.bg-red { background-color:#CC2027; }
.black { color:#000; }
.white { color:#fff; }
.red { color:#CC2027; }
.text-big { font-size:24px; }
button { border:none;border-radius:99px;padding:0 35px;cursor: pointer; }
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover { color:unset !important;text-decoration: none !important; }

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 { margin:0; }

button.big {
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    z-index: 999;
	margin-top: 10px;
}

/* html, body {margin: 0; height: 100%; overflow: hidden} */

#main-menu, #login-form-popup { display:none !important; }
.dig-box-login-title { display: none; }
body .dig_ma-box .button, body .dig_ma-box .transupbutton { border-radius: 20px; }
.digits_login_form * { font-size: 18pt !important; }
.digits_login_form .dig-cont-close * { font-size: 32px !important; }

.websol-logout-link { position: relative;top: 5px; }

header { height: 20px;padding: 5px 0;position:absolute;top:0;width:100vw !important;z-index:9999 !important; }
header .digits-login-modal > span, header span.topbar_welcome { color: #fff;font-size: 26px;position: relative;top: 5px;right: 5px; }
header img.logo.uk-align-left { margin-left:30px;margin-top: 10px; }
footer { height: 20px;padding: 15px 0;position:absolute;bottom:0;width:100vw !important;z-index:9999 !important; }
main { height:calc(100vh - 100px); }

.glassix-whatsapp-widget { position:relative !important;bottom:5px !important;left:20px !important; }
button#enable-toolbar-trigger, .glassix-whatsapp-widget { display: none !important; }
#accessibility-trigger { display: inline-block;position: relative;bottom: 12px;left: 15px; }
#accessibility-trigger img { width:25px; }
#whatsapp-trigger { display: inline-block;position:relative !important;bottom:5px !important;left:10px !important; }
#whatsapp-trigger i { font-size: 30px;color:#fff; }
footer { z-index: 9999 !important; }
.show-enable-toolbar #enable-toolbar #enable-toolbar-content { z-index:99 !important; }
.glassix-whatsapp-widget, .glassix-whatsapp-container .glassix-whatsapp-body .glassix-whatsapp-number { background-color:#cc2027 !important; }
.glassix-whatsapp-container .glassix-whatsapp-header {   padding: 13px 16px !important;background-color:#cc2027 !important;background-image:none !important;font-family: "Almoni Tzar Light" !important; }
.glassix-whatsapp-container .glassix-whatsapp-header .glassix-whatsapp-header-title { font-size:30px !important;  padding-bottom: 5px !important; }
.glassix-whatsapp-container .glassix-whatsapp-header .glassix-whatsapp-header-subtitle { font-size:20px !important; }
.glassix-whatsapp-container .glassix-whatsapp-body .glassix-whatsapp-number { border-right: 2px solid rgb(255, 255, 255) !important; }
.glassix-whatsapp-container .glassix-whatsapp-body .glassix-whatsapp-number .glassix-whatsapp-number-name, .glassix-whatsapp-container .glassix-whatsapp-body .glassix-whatsapp-number .glassix-whatsapp-number-subtitle{ color:#fff !important;font-family: "Almoni Tzar Light" !important; }
.glassix-whatsapp-body path { fill: rgb(255, 255, 255) !important; }
.glassix-whatsapp-powered-by { display:none !important; }

.uk-grid { margin-right:0px !important;margin-left:0px !important; }

/* body.home { overflow:hidden; } */

header img { max-height:20px; }
/* ul#nav-dropdown * { z-index:9999 !important; } */
ul#nav-dropdown li, ul#nav-account-dropdown li {
  list-style: none;
  border-bottom: 1px solid #cc2027;
  margin-bottom: 0;
  font-size:24px;
}
ul#nav-dropdown li a, ul#nav-account-dropdown li a { color:#CC2027;display: block; }
.main-top {
	position: relative;
	background-image:url("/wp-content/themes/surprise/assets-2/img/main-bg.png");
	background-size: contain;
	background-repeat:no-repeat;
	background-position: bottom;
	height: 60%;
}
/* ul#nav-dropdown::before, ul#nav-account-dropdown::before { */
  /* content: " "; */
  /* position: absolute; */
  /* top: -9px; */
  /* right: 25px; */
  /* width: 0; */
  /* z-index: 9999; */
  /* height: 0; */
  /* border-bottom: 13px solid #fff; */
  /* border-left: 13px solid transparent; */
  /* border-right: 13px solid transparent; */
/* } */
body.home .boy-red-gif {
	background-image:url("/wp-content/themes/surprise/assets-2/img/gifs/boy_red.gif");
	background-color:#A71E22;
	background-repeat:no-repeat;
	background-position: center 150px;
	background-size: auto 105%;
	/* width: 600px; */
	/* width: calc( 100% - 30px ); */
	width:100%;
	max-width: 26vw;
	/* height:600px; */
	padding-top: 26vw;
	border-radius:50%;
	border:15px solid #CC2027;
	text-align:center;
	margin:0 auto;
	position: relative;
	top: 8vh;
}
.boy-red-gif {
	background-color:#A71E22;
	background-repeat:no-repeat;
	background-position: center 150px;
	background-size: auto 100%;
	width:100%;
	max-width: 26vw;
	padding-top: 26vw;
	border-radius:50%;
	border:15px solid #CC2027;
	text-align:center;
	margin:0 auto;
	position: relative;
	top: 7vh;
}
.boy-red-gif img {
    max-width: 67%;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
.main-bottom { height:40%; }
.main-bottom h3 { font-size: 32px; }
.main-bottom .text-big { position:relative;top:-10px; }
.main-bottom .text-small { font-size: 22px; }

footer i { margin-left:7px; }
footer h5 { font-size:20px; }

#landscape { display:none; }

@media only screen and (min-width: 1000px) {
	.hide-desktop { display:none; }
}

@media only screen and (max-width: 600px) {
	.hide-small { display:none; }
	header { padding:0; }
	ul#nav-dropdown li, ul#nav-account-dropdown li { text-align:center; }
	.main-top { background-size: 300%;height:45%;padding-top:50px; }
	body.result .main-top { padding-top:85px; }
	/* .main-bottom { height:60%; } */
	/* .boy-red-gif { max-width: 85vw !important;padding-top:85vw !important;background-position: center 11vh !important; } */
	.boy-red-gif { max-width: 60vw !important;padding-top:60vw !important;background-position: center 11vh !important; }
	 header #nav-dropdown, #nav-account-dropdown { width: 100vw;max-width: 100vw !important;right:0 !important; }
	 .main-bottom .text-big { padding:0 25px; }
	 body.result header img.logo.uk-align-left { margin-top: 13px; }
	 .main-top { background-image:none !important; }
	 header img.logo.uk-align-left { margin-left: 10px; }
}

@media only screen and (min-width: 600px) and (max-width: 1000px) {
	.hide-tablet { display:none; }
	.main-top { height: 50% !important;background-size: 150%; }
	.main-bottom { height:48% !important; }
	.main-bottom > .uk-position-center { width: 600px !important; }
	.boy-red-gif { background-position: center 5vh !important;max-width: 40vw !important;padding-top: 40vw !important; }
}

@media only screen and (min-width: 600px) and (max-width: 1600px) {
	.boy-red-gif { background-position: center 100px !important; }
	/* .main-bottom { padding-top: 15%; } */
}

/* @media only screen and (max-width: 600px) and (max-height: 700px) { */
	/* .main-top { height: 35% !important;background-size: 150%; } */
	/* .boy-red-gif { max-width: 50vw !important;padding-top:50vw !important;background-position: center 5vh !important; } */
	/* .main-bottom { height:63% !important; } */
/* } */

/* (A) WRONG ORIENTATION - SHOW MESSAGE HIDE CONTENT */
@media only screen and (max-width: 850px) and (orientation: landscape) {
  #landscape { display:block;height: 100vh;text-align:center; }
  #landscape img { max-height:200px; }
  .portrait { display:none; }
}

/* (B) CORRECT ORIENTATION - SHOW CONTENT HIDE MESSAGE */
@media only screen and (max-width: 600px) and (orientation: portrait) {
  #landscape { display:none; }
  .portrait { display:block; }
  p.text-small { position:relative;top:-10px; }
  header .uk-grid > * { padding-right:10px; }
}

@media only screen and (orientation: portrait) {
	body.home .boy-red-gif { top:4vh;background-position: center 50px; }
}

@media only screen and (min-width: 800px) and (max-width: 1200px) and (orientation: landscape) {
  /* CSS specific to iOS devices */ 
  /* .main-top { height: 50% !important; } */
  /* .boy-red-gif { background-position: center 5vh !important;max-width: 33vw !important;padding-top: 40vw !important; } */
  .boy-red-gif { max-width: 30vw !important;padding-top: 30vw !important; }
}

@media only screen and (min-width: 1400px) {
  .main-top { height: 66% !important; }
  .main-bottom { height: 44% !important; }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .main-top { height: 75% !important; }
  .main-bottom { scale: 0.8; }
}

@media only screen and (device-width: 320px) and (orientation: portrait) {
	.main-top { height: 40% !important; }
	.boy-red-gif { max-width: 60vw !important;padding-top: 60vw !important; }
}

/* @media only screen and (min-width: 1200px) and (device-width : 3840px) and (device-height : 2400px) { /* 3840 x 2400 */ */
	/* .main-top { height: 70% !important; } */
/* } */

/* @media (aspect-ratio: 16/9) { */
	/* .bg-red { background-color: #000 !important; } */
/* } */

/* * { -webkit-tap-highlight-color: transparent !important; } */
/* button:active { -webkit-tap-highlight-color: transparent !important;cursor: pointer; } */
/* button { -webkit-tap-highlight-color: transparent !important;cursor: pointer; } */

::selection {
  background: #ffb7b7; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffb7b7; /* Gecko Browsers */
}

/* Disable blue highlight on button click */
button, a, img {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}