/*
 ________  __       __       __    __  _____      __
|   __   ||  |     /  \     |  |  |  ||  __ \    |  |
|  |__|  ||  |    /    \    |  |\ |  || |__) |   |  |
|   _____||  |   /  /\  \   |  | \|  ||      /   |  |____ ___      ___
|  |      |  |  /  /__\  \  |  |\ |  ||  __  \   |  ___  |\  \    /  /
|  |      |  | /  /    \  \ |  | \|  || |__)  |_ | |___| | \  \__/  /
|__|      |__|/__/      \__\|__|  |__||_______(_)|_______|  \      /
                                                            _|    /
                                                           |     /
                                                           |____/
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}.clear,.clr{display:block;clear:both;overflow:hidden;line-height:0!important;height:0!important;font-size:0;margin:0;padding:0}.clearfix:after,.clearfix:before{content:"";display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}html{overflow-x:hidden}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}address,dl,fieldset,figure,hr,ol,p,pre,table,ul{margin-top:0}
.hr-shadow{position:relative;overflow:hidden;height:25px}.hr-shadow:after{position:absolute;content:'';z-index:1;height:20px;top:-20px;left:50%;width:100%;margin-left:-50%;-webkit-border-radius:200px/10px;-moz-border-radius:200px/10px;border-radius:200px/10px;box-shadow:0 0 30px rgba(0,0,0,.28)}
.swal2-popup {width: 40rem !important;}
.swal2-popup.swal2-toast {padding: 2rem !important;font-size: 2rem !important;}
h2#swal2-title {line-height: 2rem !important;}
.gridzyItem img {width: 100%;}

/* Верстка ---------------------- */
.main {max-width: 1620px;clear: both;box-sizing: border-box;margin: 0 auto;padding: 0 30px;position: relative;}
.dark_fon:after {content: ''; width: 100%; height: 100%; background: rgb(0 0 0 / 0.5); position: absolute; top: 0; left: 0;}
.orange_fon {background: var(--maincolor);display: inline-block;padding: 3px 5px 8px;border-radius: 5px}

.before-line {position: relative;color: var(--hcolor);padding: 0 0 0 130px;}
.before-line:before {display: inline-block;height: 2px;width: 100px;background: var(--hcolor);content: "";position:  absolute;top: 50%;transform: translateY(-50%);left: 0;}

.fw:before,.fw:after {content: '';display: block;background: inherit;position: absolute;height: 100%;width: 10000px;top: 0;}
.fw:before{right: 100%;} .fw:after{left: 100%;}

/* Modal ---------------------- */
    /*behavior*/
    .fon_modal {z-index: 10001;top: 0;left: 0;bottom: 0;right: 0;position: fixed;display: none;}
    .modalwrapper {-webkit-overflow-scrolling: touch;perspective: 1000px;overflow-y: scroll;z-index: 1000;top: 0;right: 0;width: 100%;height: 100%;display: none;position: fixed;}
    .modal {left: 50%;transform: translate(-50%, 0%) rotateX(50deg) scale(.6);bottom: auto;opacity: 0;z-index: 10002;box-sizing: border-box;transition: 1s;display: none;position: absolute;}
    .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}
    .modal .close_modal {position: absolute;z-index: 999999;text-align: center;cursor: pointer;transition: .5s;}

    /*modal width & position*/
    .modal {width: 450px;top: 50%;}
    .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}

    /*style*/
    .modalwrapper {background: rgba(0, 0, 0, 0.7);}
    .modal {background: #fff;box-shadow: 5px 5px 15px #000;padding: 40px;}
    .modal .close_modal {color: var(--textcolor);background: transparent;width: 35px;height: 35px;line-height: 35px;font-size: 30px;border-radius: 5px;right: 15px;top: 15px;}
    .modal .close_modal:hover {transform: rotate(90deg);}
    .modal h3 {color: var(--textcolor);font-weight: 700;font-size: 20px;line-height: 24px;padding: 20px 0;}



/* Список - галочки  ---------------------- */
    ul.check-list li {list-style-type: none;padding-left: 40px;position: relative;margin-bottom: 5px;margin-left: 0;}
    ul.check-list li:before {color: var(--maincolor);position: absolute;font-family: 'FontAwesome';content: "\f00c";display: inline-block;left: 0px;}

/* Список кружочки  ---------------------- */
    .circle-list li {list-style-type: none;margin-bottom: 8px;position: relative;}
    .circle-list li:before {right: calc(100% + 12px);top: 1px;border: 3px solid var(--maincolor);width: 10px;height: 10px;border-radius: 100px;position: absolute;display: block;content: '';}

/* ol li customization ---------------------- */
    ol.numbered {counter-reset: myCounter;}
    ol.numbered li {margin-bottom: 5px;list-style-type: none;padding-left: 20px;position: relative;}
    ol.numbered li:before {background:var(--maincolor);counter-increment:myCounter;content:counter(myCounter);position:absolute;left:-14px;top:0;color:#fff;display:inline-block;text-align:center;margin:5px 10px;width:17px;height:17px;line-height:17px;border-radius:20px;font-size:.7em}

/* Fancybox    ---------------------- */  
    a[data-fancybox] {position: relative;display: block;}
    a[data-fancybox]:after {background: url(/assets/images/icons/zoom.svg) 50% 50%/20px no-repeat, rgb(0 0 0 / 0.5);display: block;content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:.5s;}
    a[data-fancybox]:hover:after {opacity: 1;}


/* OWL Carousel    ------------------- */

    /* arrows 1 */
    .owl-arrows1 .owl-nav button {width: 40px;height: 40px;background: rgba(255, 255, 255, .5) !important;color: #000;border-radius: 5px;top: 50%;transform: translateY(-50%);outline: none;position: absolute;}
    .owl-arrows1 .owl-nav .owl-prev {left: 5px;}
    .owl-arrows1 .owl-nav .owl-next {right: 5px;}
    .owl-arrows1 .owl-nav button:hover {background: var(--maincolor) !important;color: #fff !important}


/* arrows 2 */
    .owl-arrows2 {padding: 0 40px;margin: 0;box-sizing: border-box;}
    .owl-arrows2 .owl-prev, 
    .owl-arrows2 .owl-next {background: var(--maincolor2) !important;height: 30px;width: 30px;border-radius: 5px;padding: 0;box-sizing: border-box;font-size: 0;position: absolute;transition: 0.3s;top: 50%;transform: translateY(-50%);outline: none;}
    .owl-arrows2 .owl-prev {left: 0px}
    .owl-arrows2 .owl-next {right: 0px;}


/* arrows 3 */
    .owl-arrows3 .owl-nav {top: -85px;right: 0;position: absolute;}
    .owl-arrows3 .owl-nav button {width: 40px;height: 40px;line-height: 40px !important;background: var(--maincolor) !important;color: #fff !important;border-radius: 5px;margin-left: 10px;outline: none;}
    .owl-arrows3 .owl-nav button.disabled {background: var(--gray) !important;cursor: initial;}
    
/* dots 1 */
    .owl-dots1 .owl-dots {margin-top: 10px;text-align: center;}
    .owl-dots1 .owl-dots button {background: var(--grey) !important;width: 50px;height: 4px;margin: 0 5px;transition: .2s;outline: none;display: inline-block}
    .owl-dots1 .owl-dots button.active, 
    .owl-dots1 .owl-dots button:hover {background: var(--maincolor) !important;}


/* dots 2 */
    /*
        <div class="owl-dots2-wrapper">
            <div class="owl-dots2"></div>
        </div>
        dotsContainer: '.owl-dots2',
    */
    .owl-dots2-wrapper {text-align: center;line-height: 10px;}
    .owl-dots2 {background: #dadada;padding: 10px;border-radius: 25px;margin: 10px 0;text-align: center;display: inline-block;line-height: 0px;}
    .owl-dots2 button {background: var(--grey) !important;width: 10px;height: 10px;margin: 0 5px;border-radius: 30px;transition: .2s;outline: none;display: inline-block;border: 0;padding: 0;}
    .owl-dots2 button.active, 
    .owl-dots2 button:hover {background: var(--maincolor) !important;}

.maxwidth900 {margin: 20px auto;max-width: 900px;}
.border1 {border: 1px solid var(--maincolor);}
.icon-img {width: 20px;margin: -3px 3px 0 0;}

/*------------------ -------------------*/
/*                COMMON                */
/*------------------ -------------------*/
:root {
    /* --maincolor: #0178bf; */
    --maincolor: #ff9f1a;
    --maincolor2: #193a6a;
    --textcolor: #000;
    --hcolor: #121212;
    --red: #e84118;
    --blue: #0468ff;
    --green: #44bd32;
    --grey:  #f5f5f5;
    --darkgrey: #718093;
    --sky: #f2f7fd;
    --white: #fff;
    --dark: #1d1d1d;
    
    --headerHeight: 80px;
}


.maincolor {color: var(--maincolor)}
.maincolor2 {color: var(--maincolor2)}
.textcolor {color: var(--textcolor)}
.hcolor {color: var(--hcolor)}
.red {color: var(--red)}
.blue {color: var(--blue)}
.green {color: var(--green)}
.grey {color: var(--grey)}
.darkgrey {color: var(--darkgrey)}
.sky {color: var(--sky)}
.white {color: var(--white)}
.dark {color: var(--dark)}

.bg-maincolor {background: var(--maincolor);}
.bg-maincolor2 {background: var(--maincolor2);}
.bg-textcolor {background: var(--textcolor);}
.bg-hcolor {background: var(--hcolor);}
.bg-red {background: var(--red);}
.bg-blue {background: var(--blue);}
.bg-green {background: var(--green);}
.bg-grey {background: var(--grey);}
.bg-darkgrey {background: var(--darkgrey);}
.bg-sky {background: var(--sky);}
.bg-white {background: var(--white);}
.bg-dark {background: var(--dark);}


body::-webkit-scrollbar {width: 10px;background: transparent;}
body::-webkit-scrollbar-track {background: transparent;}
body::-webkit-scrollbar-thumb {background-color: var(--maincolor);border-radius: 5px;}
::selection {background: var(--maincolor);color: #fff;}


html {font-size: 10px;}
body {font-size: 1.6rem;

font-family: 'Open Sans', sans-serif;

color: var(--textcolor);}
a {font-weight:400;color: var(--blue);outline: none;text-decoration: none;}
p {margin-bottom: 20px;}
h1, h2, h3, h4, h5, h6 {color: var(--hcolor)}
h1, .h1 {font-size: 4rem;line-height: 5rem;margin-bottom: 40px;}
h2, .h2 {font-size: 3.5rem;line-height: 4rem;margin-bottom: 40px;}
h3, .h3 {font-size: 3rem;line-height: 3rem;margin-bottom: 25px;}
h4, .h4 {font-size: 2.5rem;line-height: 3rem;margin-bottom: 25px;}
h5, .h5 {font-size: 2rem;line-height: 2.5rem;margin-bottom: 25px;}
h6, .h6 {font-size: 2rem;line-height: 2rem;margin-bottom: 25px;}


.small {font-size: 1.3rem;line-height: 2rem;}
.extra-small {font-size: 1.1rem;line-height: 2rem}
.bshad {box-shadow: 0 12px 30px 0 rgba(9, 2, 27, .15);}

/* FORM  ---------------------- */
input[type="text"], input[type="tel"], textarea, select {line-height: 50px;min-height: 50px;padding: 0 20px;font-weight: 400;color: #222222;border-radius: 5px;width: 100%;margin: 0 0 10px 0;background: #f3f4f8;border: 0;font-family: inherit;outline: none;box-sizing: border-box;display: block;transition:.5s;}
input[type="text"].error {background: #f7ebeb;}
textarea {padding: 20px;line-height: normal;resize: vertical;}
select {background: url(/assets/images/icons/str.png) no-repeat 97% 50% #f3f4f8;-webkit-appearance: none;}

input:focus, textarea:focus {background: #e0e2e8;}
.bigbutton {font-size: .8em;line-height: 50px;padding: 0 50px;background: var(--maincolor);color: #fff;font-weight: 600;text-transform: uppercase;white-space: nowrap;cursor: pointer;font-family: inherit;border: 0;outline: none;border-radius: 5px;display: inline-block;}
/*--file*/
      .inputfile {display: none;}
      .inputfile + label svg {width: 1em;height: 1em;vertical-align: middle;fill: currentColor;margin-top: -0.25em;margin-right: 0.25em;}
      .rsform-block-file,.rsform-block-file2 {margin-bottom: 5px;}
      .js .inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
      .inputfile + label {display: block !important;font-family: inherit;font-size: 13px;background: var(--maincolor2); border: 2px solid var(--maincolor2);text-overflow: ellipsis;color: #fff;transition: .5s;white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;padding: 10px 20px;border-radius: 5px;margin-bottom: 20px;text-align: center;}
       .labelFile:before {content: "";background: url(/assets/images/icons/upload.svg) 50% 50%/100% no-repeat;color: var(--maincolor);font-family: 'FontAwesome';display: inline-block;left: 10px;width: 13px;height: 13px;margin-right: 5px}
      .inputfile + label:hover,
      .inputfile:focus + label {background: transparent;color: #222;}
      .inputfile + label svg {width: 1em;height: 1em;vertical-align: middle;fill: currentColor;margin-top: -0.25em;/* 4px */margin-right: 0.25em;/* 4px */}




    /*blik*/
    .blik{position:relative;overflow:hidden}    
    .blik:before{content:'';width:100%;height:60px;display:block;position:absolute;z-index:3;border-left:100px solid rgba(255,255,255,.2);box-shadow:-20px 30px 30px rgba(255,255,255,.1);background:0 0;top:0;left:-100px;margin-left:-1px;transition:all 0s ease-in-out;transform:translate(0,0)}
    .blik:hover:before{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translate(115%,0);-moz-transform:translate(115%,0);-ms-transform:translate(115%,0);-o-transform:translate(115%,0);transform:translate(115%,0)}



/* Header    ---------------------- */
    .global-wrapper {padding-top: var(--headerHeight)}
    #header {height: var(--headerHeight);background: #fff;z-index:11;position:fixed;top: 0;left: 0;width: 100%;box-shadow: 0 0 10px #dadada;}
    #header .main {height: var(--headerHeight)}
    
    /* frontend editor */
    body.fm #header {top: 40px;}
    body.fm.fm-hide #header {top: 0;}

      /* logo */
        #header .logo{width: 180px;color:#000;font-size:40px;font-weight:400;text-decoration:none;left: 30px;top: 18px;position:absolute;z-index:3;}
     /* mainmenu */
         #header #mainmenu {left: 250px;top:50%;height: 47px;transform:translateY(-50%);position:absolute;}
     /* tels */
        #header .tels {width: 290px;right: 270px;top: 0;position: absolute;color: #000;background: #fff;padding: 0 15px 0;border-radius: 0 0 10px 10px;}
        #header .tels.opened {padding: 0 15px 15px;box-shadow: 0 0 10px #dadad9;}
        #header .tels .tels-zag {font-weight: 700;font-size: .8em;}
        #header .tels a {font-size: 1.3rem;color: #000;white-space: nowrap;display: block;}
        #header .tels .tels-more {border-bottom: 1px dashed;display: inline-block;   font-size: .8em;cursor: pointer;}
        #header .tels .tels-hidden {display: none;}
    /* bigbutton header */
        #header .open {right: 30px;top:50%;transform:translateY(-50%);position:absolute;padding: 0 30px;line-height: 30px;}

    #modal_2 {width: 1000px;}
    #modal_2 textarea {height: 111px;}



/* Main menu ---------------------- */
#mainmenu {background: transparent;box-sizing: border-box;}
#mainmenu ul.desktop-mainmenu {margin-right: 0;transition:.5s;}  
.mobile-mainmenu-button, .mobile-mainmenu-outer {display: none;}

    /* DESKTOP  ---------------------- */
    /* STYLE */
        /* common */
            ul.desktop-mainmenu {margin-bottom: 0;text-align: left;}
            ul.desktop-mainmenu li {margin: 0;padding: 0;list-style-type: none;box-sizing: border-box;}
            ul.desktop-mainmenu a {color: var(--hcolor);font-size: 1.55rem;font-weight: 400;text-decoration: none;}
                /* submenu */
                ul.desktop-mainmenu ul.submenu {width: 250px;background: #fff;box-shadow: 0 0 10px #464646;padding: 15px;border-radius: 0 0 5px 5px;margin: 0;box-sizing: border-box;}


        /* 1 level */
            li.menu-level-1 {margin-right: 28px !important;list-style-type: none;transition: 1s;display: inline-block;}
            li.menu-level-1:last-child {margin-right: 0 !important;}
                /* hover-active-decoration */
                    li.menu-level-1 > a {line-height: 50px;font-weight: 600;}
                    li.menu-level-1 > a:after {background: var(--hcolor);height: 1px;bottom: -2px;width: 0;left: 50%;transition: .5s;transform: translateX(-50%);display: block;content: '';position: absolute;}
                    li.menu-level-1.active > a:after, li.menu-level-1 > a:hover:after {width: 100%;} 
                /* parent */
                    li.menu-level-1.parent {padding-right: 20px;}
                    li.menu-level-1.parent:after{width: 8px;height: 8px;background: url(/assets/images/icons/menu-down-arrow.svg) 50% 50%/100% no-repeat;top: 50%;right: 7px;transform:translateY(-50%);position: absolute;content: '';display: block;transition:.5s;}
                    li.menu-level-1.parent:hover:after {transform: translateY(-50%) rotate(180deg);}
        /* 2 level */
            li.menu-level-2 {padding: 10px !important;text-align: left;}
            li.menu-level-2 > a {color: #000;line-height: 2rem;font-weight: 600;}
            li.menu-level-2.active a {text-decoration: underline;}

            /* parent */
                li.menu-level-2.parent {padding-right: 20px;}
                li.menu-level-2.parent:after{width: 10px;height: 10px;background: url(/assets/images/icons/menu-right-arrow.svg) 50% 50%/100% no-repeat;top: 50%;right: 5px;transform:translateY(-50%);position: absolute;content: '';display: block;transition:.5s;}

        /* 3 level */
            li.menu-level-3 {padding: 10px !important;}
            li.menu-level-3 > a {color: #000;}

    /* BEHAVIOR */
        /* common */
            ul.desktop-mainmenu li {position: relative;}ul.desktop-mainmenu a {position: relative;}
        /* 2 level */
            li.menu-level-1> ul.submenu {top: calc(100% + 20px);left: 0;z-index: 2;position: absolute;transition: .35s;opacity: 0;visibility: hidden;z-index: 10;}
            li.menu-level-1.parent:hover > ul.submenu {top: 100%;opacity: 1;visibility: visible;}
        /* 3 level */
            li.menu-level-2 > ul.submenu  {top: -20px;left: 100%;position: absolute;transition: .35s;opacity: 0;visibility: hidden;z-index: 1;}
            li.menu-level-2.parent:hover > ul.submenu  {top: 0;opacity: 1;visibility: visible;z-index: 3;}





/* HOMEPAGE */
    
    /* Banner    ---------------------- */
        #banner, #banner .main {height: 600px;position: relative;}
        #banner {background: url(/assets/images/homepage/banner/hp-banner_1.jpg) 50% 100%/cover no-repeat;/* background-size: cover;background-attachment: fixed; */}
        #banner > * {z-index: 2;}
        #banner.dark_fon:after {background: rgb(0 0 0 / 0.3);}
    
    /* hp nav */
        .hp-nav-block {position: relative;min-height: 415px;}
        .hp-nav-block:after {background: linear-gradient(0deg, rgb(31 52 68 / 90%), rgb(60 99 130 / 50%));width: 100%;height: 100%;left: 0;top: 0;display: block;position: absolute;content: "";z-index: 1}
        .hp-nav-zag {font-size: 30px;top: 50px;left: 50px;font-weight: 900;background: #fff;z-index: 4;position: absolute;padding: 0 10px;border-radius: 5px}
        /* .hp-nav-block a {z-index: 2;left: 0;top: 0;width: 100%;height: 100%;display: block;position: absolute;} */
        .hp-nav-links {top: 110px;left: 50px;position: absolute;z-index: 4;}
        .hp-nav-links ul {list-style-type: none;margin: 0;}
        .hp-nav-links li {margin-left: 0;}
        .hp-nav-links li a {color: #fff;font-weight: 600;display: inline-block;padding: 3px 0;margin: 0;}
        .hp-nav-links li a:hover {text-decoration: underline}
        
    /* favorite */
        img.fire {width: 40px;margin-right: 10px;display: inline-block;vertical-align: middle;}
        
        .hochu-block .image {border-radius: 0 10px 10px 0;min-height: 250px;}
        .hochu-block .image1 {background: url(/assets/images/hochu/01.jpg) 50% 50%/cover no-repeat;}
        .hochu-block .image2 {background: url(/assets/images/hochu/02.jpg) 50% 50%/cover no-repeat;}
        .hochu-block .image3 {background: url(/assets/images/hochu/03.jpg) 50% 50%/cover no-repeat;}
        .hochu-block .image4 {background: url(/assets/images/hochu/04.jpg) 50% 50%/cover no-repeat;}
        

/* ARENDA */   

 /* sidebar */
    .sidebar li {list-style: none;margin-left: 0;}
    .sidebar li > a {display: block;padding: 10px 10px;border-bottom: 1px solid #dedede;transition: .5s;}
    .sidebar li.active > a,
    .sidebar li > a:hover {text-decoration: underline;}
    .sidebar {position: relative;width:20%;}
    .sidebar:after {background: inherit;width: 10000px;height: 100%;right: 100%;top: 0;display: block;content: "";position: absolute;}
    
    
        /* hode second level */
        .sidebar li > ul {display: none;}
    
    /*.favorite-sidebar {width: 200px;}*/
    .favorite-sidebar .owl-arrows1 .owl-nav button {transform: none;top: 80px;}
    .favorite-sidebar .owl-dots1 .owl-dots button {width: 10px;background: var(--darkgrey) !important}
    .favorite-sidebar .owl-dots1 .owl-dots button.active {background: var(--maincolor) !important}
    .favorite.favorite-sidebar img.fire {width: 20px;}
    
    
/* TEASER */
   .arenda-teaser {border-bottom: 1px solid var(--grey);}
   .arenda-teaser:last-of-type {border-bottom: 0;}
   
   /* agent */
       .agent img.agent_foto {border-radius: 100%;width: 100px;display: inline-block;}
       .agent .agent_name {font-weight: 700;margin-top: 10px;margin-bottom: 10px;}
       .agent .agent_tel {display: inline-block;color: #fff;background: var(--blue);font-size: 1.2rem;font-weight: 700;padding: 5px 10px;border-radius: 5px;margin-bottom: 5px;}
       .arenda-teaser .usd {font-size: 2.5rem;line-height: 3rem;}
       .arenda-teaser .agent_box {border-left: 1px solid var(--grey)}
       .agent .agent_messengers img {display: inline-block;width: 40px;}
   
   
/* FILTER */
   
    /* wrapper */
        form#mse2_filters {border-top: 1px solid var(--grey);border-bottom: 1px solid var(--grey);padding: 20px 0;}
    
    /* title */
        form#mse2_filters .filter_title {font-size: 1.3rem;line-height: 2rem;font-weight: 600;margin-bottom: 5px;}
   
    /* reset */   
        form#mse2_filters .reset_button {background: var(--blue);color: #fff;margin: 0;line-height: 25px;border-radius: 5px;padding: 0 20px;font-weight: 600;border: none;cursor: pointer;outline: none;}
        form#mse2_filters .ot-do {width: 25px;display: inline-block;box-sizing: border-box;}
        form#mse2_filters input[type="text"] {width: calc(100% - 25px);line-height: 30px;height: 30px;min-height: 20px;font-size: 1.5rem;margin-bottom: 0;}
   
    /* selected filter */
        #mse2_selected_wrapper {min-height: 0 !important;}
        #mse2_selected a {display: inline-block;background: var(--blue);padding: 0 10px;border-radius: 5px;margin-left: 5px;font-size: 1.3rem;}
        #mse2_selected .mse2_selected_link em {color: #fff !important;font-style: normal;}
        #mse2_selected .mse2_selected_link sup {color: #fff;right: -.4em;}
        #mse2_selected {background: var(--grey) !important;padding: 4px 10px !important;border-radius: 5px}
   
   /* slider */
        #mse2_mfilter .mse2_number_slider {border: 0;width: 98%;margin: 10px 0 15px !important;font-size: 0.4em !important}
        #mse2_mfilter .mse2_number_slider .ui-slider-range {background: var(--maincolor);font-size: 0.4em !important}
        #mse2_mfilter .ui-widget-content {background: var(--grey) !important;}
        #mse2_mfilter .mse2_number_slider .ui-slider-handle {background: #fff;border-radius: 100%;top: -95%;width: 14px;height: 14px;outline: none}
           
           
           
           
    /* pagination */
    .mse2_pagination {
        text-align: center;
    }
    
    .mse2_pagination
    .pagination {
        list-style-type: none;
    }
    
    .mse2_pagination
    ul.pagination  {
        margin-left: 0;
        margin-bottom: 30px !important;
    }
    
    .mse2_pagination
    .pagination li {
        display: inline-block;
        margin: 0;
    }
    
    .mse2_pagination
    .pagination li a {
       display: inline-block;
        padding: 10px 20px;
        margin: 0 5px;
        background: var(--grey);
        color: #000;
        transition: .5s;
    }
    
    .mse2_pagination .pagination li.active a,
    .mse2_pagination .pagination li a:hover {
        background: var(--maincolor);
        color: #fff;
    }
           
           
   
/* --------------- FULL -------------------*/  
    #objects .block_left {width:48%;}
    #objects .block_right:after {background: inherit;width: 10000px;height: 100%;left: 100%;top: 0;display: block;content: "";position: absolute;}
    
    h1.full-title {font-size: 3rem;line-height: 4rem;}
    .table_tabs {width: 100%;}
    .table_tabs tr td {color: #000;padding: 6px 10px 6px 0;vertical-align: middle;width: auto !important;height: auto !important;border-bottom: 1px solid #ededed;}
    .table_tabs tr:last-child td {border-bottom: 0;}
    .table_tabs tr td:first-child {width: 60% !important; color: #7a7a7a;}
    .table_tabs tr td:last-child {text-align: right;}   



    /* metro */
        .metro-blue, 
        .metro-green, 
        .metro-red {display: block;position: relative}
        
        .metro-blue:before, 
        .metro-red:before, 
        .metro-green:before {display: inline-block;content: '';width: 17px;height: 17px;margin-right: 4px;background: url(/assets/images/icons/metro-blue.svg) 50% 50%/100% no-repeat;vertical-align: middle}
        
        .metro-red:before {background: url(/assets/images/icons/metro-red.svg) 50% 50%/100% no-repeat;}
        .metro-green:before {background: url(/assets/images/icons/metro-green.svg) 50% 50%/100% no-repeat;}
       
    /* udobstva */
        .udobstva img {width: 20px;}
       
   
   
   
/* ARTICLE */  


    /* full */
        .article-text-wrapper {max-width: 800px;margin: auto;}
        .article h1 {left: 30px;width: calc(100% - 60px);top: 50%;transform: translateY(-50%);position: absolute;z-index: 2;}
   .article-image:after {background: linear-gradient(0deg, rgb(31 52 68 / 90%), rgb(60 99 130 / 50%));width: 100%;height: 100%;left: 0;top: 0;display: block;position: absolute;content: "";z-index: 1}
   
   
   
   
   
   
/* Contacts */
#contacts_block {position: relative;background: #fff;}
#contacts_block h5 {text-transform: uppercase;color: var(--maincolor);margin-bottom: 0;font-size: 14px;font-weight: 600;}
#contacts_block h2 {text-transform: uppercase;color: #222;font-size: 28px; line-height: 38px;margin: 10px 0 40px;font-weight: 900;}
#contacts_block .form_contacts {padding: 55px 55px 0;border-right: 0;}
#contacts_block input#name {margin-right: 2%;}
#contacts_block input[type="text"], #contacts_block textarea {background: #f3f4f8;}



#contacts_block .details {padding: 55px 55px 25px; color: #222;transform: translateX(-26px);}
#contacts_block .details_box {margin-bottom: 30px}
#contacts_block .details_box img {width: 25px;margin-top: -2px; display: inline-block;}
#contacts_block .details_box h4 {color: #000; font-size: 19px; margin-bottom: 10px;}
#contacts_block .details_box a, #contacts_block .details_box p {color: #848484;font-size: 17px;line-height: 20px;margin: 0;display: block;}

   
   


/* Footer    ---------------------- */
    #footer {background: var(--darkgrey);color: #fff;}
	#footer a:hover {text-decoration: underline !important;}
	#footer ul {margin-bottom: 0;}
	#footer img.halva {max-width: 125px;}
	#footer .small {font-size: 1.2rem;}
	.podval1 .logo {margin-bottom: 20px;display: block;}
	.podval1 .logo img {max-width: 250px;}
	.podval1 p.rekv {font-size: .9em;}
	
	.podval2 li {list-style: none; margin-left: 0;}
	.podval2 li.parent {margin-bottom: 20px;}
	.podval2 .footer-mainmenu .submenu li > a, .footer-mainmenu li > a {text-decoration: none;margin: 0 0 7px 0;text-transform: none;line-height: 15px;font-weight: 400;color: white;font-size: 1em}
		
	.podval3 .footer-zag {font-size: 0.9em;margin-top: 15px;margin-bottom: 5px;font-weight: 600;text-transform: uppercase;}
	.podval3 .footer-zag img {width: 14px;margin-right: 5px;vertical-align: middle;transform: translateY(-2px)}
	.podval3 .footer-zag:first-child {margin-top: 0;}
	.podval3 .soc-icons a {display: inline-block;margin-right: 8px;}
	.podval3 .soc-icons a:last-child {margin-right: 0;}
	.soc-icons a img {width: 40px;}

	.podval3 a, .podval3 p {font-weight: 400; color: #fff; text-decoration: none;}
	
	.podval3 .open_modal {border-bottom: 1px dashed #ffff;display: inline-block;margin-top: 20px;cursor: pointer;transition:.5s;}
	
	 /*scroll up*/
	#scrollup{z-index:5;right:10px;bottom:10px;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;opacity:1;cursor:pointer;position:fixed;display:none;font-size:0}
    .planblogo {font-size: .8em;}




/* xxl */
@media all and (max-width: 1600px) {


}

@media all and (min-width: 1221px) and (max-width: 1460px) {
    h1.full-title {font-size: 2.6rem;}
    .small {font-size: 1.3rem;line-height: 1.6rem;}
    /* Header    ---------------------- */
        #header .logo{width: 140px;top: 24px;}
     /* mainmenu */
         #header #mainmenu {left: 160px;}
     /* tels */
        #header .tels {right: 195px;}
    /* bigbutton header */
        #header .open {padding: 0 15px;}
        li.menu-level-1 {margin-right: 13px !important;}
    /* hp nav */
    .hp-nav-block {min-height: 340px;}
    .hp-nav-zag {font-size: 24px;top: 25px;}
    .hp-nav-links {top: 70px;}
    .hp-nav-links li {line-height: 18px;}
    
    .favorite-sidebar .owl-arrows1 .owl-nav button {top: 60px;}
}


/* xl */
@media all and (max-width: 1220px) {
    .main {width: 990px;}
    html {font-size: 9px;}
    
    #header #mainmenu {left: 215px;}
    li.menu-level-1 > a {font-size: 14px;}
    li.menu-level-1 {margin-right: 25px !important;}
    #header .tels {display: none;}
    #header .open {right: 10px;top:8px;transform:none;padding: 0;width: 170px;text-align: center;}
    #header .but_3 {top:40px;background: var(--maincolor2);}
    
    #modal_3 {width: 750px;}
    .hp-nav-block {min-height: 360px;}
    .hp-nav-zag {font-size: 18px;top: 15px;left: 20px;}
    .hp-nav-links {top: 47px;left: 25px;}
    .hp-nav-links li a {padding: 1px 0;}
    
    h1.full-title {font-size: 2.5rem;line-height: 3rem;}

} 

/* l */
@media all and (max-width: 980px) {
    .main {width:770px;}
    html {font-size: 8px;}
    .global-wrapper {padding-top: 65px;}
    
    h1, .h1 {font-size: 4rem;line-height: 5rem;margin-bottom: 25px}
    h2, .h2 {font-size: 3.5rem;line-height: 4rem;margin-bottom: 20px;}
    h3, .h3 {font-size: 3.3rem;line-height: 3.8rem;}
    h4, .h4 {font-size: 3rem;line-height: 3.5rem;}
    h5, .h5 {font-size: 2.5rem;line-height: 3rem;}
    h6, .h6 {font-size: 2rem;line-height: 2.5rem;}
    
    p,b,a,li {font-size: 2rem;line-height: 2.6rem;}
    
    #header .but_3 {top: 50%;right: 190px;transform: translateY(-50%);width: auto;padding: 0 15px;}
    #header .open, #header .logo {top: 50%;transform: translateY(-50%);}
    #header {position: fixed;left: 0;top: 0;height: 65px !important; padding: 5px 0; width: 100%;background: #fff !important;box-sizing: border-box;z-index: 5;}
    #header .main {height: 50px;}
    #header .logo {left: 60px;}
    
    .hp-nav-zag {font-size: 24px;top: 30px;left: 50px;}
    .hp-nav-links {left: 50px;top: 75px;}
    .hp-nav-links li a {padding: 3px 0;}
    
       /*menu*/
    ul.desktop-mainmenu, #mainmenu .tels {display: none;}
    .mobile-mainmenu-button {position: absolute;display: block;top: 50%;transform: translateY(-50%);left: 5px;right: auto;width: 30px;transition: .5s;z-index: 95;cursor: pointer;}
    .mobile-mainmenu-button img {width: 100% !important;}
    .mobile-mainmenu-topBlock .logo{color: var(--maincolor);display: block;font-size:40px;font-weight:900;text-decoration:none;margin: 15px 0;}



     /*MOBILE MENU */
      #header #mainmenu {border: none;left: auto;top: auto;height: 100%;transform: none;position: initial;}
      #mainmenu .bigbutton {bottom: 0;top: auto;right: auto;position: fixed;border: none;font-size: 1.0em;padding: 8px 45px;left: 50%;background: var(--maincolor2);transform: translateX(-50%);z-index: 4;}
      #mainmenu li.id1 > a {background: rgb(255 255 255 / 0.2);padding: 12px 20px;}
      .mobile-mainmenu {text-align: left;}
       #mainmenu.min {display: none;}
    /* wrapper */
        .mobile-mainmenu-outer {background: #fff;border-right: 2px solid var(--maincolor2);top: 0;width: 290px;left: -290px;transition: .5s;height: 100%;z-index: 1000;position: fixed;display: block;overflow-y: auto;box-sizing: border-box;}
        .mobile-mainmenu-active .mobile-mainmenu-outer {left: 0;}
        /* close */
            .mobile-mainmenu-close { width: 25px;padding: 10px; right: 0px;top: 0;cursor:  pointer;position: absolute;}
        	.mobile-mainmenu-close img {width: 100%}
        	.mobile-mainmenu-close:hover {transform:rotate(180deg); transition: .7s;}
        /* top block */
            .mobile-mainmenu-topBlock {margin: 30px 15px;text-align: center;display: block;position: relative;}
            .mobile-mainmenu-topBlock .logo_m {margin: 45px auto 20px;display: block;max-width: 195px;}
        	.mobile-mainmenu-topBlock .tel_m {margin: 0 auto 25px; display: block;}
            .mobile-mainmenu-topBlock .tel_m a {font-size: 22px;line-height: 28px;font-weight: 600;color: var(--maincolor2);text-decoration: none;display: inline-block;}
    /* Style */
        /* common */
        .mobile-mainmenu ul {margin: 0;}
        .mobile-mainmenu li {border-bottom: 1px solid #f1f1f1;margin: 0;list-style: none;}
        .mobile-mainmenu li:last-child {border: none;}
        .mobile-mainmenu li a {color: #000;padding: 12px 20px;font-size: 14px;font-weight: 400;line-height: 20px;text-decoration: none;display: block;}

            /* parent */
            .mobile-mainmenu li.parent > a {padding-right: 35px;position: relative;}
            .mobile-mainmenu li.parent > a:after {width: 15px;height: 15px;background: url(/assets/images/icons/mobile-mainmenu-plus.svg) 50% 50%/100% no-repeat;top: 50%;right: 15px;transform: translateY(-50%);position: absolute;display: block;content: '';}
            .mobile-mainmenu li.parent > a.opened:after {background-image: url(/assets/images/icons/mobile-mainmenu-minus.svg);}
        /* 2 level */
        .modile-menu-level-1 > ul {padding-left: 15px;}
        
        /* 3 level */
        .modile-menu-level-2 > ul {padding-left: 15px;}
        
        form#mse2_filters .reset_button {padding: 0 10px;}
        
        .sidebar li {display: inline-block;}
        .sidebar li > a {border-bottom: none; border-right: 1px solid #dedede;}
        .sidebar li:last-child > a {border: none;}

        .favorite-sidebar {width: auto;}
        .favorite-sidebar .owl-carousel, .sidebar {width: 100%;}
        .sidebar:before, #objects .block_right:before {background: inherit;width: 10000px;height: 100%;left: 100%;top: 0;display: block;content: "";position: absolute;}
        #objects .block_right:after {right: 100%; left: auto;}
        .agent img {width: 70px;}
}

/* m */
@media all and (max-width: 768px) {
    .main {width: 100%;}
    h1, .h1 {font-size: 3.6rem;line-height: 4.2rem;margin-bottom: 20px}
    h2, .h2 {font-size: 3.2rem;line-height: 3.8rem;margin-bottom: 15px;}
    h3, .h3 {font-size: 2.8rem;line-height: 3.2rem;}
    h4, .h4 {font-size: 2.6rem;line-height: 3.0rem;}
    h5, .h5 {font-size: 2.2rem;line-height: 2.6rem;}
    h6, .h6 {font-size: 1.9rem;line-height: 2.2rem;}
    
    p,b,a,li {font-size: 2rem;line-height: 2.6rem;}
    #banner, #banner .main {height: 415px;}
    
    .owl-arrows3 .owl-nav {bottom: 30px;top: auto;}
    img.fire {margin-top: -5px;width: 28px;}
    .owl-arrows3 .owl-nav button {width: 30px;height: 30px;line-height: 30px !important;}

    .hp-nav-zag {top: 18px;}
    .hp-nav-links {top: 70px;}
    .hp-nav-links li a {padding: 2px 0;}
    
    .mse2_pagination .pagination li a {padding: 5px 10px;margin: 3px}


    /* Modal ---------------------- */
    .modal {padding: 20px;left: 0;top: 0;transform: none !important;width: 100%;min-height: 100%;border-radius: 0;}
    #modal_3, #modal_2 {width: auto;}
    #modal_3 .contact {background: transparent;}
    .modal .close_modal {top: 5px;right: 5px;}
    .modal {text-align: left;}
    
    .sidebar li {display: block;}
    .sidebar li > a {border: none;}

}

/* s */
@media all and (max-width: 570px) {
    .main {width: auto;padding: 0 10px;}
    
    #header .logo {width: 150px;left: 55px;}
    #header .icon_b {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);padding-left: 10px;/* border-left: 1px solid var(--maincolor); */}
    #header .icon_b div {display: inline-block;width: 30px;height: 30px;border-left: 1px solid var(--maincolor);padding: 0 8px;}
    #header .icon_b div:first-child {border: none;}
    
    .favorite h2 {font-size: 2.5rem;line-height: 3.0rem;}
    .owl-arrows3 .owl-nav {right: 5px;}
    
    .hp-nav-block {min-height: 405px;}
    .hp-nav-zag, .hp-nav-links {left: 20px;}
    .hp-nav-links {top: 70px;}
    .hp-nav-zag {font-size: 20px;margin-right: 35px;}
    .hp-nav-links li a {padding: 4px 0;}
    .sidebar li > a {padding: 5px;font-size: 1.6rem;line-height: 1.8rem;}
    
    #mse2_filters { display: none;}
    #mse2_filters.visible {transition: display .5s ease;}
    
    #filtr {padding: 0 20px;line-height: 30px;}
    #filtr img {width: 12px;}
    form#mse2_filters {padding: 10px 0;}

    .podval1 .logo {width: 150px;}
    
    .agent .agent_tel {font-size: 1.8rem;}
    h5.title > a {font-size: 2.5rem;line-height: 3.2rem;}
    .small {font-size: 1.8rem;line-height: 2.8rem;}
    #article h1 {font-size: 2.6rem;line-height: 3.2rem;}
    
    .arenda-teaser .agent_box {border-left: none}
    
    #contacts_block .form_contacts {padding: 35px 35px 0;}
    #footer .small {font-size: 1.5rem;line-height: 1.65rem;}

    .hochu-block .image {border-radius: 0 0 10px 10px;min-height: 220px;}


}