/* orange #f47a21 */

body{background:#f1f1f1;}

.padded{padding:15px;}
.padTop{padding-top:15px;}
.contentBot{margin-bottom:45px;}
.gray{color:#999;}
.orangeText{color:#f47a21;}

.devComment{
display:inline-block;
padding:10px;
font-weight:bold;
border:1px solid #f47a21;
color:#f47a21;
margin:10px auto;
}

h1,h2,h3,h4,h5{
color:#f47a21;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
margin:0px;
}

h1{font-size:45px;}
h2{font-size:40px;}
h3{font-size:30px;}
h4{font-size:25px;}
.grayBG a:hover{text-decoration:none;}

p{line-height:30px;}

.xsCentered{text-align:center;}

@media screen and (min-width: 768px) {
.xsCentered{text-align:left;}
}

.blackAndWhite{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.blackAndWhite:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

.modalCloseButton{
position: absolute;
right: 8px;
top: 35px;
z-index: 9999999;
cursor: pointer;
width: 25px;
}

#pageContainer{
background: white;
}

@media screen and (min-width: 1600px) {
	#pageContainer{
		max-width: 1920px;
		margin: 0 auto;
		box-shadow: 0px 0px 15px silver;
		position: relative;
	}
}

.contentContainer{
max-width:1020px;
margin:0 auto;
padding:0px 15px;
}

@media screen and (min-width: 1080px) {
	.contentContainer{
	padding:0px;
	}
}

#blackGradient{
display:none;
}

@media screen and (min-width: 1600px) {
	#blackGradient{
	position:absolute;
	width:100%;
	max-height:205px;
	z-index:100;
	display:block;
	}
}

.header-img{
width:100%;
}

.oLineLeft{margin-top:5px;}
.oLineRight{margin-top:-28px;}

#language{
position: absolute;
text-align: right;
width: 100%;
padding-right: 12px;
top: -10px;	
}	

#language span{
display:inline-block;
margin-left:40px;
}

#language span a{
font-size:13px;
}

#language img{
width: 30px;
position: relative;
top: -1px;
margin-right: 5px;
}

#mobLanguageDropdown{
cursor:pointer;
}

#mobLanguage{
padding-left:20px;
padding-left:40px;
line-height:40px;
display:none;
}

#mobLanguage a{
color:white;
}

#fullMenu{
color:white;
position:absolute;
left:50%;
opacity:0;
margin-top:25px;
z-index:999999;
}

#fullMenu a{
color:white;
padding:5px 0px;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
font-size:17px;
}

.mainLink{
font-weight:normal !important;
text-shadow:1px 1px 5px black;
}

.activeLink{
border-bottom:2px solid #f47a21;	
}

.hoverRight:hover{
text-decoration:none;
background:url('http://olisur.com/images/hover_right.svg');
background-size:cover;
}

.hoverLeft:hover{
text-decoration:none;
background:url('http://olisur.com/images/hover_left.svg');
background-size:cover;
}

#menuContainer{margin-top: 35px;}

/* HOME PAGE */
.circleBorder{
border:5px solid #f47a21;
border-radius:200px;
margin-bottom:20px;
}

.grayBG{
background:#f1f1f1;
padding:40px 0px;
margin:25px 0px;
}

/* STORY PAGE */
.teamBlock{
padding:25px 0;
}

/* BRANDS PAGE */
.brandsContainer{
width:100%;
margin:0 auto;
padding:0px 15px;
}

@media screen and (min-width: 1400px) {
.brandsContainer{
max-width:1375px;
margin:0 auto;
padding:60px 0;
}
}

.brandsContainer img{
max-height:430px;
}

.brandsContainer p{
line-height:22px;
}

.brandsContainer .orangeText{
cursor:pointer;
}

.brandsContainer .orangeText:hover{
text-decoration:underline;
}

.brandsName{
font-weight:bold;
line-height:18px;
}

#oliveProductSpecs, #santiagoProductSpecs, #novaProductSpecs{
width:100%;
float:none;
}

@media screen and (min-width: 1000px) {
#oliveProductSpecs, #santiagoProductSpecs, #novaProductSpecs{
width:10%;
float:left;
}

#oliveBottles{
width:28%;
float:left;
}

#santiagoBottles{
width:28%;
float:left;
}

#novaBottles{
width:14%;
float:left;
}
}
/* SUSTAINABILITY PAGE*/
.carbonNeutral{margin-top:30px;}

/* PROCESS PAGE */
.processImage{
padding-top:50px;
}

/* CONTACT PAGE */
.contactText{
color:#999;
font-size:12px;
line-height:21px;
}

/* NEWS */
.newsLink{
text-transform:uppercase;
color:#f47a21;
margin-bottom:5px;
display:block;
font-size:24px;
font-weight:400;
}

.entry-content p{
margin-top:30px;
}

/* FOOTER */
#footerContainer{
background:#f47a21;
color:white;
padding:20px 0px;
margin-top:50px;
}

#footerMenu a, #socialRowFooter a{
color:white;
}

#socialRowFooter img {
max-width: 25px;
}

/* Markets 
-------------------------------------------------------------- */
#map{display:none;}
#plainmap{display:block;}

@media screen and (min-width: 800px) {
	#plainmap{display:none;}
	
	#map {
		width: 775px;
		height: 322px;
		margin: 20px auto 0 auto;
		position:relative;
		background-image: url(http://www.olisur.com/wp-content/themes/olisur/images/map.png);
		background-repeat:no-repeat;
		display:block;
	}
}
.marker, .pmarker {
	width: 25px;
	height: 35px;
	position: absolute;
	background-image: url(http://www.olisur.com/wp-content/themes/olisur/images/site-point.png);
	background-repeat:no-repeat;
	display: block;
	z-index:1000;
}	
.maptooltip {
	width: 196px;
	height: 175px;
	position: absolute;
	top: -170px;
	left: -85px;
	background-image: url(http://www.olisur.com/wp-content/themes/olisur/images/tool-tip.png);
	background-repeat:no-repeat;
	display: none;	
	z-index: 1001;
	font-size:9px;
	line-height:11px;
}
.tool-subject {
	color: #f47a21;
	margin: 0px 0 5px 10px;	
	float: left;
	clear: both;
}
.tooltip-country {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #f47a21;
	margin: 10px 0 5px 0;
}
.tooltip-client {
	clear: both;
	color:#666;
	font-size: 12px;
	float:left;
	margin: 0 0 8px 10px;
}
.tooltip-contact {
	clear: both;
	color:#666;
	font-size: 12px;
	float:left;
	margin: 0 0 8px 10px;
}
.tooltip-email {
	clear: both;
	color:#666;
	font-size: 12px;
	float:left;
	margin: 0 0 8px 10px;
}
.china {
	top: 90px;
	right: 230px;
}
.japan {
	top: 85px;
	right: 175px;
}
.taiwan {
	top: 115px;
	right: 190px;
}
.korea {
	top: 75px;
	right: 195px;
}
.hong_kong {
	top: 105px;
	right: 205px;
}
.hong_kong2 {
	top: 105px;
	right: 215px;
}
.australia {
	top: 195px;
	right: 100px;
}
.united_kingdom {
	top: 60px;
	left: 285px;
}
.denmark_sweden {
	top: 50px;
	left: 300px;
}
.belgium {
	top: 65px;
	left: 300px;
}
.switzerland {
	top: 75px;
	left: 300px;
}
.mexico {
	top: 108px;
	left: 82px;
}
.costa_rica {
	top: 126px;
	left: 115px;
}
.guatemala {
	top: 116px;
	left: 105px;
}

.colombia {
	top: 135px;
	left: 140px;
}

.venezuela {
	top: 135px;
	left: 160px;
}

.ecuador {
	top: 150px;
	left: 117px;
}
.usa {
	top: 90px;
	left: 137px;
}
.brazil {
	top: 150px;
	left: 197px;
}
.canada {
	top: 70px;
	left: 117px;
}
.chile {
	top: 200px;
	left: 130px;
}