/* ==========================================================================
HEADER
========================================================================== */

.row-header{
    position: absolute;
    z-index: 1;
    top: 60px;
    width: 100%;
}

/* nav */

.header-nav ul{
    display: flex;

    gap: 10px 40px ;
    flex-wrap: wrap;
    justify-content: end;
}

.header-nav ul li a{
    font-size: 16px;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border-bottom: 1px solid transparent;
}

.header-nav ul li a:hover{
    border-color: #a8ff00;
}

/* btn */

.header-btn{
    display: flex;

    justify-content: flex-end;
}

.header-btn span{
    font-size: 16px;
    display: flex;
    width: 240px;
    height: 50px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 25px;
    background: #000;

    align-items: center;
    justify-content: center;
}

.header-btn span:hover{
    border-color: #5dac00;
    border-radius: 30px;
    background: #5dac00;
}

/* ==========================================================================
INDEX SLIDER
========================================================================== */

.index-slider{
    visibility: hidden;
    opacity: 0;
}

.index-slider.slick-initialized{
    visibility: visible;
    opacity: 1;
}

/* arrow */

.index-slider .slick-prev{
    font-size: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 15px;
    width: 39.5px;
    height: 75px;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    transform: translate(0, -50%);
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2275%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2075%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M39.5%2073%204%2037.5%2039.5%202l-2-2L0%2037.5%2037.5%2075l2-2Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') center top / contain no-repeat;
}

.index-slider .slick-prev:hover{
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2275%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2075%22%3E%3Cpath%20fill%3D%22%23A8FF00%22%20fill-rule%3D%22evenodd%22%20d%3D%22M39.5%2073%204%2037.5%2039.5%202l-2-2L0%2037.5%2037.5%2075l2-2Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') center top / contain no-repeat;
}



.index-slider .slick-next{
    font-size: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 15px;
    width: 39.5px;
    height: 75px;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    transform: translate(0, -50%);
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2275%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2075%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m0%2073%2035.5-35.5L0%202l2-2%2037.5%2037.5L2%2075l-2-2Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') center top / contain no-repeat;
}

.index-slider .slick-next:hover{
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2275%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2075%22%3E%3Cpath%20fill%3D%22%23A8FF00%22%20fill-rule%3D%22evenodd%22%20d%3D%22m0%2073%2035.5-35.5L0%202l2-2%2037.5%2037.5L2%2075l-2-2Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') center top / contain no-repeat;
}

/* item */

.index-slider-item{
    display: block !important;
    padding: 340px 0 90px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.index-slider-item .row{
    width: 100%;
}

.index-slider-item-title{
    font-size: 100px;
    font-weight: 500;
    line-height: normal;
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 45px;
    text-transform: uppercase;
    color: #fff;
}

.index-slider-item-title:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 440px;
    height: 1px;
    content: '';
    transform: translate(-50%, 0);
    background: #fff;
}

.index-slider-item-text{
    font-size: 50px;
    font-weight: 100;
    margin-bottom: 225px;
    color: #fff;
}

.index-slider-item-item-ico{
    margin-bottom: 25px;
}

.index-slider-item-item-ico img{
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.index-slider-item-item-text{
    font-size: 20px;
    font-weight: 100;
    line-height: 1.5;
    text-align: center;
    color: #fff;
}

/* ==========================================================================
REVIEWS
========================================================================== */

.row-reviews{
    padding: 205px 0 70px;
    background: #f2f2f2;
}

.reviews-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 55px;
}

/* items */

.reviews-items{
    margin-bottom: 100px;
}

.reviews-item{
    color: #262626;
}

.reviews-item-image{
    height: 190px;
    margin-bottom: 15px;
}

.reviews-item-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.reviews-item-title{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 6px;
}

.reviews-item-post{
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 17px;
    color: #808080;
}

.reviews-item-text{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 5px;
}

.reviews-item-link span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 5px;
    cursor: pointer;
    color: #427a00;
}

.reviews-item-link span:after{
    font-weight: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '. . . . . . . . . . . . . . . . . . . . .';
    white-space: nowrap;
}

.reviews-item-link span:hover:after{
    width: 100%;
    height: 1px;
    content: '';
    color: #fff;
    background: #427a00;
}

/* btns */

.reviews-btns{
    position: relative;
}

.reviews-btns:after{
    position: absolute;
    top: 50%;
    left: -15px;
    width: 100%;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: linear-gradient(90deg, #5dac00 0%, #8cd900 100%);
}

.reviews-btns-review span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #fff;

    justify-content: center;
    align-items: center;
}

.reviews-btns-review span:hover{
    background: #a8ff00;
}

.reviews-btns-collab span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #000;

    justify-content: center;
    align-items: center;
}

.reviews-btns-collab span:hover{
    background: #5dac00;
}

/* ==========================================================================
REVIEWS MODAL
========================================================================== */

.reviews-modal{
    max-width: 960px;
    background: none;
}

.reviews-modal-image{
    height: 470px;
}

.reviews-modal-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.reviews-modal-content{
    padding: 60px 60px 55px 60px;
    background: #fff;
}

.reviews-modal-title{
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
}

.reviews-modal-post{
    font-size: 16px;
    margin-bottom: 10px;
    color: #8c8c8c;
}

.reviews-modal-text{
    font-size: 16px;
    line-height: 1.5;
}

.reviews-modal-text p{
    margin-top: 15px;
}

/* ==========================================================================
FORM DEFAULT
========================================================================== */

.form-default-container{
    max-width: 960px;
    background: none;
}

.form-default{
    padding: 60px 60px 30px 60px;
    background: #fff;
}

.form-default-title{
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
}

.form-default-text{
    font-size: 16px;
    font-weight: 300;
    margin-top: 15px;
}

.form-default .input-row{
    font-size: 16px;
    margin-top: 60px;
    padding-bottom: 7px;
    border-bottom: 1px solid #333;
}

.form-default .input-row input{
    font-weight: 300;
}

.form-default .textarea-row{
    font-size: 16px;
    margin-top: 60px;
}

.form-default .textarea-row textarea{
    font-weight: 300;
    width: 100%;
    height: 30px;
    resize: none;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
}

.form-default .submit-row button{
    font-size: 16px;
    font-weight: 300;
    position: relative;
    bottom: -60px;
    display: flex;
    width: 100%;
    height: 60px;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #000;

    align-items: center;
    justify-content: center;
}

.form-default .submit-row button:hover{
    background: #5dac00;
}

.form-default .submit-row button.disabled{
    cursor: not-allowed;
    border-color: #333;
    background: #333;
}

.form-default .submit-row button.disabled:after{
    width: 14px;
    height: 14px;
    margin-left: 15px;
    content: '';
    -webkit-animation: spin 4s linear infinite;
       -moz-animation: spin 4s linear infinite;
            animation: spin 4s linear infinite;
    background: url('data:image/svg+xml,%3C%3Fxml version=\'1.0\' encoding=\'UTF-8\'%3F%3E%3Csvg width=\'20px\' height=\'20px\' viewBox=\'0 0 16 16\' version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3E%3Ctitle%3EPath%3C/title%3E%3Cg id=\'Page-1\' stroke=\'none\' stroke-width=\'1\' fill=\'none\' fill-rule=\'evenodd\'%3E%3Cg id=\'spinner11\' fill=\'%23fff\' fill-rule=\'nonzero\'%3E%3Cpath d=\'M16,6 L10,6 L12.243,3.757 C11.11,2.624 9.603,2 8,2 C6.397,2 4.891,2.624 3.757,3.757 C2.624,4.89 2,6.397 2,8 C2,9.603 2.624,11.109 3.757,12.243 C4.89,13.376 6.397,14 8,14 C9.73141947,14.0050275 11.3795316,13.2572459 12.516,11.951 L14.021,13.268 C11.8584999,15.7399287 8.40486836,16.639016 5.31152894,15.5353452 C2.21818951,14.4316743 0.113672748,11.5494984 0.00429579769,8.26698795 C-0.105081152,4.9844775 1.80290583,1.96860042 4.81591428,0.661459179 C7.82892273,-0.645682062 11.3347444,0.0215084061 13.657,2.344 L16,0 L16,6 Z\' id=\'Path\'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E') center center / contain no-repeat;
}

@-moz-keyframes spin{
    100%{
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin{
    100%{
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin{
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* ==========================================================================
FORM SUCCESS
========================================================================== */

.form-success-container{
    width: 100%;
    max-width: 960px;
    background: none;
}

.form-success{
    padding: 60px;
    background: #fff;
}

.form-success-title{
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
    text-align: center;
}

.form-success-text{
    text-align: center;
}

/* ==========================================================================
REPAIR
========================================================================== */

.row-repair{
    margin-bottom: -30px;
    padding: 80px 0 0;
    background: #f2f2f2;
}

.repair-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.repair-title span{
    color: #5dac00;
}

.repair-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 80px;
}

/* item */

.repair-items{
    margin-bottom: 110px;
}

.repair-item{
    display: block;
}

.repair-item-image{
    display: block;
    height: 343px;
    margin-bottom: 30px;
}

.repair-item-image img{
    width: 100%;
    height: 100%;

    object-fit: scale-down;
    object-position: left bottom;
}

.repair-item-title{
    font-size: 30px;
    font-weight: 500;
    display: block;
}

.repair-item-title em{
    font-style: normal;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    border-bottom: 1px solid transparent;
}

.repair-item:hover .repair-item-title em{
    border-bottom: 1px solid #5dac00;
}

/* btns */

.repair-btns{
    position: relative;
}

.repair-btns:after{
    position: absolute;
    top: 50%;
    left: -15px;
    width: 100%;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: linear-gradient(90deg, #5dac00 0%, #8cd900 100%);
}

.repair-btns-presentation span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #fff;

    justify-content: center;
    align-items: center;
}

.repair-btns-presentation span:hover{
    background: #a8ff00;
}

.repair-btns-catalog a{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #000;

    justify-content: center;
    align-items: center;
}

.repair-btns-catalog a:hover{
    background: #5dac00;
}

/* ==========================================================================
LAB
========================================================================== */

.row-lab{
    padding: 150px 0 110px;
    background: #1e1e1e;
}

.lab-header{
    color: #fff;
}

.lab-header-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.lab-header-title span{
    color: #5dac00;
}

.lab-header-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 95px;
}

.lab-header-btn  span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #000;

    justify-content: center;
    align-items: center;
}

.lab-header-btn span:after{
    position: absolute;
    top: 50%;
    right: -17px;
    width: 15px;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: #5dac00;
}

.lab-header-btn  span:hover{
    background: #5dac00;
}

/* item */

.lab-item{
    display: block;
    color: #fff;
}

.lab-item-image{
    display: block;
    height: 330px;
    margin-bottom: 30px;
}

.lab-item-image img{
    width: 100%;
    height: 100%;

    object-fit: scale-down;
    object-position: left bottom;
}

.lab-item-title{
    font-size: 30px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.lab-item-title em{
    font-style: normal;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    border-bottom: 1px solid transparent;
}

.lab-item:hover .lab-item-title em{
    border-bottom: 1px solid #5dac00;
}


.lab-item-text{
    font-size: 20px;
    font-weight: 100;
    line-height: 1.5;
    display: block;
    color: #b2b2b2;
}

/* ==========================================================================
SOLUTION
========================================================================== */

.row-solution{
    padding: 90px 0 0;
    background: #1e1e1e;
}

/* header */

.solution-header{
    color: #fff;
}

.solution-header-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.solution-header-title span{
    color: #5dac00;
}

.solution-header-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 105px;
    color: #fff;
}

.solution-header-btn span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #000;

    justify-content: center;
    align-items: center;
}

.solution-header-btn span:after{
    position: absolute;
    top: 50%;
    right: -17px;
    width: 15px;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: #5dac00;
}

.solution-header-btn  span:hover{
    background: #5dac00;
}

/* item */

.solution-items{
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #000;
}

.solution-items .row > div{
    padding-right: 0;
    padding-left: 0;
}

.solution-items .row > div:not(:first-child){
    border-top: 1px solid #1a1a1a;
}

.solution-item{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    height: 470px;
    padding-top: 87px;
    color: #fff;
    background: #000;
}

.solution-item-title{
    line-height: 1.6;
    position: relative;
    z-index: 3;
    min-height: 215px;
    margin: 0 15px;
    padding-right: 130px;
}

.solution-item-ico{
    width: 70px;
    height: 70px;
    margin: 0 15px;
}

.solution-item-image{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    opacity: 0;
}

.solution-item-image:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .00) 100%);
}

.solution-item:hover .solution-item-image{
    visibility: visible;
    opacity: 1;
}

.solution-item-image > img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* ==========================================================================
SPECTRUM
========================================================================== */

.row-spectrum{
    padding-top: 200px;
    background: #1e1e1e;
}

/* header */

.spectrum-header{
    color: #fff;
}

.spectrum-header-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
}

.spectrum-header-title span{
    color: #5dac00;
}

.spectrum-header-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 95px;
    color: #fff;
}

.spectrum-header-btn span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #000;

    justify-content: center;
    align-items: center;
}

.spectrum-header-btn span:after{
    position: absolute;
    top: 50%;
    right: -17px;
    width: 15px;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: #5dac00;
}

.spectrum-header-btn span:hover{
    background: #5dac00;
}

/* item */

.spectrum-items{
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #000;
}

.spectrum-items .row > div{
    padding-right: 0;
    padding-left: 0;
}

.spectrum-items .row > div{
    border-bottom: 1px solid #1a1a1a;
    border-left: 1px solid #1a1a1a;
}

.spectrum-items .row > div:first-child{
    border-left: none;
}

.spectrum-items .row > div:nth-child(4n){
    border-left: none;
}

.spectrum-items .row > div + div + div + div{
    border-bottom: none;
}

.spectrum-item{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    height: 440px;
    padding-top: 87px;
    color: #fff;
    background: #000;
}

.spectrum-item-title{
    line-height: 1.6;
    position: relative;
    z-index: 3;
    min-height: 195px;
    margin: 0 15px;
    padding-right: 200px;
}

.spectrum-item-ico{
    width: 70px;
    height: 70px;
    margin: 0 15px;
}

.spectrum-item-image{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    opacity: 0;
}

.spectrum-item-image:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .00) 100%);
}

.spectrum-item:hover .spectrum-item-image{
    visibility: visible;
    opacity: 1;
}

.spectrum-item-image > img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* ==========================================================================
OPTIONS
========================================================================== */

.row-options{
    margin-bottom: -30px;
    padding-top: 180px;
    color: #fff;
    background: #1a1a1a;
}

/* header */

.options-header{
    overflow: hidden;
    margin-bottom: 60px;
}

/* title */

.options-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 80px;
}

/* header */

.options-header-item{
    display: flex;
}

.options-header-item-image{
    margin-right: 25px;

    flex: 0 0 auto;
}

.options-header-item-image img{
    height: 175px;
}

.options-header-item-text{
    font-size: 20px;
    display: flex;
    flex-direction: column;

    justify-content: space-between;
}

.options-header-item-text span{
    font-size: 40px;
    font-weight: 700;
}

/* item */

.options-items{
    margin-bottom: 130px;
}

.options-item{
    padding: 0 30px;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    border: 1px solid transparent;
    border-radius: 5px;
}

.options-item.selected{
    border-color: #4c4c4c;
    background: #121212;
}

.options-item:hover,
.options-item.active{
    cursor: pointer;
    border-color: #a8ff00;
}

.options-item-title{
    padding: 25px 0 25px;
}

.options-item-title strong{
    font-size: 50px;
    display: block;
    text-transform: uppercase;
}

.options-item-title span{
    font-size: 30px;
    font-weight: 100;
    line-height: 1.3;
    display: block;
    color: #b2b2b2;
}

/* col */

.options-item-col{
    height: 100%;
    margin-right: -15px;
    margin-left: -15px;
    border-right: 1px solid #000;
}

.options-item-col.last{
    border-right: none;
}

.options-item-col-title{
    font-size: 16px;
    font-weight: 100;
    line-height: 1.5;
    display: flex;
    height: 55px;
    margin-bottom: 12px;
    color: #b2b2b2;

    justify-content: space-between;
    align-items: end;
}

.options-item-col-title span{
    font-size: 16px;
    font-weight: 100;
    position: relative;
    bottom: -10px;
    margin-right: 10px;
    color: #a8ff00;
}

.options-item-col-range{
    height: 8px;
    margin-bottom: 10px;
    border-top: 1px solid #292929;
    border-bottom: 1px solid #292929;
    background: #000;
}

.options-item-col-range.active{
    position: relative;
    z-index: 1;
    margin-right: -1px;
    background: #a8ff00;
}

.options-item-col-range.br-l{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.options-item-col-range.br-r{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.options-item-col-text{
    font-size: 16px;
    font-weight: 100;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    margin-right: -740px;
}

/* btns */

.options-btns{
    position: relative;
}

.options-btns:after{
    position: absolute;
    top: 50%;
    left: -15px;
    width: 100%;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: linear-gradient(90deg, #5dac00 0%, #8cd900 100%);
}

.options-btns-help span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #000;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #fff;

    justify-content: center;
    align-items: center;
}

.options-btns-help span:hover{
    background: #a8ff00;
}

.options-btns-lab span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #000;

    justify-content: center;
    align-items: center;
}

.options-btns-lab span:hover{
    background: #5dac00;
}

/* ==========================================================================
BONUS
========================================================================== */

.row-bonus{
    padding: 200px 0 100px;
    background: #f2f2f2;
}

/* header */

.bonus-header{
    margin-bottom: 90px;
    color: #262626;
}

.bonus-header-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 25px;
}

.bonus-header-title span{
    color: #5dac00;
}

.bonus-header-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
}

.bonus-header-btn span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #000;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #fff;

    justify-content: center;
    align-items: center;
}

.bonus-header-btn span:after{
    position: absolute;
    top: 50%;
    right: -17px;
    width: 15px;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: #5dac00;
}

.bonus-header-btn span:hover{
    background: #a8ff00;
}

/* item */

.bonus-item-ico-container{
    display: flex;
    margin-bottom: 50px;

    align-items: end;
}

.bonus-item-ico{
    display: flex;
    height: 100px;
    margin-right: 20px;

    flex: 0 0 auto;
    align-items: end;
}

.bonus-item-arrow{
    position: relative;
    width: 100%;
    height: 8px;
    background: url('i/arrow-green.svg') right center / contain no-repeat;
}

.bonus-item-arrow:before{
    position: absolute;
    top: 50%;
    left: 0;
    width: 99%;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: #5eac01;
}

.bonus-item-title{
    font-size: 20px;
    line-height: 1.4;
}

/* last item */

.bonus-items .row > div:last-child .bonus-item-arrow{
    margin-right: -15px;
    background: none;
}

.bonus-items .row > div:last-child .bonus-item-arrow:before{
    width: 100%;
}

/* ==========================================================================
CARE
========================================================================== */

.row-care{
    padding-top: 65px;
    background: #f2f2f2;
}

/* header */

.care-header{
    margin-bottom: 90px;
}

.care-header-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px;
}

.care-header-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
}

/* item */

.care-items{
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #fff;
}

.care-items .row > div{
    padding-right: 0;
    padding-left: 0;
}

.care-item{
    position: relative;
    height: 440px;
    padding-top: 80px;
    border-right: 1px solid #f2f2f2;
}

.care-items .row > div:last-child .care-item{
    border: none;
}

.care-item-title{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    z-index: 3;
    min-height: 215px;
    margin: 0 15px;
    padding-right: 160px;
}

.care-item-ico{
    width: 70px;
    height: 70px;
    margin: 0 15px;
}

.care-item-image{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    opacity: 0;
}

.care-item-image:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .00) 100%);
}

.care-item:hover .care-item-image{
    visibility: visible;
    opacity: 1;
}

.care-item-image > img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* ==========================================================================
MASTER
========================================================================== */

.row-master{
    padding-top: 200px;
    background: #f2f2f2;
}

.master-header{
    margin-bottom: 80px;
}

.master-header-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
}

.master-header-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1.3;
}

.master-header-btn span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #000;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #fff;

    justify-content: center;
    align-items: center;
}

.master-header-btn span:after{
    position: absolute;
    top: 50%;
    right: -17px;
    width: 15px;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: #5dac00;
}

.master-header-btn span:hover{
    background: #a8ff00;
}

/* item */

.master-items{
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #fff;
}

.master-items .row > div{
    padding-right: 0;
    padding-left: 0;
}

.master-item{
    position: relative;
    height: 440px;
    padding-top: 80px;
    border-right: 1px solid #f2f2f2;
}

.master-items .row > div:last-child .master-item{
    border: none;
}

.master-item-title{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    z-index: 3;
    min-height: 200px;
    margin: 0 15px;
    padding-right: 160px;
}

.master-item-ico{
    width: 70px;
    height: 70px;
    margin: 0 15px;
}

.master-item-image{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    opacity: 0;
}

.master-item-image:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .00) 100%);
}

.master-item:hover .master-item-image{
    visibility: visible;
    opacity: 1;
}

.master-item-image > img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* ==========================================================================
COLOR
========================================================================== */

.row-color{
    padding: 200px 0 195px;
    background: #f2f2f2;
}

/* header */

.color-header{
    margin-bottom: 80px;
}

.color-header-logo{
    display: flex;

    align-items: flex-end;
}

.color-header-logo-image{
    margin-right: 20px;

    flex: 0 0 auto;
}

.color-header-logo-line{
    height: 11px;
    margin-right: -15px;
    background: linear-gradient(90deg, #00aeec 0%, #fc2 47.22%, #ed218d 95.43%);

    flex: 1 1 auto;
}

.color-header-title{
    font-size: 30px;
    font-weight: 100;
    line-height: 1.4;
    margin-top: 20px;
}

/* item */

.color-items{
    margin-right: -15px;
    margin-bottom: 45px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #fff;
}

.color-items .row > div{
    padding-right: 0;
    padding-left: 0;
}

.color-item{
    position: relative;
    height: 440px;
    padding-top: 80px;
}

.color-items .row > div{
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
}

.color-items .row > div:first-child{
    border-left: none;
}

.color-items .row > div:nth-child(4n){
    border-left: none;
}

.color-items .row > div + div + div + div{
    border-bottom: none;
}

.color-item-title{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    z-index: 3;
    min-height: 200px;
    margin: 0 15px;
    padding-right: 160px;
}

.color-item-ico{
    width: 70px;
    height: 70px;
    margin: 0 15px;
}

.color-item-image{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    opacity: 0;
}

.color-item-image:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .00) 100%);
}

.color-item:hover .color-item-image{
    visibility: visible;
    opacity: 1;
}

.color-item-image > img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* btns */

.color-btns{
    position: relative;
}

.color-btns:after{
    position: absolute;
    top: 50%;
    left: -15px;
    width: 100%;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: linear-gradient(90deg, #5dac00 0%, #8cd900 100%);
}

.color-btns-portal a{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #fff;

    justify-content: center;
    align-items: center;
}

.color-btns-portal a:hover{
    background: #a8ff00;
}

.color-btns-select span,
.color-btns-select a{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #000;

    justify-content: center;
    align-items: center;
}

.color-btns-select span:hover,
.color-btns-select a:hover{
    background: #5dac00;
}

/* ==========================================================================
PROGRAM
========================================================================== */

.row-program{
    padding-top: 200px;
    background: #f2f2f2;
}

.program-header{
    margin-bottom: 80px;
}

.program-header-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
}

.program-header-title span{
    color: #5dac00;
}

.program-header-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1.3;
    margin-right: -300px;
}

.program-header-btn span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #000;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #fff;

    justify-content: center;
    align-items: center;
}

.program-header-btn span:after{
    position: absolute;
    top: 50%;
    right: -17px;
    width: 15px;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: #5dac00;
}

.program-header-btn span:hover{
    background: #a8ff00;
}

/* item */

.program-items{
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #fff;
}

.program-items .row > div{
    padding-right: 0;
    padding-left: 0;
}

.program-item{
    position: relative;
    height: 440px;
    padding-top: 80px;
    border-right: 1px solid #f2f2f2;
}

.program-items .row > div:last-child .program-item{
    border: none;
}

.program-item-title{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    z-index: 3;
    min-height: 200px;
    margin: 0 15px;
    padding-right: 160px;
}

.program-item-ico{
    width: 70px;
    height: 70px;
    margin: 0 15px;
}

.program-item-image{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    opacity: 0;
}

.program-item-image:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .00) 100%);
}

.program-item:hover .program-item-image{
    visibility: visible;
    opacity: 1;
}

.program-item-image > img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* ==========================================================================
PRODUCT
========================================================================== */

.row-product{
    padding: 190px 0 190px;
    background: #f2f2f2;
}

.product-header-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 35px;
}

.product-header-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1.4;
}

.product-header-btn a{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #000;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #fff;

    justify-content: center;
    align-items: center;
}

.product-header-btn a:after{
    position: absolute;
    top: 50%;
    right: -17px;
    width: 15px;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: #5dac00;
}

.product-header-btn a:hover{
    background: #a8ff00;
}

/* ==========================================================================
FOOTER
========================================================================== */

.row-footer{
    position: relative;
    overflow: hidden;
    padding: 125px 0 70px;
    background: #f2f2f2;
}

.row-footer:before{
    position: absolute;
    top: 0;
    left: 15px;
    width: 100%;
    height: 2px;
    content: '';
    background: linear-gradient(90deg, #5dac00 0%, #8cd900 100%);
}

.row-footer:after{
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: linear-gradient(90deg, #5dac00 0%, #8cd900 100%);
}

.footer-item{
    font-size: 30px;
    font-weight: 500;
}

.footer-item span{
    font-size: 18px;
    font-weight: 300;
    display: block;
    margin-bottom: 10px;
    color: #999;
}

/* ==========================================================================
COPYRIGHT
========================================================================== */

.row-copyright{
    padding: 70px 0;
    background: #f2f2f2;
}

.copyright{
    font-size: 24px;
}

/* ==========================================================================
3 ICONS
========================================================================== */

.row-icons{
    background: #000;
}

/* item */

.icons-items{
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #000;
}

.icons-items .row > div{
    padding-right: 0;
    padding-left: 0;
}

.icons-items .row > div{
    border-left: 1px solid #1a1a1a;
}

.icons-items .row > div:first-child{
    border-left: none;
}

.icons-items .row > div:nth-child(4n){
    border-left: none;
}

.icons-item{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    height: 440px;
    padding-top: 87px;
    color: #fff;
    background: #000;
}

.icons-item-title{
    line-height: 1.6;
    position: relative;
    z-index: 3;
    min-height: 195px;
    margin: 0 15px;
    padding-right: 200px;
}

.icons-item-ico{
    width: 70px;
    height: 70px;
    margin: 0 15px;
}

.icons-item-image{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    opacity: 0;
}

.icons-item-image:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .00) 100%);
}

.icons-item:hover .icons-item-image{
    visibility: visible;
    opacity: 1;
}

.icons-item-image > img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* ==========================================================================
MAP
========================================================================== */

.row-geo-map{
    background: #1a1a1a url('i/bg-map.png') center / cover no-repeat;
}

.geo-map-container{
    margin-right: -15px;
    margin-left: -15px;
}

/* header */

.geo-map-header{
    padding: 190px 0 100px;
    color: #fff;
}

.geo-map-header-title{
    font-size: 70px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.geo-map-header-title span{
    color: #5dac00;
}

.geo-map-header-subtitle{
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
}

/* footer */

.geo-map-footer{
    padding: 100px 0 70px;
    color: #fff;
}

.geo-map-footer-title{
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
}

.geo-map-footer-btn span{
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    height: 60px;
    cursor: pointer;
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    color: #fff;
    border: 2px solid #5dac00;
    border-radius: 30px;
    background: #000;

    justify-content: center;
    align-items: center;
}

.geo-map-footer-btn span:after{
    position: absolute;
    top: 50%;
    right: -17px;
    width: 15px;
    height: 2px;
    content: '';
    transform: translate(0, -50%);
    background: #5dac00;
}

.geo-map-footer-btn span:hover{
    background: #5dac00;
}