/* ----- Master Stylesheet for Travel Insurance Quote ----- */
/* ----- Author: Grant Joiner Group ----- */
/* ----- Year : 2018 ----------------- */
/* ----- Comment : All rights reserved by Grant Joiner Group Ltd ----------------- */
/* ----- CSS Document -----*/

body { font: 12px 'Arial', tahoma,verdana,sans-serif; margin: 0px auto; text-align: center; }
#wrapper { position: absolute; width: 300px; height: 200px; z-index: 15; top: 50%; left: 50%; margin: -300px 0 0 -150px; }
#container { position:relative; height: auto; }

/************** global styles *****************/

.body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,object { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img,abbr{ border:0; }
ul, ol { list-style:none; } 
caption,th { text-align:left;}
a,a:link,a:visited{ text-decoration:none; color:#fff; }
a:focus,a:hover { text-decoration:none;  }
a img { border:0;  }
img, a img:hover, a:hover img, { border: 0; }
.clearall, .clearer { clear: both; }
.clear { clear: left; }
#schema { visibility: hidden;}

/************** font styles *****************/

h2 { color: #00ADEC; font-size: 18px; font-weight: normal; margin: 0 0 5px 0; }

/************** preloader styles *****************/

#floatingCirclesG{
position:relative;
width:175px;
height:175px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
text-align: center;
margin-left: auto;
margin-right: auto;
}

.f_circleG{
position:absolute;
background-color:#67a6d7;
height:32px;
width:32px;
-moz-border-radius:16px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:16px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:16px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:16px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:16px;
animation-name:f_fadeG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{ left:0; top:72px; -moz-animation-delay:0.39s; -webkit-animation-delay:0.39s; -ms-animation-delay:0.39s; -o-animation-delay:0.39s; animation-delay:0.39s; }

#frotateG_02{
left:21px;
top:21px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#frotateG_03{
left:72px;
top:0;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#frotateG_04{
right:21px;
top:21px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#frotateG_05{
right:0;
top:72px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#frotateG_06{
right:21px;
bottom:21px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#frotateG_07{
left:72px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#frotateG_08{
left:21px;
bottom:21px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes f_fadeG{0%{background-color:#ffffff}100%{background-color:#67a6d7}}
@-webkit-keyframes f_fadeG{0%{background-color:#ffffff}100%{background-color:#67a6d7}}
@-ms-keyframes f_fadeG{0%{background-color:#ffffff}100%{background-color:#67a6d7}}
@-o-keyframes f_fadeG{0%{background-color:#ffffff}100%{background-color:#67a6d7}}
@keyframes f_fadeG{0%{background-color:#ffffff}100%{background-color:#67a6d7}} 

/************** header styles *****************/

#header { width: 100%; height: 120px; margin: 5px 0; text-align: center; background-color: transparent; }
#header .left { width: 48%; float: left; text-align: left; margin: 22px 0; }
#header .right { width: 48%; float: right; text-align: right; }
#header .right p { font-size: 18px;; font-weight: normal; color: #67A6D7; margin: 40px 0; }

/************** loading styles *****************/

#loading { width: 100%; height: 225px; margin:100px 0 0 0; text-align: center; }
#loading h1 { font-size: 25px; margin: 30px 0 0 0; line-height:40px; color: #67A6D7; font-weight:normal;}

/************** buttons styles *****************/

.quote-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:292px;
	text-decoration:none;
	text-align:center;
	margin: 15px 0 0 0;
	text-shadow:1px 1px 0px #689324;
}
.quote-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.quote-button:active {
	position:relative;
	top:1px;
}

.smaller-quote-button { -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc; -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:200px;
	text-decoration:none;
	text-align:center;
	margin: 10px 0 0 25px;
	text-shadow:1px 1px 0px #287ace;
}
.smaller-quote-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) ); background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff'); background-color:#4197ee; }
.smaller-quote-button:active { position:relative; top:1px; }

/************** top styles *****************/

#top { width: 100%; text-align: left; margin: 15px 0; }
#top img { float: left; }
#top #reason { width: 30%; float: right; height: 135px; margin-left: auto; margin-right: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; border: 1px solid #cecece; }
#top #reason ul { margin: 10px; padding: 0 0 0 50px; }
#top #reason ul li { font-size: 14px; line-height: 37px; color: #666; }

#reasons { width:100%; height:60px; margin-top:10px; margin-left: auto; margin-right: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding:15px; border-radius: 10px; background: #fff; border: 1px solid #cecece; text-align: center;}
#reasons ul { margin: 10px; padding: 0 0 0 50px; }
#reasons ul li { font-size: 14px; line-height: 37px; color: #666; }
#reasons p { font-size: 14px; color: #999; padding: 10px 0; line-height: 20px; }
#reasons p a { font-weight: bold; text-decoration: underline; color:#67A6D7 !important;  }

.banner { position: relative; float: left; width: 663px; overflow: auto; }
.banner li { list-style: none; min-height: 250px; }
.banner ul li { float: left; }
.banner ul li h1 { color: #fff; text-shadow: 1px 2px 3px #333; font-size: 35px; margin: 150px 0 0 25px; font-weight: normal; text-align: left; }

/************** content styles *****************/

#content { width: 100%; height: auto; margin: 15px 0 15px 0; }
#content .left { width: 643px; float: left; text-align: left; margin-left: auto; margin-right: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; padding: 10px; border: 1px solid #cecece; }
#content .right { width: 293px; float: right; text-align: left; margin-left: 15px; }
#content .left p { font-size: 13px; line-height: 18px; color: #333; }

/************** footer styles *****************/

#footer { width: 100%; margin-top: 50px; margin-left: auto; margin-right: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; text-align: center; }