/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
 
  .headhesive {
    display: none;
  }

  .form_bron_summer_banner .bron_l {display: block;}
  .small-hide {display: inline-block;}
  .sub a {     text-align: center; 
     float: left; 
     display: inline-block;}
  .big-hide {display: none;}
  .touch-menu-hr {display: none;}
   .nav-2-logo {display: none;}
  .calltoaction-top, .sub.calltoaction-top {display: none}

  .container {  
    width: 960px;}
  .navigation {background: #2a71b3;
    max-height: 135px; position: fixed;}
    .navigation-2 {
    background-color: #00853e;
}
  #touch-menu, .touch-menu {display: none;}
  
  .nav-2 {padding: 0px 0 3px 0; background: #2a71b3;
    height: 41px} 
  .nav-sub {display: inherit;}
 .nav-sub {/*float: left; */
    background: transparent;
    padding: 3px 0;}
  .sub {
    position: relative;
    font-size: 14px;
    /*float: left;*/ }
   .sub:hover {
    color: #2A71B3;
    background-color: transparent;}
    .sub:hover a{
    color: #fff;
    background-color: transparent;}
    .sub a:hover {
    color: #2A71B3;
    background-color: #fff;
    text-decoration: underline;}

   .sub a {
    position: relative;
    display: inline-block;
    padding: 5px 8px 5px 8px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    outline: none;
    cursor: pointer;
    text-align: center; 
    /*float: left; */}
 .nav-sub2 {
    position: absolute;
    z-index: 3;
    top: 30px;
    display: none;} 
  .nav-sub2 li {
    position: relative;
    font-size: 14px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    overflow: hidden;}
  .sub {
    position: relative;
    font-size: 14px;
    /*float: left;*/ } 
  .nav-sub2 li a {
    position: relative;
    display: block;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    border: 0;    
    line-height: 18px;
    height: auto;
    text-decoration: none;
    color: #fff;
    outline: none;
    cursor: pointer;
    text-align: left;
    width: 100%;
    white-space: nowrap;}
  .logo {width: 29%; margin-right: 2%; padding: 0;}
  .nav-top {width: 32%;
    margin-top: 7px;
    margin-right: 2%;}
  .phone {text-align: left; width: 35%; padding-top: 7px;} 
  .phone-pay-link {float: right;}
  /*.section-top {padding-top: 116px;}*/
  .section-top-solnechny {padding-top: 128px;}
  .yah-section-top {}
  #sm-btn-price, #sm-btn-ny {
    text-decoration: none;
    display: block;}
  #sm-btn-price, #sm-btn-ny {
    width: 140px;
    height: 29px;
    font-size: 20px;
    border: 2px solid #3a97cd;
    margin-bottom: 6px;
    box-sizing: border-box;
    padding: 3px 0 2px 7px;}
  #scrolltotop {bottom: 0px;}
  
.one_group_hotels-wrap {  
  position: absolute;
  margin: 0 auto;
  width: 100%;
  /*min-width:1500px;*/;
  text-align: center;
  z-index: 10; 
  top: 168px; 
  left: 0;}

  .new-year-price-link {
  border: 2px solid #2121AF;
  padding: 2px 12px;
  border-radius: 3px;
  text-decoration: none;
  color: #DB0808;
  font-weight: bold;
  text-shadow: 1px 1px 1px #E4A9A9;
  float: right;font-size: 21px;
  position: absolute;
  margin: -4px 0 0 754px;
  width: 177px;
  text-align: center;}
  div.textс {
    margin: 35px 0 5px 0;}
    .sliderBron2_fix {
      right: 100px;}
   #home .slimoving { margin: 20px 0 0 -440px;}
 }


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
 
  .container {width: 760px;    
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;}
  .navigation {max-height: auto;}
  .nav-2 {height: 60px; background: #2a71b3; padding: 0;} 
  .nav-sub {max-height: 60px;}   
  .logo {width: 46%;
    margin-right: 4%;}
  .logo img {
     width: 100%;
     margin-top: 12px;}   
  .nav-top {
    width: 50%;
    float: left;
    margin: 7px 0 10px} 
  .nav-top-vertical-buttons div a { width: 170px}
  .phone {width: 48%;
    float: left;}
  .phone-pay-link {font-size: 16px;}
  /*.section-top {padding-top: 200px;}  */
  .sliderBron2 {top: 50px; margin: 10px 0 10px 60px;}
  .sub a {font-size: 16px;}
 /* .holi_block_wrapper > a {width: 31.5%;} */
  .les-banner-call-patch {margin: -74px 15px 20px 0px;
    font-size: 32px;}  
  ul.subpage li.sub-l {width: 35%;} 
  ul.subpage li.sub-r {width: 64%;} 
  div.tabs ul.tabs-nav {text-align: left;}
  .corp-2b {margin-bottom: 10px;} 
  .button-red {display: block;    
    text-align: center;
    /*width: 320px;*/
    margin: 0 auto 15px;}
   .button-blue {margin-bottom: 10px;}
   .new-year-btn {margin: 38px 0 0 552px; 
    width: 155px;}
  .form_slider_page {width:740px;}
  .new-year-price-link {margin: -4px 0 0 552px;}
  a.button_in_price { padding: 7px 0px; }
  div.bfrm_ng_wrap {margin-top: 0px;}
  div.h {margin-bottom: 15px;}
  div.h span {display: inline-block; text-decoration: none;} 
  div.poisk_result .bronInfo {display: none;}
  div.bfrm_ng_wrap table.bronTable { width: 100%; max-width: 653px; }
  .ymaps-map {width: 100%!important}
  div.bfrm_ng_wrap {margin-top: 10px }
  #main1 {
    margin: 16px 0 0 -120px;}
  p {padding-right: 5px;}
  .new-year-price-link {
    border: 2px solid #2121AF;
    padding: 2px 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
    color: #DB0808;
    display: block;
    font-weight: bold;
    text-shadow: 1px 1px 1px #E4A9A9;
    font-size: 21px;
    position: relative;
    width: 177px;
    float: none;
    margin: 15px auto;
    text-align: center;    }
  .new-year-btn {
    position: relative;
    margin: 15px auto; }
  div.textс {    margin: 0;}
  .sliderBron2_fix {
      right: 0px;}
  #home .slimoving { margin: 20px 0 0 -366px;}
  div.h {margin-bottom: 20px;}
  .one_group_hotels-wrap {  
  top: 306px; 
  left: 0;}
  .yah-section-top {
    }
     .nav-sub {position: relative;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .payments-list-item {width: 49%; 
    height: 320px;
    padding: 0 10px}
    .payments-list {width: 100%}
  .container {  
    width: 470px;}
    .one_group_hotels-wrap {
    top: 200px; }
  .logo {width: 47%;
    margin-right: 0;} 
  .navigation {background: transparent;
    max-height: auto; }
  .nav-top {
    padding: 0 0 0 0;
    width: 51%;}
  .nav-2 {height: 58px;
    } 
    .navigation {position: relative;}
    .nav-2_fixed {
    position: fixed;
    z-index: 1000;
    top:0;
    left: 0;
    right: 0;
  }
  .nav-2_fixed .nav-2-logo {display: block; max-height: 57px}
  .nav-2_fixed .nav-sub2 {display: none;}
  .navigation-2 ul.nav-sub {background: #005F61;}
  .nav-2-logo {width: 60%; float: right;}
  .nav-2-green {background: #005F61}
  .nav-2-logo-img {max-width: 100%; 
    max-height: 60px;
    box-sizing: border-box; padding: 5px 0;}
  /*.section-top {padding-top: 256px;}*/
  /*#nav-sub {display: none; width: 240px; float: left;}*/
  #touch-menu, .touch-menu {display: block; 
    float: left; width: 50px; padding-top: 4px;} 
  #touch-menu-icon, .touch-menu-icon  {width: 50px; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}
  .sub.help, ul.sub.help {display: none;}
  .nav-sub {/*float: none;*/ 
    background: #2a71b3;
    width: 240px; 
    max-height: 1000px;   
    display: none;}
 .small-hide {display: block;}
  .sub:hover, ul.sub:hover {
  color: #2A71B3;
  background-color: #fff;}
  .sub:hover a, ul.sub:hover a{
    color: #2A71B3;
    background-color: transparent;}
  .sub a {
    padding: 8px 5px; 
    text-align: left; 
    padding: 5px 5px 5px 5px; }
  .nav-sub ul.nav-sub2 {
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 100%;
    display: none;
    background: #2a71b3;} 
  .nav-sub ul.nav-sub2 li {
    position: relative;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    overflow: hidden;}
  .sub {
    position: relative;
    font-size: 14px;
    background: #2a71b3;
    height: 33px;
    display: block;
    float: none; } 
    .sub.hide-slide {display: none;}
  .nav-sub ul.nav-sub2 li a {
    position: relative;
    display: block;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    border: 0;
    text-decoration: none;
    color: #fff;
    outline: none;
    cursor: pointer;
    text-align: left;
    width: 100%;
    white-space: nowrap;}
  #sm-btn-price, #sm-btn-ny {
      display: inline-block;        
      height: 29px;
      text-align: center;
      font-size: 20px;
      border: 2px solid #3a97cd;
      margin-bottom: 6px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      padding: 3px 0 2px 7px; }
  #sm-btn-price{width: 70px; }
  #sm-btn-ny {width: 128px; }
  .nav-top {float: right;
    width: 51%; 
    margin-top: 7px}
  .phone {width: 100%;
    text-align: left;
  margin-bottom: 10px;} 
  .nav-top-vertical-buttons div a {width: 100%  }
  .phone-pay-link { float: right;}
  .sub a {
    font-size: 18px;
    padding-right: 18px; }
  
  .sliderBron2 {top: 156px; margin: 10px 0 10px 60px;}

 /* .holi_block_wrapper > a {width: 30%;} */
  ul.nomera li {width: 49%}
  ul.nomera li a img {
  min-width: 100%;
  min-height: auto;}
  ul.subpage li.sub-l {display: none;}
  #rooms ul.subpage li.sub-l {display: inline-block; width: 100%;}  
  ul.subpage li.sub-r {width: 100%;} 
  .slup {display: none!important;}
  .new-year-price-link { margin: 15px auto}
  .new-year-btn {margin: 15px auto;}
  #price div.h {margin: 0 0 0 200px;}
  body {overflow-x: hidden;}
  #home .slimoving {display: none;} 
  #home .slimoving2 {left: 0; display: none;}
  #scrolltotop {
          bottom: 100px;
    }  
  #touch-menu-btn, .touch-menu-btn {width: auto;} 
  .nav-2 {   height: 60px;
    max-height: 60px;}    
  .calltoaction-top,  ul.sub.calltoaction-top, .sub.calltoaction-top {display: block;}

  .sub.big-hide, ul.sub.big-hide {display: block;}
  .touch-menu-hr {display: block;}
 /* .holi_block_wrapper {width: auto!important} */
  .sub a {     text-align: left; 
     float: none; 
     display: block;
     background: #2a71b3;}
     .yah-section-top {
   }
 
  .nav-sub {max-height: 1000px;   
    padding: 0px 0; float: left; position: absolute;
    top: 100%;}
}
@media only screen and (max-width : 678px) {
  .static-bottom-button-phone div.static-phone-icon {
    display: none;
    border-radius: 139px;
    background-color: #08a1e1;
    /*width: 30px;
    height: 30px;*/}
    .static-phone-icon img {
   /* width: 10px;*/
    height: 70%;
    /*padding: 5px;*/}
    .static-phone-inside {
    padding-bottom: 8px;}
    .static-phone-inside .t-bron {
  /*  font-size: 150%;*/
    padding-left: 25px;
    padding-top: 5px;}
    /*.phone {display: none;}*/
    .sliderBron2 {
      top: 90px;}     
    /*.section-top {
      padding-top: 149px;} */
      .static-bottom-button-phone  {height: 40px}
  .nav-2-logo {display: none;}
  .headhesive--stick .nav-2-logo {display: none;}
   .yah-section-top {
   }
   .one_group_hotels-wrap {
    top: 81px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .payments-list-item {width: 80%; 
    float: none;
    margin: 0 auto;
    padding: 0 10px}
  .container {  
    width: 100%;
    /*padding: 10px;*/}
  .slider500 {display: none;} 
  .logo {width: 100%;
    margin-right: 0;} 
  .nav-top {width: 100%; margin-bottom: 10px; float: right;}
  .nav-top-vertical-buttons div a {
    width: 155px!important;}  
  .phone {
    /*display: none;*/
    width: 100%;
    text-align: left;
    margin-bottom: 10px;}
  .phone2, .phone3 {
    margin-bottom: 5px;}    
 /* .holi_block_wrapper > a {width: 100%;} */
  #sm-btn-price, #sm-btn-ny {
    width: 120px}
  
   #sm-btn-price,  #sm-btn-ny{ 
    width: 120px; 
    height: 32px;             
    font-size: 20px;
    border: 2px solid #3a97cd;
    margin-bottom: 6px;
    box-sizing: border-box;
    padding: 3px 0 2px 7px;}
  #sm-btn-price,  #sm-btn-ny {
    text-decoration: none;
    display: block;}

    .static-bottom-button-phone div.static-phone-icon {
    border-radius: 135px;
    background-color: #08a1e1;
    width: 35px;
    height: 35px;
    display: none;
    vertical-align: top;}
    .static-phone-icon img {
    width: auto;
    display: none;
    height: 70%;
    padding: 14%;}
    .static-bottom-button-phone {height: 40px}
    .static-phone-inside {
    padding-bottom: 5px;}
    .static-phone-inside .t-bron {
    font-size: 170%;
    padding-left: 5px;
    padding-top: 5px;}


.static-bottom-button-phone2 .static-phone-inside .bron-phone_t {
    font-size: 170%;
    padding-left: 5px;
    padding-top: 5px;}

.static-bottom-button-phone2 .static-bottom-button-phone div.static-phone-icon {
    border-radius: 135px;
    background-color: #08a1e1;
    width: 35px;
    height: 35px;
    display: none;
    vertical-align: top;}

.static-bottom-button-phone2 .static-phone-icon img {
    width: auto;
    display: none;
    height: 70%;
    padding: 14%;}

.static-bottom-button-phone2 .static-phone-inside {
    padding-bottom: 5px;}
  

  .slider-newyear-banner, .slider-newyear-banner-link {display: none;}
    
    #touch-menu, .touch-menu {float: left; margin-right: 15%; padding-top: 7px;} 
    .nav-2 {   height: 64px;
    max-height: 64px;}
    #touch-menu-btn, .touch-menu-btn {width: auto;padding-top:7px;}
    .big-hide {display: block;}

  /*  Отключение широких блоков*/
/*  .sliderz .sliderContent, */.slider500, /*#price,*/ #bron, .sub.small-hide, #les-banner-img,
  .small-hide {display: none;}
  #price .button-red.button-red-b {margin: 4px 0 0 352px!important;}
.price_table {width: 100%;}


  .slidedd {background: url('/public/img/slide-mobile-bg.jpg') no-repeat; 
  background-size: cover;
  height: 360px}
  .nomera {padding-left: 0}
  .btn_vih1 {max-height: 200px;}
  .spec_result table {width: 300px}
  .spec_result .bronInput {width: 70%}
  .sliderBron2 {top: 284px;  margin: 10px 0 10px 0px;}
  .sliderBron2-lesart {top: 207px;
    right: 27px;}
   /*.section-top { padding-top: 150px}*/
  .section-top-solnechny {padding-top: 64px}
  .navigation {position: absolute; top: 0; left: 0}
  .nav-2 {z-index: 10000}
  .nav-2-logo {display: none;}
  .nav-2-logo-link-text {color: #fff; display: block; padding-top: 10px; font-size: 16px;}

    .nav-2-logo-img {max-width: 78%; box-sizing: border-box; padding: 10px 0;}
 .bron_l {display: none;}
   .nav-sub {max-height: 1000px;   
    padding: 0px 0; float: left; position: absolute;
    top: 100%;}
  .sub {
    position: relative;
    font-size: 14px;
    display: block;
    width: 100%;
    min-height: 30px;
    background: #2A71B3;
    /*float: left;*/ }
  
   
    .sub a {
      display: block;
      font-size: 15px;
      }
    .sub:hover, ul.sub.calltoaction-top:hover, .sub.calltoaction-top:hover {
    color: #2A71B3;
    background-color: #fff;}
    .sub:hover a{
    color: #2A71B3;
    background-color: transparent;}

    .sub a:hover {
    color: #2A71B3;
    background-color: #fff;
    text-decoration: underline;}
    .calltoaction-top,  ul.sub.calltoaction-top, .sub.calltoaction-top {display: block;
    height: 32px;
    width: 100%;
    margin-bottom: -19px;
    background: #c12e2a;}
     .calltoaction-top a {background: #c12e2a;}
    .blackscreen {z-index: 1000}
    .touch-menu-hr {display: block;}
   #home .slimoving2 {left: 0; display: none;}
 /* .holi_block_ {margin-bottom: 10px} */
  .form_bron_summer_banner .bron_l {display: none;}
  .yah-section-top {
  }
    .ya_wrap {padding: 0;}
    .ya-content-wrap {width: 300px}


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
.navigation {position: relative;}
.headhesive {
    display: block;
  }
.container {  
    width: 100%;
  }
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
  
  }

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .container {  
    width: 1110px;}
  .logo {margin-right: 4%; width: 23%; padding: 0;}
  .nav-top {margin-right: 4%; width: 34%; float: left; padding-top: 10px;}
  .nav-sub {max-height: 33px;}
  .phone {width: 33%; float:left;
    /*text-align: right; */padding-top: 3px;} 
  .phone-pay-link { float: right;}
  /*.section-top {padding-top: 136px;}*/
  .yah-section-top {}

  .new-year-price-link {margin: -4px 0 0 754px;
  width: 177px;}
  .new-year-btn {margin: 38px 0 0 754px;}
  .button-red {display: inline-block;
    width: auto;}
   div.bfrm_ng_wrap table.bronTable {width: 98%}
   div.bfrm_ng_wrap div.bronPanel {width: 96%;
    max-width: 653px;
    margin: 0 0;}
    #about ul.nomera li {width: 22%}
    #about ul.nomera li {width: 24%}
    div.poisk_result .bronInfo {display: block}
    .headhesive {
    display: none;  }
  .calltoaction-top, .sub.calltoaction-top {display: none}
   .small-hide {display: inline-block;}
   .nav-2-logo {display: none;}
  ul.nomera li a img {
    min-width: 222px;
    min-height: 148px;}
 /* .holi_block_ {width: 265px;} */
  #home .slimoving { margin: 20px 0 0 -440px;}
  .one_group_hotels-wrap {  
  top: 167px; 
  left: 0;}
  #touch-menu, .touch-menu {
    display: none;}
  .sub a {     text-align: center; 
     float: left; 
     display: inline-block;}
}



h2, h1{
    font-weight: normal;
    text-align: center;
    padding: 20px 10px;
    padding-bottom: 30px;

    font-family: 'robotoregular';
    font-size: 38px;
    color: #181818;
    margin-top: 4px;
    text-decoration: none;
    border-bottom: 1px solid #aaa;
    margin-bottom: 30px;
    padding-top: 0;
}
h2{
    font-size: 26px;
    text-align: left;
    border: 0;
    margin: 0;
    padding: 10px 0;

}

.logo a img{
    width: auto;
    height: 80px;
    filter: hue-rotate(201deg);
}
.logo a{
    align-items: center !important;
    justify-content: start !important;
}