html,
body {
    height: 100%;
    font-family: 'Open Sans',Arial,sans-serif;
    font-weight: 300;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -350px;
    padding: 0 0 350px;
}

.wrap > .container {
    padding: 20px 15px 20px;
}
b, strong {
    font-weight: 700;
}
.h2{
    font-size: 48px;
    color: black;
    font-weight: 700;
    padding: 20px 10px;
}
.h3{
    font-size: 36px;
    color: black;
    font-weight: 700;
}
.h4{
    font-size: 24px;
    color: black;
    font-weight: 700;
    margin-bottom: 24px;
}
.h5{
    font-size: 22px;
    color: black;
    font-weight: 700;
}
.h6{
    font-size: 20px;
    color: black;
    font-weight: 700;
}
.fw-700{
    font-weight: 700;
}
.text-line-through{
    text-decoration: line-through;
}
.footer {
    padding-top: 30px;
    padding-bottom: 60px;
    background-color: #ffffff;
}
.footer .navbar-brand img {
    width: 70px;
}
button:focus {
    outline: none;
}
:focus {
    outline: white auto 5px;
}
.cursor-pointer{
    cursor: pointer;
}
/*Loader*/
.sk-rotating-plane {
    width: 50px;
    height: 50px;
    margin: auto;
    background-color: rgb(255, 215, 0);
    animation: sk-rotating-plane 1.6s infinite ease-in-out;
}
@keyframes sk-rotating-plane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
/*END Loader*/

.jumbotron {
    text-align: center;
    height: calc(100vh - 81px);
    width: 100%;
    /*background-image: url(../picts/img-bg.jpg);*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 0;
}
.jumbotron-chevron-down{
    position: absolute;
    z-index: 9;
    bottom: 40px;
    right: 0;
    left: 0;
    text-align: center;
}
.jumbotron-chevron-down i{
    display: inline-block;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    cursor: pointer;
    animation: t-arrow-bottom 1.7s infinite ease;
    color: white;
    font-size: 40px;
}
@-webkit-keyframes t-arrow-bottom{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-webkit-transform:translateY(-7px);-o-transform:translateY(-7px);transform:translateY(-7px)}55%{-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-webkit-transform:translateY(-7px);-o-transform:translateY(-7px);transform:translateY(-7px)}100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes t-arrow-bottom{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-webkit-transform:translateY(-7px);-o-transform:translateY(-7px);transform:translateY(-7px)}55%{-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-webkit-transform:translateY(-7px);-o-transform:translateY(-7px);transform:translateY(-7px)}100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.t-cover__arrow-wrapper_animated{animation:t-arrow-bottom 1.7s infinite ease}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}
.tracking-in-expand{
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
.scale-in-center {
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.scale-up-center {
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
:-moz-placeholder {
    opacity: 1;
    color: #a0a8b3;
}
::-moz-placeholder {
    opacity: 1;
    color: #a0a8b3;
}
::-webkit-input-placeholder {
    opacity: 1;
    color: #a0a8b3;
}
:-ms-input-placeholder {
    opacity: 1;
    color: #a0a8b3;
}

.content-video img, .content-images img{
    max-width: 100%!important;
    height: auto;
    border: 1px #9E9E9E solid;
}
.text-block{
    padding-top: 120px;
    padding-bottom: 90px;
    background-color: #eeeeee;
}
.text-block .h2, .text-block .h3{
    text-align: center;
}
.text-block p{
    text-align: justify;
    font-size: 20px;
    line-height: 1.55;
}
.about-block{
    padding-top: 60px;
    padding-bottom: 60px;
}
.about-block .h2, .about-block .h3{
    text-align: center;
    margin-bottom: 40px;
}
.about-block p{
    text-align: justify;
    font-size: 22px;
    line-height: 2;
}

.product-keys-block{
    padding-top: 60px;
    padding-bottom: 50px;
    background-color: #f2f2f2;
}
.product-keys-block .h2, .product-keys-block .h3,
.product-photos-block .h2, .product-photos-block .h3{
    text-align: center;
    margin-bottom: 40px;
}
.product-keys-block .h2,
.product-custom-block .h2,
.product-photos-block .h2
{
    font-size: 42px;
}
.product-keys-block .h3,
.product-custom-block .h3,
.product-photos-block .h3{
    font-size: 36px;
}
.product-keys-block p{
    text-align: justify;
    font-size: 20px;
    line-height: 1.55;
}
.product-photos-block .h2{
    padding-top: 60px;
    padding-bottom: 30px;
}
.product-photos-block .content-images{
    display: block;
    height: 280px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.product-custom-block .content-images{
    display: block;
    padding-bottom: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.product-photos-block [class*="col-"],
.product-custom-block [class*="col-"]{
    padding: 15px;
}
.product-keys-block [class*="col-"]{
    display: flex;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
    color: #000;
    padding: 25px 0;
}
.product-keys-block .product-keys-ico {
    color: #238181;
    font-size: 30px;
    width: 60px;
    min-height: 40px;
    min-width: 60px;
}
.product-sum-up-block{
    padding-top: 60px;
    padding-bottom: 90px;
    background-color: #f2f2f2;
}
.product-sum-up-block [class*="col-"],
.footer-block [class*="col-"] {
    display: flex;
    font-size: 22px;
    line-height: 1.35;
    color: #000;
    padding: 25px 15px;
}
.product-sum-up-block .product-sum-under-title,
.footer-block .product-sum-under-title{
    text-align: center;
    display: block;
    font-size: 24px;
    line-height: 1.5;
    padding: 25px 15px 50px 15px;
}
.product-sum-up-block .product-sum-ico,
.footer-block .product-sum-ico {
    color: #28a745;
    font-size: 30px;
    min-width: 60px;
    min-height: 40px;
}
.product-sum-title{
    font-size: 20px;
    line-height: 1.35;
    margin-bottom: 15px;
    font-weight: 700;
}
.product-sum-text{
    font-size: 18px;
    line-height: 1.55;
    font-weight: 300;
}
.product-faq-block{
    padding-top: 90px;
    padding-bottom: 150px;
}
.product-faq-block [class*="col-"]{
    display: flex;
    font-size: 22px;
    line-height: 1.35;
    color: #000;
    padding: 25px 15px;
}
.product-faq-block .product-faq-under-title{
    text-align: center;
    display: block;
    font-size: 24px;
    line-height: 1.5;
    padding: 25px 15px 50px 15px;
}
#comment-form{
    max-width: 730px;
    margin: 0 auto;
}
.card-body {
    margin-bottom: 15px;
}
#faq .btn-link{
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    text-align: left;
    width: 90%;
    padding-left: 0;
}
.card-header {
    background-color: white;
    border-bottom: none;
}
.card-header i{
    color: #238181;
}
.card {
    border-right: none;
    border-left: none;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
.navbar-collapse{
    letter-spacing: -0.9px;
}
.navbar-brand{
    margin-right: 5px;
}
#navbar-collapse .navbar-brand img{
    max-height: 60px;
}
.navbar-light .navbar-nav .nav-link {
    color: black;
}
.site-index{
    margin-top: 70px;
}
#mainMenu{
    font-weight: 700;
    z-index: 1031;
    background-color: white;
}
#ddLang_show{
    text-align: center;
}
.btn-buy{
    color: #ffffff;
    background-color: #cc1808;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    height: 40px;
    font-size: 18px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn-buy:hover{
    background-color: #ffee00;
}
.index-title{
    color: #fff;
    padding: 16% 0 38px 0;
    letter-spacing: -0.9px;
    font-weight: 700;
    font-size: 72px;
    vertical-align: middle;
}
.index-title-descr{
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 0 0 30px 0;
    font-size: 24px;
}
.footer-social a{
    margin: 10px 15px 0 0;
    text-decoration: none;
    color: rgb(43, 51, 53);
}
.icon-instagram:hover{
    color: #FF9800;
}
.icon-youtube:hover{
    color: rgba(255, 42, 42, 0.84);
}
.icon-facebook:hover{
    color: #0089bf;
}
.copyright{
    color: #525252;
    margin-top: 50px;
    font-size: 12px;
}
.footer-pages div, .footer-contacts{
    padding-top: 10px;
}
.footer-pages a, .footer-contacts, .footer-contacts a{
    font-size: 14px;
    line-height: 1.55;
    color: black;
    text-decoration: none;
}
.footer-titles, .footer-titles a{
    padding-top: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 14px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.35;
    color: black;
    text-decoration: none;
}
.footer a:hover{
    color: rgba(0, 0, 0, 0.7);
}
.contact-block{
    background-color: rgb(41, 34, 28);
    padding: 4% 0 35px 0;
}
.contact-width{
    max-width: 560px;
}
.contact-title{
    color: #fff;
    margin-bottom: 40px;
    font-size: 42px;
    line-height: 1.23;
    font-weight: 700;
    text-align: center;
}
.contact-decsr{
    color: #fff;
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 1.55;
    text-align: center;
}
.form-control-contact, .field-contactform-verifycode img {
    width: 100%;
    outline: none;
    color: #000000;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.33;
    height: 56px;
    background-color: #ffffff;
    border: 0;
}
.btn-orange{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    border-radius: 30px;
    color: black;
    background: #ffee00;
    width: auto;
    height: 60px;
    line-height: 56px;
    font-size: 18px;
    padding: 0 25px;
    margin-top: 30px;
}
.btn-orange:hover {
    box-shadow: 0 0 0 0.1rem #ffee00!important;
    background: #ffffff;
}
#contact-form-body .btn-orange{
    width: 100%;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    margin-top: 0;
}
.contact-under-text{
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    opacity: .7;
    font-size: 15px;
    line-height: 1.55;
    text-align: center;
}
.products-block .h2{
    margin-bottom: 60px;
}
.products-block img{
    width: 100%;
}

a.content-video:after {
    content: '';
    display: block;
    width: 70px;
    height: 50px;
    background: url(../picts/video.svg) no-repeat;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 35px);
    opacity: 1;
}
a.content-video {
    position: relative;
}
.index-products-descr{
    font-size: 18px;
    line-height: 1.55;
}
.index-products-descr img{
    margin: 15px;
}
.index-products-descr ul{
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}
.block-separator{
    margin-bottom: 80px;
}
.products-descr{
    font-size: 18px;
    line-height: 1.55;
}
.products-descr img{
    margin: 15px;
}
.products-descr ul{
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}
.product-photo-block{
    padding-top: 70px;
    padding-bottom: 60px;
    background-color: #FAFAFA;
}
.news-all-block{
    padding-top: 70px;
    padding-bottom: 60px;
    background-color: #2e2e2e;
}
.news-all-block h1{
    color: white;
    margin-bottom: 60px;
    font-size: 38px;
    line-height: 1.23;
    font-weight: 700;
}
.one-block-article{
    background-color: #212121;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 100%;
}
#news-all a, #news-all a:hover{
    color: #808080;
    text-decoration: none;
}
.one-block-article .layer-2{
    align-content: space-between;
    padding: 15px;
    height: 100%;
}
.one-block-article .layer-2-title{
    font-size: 18px;
    font-weight: 700;
    color: white;
    margin-bottom: 15px;
}
.btn-orange-news{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    border-radius: 30px;
    width: auto;
    height: 46px;
    line-height: 44px;
    font-size: 16px;
    padding: 0 15px;
    margin-top: 30px;
    text-align: center;
    border: white solid 1px;
    color: white;
    min-width: 160px;
    background-color: transparent;
}
.btn-orange-news:hover{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    border-radius: 30px;
    border: #ffee00 solid 1px;
    color: black;
    background: #ffee00;
    width: auto;
    height: 46px;
    line-height: 44px;
    font-size: 18px;
    padding: 0 15px;
    margin-top: 30px;
    text-align: center;
}
.btn-orange-news-more{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    font-weight: 700;
    border-radius: 30px;
    border: #ffee00 solid 1px;
    color: black;
    background: #ffee00;
    width: auto;
    height: 54px;
    line-height: 44px;
    font-size: 18px;
    padding: 0 25px;
    margin-top: 30px;
    text-align: center;
}
.btn-orange-news-more:hover{
    font-size: 20px;
}
.div-more svg {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    fill: #e5c908;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.layer-2-date{
    text-align: right;
    font-size: 14px;
    color:white;

}
.product-photo-block .content-images,
.product-similar-block .similar-images{
    display: block;
    padding-bottom: 68.571%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.product-similar-block .similar-bg{
    border: 1px solid #edecec;
    background-color: #f5f5f5;
    height: 100%;
}
.product-similar-block .similar-title{
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 15px;

}
.product-photo-one a.content-images:after {
    content: "\f00e";
    position: absolute;
    bottom: 0;
    right: 10px;
    color: white;
    font-size: 30px;
    opacity: 0.3;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
a.content-images:hover:after {
    opacity: 1;
    font-size: 40px;
}
.product-photo-one{
    padding: 15px;
    background-color: white;
    border: solid #f8f5f5 3px;
}
.product-photo-slider-one{
    padding: 5px;
    background-color: white;
    border: solid #f8f5f5 3px;
}
.product-photo-block h1{
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 50px;
}
.product-one-price-block{
    border-top: 1px solid #eee;
    padding-top: 23px;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 700;
}
.product-one-price-block .price-old{
    color: #b7b7b7;
}
.product-one-price-block .product-one-prices{
    font-size: 16px;
    font-family: 'Open Sans',Arial,sans-serif;
    font-weight: 300;
}
.product-one-price-block .product-one-prices i{
    color: #b7b7b7;
}
.product-one-price-block .product-one-price-top-border{
    border-top: 1px solid #eee;
    margin-top: 15px;
    padding-top: 5px;
}
.product-video-block{
    padding-top: 60px;
    padding-bottom: 90px;
}
.product-video-block img{
    width: 100%;
}
.article-block{
    background-color: #2e2e2e;
    padding-top: 70px;
    padding-bottom: 60px;
}
.article-block h1{
    color: white;
    font-size: 36px;
    font-weight: 700;
}
.article-text{
    background-color: #212121;
    color: white;
    font-size: 18px;
}
.article-text a,
.article-text a:hover{
    color: #FFC107;
}
.article-ico {
    background-color: #212121;
}
.article-ico a{
    color: white;
    padding: 0 10px;
    text-decoration: none;
}
.article-ico a i{
     font-size: 26px!important;
}
.article-ico a:hover{
    color: #FFC107;
}
.help-block {
    color: red;
}
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.slick-arrow {
    width: 15px;
    height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    cursor: pointer;
    z-index: 1;
    opacity: 0.5;
}
.slick-arrow:hover {
    opacity: 0.7;
}
.slick-arrow.slick-prev {
    left: -32px;
}
.slick-arrow.slick-next {
    right: -15px;
}
.section-reviews .fa-chevron-circle-right:before,
.section-reviews .fa-chevron-circle-left:before{
    -webkit-text-stroke: 1px white;
    color: #3F51B5;
}
.section-reviews__slide {
    padding: 10px 15px;
}
.section-reviews__item {
    padding: 27px 20px 36px;
    border-radius: 10px;
    border: 1px dashed #607D8B;
    background: #fafafa;
    text-align: center;
    position: relative;
    margin-bottom: 14px;
    min-height: 310px;
}
.slick-active .section-reviews__item{
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.section-reviews__stars{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: -9px;
    right: 0;
}
.section-reviews__stars span{
    display: block;
    width: 16px;
    height: 16px;
    background: url(../picts/star-inactive.svg) no-repeat;
}
.section-reviews__stars[data-rate="1"] span:nth-child(1),.section-reviews__stars[data-rate="2"] span:nth-child(-n+2),.section-reviews__stars[data-rate="3"] span:nth-child(-n+3),.section-reviews__stars[data-rate="4"] span:nth-child(-n+4),.section-reviews__stars[data-rate="5"] span:nth-child(-n+5){background: url(../picts/star-active.svg) no-repeat;}
.section-reviews__title{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 17px;
}
.section-reviews__name {
    display: table;
    font-size: 13px;
    line-height: 17px;
    color: #94abb6;
    position: relative;
    padding-left: 21px;
    margin: 0 auto;
}
.text-next {
    display: none;
}
.text-more {
    color: #607D8B;
    font-size: 24px;
}
.section-reviews form {
    max-width: 500px;
    margin: 0 auto;
}
#comment-email, #proposition_email {
    background: #fff url(../picts/email-icon.svg) no-repeat 9px 9px / 19px auto;
    padding: 0 10px 0 36px;
}
#comment-author {
    background: #fff url(../picts/user.svg) no-repeat 10px 10px / 14px auto;
    padding: 0 10px 0 36px;
}
#comment-form #comment-email, #comment-form #comment-author{
    margin-top: 28px;
}
.text-more {
    color: #FF9800;
    font-size: 28px;
}
@media (max-width: 1024px) {
    .section-reviews__item {
        min-height: 315px;
    }
    .slick-arrow.slick-prev{
        left: -20px;
    }
    .slick-arrow.slick-next{
        right: -2px;
    }
}
@media (max-width: 768px) {
    .section-reviews__item {
        min-height: 245px;
    }
    .section-reviews__slider{
        margin: 0 10px;
        padding: 10px 0;
    }
    .slick-arrow.slick-prev{
        left: -19px;
        opacity: 0.1;
    }
    .slick-arrow.slick-next{
        right: -2px;
        opacity: 0.1;
    }
}
/*-------------------------------------------------------------- */
/* Popup
-----------------------------------------------------------------------------*/
.popup{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(96, 125, 139, 0.45);
    display: none;
    z-index: 100;
    overflow-y: scroll;
}
.popup__overlay{
    position: absolute;
    top: 150px;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: flex-start;
}
.popup__overlay-close{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
}
.popup__window{
    position: relative;
    width: 360px;
    max-width: 96%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 102;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition:  all 0.3s ease-out 0s;
    -o-transition:  all 0.3s ease-out 0s;
    transition:  all 0.3s ease-out 0s;
    opacity: 0;
}
.popup__decor{
    content: '';
    display: block;
    width: 780px;
    height: 845px;
    background: url(../picts/popup-bg.png) no-repeat 0 0 / 100% 100%;
    position: absolute;
    top: -200px;
    left: -200px;
    opacity: 0.5
}
.popup__window-inner{
    position: relative;
    padding: 32px 38px 41px;
    z-index: 1;
    border-radius: 12px;
    border: 1px dashed #397ab2;
    background: #f9f9f9;
}
.popup__window_opened{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.popup__close{
    width: 12px;
    height: 12px;
    font-size: 20px;
    color: #397ab2;
    position: absolute;
    top: 20px;
    right: 22px;
    cursor: pointer;
    -webkit-text-stroke: 1px #EEEEEE;
}
.popup__close svg{
    fill: #1f7bb0;
}
.popup__container{
    margin: 0 auto;
}
.popup__headline{
    font-size: 22px;
    font-weight: 900;
    color: #283593;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 19px;
}
.popup__mes_validate{
    color: #FF5722;
    text-align: center;
}
.popup__text{
    font-size: 15px;
    line-height: 25px;
    color: #37474F;
    margin: 0 auto 15px;
    text-align: center;
}
.popup__text_answer{
    max-width: 220px;
    font-size: 15px;
    line-height: 15px;
    color: #ffeb3b;
    margin: 0 auto 33px;
    text-align: center;
}
.popup__form-remark span{
    color: #f6ef1a;
}
#popup-booking .popup__form-btn .button
{
    width: 100%;
    padding: 9px 16px 12px;
}
.popup__form-error{
    margin: -6px 0 15px;
    font-size: 11px;
    font-style: italic;
    line-height: 13px;
    text-align: center;
    color: #e04e8f;
}
#popup-booking-thankyou .popup__window-inner{
    padding: 32px 38px 26px;
}
#popup-booking-thankyou .popup__decor{
    height: 550px;
    opacity: 0.6;
}
.popup-thankyou{
    padding: 16px 0 0;
}
.popup-thankyou__headline{
    font-size: 18px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 21px;
}
.popup-thankyou__text{
    font-size: 13px;
    color: #a0a8b3;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 26px;
}
.popup-thankyou__icon{
    width: 47px;
    height: 47px;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 auto;
    cursor: pointer;
}

/*------------------------------------------------- */



@media screen and (max-width: 1200px){
    #mainMenu {
        background-color: #111;
    }
    .navbar-light .navbar-toggler {
        color: rgba(255, 255, 255, 0.5)!important;
        border-color: rgba(255, 255, 255, 0.1)!important;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='5' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    #navbar-collapse{
        background-color: white;
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: -7px;
        margin-top: 10px;
        text-align: center;
    }
    .product-faq-block {
        padding-top: 30px;
        padding-bottom: 90px;
    }
    .product-faq-block .product-faq-under-title{
        padding: 15px 15px 30px 15px;
    }
    .text-block p{
        font-size: 18px;
    }
    .contact-title{
        font-size: 38px;
    }
    .contact-decsr{
        font-size: 18px;
    }
    .contact-under-text{
        font-size: 14px;
    }
    .contact-width{
        max-width: 460px;
    }
    .index-products-descr{
        font-size: 16px;
    }
    .block-separator {
        margin-bottom: 60px;
    }
    .text-block {
        padding-top: 90px;
        padding-bottom: 60px;
    }
}

@media(max-width:992px) {
    .h4{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .footer{
        text-align: center;
        padding-bottom: 30px;
    }
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
    .btn-buy{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .site-index{
        margin-top: 50px;
    }
    .index-title{
        color: #fff;
        padding: 10px 0 10px 0;
        letter-spacing: .5px;
        font-weight: 700;
        font-size: 40px;
    }
    .text-block{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .text-block p{
        font-size: 16px;
        line-height: 1.45;
    }
    .about-block, .product-faq-block{
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .about-block .h2, .about-block .h3 {
        margin-bottom: 10px;
    }
    .about-block p{
        font-size: 20px;
        line-height: 1.6;
    }
    .contact-title{
        font-size: 30px;
        margin-bottom: 18px;
    }
    .contact-decsr{
        font-size: 16px;
        line-height: 1.45;
    }
    .contact-under-text{
        font-size: 12px;
        line-height: 1.45;
    }
    .product-keys-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .product-keys-block .h2, .product-keys-block .h3, .product-photos-block .h2, .product-photos-block .h3 {
        margin-bottom: 10px;
    }
    .products-block .h2{
        margin-bottom: 45px;
    }
    .product-keys-block [class*="col-"] {
        padding: 15px 0;
    }
    .index-products-descr{
        font-size: 14px;
        line-height: 1.45;
    }
    .products-descr{
        font-size: 16px;
    }
    .block-separator{
        margin-bottom: 25px;
    }
    .product-sum-up-block {
        padding-bottom: 40px;
        padding-top: 30px;
    }
    .product-sum-up-block .product-sum-under-title,
    .footer-block .product-sum-under-title,
    .product-faq-block .product-faq-under-title {
        padding: 10px 15px 20px 15px;
    }
    .product-photos-block .h2 {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .product-sum-up-block [class*="col-"], .footer-block [class*="col-"] {
        padding: 15px;
    }
    .product-video-block {
        padding-top: 20px;
        padding-bottom: 40px;
    }

}


@media(max-width:576px) {
    .h2{
        font-size: 38px;
    }
    .h3{
        font-size: 30px;
    }
    .h4{
        font-size: 22px;
    }
    .h5{
        font-size: 21px;
    }
    .product-keys-block .h2, .product-custom-block .h2, .product-photos-block .h2 {
        font-size: 30px;
    }
    .product-photos-block .h2 {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .about-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .product-faq-block {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .text-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .about-block .h2, .about-block .h3 {
        margin-bottom: 20px;
    }
    .product-keys-block {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .product-keys-block .h2, .product-keys-block .h3, .product-photos-block .h2, .product-photos-block .h3 {
        margin-bottom: 0;
    }
    .product-keys-block [class*="col-"] {
        padding: 15px 0;
    }
    .block-separator {
        margin-bottom: 30px;
    }
    .products-block .h2 {
        margin-bottom: 15px;
    }
    .product-faq-block .product-faq-under-title {
        padding: 15px 0 20px 0;
    }
    .product-faq-block [class*="col-"] {
        padding: 0;
    }
    .card-body {
        margin-bottom: 0;
        padding: 10px;
    }
    .card-header {
        padding: 5px 15px;
    }
    .contact-decsr {
        margin-bottom: 20px;
    }
    .contact-block {
        padding: 7% 0 10px 0;
    }
    .product-sum-up-block .product-sum-under-title, .footer-block .product-sum-under-title {
        padding: 0 15px 10px 15px;
    }
    .product-sum-up-block [class*="col-"], .footer-block [class*="col-"] {
        padding: 20px 5px 0 5px
    }
    .footer {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .footer-titles, .footer-titles a {
        margin: 5px 0;
    }
    .news-all-block {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .news-all-block h1 {
        margin-bottom: 30px;
    }
    .copyright {
        margin-top: 30px;
    }
    .article-block {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .product-sum-up-block {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .product-sum-up-block .h2{
        padding-top: 20px;
        padding-bottom: 0;
        margin: 0;
    }
}