Your IP : 18.218.189.11
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;
}
}