@font-face {
  font-family: 'bebas_neuebold';
  src: url('../fonts/BebasNeue Bold-webfont.eot');
  src: url('../fonts/BebasNeue Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue Bold-webfont.woff2') format('woff2'), url('../fonts/BebasNeue Bold-webfont.woff') format('woff'), url('../fonts/BebasNeue Bold-webfont.ttf') format('truetype'), url('../fonts/BebasNeue Bold-webfont.svg#bebas_neuebold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url('../fonts/ProximaNova-Bold-webfont.eot');
  src: url('../fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold-webfont.woff2') format('woff2'), url('../fonts/ProximaNova-Bold-webfont.woff') format('woff'), url('../fonts/ProximaNova-Bold-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_novasemibold';
  src: url('../fonts/ProximaNova-Semibold-webfont.eot');
  src: url('../fonts/ProximaNova-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Semibold-webfont.woff2') format('woff2'), url('../fonts/ProximaNova-Semibold-webfont.woff') format('woff'), url('../fonts/ProximaNova-Semibold-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Semibold-webfont.svg#proxima_novasemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dapifermedium';
  src: url('../fonts/Dapifer-Medium-webfont.eot');
  src: url('../fonts/Dapifer-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Dapifer-Medium-webfont.woff2') format('woff2'), url('../fonts/Dapifer-Medium-webfont.woff') format('woff'), url('../fonts/Dapifer-Medium-webfont.ttf') format('truetype'), url('../fonts/Dapifer-Medium-webfont.svg#dapifermedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url('../fonts/ProximaNova-Regular-webfont.eot');
  src: url('../fonts/ProximaNova-Regular-webfont.eot?#iefix') format('embedded-opent../fonts/ype'), url('../fonts/ProximaNova-Regular-webfont.woff2') format('woff2'), url('../fonts/ProximaNova-Regular-webfont.woff') format('woff'), url('../fonts/ProximaNova-Regular-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova_rgbold_italic';
  src: url('../fonts/ProximaNova-BoldIt-webfont.eot');
  src: url('../fonts/ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-openty../fonts/pe'), url('../fonts/ProximaNova-BoldIt-webfont.woff2') format('woff2'), url('../fonts/ProximaNova-BoldIt-webfont.woff') format('woff'), url('../fonts/ProximaNova-BoldIt-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-BoldIt-webfont.svg#proxima_nova_rgbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
.clearfix {
  height: 100%;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.color-a {
  color: #229bd7;
}
.color-b {
  color: #00a459;
}
.color-c {
  color: #92b63e;
}
.color-d {
  color: #ef9121;
}
.color-e {
  color: #f26631;
}
.color-f {
  color: #e02128;
}
@media only screen and (max-width: 900px) {
  #homepage #main, .page-template-page-map #main {
    padding-bottom: 68px;
  }
  #header {
    position: absolute;
    left: 58px;
    right: 58px;
    height: 55px;
    border: solid #4b5f7b;
    border-width: 0 1px 1px;
    background: #fab124;
  }
  #header * {
    display: none;
  }
  #header:after {
    content: "";
    display: block;
    width: 55px;
    height: 53px;
    background: url(../images/logo-orange.gif) no-repeat;
    margin: 1px auto 0;
  }
  #navbar {
    position: absolute;
    z-index: 100;
    left: -262px;
    width: 262px;
    height: auto;
    bottom: auto;
    color: #636363;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #navbar.active {
    left: 0;
  }
  #navbar.active #toggle-navbar {
    left: 0;
  }
  #navbar .logo {
    top: 2px;
  }
  #navbar .logo.logo-bottom {
    bottom: 2px;
  }
  #navbar .mobile-ttl {
    height: 55px;
    background: #fab124;
    color: #b0b1b1;
  }
  #navbar .mobile-ttl .txt {
    display: block;
    padding: 10px 20px 0 60px;
    font: 14px/18px 'proxima_nova_rgbold', Arial, Tahoma, sans-serif;
  }
  #navbar .mobile-ttl.mobile-ttl-bottom {
    background: #fab124;
    color: #282e1f;
  }
  #navbar .mobile-txt {
    display: block;
    font: 16px/24px 'dapifermedium', Arial, Tahoma, sans-serif;
    padding: 0 16px;
  }
  #navbar .mobile-txt p {
    margin: 0;
  }
  #navbar .mobile-txt .logo {
    position: static;
    float: none;
    margin: 30px 0;
  }
  #toggle-navbar {
    position: absolute;
    left: 100%;
    top: 0;
    width: 58px;
    height: 55px;
    border-bottom: 1px solid #4b5f7b;
    background: #fab124;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #toggle-navbar:before,
  #toggle-navbar:after,
  #toggle-navbar span {
    content: "";
    position: absolute;
    left: 17px;
    top: 18px;
    height: 4px;
    width: 23px;
    background: #e3e5e9;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
  }
  #toggle-navbar:after {
    margin-top: 7px;
  }
  #toggle-navbar span {
    margin-top: 14px;
  }
  #nav {
    display: block;
    height: auto;
    border: none;
    margin-bottom: 20px;
  }
  #nav > ul {
    display: block;
  }
  #nav > ul > li {
    border-top: 0 !important;
  }
  #nav > ul > li > a {
    border-right: 203px solid transparent;
    height: 59px;
    background: none !important;
  }
  #nav > ul > li > a:after {
    background-position: 0 0 !important;
  }
  #nav > ul > li > a.active.icon-info,
  #nav > ul > li > a.active {
    background: #e7e7e7 !important;
  }
  #nav > ul > li > a.active.icon-info:after,
  #nav > ul > li > a.active:after {
    background-position: 0 0 !important;
  }
  #nav > ul > li > a.active.icon-info + .drop-lnk a,
  #nav > ul > li > a.active + .drop-lnk a {
    color: #229ee0 !important;
  }
  #nav > ul > li > a.active.icon-info + .drop-lnk a:before,
  #nav > ul > li > a.active + .drop-lnk a:before {
    width: 11px;
    height: 11px;
    right: 21px;
    left: auto;
    margin: -6px 0 0;
    background: #229ee0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 100%;
    -moz-background-clip: padding;
    border-radius: 100%;
    background-clip: padding-box;
  }
  #nav > ul > li > a.active.icon-info + .drop-lnk a:after,
  #nav > ul > li > a.active + .drop-lnk a:after {
    width: 27px;
    height: 27px;
    border: 1px solid #848484;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 100%;
    -moz-background-clip: padding;
    border-radius: 100%;
    background-clip: padding-box;
    background: none;
    margin: -15px 0 0;
    right: 12px;
    left: auto;
  }
  #nav > ul > li > a + .drop-lnk a:before,
  #nav > ul > li > a + .drop-lnk a:after {
    content: "";
    position: absolute;
    right: 20px;
    left: auto;
    top: 50%;
    margin: -5px 0 0;
    width: 12px;
    height: 2px;
    background: #080808;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #nav > ul > li > a + .drop-lnk a:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 2px 0 0;
  }
  #nav > ul > li.active {
    background: #e7e7e7;
  }
  #nav > ul > li.active .dscr {
    color: #229ee0;
  }
  #nav > ul > li.active .dscr:before {
    width: 11px;
    height: 11px;
    right: 21px;
    margin: -6px 0 0;
    background: #229ee0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 100%;
    -moz-background-clip: padding;
    border-radius: 100%;
    background-clip: padding-box;
  }
  #nav > ul > li.active .dscr:after {
    width: 27px;
    height: 27px;
    border: 1px solid #848484;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 100%;
    -moz-background-clip: padding;
    border-radius: 100%;
    background-clip: padding-box;
    background: none;
    margin: -15px 0 0;
    right: 12px;
  }
  #nav > ul > li.active .dscr + ul {
    display: block;
  }
  .drop-lnk {
    left: 0 !important;
    top: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 2;
    visibility: visible;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    background: none;
    padding: 0;
  }
  .drop-lnk a {
    padding: 15px 45px 14px 60px;
    background: none !important;
    color: #101217 !important;
  }
  .nav-drop {
    position: static;
    visibility: visible;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    height: auto;
    width: 100%;
    font-size: 16px;
    background: #e7e7e7;
  }
  .nav-drop .logo,
  .nav-drop .drop-btn {
    display: none;
  }
  .nav-drop .dscr {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 59px;
    padding: 15px 45px 14px 60px;
    text-transform: none;
    font: 18px/30px 'proxima_novasemibold', Arial, Tahoma, sans-serif;
    color: #101217;
    text-decoration: none !important;
  }
  .nav-drop .dscr:before,
  .nav-drop .dscr:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin: 0 4px 0 0;
    width: 12px;
    height: 2px;
    background: #080808;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav-drop .dscr:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0 -3px 0 0;
  }
  .nav-drop ul {
    display: none;
    padding: 0;
  }
  .nav-drop ul li {
    border-top: 1px solid #c6c6c6;
    border-bottom: none;
  }
  .nav-drop ul a {
    color: #303030;
    padding: 13px 35px 12px 80px;
    position: relative;
  }
  .nav-drop ul a:before,
  .nav-drop ul a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -5px 0 0;
    width: 12px;
    height: 2px;
    background: #a3a3a3;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  .nav-drop ul a:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 2px 0 0;
  }
  .theme-switcher {
    display: none;
  }
  #heading {
    background: #434955;
    margin: -54px 0 0;
    border: none;
    padding: 14px 16px;
    height: 100%;
    height: 54px;
  }
  #heading:before,
  #heading:after {
    content: "";
    display: table;
    clear: both;
  }
  #heading .pull-right {
    float: none;
  }
  #heading .select {
    margin-top: 0;
  }
  .sort-by {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e7e7e7;
    color: #5d6a7e;
    margin: 0;
    padding: 11px 18px;
    font: 14px/22px 'proxima_nova_rgregular', Arial, Tahoma, sans-serif;
  }
  .sort-by ul {
    background: #fff;
    text-align: center;
  }
  .sort-by ul li {
    float: left;
    width: 50%;
  }
  .sort-by ul li:before {
    display: none;
  }
  .sort-by ul a {
    display: block;
    border: none;
    color: #5d6a7e !important;
    background: #fff;
  }
  .sort-by ul a.active {
    background: #229ee0;
    color: #fff !important;
  }
  .sort-by p {
    margin: 0 0 3px !important;
  }
  .search-section {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    z-index: 10;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .search-section.active {
    height: 54px;
  }
  .search-section.active form {
    height: 100%;
    overflow: visible;
  }
  .search-section.active #toggle-search {
    background: #525d6a;
  }
  .search-section:after {
    display: none;
  }
  .search-section form {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #toggle-search {
    position: absolute;
    top: -55px;
    right: 0;
    width: 58px;
    height: 55px;
    background: #fab124;
    border-bottom: 1px solid #4b5f7b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #toggle-search:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    background: url(../images/icons/icon-search-mobile.png) 0 0 no-repeat;
    width: 23px;
    height: 23px;
  }
  .select {
    width: 60%;
    margin: 0;
    float: left;
    background: #fff;
  }
  .select.select-bordered {
    float: right;
    width: 35%;
    margin-right: 0;
    background: #fff;
  }
  .select.select-bordered .select-button:after {
    border-top-color: #fff;
  }
  .select.select-bordered .select-drop {
    font-size: 13px;
  }
  .select.select-bordered .select-drop a {
    padding: 6px 12px 5px;
  }
  .select .select-button {
    border: none;
    height: 26px;
    padding: 0 36px 0 12px;
    color: #5d6a7e;
    font-size: 14px;
  }
  .select .select-button:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 24px;
    background: #229ee0;
  }
  .select .select-button:after {
    border-top-color: #fff;
    right: 7px;
  }
  .select .select-drop {
    font-size: 13px;
  }
  .select .select-drop a {
    padding: 6px 12px 5px;
  }
  #main {
    padding-top: 111px;
    height: auto;
    min-height: 100%;
    z-index: 101;
    margin-left: 0;
  }
  #main:after {
    display: none;
  }
  #homepage #main, .page-template-page-map #main {
    z-index: 2;
    padding: 109px 0 0;
  }
  #textpage #main {
    z-index: 2;
  }
  .bands,
  .bands-abc {
    margin: 0;
    padding: 0;
  }
  .bands .row,
  .bands-abc .row {
    border-bottom: 5px solid #434955;
    padding: 0;
  }
  .bands .row.band-a .ttl:after,
  .bands-abc .row.band-a .ttl:after {
    border-top-color: #229bd7;
  }
  .bands .row.band-b .ttl:after,
  .bands-abc .row.band-b .ttl:after {
    border-top-color: #00a459;
  }
  .bands .row.band-c .ttl:after,
  .bands-abc .row.band-c .ttl:after {
    border-top-color: #92b63e;
  }
  .bands .row.band-d .ttl:after,
  .bands-abc .row.band-d .ttl:after {
    border-top-color: #ef9121;
  }
  .bands .row.band-e .ttl:after,
  .bands-abc .row.band-e .ttl:after {
    border-top-color: #f26631;
  }
  .bands .row.band-f .ttl:after,
  .bands-abc .row.band-f .ttl:after {
    border-top-color: #e02128;
  }
  .bands .row.active ul,
  .bands-abc .row.active ul {
    display: block;
  }
  .bands .row.active .ttl:after,
  .bands-abc .row.active .ttl:after,
  .bands .row.active .letter:after,
  .bands-abc .row.active .letter:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .bands .row ul,
  .bands-abc .row ul {
    display: none;
    overflow: hidden;
    padding: 0 20px;
    width: 100%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    font-size: 18px;
    line-height: 22px;
  }
  .bands .row ul li,
  .bands-abc .row ul li {
    border-top: 1px solid #455160;
  }
  .bands .row ul li:first-child,
  .bands-abc .row ul li:first-child {
    border: none;
  }
  .bands .row ul a,
  .bands-abc .row ul a {
    display: block;
    padding: 18px 0;
  }
  .bands .row .band,
  .bands-abc .row .band {
    margin-top: 20px;
  }
  .bands .ttl,
  .bands-abc .ttl,
  .bands .letter,
  .bands-abc .letter {
    width: 100%;
    height: 93px;
    border: none;
    padding: 19px 0 18px 20px;
    margin-right: -155px;
    position: relative;
    text-transform: uppercase;
  }
  .bands .ttl:after,
  .bands-abc .ttl:after,
  .bands .letter:after,
  .bands-abc .letter:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fff;
    margin-top: -4px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .bands .num,
  .bands-abc .num {
    margin-left: -155px;
    padding: 19px 65px 18px 0;
    width: 155px;
  }
  .abc {
    display: none;
  }
  #nav-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #nav-overlay.active {
    z-index: 99;
    zoom: 1;
    filter: alpha(opacity=70);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    visibility: visible;
  }
  #sidebar {
    display: none;
  }
  .headline .select .select-button:before {
    display: none;
  }
  .headline .select .select-button:after {
    right: 22px;
  }
  .headline .select .select-drop a {
    padding: 17px 20px;
  }
  #textpage #header {
    right: 0;
  }
  #textpage #main {
    margin: 55px 0 0;
    padding: 0;
  }
  .promo .txt {
    left: 0;
    top: 40px;
    right: 0;
    text-align: center;
  }
  .promo .txt .sub-ttl {
    display: block;
    font: 16px/24px 'proxima_nova_rgregular', Arial, Tahoma, sans-serif;
  }
  .mark-text {
    font-size: 20px;
    line-height: 28px;
  }
  .tt-content-block {
    font-size: 16px;
    line-height: 24px;
  }
  .tt-content-block {
    padding: 0 5px;
  }
  .contacts-data {
    float: none;
    width: auto;
    margin: -30px -15px 17px;
    padding-bottom: 10px;
  }
  .contacts-form {
    margin-right: -10px;
  }
  /*
    light theme */
  .light-theme #navbar {
    background: #f2f0f1;
  }
  .light-theme #toggle-search {
    top: -56px;
  }
  .light-theme .bands .letter:after,
  .light-theme .bands-abc .letter:after,
  .light-theme .bands .ttl:after,
  .light-theme .bands-abc .ttl:after {
    border-top-color: #172b47;
  }
  .light-theme .bands .row ul li,
  .light-theme .bands-abc .row ul li {
    border-color: #d9d8d8;
  }
}