html {margin: 0;padding: 0;}
body {margin: 0;padding: 0;overflow-y: scroll;min-width: 260px;font-size: 14px;line-height: 2;font-family: 'Ubuntu', sans-serif;background: #fff;color: #606060;}

a, a:focus {color: #2c5aa8;text-decoration: none;cursor: pointer;outline: none;}
a:hover {color: #000;text-decoration:none;}
a img {	border: none;}
p {padding: 0 0 10px 0;margin: 0;}
/*p, ul, ol {-webkit-user-select: none;-webkit-touch-callout: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}*/
ul, ol {margin: 10px 0 10px 10px;}
hr {background: #dcd7ca;border: none;clear: both;height: 1px;margin: 10px 0;	padding: 0;width: 100%;}
sup {font-size: 75%}

.full-width {	width: 100%;}
.max-width {max-width: 100%;}
.v-top {vertical-align: top;}
.small {font-size: 13px;color: #606060;}
.very-small {	font-size: 11px;	line-height: 1.2;}
.gray {color: #f5efe0;}
.clear {display: block;height: 0;clear: both;}
.sprite {background-position: top left;background-repeat: no-repeat;}
.sprite:hover {background-position: bottom left;background-repeat: no-repeat;}
.nowrap {	white-space: nowrap;}
.uc {display: block;padding: 80px 20px;text-align: center;font-size: 30px;color: #C1C1C1;}
.no-gutter > [class*="col-"] {padding-right: 0;  padding-left: 0;}

h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0.8em;font-weight: 100;	line-height: 1.2;font-family: 'Ubuntu', sans-serif;}
h1 {font-size: 2.4em;font-family: 'Ubuntu', sans-serif;}
h2 {font-size: 1.9em;font-family: 'Ubuntu', sans-serif;}
h3 {font-size: 1.6em;font-family: 'Ubuntu', sans-serif;}
h4 {font-size: 1.3em;font-family: 'Ubuntu', sans-serif;}
h5 {font-size: 1.2em;font-family: 'Ubuntu', sans-serif;}
h6 {font-size: 1.1em;font-family: 'Ubuntu', sans-serif;}
p{ font-family: 'Ubuntu', sans-serif;}
b, strong {font-weight: bold;}
.info p {text-align: justify;display: block;}
p {font-size: 16px;}
p.captcha-clear{text-align: center; font-size: 12px;}

#main{max-width: 600px; width: 100%; margin: 0 auto;}

#main.page-report{width: 100%; max-width: 1200px;}

.worksheet-title{font-size: 18px; font-weight: bold; line-height: 1.3; background-color: #2c5aa8; color: #fff; border-radius: 10px 10px 0 0; text-align: center; padding: 10px 25px;}
.worksheet-title.review, h1.show{font-size: 18px; background-color: #EEB713; color: #2c5aa8; border-radius: 10px; border: 0; padding: 10px 25px;}
.worksheet-lead{border-radius: 0 0 10px 10px; padding: 10px 25px; line-height: 1.6; border: 2px solid #2c5aa8; border-top: 0;}
.worksheet-lead.review-info{border-radius: 10px; border-top: 2px solid; border-color: #EEB713;}

.img-left, .img-right {float: none;margin: 0 0 20px 0;display: block;}
.img-border {border: 3px solid #6f6f6f;}
a:hover .img-border {	border: 3px solid #2c5aa8;}

table {	border-collapse: collapse;width: 100%;font-size: 20px;margin-bottom: 20px;}
td, th {font-size: 16px;padding: 10px 0px;line-height: 1.2;text-align: left;}
.td-number{text-align: end;}
.number{text-align: center; background-color: #6ba5d9; border-radius: 100%; color: #fff;height: 50px;width: 50px;display: inline-block;line-height: 50px;}
i, em {	font-style: italic;}

.msg {display: block;color:red;text-align:center;font-size: 20px;font-family: 'Ubuntu', sans-serif;}
.ending {display: block;text-align:center;font-size: 18px;font-family: 'Ubuntu', sans-serif;}
iframe {max-width: 100%;}
.no-border, .no-border td, .no-border th {border: 0;}
.center-xs, .t-right.center-xs, .t-left.center-xs {	text-align: center}
.small-xs {	font-size: 80%;}

.show-hide-head{text-align:center;cursor:pointer;padding:5px 10px;background-color:#888;color:#fff;transition:0.3s;font-size:1.3em;font-weight:bold;border-radius: 40px;margin-top: 50px;}
.show-hide-head:hover,.show-hide-head.current{background-color:#f3742d;transition:0.3s;}
.show-hide-content{display: none;padding: 15px;margin-bottom: 30px;border-radius: 0 0 5px 5px;}
.cse-ums-submit{margin:10px 0;}
.input,.input-line,#cse-ums-input, #captcha{display:block;width:100%;border:2px solid #d6d6d6;background:#fff;padding:10px;line-height:1.2;color:#000;border-radius:10px;}
textarea.input,textarea.input-line{min-height:200px;}
#captcha{display: inline-block;}
select, .text-input{display:block;width:100%;border:2px solid #d6d6d6;background:#fff; padding:10px;line-height:1.2;color:#000;border-radius:10px;}
select.completed{border-color: #719c8b; background-color: #eef7f3;}
select:disabled {background-color: #f0f0f0; border: 2px dotted #999;cursor: not-allowed;}

.question-label{display: inline; max-width: 100%;margin-bottom: 5px;font-weight: 700;}
.form-table td{padding:5px 8px 5px 0;vertical-align:top;color:#a1a5af;border:none !important;}
a.button, .button, .cse-ums-submit, .newsletter-button, button{display:block; position: relative; margin: auto; padding:0 40px 0 0; margin-top: 10px; background:#3f74ce;color:#ffffff;text-align:right; width: 100%; cursor:pointer;border: 10px solid #3f74ce; border-radius: 10px; font-size: 14px; font-weight: bold; line-height: 2; transition: 0.4s; background-image: url(../images/layout/next.svg); background-position: right; background-size: auto 80%; background-repeat: no-repeat;}
.button.small{font-size: 12px; background-image: url(../images/layout/previous.svg); background-position: left; text-align: left; padding:0 0 0 40px;}
.button.cancel{border-color:#96979a;color:#96979a;}
.button:hover, .cse-ums-submit:hover, .newsletter-button:hover{background-color:#414141; border-color: #414141; color:#ffffff;}
.button {display: block;margin: auto;}
#nickname-button {display:none;width: 100%;margin: 0px;}
.button.drawing-button, .button.photograph-button{border: 2px solid #6ba5d9;border-radius: 30px;width: 190px;background: transparent;color: #6ba5d9;margin-bottom: 20px;}
#captcha-container{font-size:12px;}
#captcha-required{color:red;}
#captcha-img, #new-captcha-img{border:1px solid #adadad;margin:4px 0;width:130px;background-color:#fff;}
#captchaimage{display:block; text-align: center;}
#captcha-refresh{display:block; text-align: center;}
#captcha{width:130px;}

.progress-bar{border-radius: 10px; overflow: hidden;margin-bottom: 30px;}
.progress-bar-step{display:block; position: relative; float:left; width:16.6%; background-color: #e2e2e2; color:#808080; text-align: center; font-size: 13px; font-weight: bold; height: 40px; line-height: 40px; padding-left: 15px;}
.progress-bar-step::after{content: ""; position: absolute; z-index: 1; top:0; right: -39.5px; width: 0px;height: 0px; border: 20px solid transparent; border-left-color: #e2e2e2;  pointer-events: none; cursor: default;}
a.progress-bar-step{background-color: #2c5aa8; color:#fff;} a.progress-bar-step::after{border-left-color: #2c5aa8;}
.progress-bar-step.selected{background-color: #EEB713; color:#2c5aa8;}
.progress-bar-step.selected::after{border-left-color: #EEB713;}
a.progress-bar-step:hover{background-color: #3769be; color:#fff;}
a.progress-bar-step:hover::after{border-left-color: #3769be;}


.wrap {position: relative;width: 100%;}
.wrap-menu{background-color: #f9f2dc}
.wrap-lang {background-color: rgba(255,255,255,0.5);position: relative; padding:10px 0; width: 100%; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); z-index: 1500; border-radius: 0 0 10px 10px;}
#top-wrap {padding: 5px 0;background-color: #2c5aa8;}
#header-wrap {padding: 10px 0;background-color: #fff;}

.wrap-lang .logo {height: 65px;display: inline-block;}
.logo-eu{height: 35px; margin-top:20px; display: inline-block;}

#logo {	width: 170px;max-width: 80%;display: block;margin: auto;}
#lang-menu-link-gr, #lang-menu-link-en {display: inline-block;	width: 26px;	height: 26px;}
#lang-menu{position:absolute;right:10px;top:7px;}
.lang-menu-link{display:inline-block;width:40px;height:40px;border-radius: 100%;}
.lang-menu-icon{width:30px;height:30px;display:block;border-radius:100%;}
.lang-menu-label-long{display:none;}
.lang-menu-label-short{display:none;}
.enter-title{font-size: 20px;font-weight: bold;text-align: center;margin-top: 2px;display:block;}

.wrap-main {min-height: 420px; padding: 50px 15px 80px 15px;}
.fake-apple img , .apple img{display: block;margin: auto;width: 100%}

.wrap.wrap-footer{color:#ffff;position: fixed; bottom: 0; left: 0; width: 100%; padding:10px 0; background-color: rgba(255,255,255,0.5); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); z-index: 1500;}
.social{margin:25px 0 0;}
.social img{display:inline-block;border-radius:100%;opacity:0.7;margin:6px;box-shadow:-5px 5px 10px rgba(0,0,0,0.2);width: 40px;}
.social a:hover img{opacity:1;}
.bottom-menu{margin-bottom:40px;}
.bottom-item-link{display:inline-block;margin:0 15px;color:#ffff;}
.bottom-item-link:hover{color:#6ba5d9;text-decoration: none;}
.logged-info {margin-top: 35px;}

a.home-button {text-decoration: none;line-height: 1.5}
.home-button {width: 100%;height: 50px;display: block;text-align: center; color: #000;border-radius:5px;font-weight: bold;font-size: 16px;margin-bottom: 25px;border: 2px solid #d6d6d6;}
.home-button.selected {background-image: linear-gradient(to right, #2c5aa8 , #2c5aa8);color: #fff;border:none;line-height: 1.5}
.form {padding: 25px;border-radius: 10px; background-color: #fff; border: 2px solid rgba(0, 0, 0, 0.06);}
.form.messageform {padding: 20px;min-height: 350px;}
.form.photographform {padding: 20px;min-height: 235px;margin-bottom: 20px;}
.col-xs-6.no-gap-r { padding-right: 0px;}
.col-xs-6.no-gap-l {padding-left: 0px;}
.button.login{margin-top: 42px;width: 100%;}
/*.button.registration {width: 100%}*/
.form.anon{padding: 0px; border:none;}
.button.anon-registration {width: 40%;color:#6ba5d9;background-color:#fff;border:1px dotted #eee;font-size: 12px; padding:0 10px 0 0; line-height: 1; text-align: center; }
.good-luck{color: #2c5aa8;font-size: 20px;display: block;text-align: center;}

.preloader{display: none;}
.photograph-loader{text-align: center;}
.word-box{display: none;text-align: center;}
.puzzle-info {display: none;}
.puzzle-show {display: block;}


.show {font-size: 24px;text-align: center;margin: 20px 0px;font-family: 'Ubuntu', sans-serif;color: #fff;background-color: #2c5aa8;line-height: 1.5;border-radius: 8px;border: solid 1px #2c5aa8}
.show.question{background-color: #2c5aa8;font-size: 17px;}
.show.small, .show.spotify{font-size: 10px;padding: 4px;margin: 0px;margin-bottom: 10px;}

img.map{width: 100%;height: auto;}
iframe {width: 100%;}

.continue-btn {background-image: linear-gradient(to right, #6ba5d9 , #6ba5d9);color: #fff;display: block;text-align: center;border-radius: 5px; font-weight: bold;font-size: 24px;width: 160px;height: 50px;margin: auto;margin-top: 20px;padding-top:11px;}
.back-btn {font-size: 20px;}

.scan {font-size: 22px;color: #065032; font-weight: bold;text-align: center; display: block; line-height: 1.3;margin-bottom: 15px; text-shadow: 0 0 black;}
#reader{display:inline-block;width:360px;}
.scanner-button{position:fixed;padding:5px;border-radius:0 0 0 5px;background-color:#6ba5d9;top:0;right:0;width:40px;}
.scanner-button:hover{background-color:#222;transition:0.3s}
.scanner-image{max-width:100%}

.ums-checkbox-list{list-style-type: none; display: block; margin: 0; padding: 5px 8px; border-radius: 10px; border: 2px solid #c7c7c7;}
.ums-radio-list > li{display: inline-block;padding: 0 10px;}
.ums-radio-list label, .ums-checkbox-list label {cursor: pointer;font-weight: normal;}
input[type=checkbox], input[type=radio] {cursor: pointer;}


.bg-entry{ position: relative; background-size: cover; background-position: center;display: block; width: 100%; padding: 0;}
.bg-entry .bg-entry-content{position:relative;display: block;margin: auto;  width: 600px; max-width:100%; padding:30px; background-color: #fff; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); backdrop-filter: blur(5px); border-radius: 20px; color:#000; }
.bg-entry-content p{text-align: center; margin-bottom:20px; line-height: 1.3;}


.overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.4);transition:0.3s;}
.message-tile{display: grid;align-items: center;position:relative;height:100px;text-overflow: ellipsis;overflow: hidden;background-size:cover;background-position:center;padding:0px;color:#fff;text-align:center;line-height:1.5;}
.message-tile:hover{color:#fff;}
.message-tile:hover .overlay{background:rgba(0,0,0,0.7);}
.selected.message-tile{border: 2px solid #fff;}

.no-gutter > [class*='col-'] {padding-right: 0;padding-left: 0;}
.row.same-height-xs{display:flex;}

.fancybox-message {display: none;}

.sponsor img {width: 100%;display: inline-block;}
.sponsor span {width: 49%;display: inline-block;font-size: 12px;}
.sponsor p {text-align: center;color: #606060;width:100%;margin: auto;display: block;}

.membership span{display: block;text-align: justify;}

.logout{border: none;background: none;color: #606060;}
.logout:hover {color: #6ba5d9}


.game-img{width: 50px;position: relative;left: 125px;top: -25px;transform: rotate(25deg);}
.button-text{display: block;text-align: center;margin: auto;height: 0px;}
.game-btn{display: block;text-align: center;margin-bottom: 20px;}

#scroll-top{position:fixed;bottom:5px;right:0px;display:none;width:40px;height:40px;padding-top:10px;border-radius:20px 0 0 20px;border:2px solid #2c5aa8; background-color: #2c5aa8; border-right: 0; z-index:3000;text-align:center;}
#scroll-top span{display:inline-block;width:15px;height:15px;border:3px solid #fff;border-left:0;border-bottom:0;transform:rotate(-45deg);transition:0.5s;}
#scroll-top:hover span{transform: scaleX(-1) rotate(-45deg);}

.button.end-btn{padding:10px 30px;width: 100%;display: block;margin: auto;background: #cd211a;color: #fff;text-align: center;cursor: pointer;border: 1px solid #8f1611;border-radius: 8px;margin-bottom: 10px;transition: 0.4s}
.button.end-btn:hover{color:#cd211a; background-color:#f9f2dc}
.end-ponts td, .end-ponts th{padding-right: 10px}
.end-text{text-align: center;display: block;margin-bottom: 20px;font-size: 18px;}
.button.back {width: 100%;display: block;margin:auto;margin-top: 10px;}

.leaderboard .button.back {height: 30px;padding: 0px;width: 200px;}
.leaderboard-table th,  .statistics-table td, .statistics-table th{text-align:center !important;border:1px solid #dbdbdb !important;padding:5px 2px;background-color: #2c5aa8; color: #fff;font-size: 16px;}
.leaderboard-table td {text-align:center !important;border:1px solid #dbdbdb !important;padding:5px 2px; font-size: 16px;}
.leaderboard-table, .statistics-table {width:100%}
.leaderboard-row-grey {background-color:#ebebeb !important}
.leaderboard-row-white {background-color:#f9f9f9 !important}
table.dataTable thead th {padding: 10px 0px 15px 0px;vertical-align:middle;}
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc{background-position-x: center;background-position-y:bottom;}
.embed-title {text-align: center;font-size: 20px;color: #41639b;}

.gal3-preloader {min-height: 200px;text-align: center;}
.gal3-container {text-align: center;margin: 10px 0 10px 0;}
.gal3-thumb {display: inline-block;vertical-align: middle;text-align: center;background: rgba(255, 255, 255, 0.6);border: 1px solid #9b9b9b;border-radius: 4px;overflow: hidden;}
.gal3-thumb {width: 30%;height: 100px;padding: 2px;margin:0 1% 1% 0;}
.gal3-link {display: block;width: 100%;height: 100%;border-radius: 3px;overflow: hidden;opacity: 0.7;background-size: cover;background-position: center;background-repeat: no-repeat;transition: 0.3s;}
.gal3-link:hover {opacity: 1;}
.gal-left-container {text-align: center;margin: 10px 0 10px 0;}
.gal-left-thumb {display: inline-block;vertical-align: middle;text-align: center;background: rgba(255, 255, 255, 0.6);border: 1px solid #9b9b9b;border-radius: 4px;overflow: hidden;width: 150px;height: 100px;padding: 2px;margin: 4px 2px;}
.gal-left-thumb a, .gal-home-thumb a {display: block;width: 100%;height: 100%;border-radius: 3px;overflow: hidden;opacity: 1;background-size: cover;background-position: center;background-repeat: no-repeat;transition: 0.3s;}
.gal-left-thumb:hover {border: 1px solid #555;}

#top-menu{transition:top 0.3s;}

.menu-item{position:relative;display:inline-block;margin:0 10px;}
.menu-item.more::after{content:"";display:block;width:6px;height:6px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(135deg);position:absolute;top:13px;right:0px;transition:0.2s;}
.menu-item.more:hover::after{border-top:2px solid #2c5aa8;border-right:2px solid #2c5aa8;transform:rotate(-45deg);top:16px;}
.menu-item .menu-item-link{display:inline-block;line-height:1;padding:10px 0px;margin-bottom:20px;font-size:14px;font-weight:700;letter-spacing:1px;color:#000;border-bottom:3px solid transparent;transition:border 0.3s;}
.menu-item.more .menu-item-link{padding-right:15px;}
.menu-item:hover .menu-item-link, .menu-item.selected .menu-item-link{opacity:1;border-bottom:3px solid #2c5aa8;}
.submenu{display:none;background:#fff;border-radius:5px;padding:10px 20px;box-shadow:0 4px 20px 0 rgba(0,0,0,.25);}
.submenu-item{display:block;}
.submenu-item-link, .submenu-item-link:hover{margin:0;padding:10px 0;display:block;min-width:150px;border:0;border-top:1px solid #e6e6e6;font-size:14px;font-weight:400;color:#000;}
.submenu-item:first-child .submenu-item-link{border:0;}
.submenu-item-link:hover{color:#2c5aa8;}

#mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.2);z-index:2000;}
#mobile-menu{transition:top 0.3s; top:20px}


#mobile-menu.open #icon-menu span{margin:5px 0;height:6px;}
#mobile-menu-items{position:absolute;top:46px;right:0px;display:none;background:#fff;border-radius:5px;padding:10px 20px;box-shadow:0 4px 20px 0 rgba(0,0,0,.25);z-index:2500;}
.mobile-item-link{display:block;white-space:nowrap;}
.mobile-item-link, .mobile-item-link:hover{margin:0;padding:10px 0;display:block;min-width:150px;border:0;border-top:1px solid #e6e6e6;font-size:14px;font-weight:400;color:#000;}
.mobile-item-link:first-child{border:0;}
.mobile-item-link:hover{color:#2c5aa8;}
.mobile-submenu{border-top:1px solid #e6e6e6;padding-left:30px;}
.mobile-submenu .mobile-item-link{font-size:13px;}

.read-img{max-width:100%;margin-bottom:20px; border-radius: 20px;}
.read-container{padding:0 0 30px 0;}
.report-w-title{padding: 10px; border-radius: 10px 10px 0 0; background-color: #454545; color: #fff; font-size: 18px; line-height: 1.2; margin: 40px 0 0 0;}
.report-w-results{border: 2px solid #454545; border-top: 0; padding: 20px 10px 0 10px; overflow: hidden !important; border-radius: 0 0 10px 10px; }
.report-td{position: relative; vertical-align:middle; padding:0; border: 5px solid; border-top: 15px solid; border-bottom: 15px solid; border-color: transparent; height:80px;}
.report-td.td-percentage{width: 80px;}
.report-block{position: absolute; top:0; left:0; height:100%; width:100%; background:#a6c2f3;display:block; border-radius: 0 10px 10px 0;}
.report-block-text{display: block; position: relative; padding-left: 15px;  text-align: left; font-weight: bold; font-size: 12px; line-height: 1; overflow: hidden; width:100%; line-height:1; z-index: 1; max-width: 800px;}
.report-block-label{display: block; position: absolute; top:0; right:0; height:100%; width:100%; padding: 25px 5px 0 0; font-weight: bold; color: #2c5aa8; font-size: 18px; background:#eaeaea; border-radius: 10px 0 0 10px;  text-align: right;}

path.st0{fill:#2c5aa8}

.input-row{padding:15px; border-radius: 20px; background-color:#f3f3f3; margin: 20px 0; position: relative;}
.input-cell{padding:0; margin-bottom: 8px;}
.input-cell-label{display: inline-block; line-height: 1.2; font-weight: bold; font-size: 13px; padding:5px 8px; border-radius: 10px 10px 0 0; border: 2px dotted #c7c7c7; border-bottom: 0; margin:0 20px 0 10px;}
.input-cell-row{display: block; float:right; line-height: 1.2; font-weight: bold; font-size: 13px; padding:5px 8px; border-radius: 10px 10px 0 0; border: 2px dotted #c7c7c7; border-bottom: 0; margin:0 20px 0 10px;}

.input-cell-answers{display:block;padding:10px 12px;margin:0 10px 12px 10px;background:#fff;border:2px dotted #c7c7c7;border-radius:0 10px 10px 10px;line-height:1.4;
}

.terms-label ul{list-style-type: none; margin: 0; padding: 20px; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 10px;}
.terms-label ul li{display: block; position: relative; line-height: 1.5; margin:5px 0; padding: 5px 0 5px 20px; border-top:1px solid rgba(0, 0, 0, 0.2);}
.terms-label ul li:first-child{border:0;}
.terms-label ul li::before{content: ""; display: block; position: absolute; top:10px; left:0px; width: 10px; height: 10px; background-color: #2c5aa8; border-radius: 3px; transform: rotate(45deg);}

#exit-btn{display: block; position: fixed; left:0; bottom:100px; width:40px; height:30px; background-color: #2c5aa8; color:#fff;}

.worksheet-lead.review-info.w5-subtitles{border-color: #2c5aa8;font-size:18px;}

@media (min-width: 768px) {
	p{text-align: justify;}
	.wrap-main {min-height: 300px;}
	a.button, .button, .cse-ums-submit, .newsletter-button, button{width: 340px}
	.sponsor p, .button.back, .game-btn .button, .button.end-btn {width: 340px;}
	.wrap-lang .logo {height: 70px;}
	#lang-menu {top: 15px}
	.bg-entry{background-position: bottom;}
 }


@media (min-width: 992px) {
	.form {width: 500px; margin: auto;}
	.show.small{height: 100px;}
	.leaderboard-table td {font-size: 18px;}
	.leaderboard-table th,  .statistics-table td, .statistics-table th{font-size: 20px;}
	.report-block-text{font-size: 18px;}
}

@media (min-width: 1200px) {
    .show.small{font-size: 11px;}
}