/*   
Theme Name: m2wma
Theme URI: https://m2wma.ru/
Description: Шаблон для сайта
Author: m2 web marketing agency
Author URI: https://m2wma.ru/
*/


html.logged #header.fixed,html.logged #dop-header.sticked{top: 32px;}

#header{width: 100%;left:0;top:0;z-index: 99;font-size: 14px;border-bottom: 1px solid #dee2e6;}
#header button.nav-open{
    background-color: #f7f8fb;
    border: 2px solid #f0f2f6;
}
#header .top-header{background-color: #4f5a6e;color: #fff;}
#header button.nav-open .mn-line{background-color: #007bff;width: 33px;}
#header .menu-block{width: 100%;left: 0;top: 100%;}

#header .menu a:hover{color: #99a0aa;}
#header .menu .menu-item-has-children .sub-menu{
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
    display: none;
}
#header .menu .menu-item-has-children .sub-menu a{padding: 5px;}
#header .menu .menu-item-has-children > a:after{font-family: FontAwesome;content: "\f0d7";margin-left: 5px;}
#header .menu .menu-item-has-children:hover .sub-menu{display: block;}
#header .menu .sub-menu > li{float: none;}

.flex-mid{
    display: flex;
    align-self: normal;
    align-items: center;
}

a.messenger{margin-right: 10px;vertical-align: middle;font-size: 22px;}
a.messenger.fa-whatsapp{font-size: 26px;}
a.messenger.fa-telegram{}


.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-22{font-size: 22px;}
.f-24{font-size: 24px;}
.f-26{font-size: 26px;}
.f-28,.sidebar h1{font-size: 28px;}
.f-30{font-size: 30px;}
.f-32{font-size: 32px;}
.f-40{font-size: 40px;}
.sup{font-size: 55%;vertical-align: super;}
.v-top{vertical-align: top;}
.v-text-top{vertical-align: text-top;}
.v-middle{vertical-align: middle;}
.v-section{padding-left: 50px;padding-right: 50px;}
.v-section-sm{padding-left: 30px;padding-right: 30px;}
a,.text-blue{color: #004289;}
.text-white,.text-white *{color: #fff;}
.text-grey{color: #303030;}
.text-l-grey{color: #99a0aa;}
.text-l-grey2{color: #747c87;}
.text-red{color: #EF2E2E;}
.text-special,.breadcrumb a:hover,.pagination .current{color: #3069b6;}
.bg-white{background-color: #fff;}
.bg-dark{background-color: #2e3540;}
.bg-dark2{background-color: #101010;}
.bg-card{background-color: #4f5a6e;}
.bg-card2{background-color: #175cbb;}
.bg-special{background-color: #3069b6;}
.bg-l-grey{background-color: #f5f7f9;}
.bg-opacity{background-image: url('img/opacity.png');background-repeat: repeat;}
.dark-layer:before,.dark-layer2:before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url('img/opacity.png');
    background-repeat: repeat;
    z-index: 1;
    opacity: 0.7;
}
.dark-layer2:before{opacity: 0;}
.dark-layer:hover:before,.dark-layer.not-hover:before{opacity: 1;}
.dark-layer2:hover:before{opacity: 0.8;}
.blockquote{border-left: 2px solid #111;background-color: #3069b6;padding: 30px;}
.ln-h-1{line-height: 1;}
/*.avatar{background-image: url('img/avatar.png');width: 60px;height: 60px;}*/

.bord-r-5{
    -o-border-radius: 5px;
    -mox-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bord-r-10{
    -o-border-radius: 10px;
    -mox-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.rounded{border-radius: 0.25rem;}
.shadow{box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);}
.border{border: 1px solid #dee2e6;}

.flex.space-between{justify-content: space-between;}
.plitka{
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    background-color: #fff;
    /*padding: 20px 30px;*/
    padding: 1.5rem;
    margin-bottom: 10px;
    width: 100%;
}
.margin0{margin: 0;}
.plitka h2{font-size: 22px;}

.content table td,.content table th{padding: 0.3rem;border: 1px solid #dee2e6;}

.article{border: 1px solid #e5e5e5;}
.article .thumbnail{padding-bottom: 65%;}
.article .text-block{padding: 20px;}
.article:hover .thumbnail{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.eds{
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    background-color: #e5e3e3;
}
.eds + .eds-tooltip{
    padding: 5px 15px;
    padding-top: 15px;
    border: 1px solid #eee;
    left: 5px;
    bottom: 200%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.eds + .eds-tooltip p{margin-bottom: 10px;}
.eds:hover + .eds-tooltip{
    opacity: 1;
    visibility: visible;
    bottom: 90%;
    z-index: 2;
}

.button{background-color: #007bff;border: 2px solid #007bff;border-radius: 2px;}
.btn-bord{border: 1px solid #e5e5e5;background: none;color: inherit;}
.text-white .btn-bord{border-color: #fff;color: #fff;}
.button.btn-sm{font-size: 13px;padding: 10px 29px;line-height: inherit;}
.button:hover{background-color: #251091;border-color: #251091;}
.button.btn-bord.fa-whatsapp{color: #4EA531;border-color: #4EA531;font-size: 24px;line-height: 18px;}
.button.btn-bord.fa-telegram{color: #251091;border-color: #251091;font-size: 22px;line-height: 18px;}
.button.btn-green,.button.btn-bord.fa-whatsapp:hover{background-color: #4EA531;border-color: #4EA531;color: #fff;}
.button.btn-green:hover{background-color: #347e1c;border-color: #347e1c;}

.button.btn-bord:hover,#calc-form input[type="radio"]:checked+.button,#gallery .buttons .button.active{background-color: #251091;border-color: #251091;color: #fff;}
.text-white .button.btn-bord:hover{background-color: #fff;border-color: #fff;color: #111;}
.button[disabled]{opacity: 0.7;}

.buttons .button{margin: 5px;}
.buttons .button .fa{margin-right: 8px;}
#gallery .buttons .button:first-child{margin-left: 0;}

#partners .partner{max-width: 25%;}

.button.btn-lg{
    padding: 14px 20px;
    width: 100%;
    max-width: 250px;
    font-weight: bold;
}

.button.notif_email_btn{width: 100%;max-width: 290px;}


input[type="text"],input[type="password"],input[type="number"],select,textarea{
    border: 1px solid #e4e5e9;
    padding: 6px 15px;
    line-height: 1.5;
    width: 100%;
    height: 40px;
    display: inline-block;
    margin-bottom: 20px;
    color: #444;
    font-family: inherit;
    font-size: inherit;
}
textarea{height: auto;}
input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,select:focus,textarea:focus{border-color:#cbcbcb;}
input::-webkit-input-placeholder {color:#a8a8a8;}
input::-moz-placeholder          {color:#a8a8a8;}/* Firefox 19+ */
input:-moz-placeholder           {color:#a8a8a8;}/* Firefox 18- */
input:-ms-input-placeholder      {color:#a8a8a8;}
textarea::-webkit-input-placeholder {color:#a8a8a8;}
textarea::-moz-placeholder          {color:#a8a8a8;}/* Firefox 19+ */
textarea:-moz-placeholder           {color:#a8a8a8;}/* Firefox 18- */
textarea:-ms-input-placeholder      {color:#a8a8a8;}



input[required]+label.placeholder,select[required]+label.placeholder,.labeled_select input+label.placeholder,.labeled_select select+label.placeholder{
  color: #888888;
  position: relative;
  top: -48px;
  margin-left: 16px;
  margin-bottom: -20px;
  margin-right: 35px;
  line-height: 1;
  cursor: text;
  display: block;
}
select[required]+label.placeholder,.labeled_select select+label.placeholder{display: inline-block;}

input[required]+label.placeholder:after,select[required]+label.placeholder:after,.label-required:after{
  content: ' *';
  color: #EF2E2E;
  cursor: text;
}
input[required]:invalid+label.placeholder{
    display: block;
}
select[required]:invalid+label.placeholder{
    display: inline-block;
}
input[required]:valid+label.placeholder,select[required]:valid+label.placeholder{
  display: none;
}

select option[value=""]{color: #888888;}
.labeled_select select+label.placeholder,.labeled_select input+label.placeholder{margin-left: 20px;z-index: 1;margin-bottom: 0 !important;position: absolute;top: 13px;left: 0;}
.labeled_select select+label.placeholder{color: transparent;}
.labeled_select select,.labeled_select input{position: relative;background-color: transparent;z-index: 2;margin-bottom: 0 !important;}

input[type="checkbox"] + label:before{
    content: '';
    width: 20px;
    height: 20px;
    background: #f2f5f9;
    border-radius: 3px;
    border: 1px solid #a0b1cb;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
input[type="checkbox"]:checked + label:before{
    border-color: #2f67b5;
    background: url('img/gal.svg') center no-repeat #251091;
}

input.error,select.error,textarea.error{border-color: #c62408;color: #c62408;}
.log-text p{margin-bottom: 5px;}

input[type="number"]{
    padding: 5px 10px;
    height: 35px;
    margin: 0;
}
.count-field input[type="number"]{
    text-align: center;
    margin: 0;
    padding-right: 0;
    border: 0;
    width: 100%;
    height: 51px;
}
.count-field{
    width: 170px;
    max-width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #111;
    margin-top: 1px;
}
.count-field .count-btn{
    position: absolute;
    top: 0;
    height: 51px;
    line-height: 51px;
    background-color: #F5F5F5;
    /*color: #fff;*/
    width: 44px;
    text-align: center;
    cursor: pointer;
    font-size: 22px;
}
.count-field .count-btn.minus{left: 0;}
.count-field .count-btn.plus{right: 0;}


.filter_input_ct{
    background: #f7f8fb;
    padding: 5px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.filter_input_ct input{margin-right: 10px;max-width: 60%;}

#search_box {
    margin-bottom: 0;
    padding-right: 50px;
    border-color: #a1a8c4;
}
.searchbox_form select{
    margin: 0;
    width: auto;
    right: 46px;
    height: 100%;
    z-index: 2;
    position: absolute;
    border-left-width: 1px;
    border-right-width: 1px;
}
.ico-field button {
    width: 48px;
    position: absolute;
    padding: 6px 15px;
    right: 0;
    top: 0;
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.comment-form-cookies-consent{padding-left: 15px;padding-right: 15px;clear: both;}
#comments .comment .avatar {flex: 1 0 auto;}
#comments .comment .comment-text {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: space-between;
}
#comments .comment .description {
    flex: 1 1 100%;
    order: 3;
    max-width: 100%;
    --wd-tags-mb: 10px;
}

.breadcrumb i.fa{margin: 0 10px;}
#map{height: 400px;width: 100%;border-radius: 8px;}

.pagination li{margin-bottom: 0;}
.pagination .dots{color: #251091;}
.pagination a:hover,.pagination .current{background-color: #251091;color: #fff;}


.flex-column{flex-direction: column;}
.sidebar .menu li{margin-bottom: 0;}
.sidebar .menu li a{display: block;padding: 4px 0;}
.sidebar .sub-menu li a{padding-left: 20px;}

hr.dashed{border-bottom: 1px dashed #e4e4e4;}
.contacts i.fa{width: 20px;}

.stars,.rank,label.rank{
    width: 125px;
    height: 25px;
    display: table;
    background-image: url('img/star.svg');
    background-size: 25px 25px;
    background-repeat: repeat-x;
    background-position: top left;
}
label.rank{opacity: 0;}
.rank{background-position: bottom left;width: 0;display: block;left: 0;top: 0;}
.stars input[type="radio"]:checked + label,label.rank:hover,.rating .stars .rank{/*background-position: bottom left;*/background-image: url('img/star-fill.svg');opacity: 1;}
.stars:hover label.rank:not(:hover){opacity: 0;}



.scrollup{right: 20px;bottom: 40px;z-index: 90;}
.scrollup > a{
    background-color: #251091;
    color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 27px;
    text-align: center;
    border-radius: 5px;
    opacity: 0.7;
}
.scrollup > a:hover{opacity: 1;}

#video-modal .mod-container{width: 70%;}

.close-btn{
    width: 24px;
    height: 24px;
    background-image: url('img/close.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

.footer-menu{margin-top: 0;}
.footer-menu li{width: 50%;}
.footer-menu a{
    font-size: 15px;
    /*font-family: pnb;*/
    text-decoration: none !important;
    line-height: 20px;
    border-bottom: 1px solid #fff;
    z-index: 1;
    position: relative;
    padding: 0 !important;
    margin-right: 5px;
    margin-bottom: 3px;
    font-weight: 500;
    opacity: 0.6;
}
.footer-menu a:hover{opacity: 1;}

.social a{font-size: 22px;margin-right: 15px;}

@media (max-width:1169px){
    h1,.h1{font-size: 28px;}
    h2,.h2{font-size: 24px;}
    h3,.h3{font-size: 20px;}
    h4,.h4{font-size: 18px;}
    .contacts .contact-block{padding-top: 10px;padding-bottom: 10px;}
    #header .bvi-button{width: 100%;text-align: center;padding-bottom: 10px;padding-top: 10px;}
}
@media (max-width:767px){
    #header .phone a{font-size: 16px;display: inline-block;margin-top: 5px;}
    h1,.h1{font-size: 24px;}
    h2,.h2{font-size: 22px;}
    h4,.h4,.f-18,.f-20{font-size: 16px;}
    .contacts .contact-block,.footer-menu li{width: 100%;}
    #header .menu .menu-item-has-children .sub-menu{
        display: block;
        position: relative;
        border: 0;
        box-shadow: none;
        background-color: inherit;
        padding: 0.5rem 1.2rem;
    }
    #header .menu .sub-menu > li{margin-bottom: 5px;}
#partners .partner{max-width: 50%;}
}
@media (max-width:460px){
}