/**************** CONTENT ****************/
#content { padding: 40px 0 60px;}
#content a{color:#0087DC; text-decoration:none;}
#content a:hover{text-decoration:underline;}
#content > *{margin-top:55px !important;}
#content #question { margin-top: 55px !important;}
#content > *:first-child{margin-top:0px !important;}
#content h2, #content h1{font-size:36px; line-height:39px; margin-bottom:10px; color: #414141; font-family: 'DeltaSans', sans-serif;}
#content h3{font-family: 'DeltaSans', sans-serif; color: #0087DC; font-weight: normal; margin: 0; padding: 0;margin-bottom:10px; font-size: 22px; line-height: 27px;}
#content hr{border-top:1px solid #969696; margin:30px 0;}
#content p{margin:0 0 30px;;}
#content * > p:last-of-type{margin-bottom:0 !important;}
#content .centered{ width: 100%; max-width: 755px; margin: 0 auto;}
#content .indent{max-width: 550px;}
#content .centered .indent{margin:30px auto 0;}
#content #title_and_share{margin-bottom:7px;}
#content #share{ float:right; width:19px; height:19px; background:url(../images/general/share.png) top left no-repeat; display:inline-block; text-indent:-9999px; margin-left: 15px;}
#share_popup {width:250px; height:100px;}
#share_popup a{width:48px; height:48px; background-size:100% !important; background-repeat:no-repeat !important; text-indent:-9999px; display:block; float:left; margin-left: 19px; margin-top: 40px;}
#share_popup a:first-child{margin-left:0;}
#share_popup #fb_share{background:url(../images/general/fb.png);}
#share_popup #tw_share{background:url(../images/general/tw.png);}
#share_popup #in_share{background:url(../images/general/in.png);}
#share_popup #wa_share{background:url(../images/general/wa.png); display:none;}

/*****************************************/

/**************** CONTACT *******************/
#addresses{background-color: #F0F2F2;margin-bottom: 40px;padding:2%;font-size:16px;line-height: 19px;position:relative;/* margin-top:20px; */}
#addresses > div{float:left; width:47.5%; margin-right:5%;}
#addresses > div:first-child{margin-right:0%;}
#addresses .green_header{margin:0; margin-bottom:20px; display: table-caption !important;}
#addresses .button { padding: 8px 13px; width:100%; margin-top: 10px; color:#fff;}
#addresses .button:hover{text-decoration:none;}
#addresses .company {margin-top:45px;}
#addresses .company:first-child {margin-top:0px;}
#addresses .company > div{ display:table-row;}
#addresses .company > div > span{ display: table-cell; padding-bottom: 15px; line-height: inherit; padding-left: 10px;}
#addresses .company > div > span:first-child{min-width: 140px; padding-left:25px;}
#addresses .advice{display: table-caption !important; margin-bottom: 20px; font-family: 'DeltaSans', sans-serif; font-size: 22px; font-weight: bold; margin-top: -5px;}

#contact{color: #414141; font-size: 18px;}
#contact > .line:first-child .minitagGrn{margin-bottom:10px; float:left;}
#contact > .line h3{margin-top: 40px;margin-bottom: 5px;}
.green_header{color:#0087DC;font-family:'DeltaSans', sans-serif;font-size:22px;font-weight:bold;margin-top: 5px;}
.contact_tel{ padding: 0 0 0 15px; background: url(../images/my-page/tel.png) top left no-repeat; min-height: 21px; margin-top: 15px;}
.contact_email{padding:0 0 0 25px; background:url(../images/my-page/letter.png) 0px 5px no-repeat; min-height:21px; margin-top: 5px; }
.contact_email a{color:inherit;}
.contact_email a:hover{text-decoration:none;}
.pin{padding:0 0 0 25px; background:url(../images/my-page/pin.png) top left no-repeat; min-height:21px; margin-bottom:15px;}

.sumo_country{margin-right:10px;}
.sumo_office{margin-left:10px;}
.SumoSelect>.optWrapper>.options li label{overflow:hidden; padding: 10px;}
.SumoSelect>.CaptionCont>span {font-weight: normal !important; width: 90%; overflow: hidden; display: inline-block; font-size: 16px; line-height:20px;margin-top: 3px;}


.SumoSelect>.CaptionCont { padding: 3%;}
.SumoSelect.open .search-txt{margin-top:5px;}
.SumoSelect>.optWrapper>.options{max-height:250px;}
.SumoSelect { width: 42%;}

#map_container{ float:right !important; height: 300px;}
#map {width:100%; height:100%;}

#contact_form {padding:15px; width:80%;}
#contact_form form > div{display:block; margin-top:20px;}
#contact_form form > div > label{display:block; margin-bottom:5px;}
#contact_form form input[type=text]{width:60%; padding:1.5%; color: #414141;}
#contact_form form input[type=tel]{width:60%; padding:1.5%; color: #414141;}
#contact_form form input[type=submit]{float:right;}
#contact_form form textarea{width:97%; resize:none; height:100px; padding:1.5%; margin-bottom:-5px; color:#717D84;}
#contact_form form .text{font-size: 12px; font-style: italic; display:block; margin-top:5px;}
#contact_form form select{width:60%;}
#contact_form .SumoSelect { margin-top: 0; width: 63%;}
#contact_form .SumoSelect>.CaptionCont { padding: 1.5%;}
#contact_form .SumoSelect> .optWrapper { background-color: #8F979C;}
#contact_form .SumoSelect.open .search-txt {width: 100%; background-color: transparent;}
#contact_form .SumoSelect>.optWrapper>.options li.opt { border-bottom: 1px solid #5E6A71;}
#contact_form select.error + p.CaptionCont,#contact_form .error { border:2px solid #B94A48;}

/********************************************/
@media screen and (max-width: 980px) {
	
h3 {font-size: 20px !important; line-height: 24px !important; }
h2, h1 {font-size: 28px !important; line-height: 30px !important;}
h4 {font-size: 19px; line-height: 23px;}
.ingres { font-size: 17px; line-height: 21px;}
.textcopy {font-size: 14px; line-height: 20px;}


/**************** QUESTION ****************/
#question { font-size: 16px;}
#question a {font-size: 16px;}
/*****************************************/

#share_popup #wa_share{display:block;}

.green_header { font-size: 18px;}
#contact { font-size: 16px;}
#addresses { font-size: 14px; line-height: 17px;}
#addresses .advice { font-size: 18px; margin-top: -10px;}
#addresses .button {font-size: 16px;}
#addresses .company > div > span:first-child { min-width: 120px;}

}

@media screen and (max-width: 900px) {
	#addresses > div {
		float: none !important;
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	
	#addresses > div:first-child{margin-top:0;}
	
	
}

@media screen and (max-width: 640px) {
#content .indent{max-width:none;}
#content { padding: 10px 0 40px;}
#content > * { margin-top: 30px !important;}

#addresses { padding: 3%; }

/************* OTHER NEWS ****************/
#other_news .row{margin:0 !important;}
#other_news .row .col-3 {width: 48%; margin-left: 4%; margin-bottom: 8%;}
#other_news .row .col-3:nth-child(2n+1){clear:both; margin-left:0 !important;}
#other_news .minitagGrn { margin-bottom: 1px;}
/****************************************/



.SumoSelect>.CaptionCont { padding: 2%;}
.SumoSelect {margin: 0;width: 100%;margin-top: 5px;margin-bottom: 5px;}
#contact_form .SumoSelect {width:100%; margin:0;}
#contact_form .SumoSelect>.CaptionCont { padding: 1.5%;}
#contact_form form input[type=text]{width:96%; padding: 2%;}
#contact_form form input[type=tel]{width:96%; padding: 2%;}
#contact_form .SumoSelect.open .search-txt { margin-top: 5px;}
#contact_form form > div > label { font-size: 15px;}
#contact_form .SumoSelect>.CaptionCont>span { font-size: 14px;}
#contact_form .SumoSelect> .optWrapper { font-size: 13px;}
}

@media screen and (max-width: 500px) {
#question #feedback_form { width: 280px;}
}

@media print { 
	#header, #content > div, #question, #other_news, #footer, #contact > .line h3, #filter, #addresses .button { display:none;}
	#addresses .company > div > span:first-child {padding-left: 0;}
	#contact{display:block !important; margin:0 !important;}
}