/* 
  ------------------------------------------------
    ------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
}
img {vertical-align: bottom;}
p
{
	margin:7px 0px;
	text-align: justify;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, 
progress, section, source, video {display:block;}
.zerogrid{ width: 960px; position: relative; margin: 0 auto; padding: 0; text-align:center;}

.content-wrapper {
	margin: 0px;
	overflow: hidden;
	padding:0px;
}

/* ------------------Content------------------- */
#content {}
#content .top
{ padding: 18px 0px 18px 0px; width:100%; background-color: #036995;
}
.top-inside
{
	width:100%; height:auto; float:left; text-align:left;}
.top-left
{
	width:45%;
	height:auto;
	float:left;
	text-align:left;
}
.top-right
{
	width:45%;
	height:auto;
	float:right;
	text-align:right;
}

#welcome{ height:600px; float:left; text-align:center; width:100%; background:url(../images/welcome-bg.jpg) left top repeat; padding-top:32px; padding-bottom:50px;}
.welcome-title { width:100%; height:auto; float:left; text-align:center; padding-bottom:28px;}
.welcome-title h3.styleFontface
{
	font-family: SIMPLIFICA;
	font-size:36px;
	line-height:44px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	letter-spacing:-1px; text-transform: none; margin-top:8px;
}
  .welcome-inside { width:100%; height:auto; float:left; text-align:left;} 
.welcome-left { width:100%; height:auto; float:left; text-align:center;}
.welcome-left img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}


#form-section {
    height: 400px;
    float: left;
    text-align: center;
    width: 100%;
    background: url(../images/welcome-bg.jpg) left top repeat;
    padding-top: 32px;
    padding-bottom: 32px;
}
 
.form-box {     
    width: 35.66666666666667%;
    height: 400px;
    text-align: left;
    padding-left: 3%;
    padding-right: 3%;
    margin: auto;
}

.form-title { width:100%; height:auto; float:left; text-align:center;padding-top:23px; padding-bottom:24px; border-bottom:1px solid #067fb3; font-size:12px; line-height:24px; 
color: #FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.form-inside { width:100%; height:auto; float:left; text-align:left; padding-top:25px;}

.input-box
{
width:95%;
height:30px;
font-size:16px;
line-height:30px;
color: #000000;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
padding-left:5%;
padding-top:6px;
padding-bottom:4px;
background-color: #FFF;
border:none;
float:left; margin-bottom:10px;
}
input:focus
{
	outline:none;
}
.button {
	background: #ff6600;
	text-align:center;
	float:left;
	padding:15px 0px;
	width:100%;
	text-decoration:none;
	margin-top:12px;
	font-size:24px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    cursor: pointer;
}
.button:hover {
	background: #f46200;
	text-align:center;
	float:left;
	padding:15px 0px;
	width:100%;
	text-decoration:none;
	margin-top:12px;
	font-size:24px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius: 5px;
}

.services-box { width:100%; height:auto; float:left; text-align:center; background-color: #f0f0f0; padding:50px 0px 40px 0px;}
.services { width:100%; height:auto; float:left; text-align:left;} .services ul { margin:0px; padding:0px; list-style-type:none;}
.services ul li { width:30%; height:auto; float:left; text-align:left; margin-right:3%; display:block;}
.services ul li p { margin:24px 0px 7px 0px; text-align:left;}
.services ul li img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; float:left; margin-right:9px;
}

.content-box { width:100%; height:auto; float:left; text-align:center;  padding:44px 0px 44px 0px;}
.content-inside { width:100%; height:auto; float:left; text-align:left; padding-bottom:42px; border-bottom:1px solid #d0d0d0;}
.content-left { width:32%; height:auto; float:left; text-align:left;}
.content-left img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-top:6px;
}
.content-right { width:65%; height:auto; float:right; text-align:left;}
.content-right h3 { font-size:24px; line-height:30px; color: #000000; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-top:8px;}
.content-right p { margin:24px 0px 7px 0px; text-align:left;}

.testimonial-inside { width:100%; height:auto; float:left; text-align:center; padding-top:44px;}
 .testimonial-inside h2.styleFontface
{
	font-family: SIMPLIFICA;
	font-size:36px;
	line-height:48px;
	color: #000000;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform:none;
}
.testimonial-inside img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-top:16px; margin-bottom:22px;
}


.clear
{
	clear:both;
}
/* ------------------Footer-------------------- */
footer .wrap-footer{ }
footer
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	background-color:#036995;
}
.footer-main-box
{
	width:100%; height:auto; text-align:center; float:left;  padding:28px 0px; 	font-size:16px;
	line-height:24px;
	color: #FFF;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
.footer-main-box a
{
	font-size:16px;
	line-height:24px;
	color: #FFF;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.footer-main-box a:hover
{
	font-size:16px;
	line-height:24px;
	color: #eaff00;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/*Heading styles*/
h1, h2, h3, h4 {
	margin: 0px;
	padding:0px;
}
@font-face
{
 font-family: 'Oswald-Bold';
 src: url(../Oswald-Bold.ttf)
}
@font-face
{
 font-family: 'SIMPLIFICA';
 src: url(../SIMPLIFICA.ttf)
}
h1.styleFontface
{
	font-family: Oswald-Bold;
	font-size:48px;
	line-height:52px;
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	letter-spacing:-1px; text-transform:uppercase;
}
h2.styleFontface
{
	font-family: Oswald-Bold;
	font-size:36px;
	line-height:40px;
	font-weight:bold;
	color: #000000;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	letter-spacing:-1px; text-transform:uppercase;
}
h3.styleFontface
{
	font-family: Oswald-Bold;
	font-size:30px;
	line-height:36px;
	color: #000000;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	letter-spacing:-1px; text-transform:uppercase;
}
h4.styleFontface
{
	font-family: SIMPLIFICA;
	font-size:36px;
	line-height:40px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	 text-transform:uppercase;
}
h5.styleFontface
{
	font-family: Oswald-Bold;
	font-size:48px;
	line-height:50px;
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	letter-spacing:-1px; text-transform:uppercase;
	margin:0px; padding:0px;
}



/* ------------------custom-------------------- */
.top-inside {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-inside
.top-left,
.top-inside
.top-right {float: none;}

@media screen and (max-width:600px){
    .top-inside {
        flex-direction:column;
    }
}