@font-face {
    font-family: 'neutonlight';
    src: url('font/neuton-light-webfont.woff2') format('woff2'),
         url('font/neuton-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bebas_kairegular';
    src: url('font/bebaskai-regular-webfont.woff2') format('woff2'),
         url('font/bebaskai-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoblack';
    src: url('font/roboto-black-webfont.woff2') format('woff2'),
         url('font/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('font/roboto-bold-webfont.woff2') format('woff2'),
         url('font/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('font/roboto-light-webfont.woff2') format('woff2'),
         url('font/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body { width:100%;}
h1 { font-family:'bebas_kairegular'; font-size:73px; }
h2 { font-family:'robotolight'; font-size:26px; }
h3 { font-family:'bebas_kairegular';font-size: 40px;}
p { margin-left:auto; margin-right:auto; font-size:15px; font-family:'neutonlight';}
a {text-decoration: underline;}
main { position:relative; overflow:hidden; }
/* Video */
.responsive-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 50px;}
.responsive-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Fix fles to make columns */
.al_col-6 { width: 50%; float: left; }
.al_gallery img {padding-top: 25px;}

.detail { padding-bottom:111px; padding-top:135px; }
#slides { width:100%; color:#fff; position:relative; }
.slide { height:850px; }
.summary { padding-bottom:111px; padding-top:150px; z-index:2; }
.detail { display:none; }
/*.active .detail { display:block; }*/
#details { background:#000; position:absolute; padding-top:150px; padding-bottom:211px; top:0; left:0; width:100%; z-index:998; display:none; }
#details * { color:#fff; opacity:0; }
.toggle {display: none;}
#logo { position:absolute; top:35px; left:35px; z-index:999; }
.al_close_button { cursor:pointer; display:none; font-size:20px; color:#fff; width:80px; height:80px; position:absolute; top:40px; right:40px; z-index:999; }
img.play { cursor:pointer; margin:20px 0; display:inline-block; }
.button { display:inline-block; font-family:'robotoblack'; font-size:15px; color:#000; width:182px; height:40px; line-height:40px; background:url(./images/button-01.svg); }

.arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:100; cursor:pointer; }
.arrow.prev { left:40px; }
.arrow.next { right:40px; }

footer { padding:0;}
footer h3 { font-size:20px; }
div.contact-left {float:left;}
div.contact-right { border-left:black 2px solid; float: right; padding-left: 30px; text-align: center; }
div.contact-right img a {cursor: pointer;}

.col-centered { float: none; margin: 0 auto; }
.tagline { padding-top:13px; padding-right:10px; padding-bottom:3px; display:block; }

#footer { position:relative; padding-top:20px; z-index:9999; }
.transition { width:100%; position:absolute; bottom:100%; left:0; }

.slide { position:relative; }
.slick-slide img.slide-bg { position:absolute; display:none; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.slick-slide img.slide-bg.small { display:block; }
.slick-slide img.laurels { max-width:140%; max-height:80px; position:absolute; top:100%; left:50%; transform:translateX(-50%); margin-top:40px; }
.links { padding-top:20px; }
@media (min-width:1700px) {
}
@media (min-width:1400px) {
    #details { padding-bottom:200px; }


}
@media (min-width:992px) {

    .slick-slide img.slide-bg.large { display:block; }
    .slick-slide img.slide-bg.small { display:none; }
}
@media (max-width:992px) {
    h1 { font-family:'bebas_kairegular'; font-size:61px; }
    h2 { font-family:'robotolight'; font-size:24px; }
    p { width:100%; }
    #logo { left:50%; transform:translateX(-50%); }
    .slide { height:1000px; }
    .links { max-width:200px; }
    .transition { width:100%; height:150px; object-fit:cover; position:absolute; bottom:150px; left:0; }
}

@media (max-width:700px) {
    .slide { height: 1000px; }
    .hidden-xs, .hidden-sm { display:none; }
    .slick-slide img.laurels { display:none; }
    div.contact-left {float:none; text-align: center;}
    div.contact-right {float:none; border-left:none; padding-left: none;}
}
@media (max-width:520px) {
    .transition { width:100%; height:150px; object-fit:cover; position:absolute; bottom:180px; left:0; }
}
@media (max-width:440px) {
    .transition { width:100%; height:150px; object-fit:cover; position:absolute; bottom:214px; left:0; }
}
@media (min-width:1250px) {
    .transition { height:200px; object-fit:none; }
}
@media (min-width:1500px) {
    .slide { height:1100px; }
    .summary { padding-top:325px; }
}
@media (min-width:2500px) {
    .transition { object-fit:cover; object-position: left top; bottom:100%; height:300px; }
}
@media (min-width:2800px) {
    .slide { height:1300px; }
    .summary { padding-top:435px; }
}
