html,body {font-size:18px;line-height:24px;font-weight:300;background:#000;height: 100%;min-width: 320px;color: #e6e6e6;font-family: 'Open Sans', sans-serif;}
img{max-width: 100%}
h1{font-size: 65px;line-height: 70px;margin: 0;font-weight: 300;}
h3{font-size: 35px;line-height: 40px;margin: 15px 0 30px;color: #b86aff;font-weight: 300;}
h4{font-size: 24px;line-height: 32px;margin: 10px 0;font-weight: 300;}
p{margin: 15px 0;}
ul{margin: 15px 0;padding-left: 20px;}
a{color: #b86aff;}
a:hover{color: #7e1fff;text-decoration: none}
.main { min-height: 100%; min-width:320px;}
.goMid{max-width:1330px;margin:0 auto;position: relative}
.header{position: relative;height: 200px;}
.logo{position: absolute;left: 140px;top:65px;}
.desktop-menu{position: absolute;right: 125px;top:110px;display: flex;justify-content: space-between;left: 425px; align-items: flex-start}
.desktop-menu a{font-size: 24px;line-height: 30px;padding: 5px 0;text-decoration: none;color: #e6e6e6;border-bottom: solid 2px transparent;font-weight: 400;margin: 0 15px;}
.desktop-menu a:hover, .desktop-menu a.active{border-bottom-color: #b86aff;text-decoration: none}
.slider{font-size: 0;line-height: 0;white-space: nowrap;}
.slider-item{position: relative;}
.slider > .slider-item{display: inline-block;vertical-align: top;}
.slider-item > img{position: relative;z-index: 5}
.slider-content{max-width: 1300px;padding: 20% 90px 0;position: absolute;z-index: 10;top:0;width: 100%;left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.slider-name{font-size: 60px; line-height: 90px;font-weight: 400;}
.slider-caption{font-size: 32px;line-height: 40px;font-weight: 400;padding: 10px 0 20px;}
.btn-purple{display: inline-block;padding: 15px 20px;line-height: 30px;font-size: 22px;color: #e6e6e6;background: #b86aff;}
.btn-purple:hover{color: #e6e6e6;text-decoration: none;background: #7e1fff}
.slick-prev, .slick-next{width: 44px;height: 78px;top:50%;z-index: 5}
.slick-prev:before, .slick-next:before{display: none;}
.slick-prev, .slick-prev:hover, .slick-prev:focus{left: 75px;background: url("../images/icon-prev.png") no-repeat center center}
.slick-next, .slick-next:hover, .slick-next:focus{right: 75px;background: url("../images/icon-next.png") no-repeat center center}
.content{padding: 30px 90px;}
.bg-ornament, .bg-light{position: relative}
.bg-ornament:before, .bg-light:after {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url("../images/bg-pic.png");content: '';z-index: 10}
.bg-ornament:before{max-height: 1000px;}
.bg-ornament .goMid {position: relative;z-index: 20;background: #000;}
.bg-light:after{background: url("../images/bg-light.gif");content: '';z-index: 5;background-size: 100% 100%;}
.bg-ornament.bg-light:before,.bg-ornament.bg-light:after{max-height: 450px;}
.listen{position: relative;font-size: 0;line-height: 0;}
.listen > img{width: 100%}
.listen-desc2 {position: absolute;right: 0;width: 53%;top:50%;padding: 0 30px 0 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);}
.listen-desc {position: absolute;right: 0;width: 43%;top:50%;padding: 0 30px 0 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.listen-name{font-size: 60px;line-height: 70px;font-weight: 400;margin: 20px 0;}
.listen-desc p{font-size: 50px;line-height: 60px;margin: 15px 0;}
.moonlight .listen-name{font-weight: 700;}
.mobile-menu{display: none}
.menuTitle{display: block;text-align: left;padding: 10px 22px 10px 5px;font-size: 21px;color: #e6e6e6;line-height: 30px;cursor: pointer;font-weight: 300;z-index: 15;background: #b86aff;position: relative}
.menuTitle .caret{display: block;position: absolute;right: 5px;top: 20px;border: solid 7px transparent;width: 0;height: 0;border-top-color: #e6e6e6;}
.mobile-menu{margin: 0 auto; text-align: left;display: none;background: #b86aff;padding: 0 15px}
.mobile-menu .dropdown{max-width: 350px;margin: 0 auto}
.mobile-menu .dropdown-menu{width: 100%;margin: 0;border-radius: 0 0 5px 5px;padding: 0;font-size: 16px;border-top: 0;box-shadow: 0 0 5px #ddd;z-index: 1000;overflow: hidden}
.mobile-menu .dropdown-menu a{color: #231f20;text-decoration: none;padding: 5px 10px;font-weight: 400;display: block}
.mobile-menu .dropdown-menu li.active a{color: #231f20; background:#F3E7FE }
.mobile-menu .dropdown-menu a:hover{background: #e6e6e6;color: #b86aff}
.mobile-menu .dropdown-menu li.active a:hover{color: #231f20; background:#F3E7FE}
.main-rez{height: 200px; clear:both}
.footer {height: 200px;margin:-200px auto 0;min-width:320px;position: relative;}
.logo-footer{position: absolute;left: 155px;top:70px;}
.social{position: absolute;right: 600px;top:85px;left: 600px;text-align: center;font-size: 0;line-height: 0;}
.social a{display: inline-block;vertical-align: middle;margin: 0 5px;}
.everStudio{position: absolute;right: 155px;top:85px;font-size: 0;line-height: 0;}
.everStudio a{display: inline-block;margin-left: 5px;color: #e6e6e6;font-size: 13px;vertical-align: middle;line-height: 16px;}
.everStudio a.e-logo{display: inline-block;margin-left: 15px;font-size: 0;line-height: 0;}
.author{display: block;margin: 5px 0 25px;font-weight: 500;font-style: italic;color: #b86aff}
.color-purple{color: #b86aff}
.color-white, .color-white:hover {color: #e6e6e6}
.inner-title{position: relative;overflow: hidden}
.inner-title-img{width: 100%;position: relative;z-index: 5}
.inner-title h1{position: absolute;left: 140px;top:50%;z-index: 10;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.form{max-width: 750px;margin: 50px auto 30px}
.form-payment{max-width: 300px;}
.form .label{width: 100px;line-height: 30px;text-align: left;text-transform: uppercase;float: left;font-size: 15px;color: #e6e6e6;font-weight: 300;padding: 0 15px 0 0;white-space: normal;display: block}
.form .form-control{width: calc(100% - 100px);padding: 6px 8px;line-height: 18px;height: 30px;border-color: #e6e6e6;border-radius: 0;resize: vertical;background: #e6e6e6;color: #000;outline: 0!important;}
.form-actions{text-align: right;font-size: 0;line-height: 0}
.form .btn{padding: 6px 20px;font-size: 16px;line-height: 18px;height: 30px;border-radius: 0;border: none;color: #e6e6e6;text-transform: uppercase;margin-left: 10px;}
.form .btn-send{background: #b86aff;outline: 0!important;color: #e6e6e6}
.form .btn-clear{background: #000;outline: 0!important;color: #b86aff}
.form-payment.btn{margin: 0;}
.secMess{text-align: center;font-size: 24px;line-height: 30px;color: #b86aff;}
.errMess{text-align: center;font-size: 24px;line-height: 30px;color: red;}
.payment-controls{padding-left: 100px;text-align: center}
.map{font-size: 0;line-height: 0;border-top: solid 5px #b86aff}
.gallery-big{position: relative;margin: 10px 0 20px;}
.gallery .slick-slide img{width: 100%}
.gallery-prev{margin: 0 0 30px;}
.gallery-prev .slick-track{width:auto!important;transform:none!important;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin: 0}
.gallery-prev .slick-slide{width: 19%;margin: 0 0 15px}
.gallery-prev .slick-track:before, .gallery-prev .slick-track:after{display: none}
.lang{position: absolute;right: 45px;top: 20px;line-height: 0;font-size: 0}
.lang a{display: inline-block;margin: 0 4px;color: #fff;font-weight: 400;padding: 0 6px 4px;font-size: 18px;line-height: 24px;}
.lang a.active{border-bottom: solid 2px #b86aff;}
@media screen and (max-width: 1899px){
    .logo{left: 80px;}
    .inner-title h1{left: 80px;}
    .desktop-menu{right: 45px;left: 345px;}
    .desktop-menu a{font-size: 18px;margin: 0 10px;}
    .slick-prev, .slick-prev:hover, .slick-prev:focus{left: 35px}
    .slick-next, .slick-next:hover, .slick-next:focus{right: 35px}
    .slider-name{font-size: 45px;line-height:60px;}
    .slider-caption{font-size: 26px;line-height: 36px;}
    .btn-purple{line-height: 26px;padding: 10px 15px;}
    h3{font-size: 30px;line-height: 36px;}
    h4{font-size: 22px;line-height: 28px;}
    .logo-footer{left: 80px;}
    .everStudio{right: 80px;}
    .social{left: 550px;right: 550px;}
}
@media screen and (max-width: 1439px){
    .logo{top:30px;}
    .desktop-menu{left: 30px;right: 30px;top:140px;}
    .lang{right: 30px}
    .slick-prev, .slick-prev:hover, .slick-prev:focus{left: 0;background-size: 60%;}
    .slick-next, .slick-next:hover, .slick-next:focus{right: 0;background-size: 60%;}
    .slider-content{padding: 15% 60px 0}
    .content{padding: 30px 60px;}
    .logo-footer{top:30px;left: 60px;}
    .everStudio{right: 60px;}
    .social{left: 60px;right: auto;top:120px;}
    .listen-name{font-size: 50px;line-height: 50px;}
    .listen-desc p{font-size: 40px;line-height: 40px;}
    h1{font-size: 40px;line-height: 46px;}
}
@media screen and (max-width: 1199px) {
    .desktop-menu a{font-size: 16px;}
    .slider-content{padding-top: 10%;}
    .btn-purple{font-size: 16px;}
    .content{padding: 20px 30px;}
    .form .label{float: none;width: 100%;margin: 0 0 5px;text-align: left;line-height: 16px;padding: 0 0 0 5px;}
    .form .form-control{width: 100%}
    .payment-controls{padding: 0;}
}

@media screen and (max-width: 991px) {
    .desktop-menu{left: 15px;right: 15px;}
    .lang{right: 15px}
    .desktop-menu a{font-size: 14px;margin: 0 5px;line-height: 20px;}
    .slider-content{padding-top: 5%;}
    .btn-purple{font-size: 14px;line-height: 18px;padding: 10px;}
    h1{font-size: 30px;line-height: 36px;}

}
@media screen and (max-width: 767px) {
    .header{height: auto;}
    .logo{position: static;text-align: center;padding: 25px;}
    .desktop-menu{display: none;}
    .slick-prev, .slick-next{display: none!important;}
    .slider-name{font-size: 30px;line-height: 36px;}
    .slider-content{padding: 15px;left: 0;top:50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .slider-item > img{min-height: 150px;}
    .slider-caption{font-size: 20px;line-height: 26px;padding: 10px 0}
    .btn-purple{font-size: 10px;padding: 5px 8px;}
    .content{padding: 15px;}
    h3{font-size: 20px;line-height: 24px;margin: 10px 0 15px;}
    h4{font-size: 18px;line-height: 22px;margin: 10px 0;}
    html, body{font-size: 14px;line-height: 18px;}
    .listen-name{font-size: 22px;line-height: 26px;margin:5px 0;}
    .listen-desc p{font-size: 18px;line-height: 24px;margin: 5px 0;}
    .listen-desc img {max-width: 50px;}
    .main{min-height:0;}
    .main-rez{display: none;}
    .footer{height: auto;margin: 0;}
    .logo-footer{position: static;text-align: center;padding: 20px 50px;}
    .social{position: static;text-align: center;padding: 20px;}
    .everStudio{position: static;padding: 20px;text-align: center}
    .mobile-menu{display: block}
    .everStudio a{margin: 8px;}
    .everStudio a.e-logo{display: block;margin: 8px 0}
    .inner-title h1{position: relative;padding: 30px 15px;z-index: 10;top:0;left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .inner-title-img{position: absolute;left: 0;height: 100%;width: auto;min-width: 100%;z-index: 5;max-width: inherit;}
}
@media screen and (max-width: 479px) {
    .slider-name{font-size: 25px;line-height: 29px;}
    .slider-caption{font-size: 12px;line-height: 16px;padding: 8px 0}
    .btn-purple{padding: 0 5px;font-size: 7px;}
    .slider-item > img{height: 150px;max-width: inherit}

    .listen-desc{padding: 0 15px 0 0; width: 63%}
    .listen-name{font-size: 16px;line-height: 20px;margin: 0;}
    .listen-desc p{font-size: 14px;line-height: 20px;margin: 4px 0}
    .listen-desc img {max-width: 30px;}
    html, body{font-size: 12px;line-height: 16px;}
    .signature{max-width: 50%}
    .gallery-prev .slick-slide{width: 30%}
    .lang{top: 10px}
}