@font-face {
	font-family: 'soniano';
	src: url('font/soniano-sans-unicode.regular-webfont.eot');
	src: url('font/soniano-sans-unicode.regular-webfont.eot#iefix') format('embedded-opentype'),
		 url('font/soniano-sans-unicode.regular-webfont.woff') format('woff'),
		 url('font/soniano-sans-unicode.regular-webfont.ttf') format('truetype'),
		 url('font/soniano-sans-unicode.regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}

body, h1, h2, h3, h4, p {font-family: 'soniano'; letter-spacing: 1px;}
.blurred {-webkit-filter: blur(15px); -webkit-transition: -webkit-filter .10s;}
#box {position: absolute; right: 20px; bottom: 20px; width: 700px;  background-color:rgba(0, 0, 0, 0.7); border: 1px #4495ca solid;color: white;padding: 17px 20px 20px 20px; height: 285px}
#box h1 {color: white;padding: 0;margin: 0}
#box h2 {color: white; font-size: 25px!important; line-height: 31px!important; }
#box a{color: white}
#mobile-number {height: 33px;  width: 250px;margin-right:20px;font-size: 17px;margin-top:5px!important; clear: left; float: left!important; border: 1px #4495ca solid;font-family: 'soniano';line-height:29px}
.button{background: #4495ca; height: 33px!important;font-size:23px;padding: 0px 10px; font-family: 'soniano'; float: right; margin-top:5px}
.flag-dropdown {margin-top: 5px;}

#email {height: 33px;  width: 250px;margin-right:20px;font-size: 17px;margin-top:5px!important; clear: left; float: left!important; border: 1px #4495ca solid;font-family: 'soniano';line-height:29px; padding-left: 5px;}
.main_headline {padding-top: 12px;float: left; clear: left; margin-right: 50px}
#send_email {margin-bottom: 8px;}
#sms {width: 373px;float: left;}
#mail {width: 390px;float: left; clear: left}
.mark {font-family: Arial; font-size:11px; font-style: italic; float: left; clear: both}

h4 {font-size: 20px; color: white}
.country {color: black}
#wrapper {position: relative; display: inline-block;margin: 40px auto; width: auto;text-align: center;background-color: rgba(0, 0, 0, 0.85); min-width: 460px; color: white}
#wrapper h1 {color: white; margin-bottom:0}	
#wrapper h2 {color: white;margin:0}
#help {max-width: 390px;margin: 0 auto 20px auto;padding: 0 10px; line-height: 20px}
#thelink {background: url('../img/shadow.png'); width: 270px; padding: 0 4px ;margin-top:0px;float: left;}
#thelink a {color: black}
#forward {float: left; width: 52px;margin:5px 150px 0 7px;}
.platform {float: left; margin-top:0px; cursor: pointer }
.android {margin-left: 30px;}
#email_loading_text {display: none; float: left; margin: 12px 0 7px 0;color: #89bee0}
#email_spinner {display: none;float: left; margin-right:10px}
#mobile_loading_text {display: none; float: left; margin: 12px 0 7px 0;color: #89bee0}
#mobile_spinner {display: none;float: left; margin-right:10px}

video {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;

background-size: cover;
}
#logo {;position: absolute; right: 15px; top:20px;}

.sharebtn {margin: 0 0 20px 0; cursor: pointer}


html,body {/* margin:0; padding:10px; -webkit-backface-visibility:hidden; */}

/* text-based popup styling */
.white-popup {
  position: relative;
  background-color:rgba(0, 0, 0, 0.8); border: 1px #4495ca solid;color: white;
  padding: 25px;
  width:auto;
  max-width: 600px;
  margin: 0 auto; 
  height: 340px;;
  
}
.white-popup h2 {font-size: 24px!important; line-height: 27px!important;color: white;}
.white-popup p {line-height: 17px;}




/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out; 



  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;

  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -ms-transform: scale(1); 
  -o-transform: scale(1); 
  transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 

  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0.001; /* Chrome opacity transition bug */
  -webkit-transition: opacity 0.3s ease-out; 
  -moz-transition: opacity 0.3s ease-out; 
  -o-transition: opacity 0.3s ease-out; 
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

  -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
  -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
  -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
  -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
  transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;

  -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
  -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
  -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
  -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
  transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0.01;

  -webkit-transition: opacity 0.3s ease-out; 
  -moz-transition: opacity 0.3s ease-out; 
  -o-transition: opacity 0.3s ease-out; 
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}


/*  SPINNER */
.loader {
  margin: 5px 0 5px 10px ;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.0em solid rgba(255, 255, 255, 0.2);
  border-right: 1.0em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.0em solid rgba(255, 255, 255, 0.2);
  border-left: 1.0em solid #ffffff;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 480px){
.column,.columns {padding: 0}
#wrapper {width: 300px;min-width: 300px;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
}