@font-face{font-family:'bebas_neueregular';src:url('../fonts/BebasNeueRegular.eot');src:url('../fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),url('../fonts/BebasNeueRegular.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'bebas_neuebold';src:url('../fonts/BebasNeueBold.eot');src:url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),url('../fonts/BebasNeueBold.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'bebas_neuebook';src:url('../fonts/BebasNeueBook.eot');src:url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),url('../fonts/BebasNeueBook.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'bebas_neuelight';src:url('../fonts/BebasNeueLight.eot');src:url('../fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),url('../fonts/BebasNeueLight.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'bebas_neuethin';src:url('../fonts/BebasNeueThin.eot');src:url('../fonts/BebasNeueThin.eot?#iefix') format('embedded-opentype'),url('../fonts/BebasNeueThin.ttf') format('truetype');font-weight:normal;font-style:normal}
body{
	font-size: 1.6em;
	color: #616161;
	padding-top: 34px
}
sub, sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup{
	top:-0.5em
}
sub{
	bottom:-0.25em
}
input{
	margin: 0;
}
input:focus{
	outline:none
}
label.error{
	display:block;
	margin:-10px 0
}
input.error, textarea.error{
	border:none !important;
	border:1px solid #F00! important; 
	-webkit-box-shadow:none !important;
	box-shadow:none !important
}
input.error:focus, textarea.error:focus{
	border-width:2px !important
}
h1,h2,h3,h4,h5,h6{
	font-family:"bebas_neuebold";
	font-weight:normal;
}
h1{
    color: initial;
    font-size: 3em;
    line-height: 1.1em;
}
a{
	color:#1167A4;
	text-decoration:underline
}
a:hover{
	text-decoration:none;
	border-bottom:none
}
article {
    padding: 10px;
}
figure {
	margin: 0em 40px;
	text-align: center;
}
img{
	max-width: 100%;
}
.clearfix:after{
	clear: both;
	display: table;
	content: ""
}
.section{
	padding: 40px 0;
	margin: 0;
}
.overflow{
	overflow: hidden;
}
.b-gray{
	background-color: #F6F6F6;
}
.anim{
	transition: all 1s ease;
	opacity: 0.01;
	-webkit-transform: scale(0.5,0.5)
}
.block{
	margin:0 auto;
	display:block;
}
.black-cover{
	background:rgba(0,0,0,.2);
}
.blue-cover{
	background:rgba(89, 155, 179, 0.59);
}
.green{
	color: #6ec54d
}
.icon{
	position: relative;
	display: inline-block;
	background-repeat: no-repeat !important;
}
.red{
	color:#C4080B;
}
.text-center{
	text-align:center;
}
.text-center-mobile{
	text-align: inherit;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.cornsilk{
	color: #ffeb9b;
}
.yellow{
	color:#ffd400;
}
.gold-header{
    margin: 15px 0;
    text-transform: uppercase;
    color: gold;
    font-size: 1.5em;
    line-height: 1.2em;
    letter-spacing:  0.03em;
}
.btn-blue{
	-moz-box-shadow:0px 10px 14px -7px #276873;
	-webkit-box-shadow:0px 10px 14px -7px #276873;
	box-shadow:0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px;
	display:inline-block;
	margin-top: 5%;
	cursor:pointer;
	color:white;
	font-size:1.1em;
	line-height: 1em;
	font-weight: bold;
	padding: 11px 22px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #3d768a;
	min-width: 123px;
}
.btn-blue:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color: #408c99;
	color: white;
}
.btn-blue:active{
	position:relative;
	top:1px;
}
.btn-blue input{
	display:none;
}
.caption p {
    color: #408c99;
    font-style: italic;
    margin-top: 1.2rem;
}
.form input[type="text"], 
.form input[type="email"], 
.form input[type="phone"] {
	box-sizing: border-box;
	height: 45px;
	padding:0 56px 0 20px;
	border:none;
	border-radius: 5px;
	margin-right: 20px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.24) inset;
	box-shadow:0 1px 2px rgba(0,0,0,0.24) inset;
	color: brown;
}
.hide-on-mobile{
	display: block;
}
.show-on-mobile{
	display: none;
}
.icon_menu {
	font-size: 4rem;
	cursor: pointer;
	display: none;
}

.thank-you{width:450px;font-size:18px}
.thank-you h3{font-size:26px}

.fancybox-overlay{
	background: rgba(0, 0, 0, 0.6);
}
.fancybox-opened .fancybox-skin,
.fancybox-skin {
	background:#white;
	-webkit-box-shadow:none;
	box-shadow:none;
}
/* Navigation menu */
.nav-main{top:0;width:100%;position:fixed;text-transform:uppercase;background:#C3392E;color:#FFF;line-height:1;z-index:200}
.nav-main a{
	color:#FFF;
	border-bottom:1px solid #FFF;
	border-bottom:1px solid rgba(255,255,255,0.25);
	text-decoration:none;
	margin: 0;
}
.nav-main a:hover{border-bottom:transparent;color:#FC0;position:relative}
.nav-main a.active,.nav-main a.selected{border-bottom:transparent;color:#FC0;position:relative}
.nav-main a.active:after, 
.nav-main a.selected:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 20;
	margin-top: 10px;
	margin-left: -14px;
	border: 14px solid transparent;
	border-top-color: #C3392E
}
.nav-main ul{list-style:none;margin:0;padding:0;text-align:center}
.nav-main ul:after{clear:both;display:table;content:""}
.nav-main ul li{
	display: inline-block;
	font-size: 1.1em;
	padding: 11px 0;
	margin: 0;
}
.nav-main ul li+li{margin-left:28px}
.nav-main ul li.active{border-bottom:transparent;color:#FC0}
#nav-top{
	padding: 24px 0 0;
	margin: 0 0 -36px;
}
#nav-intro{
	background: #F6F6F6 url("../img/first_section.png") center bottom no-repeat;
	box-shadow: 0px 0px 3px 0px #9c9c9c;
}
#nav-intro .deliver{
	font-size: 2em;
	line-height: 1.2em;
	color:#C4080B;
	text-transform:uppercase;
	font-family:"bebas_neuebold";
}
/* Garants section */
#nav-garants{
	background: #3c5162 url("../img/b-garants3.jpg") center top no-repeat;
	background-size: cover;
}
#nav-garants h2{
	color: white;
	text-shadow: 2px 2px #616161;
}
#nav-garants .garant-info {
    margin-bottom: 3.6rem;
}
#nav-garants .garant-info:before{
	content: "";
	display: block;
	background: url("../img/star-yellow.png") center center no-repeat;
	height:22px;
}

/* Presentation section */
.slider-presentation{
	height: 613px;
	line-height: 613px;
	z-index:100
}
.slider-presentation li{
	height:100%;
	display:none
}
.slider-presentation li img{
	vertical-align: middle
}
.slider-presentation li:first-child{
	display:block
}
.b-presentation{
	overflow: hidden;
	position: relative;
	padding: 0;
}

.list-advantages{overflow:hidden;padding:0;list-style:none;text-align:center;font-size:15px;margin:0 -36px 60px}
.list-advantages li{margin:0 90px 0;width:171px;float:left}
.list-advantages .li-2,.list-advantages .li-5{margin-top:35px}
.list-advantages .li-3,.list-advantages .li-6{margin-top:70px}
.list-advantages h3{margin-top:0;text-transform:uppercase;font-size:22px}

#nav-experience{
	background: url(../img/b-rnd.jpg) no-repeat center top fixed;
	background-size: cover
}
#nav-experience p span{
	color:aliceblue;
	font-weight: bold;
}

#nav-test h2 {
    font-size: 3.8em;
}

.slider-photo-container {
    margin: 40px 0 20px;
    height: 252px;
    overflow: hidden;
}
.slider-photo-container img {
    border: 1px solid gold;
}

.b-choose{overflow:hidden}
.b-choose h2{width:600px;margin-top:20px;font-size:47px;margin-bottom:22px}
.b-choose h3{margin-top:22px;margin-bottom:20px;font-size:40px;text-transform:uppercase;font-weight:normal;font-family:"bebas_neuelight"}
.b-choose p{width:500px;font-size:15px;line-height:1.2}
.b-choose .red{color:#DE0000;margin-top:22px;text-transform:uppercase;font-size:18px;font-family:"bebas_neuebold"}
.b-choose .red span+span{margin-left:23px}
.b-choose .red .simple{color:#000;font:normal 15px Arial,"Helvetica Neue",Helvetica,sans-serif;text-transform:none}
.b-choose .emblem{margin-top:100px}
.b-choose-right h3{margin-top:18px;font-size:34px}
.b-choose-right .wrap>*{margin-left:49%}

#nav-indicators{
	text-align:center;
	overflow:hidden;
	color:#8e8e8e;
	padding-top: 60px;
}
#nav-indicators p.red{
	font-size:1.4em
}
#nav-indicators .icon{
	font-size:80px;
	margin-bottom:30px;
	color:#408c99
}
#nav-testimonials h4 {
    font-family: inherit;
    font-size: 1.5em;
    line-height: 1.1em;
    margin: 1.2rem auto;
    text-align: center;
}
#nav-testimonials img {
	max-height: 64px;
}
#nav-testimonials article:hover{
	background:#eee
}
#nav-shortstory{
	background:cornsilk;
}
#nav-shortstory h2 {
    font-size: 3.8em;
    line-height: 1em;
    color: initial;
}
#nav-shortstory h3{
	font-size:3em;
	line-height: 1.1em;
}
#nav-shortstory img{
	width:100%;
}
#nav-indicators h2{
    font-size: 6.7rem;
}
#nav-indicators .feature {
    margin: 2em 0;
}
.b-advice{padding:30px 0 60px;text-align:center}
.b-advice h2{font-size:50px}
.b-advice ul{list-style-type:none;line-height:2em;margin:10px 0;font-size:1.2em}
.b-advice ul li:before{content:"\5a";font-family:'ElegantIcons';margin-right:10px;color:#c3392e;vertical-align:bottom}
.b-advice .manafactures{margin:55px 0 65px}
.b-advice .manafactures img{margin:0 3px 10px;height:33px}

#nav-assortment{
    background: #C3392C url(../img/b-about-main.jpg) center top no-repeat;
    background-size: cover;
	padding: 60px 0;
}
#nav-assortment h2{
	font-size: 4em;
	color: gold;
}

.white-menu{
	margin: 0;
}
.white-menu li{
	margin: 20px;
	display:inline-block
}
.white-menu li:last-child{
    margin-bottom: 0
}
.white-menu a{
	font-size: 1.8em;
	font-family:"bebas_neuebook";
	text-decoration:none;
	letter-spacing: .1rem;
	color: white;
	text-shadow: 2px 1px 0px #000;
	font-weight: 600;
}

#nav-footer p{
    line-height: 1.1em;
	margin: 1rem 0;
}
#nav-footer .privet{
	font-family: "bebas_neuebold"
}
#nav-footer .phone-num{
	font-size: 2.5em;
	line-height: .9em;
	font-family:"bebas_neuebold"
}
#nav-footer .phone-num a span {
	display: block;
	font-size: 50%;
}

.city-letters{list-style:none;padding:0;margin:0 0 0 70px;color:#000;line-height:1.7}
.city-letters a{color:#86B8FF;text-decoration:none;border-bottom:2px solid #86B8FF}
.city-letters a:hover{border-bottom-color:transparent}
.city-letters h4{margin:0;line-height:1;position:absolute;left:0;top:0;font-size:40px;text-transform:uppercase;color:#000}
.city-letters>li{margin-top:38px;position:relative;width:217px;display:inline-block;vertical-align:top}
.city-letters .list-cities{padding:0;font-size:17px;margin:13px 0 0 37px;list-style:none;text-align:left}

.bx-wrapper{
	text-align:center;
}
.slider-photo{position:absolute;top:0;left:0;right:0}
.slider-photo ul{list-style:none;padding:0;margin:0}
.slider-photo ul li{display:none}
.slider-photo ul li:first-child{display:block}
.slider-photo ul li div{height:613px;background-position:center center !important;background-size:cover;background-repeat:no-repeat}

#slider-photo-pager div.scrollableArea *{position:relative;display:block;float:left;margin:0;padding:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:default}
div.scrollWrapper{position:relative;overflow:hidden;width:100%;height:100%}
div.scrollableArea{position:relative;width:auto;height:100%}

.b-map{
	border-top:3px dashed #ddd;
}
.b-map h2{
	font-size: 3.8em;
}
.b-map h3 {
	font-size: 1.8em;
	margin: 0 auto 60px;
}
.b-map p{
	font:normal 29px 'bebas_neuebook';
	text-transform:uppercase;
}
.b-map .icon::before{
	content:url(../img/map-icon.png);
	display: block;
}
.b-map #map{
	height:450px;
}

.phone-number a, .phone-num a{text-decoration:none}
.phone-number a:hover, .phone-num a:hover{opacity:0.8}

.modal{
	display: none;
	padding: 10px; 
	color:#888; 
	text-align: center;
	border-radius:5px;
}
.modal ul{
	text-align:left;
	margin: 0 12%;
}
.modal ul li{
	line-height: 1.5em
}
.modal.form p{
	margin-bottom:50px
}
.modal.form input[type="text"], 
.modal.form input[type="email"] {
	border:none;
	border-radius:5px;
	margin:24px auto;
	display:block;
	width:300px;
	height:60px;
	padding:0 22px;
	font-size:16px;
	font-family:inherit;
	background:white;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.89) inset;
	box-shadow:0 2px 2px rgba(0,0,0,0.89) inset
}
.modal.form .btn{
	padding:0;
	width:278px;
	margin:24px auto 0;
	display:block
}
.modal-cat{
	width: 100%;
	padding:1px 0 0;
}
.modal-cat h3{
	margin:78px 40px 28px;
	line-height:1;
	color:#000;
	font-size:40px;
	text-transform: uppercase
}
.modal-cat p{
	margin:20px 40px;
	font-size:17px;
	color:#616161
}
.modal-cat .form{
	padding: 30px 0;
    background: #E0E0E0;
}
.modal-cat .form input[type="text"],
.modal-cat .form input[type="email"] {
	width:256px
}
.modal-cat .form .btn{
	padding:0
}
/*  */
#nav-main .youtub-button img {
    max-width: 20px;
    border: 1px solid white;
    border-radius: 3px;
    margin: 0;
}
#nav-main .youtub-button span{
	display: none;
}
.youtub-button {
    display: block;
    margin: 20px 0;
}
.youtub-button img {
    max-width: 60px;
}
/*  */
@media (max-width: 425px){
	.hide-on-mobile,
	.nav-main a.active:after, 
	.nav-main a.selected:after {
		display: none;
	}
	.show-on-mobile{
		display: block;
	}
	.text-center-mobile{
		text-align: center !important;
	}
	#nav-top .columns {
		width: 48% !important;
	}
	#nav-intro img,
	#nav-test img,
	.slider-presentation li img {
		width: 100%;
	}
	#nav-intro .deliver,
	.form input[type="text"], 
	.form input[type="email"], 
	.form input[type="phone"]	{
		margin-bottom: 1.3rem;
	}
	#nav-test h2,
	#nav-shortstory h2,
	#nav-assortment h2 {
		font-size: 2em;
	}
	.nav-main {
		background: transparent;
	}
	.nav-main span.icon_menu {
		background-color: #C3392E;
	}
	.nav-main ul {
		padding: 10px;
		background-color: rgba(0, 0, 0, 0.75);
	}
	.nav-main ul li {
		display: inherit;
		text-align: right;
	}
	.form input[type="text"], 
	.form input[type="email"], 
	.form input[type="phone"] {
		margin: 10px 0;
	}
	#nav-footer {
		padding-top: 0;
	}
	.privet img {
		margin-top: 4rem;
	}
	#nav-contacts br {
		display: inherit;
	}
	#nav-main .youtub-button img {
		display: none;
	}
	#nav-main .youtub-button span{
		display: inline;
	}
}
@media (max-width: 768px){
	br{
		display: none;
	}
}