/* FONTS
======================= */
@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('/static/fonts/Brandon_reg-webfont.eot');
    src: url('/static/fonts/Brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
    url('/static/fonts/Brandon_reg-webfont.woff') format('woff'),
    url('/static/fonts/Brandon_reg-webfont.ttf') format('truetype'),
    url('/static/fonts/Brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('/static/fonts/Brandon_med-webfont.eot');
    src: url('/static/fonts/Brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
    url('/static/fonts/Brandon_med-webfont.woff') format('woff'),
    url('/static/fonts/Brandon_med-webfont.ttf') format('truetype'),
    url('/static/fonts/Brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesque_bold';
    src: url('/static/fonts/Brandon_bld-webfont.eot');
    src: url('/static/fonts/Brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
    url('/static/fonts/Brandon_bld-webfont.woff') format('woff'),
    url('/static/fonts/Brandon_bld-webfont.ttf') format('truetype'),
    url('/static/fonts/Brandon_bld-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
.brandon-reg { font-family: 'brandon_grotesque_regularRg'; }

html,
body {
    overflow-x: hidden;
    color: #4b4b4d;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 19px;
    min-height: 400px;
}
body {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}


/* ..  */
h1 {
    font-family: 'brandon_grotesque_regularRg';
    margin-top: 0;
    font-size: 23px;
    text-transform: uppercase;
    color: #0b72b5;
    margin-bottom: 25px;
}

h2 {
    font-family: 'brandon_grotesque_regularRg';
    margin-top: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #0b72b5;
}

h2.sub-slogan {
    font-family: Arial;
    font-size: 16px;
    text-transform: none;
    color: #4b4b4d;
}
h1 + h2.sub-slogan {
    margin-top: -20px;
    margin-bottom: 30px;
}

h3 {
    font-family: 'brandon_grotesque_regularRg';
    margin-top: 0;
    font-size: 15px;
    color: #0b72b5;
}


/* STRUCTURE
======================= */
.container {
    min-width: 320px;
    max-width: 768px;
}

/* TOP-HEADER
======================= */

/* LOGO
 ====== */
#logo-link {
    text-indent: -998877px;
    z-index: 500;
    position: absolute;
    top: 0;
    left: 15px;
    background: url(/static/img/mobile/sprite-mobile.png) no-repeat -7px 0;
    background-size: 250px 250px;
    width: 88px;
    height: 130px;
}



/* toggle-nav
============*/
#toggleOffcanvas.navbar-toggle {
    margin: 15px;
    padding: 0;
    border-radius: 0;
}
.navbar-inverse {
    height: 58px;
    margin-bottom: 0;
    border: none;
    background-color: transparent;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 1%, #e7e8ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e7e8ea));
    background: -webkit-linear-gradient(top,  #ffffff 1%,#e7e8ea 100%);
    background: -o-linear-gradient(top,  #ffffff 1%,#e7e8ea 100%);
    background: -ms-linear-gradient(top,  #ffffff 1%,#e7e8ea 100%);
    background: linear-gradient(to bottom,  #ffffff 1%,#e7e8ea 100%);
}
.navbar-inverse .navbar-toggle {
    border: none;
    display: block !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
    width: 27px;
    height: 5px;
    background-color: #373737;
}

/* LANGUAGE NAVIGATION
======================= */
.lang-dropdown {
    width: 58px;
    height: 58px;
    position: relative;
    background: #f4f8fb;
    background: -moz-linear-gradient(-45deg,  #f4f8fb 0%, #d2d2d2 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f4f8fb), color-stop(100%,#d2d2d2));
    background: -webkit-linear-gradient(-45deg,  #f4f8fb 0%,#d2d2d2 100%);
    background: -o-linear-gradient(-45deg,  #f4f8fb 0%,#d2d2d2 100%);
    background: -ms-linear-gradient(-45deg,  #f4f8fb 0%,#d2d2d2 100%);
    background: linear-gradient(135deg,  #f4f8fb 0%,#d2d2d2 100%);
}
.lang-dropdown > .dropdown-toggle {
    width: 58px;
    height: 58px;
    position: relative;
    text-align: center;
    outline: none !important;
    border-radius: 0;
    box-shadow: none;
    padding-top: 12px;
}
.lang-dropdown > .dropdown-toggle .de,
.lang-dropdown > .dropdown-toggle .en,
.lang-dropdown > .dropdown-toggle .nl {
    width: 28px;
    height: 21px;
    display: block;
    margin-bottom: 3px;
}
.lang-dropdown > .dropdown-toggle .de {
    background: url(/static/img/mobile/sprite-mobile.png) no-repeat -115px 0;
    background-size: 250px 250px;
}
.lang-dropdown > .dropdown-toggle .en {
    background: url(/static/img/mobile/sprite-mobile.png) no-repeat -115px -24px;
    background-size: 250px 250px;
}
.lang-dropdown > .dropdown-toggle .iconfont {
    color: #9c9e9f;
    font-size: 24px;
    position: relative;
    top: -5px;
    left: 1px;
}

/* lang-dropdown */
.lang-dropdown .dropdown-menu {
    border-radius: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
    margin-top: 7px;
}
.lang-dropdown .dropdown-menu:before {
    content: '';
    position: absolute;
    right: 5px;
    top: -5px;
    width: 15px;
    height: 15px;
    display: block;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, .6);
}


.lang-dropdown .dropdown-menu li > a {
    padding: 10px 20px;
    background: #fff;
}
.lang-dropdown .dropdown-menu .active > a {
    background: #e1e3e4;
}
.lang-dropdown .dropdown-menu .lang_de,
.lang-dropdown .dropdown-menu .lang_en {
    background: url(/static/img/mobile/sprite-mobile.png) no-repeat -115px 0;
    background-size: 250px 250px;
    width: 28px;
    height: 21px;
    display: block;
}
.lang-dropdown .dropdown-menu .lang_en {
    background-position: -115px -24px;
}



/* OFFCANVAS NAVIGATION
======================= */
.row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.row-offcanvas-right { right: 0; }
.row-offcanvas-right
.sidebar-offcanvas {
    right: -80%;
}
.row-offcanvas-right.active {
    right: 80%;
}
.sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 80%;
}


/* HEADERIMG - SLOGAN
======================= */
.headerimg-slogan {
    position: relative;
}
.slogan-wrapper {
    position: absolute;
    left: 15px;
    top: 120px;
    width: 100%;
}
.slogan-wrapper h2 {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 0 5px #000;
    display: inline-block;
    font-size: 27px;
    font-family: 'brandon_grotesque_bold';
    color: #000;
    margin: 0;
    margin-bottom: 5px;
    padding: 5px 10px 3px 10px;
}
.slogan-wrapper h3 {
    position: absolute;
    left: 0;
    top: 43px;
    background: #fff;
    box-shadow: 0 0 5px #000;
    display: inline-block;
    font-size: 15px;
    font-family: 'brandon_grotesque_regularRg';
    color: #000;
    margin: 0;
    padding: 5px 10px 5px 10px;
}

/* MAIN-NAVIGATION
======================= */
.main-nav.nav-pills > li > a {
    font-family: 'brandon_grotesquemedium';
    font-size: 17px;
    border-radius: 0;
    padding: 0 20px;
    line-height: 58px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 3px rgba(0,0,0,0.4);
}
.main-nav.nav-pills > li > a .iconfont {
    margin-right: 11px;
    font-size: 30px;
    position: relative;
    top: 5px;
}
.main-nav.nav-pills > li + li {
    margin-top: 0;
}

/* dropdown */
.main-nav li > ul {
     display: none;
     list-style: none;
     margin: 0;
     padding: 0;
}
.main-nav li > ul > li {
    border-bottom: 1px solid #c1c2c3;
    position: relative;
}
.main-nav li > ul > li a {
    color: #fff;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 31px;
    padding-left: 62px;
    font-family: 'brandon_grotesquemedium';
    text-decoration: none;
    display: block;
    padding-right: 30px;
    text-shadow: 0 0 3px rgba(0,0,0,0.4);
}
.main-nav li > ul > li span {
    position: absolute;
    right: 15px;
    top: 6px;
    color: #fff;
    font-size: 18PX;
}

.main-nav .gradient-grey ul li {
    background: #707172;
}


/* TOOLBOX
======================= */
.toolBox {
}
.toolBox > div {
    padding: 0;
    height: 95px;
    border-left: 2px solid #c8c9c9;
}
.toolBox > div:first-child {
    border-left: none;
}
.toolBox > div > a {
    display: block;
    text-decoration: none;
}
.toolBox .iconfont {
    color: #0b72b5;
    font-size: 47px;
}
.toolBox .toolBox-info {
    font-family: Arial;
    font-size: 14px;
    color: #0b72b5;
    font-weight: bold;
    margin-top: 2px;
}
.toolBox div > a {
    padding: 15px 0 0 0;
    height: 95px;
}
.toolBox .weather-icon-wrapper > a {
    padding: 8px 7px 0 7px;
}
.toolBox .weather-icon-wrapper .toolBox-info {
     color: #4b4b4d;
     font-size: 20px;
     font-family: 'brandon_grotesquemedium';
     margin-top: 7px;
}

.weather-icon-wrapper figure {
    max-width: 65px;
    margin: 0 auto;
}


/* CONTENT
============================================================== */
.section-info {
    color: #fff;
    font-family: 'brandon_grotesquemedium';
    font-size: 17px;
    text-shadow: 0 0 3px rgba(0,0,0,0.4);
    text-transform: uppercase;
    line-height: 58px;
    padding-left: 140px;
}

.content-container {
    padding-top: 25px;
    padding-bottom: 15px;
}
.content-container p {
    margin-bottom: 30px;
}
.content-container p:last-child { margin-bottom: 0; }


/* KONTAKT
============================================================== */
.contact-info .btn,
.contact-further .btn {
    min-width: 100px;
    text-align: left;
    font-weight: bold;
}

.contact-further p {
    margin-bottom: 10px;
}



/* WEBCAMS
============================================================== */
.element-wrapper {
    background: #fff;
    margin-top: 25px;
    padding: 15px 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
}
.webcam-wrapper h1 {
    margin-bottom: 15px;
}

/* ANREISE
 ====================== */
figure {
    text-align: center;
}
figure .img-responsive {
    display: inline-block;
}

.anreise-figure {
    border: 1px solid #c9c9cb;
    text-align: center;
}
.anreise-figure .img-responsive {
    display: inline-block;
}


/* WETTER
============================================================== */
.wetter-wrapper {
    background: #fff;
    padding: 15px 0 0 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    margin-left: -15px;
    margin-right: -15px;
}
.wetter-date {
    font-family: 'brandon_grotesque_regularRg';
    font-size: 13px;
    color: #0b72b5;
}
.day-degree {
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 26px;
    background: #fff;
}
.day-degree:after {
    content: "";
    position: absolute;
    /*z-index: -1;*/
    width: 50%;
    top: -25px;
    height: 10px;
    left: 25%;
    border-radius: 500px / 50px;
    box-shadow: 0 0 20px 5px rgba(0,0,0,0.9);
}
/* wetter-table */
.wetter-wrapper .table-striped td { border: none; }
.wetter-wrapper .table-striped .wetter-type {
    color: #0b72b5;
    font-size: 12px;
    text-transform: uppercase;
    font-family: brandon_grotesque_regularRg;
    padding-left: 15px;
}
.wetter-wrapper .table-striped .wetter-type-data {
    text-align: right;
    padding-right: 15px;
}
.wetter-wrapper .table-striped .wetter-type-data .iconfont {
    font-size: 22px;
    color: #d2d2d2;
    margin-left: 3px;
    top: 4px;
    position: relative;
    line-height: 0;
}
.weather-prediction {
    text-align: right;
    position: relative;
    background: #fff;
    overflow: hidden;
}
.weather-prediction:before {
    content: "";
    position: absolute;
    /*z-index: -1;*/
    width: 3px;
    top: 0;
    height: 100%;
    left: -8px;
    border-radius: 5px / 50px;
    box-shadow: 0 0px 4px 6px rgba(0,0,0,0.3);
}
.weather-prediction .iconfont {
    font-size: 22px;
    color: #d2d2d2;
    margin-left: 3px;
    top: 4px;
    position: relative;
    line-height: 0;
}



/* ANLAGEN
============================================================== */
.elevator-container {
    display: block;
    position: relative;
    z-index: 9999;
}
.elevator-container {
    margin-top: 20px;
    /* margin-bottom: 19px; */
}
.elevator-container:first-child {
    margin-top: 0;
}
.btn.slideToggle .iconfont {
    font-size: 12px;
}

.elevator-content { display: none; }
.elevator-container h1 {
    margin-bottom: 10px;
}
.elevator-head {
    line-height: 19px;
    background: #cacacb;
    background: -moz-linear-gradient(top,  #cacacb 0%, #a9aaab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacacb), color-stop(100%,#a9aaab));
    background: -webkit-linear-gradient(top,  #cacacb 0%,#a9aaab 100%);
    background: -o-linear-gradient(top,  #cacacb 0%,#a9aaab 100%);
    background: -ms-linear-gradient(top,  #cacacb 0%,#a9aaab 100%);
    background: linear-gradient(to bottom,  #cacacb 0%,#a9aaab 100%);
}
.elevator-head > div {
    font-size: 12px;
    font-style: italic;
}

/* slidetoggle */
.slideToggle {
    /* margin-bottom: 5px; */
    /* position: relative; */
    /* min-height: 36px; */
    /* outline: none; */
    /* border-radius: 50%; */
    margin-left: -15px;
    margin-top: -12px;
}
.slideToggle .iconfont {
    font-size: 38px;
    color: #0b72b5;
    cursor: pointer;;
}
.elevator-container .slideToggle .iconfont.icon-minus {
    display: none;
}
.elevator-container.active .slideToggle .iconfont.icon-minus {
    display: block;
}
.elevator-container.active .slideToggle .iconfont.icon-plus {
    display: none;
}
.elevator-content .table tr td { 
    border: none;
    vertical-align: middle;
}
.elevator-content .table tr td:first-child,
.elevator-content .table tr td:nth-child(2) {
    text-align: center;
}

.elevator-content .elev-open,
.elevator-content .elev-closed {
    padding: 0px;
    color: #fff;
    border-radius: 50%;
    color: #97bf0e;
    font-size: 25px;
    border: 1px solid #d5d5d5;
}
.elevator-content .elev-closed {
    color: #bf0e0e;
}





/* GASTRONOMIE
============================================================== */
.no-border { border: none !important; }
.gastro-form > .row {
    margin: 0 0 8px 0;
    border: 1px solid #d2d2d2;
}
.gastro-form > .row > div {
    padding: 0;
}
.gastro-form .row label {
    position: relative;
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    background: #ececed;
    color: #0b72b5;
    line-height: 34px;
    margin-bottom: 0;
}
.gastro-form .row label:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    width: 5px;
    box-shadow: -3px 0px 2px 0px rgba(0,0,0,0.1) inset;
}
.gastro-form > .row > div input.form-control,
.gastro-form > .row > div select.form-control {
    border: none;
    border-radius: 0;
}

/* results-list */
.results-container {
    height: 40px;
    line-height: 40px;
    background: #ececed;
    color: #9c9e9f;
}
.results-list > .row {
    padding: 15px 0;
    position: relative;
}
.results-list > .row .col-xs-4 { padding-right: 5px; }
.results-list > .row .col-xs-8 { padding-left: 5px; }
.results-list > div > div p { margin-bottom: 5px; line-height: 13px;}
.results-list > div > div h2 { margin-bottom: 5px; }
.results-list > div > div p:last-child { margin-bottom: 0; }

.results-list > .row .glyphicon {
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -7px;
    font-size: 17px;
    color: #a1a1a4;
}

/* datepicker */
.has-datepicker {
    position: relative;
}
.has-datepicker:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 6px;
    display: block;
    background: url(/static/img/mobile/sprite-mobile.png) no-repeat -162px 0;
    background-size: 250px 250px;
    width: 18px;
    height: 21px;
    pointer-events: none;

}
.picker__frame {
    border: 6px solid #0b72b5;
}

.gastro-form select.form-control,
.gastro-form input[type="text"]{
    width: 100%;
}









/* FOOTER
============================================================== */
.main-footer {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e6e8ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e8ea));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e8ea 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e6e8ea 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e6e8ea 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e6e8ea 100%);
}
.main-footer .col-seven {
    width: 14.28571428%;
    float: left;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-left: 2px solid #dddfe0;
}
.main-footer .col-seven:first-child { border-left: none; }
.main-footer .col-seven > a {
    display: block;
    text-decoration: none;
    padding-top: 6px;
    height: 46px;
}
.main-footer .col-seven .iconfont {
    color: #383839;
    font-size: 36px;
}







/* MISC CLASSES
 ============================================= */


/* BUTTONS */
.btn-primary {
    padding: 8px 12px;
    border-radius: 0;
    border: none;
    background: #0b72b5;
    background: -moz-linear-gradient(top,  #0b72b5 1%, #0b3188 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0b72b5), color-stop(100%,#0b3188));
    background: -webkit-linear-gradient(top,  #0b72b5 1%,#0b3188 100%);
    background: -o-linear-gradient(top,  #0b72b5 1%,#0b3188 100%);
    background: -ms-linear-gradient(top,  #0b72b5 1%,#0b3188 100%);
    background: linear-gradient(to bottom,  #0b72b5 1%,#0b3188 100%);
}
.btn .iconfont {
    font-size: 22px;
}
.btn .iconfont.pull-right {
    margin-right: -6px;
    margin-top: -2px;
}

.bg-grey {
    position: relative;
    background: #ececed;
}
.bg-grey:before {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    height: 10px;
    -webkit-box-shadow:inset 0 3px 5px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.15);
    display: block;
}

strong { color: #373737; }
.tt-up { text-transform: uppercase; }
.no-padding { padding: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-margin { margin: 0 !important; }
.padding-left-5 { padding-left: 5px; }
.padding-top-5 { padding-top: 5px; }
.padding-bottom-5 { padding-bottom: 5px; }
.margin-top-3 { margin-top: 3px !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-minus-10 { margin-top: -10px !important; }
.blue { color: #0b72b5; }
.fs-23 { font-size: 23px !important; }
.fs-19 { font-size: 19px !important; }
.fs-18 { font-size: 18px !important; }
.fs-15 { font-size: 15px !important; }
.strong { font-weight: bold; }
.border-bottom { border-bottom: 1px solid; }
.inline { display: inline !important; }
.nowrap { white-space: nowrap; }

.gradient-blue,
.gradient-blue > a {
    background: #0b71b5;
    background: -moz-linear-gradient(top,  #0b71b5 0%, #0b3187 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b71b5), color-stop(100%,#0b3187));
    background: -webkit-linear-gradient(top,  #0b71b5 0%,#0b3187 100%);
    background: -o-linear-gradient(top,  #0b71b5 0%,#0b3187 100%);
    background: -ms-linear-gradient(top,  #0b71b5 0%,#0b3187 100%);
    background: linear-gradient(to bottom,  #0b71b5 0%,#0b3187 100%);
}
.gradient-green,
.gradient-green > a {
    background: #97bf0d;
    background: -moz-linear-gradient(top,  #97bf0d 0%, #678813 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97bf0d), color-stop(100%,#678813));
    background: -webkit-linear-gradient(top,  #97bf0d 0%,#678813 100%);
    background: -o-linear-gradient(top,  #97bf0d 0%,#678813 100%);
    background: -ms-linear-gradient(top,  #97bf0d 0%,#678813 100%);
    background: linear-gradient(to bottom,  #97bf0d 0%,#678813 100%);
}
.gradient-orange,
.gradient-orange > a {
    background: #f9b200;
    background: -moz-linear-gradient(top,  #f9b200 0%, #e08b00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9b200), color-stop(100%,#e08b00));
    background: -webkit-linear-gradient(top,  #f9b200 0%,#e08b00 100%);
    background: -o-linear-gradient(top,  #f9b200 0%,#e08b00 100%);
    background: -ms-linear-gradient(top,  #f9b200 0%,#e08b00 100%);
    background: linear-gradient(to bottom,  #f9b200 0%,#e08b00 100%);
}
.gradient-brown,
.gradient-brown > a {
    background: #ca9e64;
    background: -moz-linear-gradient(top,  #ca9e64 0%, #af793e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca9e64), color-stop(100%,#af793e));
    background: -webkit-linear-gradient(top,  #ca9e64 0%,#af793e 100%);
    background: -o-linear-gradient(top,  #ca9e64 0%,#af793e 100%);
    background: -ms-linear-gradient(top,  #ca9e64 0%,#af793e 100%);
    background: linear-gradient(to bottom,  #ca9e64 0%,#af793e 100%);
}
.gradient-grey,
.gradient-grey > a {
    background: #9b9d9e;
    background: -moz-linear-gradient(top,  #9b9d9e 0%, #4c4c4e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b9d9e), color-stop(100%,#4c4c4e));
    background: -webkit-linear-gradient(top,  #9b9d9e 0%,#4c4c4e 100%);
    background: -o-linear-gradient(top,  #9b9d9e 0%,#4c4c4e 100%);
    background: -ms-linear-gradient(top,  #9b9d9e 0%,#4c4c4e 100%);
    background: linear-gradient(to bottom,  #9b9d9e 0%,#4c4c4e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9d9e', endColorstr='#4c4c4e',GradientType=0 );

}

.gradient-lightgrey,
.gradient-lightgrey > a {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #d5d6d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d6d7));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d5d6d7 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#d5d6d7 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#d5d6d7 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#d5d6d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d6d7',GradientType=0 );

}


/* ANIMATIONS
=============================================== */
.animated {
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
}
.animated-05 {
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    -ms-animation-duration:0.5s;
    -o-animation-duration:0.5s;
    animation-duration:0.5s;
}

.delay-2s {
    animation-delay: 2s;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

/* Additional
=============================================== */
.paging {
    height: 25px;
    min-width: 50px;
    line-height: 24px;
}


.overlay-info {
    position: fixed;
    background-color: #fff;
    top: 10%;
    z-index: 99999;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .5);
}
.overlay-info.hidden {
    display:none !important;
}
.overlay-info__text {
    font-size: 18px;
    line-height:1.2;
    margin-bottom: 20px;
    font-family: 'brandon_grotesque_regularRg';
}
.overlay-info__title {
    font-size: 30px;
    text-transform:uppercase;
    margin-bottom: 20px;
    color:#0b72b5;
    font-family: 'brandon_grotesque_bold';
}
.overlay-info__decline {
    color: #0b72b5;
    background:transparent;
    padding:0;
    border:none;
}
.overlay-info__decline:hover {
    text-decoration: underline;
}
.overlay-info__btn {
    background: #0b72b5;
    text-transform:uppercase;
    padding: 10px 30px;
    display:block;
    color:#fff;
    border:none;
    text-decoration: none;
    background: #0b3188;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiMzE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjcyYjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0b3188 0%, #0b72b5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b3188), color-stop(100%,#0b72b5));
    background: -webkit-linear-gradient(top,  #0b3188 0%,#0b72b5 100%);
    background: -o-linear-gradient(top,  #0b3188 0%,#0b72b5 100%);
    background: -ms-linear-gradient(top,  #0b3188 0%,#0b72b5 100%);
    background: linear-gradient(to bottom,  #0b3188 0%,#0b72b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3188', endColorstr='#0b72b5',GradientType=0 );
}

.overlay-info__btn-wrapper {
    display:flex;
    justify-content:space-between;
}
.overlay-info--darken {
    overflow:hidden;
    position:relative;
}
.overlay-info--darken:before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 99999;
    top:0;
    bottom:0;
}
.overlay-info__close {
    font-family: 'arial';
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 21px;
    height: 20px;
    width: 20px;
    background: #8b8b8b;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    padding: 5px;
}