html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}header,footer,section,aside,nav,article{display: inline-block; width: 100%;}input:focus,select:focus,textarea:focus{outline: none;}


body{
	font-family: 'Roboto', sans-serif;
	background: #fff;
	font-size: 14px;
	color: #000;
}

.inner{width: 1200px; margin: 0 auto;}


header{background: url("../img/bg_header.jpg") 50% 0 no-repeat;}
	header .top{height: 140px; background: rgba(18,75,118,0.8); position: relative; z-index: 10;}
		header .top .inner{position: relative;}
			header img.man{position: absolute; top: 83px; right: -40px; z-index: 1;}
		header .logo{float: left; margin: 27px 0 0;}
		header .cart{float: right; width: 70px; background: #ffc80a url("../img/cart.png") 8px 50% no-repeat; height: 140px; margin: 0 0 0 20px; position: relative; z-index: 2;}
			header .cart a{display: block; height: 100%;}
			header .cart:hover{background: #fff000 url("../img/cart.png") 8px 50% no-repeat;}
		header .phones{float: right; padding: 35px 0 0; text-align: right;}
			header .phones p a{color: #fff; font-size: 22px; background: url("../img/phone.png") 0 0 no-repeat; display: inline-block; padding: 13px 0 0 38px; margin-bottom: 12px;}
			header .phones .btn-callback{text-transform: uppercase; position: relative; z-index: 2; letter-spacing: 2px; padding: 0 12px; height: 21px; line-height: 25px; border-radius: 21px; font-size: 12px; color: #ffc80a; display: inline-block; border: 1px solid #ffc80a; font-family: 'Myriad Pro', sans-serif;}
				header .phones .btn-callback:hover{color: #fff; background: #ffc80a}
	header .navigation{padding: 175px 0 115px;}
		header .navigation h1{font-size: 36px; letter-spacing: 8px; color: #c6d7ef; text-transform: uppercase; font-weight: 700; margin: 0 0 10px;}
		header .navigation li{width: 400px; letter-spacing: 2px; height: 46px; line-height: 46px; box-sizing: border-box; font-size: 12px; font-weight: 700; color: #c6d7ef; text-transform: uppercase;}
			header .navigation li:hover{background: url("../img/ls_h.png") 0 0 no-repeat; color: #01122b;}
				header .navigation li:hover span{background: #01122b}
				header .navigation li:hover p{border-bottom: 2px solid transparent}
			header .navigation li span{display: inline-block; margin-right: 10px; width: 18px; height: 18px; box-sizing: border-box; padding-left: 3px; color: #fff; border-radius: 50%; background: #03c3f2; text-align: center; line-height: 20px; font-size: 10px; font-weight: 900;}
			header .navigation li p{max-width: 355px; border-bottom: 2px solid #c6d7ef; padding: 0 0 0 25px;}
	header .inner{position: relative;}
	header nav{height: 135px; background: #124b76; text-align: center;}
		header nav ul{display: inline-block; width: 100%; border-bottom: 3px solid #0c7ba8;}
			header nav ul li{display: inline-block; margin: 0 25px;}
				header nav ul li a{display: block; border-bottom: 3px solid #0c7ba8; padding: 52px 15px 22px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: 3px; position: relative; top: 3px;}
					header nav ul li a:hover{border-bottom: 3px solid #ffc80a}




#advantages{text-align: center; padding: 90px 0 40px;}
	#advantages ul{margin: 55px 0 30px; display: inline-block; width: 100%;}
	#advantages li{float: left; width: 25%; box-sizing: border-box; text-align: center;}
		#advantages li div{font-size: 12px; font-weight: 900; color: #01122b; text-transform: uppercase; letter-spacing: 2px; margin: 60px 0 20px}
		#advantages li p{color: #9fa3a7; line-height: 1.6;}




#proposition{padding: 90px 0 0; background: url("../img/bg_proposition.jpg") 50% 0 no-repeat; background-size: cover}
	.tabs{display: inline-block; width: auto;}
	.tabs > div{text-align: left; padding: 80px 115px 150px; color: #9fa3a7; line-height: 1.5; text-align: center;}
	.tabs ul{display: inline-block; width: 100%; text-align: center; border-bottom: 3px solid #01122b;}
	.tabs ul li{margin: 0; padding-top: 12px; box-sizing: border-box; position: relative; top: 10px; cursor:pointer; display: inline-block; float:left; width: 200px; height: 50px; color: #01122b; font-size: 12px; text-transform: uppercase; text-align: center; font-weight: 900; opacity: 0.5}
	.tabs ul li.active, .tabs ul li:hover{opacity: 1; background: url("../img/tabs_active.png") 50% 100% no-repeat;}


.list-products{display: inline-block; width: 100%;}
	.list-products li{float: left; display: inline-block; width: 25%; text-align: center; padding-bottom: 65px; margin-bottom: 90px;}
		.list-products li:hover{background: rgba(255,255,255,0.9); border-radius: 5px; box-shadow: 7px 19px 30px 0px rgba(0, 0, 0, 0.19);}
		.list-products li:hover .btn-detail{background: #ffc80a; border-color: #ffc80a;}
		.list-products .thumbnail{padding: 25px 0; height: 180px;}
			.list-products .thumbnail img{height: 100%; width: auto; max-width: 100%;}
		.list-products p.name{text-transform: uppercase; letter-spacing: 2px; font-size: 12px; color: #01122b; font-weight: 900;}
		.list-products p.info{color: #01122b; margin: 12px 0;}
		.list-products span{font-weight: 700;}
		.list-products .btn-detail{margin: 25px 0 0 0; font-size: 12px; color: #01122b; text-transform: uppercase; border: 1px solid #01122b; height: 46px; line-height: 46px; padding: 0 35px; border-radius: 46px; letter-spacing: 2px;}
			.list-products .btn-detail:hover{background: #ffc80a; border-color: #ffc80a;}




#popular{padding: 100px 0 115px; background: url("../img/bg_popular.jpg") 50% 0 no-repeat;}
	#popular .block-title{padding-bottom: 90px;}
	#popular .form-order{width: 960px; background: #fff; margin: 0 auto; text-align: center; border-radius: 5px; margin-top: 25px; padding-bottom: 65px;}
		#popular .form-order .block-title{padding: 43px 0 35px;}
		#popular .form-order p{color: #9fa3a7; margin-bottom: 40px;}




#reviews{padding: 100px 0; background: url("../img/bg_reviews.png") 50% 0 no-repeat; background-size: cover}
	#reviews .block-title{color: #fff; padding-bottom: 90px;}
		.menu_slider{float: left; width: 100%; text-align: center; color: #fff;}
		.text_slider{position: absolute; z-index: 1; right: 50px; bottom: 30px; font-size: 30px; color: #fff; font-size: 36px; text-transform: uppercase;}
		.menu_slider .menu li{float: left; list-style: none; position: relative; width: 20%; height: 225px; box-sizing: border-box; text-align: center; position: relative; top: -35px;}
			.menu_slider .menu li a{background-size: 70px!important;}
			.menu_slider .menu li.active a,
			.menu_slider .menu li:hover a{background-size: 105px!important;}

			.menu_slider .menu li a{width: 100%; color: #fff; padding-top: 220px; display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: 900;}
				.menu_slider .menu li a span{display: inline-block; width: 100%; font-weight: normal; color: #9fa3a7; margin-top: 15px; opacity: 0}
				.menu_slider .menu li a i{font-style: normal; opacity: 0;}

				.menu_slider .menu li.active a span,.menu_slider .menu li.active a i,.menu_slider .menu li:hover a span, .menu_slider .menu li:hover a i{opacity: 1;}
				.cross-link{display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 9999;}
				/*
				  UTILITY STYLES
				*/                                         
				.floatLeft { float: left; margin-right: 10px;}
				.floatRight { float: right; }
				.clear { clear: both; }
				/*
				  SLIDER
				*/
				.slider-wrap { width: 100%; top: 0;} 
					.img_slider{padding: 0 115px;}
				.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
				.stripViewer { position: relative; overflow: hidden; width: 100%; height: 225px; }
				.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
				.stripViewer .panelContainer .panel { float: left; height: 225px; position: relative; width: 1200px; color: #fff; font-size: 26px; font-family: 'Roboto Slab', serif; line-height: 1.5; text-align: center;}
				.stripNavL, .stripNavR, .stripNav { display: none; }
				.nav-thumb { border: 1px solid black; margin-right: 5px; }
				#movers-row { margin: -43px 0 0 62px; }
				#movers-row div { width: 20%; float: left; }
				#movers-row div a.cross-link { float: right; }
				.photo-meta-data  { padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; }
				.photo-meta-data span { font-size: 13px; }
				.cross-link { display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 9999; }
				.active-thumb {}
				.content_container #main-photo-slider .panelContainer .panel .wrapper .img_slider { float: left; position: relative; width: 100%; margin-top: 15px; }










#conditions{padding: 90px 0 0; position: relative; z-index: 2;}
	#conditions .info{text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: 900; color: #01122b; font-size: 12px; padding-bottom: 50px;}
	#conditions .block-title{padding-bottom: 50px;}
	#conditions ul{display: inline-block; width: 100%; margin-bottom: 75px;}
		#conditions ul li{float: left; display: inline-block; box-sizing: border-box; width: 33%; padding: 4px 0 4px 60px;}
			#conditions ul li.phone{background: url("../img/phones.png") 0 50% no-repeat;}
			#conditions ul li.mail{background: url("../img/mail.png") 0 50% no-repeat;}
			#conditions ul li.vk{background: url("../img/vk.png") 0 50% no-repeat;}
		#conditions ul li span{color: #9fa3a7;}
		#conditions ul li p{margin-top: 5px;}
			#conditions ul li p a{color: #01122b; font-size: 24px; font-family: 'Roboto Slab', serif;}
	#conditions .delivery{width: 1260px; margin-left: -30px; background: #f9f9f9; height: 305px; color: #01122b; border-radius: 5px;}
		#conditions .delivery .left{float: left; width: 800px; box-sizing: border-box; padding: 25px 30px;}
		#conditions .delivery .right{float: right; width: 460px; background: #f2f2f2; height: 305px;  padding: 25px 30px; box-sizing: border-box;}
			#conditions .delivery .title{font-size: 24px; font-family: 'Roboto Slab', serif; margin: 0 0 20px 0;}
			#conditions .delivery p{font-size: 14px; line-height: 1.5; margin-bottom: 20px;}




footer{position: relative; z-index: 1; background: #124b76; height: 205px; margin-top: -105px;}
	footer nav{height: 135px; text-align: center;}
		footer nav ul{display: inline-block; width: 100%; border-bottom: 3px solid #0c7ba8; padding-top: 80px;}
			footer nav ul li{display: inline-block; margin: 0 25px;}
				footer nav ul li a{display: block; border-bottom: 3px solid #0c7ba8; padding: 52px 15px 22px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: 3px; position: relative; top: 3px;}
					footer nav ul li a:hover{border-bottom: 3px solid #ffc80a}





.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; width: 100%;}
.arcticmodal-container_i2 {
	width: 100%; height: 300px;
}
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #fff; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background-size: 100% 100%; display: block; margin: 0 auto; margin-top: 200px;}
.arcticmodal-overlay{
	opacity: 0.7!important; background: #000!important
}


.box-modal{width: 1000px; box-sizing: border-box; padding: 90px 100px; background: #fff; border-radius: 5px; display: block; margin: 0 auto; text-align: center; margin-top: 75px; margin-bottom: 75px; position: relative;}
	.box-modal h6{font-weight: 700; font-size: 20px; margin: 0 0 20px;}
	.arcticmodal-close{position: absolute; top: 10px; right: 10px; font-size: 0; display: inline-block; width: 20px; height: 20px; background: url("../img/close.png") 0 0 no-repeat;cursor: pointer;}

	.box-modal .wpcf7-response-output{color: #000!important}

	.box-modal .block-title{margin: 0; padding: 0}
	#window-callback p{color: #9fa3a7; margin: 25px 0 40px;}

	.box-modal input[type="submit"]{display: inline-block; border: none; color: #01122b; background: #ffc80a}
		.box-modal input[type="submit"]:hover{background: #ffcf2b; cursor: pointer;}

	#window-thanks .block-title{line-height: 1.5; margin-bottom: 15px;}
	#window-thanks .thanks{height: 80px; width: 100%; background: url("../img/thanks.png") 50% 50% no-repeat; margin: 20px 0 25px;}

	#window-cart table{width: 100%; color: #01122b; margin: 60px 0 35px;}
		#window-cart table th{text-transform: uppercase; font-weight: 900; font-size: 12px; opacity: 0.5; letter-spacing: 2px; padding-bottom: 20px; border-bottom: 1px solid #d1d1d1;}
		#window-cart table td{border-bottom: 1px solid #d1d1d1; padding: 25px 0; vertical-align: middle; font-family: 'Roboto Slab', serif; font-size: 20px;}
			#window-cart table td img{max-height: 95px; width: auto;}
		#window-cart table td:nth-child(1){text-align: left; width: 120px;}
		#window-cart table td:nth-child(2){width: 280px; text-align: left;}
		#window-cart table td:nth-child(3){width: 140px;}
		#window-cart table td:nth-child(4){width: 110px;}
		#window-cart table td:nth-child(5){width: 110px;}
		#window-cart table th:nth-child(1){text-align: left;}
		#window-cart table tfoot td:nth-child(1){text-align: right!important; border-bottom: none;}

		#window-cart a.remove{display: inline-block; width: 14px; height: 14px; background: url("../img/remove.png") 50% 50% no-repeat;}
		#window-cart input[type="submit"]{margin-top: 70px; height: 46px;}

		#window-cart .count{position: relative; display: inline-block;}
			#window-cart .count a{position: absolute; font-size: 16px; font-weight: 700; color: #9fa3a7;}
				#window-cart .count a.minus{top: 5px; left: 24px;}
				#window-cart .count a.plus{top: 5px; right: 22px;}
			#window-cart .count input[type="text"]{width: 90px; height: 28px; text-align: center; font-size: 16px; font-weight: 700; color: #9fa3a7; border: 2px solid #eee;}

	#window-product{text-align: left; color: #01122b;}
		#window-product .tth{float: left; width: 490px;}
		#window-product .image{float: right; width: 300px; text-align: center;}
			#window-product .image .wrapper{width: 100%; display: table; height: 275px;}
				#window-product .image .wrapper .img{display: table-cell; vertical-align: middle; height: 285px;}
		#window-product .type{font-size: 12px; text-transform: uppercase; opacity: 0.5; font-weight: 900; letter-spacing: 2px;}
		#window-product .block-title{font-size: 36px; text-align: left; margin: 15px 0 10px;}
		#window-product .rating{margin-bottom: 30px; height: 20px; padding: 0 0 0 95px; background: url("../img/stars_n.png") 0 0 no-repeat; position: relative;}
			#window-product .rating span{font-size: 12px; font-weight: 900; color: #01122b; opacity: 0.5; letter-spacing: 2px;}
			#window-product .rating .rating-p{height: 20px; width: 87px; background: url("../img/stars_h.png") 0 0 no-repeat; position: absolute; top: 0; left: 0}
		#window-product .info p{margin-bottom: 10px;}
		#window-product .price{margin: 20px 0;}
			#window-product .price span{float: left; font-size: 32px; font-family: 'Roboto Slab', serif; display: inline-block; margin-right: 40px;}
			#window-product .price a{float: left; text-transform: uppercase; font-size: 12px; color: #01122b; letter-spacing: 2px; background: #ffc80a url("../img/cart.png") 25px 8px no-repeat; display: inline-block; background-size: 25px; height: 45px; line-height: 45px; padding: 0 45px 0 60px; border-radius: 45px;}
				#window-product .price a:hover{background: #eea800 url("../img/cart.png") 25px 8px no-repeat; background-size: 25px;}
		#window-product .description{display: inline-block; width: 100%; margin: 0;}

		#window-product .tabs_product{display: inline-block; width: auto;}
		#window-product .tabs_product > div{text-align: left; padding: 30px 0 0; color: #01122b; line-height: 1.8; font-size: 15px;}
			#window-product .tabs_product ul{display: inline-block; width: 100%; text-align: center; border-bottom: 3px solid #9ae7fa;}
				#window-product .tabs_product ul li{margin: 0; padding-top: 12px; margin-right: 110px; box-sizing: border-box; opacity: 1; position: relative; top: 3px; cursor:pointer; display: inline-block; float:left; height: 45px; color: #01122b; font-size: 12px; text-transform: uppercase; text-align: left; font-weight: 900; letter-spacing: 2px;}
					#window-product .tabs_product ul li:nth-child(1){width: 75px; margin-right: 95px;}
					#window-product .tabs_product ul li:last-child{margin-right: 0;}
					#window-product .tabs_product ul li.active, #window-product .tabs_product ul li:hover{opacity: 1; background: none}
					#window-product .tabs_product ul li.active span, #window-product .tabs_product ul li:hover span{border-bottom: 3px solid #ffc80a;}
					#window-product .tabs_product ul li span{display: inline-block; padding-bottom: 18px;}
		.clear-cart{padding: 50px 0 0; font-size: 16px; opacity: 0.5}





input,select{width: 215px; height: 40px; box-sizing: border-box; margin: 0 8px; border-radius: 40px; text-align: center; font-size: 12px; text-transform: uppercase; font-family: 'Roboto', sans-serif; letter-spacing: 2px;}
	input[type="text"],input[type="email"],select{border: 1px solid #111; color: #01122b;}
	select{padding-left: 25px;}




::-webkit-input-placeholder {color:#01122b;}
::-moz-placeholder          {color:#01122b;}
:-moz-placeholder           {color:#01122b;}
:-ms-input-placeholder      {color:#01122b;}





.block-title{font-family: 'Roboto Slab', serif; color: #01122b; font-size: 42px; padding: 0 0 60px; text-align: center;}


.block-center{display: inline-block; width: 100%; text-align: center;}



.clearfix{display: inline-block; width: 100%; height: 0px;}
a{text-decoration: none; transition: all 0.5s ease-out;}
	a:hover{transition: all 0.5s ease-out;}


.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out;}
	.btn:hover{transition: all 0.5s ease-out;}

	.btn-red{background: #fc4a4a; color: #fff;}
		.btn-red:hover{background: #ff1f1f;}


/*responsive*/

@media screen and (max-width: 768px){
}

/*responsive*/