@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

		html,body {
	/*			height:100%;*/
				font-family: 'Open Sans', sans-serif;
				font-size: 1em;
				line-height: 1.8em;
            color: #22517F;
		}

		a{
			text-decoration: none;
			color: #111;
		}
			
		a:hover{
				color: #444;
		}
			
		img {
			max-width: 100%;
		}
	
/* Header */

	.topbar{
		background: #22517f;
		color: #fff;
		font-weight: 300;
		height: 60px;
		
		padding: 0 15px;
		}

    .header {
        background-color: #cecece;
		
    }
/*
        .header img {
            width: 60%;
            max-width: 17.25em;
        }*/

        .headerNavButton {
            float: right;
            display: inline-block;
            height: 100%;
            position: absolute;
            right: 1em;
            top: 0;
            font-family: 'Open Sans', sans-serif;
        }

            .headerNavButton a {
                text-decoration: none;
                color: #163b43;
                margin-left: 0.5em;
                line-height: 0px;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }

                #hamburger-icon {
                    position: relative;
                    margin-top: 75%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-65%);
					
                }

                #hamburgerMenu {
                    position: relative;
                    margin-top:75%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
					

                }
				
				
				
    #hamburger-icon {
        width:25px;
        height:12px;
        position:relative;
        display:block;
        /*margin: 25px auto 12px auto;*/
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

        #hamburger-icon .line {
            display:block;
            background: #163b43;
            width:25px;
            height:2px;
            position:absolute;
            left:0;
            border-radius: 4px;
            transition: all 0.4s;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
        }
        
            #hamburger-icon .line.line-1 {
                top:0;
            }
            #hamburger-icon .line.line-2 {
                top:50%;
            }
            #hamburger-icon .line.line-3 {
                top:100%;
            }

        #hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 {
            transform: translateY(-4px);
            -webkit-transform: translateY(-4px);
            -moz-transform: translateY(-4px);
        }
        #hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {
            transform: translateY(4px);
            -webkit-transform: translateY(4px);
            -moz-transform: translateY(4px);
        }

        #hamburger-icon.active .line-1 {
            transform: translateY(6px) translateX(0) rotate(45deg);
            -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
            -moz-transform: translateY(6px) translateX(0) rotate(45deg);
        }
        #hamburger-icon.active .line-2 {
            opacity:0;
        }
        #hamburger-icon.active .line-3 {
            transform: translateY(-6px) translateX(0) rotate(-45deg);
            -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
            -moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
        }

        
        .headerNav {
            display: none;
            
            
            font-family: 'Open Sans', sans-serif;
            
        }

            .headerNav.active {
                display: block;
            }

            .headerNav a {
                text-decoration: none;
                color: #fff;
                width: 100%;
                display: block;
                padding: 1em 0;
				font-weight:600;

                
            }
			

            .headerNav>a {
                font-weight: 600;
            }



            .headerNav ul {
                list-style: none;
            }
			

			
            .headerNav>ul {
                margin: 0;
                padding: 0;
            }

                
				.headerNav ul li ul li  a{
                    border-top: solid 1px #111;
                }
				
				
				header {
				  width: 100%;
				  height: 130px;
				  overflow: visible;
				  position: fixed;
				  top: 0;
				  left: 0;
				  z-index: 999;
				  background-color: #ffffff;
				  -webkit-transition: height 0.3s;
				  -moz-transition: height 0.3s;
				  -ms-transition: height 0.3s;
				  -o-transition: height 0.3s;
				  transition: height 0.3s; }

.creditcard {
    width: 120px!important;
    vertical-align: middle;
}
.tele {
    padding-right: 10px;
    font-size:25px;
    font-weight: 700;
    color: #22517f;
}
				
/* Resuable Elements */	


		.wrapper {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			padding: 5px;}
	
		.container {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px 5%;
		}		

	.content {
			max-width: 1200px;
            margin-top: 180px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px 5%;
		}		
		.clearfix::after{
			content: '';
			display: table;
			clear: both;
		}

		.onethird{
		width: 29%;
		margin: 1%;
		padding: 1%;
		float: left;
		}
		
		.onefourth{
		width: 21%;
		margin: 1%;
		padding: 1%;
		float: left;
		}
		
		.onehalf{
		width: 44%;
		margin: 2%;
		padding:1%;
		float: left;
		}
		
		.twothirds{
		width: 64%;
		margin: 1%;
		float: left;
		}

		.left{
			float:left;
			}
		
		.right{
			float: right;
			
		}
.rightAText {
        text-align:right;
}
		
		
		.btn {
		  display: inline-block;
		  padding: 10px 18px;

		  background-color:#3AB34A;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Open Sans', Sans-Serif;
		  letter-spacing: 1px;
		  color: #ffffff;
		  text-transform: uppercase;
		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		}


		.btn:hover {
		  background-color: rgba(190,209,55,0.8);
		  color: #111;
		}
		
		.darkbg{
		background-color: #22517F;
		color: #fff;
		font-size: 1.3em;
            font-weight: 800;
		letter-spacing: 1px;
		text-align: center;
		}
		.darkbg2{
		background-color: #cecece;
		}
		
		.bg{
		background: url('../img/bg.jpg') no-repeat center center; 
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover; 
            overflow:auto;
	}	
					
				
/* Typography */

	.boldheading{
		font-family: 'Open Sans', sans-serif;
		font-weight:700;
		font-size: 1.6em;
	}	

	.lightheading{
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		font-size: 1.6em;
	}	
.featuremain {
    font-size: 1.4em;
    font-weight: 700;
    color: #22517f;
}
.featuresub {
    color: #38b652;
}

.featureTitle {
    margin: 0 auto;
    background: #22517f;
    padding:10px 0;
    display:block;
    color: #38b652;
    font-weight: 800;
}

.light{
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		font-size: 1.3em;
	}		
		.center{
		text-align:center;
		margin: 0 auto;}		
	
	.onefourth h2 {
	text-align: center;
	color: #fff;}
		
	

	/* Slider */
	
	.banner {
		position: relative;
		width: 100%;
		overflow: auto;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		color: rgba(255,255,255,.6);
		text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
		box-shadow: 0 1px 2px rgba(0,0,0,.25);
		margin-top: 110px;
		margin-left: -40px;
		padding-right: 40px;
	}
	
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		height: 450px;
		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}
	
	 .banner h2 {
		font-size: 40px;
		font-family: 'Open Sans', sans-serif;
		line-height: 52px;
		margin-top: 4%;
		margin-left: 5%;
		text-align: center;
		color: #fff;
		font-weight: 600;
	}

    .offset {
        margin-left:-20%!important;
        margin-top:5%!important;
    }
	
	.banner h1{
		font-size: 40px;
		font-family: 'Open Sans', sans-serif;
		line-height: 52px;
		margin-top: 4%;
		text-align: center;
		color: #000;
		font-weight: 600;
	}
	
	
	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	
		
	}
		.banner .btn:hover {
			background: rgba(0,0,0,.8);
			color: #fff;
		}
		
		
	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
			
.review_box {
	font-size: 14px;
	color: white;
	padding: 10px;
	background: #204e70;
	margin-bottom:25px;
}

.news-list {

	position: relative; 

	top: -569px;

	*top: -564px;

	z-index: 1;

	background: url(../images/news-list.gif) repeat-x 0 bottom #fff;

	border-top: 4px solid #2c71b8;

	height: 218px;

	height: 219px \0/;

}

ul.news {

	width: 100%;

	overflow: hidden;

}

ul.news li {

	float: left;

	width: 280px;

	padding-bottom: 19px;

	*padding-bottom: 10px;
    list-style: none;

}

ul.news li div {padding-left: 44px;}

ul.news li.n1 div {background: url(../img/icon1.png) no-repeat 0 9px;}

ul.news li.n2 div {background: url(../img/icon2.png) no-repeat 0 9px;}

ul.news li.n3 div {background: url(../img/icon3.png) no-repeat 0 9px;}

ul.news li.n4 div {background: url(../img/icon4.png) no-repeat 0 9px;}

ul.news li:hover {background: #3AB34A;}

ul.news li:hover p, ul.news li:hover a {color: white;}

ul.news li p {padding-top: 9px;}

ul.news li a {

	font-family: 'Lato', sans-serif;

	font-size: 11px;

	line-height: 16px;

	color: #a4a4a4;

	font-weight: bold;

	text-transform: uppercase;

	text-decoration: none;

	letter-spacing: -1px;

	background: url(../images/news-a.gif) no-repeat 100% 4px;

	padding-right: 12px;

	display: inline-block;

	margin: 9px 0 0 0;

}

ul.news li a {color: #21921b;}

ul.news li a:hover {text-decoration: underline;color: #22517f;}

			
/* Parallax Section */
	.parallax { 
		background: url('../img/parallax.jpg') no-repeat center center; 
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover; 
		background-attachment: fixed;
		padding: 50px 0;
		
		
	}

	.parallax h1 { 
		color: #fff; font-size: 40px; 
		text-transform: uppercase; 
		letter-spacing: 3px; 
		text-align: center;
		line-height: 120%;
		font-weight: 700; 
		font-family: 'Open Sans', sans-serif;  
		text-shadow: 1px 1px 0 #0F0F0F;
		}

	.parallax p {
		font-size: 18px; 
		margin-top: 20px; 
		letter-spacing: 1px; 
		font-family: 'open sans', sans-serif; 
		font-weight: 400;
		color: #fff;
        text-align:center;
        padding: 0 20%;
	}
	
	
	/* Footer */
	
	.topfooter{
	background-color: #eee;
        overflow:auto;
	}

	.onethirdfooter{
			width: 31%;
			padding: 0 1%;
			float: left;
			
			}
		.twothirdsfooter{
        background: #cecece;
		width: 60%;
		margin: 1%;
		float: left;
            padding: 20px;
		}
	
.twothirdsfooter p {
    color: #000;
}

	.footer {
		width: 100%;
		background-color: #22517F;
		font-family: 'Open Sans', sans-serif;
		font-size: 0.8em;
		letter-spacing: 1px;
		color: #fff;
	}
	
	.footerright {
		text-align: right;
		margin-top: -35px;
		}		
	
	.footer a {
	color: #bed137;}
	
.topfooter a {
	color: #22517f;}
	.topfooter a:hover {
	color: #21921b;}

	.footer a:hover {
	color: #fff;}
	
	.facebook {
	padding: 0 5px;}
	
	.facebook:hover{
	color: #3b5998;}
	
	.twitter{
	padding: 0 5px;}
	
	.twitter:hover {
	color:#00aced;}
	
	.gplus{
	padding: 0 5px;}
	
	.gplus:hover{
	color:#dd4b39;}
	
	.mail{
	padding:0 5px;}
	
	.mail:hover{
	color:#bed137;}


/* FORM */

.quoteForm input[type="radio"] { width:auto !important; float:left !important; }

.quoteForm label { float:left !important; } 



.requestForm {
	margin:auto;
}

textarea { overflow: auto; }

#contactForm { 
 	width:600px;
 	background-image:url(../images/formBG.png);
	background-repeat:no-repeat;
	background-position:top;	
	 }

#contactForm input, #contactForm textarea { width:95%; }


.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
 
	text-align:center;
	font-size:16px;
	color:#fff;
	height:30px;
	border:none;
	width:auto;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	 
	text-align:center;
	font-size:16px;
	color:#fff;
	height:30px;
	border:none;
	width:auto;
}
.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
 
	text-align:center;
	font-size:16px;
	color:#fff;
	height:30px;
	border:none;
	width:auto;
}
.home-form {
	margin-left: 20px;
}
.home-form label {
	margin-left: 10px;
}
.home-form input[type="text"], .home-form textarea {
	padding: 5px 10px;
	width: 200px;
	margin: 5px 0px 5px 10px;
}
.home-form input[type="submit"] {
	margin-left: 10px;
}
input.rounded, .rounded {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666; */
	font-size: 14px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
}
input.rounded:focus, textarea.rounded:focus {
	border-color: #339933;
	font-family:Arial, Helvetica, sans-serif;
}
form input {
	height: 15px;
	width: 270px;
	font-weight:normal;
	font-size:14px;
	margin: 0px 0 5px 0;
}
textarea {
	width: 270px;
	height:50px;
	font-weight:normal !important;
	font-family:Arial, Helvetica, sans-serif;
 
	}
form label {
	display: block;
	margin: 2px 0;
	font-size: 12px;
	color:#000;
	
	
}
#send_message {
	height: 32px;
	display: block;
	margin: 5px auto 0;
	background: black;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	width:100%;
}

#contactDrop .errMsg {
	float:left;
}

.errMsg {
	color:red;
	font-size:12px;
}


.formCols { 
	width:200px;
	float:left;
	margin:5px;
	}
	
/* Contact Us Page Form Styles */

#contactpageform input { 
	height: 25px;
	width: 596px;
}

#contactpageform textarea { width: 596px; }

#contactpageform .submitButton { width:auto; }

#contactFormPage { margin-top:25px; }

#mainFormcontactus {
    display: block;
	background-image:url(../images/form-gradient-bg-LG.png);
	background-repeat:no-repeat;
	background-position:top;   
    height:845px;
    padding-bottom:25px;
    padding-left:15px;
    padding-right:15px;  
    width:615px;
}

#contactpageform {
	padding-top: 25px;
}
	

aside#mainForm {
	background-image:url(../images/contact-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	min-height: 290px;
	background-color:#d4d2d1;
	float:right;
	width:345px;
	padding: 7px 0 0 10px;
	-webkit-box-shadow:  0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:  0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:  0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	border:1px solid #fff;
}
#mainContactForm {
	/*background-image:url(../images/formBG.jpg);
	background-position:top;
	background-repeat:no-repeat;*/
	min-height: 290px;
	background-color:#c7c8b8;
	width:650px;
	margin:auto;
	padding: 10px 0 0 10px;
	-webkit-box-shadow:  0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:  0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:  0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	border:1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* Review Styles */

.review_box {
	font-size: 14px;
	color: white;
	padding: 10px;
	background: #204e70;
	margin:25px;
}

.review_box p {
 	color: white;
 }

.review_box strong {
	font-weight:bold;
	font-size:16px;
}
div.review_rating {
	color: yellow;
}
/* Review Styles */

.reviews-top-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } 
.reviews-top-wrapper a { background-color: #3AB34A; padding: 9px 45px; color: white; }

.shadow {
	-webkit-box-shadow:  0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:  0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:  0px 3px 10px 0px rgba(50, 50, 50, 0.75);
}
	

.review_box_sidebar {
	margin:10px 0;
    padding:10px;
    background:#22517f;
    color:white;
}


.review_box_sidebar a {
font-size: 17px;
background: #3ab34a;
padding: 10px;
text-decoration: none;
color: white;
text-align: center;
font-weight: bold;
display: block;
    
}

.normalBtngreen {
    margin: 20px auto;
    width: 30% !important;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);
	background:#3ab34a;	
	color:white;
	font-weight:bold;
	text-decoration:none;
	
	font-weight:bold;
	
	cursor:pointer;
	display:block;    
}


.normalBtngreen:hover {
	background-color: #22517f;
	-webkit-transition: 0.20s ease-in;
	-moz-transition: 0.20s ease-in;
	-o-transition: 0.20s ease-in;
	-ms-transition: 0.20s ease-in;
	transition: 0.20s ease-in;
}



.desktop-stealth{
	display: none;}
	
	/* Media Queries */
        @media only screen and (max-width: 990px) {

.desktop-stealth{
	display: block;}
	
                .headerNav {
 	position: absolute;
				right: 16px;
				width: 80%;
				z-index: 1337;
				padding: 0 2em;
				border-bottom: solid 2px #588ced;
				background-color: #111;
				margin-top: 18px;
                }


					
					.headerNav ul li ul li  a{
                    border-top: solid 1px #333;
					
                }
				
            .topbar {display:none;}
            .header{height:230px;}
                
				
        }


  
   
        @media only screen and (min-width: 990px) {
            
        

                .headerNavButton {
                    display: none;
                }

                .headerNav {
                    display: block;
                    margin-top: -10px;
                }

                    .headerNav .subnav {
                        display: none;
                    }

                    .headerNav>a {
                        text-align: center;
                        font-weight: 300;
                        padding: 0;
                        color: #8d8977;
                        font-size: 1.5em;
                    }
					

                  

                    .headerNav>ul {
                        margin-left:25%;
						
                    }

                        .headerNav>ul>li{
                            display: inline-block;
                            
                            margin-left: 1em;
                            font-size: 1em;
							
							
                        }

                            .headerNav ul li a {
                                padding: 0.1em;
                                
                            }

                                .headerNav>ul>li:hover>a {
                                    color: #bed137;
                                }

                            .headerNav ul li:hover ul {
                                display: block;
                                position: absolute;
                                z-index: 1337;
								
                               background-color: rgba(0,0,0,.8);
                                padding: 0;
                                margin-left: -28px;
                               
                            }

                                .headerNav ul li ul li {
                                    display: block;
                                    margin: 0 1em;
                                }

                                    .headerNav ul li ul li a {
                                        border-bottom: solid 1px #333;
                                        padding: 1em 0;
										color: #fff;
										
										font-size: 0.9em;
                                    }
									
									.headerNav ul li ul li a:hover {
                                    
										color: #bed137;
										
										font-size: 0.9em;
                                    }
        }


        @media only screen and (min-width: 1200px) {
            
          

                .headerNav>ul>li{
                    margin-left: 2em;
                    font-size: 1.1em;
                }

                    .headerNav ul li:hover ul {
                        margin-left: -35px;
                    }
					
					 .headerNav ul li ul li a {
                                        border-bottom: solid 1px #333;
                                        padding: 1em 0;
										color: #fff;
										
										font-size: 0.8em;
                                    }
									
									.headerNav ul li ul li a:hover {
                                    
										color: #bed137;
										font-size: 0.8em;
                                    }

         
        }	
				
	
	@media only screen and (max-width: 768px) {
	
		.onethird, .twothirds, .onethirdfooter, .onehalf{
			width: 90%;
			padding: 3%;
			}
        .content {
            margin-top:220px;
        }
}
    @media only screen and (max-width: 580px) {
                
        .header {height: 240px;}
        .logo {max-width:80%;}
        .featuremain {font-size:1.2em;}
        .banner ul li{margin-top:100px;}
		.right {
		float: left;}
        .darkbg {font-size:1em;}
        .rightAText{text-align:left;}
		}