
/*font-family: 'Caveat', cursive;*/
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Roboto', sans-serif;*/
/*font-family: 'Roboto Condensed', sans-serif;*/
body {
    font-family: 'Open Sans', sans-serif;
    color: #363b3e;
    background-color: #fff;
    min-width: 320px;
}
.main_banner{
    background: url(../images/main_bg.jpg) no-repeat 51% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px 0 93px;

}
.logo_link{
    display: inline-block;
}
.invite{
    font-family: 'Caveat', cursive;
    font-size: 32px;
    font-weight: 400;
    line-height: 31px;
    max-width: 381px;
    background: url(../images/main_bg_small.png) no-repeat 65% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    padding: 15px 0 14px 37px;
    margin: 17px 00px 13px;
}
.main_banner h1{
    font-weight: 700;
    color: #363b3e;
    font-size: 48px;
    margin:24px 0 0 0;
}
.main_banner span{
    font-weight: 400;
    font-size: 24px;
    color: #363b3e;
}
.main_banner p{
    max-width: 557px;
    color: #363b3e;
    font-size: 23px;
    font-weight: 700;
    margin-top: 20px;
}
.main_banner .block_here{
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}

/**********section_why**********/
.advantages{
    padding: 83px 0 85px 0;
}
.advantages h3{
    color: #5692c7;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 71px;
}
.advantages i{
    color: #5692c7;
    font-size: 60px;
    font-weight: 400;
}
.advantages h4{
    color: #777777;
    font-size: 18px;
    font-weight: 700;
    margin-top: 28px;
}
.advantages hr{
    width: 200px;
    height: 2px;
    background-color: #75a2c9;
    margin-top: 13px;
    margin-bottom: 10px;
}
.advantages p{
    color: #777777;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    min-height: 120px;
}

/**********section_techno & compare**********/
.special{
    background: url(../images/special_banner.jpg) no-repeat 51% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 92px 0 74px;
}
.special h3{
    color: #5692c7;
    font-size: 30px;
    font-weight: 400;
    max-width: 783px;
    margin: 0 auto 33px;
}

.special h2{
    font-size: 36px;
    font-weight: 700;
    color: #5692c7;
    margin-bottom: 28px;
    margin-top: 34px;
}
.special .first{
    padding-right: 0;
    padding-left: 0;
}
.special_heading{
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    padding: 15px 0 12px;
    border-top-left-radius: 23px;
}
.special_heading strong{
    font-size: 30px;
}
.first .special_heading{
    background: #00c1f1;
}
.compare .first .special_heading{
    font-size: 18px;
}
.compare .last .special_heading{
    font-size: 18px;
}
.block_offer{
    background: #fff;
    padding: 35px 50px;
}
.first .block_offer{
    border-bottom-left-radius: 16px;
}
.users{
    color: #3a75aa;
    font-size: 24px;
    font-weight: 700;
}
.special li{
    color: #3a75aa;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
}
.special li:nth-child(3){
    margin-bottom: 0;
}
.special li:nth-child(4){
    margin-bottom: 3px;
}
.special li:nth-child(5), .compare li:nth-child(even) {
    font-size: 31px;
    margin-bottom: 0;
}
.special li:nth-child(6){
    line-height: 25px;
    margin-bottom: 24px;
}
.special  li p{
    color: #777777;
    font-size: 16px;
    font-weight: 400;
}
.infinity{
    color: #3a75aa;
    font-size: 30px;
    font-weight: 700;
    line-height: 20px;
}
.special hr{
    width: 70%;
    height: 1px;
    background-color: #e8e8e8;
    margin-top: 17px;
    margin-bottom: 11px;
}
.special span.text{
    color: #777777;
    font-size: 16px;
    font-weight: 400;
}

.special span, .compare span{
    font-size: 16px;
    font-weight: 700;
    color: #3a75aa;
}
.special li del{
    color: #777777;
    font-size: 18px;
    font-weight: 400;
}
.btn_sign {
    padding: 7px 12px;
    font-size: 16px;
    border-radius: 8px;
    border-width: 2px;
    border-color: #2c6191;
    color: #fff;
    background-color: #2c6191;
    outline: none;
    width: 81%;
    margin: 0 auto;
    font-weight: 700;
}
.btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: 0;
    background-color: #f44d69;
    border-color: #f44d69;
    color: #fff;
}
.btn:hover {
    background-color: #f44d69;
    border-color: #f44d69;
    color: #fff;
}
.special .middle .special_heading{
    background: #627abc;
    border-radius: 0;
}
.special .middle{
    padding-left: 2px;
    padding-right: 2px;
}
.special .last .special_heading{
    border-top-right-radius: 23px;
    border-top-left-radius: 0;
    background: #00b7ce;
}
.special .last .block_offer{
    border-bottom-right-radius: 16px;
}
.special .last{
    padding-left: 0;
    padding-right: 0;
}
.special_offer{
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #5692c7;
    max-width: 608px;
    margin: 0 auto;
}
.compare li{
    padding: 14px 0;
}
.compare li:nth-child(odd){
    background-color: #f2f3f8;
    padding: 14px 0;
}
.compare li:nth-child(even){
    color: #3a75aa;
    background-color: #f9fafc;
    font-weight: 700;
    font-size: 36px;
}
.compare .middle li:nth-child(even){
    background: #f9fafc  url(../images/stick.png) no-repeat center;
}
.compare li p{
    color: #777777;
    font-size: 16px;
    font-weight: 400;
}
.panel_block{
    box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.1);
    background-color: #f2f3f8;
    border-radius: 23px;
}

.panel_block .special_heading{
    border-top-right-radius: 23px;
    border-top-left-radius: 23px;
}
.panel_block .block_offer{
    padding: 0;
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 23px;
}
.panel_block li:last-child{
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 23px;
}
.compare .middle.panel_block li:last-child{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.panel_block .block_offer p{
    margin-bottom: 0;
}
.compare{
    padding-top: 73px;
    padding-bottom: 100px;
}
.compare h3{
    color: #5692c7;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 86px;
}
.compare .first .special_heading{
    background-color: #627abc;
}
.compare .middle{
    background-color: #00c1f1;
    margin-top: -30px;
}
.compare .last{
    background-color: #00b7ce;

}
.panel_block {
    margin-left: -34px;
    margin-right: -34px;
}

.compare .col-sm-4:nth-child(2){
    z-index: 100;
}
.btn_click{
    padding: 16px 12px;
    font-size: 16px;
    border-radius: 0;
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
    color: #fff;
    background-color: #2c6191;
    outline: none;
    margin: 0 auto;
    font-weight: 700;
}
.btn_click i{
    margin-right: 3px;
}
/**********section_videobox**********/

.videobox{
    background: url(../images/video_banner.jpg) no-repeat 51% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 67px 0 100px;
}
.videobox h3{
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 23px;
}
.embed-border{
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2), inset 3px 5px 6px 1px rgba(32, 32, 32, 0.4);
    border: 8px solid #ffffff;
    background-color: #dcdcdc;
}
.embed-responsive-16by9 {
    padding-bottom: 54.25%;
}

/**********section_adv_second**********/
.adv_second {
    padding: 90px 0 0 0 ;
}
.adv_second i {
    font-size: 50px;
    color: #fff;
}
.adv_second h3{
    font-weight: 400;
    font-size: 30px;
    max-width: 915px;
    margin: 0 auto 71px;
}
.adv_second .icon_block{
    height: 126px;
    width: 129px;
    background: url(../images/icon_st.png)no-repeat center;
    position: relative;
    margin: 0 auto;
}
.adv_second .icon_block i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.adv_second .hr_second{
    height: 1px;
    background-color: #dddddd;
    width: 97%;
    margin-top: 55px;
}
.adv_second h4{
    min-height: 38px;
}

/**********section_bonuses**********/
.bonuses{
    padding: 68px 0 96px;
}
.bonuses h3{
    color: #5692c7;
    font-size: 30px;
    font-weight: 400;
    max-width: 650px;
    margin: 0 auto 40px;
}
.bonuses p{
    color: #777777;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.bonuses .bring{
    color: #777777;
    font-size: 16px;
    font-weight: 700;
}
.bonuses .opportunity{
    margin-bottom: 40px;
}
.bonus_block{
    border: 1px solid #e8e8e8;
    background-color: #f9fafc;
    position: relative;
    padding: 90px 15px 0;
    min-height: 318px;
    margin-bottom: 34px;
}
.bonus_block .special_heading{
    font-weight: 400;
    position: absolute;
    width: 98%;
    left: -10px;
    top: 14px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    border-top-left-radius:0;
    padding: 6px 0 6px 25px;
    text-align: left;
}
.bonuses .first_heading{
    background-color: #00c1f1;
}
.bonuses .second_heading{
    background-color: #2c6191;
}
.bonuses .third_heading{
    background-color: #627abc;
}
.bonuses .fourth_heading{
    background-color: #00b7ce;
}
.bonus_block .special_heading:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 3px;
    bottom: -6px;
    z-index: -1;
    border-style: solid;
    border-color: transparent;
    border-width: 6px;
    border-left-color: #0087a8;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.bonus_block .second_heading:before {
    border-left-color: #777777;
}
.bonus_block .third_heading:before{
    border-left-color: #4e5978;
}
.bonus_block .fourth_heading:before{
    border-left-color: #0087a8;
}
.bonus_block .special_heading:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -8px;
    top: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 27px 0 27px 8px;
    border-left-color: #00c1f1;
}
.bonus_block .second_heading:after {
    border-left-color: #2c6191;
}
.bonus_block .third_heading:after {
    border-left-color: #627abc;
}
.bonus_block .fourth_heading:after {
    border-left-color: #00b7ce;
}
.bonus_icon{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}
.special_heading div{
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
}
.p_bot{
    margin-bottom: 78px;
}
.block_img{
    margin-bottom: 15px;
    min-height: 61px;
}
.special_next{
    background: #f9fafc;
    padding-bottom: 69px;
}
.special_next h2{
    line-height: 28px;
    margin-bottom: 46px;
    font-weight: 600;
}
/***************guarantee**************/
.guarantee{
    background: #f9fafc;
    padding-bottom: 78px;
}
.guarantee h2{
    color: #5692c7;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 33px;
}
.guarantee p{
    color: #777777;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px;
}
.block_img img{
    margin: 0 auto;
}
.text_blue strong{
    color: #5692c7;
    font-weight: 700;
    font-size: 16px;
}
/**********footer************/
footer{
    background-color: #464748;
    padding: 10px 0;
}
.copy{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;

}
footer a{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}
footer a:hover, footer a:focus{
    color: #ffffff;
}

/**********media**********/
@media only screen and (max-width: 1200px) {
    .bonus_block .special_heading{
        font-size: 15px;
    }
}
@media only screen and (max-width: 992px) {
    .block_offer {
        padding: 35px 0;
    }
    .panel_block .special_heading{
        font-size: 20px;
    }

}
@media only screen and (max-width: 767px) {
    .invite{
        font-size: 20px;
        line-height: 20px;
        max-width: 285px;
        padding: 15px 0 14px 26px;

    }
    .main_banner h1{
        font-size: 25px;
    }
    .main_banner span{
        font-size: 18px;
    }
    .main_banner p{
        font-size: 18px;
    }
    .main_banner .block_here{
        font-size: 15px;
    }
    .special .first {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 15px;

    }
    .special .middle {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 15px;

    }
    .special .last {
        padding-right: 15px;
        padding-left: 15px;

    }
    .special_heading {
        border-top-right-radius: 23px;
    }
    .special .first .block_offer {
        border-bottom-left-radius: 23px;
        border-bottom-right-radius: 23px;
    }
    .special .middle .special_heading{
        border-top-left-radius: 23px;
        border-top-right-radius: 23px;
    }
    .special .middle .block_offer {
        border-bottom-left-radius: 23px;
        border-bottom-right-radius: 23px;
    }
    .special .last .special_heading{
        border-top-left-radius: 23px;
        border-top-right-radius: 23px;
    }
    .special .last .block_offer {
        border-bottom-left-radius: 23px;
        border-bottom-right-radius: 23px;
    }
    .panel_block {
        margin-bottom: 20px;
    }
    .compare .middle {
        margin-top: 0;
    }
    .panel_block {
        margin-left: 0;
        margin-right: 0;
    }
    .bonus_block .special_heading{
        border-top-right-radius: 0;
    }
}