html { margin: 0px; padding: 0px; width: 100%; height: 100%; }
body { background-color: transparent; width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif; color: #666666; font-weight: 300; font-size: 18px; }

h1 { font-weight: 500; }

a, a:active, a:link, a:visited { text-decoration: none; color: #ed7900; }
a:hover { text-decoration: none; color: #a48272; }

.welcome { position: absolute; color: #ffffff; text-align: center; width: 100%; margin: auto; top: 50px; }
.logo { position: fixed; top: 80px; left: 50%; margin-left: -95px; z-index: 101; z-index: 1; }

.welcome_h1 { font-size: 70px; font-weight: 300; }

.panel-layer { position: relative; width: 100%; padding-top: 600px; }
.panel-layer-1 { z-index: 1; }
.panel-layer>.background { background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 100%; position: absolute; width: 100%; top: 0px; }
.panel-layer>.background>img { display: none; }
.panel-layer-1>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_00.jpg); }
.panel-layer-2>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_01.jpg); }
.panel-layer-3>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_02.jpg); }
.panel-layer-4>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_03.jpg); }
.panel-layer-5>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_04.jpg); }
.panel-layer-6>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_05.jpg); }
.panel-layer-7>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_06.jpg); }
.panel-layer-8>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_07.jpg); }
.panel-layer-9>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_08.jpg); }
.panel-layer-10>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_09.jpg); }
.panel-layer-11>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_10.jpg); }
.panel-layer-12>.background { background-image: url(/templates/legopaev.ee/pictures/backgrounds/legopaev_bg_11.jpg); }


.text { position: relative; width: 100%; z-index: 2; }
.text>.background { position: absolute; width: 100%; height: 100%; background: #ffffff; z-index: 0; }
.text>.content { position: relative; width: 900px; margin: auto; z-index: 1; padding-top: 40px; padding-bottom: 40px; }

.dash_title { font-size: 16px; width: 100%; color: #493c4c; display: block; clear: both; }

.dash-glob { border-left: 1px solid #CCCCCC; margin-bottom: 20px; }

#countdown_dashboard { text-align: center; }
#countdown_dashboard .dash-glob:first-child { margin-left: 0; border-left: none; }

.digit { color: #493c4c; font-size: 100px; font-weight: 300; display: inline-block; overflow: hidden; text-align: center; height: 110px; line-height: 110px; position: relative; vertical-align: middle; }

.contacts { position: fixed; right: 0px; top: 0px; bottom: 0px; width: 40px; background: #ffffff; z-index: 101; }
.contacts>div.social-media-logo { position: relative; padding: 8px; }
.contacts>div.social-media-logo img { position: relative; width: 100%; }
.rotate>div { position: absolute; top: -10px; right: 0px; }
.rotate { position: absolute; left: 24px; top: 270px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.gallery>div { position: relative; display: inline-block; width: 120px; height: 120px; margin: 10px; overflow: hidden; cursor: pointer; }
.gallery>div>img { position: absolute; height: 100%; top: -1000px; left: -1000px; bottom: -1000px; right: -1000px; margin: auto; }

.supporters>div { position: relative; display: inline-block; margin: 10px; }

.theme { position: relative; margin-bottom: 20px; }
.theme>.picture { position: relative; }
.theme>.picture>img { position: relative; width: 100%; }
.theme>.text { position: absolute; height: 100%; width: 100%; display: none; top: 0px; }
.theme:hover>.text { display: block; }
.theme>.text>h1 { position: absolute; top: 20px; width: 100%; z-index: 1; text-align: center; padding-left: 10px; padding-right: 10px; }
.theme>.text>.description { position: absolute; top: 100px; width: 100%; z-index: 1; text-align: center; padding-left: 10px; padding-right: 10px; }
.theme>.text>.background { position: absolute; height: 100%; width: 100%; background: #ffffff; opacity: 0.9; z-index: 0; }

.question { font-weight: 700; cursor: pointer; }
.answer { display: none; list-style-type: none; }

.overlay { position: fixed; display: none; width: 100%; height: 100%; z-index: 100000; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: center; }
.overlay>.background { position: absolute; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter: alpha(opacity=50); z-index: 1000; }

.overlay>.picture { position: absolute; width: 100%; height: 100%; z-index: 1001; display: none; }
.overlay>.picture>img { position: relative; margin: auto; z-index: 2; max-width: 100%; max-height: 100%; }
.overlay>.picture>.next { position: absolute; cursor: pointer; top: 50%; margin-top: -25px; right: 20px; z-index: 1003; color: #ffffff; font-size: 40px; }
.overlay>.picture>.previous { position: absolute; cursor: pointer; top: 50%; margin-top: -25px; left: 20px; z-index: 1003; color: #ffffff; font-size: 40px; }
.overlay>.close_btn { position: absolute; cursor: pointer; top: 20px; right: 20px; overflow: hidden; z-index: 1003;  color: #ffffff; font-size: 40px; }

.overlay-email { position: fixed; width: 500px; height: 720px; z-index: 100000; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: center; }
.overlay-email>iframe { width: 500px; height: 720px; z-index: 1001; }
.overlay-email>.close_btn { position: absolute; cursor: pointer; top: 20px; right: 20px; overflow: hidden; z-index: 1003;  color: #ffffff; font-size: 40px; }


.navigation { position: fixed; z-index: 100; top: 0px; left: 0px; right: 0px; background: #bb0404; }
.navigation>.links { text-align: center;  }
.navigation>.links>.link { padding: 10px; display: inline-block; }
.navigation>.links>.link a { color: #ffffff; }
.navigation>.links>.link a:hover { text-decoration: underline; }

.navigation>.language { position: absolute; right: 50px; top: 10px; display: none; }
.navigation>.language>a { color: #ffffff; }
.navigation>.language.active { display: block; }

label { font-weight: 100; }


.videowrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.background-2019 { position: absolute; width: 100%; height: 100%; z-index: 1000; }
.background-2019>.countdown { z-index: 11; position: absolute; width: 100%; text-align: center; height: 200px; top: 50%; margin-top: -100px; }
.background-2019>.countdown>div { width: 820px; margin: auto; }
.background-2019>.picture { background-image: url(/templates/legopaev.ee/pictures/backgrounds/background_2019.jpg); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; top: 0px; z-index: 10; }

.open { display: none; }

@media all and (max-width: 900px) {
    body { font-size: 14px; }

    .open { display: block; cursor: pointer; }
    .navigation>.links { display: none; height: 36px; }
    .navigation>.links>.link { display: block; text-align: left; background: #bb0404; font-size: 1.8rem; }
    .welcome { top: 20px; }
    .welcome_h1 { font-size: 20px; font-weight: 300; }

    .logoFront { text-align: center; padding-left: 20px; }
    .logoFront img { width: 40%; height: auto; }

    .logo { top: 80px; margin-left: -50px; width: 100px; }
    .logo>img { width: 100%; }

    .text>.content { position: relative; width: 100%; margin: auto; z-index: 1; margin-top: 40px; margin-bottom: 40px; padding: 10px; }
    .contacts { display: none; }

    .digit { font-size: 50px; }

    .panel-layer { display: flex; flex-direction: column; padding-top: inherit; }
    .panel-layer-1 { z-index: 1; }
    .panel-layer>.background { background-size: contain; background-attachment: inherit; height: auto; position: relative; }
    .panel-layer>.background>img { display: inherit; width: 100%; }
    .text { margin-top: auto; align-self: flex-start; position: relative; }

    .theme>.text { display: block; }

    .theme>.text>h1 { font-size: 20px; top: 50px; margin-top: 10px; }
    .theme>.text>.description { font-size: 10px; top: 90px; }


    .background-2019>.countdown { margin-top: -70px; }
    .background-2019>.countdown h1 { font-size: 20px; top: 0px; }
    .background-2019>.countdown>div { width: 370px; }
    .background-2019>.countdown .digit { font-size: 35px; line-height: 40px; height: 50px; }
}

@media all and (max-width: 600px) {
    .digit { font-size: 20px; height: 30px; line-height: 30px; }
    h1 { font-size: 30px; }

    .theme>.text>h1 { font-size: 20px; top: 10px; margin-top: 10px; }
    .theme>.text>.description { font-size: 10px; top: 50px; }

    .background-2019>.countdown { margin-top: -70px; }
    .background-2019>.countdown h1 { font-size: 20px; top: 0px; }
    .background-2019>.countdown>div { width: 100%; }
    .background-2019>.countdown .digit { font-size: 20px; height: 40px; line-height: 30px; }

}

.row { margin-right: 0px; }