@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

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;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left {	text-align: left;}
.t-right {text-align: right;}
.t-center {	text-align: center;}
.t-justify {	text-align: justify;}

/************************** By wthered */

/***************************************/

a, a:focus {color: #8b2217;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 30px;}
hr {background: #dcd7ca;border: none;clear: both;height: 1px;margin: 25px 0;	padding: 0;width: 100%;}

.full-width {	width: 100%;}
.max-width {max-width: 100%;}
.v-top {vertical-align: top;}
.small {font-size: 13px;}
.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;}

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 {text-align: justify;font-size: 16px;}
p.captcha-clear{text-align: left;font-size: 12px;}

.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 #8b2217;}

table {	border-collapse: collapse;width: 100%;font-size: 20px;margin-bottom: 20px;}
td, th {vertical-align: top;padding: 15px 0px;border-bottom: solid 1px #dadada;line-height: 50px;}
.number{text-align: center; background-color: #065032; border-radius: 100%; color: #fff;height: 50px;width: 50px;display: inline-block;}
i, em {	font-style: italic;}

.msg {display: block;color:red;text-align:center;font-size: 20px;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, #captcha,#cse-ums-input{display:block;width:100%;border:2px solid #d6d6d6;background:#fff;padding:10px;line-height:1.2;color:#000;border-radius:3px;}
textarea.input,textarea.input-line{min-height:200px;}

.form-table td{padding:5px 8px 5px 0;vertical-align:top;color:#a1a5af;border:none !important;}
a.button, .button, .cse-ums-submit, .newsletter-button{display:inline-block;padding:12px 30px;min-width:160px;margin:0;border:2px solid #000;border-radius:30px;background:transparent;color:#000;text-align:center;vertical-align:top;cursor:pointer;}
.button.small{padding:4px 8px;}
.button.cancel{border:2px solid #96979a;color:#96979a;}
.button:hover, .cse-ums-submit:hover, .newsletter-button:hover{background:transparent;border:2px solid #065032;color:#065032;}
.button {display: block;margin: auto;}
#captcha-container{font-size:12px;}
#captcha-required{color:red;}
#captcha-img, #new-captcha-img{border:1px solid #adadad;height:40px;margin:4px 0;width:130px;background-color:#fff;}
#captchaimage{display:inline-block;}
#captcha-refresh{display:inline-block;vertical-align:8px;}
#captcha{width:130px;}


.wrap {position: relative;width: 100%;background-color: #fff;}
#top-wrap {padding: 5px 0;background-color: #8b2217;}
#header-wrap {padding: 10px 0;background-color: #fff;}

#logo {	width: 260px;	max-width: 80%;display: block;margin: auto;}
#lang-menu-link-gr, #lang-menu-link-en {	display: inline-block;	width: 26px;	height: 26px;}

.wrap-main {margin-bottom: 40px;min-height: 420px;}
.fake-apple img , .apple img{display: block;margin: auto;width: 100%}

.gift-info img {display: block;width: 100%; height: auto; margin: 15px 0px;}

.wrap.wrap-footer{color:#ffff;background-image: linear-gradient(#ffffff, #065032);}
.social{margin:100px 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:#065032;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, #065032, #781e16);color: #fff;border:none;line-height: 1.5}
.form {border: 2px solid #d6d6d6;padding: 50px;border-radius: 5px;min-height: 330px;}
.col-xs-6.no-gap-r { padding-right: 0px;}
.col-xs-6.no-gap-l {padding-left: 0px;}
/* .button.login{margin-top: 42px;} */

.countdown, .over  {text-align: center;font-size: 40px;line-height: 0.6;margin-top: 0px;font-family: 'Ubuntu', sans-serif;color: #065032;}
.countdown span {font-size: 20px;}
.countdown span.time-over{font-size: 40px;line-height: 1;}
#countdown {min-height:80px}
.over {margin-top: -50px;line-height: 1;}
.show {font-size: 24px;text-align: center;margin: 20px 0;font-family: 'Ubuntu', sans-serif;color: #fff;background-color: #065032;line-height: 1.5;}
img.map{width: 100%;height: auto;}

.continue-btn {background-image: linear-gradient(to right, #781e16 , #065032);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;}
#timestop {display: block;text-align:center;font-size:20px;}
#timestop  button {border: none;background-color: transparent;color: #065032;font-weight: bold;}

.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:#065032;top:0;right:0;width:40px;}
.scanner-button:hover{background-color:#222;transition:0.3s}
.scanner-image{max-width:100%}
/* ul {text-align: justify;padding-right: 25px;}
li { color: #065032;}
li span {color: #000;} */
@media (min-width: 768px) {
  .fake-apple img {width: 50%}
  .wrap-main {margin-bottom: 40px;min-height: 300px;}

}

@media (min-width: 992px) {
  .form {width: 500px;    margin: auto;}


}

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