/*------------------ ------------------*/
/*                RESET                */
/*------------------ ------------------*/
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%;
}
.main2 img {
    max-width: 350px;}

html,body{height: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
b,strong{font-weight: bold;}
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;}
th,td,caption{font-weight: normal;vertical-align: top;text-align: left;}
q {quotes: none;}
q:before,q:after{content: '';content: none;}
sub,sup,small {font-size: 75%;}
sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
.clr,.clear {display: block; clear: both;overflow: hidden;line-height: 0 !important;height: 0 !important;font-size: 0;margin: 0;padding: 0;}
.clearfix:before,.clearfix:after {content: ""; display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.gridzy img {width: 100%;}
/*------------------ ------------------*/
/*                 TEXT                */
/*------------------ ------------------*/
html {overflow-x: hidden;}
body {
  font-family: 'Montserrat Alternates', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #121212;
}
body .oh {overflow: hidden;}
hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}
/* Separator dlya h2 */
.box-sep{text-align: center;position: relative;overflow: hidden;margin-bottom: 10px;}
.box-sep:before, .box-sep:after{content: '';display: block;background: #3f3f3f;	width: 100%;height: 1px;position: absolute;	top: 50%;}
.box-sep:before{right: 50%;margin-right: 30px;}
.box-sep:after{left: 50%;margin-left: 30px;}
.box-sep img {width: 35px;}
/*Headings*/
h3 {font-size: 21px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}
/*Spacing*/
ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 30px;}
p,dl,hr,ol,ul,pre,table,address,fieldset,figure {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, 0.28);}

/*------------------ ------------------*/
/*                PLANB                */
/*------------------ ------------------*/

::selection {background: #4562AC;color: #fff;}


.mb0 {margin-bottom: 0 !important;}


/*ul li customization*/
  ul.style li, #block11 ul li, .page-full ul li, .blog-full .text ul li {list-style-type: none;padding-left: 40px;position: relative;margin-bottom: 5px;}
  ul.style li:before, #block11 ul li:before, .page-full ul li:before, .blog-full .text ul li:before {color: #49cb5c;position: absolute;font-family: 'FontAwesome';content: "\f00c";display: inline-block;left: 0px;}
/*ol li customization*/
  .page-full ol li, 
  .blog-full .text ol li {margin-bottom: 5px;list-style-type: none;padding-left: 20px;position: relative;}
  .page-full ol, .blog-full ol {counter-reset: myCounter;}
  .page-full ol li:before,
  .blog-full .text ol li:before{background:#49cb5c;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}
  

/*Верстка*/
.main {max-width: 1220px;clear: both;box-sizing: border-box;margin: 0 auto;padding: 0 10px;position: relative;}

/*flex*/
  .flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
  .flex > * {box-sizing: border-box;margin: 1%;}
  .flex .block10 {flex-basis: 5%;}
  .flex .block16 {flex-basis: calc(100% / 6 - 2%);}
  .flex .block20 {flex-basis: calc(20% - 2%);}
  .flex .block25 {flex-basis: calc(25% - 2%);}
  .flex .block30 {flex-basis: calc(30% - 2%);}
  .flex .block33 {flex-basis: calc(100% / 3 - 2%);}
  .flex .block40 {flex-basis: calc(40% - 2%);}
  .flex .block45 {flex-basis: calc(45% - 2%)}
  .flex .block50 {flex-basis: calc(50% - 2%);}
  .flex .block60 {flex-basis: calc(60% - 2%);}
  .flex .block66 {flex-basis: calc(100% / 3 * 2 - 1%);}
  .flex .block70 {flex-basis: calc(70% - 2%);}
  .flex .block80 {flex-basis: calc(80% - 2%);}
  .flex .block90 {flex-basis: 85%;}
  .flex .block100 {flex-basis: 100%;}

  .dj-offcanvas-pusher-in {overflow-x: hidden;}

/*----- 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;/* color: #fff; */text-align: center;cursor: pointer;transition: .5s;}

  /*modal width & position*/
  .modal {width: 750px;top: 50%;}
  .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}
  
  /*style*/
  .modalwrapper {background: rgba(0, 0, 0, 0.7);}
  .modal {background: #202a3d;color: #fff;box-shadow: 5px 5px 15px #000;padding: 40px;}
  .modal .close_modal {color: #fff;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: #fff;font-weight: 700;font-size: 26px;line-height: 30px;padding-right: 40px;}
  .modal .comment {color: #fff;margin-bottom: 40px;text-align: center;}


/* HEADER */
    #header, #header .main {height: 100px;box-sizing:border-box;transition: 1s}
    #header {background: #202a3d;left: 0;top: 0;width: 100%;box-shadow: 0 2px 10px rgba(0,0,0,.1);z-index: 99;position: fixed;}
    body {padding-top: 100px;}

    /* min */
      body.min #header,body.min #header .main{height:50px}
      body.min #header .logo{height: 35px;}
      body.min #header .desktop-mainmenu {top: 12px;}
      body.min #header .time {top: -48px;}


    /* logo */
    #header .logo {height: 70px;left: 0;top: 50%;transform: translateY(-50%);position: absolute;transition: 1s;}           
    /* time work */
    #header .time {left: 230px;top: 18px;position: absolute;border-bottom: 1px solid #C6A16C;padding-bottom: 7px;transition: 1s} 
    #header .time p {color: #fff;display: inline-block;font-size: 14px;margin-bottom:  0;transition: 1s;float: left;width: 50%;}
    

    /* time work */
    #header .time {left: 260px;top: 18px;width: 730px;position: absolute;border-bottom: 1px solid #C6A16C;padding-bottom: 7px;transition: 1s;} 
    #header .time img {width: 20px; margin-right: 5px;}
    #header .time a {color: #fff;}
    
    /* tel*/
    #header .tel a {color: #C6A16C;font-size: 19px;font-weight: 600;display: inline-block;line-height: 23px;}
    #header .tel {top: 50%;right: 15px;transform: translateY(-50%);position: absolute;transition: 1s;}
    
    #header .tel a.wp {margin-left: 5px;}
    #header .tel a.wp img{width: 20px;}
    


/* MAIN MENU */
    /* DESKTOP */
    /* MENU POSITION */
        ul.desktop-mainmenu {top: 58px;left: 260px;width:100%;position: absolute;transition:1s;}
    
    /* STYLE */
        /* common */
            ul.desktop-mainmenu li {margin: 0;padding: 0;list-style-type: none;box-sizing: border-box;}
            ul.desktop-mainmenu a {color: #fff;font-size: 15px;font-weight: 500;text-decoration: none;display: block;}
                /* submenu */
                ul.desktop-mainmenu ul.submenu {width: 350px;background: #414446;padding: 20px;height: 500px !important;overflow-y: scroll;margin: 0;box-sizing: border-box;}
                ul.desktop-mainmenu ul.submenu::-webkit-scrollbar {width: 5px;}
                ul.desktop-mainmenu ul.submenu::-webkit-scrollbar-track {background: #fff;}
                ul.desktop-mainmenu ul.submenu::-webkit-scrollbar-thumb {background-color: #c4a06b;}
        /* 1 level */
            li.menu-level-1 {margin-right: 20px !important;list-style-type: none;transition: 1s;display: inline-block;}
            li.menu-level-1:last-child {margin-right: 0;}
                /* hover-active-decoration */
                    li.menu-level-1 a:after {background: #C6A16C;height: 1px;top: calc(100% + 8px);width: 0;left: 50%;transition: .5s;transform: translateX(-50%);display: block;content: '';position: absolute;}
                    ul.desktop-mainmenu li.active > a:after,ul.desktop-mainmenu a:hover:after {width: 100%;} 
                /* parent */
                    li.menu-level-1.parent {padding-right: 20px;}
                    li.menu-level-1.parent:after{width: 10px;height: 10px;background: url(/assets/icons/menu-down-arrow.svg) 50% 50%/100% no-repeat;top: 50%;right: 5px;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;}
            /* parent */
                li.menu-level-2.parent {padding-right: 20px;}
                li.menu-level-2.parent:after{width: 10px;height: 10px;background: url(/assets/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;}
    
    /* 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% + 18px);z-index:2;position: absolute;}
        /* 3 level */
            li.menu-level-2 ul.submenu  {top: -20px;left: 100%;}
    
/* MOBILE */
.mobile-mainmenu-outer, .mobile-mainmenu-button {display: none;}
      
      
 /* massaje girls */
    .persona .gallery {width: 48%;border-radius: 5px;}
    .persona .text {padding-left: 50px;}
    .persona .price {text-align: center; font-size: 26px; font-weight: 600; color: #C6A16C; padding: 35px 0;}
    .persona .price_vkl {padding: 15px 0;}
    .persona .price_vkl p {margin: 10px 0; font-size: 19px; font-weight: 600;}
    .persona .price_vkl .grey {text-decoration: line-through;}
    .massajes {justify-content: left;}
    .massajes .block25 a {display: block; margin: 10px 0; color: #C6A16C; font-size: 24px;}
    
    
    /* parameters */
    .parameters {margin-bottom: 20px;}
    .parameters > div {font-size: 1.5em;position: relative;border: 3px solid #3f3f3f;border-radius: 5px;padding: 20px 0 10px;text-align: center;}
    .parameters .img {padding: 8px;width: 30px;height: 30px;background: #121212;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);}
    .parameters .zag {font-size: 12px;color: #868686;font-weight: 500;margin: 0 0 10px;}
    
    
    

    .callnow {margin-top: 50px;padding: 20px 0;border: 10px solid #202a3d;}
    .callnow {font-weight: 700;text-transform: uppercase;}
    .callnow a {font-size: 2em;color: #C6A16C;font-weight: 700;}


      /* GALLERY */
      /* OWL Gallery */
        .owl-carousel {margin-bottom: 30px;box-sizing: border-box;text-align: center;}
        .owl-carousel a{text-align:center;display: block;}
        .owl-carousel .owl-item img{width:auto;display: inline-block;}
          /* owl-dots */
            .owl-carousel .owl-dots {bottom: -25px;left: 0;width: 100%;text-align:center;position: absolute;box-sizing: border-box;}
            .owl-carousel .owl-dots .owl-dot{display:inline-block;height: 10px;width: 10px;outline: none;background:#dcdde1;border-radius: 10px;margin:0 10px;}
            .owl-carousel .owl-dots .owl-dot.active{background:#C6A16C}
            /* owl-nav */
              .owl-carousel .owl-nav button{width:30px;height: 30px;line-height: 30px !important;background:rgb(255 255 255 / 0.2) !important;color:#C6A16C;border-radius:5px;font-size: 28px!important;margin: 0 10px;position:absolute;top:50%;transform:translateY(-50%);outline:none;}
              .owl-carousel .owl-nav .owl-prev {left: 0;}
              .owl-carousel .owl-nav .owl-next {right: 0;}
              .owl-carousel .owl-nav button:hover{background:#C6A16C!important;color:#fff!important}      
      
        

  
/* content*/
    #content {margin: 60px 0 40px;}

  



/* ------------- SECTIONS */
    .box_img_right {text-align: right;}
    .box_img_left {text-align: left;}
    .box_img_center {text-align: center;}
    .icons {width: 30px;margin-left: 5px;display: inline-block;vertical-align: middle;}
    .pdfbr {margin: -15px 0 20px;display: block;}

    a {font-weight:400;color: #4562AC;outline: none;text-decoration: none;}
    p {margin-bottom: 24px;font-weight: 300;}
    h1 {font-size: 48px;line-height: 56px;font-weight: 500;margin-bottom: 40px;}
    h2 {font-size: 45px;line-height: 50px;font-weight: 500;margin-bottom: 40px;}
    .fw300 {font-weight: 300;}
    .fw400 {font-weight: 400;}
    .tac {text-align: center;}
    .section {min-height: 100vh;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
    .section .main {padding: 150px 10px;min-height: 100vh;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* -------------BANNER */
    #banner {background: url('/assets/bg_main.jpg') 50% 50% no-repeat; background-size: cover; overflow: hidden;}
    #banner, #banner .main {height: 450px;}
    #banner .main {position: relative;}
    .banner-content {top: 50%;transform: translateY(-50%); position: absolute; z-index: 2;}
    .banner-content h1 {color: #E2E6E9;font-size: 38px;line-height: 48px;max-width: 710px;font-weight: 500;}
    .banner-content h2 {margin-top: 20px;font-size: 30px;color: #c4a06b;line-height: 30px;}
    .banner-content h3 {margin-top: 20px;font-size: 20px;color: #E2E6E9;line-height: 30px;}
    #banner .dop_image {position: absolute; top: 0; right: 15px; z-index: 1;}

/* programs */
    #programs .programs {text-align: center; margin: 50px 0;} 
    #programs .programs {justify-content: center;}
    #programs .programs .block25 {position: relative; padding: 40px 20px 25px;border: 1px solid #4a4747;color: #fff; transition: 1s;} 
    #programs .programs .block25:hover {background: #000;}      
    #programs .block25 .zag {font-size: 14px;color: #797b7c;margin-bottom: 10px;}
    #programs .block25 h3 {font-size: 16px; padding: 5px; background: #202a3d; font-weight: 400;}
    #programs .program_1 h3 {background: #424242;}
    #programs .program_2 h3,
    #programs .program_3 h3,
    #programs .program_4 h3 {background: #202a3d;}
    
    #programs .program_4 h3,
    #programs .program_5 h3,
    #programs .program_6 h3 {background: #c6a16b;}
    
    #programs .program_8 h3 { background: #c7983b;}   
    
    .programs > div .price {font-size: 26px; margin-top: 35px;color: #797b7c;}
    .programs > div .duration {font-size: 20px; color: #C6A16C; margin: 50px 0;}
    .programs > div .desc {font-size: 16px; color: #797b7c;}
    .programs > div .button {background: #000000;border: 1px solid #c6a16b;width: 150px;bottom: 15px;left: 50%;transform: translateX(-50%);padding: 7px 14px;font-size: 12px;text-transform: uppercase; transition: .5s;position: absolute;cursor: pointer;}
    .programs > div .button:hover {background: #c6a16b}
    
     /* modal */
    #modal_1 .modal_box1 {padding: 30px 80px 0 0;}
    #modal_1 .modal_box2 .block15 {flex-basis: 5%;margin: 1%;position:  relative;}
    #modal_1 .modal_box2 .block15 img {position: absolute;top: 15px; left: 0;}
    #modal_1 .modal_box2 .block85 {flex-basis: 87%;margin: 1%;}
    #modal_1 .modal_box2 .block85 a {color: #fff;}
    #modal_1 h3 {margin-bottom: 25px;font-size: 19px;line-height: 22px;}
    #modal_1 .modal_boxs input[type=text] {font-size:14px;line-height:50px;width: 100%; padding:0 15px;border:1px solid #ebebeb;border-radius: 0;outline:0;
    font-family:inherit;box-sizing:border-box;transition:.5s;display:block;}
    #modal_1 .modal_boxs input[type="text"]:focus {border-color:#c6a16b}
    #modal_1 .modal_boxs input[type=text].rsform-error {border-color: #d40d00 !important}
    #modal_1 button[type="submit"] {color:#fff;padding:0 20px;font-size:16px;margin: 10px auto 0;font-weight:400;line-height:50px;background:#c6a16b;border: 1px solid #c6a16b;
    text-decoration:none;display:block;cursor:pointer;transition:.5s;width:100%;font-family:inherit;outline:0;text-align:center}
     #modal_1 button[type="submit"]:hover {background:#202a3d;border: 1px solid #c6a16b;}


/* attention */
    #attention {text-align: center;}
    #attention img {width: 70px;display: inline-block;margin-bottom: 20px;}
    #attention .main {margin: 100px 0;padding: 20px;border: 10px solid #202a3d;}



   
/* dopuslugi */
    #dopuslugi .dops {text-align: center; margin: 100px 0 50px;} 
    #dopuslugi .flex {justify-content: center;}
    .dop {position: relative;margin-bottom: 100px;} 
    .dop .img {position: relative;border: 1px solid #5c5c5c;padding: 15px;}
    /* .dop .img:after {border: 1px solid #5c5c5c;top: 20px;left: 20px;width: calc(100% - 40px);height: calc(100% - 40px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;content: '';position: absolute;} */
    .dop img  {width: 100%;}
    .dop h2 {color: #B59E60;text-transform: uppercase;font-weight: 600;font-size: 22px;margin: 20px 0 15px;}
    .dop .price {font-size: 26px;margin-bottom: 25px;color: #797b7c;}
    .dop .desc {font-size: 14px;color: #acafb1;/* margin-bottom: 80px; */}

/* gallery */
    #gallery {text-align: center;}
    .watchmore {display: inline-block;margin: 50px 0;text-align: center;padding: 10px 25px;font-size: 18px;background: #c6a16b;border: 1px solid #c6a16b;color: #fff;box-sizing: border-box;transition: .5s;}
    .watchmore:hover {background: transparent; border: 1px solid #c6a16b;}
    
/* vidi massaga */
    #vidi_mas .vid .zag {font-size: 26px; text-align: center; color: #c6a16b; margin: 50px 0 35px; text-transform: uppercase;}
    
/* preimushestva */
   #advantages {margin: 80px 0;}
   #advantages .preims .num {font-size: 65px;color: #fff;text-shadow: 4px 2px 2px #c6a16b;font-weight: 900;display:  block;text-align: center;margin: 25px 0 35px;}
   #advantages .preims .desc {text-align: center;}
    
/* contacts*/
    #contacts {position:relative;margin: 80px 0;}
    #contacts .contact2 {background: #202a3d;padding: 40px 80px 0 80px;position: relative;z-index:2;}
    #contacts .contact1 {width: 48%;padding: 80px 0;transform: translateX(40px);}
    #contacts h2 {color: #fff;font-size: 40px;font-weight: 900;margin-bottom: 50px;text-transform: uppercase;}
    #contacts .block85 h4 {color: #fff;font-size: 18px;margin-bottom: 5px;}
    #contacts .block85 p, #contacts .block85 a {color: #fff;font-size: 16px;margin-bottom: 30px;text-decoration: none;}
    #contacts .contact2 .block15 {flex-basis: 5%;margin: 1%;position:  relative;}
    #contacts .contact2 .block15 img {position: absolute;top: 15px; left: 0;}
    #contacts .contact2 .block85 {flex-basis: 87%;margin: 1%;}
    #contacts .contacts_bg {position: absolute;right: -110px;top: -20px;z-index: -1;transform: rotate(55deg);opacity: .3;}

    #contacts .metro img {display: inline-block;width: 25px;margin-right: 10px;}
    
/* owl carousel*/
      .owl-prev,
      .owl-next{top:50%;position:absolute;width:25px;height:25px;background:url(assets/icons/arrow-l.svg) 50% 50%/cover no-repeat !important;font-size: 0 !important;transform:translateY(-50%);left: 5px;}
      .owl-next{left:auto;right:5px;background-image:url(../stories/icons/arrow-r.svg) !important;}  

/*  copyright */
    #copyright a {color: #c6a16b}




/* callbutton */
    .callbutton {line-height: 50px;background: #ffaa2c;color: #fff;font-weight: 900;position: fixed;left: 0;bottom: 0;width: 100%;white-space: nowrap;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 5;text-align: center;display: none;}
    .callbutton img {width: 20px;margin-right: 7px;display: inline-block;vertical-align: middle;}










/* vacancy */
    .vacancy a {color: #C6A16C;font-size: 1.5em;font-weight: 900;display: block;}
    .vacancy .img-blocks {margin-bottom: 50px;}
    .vacancy .img-blocks > div {padding: 50px 10px 10px;border: 3px solid #3f3f3f;border-radius: 5px;;text-align: center;position: relative;}
    .vacancy .img-blocks .img {width: 60px;height: 60px;padding: 8px;background: #121212;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%)}
    .vacancy .maw80 {max-width: 80%;margin: auto;}
































@media all and (max-width: 1220px) {
 .main {width: 990px;}
 .desktop-mainmenu {display: none;}

 
 /* HEADER */
     .mobile-mainmenu-button {position: fixed;display: block;top: 28px;left: 5px;right: auto;width: 40px;transition: .5s;z-index: 1000;cursor: pointer;}
     .min .mobile-mainmenu-button {top: 5px;}
     #header .logo {left: 60px;}
     #header .time {left: auto; right: 30px;width: auto;}
     #header .time p {margin-right: 30px;float: none;width: auto;}
     /* tel */
     #header .tel {left: auto;right: 38px;bottom: 15px;top: 63px;;transform: none;position: absolute;transition: 1s;}
     .min #header .tel {top: 13px;}
 
 
 /*MOBILE MENU */
    /* wrapper */
        .mobile-mainmenu-outer {background: #202a3d;border-right: 2px solid #c6a16c;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-bottom: 30px;text-align: center;display: block;position: relative;}
    	.mobile-mainmenu-topBlock .logo_m {margin: 10px auto 20px;display: block;}
    	.mobile-mainmenu-topBlock .tel_m a {color: #fff; font-size: 22px; font-weight: 600;text-decoration: none;display: block;}
    	.mobile-mainmenu-topBlock .tel a {text-decoration: none;    font-size: 18px; font-weight: 700;    display: inline-block;}
    	.mobile-mainmenu-topBlock .logo_m img {width: 250px;margin-top: 15px;}
    
    /* Style */
        /* common */
        .mobile-mainmenu ul {margin: 0;}
        .mobile-mainmenu li {border-bottom: 1px solid #445d52;margin: 0;list-style: none;}
        .mobile-mainmenu li:last-child {border: none;}
        .mobile-mainmenu li a {color: #fff;padding: 12px 20px;font-size: 18px;line-height: 34px;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/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/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;}	
        
    /* program */
    #programs .block25 {flex-basis: 32%; margin: 0.5%;}
} 

@media all and (max-width: 980px) {
    .main {width:770px;}
    
    #header .time {left: auto; right: 30px;}
    #header .time p:last-child {display: none;}
    /* tel*/
    #header .tel {left: auto; right: 28px;transform: none;}
    
    /* program */
    
    #programs .block25 h3 {font-size: 16px;}
    
    /*dopuslugi */
    #dopuslugi .dop {flex-basis: 48%; margin: 1%;margin-bottom: 40px;}
    
    /* contacts */
    #contacts .contact1 {padding: 80px 0;transform: none;}
    #contacts .contact2 {padding: 20px 40px;}
    
    
    /* vacancy */
    .vacancy .img-blocks > div {flex-basis:48%;margin-bottom: 50px;}
    .vacancy .img-blocks > .block100 {flex-basis: 100%}


}

@media all and (max-width: 768px) {
    .main {width: 100%;}
    body {padding-top: 50px;}
    h2.heading {font-size: 32px;line-height: 32px;}
    #content {margin: 25px 0 30px;}
    
    /* modal*/
    .modal {padding: 20px;left: 0;top: 0;transform: none !important;width: 100%;min-height: 100%;border-radius: 0;}
	.modal .close_modal {top: 15px;right: 15px;}
	.modal .comment {text-align: left;}
    
    #header, #header .main {height: 50px;}
    #header .logo {left: 65px; height: 40px;}
    #header .time {display: none;}
    /* tel*/
    #header .tel {left: auto;right: 10px;top: 2px;}
  
    /* mob menu*/
    .mobile-mainmenu-button {top: 5px;}
    
    /* banner */
    .banner-content h1 {font-size: 30px;line-height:34px;}

    /* program */
    #programs .block25 {flex-basis: 48%; margin: 0.5%;}
    #modal_1 .modal_box1, #modal_1 .modal_box2 {flex-basis: 100%; margin: 1%;}
    #modal_1 .modal_box1 {padding: 0; margin: 25px 0 45px;}
    #modal_1 .modal_boxs {width: 300px;margin: 0 auto;}
  
    /*dopuslugi */
    #dopuslugi .block50 h2 {font-size: 18px;line-height: 20px;}
    #dopuslugi .dop {flex-basis: 100%; margin: 1%;margin-bottom: 100px;}
    
    /* preimushestva */
   #advantages .preim {flex-basis: 48%; margin: 0.5%;}

    /* contacts*/
    #contacts .block50 {flex-basis: 100%; margin: 1%;}
    #contacts .contact1 {order: 2;padding: 0;}
    #contacts .contact2 {order: 1;}
    #contacts h2 {font-size: 32px;margin-bottom: 35px;}

     /* massaje girls */
     .persona .block50 {flex-basis: 100%;}
     .persona .text {padding-left: 0;}
     .persona .price {padding: 15px 0;}
     .persona .price_vkl {padding: 10px 0;}
     .massajes .block25 {flex-basis: 48%;}

  

}

@media all and (max-width: 570px) {
    .main {width: auto;}
    h1 {font-size: 36px; line-height: 42px;margin-bottom: 20px;}
    h2 {font-size: 28px; line-height: 38px; margin-bottom: 20px;}
    h2.heading {font-size: 26px; line-height: 34px;margin-bottom: 20px;}
    
    /* header*/
    #header .logo {display: none !important;}
    #header .tel {font-size: 20px;top: 13px !important;}
    #header .tel a {font-size: 22px;}
    #header .tel a.wp img {width: 30px;transform: translateY(-2px);}
    
    /* banner */
    #banner, #banner .main {height: 315px;}
    .banner-content h1 {font-size: 30px;line-height: 34px;margin-bottom: 0;}
    .banner-content h2 {margin-top: 20px;margin-bottom: 0;font-size: 24px;line-height: 26px;}  
    
    /* attention */
    #attention .block50 {flex-basis:100%;margin-left: 0;margin-right: 0;}
    #attention .block50.block2 {margin-top: 40px;border-top: 1px solid #202a3d;padding-top: 40px;}
    
    /* program */
    #programs .block25 {flex-basis: 100%;margin: 1%;}
    
    /* vidi massaga */
    #vidi_mas .vid {flex-basis: 100%; margin: 1%;}
    
    /* preimushestva */
   #advantages .preim {flex-basis: 100%; margin: 1%;}
    
    /* contacts*/
    #contacts {margin: 40px 0;}
    #contacts .contact2 {padding: 15px 15px;}
    #contacts h2 {font-size: 26px;margin-bottom: 35px;}
    
    .massajes .block25 a {font-size: 19px;}
	  
	 /* callbutton */
    .callbutton {display: block;}
    
    /* vacancy */
    #vakansii h1 {font-size: 27px;line-height: 33px;}
    #vakansii .tac {text-align: left}
    .vacancy .maw80 {max-width: none;}
    .vacancy h2 {margin-bottom: 50px;}
    .vacancy .img-blocks > div {font-size: .8em;}
}