html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, body,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
:root{
    --green: #40b449;
    --dark: #070707;
    --gray-blue: #161c21;
    --gray-dark: #283034;
    --gray: #606567;
    --light: #afb7ba;
}
body {
    position: relative;
    font-family: 'Exo 2 Condensed';
    color: var(--dark);
    line-height: 1;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
input, textarea {
outline: none;
} 
table {
    border-collapse: collapse;
    border-spacing: 0;
}
textarea,
input[type=text],
input[type=mail],
input[type=tel],
input[type=button],
input[type=submit]{
    -webkit-appearance: none;
    border-radius: 0;
}
a{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.site_container{
    width: 100%;
    overflow: hidden;
    height: auto;
}
.wrapper{
    width: 100%;
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index:3;
}

.paralax-wrapp{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
}
.paralax-bg{
    position: absolute;
    top: -50%;
    left: 0;
    height: 120%;
    width: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 50px;
    background-color: rgba(22, 28, 33, 0);
    z-index: 999;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
section{
    position: relative;
}
nav ul{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    padding-left: 12px;
}
.logo{
    width: 100%;
    max-width: 229px;
    -webkit-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
}
.logo img{
    padding: 0 24px;
    display: block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav ul li{
}
nav ul li a{
    position: relative;
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .35px;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    margin-top: -7px;
    padding: 10px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main {
    background-image: url('../video/maxresdefault.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#main .wrapper{
    padding-top: 234px;
    padding-bottom: 147px;
}
#main:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(22, 28, 33, 0.9);
}
#main .wrapper_before {
    position: absolute;
    left: calc(73% + 28px);
    top: 0;
    right: calc(24% + 2px);
    bottom: 0;
    background-color: var(--green);
    opacity: 0;
    -webkit-transform: translateX(-1000%);
       -moz-transform: translateX(-1000%);
        -ms-transform: translateX(-1000%);
         -o-transform: translateX(-1000%);
            transform: translateX(-1000%);
}
#main .wrapper_after {
    position: absolute;
    left: calc(78% - 4px);
    top: 0;
    right: -38px;
    bottom: 0;
    background-color: var(--green);
    opacity: 0;
    -webkit-transform: translateX(500%);
       -moz-transform: translateX(500%);
        -ms-transform: translateX(500%);
         -o-transform: translateX(500%);
            transform: translateX(500%);
}
header.fixed{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(22, 28, 33, 0.9);
}
header.fixed .logo{
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
}
header.fixed nav ul li a{
    margin-top: 0;
}
nav ul li a:before{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: 0;
    right: 0;
    border-right: 1px solid var(--green); 
    border-top: 1px solid var(--green); 
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    /* background-color: var(--green); */
    -webkit-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
}
nav ul li a:after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    bottom: 0;
    left: 0;
    border-left: 1px solid var(--green); 
    border-bottom: 1px solid var(--green); 
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
}
nav ul li a:hover:after,
nav ul li a:hover:before{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.text-center{
    text-align: center;
}
.main_center{
    opacity: 0;
}
.main_center h1{
    position: relative;
    font-family: 'Exo 2 Condensed';
    font-size: 60px;
    line-height: 1.5;
    letter-spacing: 1.5px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
}


/* VIDEO BACKGROUND */

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    top: 0;
}
.video-container video.fillWidth {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

  /* END VIDEO BACKGROUND */


.btn_main {
    text-align: center;
    padding-top: 78px;
}
.btn_label{
    font-size: 22px;
    letter-spacing: .55px;
    color: var(--green);
    margin-bottom: 31px;
    text-transform: uppercase;
}
.btn{
    position: relative;
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    padding: 23px 67px;
    border-radius: 3px;
    letter-spacing: 2.7px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid var(--green);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    overflow: hidden;
}
.btn.active,
.btn:hover{
    color: #fff;
    border: 1px solid #fff;
}
.btn span{
    position: relative;
    z-index: 1;
}
.btn:before,
.btn:after{
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 3px;
    background-color: var(--green);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.btn.active:before,
.btn:hover:before{
    bottom: 100%;
    left: 100%;
    background-color: #fff
}
.btn.active:after,
.btn:hover:after{
    top: 100%;
    right: 100%;
    background-color: #fff
}

#option_pak .btn{
    color: #fff;
    border: 1px solid #fff;
}
#option_pak .btn.active,
#option_pak .btn:hover{
    color: #fff;
    border: 1px solid var(--green);
}
#option_pak .btn:hover:before,
#option_pak .btn:hover:after,
#option_pak .btn.active:before,
#option_pak .btn.active:after{
    background-color: var(--green);
}
#option_pak .btn:before{
    bottom:calc(100% + 5px);
    left:calc(100% + 5px);
}
#option_pak .btn.active:before,
#option_pak .btn:hover:before{
    bottom:-5px;
    left:-5px;
}
#option_pak  .btn:after{
    top:calc(100% + 5px);;
    right:calc(100% + 5px);;
}
#option_pak  .btn.active:after,
#option_pak  .btn:hover:after{
    top:-5px;
    right:-5px;
}
#about{
    padding-top: 128px;
    overflow: hidden;
}
.title_box{
    text-align: center;
    max-width: 750px;
    margin:0 auto;
}
h2{
    font-size: 48px;
    line-height: 1.5;
    color: var(--dark);
    font-family: 'Exo 2 Condensed';
    font-weight: 300;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
h2 span{
    font-weight: 500;
    color: var(--green);
}
h4{
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .6px;
    font-weight: 300;
    color: var(--gray);
    margin-top: 10px;
}
h3{
    font-size: 30px;
    line-height: 1.5;
    color: var(--dark);
    font-family: 'Exo 2 Condensed';
    font-weight: 300;
    letter-spacing: .75px;
    text-transform: uppercase;
}
h3 span{
    font-weight: 500;
    color: var(--green);
}
.title_box h4:after{
    content: '';
    display: block;
    width: 50px;
    height: 5px;
    background-color: var(--green);
    border-radius: 15px;
    margin: 0 auto;
    margin-top: 25px;
}
.video_frame {
    position: relative;
    width: 100%;
    height: 630px;
    margin-top: 82px;
    margin-bottom: 137px;
}
.video_frame iframe{
    width: 100%;
    height: 100%;
}
/* .video_frame:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background-color: var(--gray-blue);
    opacity: .8;
    -webkit-clip-path: polygon(100% 8%, 49% 100%, 100% 100%);
    clip-path: polygon(100% 8%, 49% 100%, 100% 100%);
} */
.v_logo {
    position: absolute;
    bottom: 80px;
    right: 80px;
    width: 243px;
}
.v_logo img{
    display: block;
    max-width: 100%;
}


/* FORM */


form{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
form>div{
    width: 66.6666% !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: flex-start;
    align-items: flex-start;   
    padding-bottom: 0 !important; 
}
.wrapp-iput{
    width: 50%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrapp-iput input{
    width: 100%;
    height: 65px;
    border-radius: 3px;
    padding: 0 30px;
    font-family: 'Exo 2 Condensed'; 
    font-weight: 300;
    border: 1px solid var(--light);
    color: var(--dark);
    font-size: 18px;
    letter-spacing: .45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bottom-buttons{
    padding: 0 5px;
    width: 33.3333% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bottom-buttons .btn{
    display: block;
    padding: 0;
    height: 65px;
    width: 100%;
    font-family: 'Exo 2 Condensed'; 
    font-weight: 300;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.bottom-buttons .btn:hover{
    color: var(--green);
    border-color: var(--green);
}
.bottom-buttons .btn:before,
.bottom-buttons .btn:after{
    z-index: -1;
}
.form_wrapp {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    margin-top: 44px;
}
.garanty{
    font-size: 14px;
    color: var(--light);
    letter-spacing: .35px;
    margin-top: 7px;
}

::-webkit-input-placeholder {font-size: 18px; color: var(--light); letter-spacing: .45px; font-family: 'Exo 2 Condensed'; font-weight: 300;}
::-moz-placeholder          {font-size: 18px; color: var(--light); letter-spacing: .45px; font-family: 'Exo 2 Condensed'; font-weight: 300;}/* Firefox 19+ */
:-moz-placeholder           {font-size: 18px; color: var(--light); letter-spacing: .45px; font-family: 'Exo 2 Condensed'; font-weight: 300;}/* Firefox 18- */
:-ms-input-placeholder      {font-size: 18px; color: var(--light); letter-spacing: .45px; font-family: 'Exo 2 Condensed'; font-weight: 300;}

/* END FORM */


.iphone_block_wrap {
    position: relative;
    padding-top: 150px;
    padding-bottom: 130px;
    overflow: hidden;
}
.half{
    padding-left: calc(50% + 15px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.iphone_block_wrap img {
    position: absolute;
    bottom: -213px;
    right: calc(50% + 15px);
    display: block;
    max-width: 100%;
    z-index: 4;
    -webkit-transform: translateX(-97px);
    -ms-transform: translateX(-97px);
    -o-transform: translateX(-97px);
    transform: translateX(-97px);
}
.divider_after:after{
    content: '';
    display: block;
    width: 50px;
    height: 5px;
    background-color: var(--green);
    border-radius: 15px;
    margin-top: 20px;
}
.iphone_block_wrap .half h2{
    margin-top: 100px;
}
.half h4 {
    margin-top: 70px;
    margin-bottom: 40px;
}
.half ul li {
    position: relative;
    font-size: 24px;
    letter-spacing: .6px;
    line-height: 1.5;
    color: var(--gray);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 15px;
}
.half ul li:nth-child(2){
    -ms-align-items: center;
    align-items: center;
}
.half ul li i {
    font-size: 50px;
    color: var(--green);
    margin-left: -10px;
    margin-top: -7px;
    margin-right: 20px;
}
.image_box{
    max-height: 910px;
}
#passive{
    padding-top: 127px;
    padding-bottom: 96px;
    background-color: #f8f8f8;
}
#passive .title_box{
    max-width: 100%;
}
.four_in_line{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 92px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.four_in_line .item{
    width: 25%;
    padding: 0 15px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .55px;
    font-weight: 500;
    color: var(--dark);
    margin-bottom: 50px;
}
.four_in_line .item .icon{
    position: relative;
    font-size: 50px;
    width: 100px;
    height: 100px;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--green);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    margin-bottom: 30px;
}
.four_in_line .item .icon:before,
.four_in_line .item .icon:after{
    content: '';
    position: absolute;
    border: 1px solid var(--green);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
}
.four_in_line .item .icon:before{
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
}
.four_in_line .item .icon:after{
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    opacity: .3;
}
#numbers{
    padding: 128px 0 83px;
}
.divider_after.text-center:after{
    margin: 0 auto;
    margin-top: 20px;
}
.three_in_line{
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.three_item{
    position: relative;
    width: 33.3333%;
    text-align: center;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 59px 0 67px;
}
.three_item.arrow{
    width: 100%;
    margin: 0;
}
.number{
    font-family: 'Exo 2 Condensed';
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: 1.2px;
    font-weight: 500;
    color: var(--green);
}
.number span{
    font-size: 36px;
}
.big_text{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .6px;
    margin-bottom: 14px;
}
.smal_text{
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .45px;
}
.three_item i{
    color: var(--green);
    font-size: 48px;
    line-height: 1.5;
    position: absolute;
    top: 0;
    left: 100%;
    opacity: .3;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.svg_arr{
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    position: absolute;
    top: calc(100% - 48px);
    left: 50%;
    opacity: .3;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#profit{
    overflow: hidden;
    background-color: var(--green);
    padding: 73px 0 102px;
}
#profit:before{
    content: 'profit';
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 480px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 72px;
    opacity: .07;
    -webkit-transform: translate(-48%, -56%);
    -ms-transform: translate(-48%, -56%);
    -o-transform: translate(-48%, -56%);
    transform: translate(-48%, -56%);
}
.part_dohod{
    font-size: 60px;
    line-height: 1.5;
    letter-spacing: 1.5px;
    color: var(--dark);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.sr_ch {
    text-align: center;
    font-size: 36px;
    line-height: 1;
    letter-spacing: .875px;
    font-weight: 300;
    margin-top: 3px;
}
.sr_ch span{
    font-weight: 500;
}
.btn_upp{
    position: fixed;
    bottom: -30px;
    right: 30px;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid var(--dark);
    color: var(--green);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    background-color: var(--dark);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    z-index: 999;
}
.btn_upp:hover{
    border: 1px solid var(--green);
    background-color: transparent;
}
.btn_upp.visible{
    bottom: 30px;
}
.circle_bg{
    width: 1620px;
    height: 1620px;
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 50px var(--green);
    position: absolute;
    top: calc(116% - 3px);
    right: 50%;
    opacity: .3;
    -webkit-transform: translateY(-61%);
    -ms-transform: translateY(-61%);
    -o-transform: translateY(-61%);
    transform: translateY(-61%);
}
.ab_decor {
    position: absolute;
    top: 446px;
    right: -238px;
    width: 90px;
}
.ab_decor img{
    display: block;
    width: 100%;
}
.ab_decor_bottom{
    position: absolute;
    bottom: 50px;
    left: 100%;
    opacity: .3;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%);
}
.ab_decor_bottom .big{
    display: block;
    width: 382px;
    height: 382px;
    border-radius: 50%;
    background-color: var(--green);
}
.ab_decor_bottom .smal{
    display: block;
    position: absolute;
    bottom: 75px;
    left: -5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--green);
}
.ab_decor_bottom .blured{
    display: block;
    position: absolute;
    bottom: -9px;
    left: -12px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--green);
    -webkit-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
}
.passive_decor{
    position: absolute;
    top: 47%;
    left: -224px;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    transform: translateY(-55%);
    width: 121px;
}
.passive_decor img{
    display: block;
    width: 100%;
}
.numbers_decor_top {
    position: absolute;
    top: 0px;
    left: 100%;
    -webkit-transform: translateX(12%);
    -ms-transform: translateX(12%);
    -o-transform: translateX(12%);
    transform: translateX(12%);
    width: 469px;
}
.numbers_decor_bottom img,
.numbers_decor_top img{
    display: block;
    width: 100%;
}
.numbers_decor_bottom {
    position: absolute;
    bottom: 80px;
    right: 104%;
    width: 298px;
}

#registration{
    padding: 180px 0 201px;
}
#registration:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gray-blue);
    opacity: .8;
    z-index: 2;
}
#registration h2{
    color: #fff;
}
#registration .form_wrapp{
    margin-top: 63px;
}
.two_blocks_in_line{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    justify-content: center;
    width: calc(100% + 30px);
    margin-left: -15px;
}
.two_item{
    width: 50%;
    padding: 0 15px;    
}
#bonus_dohod{
    background: #f8f8f8;
    padding: 129px 0 114px;
}
.dohod_item{
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .45px;
    padding: 40px 75px 50px;
    margin-bottom: 30px;
    border-left: 5px solid var(--green);
    background-color: var(--gray-dark);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dohod_item:first-child{
    margin-top: 21px;
}
.dohod_item h4{
    text-transform: uppercase;
    font-weight: 500;
    color: var(--green);
    margin-top: 0;
    margin-bottom: 17px;
}
.bonus_decor {
    width: 739px;
    position: absolute;
    top: calc(63% + 4px);
    right: 63%;
}
.bonus_decor img{
    display: block;
    width: 100%;
}
#calculator{
    padding: 130px 0 0;
}
.calculator_container{
    background-color: var(--gray-dark);
    border-radius: 3px;
    overflow: hidden; 
    margin-top: 78px;
}
.tabs_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: flex-start;
    align-items: flex-start;
    justify-content: center;
}
.tab_item{
    width: 33.3333%;
    text-align: center;
    color: #fff;
    height: 75px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    background-color: var(--gray-blue);
    cursor: pointer;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .45px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.tab_item:hover{
    background-color: #1f2529;
}
.tab_item.active{
    background-color: var(--green);
}
.tabs_content{
    position: relative;
    padding-top: 40px;
    height: 416px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab_content_item {
    position: absolute;
    top: 40px;
    width: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.tab_content_item.active {
    position: relative;
    top: 0;
    opacity: 1;
    z-index: 10;
}
.tab_content_item h4{
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;  
    margin-bottom: 58px;
}
.tab_content_item form{
    position: relative;
    max-width: 850px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-end;
    align-items: flex-end;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 93px;
}
.tab_content_item form#option_pak{
    padding-bottom: 72px;
}
.tab_content_item form label{
    position: relative;
    display: block;
    width: 33.3333%;
    padding: 0 25px;    
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab_content_item form label input{
    width: 100%;
    height: 65px;
    border-radius: 3px;
    padding: 0 30px;
    font-family: 'Exo 2 Condensed'; 
    font-weight: 300;
    border: 1px solid var(--light);
    color: var(--light);
    font-size: 18px;
    letter-spacing: .45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
}
.tab_content_item form label:first-child input{
    background: #fff;
    color: var(--dark);
}
.summa{
    position: relative;
}
.summa .before {
    content: '';
    position: absolute;
    top: 38px;
    left: 25px;
    right: 25px;
    bottom: 0px;
    background-color: var(--green);
    -webkit-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px);
    z-index: -1;
    opacity: 0;
    margin-bottom: 0;
    border-radius: 50%;
}
.tab_content_item form label.summa input{
    color: var(--green);
}
.tab_content_item form label span{
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .45px;
    color: var(--light);
    display: block;
    margin-bottom: 11px;
}
.tab_content_item form .btn{
    display: block;
    font-family: 'Exo 2 Condensed'; 
    font-weight: 300;
    background-color: transparent;
    cursor: pointer;
    padding: 21px 67px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.tab_content_item form label i{
    position: absolute;
    bottom: 24px;
    left: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 18px;
}
.zametka{
    position: absolute;
    width: 100%;
    bottom: 10px;
    text-align: center;
    font-size: 14px;
    letter-spacing: .35px;
    color: var(--light);
    font-weight: 300;
}
.calculator_decor1 {
    position: absolute;
    top: 30px;
    right: 112%;
    width: 194px;
    height: auto;
}
.calculator_decor {
    position: absolute;
    bottom: 116px;
    left: 114%;
    width: 89px;
    height: auto;
}
.primes_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 90px;
}
.pr_item{
    width: 33.3333%;
    padding: 0 14px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 86px;
}
.primes_wrap .pr_item .icon{
    position: relative;
    font-size: 50px;
    width: 100px;
    height: 100px;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--green);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    margin-bottom: 30px;
}
.primes_wrap .pr_item .icon:before,
.primes_wrap .pr_item .icon:after{
    content: '';
    position: absolute;
    border: 1px solid var(--green);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
}
.primes_wrap .pr_item .icon:before{
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
}
.primes_wrap .pr_item .icon:after{
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    opacity: .3;
}
.pr_title {
    text-align: center;
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: .9px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: -7px;
    margin-bottom: 13px;
}
.pr_desc{
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .6px;
    color: var(--gray);
}
#what_you_get{
    padding-top: 128px;
    padding-bottom: 60px;
    overflow: hidden;
}
.w_circle {
    width: 1436px;
    height: 1436px;
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 50px var(--green);
    opacity: .3;
    position: absolute;
    top: -62px;
    left: 10%;
    -webkit-transform: translateX(27%);
    -ms-transform: translateX(27%);
    -o-transform: translateX(27%);
    transform: translateX(27%);
}
#reviewes{
    padding: 130px 0 140px;
}
#reviewes:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gray-blue);
    opacity: .8;
    z-index: 2;
}
#reviewes h2{
    color: #fff;
}
.slide_item{
    text-align: center;
}
.img_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    height: 100px;
}
.slide_item img{
    display: inline-block;
    width: 38px;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    background-color: #fff;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.slide_item img{
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.slide_item.slick-center img{
    width: 100px;
    height: 100px;
    padding: 3px;
    -webkit-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}
.slide_desc{
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .45px;
    font-weight: 300;
    text-align: center;
    color: #fff;
}
.rev_name{
    display: inline-block;
    font-weight: 500;
    color: var(--green);
    text-transform: uppercase;
    margin-top: 22px;
    text-decoration: none;
}
.rev_name:hover{
    text-decoration: underline;
}
.slider_wrapper{
    max-width: 750px;
    margin: 0 auto;
    margin-top: 74px;
}
.slick-list.draggable{
    padding: 0 !important;
}
.slider-nav{
    margin-bottom: 44px;
}
.contacts{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.last_reg_form{
    width: 65%;
    background-color: var(--gray-blue);
    padding: 130px 15px 150px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.last_reg_form h2{
    color: #fff;
}
.mentor_contacts{
    width: 35%;
    padding: 120px 15px 0 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mentor_contacts h3 {
    margin-bottom: 43px;
}
.mentor_data_wrapp{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
}
.m_photo{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
}
.m_photo img{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}
.cont_box{
    width: calc(100% - 130px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7%;
}
.m_name{
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: var(--green);
    margin-top: -7px;
    margin-bottom: 10px;
}
.cont_box a{
    display: block;
    color: var(--dark);
    text-decoration: none;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .45px;
}
.cont_box a:hover{
    color: var(--green);
}
.cont_box a span{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.cont_box a i {
    display: inline-block;
    width: 25px;
    vertical-align: middle;
    margin-right: 6px;
}
.cont_box a i img{
    display: block;
    max-width: 100%;
}
.chats a{
    display: inline-block;
    margin-right: 3px;
}
.chats a i{
    width: 35px;
    height: 35px;
    margin: 10px 0;
}
footer{
    background-color: var(--dark);
    padding: 39px 0;
}
footer .wrapper{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
footer a{
    font-size: 14px;
    color: var(--green);
    text-decoration: none;
}
.social {
    /* margin-left: 140px; */
}
.social a{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0 3px;
    border: 1px solid var(--green);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.social a:hover{
    background-color: var(--green);
    color: #fff;
}
.copy{
    font-size: 14px;
    letter-spacing: .35px;
    color: var(--gray);
}
.polycy a{
    margin-left: 30px;
}
.polycy a:first-child{
    margin-left: 0;
}
.polycy a:hover,
.copy a:hover{
    text-decoration: underline;
}
.select_pak{
    width: 100% !important;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-top: -30px;
    margin-bottom: 20px;
}
.select_pak h5{
    width: 100%;
    display: block !important;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .45px;
    margin-bottom: 20px;
    font-weight: 300;
    text-transform: uppercase;
}
.select_pak button{
    width: 30%;
    min-width: 150px;
    max-width: 200px;
    display: block;
    margin: 0 15px;
    line-height: 1.2;
    font-size: 16px;
    cursor: pointer;
    padding: 5px 0 !important;
    letter-spacing: .6px;

}
.select_pak button span{
    display: block;
}
.line_bg1{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
}
.line_bg1{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    left: 41%;
    background-color: var(--green);
    opacity: .3;
    z-index: 2;
}
.line_bg1:before{
    content: '';
    display: block;
    width: 5px;
    background-color: var(--green);
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% + 21px);
}
.line_bg2{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    right: 80%;
    background-color: var(--green);
    opacity: .3;
    z-index: 2;
}
.line_bg2:before{
    content: '';
    display: block;
    width: 5px;
    background-color: var(--green);
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(100% + 21px);
}
.line_bg3{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    right: 71%;
    background-color: var(--green);
    opacity: .3;
    z-index: 2;
}
.line_bg3:before{
    content: '';
    display: block;
    width: 5px;
    background-color: var(--green);
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% + 21px);
}
.line_bg4{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    left: 82%;
    background-color: var(--green);
    opacity: .3;
    z-index: 2;
}
.line_bg4:before{
    content: '';
    display: block;
    width: 5px;
    background-color: var(--green);
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% + 21px);
}
.mobile-nav{
    display: none;
}
#hamburger{
    display: none;
}
.user-social{
    margin-top: 10px;
}
.user-social a{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
/*     width: 34px;
    height: 34px;
    margin: 0 3px;
    border: 1px solid var(--green);
    color: var(--green);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; */
}
/* .user-social a:hover{
    color: #fff;
    background-color: var(--green);
} */
.user-social a i{
    width: auto;
}
.soc-title{
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.user-social a i img{
    width: 25px;
    height: auto;
}