/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

 /*@-webkit-keyframes image-animation {
     from { transform: scale(1.1); }
     to { transform: scale(1.01); }
 }

 @keyframes image-animation {
     from { transform: scale(1.1) }
     to { transform: scale(1.01) }
 }*/

 @-webkit-keyframes home-image-animation {
     from { transform: scale(1.0); }
     to { transform: scale(1.05); }
 }

 @keyframes home-image-animation {
     from { transform: scale(1.0) }
     to { transform: scale(1.05) }
 }

 @/*-webkit-keyframes home-image-animation {
     from { background-size:auto 100%; background-position:top center; }
     to { background-size:auto 105%; background-position:top center; }
 }

 @keyframes home-image-animation {
   from { background-size:auto 100%; background-position:top center; }
   to { background-size:auto 105%; background-position:top center; }
 }*/

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   WordPress Core
   ========================================================================== */

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right:auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }


/* ==========================================================================
   Font declarations
   ========================================================================== */

@font-face {
    font-family: 'GT Walsheim';
    src: url('../assets/font/GT-Walsheim-Pro-Medium.eot');
    src: url('../assets/font/GT-Walsheim-Pro-Medium.eot?#iefix') format('embedded-opentype'),
         url('../assets/font/GT-Walsheim-Pro-Medium.woff') format('woff'),
         url('../assets/font/GT-Walsheim-Pro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT Walsheim';
    src: url('../assets/font/GT-Walsheim-Pro-Medium-Oblique.eot');
    src: url('../assets/font/GT-Walsheim-Pro-Medium-Oblique.eot?#iefix') format('embedded-opentype'),
         url('../assets/font/GT-Walsheim-Pro-Medium-Oblique.woff') format('woff'),
         url('../assets/font/GT-Walsheim-Pro-Medium-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}




/* ==========================================================================
   Main styles
   ========================================================================== */

body { font-family:"GT Walsheim",Helvetica,Arial,sans-serif; background-color:#fff; background-repeat:no-repeat; background-size:100% auto; background-attachment:fixed; color:#000; }
h1, h2, h3, h4, h5, h6 { font-family:"GT Walsheim",Helvetica,Arial,sans-serif; }
h3 { line-height:1.15; }

a { color:#000; text-decoration:none; transition:all .3s ease-out; }
a:hover { text-decoration:underline; color:#000; transition:all .3s ease-out; }

h2 { font-size:1.6rem; }

button, .button { font-family:"GT Walsheim",Helvetica,Arial,sans-serif; background-color:#fff000; color:#000; font-weight:normal; padding:.5rem 1rem .3rem; }
button:hover, button:focus, .button:hover, .button:focus { background-color:#eee000; color:#000; text-decoration:none; }

ul.social { position:relative; list-style-type:none; margin:0; }
ul.social li { display:inline-block; }
ul.social li + li { margin-left:1rem; }


a .fa { transition:.5s all ease-out; -webkit-transform:scale(1); transform:scale(1); }
a:hover .fa { transition:.1s all ease-out; -webkit-transform:scale(1.2); transform:scale(1.2); }

.hilite { background-color:#fff000; padding:0 2px; }

.row.fullwidthrow { max-width:100%; }

/* ==========================================================================
   Intro
   ========================================================================== */

.intro { position:relative; overflow:hidden; background:#000; }
.intro h1 { z-index:3; }
.intro .social { display:none; position:absolute; top:2rem; right:5rem; margin:0; padding:0; z-index:3; }
.intro .social li { }
.intro .social li a { color:#fff; }
.intro .social li a:hover { color:#fff000; }

.intro .main-image { z-index:2; overflow:hidden; }
.slick-slide { overflow:hidden; position:relative; }
/*.slick-slide img { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); transition:all 10s ease-in-out; }
.slick-slide.slick-active img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); transition:all 10s ease-in-out; }*/
.slick-slide.slick-active img, .slick-slide.slick-active .bacground-pic { animation:home-image-animation 10s ease-in-out forwards; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.intro .bacground-pic { visibility:hidden; }
.slick-initialized .bacground-pic { visibility:visible; }



/* ==========================================================================
   Parts
   ========================================================================== */

.parts-thumbs {  }
.parts-thumbs li {  }
.parts-thumbs li a { display:block; line-height:2.5; }
.parts-thumbs li a:hover { color:#fff000; text-decoration:none; }
.parts-thumbs li i {  }





/* ==========================================================================
   Default-block definitions
   ========================================================================== */

.parts { background:#fff; }
.news {  }
.events { background:#e4e4e4; }
.location { background:#fff; }
.insta { background-color:#fff000; }
.videos { background-color:#e4e4e4; }
.friends { background:#fff; min-height:0; }

.default-block { position:relative; }
.default-block-inner { padding:0; }
.default-block-inner h2 { padding-bottom:0; }

.default-block.insta .default-block-inner h2, .default-block.videos .default-block-inner h2{padding-bottom: 2rem; }


/* ==========================================================================
   Default-block-grid
   ========================================================================== */

.default-block-grid { margin:0; -webkit-backface-visibility:hidden; }
.default-block-grid li.item { padding:0; cursor:pointer; transition:.3s all ease-in-out; }
.default-block-grid li.item .item-image { overflow:hidden; /*background:#000;*/ }
.default-block-grid li.item .item-image img { width:100%; transition:.1s all ease-out; -webkit-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0); outline: 1px solid transparent; }
.default-block-grid li.item:hover { background:#000; color:#fff; cursor:pointer; transition:.3s all ease-in-out; }
.default-block-grid li.item:hover a { color:#fff; cursor:pointer; }
.default-block-grid li.item:hover .item-image img { /*transition:5s all ease-in-out; -webkit-transform:scale(1.2); transform:scale(1.2);*/  }
.default-block-grid li.item:hover .item-image img { transition:5s all ease-in-out; -webkit-transform:scale(1.2) translateZ(0); transform:scale(1.2) translateZ(0); outline: 1px solid transparent; }
.default-block-grid li.item article { position:relative; }
.default-block-grid li.item .item-content { /*padding:1.2rem 2rem 1rem;*/ padding:1.2rem 1rem 1rem; }
.default-block-grid li.item .item-link { margin-top:1rem; text-decoration:underline; }
.default-block-grid li.item .item-date { font-size:1.6875rem; }
.default-block-grid li.item .item-headline { margin-bottom:.8rem; }

/* ==========================================================================
   Varia
   ========================================================================== */



.top-bar { z-index:3; }
.top-bar .title-area { z-index:10; }





.all-items { text-align:right; }
.news .default-block-content article { background:none; }

.newsletter-block { background-color:#fff; }
.archive .newsletter-block { background-color:#e4e4e4; }
.archive .newsletter-block .row { background-color:#fff; }
.archive .newsletter-block .row .column { padding:0; }
.newsletter-block label { font-size:1.5rem; padding:1rem 0 0 1.5rem; }
.newsletter-block form { display:block; position:relative; background:#000; /*margin-right:-0.9375rem;*/ }
.newsletter-block form input { margin:0; background:#000; border:none; padding:2rem 6rem 2rem 1rem; color:#fff; font-size:1.5rem; line-height:normal; }
.newsletter-block form input:focus { background:#000; color:#fff; }
.newsletter-block form button { position:absolute; top:50%; right:1rem; margin:-1rem 0 0;  }
.newsletter-block form button:hover { background-color:#fff; }

.events { overflow:hidden; }
.events .default-block-content { background:#000; /*width:200%;*/ }
.events .default-block-content article { background:none; }
.events li.item {  color:#fff; }
.events li.item.slick-slide {  }
.events li.item a { color:#fff; }
.events li.item .item-image { }
.events li.item:hover { background:#fff000; color:#000; }
.events li.item:hover a { color:#000; }
.events .slick-arrow { display:none !important; }


.location .default-block-inner { padding:0; background:#e4e4e4; }
.location h2 { display:none; }
.location .location-content { padding: 1.2rem 0 0; }
.location .location-header img { border-bottom:1px solid #fff; }
.location .attachment-large { margin:2rem 0; }

.insta > .row > .column { padding-bottom:0; }
.insta .default-block-inner { background-color:#000; color:#fff; }
.insta h2 { color:#fff; }
.insta .insta-content { padding:0 2rem; text-align:center;  }
.insta .insta-content li { background-image:none !important; }

.video-thumbs { list-style-type:none; }
.video-thumbs li { float:left; width:300px; margin:0 .5rem; text-align:center; outline: none; display:none; }
.video-thumbs li.slick-slide { display:block; }
.video-thumbs li h3 { margin:.5rem 0 0; }
.video-thumb { overflow:hidden; background-color:#000; background-size:cover; }
.video-thumb a { display:block; width:100%; height:225px; }
.video-thumb img { display:none; }
.videos .slick-arrow { display:block; position:absolute; top:100px; background-color:transparent; font-size:1.5rem; font-family:FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; padding:.5rem; }
.videos .slick-arrow.slick-prev { left:-35px; transition:.2s all ease-out; }
.videos .slick-arrow.slick-prev:hover { left:-38px; transition:.2s all ease-out; }
.videos .slick-arrow.slick-next { right:-35px; transition:.2s all ease-out; }
.videos .slick-arrow.slick-next:hover { right:-38px; transition:.2s all ease-out; }
.videos .slick-arrow.slick-prev::after { display:block; content:"\2190"; }
.videos .slick-arrow.slick-next::after { display:block; content:"\2192"; }

.friends-inner { padding:4rem 0; }
.friends h2 { display:none; }
.friends-thumbs { text-align:center; }
.friends .attachment-large { margin-bottom:2rem; }

.spot-cross-section { margin:2rem 0; }
.spot-cross-section img { width:100%; height:auto; }

/*.admin-bar {margin-top:32px;}*/






[data-magellan-expedition-clone] .sub-nav a, [data-magellan-expedition] .sub-nav a { line-height:1.4em; }

.sub-menu-ul { max-width:62.5rem; width:100%; /*border:1px solid gray;*/ }


.events-nav-left a, .events-nav-right a { color:#fff; }

.reveal-modal-bg {  }

.sub-nav dt, .sub-nav dd, .sub-nav li { font-family:"GT Walsheim",Helvetica,Arial,sans-serif;  }
.sub-nav dt a, .sub-nav dd a, .sub-nav li a { display:block; }
.magellan-container.fixed { display:none; top:-100px; }

.start { overflow:hidden; background-color:#232323; /*background-repeat:no-repeat; background-position:center center;*/  }
.start .bacground-pic { /*animation: image-animation 10s ease-in-out forwards; -webkit-transform:translateZ(0); transform:translateZ(0); outline: 1px solid transparent;*/ }
div.start img { }


.info-inner { line-height:1.6; }
.info-inner h2 { text-align:center; }
/*
.news-shot { max-height:550px; overflow:hidden; }
*/
.news-shot img { width:100%; }

.gallery-wrapper { height:320px; overflow:hidden;  }
.gallery-wrapper .slick-arrow { display:none !important; }
.gallery-wrapper .slick-slider { /*border:1px solid green;*/ }
.gallery-wrapper .slick-slider .slick-track a.photo { height:100%; }
.gallery-wrapper .slick-slider .slick-track a.photo img { display:block; }

.eu { position:absolute; width:135px; height:80px; background-image:url(../images/eu.svg); background-repeat:no-repeat; background-position:top center; background-size:contain; z-index:3; }

.media-inner .image-block {
    position: relative;
    display: inline-block;
    height: 400px;
    overflow: hidden;
    cursor: pointer;
    background-color:#000;
    background-size:cover;
    background-position:center center;
}
.image-info {
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    height: 400px;
    padding: 30px;
    text-align: left;
    color:#fff;
    transition:.3s all ease-out;
}

div.start h1 { position: absolute; left:0; right:0; text-align:center; color: #fff; text-transform: uppercase; z-index: 10; line-height:normal; }

div.sticky-nav { position:absolute; bottom:1.5rem; width:100%; }
.sub-nav { padding-top: 0; }
.sub-nav dd { float: none; display: inline-block; color: #fff; margin-left: 0; }
.sub-nav dd a { color: #fff; }
.sub-nav dd a:hover { color: #000; background: #fff000; }
.sub-nav dd.active a, .sub-nav dt.active a, .sub-nav li.active a { border-radius:0; background:#fff000; color:#000; }
.sub-nav dd.active a:hover, .sub-nav dt.active a:hover, .sub-nav li.active a:hover { background:#fff000; color:#000; }
.sub-nav dd[data-magellan-arrival="galerii"] { display:none; }

.info-menu ul {
    margin-left: 0;
}
.info-menu ul li {
    display: block;
}
.info-menu ul li a {
    position:relative;
    display: inline-block;
    font-size: 2rem;
    padding: 5px 0;
    margin: 0 30px;
    color: #fff;
    text-decoration:none;
    line-height:1;
}

.info-menu ul li a.active:after {
    content: '';

    width: 100%;
    position: absolute;
    left: 0;
    bottom: 6px;

    border-width: 0 0 2px;
    border-style: solid;
}

/* ==========================================================================
   Events List
   ========================================================================== */
.events-item {
    padding: 30px 1rem;
    overflow:hidden;
}
.events-item:hover {
    background: #fff000;
    cursor: pointer;
}
.events-item:hover h3,
.events-item:hover a {
    color: #000;
}
.events-item:hover .tag {
    color: #fff;
    background: #232323;
}
.events-item h3 {
    color: #fff;
}
.event-image {
    background: #ccc;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.event-img {
	position:relative;
	/*position:absolute;*/
    width: 100%;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.event-img img{
    display: none;
    border: none;
    height: 290px;
    width: auto;
}
.events-item .events-date {

}
.events-item.last-event { border-bottom:0; }


/*  ========================================================================
    Uudised
    ======================================================================== */

article { background: #232323; }
article h1 { color: #000; line-height: 1; margin: 0; }
article p { /*line-height: 1.2;*/ }
/*article p:last-child { margin-bottom: 2.2rem; }*/
article a:hover { text-decoration: none; }
article .row.headline-bar { background: #fff; }
article .row.topic-bar { background: #fff; padding: 3rem 0 3rem; }
div.topic-data { margin-top: 1.5rem; }
span.time { display: inline-block; vertical-align: top; margin-right: 2.5rem; }
div.topic-data span.tags { display: inline-block; vertical-align: top; }
div.topic-data span.tags span.capital { text-transform: uppercase; }

div.btn-wrapper { margin-top: 2rem; }
div.btn-wrapper.bmx { margin: 4.5rem 0 1rem; }
div.btn-wrapper a.btn { display: inline-block; font-size: .85rem; background: #fff000; text-align: center; padding: .5rem 1rem; line-height:normal; }
div.btn-wrapper.bmx a.btn.dark { width: 130px; height: 30px; color: #fff; background: #000; margin-bottom: 1rem; }

div.btn-wrapper a.btn:hover { text-decoration: none; }
div.btn-wrapper.bmx a.btn.dark:hover { color: #000; background: #fff000; }

div.network { margin-top: 2.2rem; }
div.network span { display: inline-block; text-transform: uppercase; margin-right: 1rem; }
div.icon-wrapper { display: inline-block; }
div.icon-wrapper a.facebook { display: inline-block; margin-right: .5rem; }
div.icon-wrapper a.twitter { margin-right: 0; }

article .row.x-scroll-bar { padding: 1.25rem 0; }
a.arrow { display: inline-block; height: 1.5rem; margin-left: -0.9375rem; }
a.arrow.r { float: right; margin: 0 -0.9375rem 0 0; }
a.arrow span { display: inline-block; height: 1.5rem; line-height: 1.5rem; color: #fff; padding-left: .75rem; }
a.arrow.r span { padding-left: 0; padding-right: .75rem; }
.fa-long-arrow-left, .fa-long-arrow-right { color: #fff; }

div.btn-wrapper {  }


/* ==========================================================================
   Follow Form
   ========================================================================== */
.follow-form-wrapper {
    width: 900px;
    position: relative;
    margin: 100px auto;
}
.follow-form-title {
    float: left;
    display: inline-block;
    width: 40%;
    background: #FFF;
    color: #000;
    padding: 20px 10px;
    font-size: 2rem;

    font-weight: normal;
    height: 68px;
}
.follow-form-wrapper button {
    position: absolute;
    top: 18px;
    right: 16px;
}
input.follow-form-input {
    float: left;
    display: inline-block;
    width: 60%;
    border: none;
    background: #000;
    color: #fff;
    padding: 20px 100px 20px 10px;
    font-size: 2rem;

    font-weight: normal;
    height: 68px;
}
input.follow-form-input:focus {
    background: #000;
    color: #fff;
}
.events-links-tags .tag.disabled {
    background: #ccc;
}
.middle-title h4 {
    text-align: center;
    margin: 200px 0 40px;
    color: #fff;

}
.inner-title.white {
    background: #fff;
}
.inner-title.white h1 {
    color: #000;
}
.inner-title h1 {
    text-transform: uppercase;
}
.light-bg {
    background: #fff;
}
p.split {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.info-inner img {
    margin: 20px 0;
}
.info-inner {
    padding-bottom: 50px;
}
.info-inner h2 {
    padding: 60px 0 15px;
}
.info-inner h3 {
    padding-bottom: 20px;
}
.info-inner iframe {
    width: 100%;
    height: 400px;
    padding-bottom: 20px;
}

.white .info-menu ul li a {
    color: #000;
}
.info-menu ul li a.active {
    /*text-decoration: underline;*/
}
.media-inner {
    text-align: center;
    font-size: 0;
    margin-bottom:2rem;
}

.media-inner .image-block img { height:100%; width:auto; max-width:none; display:none; }
.media-inner .image-block:hover .image-info {
    opacity: 1;
    background: #fff000;
    transition:.3s all ease-out;
}
.image-info span {
    display: block;
    font-size: 1.5rem;
	line-height:2rem;
    color: #fff;
}
.image-info span.date {
	margin-top:1rem;
}
.media-inner .image-block:hover .image-info span {
    color:#000;
}
.ohther-images-container { display:none; }

.worker-block {
    text-align: center;
    margin-bottom:2rem;
}
.worker-block.first {
    margin-left: 0;
}

.worker-block .team-image { background-color:#333; background-repeat:no-repeat; background-position:center center; background-size:cover; height:270px; overflow:hidden; margin-bottom:1rem; }
.worker-block .team-image img { display:none; }

.price-table {
    margin: 20px 0;
    width: 100%;
    height: 500px;
    background: green;
}
.price-table-button {
    text-align: center;
}
.price-table-button button {
    font-size: 1.5rem;
}
.schedule-block {
    margin-bottom: 40px;
    text-align: center;
}
.schedule-title {
    padding: 7px 0;
    font-size: 1.5rem;
}
.schedule-numbers {
    font-size: 1.5rem;
    margin-bottom: 10px;
}





div.ppt { margin:0 0 20px 15px !important; }
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { display:none !important; }
div.pp_default .pp_content_container .pp_left { background:none !important; padding-left:20px !important; }
div.pp_default .pp_content_container .pp_right { background:none !important; padding-right:20px !important; }
div.pp_default .pp_expand { display:none !important; }
a.pp_next, div.pp_default .pp_next:hover,
a.pp_previous, div.pp_default .pp_previous:hover { background:none !important; }
div.pp_default .pp_close { background-image:url(../images/prettyPhoto/spot/close.svg) !important; background-position:0 0 !important; background-size:contain !important; width:2rem !important; height:2rem !important; }
a.pp_close { position:fixed !important; top:1rem !important; right:1rem !important;  }
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { display:none !important; }
div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position:absolute !important; top:0; left:0; }
div.pp_default .pp_nav { position:static !important; }
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background-repeat:no-repeat !important; position:fixed !important; float:none !important; top:42%; width:70px !important; height: 30px !important; }
div.pp_default a.pp_arrow_previous { background:url(../images/prettyPhoto/spot/btnPrevious.svg) no-repeat 0 0 !important; background-size:contain !important; left:10px; background-position:top left !important; }
div.pp_default a.pp_arrow_next { background:url(../images/prettyPhoto/spot/btnNext.svg) no-repeat 0 0 !important; background-size:contain !important; right:10px; left:auto !important; background-position:top right !important; }
div.pp_default .pp_nav .currentTextHolder { top:-30px !important; right:0 !important; left:auto !important; font-family:"GT Walsheim",Helvetica,Arial,sans-serif !important; font-size:1rem !important; font-style:normal !important; color:#fff !important; }
div.pp_default .pp_content_container .pp_details { /*height:100% !important;*/ }
.pp_content { margin:0 !important; }
div.pp_default .pp_content, div.light_rounded .pp_content { background:none !important; }
div.pp_default .pp_description { color:#fff !important; position:fixed !important; top:auto !important; left:0 !important; bottom:0 !important; font-size:1rem !important; font-family:"GT Walsheim",Helvetica,Arial,sans-serif !important; display:block !important; line-height:1.6 !important; padding:.3rem 1rem;  }
.pp_gallery { display:none !important; }


/* ==========================================================================
   Footer
   ========================================================================== */

body > footer { background-color:#fff000; padding:2rem 0; line-height:1.6; }
body > footer ul.menu { position:relative; margin:0; padding:0; list-style-type:none; text-align:center; }
body > footer ul.menu > li { /*float:left;*/ margin:0 2rem 0 0; padding:0; display:inline-block; vertical-align:top; text-align:left; }
body > footer ul.menu > li ul { margin:0; padding:0; list-style-type:none; }
body > footer ul.menu > li ul li { margin:0; padding:0; text-align:left; }
body > footer ul.menu > li ul li ul { display:none; }


#map-canvas { height:500px; }
.location-map{margin-bottom:1rem;}


.all-items a { display:inline-block; padding-right:2rem; margin-top:1.3rem; }
.all-items a::after { content:"\f178"; display:inline-block; margin-left:.3rem; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:.2s all ease-out; }
.all-items a:hover::after { margin-left:.5rem; margin-right:-.2rem; transition:.2s all ease-out; }

.reveal-modal-bg { background:rgba(0,0,0,0.8);  }

#searchmodal { background-color:transparent; border:none; box-shadow:none; }
#searchmodal h2 { display:none; }
#searchmodal a.close-reveal-modal { /*display:none;*/ font-weight:normal; }
#searchmodal a.close-reveal-modal:hover { text-decoration:none; }
#searchmodal input { background:transparent; border:none; box-shadow:none; color:#fff; font-size:2.5rem; text-align:center; height:auto; }

.search-results { color:#fff; text-align:center; list-style-type:none; }
.search-results a { color:#fff; }

.inner-title h1 {
    color: #fff;
}





/*  ========================================================================
    EXTRA.CSS
    ======================================================================== */


html, body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { color: #000; /*margin: 0;*/ }
figure { margin: 0; }
div.flex-video { padding-top: 0; margin: 0; }
a.photo { display: block; line-height: 0; height:270px; background-color:#000; background-size:cover; background-position:center center; }
a.photo img { display:none; }


/*  ========================================================================
    Keskus-MTB & Keskus-MBX RACE
    ======================================================================== */

div.start { position: relative; }
/*div.start img { width: 2560px; max-height: 545px; max-width:none; }*/
.bacground-pic { width:100%; height:100%; position:absolute; background-position:center center; }
div.start .info { position:fixed; top:10px; z-index:100;}
div.start h1.bmx { right: 42%; }

/* Magellan Sticky Nav */
/* add additional wrapper to put minus margin-top to it (adding minus margin-top to [data-magellan-expedition] will cancel its fixed effect) */

[data-magellan-expedition] { min-width: auto; background: none; text-align: center; padding: 10px 0; z-index: 1000; }


div.draft { background: #fff; padding: 2rem 0; min-height:20rem; }
div.draft p {  margin-bottom:0; /*font-size: 1.2rem; line-height: 1.2; margin-bottom: .75rem;*/ }
div.brief span { font-size: 0.85rem; }
span.script { display: block; font-size: .85rem; margin-top: 1.75rem }
span.script.s { margin: 1rem 0; }
div.news-video { background: #fff000; }
div.keskuses { background: #e4e4e4; text-align: center; padding: 2rem 0; }
div.treenerid { background: #fff; text-align: center; padding: 2rem 0; }
div.galerii { background: #232323; display:none; }
div.kalender { background: #fff; padding: 2rem 0; display:none; }
div.keskuses h4, div.treenerid h4 { text-transform: uppercase; }
div.galerii h4, div.kalender h4 { color: #fff; text-transform: uppercase; text-align: center; font-size:1.6rem; }
div.galerii h4.dark, div.kalender h4.dark { color: #000; }
div.treenerid h5 { font-size: 1.2rem; }
div.keskuses div.row.service-wrapper, div.treenerid div.row.trainer-wrapper, div.kalender div.row.calendar-wrapper { padding: 1.5rem 0; }
div.service-type, div.trainer { padding: 1.5rem 1.5rem; }
div.type span.name { display: block; font-size: 1.2rem; margin-top: .5rem; }
div.trainer-data { /*padding-top: 1rem;*/ }
div.trainer-data a.email { font-size: 0.85rem; }
div.galerii div.topic { padding: 1.2rem 0; }
div.galerii div.topic.white { background: #fff; }
/* use ".default-block-grid ul li" structure to overwrite [class*="block-grid-"]>li in foundation.css */
div.default-block-grid ul li.gallery { padding: 0; }
div.list-wrapper { padding: 0 .5rem; margin: 2rem 0; }
div.list-wrapper ul { font-size: 0.85rem; margin-bottom: 0; }

/*  ========================================================================
    Uudised-Edasi
    ======================================================================== */

div.uudised { background: #232323; }
div.uudised div.topic { text-align: center; padding: 2.5rem 0; }
div.uudised h1 { color: #fff; text-transform: uppercase; }
/* use ".default-block-grid ul li" structure to overwrite [class*="block-grid-"]>li in foundation.css */

.news-wrapper { background-color:#cdcccc; }
div.default-block-grid ul li.news-item { padding: 0; background-color:#cdcccc; overflow:hidden; cursor:pointer; }
div.default-block-grid ul li.news-item:hover { background-color:#fff000; }
div.default-block-grid ul li.news-item article { background:none; }
div.default-block-grid ul li.news-item article h3 { margin-bottom:.8rem; }
div.item-wrapper { padding:1rem; position:relative; }
div.item-wrapper h5 { font-size:1.2rem; line-height:1.2; }
span.capital-tag { display: block; font-size: .95rem; text-transform: uppercase; margin-top: .5rem; }
span.script.gap { margin-top: .75rem; }
div.edasi {  }
div.edasi a { font-size: .85rem; text-decoration: underline; }

div.newsletter-block.box { background: #e4e4e4; padding: 3rem 0; }
div.newsletter-block label { height: 64px; line-height: 64px; background: #fff; padding: 0 1rem; }

/*  ========================================================================
    logi
    ======================================================================== */

div.login-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-fade.png) repeat; z-index: 100; }
div.login { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; z-index: 100; }
div.login-container { margin-top: 2rem; }
div.login-wrapper { background: #fff000; text-align: center; padding: 2.5rem 1.75rem; }
div.login-wrapper h2 { font-size: 2rem; text-transform: uppercase; margin-bottom: 3rem; }
div.login-wrapper a i.fa-remove { position: absolute; top: 1rem; right: 2rem; font-size: 2rem; }
div.login-wrapper a i.fa-remove:hover { color: #fff; }
div.login-wrapper input[type="text"] { height: 5rem; font-size: 2rem; color: #d6d6d6; text-align: center; border: none; padding: 1rem; margin-bottom: 1.75rem; }
button.login-btn { float: left; width: 42%; height: 70px; font-size: 1.25rem; background: #fff; padding: 1rem 2rem; margin: 3rem 0; }
button.login-btn.dark { float: right; color: #fff; background: #000; }
div.login-wrapper a.question { display: block; font-size: 1.2rem; }

/* ==========================================================================
   Content Image
   ========================================================================== */
.inner-title {
    text-align: center;
}


/* ==========================================================================
   Events
   ========================================================================== */
.events-inner-block {
    background: #fff;
}


.events-tags .tag,
.events-links-tags .tag{
    padding: 5px 10px;
    background: #fff000;
    color: #000;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}
.events-tags .tag +  .tag,
.events-links-tags .tag + .tag {
	margin-left: 20px;
}
.events-links-tags .events-readmore {
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    margin-right: 20px;
}
.events-navigation {
    background: #232323;
    color: #fff;
}
.events-nav-left {
    padding: 30px 0;
    float: left;
}
.events-nav-right {
    padding: 30px 0;
    float: right;
}
.events-nav-left a, .events-nav-right a { display:inline-block; }
.events-nav-left a:before {
    content: "\2190";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:.3rem;
}
.events-nav-right a:after {
    content: "\2192";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     margin-left:.3rem;
}
.share-content-block {
    margin: 40px 0 10px;
}
.share-content-block .social {
    display: inline-block;
}
.share-content-block .social li {
    font-size:1.2rem;
}
.share-text {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    font-size:1.2rem;
    text-transform: uppercase;
}
.dark-bg {
    background: #232323;
}

.how-to-come-emty-row { height:2rem; }





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */



/* Small screens */
/* Define mobile styles */
@media only screen {

  body.admin-bar > header { top:46px; }

	.top-bar .title-area .name h2 { margin:0 1rem 0 0; }
	.top-bar .title-area .name h2 a { display:block; width:100px; height:46px; background-color:#fff000; background-image:url(../images/spot-logo-wide.svg); background-repeat:no-repeat; background-position:bottom center; background-size:100px 46px; text-indent:-900em; transition:none; margin-left:.6rem; }
	.top-bar.expanded .title-area .name h2 a { height:45px; }
	header.fixed .top-bar .title-area .name h2 { margin:0 1rem 0 0; }
	header.fixed .top-bar .title-area .name h2 a { width:95px; height:45px;  }
	.top-bar-section ul.right { text-align:right; }
	.top-bar-section li.search { display:none; }
	.top-bar-section li.login { display:none; }
	.top-bar-section li.lang { display:none; }

	.top-bar-section ul li>a { font-size:1rem; font-family:"GT Walsheim",Helvetica,Arial,sans-serif; }
	.top-bar-section .has-dropdown>a:after { content:"\2192"; border:none; width:14px; height:10px; margin-top:-1px; line-height:0; font-family:"FontAwesome"; }
	.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {  }
	.top-bar-section .dropdown li.parent-link { display:none !important; }
	.top-bar-section .dropdown li.title h5 a { display:block; position:relative; overflow:hidden; width:100%; text-indent:-900em;	 }
	.top-bar-section .dropdown li.title h5 a:after { position:absolute; top:.5rem; left:1rem; font-family:"FontAwesome"; content:"\2190"; text-indent:0; }

	.top-bar-section ul li.active>a { background:#fff000; color:#000; }
	.top-bar-section ul li.active>a:hover { background:#fff000; color:#000; }

header .mobile-lang { position:absolute; top:.5rem; right:3rem; list-style-type:none; margin:/*2.8125rem 0*/ 0; z-index:4; font-size:1.2rem; /*background:#fff000;*/ padding:.3rem .5rem .2rem; line-height:normal;  }
	header .mobile-lang li { display:inline-block; }
	header .mobile-lang li + li { margin-left:1rem; }
	header .mobile-lang li a { color:#fff; }
	.top-bar.expanded + .mobile-lang { display:none; }


	.default-block { /*margin:0 0 0 -.9375rem;*/ }
	/*.default-block > .row > .column { padding-left:0; padding-right:0; }*/

	.default-block { overflow:hidden; }
	.default-block > .row > .column { padding-left:0; padding-right:0; }
	.default-block.info-inner > .row > .column { padding-left:.9375rem; padding-right:.9375rem; }

	.default-block-inner { /*padding:.5rem 0;*/ padding:0; /*margin-left:-.9375rem; margin-right:-.9375rem;*/ }
	.default-block-inner h2 { position:relative; text-align:left; text-transform:lowercase; cursor:pointer; padding:.5rem 1rem; }
	.default-block-inner h2::after { position:absolute; display:block; content:"\f175"; width:10px; height:20px; top:.5rem; right:1rem; font-family:"FontAwesome"; }
	.opened .default-block-inner h2::after { content:"\f176"; }
	.default-block-header .column { padding:0; }

	.default-block.news .default-block-inner h2 { color:#fff; }

	.default-block.news .default-block-inner h2,
	.default-block.events .default-block-inner h2 { padding-left:2rem; padding-right:2rem; }

	.default-block.news .default-block-inner h2::after,
	.default-block.events .default-block-inner h2::after { right:2rem; }

	.newsletter-block { display:none; }
	.archive .newsletter-block { display:block; }

	.intro { background:#fff000; /*height:70%;*/ padding-bottom:3rem;   }
	.intro h1 { position:relative; font-size:1.6rem; color:#000; line-height:1.3; margin:0; padding:1rem 1rem 1rem; }
	.intro .social { display:none; }
	.intro .eu { width:100px; height:70px; right:.5rem; bottom:3.5rem; }
	.intro .howto { position:absolute; bottom:0; left:0; right:0; z-index:4; font-weight:normal; text-align:left; }
	.intro .howto a { display:block; font-size:1.6rem; background:#000; color:#fff; padding:1rem 1rem; text-decoration:none; }

	.default-block-grid li.item .item-image { height:246px; }
	.default-block-grid li.item .item-image.without-image { display:none; }
	.default-block.insta { display:none; }

	.news { background-color:#fff; }
	.news-block { margin-bottom:0; background-color:#fff; }
	.news-block .default-block-header { background-color:#000; }

	.events li.item { border-top:1px solid #fff; border-bottom:1px solid #fff; }
	.events li.item + li.item { margin-top:-1px; }

	.events-navigation { padding:0 1rem; }
	.single-news .events-navigation { padding:0; }

	.default-block.toggle-block .parts-thumbs,
	.default-block.toggle-block .all-items,
	.default-block.toggle-block .default-block-content { display:none; }

	.default-block-inner h2 { margin:0; }
	.default-block.toggle-block.opened {  }

	.default-block.toggle-block.opened .parts-thumbs,
	.default-block.toggle-block.opened .all-items,
	.default-block.toggle-block.opened .default-block-content { display:block; }

	body > footer .footer-row-menu { display:none; }
	body > footer .footer-row-cross { display:none; }
	body > footer .social { text-align:center; font-size:1.5rem; }

	.parts-thumbs { margin:0 .5rem; }
	.parts-thumbs li a { /*padding-left:1rem;*/ }
	.parts-thumbs li i { margin-right:1rem; }
	.default-block.location { display:none; }
	.default-block.videos { display:none; }
	.default-block.friends .default-block-inner { padding-top:1rem; margin:0 1rem; }

	.top-bar-section ul.main-menu .dropdown .dropdown li a i { margin-right:1rem; }
	.media-inner .image-block { width: 100%; }
	.image-info { width: 100%; }


	.start, .intro .slick-slide { height:380px; }
  .bacground-pic { background-size:cover; }
  /*.slick-slide .bacground-pic { background-size:100% auto; }*/
  /*.main-image, .main-image .slick-list, .main-image .slick-list .slick-track { height:500px; }*/
	/*div.start img { height:500px; }*/

	div.start h1 { top:20%; font-size:2.125rem; }

	div.sticky-nav { bottom:1rem; }
	.sub-nav dd { display:block; font-size:1.5rem; padding:0 1rem; }

	div.btn-wrapper { text-align:center; }
	div.btn-wrapper.bmx a.btn.dark:first-child {  }

	.info-menu ul li a { font-size:1.5rem; }
	.inner-title h1 { margin-top:2rem; }

	.events-item { border-top:1px solid #fff; border-bottom:1px solid #fff; }
	.events-item + .events-item { margin-top:-1px; }
	.event-img { margin:-30px -0.9375rem 1rem; height:200px; width:110%; }
	.event-img.without-image { height:0; }

	article .row.headline-bar { padding: 3rem 0 2rem; }

	div.edasi { margin-top: 1rem; }

	.events-inner-block { padding: 2rem 1rem; }

  /*.bacground-pic { background-size:cover; }*/
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	/*.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; }
	.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
	a.pp_close { right: 7%!important; top: 10px!important; }*/


}


/* Medium screens */
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {

	.row { max-width:100%; }

	body > header { position:fixed; top:0; left:0; right:0; z-index:99; }
	body.admin-bar > header { top:32px; }

	/*.top-bar { overflow:hidden; }
	.top-bar .toggle-topbar { display:block; }
	.top-bar .title-area { float:none; }*/

	.top-bar .title-area .name h2 a { margin-left:.6rem; }



	.intro { height:60%; background:#000; }
	.intro h1 { position:absolute; left:1rem; bottom:2rem; width:20rem; font-size:2rem; color:#fff; line-height:1.3; padding:0; }
	.intro .social { display:block; font-size:1.5rem; }
	.intro .eu { width:135px; height:80px; right:5rem; bottom:2.7rem; }
	.intro .howto { position:absolute; bottom:65%; left:auto; right:0; z-index:3; font-weight:normal; text-align:center; }
	.intro .howto a { display:block; padding:.8rem 1rem .6rem; background-color:#fff000; color:#000; font-size:1.3rem; -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform:rotate(-90deg); -ms-transform-origin:100% 100%; -webkit-transform-origin:100% 100%; transform-origin:100% 100%; cursor:pointer; }
	.intro .howto a:hover { background-color:#fff; padding:1.2rem 1rem 1rem; text-decoration:none; }


	.default-block.toggle-block .parts-thumbs,
	.default-block.toggle-block .all-items,
	.default-block.toggle-block .default-block-content { display:block; }

	.default-block.toggle-block.opened .parts-thumbs,
	.default-block.toggle-block.opened .all-items,
	.default-block.toggle-block.opened .default-block-content { display:block; }

	.default-block-grid li.item .item-image { height:180px; }
	.default-block-grid li.item .item-image.without-image { display:block; }
	.default-block.insta { display:block; }
	.default-block-inner { padding:2rem 0; }
	.default-block-inner h2 { padding-bottom:1rem; text-align:center; text-transform:uppercase; cursor:default; margin-top:.2rem; margin-bottom:.5rem; }
	.default-block-inner h2::after { display:none; }
	.default-block-header .column { padding:1rem 0; }
	.default-block.news .default-block-inner h2 { color:#000; }
	.default-block.news .default-block-inner { padding-top:0; }
	.default-block.news .default-block-inner .default-block-header { background-color:#fff000; }
	.default-block.news .item-content { position:relative; height:15rem; }
  .default-block.news .item-content .item-item { margin-bottom:2rem; height:11rem; }
  .default-block.news .item-content .item-link { position:absolute; bottom:.5rem; }

	.default-block.friends .default-block-inner { padding:2rem 0; }

	.default-block.image { min-height:7rem; }
	.default-block.image img { width:100%; }

	.location-content { margin:0 .9375rem 0 -.5rem; }


	/*.default-block.news { background-color:#e4e4e4; }*/

	.news { background-color:#fff000; }

	.news-block { margin-bottom:0; background-color:#e4e4e4; }
	.news-block .default-block-header { background-color:#e4e4e4; }
  .newsletter-block { margin-top:2rem; }

	.events .default-block-inner { padding:1rem 0 0; }
	.events-inner-block { padding: 2rem 1rem; }
	.events-date { text-align:left; }
	.events-time { display:block; }
	.events-tags { margin:1rem 0; text-align:left; }
	.events-inner-block  h3 { margin:0 0 2rem; text-align:left; }
	.events-inner-block .events-date h3 { margin:0 0 3rem; }
	.events li.item { display:none; width:25%; border-top:none; border-bottom:none; }
	.events li.item.slick-slide { display:block; }
	.events li.item + li.item { margin-top:0; }

	.default-block.location, .default-block.videos { display:block; }

	.friends-thumbs { margin:0; }


	body > footer { padding:2rem 1rem; }
	body > footer .footer-row-menu { display:block; }
	body > footer .footer-row-menu .column { position:relative; }
	body > footer .footer-row-menu .eu { position:relative; margin:1rem 0 0 auto; }
	body > footer .footer-row-cross { display:block; }
	body > footer .social { text-align:left; font-size:1.5rem; }
	body > footer ul.menu { /*margin-left:15%;*/ }

	.newsletter-block { display:block; padding:3rem 0; }
	.home .newsletter-block { padding:0; }
	.news-inner .default-block-header{padding:1rem 0 0 0;}





	.inner-title h1 { font-size:6rem; margin:120px 0 40px; color:#fff; }

	.parts-thumbs { margin:2rem 0; }
	.parts-thumbs li { text-align:center; padding-bottom:6.5rem; height:7rem; font-size:1.4rem; overflow:visible;  }
	.parts-thumbs li i { display:block; /*transition:.3s all ease-in-out;*/ height:20px; margin-right:0; }
	.parts-thumbs li a { padding-left:0; }
	.parts-thumbs li a:hover i { font-size:1.5rem; /*transition:.3s all ease-in-out;*/ margin-top:-2px; margin-bottom:2px; }
  .parts-thumbs li div.btn-wrapper { margin-top: 1rem; display:none; } /* AJUTINE! */

	.video-thumbs { margin:0 2rem; }
	.media-inner .image-block { width: 400px; }
	.image-info { width: 400px; }

	.start, .intro, .intro .slick-slide { height:600px; }
  /*.main-image, .main-image .slick-list, .main-image .slick-list .slick-track { height:600px; }*/
  .bacground-pic { background-size:cover; }
  .intro, .start { margin-top:45px; }
  .intro { padding-bottom:0; }

  /*.admin-bar .intro { margin-top:77px; }*/

  /*.start { background-size:cover; }*/
	/*div.start img { display:none; height:600px; }*/

	div.start h1 { top:40%; font-size:6rem; }

	div.sticky-nav { /*margin-top:-106px;*/ }
	.sub-nav dd { display:inline-block; font-size:2rem; padding:0 1rem; }

	div.btn-wrapper { /*text-align:left;*/ }
	.service-type div.btn-wrapper { text-align:center; }
	div.btn-wrapper.bmx a.btn.dark:first-child { margin-right: 2rem; }

	.info-menu ul li { display:inline-block; }
	.info-menu ul li a { font-size:2rem; }
	.events-item { min-height:220px; }
	.events-item { border-top:3px solid #fff; border-bottom:3px solid #fff; }
	.events-item + .events-item { margin-top:-3px; }


	.event-img { margin:-30px 0 -30px -30px; height:300px; width:100%; }
	.event-img.without-image { height:61px; }

	div.item-wrapper { height:18rem; }
  div.item-wrapper .item-item { height:13rem; overflow:hidden; }

	.twocolumn { -webkit-column-count:2; -moz-column-count:2; column-count:2; margin-bottom:2rem; }

	article .row.headline-bar { padding: 7rem 0 2rem; }

	div.edasi { position:absolute; bottom:1rem; }

  .newsletter-block form { margin-left:-.9375rem; }

  /*.bacground-pic { background-size:contain; }*/
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

}

/* Medium screens */
/* Landscape iPhone6 */
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
	.intro h1 { bottom:.3rem; }
	.intro .social { top:3.5rem; right:4rem; }
	.intro .eu { bottom:1rem; right:4rem; }
	.intro .howto { width:40%; bottom:100%;  }
	div.start h1 { top:28%; font-size:6rem; }
	div.sticky-nav { bottom:.5rem; }
}

/* Medium screens */
/* Portrait tablet */
@media only screen and (min-device-width: 40.063em) and (max-device-width: 1024px) and (orientation:portrait) {
	.intro { height:40%; }
	.intro .howto { bottom:65%; }
}


@media only screen and (max-width: 782px) {
  body.admin-bar > header { top:46px; }
  #wpadminbar { position:fixed !important; }
}


/* Large screens */
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {

	.row { max-width:62.5rem; }

  body.scrolled > header { box-shadow: 0 0 50px rgba(0,0,0,.15); }

	.top-bar .title-area .name h2 { margin:0 1rem 0 2rem; }
	.top-bar .title-area .name h2 a { overflow:hidden; position:relative; width:150px; height:155px; margin-left:0; background-position:bottom center; background-size:150px 155px; -webkit-transition:all 1s .2s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all 1s .2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .scrolled	.top-bar .title-area .name h2 a { height:45px; background-size:150px 155px; -webkit-transition:all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .top-bar .title-area .name h2 a::after { display:block; position:absolute; top:-45px; left:0; content:" "; width:150px; height:45px; background-image:url(../images/spot-logo-wide.svg); background-repeat:no-repeat; background-position:bottom center; background-size:auto 45px; -webkit-transition:all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
  .scrolled	.top-bar .title-area .name h2 a::after { top:0px; -webkit-transition:all 1s .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all 1s .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  /*header.fixed .top-bar .title-area .name h2 { margin:0 1rem 0 2rem; }
	header.fixed .top-bar .title-area .name h2 a { width:180px; height:80px; margin-left:0; }*/

	header .mobile-lang { display:none; }

	.top-bar-section ul.right { text-align:left; }
	.top-bar-section li.search { display:inline-block; margin-left:10px; background:transparent; }
	.top-bar-section li.search:not(.has-form) a:not(.button) { width:32px; height:32px; overflow:hidden;  background-image:url(../images/search.svg) !important; background-repeat:no-repeat; background-size:80%; background-position:center center; text-indent:-900em; }
	.top-bar-section li.search:not(.has-form):hover a:not(.button) { background-color:transparent; background-image:url(../images/search.svg) !important; background-size:90%; background-repeat:no-repeat; background-position:center center; }
	.top-bar-section li.login { display:inline-block; }
	.top-bar-section li.lang { display:inline-block; }

	.top-bar .title-area { position:absolute; top:0; left:0; }

	.top-bar .title-area .name h2 a { display:block; background-image:url(../images/spot-logo.svg); background-repeat:no-repeat; background-size:contain; text-indent:-900em; }
	/*header.fixed .top-bar .title-area .name h2 a { background-image:url(../images/spot-logo-wide.svg); }*/
	.top-bar-section ul.main-menu { display:block; }

  .default-block { min-height:300px; margin:0; }
  .default-block.news { min-height:0; }
  .default-block.news .default-block-inner { padding-top:0; }

  .default-block > .row > .column { padding-left:.9375rem; padding-right:.9375rem; }
  /*.default-block.info-inner > .row > .column { padding-left:.9375rem; padding-right:.9375rem; }*/

	.intro, .start { height:420px; margin-top:45px; }
  .start, .intro, .intro .slick-slide { height:600px; /*600px*/ }
  /*.main-image, .main-image .slick-list, .main-image .slick-list .slick-track { height:420px;  }*/
	.intro .howto { bottom:60%; }
	.intro .howto a { font-size:1rem; padding:.5rem 1rem .3rem; }
	.intro .howto a:hover { padding:.8rem 1rem .6rem; }
	.intro .social { /*font-size:1rem;*/ top:2.3rem; right:2.5rem; }
	.intro .eu { right:2.5rem; bottom:2.7rem; }
	.intro h1 { left:2rem; }


	footer .social { font-size:1rem; }



	.default-block-grid li.item .item-image { height:249px; }

	.video-thumbs { margin:0 1rem; }

	div.item-wrapper { height:18rem; padding:2rem; }

	.top-bar-section .divider, .top-bar-section [role="separator"] { display:none; }

	.top-bar { background:#e5e5e5; }
	.top-bar-section li:not(.has-form) a:not(.button) { background:#e5e5e5; }
	.top-bar-section .has-dropdown>a { padding-right:0.9375rem !important; }
	.top-bar-section .has-dropdown>a:after { display:none; }

	.top-bar-section ul.main-menu { z-index:5; }
	.top-bar-section ul li { float:none; display:inline-block; }

	div.start h1 { top:40%; font-size:6rem; }
	div.sticky-nav { bottom:1.5rem; }

	/* 1. tase */

	.top-bar-section ul li>a { font-family:"GT Walsheim",Helvetica,Arial,sans-serif; font-size:1rem; color:#000; /*text-transform:lowercase;*/ }
	.top-bar-section ul li:hover:not(.has-form) > a { color:#000; background-color:#fff000; background:#fff000; text-decoration:none; }
	/*.top-bar-section li:not(.has-form) a:not(.button) { background:transparent; }*/
	.top-bar-section li:not(.has-form) a:not(.button):hover { background-color:#fff000; background:#fff000; }

	.top-bar-section li.active:not(.has-form) a:not(.button) { background:#fff000; color:#000; }
	.top-bar-section li.active:not(.has-form) a:not(.button):hover { background:#fff000; }

	.top-bar-section .sub-menu { display:none; z-index:5; }    /* TODO: tuunida */
	.top-bar-section .menu-item-has-children:hover > .sub-menu { position:absolute; display:block; text-align:center; width:100%; /*max-width:62.5rem;*/ }
	.top-bar-section .menu-item-has-children:hover > .sub-menu::after { position:absolute; content:" "; /*border:1px solid red;*/ height:4rem; top:2.8125rem; left:0; right:0; } /* Extra hover area */
	.top-bar-section .menu-item-has-children .menu-item-has-children:hover > .sub-menu::after { display:none; } /* Extra hover area */
	.top-bar-section .menu-item-has-children:hover > .sub-menu li { display:inline-block; position:static; }


	.top-bar-section ul.main-menu { margin:0 auto; /*display:block;*/ text-align:center; position:static; /*width:100%;*/ max-width:62.5rem; /*border:1px solid pink;*/ }  /* TODO: tuunida */
	.top-bar-section ul.main-menu > li { position:static; }

	.top-bar-section .dropdown li { width:auto; }
	.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { display:none; }


	/* 2. tase */

	.top-bar-section ul.main-menu .dropdown { background:#000; position:absolute; left:0; right:0; top:45px; /*border:1px dashed red;*/ }
	.top-bar-section ul.main-menu .dropdown li:not(.has-form):not(.active)>a:not(.button) { background:#000; }
	.top-bar-section ul.main-menu .dropdown li:not(.has-form):not(.active):hover>a:not(.button) { color:#000; background:#fff; }
	.top-bar-section ul.main-menu .dropdown li.active:not(.has-form) a:not(.button) { background:#fff; color:#000; }
	.top-bar-section ul.main-menu .dropdown .has-dropdown.hover>.dropdown, .top-bar-section ul.main-menu s.dropdown .has-dropdown.not-click:hover>.dropdown { /*width:100%; max-width:30rem;*/ /*position: relative !important;*/ }
	.top-bar-section ul.main-menu .dropdown li.back, .top-bar-section ul.main-menu .dropdown li.parent-link { display:none; }

	/* 3. tase */

	.top-bar-section ul.main-menu .dropdown .dropdown { background:#ffffc8; min-width:30rem; width:40rem; max-width:40rem; padding:4rem 3rem 1rem; left:auto; right:auto; position:relative !important; /*border:1px dashed green;*/ }
	.top-bar-section ul.main-menu .dropdown .dropdown li { background:#ffffc8; width:32%; margin-bottom:2rem; }
	.top-bar-section ul.main-menu .dropdown .dropdown li:not(.has-form):not(.active)>a:not(.button) { color:#000; background:#ffffc8; }
	.top-bar-section ul.main-menu .dropdown .dropdown li a:hover { color:#fff000; }
	.top-bar-section ul.main-menu .dropdown .dropdown li:hover a { color:#fff000 !important; }
	.top-bar-section ul.main-menu .dropdown .dropdown li a i { display:block; margin-bottom:-.3rem; margin-right:0; }
	.top-bar-section ul.main-menu .dropdown .dropdown li.active:not(.has-form) a:not(.button) { background:#ffffc8; color:#fff000; }





	/* right menu */
	.top-bar-section ul.right { display:inline-block; margin:.4rem .5rem 0 0; position:absolute; top:0; right:0; }
	.top-bar-section ul.right li { float:left; display:block; }
	.top-bar-section ul.right li:not(.has-form) a:not(.button) { display:inline-block; line-height:36px; padding:0 .5rem !important; height:32px; }


	.top-bar-section li.login:not(.has-form) a:not(.button) { background:#fff000; }
	.top-bar-section li.lang:not(.has-form) a:not(.button) { background:#fff; text-transform:uppercase; }

	/*.pp_gallery { display:block !important; }*/

	.events > .row > .column { padding-left:.9375rem; padding-right:.9375rem; }
	.events-inner-block { padding: 2rem 3rem; }


	body > footer .footer-row-menu .eu { position:absolute; top:0; right:1rem; margin:0; }

	.all-items a { padding-right:1rem; }

  .default-block.news .item-content { position:relative; height:16rem; }
  .default-block.news .item-content .item-item { height: 12rem; }

  .newsletter-block form { margin-left:-.65rem; }
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {

}



/* XLarge screens */
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
  .start, .intro, .intro .slick-slide { height:700px; }
  .main-image, .main-image .slick-list, .main-image .slick-list .slick-track { height:700px; }

}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {

}

@media only screen and (min-width: 1681px) {
  .bacground-pic { background-size:auto; background-position:center center; }

}

/* XXLarge screens */
/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {

}





@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}