@font-face {
			font-family: "GothamProBold";
			src: url("../fonts/GothamProBold/GothamProBold.eot");
			src: url("../fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/GothamProBold/GothamProBold.woff") format("woff"),
			url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
	
@font-face {
			font-family: "GothamProLight";
			src: url("../fonts/GothamProLight/GothamProLight.eot");
			src: url("../fonts/GothamProLight/GothamProLight.eot?#iefix")format("embedded-opentype"),
			url("../fonts/GothamProLight/GothamProLight.woff") format("woff"),
			url("../fonts/GothamProLight/GothamProLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
	
@font-face {
			font-family: "GothamProLightItalic";
			src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot");
			src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/GothamProLightItalic/GothamProLightItalic.woff") format("woff"),
			url("../fonts/GothamProLightItalic/GothamProLightItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}


.red_input {border: 2px solid red !important}	
.sig {width: 100%; height: 270px; background-position: 50% 50%; background-repeat: no-repeat;  background-size: cover; margin-bottom: 20px;}

.transition {transition: all 0.3s;}
body {background: #F3F3F3;}
.btmMrg {margin-bottom: 40px;}
.nullpadding {padding-left: 0px; padding-right: 0px;}
.btnAll {height: 45px; width: 250px; background: #fdd200;  padding: 10px; text-align: center; font-family: "GothamProBold";  color: black;  font-size: 14px; border: 2px solid #fdd200; display: inline-block;}
.btnAll:hover {height: 45px; width: 250px; background: none;  padding: 10px; text-align: center; font-family: "GothamProBold";  color: black;  font-size: 14px; border: 2px solid #fdd200; display: inline-block;}
.breadcrumb {margin-top: 5px;}
ul.breadcrumb {font-size: 12px; color: #444; padding-top: 15px; padding-bottom: 15px; font-family: "GothamProLight"; padding-left: 2px;}
ul.breadcrumb li {color: #444; text-transform: uppercase;font-size: 10px;}
ul.breadcrumb a {color: #444; text-transform: uppercase;font-size: 10px;}
h1 {font-family: "GothamProBold"; color: black; font-size: 29px; margin-bottom: 15px; line-height: 1.3; margin-top: 0px;}
div.catpagi {margin-bottom: 5px;}
div.catpagi ul {list-style: none; display: table; margin: 0px auto; padding-right: 40px; padding-top: 20px;}
div.catpagi ul li{float: left; font-size: 20px; color: black; font-family: "GothamProBold"; }
div.catpagi ul li span{border-bottom: 3px solid black; width: 33px; display: block;}
div.catpagi ul li a{color: #00b0c0; font-family: "GothamProBold"; border-bottom: 3px solid #00b0c0; width: 33px; display: block;}
div.catpagi ul li.pagination-start {display: none;}
div.catpagi ul li.pagination-prev {display: none;}
div.catpagi ul li.pagination-next {display: none;}
div.catpagi ul li.pagination-end {display: none;}
.faqtext {font-family: gothamprolight; color: black; font-size: 18px;  margin-bottom: 10px; }


@media only screen and (min-width : 320px) and (max-width : 479px) {
h1 {margin-top: 15px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
h1 {margin-top: 15px;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}



/** Начало верхнее меню **/
div.phonenumber {font-family: "GothamProBold"; font-size: 20px; text-align: right; color: white;}
div.phonetime {font-family: "GothamProLight"; font-size: 14px; color: white; float: right;}
div.topform {color: #fdd200;  margin-top: 2px;  cursor: pointer; font-family: "GothamProBold";  font-size: 16px; text-align: right;  border-bottom: 2px dotted #fdd200; display: inline-block;}
li.item-114 {display: none;}
.topwrp {float: right; margin-top: 40px;text-align: right;}
.headermenuwrap {background: white; box-shadow: 2px 0px 11px #dadada; display: inline !important;}
.headermenuwrap #logo {background-image: url(../images/logoMin.png); height: 60px; width: 180px; background-position: 50% 50%; background-repeat: no-repeat; float: left;  margin-right: 15px;  margin-top: 13px;  background-size: contain;}
.headermenuwrap .menunav {padding-top: 0px !important;}
.headermenuwrap ul li a {padding-top: 35px; padding-bottom: 34px; color: black !important;}
.headermenuwrap div.logo {height: 70px}
.headermenuwrap div.phonenumber {color: black;}
.headermenuwrap div.topform {color: black !important;}
.headermenuwrap div.topwrp {float: right; margin-top: 18px !important;}

.navbar-default {display: none;}

#topform {text-align: center;}
.topformmodaltitle {font-family: "GothamProBold"; color: black;font-size: 18px; text-align: center;}
.topforminput {background: #f9f9f9; height: 50px; width: 250px;  border: none;  padding: 20px;  font-family: "GothamProLight";  font-size: 12px; margin: 10px 10px 10px 10px;}
.topformbutton {height: 50px; width: 250px; background: #fdd200; padding: 10px; text-align: center;    font-family: "GothamProBold"; color: black;font-size: 13px; border: 2px solid #fdd200;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
#hidem {display: none;}
.navbar-default {display: inherit !important; background: white; }
.navbar-default .navbar-nav li a {color: black}
.navbar-default .navbar-nav li {float: none;}
.topwrp {display: none;}
.logo2 {background-image: url(../images/logoMin.png); height: 60px;  width: 180px; background-position: 50% 50%; background-repeat: no-repeat; float: right; margin-right: 15px;  margin-top: 13px;  background-size: contain;}
.headermenuwrap #logo {display:none}
.headermenuwrap ul li a {color: black !important; padding: 10px 16px;}
.logoMax {display: none;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
#hidem {display: none;}
.navbar-default {display: inherit !important; background: white;}
.navbar-default .navbar-nav li a {color: black}
.navbar-default .navbar-nav li {float: none;}
.topwrp {display: none;}
.logo2 {background-image: url(../images/logoMin.png); height: 60px;  width: 180px; background-position: 50% 50%; background-repeat: no-repeat; float: right; margin-right: 15px;  margin-top: 13px;  background-size: contain;}
.headermenuwrap #logo {display:none}
.headermenuwrap ul li a {color: black !important; padding: 10px 16px;}
.logoMax {display: none;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}
/** Конец верхнее меню **/


/** Шапка на главной странице - начало **/
ul.menunav2 li {padding-top: 45px;}
.indexheadblock {height: 975px; background-image: url('../images/head.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.headblock {height: 130px; background-image: url('../images/head.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.logoMax {background-image: url(../images/logoMax.png); height: 147px; width: 320px; background-position: 50% 50%; background-repeat: no-repeat;  float: left;  margin-right: 21px; background-size: contain;}
.logoMaxIn {background-image: url(../images/logoMaxIn.png); height: 130px; width: 300px; background-position: 50% 50%; background-repeat: no-repeat;  float: left;  margin-right: 21px; background-size: contain;}
.headmenuwrapper ul {margin-top: 30px;}
.headmenuwrapper ul li a{color: white; font-family: gothamprobold; text-transform: uppercase;}
.titlewrapper {margin-top: 120px; height: 294px; width: 60%;margin-bottom: 50px;}
.titlein1 {font-family: gothamprobold; color: black; font-size: 60px; text-align: left; margin-top: 60px; padding: 0px 15px 0px 15px; text-transform: uppercase; background: #fdd200; display: inline-block;}
.titlein2 {font-family: gothamprobold; color: black; font-size: 80px; text-align: left; padding: 0px 15px 0px 15px; background: #fdd200; display: inline-block; width: 730px;}
.titlein3 {font-family: gothamprobold; color: white; font-size: 18px; text-align: left; margin-bottom: 10px;}
.titlein4 {font-family: gothamprolight; color: white; font-size: 16px; text-align: left; margin-bottom: 50px;}
.titlein5 {font-family: gothamprobold;color: white; font-size: 16px; text-align: left; margin-bottom: 20px;}
.changeusblock {text-align: left;}
.changeusimg {width: 50px;height: 50px;	background-size: cover;	margin: 0 auto;	float: left;margin-bottom: 40px;margin-right: 10px;   font-family: gothamprobold;   font-size: 18px;  padding: 20px 0px 0px 8px;  margin-top: 4px;  background: #fdd200;  color: black;}
.changeusttl {font-family: gothamprobold; color: white; font-size: 15px;  text-align: left;  margin-bottom: 2px;}
.changeustext {font-family: gothamprolight; color: white; font-size: 14px;line-height: 1.3;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.titlein1 {font-family: gothamprobold; color: black; font-size: 30px; text-align: left; margin-top: 60px; padding: 5px 15px 0px 15px; text-transform: uppercase;  background: #fdd200; display: inline-block;}
.titlein2 {font-family: gothamprobold; color: black; font-size: 30px; text-align: left; padding: 10px 15px 10px 15px; background: #fdd200; display: inline-block; width: 295px;}
.titlewrapper {margin-top: 80px; width: 60%; margin-bottom: 50px; height: auto;}
.titlein3 {font-family: gothamprobold; color: white; font-size: 20px; text-align: left; margin-bottom: 25px;}
.titlein4 {display: none;}
.indexheadblock {height: 820px;}

.headblock {margin-top: 50px;}
.logoMaxIn {display: none;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
.titlein1 {font-family: gothamprobold; color: black; font-size: 30px; text-align: left; margin-top: 60px; padding: 5px 15px 0px 15px; text-transform: uppercase;  background: #fdd200; display: inline-block;}
.titlein2 {font-family: gothamprobold; color: black; font-size: 30px; text-align: left; padding: 10px 15px 10px 15px; background: #fdd200; display: inline-block; width: 295px;}
.titlewrapper {margin-top: 80px; width: 60%; margin-bottom: 50px; height: auto;}
.titlein3 {font-family: gothamprobold; color: white; font-size: 20px; text-align: left; margin-bottom: 25px;}
.titlein4 {display: none;}
.indexheadblock {height: 820px;}

.headblock {margin-top: 50px;}
.logoMaxIn {display: none;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}

/** Шапка на главной странице - конец **/

/** Форма подбора площади на главной - начало **/
.indexpodborblock {padding-bottom: 60px; padding-top: 60px;  background: white;}
.indexpodbortitle {font-family: "GothamProBold"; font-size: 17px; text-align: left; margin-bottom: 10px; color: black;}
.indexpodbormintext { font-family: "GothamProLight"; font-size: 15px; text-align: left; color: black;}
.formconsult {background: white; height: 45px; width: 250px; border: 1px solid #e8e8e8; padding: 10px; font-family: "GothamProLight"; font-size: 12px; margin: 10px 10px 15px 0px;}
.formconsultbutton {height: 44px; width: 250px; background: #fdd200; padding: 10px; text-align: center; font-family: "GothamProBold"; color: black; font-size: 14px; border: 2px solid #fdd200;}
.formconsultbutton:hover {background: none; color: black;}
.formconsultotvet {font-family: gothamprobold; font-size: 17px;  color: #ffffff; padding-top: 45px;}

.consultotvet {color: #00B0C0; font-size: 18px; font-family: gothamprobold; min-height: 70px; padding-top: 15px;}




@media only screen and (min-width : 320px) and (max-width : 479px) {
.formconsult {background: white; height: 45px; width: 100%; border: 1px solid #e8e8e8; padding: 10px; font-family: "GothamProLight"; font-size: 12px; margin: 10px 10px 15px 0px;}
.formconsultbutton {height: 44px; width: 100%; background: #fdd200; padding: 10px; text-align: center; font-family: "GothamProBold"; color: black; font-size: 14px; border: 2px solid #fdd200;}
.formconsultbutton:hover {background: none; color: black;}
.indexpodbormintext { font-family: "GothamProLight"; font-size: 15px; text-align: left; color: black; padding-top: 20px}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
.formconsult {background: white; height: 45px; width: 100%; border: 1px solid #e8e8e8; padding: 10px; font-family: "GothamProLight"; font-size: 12px; margin: 10px 10px 15px 0px;}
.formconsultbutton {height: 44px; width: 100%; background: #fdd200; padding: 10px; text-align: center; font-family: "GothamProBold"; color: black; font-size: 14px; border: 2px solid #fdd200;}
.formconsultbutton:hover {background: none; color: black;}
.indexpodbormintext { font-family: "GothamProLight"; font-size: 15px; text-align: left; color: black; padding-top: 20px}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}
/** Форма подбора площади на главной - конец**/




.indexinstablock {padding-bottom: 60px; padding-top: 60px;  background: white;}
.indexinstatitle {font-family: "GothamProBold"; font-size: 17px; text-align: left; margin-bottom: 10px; color: black;}






/** О нас - начало **/
.idxabout {background: white; position: relative; padding-bottom: 90px; padding-top: 90px;}
.aboutttlwrp {height: 195px; width: 515px;  background-image: url(../images/underTtlMin.png);  background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 50px;}
.aboutttlwrp1 {font-family: gothamprolight; color: black; font-size: 29px; text-align: left; text-transform: uppercase;padding-top: 49px;}
.aboutttlwrp2 {font-family: gothamprobold; color: #000000; background: #fdd200; display: inline-block;  padding: 5px 10px 5px 10px; font-size: 30px; text-align: left; text-transform: uppercase;}
.abouttext1 {font-family: gothamprolight; color: black; font-size: 16px; margin-bottom: 10px; width: 80%;}
.abouttext2 {font-family: gothamprolight; color: black; font-size: 16px; width: 80%; margin-bottom: 30px;}
div.plushuman {position: absolute; bottom: -35px; background-image: url(../images/human.png);  background-position: 50% 50%;  background-repeat: no-repeat; width: 600px;  height: 650px;  z-index: 101;  left: 50%;  background-size: contain;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.idxabout {background: white; position: relative; padding-bottom: 60px; padding-top: 60px;}
.aboutttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.aboutttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.aboutttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
div.plushuman {display:none;}
.abouttext1 {font-family: gothamprolight; color: black; font-size: 17px; margin-bottom: 10px; width: 100%;}
.abouttext2 {font-family: gothamprolight; color: black; font-size: 17px; width: 100%; margin-bottom: 30px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
.idxabout {background: white; position: relative; padding-bottom: 60px; padding-top: 60px;}
.aboutttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.aboutttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.aboutttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
div.plushuman {display:none;}
.abouttext1 {font-family: gothamprolight; color: black; font-size: 17px; margin-bottom: 10px; width: 100%;}
.abouttext2 {font-family: gothamprolight; color: black; font-size: 17px; width: 100%; margin-bottom: 30px;}

}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}

/** О нас - конец **/


/** Наши услуги- начало **/
.idxService {padding-bottom: 60px;padding-top: 90px;}
.ServiceTtlWrp {height: 195px;  width: 515px;  background-image: url(../images/underTtlMin.png);  background-repeat: no-repeat;  background-position: 23% 50%;  background-size: contain; margin-bottom: 50px;}
.ServiceTtlWrp1 {font-family: gothamprolight; color: black; font-size: 29px; text-align: left; text-transform: uppercase;  padding-top: 49px;}
.ServiceTtlWrp2 {font-family: gothamprobold; color: #000000; font-size: 30px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
ul.idxServiceTab {display: table; margin-bottom: 20px;width: 100%}
ul.idxServiceTab li {border-bottom: 3px solid black; width: 20%;color: black;}
ul.idxServiceTab li.active {border-bottom: 3px solid #fdd200; width: 20%; }
ul.idxServiceTab li a {font-family: "GothamProBold"; color: black;  font-size: 16px;}
div.idxLandTtl {font-family: "GothamProBold"; color: black;  font-size: 22px; margin-bottom: 20px;}
div.permitTitle {font-family: "GothamProBold"; font-size: 16px; margin-bottom: 20px; color: black;}
div.permitTitle span {color: #F5CD07}
div.permitMiniList1 {font-family: gothamprobold; font-size: 16px; margin-bottom: 10px;}
div.permitMiniList2 {font-family: gothamprolight; font-size: 16px; margin-bottom: 20px;}
div.permitMiniList1 span{color: #F5CD07;}
div.idServiceText {font-family: gothamprolight; color: black; font-size: 20px; margin-bottom: 60px;}
div.plusBlock {margin-bottom: 40px; float: left; width: 50%;}
div.plusBlockSquare {width: 50px; height: 50px; background: #f5cd07; margin-left: 25px; margin: 0px auto;}
div.plusBlockCal {width: 80px; height: 80px; background-image: url(../images/service/calendar.png); background-position: 50% 100%; background-repeat: no-repeat; margin: 0px auto; margin-top: -70px;}
div.plusBlockHand {width: 80px; height: 80px; background-image: url(../images/service/hand.png); background-position: 50% 100%; background-repeat: no-repeat; margin: 0px auto; margin-top: -70px;}
div.plusBlockHome {width: 80px; height: 80px; background-image: url(../images/service/home.png); background-position: 50% 100%; background-repeat: no-repeat; margin: 0px auto; margin-top: -70px;}
div.plusBlockKind {width: 80px; height: 80px; background-image: url(../images/service/kind.png); background-position: 50% 100%; background-repeat: no-repeat; margin: 0px auto; margin-top: -70px;}
div.plusText {font-family: gothamprolight; font-size: 15px; text-align: center; margin-top: 10px;  padding: 10px 45px;}
.priceBlock {float: left; font-family: gothamprolight; padding: 20px; min-height: 170px; width: 100%;}
.priceBlockttl {font-family: gothamprobold; font-size: 16px;}
.priceBlock span {font-family: gothamprobold; font-size: 16px;}
.priceBlock div {margin-bottom: 5px; font-size: 16px;}
div.serviceMinTtl {font-family: "GothamProBold";  color: black; font-size: 24px; margin-bottom: 5px; background: #ffd300; display: inline-block; padding: 5px 10px;}
div.serviceMinTxt {font-family: gothamprolight;  color: black; font-size: 18px; margin-bottom: 25px; margin-top: 5px;}
.serviceblkdark {background-image: url(../images/black.png);}
.serviceblkbg {height: 280px; padding: 30px 35px; margin-bottom: 30px;}
.serviceblk {background: white; box-shadow: 6px 5px 5px #cacaca;}
.serviceitemttl {font-family: gothamprobold; color: black; font-size: 18px; margin-bottom: 15px;}
.serviceitemtext {font-family: gothamprolight; color: black; font-size: 17px; min-height: 90px; margin-bottom: 15px;}
.nimgser {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.nimgser .serviceitemttl {color: white !important;}
.nimgser .serviceitemtext {color: white !important;}

div.serviceInTtl {font-family: gothamprobold; color: black; font-size: 20px; margin-bottom: 5px;}
div.serviceInTtl span {color: #fdd200;}
div.serviceInTxt {font-family: gothamprolight; color: black; font-size: 17px;margin-bottom: 20px;}
div.serviceInTxtAtt {font-family: gothamprolight; color: black; font-size: 17px; margin-bottom: 20px; background: white;  padding: 15px 20px;}

.idxLandTtlMob {display: none;}
.plusBlockTtlMob {display: none}

.serviceInFormwrapper {text-align: left; background: white; padding: 30px;  margin-bottom: 30px; box-shadow: 3px 4px 6px gainsboro; min-height: 227px;}
.serviceInFormtitle {font-family: gothamprobold; color: #000; font-size: 18px; text-align: left;  margin-bottom: 10px;}
.serviceInFormtext {font-family: "GothamProLight"; color: black; font-size: 16px; padding-bottom: 15px;}
.serviceInFormjustice {font-family: gothamprolight; color: black; font-size: 14px; margin-bottom: 30px; margin-top: 15px;}


.formservice {background: white; height: 45px; width: 18%; border: 1px solid #e8e8e8; padding: 10px; font-family: "GothamProLight"; font-size: 12px; margin: 10px 10px 15px 0px;}
.formservicebutton {height: 44px; width: 18%; background: #fdd200; padding: 10px; text-align: center; font-family: "GothamProBold"; color: black; font-size: 14px; border: 2px solid #fdd200;}
.formservicebutton:hover {background: none; color: black;}
.formservicetotvet {font-family: gothamprobold; font-size: 17px;  color: #fdd200; padding-top: 45px;}


.serviceformotvet {font-family: gothamprobold; font-size: 18px; color: #e6bd25; padding-top: 40px; padding-bottom: 20px; min-height: 114px;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.ServiceTtlWrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.ServiceTtlWrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.ServiceTtlWrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
.idxService {padding-bottom: 30px;padding-top: 60px;}
div.idServiceText {font-family: gothamprolight; color: black; font-size: 18px; margin-bottom: 40px;}
ul.idxServiceTab {display: none; margin-bottom: 20px;width: 100%}
.priceBlock {font-size: 16px; float: left; font-family: gothamprolight; padding: 0px; min-height: auto; width: 100%;}
.priceBlock div {margin-bottom: 15px;}
.priceBlock span {font-family: gothamprobold; display: block; font-size: 20px; padding-top: 5px;}
.mobNone {display: none}
.idxLandTtlMob {font-family: gothamprolight; color: black; font-size: 18px; display: block; margin-bottom: 20px;}
.plusBlockTtlMob {font-family:  gothamprobold; color: black; font-size: 20px; display: block; margin-bottom: 20px;}
div.plusText {font-family: gothamprolight; font-size: 15px; text-align: center; margin-top: 10px;  padding: 10px 5px;}
.priceBlockttl {font-family: gothamprobold; font-size: 20px !important;}
.formservice {width: 100%;}
.formservicebutton {width: 100%;}

div.serviceInTtl {padding-top: 15px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
.ServiceTtlWrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.ServiceTtlWrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.ServiceTtlWrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
.idxService {padding-bottom: 30px;padding-top: 60px;}
div.idServiceText {font-family: gothamprolight; color: black; font-size: 18px; margin-bottom: 40px;}
ul.idxServiceTab {display: none; margin-bottom: 20px;width: 100%}
.priceBlock {font-size: 16px; float: left; font-family: gothamprolight; padding: 0px; min-height: auto; width: 100%;}
.priceBlock div {margin-bottom: 15px;}
.priceBlock span {font-family: gothamprobold; display: block; font-size: 20px; padding-top: 5px;}
.mobNone {display: none}
.idxLandTtlMob {font-family: gothamprolight; color: black; font-size: 18px; display: block; margin-bottom: 20px;}
.plusBlockTtlMob {font-family:  gothamprobold; color: black; font-size: 20px; display: block; margin-bottom: 20px;}
div.plusText {font-family: gothamprolight; font-size: 15px; text-align: center; margin-top: 10px;  padding: 10px 5px;}
.priceBlockttl {font-family: gothamprobold; font-size: 20px !important;}
.formservice {width: 100%;}
.formservicebutton {width: 100%;}

div.serviceInTtl {padding-top: 15px;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}
/** Наши услуги - конец **/

/** Преимущества - начало **/
.idxbonus {padding-bottom: 60px; padding-top: 90px; background: white; background-image: url(../images/eumap.png); background-repeat: no-repeat; background-position: 100% 70%; background-size: cover; }
.bonusttlwrp {height: 195px; width: 515px; background-image: url(../images/underTtlMin.png); background-repeat: no-repeat; background-position: 23% 50%;  background-size: contain; margin-bottom: 50px;}
.bonusttlwrp1 {font-family: gothamprolight; color: black; font-size: 29px; text-align: left; text-transform: uppercase;padding-top: 49px;}
.bonusttlwrp2 {font-family: gothamprobold; color: #000000; background: #fdd200; font-size: 30px; text-align: left; text-transform: uppercase; display: inline-block;  padding: 5px 10px 5px 10px;}
.bonuswrp {}
.bonusitemimg {width: 51px; height: 51px; background-repeat: no-repeat; background-position: 50% 50%; margin-bottom: 10px;}
.travel {background-image: url(../images/res/travel.png);}
.study {background-image: url(../images/res/study.png);}
.job {background-image: url(../images/res/job.png);}
.medical {background-image: url(../images/res/medical.png);}
.citizen {background-image: url(../images/res/citizen.png);}
.bonusitemttl {font-family: gothamprobold; color: black; font-size: 18px; margin-bottom: 5px;}
.bonusitemtext {font-family: gothamprolight; color: black; font-size: 16px;min-height: 120px;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.idxbonus {padding-bottom: 30px; padding-top: 60px; background: white; background-image: url(../images/eumap.png); background-repeat: no-repeat; background-position: 65% 70%; background-size: cover; }
.bonusttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.bonusttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.bonusttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
.bonusitemtext {font-family: gothamprolight; color: black; font-size: 16px;min-height: auto; margin-bottom: 15px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
.idxbonus {padding-bottom: 30px; padding-top: 60px; background: white; background-image: url(../images/eumap.png); background-repeat: no-repeat; background-position: 65% 70%; background-size: cover; }
.bonusttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.bonusttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.bonusttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
.bonusitemtext {font-family: gothamprolight; color: black; font-size: 16px;min-height: auto; margin-bottom: 15px;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}
/** Преимущества - конец **/


/** Этапы работы - начало **/
.idxetapi {padding-top: 90px; padding-bottom: 60px;}
.etapttlwrp {height: 195px;  width: 515px;  background-image: url(../images/underTtlMin.png);  background-repeat: no-repeat;  background-position: 23% 50%;  background-size: contain; margin-bottom: 50px;}
.etapttlwrp1 {font-family: gothamprolight; color: black; font-size: 29px; text-align: left; text-transform: uppercase;padding-top: 49px;}
.etapttlwrp2 {font-family: gothamprobold; color: #000000; background: #fdd200; font-size: 30px; text-align: left; text-transform: uppercase; display: inline-block;  padding: 5px 10px 5px 10px;}
.stagewrp {}
.stagenum {font-family: gothamprobold; color: black; font-size: 40px; margin-bottom: 5px;}
.stagenum span {color: #fdd200}
.stagetextwrp {}
.stagettl {font-family: gothamprobold; color: black; font-size: 20px;  margin-bottom: 5px;}
.stagetext {font-family: gothamprolight; color: black; font-size: 16px; min-height: 120px;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.idxetapi {padding-top: 60px; padding-bottom: 30px;}
.etapttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.etapttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.etapttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
.idxetapi {padding-top: 60px; padding-bottom: 30px;}
.etapttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.etapttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.etapttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}
/** Этапы работы - конец **/




/** Новости - начало **/
.idxnews {padding-bottom: 60px; padding-top: 90px;}
.newsttlwrp {height: 195px; width: 515px;  background-image: url(../images/underTtlMin.png);  background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 50px;}
.newsttlwrp1 {font-family: gothamprolight; color: black; font-size: 29px; text-align: left; padding-top: 49px; text-transform: uppercase;}
.newsttlwrp2  {font-family: gothamprobold; color: #000000; background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px; font-size: 30px; text-align: left; text-transform: uppercase;}
.newsblkdark {background-image: url(../images/black.png);}
.newsblkbg {height: 280px; padding: 30px 35px; margin-bottom: 30px;}
.newsblk {background: white; box-shadow: 6px 5px 5px #cacaca;}
.newsitemttl {font-family: gothamprobold; color: black; font-size: 18px;min-height: 80px; margin-bottom: 15px;}
.newsitemtext {font-family: gothamprolight; color: black; font-size: 17px; min-height: 90px; margin-bottom: 15px;}
.newsitemdate {font-family: gothamprobold; color: black; font-size: 18px;}
.nimg {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.nimg .newsitemttl {color: white !important;}
.nimg .newsitemtext {color: white !important;}
.nimg .newsitemdate {color: white !important;}
.newsindate {font-size: 15px; color: black; font-family: gothamprobold; margin-bottom: 5px;}
.textinnews {font-size: 16px; color: black; font-family: gothamprolight;}
.textinnews {margin-bottom: 30px;}
.newsgalttl {font-family: "GothamProBold"; color: black; font-size: 20px; margin-bottom: 15px;}
.newsgaltxt {font-family: "GothamProlight"; color: black; font-size: 18px; margin-bottom: 30px;}
.newsvideottl {font-family: "GothamProBold"; color: black; font-size: 20px; margin-bottom: 15px;}
.newsvideotxt {font-family: "GothamProlight"; color: black; font-size: 18px; margin-bottom: 30px;}
.lastnewsblk {margin-bottom: 30px;}
.lastnewstitle {font-family: "GothamProBold"; color: black; font-size: 20px; margin-bottom: 15px;}
.lastnewstext {font-family: "GothamProlight"; color: black; font-size: 18px; margin-bottom: 30px;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.idxnews {padding-bottom: 30px; padding-top: 60px;}
.newsttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.newsttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.newsttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}

.newsblkbg {padding: 20px 25px;}
.newsitemttl {font-size: 16px;}
.newsitemtext {font-size: 16px;}
.newsitemdate {font-size: 17px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
.idxnews {padding-bottom: 30px; padding-top: 60px;}
.newsttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.newsttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.newsttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}

.newsblkbg {padding: 20px 25px;}
.newsitemttl {font-size: 16px;}
.newsitemtext {font-size: 16px;}
.newsitemdate {font-size: 17px;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}
/** Новости - конец **/

/** Видео - начало **/

.thumb-wrap {position: relative; padding-bottom: 54.15%; padding-top: 30px; height: 0;overflow: hidden; margin-bottom: 15px;}
.thumb-wrap embed {position: absolute;top: 0; left: 0; width: 100%; height: 100%;}

.idxvideo {}
.videottlwrp {margin-top: 60px; height: 180px; width: 390px;  background-image: url(../images/underTtlMin.png);  background-repeat: no-repeat; background-position: 37% 50%; background-size: contain; margin-bottom: 50px;}
.videottlwrp1 {font-family: gothamprolight; color: black; font-size: 29px; text-align: left; padding-top: 49px; text-transform: uppercase;}
.videottlwrp2  {font-family: gothamprobold; color: #000000; background: #fdd200; font-size: 30px; text-align: left; text-transform: uppercase;  display: inline-block;  padding: 5px 10px 5px 10px;}

ul.idxvideotab {display: table; margin-bottom: 20px;}
ul.idxvideotab li {border-bottom: 3px solid black; width: 150px;}
ul.idxvideotab li.active {border-bottom: 3px solid #00B0C0; width: 150px;}
ul.idxvideotab li a {font-family: "GothamProBold"; color: black;  font-size: 16px;}
/** Видео - конец **/


/** Контакты - начало **/
.idxcontact{background: white;}
.contactttlwrp {margin-top: 60px; height: 195px; width: 515px;  background-image: url(../images/underTtlMin.png);  background-repeat: no-repeat; background-position: 22% 50%; background-size: contain; margin-bottom: 50px;}
.contactttlwrp1 {font-family: gothamprolight; color: black; font-size: 29px; text-align: left; padding-top: 49px; text-transform: uppercase;}
.contactttlwrp2  {font-family: gothamprobold; color: #000000; background: #fdd200; display: inline-block;  padding: 5px 10px 5px 10px;  font-size: 30px;   text-align: left; text-transform: uppercase;}
#indexmap {width: 100%; height: 600px; padding: 0; margin: 0; position: relative;}
.indexmapinfowrapper {padding: 30px; position: absolute; z-index: 2; left: 10%; top: 100px; background: white; width: 400px; height: 400px;}
.indexmapinfottl {font-family: "GothamProBold"; color: black; font-size: 15px; text-transform: uppercase; margin-bottom: 5px;}
.indexmapinfotxt {font-family: "GothamProLight"; color: black; font-size: 17px; margin-bottom: 15px;}
.wtapp {color: #30bf39;}
.viber {color: #5e5099;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.contactttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.contactttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.contactttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
.indexmapinfowrapper {padding: 30px; position: absolute; z-index: 2; left: 5%;top: 410px; background: white;  width: 75%; height: auto;}
.indexmapmob {display: none;}
#indexmap {width: 100%; height: 750px; padding: 0; margin: 0; position: relative;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
.contactttlwrp {height: auto; width: auto; background-image: none; background-repeat: no-repeat; background-position: 23% 50%; background-size: contain; margin-bottom: 30px;}
.contactttlwrp1 {font-family: gothamprolight; color: black; font-size: 23px; text-align: left; text-transform: uppercase;  padding-top: 0px;}
.contactttlwrp2 {font-family: gothamprobold; color: #000000; font-size: 24px; text-align: left; text-transform: uppercase;  background: #fdd200; display: inline-block; padding: 5px 10px 5px 10px;}
.indexmapinfowrapper {padding: 30px; position: absolute; z-index: 2; left: 5%;top: 410px; background: white;  width: 75%; height: auto;}
.indexmapmob {display: none;}
#indexmap {width: 100%; height: 750px; padding: 0; margin: 0; position: relative;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}
/** Контакты - Конец **/


/** Footer - Start **/
.footer {background: white; padding-top: 30px; padding-bottom: 30px;}
ul#bottom {margin-bottom: 30px; margin-top: 30px; display: inline-flex;}
ul#bottom li a{float: left; color: black; font-size: 16px;font-family: gothamprobold;}
ul#bottom li a:hover{float: left; color: #fdd200; font-size: 16px;font-family: gothamprobold;}
div.socbtnwrp {text-align: center;}
div.socialbutton {margin-top: 25px; display: inline-block; margin-bottom: 45px; text-align: center;}
div.socialvk {background: #fdd200; width: 50px; height: 50px; background-image: url(/templates/nagatinsky/images/social/vk.png); background-position: 50% 50%; background-repeat: no-repeat; float: left;}
div.socialvk:hover {background: #507299; background-image: url(/templates/nagatinsky/images/social/vk.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.socialfb {background: #fdd200; width: 50px; height: 50px; background-image: url(/templates/nagatinsky/images/social/fb.png); background-position: 50% 50%; background-repeat: no-repeat; float: left; margin-left: 10px;}
div.socialfb:hover {background: #3b5998; background-image: url(/templates/nagatinsky/images/social/fb.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.socialok {background: #fdd200; width: 50px; height: 50px; background-image: url(/templates/nagatinsky/images/social/ok.png); background-position: 50% 50%; background-repeat: no-repeat; float: left; margin-left: 10px;}
div.socialok:hover {background: #ee8208; background-image: url(/templates/nagatinsky/images/social/ok.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.socialinst {background: #fdd200; width: 50px; height: 50px; background-image: url(/templates/nagatinsky/images/social/inst.png); background-position: 50% 50%; background-repeat: no-repeat; float: left; margin-left: 10px;}
div.socialinst:hover {background: #C13584; background-image: url(/templates/nagatinsky/images/social/inst.png); background-position: 50% 50%; background-repeat: no-repeat;}

.bottomcopy {text-align: center; font-family: gothamprolight; color: black; font-size: 14px; padding: 9px 13px; margin-bottom: 30px;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
ul#bottom {margin-bottom: 30px; margin-top: 30px; display: grid;}
ul#bottom li {display: grid;}
ul#bottom li a{float: left; color: #fdd200; font-size: 16px;font-family: gothamprobold; display: inline-grid;}
.nav > li {float: none;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
ul#bottom {margin-bottom: 30px; margin-top: 30px; display: grid;}
ul#bottom li {display: grid;}
ul#bottom li a{float: left; color: #fdd200; font-size: 16px;font-family: gothamprobold; display: inline-grid;}
.nav > li {float: none;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}
/** Footer - End **/