/* Start:/local/templates/en/template_styles.css?170980893613443*/
@import "/local/templates/en/css/reset.css";
@import "/local/templates/en/css/fonts.css";

body{font-size: 16px;}

b{font-family: 'museo_sans_cyrl700';}
em{font-style: normal; font-weight: normal; font-family: 'austin_cyr_romanitalic';}
i{font-family: Georgia, serif; font-style: italic;}


sup{font-size: .6em; vertical-align: super;}
sub{font-size: .6em; vertical-align: sub;}

a{text-decoration: underline; color: #a5b720;}
a:hover{text-decoration: none;}

h1.page-title{
	font-size: 50px;
	line-height: 1;
	margin-bottom: .3em;
	font-family: 'museo_sans_cyrl700';
}
h2{font-size: 36px; line-height: 40px; font-family: 'museo_sans_cyrl500'; letter-spacing: -.01em; margin-bottom: 10px;}
h3{margin-bottom: 30px; font-size: 24px; font-family: 'museo_sans_cyrl900'; text-transform: uppercase; color: #373737;}
h4{
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 1.7;
	color: #444;
	font-family: 'museo_sans_cyrl900';
	text-transform: uppercase;
}
h5{
	margin-bottom: 15px;
	line-height: 1.7;
	color: #444;
	font-family: 'museo_sans_cyrl900';
	text-transform: uppercase;
}

p{line-height: 1.6; margin-bottom: 1.5em;}
img{max-width: 100%;}
hr{
	display: block;
	margin: 2em 0;
	border: none;
	outline: none;
	height: 1px;
	background: #e5e5e5;
}
.text-page ul{}

.text-page ul, ul.ul{
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0 0 0 3em;
	text-indent: -1em;
}

.text-page ul>li, ul.ul>li{
	padding: 0;
	margin: 0 0 0.25em 0;
	text-indent: -.9em;
}
.text-page ul>li:before, ul.ul>li:before{
	content: "\2014";
	font-size: 16px;
	line-height: 1;
	margin: 0 .5em 0 -.5em;
	width: 1em;
	position: relative;
	top: .08em;
}
.text-page ol {
	list-style: decimal;
	margin: 0 0 20px 0;
	padding: 0 0 0 2em;
	text-indent: 0em;
}
.text-page ol>li {
	padding-bottom: 10px;
}

.wrapper {
	min-width: 980px;
	/*max-width: 1600px;*/
	/*max-width: 1600px;*/
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}

.centered{
	min-width: 900px;
	max-width: 1600px;
	/*margin: 0 auto;*/
	padding: 0 40px;
}

.clear{clear: both;}
.clearfix:after{content: ''; display: table; clear: both;}

.icon-button{position: relative; cursor: pointer;}
.icon-button:after{content: ''; position: absolute; background-image: url(/local/templates/en/img/icons.png)}

.rouble {
	font-family: 'ALSRubl-Arial', Arial, sans-serif;
	line-height: normal;
	font-size: .95em;
}

.fade{
animation-name: fade;
-webkit-animation-name: fade;
animation-duration: .8s;
-webkit-animation-duration: .8s;
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
}
@-webkit-keyframes fade{0% {opacity: 0;} 100% {opacity: 1;}}@keyframes fade{0% {opacity: 0;} 100% {opacity: 1;}}


.clearfix:after{content: ''; display: table; clear: both;}
/* Header
-----------------------------------------------------------------------------*/
.header {
	/*height: 150px;*/
	position: relative;
	z-index: 300;
}

.header .top{
	height: 60px;
	line-height: 60px;
	padding: 35px 0;
}


.header .top .block{float: left; height: 55px;}

/*.header .top .right-border{border-right: 1px solid #1a1a1a;}*/

.header .top .phone{float: right; margin-left: 30px; font-size: 18px; color: #fff; font-family: 'museo_sans_cyrl900'; text-decoration: none;}
.header .top .email{
	float: left;
	line-height: 40px;
	padding: 0 25px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #9c9589;
	border-radius: 4px;
	transition: background .4s;
}
.header .top .email:hover{background: #9c9589;}


.header .top .lang{width: 58px; float: right;}
.header .top .lang:after{
	left: 50%;
	top: 50%;
	width: 25px;
	height: 24px;
	margin-left: -12px;
	margin-top: -12px;
	background-position: -40px -24px;
}

#logo{width: 138px; margin: 0 auto;}
#logo img{display: block;}

/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 70px;
	position: relative;
	width: 100%;
	top: -130px;
	overflow: hidden;
	/*margin-bottom: -130px;*/
}



/*img.right{float: right; margin-left: 20px;}*/

/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -70px auto 0;
	min-width: 900px;
	/*max-width: 1600px;*/
	height: 70px;
	background: #fbfbfb;
	/*background: red;*/
	position: relative;
}

.footer .bottom{
	background: #393939;
	height: 65px;
	line-height: 65px;
	font-size: 12px;
	color: #ffffff;
}
.footer .bottom .copy{float: left;}
.footer .bottom .contactus{text-align: center;}
.footer .bottom .powered{float: right;}
.footer a{color: #ffffff;}
















.slide-main{position: relative; overflow: hidden; min-height: 600px; background: url(/img/slider-bg.jpg) no-repeat center; background-size: cover;}
.slide-main .bg{display: block; width: 100%; max-width: 100%;}
.slide-main .inner{
	position: absolute;
	left: 0;
	right: 0;
	top: 120px;
	padding-top: 100px;
}


.slide-main .title{margin-bottom: 20px; font-size: 40px; line-height: 44px; color: #fff; font-family: 'museo_sans_cyrl700';}

.slide-main .desc{display: block; margin-bottom: 40px; font-size: 16px; line-height: 22px; color: #fff;}
.slide-main i.desc{font-size: 30px; line-height: 36px;}





.slide-main .inner .left, .slide-main .inner .right{
	display: inline-block;
	vertical-align: top;
	width: 52%;
}
.slide-main .inner .right{width: 43%;}
.slide-main .right img{
	display: inline-block;
	vertical-align: middle;
	max-height: 200px;
	line-height: 200px;
	max-width: 40%;
}
.slide-main .right .text{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding-left: 5%;
	color: #efe96e;
	font-size: 20px;
	text-transform: uppercase;
}





/*spinner*/

.circleGWrap{
width:150px;
text-align: center;
margin: 0 auto;
padding: 30px 0;
}

.circleG{
background-color:#FFFFFF;
display: inline-block;
vertical-align: top;
height:8px;
margin-left:8px;
width:8px;
-moz-animation-name:bounce_circleG;
-moz-animation-duration:1.9500000000000002s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:21px;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:1.9500000000000002s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:21px;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:1.9500000000000002s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:21px;
-o-animation-name:bounce_circleG;
-o-animation-duration:1.9500000000000002s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:21px;
animation-name:bounce_circleG;
animation-duration:1.9500000000000002s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:21px;
}

.circleG_1{
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

.circleG_2{
-moz-animation-delay:0.9099999999999999s;
-webkit-animation-delay:0.9099999999999999s;
-ms-animation-delay:0.9099999999999999s;
-o-animation-delay:0.9099999999999999s;
animation-delay:0.9099999999999999s;
}

.circleG_3{
-moz-animation-delay:1.1700000000000002s;
-webkit-animation-delay:1.1700000000000002s;
-ms-animation-delay:1.1700000000000002s;
-o-animation-delay:1.1700000000000002s;
animation-delay:1.1700000000000002s;
}
@-moz-keyframes bounce_circleG{50%{background-color:#000000} 100%{}}
@-webkit-keyframes bounce_circleG{50%{background-color:#000000} 100%{}}
@-ms-keyframes bounce_circleG{50%{background-color:#000000} 100%{}}
@-o-keyframes bounce_circleG{50%{background-color:#000000} 100%{}}
@keyframes bounce_circleG{50%{background-color:#000000} 100%{}}




.about .centered{border-bottom: 1px solid #e5e5e5;}
.about i{font-size: 24px; color: #6f6f6f;}
.about i.digit{color: #c4c4c4; margin-left: -10%; margin-bottom: 10px;}

.about .col{
	display: inline-block;
	width: 100%;
	vertical-align: top;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	margin-bottom: 18px;
}
.about .col50{width: 50%;}
.about .col25{width: 50%;}
.about .row{margin-bottom: 100px;}
.about .col.left.text{padding: 0 3% 0 4%;}
.about .col.right.text{padding: 0 7% 0 10%;}
.about .col.left.img{padding-right: 9px;}
.about .col.right.img{padding-left: 9px;}
.about .col img{display: block; width: 100%;}
.about .col .block-link{
	display: block;
	/*width: 100%;*/
	height: 100%;
	padding: 10% 5% 12%;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 9px;
	top: 0;
	border: 5px solid #c0d020;
	background: #fff;
	color: #c0d020;
	text-decoration: none;
	text-align: center;
	transition: all .4s;
}
.about .col.right>.block-link{left: 9px; right: 0;}

.about .col .block-link .ru{
	display: inline-block;
	height: 48px;
	line-height: 52px;
	width: 48px;
	text-align: center;
	border: 2px solid #c0d020;
	border-radius: 100%;
	font-family: 'museo_sans_cyrl900';
}
.about .col .block-link:hover .ru{border-color: #fff;}
.about .col .block-link h4{margin-top: 2em; margin-bottom: 4em; color: #c0d020; transition: color .4s; position: relative;}
.about .col .block-link h4:after{
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	bottom: -2em;
	width: 62px;
	margin-left: -31px;
	height: 5px;
	background: #c0d020;
}
.about .col .block-link:hover{background: #c0d020; color: #fff;}
.about .col .block-link:hover .marker{background: #fff; border-color: #fff;}
.about .col .block-link:hover h4{color: #fff;}
.about .col .block-link:hover h4:after{background: #fff;}
.about .col .block-link .detail{font-size: 16px; text-transform: uppercase;}
.about .col .block-link .icon{max-width: 40%; display: block; margin: 0 auto;}
.about .col .block-link .icon.white{display: none;}
.about .col .block-link:hover .icon.color{display: none;}
.about .col .block-link:hover .icon.white{display: block;}

.about i.photo-title{display: block; font-size: 20px; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; margin-top: -15px; text-align: center;}



.partners{padding: 80px 4% 0;}
.partners .item{display: inline-block; vertical-align: middle; width: 25%; padding: 0 30px; box-sizing: border-box; text-align: center;}





/*-----------------------------------------------------------------------------*/
/*.network-map{}*/
#network-map{height: 770px; transition: height .5s;}
.hidden-map #network-map{height: 0 !important; margin-bottom: 100px;}

.delivery{padding: 0 35px; margin: 70px 0;}
.delivery .left, .delivery .right{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
}

.delivery h4{margin-bottom: 0;}
.delivery .item{
	padding: 0 40px;
	margin-top: 50px;
	color: #5c5c5c;
}
.delivery .item img{margin-bottom: 10px;}
.delivery .item .name{
	font-family: 'museo_sans_cyrl700';
	color: #000;
	margin-bottom: 30px;
}
.delivery .item i{display: block; margin: -30px 0 30px;}
.delivery .map{padding: 0 40px;}
.delivery .map img{width: 100%;}


.delivery .addresses{margin-top: 70px;}
.delivery .address{display: inline-block; vertical-align: top; width: 50%; cursor: pointer;}
.delivery .address .num, .delivery .address .text, .delivery .address .fix{
	display: inline-block;
	vertical-align: middle;
}
.delivery .address .num{width: 15%;}
.delivery .address .num .value{
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-family: 'museo_sans_cyrl900';
	border:  4px solid #b2c905;
	border-radius: 100%;
	transition: all .2s;
}
.delivery .address:hover .num .value{background: #b2c905; color: #fff;}
.delivery .address .text{width: 75%;}
.delivery .address .name{font-family: 'museo_sans_cyrl700';}
.delivery .address i{color: #5d5d5d;}
.delivery .address .fix{line-height: 115px; height: 115px;}



#contacts-map{
	height: 560px;
}
#contacts-map .infowindow{
	position: relative;
	padding: 40px;
	font-size: 16px;
	line-height: 24px;
	color: #212121;
	background: #fff;
	border-radius: 12px;
	box-shadow: -2px 4px 16px 6px rgba(0,0,0,0.2);
}
#contacts-map .infowindow a{color: #212121;}
#contacts-map .infowindow:after{
	content: '';
	position: absolute;
	display: block;
	left: -30px;
	top: 50%;
	margin-top: -15px;
	border: 15px solid;
	border-color:  transparent #fff transparent transparent;
	/*box-shadow: 0 0 10px 4px rgba(0,0,0,0.2);*/
}


@media all and (max-width: 1400px){
	.about .col .block-link h4{margin-top: 1em; margin-bottom: 3em;}
	.about .col .block-link h4:after{bottom: -1.5em;}
}
@media all and (max-width: 1200px){
	.about i.digit{margin-left: 0;}
	.about .row{margin-bottom: 30px;}
	.about .col50{width: 100%;}
	.about .col25{width: 50%;}
	.about .col.text{margin-bottom: 30px; padding: 0 !important;}
	.about .col.left.img{padding-right: 0;}
	.about .col.right.img{padding-left: 0;}
	.about .col .col.img{margin-bottom: 0;}
	.about .col .col.left.img{padding-right: 9px;}
	.about .col .col.right.img{padding-left: 9px;}
	/*.about .marker{margin-top: 30px;}*/
}
@media all and (min-width: 1600px){
	.about .col .block-link .detail{font-size: 16px;}
	.about .col p {font-size: 20px;}

	.delivery .item{padding: 0 90px;}
	.delivery .map{padding: 0 90px;}
	.delivery .address .num{width: 12%;}
	.delivery .address .text{width: 75%;}

	.slide-main .inner{top: 150px;}
	.slide-main .title{font-size: 60px; line-height: 68px;}
	.slide-main .desc{font-size: 24px; line-height: 28px;}
	.slide-main .right .text {font-size: 27px; line-height: 30px;}
}
@media all and (min-width: 1750px){
	.slide-main .inner{top: 200px;}
}
@media all and (min-width: 1900px){
	.slide-main .inner{top: 250px;}
}

/* End */


/* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1758032339974*/
.ReaspektPopupOverlay {
	height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
	background-color: #000;
	filter: alpha(opacity=60); 	/*Filter for IE*/
}
#ReaspektPopupBody {
    position: absolute !important;
    padding: 30px 50px;
    left: 0;
    top: 0;
    /*width: 500px;
    min-height: 100%;
    height: 1000px;*/
    z-index: 510;
    background-color: #fff;
	box-shadow: 0px 0px 15px #000000;
    box-sizing: border-box;
}
#ReaspektPopupBody .ReaspektClosePosition {
	position: relative;
}

#ReaspektPopupBody #ReaspektCloseBtn {
	position: absolute;
	right: -40px;
    top: -20px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background:url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat top;
}

#ReaspektPopupBody #ReaspektCloseBtn:hover {
	background: url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat 0 -24px;
}

#ReaspektPopupContainer {
	max-width: 900px;
}
/* End */
/* /local/templates/en/template_styles.css?170980893613443 */
/* /local/css/reaspekt/reaspekt.geobase/style.css?1758032339974 */