@charset "UTF-8";
.main-page,.zero{
    position:relative
}
.btn,.btn:active:focus,.btn:focus,a:focus{
    outline:0
}
.ability-list,.normal-text,header .top-header .control-panel ul,header menu.main-menu{
    list-style-type:none
}
.menu-trigger,.row .news .news-item .icon,.styled-tabs .nav.nav-tabs li.active:after,.styled-tabs .nav.nav-tabs li.active:before,.styled-tabs .nav.nav-tabs li:not(.active):after,.styled-tabs .nav.nav-tabs li:nth-child(2).active:after,.tab-detail .icon.long-arrow:after,.tab-detail .icon.middle-arrow:after,.tab-detail .icon.short-arrow:after,header{
    behavior:url(/pie.htc)
}
@-webkit-keyframes rotateToOut{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    100%{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@-o-keyframes rotateToOut{
    0%{
        transform:rotateY(0)
    }
    100%{
        transform:rotateY(360deg)
    }
}
@font-face{
    font-family:'Fira Sans';
    src:local("Fira Sans Italic"),local("FiraSans-Italic"),url(/font/Firasansitalic.woff2) format("woff2"),url(/font/Firasansitalic.woff) format("woff"),url(/font/Firasansitalic.ttf) format("truetype");
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:'Fira Sans';
    src:local("Fira Sans Light"),local("FiraSans-Light"),url(/font/Firasanslight.woff2) format("woff2"),url(/font/Firasanslight.woff) format("woff"),url(/font/Firasanslight.ttf) format("truetype");
    font-weight:200;
    font-style:normal
}
@font-face{
    font-family:'Fira Sans';
    src:local("Fira Sans Regular"),local("FiraSans-Regular"),url(/font/Firasansregular.woff2) format("woff2"),url(/font/Firasansregular.woff) format("woff"),url(/font/Firasansregular.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Fira Sans';
    src:local("Fira Sans Bold"),local("FiraSans-Bold"),url(/font/Firasansbold.woff2) format("woff2"),url(/font/Firasansbold.woff) format("woff"),url(/font/Firasansbold.ttf) format("truetype");
    font-weight:700;
    font-style:normal
}
body{
    background:#fff;
    color:#333;
    font-family:"Fira Sans",sans-serif;
    font-size:13px
}
.ability-list li p,.articles .articles-item .description p,.btn.btn-small,.btn.primary-action,.btn.secondary-action,.info .info-item .description p,.normal-text,.options-item .description p,.small-list *,header .secondary-description,header menu.main-menu li a:not(.btn) svg{
    font-family:Arial,sans-serif
}
ul{
    margin:0;
    padding:0
}
img{
    display:block;
    max-width:100%
}
.hor-divider,.zero,.zero span,.zero:before{
    display:inline-block
}
iframe[id=registrationWidgetiFrame]{
    border:0;
    min-height:560px;
    width:100%
}
.no-bg{
    background:0 0!important
}
.menu-trigger{
    background-image:url(../img/menu-icon.png);
    background-repeat:no-repeat;
    -webkit-background-size:auto auto;
    background-size:auto;
    height:28px;
    width:28px
}
.menu-trigger.open{
    background-image:url(../img/closer.png)
}
.normal-text{
    font-size:17px;
    font-weight:400;
    line-height:22px;
    margin-bottom:39px;
    max-width:833px
}
.normal-text a{
    text-decoration:underline
}
.text-light{
    color:#fefefe
}
.big-text,.popover,.section.dark-section .section-header,.section.purple-section .section-header{
    color:#fff
}
.big-text{
    font-size:21px;
    font-weight:300;
    line-height:26px;
    margin:35px auto 0;
    max-width:510px
}
.small-block{
    max-width:833px
}
.small-block__ext{
    background:#fff;
    max-width:905px;
    padding:52px
}
.middle-block{
    max-width:90%
}
.small-list{
    line-height:20px;
    margin:20px 0
}
.small-list *{
    font-size:13px;
    font-style:italic;
    font-weight:400
}
.section{
    background-color:#fff;
    padding:72px 0
}
.section-header{
    font-size:43px;
    font-weight:300;
    line-height:26px;
    margin:0 0 30px;
    text-align:center
}
.section.yellow-section{
    background:rgba(255,228,79,.9);
    padding:24px
}
* a.dotted{
    border-bottom:1px dotted #52a8dd;
    text-decoration:none
}
.linear-grey-section{
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));
    background:-webkit-linear-gradient(top,#fff,#f3f3f3);
    background:-o-linear-gradient(top,#fff,#f3f3f3);
    background:linear-gradient(to bottom,#fff,#f3f3f3)
}
.grey-section{
    background-color:#f3f3f3
}
.dark-section{
    background:-webkit-gradient(radial,30% 30%,0,center center,100%,color-stop(0,#545d6f),color-stop(42%,#404859),color-stop(100%,#252c3c));
    background:-webkit-radial-gradient(30%,ellipse cover,#545d6f 0,#404859 42%,#252c3c 100%);
    background:-o-radial-gradient(30%,ellipse cover,#545d6f 0,#404859 42%,#252c3c 100%);
    background:-webkit-radial-gradient(30% ellipse,#545d6f 0,#404859 42%,#252c3c 100%);
    background:-o-radial-gradient(30% ellipse,#545d6f 0,#404859 42%,#252c3c 100%);
    background:radial-gradient(ellipse at 30%,#545d6f 0,#404859 42%,#252c3c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#545D6F', endColorstr='#252c3c', GradientType=1 )
}
.purple-section{
    background:-webkit-gradient(radial,center center,0,center center,80%,color-stop(0,#D592BA),color-stop(80%,#781e54));
    background:-webkit-radial-gradient(center,ellipse cover,#D592BA 0,#781e54 80%);
    background:-o-radial-gradient(center,ellipse cover,#D592BA 0,#781e54 80%);
    background:-webkit-radial-gradient(center ellipse,#D592BA 0,#781e54 80%);
    background:-o-radial-gradient(center ellipse,#D592BA 0,#781e54 80%);
    background:radial-gradient(ellipse at center,#D592BA 0,#781e54 80%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D592BA', endColorstr='#781e54', GradientType=1)
}
.hor-divider{
    background-color:#d5d5d5;
    float:left;
    width:1px
}
.quest{
    cursor:pointer;
    margin-left:5px
}
.popover{
    background-color:#494949;
    border:0;
    border-radius:0;
    max-width:295px
}
.popover .arrow{
    border-bottom-color:#494949
}
.popover .arrow::after{
    border-bottom-color:#494949!important
}
.zero{
    font-size:40px;
    font-weight:300;
    height:106px;
    margin:0;
    max-width:120px
}
.zero span{
    padding:10px 55px
}
.zero,.zero:before{
    vertical-align:text-top
}
.zero:before{
    color:#e78800;
    content:"0";
    font-size:97px;
    left:0;
    position:absolute;
    top:0
}
.features{
    margin-top:35px;
    max-width:700px
}
.features-header{
    max-width:900px
}
.features-header .section-header{
    line-height:50px
}
.features-item{
    padding-left:50px;
    padding-right:0;
    position:relative
}
.features-item .normal-text{
    margin-bottom:45px
}
.features-item .normal-text::before,.list-elem::before{
    content:'—';
    display:inline-block;
    left:25px;
    position:absolute
}
.articles,.info,.options{
    display:block;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:60px
}
@media (min-width:480px) and (max-width:1024px){
    .articles,.info,.options{
        display:inline-block
    }
}
.articles .articles-item,.info .info-item,.options-item{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:60px
}
@media (min-width:1024px){
    .articles .articles-item,.info .info-item,.options-item{
        width:33%
    }
}
@media (min-width:480px) and (max-width:1024px){
    .articles .articles-item:not(.info-item),.info .info-item:not(.info-item),.options-item:not(.info-item){
        width:49.5%
    }
}
.articles .articles-item a,.info .info-item a,.options-item a{
    text-decoration:underline
}
.row .news .news-item:active,.row .news .news-item:focus,.row .news .news-item:hover,.section-header a:hover,header a:hover,header menu.main-menu li a:not(.btn):focus,header menu.main-menu li a:not(.btn):hover,header menu.main-menu li a:not(.btn):visited{
    text-decoration:none
}
.articles .articles-item .icon,.info .info-item .icon,.options-item .icon{
    background-image:url(../img/options.png);
    height:87px;
    margin-right:20px;
    width:75px
}
@media (min-width:768px) and (max-width:1024px){
    .articles .articles-item .icon,.info .info-item .icon,.options-item .icon{
        width:70px
    }
}
.articles .articles-item .description,.info .info-item .description,.options-item .description{
    width:80%
}
.articles .articles-item .description h4,.info .info-item .description h4,.options-item .description h4{
    font-size:22px;
    font-weight:300;
    line-height:26px
}
.articles .articles-item .description p,.info .info-item .description p,.options-item .description p{
    color:#858585;
    font-size:15px;
    font-weight:400;
    line-height:20px
}
.articles .articles-item:first-child .icon,.info .info-item:first-child .icon,.options-item:first-child .icon{
    background-position:0 0
}
.articles .articles-item:nth-child(2) .icon,.info .info-item:nth-child(2) .icon,.options-item:nth-child(2) .icon{
    background-position:-70px 0
}
.articles .articles-item:nth-child(3) .icon,.info .info-item:nth-child(3) .icon,.options-item:nth-child(3) .icon{
    background-position:71px 0
}
.articles .articles-item:nth-child(4) .icon,.info .info-item:nth-child(4) .icon,.options-item:nth-child(4) .icon{
    background-position:0 85px
}
.articles .articles-item:nth-child(5) .icon,.info .info-item:nth-child(5) .icon,.options-item:nth-child(5) .icon{
    background-position:-70px 85px
}
.articles .articles-item:nth-child(6) .icon,.info .info-item:nth-child(6) .icon,.options-item:nth-child(6) .icon{
    background-position:70px 85px
}
#news.section{
    background-color:#e9f6fa;
    border-bottom:1px solid #f3f3f3
}
#news.section .section-header{
    margin-bottom:0
}
.row .news{
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:1024px
}
.row .news .news-item{
    display:block;
    margin:0 5% 0 0;
    padding:0 24px 30px;
    width:-webkit-calc(50% - 5%);
    width:calc(50% - 5%)
}
.row .news .news-item:last-child{
    margin-right:0
}
.row .news .news-item .description{
    width:67%
}
.row .news .news-item .description p{
    font-size:14px
}
.row .news .news-item .icon{
    
    height:120px;
    margin-right:29px;
    padding:0!important;
    width:25%
}
.row .news .news-item .icon span{
    color:#494949;
    display:block;
    font-weight:300;
    line-height:32px;
    text-align:center;
    width:100%
}
.row .news .news-item .icon span:first-child{
    font-size:43px;
    padding:25px 0 0
}
@media all and (max-width:1024px) and (min-width:320px){
    .row .news .news-item .icon span:first-child{
        padding:20px 0 0
    }
}
.row .news .news-item .icon span:last-child{
    font-size:27px
}
.row .news .news-item .description,.row .news .news-item .icon{
    display:inline-block;
    vertical-align:top
}
@media (min-width:320px) and (max-width:1024px){
    .row .news .news-item{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        margin:0;
        width:100%
    }
    .row .news .news-item .description{
        margin-left:0;
        text-align:center;
        width:100%
    }
    .row .news .news-item .icon{
        background:url(../img/hexa_news.png) center/contain no-repeat;
        behavior:url(/pie.htc);
        display:block;
        height:105px;
        margin:0 auto;
        width:120px
    }
    .row .news .news-item .icon span:first-child{
        font-size:30px
    }
    .row .news .news-item .icon span:last-child{
        font-size:20px
    }
}
@media (min-width:620px) and (max-width:768px){
    .row .news .news-item{
        margin:0 8% 0 0;
        width:-webkit-calc(50% - 8%);
        width:calc(50% - 8%)
    }
}
.articles,.info{
    display:block;
    margin-left:auto
}
@media (min-width:769px) and (max-width:1024px){
    .row .news .news-item{
        width:50%
    }
}
.articles{
    margin-right:auto;
    max-width:1024px
}
.articles .articles-item .icon{
    background-image:url(../img/hexa-articles.png);
    background-position:center!important;
    background-repeat:no-repeat;
    -webkit-background-size:contain;
    background-size:contain;
    height:44px;
    margin-right:20px;
    width:39px
}
.articles .articles-item .description p{
    color:#333;
    font-size:17px;
    max-width:200px
}
@media (min-width:480px) and (max-width:758px){
    .articles.row .articles-item{
        width:100%
    }
    .articles.row .articles-item p{
        max-width:100%
    }
}
@media (min-width:320px) and (max-width:480px){
    .articles.row .articles-item p{
        max-width:100%
    }
}
@media (min-width:768px) and (max-width:1024px){
    .articles.row .articles-item{
        width:33%
    }
}
.info{
    margin-right:auto;
    margin-top:16px;
    max-width:1024px
}
.info .info-item{
    margin-bottom:0
}
.info .info-item .icon{
    background:0 0
}
.info .info-item .icon img{
    float:right;
    margin:0
}
.info .info-item .icon::after,.info .info-item .icon::before{
    clear:both;
    content:' ';
    display:table
}
.info .info-item .description{
    max-width:185px
}
.info .info-item .description p{
    color:#333;
    font-size:17px!important
}
.ability-list li,.contact-item span{
    font-size:15px;
    font-weight:400;
    line-height:20px
}
.ability-list{
    margin-top:45px
}
.ability-list li{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    color:#fff;
    margin-bottom:15px
}
.ability-list li p,.ability-list li:before,.tab-detail .icon.middle-arrow img,.tab-detail .icon.middle-arrow:after{
    display:inline-block
}
.ability-list li p{
    width:80%
}
.ability-list li:before{
    content:url(../img/done-icon.png);
    margin-right:30px
}
.tab-detail{
    color:#636363;
    max-width:295px
}
.tab-detail .icon{
    margin-bottom:35px;
    position:relative
}
.tab-detail .icon:after{
    content:"";
    height:22px;
    position:absolute;
    top:35px
}
.tab-detail .icon.middle-arrow:after{
    background:url(../img/middle-arrow.png) center/cover no-repeat;
    right:35px;
    width:162px
}
.tab-detail .icon.long-arrow:after{
    background:url(../img/long-arrow.png) center/cover no-repeat;
    right:-130px;
    width:205px
}
.tab-detail .icon.short-arrow:after{
    background:url(../img/short-arrow.png) center/cover no-repeat;
    right:0;
    width:72px
}

.tab-detail .icon-detail .normal-text{
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:253px;
    position:relative
}
.tab-detail .icon-detail .normal-text li.list-elem{
    padding-left:30px
}
.tab-detail .icon-detail .normal-text li.list-elem::before{
    left:0
}

.contact-item span,.contact-item strong{
    color:#333;
    display:block;
    font-family:Arial,sans-serif
}
.contact-item strong{
    font-size:18px;
    line-height:24px
}
.contact-item .btn{
    height:51px;
    line-height:37px;
    width:100%
}
.contact-item:nth-of-type(2){
    padding-left:25px
}
.tariffs-tabs{
    display:none
}
.zero-offset{
    padding-left:0;
    padding-right:0
}
.zero-offset .small-block__ext{
    padding-left:16px;
    padding-right:16px;
    padding-top:16px
}
#apply .section-header,#tariffs .section-header,#youQuestions .section-header{
    margin:0 0 58px
}
#apply .col-lg-12>.normal-text,#tariffs .col-lg-12>.normal-text,#youQuestions .col-lg-12>.normal-text{
    color:#636363
}
#articles{
    padding:64px 0
}
#articles .section-header{
    margin:0 0 8px
}
#articles p{
    margin-bottom:0
}
#articles .articles .articles-item{
    margin-bottom:16px
}
#how-it-works .section-header{
    margin:0 0 40px
}
#registration .zero-offset .small-block__ext{
    padding-top:52px
}
#registration .styled-tabs__simple{
    margin:0 auto;
    max-width:550px
}
#registration .styled-tabs__simple .nav{
    margin:0;
    padding-bottom:16px;
    text-align:left
}
#registrationSuccess .normal-text{
    max-width:550px
}
#business{
    padding:5px 0 72px
}
@media (min-width:992px){
    #info .container{
        width:100%
    }
}

.btn{
    -webkit-transition:all .15s ease-out 0s;
    -o-transition:all .15s ease-out 0s;
    transition:all .15s ease-out 0s;
    behavior:url(/pie.htc);
    border:0;
    color:#515151
}
.btn-yellow{
    background-image:-webkit-gradient(linear,left bottom,left top,from(#ffc808),to(#fff031));
    background-image:-webkit-linear-gradient(bottom,#ffc808 0,#fff031 100%);
    background-image:-o-linear-gradient(bottom,#ffc808 0,#fff031 100%);
    background-image:linear-gradient(to top,#ffc808 0,#fff031 100%);
    background-color:#fbaf5c;
    border-radius:10px;
    -webkit-box-shadow:0 2px 2px rgba(185,185,185,.75);
    box-shadow:0 2px 2px rgba(185,185,185,.75)
}
.btn-grey,.btn.btn-small{
    border-radius:3px;
    font-weight:400
}
.btn-yellow:active{
    background-image:-webkit-gradient(linear,left bottom,left top,from(#ffce22),to(#fff24b));
    background-image:-webkit-linear-gradient(bottom,#ffce22 0,#fff24b 100%);
    background-image:-o-linear-gradient(bottom,#ffce22 0,#fff24b 100%);
    background-image:linear-gradient(to top,#ffce22 0,#fff24b 100%);
    background-color:#fcbb75
}
.btn-yellow:hover:not([disabled]){
    background-color:#e8e8e8;
    background-image:-webkit-gradient(linear,left bottom,left top,from(#fff031),to(#fff031));
    background-image:-webkit-linear-gradient(bottom,#fff031 0,#fff031 100%);
    background-image:-o-linear-gradient(bottom,#fff031 0,#fff031 100%);
    background-image:linear-gradient(to top,#fff031 0,#fff031 100%)
}
.btn-grey{
    background-image:-webkit-gradient(linear,left bottom,left top,from(#e3e3e3),to(#f3f3f3));
    background-image:-webkit-linear-gradient(bottom,#e3e3e3 0,#f3f3f3 100%);
    background-image:-o-linear-gradient(bottom,#e3e3e3 0,#f3f3f3 100%);
    background-image:linear-gradient(to top,#e3e3e3 0,#f3f3f3 100%);
    background-color:#fbaf5c;
    -webkit-box-shadow:0 2px 2px rgba(185,185,185,.75);
    box-shadow:0 2px 2px rgba(185,185,185,.75);
    font-size:15px;
    line-height:20px;
    padding:15px 30px
}
.btn-grey:active{
    background-image:-webkit-gradient(linear,left bottom,left top,from(#e4e4e4),to(#fff));
    background-image:-webkit-linear-gradient(bottom,#e4e4e4 0,#fff 100%);
    background-image:-o-linear-gradient(bottom,#e4e4e4 0,#fff 100%);
    background-image:linear-gradient(to top,#e4e4e4 0,#fff 100%);
    background-color:#fcbb75
}
.btn-grey:hover:not([disabled]){
    background-color:#e8e8e8;
    background-image:-webkit-gradient(linear,left bottom,left top,from(#f3f3f3),to(#f3f3f3));
    background-image:-webkit-linear-gradient(bottom,#f3f3f3 0,#f3f3f3 100%);
    background-image:-o-linear-gradient(bottom,#f3f3f3 0,#f3f3f3 100%);
    background-image:linear-gradient(to top,#f3f3f3 0,#f3f3f3 100%)
}
.btn.primary-action{
    color:#515151;
    font-size:23px;
    font-weight:400;
    line-height:54px;
    min-width:260px
}
.btn.secondary-action{
    font-size:17px;
    max-width:210px
}
.btn.btn-small{
    color:#333;
    font-size:15px
}
header{
    background:url(../img/first-people.png) 0 65%/35% no-repeat,url(../img/second-people.png) 100% 65%/35% no-repeat,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));
    background:url(../img/first-people.png) 0 65%/35% no-repeat,url(../img/second-people.png) 100% 65%/35% no-repeat,-webkit-linear-gradient(top,#fff,#f3f3f3);
    background:url(../img/first-people.png) 0 65%/35% no-repeat,url(../img/second-people.png) 100% 65%/35% no-repeat,-o-linear-gradient(top,#fff,#f3f3f3);
    background:url(../img/first-people.png) 0 65%/35% no-repeat,url(../img/second-people.png) 100% 65%/35% no-repeat,linear-gradient(to bottom,#fff,#f3f3f3);
    padding-bottom:90px;
    position:relative
}
header a{
    -webkit-transition:all .15s ease-out 0s;
    -o-transition:all .15s ease-out 0s;
    transition:all .15s ease-out 0s
}
header .main-logo{
    margin-right:20px;
    padding-top:25px;
    width:127px
}
@media screen and (max-width:768px){
    header .main-logo{
        width:50%!important
    }
}
header .main-logo__big{
    display:inline-block;
    float:left
}
header .main-logo__small{
    display:none;
    float:left
}
header .main-slogan{
    font-size:36px;
    font-weight:300;
    line-height:61px;
    margin:50px auto 37px;
    max-width:560px
}

header .main-slogan a:hover,header .main-slogan a:active,header .main-slogan a:focus {
  text-decoration: none;
  
}

header .main-description{
    color:#333;
    font-size:19px;
    font-weight:300;
    line-height:22px;
    margin-bottom:63px;
    max-width:350px
}
header .secondary-description{
    font-size:15px;
    font-weight:400;
    line-height:22px;
    margin:20px auto 0;
    max-width:339px
}
header .primary-action{
    margin-bottom:28px
}
header .btn.secondary-action{
    border:1px solid #cacaca;
    border-radius:10px;
    background-color:#fff;
    line-height:16px;
    max-width:none;
    padding:16px 32px
}
header .a-logo{
    margin-top:200px
}
@media screen and (min-width:320px) and (max-width:768px){
    header .a-logo{
        margin-top:50px
    }
}
header .top-header{
    background:#fff;
    left:0;
    padding:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:999;
    -webkit-transition:top .3s ease-in-out;
    -o-transition:top .3s ease-in-out;
    transition:top .3s ease-in-out
}
header .top-header>.container{
    position:relative
}
@media screen and (min-width:768px) and (max-width:1024px){
    header .a-logo{
        margin-top:100px
    }
    header .top-header>.container{
        width:100%
    }
}
header .top-header.active .main-menu .hidden-lg,header .top-header.active .main-menu .hidden-md,header .top-header.fixed .main-menu .hidden-lg,header .top-header.fixed .main-menu .hidden-md{
    display:none!important
}
header .top-header .control-panel{
    background:#fcdf24;
    border-radius:0 0 4px 4px;
    -webkit-box-shadow:0 3px 7px 0 rgba(0,0,0,.3);
    box-shadow:0 3px 7px 0 rgba(0,0,0,.3);
    font-size:12px;
    padding:2px 10px;
    position:absolute;
    right:0;
    top:0
}
@media screen and (min-width:1024px){
    header .top-header .control-panel{
        right:32px
    }
}
@media screen and (min-width:1024px) and (max-width:1200px){
    header .top-header .control-panel{
        position:fixed
    }
}
@media screen and (min-width:768px) and (max-width:880px){
    header .top-header .control-panel{
        display:none
    }
}
header .top-header .control-panel ul li.item{
    border-radius:3px;
    display:inline-block;
    padding:4px 4px 3px
}
header .top-header .control-panel ul li.item a{
    border-bottom:1px solid #888;
    color:#000;
    display:inline-block;
    line-height:13px
}
header .top-header .control-panel ul li.item a:hover{
    border-bottom:1px solid transparent;
    text-decoration:none
}
header .top-header .control-panel ul li.item.active{
    background:rgba(255,255,255,.8)
}
header .top-header .control-panel ul li.item.active a{
    border-bottom:1px solid transparent
}
header .top-header .control-panel ul li.item.enter:before{
    content:url(../img/door.png);
    display:inline-block;
    margin:0 3px
}
header .top-header .control-panel ul li.item.enter a,header .top-header .control-panel ul li.item.enter:before{
    vertical-align:middle
}
header .top-header.fixed{
    top:-200px;
    visibility:hidden
}
header .top-header.fixed .main-menu{
    background:0 0;
    padding-top:25px
}
header .top-header.fixed.show{
    background:#f7f6f7;
    border-bottom:1px solid #ebe8eb;
    left:0;
    margin-left:0;
    margin-right:0;
    top:0;
    position:fixed;
    visibility:visible;
    width:100%;
    z-index:999
}
header .top-header.fixed.show .main-logo{
    -webkit-transition:-webkit-transform .3s ease-in-out;
    -o-transition:-o-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
    transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-o-transform .3s ease-in-out;
    display:inline-block;
    margin:0;
    padding:16px;
    width:70px
}
header .top-header.active .control-panel,header .top-header.fixed .control-panel,header .top-header.fixed.show .main-logo__big{
    display:none
}
@media (min-width:920px){
    header .top-header.active .main-menu .hidden-lg,header .top-header.active .main-menu .hidden-md,header .top-header.fixed .main-menu .hidden-lg,header .top-header.fixed .main-menu .hidden-md{
        display:inline-block!important;
        position:absolute;
        right:0;
        top:10px
    }
}
@media (max-width:920px){
    header .top-header.active .main-menu .hidden-lg,header .top-header.active .main-menu .hidden-md,header .top-header.fixed .main-menu .hidden-lg,header .top-header.fixed .main-menu .hidden-md{
        display:block!important
    }
}
header .top-header.active .main-menu .hidden-lg .btn:first-child,header .top-header.active .main-menu .hidden-md .btn:first-child,header .top-header.fixed .main-menu .hidden-lg .btn:first-child,header .top-header.fixed .main-menu .hidden-md .btn:first-child{
    margin-right:8px
}
@media screen and (min-width:1200px){
    header .top-header.active .main-menu .hidden-lg .btn,header .top-header.active .main-menu .hidden-md .btn,header .top-header.fixed .main-menu .hidden-lg .btn,header .top-header.fixed .main-menu .hidden-md .btn{
        padding:0 16px
    }
    header .top-header.active .main-menu .hidden-lg .btn:first-child,header .top-header.active .main-menu .hidden-md .btn:first-child,header .top-header.fixed .main-menu .hidden-lg .btn:first-child,header .top-header.fixed .main-menu .hidden-md .btn:first-child{
        margin-right:16px
    }
}
header .bottom-header{
    margin-left:0;
    margin-right:0;
    margin-top:12px
}
header menu.main-menu{
    background:url(../img/menu-shadow.png) bottom left/contain no-repeat;
    display:inline-block;
    margin:0 0 8px;
    padding:45px 0 8px;
    width:auto
}
header menu.main-menu li{
    display:inline-block;
    margin-right:20px;
    text-align:center;
    width:auto
}
@media (max-width:1024px){
    header menu.main-menu li{
        margin-right:10px
    }
}
header menu.main-menu li a:not(.btn){
    border-bottom:1px solid #bc104e;
    display:inline-block;
    height:15px
}
header menu.main-menu li a:not(.btn) svg{
    height:20px;
    overflow:visible
}
header menu.main-menu li a:not(.btn) svg text{
    text-rendering:geometricPrecision
}
header menu.main-menu li a:not(.btn):hover{
    border-bottom:1px solid transparent
}
header menu.main-menu li a:not(.btn):hover text{
    fill:#c50005;
    font-family:Arial,sans-serif
}
header menu.main-menu .btn{
    border-radius:7px;
    display:inline-block;
    font-size:14px;
    height:38px;
    line-height:37px;
    padding:0 8px
}
.tariffs{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative
}
.tariffs [class*=col-]{
    padding:0
}
.tariffs span,.tariffs strong{
    display:inline-block;
    font-family:Arial,sans-serif
}
.tariffs span sup,.tariffs strong sup{
    color:#959595
}
.tariffs strong{
    font-size:20px
}
.tariffs .tab-pane,.tariffs-item{
    background-color:#f3f3f3;
    display:inline-block;
    float:left;
    list-style-type:none;
    max-width:350px;
    opacity:1;
    position:relative;
    width:33%;
    z-index:0
}
.tariffs .tab-pane:first-child,.tariffs-item:first-child{
    background-color:#fff
}
.tariffs .tab-pane:first-child li,.tariffs-item:first-child li{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.tariffs .tab-pane:nth-child(2):after,.tariffs-item:nth-child(2):after{
    background-color:#d5d5d5;
    content:"";
    display:inline-block;
    height:78%;
    position:absolute;
    right:0;
    top:90px;
    width:1px;
    z-index:10
}
.tariffs .tab-pane li,.tariffs-item li{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-family:Arial;
    font-size:15px;
    font-weight:400;
    height:59px;
    padding:10px 0
}
.tariffs .tab-pane li.header,.tariffs-item li.header{
    font-size:18px;
    font-weight:400;
    height:77px;
    padding:10px 25px
}
.tariffs .tab-pane li.header.yellow,.tariffs-item li.header.yellow{
    background-color:#ffd108
}
.tariffs .tab-pane li.header.green,.tariffs-item li.header.green{
    background-color:#a2cd47
}
.tariffs .tab-pane li:last-child,.tariffs-item li:last-child{
    height:auto
}
.tariffs .tab-pane__plan li,.tariffs-item__plan li{
    font-size:20px;
    font-weight:400
}
.tariffs .tab-pane__full--list,.tariffs-item__full--list{
    bottom:0;
    height:59px;
    padding:39px 0!important;
    position:absolute
}
.tariffs .tab-pane__full--list a,.tariffs-item__full--list a{
    text-decoration:underline
}
.tariffs .btn{
    margin-bottom:15px
}
.styled-tabs .nav{
    border:0;
    text-align:center;
    margin:0 auto;
    padding-bottom:60px;
    max-width:750px
}
.styled-tabs .nav.nav-tabs li{
    background-image:-webkit-gradient(linear,left bottom,left top,from(#e2e2e2),to(#f3f3f3));
    background-image:-webkit-linear-gradient(bottom,#e2e2e2 0,#f3f3f3 100%);
    background-image:-o-linear-gradient(bottom,#e2e2e2 0,#f3f3f3 100%);
    background-image:linear-gradient(to top,#e2e2e2 0,#f3f3f3 100%);
    border:0;
    display:inline-block;
    min-width:33%;
    position:relative
}
.styled-tabs .nav.nav-tabs li.active:after,.styled-tabs .nav.nav-tabs li.active:before,.styled-tabs .nav.nav-tabs li:not(.active):after,.styled-tabs .nav.nav-tabs li:not(.active):before{
    content:'';
    display:inline-block;
    height:100%;
    position:absolute;
    top:0;
    width:20px;
    z-index:99
}
.styled-tabs .nav.nav-tabs li:first-child:before,.styled-tabs .nav.nav-tabs li:first-child:not(.active):before{
    display:none
}
.styled-tabs .nav.nav-tabs li.active:after,.styled-tabs .nav.nav-tabs li:not(.active):after{
    right:0
}
.styled-tabs .nav.nav-tabs li.active:after{
    background:url(../img/tab-sprite.png) 88%/cover no-repeat
}
.styled-tabs .nav.nav-tabs li.active:before{
    background:url(../img/tab-sprite.png) 12%/cover no-repeat;
    left:-18px
}
.styled-tabs .nav.nav-tabs li:not(.active):after{
    background:url(../img/tab-arrow.png) 100% 0/contain no-repeat
}
.styled-tabs .nav.nav-tabs li:nth-child(2).active:after{
    background:url(../img/tab-sprite.png) 100%/cover no-repeat
}
.styled-tabs .nav.nav-tabs li a{
    border:1px solid transparent;
    border-radius:0;
    color:#333;
    display:inline-block;
    font-family:Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    height:100%;
    line-height:20px;
    margin-right:0;
    padding:13px;
    position:relative;
    text-align:center;
    width:100%
}
.styled-tabs .nav.nav-tabs li a:focus,.styled-tabs .nav.nav-tabs li a:focus:active,.styled-tabs .nav.nav-tabs li a:hover{
    background:0 0;
    border:1px solid transparent;
    color:#333
}
.styled-tabs .nav.nav-tabs li:last-child a{
    background:0 0
}
.styled-tabs .nav.nav-tabs li:last-child:after{
    display:none
}
.styled-tabs .nav.nav-tabs li.active a,.styled-tabs .nav.nav-tabs li.active a:focus,.styled-tabs .nav.nav-tabs li.active a:focus:active,.styled-tabs .nav.nav-tabs li.active a:hover{
    background:url(../img/tab-bg.png) 0 97% repeat-x;
    width:100%
}
.styled-tabs .nav.nav-tabs li.active a:after,.styled-tabs .nav.nav-tabs li.active a:focus:active:after,.styled-tabs .nav.nav-tabs li.active a:focus:after,.styled-tabs .nav.nav-tabs li.active a:hover:after{
    border:15px solid transparent;
    border-top:15px solid #ffd108;
    content:"";
    display:inline-block;
    left:40%;
    position:absolute;
    top:95%
}
.styled-tabs .nav.nav-tabs li.active:first-child a,.styled-tabs .nav.nav-tabs li.active:first-child a:focus,.styled-tabs .nav.nav-tabs li.active:first-child a:focus:active,.styled-tabs .nav.nav-tabs li.active:first-child a:hover,.styled-tabs .nav.nav-tabs li.active:last-child a,.styled-tabs .nav.nav-tabs li.active:last-child a:focus,.styled-tabs .nav.nav-tabs li.active:last-child a:focus:active,.styled-tabs .nav.nav-tabs li.active:last-child a:hover{
    width:100%
}
.styled-tabs .nav.nav-tabs li.active:last-child a:after,.styled-tabs .nav.nav-tabs li.active:last-child a:focus:active:after,.styled-tabs .nav.nav-tabs li.active:last-child a:focus:after,.styled-tabs .nav.nav-tabs li.active:last-child a:hover:after{
    left:45%
}
.styled-tabs__content{
    min-height:382px;
    overflow:hidden
}
.styled-tabs__simple .nav{
    max-width:350px;
    padding-bottom:60px
}
.styled-tabs__simple .nav.nav-tabs li{
    max-width:50%;
    min-width:50%
}
.styled-tabs__simple .nav.nav-tabs li:nth-child(2){
    min-width:50%
}
.styled-tabs__simple .nav.nav-tabs li:after,.styled-tabs__simple .nav.nav-tabs li:before{
    visibility:hidden
}
.styled-tabs__simple .nav.nav-tabs li a,.styled-tabs__simple .nav.nav-tabs li a:active:focus,.styled-tabs__simple .nav.nav-tabs li a:focus,.styled-tabs__simple .nav.nav-tabs li a:hover{
    border:0
}
.styled-tabs__simple .nav.nav-tabs li.active a{
    background:#ffd108;
    border:0;
    -webkit-box-shadow:inset 1px 3px 6px rgba(0,0,0,.3);
    box-shadow:inset 1px 3px 6px rgba(0,0,0,.3)
}
.styled-tabs__simple .nav.nav-tabs li.active a:active:focus,.styled-tabs__simple .nav.nav-tabs li.active a:focus,.styled-tabs__simple .nav.nav-tabs li.active a:hover{
    background:#ffd108;
    -webkit-box-shadow:inset 1px 3px 6px rgba(0,0,0,.3);
    box-shadow:inset 1px 3px 6px rgba(0,0,0,.3)
}
.form-group input[type=checkbox]{
    display:inline-block;
    height:15px;
    margin-right:5px;
    vertical-align:top;
    width:15px
}
.form-group input.form-control{
    background-color:#fff;
    border:1px solid #aeaeae;
    border-radius:3px;
    -webkit-box-shadow:inset 1.2px 2.8px 6px rgba(212,217,222,.75);
    box-shadow:inset 1.2px 2.8px 6px rgba(212,217,222,.75);
    font-size:17px;
    font-weight:400;
    height:52px;
    line-height:66px;
    padding:0 21px
}
.form-group label,footer p{
    font-size:15px;
    font-weight:400
}
.form-group input.form-control:focus{
    border:1px solid #f68e55;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-group label{
    font-family:Arial
}
.register-form{
    background:#fff;
    max-width:550px;
    width:100%
}
.register-form .btn{
    margin-bottom:20px
}
.register-form .normal-text{
    color:#8b8b8b;
    margin-bottom:20px
}
footer{
    border-top:1px solid #e4e4e3;
    min-height:216px;
    padding:36px 0
}
footer .footer-desc p{
    font-family:Arial,sans-serif
}
footer p{
    color:#333;
    line-height:20px
}
@keyframes rotateToOut{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    100%{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@media screen and (min-width:320px) and (max-width:768px){
    .small-block__ext{
        padding:0
    }
    .small-block__ext .styled-tabs .nav.nav-tabs{
        padding-bottom:30px
    }
    .small-block__ext .styled-tabs .nav.nav-tabs li a{
        font-size:15px
    }
    .carousel-inner{
        min-height:330px
    }
    header .control-panel,header menu.hidden-menu{
        display:none
    }
    header .top-header{
        left:0;
        margin-left:0;
        margin-right:0;
        position:fixed;
        top:0;
        width:100%;
        z-index:99
    }
    header .top-header.active{
        background:#f7f6f7;
        border-bottom:1px solid #ebe8eb
    }
    header .top-header.active .main-menu .hidden-lg,header .top-header.active .main-menu .hidden-md,header .top-header.fixed .main-menu .hidden-lg,header .top-header.fixed .main-menu .hidden-md{
        display:block!important
    }
    header .bottom-header{
        margin-top:51px
    }
    header menu.main-menu{
        background:#f7f6f7;
        margin:0!important;
        padding:70px 0 8px
    }
    header menu.main-menu li{
        display:block;
        margin:0 auto;
        text-align:left;
        width:160px
    }
    header menu.main-menu li a:not(.btn){
        border-bottom:1px solid #bc104e;
        margin:0 0 0 16px;
        text-align:center;
        width:auto
    }
    header menu.main-menu li a:not(.btn):hover{
        border:0
    }
    header menu.main-menu .btn{
        display:block;
        margin-bottom:15px;
        margin-left:auto!important;
        margin-right:auto!important
    }
    header menu.main-menu .btn:first-child{
        max-width:130px
    }
    header menu.main-menu .btn:last-child{
        width:153px
    }
    header menu.main-menu.hidden-menu{
        display:none
    }
    header menu.main-menu.hidden-menu.active{
        display:block
    }
    header .main-logo__big{
        display:none
    }
    header .main-logo__small{
        display:inline-block;
        float:left;
        margin-right:0;
        padding:12px;
        width:50%
    }
    header .menu-trigger{
        margin-right:4px;
        margin-top:16px
    }
    header .main-slogan{
        font-size:30px;
        line-height:normal;
        margin:30px auto;
        width:100%
    }
    header .btn.primary-action{
        margin-top:25px
    }
    header .btn.secondary-action{
        margin-bottom:32px
    }
    .contact-item,footer img{
        margin-bottom:20px
    }
    .btn.btn-small{
        font-size:14px;
        height:38px;
        line-height:37px;
        padding:0;
        width:153px
    }
    .section-header{
        font-size:30px;
        line-height:26px!important
    }
    .normal-text{
        font-size:15px
    }
    .contact-item{
        text-align:center
    }
    .tariffs .tab-pane,.tariffs .tariffs-item{
        display:none;
        width:100%
    }
    .tariffs .tab-pane.active,.tariffs .tariffs-item.active{
        display:block
    }
    .tariffs .tab-pane:nth-child(2)::after,.tariffs .tariffs-item:nth-child(2)::after{
        display:none
    }
    .tariffs .tab-pane li,.tariffs .tariffs-item li{
        display:block;
        padding:8px 16px
    }
    .tariffs .tab-pane li:after,.tariffs .tariffs-item li:after{
        clear:both;
        content:' ';
        display:table
    }
    .tariffs .tab-pane li .hidden,.tariffs .tab-pane li span,.tariffs .tab-pane li strong,.tariffs .tariffs-item li .hidden,.tariffs .tariffs-item li span,.tariffs .tariffs-item li strong{
        display:inline-block!important
    }
    .tariffs .tab-pane li span.hidden,.tariffs .tariffs-item li span.hidden{
        float:left;
        max-width:60%;
        text-align:left
    }
    .tariffs .tab-pane li strong,.tariffs .tariffs-item li strong{
        float:right;
        max-width:39%;
        text-align:right
    }
    .tariffs-item:nth-child(2)::after{
        display:none
    }
    .tariffs-tabs{
        display:block
    }
    .tariffs-tabs.styled-tabs .nav-tabs{
        padding-bottom:30px
    }
    .tariffs-tabs.styled-tabs .nav-tabs li{
        width:50%
    }
    .tab-detail{
        margin-left:auto;
        margin-right:auto;
        width:100%
    }
    .tab-detail .icon{
        text-align:center
    }
    .tab-detail .icon.long-arrow::after,.tab-detail .icon.middle-arrow::after,.tab-detail .icon.short-arrow::after{
        behavior:url(/pie.htc);
        width:72px
    }
    .tab-detail .icon.middle-arrow::after{
        background:url(../img/short-arrow.png) center/cover no-repeat;
        right:0
    }
    .tab-detail .icon.long-arrow::after,.tab-detail .icon.short-arrow::after{
        background:url(../img/short-arrow.png) center/cover no-repeat;
        right:-25px
    }
    footer p{
        font:15px Arial,sans-serif
    }
    .articles .articles-item .icon,.info .info-item .icon,.options-item .icon{
        width:70px
    }
    .section.yellow-section{
        padding:24px 0
    }
}
@media screen and (min-width:320px) and (max-width:480px){
    header{
        background:url(../img/first-people.png) -18% 33%/180px no-repeat,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));
        background:url(../img/first-people.png) -18% 33%/180px no-repeat,-webkit-linear-gradient(top,#fff,#f3f3f3);
        background:url(../img/first-people.png) -18% 33%/180px no-repeat,-o-linear-gradient(top,#fff,#f3f3f3);
        background:url(../img/first-people.png) -18% 33%/180px no-repeat,linear-gradient(to bottom,#fff,#f3f3f3);
        behavior:url(/pie.htc);
        padding-bottom:30px
    }
    header .main-slogan{
        margin:16px auto;
        text-align:left
    }
    header .btn.primary-action{
        display:block;
        max-width:260px;
        margin:16px auto
    }
    header .main-description{
        float:right;
        font-size:15px;
        margin-bottom:16px;
        text-align:left;
        width:130px
    }
    header .secondary-description{
        text-align:center
    }
    header menu.main-menu.active{
        background:#fff
    }
    .ability,.ability-img,.articles .col-xs-6,.features .features-item,.info .col-xs-6,.options .col-xs-6{
        width:100%
    }
    .articles .articles-item .icon,.info .info-item .icon,.options-item .icon{
        margin-right:0
    }
    .articles .articles-item .description,.info .info-item .description,.options-item .description{
        margin-left:10px;
        width:75%
    }
    .ability-img img{
        max-width:250px
    }
    .ability-list li:before{
        margin-right:15px
    }
    .hidden-xxs{
        display:none
    }
    
    .styled-tabs{
        margin:0 auto;
        max-width:350px
    }
    .styled-tabs .nav.nav-tabs li a{
        height:auto
    }
    .tariffs .tab-pane li.header,.tariffs-item li.header{
        padding:10px 35px
    }
    .tab-detail .icon::after{
        display:none!important
    }
    .carousel-inner .item{
        min-height:300px
    }
    .carousel-inner .item .normal-text{
        margin-left:auto;
        margin-right:auto;
        max-width:210px
    }
}
@media screen and (min-width:480px) and (max-width:768px){
    header{
        background:url(../img/small-people.png) left center/contain no-repeat,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));
        background:url(../img/small-people.png) left center/contain no-repeat,-webkit-linear-gradient(top,#fff,#f3f3f3);
        background:url(../img/small-people.png) left center/contain no-repeat,-o-linear-gradient(top,#fff,#f3f3f3);
        background:url(../img/small-people.png) left center/contain no-repeat,linear-gradient(to bottom,#fff,#f3f3f3);
        behavior:url(/pie.htc)
    }
    header .main-description{
        width:45%
    }
    header .btn.primary-action{
        margin-bottom:30px
    }
    .zero-offset{
        padding-left:32px;
        padding-right:32px
    }
    .articles .articles-item .description,.articles .articles-item .icon,.info .info-item .description,.info .info-item .icon,.options-item .description,.options-item .icon{
        -webkit-align-self:center;
        -ms-flex-item-align:center;
        -ms-grid-row-align:center;
        align-self:center
    }
    .articles .articles-item .description,.info .info-item .description,.options-item .description{
        width:75%
    }
    footer{
        min-height:127px;
        padding:36px 0 0
    }
}
@media (min-width:480px) and (max-width:660px){
    .ability,.ability-img,.articles .articles-item,.articles .options-item,.info .info-item,.info .options-item,.options .options-item{
        width:100%
    }
    .ability-img img{
        max-width:250px
    }
}
@media (min-width:768px) and (max-width:920px){
    header .top-header{
        z-index:99
    }
    header .top-header .main-logo__small{
        display:inline-block;
        float:left;
        margin-right:0;
        padding:12px;
        width:50%
    }
    header .top-header menu.hidden-menu{
        display:none
    }
    header .top-header .main-logo+.col-xs-6{
        display:block!important;
        float:right
    }
    header .top-header menu.main-menu{
        background-color:#f7f6f7!important;
        padding:70px 0 8px
    }
    header .top-header menu.main-menu li{
        display:block;
        margin:0 auto;
        text-align:left;
        width:150px
    }
    header .top-header menu.main-menu li a:not(.btn){
        border-bottom:1px solid #bc104e;
        margin:0 0 0 16px;
        text-align:center
    }
    header .top-header menu.main-menu li a:not(.btn):hover{
        border:0
    }
    header .top-header menu.main-menu .btn{
        display:block;
        margin-bottom:15px;
        margin-left:auto!important;
        margin-right:auto!important
    }
    header .top-header menu.main-menu .btn:first-child{
        max-width:117px
    }
    header .top-header menu.main-menu .btn:last-child{
        width:153px
    }
    header .top-header menu.main-menu.hidden-menu{
        display:none
    }
    header .top-header menu.main-menu.hidden-menu.active{
        display:block
    }
    header .top-header .menu-trigger{
        display:inline-block;
        margin-right:4px;
        margin-top:16px
    }
    header .top-header .control-panel{
        display:none
    }
}
@media screen and (max-width:767px){
    #apply .hidden-xxs{
        display:none
    }
}
@media screen and (min-width:769px) and (max-width:1024px){
    .tab-detail .icon.long-arrow::after{
        background:url(../img/long-arrow.png) right/cover no-repeat;
        right:-50px;
        width:70px
    }
    .tab-detail .icon.short-arrow::after{
        right:-35px
    }
    header .top-header{
        max-height:66px
    }
    header .top-header.active{
        background:#f7f6f7;
        border-bottom:1px solid #ebe8eb;
        z-index:999
    }
    header .main-slogan{
        font-size:30px;
        line-height:normal
    }
    header .main-logo{
        margin-right:20px;
        padding:16px 16px 0;
        width:auto
    }
    header .main-logo+.col-xs-6,header .main-logo__big{
        display:none
    }
    header .main-logo__small{
        display:inline-block
    }
    header menu.main-menu{
        background:0 0;
        padding:24px 0 8px
    }
    header menu.main-menu .hidden-lg{
        display:none
    }
    header .btn.primary-action{
        font-size:23px;
        max-width:260px
    }
    header .bottom-header{
        margin-top:60px
    }
}
@media screen and (min-width:992px) and (max-width:1024px){
    .articles .articles-item .description,.info .info-item .description,.options-item .description{
        margin-left:20px;
        width:70%
    }
}
@media screen and (min-width:1024px) and (max-width:1196px){
    .tab-detail .icon.long-arrow::after{
        background:url(../img/long-arrow.png) right/cover no-repeat;
        right:-92px;
        width:165px
    }
}
@media (min-width:1440px){
    header{
        background:url(../img/full-people.png) center/1434px no-repeat,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));
        background:url(../img/full-people.png) center/1434px no-repeat,-webkit-linear-gradient(top,#fff,#f3f3f3);
        background:url(../img/full-people.png) center/1434px no-repeat,-o-linear-gradient(top,#fff,#f3f3f3);
        background:url(../img/full-people.png) center/1434px no-repeat,linear-gradient(to bottom,#fff,#f3f3f3);
        behavior:url(/pie.htc)
    }
}
@media only screen and (min-device-pixel-ratio:1.5) and (min-width:1440px){
    header{
        background:url(../img/first-people.png) 0 65%/537px no-repeat,url(../img/second-people.png) 100% 65%/537px no-repeat,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));
        background:url(../img/first-people.png) 0 65%/537px no-repeat,url(../img/second-people.png) 100% 65%/537px no-repeat,-webkit-linear-gradient(top,#fff,#f3f3f3);
        background:url(../img/first-people.png) 0 65%/537px no-repeat,url(../img/second-people.png) 100% 65%/537px no-repeat,-o-linear-gradient(top,#fff,#f3f3f3);
        background:url(../img/first-people.png) 0 65%/537px no-repeat,url(../img/second-people.png) 100% 65%/537px no-repeat,linear-gradient(to bottom,#fff,#f3f3f3);
        behavior:url(/pie.htc)
    }
}
@media screen and (min-width:320px) and (max-width:1024px){
    .info .info-item .description{
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        max-width:none
    }
}
 
 
 

.inputbox {
	width:100%;
	padding:5px;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 10000;
	display:none;
	
}

.modal > div {
	width: 300px;
	background: #ffffff;
	position: relative;
	margin: 10% auto;
	-webkit-animation: minimise 500ms linear;

	padding: 30px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
	box-shadow: 0 3px 20px rgba(0,0,0,0.9);
	text-shadow: 0 1px 0 #fff;
}





.modal a[href="#close"] {
	position: absolute;
	right: 0;
	top: 0;
	color: transparent;
}


.modal a[href="#close"]:focus {
	outline: none;
}


.modal a[href="#close"]:after {
	content: 'X';
	display: block;

	/* Позиционируем */
	position: absolute;
	right: -10px;
	top: -10px;
	width: 25px;
	padding: 1px 1px 0px 2px;

	/* Стили */
	text-decoration: none;
	text-shadow: none;
	text-align: center;
	font-weight: bold;
	background: #000;
	color: #ffffff;
	border: 3px solid #ffffff;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after {
	outline: 0px solid #000;
}

input.error{border:1px solid red;}
input{outline: none;border:1px solid #ccc;}
a:active, a:focus { outline: none; }