@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap&subset=cyrillic');
body{
    font-family:"Open Sans",sans-serif;
    font-size:14px;
    line-height:21px;
    min-height:100%
}
.header .header-top{
    font-family:"Open Sans",sans-serif;
}
body,html{
    height:100%
}
.wrapper{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:100%
}
.content{
    -webkit-box-flex:1;
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto
}
.footer{
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.fx{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.fx-column{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.fx-wrap{
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.fx-center{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.fx-between{
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.fx-align-center{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
a{
    color:#000;
    text-decoration:none;
    display:inline-block;
    outline:0
}
a:focus{
    outline:0
}
a:hover{
    color:#0051b5;
    text-decoration:underline
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%237aafeb'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237aafeb'%2F%3E%3C%2Fsvg%3E")
}
.container{
    width:1170px;
    padding:0 30px;
    margin:0 auto
}
.relative-wrapper{
    position:relative
}
.main-bg{
    background-color:#0051b5
}
.light-bg{
    background-color:#52ace2;
    color:#fff
}
.light-2-bg{
    background-color:#d4e8ff
}
.very-light-bg{
    background-color:#f5faff
}
.main-bg,.main-bg a{
    color:#fff
}
.upper{
    text-transform:uppercase
}
.mr-20{
    margin:20px
}
.mr-r-20{
    margin-right:20px
}
.mr-l-20{
    margin-left:20px
}
.mr-t-20{
    margin-top:20px
}
.mr-b-20{
    margin-bottom:20px
}
.mr-tb-20{
    margin:20px 0
}
.mr-lr-20{
    margin:0 20px
}
.btn{
    font-family:MuseoSans,sans-serif;
    font-weight:400;
    padding:10px 15px;
    border:1px solid #000;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    display:inline-block;
    text-align:center;
    background-color:#fff;
    color:#000;
    line-height:14px
}
.btn:hover{
    text-decoration:none;
    background:#000;
    color:#fff!important
}
.btn.lg{
    padding:20px 60px
}
.btn.btn-white{
    border-color:#fff;
    background-color:#fff;
    color:#000!important
}
.btn.btn-white:hover{
    color:#0051b5;
    border-color:#f1f1f1;
    background-color:#f1f1f1
}
.btn.btn-hover-red:hover{
    background-color:#d42028;
    border-color:#d42028;
    color:#fff
}
.btn.btn-primary{
    background-color:#d42028;
    border-color:#d42028;
    color:#fff
}
.btn.btn-primary:hover{
    background-color:#c74a50
}
.btn.btn-fx{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.btn.btn-fx .icon{
    margin-right:20px
}
.header ul{
    list-style:none;
    padding:0;
    margin:0
}
.header-menu-wrapper{
    position:relative;
    z-index:4
}
.header-menu-list{
    width:calc(100% - 90px);
    margin-right:40px;
    position:relative
}
.header-menu-list .menu-top-item .top-link{
    padding:28px 30px;
    display:inline-block;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.header-menu-list .menu-top-item .top-link .caret{
    margin-left:10px
}
.header-menu-list .menu-top-item .dropdown-wrapper{
    display:none;
    position:absolute;
    left:0;
    top:76px;
    z-index:2;
    border:1px solid #52ace2;
    background-color:#f5faff;
    color:#000;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    opacity:0
}
.header-menu-list .menu-top-item .dropdown-wrapper a{
    color:#000;
    display:block
}
.header-menu-list .menu-top-item .dropdown-wrapper a .caret{
    float:none;
    position:absolute;
    right:10px;
    top:10px
}
.header-menu-list .menu-top-item .dropdown-wrapper .dropdown-list{
    min-width:500px;
    width:1170px;
    margin:0
}
.header-menu-list .menu-top-item .dropdown-wrapper .dropdown-list .dropdown-list-item{
    width:292.5px;
    margin:0
}
.header-menu-list .menu-top-item .dropdown-wrapper .dropdown-list .dropdown-list-item a{
    background-color:#f5faff;
    padding:10px 15px;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    padding-right:20px;
    position:relative
}
.header-menu-list .menu-top-item .dropdown-wrapper .dropdown-list .dropdown-list-item a:hover{
    color:#fff;
    background-color:#296fc4
}
.header-menu-list .menu-top-item .dropdown-wrapper .dropdown-list .dropdown-list-item:hover>a{
    background:#296fc4;
    text-decoration:none;
    color:#fff
}
.header-menu-list .menu-top-item .dropdown-wrapper .dropdown-list .dropdown-list-item:hover>a .caret::before{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.header-menu-list .menu-top-item:hover .top-link{
    background:#296fc4;
    text-decoration:none
}
.header-menu-list .menu-top-item:hover .top-link .caret::before{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.header-menu-list .menu-top-item:hover>.dropdown-wrapper{
    opacity:1;
    display:block
}
.header-menu-list .menu-top-item:hover .dropdown-list-item>.dropdown-wrapper{
    width:292.5px;
    border:none
}
.header-menu-list .menu-top-item:hover .dropdown-list-item>.dropdown-wrapper.depth-1,.header-menu-list .menu-top-item:hover .dropdown-list-item>.dropdown-wrapper.depth-2,.header-menu-list .menu-top-item:hover .dropdown-list-item>.dropdown-wrapper.depth-3{
    left:291.5px;
    width:291.5px;
    min-height:100%;
    border-left:1px solid #eee
}
.header-menu-list .menu-top-item:hover .dropdown-list-item:hover>.dropdown-wrapper{
    top:0;
    opacity:1;
    display:block
}
.header-search-form{
    width:50px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.header-search-form form{
    margin-right:10px
}
.header-search-form form input{
    -webkit-border-radius:8px;
    border-radius:8px;
    padding:5px 15px;
    border:none;
    outline:0
}
.header-search-form .close-search-btn,.header-search-form form{
    display:none
}
.header-search-form.active{
    width:auto
}
.header-search-form.active form{
    width:250px;
    display:block
}
.header-search-form.active .open-search-btn{
    display:none
}
.header-search-form.active .close-search-btn{
    display:block
}
.header-menu-list .caret:before{
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1;
    content:"\f0d7";
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    -o-transition:transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease
}
.header-telephones-wrapper a{
    display:block
}
.header-telephones-wrapper a:first-child{
    margin-bottom:10px
}
.header{
    font-family:MuseoSans,sans-serif
}
.header .header-top{
    padding:27px 0
}
.header .header-top .header-app-name{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}
.header .header-top .header-app-name:hover{
    text-decoration:none;
    color:inherit
}
.header .header-top .header-app-name .name{
    margin-right:22px
}
.header .header-top .header-app-name .description{
     font-size: 14px;
    font-weight:700;
    line-height: 1.3;
}
.header .header-top .header-city-wrapper{
    cursor:pointer
}
.header .header-top .header-city-wrapper .city-marker{
    margin-right:5px
}
.header .header-top .header-city-wrapper .city-name{
    font-weight:400;
    text-transform:uppercase
}
.header .header-top .header-city-wrapper:hover .city-name{
    text-decoration:underline
}
.header .header-top .header-telephones-wrapper .header-telephone{
    font-size:20px;
    font-weight:700
}
.header .header-top .header-telephones-wrapper .header-telephone:first-child{
    margin-bottom:10px
}
.header-slide-menu-wrapper{
    position:fixed;
    top:0;
    left:0;
    right:0;
    opacity:0;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0);
    z-index:-1;
    -webkit-transition:-webkit-transform .5s ease;
    transition:-webkit-transform .5s ease;
    -o-transition:transform .5s ease;
    transition:transform .5s ease;
    transition:transform .5s ease,-webkit-transform .5s ease
}
.header-slide-menu-wrapper.open{
    opacity:1;
    z-index:11;
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top
}
.header-slide-menu-wrapper .header-menu-list{
    width:calc(100% - 460px)
}
.header-slide-menu-wrapper .header-menu-list .menu-top-item .top-link{
    padding:28px 10px
}
.header-slide-menu-wrapper .header-menu-list .menu-top-item .top-link .caret{
    display:none
}
.header-slide-menu-wrapper .header-menu-telephone{
    margin-right:50px;
    font-size:14px
}
.header-slide-menu-wrapper .header-menu-telephone-second{
    display:none
}
.header-slide-menu-wrapper .btn{
    padding:20px 55px;
    border-color:#0051b5;
    color:#000
}
.mobile-sandwich{
    display:none
}
.mobile-sandwich .sandwich-white{
    display:none
}
.main-slider-container{
    width:100%;
    height:630px
}
.main-slider-container .swiper-slide{
    width:100%;
    height:100%;
    background-color:#f5faff;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:cover;
    background-size:cover;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.main-slider-container .swiper-slide .main-slider-offer-wrapper{
    padding:70px 50px;
    background:rgba(25,25,25,.41);
    color:#fff;
    font-family:MuseoSans,sans-serif;
    max-width:800px
}
.main-slider-container .swiper-slide .main-slider-offer-wrapper .offer-title{
    font-weight:700;
    font-size:39px;
    line-height:50px;
    font-family:"Open Sans",sans-serif
}
.main-slider-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px
}
.main-slider-container .swiper-container-horizontal>.swiper-pagination-bullets,.main-slider-container .swiper-pagination-custom,.main-slider-container .swiper-pagination-fraction{
    bottom:50px
}
.main-slider-container.service-slider-container{
    height:250px
}
.main-slider-container.service-slider-container .swiper-slide .main-slider-offer-wrapper{
    padding:38px
}
.main-slider-container.service-slider-container .swiper-slide:hover{
    color:#fff;
    text-decoration:none
}
.main-slider-container.service-slider-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px
}
.main-slider-container.service-slider-container .swiper-container-horizontal>.swiper-pagination-bullets,.main-slider-container.service-slider-container .swiper-pagination-custom,.main-slider-container.service-slider-container .swiper-pagination-fraction{
    bottom:20px
}
.swiper-pagination-bullet{
    width:40px;
    height:6px;
    -webkit-border-radius:0;
    border-radius:0;
    opacity:1;
    background:#d4e8ff
}
.swiper-pagination-bullet-active{
    background:#52ace2;
    opacity:1
}
.our-customers{
    padding-bottom:75px
}
.our-customers .our-customer-slider-wrapper{
    position:relative;
    padding:0 90px;
    margin-bottom:45px
}
.our-customers .our-customers-slider-container{
    height:85px;
    width:100%
}
.our-customers .our-customers-slider-container .swiper-wrapper{
    width:100%
}
.our-customers .our-customers-slider-container .swiper-slide{
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:contain;
    background-size:contain
}
.our-customers .our-customers-slider-container .swiper-button-prev{
    left:-90px
}
.our-customers .our-customers-slider-container .swiper-button-next{
    right:-90px
}
.our-customers .out-customers-description{
    max-width:680px;
    width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    line-height:23px
}
.title{
    font-family:"Open Sans",sans-serif;
    font-weight:700;
    font-size:32px;
    padding-top:66px;
    padding-bottom:10px;
    margin-bottom:40px;
    border-bottom:4px solid #52ace2;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    line-height:36px;
    text-align:center
}
.title a{
    color:inherit
}
.title a:hover{
    color:inherit;
    text-decoration:inherit
}
.subtitle{
    margin-top:-27px;
    margin-bottom:40px;
    font-size:18px;
    font-weight:300
}
.title-simple{
    font-size:24px;
    margin-bottom:30px;
    font-weight:700
}
.list-of-work{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 -15px
}
.list-of-work .work-item{
    display:block;
    position:relative;
    width:calc(33.3333% - 30px);
    margin-left:15px;
    margin-right:15px;
    margin-bottom:30px;
    height:500px;
    font-size:14px;
    overflow:hidden
}
.list-of-work .work-item.only-text{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.list-of-work .work-item.only-text .text{
    max-width:300px;
    text-align:center;
    font-size:18px;
    line-height:27px
}
.list-of-work .work-item.only-text .hand-draw{
    margin-top:25px;
    width:250px;
    height:25px;
    background-position:center;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    background-image:url(../images/hand-draw-blue.png)
}
.list-of-work .work-item .background-border{
    position:absolute;
    z-index:2;
    border:1px solid #d4e8ff;
    top:25px;
    bottom:25px;
    left:25px;
    right:25px
}
.list-of-work .work-item .work-name{
    position:absolute;
    left:0;
    top:58px;
    background:#f7f7f7;
    padding:20px 20px 20px 40px;
    z-index:3;
    font-size:18px;
    font-weight:700;
    max-width:calc(100% - 75px)
}
.list-of-work .work-item .work-text{
    position:absolute;
    z-index:3;
    color:#fff;
    top:155px;
    left:60px
}
.list-of-work .work-item .work-text ul li{
    margin-bottom:5px
}
.list-of-work .work-item .work-description{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    min-height:80px;
    padding:30px 25px;
    background:rgba(0,81,181,.85);
    color:#fff;
    line-height:21px
}
.list-of-work-wrapper .see-all-portfolio,.portfolio .see-all-portfolio{
    height:230px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.list-of-work-wrapper .see-all-portfolio a,.portfolio .see-all-portfolio a{
    font-weight:700;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:18px;
    white-space:nowrap
}
.list-of-work-wrapper .see-all-portfolio a span,.portfolio .see-all-portfolio a span{
    display:inline-block;
    background-position:center;
    -webkit-background-size:35% 35%;
    background-size:35%;
    background-repeat:no-repeat;
    background-image:url(../images/right-arrow-angle.png);
    border:3px solid #000;
    margin-left:30px;
    width:70px;
    height:58px
}
.list-of-work-wrapper .see-all-portfolio{
    height:auto
}
.portfolio{
    padding-bottom:60px
}
.portfolio .grid{
    width:calc(100% - 15px);
    height:calc(1310px + 90px);
    -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
}
.portfolio .grid-item{
    margin:15px 15px;
    width:calc(33.3333% - 30px);
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    position:relative;
    overflow:hidden
}
.portfolio .grid-item .dark-hover-bg{
    position:absolute;
    z-index:1;
    opacity:0;
    background:#000;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.portfolio .grid-item .portfolio-content{
    opacity:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:45px 30px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    color:#fff;
    font-weight:700;
    z-index:2;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.portfolio .grid-item .portfolio-content .portfolio-title{
    font-size:24px;
    line-height:32px;
    margin-bottom:27px
}
.portfolio .grid-item .portfolio-content .portfolio-ph-wrapper span{
    font-weight:100;
    margin-left:5px;
    color:#fff
}
.portfolio .grid-item:hover .dark-hover-bg{
    opacity:.4
}
.portfolio .grid-item:hover .portfolio-content{
    opacity:1
}
.portfolio .grid-item2{
    height:330px
}
.portfolio .grid-item3{
    height:350px
}
.portfolio .grid-item3{
    height:480px
}
.portfolio .grid-item4{
    height:500px
}
.portfolio .see-all-portfolio-mobile{
    display:none
}
.main-about-us-block .main-about-us-wrapper{
    padding:75px 0
}
.main-about-us-block .title{
    margin-bottom:20px
}
.main-about-us-block .about-us-content{
    margin-right:40px
}
.main-about-us-block .about-us-photo-wrapper .about-us-photo img{
    max-width:470px
}
.main-about-us-block .about-us-description{
    margin-bottom:40px
}
.main-about-us-block .about-us-description p{
    margin-bottom:3px;
    line-height:24px;
    font-size:16px
}
.main-about-us-block .btn{
    float:right;
    margin-right:200px
}
.advantages-list{
    margin:0 -30px
}
.advantages-list .advantage-item{
    margin:0 30px 30px 30px;
    width:calc(33.3333% - 60px)
}
.advantages-list .advantage-item .icon{
    margin-right:15px
}
.advantages-list .advantage-item .title{
    font-size:14px;
    font-weight:700;
    border:none;
    padding:0;
    margin-bottom:17px
}
.advantages-list .advantage-item .description{
    line-height:22px
}
.container.feedback-block{
    padding-bottom:75px
}
.container.feedback-block .feedback-list{
    padding-bottom:20px
}
.container.feedback-block .feedback-list .feedback-list-item{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:20px 0
}
.container.feedback-block .feedback-list .feedback-list-item:not(:last-child){
    border-bottom:1px solid #dfe3ee
}
.container.feedback-block .feedback-list .feedback-list-item .customer-photo{
    width:270px;
    height:230px;
    background-position:center;
    -webkit-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    margin-right:55px
}
.container.feedback-block .feedback-list .feedback-list-item .feedback-content{
    margin-right:55px;
    width:calc(100% - 270px - 110px - 170px)
}
.container.feedback-block .feedback-list .feedback-list-item .feedback-content .feedback-title{
    font-size:14px;
    font-weight:700;
    padding-bottom:10px
}
.container.feedback-block .feedback-list .feedback-list-item .feedback-content p{
    padding-top:25px;
    font-weight:300
}
.container.feedback-block .feedback-list .feedback-list-item .feedback-doc{
    width:170px;
    height:230px;
    background-position:center;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat
}
.facts-block{
    padding:75px 0
}
.facts-block .fact-items{
    margin:0 -30px
}
.facts-block .fact-items .fact-item{
    width:calc(25% - 60px);
    margin:0 30px
}
.facts-block .fact-items .fact-item .name{
    font-size:26px;
    margin-bottom:15px;
    font-weight:700
}
.facts-block .fact-items .fact-item .text{
    text-transform:lowercase
}
.seo-block{
    padding:75px 0
}
.seo-block .main-seo-content p{
    padding-bottom:15px;
    line-height:18px
}
.footer-callback{
    border-top:1px solid #d4e8ff;
    padding:22px 0
}
.footer-callback .telephone-container{
    margin-right:30px;
    font-size:14px
}
.footer-callback .telephone-container .telephone{
    margin-right:15px;
    font-weight:700;
    font-size:18px
}
.footer{
    padding:38px 0;
    background:#222734;
    color:#fff
}
.footer a{
    color:#fff
}
.footer a:hover{
    color:#f5f5f5
}
.footer .footer-mobile-content{
    display:none
}
.footer .footer-site-map{
    display:none
}
.footer .list-title{
    display:none;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:30px;
    font-weight:700
}
.footer .list-title::after{
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1;
    content:"\f067";
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    -o-transition:transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    cursor:pointer
}
.footer .left-col{
    width:60%;
    margin-right:75px
}
.footer .right-col{
    width:calc(40% - 75px)
}
.footer .right-col .footer-site-map{
    display:none
}
.footer .logo,.footer .logo-copyright,.footer .logo-description{
    margin-bottom:10px
}
.footer .logo-description{
    line-height:19px;
    cursor:default
}
.footer .logo-description:hover{
    text-decoration:underline
}
.footer .logo-sub-description{
    margin-bottom:40px
}
.footer .search-form{
    margin-bottom:38px
}
.footer .search-form input{
    -webkit-border-radius:10px;
    border-radius:10px;
    padding:13px 25px;
    width:250px;
    -webkit-transition:width .3s ease;
    -o-transition:width .3s ease;
    transition:width .3s ease;
    background-image:url(../images/search-bg.png);
    background-position:calc(100% - 17px) center;
    background-repeat:no-repeat;
    border:none;
    outline:0
}
.footer .search-form input:focus,.footer .search-form input:hover{
    background-image:url(../images/search-bg-black.png);
    width:335px
}
.footer .footer-news-info{
    margin-bottom:50px
}
.footer .footer-news-info .news-title{
    margin-bottom:10px
}
.footer .footer-news-info .news-item:not(:last-child){
    margin-bottom:10px
}
.footer .footer-offer{
    line-height:20px
}
.footer .logo-col{
    margin-right:45px
}
.footer .contacts{
    margin-bottom:25px
}
.footer .contacts .contact-item{
    margin-bottom:6px
}
.footer .contacts .contact-item .icon{
    margin-right:20px;
    min-width:23px
}
.footer .contacts .contact-item .text{
    white-space:nowrap
}
.footer .contacts .contact-item .text .telephone:not(:last-child){
    margin-bottom:5px
}
.footer .social{
    margin-bottom:30px
}
.footer .social a{
    font-size:20px;
    margin-right:10px
}
.footer .social a:hover{
    color:#0051b5
}
.footer .social a:hover.instagram{
    display:inline-block;
    text-align:center;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:#fff;
    vertical-align:middle;
    background:#d6249f;
    background:-webkit-radial-gradient(30% 107%,circle,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
    background:-o-radial-gradient(30% 107%,circle,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
    background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-box-shadow:0 3px 10px rgba(0,0,0,.25);
    box-shadow:0 3px 10px rgba(0,0,0,.25)
}
.footer .social a:hover .fa-youtube{
    color:red
}
.footer .social a:hover .fa-viber{
    color:#665CAC
}
.footer .social a:hover .fa-whatsapp{
    color:#25D366
}
.footer .footer-callback{
    width:100%
}
.footer .footer-menu .col{
    -webkit-flex-basis:auto;
    -ms-flex-preferred-size:auto;
    flex-basis:auto
}
.footer .footer-menu ul{
    margin-bottom:30px
}
.footer .footer-menu ul li{
    margin-bottom:10px
}
.footer .footer-menu .footer-mail-director a:hover{
    color:#c74a50
}
.slide-navigation-wrapper{
    position:fixed;
    top:50%;
    right:40px;
    -webkit-transform:translateX(50%) scale(0);
    -ms-transform:translateX(50%) scale(0);
    transform:translateX(50%) scale(0);
    z-index:10;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.slide-navigation-wrapper.bottom{
    top:auto;
    bottom:100px
}
.slide-navigation-wrapper.open{
    -webkit-transform:translateX(50%) scale(1);
    -ms-transform:translateX(50%) scale(1);
    transform:translateX(50%) scale(1)
}
.slide-navigation-wrapper .slide-navigation-list{
    height:0
}
.slide-navigation-wrapper .slide-navigation-list ul{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.slide-navigation-wrapper .slide-navigation-list ul li a{
    padding:0 10px;
    color:#0051b5
}
.slide-navigation-wrapper .slide-navigation-list ul li a:hover{
    color:#296fc4;
    text-decoration:underline
}
.slide-navigation-wrapper .slide-navigation-list ul li.active a{
    color:#296fc4;
    text-decoration:underline
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{
    width:auto;
    max-width:100%
}
.mfp-container{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.mfp-container:before{
    height:auto
}
.mfp-content .white-popup{
    background-color:#fff;
    padding:30px 80px
}
.mfp-content .white-popup .title{
    font-size:20px;
    line-height:25px;
    padding-bottom:5px;
    margin-bottom:20px
}
.mfp-content .white-popup .form-group{
    margin-bottom:30px
}
.mfp-content .white-popup .form-group input,.mfp-content .white-popup .form-group textarea{
    padding:15px 65px;
    width:500px;
    max-width:calc(100% - 130px);
    border-width:1px;
    border-color:#000
}
.mfp-content .white-popup .form-group input.error,.mfp-content .white-popup .form-group textarea.error{
    border-color:red
}
.breadcrumbs{
    margin-top:30px
}
.breadcrumbs ul{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.breadcrumbs ul li:not(:last-child){
    margin-right:13px;
    font-size:13px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    white-space:nowrap
}
.breadcrumbs ul li:not(:last-child)::after{
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1;
    content:"\f061";
    margin-left:7px
}
.i-page .title{
    padding:30px 0 5px 0;
    margin-bottom:10px
}
.i-page .sub-title{
    font-size:24px;
    line-height:32px;
    font-weight:700;
    padding:0 0 30px 0
}
.i-page .list-of-work-block:not(:first-child){
    margin-top:60px
}
.i-page .service-top-description{
    margin-top:20px;
    font-size:16px;
    line-height:24px
}
.i-page .service-stages{
    margin-top:50px
}
.i-page .service-stages .service-stages-list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:calc(100% + 30px);
    margin-left:-15px;
    margin-right:-15px
}
.i-page .service-stages .service-stages-list .service-stages-item{
    width:calc(33.3333% - 30px);
    margin:0 15px 15px 15px;
    height:390px;
    position:relative;
    overflow:hidden
}
.i-page .service-stages .service-stages-list .service-stages-item .name{
    position:absolute;
    width:calc(100% - 70px - 70px);
    left:0;
    top:38px;
    padding:22px 35px;
    background-color:#f7f7f7;
    font-weight:700;
    font-size:18px;
    color:#000
}
.i-page .i-slider{
    position:relative;
    margin-top:50px;
    margin-bottom:0;
    margin-left:-60px;
    margin-right:-60px;
    padding:0 60px
}
.i-page .i-slider .swiper-container{
    width:100%;
    height:390px
}
.i-page .i-slider .i-slider-item{
    height:390px;
    position:relative;
    overflow:hidden
}
.i-page .i-slider .i-slider-item .name{
    position:absolute;
    width:calc(100% - 70px - 70px);
    left:0;
    top:38px;
    padding:22px 35px;
    background-color:#f7f7f7;
    font-weight:700;
    font-size:18px;
    color:#000;
    z-index:1
}
.i-page .i-slider .i-slider-item .bottom-description{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:25px;
    background:rgba(0,81,181,.85);
    color:#fff
}
.i-page .related-services{
    margin-bottom:50px
}
.i-page .i-page-content{
    font-size:16px;
    line-height:24px
}
.i-page .prices-block .prices-list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:600
}
.i-page .prices-block .prices-list .prices-header{
    font-size:20px
}
.i-page .prices-block .prices-list .price-list-item{
    font-size:16px
}
.i-page .prices-block .prices-list .price-list-item,.i-page .prices-block .prices-list .prices-header{
    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;
    width:70%;
    padding-bottom:10px;
    margin-top:15px
}
.i-page .prices-block .prices-list .price-list-item .name,.i-page .prices-block .prices-list .prices-header .name{
    width:calc(40% - 60px);
    margin-right:60px
}
.i-page .prices-block .prices-list .price-list-item .price,.i-page .prices-block .prices-list .prices-header .price{
    width:calc(30% - 60px);
    margin-right:60px
}
.i-page .prices-block .prices-list .price-list-item .time,.i-page .prices-block .prices-list .prices-header .time{
    width:20%
}
.i-page .prices-block .prices-list .prices-header>div>span{
    border-bottom:1px solid #dcdcdc
}
.i-page .prices-block .prices-list .price-list-item{
    position:relative
}
.i-page .prices-block .prices-list .price-list-item::after{
    content:'';
    width:70%;
    height:1px;
    background:#dcdcdc;
    position:absolute;
    bottom:0;
    left:15%
}
.i-page .portfolio-category:last-child{
    margin-bottom:60px
}
.i-page .portfolio-category{
    margin-bottom:30px
}
.i-page .portfolio-category .portfolio-item-list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px
}
.i-page .portfolio-category .portfolio-item-list .portfolio-item{
    height:400px;
    width:calc(33.3333% - 30px);
    margin:15px;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    position:relative;
    overflow:hidden
}
.i-page .portfolio-category .portfolio-item-list .portfolio-item .dark-hover-bg{
    position:absolute;
    z-index:1;
    opacity:0;
    background:#000;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.i-page .portfolio-category .portfolio-item-list .portfolio-item .portfolio-content{
    opacity:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:45px 30px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    color:#fff;
    font-weight:700;
    z-index:2;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.i-page .portfolio-category .portfolio-item-list .portfolio-item .portfolio-content .portfolio-title{
    font-size:24px;
    line-height:32px;
    margin-bottom:27px
}
.i-page .portfolio-category .portfolio-item-list .portfolio-item .portfolio-content .portfolio-ph-wrapper span{
    font-weight:100;
    margin-left:5px;
    color:#fff
}
.i-page .portfolio-category .portfolio-item-list .portfolio-item:hover .dark-hover-bg{
    opacity:.4
}
.i-page .portfolio-category .portfolio-item-list .portfolio-item:hover .portfolio-content{
    opacity:1
}
.i-page .portfolio-category .see-all-btn{
    float:right
}
.i-page .portfolio-detail-page .portfolio-detail-card{
    margin:30px 0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-photo{
    width:calc(67% - 15px);
    margin-right:15px
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-photo img{
    max-width:100%
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info{
    width:calc(33% - 15px);
    margin-left:15px
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .name{
    font-weight:100;
    font-size:24px;
    line-height:36px;
    margin-bottom:40px
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .description{
    font-size:16px;
    line-height:22px;
    margin-bottom:40px
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .social{
    margin-top:35px;
    font-size:24px;
    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
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .social a{
    margin:0 5px
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .social a i{
    color:#6a6d71
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .social a:hover i{
    color:#0051b5
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .social a:hover.instagram{
    display:inline-block;
    text-align:center;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:#fff;
    vertical-align:middle;
    background:#d6249f;
    background:-webkit-radial-gradient(30% 107%,circle,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
    background:-o-radial-gradient(30% 107%,circle,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
    background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-box-shadow:0 3px 10px rgba(0,0,0,.25);
    box-shadow:0 3px 10px rgba(0,0,0,.25)
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .social a:hover.instagram i{
    color:#fff
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .social a:hover .fa-youtube{
    color:red
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .social a:hover .fa-viber{
    color:#665CAC
}
.i-page .portfolio-detail-page .portfolio-detail-card .main-info .social a:hover .fa-whatsapp{
    color:#25D366
}
.i-page .portfolio-detail-page .portfolio-detail-list-of-photo{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-15px
}
.i-page .portfolio-detail-page .portfolio-detail-list-of-photo .portfolio-example-item{
    margin:0 15px 15px 15px;
    width:calc(33.3333% - 30px);
    height:400px;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
.i-page .portfolio-detail-page .portfolio-detail-relate-objects{
    margin-bottom:60px
}
.list-of-work-wrapper .about-work{
    margin-top:13px;
    font-size:16px;
    line-height:24px
}
.light{
    font-weight:300!important
}
.grid-item,.i-slider-item,.portfolio-item,.service-stages-item,.work-item{
    overflow:hidden
}
.grid-item .background,.i-slider-item .background,.portfolio-item .background,.service-stages-item .background,.work-item .background{
    background-position:center;
    -webkit-background-size:cover;
    background-size:cover;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:-1
}
.grid-item:hover .background,.i-slider-item:hover .background,.portfolio-item:hover .background,.service-stages-item:hover .background,.work-item:hover .background{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.choise-city-popup .choise-city-popup-content li a{
    margin:2px 0 0 0;
    border-bottom:2px solid transparent;
    position:relative
}
.choise-city-popup .choise-city-popup-content li a:hover{
    text-decoration:none;
    border-bottom:2px solid #52ace2
}
.choise-city-popup .choise-city-popup-content li a.active{
    border-bottom:2px solid #52ace2
}
.choise-city-popup .choise-city-popup-content li a.active::before{
    content:'';
    position:absolute;
    left:-12px;
    height:6px;
    width:6px;
    background:#52ace2;
    -webkit-border-radius:50%;
    border-radius:50%;
    bottom:6px
}
 .breadcrumbs__separator{
     margin: 0 12px 0 7px;
}
 .breadcrumbs{
     font-size: 12px; font-weight: 700;
}
 .name span{
     font-weight: 800;
     color: #0051b5;
     font-size: 23px; 
}
.header .header-top .header-app-name .name{
    margin-right: 35px;
}
.header-call-wrapper .btn{
    border: 1px solid #0051b5;
    color: #0051b5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.header-call-wrapper .btn:hover {
    text-decoration: none;
    background: #0051b5;
    color: #fff!important;
}

.main-seo-content h1{
    font-size: 30px; font-weight: bold;
}
.main-seo-content h2{
    display: block; font-size: 24px; font-weight: bold;
}
.main-seo-content h3{
    font-size: 20px; font-weight: bold;
}
.main-seo-content ul{
    list-style-type: disc; padding-left: 35px; margin-bottom: 15px;
}
.main-seo-content ul li{
    list-style-type: disc;
}
.main-slider-container .swiper-slide .main-slider-offer-wrapper{
        background: rgba(25,25,25,.50);
}

@media only screen and (max-width:1050px){
    .header .header-top .header-app-name .description{
        font-size: 12px;
    }
    .header-app-name.fx{
        text-align: left;
    }
    .name span{
        display: block; text-align: left; position: relative; left: -20px;
    }
    .header .header-top .header-app-name .description{
        width: auto !important;
    }
    .header .header-top .header-app-name .name{
        display: block; text-align: left;
    }
}
@media only screen and (max-width:860px){
    .mobile-sandwich{
        margin-top: 6px !important;
    }
}
@media only screen and (max-width:750px){
    .header-top.container.fx.fx-center.fx-between .widget_execphp:nth-child(1), .header-top.container.fx.fx-center.fx-between .widget_execphp:nth-child(2){
        display: none;
    }
}
@media only screen and (max-width:500px){
        .header .header-top .header-telephones-wrapper{
        margin-top: 0px !important;
    }
}
@media only screen and (max-width:450px){
    .header .header-top .header-telephones-wrapper .header-telephone {
    font-size: 16px !important;
    }

}
.logo_footer_text{
    font-size: 23px; color: #fff; font-weight: 700; display: block; margin-bottom: 15px !important;    
}


/*modal styles*/
.custom_modal_wrapper{
    padding: 30px;
}
.custom_modal_wrapper p{
    margin: 0; padding: 0;
}
.custom_modal_wrapper br{
    display: none;
}
.custom_modal_title{
    text-align: center; display: block;
}
.custom_modal_title_text{
    display: inline-block; text-align: center; font-size: 20px;    padding-bottom: 5px;
    margin-bottom: 20px;     font-family: "Open Sans",sans-serif;
    font-weight: 700;
        border-bottom: 4px solid #52ace2;
}
.custom_modal_wrapper input{
    display: block; width: 100%;  padding: 0 30px; border-width: 1px; height: 50px;
    border-color: #000;
}
.custom_modal_block{
    margin-bottom: 30px;
}
.custom_modal_wrapper input.button_send{
    background-color: #d42028;
    color: #fff;
    border:none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; text-align: center;
    height: 50px; line-height: 50px; padding: 0; font-weight: 700;
}
.custom_modal_wrapper input.button_send:hover {
    background-color: #c74a50;
}
.custom_modal_wrapper textarea{
    display: block; width: 100%; height: 150px; border:1px solid #000; padding: 15px 30px;
}
.custom_modal_block_file input{
    padding: 0; height: auto;
}
.custom_modal_block_file_title{
    display: block; margin-bottom: 10px;
}
.wpcf7-list-item-label{
    display: none;
}

.custom_modal_block_policy input{
    width: 25px; height: 25px;
}

.custom_modal_block_policy{
    position: relative;
}
.custom_modal_wrapper p.policy_link{
 position: relative; left: 40px; font-size: 13px;
}
.custom_modal_wrapper p.policy_link a{
    text-decoration: underline;
}
.custom_modal_wrapper p.policy_link a:hover{
    text-decoration: none;
}

.custom_modal_wrapper p.policy_block{
 position: absolute; left: 0; top: 0; z-index: 4;
}
.custom_modal_wrapper span.wpcf7-list-item{
    margin: 0;
}
.custom_modal_block_dynamictext p{
    display: inline-block; 
}
.custom_modal_block_dynamictext input{
    border:none; height: auto; padding: 0; margin: 0; display: inline-block; width: auto;
}
.custom_modal_block_dynamictext{
    margin-bottom: 15px; padding-top: 15px;
}

.ajax-loader{
    display: none !important;
}
.custom_modal_wrapper .custom_modal_block:last-child{
    margin-bottom: 0;
}
span.wpcf7-not-valid-tip{
    margin-top: 7px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .div.wpcf7-response-output{
    text-align: center; margin: 0 !important; line-height: 1.5;
}
div.wpcf7-response-output{
    margin: 0 !important; text-align: center;
}

.modal_thanks{
    text-align: center; font-family: 'Open sans', sans-serif;
}
.modal_thanks p{
    margin-bottom: 15px;
}
    .modal_thanks_title{
        display: block;  font-size: 20px; margin-bottom: 20px;
    }
    .modal_thanks strong{
        font-weight: 700;
    }

.modal_thanks_social{
    text-align: center; font-size: 20px;
}
    .modal_thanks_social br{
        display: none;
    }
    .modal_thanks_social a{
        display: inline-block; padding: 0 5px; 
        -webkit-transition: all 0.10s linear;
        -moz-transition: all 0.10s linear;
        transition: all 0.10s linear;
    }
    .modal_thanks_social a .fab.fa-vk{
        color: #5181B8;
    }
    .modal_thanks_social a .fab.fa-facebook-f{
        color:#3A559F;
    }
    .modal_thanks_social a .fab.fa-instagram{
        color:#AC368A ;
    }
    .modal_thanks_social a .fab.fa-youtube{
        color:#BE252B ;
    }
    .modal_thanks_social a .fab.fa-telegram-plane{
        color:#2FA6DE ;
    }
    .modal_thanks_social a .fab.fa-viber{
        color:#7B519D ;
    }
    .modal_thanks_social a .fab.fa-whatsapp{
        color: #00E23B;
    }
    .modal_thanks_social a:hover{
        opacity: 0.9;
    }

    html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    overflow: hidden;
}
.bg-black{
    display: none; opacity: 0;
    -webkit-transition: all 0.10s linear;
    -moz-transition: all 0.10s linear;
    transition: all 0.10s linear;
}
html.pum-open .bg-black{
    display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,0.7);
    opacity: 1;
}

.custom_modal_block_policy{
	padding-right: 15px;
}

.row-c{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-6-c{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 15px;
    margin-bottom: 30px;
}
.col-12-c{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
}
.qa__form_wrap, .qa__form_wrap *{
    box-sizing: border-box;
}
.qa__form_wrap input, .qa__form_wrap textarea{
    display: block; width: 100%; border: 1px solid #ccc; font-size: 16px; background: #fff;
}
.qa__form_wrap input{
    height: 50px; padding: 0 15px;
    -webkit-transition: all 0.10s linear;
    -moz-transition: all 0.10s linear;
    transition: all 0.10s linear;
}
.qa__form_wrap textarea{
    height: 150px; padding: 15px;
}
.qa__form_wrap input[type="submit"]:hover{
    background: #E4E4E4;
}
h2.qa__form_title{
    font-size: 24px; font-weight: 700; padding: 0;
}
.custom_modal_subtitle_text{
    display: block; position: relative; top: -7px; margin-bottom: 15px;
}

.qa__form_wrap .policy_block input{
    width: 25px; height: 25px;
}
.qa__form_wrap .custom_modal_wrapper{
    padding: 0; margin: 0;
}
@media only screen and (max-width:480px){
	.custom_modal_wrapper{
		padding: 30px 10px;
	}
    .col-6-c{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    }
}