/*
Theme Name: SEO-бумеранг
Theme URI: https://webernetic.by/
Author: Веб-студия Webernetic
Author URI: https://webernetic.by/
Description: Персонально разработанная тема для Wordpress, созданная веб-студией Webernetic. Профессиональная разработка и продвижение сайтов любой сложности на Wordpress: https://webernetic.by/
Version: 1.2
*/
@import url(css/bootstrap-3.3.7.min.css);
@import url(css/owl.carousel.min.css);

/* ====== FONTS IMPORT ===== */
@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextrabold';
    src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
    url('fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratmedium';
    src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
    url('fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
    url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ===== GLOBAL SETTINGS ===== */
* {
    outline: none!important;
}
body{
    font-family: 'montserratregular';
    color: #292929;
    line-height: 1;
    font-size: 18px;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color: #a8a8a8;
    font-size: 14px;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a8a8a8;
    font-size: 14px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a8a8a8;
    font-size: 14px;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #a8a8a8;
    font-size: 14px;
}
.wpcf7-not-valid-tip,
.screen-reader-response{
    display:none!important;
}
input.wpcf7-not-valid{
    border:1px solid red!important;
}
.alignleft {
    margin: 0 15px 10px 0;
    float: left;
}
.alignright {
    margin: 0 0 10px 15px;
    float: right;
}
.aligncenter {
    margin: 10px auto;
    display: block;
}
a:focus,
a:hover{
    text-decoration: none;
}
p{
    margin: 0;
}
.default-btn:focus,
.default-btn:hover,
.default-btn{
    font-family: 'montserratbold';
    display: inline-block;
    min-width: 371px;
    line-height: 92px;
    border-radius: 50px;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 10px 66px #97b8b1;
}
.heading{
    font-size: 56px;
    margin-bottom: 70px;
}
.heading p{
    font-family: 'montserratlight';
    margin-bottom: 7px;
}
.heading b{
    font-family: 'montserratbold';
}
.xs-header-figure{
    display: none;
}

/*====== GRADIENT CLASSES =====*/
.left-bottom-grd{
    background: rgba(170,208,45,1);
    background: -moz-linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(170,208,45,1)), color-stop(91%, rgba(0,146,68,1)), color-stop(100%, rgba(0,146,68,1)));
    background: -webkit-linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    background: -o-linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    background: linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad02d', endColorstr='#009244', GradientType=1 );
}
.left-bottom-grd:hover{
    background: rgba(0,146,68,1);
    background: -moz-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,146,68,1)), color-stop(87%, rgba(170,208,45,1)), color-stop(100%, rgba(170,208,45,1)));
    background: -webkit-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    background: -o-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    background: linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009244', endColorstr='#aad02d', GradientType=1 );
}
.mix-3-grd{
    background: rgba(0,146,68,1);
    background: -moz-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(0,146,68,1) 33%, rgba(255,232,29,1) 46%, rgba(255,102,0,1) 61%, rgba(255,102,0,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,146,68,1)), color-stop(33%, rgba(0,146,68,1)), color-stop(46%, rgba(255,232,29,1)), color-stop(61%, rgba(255,102,0,1)), color-stop(100%, rgba(255,102,0,1)));
    background: -webkit-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(0,146,68,1) 33%, rgba(255,232,29,1) 46%, rgba(255,102,0,1) 61%, rgba(255,102,0,1) 100%);
    background: -o-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(0,146,68,1) 33%, rgba(255,232,29,1) 46%, rgba(255,102,0,1) 61%, rgba(255,102,0,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(0,146,68,1) 33%, rgba(255,232,29,1) 46%, rgba(255,102,0,1) 61%, rgba(255,102,0,1) 100%);
    background: linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(0,146,68,1) 33%, rgba(255,232,29,1) 46%, rgba(255,102,0,1) 61%, rgba(255,102,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009244', endColorstr='#ff6600', GradientType=1 );
}
.card-heading{
    background: rgba(250,236,34,1);
    background: -moz-linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(0,146,68,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(250,236,34,1)), color-stop(100%, rgba(0,146,68,1)));
    background: -webkit-linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(0,146,68,1) 100%);
    background: -o-linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(0,146,68,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(0,146,68,1) 100%);
    background: linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(0,146,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faec22', endColorstr='#009244', GradientType=1 );
}
.orange-grd,
.card-heading.orange{
    background: rgba(250,236,34,1);
    background: -moz-linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(254,5,1,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(250,236,34,1)), color-stop(100%, rgba(254,5,1,1)));
    background: -webkit-linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(254,5,1,1) 100%);
    background: -o-linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(254,5,1,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(254,5,1,1) 100%);
    background: linear-gradient(45deg, rgba(250,236,34,1) 0%, rgba(254,5,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faec22', endColorstr='#fe0501', GradientType=1 );
}
.orange-grd:hover{
    background: rgba(254,43,6,1);
    background: -moz-linear-gradient(45deg, rgba(254,43,6,1) 0%, rgba(250,217,32,1) 91%, rgba(250,217,32,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(254,43,6,1)), color-stop(91%, rgba(250,217,32,1)), color-stop(100%, rgba(250,217,32,1)));
    background: -webkit-linear-gradient(45deg, rgba(254,43,6,1) 0%, rgba(250,217,32,1) 91%, rgba(250,217,32,1) 100%);
    background: -o-linear-gradient(45deg, rgba(254,43,6,1) 0%, rgba(250,217,32,1) 91%, rgba(250,217,32,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(254,43,6,1) 0%, rgba(250,217,32,1) 91%, rgba(250,217,32,1) 100%);
    background: linear-gradient(45deg, rgba(254,43,6,1) 0%, rgba(250,217,32,1) 91%, rgba(250,217,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe2b06', endColorstr='#fad920', GradientType=1 );
}

/* ===== HEADER ===== */
header{
    min-height: 772px;
    background: url(img/bg-1.jpg) no-repeat center top;
    background-size: cover;
    border:1px solid #f5f6f6;
    padding-top: 38px;
}
.top-line{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 155px;
}

.top-line--phone a{
    font-family: 'montserratmedium';
    display:flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1;
    color: #292929;
    font-size: 22px;
}
.top-line--phone a i{
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 0;
    margin-left: 20px;
    position: relative;
    box-shadow: 0 7px 30px #97b8b1;
    top: -3px;
}
.top-line--phone a i:after{
    content: "";
    position: absolute;
    width: 22px;
    height: 21px;
    background: url(img/icons/phone.png);
    left: 50%;
    top: 50%;
    right: 50%;
    bottom: 50%;
    transform: translate(-50%,-50%);
}
.top-line--phone a:hover i:after{
    transform: translate(-50%,-50%) rotate(15deg);
}
.top-line--logo > a:hover,
.top-line--logo > a,
.top-line--logo > span:hover,
.top-line--logo > span{
    font-family: 'montserratextrabold';
    display: inline-block;
    font-size: 30px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 9px;
}
.top-line--logo > div{
    font-family: 'montserratextrabold';
    font-size: 14px;
}
.top-line--logo > div > a{
    color: #292929;
}
.top-line--logo > div > a:hover{
    color: #ff6700;
}
.header-info{
    max-width: 670px;
    margin-left: auto;
}
.header-info--title{
    font-family: 'montserratlight';
    font-size: 48px;
    margin-bottom: 15px;
}
.header-info--subtitle:hover,
.header-info--subtitle{
    font-family: 'montserratextrabold';
    display: inline-block;
    font-size: 58px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
}

.header-info--description{
    font-family: 'montserratlight';
    font-size: 18px;
    line-height: 1.5;
    padding-right: 250px;
    margin-bottom: 40px;
}
.header-info .default-btn:focus,
.header-info .default-btn:hover,
.header-info .default-btn{
    font-family: 'montserratbold';
    display: inline-block;
    min-width: 280px;
    line-height: 72px;
    border-radius: 50px;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 10px 66px #97b8b1;
}
@media(min-width: 1660px){
    header{
        background: url(img/bg-lg.jpg) no-repeat center top;
        background-size: cover;
        min-height: 1008px;
    }
    .top-line{
        margin-bottom: 230px;
    }
    .header-info--title{
        font-size: 64px;
        margin-bottom: 25px;
    }
    .header-info--subtitle:hover,
    .header-info--subtitle{
        font-size: 76px;
        margin-bottom: 45px;
    }
    .header-info--description{
        font-size: 24px;
        line-height: 1.5;
        padding-right: 160px;
        margin-bottom: 65px;
    }
    .header-info .default-btn:focus,
    .header-info .default-btn:hover,
    .header-info .default-btn{
        min-width: 371px;
        line-height: 92px;
        font-size: 24px;
    }
}
/* ===== WHY WHAT ===== */
.why-what{
    min-height: 2480px;
    background: url(img/whywhat-bg.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 150px;
}
.why-what .why{
    margin-bottom: 155px;
    margin-bottom: 80px;
}
.why-tab-panel .nav-tabs{
    border: none;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.why-tab-panel .nav-tabs li{
    float: none;
    width: 25%;
}
.why-tab-panel .nav-tabs li.active a,
.why-tab-panel .nav-tabs li a:hover,
.why-tab-panel .nav-tabs li a{
    border:none;
    background: transparent;
    border-radius: 0;
    padding: 0 0 0 67px;
    color: #292929;
    margin: 0;
}
.why-tab-panel .nav-tabs li{
    padding: 40px 20px 30px 20px;
    position: relative;
}
.why-tab-panel .nav-tabs li.active{
    box-shadow: 0 -5px 27px #e8e8e8;
    background: #fff;
}
.why-tab-panel .nav-tabs li i{
    font-family: 'montserratbold';
    display: inline-block;
    font-style: normal;
    font-size: 90px;
    color: #f3f3f3;
}
.why-tab-panel .nav-tabs li a{
    font-family: 'montserratextrabold';
    font-size: 24px;
    color: #292929;
    position: static;
}
.why-tab-panel .nav-tabs li:nth-child(1) a:before{
    content: "";
    position: absolute;
    z-index: 4;
    width: 59px;
    height: 66px;
    background: url(img/icons/tab-sprite.png) no-repeat left top;
    top: 35px;
    left: 118px;
}
.why-tab-panel .nav-tabs li.active:nth-child(1) a:before{
    background: url(img/icons/tab-sprite.png) no-repeat right top;
}
.why-tab-panel .nav-tabs li:nth-child(2) a:before{
    content: "";
    position: absolute;
    z-index: 4;
    width: 68px;
    height: 59px;
    background: url(img/icons/tab-sprite.png) no-repeat left -82px;
    top: 48px;
    left: 123px;
}
.why-tab-panel .nav-tabs li.active:nth-child(2) a:before{
    background: url(img/icons/tab-sprite.png) no-repeat right -82px;
}
.why-tab-panel .nav-tabs li:nth-child(3) a:before{
    content: "";
    position: absolute;
    z-index: 4;
    width: 66px;
    height: 66px;
    background: url(img/icons/tab-sprite.png) no-repeat left bottom;
    top: 42px;
    left: 121px;
}
.why-tab-panel .nav-tabs li.active:nth-child(3) a:before{
    background: url(img/icons/tab-sprite.png) no-repeat right bottom;
}
.why-tab-panel .nav-tabs li:nth-child(4) a:before{
    content: "";
    position: absolute;
    z-index: 4;
    width: 66px;
    height: 66px;
    background: url(img/icons/tab-sprite.png) no-repeat left -156px;
    top: 42px;
    left: 129px;
}
.why-tab-panel .nav-tabs li.active:nth-child(4) a:before{
    background: url(img/icons/tab-sprite.png) no-repeat -133px -156px;
}

.why-tab-panel .nav-tabs li a:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
}
.why-tab-panel .tab-content{
    padding: 55px 70px;
    background: #fff;
    box-shadow: 0 15px 27px #e8e8e8;
    position: relative;
    z-index: 10;
    min-height: 260px;
}
.tab-heading{
    font-family: 'montserratextrabold';
    font-size: 30px;
    margin-bottom: 38px;
}
.tab-description{
    font-family: 'montserratlight';
    font-size: 18px;
    line-height: 1.5;
}
.card-service{
    box-shadow: 0 15px 27px #e8e8e8;
    background: #fff;
}
.card-service .card-heading {
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.card-service .card-heading > span{
    font-size: 36px;
}
.card-service .card-heading > span b{
    font-family: 'montserratbold';
}
.list-wrapper{
    padding: 58px 58px 100px 58px;
}
.list-wrapper ul{
    padding: 0;
    margin-bottom: 25px;
    list-style: none;
    font-size: 24px;
    min-height: 408px;
}
.list-wrapper ul.explanatory{
    min-height: 185px;
    margin-bottom: 35px;
}
.list-wrapper ul li{
    margin-bottom: 15px;
    line-height: 1.2;
    position: relative;
}
.list-wrapper ul li:before{
    content: "";
    position: absolute;
    left: -32px;
    top: -1px;
    width: 16px;
    height: 30px;
    background: url(img/icons/figure-green.png) no-repeat center;
}
.list-wrapper.orange ul li:before{
    background: url(img/icons/figure-orange.png) no-repeat center;
}
.inside-card-heading{
    font-family: 'montserratmedium';
    font-size: 30px;
    text-align: center;
    margin:0 auto 33px auto;
    padding-top: 33px;
    border-top: 2px solid #e2e2e2;
}
.green-shadow:hover,
.green-shadow{
    box-shadow: 0 10px 66px #b6ebd0;
}
.orange-shadow:hover,
.orange-shadow{
    box-shadow: 0 10px 66px #fcb4b3;
}

/* ===== PORTFOLIO ===== */
.portfolio{
    min-height: 1006px;
    background: url(img/portfolio-bg.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 150px;
    color: #fff;
}
.portfolio .owl-carousel .item .wrapper{
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.owl-dots{
    display: none;
}
.owl-nav button {
    background: transparent;
    border: none;
}
.portfolio .owl-carousel .item .wrapper .left-col{
    font-family: 'montserratlight';
    width: 410px;
}
.portfolio .owl-carousel .item .wrapper .right-col{
    width: 624px;
    height: 441px;
    background: url(img/device.png) no-repeat center;
    padding: 29px 57px 29px 56px;
}
.portfolio .owl-carousel .item .wrapper .right-col a{
    display: inline-block;
}
.portfolio .owl-carousel .item .wrapper .right-col img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.portfolio .owl-carousel .item .wrapper .left-col .title{
    font-family: 'montserratextrabold';
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 30px;
}
.portfolio .owl-carousel .item .wrapper .left-col .subtitle{
    margin-bottom: 27px;
}
.portfolio .owl-carousel .item .wrapper .left-col .list-title{
    font-family: 'montserratmedium';
    font-size: 24px;
    line-height: 1.4;
}
.portfolio .owl-carousel .item .wrapper .left-col div ul{
    margin-bottom: 27px;
    padding: 0;
    list-style: none;
}
.portfolio .owl-carousel .item .wrapper .left-col div:last-child ul{
    margin-bottom: 0;
}
.portfolio .owl-carousel .item .wrapper .left-col div ul li{
    line-height: 1.4;
    position: relative;
    padding-left: 11px;
}
.portfolio .owl-carousel .item .wrapper .left-col ul li:after{
    content: "-";
    position: absolute;
    left: 0;
    top: -2px;
}
.portfolio .owl-carousel .owl-prev button{
    width: 25px;
    height: 57px;
    border:none;
    background: url(img/icons/white-prev.png) no-repeat left;
    position: absolute;
    z-index: 2;
    left: -85px;
    top: 50%;
    transform: translateY(-50%);
}
.portfolio .owl-carousel .owl-prev button:hover{
    background: url(img/icons/white-prev.png) no-repeat right;
}
.portfolio .owl-carousel .owl-next button{
    width: 25px;
    height: 57px;
    border:none;
    background: url(img/icons/white-next.png) no-repeat right;
    position: absolute;
    z-index: 2;
    right: -85px;
    top: 50%;
    transform: translateY(-50%);
}
.portfolio .owl-carousel .owl-next button:hover{
    background: url(img/icons/white-next.png) no-repeat left;
}

/* ===== PROGRESS ===== */
.progress-sec{
    min-height: 2400px;
    background: url(img/progress-sec-bg.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 150px;
}
.progress-sec .wrapper{
    padding-top: 70px;
}
.progress-sec .wrapper .logo-wrapper{
    display: block;
    border:1px solid #e9e9e9;
    min-height: 230px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 65px;
}
.progress-sec .wrapper .text-wrapper{
    margin-top: 90px;
    display: none;
}
.progress-sec .wrapper .text-wrapper .company-heading{
    font-family: 'montserratextrabold';
    margin-bottom: 22px;
    text-align: center;
    font-size: 30px;
}
.owl-item.active.center .wrapper .logo-wrapper{
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    transform: scale(1.4);
    position: relative;
    z-index: 5;
    border: none;
    box-shadow: 0 8px 31px rgba(198, 198, 199, 0.80);
}
.owl-item.active.center{
    min-height: 600px;
}
.owl-item.active.center .wrapper .text-wrapper{
    display: block;
    position: absolute;
    width: 950px;
    left: -280px;
    position: static;
    margin-left: -275px;
}
.progress-sec .wrapper .text-wrapper .company-description{
    line-height: 1.4;
    /*font-family: 'montserratlight';*/
}
.owl-carousel.center-carousel{
    margin-bottom: 100px;
    padding-left: 1px;
}
.owl-carousel .owl-prev button.green-hover{
    width: 25px;
    height: 57px;
    border:none;
    background: url(img/icons/green-prev.png) no-repeat left;
    position: absolute;
    z-index: 2;
    left: -85px;
    top: 50%;
    transform: translateY(-50%);
}
.owl-carousel .owl-prev button.green-hover:hover{
    background: url(img/icons/green-prev.png) no-repeat right;
}
.owl-carousel .owl-next button.green-hover{
    width: 25px;
    height: 57px;
    border:none;
    background: url(img/icons/green-next.png) no-repeat right;
    position: absolute;
    z-index: 2;
    right: -85px;
    top: 50%;
    transform: translateY(-50%);
}
.owl-carousel .owl-next button.green-hover:hover{
    background: url(img/icons/green-next.png) no-repeat left;
}
.owl-carousel.center-carousel .owl-prev button.green-hover,
.owl-carousel.center-carousel .owl-next button.green-hover{
    top: 455px;
}
.row-contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 120px;
}
.row-contacts .cont-figure{
    font-family: 'montserratmedium';
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    line-height: 1.1;
    height: 113px;
    padding-left: 120px;
    color: #343434;
}
.row-contacts .cont-figure:nth-child(1){
    background: url(img/icons/phone1.png) no-repeat left;
}
.row-contacts .cont-figure:nth-child(2){
    background: url(img/icons/contact1.png) no-repeat left;
}
.row-contacts .cont-figure:nth-child(3){
    background: url(img/icons/contact2.png) no-repeat left;
}
.slide-four.owl-carousel{
    margin-bottom: 120px;
}
.slide-four.owl-carousel .item .link-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    height: 120px;
}
.slide-four.owl-carousel .item{
    padding-top: 10px;
    padding-bottom: 10px;
}
.slide-four.owl-carousel .item .link-wrapper:hover{
    box-shadow: 0 4px 13px rgba(198, 198, 199, 0.80);
    background: #fff;
}
.slide-four.owl-carousel .item .link-wrapper img{
    max-height: 100%;
}
.link-wrapper-progress{
    background: url(img/icons/laurel.png) no-repeat bottom center;
    text-align: center;
    min-height: 196px;
}
.link-wrapper-progress .title{
    font-size: 24px;
    font-family: 'montserratmedium';
    margin-bottom: 16px;
}
.link-wrapper-progress .desc{
    line-height: 1.2;
    margin-bottom: 12px;
}
.link-wrapper-progress .place{
    font-size: 30px;
    font-family: 'montserratsemibold';
}

/* ===== GIFT ===== */
.gift-sec{
    min-height: 1169px;
    background: url(img/gift-bg.jpg) no-repeat center ;
    background-size: contain;
    background-color: #f6f6f6;
    padding-top: 130px;
}
.gift-heading{
    font-family: 'montserratmedium';
    margin-bottom: 33px;
    font-size: 30px;
}
.gift-heading b{
    font-family: 'montserratbold';
}
.flex-parent{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 800px;
}
.flex-parent > div{
    margin-right: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    transition: .5s;
}
.flex-parent > div:hover{
    transform: scale(1.1);
}
.flex-parent > div:last-child{
    margin-right: 0;
}
.discount-wrapper{
    position: relative;
    max-width: 800px;
}
.discount-wrapper .gift-open{
    font-family: 'montserratbold';
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(img/icons/open-gift.png) no-repeat center top;
    font-size: 135px;
    padding: 95px 0 0 235px;
    display: none;
}
.discount-wrapper .gift-open.active{
    display: block;
}
.btns-flex{
    position: relative;
    z-index: 8;
    margin-top: 20px;
}


/* ===== LAUNCH ===== */
.launch{
    padding-top: 135px;
    padding-bottom: 110px;
    background: #fff;
    overflow: hidden;
}
[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: invert(0) grayscale(100%) brightness(100%);
    -moz-filter: invert(0) grayscale(100%) brightness(100%);
    -o-filter: invert(0) grayscale(100%) brightness(100%);
    filter: invert(0) grayscale(100%) brightness(100%);
    opacity: .7;
}
.launch .map{
    width: 1532px;
    min-height: 920px;
}
.launch .map #map{
    position: absolute;
    width: 100%;
    height: 735px;
}
.relative-wrapper{
    position: relative;
}
.form-wrapper{
    padding:65px 45px 70px 45px;
    box-shadow: 0 8px 31px rgba(198, 198, 199, 0.80);
    background: #fff;
    text-align: center;
    position: absolute;
    z-index: 9;
    width: 630px;
    top: 185px;
    left: 65px;
}
.form-wrapper .inps-wrapper .form-group{
    margin-bottom: 30px;
}
.form-wrapper .inps-wrapper{
    padding-right: 45px;
    padding-left: 45px;
}
.form-wrapper .inps-wrapper input{
    line-height: 60px;
    border:1px solid #c3c3c3;
    border-radius: 40px;
    background: #fbfbfc;
    width: 100%;
    padding-left: 30px;
    padding-right: 10px;
}
.modal-content .form-wrapper .inps-wrapper input {
    height: 45px;
    line-height: 45px;
}
.modal-content .inps-wrapper input[type="submit"] {
    height: 60px;
    line-height: 60px;
}
.modal-content .form-wrapper .inps-wrapper .form-group {
    margin-bottom: 15px;
}
.form-title{
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 27px;
}
.phone-wrapper a{
    font-family: 'montserratextrabold';
    display: inline-block;
    font-size: 30px;
    color: #292929;
}
.form-wrapper .or{
    margin: 20px auto;
    font-size: 24px;
}
.form-wrapper .or-request{
    font-family: 'montserratextrabold';
    display: inline-block;
    font-size: 30px;
    color: #292929;
    margin-bottom: 12px;
}
.form-subtitle{
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 25px;
}
.inps-wrapper input[type="submit"]{
    font-family: 'montserratbold';
    display: inline-block;
    width: 371px;
    line-height: 92px;
    border-radius: 50px;
    padding: 0 15px;
    margin-top: 10px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 10px 66px #b6ebd0;
    background: rgba(170,208,45,1);
    background: -moz-linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(170,208,45,1)), color-stop(91%, rgba(0,146,68,1)), color-stop(100%, rgba(0,146,68,1)));
    background: -webkit-linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    background: -o-linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    background: linear-gradient(45deg, rgba(170,208,45,1) 0%, rgba(0,146,68,1) 91%, rgba(0,146,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad02d', endColorstr='#009244', GradientType=1 );
    border: none;
}
.inps-wrapper input[type="submit"]:hover{
    background: rgba(0,146,68,1);
    background: -moz-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,146,68,1)), color-stop(87%, rgba(170,208,45,1)), color-stop(100%, rgba(170,208,45,1)));
    background: -webkit-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    background: -o-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    background: linear-gradient(45deg, rgba(0,146,68,1) 0%, rgba(170,208,45,1) 87%, rgba(170,208,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009244', endColorstr='#aad02d', GradientType=1 );
}

/* === FOOTER === */
footer{
    padding-top: 28px;
    background: #f6f6f6;
}
.main-footer-info{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.phone-mail{
    padding-left: 35px;
}
.phone-mail .phone{
    font-family: 'montserratlight';
    display: inline-block;
    font-size: 24px;
    color: #292929;
    position: relative;
    margin-bottom: 9px;
}
.phone-mail .phone:before{
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(img/icons/phone-footer.png) no-repeat center;
    left: -34px;
}
.phone-mail .phone:hover{
    color: #009245;
}
.phone-mail .email{
    display: inline-block;
    font-size: 18px;
    color: #009245;
    position: relative;
    text-decoration: underline;
    padding-left: 2px;
}
.phone-mail .email:before{
    content: "";
    position: absolute;
    width: 26px;
    height: 18px;
    background: url(img/icons/email-footer.png) no-repeat center;
    left: -33px;
}
.phone-mail .email:hover{
    text-decoration: none;
}
footer .addres{
    font-family: 'montserratlight';
    font-size: 18px;
    line-height: 1.5;
}
.social{
    padding: 0;
    list-style: none;
    margin: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.social li{
    margin-left: 15px;
}
.social li a{
    display: block;
    border-radius: 50%;
    width: 42px;
    height: 42px;
}
.social li a:hover{
    box-shadow: 0 6px 21px rgba(198, 198, 199, 0.80);
}
.social li a.insta{
    background: url(img/icons/social.png) no-repeat left top;
}
.social li a.insta:hover{
    background: url(img/icons/social.png) no-repeat right top;
}
.social li a.vk{
    background: url(img/icons/social.png) no-repeat left -54px;
}
.social li a.vk:hover{
    background: url(img/icons/social.png) no-repeat right -54px;
}
.social li a.fb{
    background: url(img/icons/social.png) no-repeat left bottom;
}
.social li a.fb:hover{
    background: url(img/icons/social.png) no-repeat right bottom;
}
.copyright {
    border-top: 1px solid #dbdbdb;
    margin-top: 28px;
}
.copyright .text-center{
    font-family: 'montserratlight';
    font-size: 14px;
    color: #7e7d7d;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ===== POPUP ===== */
.modal-content{
    border: none;
    border-radius: 0;
}
.modal-header{
    padding: 0;
    border: none;
    border-radius: 0;
}
.modal-header .form-wrapper{
    padding:65px 45px 70px 45px;
    background: #fff;
    text-align: center;
    position: static!important;
    width: 100%;
    box-shadow: none;
}
.close{
    font-size: 40px;
    position: absolute;
    z-index: 5;
    right: 30px;
    top: 10px;
}
#popup-gift .modal-header .form-wrapper {
    padding: 50px 45px 40px 45px;
}

#popup-form .modal-dialog {
    width: 900px;
}
.d_flex {
    display: flex;
}
#popup-form .d_flex .left {
    width: 40%;
}
#popup-form .d_flex .right {
    width: 60%;
    margin-left: 15px;
}
#popup-form .form-group textarea {
    line-height: 60px;
    border: 1px solid #c3c3c3;
    border-radius: 40px;
    background: #fbfbfc;
    width: 100%;
    padding-left: 30px;
    padding-right: 10px;
    height: 223px;
}
#popup-form .form-title {
    font-size: 21px;
    margin-bottom: 10px;
}
#popup-form .phone-wrapper a {
    font-size: 25px;
}
#popup-form .form-wrapper .or {
    margin: 10px auto;
    font-size: 21px;
}
#popup-form .form-wrapper .or-request {
    font-size: 21px;
}
#popup-form .form-subtitle {
    font-size: 21px;
    font-family: 'montserratregular';
}
#popup-form .modal-header .form-wrapper {
    padding: 40px 45px 40px 45px;
}
.modal-header .close {
    margin-top: 13px;
}

.form-wrapper .inps-wrapper .form-group {
    margin-bottom: 15px;
}
.form-wrapper .inps-wrapper input {
    line-height: 40px;
}
.form-wrapper .inps-wrapper textarea {
    line-height: 40px;
    border: 1px solid #c3c3c3;
    border-radius: 40px;
    background: #fbfbfc;
    width: 100%;
    padding-left: 30px;
    padding-right: 10px;
    margin: 0 0 -4px 0;
}
.form-wrapper .inps-wrapper .btn_form {
    line-height: 60px;
}

/* === MEDIA QUERIES === */
@media (min-width: 768px){
    .modal-dialog {
        width: 630px;
        margin: 50px auto;
    }
}
@media (min-width: 1200px){
    .col-xs-12,
    .container {
        padding-left: 0;
        padding-right: 0;
    }
    .row{
        margin: 0;
    }
    .lpt-0{
        padding-left: 0;
    }
    .rpt-0{
        padding-right: 0;
    }
}
@media(max-width: 1400px){
    body {
        zoom: 0.85;
    }
}
@media(max-width: 1300px){
    .owl-carousel .owl-prev button.green-hover,
    .portfolio .owl-carousel .owl-prev button{
        left: -40px;
    }
    .owl-carousel .owl-next button.green-hover,
    .portfolio .owl-carousel .owl-next button{
        right: -40px;
    }

}
@media (max-width: 1199px){
    body {
        zoom: 1;
    }
    .owl-carousel .owl-prev button.green-hover,
    .owl-carousel .owl-next button.green-hover,
    .portfolio .owl-carousel .owl-prev button,
    .portfolio .owl-carousel .owl-next button{
        display: none;
    }
    header{
        background: url(img/bg-2.jpg) no-repeat center;
        background-size: cover;
        min-height: auto;
        padding-bottom: 70px;
    }
    .top-line{
        margin-bottom: 70px;
    }
    .header-info{
        max-width: 600px;
        margin-right: auto;
        margin-left: 0;
    }
    .header-info--description{
        padding-right: 0;
    }
    .why-what{
        padding-top: 70px;
        min-height: auto;
        padding-bottom: 90px;
    }
    .heading{
        margin-bottom: 40px;
    }
    .why-what .why{
        margin-bottom: 100px;
    }
    .list-wrapper ul{
        font-size: 22px;
    }
    .why-what .default-btn:focus,
    .why-what .default-btn:hover,
    .why-what .default-btn{
        min-width: 100%;
    }
    .portfolio{
        min-height: auto;
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .portfolio .owl-carousel .item .wrapper .right-col{
        width: 488px;
        height: 347px;
        padding: 24px 45px 25px 45px;
        background-size: 100%;
    }
    .owl-item.active.center .wrapper .text-wrapper{
        width: 880px;
    }
    .owl-carousel.center-carousel{
        margin-bottom: 70px;
    }
    .row-contacts{
        margin-bottom: 70px;
    }
    .slide-four.owl-carousel{
        margin-bottom: 70px;
    }
    .progress-sec{
        min-height: auto;
        padding-bottom: 40px;
    }
    .gift-sec{
        min-height: auto;
        padding-top: 70px;
        padding-bottom: 90px;
        background: #F6F6F6;
    }
    .launch{
        padding-top: 80px;
        padding-bottom: 170px;
    }
    .main-footer-info{
        flex-wrap: wrap;
    }
    .social{
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    .xs-header-figure{
        display: block;
        position: absolute;
        z-index: 3;
        right: 0;
        bottom: -76px;
        width: 350px;
        height: 433px;
        margin-right: auto;
        margin-left: auto;
        background: url(img/Sergey.png) no-repeat center;
    }
}
@media (max-width: 991px){
    header{
        padding-top: 25px;
        padding-bottom: 70px;
    }
    .top-line--logo > a:hover,
    .top-line--logo > a{
        font-size: 25px;
    }
    .top-line--logo > div{
        font-size: 13px;
    }
    .top-line--phone a i{
        display: none;
    }
    .top-line--phone a{
        position: relative;
    }
    .top-line--phone a:after{
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        background: url(img/icons/phone-footer.png) no-repeat center;
        left: -30px;
        top: -2px;
    }
    .header-info--title{
        font-size: 60px;
        margin-bottom: 15px;
    }
    .header-info--subtitle:hover,
    .header-info--subtitle{
        font-size: 72px;
    }
    .header-info--description{
        font-size: 20px;
        margin-bottom: 50px;
        padding-right: 130px;
    }
    .default-btn:focus, .default-btn:hover, .default-btn{
        line-height: 80px;
        font-size: 21px;
    }
    .heading{
        font-size: 42px;
    }
    .why-what {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .why-tab-panel .tab-content{
        padding: 30px;
    }
    .why-tab-panel .nav-tabs li i{
        font-size: 35px;
    }
    .why-tab-panel .nav-tabs li.active a,
    .why-tab-panel .nav-tabs li a:hover,
    .why-tab-panel .nav-tabs li a{
        padding-left: 0;
    }
    .why-tab-panel .nav-tabs li a:before{
        display: none;
    }
    .tab-heading {
        font-size: 25px;
        margin-bottom: 28px;
    }
    .tab-description{
        font-size: 17px;
    }
    .why-tab-panel .nav-tabs li{
        padding: 10px;
        padding-left: 30px;
    }
    .card-service .card-heading > span{
        font-size: 27px;
    }
    .card-service .card-heading{
        min-height: 95px;
    }
    .list-wrapper {
        padding: 20px 30px 50px 30px;
    }
    .list-wrapper ul {
        font-size: 18px;
        min-height: 333px;
    }
    .list-wrapper.orange ul li:before,
    .list-wrapper ul li:before{
        left: -18px;
        top: -3px;
        background-size: 100%;
        width: 10px;
        height: 23px;
    }
    .list-wrapper ul.explanatory{
        min-height: 160px;
    }
    .inside-card-heading{
        padding-top: 20px;
        margin: 0 auto 18px auto;
        font-size: 25px;
    }
    .portfolio .owl-carousel .item .wrapper{
        flex-direction: column;
    }
    .portfolio .owl-carousel .item .wrapper .left-col{
        width: 100%;
    }
    .portfolio .owl-carousel .item .wrapper .left-col .title br {
        display: none;
    }
    .portfolio .owl-carousel .item .wrapper .left-col{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .portfolio .owl-carousel .item .wrapper .left-col .title{
        width: 100%;
    }
    .portfolio .owl-carousel .item .wrapper .left-col .subtitle{
        width: 100%;
    }
    .portfolio .owl-carousel .item .wrapper .left-col div {
        width: 49%;
    }
    .portfolio .owl-carousel .item .wrapper .left-col div:last-child ul{
        margin-bottom: 35px;
    }
    .progress-sec{
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .owl-item.active.center .wrapper .logo-wrapper{
        transform: scale(1);
    }
    .progress-sec .wrapper{
        padding: 0;
    }
    .owl-item.active.center .wrapper .logo-wrapper{
        padding: 80px;
        border: 1px solid #e9e9e9;
    }
    .owl-item.active.center .wrapper .text-wrapper{
        position: static;
        width: auto;
        margin-top: 30px;
        width: 705px;
        margin-left: -175px;
    }
    .progress-sec .wrapper .text-wrapper .company-heading{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .owl-carousel.center-carousel{
        margin-bottom: 40px;
    }
    .progress-sec .wrapper .text-wrapper .company-description{
        font-size: 15px;
        text-align: justify;
    }
    .owl-item.active.center{
        min-height: auto;
    }
    .row-contacts .cont-figure{
        font-size: 16px;
        padding-left: 70px;
        background-size: 60px!important;
        height: 68px;
    }
    .slide-four.owl-carousel .item .link-wrapper img{
        width: auto;
    }
    .gift-heading{
        font-size: 27px;
    }
    .progress-sec{
        padding-bottom: 15px;
        min-height: auto;
    }
    .row-contacts{
        margin-bottom: 60px;
    }
    .gift-sec .default-btn:focus,
    .gift-sec .default-btn:hover,
    .gift-sec .default-btn{
        min-width: 45%;
    }
    .gift-sec{
        padding-bottom: 60px;
    }
    .launch{
        padding-bottom: 30px;
    }
    .launch .map{
        width: 100%;
    }
    .launch .map #map{
        position: static;
        height: 400px;
        width: 100%;
    }
    .form-wrapper{
        position: static;
        width: 100%;
    }
    .social{
        width: auto;
    }
    footer .addres{
        margin-top: 10px;
    }
    .copyright{
        margin-top: 20px;
    }
    #popup-form .modal-dialog {
        width: 700px;
    }
}
@media (max-width: 767px){
    .owl-item.active.center .wrapper .text-wrapper {
        width: 100%;
        margin-left: 0;
    }
    .row-contacts{
        flex-direction: column;
        align-items: flex-start;
    }
    .row-contacts .cont-figure{
        width: 100%;
    }
    .flex-parent{
        justify-content: space-between;
    }
    .flex-parent > div{
        width: 50%;
    }
    .flex-parent > div img{
        max-width: 95%;
    }
    .modal-header .form-wrapper,
    .form-wrapper{
        padding: 45px 15px 55px 15px;
    }
    .btns-flex > a:first-child{
        margin-right: auto;
    }
    .form-wrapper .inps-wrapper{
        padding: 0;
    }
    .flex-parent > div{
        margin-right: 0!important;
        margin-bottom: 20px;
    }
    .inps-wrapper input[type="submit"] {
        width: 100%;
        line-height: 60px;
        font-size: 18px;
    }
    .default-btn:focus,
    .default-btn:hover,
    .default-btn{
        width: 100%;
        min-width: 100%;
    }
    .header-info--subtitle:hover, .header-info--subtitle{
        font-size: 34px;
    }
    .header-info--title {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .why-tab-panel .nav-tabs li{
        padding: 10px;
    }
    .heading {
        font-size: 28px;
    }
    .discount-wrapper .gift-open{
        padding: 94px 0 0 50px;
        background-size: 100%;
        font-size: 80px;
        max-width: 290px;
        margin-left: auto;
        margin-right: auto;
    }
    .flex-parent{
        max-width: 290px;
        margin-right: auto;
        margin-left: auto;
    }
    .header-info--description{
        padding: 0;
    }
    .top-line{
        margin-bottom: 38px;
    }
    .header-info--subtitle:hover,
    .header-info--subtitle{
        margin-bottom: 20px;
    }
    .top-line--logo > a:hover, .top-line--logo > a{
        font-size: 15px;
        margin-bottom: 9px;
    }
    .top-line--phone a{
        font-size: 13px;
    }
    .top-line--phone a:after{
        display: none;
    }
    .top-line--logo > div{
        font-size: 11px;
    }
    .top-line{
        align-items: flex-start;
    }
    .top-line--logo{
        margin-top: -3px;
    }
    .header-info--description{
        font-size: 12px;
        line-height: 1.2;
        max-width: 290px;
    }
    .default-btn:focus,
    .default-btn:hover,
    .default-btn {
        display: block;
        line-height: 45px;
        font-size: 15px;
        min-width: 250px;
        width: 250px;
        font-size: 12px;
        margin-right: auto;
        margin-left: auto;
    }
    header .default-btn:focus,
    header .default-btn:hover,
    header .default-btn {
        display: block;
        margin: 0 auto;
        line-height: 45px;
        font-size: 15px;
        min-width: 250px;
        width: 250px;
        font-size: 12px;
        margin-right: auto;
        margin-left: auto;
    }
    header {
        padding-top: 18px;
        padding-bottom: 13px;
    }
    .why-tab-panel .nav-tabs li a{
        font-size: 15px;
    }
    .why-tab-panel .nav-tabs li i{
        font-size: 24px;
    }
    .why-tab-panel .tab-content {
        padding: 20px 10px;
    }
    .tab-heading {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .tab-description{
        font-size: 14px;
    }
    .why-tab-panel .tab-content{
        min-height: 200px;
    }
    .why-what .why {
        margin-bottom: 50px;
    }
    .list-wrapper ul.explanatory,
    .list-wrapper ul{
        min-height: auto;
    }
    .portfolio .owl-carousel .item .wrapper .right-col {
        width: auto;
        height: auto;
        padding: 0;
        background: none;
    }
    .portfolio .owl-carousel .item .wrapper .left-col .title{
        font-size: 21px;
    }
    .portfolio .owl-carousel .item .wrapper .left-col div ul{
        font-size: 13px;
    }
    .portfolio .owl-carousel .item .wrapper .left-col .list-title{
        font-size: 15px;
        margin-bottom: 8px;
    }
    .portfolio{
        padding-bottom: 0;
    }
    .portfolio .owl-carousel .item .wrapper .right-col img{
        border-radius: 10px;
    }
    .row-contacts .cont-figure{
        text-align: left;
        justify-content: flex-start;
    }
    .row-contacts .cont-figure br{
        display: none;
    }
    .btns-flex > a:first-child{
        margin-bottom: 20px;
    }
    footer{
        text-align: center;
    }
    footer .top-line--logo{
        width: 100%;
    }
    .phone-mail{
        margin: 30px auto 10px;
    }
    .phone-mail .phone{
        font-size: 22px;
    }
    footer .addres{
        width: 100%;
    }
    .social{
        width: 100%;
    }
    .copyright .text-center{
        font-size: 13px;
    }
    footer .top-line--logo > a:hover,
    footer .top-line--logo > a{
        font-size: 28px;
    }
    .top-line--logo > div{
        font-size: 15px;
    }
    .form-title {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 15px;
    }
    .phone-wrapper a{
        font-size: 24px;
    }
    .form-wrapper .or{
        margin: 11px auto;
    }
    .form-wrapper .or-request{
        font-size: 23px;
    }
    .form-subtitle{
        font-size: 16px;
    }
    .list-wrapper.orange{
        margin-bottom: 25px;
    }
    .launch,
    .portfolio{
        padding-top: 60px;
    }
    .xs-header-figure{
        display: block;
        position: static!important;
        max-width: 320px;
        height: 423px;
        margin-right: auto;
        margin-left: auto;
        background: url(img/Sergey.png) no-repeat center;
        margin-top: -200px;
    }
    header .col-xs-12{
        padding-right: 0;
        padding-left: 0;
    }
    .header-info--description,
    .header-info--subtitle:hover,
    .header-info--subtitle,
    .header-info--title,
    .top-line{
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
    .header-info .default-btn:focus,
    .header-info .default-btn:hover,
    .header-info .default-btn{
        display: block;
    }
    .row-contacts .cont-figure:nth-child(2) {
        background-position: 5px center;
    }
    .owl-item.active.center .wrapper .logo-wrapper {
        padding: 20px;
    }
    #popup-form .modal-dialog {
        width: 100%;
    }
    #popup-form .d_flex {
        flex-direction: column;
    }
    #popup-form .d_flex .left {
        width: 100%;
    }
    #popup-form .d_flex .right {
        margin: 0;
        width: 100%;
    }
}
@media (max-width: 400px){
    .why-tab-panel .nav-tabs {
        flex-direction: column;
    }
    .why-tab-panel .nav-tabs li {
        width: 100%;
        text-align: center;
    }
}

.gift-input{
    display: none;
}
#popup-form {
    overflow-y: scroll;
}

.footer-alpha{
    margin-top: 40px;
    display: flex;
}

.footer-alpha-right{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer-alpha span, .footer-alpha a, .alpha-bank-modal h4, .alpha-bank-modal h3 .alpha-bank-modal p{
    font-family: 'montserratlight';
    font-size: 18px;
    line-height: 1.5;
}

.footer-alpha span{
    text-align: center;
    margin-bottom: 10px;
}

.footer-alpha a{
    color: #009245;
    cursor: pointer;
}

.footer-alpha .text-center span{
    display: block;
}

.footer-alpha img[alt="logo-alfa"]{
    max-width: 100%;
    margin: 20px 0;
}

.footer-alpha-right, .footer-alpha-left{
    width: 50%;
}

.footer-alpha-right{
    padding-left: 10px;
}

.footer-alpha-left{
    padding-right: 10px;

}
.footer-alpha-left span{
    display: block;
    margin-bottom: 10px;
    text-align: left;
}
.alpha-bank-modal #questionsModalLabel{
    text-align: left;
    padding: 0 10px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 2vw;
}

.alpha-bank-modal h3{
    color: #009245;
    text-align: center;
}

.alpha-bank-modal .modal-body p{
    text-align: justify;
}