* {
    font-family: 'Open Sans',sans-serif !important;
}
html {
    background-image: none;
}
body {
    background: #FFF;
    margin:0;
    padding:0;
    font-family: 'Open Sans',sans-serif !important;
    max-width: 100% !important;
}

html, body {
    height: 100%;
}

body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

/*.wrap */
#page {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    box-sizing: border-box;
    /* padding-bottom: 133px; */
}

.header .wrap {
    background: rgba(0,26,64,.9);
}
.header .wrap,
.footer .wrap {
    padding: 15px 30px;
}
.logo {
    display: inline-block;
    width: 161px;
    height: 62px;
    background: url('/logo.png') 0 0 no-repeat;
}
.top-phone {
    font-family: 'Open Sans Condensed','Open Sans ',sans-serif !important;
    font-size: 26px;
    color: #fff;
    display: inline-block;
    float:right;
    height:62px;
    line-height: 62px;
    text-decoration: none;
}
.top-phone span {
    color: #ffb52b;
    font-family: 'Open Sans Condensed','Open Sans ',sans-serif !important;
}

.footer .wrap {
    color:#ffffff;
    font-size: 15px;
}
.footer .wrap:first-child {
    background: #333436;
    text-align: center;
}
.footer a.wrap:first-child  {
    display: block;
    color: #6db6ff;
}

.footer a.wrap:hover div {
    color: #FFF;
}

.footer .wrap:last-child {
    background: #2b2b2b;
}
.footer a {
    font-size: 15px;
    font-weight: bold;
    color: #6db6ff;
    text-decoration: none;
    display: block;
    line-height: 20px;
}
.footer a:hover {
    color:#ffffff;
}
.footer-left {
    display: inline-block;
}
.footer-right {
    display: inline-block;
    float:right;
    text-align: right;
    padding-top:10px;
    font-size:14px;
}

.footer-right .support, .footer-right .copyright {
    line-height: 19px
}

div.logo{
    display: none;
}

.footer a.foooter-link-rzd,
.footer a.wrap:first-child  div.foooter-link-rzd {
    font-weight: normal;
    font-size: 13px;
    margin-top: 6px;
}

.fixed_panel .top_panel {
    position: relative;
}

.fixed_panel {
    padding-top: 0;
}

@media screen and (max-width: 459px) {
    .header .wrap,
    .footer .wrap {
        padding: 15px 20px;
    }
    .footer-right,
    .footer-left {
        display:block;
        width:100%;
        text-align: center;
        float:none;
    }
    .top-phone {
        display:none;
    }
    .logo {
        margin:0 auto;
        display:block;
    }
    
    #page {
       padding-bottom: 181px;
    }
}

body {
    margin:0;
    padding:0;
    font-family: 'Open Sans',sans-serif;
    min-width: 302px !important;
}
.wrap {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    box-sizing: border-box;
}
.header .wrap {
    padding: 0;
}

.header .wrap {
    overflow: hidden;
}

.header .wrap {
    background: rgba(0,26,64,.9);
}

.header-button {
    height:94px;
    width:100px;
    border-left:solid 2px #0f2240;
    float:right;
    position: relative;
}
._avia .icon, ._rail .icon, ._hotel .icon, ._aero .icon {
    position: absolute;
    left:50%;
}
._avia .icon {
    width:36px;
    height:37px;
    margin-left:-19px;
    margin-top:20px;
}
._rail .icon {
    width:34px;
    height:42px;
    margin-top:15px;
    margin-left:-17px;
}
._hotel .icon {
    width:46px;
    height:33px;
    margin-top:21px;
    margin-left:-23px;
}
._aero .icon {
    width:46px;
    height:33px;
    margin-top:17px;
    margin-left:-23px;
}
._avia .st0{
    fill:#5BADFF;
}
._rail .st0, ._rail .st1, ._rail .st2 {
    fill:#FFB52B;
}
._rail .st1 {
    opacity:0.6;
}
._hotel .st0{
    fill:#f07d00;
}
.header-button:hover .st0, .header-button:hover .st1, .header-button:hover .st2,
.header-button.selected .st0, .header-button.selected .st1, .header-button.selected .st2 {
    fill:#ffffff;
}
.header-button._avia:hover,
.header-button._avia.selected {
    background: #2691fc;
}
.header-button._rail:hover,
.header-button._rail.selected {
    background: #ffb52b;
}
.header-button._hotel:hover,
.header-button._hotel.selected {
    background: #f07d00;
}
.header-button._aero:hover,
.header-button._aero.selected {
    background: #ff0000;
}
.header-button:after {
    content:"";
    position: absolute;
    display: block;
    width:100%;
    text-align: center;
    font-size:18px;
    line-height: normal;
    font-family: 'Open Sans Condensed',sans-serif;
    bottom:10px;
    text-transform: uppercase;
    font-weight: bold;
}
.header-button._avia:after {
    content:"Авиа";
    color:#5badff;
}
.header-button._rail:after {
    content:"Ж/Д";
    color:#ffb52b;
}
.header-button._hotel:after {
    content:"Отели";
    color:#f07d00;
}
.header-button._aero:after {
    content:"Аэро экспресс";
    color:#ff0000;
    line-height: 18px;
    font-size: 17px;
}
.header-button:hover:after,
.header-button.selected:after {
    color:#ffffff;
}
.footer .wrap {
    padding: 15px 30px;
}
.logo {
    margin:15px 0 0 30px;
    display: inline-block;
    overflow-x: hidden;
}
.top-phone {
    font-family: 'Open Sans Condensed','Open Sans ',sans-serif;
    font-size: 26px;
    color: #fff;
    display: inline-block;
    float:right;
    height:94px;
    line-height: 94px;
    text-decoration: none;
    margin-right:57px;
}
.top-phone span {
    color: #ffb52b;
}
.footer .wrap {
    color:#ffffff;
    font-size: 15px;
}
.footer .wrap:first-child {
    background: #333436;
    text-align: center;
}
.footer .wrap:last-child {
    background: #2b2b2b;
}
.footer a {
    font-size: 15px;
    font-weight: bold;
    color: #6db6ff;
    text-decoration: none;
    display: block;
}
.footer a:hover {
    color:#ffffff;
}
.footer-left {
    display: inline-block;
}
.footer-right {
    display: inline-block;
    float:right;
    text-align: right;
    padding-top:10px;
    font-size:14px;
}

.top_panel .panel_wrap {
    display: none;
}

.wg-b2c, .eg-page, .eg-page__block {
    line-height: normal;
    margin: 0 auto;
    max-width: 800px;
    min-width: 302px;
   padding: 0 0 10px 0
}

.search-params {
    color: #e0e2e3;
    background: rgba(0,26,64,.9);
    border-radius: 0;
    border-top: 2px solid #0f2240
}


@media screen and (max-width: 800px) {
    .top-phone {
        margin-right:30px;
    }
}
@media screen and (max-width: 760px) {
    .header-button {
        height:60px;
        width:64px;
    }
    .header-button:after {
        font-size:13px;
        bottom:7px;
    }
.header-button._aero:after {
        font-size:13px;
        bottom:7px;
        line-height: 14px;
    }
    .header-button._avia svg{
        width:19px;
        height:19px;
    }
    .header-button._rail svg{
        width:17px;
        height:21px;
    }
    .header-button._hotel svg{
        width:23px;
        height:17px;
    }
.header-button._aero svg{
        width:26px;
        height:15px;
    }
    ._avia .icon {
        margin-top:15px;
        margin-left:-10px
    }
    ._rail .icon {
        margin-top:13px;
        margin-left:-8px
    }
    ._hotel .icon {
        margin-top:16px;
        margin-left:-12px
    }
._aero .icon {
        margin-top:10px;
        margin-left:-12px
    }
    .top-phone {
        height:60px;
        line-height: 60px;
        display: none;
    }
    .logo {
        width:120px;
        height:44px;
        background-size: 100% auto;
        margin:8px 0 0 20px;
    }
    .footer .wrap {
        padding: 15px 20px;
    }
}
@media screen and (max-width: 459px) {
    .footer-right,
    .footer-left {
        display:block;
        width:100%;
        text-align: center;
        float:none;
    }
}
@media screen and (max-width: 359px) { 
    .header-button {
        width:52px;
    }
}

.footer .wrap a.wrap {
    display: block;
    color: #6db6ff;
    text-align: center;
    padding-bottom: 10px;
}