/* Base
----------------------------------------------------------------------------------------------------*/
* {margin:0;padding:0;border:0;outline:0}

html {
	height: 100%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit; 
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body              {line-height: 1; overflow-x: hidden;}

p{ padding:0px; margin:0px}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size:100%;
	/*padding-bottom: 91px;*/
    position:relative;
}
#container {
    /*min-height: 100%;*/
    width:100%;
}
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0;
}

.clearfix {
	display: inline-block;}
 
html[xmlns] .clearfix {
	display: block;}

img{
  max-width:100%; 
  height:auto;
  border:none;}

a{ 
  transition:color 0.2s ease-in; 
  -moz-transition:color 0.2s ease-in; 
  -webkit-transition:color 0.2s ease-in;  
  text-decoration:none; }

a:hover{ text-decoration:none;}

body{
  background:#fff url(../images/body-bg.png) repeat;
  background-position:center top; 
  font-size:14px; }
  
body, .banner-form form input[type="text"], .banner-form form textarea, .banner-form form select{ font-family: 'Roboto', sans-serif, Arial, Helvetica;}

#page{ margin:4% 0; position:relative;}
  
.row{ max-width:960px; margin:0px auto;}

#header{ 
  background:#004c63; 
  border-top-left-radius:5px; 
  border-top-right-radius:5px; 
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px; 
  -webkit-border-top-left-radius:5px; 
  -webkit-border-top-right-radius:5px;}
  
.head{ padding:25px;}
  
.logo{ float:left; width:48%; padding-top:4px;}

.logo img{ vertical-align:middle; padding-right:10px;}

.logo a{ color:#fff; font-size:24px; font-weight:700; text-transform:uppercase;}
  
.text-right{ 
  float:right; 
  width:48%; 
  color:#fff; 
  font-size:18px; 
  font-weight:300; 
  text-align:center;
  line-height:30px; }
  
.text-right span{ 
  display:block; 
  font-weight:700;
  text-transform:uppercase;}
  
#banner{ background:#2ea6c9;}

.banner-img img{ vertical-align:bottom;}

.banner-img{ float:left; width:50%;}

.banner-form{ width:100%; float:right; background: none repeat scroll 0 0 #DAF1D9; margin:40px 0px 0px 0px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); padding:20px 0px 40px 0px;}

.banner-form form{ padding:0px 20px 0px 20px;}

h1{ font-size:18px; color:#000000; font-weight:700; padding:5px 0 8px 0; line-height:20px;}

.banner-form p{ font-size:14px; color:#525252; font-weight:500; display:block; padding-bottom:20px; line-height:20px;}

.banner-form form .feild{ margin-left:-4%;}

.banner-form form input[type="text"]{ font-size:12px; color:#555555; background:#ffffff; padding:4% 4%; margin-left:4%; width:92%; margin-bottom:4%;}
.banner-form form select{ font-size:12px; color:#555555; background:#ffffff; padding:3% 4%; margin-left:4%; width:92%; margin-bottom:4%;}

.banner-form form input[type="text"]{ width:92%;}

.banner-form form select{ width:100%; height:32px;}

.banner-form form input[type="text"].feildhalf{ float:left; width:92%;}

.banner-form form select.feildhalf{ float:left; width:100%; height:32px;}

.banner-form form label{ color:#000000; font-size:18px; font-weight:700; padding:5px; display:block;}

.banner-form form .feild label{ margin-left:3%; padding-bottom:10px; display:block;}

.banner-form form span{ padding:5px 0; display:block;}

.banner-form form span label{ display:inline-block; font-size:16px; color:#000000; font-weight:300;}


#from_style{ width:205px; float:left; margin:0px 0px 0px 10px;}
#from_style p{ padding:4px 0px 4px 8px; margin:0px 0px 0px 0px; font-weight:normal; font-size:14px;}


#form_bottom_text{ width:90%; clear:both; padding:20px 20px 20px 20px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

.question-section{ display:none;}
.question-section.current{ display:block;}

.button{ margin-top:20px; width:50%;}
.button a, .button input{ /*background-color: #006DCC;
    background-image: linear-gradient(to bottom, #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color:#fff; font-size:20px; font-weight:600; text-align:center; padding:3.5% 4%; display:block; text-transform:uppercase;}
.button a:hover{ background-color: #003eb0;}
.button img{ vertical-align:middle; padding-left:10px;}
.button-black{ margin-top:10px;}
.button-black a, .button-black input{ background-color: #006DCC;
    background-image: linear-gradient(to bottom, #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color:#fff; font-size:20px; font-weight:600; text-align:center; padding:3.5% 4%; display:block; text-transform:uppercase;}
.button-black a:hover{ background-color: #003eb0;}
.button-black input{ width:221px; font-family:inherit; }

.round-arrow{ position:absolute; margin-left:-6.5%; margin-top:-4%;}

#wrapper{ background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom:1px #e6e6e6 solid; border-left:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid; padding:3% 4%;}

#content{}
.content-in{ float:left; width:31%; margin-right:3%; margin-bottom:3%;}
.content-in-last{ margin-right:0;}
.number{ font-size:55px; color:#004c63; font-weight:500; float:left; padding-right:10px;}
.content-in h2{ color:#2ea6c9; font-size:25px; font-weight:300; padding-bottom:5px; float:left; padding-top:3px; line-height:30px;}
.content-in h2 span{ font-weight:700; color:#2ea6c9; font-size:18px; display:block; text-transform:uppercase;}
.content-in p{ font-size:13px; color:#525252; padding:10px 0; line-height:22px;}
.content-in span{ font-size:13px; color:#525252; line-height:22px; font-weight:700;}

#footer{ padding:10px 0; margin-top:20px; /*position:absolute; width: 100%; bottom: 0;*/}
#footer .foot-left{ font-size:14px; color:#ababab; float:left; padding:8px 0;}
#footer .foot-right{  float:right; padding:8px 0;}
#footer .foot-right ul li{ display:inline; font-size:14px; color:#ababab; padding:0 5px;}
#footer .foot-right ul li a{ color:#2ea6c9;}
#footer .foot-right ul li a:hover{ text-decoration:underline;}

#bottom p{ color:#ababab; font-size:12px; line-height:22px; margin-top:15px;}
#bottom p a{ color:#2ea6c9; text-decoration:underline;}
#bottom p a:hover{ text-decoration:none;}


/**************----------------MEDIA CSS----------------***************/

@media screen and (min-width:170px) and (max-width:650px)
{
	body{ padding-left:20px; padding-right:20px;}
   #page{ margin:2% 2%;}
   .logo{ float:none; width:auto; text-align:center;}
   .text-right{ float:none; width:auto;}
   .round-arrow{ display:none;}
   .banner-img{ float:none; width:auto; text-align:center;}
   .banner-form{ float:none; width:auto;}
   .content-in{ float:none; width:auto;}
   #footer .foot-left{ float:none; width:auto; text-align:center;}
   #footer .foot-right{ float:none; width:auto; text-align:center;}
   #from_style {
    float: none;
    margin: 0 0 0 10px;
    width: 92%;
}
.banner-form form select{ width:100%; height:50px;}
.button{ margin-top:20px; width:39%;}

}

@media screen and (min-width:175px) and (max-width:420px)
{
   .banner-form form input.feildhalf[type="text"]{ float:none; width:88%;}
   .banner-form form select.feildhalf{ width:96%;}
   h1{ font-size:28px;}
   .banner-form form label{ font-size:16px;} 
   .button a{ font-size:20px;}
   .banner-form form input[type="text"], .banner-form form select{ font-size:15px;}
   .logo a{ font-size:18px;}
   
   .banner-form form select{ width:100%; height:62px;}
   .button{ margin-top:20px; width:100%;}
    
}

@media screen and (min-width:175px) and (max-width:320px)
{
   .number{ font-size:42px;}
   .content-in h2{ font-size:21px;}
   .text-right{ font-size:15px;}
   .logo img{ width:10%;}
   .logo a{ font-size:15px;}
   .logo img{ vertical-align:text-top;}
   
   .banner-form form select{ width:100%; height:62px;}
   .button{ margin-top:20px; width:100%;}
}

@media screen and (min-width:320px) and (max-width:380px)
{
   .number{ font-size:42px;}
   .content-in h2{ font-size:21px;}
   .text-right{ font-size:15px;}
   .logo img{ width:13%;}
   
   .banner-form form select{ width:100%; height:62px;}
   .button{ margin-top:20px; width:50%;}
}

@media screen and (min-width:380px) and (max-width:420px)
{
   .logo img{ width:12%;}
   .banner-form form select{ width:100%; height:62px;}
   .button{ margin-top:20px; width:40%;}
}
 

@media screen and (min-width:650px) and (max-width:767px)
{
   .round-arrow{ display:none;}
   .number{ font-size:40px;}
   .content-in h2{ width:75%; font-size:18px;}
   #footer .foot-left{ text-align:center; float:none;}
   #footer .foot-right{ text-align:center; float:none;}
   #page{ margin:2%;} 
   .round-arrow{ display:none;}
   .logo a{ font-size:18px;}
   .logo img{ width:12%;}
   .text-right{ font-size:13px; line-height:22px;}
   #from_style {
    float: none;
    margin: 0 0 0 10px;
    width: 92%;
}

.banner-form form select{ width:100%; height:62px;}
.button{ margin-top:20px; width:30%;}

}

@media screen and (min-width:768px) and (max-width:800px)
{
   .round-arrow{ display:none;}
   #page{ margin:2%;}
   .logo a{ font-size:20px;}
   .logo img{ width:13%;}
   .text-right{ font-size:15px; line-height:22px;} 
   
   .banner-form form select{ width:100%; height:32px;}
   .button{ margin-top:20px; width:50%;}
} 

@media screen and (min-width:800px) and (max-width:920px)
{
   .round-arrow{ display:none;}
   #page{ margin:2%;}
}