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

@import url("fonts/NatoSans/stylesheet.css");

html.logged #header{top: 32px;}
body{font-family: 'Noto Sans';}

#header{width: 100%;left: 0;top: 0;z-index: 99;}

#header .logo{font-size: 36px;}
#mob-menu{padding: 3px;}
#mob-menu a:not(.messenger){font-size: 15px;}
.line-menu.menu:not(.no-bords) > li > a:after{content: '';display: block;height: 1px;background-color: transparent;transition: all 0.3s ease-out;}
.line-menu.menu:not(.no-bords) > li:hover > a:after,.line-menu.menu > li.current-menu-item:not(.menu-item-has-children) > a:after{background-color: #007342;}

.line-menu.menu li.menu-item-has-children{position: relative;}
.line-menu.menu li.menu-item-has-children > a:after{content: "\f0d7";font-family: 'FontAwesome';color: #CFCFCF;margin-left: 5px;}
.line-menu.menu li.menu-item-has-children .sub-menu{
    position: absolute;
    background-color: #fff;
    padding: 0;
    padding-top: 1px;
    margin-top: 20px;
    min-width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
.line-menu.menu li.menu-item-has-children .sub-menu li{float: none;margin-top: -1px;text-transform: none;}
.line-menu.menu li.menu-item-has-children .sub-menu > li > a{border-top: 1px solid #BDBDBD;border-bottom: 2px solid transparent;white-space: nowrap;}
.line-menu.menu li.menu-item-has-children .sub-menu > li > a:hover{border-bottom-color: #007342;position: relative;background-color: #f6f6f6;}
.line-menu.menu li.menu-item-has-children:hover > .sub-menu{
    display: block;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    z-index: 99;
}
.line-menu.menu .sub-menu li.menu-item-has-children > a:after{content: "\f0da";}
.line-menu.menu .sub-menu li.menu-item-has-children > a{display: flex;justify-content: space-between;align-items: center;}
.line-menu.menu .sub-menu .sub-menu{left: 100%;top: 0;}

#header .phone{margin-left: 20px;}
.messengers a.messenger{margin-right: 10px;vertical-align: middle;font-size: 25px;line-height: 20px;display: inline-block;}
.messengers a.messenger.fa-telegram{color: #7CB1FF;}
#header .messengers a.messenger{color: #252525;}
#header .messengers a.messenger svg path{fill: #252525;}
#header .messengers a.messenger:hover{color: #007342;}
#header .messengers a.messenger:hover svg path{fill: #007342;}

.home #header{position: absolute;}
#top-section{padding-top: 190px;}
#top-section:before,.form-block.form-block2:before{
    content: '';
    background-image: url('img/white-gradient.png');
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#top-section .date svg path{fill: #575350;}
#top-section .clouds{
    position: absolute;
    width: 100%;
    bottom: -25%;
}
#top-section .eagle{
    position: absolute;
    z-index: 2;
    right: -20%;
    top: 20px;
}

.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{font-size: 28px;}
.f-30{font-size: 30px;}
.f-32{font-size: 32px;}
.f-36{font-size: 36px;}
.f-40{font-size: 40px;}
.ln-h-1{line-height: 1;}
.ln-h-12{line-height: 1.2;}

.bg-opacity{background-image: url('img/opacity.png');background-repeat: repeat;}
.bg-light{background-image: url('img/semi-w2.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/dark-layer.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;}

.bg-white{background-color: #fff;}
.bg-special{background-color: #007342;}
.bg-red,.danger{background-color: #EF1F1F;}
.bg-dark{background-color: #383838;}
.bg-l-grey{background-color: #F3F3F3;}
.bg-yellow{background-color: #EDB21B;}
.text-white,.text-white a:not(.button),a.text-white,.danger{color: #fff;}
.text-special,.text-special a:not(.button),a.text-special,.text-white a.text-special{color: #007342;}
.text-grey{color: #1e1e1e;}
.text-l-grey{color: #575350;}
a{color: inherit;}
.text-blue,a.text-blue:not(.button){color: #047ACF;}
.text-red,.comment-awaiting-verification{color: #EF1F1F;}
.fill-white{fill: #fff;}
.stroke-white{stroke: #fff;}
.danger{padding: 10px;}

.bord-r-5,.danger{
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bord-r-10{
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.bord-r-20{
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}


.button{border: 1px solid #007342;background-color: #007342;color: #fff;border-radius: 70px;padding: 10px 35px;}
.button.btn-bord,.button.btn-orange:hover{color: #111;background-color: #fff;}
.button.btn-orange,.button:hover{background-color: #EDB21B;border-color: #EDB21B;color: #252525;}
/*.button.btn-bord:hover,.button.btn-bord.active{background-color: #007342;border-color: #007342;color: #fff;}*/
.button[disabled]{opacity: 0.7;}

.button.btn-sm{font-size: 12px;padding: 5px 15px;}
.button.btn-lg{
    border-width: 3px;
    padding: 18px 30px;
    min-width: 276px;
    max-width: 100%;
}

input[type="text"],input[type="password"],input[type="number"],input[type="date"],select,textarea{
    border: 1px solid #CDCDCD;
    border-radius: 5px;
    padding: 10px 15px;
    line-height: 1.5;
    width: 100%;
    height: 55px;
    display: inline-block;
    margin-bottom: 20px;
    color: #444;
    font-family: inherit;
    font-size: inherit;
}
.searchbox_form input[type="text"]{border-radius: 70px;height: 40px;}
textarea{height: auto;}
select{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    -ms-appearance:none; /* Ie */
    appearance:none;
    background-image: url("img/select.svg");
    background-position: calc(100% - 5px) center;
    background-repeat: no-repeat;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,select:focus,textarea:focus{border-color:#cbcbcb;}
input::-webkit-input-placeholder {color:#575350;}
input::-moz-placeholder          {color:#575350;}/* Firefox 19+ */
input:-moz-placeholder           {color:#575350;}/* Firefox 18- */
input:-ms-input-placeholder      {color:#575350;}
textarea::-webkit-input-placeholder {color:#575350;}
textarea::-moz-placeholder          {color:#575350;}/* Firefox 19+ */
textarea:-moz-placeholder           {color:#575350;}/* Firefox 18- */
textarea:-ms-input-placeholder      {color:#575350;}

.ico-field input{margin-bottom: 0;}
.ico-field input + .fa{
    position: absolute;
    right: 0;
    border: 0;
    padding: 0 15px;
    background: none;
    height: 100%;
    font-size: 19px;
    color: #575350;
}

.labeled_select{position: relative;}
input[required]+label.placeholder,select[required]+label.placeholder,.labeled_select input+label.placeholder,.labeled_select select+label.placeholder,.labeled_select textarea+label.placeholder{
  color: #575350;
  position: relative;
  top: -54px;
  margin-left: 16px;
  margin-bottom: -14px;
  margin-right: 35px;
  line-height: 1;
  cursor: text;
  display: block;
}
.labeled_select textarea+label.placeholder{top: 15px;position: absolute;}
select[required]+label.placeholder,.labeled_select select+label.placeholder{display: inline-block;}
input+label.placeholder:before,select+label.placeholder:before{
    content: '';
    position: absolute;
    background: #eaedf5;
    height: 8px;
    border-radius: 20px;
    display: block;
    width: 99%;
    z-index: -1;
    bottom: -1px;
    left: 0;
}
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,textarea[required]:valid+label.placeholder{
  display: none;
}
input.top-placeholder[required]{padding-top: 25px;padding-bottom: 5px;}
input.top-placeholder[required]+label.placeholder{top: -65px;}
input.top-placeholder[required]:valid+label.placeholder{display: block;}

input[type="checkbox"],input[type="radio"]{display: none;}
input[type="checkbox"] + label:before,input[type="radio"] + label:not(.rank):before{
    content: '';
    width: 27px;
    height: 27px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #CDCDCD;
    display: block;
    margin-right: 15px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
}
input[type="checkbox"]:checked + label:before,input[type="radio"]:checked + label:before{
    background-image: url('img/checked.svg');
}

input.error,select.error,textarea.error{border-color: red;color: red;}

/*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;
    width: 44px;
    text-align: center;
    cursor: pointer;
    font-size: 22px;
}
.count-field .count-btn.minus{left: 0;}
.count-field .count-btn.plus{right: 0;}

a.show-all{border-bottom: 4px solid #007342;}
.tab-links a{border-bottom: 8px solid #007342;}
.tab-links a:hover,.tab-links a.active,a.show-all:hover{border-color: #EDB21B;}

.accordion .showmore{padding: 30px 0;padding-right: 30px;}
.accordion .showmore:after{content: '+';position: absolute;right: 5px;top: 50%;margin-top: -9px;line-height: 1;transition: all 0.3s ease-out;}
.accordion .showmore.active:after{transform: rotate(45deg);}

.gallery-smooth{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
/*.gallery-smooth img{max-width: 50%;margin-bottom: 30px;}*/

.filter-checkbox input[type="checkbox"] + label:before,
.filter-checkbox input[type="radio"] + label:before{width: 15px;height: 15px;border-radius: 1px;border-color: #007342;}
.filter-checkbox input[type="checkbox"]:checked + label:before,
.filter-checkbox input[type="radio"]:checked + label:before{background-color: #EDB21B;border-color: #EDB21B;background-image: url('img/checked-white.svg');}
#filter.accordion .showmore{padding: 0;}
#filter.accordion .showmore:after{content: "\f107";font-family: 'FontAwesome';transform: rotate(180deg);font-weight: normal;}
#filter.accordion .showmore.active:after{transform: rotate(0deg);}

#main-filter{border: 1px solid #007342;}
#main-filter .choose-block{width: 28%;border-right: 1px solid #e6e6e6;}
#main-filter .submit-block{width: 16%;}
#main-filter .choose-attr svg{
    width: 35px;
    height: auto;
    margin-right: 12px;
    margin-left: 15px;
}
#main-filter .choose-attr .select-block{min-width: 150px;max-width: 100%;}
#main-filter .choose-attr .select-block:after{
    content: "\f0d7";
    font-family: 'FontAwesome';
    margin-left: 10px;
}
#main-filter .filter-popup{
    display: none;
    width: 100%;
    left: 0;
    position: absolute;
    z-index: 10;
}
#main-filter .filter-popup.active{
    display: block;
}

.table-container{background-color: #fff;border-radius: 5px;border: 1px solid #007342;}
table{border-collapse: collapse;}
table thead{background-color: #007342;color: #fff;}
table thead th{border: 1px solid #007342;}
table tr > * {padding: 10px;}
table td{border: 1px solid #E9E9E9;}

.full-calendar .date-picker-wrapper.inline-wrapper,.full-calendar .date-picker-wrapper .month-wrapper{width: 100%;}
.date-picker-wrapper table thead tr.week-name th{background-color: #252525;border-color: #252525;padding: 5px;}

#comments .comment{padding: 20px;}
#comments .comment .avatar{margin: 15px;margin-right: 40px;}

.items{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.items.hotels{grid-template-columns: repeat(3, 1fr);}
.items .grid-item .desc{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.items .grid-item .desc__info {
    flex: 1 1 auto;
}
.items .item{
    display: flex;
    flex-direction: column;
}
.item .item-img{padding-top: 58%;display: block;}
.item:hover .thumbnail .item-img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.item .name{height: 39px;}
.item .attributes .table-cell{padding-bottom: 5px;}
.item .desc .button{background-color: #E6E6E6;border-color: #E6E6E6;color: #575350;padding: 9px 20px;text-transform: uppercase;line-height: 1.7;}
.item .desc .button:hover{background-color: #EDB21B;border-color: #EDB21B;color: #252525;}
.item .price-block,.article .price-block{display: flex;flex-direction: column;justify-content: center;}
.old-price{text-decoration: line-through;}
.item .old-price,.article .old-price{font-size: 20px;line-height: 1;position: absolute;top: -10px;}
.item .price,.article .price{font-size: 24px;font-weight: bold;    line-height: 1;}
.item .features{min-height: 39px;margin-bottom: 10px;}

.article{position: relative;overflow: hidden;}
.article .desc{
    position: absolute;
    width: 100%;
    height: 68px;
    background-image: url('img/semi-green.png');
    background-repeat: repeat;
    left: 0;
    bottom: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.article.hotel{border: 1px solid #C7C7C7;}
.article.hotel .desc{height: 0;padding: 0;}
.article:not(.hotel) .desc .hover-text{height: 0;}
.article:not(.hotel),.article.hotel .thumbnail,.article:hover .desc{height: 230px;}
.article.hotel:hover .desc{padding: 10px;}
.article:not(.hotel):hover .desc .hover-text{height: 93px;}
.article .desc .hover-text .description{height: 40px;}
.article.hotel .description{min-height: 44px;}
.article.hotel .name{height: 40px;}
.article.hotel .date svg{width: 24px;}
.article.object-cat,.article.object-cat:hover .desc{height: 350px;}

.article-event .date{display: inline-block;padding: 10px 25px;}

.dates select{border: 1px solid #007342;height: 31px;margin-bottom: 0;padding: 3px 10px;padding-right: 20px;}
.dates select option:checked,
.dates select:focus > option:checked{background-color: #EDB21B;}
.difficulty .fa{color: #CFCFCF;}
.difficulty .fa.active{color: #EDB21B;}

.tur-head{border: 1px solid #007342;padding: 30px;}
.content-block{padding: 20px;}
.content-block .coords svg{vertical-align: middle;}

.avatar-box{background-image: url('img/avatar.png');width: 180px;height: 180px;}

.m2-slider.thumb-bul .m2-slidearrow{top: auto;bottom: 8%;}
.m2-slider.thumb-bul .m2-slidesnav{
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}

#team-slider .m2-slidearrow.left{left: -30px;}
#team-slider .m2-slidearrow.right{right: -30px;}

.variation-item .m2-slider .slider-inner,
.variation-item .m2-slider .slider-inner *{height: 100%;}

.cloud-separator .clouds{
    width: 100%;
    display: block;
    margin-top: -10%;
    margin-bottom: -6%;
    position: relative;
    z-index: 2;
}

.form-block.form-block1{background-image: url('img/form-block.jpg');}
.form-block.form-block-contacts{background-image: url('img/form-block-contacts.jpg');}
.form-block.form-block2,.form-block.form-block3{background-image: url('img/form-block2.jpg');}
.form-block.form-block2,.form-block.form-block3,
.form-block.form-block2 > .section,.form-block.form-block3 > .section{padding: 0;}
.form-block.form-block2 .m-wrap,.form-block.form-block3 .m-wrap{padding: 100px 30px;}
.form-block:before,.form-block:after{
    content: '';
    position: absolute;
    display: block;
    width: 50%;
    height: 35%;
    background-repeat: no-repeat;
    background-size: contain;
}
.form-block:before{
    background-image: url('img/clouds-right.png');
    top: -17%;
    right: 0;
    background-position: right center;
}
.form-block:not(.form-block2):before{z-index: 1;}
.form-block:after{
    background-image: url('img/clouds-bottom.png');
    bottom: 0;
    left: 0;
    background-position: left bottom;
}
.form-block.form-block-contacts:before,.form-block.form-block-contacts:after{content: none;}
.form-block.form-block2:after{bottom: -17%;right: 0;left:auto;background-image: url('img/clouds-right.png');background-position: right center;}
.form-block .price{margin-right: 30px;}
.form-mountain{background-image: url('img/mountain.png');background-position: left bottom;}

#services-list h3{text-transform: uppercase;display: inline-block;border-bottom: 4px solid #007342;}
#services-list ul{list-style: none;padding-left: 15px;}
#services-list ul li:before{content: '';height: 10px;width: 4px;background-color: #007342;display: inline-block;margin-left: -13px;margin-right: 10px;}
#services-list .services-not-in ul li:before{background-color: #EF1F1F;}

.map{height: 500px;min-height: 100%;width: 100%;border-radius: 2px;}
#content .map-block{order:1;}
#content .contacts-block{order:2;}

.breadcrumb i.fa{margin: 0 10px;}

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


.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;
}
.stars.checkbox-stars{top: -5px;}
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,.stars .rank.filled{/*background-position: bottom left;*/background-image: url('img/star-fill.svg');opacity: 1;}
.stars:hover label.rank:not(:hover){opacity: 0;}

.contacts .address svg{margin-right: 10px;margin-bottom: 10px;min-width: 21px;}
#footer .footer-menu{padding: 0;}
#footer .footer-menu .menu-item{list-style: none;margin-bottom: 0;}
#footer .footer-menu > .menu-item{width: 20%;padding: 0 15px;}
#footer .footer-menu > .menu-item:last-child{display: none;}
#footer .footer-menu > .menu-item a{margin-bottom: 20px;display: inline-block;}
#footer .footer-menu > .menu-item > a,.contacts-link{padding-bottom: 5px;border-bottom: 4px solid #007342;text-transform: uppercase;}
#footer .footer-menu > .menu-item > .sub-menu{padding-left: 0;}
#footer .footer-menu > .menu-item .sub-menu a{border-bottom: 1px solid transparent;}
#footer .footer-menu > .menu-item .sub-menu a:hover{border-color: #007342;}
#footer .footer-menu > .menu-item > .sub-menu .sub-menu{margin-bottom: 20px;border-left: 1px solid #007342;padding-left: 8px;}
#footer .footer-menu > .menu-item > .sub-menu .sub-menu > .menu-item:last-child > a{margin-bottom: 0;}

.scrollup{right: 20px;bottom: 40px;z-index: 90;}
.scrollup > a{
    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;}


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


@media (max-width:1169px){
    h1,.h1{font-size: 30px;}
    h2,.h2{font-size: 24px;}
    h3,.h3{font-size: 20px;}
    .f-32{font-size: 22px;}
    .f-24,.f-22{font-size: 18px;}
    .f-16{font-size: 14px;}
    #main-filter .choose-block,#main-filter .submit-block{width: 50%;}
    #main-filter .choose-block:nth-child(2){border-right: 0;}
    .items,.items.hotels{grid-template-columns: repeat(2, 1fr);}
    .mob-nav button.active{position: relative;z-index: 99;}
    .mob-nav button.active .mn-line:first-child {
        transform: rotate(-45deg);
        transform-origin: 26px 6px;
        margin-bottom: 0;
    }
    .mob-nav button.active .mn-line:last-child {
        transform: rotate(45deg);
    }
    .mob-nav button .mn-line:last-child {
        margin-bottom: 5px;
    }
    #mob-menu{position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding-top: 80px;overflow: auto;}
    html.logged #mob-menu{top: 32px;}
    .line-menu.menu li.menu-item{width: 50%;}
    .line-menu.menu li.menu-item-has-children .sub-menu{
        visibility: visible;
        opacity: 1;
        position: relative;
        margin-top: 0;
        box-shadow: none;
        left: 0;
        top: 0;
        padding-left: 15px;
    }
    .line-menu.menu li.menu-item-has-children .sub-menu li{width: 100%;}
    .line-menu.menu li.menu-item-has-children .sub-menu > li > a{border-top: 0;white-space: normal;}
    .line-menu.menu .sub-menu li.menu-item-has-children > a:after{content: none;}
    #top-section .clouds{bottom: -10%;}
    #top-section .eagle{right: -25%;top: 0;}
    .tur-head > *{margin-bottom: 15px;}
}
@media (max-width:767px){
    h1,.h1,.item-desc h1,#content h1{font-size: 20px;}
    h2,.h2,.f-32{font-size: 18px;}
    h3,.h3{font-size: 16px;}
    body{padding-top: 0;}
    #main-filter .choose-block,#main-filter .submit-block{width: 100%;}
    #main-filter .choose-block{border-right: 0;}
    .items,.items.hotels{grid-template-columns: repeat(1, 1fr);}
    .mob-nav button.active{position: fixed;right: 15px;margin-top: 43px;}
    html.logged #mob-menu,html.logged #header,.mob-nav button.active{top: 46px;}
    .line-menu.menu li.menu-item{width: 100%;}
    #top-section .date{margin-bottom: 20px;}
    #top-section .clouds{bottom: -5%;}
    .form-block:before{height: 20%;top: -10%;}
    .date-picker-wrapper{max-width: 80%;}
    .event-calendar .date-picker-wrapper{max-width: 100%;}
    .article-event .thumb{min-height: 200px;}
}
@media (max-width:460px){
}