/* CSS Document */
/*Theme Name: Emerald International School
Author: Himanshu Rajput
License: GNU General Public License v2 or later 
CSS Document */
@font-face {
	font-family: 'Roboto-Regular';
	src: url('fonts/Roboto-Regular.eot');
	src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/Roboto-Regular.woff2') format('woff2'),
	url('fonts/Roboto-Regular.woff') format('woff'),
	url('fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'impact';
	src: url('fonts/impact.eot');
	src: url('fonts/impact.eot?#iefix') format('embedded-opentype'),
	url('fonts/impact.woff') format('woff'),
	url('fonts/impact.svg') format('svg'),
	url('fonts/impact.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body, html {
	margin:0px;
	padding:0px;
	font-family: 'Roboto-Regular';
}
.frongbg {
	width:100%;
	height:100%;
	float:left;
	background:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:fixed;
}
.outer {
	width:1170px;
	margin:0px auto;
}
.inner {
	width:1170px;
	float:left;
}
.main_content {
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	text-align:center;
}
.main_content img {
	width:175px;
}
.main_content h1 {
	margin:15px 0px 15px;
	padding:0px;
	font-family: 'Roboto-Regular';
	font-size:40px;
	color:#ffe73c;
	text-transform:uppercase;
	text-shadow:0px 5px 5px #333333;
}
.main_content h5 {
	margin:0px 0px 20px;
	padding:0px;
	font-family: 'Roboto-Regular';
	font-size:24px !important;
	color:#ffffff !important;
	text-transform:uppercase;
}
a.button:active, a.button:link, a.button:visited {
    color: #000;
    cursor: pointer;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    background: -webkit-linear-gradient(to right,#b6e231 0,#ffea00 100%);
    background: -o-linear-gradient(to right,#b6e231 0,#ffea00 100%);
    background: -moz-linear-gradient(to right,#b6e231 0,#ffea00 100%);
    background: linear-gradient(to right,#b6e231 0,#ffea00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6e231',endColorstr='#ffea00',GradientType=1);
    color: #fff;
	border:0px;
	color:#000;
	text-decoration:none;
}	

[class^="hvr-"] 	{
	padding:12px 15px 12px 15px;
	cursor: pointer;
	background:-moz-linear-gradient(#0096ee, #007bee);
	background:-ms-linear-gradient(#0096ee, #007bee);
	background:-webkit-linear-gradient(#0096ee, #007bee);
	background:-o-linear-gradient(#0096ee, #007bee);
	background:linear-gradient(#0096ee, #007bee);
	text-decoration: none;
	color: #ffffff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius:3px;
}				 		
.hvr-float-shadow	{
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active 	{
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before 	{
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
#mask {
 position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  z-index:999999;
  background-color:#26262c;
  display:none;
}  

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:850px;
  display:none;
  z-index:99999999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}


.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
 background-color:#D1D1D1;
 color: green;
}
.popupoption2:hover{
 color: red;
}
#boxes #dialog {
  width:550px; 
  height:auto;
  padding: 10px 10px 10px 10px;
  background-color:#ffffff;
  font-size: 15pt;
  position:fixed;
}
#boxes #dialog img{
	position:absolute;
}
#boxes #san iframe {
  width:100%; 
}
@media (min-width:240px) and (max-width:768px) {
.outer {
	width:100%;
}
.inner {
	width:100%;
	float:left;
}
.main_content img {
	width:125px;
}
.main_content h1 {
    font-size: 40px;
}
.main_content h3 {
    padding: 0px 5px;
    font-size: 18px;
	margin-bottom:20px;
}
#boxes #dialog {
  width:88%; 
  height:auto;
  padding: 1%;
  margin:1% 5%;
  background-color:#ffffff;
  font-size: 15pt;
  left: 0px !important;
}
#boxes #san {
  width:100%; 
}
#boxes #san iframe {
  width:100%;
  height:100%;
}
}