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

body {
	font-family: 'Roboto';
	color: #000000;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
}
img {vertical-align: bottom;}
p
{
	margin:7px 0px;
	text-align: justify;
}
p
.left
{
	margin: 7px 0px;
	text-align: left;
}
.center
{
	text-align: center;
}

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: 1000px; position: relative; margin: 0 auto; padding: 0; text-align:center;}

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

/* ------------------Content------------------- */
#content {}
.body-top-box { width:100%; height: auto; float:left; text-align:center; background-color:#2d3945;  }

.top-inside
{
	width:100%; height: auto; float:left; text-align:left; padding:22px 0px 22px 0px;}
	
.top-left
{
width:50%; height:auto; float:left; text-align:left;}

.top-right
{
	width:45%;
	height:auto;
	float:right;
	text-align:right;
}
.top-right img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-right:10px;
}

#welcome{ height:720px; float:left; text-align:center; width:100%; background:url(../img/window-banner.jpg) center top no-repeat;}
.welcome-top { width:100%; height:auto; float:left; text-align:center; display:none;}
.welcome-top img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
  .welcome-inside { width:100%; height:auto; float:left; text-align:left; padding-top:80px;}
.welcome-left { width:43%; height:auto; float:left; text-align:left; padding-top:148px; font-size:24px; line-height:30px; color: #FFF; font-weight:300;}
.welcome-left h2.styleFontface
{
	font-family: Roboto-Bold;
	font-size:36px;
	line-height:36px;
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase;
}
.welcome-left p { margin:10px 0px; text-align:left;}

.form-box { width:55%; height: auto; float:right; text-align:left; background-color: rgba(231, 140, 7, 0.8); color: rgba(231, 140, 7, 0.8); padding-bottom:50px; }

.form-title { width:90%; height:auto; float:left; text-align:center; padding-top:40px; padding-bottom:24px; padding-left:5%; padding-right:5%; 
font-size:18px; line-height:24px; color: #FFF; text-transform:uppercase;}

.form-title h2.styleFontface
{
	font-family: Roboto-Bold;
	font-size:48px;
	line-height:48px;
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase;
}

.form-inside { width:82%; height:auto; float:left; text-align:left; padding-left:9%; padding-right:9%;}

.input-box
{
width:46%;
height:30px;
font-size:16px;
line-height:30px;
color: #000000;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif; text-transform: none;
padding-left:3%;
padding-top:8px;
padding-bottom:6px;
background-color: #FFF; border:none; margin-bottom:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input:focus
{
	outline:none;
}
	.comment
{
width:90%;
height:120px;
font-size:16px;
line-height:20px;
color: #555555;
font-weight:normal;
font-family: 'Roboto'; text-transform: none;
padding-top:5px; padding-bottom:5px; padding-left:5%; padding-right:5%;
background-color: #FFF; border:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
	.list-menu
{
width:49%;
height:44px;
font-size:16px;
line-height:44px;
color: #555555;
font-weight:normal;
font-family: 'Roboto'; text-transform: none;
background-color: #FFF; border:none; margin-bottom:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.button {
	background: #2d3945;
	text-align:center;
	float:left;
	padding:10px 0px;
	width:100%;
	height: auto;
	text-decoration:none;
	font-size:18px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family: 'Roboto';
	text-transform:uppercase;
	border: 0;
	 margin-top:30px;
	 -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.button:hover {
	background: #151b20;
	text-align:center;
	float:left;
	padding:10px 0px;
	width:100%;
	height: auto;
	text-decoration:none;
	font-size:18px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family: 'Roboto';
	text-transform:uppercase;
	 margin-top:30px;
	 -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.services-box { width:100%; height:auto; float:left; text-align:center; padding-top:80px; padding-bottom:66px; background-color: #FFF;}
.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; display:block; margin-right:5%;}
.image {
    width: 100%;
    height: 100%; 
    overflow: hidden; margin-bottom:22px; 
}

.image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.services ul li p { margin:18px 0px 7px 0px; text-align:left;}


.content-box { width:100%; height:auto; float:left; text-align:center; background-color: #2d3945; color: #FFF;}
.content-inside { width:100%; height:auto; float:left; text-align:left;}
.content-left { width:50%; height:auto; float:left; text-align:left;} 
.content-left img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.content-right { width:45%; height:auto; float:right; text-align:left; padding-top:70px;}  .content-right p { margin:18px 0px 7px 0px; text-align:left;}

.content-middle-left { width:45%; height:auto; float:left; text-align:left; padding-top:70px;} .content-middle-left p { margin:18px 0px 7px 0px; text-align:left;}
.content-middle-right { width:50%; height:auto; float:right; text-align:right;}
.content-middle-right img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}


.featured-box { width:100%; height:auto; float:left; text-align:center; padding-top:70px; padding-bottom:64px; background-color: #FFF;}
.content-title { width:100%; height:auto; float:left; text-align:center;}
.featured { width:100%; height:auto; float:left; text-align:left; padding-top:22px;} .featured ul { margin:0px; padding:0px; list-style-type:none;}
.featured ul li { width:30%; height:auto; float:left; text-align:center; display:block; margin-right:5%;}
.featured ul li p { margin:18px 0px 7px 0px; text-align:center;}
.featured ul li h2.styleFontface
{
	font-family: Roboto-Light;
	font-size:30px;
	line-height:30px;
	color: #2d3945;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase;
}
.featured ul li img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-bottom:22px;
}

.testimonial-box { width:100%; height:auto; float:left; text-align:center; padding-top:72px; padding-bottom:72px; background-color: #FFF;}
.testimonial-inside { width:100%; height:auto; float:left; text-align:center; font-size:24px; line-height:30px; font-weight:300;}
.testimonial-inside p { margin:18px 0px; text-align:center;}

.clear
{
	clear:both;
}
/* ------------------Footer-------------------- */
footer .wrap-footer{ }
footer
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	background-color:#2d3945;
}
.footer-main-box
{
	width:100%; height:auto; text-align:center; float:left; font-size:18px; line-height:24px; color: #FFF;
font-weight:normal; font-family: Arial, Helvetica, sans-serif; padding-top:28px; padding-bottom:28px;
}
.footer-main-box a
{
	font-size:18px; line-height:24px; color: #FFF;
font-weight:normal; font-family: Arial, Helvetica, sans-serif; text-decoration:none;
}
.footer-main-box a:hover
{
	font-size:18px; line-height:24px; color: #e4ff00;
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: 'Roboto-Regular';
 src: url(../Roboto-Regular.ttf)
}
@font-face
{
 font-family: 'Roboto-Bold';
 src: url(../Roboto-Bold.ttf)
}
@font-face
{
 font-family: 'Roboto-Light';
 src: url(../Roboto-Light.ttf)
}

h1.styleFontface
{
	font-family: Roboto-Bold;
	font-size:68px;
	line-height:68px;
	color: #FFF;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase;
}
h2.styleFontface
{
	font-family: Roboto-Bold;
	font-size:36px;
	line-height:36px;
	color: #e78c07;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase;
}
h3.styleFontface
{
	font-family: Roboto-Bold;
	font-size:30px;
	line-height:30px;
	color: #e78c07;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase;
}
h4.styleFontface
{
	font-family: Roboto-Light;
	font-size:36px;
	line-height:36px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase;
}
h5.styleFontface
{
	font-family: Roboto-Light;
	font-size:30px;
	line-height:36px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase; margin:0px; padding:0px;
}
h5.styleFontface a
{
	font-family: Roboto-Bold;
	font-size:30px;
	line-height:36px;
	color: #ff9700;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase; margin:0px; padding:0px;
}
h5.styleFontface a:hover
{
	font-family: Roboto-Bold;
	font-size:30px;
	line-height:36px;
	color: #ff9700;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: uppercase; margin:0px; padding:0px;
}
.bold-text { font-weight:bold; font-family: Roboto-Bold;}
.orange { color: #e78c07; font-family: Roboto-Bold;}
.cream { color: #ffffcc; font-family: Roboto-Bold; text-shadow: 2px 2px #000000; }
.bluestroke { color: #003366; font-family: Roboto-Bold; text-shadow: 1px 1px #FFFFFF; }
.upper-text { text-transform:uppercase;}
.small-text { font-size:18px; line-height:24px; font-weight:bold; text-transform:uppercase;}