@import url(/wp-content/themes/shkiv/fonts/stylesheet.css);
body{
	font-family: 'HelveticaNeueCyr';
	font-size: 16px;
	color: #000;
	font-weight: 500;
	position: relative;
}
:focus {
    outline: none!important;
}
a{color: #000}
.wrapper{
	position: relative;
	overflow: hidden;
}
#navbar-spy{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	z-index: 999;
	right: 20px;
}
#navbar-spy ul{
	border-bottom: 0;
}
#navbar-spy li+li{
	margin-top: 40px;
	position: relative;
}
#navbar-spy li+li:before{
	content:'';
	display: block;
	width: 1px;
	height: 40px;
	position: absolute;
	top: -40px;
	left: 15px;
	background: #000;
}
#navbar-spy a{
	display: inline-block;
	border-radius: 99px;
	width: 30px;
	line-height: 28px;
	text-align: center;
	border: 1px dashed transparent;
	padding: 0;
}
#navbar-spy li.active a{
	border-color: #000;
}

.section{
	margin: 40px 0 80px;
	min-height: 660px;
	height: calc(100vh - 80px);
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

.white_bg{
	background: rgba(255,255,255,.75);
}
.section-block:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 60px;
	background: rgba(255,255,255,.75);
	z-index: 99;
}
.section-block:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;
	background: rgba(255,255,255,.75);
	z-index: 99;
}
.section-block{
	min-height: 660px;
	height: calc(100vh - 80px);
	padding: 60px 0; 
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	position: relative;
}
.admin-bar .section-block {
	height: calc(100vh - 112px);
}
.section-block.allwt{
	background: rgba(255,255,255,.75);
	padding-right: 15px;
	padding-left: 15px;
}
.section-block.allwt:after, .section-block.allwt:before,.section-block.wtout:after, .section-block.wtout:before{
	display: none;
}
.section-1 .text.desc{
	font-size: 18px;
	font-weight: bold;
}
.slogan{
	position: absolute;
	bottom: 0;
	font-size: 34px;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 100;
	line-height: 60px;
}
.center-block{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.logo_out {
	right: 15px;
	left: 30px;
}
.site_logo{
	margin-bottom: 30px;
}
.prod_img{
	margin-top: 30px;
	margin-left: 30px;
}
.section_title{
	font-size: 40px;
	line-height: 42px;
	margin-bottom: 30px;
}
.s2cb{
	max-width: 475px;
	margin-left: -85px;
}
.vid_link{
	margin-top: 75px;
}
.vid_link a,.theme-btn{
	display: inline-block;
	color: #fff;
	background:#76aeff;
	padding: 10px 25px;
	text-transform: uppercase;
	min-width: 175px;
	text-align: center;
	transition: all .3s; 
	border: none;
}
.theme-btn:hover, .theme-btn:focus,.vid_link a:hover, .vid_link a:focus {
	text-decoration: none;
	color: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.6)
}
.prod_prop{
	position: relative;
}
.prop_item{
	position: absolute;
	width: 250px;
	font-weight: bold;
}
.prop_item.item-1,.prop_item.item-2,.prop_item.item-3{
	top: 10px;
}
.prop_item.item-1{
	left:135px;
}
.prop_item.item-2{
	left:430px;
}
.prop_item.item-3{
	left:706px;
	width: 400px
}
.prop_item.item-4{
	left:52px;
	top:193px;
}
.prop_item.item-5,.prop_item.item-6,.prop_item.item-7{
	top: 380px;
}
.prop_item.item-5{
	left: 135px;
}
.prop_item.item-6{
	left: 430px;
}

.prop_item.item-7{
	left:706px ;
}

.prop_item span:first-child{
	vertical-align: middle;
	display: inline-block;
	border:2px solid #76aeff;
	border-radius: 99px;
	float: left;
	text-align: center;
	width: 44px;
	line-height: 40px;
	font-size: 26px;
	background: #fff;
	margin-right: 10px;
}
.prop_item span:last-child{
	display: inline-block;
	vertical-align: middle;
	width: 190px;
}
.prop_item.item-3 span:last-child{
	width: 260px;
}
.prop_item.item-4 span:first-child{
	float: right;
}
.prop_item.item-4 span:last-child{
	text-align: right;
}
.prod_prop_img{
	text-align: right;
	padding-top: 50px;
	padding-bottom: 100px;
}
.section_badge{
	position: absolute;
	bottom: 125px;
	right: 100px;
}
.block-bg{
	position: absolute;
	width: 920px;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}
.color_det{
	padding: 44px 0;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: right;
	padding-right: 35px;
}
.section-5 .section_desc{
	padding-left: 270px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.section-5 .section_desc.last{
	padding-left: 230px;

}
.section-4 .desc_block {
	padding: 50px 10px 35px 35px;
	background: rgba(255,255,255,.75);
	box-shadow: 0 4px 25px 0 rgba(0,0,0,.35);
}
.gall_item{
	margin: 15px 0;
}
.gall_item img{
	max-width: 100%;
	height: auto;
}
.det_colors{
	position: absolute;
	top: 100px;
	left: 20px;
	width: 200px;
	z-index: 99;
}
.det_colors .det_item{
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
}
.section.section-6{
	background-position:  -220px !important;
	background-repeat: no-repeat;
}
.section-6 .desc_block {
	padding: 35px;
	padding-right: 70px;
	background: rgba(255,255,255,.75);
	box-shadow: 0 4px 25px 0 rgba(0,0,0,.35);
	margin-right: -30px;
	z-index: 99;
	width: calc(100% + 45px);
}
.slick-slide img{
	margin-right: auto;
	margin-left: auto;
	max-width: 730px;
}
.prod_gall{
	margin-bottom: 30px;
}
.slider-nav img{
	margin: 0 15px;
	overflow: hidden;
	width: calc(100% - 30px);
}
.cerf .gall_item{
	position: relative;
	margin: 2px;
	float: left;
	box-shadow: 2px 4px 7px 0 rgba(0,0,0,0);
	transition: all .3s;
}
.cerf .gall_item:hover{
	box-shadow: 2px 4px 7px 0 rgba(0,0,0,.45)
}
.gall_item.item-1{
	width: 347px;
	height: 330px;
}
.gall_item.item-2{
	width: 232px;
	height: 330px;
}
.gall_item.item-3, .gall_item.item-4{
	width: 290px;
	height: 193px;
}
.cerf .gall_item a{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.text_img {
	margin-top: 30px;
}
.text_img img{max-width: 100%}
.slick-prev, .slick-next {
     font-size: 20px; 
     line-height: 28px; 
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 1px solid #000;
    color: #4094cb;
    outline: none;
    background: transparent;
    border-radius: 99px;
}
.slick-prev:before, .slick-next:before{
	display: none;
}
.slick-prev:hover, .slick-next:hover{
	background: #4094cb;
	color: #fff
}

.section-8 .desc_block {
	padding: 35px;
	padding-right: 80px;
	background: rgba(255,255,255,.75);
	box-shadow: 0 4px 25px 0 rgba(0,0,0,.35);
	z-index: 99;
	width: 100%;
}
.red_text{
	color: #fe0101;
}
.section_subtitle{
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 20px;
}
footer{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center right;
	color: #fff;
}
footer a,footer a:hover {
	color:#fff;
}
.graybg{
	background: rgba(60,71,76,.95);
	padding-top: 40px;
}
.theme-btn.trsp{
	background: transparent;
	border: 1px solid #fff;
	padding: 9px 25px;
	margin-left: 30px;
}
.contact-info span{
	display: inline-block;
	border:2px solid #76aeff;
	color: #76aeff!important;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	border-radius: 99px;
}
.contact-info span a i{
    color: #76aeff!important;
}
.contact-info{
	margin: 30px 0;
}
.copyright{
	border-top: 1px solid #fff;
}
.copyright p{
	margin-top: 10px;
}
#up_button{
	visibility: hidden;
	position: absolute;
}
.color_det>div{
	position: relative;
	height: 240px;
}
.prod_image_colors{
	width: 770px;
	height: auto;
	position: absolute;
	top: -50px;
	right: -50px;
	opacity: 0;
	visibility: hidden;
}
.prod_image_colors.active{
	visibility: visible;
	opacity: 1;
}
.p_colors{
	position: absolute;
	right: 17px;
	bottom: 23px;
	width: 137px;
	z-index: 99;
}
.p_colors a{
	position: relative;
	display: block;
	margin-bottom: 10px;
	font-size: 0;
	right: 0;
	transition: all .3s;
}
.p_colors a:hover, .p_colors a:active,.p_colors a:focus{
	right: 10px;
}
.p_colors span, .minic{
	display: inline-block;
	vertical-align: top;
	width: 23px;
	height: 23px;
	margin-right: 10px;
}
.minic{border:1px solid #ccc;}
span.green{background: #006f5e}
span.gray{background: #c0c4c7}
span.red{background: #b90005}
span.blue{background: #002992}
span.orange{background: #e1a101}
span.orange-2{background: #f65b00}
span.brown{background: #5d2d00}
.chose_det_color:after{
	content: '';
	display: block;
	position: absolute;
	width: 21px;
	height: 21px;
	bottom: -25px;
	right: 0px;
}
.chose_det_color[data-color="gray"]:after{
	background: #9a9a9c
}
.chose_det_color[data-color="green"]:after{
	background: #373a31
}
.chose_det_color[data-color="yellow"]:after{
	background: #ffff19
}
.chose_det_color[data-color="white"]:after{
	background: #ffffff
}
.chose_det_color[data-color="orange"]:after{
	background: #ff8144
}
.chose_det_color[data-color="blue"]:after{
	background: #424b6a
}
.chose_det_color[data-color="brown"]:after{
	background: #3a2d27
}
.chose_det_color[data-color="black"]:after{
	background: #000
}
.det_colors .det_item a{
	position: relative;
	right: 0;
	transition: all .3s;
}
.det_colors .det_item a:hover, .det_colors .det_item a:focus, .det_colors .det_item a:active{
	right: -10px;
}
form{
	text-align: center;
}
form label{
	text-align: left;
}
#user_order,#user_order_p {
	text-align: left;
}
#user_order table,#user_order_p table{ 
	width: 100%; 
	border: 2px solid #000; 
	border-collapse: collapse; 
}
#user_order_p table {
    max-width: 587px;
}
#user_order td,#user_order th,#user_order_p td,#user_order_p th  { 
	padding: 5px;
	border: 1px solid #000; 
}  
#user_order table input,#user_order_p table input{
	border: 1px solid #ccc;
	padding-left: 10px;
	width: 100%;
}
.js-price{
	text-align: center;
}
.clinfo div.required label::before {
    content: '* ';
    color: #F00;
    font-weight: bold;

}

.form-caption{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#user_order label,#user_order_p label {
	display: inline-block;
}
table thead td{
	background: #ddd;
	text-align: center;
}
table tr td:nth-child(2),table tr td:nth-child(5){
	width: 70px;
} 
table tbody td{
	border-top-color: transparent!important;
	border-bottom-color: transparent!important;
}
table tfoot td{
	border-top: 2px solid #000!important; 
}
table tbody td span.chose_det_color{
	display: inline-block;
	position: relative;
	width: 30px;height: 25px;
	vertical-align: middle;
}
table tbody td span.chose_det_color:after{
	top: 0;
	left: 0;
	border:1px solid #ccc;
}
@media screen and (max-width: 1199px) {
	.slogan{
		font-size: 30px;
	}
	.section{
	    min-height: 0;
		height: auto;
	}
	.section-block{
		min-height: 0;
		height: auto;
		padding: 60px 0; 
	}
	.admin-bar .section-block {
		height: auto;
	}
	.center-block{
		position: static;
		transform:none;
	}
	.section-8 .block-bg:after{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(255,255,255,.75);
	}
	.prop_item,.prop_item.item-3 {
	    position: static;
	    width: auto;
		float: left;
		height: 100px;
	}
	.prop_item.item-3 span:last-child{
		width: 190px;
	}
	.prod_prop_img img{
		max-width: 100%;
		height: auto;
	}
	.prop_item.item-4 span:first-child{
		float: none;
	}
	.prop_item.item-4 span:last-child{
		text-align: left;
	}
	.section_badge{
		display: none;
	}
	.gall_item{
		height: 196px;
		overflow: hidden;
	}
}
@media screen and (max-width: 991px) {
	.site_logo{
		text-align: center;
	}
	.text.desc{
		padding: 0 30px
	}
	.prod_img{
		margin-right: 30px;
	}
	.prod_img img{
		max-width: 100%;
		height: auto;
	}
	.slogan{
		font-size: 24px;
	}
	.section-6 .desc_block{
		width: auto;
		margin-right: 0;
	}
	.det_colors,.p_colors{
		position: static;
		width: 50%;
		float: left;
	}
	.section-5 .section_desc{
		padding-right: 0!important;
		padding-left: 0!important;
		clear: both;
	}
	.color_det{background-image:none!important;padding:0}
	.det_colors .det_item, .p_colors a{
	    display:inline-block;
	    vertical-align:top;
	    margin-right: 10px;
	}
	.det_colors .det_item a{
	    display:inline-block;
	    width:30px;
	    height:30px;
	}
	.det_colors .det_item img, .p_colors a img{display:none;}
	.chose_det_color:after{
	    bottom:auto;
	    top:0;
	    left:0;
	    right:auto;
	    width:30px;
	    height:30px;
	    border:1px solid #ccc;
	}
	.p_colors span{
	    width:30px;
	    height:30px;
	    border:1px solid #ccc;
	    border-radius:99px;
	}
	.prod_image_colors{width:100%;right:auto;left:0;top:0;}
}
@media screen and (max-width: 767px) {
	.slogan{
		font-size: 20px;
		padding: 0 30px;
		line-height:30px;
		text-align:center;
		width:100%;
	}
	.section-1 .text.desc{text-align:center;}
	#navbar-spy{
		display: none;
	}
	/*.prod_image_colors{*/
	/*	width: 500px;*/
	/*	top: 0;*/
	/*	right: 0;*/
	/*}*/
	.det_colors .det_item img{
		max-width: 100%;
		height: auto;
	}
	.p_colors{
		text-align: right;
	}
	.section-8 .desc_block{
		padding: 0 !important;
	}
	.section-8 .text.desc {
	     padding: 0; 
	}
	.red_text{margin-bottom: 30px;}
	.cerf .gall_item a{pointer-events:none;}
	table tbody td span.chose_det_color{margin-right:10px}
	.slick-prev {
    	left: -13px;
		z-index:9999;
		background:#fff
	}
	.slick-next {
    	right: -13px;
		z-index:9999;
		background:#fff
	}
	.desc_block:before{left:-10px!important;}
	
	#user_order td span:first-child, #user_order th span:first-child, #user_order_p td span:first-child, #user_order_p th span:first-child{
	    border-radius:99px;
	}
	.prop_item, .prop_item.item-3{height:auto;margin-bottom:15px;}
	.prop_item span:first-child{vertical-align:top;}
}
@media screen and (max-width: 480px) {
	.color_det>div {
	    position: relative;
	    height: 150px;
	}
	/*.prod_image_colors{*/
	/*	width: 300px;*/
	/*	top: 0;*/
	/*	right: -30px;*/
	/*}*/
	.section-5 h4{min-height:38px;margin-top:0;}
	.gall_item{
		max-width: 100%;
	}
	footer .section-block div:last-child{
		white-space: normal!important;
	}
	footer .section-block div:last-child a{
		display: block;
		margin:10px auto;
	}
	#user_order td, #user_order th, #user_order_p td, #user_order_p th{
	    text-align:center;
	}
	#user_order td span:first-child, #user_order th span:first-child, #user_order_p td span:first-child, #user_order_p th span:first-child{
	    display: block;
	    margin: 0 auto 5px;
	    border-radius:99px;
	}
	table tfoot td{
	    text-align:left!important;
	}
	table tfoot td span{display:inline!important;}
	#user_order table input, #user_order_p table input{width:40px;}
}
.desc_block:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50px;
	bottom: 50px;
	width: 3px;
	background: #76aeff
}
.section-6 .text_img{
	margin-left: -15px;
}
.gall_item{
	pointer-events: none;
}
.gall_item.item-2{
	pointer-events: auto;
	box-shadow: 2px 4px 7px 0 rgba(0,0,0,.45);
}
.red_text, .red_text+p{
	padding-left: 30px
}
.section-8 ul{
	list-style-type: none;
	padding-left: 20px;
}
.section-8 ul li{
	position: relative;
	margin-bottom: 10px;
}
.section-8 ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: -20px;
	background: #76aeff;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	top: 6px
}
.clinfo{
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.clinfo>div{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	flex: 0 0 25%;
	min-width: 25%;
	padding-right: 15px;
	padding-left: 15px;
}
.clinfo input{
	width: 100%;
}
.clinfo label{
	font-size: 12px
}
.section-8 .block-bg{
	width: 1015px;
}
.section.section-1{margin-top: 0;}
.section-3 .center-block{
	width: 100%;
}
.slick-slide img {
    max-height: 380px;
}

#user_order_p td:last-child{border-right-width:2px;}
@media (min-width: 992px){
#order_p .modal-lg {
    width: 620px;
}
}
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
	#no-more-tables tfoot {display:block}
}

/*New custom style Z_B*/
.section-8 .bbtr {
	margin-left: 30px;
}
.video-button {
	width: 224px;
}
.bbtr {
	white-space: nowrap;
}
@media (max-width: 520px) {
	.mob-ff {
		width: 100% !important;
		float: none !important;
	}
	.video-button {
		margin-left: 30px;
	}
}
/*animated ship*/
footer .section-block {
	height: auto !important;
	min-height: auto !important;
	max-width: 590px;
	padding-bottom: 0;
}
.ship-block {
	overflow: hidden;
	padding-bottom: 60px;
}
.ship-anima-block {
	margin-top: 40px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
	transform: translateX(-400px);
	opacity: 0;
}
.ship-sail-animation {
	animation-name: ship-sail;
	animation-duration: 2500ms;
	animation-delay: 0ms;
	animation-timing-function: linear;
    
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards;     
    -ms-animation-fill-mode: forwards;     
    animation-fill-mode: forwards;
}
@keyframes ship-sail {
    0% {
		opacity: 0;
        transform: translateX(-400px);
    }
	20% {
		opacity: 1;
	}
	40% {
		
	}
    50% {
        
    }
	70% {
		
	}
	100% {
        transform: translateX(0px);
		opacity: 1;
    }
}
.ship-anima-block .anim-price {
	white-space: nowrap;
}
.ship-anima-block .anim-price .price-number {
	font-size: 70px;
    line-height: 1;
}
.ship-anima-block .anim-price .price-currency {
	font-size: 40px;
	vertical-align: top;
}
.ship-anima-block .anim-ship {
    margin-left: -80px;
    position: relative;
    top: -10px;
}

.table-title{
	font-size: 18px;
    text-align: center;
    padding: 15px;
}
.section-5{
	margin-bottom: 150px;
}
@media (min-width: 992px) && (max-width: 1124px) {
	.ship-anima-block .anim-ship {
		height: 160px;
	}
}
@media (max-width: 479px) {
	.ship-anima-block .anim-ship {
		display: none;
	}
	.anim-price {
		margin: 0 auto;
	}
}

@media (max-width: 992px){
	.clinfo > div{
		flex: 0 0 50%;
		min-width: 50%;
	}

	#form-calc table{
		font-size: 11px
	}

	#form-calc td{
		text-align: center;
	}
	
	#form-calc td .chose_det_color,
	#form-calc td .minic {
		display: block;
		margin: 0 auto;
		width: 30px;
		margin-bottom: 10px;
	}

	#form-calc td .minic{
		width: 23px
	}

	.form-info{
		width: 100%;
		padding-top: 15px
	}
	.section-5{
	margin-bottom: 0;
}
}

	.visible-table{
		display: none;
	}

@media (min-width: 479px) {
	.rotate-error{
		display: none;
	}
}
@media (max-width: 479px) {
	.clinfo > div{
		flex: 0 0 100%;
		min-width: 100%;
	}

	#user_order{
		display: none;
	}
}

.section_video{
	padding-top: 25px
}

.rotate-error img{
	display: block;
	margin: 0 auto;
    margin-bottom: 0px;
	margin-bottom: 20px;
	max-width: 150px;
}