/* Start:/bitrix/templates/marsd_smart_darkblue_s1/css/style.css?175103500326271*/
/*Ne redaktirovat` etot css*/
@import url(/bitrix/templates/marsd_smart_darkblue_s1/css/../assets/bootstrap/css/bootstrap.min.css);
@import url(/bitrix/templates/marsd_smart_darkblue_s1/css/../assets/fancybox/jquery.fancybox.css?v=2.1.5);
@import url(/bitrix/templates/marsd_smart_darkblue_s1/css/../font-awesome/css/font-awesome.css);
@import url(/bitrix/templates/marsd_smart_darkblue_s1/css/../assets/animate/animate.css);
@import url(/bitrix/templates/marsd_smart_darkblue_s1/css/../assets/easy-pie-chart/easypiechart.css);
@import url(/bitrix/templates/marsd_smart_darkblue_s1/css/../assets/timeline/timeline.css);

/* font-family: "SegoeUIRegular"; */
@font-face {
    font-family: "SegoeUI";
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIRegular/SegoeUIRegular.eot");
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIRegular/SegoeUIRegular.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIRegular/SegoeUIRegular.woff") format("woff"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* font-family: "SegoeUIBold"; */
@font-face {
    font-family: "SegoeUI";
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIBold/SegoeUIBold.eot");
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
/* font-family: "SegoeUIItalic"; */
@font-face {
    font-family: "SegoeUI";
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIItalic/SegoeUIItalic.eot");
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIItalic/SegoeUIItalic.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIItalic/SegoeUIItalic.woff") format("woff"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUIItalic/SegoeUIItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}
/* font-family: "SegoeUILight"; */
@font-face {
    font-family: "SegoeUI";
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUILight/SegoeUILight.eot");
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUILight/SegoeUILight.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUILight/SegoeUILight.woff") format("woff"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUILight/SegoeUILight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
/* font-family: "SegoeUISemiBold"; */
@font-face {
    font-family: "SegoeUI";
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUISemiBold/SegoeUISemiBold.eot");
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"),
    url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
/* inter-regular - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/Inter/inter-v12-cyrillic_latin-regular.woff2") format("woff2");
}
/* inter-600 - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url("/bitrix/templates/marsd_smart_darkblue_s1/css/../fonts/Inter/inter-v12-cyrillic_latin-600.woff2") format("woff2");
}

body {
    font-family: "SegoeUI", sans-serif !important;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

body{
    font-weight: 400!important;
}

.top-header {
  border-bottom: 1px solid #f8f8f8;
  background: #fff;
}

.callBack-dialog{
    width: 320px;
}

#callBack i{
    margin: 0 3px 0 3px;
    color: #d5070f;
    font-size: 7px;
}

#callBack label{
    font-weight: 400;
}

.aux-text{
    font-size: 14px!important;
    color: #333;
    line-height: 14px;
    margin: 5px 0;
}

.aux-text i{
    margin: 0 3px 0 20px;
}

.aux-text i:first-child {
    margin: 0 3px 0 0;
}

#slider-wrapper{
    border:none!important;    
}

.custom-figcaption-btn{
    padding-left: 0!important;
}

.carousel-nav a{
    line-height: 27px!important;
}

.layer-slider-wrapper .title{
    text-transform: none!important;
}

.col-social-icons img {
    width: 40px;
    margin: 0 5px 7px 0px;
}

.pg-opt{
    padding: 15px 0;
    /*background: url(/bitrix/templates/marsd_smart_darkblue_s1/css/../images/pagetitle-bg.png) repeat!important;*/
}
.page-title h1{
    margin: 0;
    padding: 5px 0;
    font-size: 33px;
    line-height: 33px;
    font-weight: 400;
}

.pg-opt .breadcrumb{
    float: left!important;
}

.breadcrumb>.active {
     color: #333; 
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
}

h1, .h1, h2, .h2, h3, .h3 {
    /*margin-top: 0px!important;*/
    margin-bottom: 25px;
}

.md-theme p {
    margin: 0 0 20px;
}


.dropdown-menu{   
    right:auto!important;
}

.custom-figure a{
    top: 88%!important;
    margin: 1px!important;
}

.custom-listing-body{
    width: 75%!important;
    height:auto!important;
    min-height: 170px!important;
}

.item-prop{
    margin-bottom: 5px;
}

.item-prop i {
    height: 20px;
    width: 20px;
    line-height: 20px;
}

.partners-img{
    margin: 0 auto;
}

.partner-detail{
    margin-bottom: 30px;
}

.person-properties i{
    width: 20px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;  
}

.person-properties{
    margin-top: 15px;
}

.person {
    background-color: #f8f8f8;
    border: 1px solid transparent;
}

.person-content{
    padding: 15px 15px 0 15px;
}

.person-detail .property {

}

.img-center{
    margin:0 auto;
}

.back-url i{
    width: 20px;
    height: 20px;
}

.back-url{
    text-decoration: underline;
}
.panel-group .panel-heading:after{
    content: ""!important;
}

.vacancy-list .panel {
    margin-bottom: 10px;
    border-top: 1px solid #ddd!important;
}

.faq-list .panel {
    margin-bottom: 10px;
    border-top: 1px solid #ddd!important;
}

.custom-price-tag{
    font-size: 40px!important;
}

.custom-plan-title{
    font-size: 18px!important;
    color: #FFF!important;
}

.custom-btn-three{
    margin-top: 6px;
}

.custom-plan-select{
    padding-bottom: 0px!important;
}

#serviceDialog i {
    margin: 0 3px 0 3px;
    color: #d5070f;
    font-size: 7px;
}

#askDialog i {
    margin: 0 3px 0 3px;
    color: #d5070f;
    font-size: 7px;
}

label {
    font-weight: 400;
}

.modal-dialog{
    margin: 30px auto!important;
}


.services-list .service-name{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
}

.service-name a{
    text-decoration: underline;
}

.service-img{
    height: auto;
    text-align: center;
    width: 100%;
}

.img {
    margin: 0 auto;
}

.service-item{
    margin: 25px 0 25px 0;
}

.service-descr{
    margin-bottom: 16px;
}

.service-sections-list .service-section-name{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
}

.service-section-name a {
    text-decoration: underline;
}

.service-section-descr{
    margin: 10px 0;
}

.section-subsections-item{
    display: inline-block;
    margin: 5px 10px 5px 0;
}

.sevice-section-item{
    margin-bottom: 20px;
}

.service-detail-img{
    margin-bottom: 20px;
}

.property-block{
    margin-bottom: 40px;
}

.service-docs i{
    font-size: 32px;
    margin-right: 10px;
}

.service-docs a{
    vertical-align: top;  
    display: inline-block;
}

.service-docs .docs-item{
    margin-bottom: 20px;
}

.service-docs .docs-item a{   
    text-decoration: underline;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.service-detail-figcaption-btn{
    padding-left: 0px!important;
}

.service-order{
    padding: 30px;
    margin: 0;
}

.breadcrumb{
    font-size: 12px;  
    padding: 5px 0 0 0!important;  
}

.breadcrumb a{
    text-decoration: underline;
}

.news-all .news-item-name{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
}

.news-all .news-item-name a{
    text-decoration: underline;

}
.news-all .news-item-date{
    margin-bottom: 5px;
}

.news-all .news-item-date span{
   color: #727272;
   font-family: "SegoeUI";
   font-weight: 700
}

.news-all .news-item-text{
    margin-bottom: 20px;
}

.news-detail-img{
    margin-bottom: 10px;
    padding: 0;
}

.news-detail .img-left{
    text-align: left;
    margin-right: 15px;
    float:left;
}

.news-detail .img-right{
    text-align: right;
    margin-left: 15px;
    float:right;
}

.news-detail-figcaption-btn{
    padding-left: 10px!important;
}

.project-preview-title{
    margin: 0;
    font-size: 16px;
    padding: 10px 0 0 0 !important;
    border-bottom: 0;
}

.project-preview-detail-link{
    text-decoration: underline;
}

.articles-all .articles-item-name{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
}

.articles-all .articles-item-name a{
    text-decoration: underline;

}
.articles-all .articles-item-date{
    margin-bottom: 5px;
}

.articles-all .articles-item-date span{
   color: #727272;
   font-family: "SegoeUI";
   font-weight: 700
}

.articles-all .articles-item-text{
    margin-bottom: 20px;
}

.articles-detail-img{
    margin-bottom: 10px;
    padding: 0;
}

.articles-detail .img-left{
    text-align: left;
    margin-right: 15px;
    float:left;
}

.articles-detail .img-right{
    text-align: right;
    margin-left: 15px;
    float:right;
}

.articles-detail-figcaption-btn{
    padding-left: 10px!important;
}

.sales-all .sales-item-name{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
}

.sales-all .sales-item-name a{
    text-decoration: underline;

}
.sales-all .sales-item-date{
    margin-bottom: 5px;
}

.sales-all .sales-item-date span{
   color: #727272;
   font-family: "SegoeUI";
   font-weight: 700;
}

.sales-all .sales-item-text{
    margin-bottom: 20px;
}

.sales-detail-img{
    margin-bottom: 10px;
    padding: 0;
}

.sales-detail .img-left{
    text-align: left;
    margin-right: 15px;
    float:left;
}

.sales-detail .img-right{
    text-align: right;
    margin-left: 15px;
    float:right;
}

.sales-detail-figcaption-btn{
    padding-left: 10px!important;
}

.projects-list .projects-buttons{
    padding-left: 0!important;
}

.projects-list .projects-title{
    margin: 0;    
    font-size: 15px;   
    padding: 10px 0 0 0 !important;
    border-bottom: 0;
    margin-top: 0px!important;
    text-decoration: underline;
}

.projects-list .projects-w-box{
    margin: 0 0 35px 0!important;
    min-height: 270px;
}

.project-detail{
    margin-bottom: 30px;
}

.project-detail .project-image-slider{
     margin-bottom: 30px;    
}

.project-detail .project-description{
    padding-top: 30px;
}


.photogallery{
    margin-bottom: 30px;
}

.catalog-sections-inner{
    margin-bottom: 25px;
}

.catalog-sections .catalog-section-name{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 10px;
}

.catalog-sections .catalog-section-name a{
    text-decoration: underline;

}
.catalog-sections .catalog-section-subsections{
    margin-bottom: 5px;
}
.catalog-sections .catalog-section-subsections a{
    font-size: 11px;
    margin-bottom: 4px;
    margin-right: 2px;
}

.catalog-sections .catalog-section-description{
    margin-bottom: 20px;
}
.catalog-section-elements .section-element .item-name{    
    font-size: 15px;
    font-weight: 400;   
    margin: 0;   
    padding: 15px 15px;
    display: block;

}

.catalog-section-elements .section-element .item-name:hover{    
    text-decoration: none;
}

.catalog-section-elements .section-element .price{
    font-weight: 400;
    font-size: 15px;
}
.catalog-section-elements .section-element .old-price{
    text-decoration: line-through;
    font-size: 14px;
}

.catalog-section-elements .section-element .w-box h2 {
    padding-bottom: 10px;
}

.catalog-section-elements .section-element .w-box .label-wrap{
    position: absolute;
}

a.link{
    text-decoration: underline;
}

.catalog-element-detail .item-price-block {
    margin: 15px 0 5px 0;
    font-size: 20px;
    font-weight: 700;
}
 
.catalog-element-detail  .item-price{
    font-size: 20px;
    margin-right: 5px;
    font-family: "SegoeUI";
    font-weight: 700;
}

.catalog-element-detail .item-old-price{
    font-size: 16px;
    text-decoration: line-through;
    color: #333;
}

.catalog-element-detail .aviability-wrap{
    display: inline-block;    
    position: relative;
    top: -3px;
    font-size: 14px;
}

.catalog-element-detail .ask-button{
    margin: 8px 0px 8px 5px;
    padding: 5px 10px!important;
}

.catalog-element-detail .buy-button{
    margin: 8px 0px 8px 0px;    
}

.table-striped>tbody>tr:nth-child(odd)>th,.table-striped>tbody>tr:nth-child(odd)>td {
    background-color: #f8f8f8!important;
}

.catalog-element-detail .product-short-info{
    margin-bottom: 5px;
}

.catalog-element-detail .docs-item{   
    margin-bottom: 20px;
}

.catalog-element-detail .docs-item a{
   text-decoration: underline;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   display: block;
}

.catalog-element-detail .docs-item a:hover{
   text-decoration: none;
}

.catalog-element-detail .shop-item-docs i{
    font-size: 32px;
    margin-right: 10px;
}

.catalog-element-detail ul.nav-tabs li.active a{
    color:#333!important;
}

.catalog-element-detail .item-additional-images{
    margin: 10px 0 25px 0;
}

.catalog-element-detail .custom-item-row{
    margin-right: 0px;   
}

.catalog-element-detail .thumb-img{
    padding-right: 0px;
    margin-bottom: 15px;   
}

.catalog-element-detail .img-item{
    border: 1px solid #f3f3f3;
    text-align: center;   
}

.catalog-element-detail .img-item a{
    display: block;
    line-height: 66px;
    padding: 4px;
    height: 75px;     
}

.catalog-element-detail .img-item img{
    max-width: 50px;      
}

.h1-heading{
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;  
}

.projects-carousel .btn-xs{
    padding: 4px 5px;
}

.projects-carousel .p-title{
    font-size: 18px;
}

.underline{
    text-decoration: underline;
}

.cert-all .cert-item-name{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
}

.center{
    text-align: center;
}

.cert-all .cert-item-text{
    margin-bottom: 20px;
}

ul.categories ul.submenu{
    padding: 0 10px;
    background-color: #f8f8f8;
    font-size: 13px;
}

ul.categories ul.submenu li{
    list-style: none;
}

ul.categories ul.submenu li a:after {   
    content: "";
    position: relative;
    top: 0;
    float: right;
}

ul.categories ul.submenu li {
    border: none;
    position: relative;
}

ul.categories ul.submenu li a{
    line-height: 16px;
    text-decoration: none;
}

ul.categories ul.submenu li a:hover{
    background: none;
}

ul.categories li a.parent:after{
    font-family: 'FontAwesome';
    content: "\f107";
 }

ul.categories ul.submenu li a.active {   
    
}

.navbar-brand img {
    height: 35px!important;
}

.navbar-brand{
    margin-top: 20px!important
}

.ls-slide h3.white, .ls-slide p.white {
    color: #fff!important;
}

footer ul{
    margin: 0;
}

footer ul li a{
    color: #ffffff!important;
    padding: 5px 0;
    border-bottom: 1px solid #616161;
    font-size: 16px;
}

footer ul li{
    display: inline-block;
    padding-right: 40px;
    color: #616161;
    margin-bottom: 15px;
}

footer ul li:first-child{
   padding-left: 0;  
}

footer {
   text-align: center;
}

.soc-icons i{
    background-color: #ddd;
    border-radius: 50%;
    font-size: 18px;
    line-height: 18px;
    height: 40px;
    width: 40px;
    text-align: center;
    margin: 0;
    vertical-align: middle;
}

.footer-contacts{
    margin: 20px 0;
}

.footer-contacts .aux-text, .footer-contacts .aux-text a{
    color: #9E9E9E;
}

.fotter-delimiter{
    display: inline-block;
    width: 30px;
    height: 0;
}

.client {
    border-radius: 2px;
    margin-bottom: 30px;
}

.client:hover{
    border-color: #8B8B8B;
}

.w-box{
    border-radius: 2px;
}

.main-last-news .main-last-news-item img{
    margin-top: 6px;
}

.slice{
    padding-bottom: 50px;
}

.main-last-news .main-last-news-item{
    padding: 5px;
    border:none!important;
}

.wrapper{
    background-color: #fff;
}

.callback-cta-wr{
    padding: 5px 0
}

.modal-open { 
  padding-right: 17px;
}

.modal{
    overflow-y: auto; 
}

.modal-question-block{
    float: right;
}

.modal-question-block a{
    display: block;
    padding: 10px 15px;
}

.modal-question-block i{
    margin-right: 6px;
}


.alert-success-custom
{
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-danger-custom
{
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-custom
{
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 20px;
    padding: 15px;
}

.map-custom
{
    padding-bottom: 20px;
}

#rateDialog i, #productDialog i, #generalDialog i
{
    margin: 0 3px 0 3px;
    color: #d5070f;
    font-size: 7px;
}

#contacts i
{
    color: #d5070f;
    font-size: 7px;
    margin: 0 3px;
}

.fontawesome-icon-list [class*="col-md-"] {
    margin-bottom: 9px;
}

.fontawesome-icon-list i {
    font-size: 1.3em;
    margin-right: 5px;
    display: inline-block;
    width: 30px;
    text-align: center;
    position: relative;
    top: 2px;
}

.navbar-toggle{
    z-index: 15;
}

.callback{
    padding: 25px;    
    background-color: #eeeeee;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) ;
    margin: 10px 0;
}

.callback .row{
    font-size: 0px;
}

.callback .description{
    font-size: 14px;
    margin-bottom: 10px;
}

.callback .row > div{
    font-size: 0px;
    vertical-align: middle;
    float: none;
    display: inline-block;
}

textarea.bxeditor-textarea{
    line-height: 1;
}

.services-list-main p{
    margin: 0;   
}

.services-list-main .icon-block.icon-block-1 .icon-block-item{
    width: 20%;
    display: table-cell;
    vertical-align: top;
    font-size: 45px;
    text-align: center; 
    color: #607D8B;   
}

.services-list-main .icon-block.icon-block-1 .icon-block-body{
    display: table-cell;
    vertical-align: top;
    padding-left: 15px;
}

.services-list-main .icon-block.icon-block-1 .icon-block-body .title{
    margin-bottom: 10px;   
    padding: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2em;   
    font-family: "SegoeUI";
}

.services-list-main .row{
    padding: 15px 0;
}

@media (max-width: 991px){
    .services-list-main .row{
        padding: 0;
    }

    .services-list-main .icon-block{
        margin-bottom: 20px;
    } 

    .services-list-main .icon-block.icon-block-1 .icon-block-item{
         width: 10%;    
    }  
}

.milestone-counter{
    margin-top: 40px;
    margin-bottom: 20px;
}

.milestone-counter .milestone-count{
    font-size: 60px;   
    margin-bottom: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;    
}

.milestone-counter .milestone-info{
    margin-top: 35px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;   
}

#layerslider .ls-shadow{
    display: none;
}

#layerslider h3.ls-l{
    line-height: 40px;
}
.contacts{
    margin-bottom: 50px;
    margin-top: 30px;
}

.contacts i{   
    color: #ffffff;
    font-size: 30px;
    line-height: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
    vertical-align: top;
}

.contacts .col-md-3{
    margin-bottom: 20px;
}

.contacts .contact-item{
    max-width: 75%;
    margin-left: 3%;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}

.contacts .info-name{
    font-weight: bold;
}

.label{
    font-weight: 400;
}

.mb-30{
    margin-bottom: 30px;
}

.p-20{
    padding: 20px;
}

.service-detail .callback{
    padding: 15px;
}

@media (max-width:320px) {
    header .logo img{
        width: 180px;
    }
}

ul.checklist {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
}

ul.checklist > li {
    padding-left: 30px;
    position: relative;
    margin: 10px;
    font-size: 16px;
}

ul.checklist > li::before {
    content: "✔";
    position: absolute;
    top: 0px;
    left: 0px;
    color: rgb(33, 133, 197);
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #006cc5;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
}

.carousel-indicators .active {
    margin: 1px;
    width: 10px;
    height: 10px;
    background-color: #006cc5;
}

.services-list-main > div.row > div {
	border: 1px solid #e6e6e6;
    border-radius: 7px;
    position: relative;
    min-height: 161px;
    padding: 0;
    transition: .2s linear;
}

.services-list-main > div.row > div > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 10px;
	text-decoration: none;
	color: #006cc5;
}

.services-list-main > div.row > div > a span {
	color: #333;
}

@media (max-width: 992px) {
	.services-list-main > div.row > div {
		width: 100%;
		min-height: 0;
		padding: 15px 15px 5px 15px;
		margin-bottom: 20px;
	}
}
@media (min-width: 992px) {
	.services-list-main > div.row > div:nth-child(1) {
		left: -20px;
	}
	.services-list-main > div.row > div:nth-last-child(1) {
		left: 20px;
	}
}
.services-list-main > div.row > div:hover {
	border: 1px solid #e6e6e6;
    box-shadow: 1px 1px 50px lightgrey;
}

.services-list-main > div.row > div .fa {
	transition: .2s linear;
}
.services-list-main > div.row > div:hover .fa {
	color: #006cc5;
}

.row-flex {
    display: flex;
    flex-flow: row wrap;
}

/* Home services */

#home-services {
    margin-top: 30px;
}

#home-services #home-serv-topmenu .nav-tabs>li>a {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}

#home-services #home-serv-topmenu .nav-tabs>li>a small {
    font-size: 10px;
}

#home-services #home-serv-topmenu .nav-tabs>li.active>a, #home-services #home-serv-topmenu .nav-tabs>li.active>a:hover, #home-services #home-serv-topmenu .nav-tabs>li.active>a:focus {
    border: 1px solid #00569c;
    background-color: #00569c;
    color: #fff;
}

#home-services #home-serv-topmenu .nav-tabs {
    border-bottom: 2px solid #00569c;
}

#home-services #home-serv-content-wrapper {
    border-width: 0px 2px 2px 2px;
    border-color: #00569c;
    border-style: solid;
    border-radius: 0px 0px 5px 5px;
    padding: 0 15px;
}

#home-services #home-serv-topmenu .nav-tabs>li>a:hover {
    border-color: #006CC6 #006CC6 #00569c;
    color: #fff;
}

#home-services #home-serv-topmenu .nav>li>a:hover, .nav>li>a:focus {
    background-color: #006CC6;
}

#home-serv-content-wrapper .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #00569c;
    border-bottom-color: #00569c;
    cursor: default;
}

#home-serv-content-wrapper .nav-tabs>li>a {
    margin-right: 2px;
    margin-bottom: 2px;
    line-height: 1.42857143;
    border: 1px solid #f3f3f3;
    border-radius: 0;
}

#home-serv-content-wrapper .nav-tabs {
    border-bottom: none;
    margin: 5px;
}

#home-serv-content-wrapper .nav>li>a:hover, .nav>li>a:focus {
    background-color: #fff;
}

.home-serv-button {
    margin: 0 10px 20px 0;
}

/* SLIDER */
.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #00569c; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #00569c; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.sliderValue {
  font-weight: bold;
    font-size: 2em;
    color: #00569c;
}

.calc_result_container {
    font-size: 1.5em;
    line-height: 1.5;
}

.calc_result {
font-weight: bold;
color: #00569c;
}

#calc_result {
font-size: 1.5em;
}

.price-calc .form-group {
margin-bottom: 20px;
}

.price-calc .home-serv-button {
text-align: center;
}

@media (max-width: 992px) {
.calc_result {
display: block;
}
}

.footer .footer-middle a {
    transition: color .2s linear;
}

.footer .footer-middle a:hover {
    color: #9E9E9E !important;
}

#cookie_notification{
    display: none;
    justify-content: space-between;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 900px;
    padding: 20px;
    background-color: #FFFFFF;
    border: 1px solid rgb(0, 86, 156);
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    max-width: 500px;
    flex-direction: column;
    align-items: center;
    z-index: 1010;
}

#cookie_notification.show {
    display: flex !important;
}

#cookie_notification p{
    margin: 0 0 12px 0;
    letter-spacing: 0;
    font-size: 13px;
    text-align: center;
    color: #000000;
    line-height: 1.8;
}

#cookie_notification .cookie_accept {
    background: #00569c;
    background-size: 200% 200%;
    cursor: pointer;
    padding: 9px 26px;
    border: none !important;
    color: #fff !important;
    border-radius: 3px;
    outline: none !important;
    transition: background-color .2s linear;
}

#cookie_notification .cookie_accept:hover {
    background: #006cc5;
}

@media (max-width: 560px) {
    #cookie_notification {
        max-width: 100%;
        width: calc(100% - 20px);
        left: 50%;
        transform: translateX(-50%);
        padding: 10px;
    }

    #cookie_notification p {
        font-size: 12px;
    }
}
/* End */


/* Start:/bitrix/templates/marsd_smart_darkblue_s1/css/custom.css?175122661142361*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*Svoi kastomnyi CSS kod pishite v etom faile*/
#tabpanel_description_size{
	font-size: 16px;
}


@media (max-width:320px) {
	header .logo img{width: 290px;}
}


a.btn-two, .main-social__link, .service-item__link {
	text-decoration: none !important;
}

.aux-text {
	font-size: 17px!important;
	color: #455A64!important;
	line-height: 17px;
	margin: 6px 0;
}

.text-color-blue {
	color: #2D6ABF;
}

header .logo {
	height: 100px;

}

.about {
	padding-top: 100px !important;
}
.about-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 1183px;
}
.about-content-mobile {
	display: none;
}
.about-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.about-row:first-of-type {
	margin-bottom: 24px;
}
.about-row:last-of-type {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.about-card {
	max-width: 300px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.about-card__head {
	position: relative;
	margin-bottom: 24px;
}
.about-card__head::before {
	position: absolute;
	content: '';
	top: -12px;
	right: -12px;
	bottom: -12px;
	left: -12px;
	background: #EFF6FF;
	border-radius: 50%;
	z-index: 1;
}
.about-card__head img {
	position: relative;
	z-index: 2;
}
.about-card__text {
	text-align: center;
	font-family: 'Segoe UI', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #000000;

}

.main-service {
	padding-top: 100px !important;
	background: #fff url('https://samara.dez-kontrol.ru/upload/medialibrary/b6e/b6ed583d04979d685f5fb28fcd2c0e97.webp')no-repeat center / cover !important;
}
.md-theme .main-service h2.service__title {
	font-family: 'Inter', sans-serif !important;
	font-size: 40px;
	line-height: 1.5;
	text-align: center;
	color: #000000;
	max-width: 890px;
	margin: 0 auto 57px auto;
}
.main-service .service-list {
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.main-service .service-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 247px;
}
.main-service .service-item__img {
	margin-bottom: 20px;
}
.md-theme .main-service h3.service-item__title {
	font-family: 'Inter', sans-serif !important;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	color: #000000;
	margin-bottom: 10px;
	margin-top: 0;
}
.main-service .service-item__text {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #000000;
	min-height: 120px;
	margin-bottom: 41px;
}
.main-service .service-item__link {
	font-family: 'Inter', sans-serif !important;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	color: #FFFFFF !important;
	padding: 17px 23px;
	background: -o-linear-gradient(356.35deg, #4280D7 8.52%, #1B5EBB 100%);
	background: linear-gradient(93.65deg, #4280D7 8.52%, #1B5EBB 100%);
	border-radius: 8px;
}
.equipment {
	margin-top: 160px;
	position: relative;
}
.equipment-title {
	font-size: 40px;
	line-height: 1.5;
	text-align: center;
	color: #000000;
	margin: 0 auto 50px auto;
	max-width: 890px;
}
.equipment-slide-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1080px;
	margin: 0 auto;
	border: 1px solid #E7E7E7;
	padding: 0 32px 0 110px;
	height: 396px;
}
.equipment-slide-wrapper-gel .equipment-slide__img {
	margin-right: 70px;
}
.equipment-slide__label {
	position: absolute;
	background: #1B5EBB;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	top: 30px;
	right: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: 'Segoe UI', sans-serif;
	font-size: 20px;
	line-height: 1.5;
	color: #FFFFFF;
}
.equipment-slide__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 340px;
}
.md-theme h3.equipment-slide__title {
	font-family: 'Inter', sans-serif !important;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5;
	color: #000000;
	margin-top: 0;
	margin-bottom: 10px;
}
.equipment-slide__text {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px;
	line-height: 1.5;
	color: #000000;
	margin-bottom: 0;
}
.swiper-button-prev, .swiper-button-next {
	width: 72px !important;
	height: 72px !important;
	background: #1B5EBB;
	border-radius: 50%;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
	background-color: #1f58a9;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}
.swiper-button-prev:active, .swiper-button-next:active {
	background-color: #1f58a9;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}
.swiper-button-prev {
	left: 0 !important;
}
.swiper-button-next {
	right: 0 !important;
}
.swiper-button-prev::after {
	display: none;
}
.swiper-button-next::after {
	display: none;
}
.swiper-button-prev::before, .swiper-button-next::before  {
	content: '';
	width: 31px;
	height: 31px;
	z-index: 3;
}
.swiper-button-prev::before {
	background: url("https://samara.dez-kontrol.ru/upload/medialibrary/bc8/bc8624aa45d354d0821952b9513c6bc8.png")no-repeat center;
}
.swiper-button-next::before {
	background: url("https://samara.dez-kontrol.ru/upload/medialibrary/b26/b26414b54b1a319fc0524a640d459ca7.png")no-repeat center;
}
.main-reviews {
	margin-top: 160px;
}
.reviews-title {
	font-size: 40px;
	line-height: 1.5;
	text-align: center;
	color: #000000;
	margin: 0 auto 63px auto;
	max-width: 890px;
}
.reviews-slider-wrapper {
	position: relative;
}
.reviews-slide a {

}
.reviews-slide a img {
	width: 331px;
	height: 462px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
}
.reviews-slider {
	max-width: 1080px;
}
.reviews-slider .swiper-slide {
	max-width: 333px;
	/*margin: 0 40px 0 0;*/
}
.reviews-slider .swiper-slide-prev {
	/*margin: 0;*/
}

.main-last-news {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.main-last-news > div {
	width: calc(50% - 40px);
	margin-bottom: 40px;
}
.main-news-wrapper .section-title {
	display: block;
	text-align: center;
	font-size: 40px;
	line-height: 1.5;
	color: #000000;
	margin-bottom: 67px;
}
.main-last-news-item .title {
	margin-left: 220px !important;
}
.main-last-news-item img {
	max-width: 200px !important;
	width: 100% !important;
	height: 200px;
}
.main-social {
	margin-top: 160px;
	background: #4280D7;
}
.main-social-wrapper {
	padding: 185px 0 155px 0;
	position: relative;
}
.main-social__title {
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 40px;
	line-height: 1.5;
	color: #FFFFFF;
	margin-bottom: 32px;
	margin-top: 0;
	max-width: 500px;
}
.main-social__link {
	font-family: 'Inter', sans-serif !important;
	font-size: 20px;
	line-height: 1.5;
	color: #1B5EBB;
	padding: 32px 44px;
	background: #FFFFFF;
	border-radius: 8px;
	margin: 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: block;
}
.main-social__text {
	position: absolute;
	left: 243px;
	bottom: 30px;
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 93px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.18);
}
.main-social__img {
	position: absolute;
	bottom: 0;
	right: 30px;
}
.md-theme .main-partners__title {
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 40px !important;
	line-height: 1.5 !important;
	text-align: center;
	color: #000000 !important;
	display: block !important;
	margin: 0 auto 50px auto !important;
	max-width: 930px;
}
.slider-buttons {
	display: none;
}
.partners-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.partners-list::before, .partners-list::after {
	display: none;
}
.partners-list > div {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.client {
	width: 195px;
	height: 131px;
	margin-bottom: 0;
}
.client img {
	height: 100%;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.services-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.services-list::before, .services-list::after {
	display: none;
}
.services-list-item .milestone-count {
	margin-bottom: 30px;
}
.services-list-item {
	left: initial !important;
	right: initial !important;
	width: 302px !important;
	height: 208px !important;
	min-height: 100% !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
}
.services-list-item .milestone-info {
	margin-top: 0;
}

.btn-two {
	background: -o-linear-gradient(356.35deg, #4280D7 8.52%, #1B5EBB 100%) !important;
	background: linear-gradient(93.65deg, #4280D7 8.52%, #1B5EBB 100%) !important;
	border-radius: 8px !important;
	padding: 28px 30px;
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 20px !important;
	line-height: 1.5 !important;
	color: #FFFFFF !important;
	border: none !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.btn-anim {
	position: relative;
	overflow: hidden;
}
.btn-anim span {
	position: relative;
	z-index: 3;
}
.btn-anim::before {
	position: absolute;
	z-index: 2;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	background: -o-linear-gradient(356.35deg, #1B5EBB 8.52%, #4280D7 100%) !important;
	background: linear-gradient(93.65deg, #1B5EBB 8.52%, #4280D7 100%) !important;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.btn-anim:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.main-partners .btn-two {
	max-width: 270px;
	margin: 40px auto 0 auto;
}
.ls-inner .ls-slide:first-of-type h3.title {
	display: none !important;
}

.hero-slide-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 500px;
	padding-left: 70px;
}
.hero-slide-wrapper-mobile {
	display: none;
}
.hero-slide__title {
	font-family: 'Segoe UI', sans-serif;
	font-size: 40px;
	line-height: 1.5;
	color: #000000;
	max-width: 800px;
	margin-top: 0 !important;
	margin-bottom: 16px;
}
.text-blue {
	color: #2D6ABF;
}
.hero-slide__about {
	max-width: 880px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 28px;
}
.hero-slide__about-left {
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 20px;
	line-height: 1.5;
	color: #000000;
	padding: 12px 26px;
	background: -o-linear-gradient(359.49deg, #FFF386 3.36%, #FCD924 96.97%);
	background: linear-gradient(90.51deg, #FFF386 3.36%, #FCD924 96.97%);
	border-radius: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 20px;
}
.hero-slide__about-right {
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 16px;
	line-height: 1.5;
	color: #000000;
}
.hero-slide__desc {
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 20px;
	line-height: 1.5;
	color: #000000;
}
.hero-slide__link {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.hero-slider .swiper-slide-active .hero-slide__title {
	-webkit-animation: heroSlideShow .5s linear;
	animation: heroSlideShow .5s linear;
}
.hero-slider .swiper-button-prev {
	left: 20px !important;
}
.hero-slider .swiper-button-next {
	right: 20px !important;
}
.hero-slider .swiper-pagination-bullet {
	width: 10px !important;
	height: 10px !important;
}
#home-services .tab-pane > .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#home-services .tab-pane small {
	color: #000 !important;
}
.home-service-slider {
	
	height: 100%;
}
.home-service-prev {
	top: 110% !important;
	left: calc(50% - 85px) !important;
	bottom: 0;
}
.home-service-next {
	top: 110% !important;
	right: calc(50% - 85px) !important;
	bottom: 0;
}
.service-sections-list > .row .col-xs-12:nth-child(3) .service-section-descr p:not(:first-of-type), .service-sections-list > .row .col-xs-12:nth-child(3) .service-section-descr ul, .service-sections-list > .row .col-xs-12:nth-child(3) .service-section-descr h2, .service-sections-list > .row .col-xs-12:nth-child(3) .service-section-descr h3, .service-sections-list > .row .col-xs-12:nth-child(3) .service-section-descr h1, .service-sections-list > .row .col-xs-12:nth-child(3) .service-section-descr div {
	display: none;
}
.service-sections-list > .row .col-md-6.col-sm-12:nth-child(3) .service-section-descr p:first-child {
	display: block;
}
.hero-slide-bg-md {
	display: none;
}
.hero-slide-bg-mb {
	display: none;
}
.hero-slide-bg-mb-small {
	display: none;
}
.services-about {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.services-about .left {
	max-width: 574px;
	width: 100%;
	margin-right: 30px;
}
.services-about .right img {
	border-radius: 10px;
	overflow: hidden;
}
.services-about p {
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 1.5;
}
.services-about p.insect-desc {
	margin-bottom: 30px;
}
.services-about .list {
	list-style-type: none;
	display: flex;
	padding-left: 0;
	justify-content: space-between;
}
.services-about .list.list-pliers {
	flex-wrap: wrap;
}
.services-about .list-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}
.services-about .list.list-pliers .list-item {
	width: 50%;
}
.services-about .list.list-cockroaches .list-item {
	width: fit-content;
}
.services-about .list.list-cockroaches .list-item:first-of-type {
	margin-right: 40px;
}
.services-about .list-item span {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
}
.services-about .list-item span strong {
	font-weight: 700;
}
.services-about .banner {
	display: flex;
	align-items: center;
	background: #FBFBFB;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 30px;
}
.services-about .banner img {
	margin-right: 10px;
}
.services-about .banner span {
	font-size: 16px;
	line-height: 1.5;
}
.insect-desc {
	font-size: 16px;
	line-height: 1.5;
}
.insect-desc strong {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	display: block;
}
.services-danger {
	padding: 70px 0 40px 0;
	/*background: url('https://samara.dez-kontrol.ru/upload/medialibrary/dc0/dc0b7e82c628e6ee79a5ad7c038361a8.jpg') no-repeat right bottom;*/
	margin-bottom: 60px;
}
.services-danger h2 {
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 30px;
	margin-top: 0;
}
.services-danger .desc {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 30px;
	max-width: 690px;
}
.services-danger .wrapper {
	display: flex;
	justify-content: space-between;
	background: transparent;
}
.services-danger .left {
	border: 1px solid #DEDEDE;
	border-radius: 10px;
	padding: 30px 35px 40px 35px;
	max-width: 647px;
	width: 100%;
	margin-right: 20px;
}
.services-danger .right {
	display: flex;
	align-items: center;
}
.services-danger .left-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.5;
	display: block;
}
.services-danger .left-content {
	display: flex;
	justify-content: space-between;
}
.services-danger .left-block {
	max-width: 250px;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.services-danger .left-block .list {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	margin-right: 10px;
}
.services-danger .left-block .list-item {
	display: flex;
	font-size: 16px;
}
.services-danger .left-block .list-item:not(:last-of-type) {
	margin-bottom: 10px;
}
.services-danger .left-block .list-item .icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	background: #FB4242;
	box-shadow: inset 0px 4px 9px rgba(255, 255, 255, 0.41);
	position: relative;
	margin-right: 5px;
}
.services-danger .left-block .list-item .icon::before, .services-danger .left-block .list-item .icon::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 1px;
	background: #fff;
	border-radius: 6px;
	top: 50%;
	left: 50%;
	transform-origin: center;
}
.services-danger .left-block .list-item .icon::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.services-danger .left-block .list-item .icon::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.services-danger .left-block-title {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 10px;
}
.services-steps {
	margin-bottom: 60px;
}
.services-steps h2 {
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 40px;
}
.services-steps .list {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.services-steps .list-item {
	display: flex;
	flex-direction: column;
	padding: 25px 10px 15px 10px;
	max-width: 219px;
	width: 100%;
	border: 1px solid #ECECEC;
	border-radius: 10px;
	position: relative;
}
.services-steps .list-item:not(:last-of-type) {
	margin-right: 15px;
}
.services-steps .list-item .img-wrap {
	width: 100%;
	height: 117px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-bottom: 15px;
}
.services-steps .list-item .img-wrap img {
	max-width: 100%;
}
.services-steps .list-item span {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
}
.services-steps .list-item .list-step {
	position: absolute;
	background: #4280D7;
	border-radius: 37px;
	width: fit-content;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 19px;
	top: 0;
	left: 10px;
	transform: translateY(-50%);
}
.services-steps .list-item p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0;
}
.services-banner {
	background: #4280D7 url("https://samara.dez-kontrol.ru/upload/medialibrary/d6b/d6b4b188fdf2c52c75a12158acb853bc.png")no-repeat right bottom;
	border-radius: 4px;
	padding: 58px 40px 50px 40px;
	color: #fff;
	margin-bottom: 70px;
	margin-top: 60px;
}
.services-banner .danger {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	border: 1px solid rgba(255, 255, 255, 0.31);
	border-radius: 56px;
	padding: 10px 30px;
	margin-bottom: 12px;
	width: fit-content;
}
.services-banner .danger br {
	display: none;
}
.services-banner p {
	font-size: 27px;
	line-height: 1.5;
	margin-bottom: 22px;
}
.services-banner a {
	color: #1B5EBB !important;
	font-size: 20px;
	line-height: 1.5;
	padding: 12px 45px 14px 45px;
	background: #FFFFFF;
	border-radius: 8px;
	transition: all .2s linear;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: fit-content;
}
.services-banner a:hover {
	background: #1B5EBB;
	color: #fff !important;
}


@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (-webkit-device-pixel-ratio : 3) {
	.client {
		height: 105px!important;
	}
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
	.client {
		height: 105px!important;
	}
}


@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (-webkit-device-pixel-ratio : 3) {
	.client {
		height: 120px!important;
	}
}

@media (max-width:768px) {
	#slider-wrapper {
		display: none;
	}

	span.aux-text a {
		display: inline-block;
		font-size: 22px;
		padding-bottom: 6px;
	}

	.col-lg-4.col-md-4.col-sm-4 .w-box.white.bbottom {
		height: 355px!important;
	}

	div#home-serv-topmenu .nav-tabs>li {
		width: 100%;
	}

	#home-serv-content-wrapper .nav-tabs {
		border-bottom: none;
		margin: 5px auto;
		width: 208px;
	}

	div.tab-pane.fade img {
		width: 100%;
	}

	.client {
		height: 80px;
	}

	.slice {
		padding-bottom: 0px;
	}

	.preim {
		padding: 5px;
	}

	.preim li {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.preim li img{
		height: 100%;
		width: 50px;
	}

	.sm_menu_outer .mobile_menu .submenu {
		min-height: 100%!important;
		height: auto!important;
	}

	.sm_menu_outer {
		height: auto!important;
		top: 0;
	}
}
@media (max-width: 1500px) {
	.hero-slide-bg-md {
		display: block;
	}
	.hero-slide-bg-pc {
		display: none;
	}
}
@media (max-width: 1300px) {
	.equipment-slide-wrapper {
		max-width: 960px;
		padding: 0 32px 0 50px;
	}
	.reviews-slider {
		max-width: 960px;
	}
	.reviews-slider .swiper-slide {
		max-width: 300px;
	}
	.reviews-slide a img {
		width: 300px;
		height: 461px;
	}
	.services-about .list.list-cockroaches .list-item:first-of-type {
		margin-right: 33px;
	}
	.services-steps .list-item {
		max-width: 208px;
	}
	.services-steps .list-item:not(:last-of-type) {
		margin-right: 5px;
	}
}
@media (max-width: 1200px) {
	.equipment-slide-wrapper {
		max-width: 780px;
	}
	.equipment-slide__img {
		width: 306px;
	}
	.equipment-slide__img img {
		width: 100%;
	}
	.reviews-slider {
		max-width: 660px;
	}
	.main-social__img {
		width: 480px;
		right: 0;
	}
	.main-service .service-item {
		max-width: 100%;
		width: 50%;
	}
	.main-service .service-item__text {
		max-width: 247px;
	}
	.service-sections-list > .row .col-md-6.col-sm-12 {
		margin-bottom: 50px;
	}
	.hero-slide-bg-mb {
		display: block;
	}
	.hero-slide-bg-md {
		display: none;
	}
	.services-steps {
		margin-bottom: 20px;
	}
	.services-banner {
		background: #4280D7 url("https://samara.dez-kontrol.ru/upload/medialibrary/d6b/d6b4b188fdf2c52c75a12158acb853bc.png") no-repeat right bottom -2px / 330px;
	}
	.services-about {
		flex-direction: column-reverse;
	}
	.services-about .right {
		display: flex;
		justify-content: center;
		margin-bottom: 40px;
	}
	.services-about .left {
		max-width: 100%;
		margin-right: 0;
	}
	.services-danger .left {
		padding: 15px;
	}
	.services-danger .right {
		max-width: 180px;
		width: 100%;
	}
	.services-danger .right img {
		width: 100%;
		height: auto;
	}
	.services-steps .list-item {
		max-width: 100%;
		width: calc(50% - 20px);
		margin-bottom: 40px;
	}
	.services-steps .list-item:not(:last-of-type) {
		margin-right: 0;
	}
	.services-danger h2 {
		font-size: 33px;
	}
	.services-steps h2 {
		font-size: 33px;
	}
	.services-about .list.list-pliers .list-item {
		align-items: center;
	}
	.services-about .list.list-pliers .list-item span {
		text-align: center;
	}
}
@media (max-width: 992px) {
	.equipment-slide-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 29px 20px 20px 20px;
		max-width: 450px;
		min-height: 414px;
		max-height: 414px;
		height: 100%;
	}
	.equipment-slide__img {
		width: 252px;
	}
	.equipment-slide-wrapper-gel .equipment-slide__img {
		width: 140px;
		margin-right: 0;
	}
	.equipment-slide__label {
		width: 60px;
		height: 60px;
		top: 10px;
		right: 10px;
		font-size: 15px;
	}
	.equipment-slide-wrapper-traps .equipment-slide__img {
		width: 193px;
	}
	.about-content-pc {
		display: none;
	}
	.about-content-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.about-card {
		width: 50%;
		padding: 0 20px;
		margin-bottom: 40px;
	}
	.reviews-slider {
		max-width: 300px;
	}
	.main-last-news-item img {
		max-width: 100px !important;
		height: 100px;
	}
	.main-last-news-item .title {
		margin-left: 120px !important;
	}
	.main-last-news > div {
		width: calc(50% - 20px);
	}
	.main-social-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 70px 0 155px 0;
		min-height: 720px;
	}
	.main-social__title {
		text-align: center;
	}
	.main-social__img {
		width: 430px;
		right: 50%;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}
	.main-social__text {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		font-size: 60px;
		top: 320px;
		text-align: center;
	}
	.services-list-item {
		padding: 0 !important;
		margin: 0 !important;
	}
	.hero-slide-wrapper {
		padding-left: 50px;
		height: 380px;
	}
	.hero-slide-wrapper-pc {
		display: none;
	}
	.hero-slide-wrapper-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.hero-slider .hero-button-next, .hero-slider .hero-button-prev {
		width: 43px !important;
		height: 43px !important;
	}
	.hero-slider .hero-button-next {
		right: 10px !important;
	}
	.hero-slider .hero-button-prev {
		left: 10px !important;
	}
	.hero-slide__title {
		font-size: 25px;
	}
	.hero-slide__about {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.hero-slide__about-left {
		font-size: 14px;
		padding: 6px 14px;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.hero-slide__about-right {
		font-size: 14px;
	}
	.hero-slide__link {
		font-size: 16px !important;
		padding: 20px 25px;
	}
	.hero-slide__desc {
		font-size: 14px;
	}
	.about-content-mobile {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#home-services .tab-pane > .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.home-service-prev {
		top: 50% !important;
		left: 5px !important;
		bottom: initial;
	}
	.home-service-slider {
		height: auto;
	}
	.home-service-next {
		top: 50% !important;
		right: 5px !important;
		bottom: initial;
	}
	.service-sections-list > .row .col-md-6.col-sm-12 {
		margin-bottom: 100px;
	}
	.services-about .list.list-cockroaches .list-item:first-of-type {
		margin-right: -15px;
	}
	.services-about .list-item {
		align-items: center;
	}
	.services-about .list.list-cockroaches .list-item {
		width: 33.33%;
	}
	.services-about .list-item span {
		text-align: center;
	}
}
@media (max-width: 768px) {
	.equipment-title, .reviews-title, .main-partners__title {
		font-size: 30px;
	}
	.equipment-slider {
		height: 500px;
	}
	.equipment-slider .swiper-button-prev, .equipment-slider .swiper-button-next {
		top: initial !important;
		bottom: 0;
	}
	.equipment-slider .swiper-button-prev {
		left: calc(50% - 82px) !important;
		bottom: 10px;
	}
	.equipment-slider .swiper-button-next {
		right: calc(50% - 82px) !important;
		bottom: 10px;
	}
	.md-theme .main-service h2.service__title	{
		font-size: 25px;
		margin-bottom: 37px;
	}

	.main-service .service-item {
		max-width: 100%;
		width: 50%;
		padding: 0 20px;
	}
	.md-theme .main-service h3.service-item__title {
		font-size: 16px;
	}
	.service-item__text {
		display: none;
	}
	.main-service .service-item__img {
		width: 135px;
		height: 135px;
		margin-bottom: 5px;
	}
	.main-service .service-item__img img {
		width: 100%;
	}
	.main-service .service-item__link {
		font-size: 12px;
	}
	.main-last-news > div {
		width: 100%;
	}
	.main-last-news {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.client {
		height: 131px;
	}
	.hero-slide-wrapper {
		padding-top: 20px;
	}
	.hero-slide-wrapper {
		padding-left: 0;
	}
	.hero-slider .hero-button-prev {
		top: 35px !important;
		left: 15px !important;
	}
	.hero-slider .hero-button-next {
		top: 35px !important;
		left: 68px !important;
		right: initial !important;
	}
	.home-service-slider .swiper-slide {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.home-service-slide-wrapper {
		max-width: 450px;
	}
	.equipment {
		margin-top: 80px;
	}
	.main-social {
		margin-top: 80px;
	}
	.main-service {
		padding-top: 50px !important;
	}
	.main-reviews {
		margin-top: 80px;
	}
	.reviews-slider-button-prev {
		left: 10px !important;
	}
	.reviews-slider-button-next {
		right: 10px !important;
	}
	.service-sections-list > .row .col-md-6.col-sm-12 .sevice-section-item .service-section-img img {
		width: 150px;
		margin: 0;
	}
}
@media (max-width: 720px) {
	.services-banner .danger {
		margin: 0 auto 12px auto;
	}
	.services-banner p {
		text-align: center;
	}
	.services-banner a {
		margin: 0 auto;
	}
	.services-banner {
		background: #4280D7 url("https://samara.dez-kontrol.ru/upload/medialibrary/d6b/d6b4b188fdf2c52c75a12158acb853bc.png") no-repeat center bottom -2px / 330px;
		padding: 35px 35px 250px 35px;
	}
}
@media (max-width: 700px) {
	.services-danger .wrapper {
		flex-direction: column;
		align-items: center;
	}
	.services-danger .left {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.services-danger .right {
		max-width: 230px;
	}
}
@media (max-width: 670px) {
	.hero-slide__title {
		font-size: 20px;
	}
}
@media (max-width: 600px) {
	.services-steps h2 br {
		display: none;
	}
}
@media (max-width: 590px) {
	.services-banner .danger {
		font-size: 16px;
	}
	.services-banner p {
		font-size: 24px;
	}
	.services-banner a {
		font-size: 18px;
	}
}
@media (max-width: 570px) {
	.services-about .list.list-cockroaches .list-item:first-of-type {
		margin-right: 0;
	}
	.services-about .list.list-cockroaches .list-item {
		width: fit-content;
	}
	.services-about .list.list-cockroaches {
		flex-direction: column;
		align-items: center;
	}
}
@media (max-width: 561px) {
	.md-theme .main-service h3.service-item__title {
		height: 50px;
	}
}
@media (max-width: 560px) {
	.about-content-mobile {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.about-card {
		width: 100%;
		margin-bottom: 30px;
	}
	.md-theme .main-service h3.service-item__title {
		max-width: 144px;
	}
	.main-service .service-item {
		padding: 0 5px;
	}
	.main-service .service-item__link {
		padding: 15px;
	}
	.equipment-slider .swiper-button-prev, .equipment-slider .swiper-button-next, .reviews-slider-wrapper .swiper-button-prev, .reviews-slider-wrapper .swiper-button-next {
		width: 43px !important;
		height: 43px !important;
	}
	.equipment-slider {
		height: 480px;
	}
	.equipment-slider .swiper-button-prev {
		left: calc(50% - 53px) !important;
	}
	.equipment-slider .swiper-button-next {
		right: calc(50% - 53px) !important;
	}
	.reviews-slider {
		max-width: 270px;
	}
	.reviews-slider .swiper-slide {
		max-width: 270px;
	}
	.reviews-slide a img {
		width: 270px;
		height: 400px;
	}
	.md-theme h2.main-social__title {
		font-size: 25px;
	}
	.main-social__link {
		padding: 16px 33px;
	}
	.main-social__img {
		width: 318px;
	}
	.main-social {
		overflow: hidden;
	}
	.main-social-wrapper {
		min-height: 550px;
	}
	.main-social__text {
		top: 240px;
		width: 400px;
		height: 90px;
		left: 0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.home-service-prev, .home-service-next {
		width: 43px !important;
		height: 43px !important;
	}
	.home-service-slider {
		max-width: 300px;
	}
	.service-sections-list > .row .col-md-6.col-sm-12 {
		margin-bottom: 130px;
	}
	.hero-slide-bg-mb {
		display: none;
	}
	.hero-slide-bg-mb-small {
		display: block;
	}
}
@media (max-width: 550px) {
	.services-banner {
		background: #4280D6 url(https://samara.dez-kontrol.ru/upload/medialibrary/d6b/d6b4b188fdf2c52c75a12158acb853bc.png) no-repeat center bottom -2px / 270px;
		padding: 35px 35px 200px 35px;
	}
	.services-banner .danger {
		text-align: center;
	}
	.services-banner .danger br {
		display: block;
	}
	.services-steps h2 {
		font-size: 25px;
	}
	.services-danger h2 {
		font-size: 25px;
	}
}
@media (max-width: 530px) {
	.services-about .banner span br {
		display: none;
	}
}
@media (max-width: 510px) {
	.services-steps .list-item {
		width: calc(100% - 151px);
		margin: 0 auto 30px auto;
	}
	.services-steps .list-item:not(:last-of-type) {
		margin-right: auto;
	}
}
@media (max-width: 460px) {
	.services-about .banner {
		flex-direction: column;
	}
	.services-about .banner span {
		text-align: center;
	}
	.services-about .banner img {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.services-banner p br {
		display: none;
	}
}
@media (max-width: 410px) {
	.equipment-slide-wrapper-traps .equipment-slide__img {
		width: 160px;
	}
	.equipment-slide-wrapper-sprayer .equipment-slide__img {
		width: 190px;
	}
	.hero-slide-wrapper {
		height: 430px;
	}
	.home-service-slide-wrapper {
		max-width: 240px;
	}
	.home-service-slider {
		max-width: 270px;
	}
	.services-danger .left-content {
		flex-direction: column;
	}
	.services-danger .left-block:first-of-type {
		margin-bottom: 10px;
	}
}
@media (max-width: 400px) {
	.services-steps .list-item {
		width: 100%;
	}
	.services-banner p {
		font-size: 20px;
	}
}
@media (max-width: 380px) {
	.services-about .list.list-pliers .list-item {
		width: 100%;
	}
}
@media (max-width: 360px) {
	.equipment-slide-wrapper-gel .equipment-slide__img {
		width: 105px;
	}
	.equipment-slide-wrapper-pump .equipment-slide__img {
		width: 178px;
	}
	.equipment-slide-wrapper-cold .equipment-slide__img {
		width: 190px;
	}
	.equipment-slide-wrapper-dry .equipment-slide__img {
		width: 210px;
	}
	.services-list-item {
		width: 250px !important;
		height: 160px !important;
	}
}


.myclass .equipment-slide__img {
    margin: 0 auto;
}

.myclass .equipment-slide__img > img {
    height: 140px;
    width: auto;
}
.myclass .addstyle{
	padding: 0px 32px;
}
.myclass .addstyle .equipment-slide__content{max-width: 100%;}
.myclass .mb-1{margin-bottom: 15px;}

@media screen and (max-width: 1200px) {
	.myclass .equipment-slide__img {
		margin: 0 auto;
	}

	.myclass .equipment-slide__img > img{
		max-height: 190px;
		max-width: 150px;
	}

}

@media screen and (max-width: 800px) {
	.myclass .equipment-slide__img > img{
		height: auto;
		width: 100%;
		max-height: 180px;
	}

	.myclass .equipment-slide__img {
		margin-left: 50px;
	}

	.equipment-slide__content{
		margin-top: 8px;
	}

	.myclass .equipment-slide-wrapper{
		min-height: 300px;
	}
}

.main-reviews-slider .swiper-slide iframe {
	width: 82%;
	height: 600px;
}
body::-webkit-scrollbar-button {
	background-image:url('/bitrix/templates/marsd_smart_darkblue_s1/css/');
	background-repeat:no-repeat;
	width:15px;
	height:0px
}
body::-webkit-scrollbar-track {
	background-color:#ecedee;
}

body::-webkit-scrollbar-thumb {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#183a74;
}

body::-webkit-scrollbar-thumb:hover{
	background-color:#2b4d88;
}

body::-webkit-resizer{
	background-image:url(/bitrix/templates/marsd_smart_darkblue_s1/css/);
	background-repeat:no-repeat;
	width:15px;
	height:0px
}
body::-webkit-scrollbar{
	width: 15px;
}
.company-phone .btn {
	color: #fff !important;
	background: linear-gradient(93.65deg, #4280D7 8.52%, #1B5EBB 100%) !important;
	border-radius: 8px !important;
	border: none !important;
	padding: 12px 14px;
	position: relative !important;
	overflow: hidden;
}
.company-phone .btn span {
	position: relative;
	z-index: 3;
}
.company-phone .btn::before {
	position: absolute;
	z-index: 2;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	background: -o-linear-gradient(356.35deg, #1B5EBB 8.52%, #4280D7 100%) !important;
	background: linear-gradient(93.65deg, #1B5EBB 8.52%, #4280D7 100%) !important;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.company-phone .btn:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.dropdown-form input {
	padding: 20px 12px;
	border-radius: 6px !important;
}
.dropdown-form .btn.btn-two {
	padding: 10px 28px 12px 28px;
	line-height: 1 !important;
	margin-left: 10px;
}
.news-item .img {
	border-radius: 8px;
}
.service-section-img {
	border-radius: 8px;
	overflow: hidden;
}
.service-img {
	border-radius: 8px;
}
.main-reviews-slider .swiper-slide iframe {
	border-radius: 8px;
	overflow: hidden;
}
.search-page {
	min-height: calc(100vh - 400px);
}
.search-page .search-suggest {
	background: #fcfcfc;
	border: 1px solid #ccc;
	padding: 12px 20px;
	border-radius: 8px;
}
.search-page .search-button {
	background: -o-linear-gradient(356.35deg, #4280D7 8.52%, #1B5EBB 100%) !important;
	background: linear-gradient(93.65deg, #4280D7 8.52%, #1B5EBB 100%) !important;
	border-radius: 8px !important;
	padding: 9px 30px;
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 20px !important;
	line-height: 1.5 !important;
	color: #FFFFFF !important;
	border: none !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.main-last-news .main-last-news-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.main-last-news-item .title {
	margin-left: 0 !important;
	max-width: 260px;
}
.main-last-news > div {
	width: calc(33% - 40px);
}
.main-last-news-item img {
	height: 260px;
	max-width: 260px !important;
	border-radius: 8px;
	margin-bottom: 15px;
}
.main-news {
	padding-top: 100px !important;
}
.main-reviews-title, .main-news-wrapper .section-title {
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 40px !important;
	line-height: 1.5 !important;
	text-align: center;
	color: #000000 !important;
	display: block !important;
	margin: 0 auto 50px auto !important;
	max-width: 930px;
}
footer.footer {
	background: #2b4d88;
}
.footer .footer-top ul li a:hover {
	color: #9E9E9E !important;
}
.footer-contacts .aux-text a:hover {
	color: #fff;
}


@media (max-width: 1299px) {
	.main-reviews-slider .swiper-slide iframe {
		height: 550px;
	}
}
@media (max-width: 1199px) {
	.company-slogan p {
		line-height: 1.2;
	}
	header .logo img {
		max-width: 250px;
	}
	.main-reviews-slider .swiper-slide iframe {
		height: 460px;
	}
}
@media (max-width: 1024px) {
	#sm_menu_ham, .sm_menu_outer {
		display: none;
	}
}
@media (max-width: 991px) {
	#sm_menu_ham, .sm_menu_outer {
		display: block;
	}
	header .logo img {
		max-width: 292px;
	}
	.main-reviews-slider .swiper-slide iframe {
		height: 350px;
	}
	.main-last-news-item img {
		height: 198px;
	}
}
@media (max-width: 768px) {
	.md-theme .main-partners__title, .main-reviews-title, .main-news-wrapper .section-title {
		font-size: 30px !important;
	}
	.main-partners {
		padding-bottom: 50px;
	}
	.main-last-news > div {
		width: calc(50% - 40px);
	}
	.main-last-news {
		flex-direction: row;
	}
	.main-last-news-item img {
		height: 260px;
	}
}
@media (max-width: 767px) {
	.service-section-item {
		margin-bottom: 50px;
	}
	.service-section-img {
		max-width: 300px;
		margin: 0 auto 25px auto;
	}
}
@media (max-width: 660px) {
	.main-last-news > div {
		width: calc(50% - 15px);
	}
}
@media (max-width: 580px) {
	.main-last-news {
		flex-direction: column;
	}
	.main-last-news > div {
		width: 100%;
	}
}
@media (max-width: 520px) {
	.top-header .aux-text {
		display: flex;
	}
	.top-header .aux-text b {
		display: flex;
		flex-direction: column;
	}
}



/* End */


/* Start:/bitrix/templates/marsd_smart_darkblue_s1/assets/mobilemenu/styles/jquery-simple-mobilemenu.css?17510350033472*/
/*
JQuery Simple MobileMenu
https://github.com/Position2/jQuery-Simple-MobileMenu
*/
/*Main style*/
body.mmactive {
  overflow: hidden;
}
.mobile_menu {
  display: none;
  position: relative;
}
.sm_menu_outer.active .mobile_menu {
  display: block;
  padding: 0;
}
.sm_menu_outer {
  height: calc(100vh - 45px);
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: -9;
  width: 100%;
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.sm_menu_outer.active {
  opacity: 1;
  z-index: 999;
}
.sm_menu_outer .mobile_menu li.back a {
  padding: 20px 5px 20px 55px;
  background: url("/bitrix/templates/marsd_smart_darkblue_s1/assets/mobilemenu/styles/../images/left-arrow.png") no-repeat scroll 15px center / 5% auto;
}
.sm_menu_outer .mobile_menu a {
  color: #333;
  display: block;  
  letter-spacing: 1px;
  padding: 20px 15px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
/*Sub Menu anim */
.sm_menu_outer .mobile_menu .submenu {
  background-color: #ffffff;
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 999;
}
.sm_menu_outer .mobile_menu li.active>.submenu {
  right: 0;
  padding: 0;
}
.sm_menu_outer .mobile_menu li {
  list-style-type: none;
  border-bottom: 1px solid #f8f8f8;
  color: #ffffff;
}
.sm_menu_outer .mobile_menu li.back {
  background-color: #f8f8f8;
}
.sm_menu_outer .mobile_menu li.hasChild>a {
  background: url("/bitrix/templates/marsd_smart_darkblue_s1/assets/mobilemenu/styles/../images/right-arrow-second.png") no-repeat scroll 95% center / 5% auto;
}
/*Hamburger Animation */
#sm_menu_ham {
  cursor: pointer;
  float: right;
  height: 25px;
  position: absolute;
  right: 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  width: 30px;
  top: 13px;
  right: 15px;
  z-index: 9999;
}
#sm_menu_ham span {
  background-color: #333;
  border-radius: 5px;
  display: block;
  height: 2px;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  width: 30px;
}
#sm_menu_ham span:nth-child(1) {
  top: 0;
}
#sm_menu_ham span:nth-child(2),
#sm_menu_ham span:nth-child(3) {
  top: 10px;
}
#sm_menu_ham span:nth-child(4) {
  top: 20px;
}
#sm_menu_ham.open span:nth-child(1) {
  left: 50%;
  top: 18px;
  width: 0;
}
#sm_menu_ham.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#sm_menu_ham.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#sm_menu_ham.open span:nth-child(4) {
  left: 50%;
  top: 18px;
  width: 0;
}
/*@media (min-width: 0px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1024px) {}*/
@media (min-width: 1024px) {
  #sm_menu_ham,
  .sm_menu_outer {
    display: none;
  }
}
/* End */


/* Start:/bitrix/components/interdex/utp.mess/templates/.default/style.css?175103499072443*/
.arcuAnimated {
    animation-duration: 0.2s;
    animation-fill-mode: both
}

.arcuAnimated.infinite {
    animation-iteration-count: infinite
}

.arcuAnimated.hinge {
    animation-duration: 2s
}

.arcuAnimated.bounceIn, .arcuAnimated.bounceOut, .arcuAnimated.flipOutX, .arcuAnimated.flipOutY {
    animation-duration: .75s
}

@keyframes arcu_bounce {
    20%, 53%, 80%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.arcuAnimated.bounce {
    animation-name: arcu_bounce;
    transform-origin: center bottom
}

@keyframes arcu_flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.arcuAnimated.flash {
    animation-name: arcu_flash
}

@keyframes arcu_pulse {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.arcuAnimated.pulse {
    animation-name: arcu_pulse
}

@keyframes arcu_rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.arcuAnimated.rubberBand {
    animation-name: arcu_rubberBand
}

@keyframes arcu_shake {
    from, to {
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.arcuAnimated.shake {
    animation-name: arcu_shake
}

@keyframes arcu_headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.arcuAnimated.headShake {
    animation-timing-function: ease-in-out;
    animation-name: arcu_headShake
}

@keyframes arcu_swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.arcuAnimated.swing {
    transform-origin: top center;
    animation-name: arcu_swing
}

@keyframes arcu_tada {
    from {
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.arcuAnimated.tada {
    animation-name: arcu_tada
}

@keyframes arcu_wobble {
    from {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        transform: none
    }
}

.arcuAnimated.wobble {
    animation-name: arcu_wobble
}

@keyframes arcu_jello {
    11.1%, from, to {
        transform: none
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.arcuAnimated.jello {
    animation-name: arcu_jello;
    transform-origin: center
}

@keyframes arcu_bounceIn {
    20%, 40%, 60%, 80%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.arcuAnimated.bounceIn {
    animation-name: arcu_bounceIn
}

@keyframes arcu_bounceInDown {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

.arcuAnimated.bounceInDown {
    animation-name: arcu_bounceInDown
}

@keyframes arcu_bounceInLeft {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

.arcuAnimated.bounceInLeft {
    animation-name: arcu_bounceInLeft
}

@keyframes arcu_bounceInRight {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

.arcuAnimated.bounceInRight {
    animation-name: arcu_bounceInRight
}

@keyframes arcu_bounceInUp {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.bounceInUp {
    animation-name: arcu_bounceInUp
}

@keyframes arcu_bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.arcuAnimated.bounceOut {
    animation-name: arcu_bounceOut
}

@keyframes arcu_bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.arcuAnimated.bounceOutDown {
    animation-name: arcu_bounceOutDown
}

@keyframes arcu_bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.arcuAnimated.bounceOutLeft {
    animation-name: arcu_bounceOutLeft
}

@keyframes arcu_bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.arcuAnimated.bounceOutRight {
    animation-name: arcu_bounceOutRight
}

@keyframes arcu_bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.arcuAnimated.bounceOutUp {
    animation-name: arcu_bounceOutUp
}

@keyframes arcu_fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.arcuAnimated.fadeIn {
    animation-name: arcu_fadeIn
}

@keyframes arcu_fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInDown {
    animation-name: arcu_fadeInDown
}

@keyframes arcu_fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInDownBig {
    animation-name: arcu_fadeInDownBig
}

@keyframes arcu_fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInLeft {
    animation-name: arcu_fadeInLeft
}

@keyframes arcu_fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInLeftBig {
    animation-name: arcu_fadeInLeftBig
}

@keyframes arcu_fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInRight {
    animation-name: arcu_fadeInRight
}

@keyframes arcu_fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInRightBig {
    animation-name: arcu_fadeInRightBig
}

@keyframes arcu_fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInUp {
    animation-name: arcu_fadeInUp
}

@keyframes arcu_fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.fadeInUpBig {
    animation-name: arcu_fadeInUpBig
}

@keyframes arcu_fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.arcuAnimated.fadeOut {
    animation-name: arcu_fadeOut
}

@keyframes arcu_fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.arcuAnimated.fadeOutDown {
    animation-name: arcu_fadeOutDown
}

@keyframes arcu_fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.arcuAnimated.fadeOutDownBig {
    animation-name: arcu_fadeOutDownBig
}

@keyframes arcu_fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.arcuAnimated.fadeOutLeft {
    animation-name: arcu_fadeOutLeft
}

@keyframes arcu_fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.arcuAnimated.fadeOutLeftBig {
    animation-name: arcu_fadeOutLeftBig
}

@keyframes arcu_fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.arcuAnimated.fadeOutRight {
    animation-name: arcu_fadeOutRight
}

@keyframes arcu_fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.arcuAnimated.fadeOutRightBig {
    animation-name: arcu_fadeOutRightBig
}

@keyframes arcu_fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.arcuAnimated.fadeOutUp {
    animation-name: arcu_fadeOutUp
}

@keyframes arcu_fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.arcuAnimated.fadeOutUpBig {
    animation-name: arcu_fadeOutUpBig
}

@keyframes arcu_flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.arcuAnimated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: arcu_flip
}

@keyframes arcu_flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.arcuAnimated.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: arcu_flipInX
}

@keyframes arcu_flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.arcuAnimated.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: arcu_flipInY
}

@keyframes arcu_flipOutX {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.arcuAnimated.flipOutX {
    animation-name: arcu_flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes arcu_flipOutY {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.arcuAnimated.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: arcu_flipOutY
}

@keyframes arcu_lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.lightSpeedIn {
    animation-name: arcu_lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes arcu_lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.arcuAnimated.lightSpeedOut {
    animation-name: arcu_lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes arcu_rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateIn {
    animation-name: arcu_rotateIn
}

@keyframes arcu_rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateInDownLeft {
    animation-name: arcu_rotateInDownLeft
}

@keyframes arcu_rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateInDownRight {
    animation-name: arcu_rotateInDownRight
}

@keyframes arcu_rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateInUpLeft {
    animation-name: arcu_rotateInUpLeft
}

@keyframes arcu_rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.arcuAnimated.rotateInUpRight {
    animation-name: arcu_rotateInUpRight
}

@keyframes arcu_rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOut {
    animation-name: arcu_rotateOut
}

@keyframes arcu_rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOutDownLeft {
    animation-name: arcu_rotateOutDownLeft
}

@keyframes arcu_rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOutDownRight {
    animation-name: arcu_rotateOutDownRight
}

@keyframes arcu_rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOutUpLeft {
    animation-name: arcu_rotateOutUpLeft
}

@keyframes arcu_rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.arcuAnimated.rotateOutUpRight {
    animation-name: arcu_rotateOutUpRight
}

@keyframes arcu_hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.arcuAnimated.hinge {
    animation-name: arcu_hinge
}

@keyframes arcu_jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.arcuAnimated.jackInTheBox {
    animation-name: arcu_jackInTheBox
}

@keyframes arcu_rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.arcuAnimated.rollIn {
    animation-name: arcu_rollIn
}

@keyframes arcu_rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.arcuAnimated.rollOut {
    animation-name: arcu_rollOut
}

@keyframes arcu_zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.arcuAnimated.zoomIn {
    animation-name: arcu_zoomIn
}

@keyframes arcu_zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomInDown {
    animation-name: arcu_zoomInDown
}

@keyframes arcu_zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomInLeft {
    animation-name: arcu_zoomInLeft
}

@keyframes arcu_zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomInRight {
    animation-name: arcu_zoomInRight
}

@keyframes arcu_zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomInUp {
    animation-name: arcu_zoomInUp
}

@keyframes arcu_zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.arcuAnimated.zoomOut {
    animation-name: arcu_zoomOut
}

@keyframes arcu_zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomOutDown {
    animation-name: arcu_zoomOutDown
}

@keyframes arcu_zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.arcuAnimated.zoomOutLeft {
    animation-name: arcu_zoomOutLeft
}

@keyframes arcu_zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.arcuAnimated.zoomOutRight {
    animation-name: arcu_zoomOutRight
}

@keyframes arcu_zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.arcuAnimated.zoomOutUp {
    animation-name: arcu_zoomOutUp
}

@keyframes arcu_slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.slideInDown {
    animation-name: arcu_slideInDown
}

@keyframes arcu_slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.slideInLeft {
    animation-name: arcu_slideInLeft
}

@keyframes arcu_slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.slideInRight {
    animation-name: arcu_slideInRight
}

@keyframes arcu_slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.arcuAnimated.slideInUp {
    animation-name: arcu_slideInUp
}

@keyframes arcu_slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.arcuAnimated.slideOutDown {
    animation-name: arcu_slideOutDown
}

@keyframes arcu_slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.arcuAnimated.slideOutLeft {
    animation-name: arcu_slideOutLeft
}

@keyframes arcu_slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.arcuAnimated.slideOutRight {
    animation-name: arcu_slideOutRight
}

@keyframes arcu_slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.arcuAnimated.slideOutUp {
    animation-name: arcu_slideOutUp
}

.arcontactus-widget {
    opacity: 0;
    transition: .2s opacity;
    line-height: 1
}

.arcontactus-widget * {
    box-sizing: border-box
}

.arcontactus-widget.left.arcontactus-message {
    left: 20px;
    right: auto
}

.arcontactus-widget.left .arcontactus-message-button {
    right: auto;
    left: 0
}

.arcontactus-widget.left .arcontactus-prompt {
    left: 80px;
    right: auto;
    transform-origin: 0 50%
}

.arcontactus-widget.left .arcontactus-prompt.arcu-prompt-top {
    left: 0;
    right: auto
}

.arcontactus-widget.left .arcontactus-prompt.arcu-prompt-top:before {
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-bottom: 0 none;
    left: 25px;
    right: auto
}

.arcontactus-widget.left .arcontactus-prompt:before {
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    right: auto;
    left: -15px
}

.arcontactus-widget.left .messangers-block {
    right: auto;
    left: 0;
    -webkit-transform-origin: 10% 105%;
    -ms-transform-origin: 10% 105%;
    transform-origin: 10% 105%
}

.arcontactus-widget.left .callback-countdown-block {
    left: 0;
    right: auto
}

.arcontactus-widget.left .messangers-block::before, .arcontactus-widget.left .callback-countdown-block::before {
    left: 25px;
    right: auto
}

.arcontactus-widget.hg.arcontactus-message {
    width: 100px;
    height: 100px
}

.arcontactus-widget.hg .messangers-block, .arcontactus-widget.hg .callback-countdown-block, .arcontactus-widget.hg .arcu-popup {
    bottom: 110px
}

.arcontactus-widget.hg .arcontactus-prompt {
    bottom: 5px
}

.arcontactus-widget.hg .icons-line {
    top: 22px;
    left: 24px
}

.arcontactus-widget.hg.left .messangers-block:before, .arcontactus-widget.hg.left .callback-countdown-block:before, .arcontactus-widget.hg.left .arcu-popup:before {
    left: 41px
}

.arcontactus-widget.hg.left .arcontactus-prompt {
    left: 110px;
    bottom: 26px
}

.arcontactus-widget.hg.right .messangers-block:before, .arcontactus-widget.hg.right .callback-countdown-block:before, .arcontactus-widget.hg.right .arcu-popup:before {
    right: 41px
}

.arcontactus-widget.hg.right .arcontactus-prompt {
    right: 110px;
    bottom: 26px
}

.arcontactus-widget.hg .arcontactus-message-button {
    width: 100px;
    height: 100px
}

.arcontactus-widget.hg .arcontactus-message-button .pulsation {
    width: 114px;
    height: 114px;
    border-radius: 60px
}

.arcontactus-widget.hg .arcontactus-message-button .icons {
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px
}

.arcontactus-widget.hg .arcontactus-message-button .callback-state {
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px
}

.arcontactus-widget.md.arcontactus-message {
    width: 60px;
    height: 60px
}

.arcontactus-widget.md .messangers-block, .arcontactus-widget.md .callback-countdown-block, .arcontactus-widget.md .arcu-popup {
    bottom: 70px
}

.arcontactus-widget.md .arcontactus-prompt {
    bottom: 5px
}

.arcontactus-widget.md.left .messangers-block:before, .arcontactus-widget.md.left .callback-countdown-block:before, .arcontactus-widget.md.left .arcu-popup:before {
    left: 21px
}

.arcontactus-widget.md.left .arcontactus-prompt {
    left: 70px
}

.arcontactus-widget.md.left .arcontactus-prompt.arcu-prompt-top {
    bottom: 70px;
    left: 0;
    right: auto
}

.arcontactus-widget.md.left .arcontactus-prompt.arcu-prompt-top:before {
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-bottom: 0 none;
    left: 21px;
    right: auto
}

.arcontactus-widget.md.right .messangers-block:before, .arcontactus-widget.md.right .callback-countdown-block:before, .arcontactus-widget.md.right .arcu-popup:before {
    right: 21px
}

.arcontactus-widget.md.right .arcontactus-prompt {
    right: 70px
}

.arcontactus-widget.md.right .arcontactus-prompt.arcu-prompt-top {
    right: 0;
    bottom: 70px
}

.arcontactus-widget.md.right .arcontactus-prompt.arcu-prompt-top:before {
    right: 21px
}

.arcontactus-widget.md .arcontactus-message-button {
    width: 60px;
    height: 60px
}

.arcontactus-widget.md .arcontactus-message-button .pulsation {
    width: 74px;
    height: 74px
}

.arcontactus-widget.md .arcontactus-message-button .icons {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.md .arcontactus-message-button .callback-state {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.sm.arcontactus-message {
    width: 50px;
    height: 50px
}

.arcontactus-widget.sm .messangers-block, .arcontactus-widget.sm .callback-countdown-block, .arcontactus-widget.sm .arcu-popup {
    bottom: 60px
}

.arcontactus-widget.sm .arcontactus-prompt {
    bottom: 0
}

.arcontactus-widget.sm.left .messangers-block:before, .arcontactus-widget.sm.left .callback-countdown-block:before, .arcontactus-widget.sm.left .arcu-popup:before {
    left: 16px
}

.arcontactus-widget.sm.left .arcontactus-prompt {
    left: 60px
}

.arcontactus-widget.sm.left .arcontactus-prompt.arcu-prompt-top {
    bottom: 60px;
    left: 0;
    right: auto
}

.arcontactus-widget.sm.left .arcontactus-prompt.arcu-prompt-top:before {
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-bottom: 0 none;
    left: 16px;
    right: auto
}

.arcontactus-widget.sm.right .messangers-block:before, .arcontactus-widget.sm.right .callback-countdown-block:before, .arcontactus-widget.sm.right .arcu-popup:before {
    right: 16px
}

.arcontactus-widget.sm.right .arcontactus-prompt {
    right: 60px
}

.arcontactus-widget.sm.right .arcontactus-prompt.arcu-prompt-top {
    right: 0;
    bottom: 60px
}

.arcontactus-widget.sm.right .arcontactus-prompt.arcu-prompt-top:before {
    right: 16px
}

.arcontactus-widget.sm .arcontactus-message-button {
    width: 50px;
    height: 50px
}

.arcontactus-widget.sm .arcontactus-message-button .pulsation {
    width: 64px;
    height: 64px
}

.arcontactus-widget.sm .arcontactus-message-button .icons {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.sm .arcontactus-message-button .static {
    margin-top: -16px
}

.arcontactus-widget.sm .arcontactus-message-button .callback-state {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.active {
    opacity: 1
}

.arcontactus-widget.arcontactus-message {
    z-index: 1000000;
    right: 20px;
    bottom: 20px;
    position: fixed !important;
    height: 70px;
    width: 70px
}

.arcontactus-widget .arcontactus-message-button {
    width: 70px;
    position: absolute;
    height: 70px;
    right: 0;
    background-color: red;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.arcontactus-widget .arcontactus-message-button p, .arcontactus-widget .arcontactus-message-button .arcu-item-label {
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
    margin: 0
}

.arcontactus-widget .arcontactus-message-button .pulsation {
    width: 84px;
    height: 84px;
    background-color: red;
    border-radius: 50px;
    position: absolute;
    left: -7px;
    top: -7px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: arcontactus-pulse 2s infinite;
    animation: arcontactus-pulse 2s infinite
}

.arcontactus-widget .arcontactus-message-button .icons {
    background-color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px
}

.arcontactus-widget .arcontactus-message-button .static {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -26px;
    width: 52px;
    height: 52px;
    text-align: center
}

.arcontactus-widget .arcontactus-message-button .static img {
    display: inline
}

.arcontactus-widget .arcontactus-message-button .static svg {
    width: 24px;
    height: 24px;
    color: #fff
}

.arcontactus-widget .arcontactus-message-button.no-text .static {
    margin-top: -12px
}

.arcontactus-widget .pulsation:nth-of-type(2n) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.arcontactus-widget .pulsation.stop {
    -webkit-animation: none;
    animation: none
}

.arcontactus-widget .icons-line {
    top: 10px;
    left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transition: cubic-bezier(.13, 1.49, .14, -0.4);
    -o-transition: cubic-bezier(.13, 1.49, .14, -0.4);
    transition: cubic-bezier(.13, 1.49, .14, -0.4);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    height: 24px;
    transition: .2s all
}

.arcontactus-widget .icons-line.stop {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.arcontactus-widget .icons-line span {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: red
}

.arcontactus-widget .icons-line span svg, .arcontactus-widget .icons-line span i {
    width: 24px;
    height: 24px
}

.arcontactus-widget .icons-line span i {
    display: block;
    font-size: 24px;
    line-height: 24px
}

.arcontactus-widget .icons-line img, .arcontactus-widget .icons-line span {
    margin-right: 40px
}

.arcontactus-widget .static {
    transition: .2s all
}

.arcontactus-widget .static.hide {
    transform: scale(0);
    opacity: 0
}

.arcontactus-widget .icons {
    transition: .2s all
}

.arcontactus-widget .icons.hide {
    transform: scale(0);
    opacity: 0
}

.arcontactus-widget .icons.hide .icons-line {
    transform: scale(0)
}

.arcontactus-widget .icons .icon:first-of-type {
    margin-left: 0
}

.arcontactus-widget .arcontactus-close {
    color: #fff
}

.arcontactus-widget .arcontactus-close svg {
    -webkit-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
    -webkit-transition: ease-in .12s all;
    -o-transition: ease-in .12s all;
    transition: ease-in .12s all;
    display: block
}

.arcontactus-widget .arcontactus-close.show-messageners-block svg {
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.arcontactus-widget .arcontactus-prompt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.arcontactus-widget .messangers-block, .arcontactus-widget .arcontactus-prompt, .arcontactus-widget .arcu-popup {
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    width: 300px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 80px;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 1000000
}

.arcontactus-widget .messangers-block:before, .arcontactus-widget .arcontactus-prompt:before, .arcontactus-widget .arcu-popup:before {
    position: absolute;
    bottom: -7px;
    right: 25px;
    left: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    content: ''
}

.arcontactus-widget .messangers-block.show-messageners-block, .arcontactus-widget .arcontactus-prompt.show-messageners-block, .arcontactus-widget .arcu-popup.show-messageners-block {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.arcontactus-widget .arcu-popup {
    padding: 0
}

.arcontactus-widget .arcu-popup .arcu-popup-header {
    padding: 18px 15px;
    color: #fff;
    background: #787878;
    border-radius: 7px 7px 0 0;
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    margin-bottom: 0;
    font-size: 17px;
    position: relative;
    line-height: 1.4
}

.arcontactus-widget .arcu-popup .arcu-popup-content {
    padding: 10px;
    max-height: 300px;
    overflow: auto;
    line-height: initial
}

.arcontactus-widget .arcontactus-prompt.arcu-prompt-top {
    right: 0;
    max-width: 260px;
    bottom: 80px
}

.arcontactus-widget .arcontactus-prompt.arcu-prompt-top:before {
    bottom: -7px;
    right: 25px;
    left: auto;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-bottom: 0 none
}

.arcontactus-widget .messangers-block {
    display: block
}

.arcontactus-widget .messangers-block.has-header {
    padding-top: 0
}

.arcontactus-widget .messangers-block .arcu-menu-header {
    padding: 18px 15px;
    color: #fff;
    background: #787878;
    border-radius: 7px 7px 0 0;
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    margin-bottom: 10px;
    font-size: 17px;
    position: relative;
    line-height: 1.4
}

.arcontactus-widget .arcu-header-close, .arcontactus-widget .arcu-popup-close, .arcontactus-widget .arcu-popup-back {
    position: absolute;
    right: 0;
    top: -30px;
    padding: 0;
    margin: 0;
    border: 0 none;
    background: none;
    line-height: 1;
    width: 26px;
    height: 26px;
    cursor: pointer;
    color: #fff;
    background: #787878;
    border-radius: 50%;
    text-align: center
}

.arcontactus-widget .arcu-header-close svg, .arcontactus-widget .arcu-popup-close svg, .arcontactus-widget .arcu-popup-back svg {
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px
}

.arcontactus-widget .arcu-popup-back {
    right: auto;
    left: 0;
    top: 50%;
    margin-top: -13px;
    display: none
}

.arcontactus-widget .arcu-popup-back svg {
    height: 16px;
    width: 16px;
    margin: -8px 0 0 -8px
}

.arcontactus-widget .arcontactus-prompt {
    color: #787878;
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    width: auto;
    bottom: 10px;
    right: 80px;
    white-space: nowrap;
    padding: 14px 20px 14px
}

.arcontactus-widget .arcontactus-prompt:before {
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
    bottom: 16px;
    right: -15px
}

.arcontactus-widget .arcontactus-prompt.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.arcontactus-widget .arcontactus-prompt:hover .arcontactus-prompt-close {
    opacity: 1
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
    opacity: 0;
    transition: .2s all;
    position: absolute;
    right: -10px;
    top: -10px;
    padding: 0;
    margin: 0;
    border: 0 none;
    background: none;
    line-height: 1;
    width: 26px;
    height: 26px;
    cursor: pointer;
    color: #fff;
    background: #787878;
    border-radius: 50%;
    text-align: center
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg {
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing {
    border-radius: 10px;
    display: inline-block;
    left: 3px;
    padding: 0 0 0 3px;
    position: relative;
    top: 4px;
    width: 50px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing > div {
    position: relative;
    float: left;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #ccc;
    margin: 0 2px;
    -webkit-animation: arcontactus-updown 2s infinite;
    animation: arcontactus-updown 2s infinite
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing > div:nth-child(2) {
    animation-delay: .1s
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing > div:nth-child(3) {
    animation-delay: .2s
}

.arcontactus-widget .messangers-block .messangers-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.arcontactus-widget .messangers-block .messangers-list li {
    margin: 0;
    padding: 0
}

.arcontactus-widget .messangers-block.sm .arcu-menu-header {
    padding-top: 12px;
    padding-bottom: 12px
}

.arcontactus-widget .messangers-block.sm .not-rounded-items .messanger {
    padding-left: 42px
}

.arcontactus-widget .messangers-block.sm .messanger {
    padding-left: 50px;
    min-height: 44px;
    padding-top: 4px;
    padding-bottom: 4px
}

.arcontactus-widget .messangers-block.sm .messanger span {
    height: 32px;
    width: 32px;
    margin-top: -16px
}

.arcontactus-widget .messangers-block.sm .messanger span svg, .arcontactus-widget .messangers-block.sm .messanger span i {
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-size: 21px
}

.arcontactus-widget .not-rounded-items .messanger {
    padding-left: 48px
}

.arcontactus-widget .not-rounded-items .messanger span {
    left: 5px
}

.arcontactus-widget .messanger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    width: 100%;
    padding: 8px 20px 8px 60px;
    position: relative;
    min-height: 54px;
    text-decoration: none
}

.arcontactus-widget .messanger:hover {
    background-color: #eee
}

.arcontactus-widget .messanger:before {
    background-repeat: no-repeat;
    background-position: center
}

.arcontactus-widget .messanger.facebook span {
    background: #0084ff
}

.arcontactus-widget .messanger.viber span {
    background: #7c529d
}

.arcontactus-widget .messanger.telegram span {
    background: #2ca5e0
}

.arcontactus-widget .messanger.skype span {
    background: #31c4ed
}

.arcontactus-widget .messanger.email span {
    background: #ff8400
}

.arcontactus-widget .messanger.contact span {
    background: #7eb105
}

.arcontactus-widget .messanger.call-back span {
    background: #54cd81
}

.arcontactus-widget .messanger span {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0084ff;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle
}

.arcontactus-widget .messanger span svg, .arcontactus-widget .messanger span i {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px
}

.arcontactus-widget .messanger span i {
    font-size: 24px;
    line-height: 24px
}

.arcontactus-widget .messanger p, .arcontactus-widget .messanger .arcu-item-label {
    margin: 0;
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0;
    line-height: 17px
}

.arcontactus-widget .messanger p .arcu-item-subtitle, .arcontactus-widget .messanger .arcu-item-label .arcu-item-subtitle {
    font-size: 13px;
    color: #787878
}

.arcontactus-widget .callback-countdown-block {
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    width: 410px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 80px;
    left: auto;
    right: 0;
    align-items: center;
    border-radius: 7px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 1000000;
    color: red;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    display: none
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer_timer {
    font-size: 38px;
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif
}

.arcontactus-widget .callback-countdown-block.display-flex {
    display: block
}

.arcontactus-widget .callback-countdown-block:before {
    position: absolute;
    bottom: -7px;
    right: 25px;
    left: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    content: ''
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone {
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    padding: 0 10px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    width: 100%;
    position: relative
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone:before {
    transition: .2s all
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.ar-loading:before {
    background: rgba(255, 255, 255, 0.8);
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.ar-loading:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 2;
    top: 50%;
    bottom: 50%;
    margin-top: -15px;
    margin-bottom: -15px;
    left: 50%;
    margin-left: -15px;
    background: url('/bitrix/components/interdex/utp.mess/templates/.default/../img/ring-alt.gif') no-repeat transparent scroll 0 0
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone p, .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .arcu-item-label {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 3px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group {
    align-items: center
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group {
    margin-bottom: 10px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group.arcu-form-group-required .arcu-form-label:after {
    content: " *";
    color: #c7254e
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group.arcu-form-group-type-checkbox {
    position: relative;
    padding-left: 20px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-group.arcu-form-group-type-checkbox input {
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-label {
    font-size: 14px;
    margin-bottom: 3px;
    color: #333
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field {
    display: block;
    width: 100%;
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    border: 0;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px 6px;
    border: 1px solid #ddd;
    margin: 0 !important
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group textarea.arcu-form-field {
    height: 80px;
    resize: vertical;
    max-height: 140px;
    min-height: 60px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group button[type=submit] {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 0;
    background-color: red;
    color: #fff;
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    padding: 7px 5px 7px;
    cursor: pointer;
    height: 36px;
    margin: 0;
    line-height: 1
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group button[type=submit]:hover {
    opacity: .8
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-sorry {
    height: 140px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-sorry p {
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 7px;
    width: 100%
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-close {
    position: absolute;
    right: 9px;
    top: 9px;
    padding: 0;
    margin: 0;
    border: 0 none;
    background: none;
    line-height: 1;
    width: 26px;
    height: 26px;
    cursor: pointer;
    color: #fff;
    background: #787878;
    border-radius: 50%;
    z-index: 1;
    text-align: center
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-close svg {
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 140px;
    display: none
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer p {
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 7px
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer h1 {
    font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    font-weight: 300
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.display-flex {
    display: block
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-timer.display-flex, .arcontactus-widget .callback-countdown-block .callback-countdown-block-sorry.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.arcontactus-widget .callback-state {
    background-color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    display: none;
    -webkit-animation: none;
    animation: none;
    z-index: 999999;
    transition: .2s all;
    transform: scale(0);
    color: red;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.arcontactus-widget .callback-state.display-flex {
    transform: scale(1)
}

.arcontactus-widget .callback-state svg {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px
}

.arcontactus-widget .callback-state .callback-state-img {
    position: absolute;
    top: 12px;
    left: 12px
}

.arcontactus-widget .animation-pause {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes arcontactus-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@media (max-width: 468px) {
    .arcontactus-widget.arcontactus-message.opened {
        width: auto;
        right: 20px;
        left: 20px
    }

    .arcontactus-widget .callback-countdown-block {
        width: auto
    }
}

@media (max-height: 400px) {
    .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
        opacity: 1
    }
}

@media (max-width: 428px) {
    .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group {
        display: block
    }

    .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group input[type=tel], .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group button[type=submit] {
        display: block;
        width: 100%;
        margin: 0 0 5px 0
    }

    .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group input[type=tel] {
        margin-bottom: 10px !important
    }

    .arcontactus-widget .callback-countdown-block .callback-countdown-block-phone.display-flex {
        display: block;
        width: 100%
    }

    .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
        opacity: 1
    }

    .arcontactus-widget.arcontactus-message .messangers-block, .arcontactus-widget.arcontactus-message .callback-countdown-block, .arcontactus-widget.arcontactus-message .arcu-popup {
        bottom: 0;
        border-radius: 0
    }

    .arcontactus-widget.arcontactus-message.open, .arcontactus-widget.arcontactus-message.opened, .arcontactus-widget.arcontactus-message.popup-opened {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0
    }

    .arcontactus-widget.arcontactus-message.open .messangers-block .arcu-menu-header, .arcontactus-widget.arcontactus-message.opened .messangers-block .arcu-menu-header, .arcontactus-widget.arcontactus-message.popup-opened .messangers-block .arcu-menu-header {
        border-radius: 0;
        padding-right: 40px
    }

    .arcontactus-widget.arcontactus-message.open .messangers-block .arcu-header-close, .arcontactus-widget.arcontactus-message.opened .messangers-block .arcu-header-close, .arcontactus-widget.arcontactus-message.popup-opened .messangers-block .arcu-header-close {
        right: 5px;
        top: 50%;
        margin-top: -13px
    }

    .arcontactus-widget.arcontactus-message.open .arcu-popup .arcu-popup-header, .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcu-popup-header, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcu-popup-header {
        border-radius: 0;
        padding-right: 40px;
        padding-left: 30px
    }

    .arcontactus-widget.arcontactus-message.open .arcu-popup .arcu-popup-back, .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcu-popup-back, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcu-popup-back {
        display: block
    }

    .arcontactus-widget.arcontactus-message.open .arcu-popup .arcu-popup-close, .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcu-popup-close, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcu-popup-close {
        right: 5px;
        top: 50%;
        margin-top: -13px
    }

    .arcontactus-widget.arcontactus-message.open .messangers-block, .arcontactus-widget.arcontactus-message.opened .messangers-block, .arcontactus-widget.arcontactus-message.popup-opened .messangers-block, .arcontactus-widget.arcontactus-message.open .callback-countdown-block, .arcontactus-widget.arcontactus-message.opened .callback-countdown-block, .arcontactus-widget.arcontactus-message.popup-opened .callback-countdown-block, .arcontactus-widget.arcontactus-message.open .arcontactus-prompt, .arcontactus-widget.arcontactus-message.opened .arcontactus-prompt, .arcontactus-widget.arcontactus-message.popup-opened .arcontactus-prompt, .arcontactus-widget.arcontactus-message.open .arcu-popup, .arcontactus-widget.arcontactus-message.opened .arcu-popup, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup {
        width: 100%
    }

    .arcontactus-widget.arcontactus-message.open .messangers-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.opened .messangers-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.popup-opened .messangers-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.open .callback-countdown-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.opened .callback-countdown-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.popup-opened .callback-countdown-block .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.open .arcontactus-prompt .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.opened .arcontactus-prompt .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.popup-opened .arcontactus-prompt .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.open .arcu-popup .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.opened .arcu-popup .arcontactus-prompt-close, .arcontactus-widget.arcontactus-message.popup-opened .arcu-popup .arcontactus-prompt-close {
        opacity: 1
    }

    .arcontactus-widget.arcontactus-message.open .arcontactus-message-button, .arcontactus-widget.arcontactus-message.opened .arcontactus-message-button, .arcontactus-widget.arcontactus-message.popup-opened .arcontactus-message-button {
        display: none
    }
}

@keyframes arcontactus-updown {
    0%, 43%, 100% {
        transform: translate(0, 0)
    }
    25%, 35% {
        transform: translate(0, -10px)
    }
}

@-webkit-keyframes arcontactus-updown {
    0% {
        transform: translate(0 0)
    }
    25% {
        transform: translate(-10px 0)
    }
    35% {
        transform: translate(-10px 0)
    }
    43% {
        transform: translate(0 0)
    }
    100% {
        transform: translate(0 0)
    }
}

@keyframes arcontactus-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes arcontactus-show-stat {
    0%, 20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    21%, 84% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    85%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes arcontactus-show-stat {
    0%, 20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    21%, 84% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    85%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes arcontactus-show-icons {
    0%, 20% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    21%, 84% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    85%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes arcontactus-show-icons {
    0%, 20% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    21%, 84% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    85%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

/*# sourceMappingURL=jquery.contactus.css.map */
.arcu-menu-item {
    display: block;
    position: relative;
    padding: 0 0 0 50px;
    text-decoration: none !important;
    box-shadow: 0 10px 6px -6px #eaeaea !important;
    min-height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaea;
    border-left: 2px solid #7eb105;
    margin-bottom: 15px;
    transition: .2s all !important;
    background-color: #FFF
}

.arcu-menu-item:hover {
    background-color: #F8F8F8
}

.arcu-menu-item:last-child {
    margin-bottom: 0
}

.arcu-menu-item .arcu-menu-item-icon {
    display: block;
    width: auto;
    height: 32px;
    position: absolute;
    left: 10px;
    top: 0;
    margin: auto 0;
    bottom: 0
}

.arcu-menu-item .arcu-menu-item-icon svg {
    height: 100%
}

.arcu-menu-item .arcu-menu-item-title {
    color: #353535
}

#lhc_status_container, #lhc_status-icon-restore {
    display: none !important
}

#ar-zalo-chat-widget {
    display: none;
}

#ar-zalo-chat-widget.active {
    display: block;
}

#chat-application {
    display: none !important;
}

#chat-application.active {
    display: block !important;
}

iframe[seamless="seamless"]:not(.lwc-chat-frame) {
    display: none;
}

#customer-chat-iframe {
    display: none !important
}

#customer-chat-iframe.active {
    display: block !important
}

#customer-chat-iframe #mobile-widget {
    display: none !important
}

.storefront-handheld-footer-bar .arcontactus {
    text-indent: 0
}

.storefront-handheld-footer-bar .arcontactus svg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    left: 0;
    right: 0
}

#lz_overlay_wm, #lz_overlay_preview {
    display: none !important
}

#lz_overlay_wm.active {
    display: block !important
}

.arcontactus-widget.no-bg .messangers-block {
    background: 0 0;
    box-shadow: none;
    padding: 0
}

.arcontactus-widget.no-bg .messanger span, .arcontactus-widget.no-bg .not-rounded-items .messanger span {
    left: auto;
    right: 7px
}

.arcontactus-widget.sm.no-bg .messangers-block .messanger span {
    right: -2px
}

.arcontactus-widget.md.no-bg .messangers-block .messanger span {
    right: 1px
}

.arcontactus-widget.lg.no-bg .messangers-block .messanger span {
    right: 7px
}

.arcontactus-widget.hg.no-bg .messangers-block .messanger span {
    right: 22px
}

.arcontactus-widget.sm.no-bg .messangers-block.sm .messanger span {
    right: 1px
}

.arcontactus-widget.md.no-bg .messangers-block.sm .messanger span {
    right: 5px
}

.arcontactus-widget.lg.no-bg .messangers-block.sm .messanger span {
    right: 9px
}

.arcontactus-widget.hg.no-bg .messangers-block.sm .messanger span {
    right: 25px
}

.arcontactus-widget.left.no-bg .messanger span {
    right: auto;
    left: 7px
}

.arcontactus-widget.left.sm.no-bg .messangers-block .messanger span {
    right: auto;
    left: 4px
}

.arcontactus-widget.left.md.no-bg .messangers-block .messanger span {
    right: auto;
    left: 10px
}

.arcontactus-widget.left.lg.no-bg .messangers-block .messanger span {
    right: auto;
    left: 15px
}

.arcontactus-widget.left.hg.no-bg .messangers-block .messanger span {
    right: auto;
    left: 29px
}

.arcontactus-widget.left.sm.no-bg .messangers-block.sm .messanger span {
    right: auto;
    left: 9px
}

.arcontactus-widget.left.md.no-bg .messangers-block.sm .messanger span {
    right: auto;
    left: 14px
}

.arcontactus-widget.left.lg.no-bg .messangers-block.sm .messanger span {
    right: auto;
    left: 18px
}

.arcontactus-widget.left.hg.no-bg .messangers-block.sm .messanger span {
    right: auto;
    left: 33px
}

.arcontactus-widget.no-bg .messanger {
    padding-left: 20px;
    padding-right: 60px;
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px
}

.arcontactus-widget.left.no-bg .messanger {
    padding-right: 20px;
    padding-left: 60px;
    text-align: left
}

.arcontactus-widget.no-bg .messanger .arcu-item-label, .arcontactus-widget.no-bg .messanger p {
    display: block
}

.arcontactus-widget.no-bg .messangers-block .messanger:hover {
    background: 0 0
}

.arcontactus-widget.no-bg .messanger .arcu-item-label {
    opacity: 0;
    transition: .2s all;
    background: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    position: absolute;
    right: 64px;
    top: auto
}

.arcontactus-widget.sm.no-bg .messangers-block .messanger .arcu-item-label {
    right: 57px
}

.arcontactus-widget.md.no-bg .messangers-block .messanger .arcu-item-label {
    right: 61px
}

.arcontactus-widget.lg.no-bg .messangers-block .messanger .arcu-item-label {
    right: 67px
}

.arcontactus-widget.hg.no-bg .messangers-block .messanger .arcu-item-label {
    right: 82px
}

.arcontactus-widget.sm.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: 56px
}

.arcontactus-widget.md.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: 58px
}

.arcontactus-widget.lg.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: 63px
}

.arcontactus-widget.hg.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: 79px
}

.arcontactus-widget.left.no-bg .messanger .arcu-item-label {
    right: auto;
    left: 64px
}

.arcontactus-widget.left.sm.no-bg .messangers-block .messanger .arcu-item-label {
    right: auto;
    left: 57px
}

.arcontactus-widget.left.md.no-bg .messangers-block .messanger .arcu-item-label {
    right: auto;
    left: 61px
}

.arcontactus-widget.left.lg.no-bg .messangers-block .messanger .arcu-item-label {
    right: auto;
    left: 67px
}

.arcontactus-widget.left.hg.no-bg .messangers-block .messanger .arcu-item-label {
    right: auto;
    left: 82px
}

.arcontactus-widget.left.sm.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: auto;
    left: 56px
}

.arcontactus-widget.left.md.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: auto;
    left: 58px
}

.arcontactus-widget.left.lg.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: auto;
    left: 63px
}

.arcontactus-widget.left.hg.no-bg .messangers-block.sm .messanger .arcu-item-label {
    right: auto;
    left: 79px
}

.arcontactus-widget.no-bg .messanger .arcu-item-label:before {
    content: " ";
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
    top: 50%;
    margin-top: -8px;
    right: -14px;
    left: auto;
    position: absolute;
    transition: .2s all
}

.arcontactus-widget.left.no-bg .messanger .arcu-item-label:before {
    left: -14px;
    right: auto;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.arcontactus-widget.no-bg .messanger:hover .arcu-item-label {
    opacity: 1
}

.arcontactus-widget.no-bg.arcontactus-message .messangers-block .messangers-list li {
    border: 0 none
}

.arcontactus-widget.no-bg .messangers-block::before {
    border: 0 none
}

.arcontactus-widget.no-bg .messangers-block .arcu-menu-header {
    display: none
}

.arcu-popup-html {
    display: none !important
}

.arcontactus-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field::placeholder {
    color: #BBBBBB
}

@media screen and (min-width: 600px) {
    .arcontactusmobile {
        display: none;
    }

    .arcu-header-close {
        display: none;
    }
}
/* End */


/* Start:/bitrix/templates/marsd_smart_darkblue_s1/styles.css?1751035003597*/
/* Svoi CSS kod pishite v faile CUSTOM.CSS, chotobi pri ustanovke obnovlenii ne bilo problem  */

.phone-wrap a {
    display: table;
    padding: 3px 10px 3px 0;
}

.w-box.white.bbottom {
    height: 340px!important;
}

.thmb-img {
    padding-top: 15px;
}

.dropdown:hover {
    background-color: #0b76ce;
}
.dropdown.open:hover {
    background-color: #0b76ce;
}

.md-theme .lw .navbar-wp .navbar-nav>li>a:hover, .md-theme .lw .navbar-wp .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #0b76ce!important;
}

.arcontactus-widget.arcontactus-message {
    right: 65px!important;
}
/* End */


/* Start:/bitrix/templates/marsd_smart_darkblue_s1/template_styles.css?175103500397*/
/* Svoi CSS kod pishite v faile CUSTOM.CSS, chotobi pri ustanovke obnovlenii ne bilo problem  */

/* End */
/* /bitrix/templates/marsd_smart_darkblue_s1/css/style.css?175103500326271 */
/* /bitrix/templates/marsd_smart_darkblue_s1/css/custom.css?175122661142361 */
/* /bitrix/templates/marsd_smart_darkblue_s1/assets/mobilemenu/styles/jquery-simple-mobilemenu.css?17510350033472 */
/* /bitrix/components/interdex/utp.mess/templates/.default/style.css?175103499072443 */
/* /bitrix/templates/marsd_smart_darkblue_s1/styles.css?1751035003597 */
/* /bitrix/templates/marsd_smart_darkblue_s1/template_styles.css?175103500397 */