h1{font-family:'DeltaSans', sans-serif;color: #414141;font-weight:normal;margin:0;padding:0;font-size:36px;line-height:39px;margin-top: 10px !important;}
h2 {font-size: 33px;line-height: 36px; margin-bottom:15px;}
#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;}
#back_print_share{margin-top: 10px;}
#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;}


/**************** QUESTION ****************/
#question{text-align: center; background-color:#E1E6E6; padding: 40px 0 45px; }
#question .text{ width: 90%; text-align: center;  margin: 0 auto; font-family:'DeltaSans', sans-serif; font-size:36px;line-height:39px;}
#question .buttons{margin-top:40px;}
/*****************************************/

/**************** TEXT ****************/
#description_text{color: #717D84 !important;width: 50%;max-width: 720px;margin: 0 auto;padding: 20px 0 40px;}
#description_text p{font-size: 22px; margin: 0; margin-top: 15px; line-height: 26px;}
/*****************************************/

#addresses{ background-color: white; margin-bottom: 40px; padding:2%; font-size:16px; line-height: 19px; position:relative;}
#addresses > div{float:left; width:47.5%; margin-left:5%;}
#addresses > div:first-child{margin-left:0%;}
#addresses .green_header{margin:0; margin-bottom:20px; display: table-caption !important;}
#addresses .button { padding: 8px 13px; width:100%; margin-top: 10px;}
#addresses .company {margin-top:50px;}
#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;}
/**************** contacts ****************/
#contact{ background-color:#F0F0F0; margin-bottom:60px; padding:40px 0 60px; color:#717D84; font-size: 18px;}
#contact_people > .line > .row {margin-top:2.1%;}
#contact_people > .line > .row:first-child, #sub_categories > .line > .row:first-child .col-12 {margin-top:0 !important;}
#contact_people div[class^="col-"]{background-color:#fff; padding: 2.7% 2%; font-size:inherit; color:#717D84;}
#contact_people div[class^="col-"] span{display:block;}
#contact_people div[class^="col-"] a{display:block; }
#contact_people .col-4{width: 27.9%;}
#contact_people .col-6{width: 44.9%;}
#contact_people .col-12{ width: 94%; padding: 3% !important; margin-top: 15px !important;}
.green_header{color:#0087DC;font-family:'DeltaSans', sans-serif;font-size:22px;font-weight:bold;margin-top: 5px;}
#contact_people .name{font-weight:bold;margin-top: 10px;}
#contact_people .title{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 { margin-bottom: 25px; width: 250px;}

#map_container{  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:#717D84;}
#contact_form form input[type=tel]{width:60%; padding:1.5%; color:#717D84;}
#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-bottom: 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 QUERIES ***********************/

@media screen and (max-width: 980px) {
	
	h2,h1 {font-size: 26px; line-height: 29px; }
	h3 { font-size: 23px; line-height: 26px;}
	
	#share_popup #wa_share{display:block;}
	
	
	/**************** QUESTION ****************/
	#question .text {font-size: 23px;line-height: 26px;}
	#question a {font-size: 16px;}
	#question .buttons { margin-top: 20px;}
	/*****************************************/
	
	/**************** TEXT ****************/
	#description_text {  width: 94%;  max-width: none;  padding: 30px 0;}
	#description_text p {font-size: 18px; line-height: 22px;}
	/**************************************/
	.green_header { font-size: 18px; line-height: 23px !important;}
	#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-left: 0;
		margin-top: 40px;
	}
	
	#addresses > div:first-child{margin-top:0;}
	
	#map_container{ margin-bottom:0px;}
}

@media screen and (max-width: 650px) {
	h2 {margin-bottom: 0; }
	#addresses { padding: 3%; }
	.SumoSelect>.CaptionCont { padding: 2%;}
	.SumoSelect {margin: 0;width: 100%;margin-top: 15px;margin-bottom: 15px;}
	#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;}
}

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