Your IP : 18.116.69.195

Current Path : /home/bitrix/ext_www/vela.ballu.in.ua/css/
Upload File :
Current File : /home/bitrix/ext_www/vela.ballu.in.ua/css/style.css

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
}

@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;
}

/*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: 12.760vw; /*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;
    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: 4.010vw; /*77px*/
    overflow: hidden;
    box-sizing: border-box;
    height: 7.292vw;
    padding: 0.208vw 0 0 1.563vw;
}

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;
    display: block;
    height: initial;
    padding-bottom: 15px;
}

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;
    padding-bottom: 9px;
}

@media (max-width: 1024px) {
    header.fixed .h1 span.hwrapper {
        padding-bottom: 0;
    }
}


header .h1 strong {
    color: #FFC906;
    font-size: 3.125vw; /*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.3vw;
    max-width: 13vw;
}

.fixed.showed .fixed-shown {
    display: flex !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;
    top: 11vw;
    font-size: 2vw;
    color: #fff;
    width: 82%;
    left: 9%;
}


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

}

#d2 .mk1 {
    right: -70%;
    top: 3vw;
}

.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: 100vw;

    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: left;
    -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: -5vw; /*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: 140.417vw; /*3080*/
    /*display:none;*/
    visibility: hidden;
}

#sub5 .sub-wrapper:last-child {
    margin-top: 15vw;
}

#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 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*/
}

.diff {
    position: relative;

    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;
    width: 100%;
}

.diff .item:hover .light-wrapper {
    opacity: 1;
}


.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;
}

.gray {
    color: #8b8b8a;
}

.diff .item.left {
    width: 40%;
}

.diff .item.left .text-wrapper {
    float: left;
}

.diff .item.right {
    width: 42%;
}

.diff .item.right .text-wrapper {
    float: right;
    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: 38.510vw; /*605*/
    margin-right: 0vw; /*50*/
    float: right;
    margin-top: 15vw; /*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 {

    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-bottom: 6.2vw;

}

.d5-block .actions .button {
    margin-bottom: 1.042vw; /*20px*/
    margin-right: 10vw;
}

.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: #090c12;
    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 {
    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 0;
}

.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: 0;
    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: 0;
    position: static;
    border: 1px #8b8b8a solid;
    margin-top: 0;
    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: 0 !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: 5vw;
}

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;
        text-align: left;
        font-size: 20px;
        flex-grow: 0;
    }

    #hamburger-icon.active + nav {
        opacity: 1;
        visibility: visible;
        top: 10vw;
    }

    nav em {
        background: transparent url('../images/logo.png') 40px 0 no-repeat;
        background-size: 40%;
        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: 16.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 .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;
        width: 100%;
    }

    #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 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;

    }

    #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 0;
    }

    .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;
}

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

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

@media (max-width: 767px) and (orientation: portrait) {
    .rotate {
        display: block;
    }

    .d5-block .table-set {
        overflow: hidden;
    }
}

@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;
}

.diff-conteiner .swiper-wrapper {

}

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

.price {
    display: flex !important;
}

.d5-1-block h2 {

}

.gallery {
    display: flex;
    width: 100%;
}

.gallery__left {
    width: 460px;
    margin-right: 20px;
}

.gallery__middle {
    width: 300px;
    margin-right: 20px;
}

.gallery__right {
    width: 780px;
    display: flex;
    flex-wrap: wrap;
}

.gallery__item {
    background-size: cover;
    background-position: center;
    min-height: 220px;
    margin-bottom: 20px;
    filter: grayscale(100%);
    transition: .3s;
}

.gallery__item:hover {
    filter: none;
}

.gallery__item a {
    width: 100%;
    height: 100%;
    display: block;
}

.gallery__item img {
    opacity: 0;
}

.photo1 {
    background-image: url("../images/gallery/1.png");
}

.photo2 {
    height: 460px;
    background-image: url("../images/gallery/2.png");
}

.photo3 {
    background-image: url("../images/gallery/3.png");
    height: 700px;
}

.photo4 {
    width: 100%;
    height: 460px;
    background-image: url("../images/gallery/4.png");
}

.photo5 {
    width: 300px;
    background-image: url("../images/gallery/5.png");
    margin-right: 20px;
}

.photo6 {
    width: calc(100% - 300px - 20px);
    background-image: url("../images/gallery/6.png");
}

.gallery__mobile {
    display: none;
}

@media (max-width: 767px) {
    .gallery__item {
        width: 100%;
        height: 220px;
        margin-right: 0;
    }

    .gallery {
        flex-wrap: wrap;
    }

    .gallery__left,
    .gallery__middle,
    .gallery__right {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        /*display: none;*/
    }

    #left-vella {
        display: none;
    }

    .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;
    }

    .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;
    }

    header .h1 {
        display: none;
    }

    .gallery {
        display: none;
    }

    .gallery__mobile {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .gallery__mobile img {
        opacity: 1;
        display: block;
    }

    .gallery__mobile__item {
        width: 100%;
        height: 300px;
        background-size: cover;
        background-position: center;
    }

    .gallery__mobile__item img {
        display: none;
    }

}

@media (max-width: 767px) and  (orientation: landscape) {

    #left-vella {
        display: block;
    }

    .vela-learn-title {
        font-size: 5vw;
    }

    .vela-learn-name, .vela-learn-name span, .button-vela, .vela-learn-price {
        font-size: 3vw;
    }

    .vela-learn-info {
        width: 40%;
        margin-left: auto;
    }

}