/* Large desktops and laptops */
@media (min-width: 1200px) {



}


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

.nav-header  > li, .nav-footer  > li {
    margin-left: 10px;
}

.logo{
    font-size: 30px;
    max-width: 450px;
}
.logo span{
    font-size: 40px;
}

.logo strong{

    font-size:14px;
}


.header-item  strong {

    font-size: 18px;
}

ul.social-bottom{
    width: 250px;
}
.header-item  span {
    font-size: 15px;
    padding-right: 0px;
}

.formoid-solid-purple input[type=radio]+span,
.formoid-solid-purple input[type=checkbox]+span{
    font-size: 12px;
}


.adress_point a{
    font-size: 19px;

}


.social-bottom > li {
    margin-left: 7px;
}

.route-list-footer > li a , ol.other-contacts{
    font-size: 14px;
}


.social-share strong{

    width: 210px;
}


}
/* Portrait tablets and small desktops */
@media (min-width: 935px) and (max-width: 991px) {

img.actions{
    bottom: 0px;
}

#ticket{
    display: none;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -150px;
    margin-left: -240px;
    display: none;
    opacity: 0;
    z-index: 10;
}

#modal_close_tickets, #button-window-ticekets{
    display: block;
}
.container{
    width: 99%;
}

.logo{
    font-size: 30px;
}
.logo span{
    font-size: 40px;
}

.logo strong{
    font-size:14px;
    display: block;
}
ul.social-bottom  {
    width: 240px;
}
ul.social-bottom >li  {
    margin-left: 5px;
}

.nav-header  > li, .nav-footer  > li {
    margin-left: 4px;
}
.social-footer, ul.social-footer, .copyright{
    float: left;
}
}


@media (min-width: 810px) and (max-width: 936px) {
.container{
    width: 99%;
}
img.actions{
    bottom: 0px;
}
ul.social-bottom {
    float: none;
    width: 506px;
    margin: 12px auto 0px;
}
.header-contacts{
    float: none;
    width: 425px;
    margin: 15px auto;

}
.web-desktop a{
    display: inline-block;
    float: right;
    padding: 6px;
}
.logo{
    font-size: 39px;
}
.logo span{
    font-size: 55px;
}

#ticket{
    display: none;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -150px;
    margin-left: -240px;
    display: none;
    opacity: 0;
    z-index: 10;
}
#modal_close_tickets, #button-window-ticekets{
    display: block;
}
.nav-header  > li, .nav-footer  > li {
    margin-left: 35px;
}

.social-footer, ul.social-footer, .copyright{
    float: left;
}

}
@media (max-width: 768px) {



.chats-modal ul{
 padding-left: 0px;
}
.chats-modal{
    width: 250px;
    left: calc(50% - 125px);
   
}

div > #nav .social-bottom > li{
    display: none;
}

#nav > .social-bottom > li.web-desktop{
    display: block;
}

ul.social-bottom-fixed{
    display: block;
    position: fixed;
    left: calc(50% - 132px);
    bottom: 5px;
    width: 100%;
    z-index: 1000;
}

ul.social-bottom-fixed a span{ 
    border-radius: 32px;
}

body:has(#cookies_alert[aria-hidden="false"]) ul.social-bottom-fixed{
    bottom: 120px;
}

}

@media (min-width: 768px) and (max-width: 811px) {
.container{
    width: 99%;
}
img.actions{
    bottom: 0px;
}
ul.social-bottom {
    float: none;
    width: 506px;
    margin: 12px auto 0px;
}

.header-contacts{
    float: none;
    width: 425px;
    margin: 15px auto;

}
.web-desktop a{
    display: inline-block;
    float: right;
    padding: 6px;
}

#ticket{
    display: none;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -150px;
    margin-left: -240px;
    display: none;
    opacity: 0;
    z-index: 10;
}
#modal_close_tickets, #button-window-ticekets {
    display: block;
}
.nav-header  > li, .nav-footer  > li {
    margin-left: 25px;
}

.social-footer, ul.social-footer, .copyright{
    float: left;
}

}


/* Landscape phones and portrait tablets */
@media (max-width: 767px) and (min-width: 654px) {

img.actions{
    bottom: 0px;
}
ul.social-bottom {
    float: none;
    width: 506px;
    margin: 12px auto 0px;
}
.web-desktop a{
    display: inline-block;
    float: right;
    padding: 6px;
}
.header-contacts{
    float: none;
    width: 425px;
    margin: 15px auto;

}

#ticket{
    display: none;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -150px;
    margin-left: -240px;
    display: none;
    opacity: 0;
    z-index: 10;
}
#modal_close_tickets, #button-window-ticekets{
    display: block;
}

.nav-header  > li, .nav-footer  > li {
    margin-left: 18px;
}

.social-footer, ul.social-footer, .copyright{
    float: left;
}

}


@media (max-width: 655px) and (min-width: 479px) {

img.actions{
    bottom: 0px;
}
ul.social-bottom {
    float: none;
    width: 264px;
    margin: 12px auto 0px;
}

.header-contacts{
    float: none;
    width: 425px;
    margin: 15px auto;

}

.logo{
    font-size: 28px;
}
.logo span{
    font-size: 43px;
}

#ticket{
    display: none;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -150px;
    margin-left: -240px;
    display: none;
    opacity: 0;
    z-index: 10;
}

.logo strong{

    font-size:14px;
}

.header-item  strong {

    font-size: 18px;
}


.header-item  span {
    font-size: 15px;
    padding-right: 0px;
}

.adress_point a{
    font-size: 19px;

}

#modal_close_tickets{
    display: block;
}

.button-window-ticekets-div{
    display: block;
    left: 50%;
    margin: 0 0 0 -32px;
    bottom: -50px;

}
.button-window-ticekets-div img{
    height: 250px;
}

.social-footer, ul.social-footer, .copyright{
    float: left;
}
h1 {
    font-size: 25px;
    margin-bottom: 15px;
    line-height:25px;
}
.col-xs-6{
    width: 100%;
}


}

/* Portrait phones and smaller */
@media (max-width: 480px) {

img.actions{
    bottom: 0px;
}

ul.social-bottom {
    float: none;
    width: 264px;
    margin: 12px auto 0px;

}

.header-contacts{
    float: none;
    width: 300px;
    margin: 15px auto;

}

.logo{
    font-size: 23px;
}
.logo img{
    width: 65px;
}
.logo span{
    font-size: 23px;
}

#ticket{
    display: none;
    position: fixed;
    width: 100%;
    top: 0%;
    left: 0%;
    margin-top: -50%;
    margin-left: 0px;
    display: none;
    opacity: 0;
    z-index: 10;
}
#modal_close_tickets{
    top: 40px;
    cursor: pointer;
}

.logo strong{

    font-size:11px;
    margin: 5px 0 0 65px;
}
div.header-item-text{
    width: 200px;
    height: 74px;
    padding: 0 0 0 5px ;
    float: left;
}
.header-item  li {
    height: 75px;
}
.header-item  strong {
    font-size: 14px;
}

.header-item  span {
    font-size: 12px;
    padding-right: 0px;
}

.adress_point a{
    font-size: 19px;

}

#modal_close_tickets, .button-window-ticekets-div{
    display: block;
}

.social-footer, ul.social-footer, .copyright{
    float: left;
}

h1 {
    font-size: 25px;
    margin-bottom: 15px;
    line-height:25px;
}
.route_box{
    padding: 0 5px;
}

.actions_countdown_box{
    margin: 25px 0px 0px 0px;
}
.actions_countdown{
    margin: 0 auto;
    margin-left: 15px;
}
.countdown-section {
   font-size: 14px;
    text-align center;
}

.route_title a , .route_box , .route_box a , .route_box span{
    font-size: 15px;
}
.col-xs-6{
    width: 100%;
}
.formoid-solid-purple div.title-form{
    font-size: 8px;
}
.formoid-solid-purple>div{
    margin: 5px 5px;
}

.element-col-line .element-select{
    position: relative;
    left: 5px;
  }

.element-col-line  div.element-col:first-child{
margin-right: 5px;
}
.element-col-line  div.element-col:last-child{
margin-left: 0px;
}
.formoid-solid-purple input[type=radio]+span,
.formoid-solid-purple input[type=checkbox]+span{
    font-size: 10px;
}

.button-window-ticekets-div{
    left: 50%;
    margin: 0 0 0 -32px;
    bottom: -50px;

}
.button-window-ticekets-div img{
    height: 250px;
}
#modal_form{
    width: 85%;
}
ul.commemds-item li img , #commend_avtarization i{
float: none;
display: block;
width: 150px;
margin: 5px auto;
}
ul.commemds-item li:last-child .commemds-body{
display: block;
height: 270px;
}
.full-contacts .hint:after {
    content: "Ещё номера";

}
#fullcontacts_block{
    width: 300px;
}
#fullcontacts_block ol{
    margin-left: 0px;
     vertical-align: top;
}
#modal_form_map{
    height: 300px;
    top: -50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
}
#modal_form_map #map_canvas{
    max-width: 300px;
    min-width: 300px;
    height: 300px;
}

}
/* Portrait phones and smaller
@media (max-width: 320px) {
.container {
 width: 1200px;
  max-width: none !important;

}
.col-md-3{
	width: 300px;
	float: left;
}
.col-md-4{
	width: 400px;
	float: left;
}
.col-md-6{
	width: 50%;
	float: left;
}
.col-md-8{
	width: 800px;
	float: left;
}
.col-md-9{
	width: 900px;
	float: left;
}

.col-md-8  .col-md-4 {
	width: 255px;
	float: left;
}
}
*/
@media screen and (max-width: 45em) {

img.actions{
    bottom: 0px;
}

#nav .close-btn, #top .menu-title , #top .nav-btn, .web-desktop {
  display: block;
}
#label_map{
    display: none;
}
  ul.nav-header {
        margin-top: 0px;
        padding: 0;
    }
    .nav-header  > li {
        margin-left: 0px;
    }
    .search-mobile{
        display: block;
    }
    #search-block{
        width: 96%;
        left: 2%;
        top: 5px;
        margin-left: 0px;
    }
    #search-close{
        top: 0.3em;
        font-size: 2em;
    }
.web-desktop {
    display: block;
    float: right;
    width: 100%;
}
.web-desktop a{
    display: block;
    width: 80%;
    padding: 6px 6px;
}
  #nav {
    position: absolute;
    top: 0;
    padding-top: 15px;
  }
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -3.75em;
    left: 1.875em;
  }
  #nav .menu {
    position: relative;
    padding: 0;
  }

#nav ul {
  *zoom: 1;
  display: block;
}
#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav li {
  display: block;
}
#nav li a {
  display: block;
  color: #ffffff;
  font-size: 0.875em;
  line-height: 1.28571em;
  font-weight: bold;
  outline: none;
  z-index: 100;
}
#nav li a:focus, #nav li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
#nav li.is-active a {
  color: #fff;
}
#nav .social-bottom > li ,#nav .social-bottom > li:last-child{
    display: inline-block;
    margin-left: 0px;
    border: 0px;
}
#nav .social-bottom > li a {
    float: left;
    padding: 6px 10px;
}
 li.web-desktop a{
    height: 28px;
}
#nav ul.social-bottom {
    margin: 0 10px 0 10px;
    width: 100%;
}
  #nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }
  #nav li a {
    padding: 0.85714em 2.14286em;
  }

  #nav li.search-desktop {
    display: none;
  }

  .js-ready #nav {
    height: 100%;
    width: 70%;
    background-color: #b72939;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .menu {
    background: transparent;
  }
  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .js-ready #nav {
    left: -70%;
  }
  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 70%;
  }
 #top{
    position: fixed;
    width: 100%;
 }
 h1{
    margin-top: 20px;
    font-size: 22px;
 }
 h1 span{
    top: 38px;
 }
 jdiv.overlay_2w{
    top: -50px;
    height: 55px;

 }

 jdiv.button_1O{
    width: 55px;
    height: 55px;
    top:-50px;
 }
 #main{
    margin-top: 53px;
 }
.js-nav #inner-wrap{
    position: fixed;
}
div.#inner-wrap{
    position: relative;
}


  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    position: fixed;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }
}