.top-notification {
    z-index: 10000;
}

@media (max-width:767px) {
    .main-nav {
        padding-top: 60px;
    }
}

@media (max-width: 768px) and (min-width:768px) {
    .article-head .button-share {
        bottom: 0px;
    }

    .article-body .button-share {
        bottom: -30px;
    }
}

@media (max-height: 780px) and (min-width:768px) {
    .takeover-greyp {
        display: none;
    }

    .slide h2, .block h2, .technology-block h2, h2.underlined, .contact-box h2, .tours-faq h2 {
        padding-bottom: 10px;
        font-size: 26px;
    }

    .slide h2:after, .block h2:after, .technology-block h2:after, h2.underlined:after, .contact-box h2:after, .tours-faq h2:after {
        margin-top: 10px;
    }

    .slide-content p {
        line-height: 1.7em;
        padding-bottom: 20px;
        font-size: 15px;
    }
}

@media (min-width: 768px) {
    .tour-block {
        width: 33.3333333333%;
        height: auto;
    }
}

.tour-block {
    padding-left: 15px;
    padding-right: 15px;
}

.tour-price {
    padding-top: 0;
    margin-left: 0;
}

.price-label {
    font: 500 20px/1em "Rajdhani",Verdana;
    padding-top: 26px;
}

.price-kuna {
    font: 500 20px/1em "Rajdhani",Verdana;
    padding-top: 10px;
}
.price-kuna .smaller-font{ font-size:15px; }
dl.tour-itinerary dd.smaller-font{ font-size:11px; }

.price-euro {
    font: 500 55px/1em "Rajdhani",Verdana;
}

.price-pp {
    font: 500 16px/1em "Rajdhani",Verdana;
    color: #fff;
    margin-bottom: 10px;
    clear: both;
    display: block;
}

dl.tour-itinerary dt {
    font: 500 22px "Rajdhani",Verdana;
}

table.tour-table tr {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    float: none;
    width: 100%;
    display: block;
}

@media (min-width: 1300px) {
    table.tour-table {
        position: relative;
        bottom: auto;
        padding-top: 20px;
    }
}

.tour-table.tour-table {
    padding: 0 20px 80px;
}

table.tour-table {
    border-bottom: none;
}

.tour-itinerary {
    padding: 15px 0;
}

.tour-btn {
    border-top: 1px solid rgba(255,255,255,0.1);
    width: 100%;
    padding: 15px 0;
}

.tour-block .cta {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .tour-block .cta {
        margin-right: 10px;
    }
}

.price-lipa {
    font-size: 14px;
    padding-left: 5px;
}

.tour-student {
    background-color: #23252c;
}

.tour-title {
    font: 500 32px "Rajdhani",Verdana;
    color: #fff;
    text-transform: uppercase;
    padding-top: 60px;
    padding-bottom: 25px;
}

.tour-title:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    margin-top: 14px;
}

@media (min-width: 768px) {
    .tour-block:not(:first-child) {
        border-left: 2px solid #fff;
    }
}

@media (max-width:767px) {
    dl.tour-itinerary dt {
        padding-top: 40px;
    }

    table.tour-table tr:nth-child(3) th {
        padding-left: 10px;
    }

    table.tour-table tr:nth-child(3) td {
        padding-left: 10px;
    }
}

.tour-notification {
    background: #bf0000;
    color: #fff;
    font: normal 15px/1.3em "Maison Neue",Arial;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 2px;
    min-height: 80px;
    display: table;
    position: relative;
    z-index: 60;
    width: 100%;
    padding: 10px 20px;
}

.tour-notification span {
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 1300px) {
    .tour-notification {
        width: 1280px;
        top: -48px;
    }

    .booking-form-container .tour-notification {
        width: 100%;
        top: -38px;
    }
}

p.error:not(:empty){ border:2px dashed #f00; padding:10px; overflow:hidden; }

.booking-select-trio .custom-picker{
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

.booking-select-trio .custom-picker::-webkit-input-placeholder {
  font-size: 10px;
}
.booking-select-trio .custom-picker::-moz-placeholder {
  font-size: 10px;
}
.booking-select-trio .custom-picker:-ms-input-placeholder {
  font-size: 10px;
}
.booking-select-trio .custom-picker::placeholder {
  font-size: 10px;
}

.booking-times {
    padding-top:60px;
}

.booking-select.custom-select{
    position:relative;
    height:54px;
    padding-top:8px;
}

.booking-select .custom-picker{
    font-size:16px;
}

.booking-form input, .booking-form label{
    font-size:16px;
}

.booking-select-trio .kidspicker{
    border-left: 2px solid #5c5e65
}



.grid .box-content a {
    height: auto;
}

.grid .box-content {
    padding: 40px 40px 25px;
}

.opening-category {
    font-size: 36px;
    text-transform: uppercase;
}

.opening h2 {
    font-size: 21px;
}

.opening-trigger {
    padding-top: 20px;
    padding-bottom: 20px;
}

#location-map {
    display: block;
}

@media (max-width:767px) {
    .slide-buttons {
        display: none;
    }
}

.cookie-bar button {
    background-image: url(bg/close_btn_white.png);
}

/* teaser */
.teaser-bg {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.video-teaser {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    z-index: -2;
}

.teaser-controls {
    position: absolute;
    bottom: 50px;
    left: 50px;
}

@media (max-width:767px) {
    .teaser-controls {
        display: none;
    }

    .mobile-break {
        display: block;
    }

    .video-teaser {
        min-width: unset;
        min-height: unset;
        max-width: 100%;
        max-height: 100%;
    }
}

input[type=range].custom-range {
    -webkit-appearance: none;
    width: 100px;
    margin: 20px 0;
}

input[type=range].custom-range:focus {
    outline: none;
}

input[type=range].custom-range::-webkit-slider-runnable-track {
    width: 100px;
    height: 8px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(13, 13, 13, 0.2);
    background: #8ad8d8;
    border-radius: 1px;
    border: 0px solid #010100;
}

input[type=range].custom-range::-webkit-slider-thumb {
    box-shadow: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.5), 0px 0px 0.5px rgba(13, 13, 13, 0.5);
    border: 0px solid rgba(0, 0, 0, 0.03);
    height: 36px;
    width: 4px;
    border-radius: 0px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -14px;
}

input[type=range].custom-range:focus::-webkit-slider-runnable-track {
    background: #b8e7e7;
}

input[type=range].custom-range::-moz-range-track {
    width: 100px;
    height: 8px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(13, 13, 13, 0.2);
    background: #8ad8d8;
    border-radius: 1px;
    border: 0px solid #010100;
}

input[type=range].custom-range::-moz-range-thumb {
    box-shadow: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.5), 0px 0px 0.5px rgba(13, 13, 13, 0.5);
    border: 0px solid rgba(0, 0, 0, 0.03);
    height: 36px;
    width: 4px;
    border-radius: 0px;
    background: #ffffff;
    cursor: pointer;
}

input[type=range].custom-range::-ms-track {
    width: 100px;
    height: 8px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range].custom-range::-ms-fill-lower {
    background: #5cc9c9;
    border: 0px solid #010100;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(13, 13, 13, 0.2);
}

input[type=range].custom-range::-ms-fill-upper {
    background: #8ad8d8;
    border: 0px solid #010100;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(13, 13, 13, 0.2);
}

input[type=range].custom-range::-ms-thumb {
    box-shadow: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.5), 0px 0px 0.5px rgba(13, 13, 13, 0.5);
    border: 0px solid rgba(0, 0, 0, 0.03);
    height: 36px;
    width: 4px;
    border-radius: 0px;
    background: #ffffff;
    cursor: pointer;
    height: 8px;
}

input[type=range].custom-range:focus::-ms-fill-lower {
    background: #8ad8d8;
}

input[type=range].custom-range:focus::-ms-fill-upper {
    background: #b8e7e7;
}

.teaser-mute {
    background: url(bg/mute-btn.png) no-repeat 0 -50px;
    width: 50px;
    height: 50px;
    border: 0;
    cursor: pointer;
    text-indent: -99999em;
    float: left;
    margin-right: 23px;
}

.teaser-mute.muted {
    background-position-y: 0px;
}

.teaser-center {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

.teaser-center .underlined.blue:after {
    position: absolute;
    margin-left: -30px;
    left: 50%;
}

.teaser-unv {
    font: 300 24px/1em "Rajdhani",Verdana;
    padding-bottom: 20px;
    display: block;
    padding-top: 55px;
}

.teaser-location {
    font-size: 24px;
    line-height: 1.4em;
    display: block;
}

@media (max-width:767px) {
    .teaser-center h1 {
        font-size: 18px;
    }

    .teaser-unv {
        font-size: 16px;
    }

    .teaser-location {
        font-size: 16px;
        line-height: 1.2em;
    }
}

@media (max-width:767px) and (max-height:430px) {
    .teaser-center h1 {
        font-size: 18px;
    }

    .teaser-unv {
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .teaser-location {
        font-size: 14px;
        line-height: 1.2em;
    }

    h1.overline:before, h1.underlined:after, h1:after {
        margin-top: 10px;
    }
}

body.black-background {
    background-color: #000;
}

.article-body-inner.fund-article {
    padding-top: 0;
}

.article-body-inner.fund-article img {
    max-width: 100%;
    height: auto !important;
}

.technology-intro {
    background: #010103 url(/css/bg/technology/tech-battery.jpg) no-repeat center center;
    background-size: cover;
}

.client-logo {
    padding:35px 55px;
}

.client-logo img {
    max-width:100%;
    height:auto;
}

@media (min-width: 1280px) {
    .technology-grid .box {
        width: 33.33333333%;
    }
}

.technology-grid .grid{ background:none; }

.alt-bg-tech {
    background: #010103 url(/css/bg/technology/capabilities.jpg) no-repeat center center;
    background-size: cover;
    color:#fff;
}

.contact-footer-h2{ text-transform: uppercase; font-size: 28px; font-weight: 500; padding-bottom: 20px !important; }

.border-top{ border-top:1px solid #dddfe5; }

.content-supercars .content-category{ color:#e6c8b5; }
.content-supercars .content-phrase:before{ background:#e6c8b5; }
.content-technology .content-category {
    color:#0097dc;
}
.content-technology .content-phrase:before{ background:#0097dc; }

.disable-touch{ touch-action:none; pointer-events:none; }

@media(max-width:767px){
    .featured .release-content{ height:auto; position:relative; left:0; }
}

.c1 .loading-animation:before{ bottom:180px; }
.c1 .loading-animation:after{ bottom:224px; }

.eu-funds {
	position: fixed;
	display: block;
	bottom: 20px;
	right: 20px;
	width: 72px;
	height: 48px;
	background-image: url("../img/eu-funds.png"); /* The image used */
	background-size: cover;
	z-index: 9999;
	border: 1px solid #fff;
	transition: all 0.5s ease;
}
.eu-funds:hover {
	position: fixed;
	display: block;
	bottom: 20px;
	right: 20px;
	width: 72px;
	height: 48px;
	background-image: url("../img/eu-funds-rollover.png"); /* The image used */
	background-size: cover;
	z-index: 9999;
	border: 1px solid #fff;
	transition: all 0.5s ease;
}
	
.article-body-inner > p > img{ max-width:100%; height:auto !important; }

@media(max-width:767px){
    .share-socials{ bottom:0px; }
}

em{ font-style:italic; }

/* careers v2 */
.careers-intro p{ padding-bottom:20px; }
.careers-intro ul{ font-size: 15px; font-family: "Maison Neue",Arial; line-height: 1.7em; padding-bottom: 20px; list-style-type:disc; padding-left:25px; }
.mb-40{ padding-bottom:40px; }
.careers-grid{ padding-bottom:100px; padding-top:40px; }
.careers-grid img{ width:100%; height:auto; margin-bottom:20px; }
.careers-grid h1{ font-size:22px; padding-bottom:10px; }
.careers-grid h1::after{ display:none; }
.careers-grid-item{ padding-bottom:30px; }
.careers-grid-item .careers-grid-url { font-family:"Maison Neue", Arial; font-size:15px; }

.careers-search{ color:#fff; margin-bottom:20px; font-weight:400; }
.header-search{ margin:0 auto; }
.header-search input{ padding:0 15px; height:60px; line-height:60px; width:600px; font-size:30px; font-family:"Rajdhani",Verdana; max-width:100%; }
.header-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#ddd;
}
.header-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#ddd;
}
.header-search input::-ms-input-placeholder { /* Microsoft Edge */
  color:#ddd;
}
.align-center{ text-align:center; }
h1.underline-center{ font-size:40px; }
h1.underline-center::after{ margin:30px auto; background:#e6c8b5; }
.careers-gallery{ padding-bottom:25px; }
.careers-gallery .slick-arrow{ position:absolute; bottom:0px; left:0; width:20px; height:17px; background:url(bg/slick-left.png) no-repeat 0 0; background-size:cover; display:block; cursor:pointer; border:none; text-indent:-99999em; z-index:2000; }
.careers-gallery .slick-arrow.slick-next{ left:auto; right:0; background-image:url(bg/slick-right.png); }
.careers-top-slider{ margin-top:125px; }
.careers-top-img{ height:500px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
@media(max-width:767px) {
    .careers-top-img{ height:250px; }
}
.careers-grid-item h1 a{ color:inherit; }

.careers-bottom-item{ background-size:cover; text-align:center; height:400px; background-position:center center; }
.careers-bottom-item h1{ padding-top:100px; color:#fff; }
.careers-bottom-item.careers-tall h1{ padding-top:150px; color:#fff; }
.careers-tall{ height:600px; }
.careers-bottom-item .cta{ margin:0 auto; }
.careers-bottom-item::after{ content:""; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; }
.careers-bottom-item * { position:relative; z-index:50; }
.cta-wide{ width:100%; }
.careers-content h3{ padding-bottom:20px; }
.opening-category{ padding-top:40px; }
.container{ max-width:100%; }

.careers-top-slider .slick-dots{ position:absolute; width:100%; bottom:20px; text-align:center; }
.careers-top-slider .slick-dots li{ display:inline-block; margin:0 8px; width:10px; height:10px; padding:0; }
.careers-top-slider .slick-dots li button{ text-indent:-9999em; border:none; display:block; padding:0; background:rgba(0,0,0,0.5); border-radius:50%; overflow:hidden; cursor:pointer; width:10px; height:10px; }
.careers-top-slider .slick-dots li.slick-active button{ background:#0097dc; }

.careers-nav{ position:absolute; z-index:3000; margin:0; bottom:auto; right:auto; margin-top:-277px; width:100%; }
.careers-nav .slide-prev{ margin-left:20px; float:left; }
.careers-nav .slide-next{ margin-right:20px; float:right; }
.careers-nav .slide-prev, .careers-nav .slide-next{ background:rgba(255,255,255,0.3); }
.careers-nav .slide-prev:hover, .careers-nav .slide-next:hover{ background-color:#0097dc; }

@media(max-width:767px){
    .slide-nav.careers-nav{ display:none; }
}