body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}q{quotes:none}img{border:none}table{border-collapse:collapse;border-spacing:0}textarea{font-family:sans-serif}pre,code,kbd,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}form{margin:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}textarea{overflow:auto;vertical-align:top}

/*  Cond fonts: uncomment if required
@font-face {
	font-family: 'Myriad Pro Cond';
	src: url('../fonts/hinted-MyriadPro-Cond.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-Cond.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-Cond.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro Cond';
	src: url('../fonts/hinted-MyriadPro-BoldCond.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-BoldCond.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-BoldCond.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
*/
/*  Italic fonts: uncomment if required
@font-face {
	font-family: 'Myriad Pro Cond';
	src: url('../fonts/hinted-MyriadPro-BoldCondIt.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-BoldCondIt.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-BoldCondIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Myriad Pro Cond';
	src: url('../fonts/hinted-MyriadPro-CondIt.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-CondIt.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-CondIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
*/
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/hinted-MyriadPro-Light.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-Light.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/hinted-MyriadPro-Regular.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-Regular.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*  Bold fonts: uncomment if required
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/hinted-MyriadPro-Semibold.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-Semibold.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/hinted-MyriadPro-Bold.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-Bold.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}*/

/*  Italic fonts: uncomment if required
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/hinted-MyriadPro-It.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-It.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-It.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/hinted-MyriadPro-BoldIt.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-BoldIt.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/hinted-MyriadPro-SemiboldIt.woff2') format('woff2'),
		url('../fonts/hinted-MyriadPro-SemiboldIt.woff') format('woff'),
		url('../fonts/hinted-MyriadPro-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}
*/

/*Loadr minified*/
.lds-roller{display:inline-block;position:relative;width:64px;height:64px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;margin:-3px 0 0 -3px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:50px;left:50px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:54px;left:45px}.lds-roller div:nth-child(3){animation-delay:-108ms}.lds-roller div:nth-child(3):after{top:57px;left:39px}.lds-roller div:nth-child(4){animation-delay:-144ms}.lds-roller div:nth-child(4):after{top:58px;left:32px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:57px;left:25px}.lds-roller div:nth-child(6){animation-delay:-216ms}.lds-roller div:nth-child(6):after{top:54px;left:19px}.lds-roller div:nth-child(7){animation-delay:-252ms}.lds-roller div:nth-child(7):after{top:50px;left:14px}.lds-roller div:nth-child(8){animation-delay:-288ms}.lds-roller div:nth-child(8):after{top:45px;left:10px}@keyframes lds-roller{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

#preloader{
	background:#010101;
	position:fixed;
	width:100%;
	height:100%;
	z-index:1000;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
}
body{
	font-family: 'Myriad Pro', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:100%;
	width: 100%;
	background:#010101;
	overflow-x:hidden;
}
#page-wrapper{
	overflow-x:hidden;
	width:100%;
}
#page{
	margin:auto;

}
.wrapper{
	position:relative;
    float: right;
    right: 50%;
}
.fluid{
	width:127.708vw;
	
	position: relative; 
    right:-50%;
}
.base{
	width:100vw;
	max-width:1920px;
	margin:auto;
	position:relative;
}
.conteiner{
	width:82.69%;
	position:relative;
	margin:auto;
}
img{
	width:100%;
	height:auto;
	display:block;
}
h1,h2,h3,h4,h5{
	
}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{
	color:#ffcc00;
}
.button{
	width:13.958vw;/*268*/
	height:5.156vw;/*99*/
	line-height:5.156vw;/*99*/
	display:block;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	border:1px #ffcc00 solid;
	-webkit-border-radius: 26px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 26px;
	-moz-border-radius-topleft: 0;
	border-radius: 26px;
	border-top-left-radius: 0;
	color: #FFF;
    font-size: 1.875vw;/*36*/
    text-decoration: none;
    text-align: center;
}
.button:active,
.button:hover{
	background-color:#ffcc00;
	color:#000;
}
/*
img {
  image-rendering: auto;         
  image-rendering: -webkit-optimize-contrast;   
}*/
.hidden-load{
	visibility:hidden;
}
.hidden-load.animated{
	visibility:visible;
}
.mobile-hide{
	display:block !important;
}
.desktop-hide{
	display:none !important;
}
.wow{
	visibility:hidden;
}
.fixed .wow{
	visibility:visible !important;
}
.delay-1 {
-webkit-animation-delay: .25s;
        animation-delay: .25s;
}
.delay-2 {
-webkit-animation-delay: .5s;
        animation-delay: .5s;
}
.delay-3 {
-webkit-animation-delay: .75s;
        animation-delay: .75s;
}
.delay-4 {
-webkit-animation-delay: 1s;
        animation-delay: 1s;
}
.delay-5 {
-webkit-animation-delay: 1.25s;
        animation-delay: 1.25s;
}
.delay-6 {
-webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
}
.delay-01 {
-webkit-animation-delay: .15s;
        animation-delay: .15s;
}
.delay-02 {
-webkit-animation-delay: .30s;
        animation-delay: .30s;
}
.delay-03 {
-webkit-animation-delay: .45s;
        animation-delay: .45s;
}
.delay-04 {
-webkit-animation-delay: .60s;
        animation-delay: .60s;
}


#d1,#d2,#d3,#d4,#d5,#d6,#d7,#d8,#d9,#d10,#d11,
.d5-block {
	position:relative;
    width: 100%;
    float: left;
}

.id1,.id2,.id3,.id4,.id5,.id6,.id7,.id8,.id9,.id10,.id11{
	position:relative;
	z-index:0;
	width:100%;
	height:auto;
	display:block;
}
header{
	position:absolute;
	width:100%;
	z-index:10;
	padding-top:5.208vw; /*100px*/
}
header.fixed{
	position:fixed;
	background:rgba(0,0,0,0.5);
	padding:0;
	top:-5.573vw;	
	-webkit-transition: top 0.3s ease-out;	
	-o-transition: top 0.3s ease-out;	
	transition: top 0.3s ease-out;
}
header.fixed.showed{
	top:0;
}

header .conteiner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height:2.292vw;
}
header.fixed .conteiner{
	height:3.750vw;
}
.logo{
	left:0;
	width:13.158vw;/*245px*/
	float:left;
}
.fixed .logo{
	width:7.292vw;/*140px*/
	cursor:pointer;
}
.logo img{
	width:100%;
	height:auto;
}

section{
    clear: left;
    width: 100%;
    float: left;
}
nav{
	float:right;
	font-size:1.302vw;/*25px*/
	height:3.750vw; /*73px*/
	margin:auto;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
    text-align: right;
	display:none;
	
}
.fixed nav{
	font-size:1.294vw;/*21px*/
	display:block;
}

nav a{
	text-decoration:none;
	color:#FFF;
	display:inline-block;
	margin-left:1.979vw; /*38px*/
	height:100%;
	line-height:3.802vw; /*73px*/
}
nav a:hover{
	color:#ffcc00;
}
nav a.default{
	/*padding:0 2.604vw; 
	background:#FFC906;
	text-transform:uppercase;
	color:#000;*/
	color: #ffcc00;
}
nav a.default:hover{
	color: #ffcc00;
}

header .h1{
	/*border-left:1px solid #FFF;*/
	font-weight:300;
	float:left;
	margin-left:5.263vw;/*77px*/
	overflow:hidden;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 4.9vw;
	padding: 0 0 0 1.563vw;

}

header .h1 .hwrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

header.fixed .h1{
	height:2.344vw !important;/*45px*/
	margin-left:9.375vw;/*180px*/
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
        align-items: center;
}
header.fixed .h1 span.borderline{
	height:2.344vw !important;/*45px*/
}
header .h1 span.borderline{
	display: block;
    float: left;
    height: 0;
    width: 1px;
	margin:auto;
    border-left: 1px #FFF solid;
	margin-left:-1.563vw;
	position: absolute;
    top: 0;
    bottom: 0;
	-webkit-transition: height 0.5s ease-in;
	-o-transition: height 0.5s ease-in;
	transition: height 0.5s ease-in;
}
header .h1 span.borderline.showed{
	height:7.292vw;
}

header .h1 span.hwrapper{
	width:13.021vw; /*250px*/
	position:relative;
	left:-13.021vw;
		-webkit-transition: left 0.5s ease-in;
	-o-transition: left 0.5s ease-in;
	transition: left 0.5s ease-in;
}
header .h1 span.hwrapper.showed{
	left:0;
}
header.fixed .h1 span.hwrapper{
	left:0;
	width:auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
        align-items: center;
}
header .h1 strong{
	color:#FFC906;
	font-size:1.579vw;/*60px*/
	font-weight:300;
	display:block;
}
header.fixed .h1 strong{
	font-size:2.083vw;/*40px*/
	line-height:0.9;
	display:inline-block;
}
header .h1 i{
	display:block;
	font-size:1.094vw;/*21px*/
	font-style:normal;
	max-width:11.979vw;/*230px*/
}
header.fixed .h1 i{
	font-size:1vw;/*17px*/
	display:inline-block;
	max-width:10.417vw;
	line-height:1;
	margin-left:0.833vw;/*16*/
}
/*#d1 .wrapper{
	position:relative;
    float: right;
    right: 50%;
}
.swiper-container {
	width:127.708vw;
	max-width:2452px;
	position: relative; 
    right:-50%; 
}*/

 header .defaultin {
 	display: flex;
 	align-items: center;
 	height: 6.625vw;
 }

.fixed-shown {
	display: none !important;
}

header .h1 .defaultin i {
	font-size: 1.105vw;
	max-width: 13vw;
}

.fixed.showed .fixed-shown {
	display: flex !important;
	flex-direction: row;
}

.fixed.showed .defaultin {
	display: none !important;
}

.h1_second {
	margin-left:3vw !important;
	margin-right:1vw;
}
#progress {
    background-color: #ffcc00;
    height: 2px;
    z-index: 100;
}
.swiper-slide-content img{
	display:block;
}

.swiper-slide-text {
	position: absolute;
	bottom: 13%;
	font-size: 3vw;
	color:#fff;
	width: 82%;
	left:9%;
	/*text-transform: uppercase;*/
}


@media (max-width:767px) {
	.swiper-slide-text {
		display: none;
	}

}

.items-pagination,
.swiper-pagination {
  position: static;
  margin-top:1.146vw;/*22px*/
  min-height:1.250vw;/*24px*/
  text-align: center;
}
.swiper-pagination-bullet {
  width: 0.938vw; /*18px*/
  height: 0.938vw;
  display: inline-block;
  border-radius: 100%;
  background: #6F6F6F;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: #ffcc00;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 0.573vw;/*11px*/
}

#d2 .wrapper{
	position:relative;
    float: right;
    right: 50%;
}
.mk3,
.mk2,
.mk1,
.id2{
	width:127.708vw;
	
	position: relative; 
    right:-50%;
}
#d2 .conteiner	{
	position:absolute;
	top:0;
	left:0;
	right: 0;
	z-index:1;
	
}
#d2 .absolute1{
	position:absolute;
	top:4.167vw;/*80px*/
	opacity:0;
	-webkit-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
}
#d2 .absolute1.showed{
	opacity:1;
}
#d2 .absolute2{
	position:absolute;
	bottom:0;
	opacity:0;
	-webkit-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
}
#d2 .absolute2.showed{
	opacity:1;
}
#d2 .absolute3{
	position:absolute;
	top:44.271vw;/*850*/
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
#d2 .absolute3.showed{
	opacity:1;
}
#d2 .sub-text{
	color:#8b8b8a;
	font-size:1.875vw;/*36*/
	margin-top:4.167vw;/*80px;*/
}
#d2 .sub-text a{
	color:#8b8b8a;
}
#d2 .sub-text a:hover{
	color:#ffcc00;
}
#d2 .sub-text span{
	display:block;
	width:8.594vw;/*165*/
	height:1.302vw;/*25*/
	border-top:1px #8b8b8a solid;
}

.subd{
	width:32.29%;
	float:right;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	position:relative;
	height:100%;
}
.subd h2{
	font-size:5.417vw;/*104*/
	color:#ffcc00;
	font-weight:300;
	margin:0;
}
.subd .text{
	font-size:1.510vw;/*29px*/
	color:#8b8b8a;
}
.subd .icon{
	width:7.344vw;/*141*/
	display:block;
	margin-top:2.083vw;/*40px*/
}
.subd .icon img{
	display:block;
	width:100%;
	height:auto;
}
#sub1{
	/*margin-top:20.833vw;/*400*/
	position:absolute;
	top:20.833vw;/*400*/
	/*display:none;*/
	visibility:hidden;
}
#sub1 .text{
	color:#a09875;
}
.special1{
	margin-top:5.208vw;/*100*/
}
.spec_text{
	font-size:2.135vw;/*41*/
	color:#ffcc00;
	font-weight:normal;
}
.arrow{
	width:67.708vw;/*1300*/
	position:absolute;
	display:block;
	left:-40.885vw;/*785*/
}
.arrow img{
	width:100%;
	height:auto;
	display:block;
}

#sub2{
	position:absolute;
	top:55.208vw;/*1060*/
	/*display:none;*/
	visibility:hidden;
}
#sub3	{
	position:absolute;
	top:72.917vw;/*1400*/
	/*display:none;*/
	visibility:hidden;
}
#sub4	{
	position:absolute;
	top:111.458vw;/*2140*/
	/*display:none;*/
	visibility:hidden;
}
#sub5	{
	position:absolute;
	top:160.417vw;/*3080*/
	/*display:none;*/
	visibility:hidden;
}
#sub5 .second{
	margin-top:13.542vw;/*260*/
	display:block;
}
.special2{
    position: absolute;
    top: 4.479vw;/*86*/
	left:-14.948vw;/*287*/
}
.pdu{
	width:7.813vw;/*150*/
	display:block;
}
.pdu img{
	width:100%;
	height:auto;
	display:block;
}
.special3{
    position: absolute;
    top: 10.417vw;/*200*/
	left:-64.7vw;/*622*/
	 /*top: 50vw;
	left:-25vw;*/
}
.hand{
	width:13.958vw;/*268*/
	display:block;
}
#d3{
	background-color:#090c12;
}

#d3 h2{
	color:#8b8b8a;
	font-size:3.906vw;/*75*/
	float:left;
	font-weight:300;
	margin:0 14.844vw 5.469vw 0;/*285 105*/
}
#d3 h2 span{
	margin-top:0.833vw;/*16*/
	width:0%;
	border-bottom:3px #ffcc00 solid;
	height:1px;
	display:block;
	-webkit-transition:width 1s ease-out;
	-o-transition:width 1s ease-out;
	transition:width 1s ease-out;
}
#d3 h2 span.showed{
	width:100%;
}
#d3 .text{
	color:#8b8b8a;
	font-size:1.563vw;/*30*/
}

#d3 .diff-conteiner{
	
}

.diff{
	position: relative; 
	background-color:#090c12;
	min-height:55.469vw;/*1065*/

}
.diff .item{
	position:absolute;
	top:0;
	width:auto;
}
.diff .item.left{
	position:absolute;
	left:0;
	top:1.146vw;/*22*/
	z-index:10
}
.diff .item.right{
	right:0;
	z-index:5
}
.diff .item .light-wrapper{
	position:absolute;
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	top:0;
}
.diff .item:hover .light-wrapper{
	opacity:1;
}
.diff .item.left .light-wrapper,
.diff .item.left .img-wrapper{
	width:46.563vw;/*894*/
	width:30.729vw;/*590*/
	/*margin-left:16.146vw;/*310px;*/
	/*margin-left:10.156vw;/*195*/
}
.diff .item.right .light-wrapper,
.diff .item.right .img-wrapper{
	width:53.802vw;/*1033*/
	/*margin-left:16.146vw;/*310px;*/
}

.diff .text-img img,
.diff .item .light-wrapper img,
.diff .item .img-wrapper img{
	width:100%;
	height:auto;
	display:block;
}
.diff .item .text-wrapper{
	width:100%;
	text-align:center;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
#d3 .diff .item .text-wrapper .text{
	color:#FFF;
	font-size:1.302vw;/*25*/
	max-width:13.542vw;/*260*/
	margin:auto;
}
.diff .item.left .text-wrapper{
	float:left;
	/*padding-left:10.156vw;/*195*/
}
.diff .item.right .text-wrapper{
	float:right;
	padding-left:5.208vw;/*100*/
	padding-left:1.302vw;
}
.diff .text-img{
	width:18.542vw;/*356*/
	margin:auto;
	margin-top:1.563vw;/*30*/
	margin-bottom:1.302vw;/*25*/
}

#d4 .parallax{
	height:39.063vw;/*750*/
	background-image: url("../images/parallax.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top:1px #8b8b8a solid;
	border-bottom:1px #8b8b8a solid;
}
.d5-block {
	padding-top:6.771vw;/*130px*/
	margin-bottom:1.302vw;/*25*/
}
.d5-block h2{
	color:#8b8b8a;
	font-size:3.906vw;/*75*/
	float:left;
	font-weight:300;
	margin:0 0 9.635vw 0;/*185*/
	
}
.d5-block h2 span{
	margin-top:0.833vw;/*16*/
	width:0%;
	border-bottom:3px #ffcc00 solid;
	height:1px;
	display:block;
	-webkit-transition:width 1s ease-out;
	-o-transition:width 1s ease-out;
	transition:width 1s ease-out;
}
.d5-block h2 span.showed{
	width:100%;
}
.d5-block .img-wrapper{
	width:31.510vw;/*605*/
	margin-right:2.604vw;/*50*/
	float:right;
	margin-top:5vw;/*96*/
	margin-bottom:8vw;/*80*/
}
.d5-block .icon-set,
.d5-block .text,
.d5-block .main-text{
	width:41.719vw;/*800*/
	float:left;
	display:block;
}
.d5-block .main-text strong{
	font-weight:300;
	font-size:4.583vw;/*88*/
	color:#ffcc00;
}
.d5-block .main-text i{
	font-weight:300;
	font-style:normal;
	font-size:1.927vw;/*37*/
	color:#FFF;
	display:block;
}
.d5-block .text {
	font-weight:300;
	font-size:1.563vw;/*30*/
	color:#707173;
	display:block;
	margin:1.563vw 0 3.646vw 0;/*30 70*/
}
.d5-block .icon-set .swiper-wrapper{
	z-index:3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.d5-block .icon-set .swiper-slide,
.d5-block .icon-set .icon{
	width:7.031vw;/*135*/
	position:relative;
	display: block;
}
.d5-block .icon-set .swiper-slide{
	position:static;
	padding-bottom:1.823vw;/*35px;*/
	cursor:pointer;

}
.d5-block .icon-set .swiper-slide:hover{
	border-bottom:1px #FFCC00 solid;
}
.d5-block .icon-hover-text{
	display:block;
	position:absolute;
	left:0;
	top:10.417vw;/*200*/
	font-size:1.563vw;/*34*/
	z-index:3;
	opacity: 0;
	transition: .5s;
	color: #707173;
}
.d5-block .icon-set .swiper-slide:hover .icon-hover-text{
	display:block;
	opacity: 1;
}
.d5-block .icon-set  .default{
	opacity:1;
	-webkit-transition:opacity 0.2s ease-out;
	-o-transition:opacity 0.2s ease-out;
	transition:opacity 0.2s ease-out;
}
.d5-block .icon-set  .hover{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition:opacity 0.2s ease-in;
	-o-transition:opacity 0.2s ease-in;
	transition:opacity 0.2s ease-in;
	z-index:3;
}
.d5-block .icon-set .icon:hover .default{
	opacity:0;
}
.d5-block .icon-set .icon:hover .hover{
	opacity:1;
}
.d5-block .icon-set-overlay{
	position:fixed;
	height:100vh;
	width:100%;
	background: rgba(0,0,0,0.8);
	top:0;
	left:0;
	z-index:2;
	display:none;
}
.d5-block .table-set{
	width:100%;
	float:left;
	position:relative;
}
.d5-block .table-set .set-wrapper{
	width:50%;
	float:left;
	position:static;
}

.swiper-wrapper_100 .set-wrapper {
	width: 100% !important;
}

.d5-block .table-set .set-wrapper div{
	text-align:center;
	border-top:1px #706f6f solid;
	height:5.573vw;/*107*/
	color:#FFF;
	font-size:1.667vw;/*32*/
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.d5-block .table-set .set-wrapper.first div{
	padding-right:8.333vw/*160*/
}
.d5-block .table-set .set-wrapper.last div{
	padding-left:8.333vw/*160*/
}

.d5-block .table-set .swiper-wrapper_100 .set-wrapper.first div{
	padding-right:0
}
.d5-block .table-set .swiper-wrapper_100 .set-wrapper.last div{
	padding-left:0
}

.d5-block .table-set .set-wrapper .header{
	width: 100%;
	color:#8b8b8a;
	font-size:1.042vw;/*20*/
	margin-top:0.781vw;/*15*/
}
.d5-block .table-set .set-wrapper.last .header{
	display:none;
}
.d5-block .table-set .set-wrapper.first .header{
	position:absolute;
	left:0;
	right:0;
}
.d5-block .table-set .swiper-wrapper_100 .set-wrapper.first .header{
	position:static;
}
.d5-block .table-set .swiper-wrapper_100 .set-wrapper > div{
	flex-wrap: nowrap;
}
.d5-block .table-set .swiper-wrapper_100 .set-wrapper > div > span {
	width: 50%;
	flex-grow: 1;
}
.d5-block .table-set .set-wrapper .title{
	color:#ffcc00;
	font-size:1.615vw;/*31*/
}
.d5-block .table-set .set-wrapper .title span{
	display:block;
}
.d5-block .table-set .set-wrapper .title strong{
	font-weight:normal;
	font-size:1.875vw;/*36*/
	display:block;
}

.title_line  strong{
	display: inline-block !important;
}
.d5-block .table-set .set-wrapper .price{
	color:#ffcc00;
	font-size:2.135vw;/*41*/
	border-bottom:1px #706f6f solid;
}
.d5-block .actions{
	width:100%;
	float:left;
	margin-top:3.438vw;/*66*/
	margin-bottom:6.2vw;
	
}
.d5-block .actions .button{
	margin-bottom:1.042vw;/*20px*/
}
.d5-block .actions .left{
	float:left;
	position:relative;
	
}
.d5-block .actions .right{
	float:right;
	position:relative;
}
#d5-vella .actions .right{
	display: block !important;
}
.d5-block .actions .order{
	opacity:1;
	-webkit-transition: opacity 0.4s ease-in;
	-o-transition: opacity 0.4s ease-in;
	transition: opacity 0.4s ease-in;
}
.d5-block .actions .right.active .order,
.d5-block .actions .left.active .order{
	opacity:0;
}

.d5-block .actions div div{
	opacity:0;
	-webkit-transition: opacity 0.4s ease-in;
	-o-transition: opacity 0.4s ease-in;
	transition: opacity 0.4s ease-in;
	position:absolute;
	top:0;
	z-index:-1;
}
.d5-block .actions div.active div{
	opacity:1;
	z-index:1;
}
.d5-block .actions div div .orderpartners{
	position:absolute;
	top:0;
	z-index:-2;
	-webkit-transition: top 0.4s ease-in;
	-o-transition: top 0.4s ease-in;
	transition: top 0.4s ease-in;
}
.d5-block .actions div.active div .orderpartners{
	top:6.2vw;
	z-index:2;
}
.d5-block-1{
	padding: 0 8.85%;
	display:table;
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding-bottom:3.39vw;
	background-color:#090c12;
}
.d5-block-1 .crow{
	display:table-row;
}
.d5-block-1 .ccol{
	display:table-cell;
	width:20%;
	vertical-align:top;
}
.d5-block-1 h5{
	font-size:51px;
	font-size:2.66vw;
	color:#ffcc00;
	font-weight:300;
	padding-bottom:20px;
	margin-bottom:25px;
	padding-bottom:1.04vw;
	margin-bottom:1.3vw;
	border-bottom:1px #5c5c5c solid;
	float:left;
	width:31.64%;
	margin-top:1em;
}
.d5-block-1 a{
	display:block;
	font-size:25px;
	font-size:1.3vw;
	margin: 5px 0;
	float:left;
	clear:left;
	color:#FFF;
	text-decoration:none;
}
.d5-block-1 a:hover{
	text-decoration:none;
	color:#ffcc00;
}
#d6{
	background-color:#080705;
	padding-top:2.604vw;/*50*/
}

#d6 h2{
	color:#8b8b8a;
	font-size:3.906vw;/*75*/
	float:left;
	font-weight:300;
	margin:0 13.750vw 5.051vw 0;/*264 148*/
}
#d6 h2 span{
	margin-top:0.833vw;/*16*/
	width:0%;
	border-bottom:3px #ffcc00 solid;
	height:1px;
	display:block;
	-webkit-transition:width 1s ease-out;
	-o-transition:width 1s ease-out;
	transition:width 1s ease-out;
}
#d6 h2 span.showed{
	width:100%;
}
#d6 .text{
	color:#8b8b8a;
	font-size:1.563vw;/*30*/
}
#d6 .items-set .img-wrapper{
	width:6.510vw;/*125*/
	margin:auto;
	/*position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;*/
	height:26.688vw;/*570*/
	margin-top:2.083vw;
	display: flex;
    justify-content: center;
    align-items: center;
}
#d6 .items-set .item-wrapper-2{
	width:1.563vw;
}
#d6 .items-set .item-wrapper-3{
	width:16.094vw;
}
#d6 .items-set .item-wrapper-4{
	width:16.094vw;
}
#d6 .items-set .item-wrapper-5{
	width:16.094vw;
}
#d6 .items-set .item{
	width:19.531vw;/*375*/
	height:36.198vw;/*695*/
	position:relative;
}
#d6 .items-set .item .title{
	height:6.250vw;/*120*/
	position:absolute;
	max-width:16.667vw;/*320*/
	bottom:0;
	left:0;
	right:0;
	margin: auto;
    text-align: center;
	font-size:1.563vw;/*30*/
}
#d6 .items-set .item:hover{
	background-color:#181715;
}
#d6 .items-set {
	width: 100%;
	height: 100%;
	/*float:left;*/
	overflow: hidden;
	margin-bottom:3.125vw;/*60*/
}

.f1{
	padding: 0 8.655%;
	display:table;
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	border-top:1px #706f6f solid;
	font-size:1.042vw;/*20*/
	color:#8b8b8a;
	height:7.031vw;/*135*/
}
.f1 a{
	color:#8b8b8a;
	text-decoration:none;
}
.f1 .left a{
	display:block;
}
.f1 a:hover{
	text-decoration:underline;
	color:#fff;
}
.f1 span{
	display:block;
	max-width:11.458vw;/*220*/
}
.f1 .right span{
	float:right;
}
.f1 div{
	display:table-cell;
	width:33%;
	vertical-align:middle;
	height:135px;
	height:7.031vw;
}
.f1 img{
	position:absolute;
	z-index:-1;
	opacity:0;
	width:1px;
	height:1px;
}
.f1 .vk{
	width:2.865vw;/*55*/
	height:2.865vw;/*55*/
	background:transparent url('../images/social_vk.png') top left no-repeat;
	display:inline-block;
	background-size:100%;
}
.f1 .vk:hover{
	background-image:url('../images/social_vk_hover.png');
}

.f1 .fb{
	width:2.865vw;/*55*/
	height:2.865vw;/*55*/
	background:transparent url('../images/social_fb.png') top left no-repeat;
	display:inline-block;
	background-size:100%;
}
.f1 .fb:hover{
	background-image:url('../images/social_fb_hover.png');
}

.f1 .ig{
	width:2.865vw;/*55*/
	height:2.865vw;/*55*/
	background:transparent url('../images/social_ig.png') top left no-repeat;
	display:inline-block;
	background-size:100%;
}
.f1 .ig:hover{
	background-image:url('../images/social_ig_hover.png');
}


.f1 .yt{
	width:2.865vw;/*55*/
	height:2.865vw;/*55*/
	background:transparent url('../images/social_yt.png') top left no-repeat;
	display:inline-block;
	background-size:100%;
}
.f1 .yt:hover{
	background-image:url('../images/social_yt_hover.png');
}

.f1 .center{
	text-align:center;
}
.f1 .right{
	text-align:right;
}
.f2{
	border-top:1px #706f6f solid;
	width:100%;
	font-size:0.781vw;/*15*/
	display:table;
	color:#8b8b8a;
}
.f2 div{
	vertical-align:middle;
	text-align:center;
	height:5.729vw;/*110*/
	display:table-cell;
}


/********************************** POPUP ***********************/

#popup-overlay{
	position:fixed;
	width:100%;
	height:100%;
	z-index:110;
	background:#000;
	opacity:0.7;
	top: 0;
    left: 0;
}
.popup{
	position:fixed;
	top: 0;
    left: 0;
	right:0;
	bottom:0;
	margin:auto;
	width:50%;
	height:600px;
	height:31.250vw;
	background:#434343;
	z-index:1111;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:1.56vw 3.125vw 3.125vw;
}
.popup a.close{
	width:1.510vw;
	height:1.510vw;
	background: transparent url('../images/close-w.png') top left no-repeat;
	background-size:100%;
	position:absolute;
	top:1.56vw;
	right:2.4vw;
}
.popup form{
	display:block;
	margin: 3.125vw 2.083vw 0px;
}
.popup .form-item{
	margin:20px 0;
	margin: 1.3vw 0;
	position:relative;
}
.popup .form-item.center{
	text-align:center;
}
.popup .pseudo-select,
.popup select,
.popup input[type="text"]{
	font-size:20px;
	font-size:1.0416vw;
	width:100%;
	line-height:50px;
	line-height:2.60416vw;
	height:52px;
	height:2.7083vw;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	text-indent:20px;
	text-indent:1.0416vw;
	border:1px #717170 solid;
	background:#080705;
	color:#FFF;
}
.popup .pseudo-select label{
	width:40%;

}

.popup .pseudo-select .nice-select{
	display: inline-block;
    height: auto;
    float: none;
    background: none;
    border: none;
	font-size:20px;
	font-size:1.0416vw;
	height:52px;
	height:2.7083vw;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	line-height:50px;
	line-height:2.60416vw;
	border-radius: 0px;
	width:60%;
	float:right;
	padding-right:0;
}
.popup .pseudo-select .nice-select span{
    display: inline-block;
    line-height: 1.5;
    border-left: 1px #999 solid;
	position:relative;
	margin-left:-1.0416vw;
}
.popup .pseudo-select .nice-select .slimScrollDiv{
	z-index:100;
	right: -1px;
	display:none;
}
.popup .pseudo-select .nice-select.open .slimScrollDiv{
	display:block;
}
.popup .pseudo-select .nice-select .slimScrollBar{
	right:3px !important;
	opacity:1 !important;
	visibility:hidden;
}
.popup .pseudo-select .nice-select.open .slimScrollBar{
	visibility:visible;
}
.popup .pseudo-select .nice-select ul{
	border-radius: 0px;
	position:static;
	border:1px #8b8b8a solid;
	margin-top:0px;
	background:#080705;
}
.popup .pseudo-select .nice-select li{
    margin: 0 6px;
	
}
.popup .pseudo-select .nice-select li.disabled{
	display:none;
}
.nice-select .option:hover{
	background:#ffcc00 !important;
	color:#FFF !important;
}
.popup .form-text.active input[type="text"]{
	line-height:3vw;
}
.popup .form-text label {
    color: #ffcc00;
    left: -0.20833333333333334vw;
    opacity: 0;
    padding: 0 15px;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    z-index: 2;
	font-size:15px;
	font-size:0.78125vw;
}
.popup .form-text.active label {
	opacity:1;
	top:0.20833333333333334vw;
}
.popup .form-text.active input::-webkit-input-placeholder  {color:transparent;}
.popup .form-text.active input::-moz-placeholder   {color:transparent;}
.popup .form-text.active input:placeholder   {color:transparent;}

.popup select:focus,
.popup input[type="text"]:focus{
	background:#000;
}
.popup input[type="submit"]{
	border:0;
	background:#ffcc00;
	width:17.1875vw;
	height:2.2916vw;
	color:#000;
	font-size:29px;
	font-size:1.51vw;
	font-family: 'Myriad Pro', sans-serif;
	margin-top: 1.3vw;
}
.popup .form-checkbox{
	position:relative;	
	padding-left:2.1875vw;
	font-size: 20px;
    font-size: 1.0416vw;
	line-height: 1.5625vw;
}
.popup .checkbox + label:before{
	width:1.5625vw;
	height:1.5625vw;
}
.popup .form-select {
   background: #fafafa url('../images/select-arrow.png') no-repeat 96% 1.13vw;
   overflow: hidden;
   border:1px #717170 solid;
}
.popup .checkbox.error + label:before,
.popup .form-select.error,
.popup input[type="text"].error{
	 border:1px #e22f17 solid;
}
.popup-wrapper{
	height:100%;
	overflow:hidden;
}
.popup .form-select select {
   border: none;
   background:none;
   width: 110%;
}
.popup h3{
	font-weight:300;
	color:#fff;
	font-size:33px;
	font-size: 1.71875vw;
	width:100%;
	text-align:left;
	margin: 0 0 0.5em;
}
.loader{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.popup .address a{
	color:#8b8b8a;
	text-decoration:none;
}
.popup .address{
	font-size:20px;
	font-size:1.0416vw;
	color:#FFF;
	margin-bottom:1.71875vw;
	line-height: 1.4;
}
.popup .address .company-title{
	color:#ffcc00;
	font-size:1.14583vw;
	margin-bottom:0.3vw;
}

.popup .slimScrollRail{
	width:3px !important;
}
.popup .slimScrollBar{
	right:0px !important;
	opacity:1 !important;
	width:4px !important;
	cursor:move;
}


.result-image{
	text-align:center;
	margin-top:3.64583vw;
	margin-bottom:1.5625vw;
}
.result-image img{
	width: 8.59375vw;
	height:auto;
}
#popup-submit p,
#popup-result p{
	text-align:center;
	font-size:20px;
	font-size:1.0416vw;
	max-width: 80%;
    margin: 0.5vw auto;
}
#popup-result .form-item{
    margin-top: 3vw;
}

.popup .checkbox:not(checked) + label:before{
	background:#080705;
}
.popup .checkbox:not(checked) + label:hover::before{
	background:#ffcc00 url('../images/checkbox.png') 0 100% no-repeat;
	background-size:100%;
}
.popup .checkbox:checked + label:before {
    background: #080705 url('../images/checkbox.png') 0 0 no-repeat;
    background-size: 100%;
}
.popup .checkbox:checked + label:hover:before {
  background:#ffcc00 url('../images/checkbox.png') 0 50% no-repeat;
  background-size:100%;
}

@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-eclipse {
  position: relative;
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 1s linear infinite;
  animation: lds-eclipse 1s linear infinite;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 0 0 #ffcc00;
          box-shadow: 0 4px 0 0 #ffcc00;
  -webkit-transform-origin: 80px 82px;
  -ms-transform-origin: 80px 82px;
      transform-origin: 80px 82px;
}
.lds-eclipse {
  width: 100px !important;
  height: 100px !important;
  -webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
  -ms-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
      transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
}

.scbtn-nav{display:none;}


.popup .approve{
	color:#ffcc00;
	text-decoration:none;
}
.popup .approve:hover{
	text-decoration:underline;
}
.popup .checkbox + label {
    display: inline-block;
}
.popup .approval-text{
	font-size:13px;
	font-size:0.677083vw;
}
.checkbox + label {
  cursor: pointer;
  display: block;
}
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  
  padding: 0; 
}
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  border:1px #5a5a5a solid;
  background:#FFF;
}
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  z-index:2;
}

.checkboxc:hover .checkbox:not(checked) + label:before {
	background:#ffcc00 url('../images/checkbox.png') 0 100% no-repeat;
	background-size:100%;
}
.checkboxc:hover .checkbox:checked + label:before {
  background:#ffcc00 url('../images/checkbox.png') 0 50% no-repeat;
  background-size:100%;
}
.checkbox:checked + label:before {
  background:#FFF url('../images/checkbox.png') 0 0 no-repeat;
  background-size:100%;
   border:1px #ffcc00 solid;
}
.checkbox:checked + label:after {
  
}

@media screen and (max-width: 768px) {
	#d4 .parallax {
		background-attachment: inherit;
	}
}

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
  #d4 .parallax {
		background-attachment: inherit;
	}
}
/*
@media (max-width: 960px) and (min-width:421px){
	body{zoom:1.15;}
}*/
/*
@media (min-width:1280px) and (max-device-aspect-ratio: 16/9) and (min-device-aspect-ratio: 16/10){
  #d1 .swiper-slide{ overflow:hidden;}
  #d1 .swiper-slide img{
	height:100vh;
	width:auto !important;
	margin-top:-2px;
  }
}*/

.hide {
	display: none !important;
}

.pl0 {
	padding-left: 0;
}


header .h1 span.borderline.showed {
	height: 4vw;
}
header .defaultin {
	height: 6.5vw;
}

.hide-mobile {
	float: right;
	display: block;
}

@media (max-width: 420px) {

	.pl0 {
		padding-left: 9px;
		margin-bottom:20px;
	}
  .mobile-hide{
	display:none !important;
  }

  .hide-mobile {
  	display: none;
  }
  .desktop-hide{
	display:block !important;
  }
  body{
	font-size:20px;
  }
  .conteiner{
	width:93.4375%;
  }
  header{
	position: fixed;
    padding: 0;
    background: rgba(0,0,0,0.8);
	z-index:1000;
  }
   header .conteiner{
   display:block;
   height:auto;
   position: static;
   }
   #d1{
       margin-top: 15.625vw;
   }
  .logo{
	position:static;
	margin-top:3.438vw;
	margin-bottom:3.438vw;
	width:26.56%;
  }

  .hmbg{
    width: 61px;
    height: 64px;
	position:fixed;
	top:-2.188vw;
	right:0;
	background:transparent url('../images/bg-menu.png') top right no-repeat;
	z-index:850;
	display:block !important;
	opacity:0;
	-webkit-transition:opacity 0.4s ease-in;
	-o-transition:opacity 0.4s ease-in;
	transition:opacity 0.4s ease-in;
  }
   #hamburger-icon {
    width: 28px;
    height: 16px;
    position: absolute;
    display: block;
    top: 3.438vw;
    right: 3.438vw;
	z-index:900;
  }
  #hamburger-icon .line {
	display: block;
	background: #FFF;
	width: 28px;
	height: 1px;
	position: absolute;
	left: 0;
	border-radius: 1px;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
  }
  #hamburger-icon .line.line-1 {
    top: 0;
  }
  #hamburger-icon .line.line-2 {
    top: 50%;
  }
  #hamburger-icon .line.line-3 {
    top: 100%;
  }
  #hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 {
    -ms-transform: translateY(-1px);
        transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
  }
  #hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {
    -ms-transform: translateY(1px);
        transform: translateY(1px);
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
  }
  #hamburger-icon.active .line-1 {
    -ms-transform: translateY(8px) translateX(0) rotate(45deg);
        transform: translateY(8px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
    -moz-transform: translateY(8px) translateX(0) rotate(45deg);
  }
  #hamburger-icon.active .line-2 {
    opacity: 0;
  }
  #hamburger-icon.active .line-3 {
    -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
        transform: translateY(-8px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
    -moz-transform: translateY(-8px) translateX(0) rotate(-45deg);
  }
  #hamburger-icon.active{
 	position:fixed;
  }
  #hamburger-icon.active .line{
    background:#000; 
  }
  .menu-overlay{
	float:right;
	height: 2px;
    width: 2px;
    background: #010101;
    -webkit-transform: translate(24%,-50%);
        -ms-transform: translate(24%,-50%);
            transform: translate(24%,-50%);
	display:block;
	border-radius:1px;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
  }
  .overlay-wrapper.active .menu-overlay{
	height:1800px;
	width:1800px;
	border-radius:900px;
  }
  .overlay-wrapper{
	display:block;
	width:100%;
	max-height:100%;
	overflow:hidden;
	position:fixed;
	top:0;
	right:0;
	z-index:800;
  }
  .hmbg.active{
	position:fixed;
	opacity:1;
  }
  nav{
	visibility: hidden;
    opacity: 0;
	position:fixed;
	top:-150%;
	-webkit-transition: visibility 0s, opacity 0.3s linear, top 0.3s linear;
	-o-transition: visibility 0s, opacity 0.3s linear, top 0.3s linear;
	transition: visibility 0s, opacity 0.3s linear, top 0.3s linear;
	z-index:950;
	width:100%;
	display:block !important;
	float: none; 
    height: auto;
    margin: auto;
    -webkit-box-flex:none;
        -ms-flex-positive:none;
            flex-grow:none;
    text-align: left;
	font-size:20px;

  }
  #hamburger-icon.active + nav{
	opacity:1;
	visibility: visible;	
	top:10vw;	
  }
  nav em{
	background:transparent url('../images/logo.png') 40px 0 no-repeat;
	background-size: 30%;
    padding-top: 50px;
	display:block;
  }
  nav a{
	font-size:20px;
	display:block;
	padding-left:40px;
	line-height:36px;
	text-decoration:none;
  }
  nav a.default{
	color: #ffcc00;
    background: none;
    text-transform: none;
    padding: 0;
	padding-left:40px;
  }
  nav a:hover{
	background:#ffcc00;
	color:#FFF;
  }

  nav .hwrapper{
	display:block;
	border-top:1px #8b8b8a solid;
	width: 58%;
    margin-left: 40px;
    margin-top: 10vw;
	padding-top:16px;
  } 
  nav .hwrapper strong{
	font-size:35px;
	color:#FFCC00;
	font-weight:300;
    display: block;
  }
  nav .hwrapper i{
	font-size:17px;
	color:#8b8b8a;
	font-weight:300;
	font-style:normal;
    display: block;
  }

.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 7px;
}
p{
	margin:1.875vw 0;
}
#d2 .hwrapper{
	
	width: 93.4375%;
    margin:6.250vw auto 9.375vw;

}
#d2 .hwrapper strong{
	font-size:21.875vw;
	color:#FFCC00;
	font-weight:300;
    display: block;
  }
#d2 .hwrapper i{
	font-size:7.813vw;
	color:#FFF;
	font-weight:300;
	font-style:normal;
    display: block;
  }

#d2 .conteiner{
	position:relative;
	width:100%;
}
#d2 .sub-wrapper{
	width: 93.4375%;
    margin:auto;
}
#d2 .sub-text{
	color:#8b8b8a;
	font-size:6.875vw;/*22*/
	margin-top:12.500vw;/*40px;*/
	max-width:71.875vw;/*230*/
}
#d2 .sub-text span{
	display:block;
	width:50vw;/*160*/
	height:6.250vw;/*20*/
	border-top:1px #8b8b8a solid;
}
#d2 .mobile-img {
	border-top:1px solid #a09875;
	border-bottom:1px solid #a09875;
	margin-top:9.375vw;/*30px;*/
}
#d2 #sub1 .mobile-img {
	border:0;
}
#d2 #sub1 .text{
	color:#8b8b8a;
}
#d2 #sub1,
#d2 #sub2,
#d2 #sub3,
#d2 #sub4,
#d2 #sub5{
	position:static;
	visibility: visible;
}
#d2 h2{
	font-size:18.125vw;/*58px;*/
	margin-top:4.688vw;/*15px;*/
}
#d2 .text{
	font-size:6.250vw;/*20px;*/
}
.subd{
	width:100%;
	float:none;
}
.subd .icon{
	width:100px;
	margin-top:4.688vw;/*15px;*/
	margin-bottom:12.500vw;/*40px;*/
}
#sub5 .second{
	margin-top:6.250vw;/*20px;*/
}
#d3 h2{
	font-size:9.375vw;/*30px;*/
	float: left;
	margin-top:4.688vw;/*15px;*/
	border-bottom: 2px #ffcc00 solid;
	color:#FFF;
}
#d3 .text{
	font-size:6.250vw;/*20px;*/
	clear:both;
}
#d3 .diff-conteiner{
	margin-top:15.625vw;/*50*/
	width:100%;
}
.diff{
	min-height:129.688vw;
}
.diff .item.right,
.diff .item.left{
	width:100%;
	position:relative;
}
.diff .item.left .light-wrapper, .diff .item.left .img-wrapper{
	width:53.125vw;/*170px;*/
	margin:auto;
}
.diff .item.right .light-wrapper, .diff .item.right .img-wrapper{
	width:92.500vw;/*296px;*/
	margin:auto;
}
.diff .item.left .text-wrapper{
	padding:0;
}
#d3 .diff .item .text-wrapper .text{
	font-size:6.250vw;/*20px;*/
	max-width:68.750vw/*220px;*/
}
.diff .text-img{
	width:68.750vw;/*220px;*/
	margin-top: 6.250vw;/*20px;*/
    margin-bottom: 7.813vw;/*25px;*/
}
.diff .item .light-wrapper {
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
}
#d4 .parallax{
	height:71.875vw;/*230px;*/
	border:0;
	background-image: url("../images/parallax_mobile.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.overlay{
    position: fixed;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
	width:100vw;
	height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
}
.d5-block h2{
	font-size:9.375vw;/*30px;*/
	float: left;
	margin-bottom:4.688vw;/*15px;*/
	border-bottom: 2px #ffcc00 solid;
	color:#FFF;
}
.d5-block .img-wrapper{
	width:78.125vw;/*250px;*/
	float:none;
	margin:auto;
	clear:both;
	margin-right:12.500vw;/*40*/
}
.d5-block .main-text{
	font-size:6.250vw;/*20px;*/
	float:none;
	width:100%;
}
.d5-block .main-text strong{
	font-size:15.625vw;/*50*/
}
.d5-block .main-text i{
	font-size:6.875vw;/*22px;*/
	line-height:1;
	max-width:85%;
	margin-bottom:4.688vw;/*15px;*/
}
.d5-block .text{
	font-size:6.250vw;/*20px;*/
	float:none;
	width:100%;
}
.d5-block .icon-set{
	float:none;
	width:100%;
	margin:12.500vw 0 15.625vw;
}
.d5-block .icon-set .icon{
	width:42.188vw;/*135px;*/
	margin: auto;
}
.d5-block .icon-set .swiper-wrapper{
	-webkit-box-pack: initial;
	    -ms-flex-pack: initial;
	        justify-content: initial;
	margin-bottom:4.688vw;/*15px;*/
}
.d5-block .icon-set .swiper-slide{
	width:100%;
	position: relative;
    padding-bottom: 0;
    cursor: pointer;
}
.d5-block .icon-set .swiper-slide:hover{
	border-bottom:0;
}
.d5-block .icon-hover-text{
	display:none;
}
.d5-block .icon-set .swiper-slide:hover .icon-hover-text{
	display:none;
}
.d5-block .table-set{
	width:100%;
	float:left;
	position:relative;
}
.d5-block .table-set .set-wrapper{
	width:100%;
	float:left;
	position:relative;
}

.d5-block .table-set .set-wrapper div{
	text-align:center;
	height:auto;/*107*/
	font-size:5.313vw;/*17*/
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	display: block;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.d5-block .table-set .set-wrapper .value{
	margin:2.500vw 0 3.750vw;/*8px 0 12px;*/
	display:block;
}
.d5-block .table-set .set-wrapper.first div{
	padding-right:0;
}
.d5-block .table-set .set-wrapper.last div{
	padding-left:0;
}
.d5-block .table-set .set-wrapper .header{
	color:#8b8b8a;
	font-size:3.750vw;/*12px;*/
	margin-top:1.563vw;/*5px;*/
}
.d5-block .table-set .set-wrapper.last .header{
	display:block;
}
.d5-block .table-set .set-wrapper.first .header{
	position:static;
	display:block;

}
.d5-block .table-set .set-wrapper .title{
	padding:4.688vw 0;/*5px;*/
	font-size:5.313vw;/*17*/
}
.d5-block .table-set .set-wrapper .title span{
	display:block;
}
.d5-block .table-set .set-wrapper .title strong{
	line-height:1;
	font-size:6.250vw;/*20px;*/

}
.d5-block .table-set .set-wrapper .price{

	font-size:15.625vw;/*50*/

}
.button{
	width:60.625vw;/*194*/
	height:22.500vw;/*72*/
	line-height:22.500vw;/*72*/
	color: #FFF;	
    font-size: 8.438vw;/*27*/
}
.d5-block .actions{
	margin-top:6.250vw;/*20px;*/
	margin-bottom:31.250vw;/*100*/
}
.d5-block .actions .right,
.d5-block .actions .left{
	float:none;
	width:100%;
}
.d5-block .actions .order{
	margin:4.688vw auto;/*15px;*/
}
.d5-block .actions .right{
	display:none;
}
.d5-block .actions div.active div{
    margin: auto;
    text-align: center;
    right: 0;
    left: 0;
}
.d5-block .actions .button{
    margin: auto;
}
.d5-block .actions div.active div .orderpartners {
    top: 27.188vw;
}
.d5-block .actions div div .orderpartners {    
    left: 0;
    right: 0;
}

  .d5-block-1{
	padding: 0 3.43%;
	display:block;
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	margin-bottom:35px;
	overflow:hidden;
  }
  .d5-block-1 .crow{
	display:inline;
  }
  .d5-block-1 .ccol{
	display:block;
	width:33%;
	float:left;
	vertical-align:top;
  }
  .d5-block-1 .crow:nth-child(5) .ccol:nth-child(2),
  .d5-block-1 .crow:nth-child(4) .ccol:nth-child(4),
  .d5-block-1 .crow:nth-child(4) .ccol:nth-child(1),
  .d5-block-1 .crow:nth-child(3) .ccol:nth-child(3),
  .d5-block-1 .crow:nth-child(2) .ccol:nth-child(5),
  .d5-block-1 .crow:nth-child(2) .ccol:nth-child(2){
	clear:left;
  }
  .d5-block-1 h5{
	font-size:31px;
	color:#ffcc00;
	font-weight:300;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px #5c5c5c solid;
	float:left;
	width:31.64%;
	margin-top:1em;
  }
  .d5-block-1 a{
	display:block;
	font-size:16px;
	margin: 5px 0;
	float:left;
	clear:left;
	color:#5c5c5c;
	text-decoration:none;
  }
#d6{
	margin-bottom:6.250vw;
}  
#d6 h2{
	font-size:9.375vw;/*30px;*/
	float: left;
	margin-bottom:4.688vw;/*15px;*/
	border-bottom: 2px #ffcc00 solid;
	color:#FFF;
}
#d6 .text{
	font-size:6.250vw;/*20px;*/
	float:left;
	width:100%;
}
#d6 .items-set{
	margin-top:9.375vw;/*30px;*/
}
#d6 .items-set .item {
    width: 100%;
    height: 137.500vw;
    position: relative;
	background-color:#181715;
}
#d6 .items-set .img-wrapper {
    width:25vw;/*image based*/
    height: 112.500vw;/*Yz*/
}
#d6 .items-set .item-wrapper-2{
	width:5.938vw;
}
#d6 .items-set .item-wrapper-3{
	width:58.125vw;
}
#d6 .items-set .item-wrapper-4{
	width:58.125vw;
}
#d6 .items-set .item-wrapper-5{
	width:58.125vw;
}

#d6 .items-set .item .title{
	height:25vw;/*90*/
	
	max-width:75vw;/*240*/

	font-size:6.875vw;/*22*/

}

.f1{
	padding: 0 8.655%;
	display:block;
	font-size:6.250vw;/*20px;*/
	height:auto;/*135*/
	float:left;
}

.f1 span{
	display:block;
	max-width:68.750vw;/*220*/
	text-align: center;
    margin: auto;
}
.f1 .right span{
	float:none;
}
.f1 div{
	display:block;
	width:100%;
	height:auto;
	margin-top:9.375vw;/*40px;*/
}
.f1 .vk{
	width:17.188vw;/*55*/
	height:17.188vw;/*55*/
	
}

.f1 .fb{
	width:17.188vw;/*55*/
	height:17.188vw;/*55*/
	
}

.f1 .ig{
	width:17.188vw;/*55*/
	height:17.188vw;/*55*/
	
}

.f1 .yt{
	width:17.188vw;/*55*/
	height:17.188vw;/*55*/

}

.f1 .center{
	text-align:center;
}
.f1 .right{
	text-align:center;
	margin-bottom:6.250vw;
}
.f2{
	border-top:1px #706f6f solid;
	width:100%;
	font-size:4.688vw;/*15*/
	display:table;
	color:#8b8b8a;
}
.f2 div{
	vertical-align:middle;
	text-align:center;
	height:34.375vw;/*110*/
	display:table-cell;
}


.popup{
	width:100%;
	height:400px;
	padding:20px;
}
.popup a.close{
	width:15px;
	height:15px;
	top:20px;
	right:30px;
}
.popup form{
	margin: 50px 0px;
}
.popup .form-item{
	margin:20px 0;
}
.popup .form-item.center{
	text-align:center;
}
.popup .pseudo-select,
.popup select,
.popup input[type="text"]{
	font-size: 15px;
    line-height: 40px;
    height: 42px;
    text-indent: 10px;
}
.popup .pseudo-select .nice-select li{
	padding:0;
}
.popup .pseudo-select .nice-select{
	font-size: 15px;
    line-height: 40px;
    height: 42px;
    text-indent: 10px;
	width: 72%;
}
.popup .pseudo-select .nice-select span{
	margin-left:-10px;
}
.popup .form-text.active input[type="text"]{
	line-height:46px;
}
.popup .form-text label {  
    left: -4px;
	font-size:10px;
}
.popup .form-text.active label {
	top:2px;
}

.popup input[type="submit"]{
	width: 150px;
    height: 30px;
    font-size: 19px;
}
.popup .form-checkbox{
	padding-left:30px;
	font-size: 14px;
	line-height: 20px;
}
.popup .checkbox + label:before{
    width: 20px;
    height: 20px;
}
.popup .form-select {
   background: #fafafa url('../images/select-arrow.png') no-repeat 96%;
}

.popup h3{
	font-size:30px;
	margin: 0 0 0.5em;
}
.popup .address{
	font-size:17px;
	margin-bottom:15px;
	line-height: 1.4;
}
.popup .address .company-title{
	font-size:19px;
	margin-bottom:5px;
}

.result-image{
    margin-top: 60px;
    margin-bottom: 30px;
}
.result-image img{
	width: 100px;
	height:auto;
}
#popup-submit p,
#popup-result p{
	text-align:center;
    font-size: 16px;
    max-width: 80%;
    margin: 10px auto;
}
#popup-result .form-item{
    margin-top: 30px;
}

.popup .approval-text{
	font-size:12px;
}
  
}

.vela-learn-more {
	display: flex;
	align-items: center;
	border-top: 1px solid #525758;
}
.vela-learn-img-info {
	display: flex;
	align-items: center;
}
.vela-learn-title {
	color: #8b8b8a;
	font-size: 1.563vw;
}
.vela-learn-name span{
	font-size: 1.563vw;
	font-weight: 500;
}
.vela-learn-name {
	font-size: 1.563vw;
}
.vela-learn-price{
	color: #ffcc00;
	font-size: 2.135vw;
}
.vela-learn-img {
	margin: 0 140px;
}
.buttons.vela-learn-btn {
	display: flex;
	justify-content: flex-start;
	margin-top: 20px;
}
.button-vela{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px #ffcc00 solid;
	-webkit-border-radius: 26px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 26px;
	-moz-border-radius-topleft: 0;
	border-radius: 23px;
	color: #FFF;
	font-size: 1.5vw;
	text-decoration: none;
	text-align: center;
	padding: 5px 15px;
}

.button-vela:active,
.button-vela:hover{
	background-color: #ffcc00;
	color: #000;
}
.foto-block h2 {
	color: #8b8b8a;
	font-size: 3.906vw;
	float: left;
	font-weight: 300;
	margin: 0 0 9.635vw 0;
}
.foto-block h2 span {
	margin-top: 0.833vw;
	width: 0%;
	border-bottom: 3px #ffcc00 solid;
	height: 1px;
	display: block;
	-webkit-transition: width 1s ease-out;
	-o-transition: width 1s ease-out;
	transition: width 1s ease-out;
}
.foto-block h2 span.showed {
	width: 100%;
}
.rotate {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9;
	width: 80px;
	height: 80px;
	background: url(../images/ic_rotate.svg) no-repeat center center;
	background-size: contain;
	transform: rotate(44deg);
	animation: rotatePlease 3s ease-in-out infinite;
}

.foto-contein {
	display: flex;
	justify-content: center;
	width: 100%;
}
.foto-contein-list {
	display: flex;
	width: 780px;
	justify-content: flex-start;
}
.foto-contein__items{
	width: 460px;
	margin-right: 20px;
}
.foto__item3 {
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}
.foto-contein-list2{
	width: 780px;
}
.foto-contein__item2 {
	display: flex;
	width: 100%;
}

.fancybox-link {
	display: block;
	background-size: cover;
}
#fotos {
	margin-top: 4.635vw;
}
.foto1{
	background-image: url("../images/foto1.jpg");
	height: 220px;
	margin-bottom: 20px;
	background-position-x: center;
}

.foto2{
	background-image: url("../images/foto2.jpg");
	height: 220px;
	margin-bottom: 20px;
	background-position-x: center;
}
.foto3{
	background-image: url("../images/foto3.jpg");
	height: 220px;
	margin-bottom: 20px;
}
.foto4{
	background-image: url("../images/foto4.jpg");
	height: 700px;
	margin-bottom: 20px;
}
.foto5{
	background-image: url("../images/foto5.jpg");
	height: 460px;
	margin-bottom: 20px;
	width: 460px;
	margin-right: 10px;
	background-position-x: center;
}
.foto6{
	background-image: url("../images/foto6.jpg");
	height: 460px;
	margin-bottom: 20px;
	width: 300px;
	margin-left: 10px;
	background-position-x: center;
}
.foto7{
	background-image: url("../images/foto7.jpg");
	height: 220px;
	margin-bottom: 10px;
	width: 300px;
	margin-right: 10px;
	background-position-x: center;
}
.foto8{
	background-image: url("../images/foto8.jpg");
	height: 220px;
	margin-bottom: 10px;
	width: 460px;
	margin-left: 10px;
	background-position-x: center;
}
.foto9{
	background-image: url("../images/foto9.jpg");
	height: 220px;
	width: 620px;
	margin-bottom: 10px;
	margin-right: 20px;
	background-position-y: center;
}
.foto10{
	background-image: url("../images/foto10.jpg");
	height: 220px;
	width: 620px;
	margin-bottom: 10px;
	margin-right: 20px;
	background-position-y: top;
}
.foto11{
	background-image: url("../images/foto11.jpg");
	height: 220px;
	margin-bottom: 10px;
	width: 282px;
	background-position-y: center;
}
.hidecolor{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}
.hidecolor:hover {
	filter:none;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
}

.dots-style-portfolio {
	text-align: center;
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
}

.dots-style-portfolio button {
	background: #6F6F6F;
	border: none;
	border-radius: 50%;
	font-size: 0;
	height: 11px;
	width: 11px;
	margin: 5px;
	outline: none;
}

.dots-style-portfolio li[class="slick-active"] button {
	background: #ffcc00;
}
@media (max-width: 1440px){
	.foto-contein__items {
		width: 290px;
	}
	.foto9, .foto10{
		width: 536px;
	}
}

@media (max-width: 1240px){
	.foto-contein-list,
	.foto-contein-list2{
		width: 500px;
	}
	.foto9, .foto10 {
		width: 338px;
	}
	.foto4{
		background-position: center;
	}
}
@media (max-width: 812px){
	.foto-contein-list,
	.foto-contein-list2{
		width: 350px;
	}
	.foto9, .foto10 {
		width: 338px;
	}
	.foto5, .foto6{
		height: 300px;
		width: 300px;
	}
	.foto1, .foto2, .foto3{
		height: 160px;
	}
	.foto7, .foto8{
		height: 203px;
	}
	.foto4{
		height: 522px;
	}
	.foto9, .foto10 {
		width: 215px;
	}
	.foto11{
		width: 229px;
	}
}
@media (max-width: 768px){
	.vela-learn-more{
		flex-direction: column;
	}
	.vela-learn-img{
		margin: 0;
		width: 50%;
	}
	.vela-learn-img-info{
		width: 100%;
	}
	.vela-learn-info {
		width: 50%;
	}
	.foto-contein{
		display: none;
	}


}
@media (min-width:767px)  {
	.rotate {
		display: none !important;
	}
}

@media (min-width:767px) and (orientation: landscape) {
	.rotate {
		display: none !important;
	}
}
.mob-portfolio-block{
	display: none;
}
@media (max-width:767px) and (orientation: portrait) {
	.rotate {
		display: block;
	}

	.d5-block .table-set {
		overflow: hidden;
	}
	.vela-learn-title {
		font-size: 9.375vw;
		text-align: center;
	}
	.vela-learn-name,
	.vela-learn-name span,
	.button-vela,
	.vela-learn-price{
		font-size: 6.250vw;
	}
	.foto-block h2{
		font-size: 9.375vw;
		border-bottom: 2px #ffcc00 solid;
	}
	.mob-portfolio-block{
		display: block;
	}
}
@media (orientation:landscape) {
	.d5-block .actions .left {
		display: block !important;
	}
	.d5-block .actions .right {
		display: block !important;
	}
}

@keyframes rotatePlease {
    0% { transform: rotate(44deg); }
   	80% { transform: rotate(-15deg); }
    100% { transform: rotate(44deg); }
}

.d5-block .table-set .set-wrapper div {
	display: none;
	flex-wrap: wrap;
}


.d5-block .table-set .set-wrapper div:nth-child(-n+6) {
	display: flex;
}

.d5-block .table-set .set-wrapper div.active {
	display: flex;
}


.table-show-more {
	width: 100%;
	height: 5.208vw;
	background: url(../images/more.png) no-repeat center center;
	cursor: pointer;
	transform: rotate(180deg);
}

.table-show-more.active {
	transform: rotate(0deg);
}


.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.js-align-buttons {
	display: inline-block !important;
}

.price {
	display: flex !important;
}

.swiper-slide-link {
	display: inline-block;
	width: 14.737vw;
	text-decoration: none;
	position: absolute;
	left: 0;
	bottom: 2.5vw;
}

.swiper-slide-round {
	display: block;
	width: 14.737vw;
	height: 14.737vw;
	overflow: hidden;
	border-radius: 100%;
	border: 2px solid #898989;
	margin-bottom: 1vw;
}

.swiper-slide-round img {
	width: 100%;
}


.swiper-slide-link:hover .swiper-slide-round {
	border: 2px solid #ffcc00;
}

.swiper-slide-round-text {
	display: block;
	font-size: 1.105vw;
	font-weight: bold;
	color:#e6e6e6;
	text-align: center;
}

.swiper-slide-text_top {
	bottom: initial;
	top:11.25vw;
	text-transform: uppercase;
	font-size: 2.947vw;
}

.swiper-slide-content .container {
	position: relative;
}

@media (max-width:767px) {
	.swiper-slide-link {
		width: 140px;
		bottom: -100px;
	}

	.swiper-slide-round {
		width: 140px;
		height: 140px;
	}

	.swiper-slide-round-text {
		font-size: 16px;
	}

	#d1 {
		padding-bottom: 140px;
	}

	#d1 .swiper-container {
		overflow: visible;
	}

	.swiper-slide-text_top {
		font-size: 24px;
		line-height: 1.4;
		top: initial;
		display: block;
		bottom: -160px;
		left: 10px;
	}

	.swiper-slide-text_top br {
		display: none;
	}

}