/*!
 * Gridpak Beta CSS
 *
 *  Generator - http://gridpak.com/
 * Created by @erskinedesign
 */	

/* Reusable column setup */
.col {
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
	/*border:0px solid rgba(0,0,0,0);*/
	/* border:1px solid red; */
	}

.row { padding:14px 20% 0px 20%; margin:10px -20%;	position: relative; }
.row .col:first-child  {margin-left:0;}
	
/* 1408 and less ===================================================================================================== */
@media screen and (min-width: 1408px) {
        
	.col {margin-left:2%; padding:0 0%;}
	.row {padding:14px 20% 0px 20%;}

	.span_1 {width:15.0%;}
	.span_1-5 {width:23.5%;}
	.span_2  {width:32.0%;}
	.span_3 {width:49.0%;}
	.span_4 {width:66.0%;}
	.span_4-5 {width:76.5%;}
	.span_5 {width:83.0%;}
	.span_6 {margin-left:0; width:100%;}
	
	
	
	/* Header =========================== */
	#headerwrap{
		/* margin: 0 8%; */
		width: 1380px;
		margin: 0 auto;
		}
		
	
	
	/* Navigation / Menu =========================== */
	#nav a, #nav label { 
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 29.25px;
		padding-right: 29.25px;
		font-size:20px;
		font-weight: normal;
		/* border-right:1px solid red; */
		}
	/* #nav label {border-right:2px solid rgba(30,132,245,0.5);} */	
	.menu-bar-inner {height:41px;}
	
	
	
	/* Content =========================== */	
	#content {
		/* margin:0 8%; */
		max-width: 1380px;
		margin: 0 auto;
		}
		
		
		
	/* Footer =========================== */
	#footer-inner {
		/* padding: 20px 8%; to stretch across page */
		/* margin: 20px 8%; */
		margin: 0 auto;
		max-width: 1330px;
		}
		

		
}

/* 1407 to 1200 =========================================================================================================== */
@media screen and (min-width: 1200px) and (max-width: 1407px) {
	.col {margin-left:2%; padding:0 0%;}
	
	.span_1 {width:15.0%;}
	.span_1-5 {width:23.5%;}	
	.span_2  {width:32.0%;}
	.span_3 {width:49.0%;}
	.span_4-5 {width:76.5%;}
	.span_4 {width:66.0%;}
	.span_5 {width:83.0%;}
	.span_6 {margin-left:0;	width:100%;}
	
	
	
	/* Header =========================== */
	#headerwrap{
		/* margin: 0 4%; */
		width: 1180px;
		margin: 0 auto;
		}
	/*THEME OPTIONS*/
	.header-content1 {
		width:520px;
		}
	.header-content1 h2{
		font-size:30px;
		}
	/*end THEME OPTIONS*/
	
	
	/* Navigation / Menu =========================== */
	#nav a, #nav label { 
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 33.9px;
		padding-right: 33.9px;
		font-size: 14px;
		font-weight: normal;
		}
	/* #nav label {border-right:2px solid rgba(30,132,245,0.5);} */
	.menu-bar-inner {height:32px;}
	.menu-icon1 /*chevron-down*/{margin:4px 4px 0px 0px;}
	
	
	/* Content =========================== */	
	#content {margin:0 4%;}
	

	
	/* Footer =========================== */
	#footer-inner {
		/* padding: 20px 4%; to stretch across page */
		margin: 0 auto;
		max-width: 1130px;
		}
	
}


/* 1199 to 980 =========================================================================================================== */
@media screen and (min-width: 980px) and (max-width: 1199px) {
	.col {margin-left:2%; padding:0 0%;}
	
	.span_1 {width:15.0%;}
	.span_1-5 {width:23.5%;}	
	.span_2  {width:32.0%;}
	.span_3 {width:49.0%;}
	.span_4-5 {width:76.5%;}
	.span_4 {width:66.0%;}
	.span_5 {width:83.0%;}
	.span_6 {margin-left:0;	width:100%;}
	
	
	/* Header =========================== */
	#headerwrap{
		/* margin: 0 4%; */
		width: 1020px;
		margin: 0 auto;
		}
	
	/*THEME OPTIONS*/
	.header-content1 {
		width:350px;
		}
	.header-content1 h2{
		font-size:30px;
		}
	/*end THEME OPTIONS*/
	
	.icon-admin-2{
		font-size: 10px;
		margin-top: 9px;
		}
	
	
	
	/* Slider =========================== */
	#da-slider .da-img1 {
		background: transparent url(../images/slide-bg-1.jpg) no-repeat;
		background-position:-250px 0px;
		}

		
		
	/* Navigation / Menu =========================== */
	#nav a, #nav label { 
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 23.9px;
		padding-right: 23.9px;
		font-size: 14px;
		font-weight: normal;
		}
	.menu-bar-inner {height:32px;}
	.nav-box {
		width:23.5%;
		}
	/* #nav label {border-right:2px solid rgba(30,132,245,0.5);} */
	/* .menu-wrap {float:none;} */
	
	
	/* Content =========================== */	
	#content {margin:0 4%;}
	
	
	
	/* Footer =========================== */	
	#footer-inner {
		/* padding: 20px 4%; to stretch across page */
		margin: 0 auto;
		max-width: 980px;
		}
	.footer-nav a{
		width: 41%;
		font-size:0.8em;
		padding:10px 5px;
		font-weight: normal;
		}
	

	
	/* Quote Form =========================== */
	.group1{width:100%;}
	
}	



/* 979 to 0 =========================================================================================================== */
@media screen and (min-width: 0px) and (max-width: 979px) {
 
	.col {margin-left:0%; padding:0 0;}
	.row {padding: 14px 20% 0px 20%;}
	/* .row h2{padding-top:2em;} */
		
	.span_1, .col, .footer-text {width: 100%;}
	.span_1-5 {width:100%;}
	.span_2, .content{margin-left:0; width:-100%;}
	
	
	
	/* Header =========================== */	
	#headerwrap{
		/* margin: 0 1%; */
		margin: 0 auto;
		}
	
	#logo {
		width: 100%;
		height:262px;	
		margin: 0px auto;
		/* float:left; */
		}
	#logo a{width: 350px;}
	#logo-img {
		background: url('../images/logo-2.png') no-repeat;
		height: 300px;
		width: 350px;
		margin: 0 auto;
		}
	#logo-img:hover {margin-top:0px;}
	
	#top-links{
		
		}
		
	#top-links-inner{
		width: 125px;
		margin: 0 auto;
		}
	
	.icons {
		float:none;
		height:60px;
		width:60px;
		overflow:hidden;
		margin:0 auto;
		margin-top:0px;
		}
	
	.icon-1 {
		float:right;
		}
	
	.icon-2 {
		float:left;
		}
	
	#top-links-inner-admin{
		margin: 0 auto;
		width: 60%;
		}
	
	.icon-img {
		margin-top:0px;
		width:100%;
		}
	
	.icon-img:hover {
		margin-top:-60px;
		}
	
	.icon-admin-1 {
		float: right;
		width: 24%;
		padding:15px 0px;
		}
	
	.icon-admin-2 {
		float: left;
		background:none;
		color: #fff;
		width: 56%;
		font-size: 10px;
		margin-top: 15px;
		padding:15px 0px;
		border-radius: 10px 0px 0px 10px;
		text-shadow: -2px -2px 1px rgba(0,0,0,0.8), 2px 2px 1px rgba(0,0,0,0.8), 0px 0px 12px rgba(0,0,0,0.8);
		}
		
	.btn-login{width:100%; padding: 0px 0px 8px 0px; margin-top:10px;}
	.btn-signup{width:100%; padding: 0px 0px 8px 0px; margin-bottom:10px;}
	
	/*THEME OPTIONS*/
	.header-content1 {
		width:100%;
		}
	/*end THEME OPTIONS*/
	
	
	
	/* Navigation / Menu =========================== */	
	
	.menu-sub {background:rgba(0,0,0,0.6);}

	.menu-wrap {background:rgba(192,0,0,0.7); height: 135px; margin: 0 0%;}
	.menu-wrap-admin {background:rgba(53, 87, 130, 0.7); height:74px; margin: 0 -35%;}
	.menu-bar-inner  {margin-bottom:-7px;} /*adjust navi bg*/
	.menu-icon1 /*chevron-down*/{margin:4px 4px 0px 0px;}
	.sub-inner {margin: 0 0%;}
	label.close-menu2 {margin:0px 0%; width:100%;}
	.close-menu {margin-right: 40px;}
	
	#nav a, #nav label { 
		white-space: nowrap;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 8.3px;
		padding-right: 8.3px;
		font-size: 14px;
		border:1px solid black;
		}
	#nav label {border:1px solid black;}
	#nav ul { border:none; }
	
	#nav { width:100%; /* border-top:1px #ccc solid; */   }
	#nav li { width:50%; /* border-bottom:1px #ccc solid; */ }
	.nav-box {
		float: left;
		width: 100%;
		margin: 0px;
		}
	.nav-box h4{margin-right: 40px;}
	/* .menu-wrap {float:none;} */
	
	
	/* Slider =========================== */	
	.slider-wrapper {/*background: rgba(0, 0, 0, 0) url(../images/transition-bottom.png) repeat-x; background-position: 0 130px;*/height:590px;}
	.da-slider{height:590px;}
	
	.da-slide h2{
		font-size: 34px;
		width: 90%;
		top: 0px;
		line-height:26px;
		text-align: center;
		padding: 20px 5%;
		}
		
	.da-slide p{
		width: 90%;
		text-align: center;
		top: 70px;
		font-size: 12px;
		padding: 30px 5%;
		line-height: 18px;
		}
	.da-img-div{
		float:none;
		margin-right: 0;
		top:30px;
		}	
		
	#da-slider .da-img1 {
		/* background: transparent url(../images/slide-bg-1.2.jpg) no-repeat; */ /* For Swapping Background images */
		height: 550px;
		background-position: 70% 150px;
		}
		
	#da-slider .da-img {
		width: 100%;
		margin: 0 auto;
		}
		
	#da-slider .da-text-bg {
		/* background:rgba(0,0,0,0.2); */
		width: 100%;
		height: 210px;
		}
	
	.da-slide-current h2,
	.da-slide-current p,
	.da-slide-current .da-link{
		left: 10%;
		opacity: 1;
		margin-left: -10%; /*mikli7 adjust p for max-width slider*/
		}
		
	.da-slide .da-link{
		top: 175px;
		font-size: 20px;
		width: 100%;
		background:none;
		border:none;
		box-shadow:none;
		}
		
		
		
	/* Content =========================== */	
	#content {margin:0 8%; min-width:250px;}
		
		
		
	/* Footer =========================== */	
	#footer-inner {
		min-width:250px;
		/* padding: 20px 8%; to stretch across page */
		margin: 0px 8%;
		}
	.footer-nav a {
		float: left;
		width: 45%;
		padding:5px 5px;
		font-size:0.7em;
		}
	p#copyright {font-size:12px;}
		
		
		
	/* Contact Form =========================== */	
	#contact-button { 
		margin:0 auto;
		width:100%;
		}
		
	.verify-div {
		margin:0 auto;
		width:100%;
		margin-bottom:10px;
		}
	
	
	
	/* Quote Form =========================== */
	.group1{
		width:100%;
		}
		
	.submit-quote-inner{
		padding:8%;
		padding-top:20px;
		padding-bottom:30px;
		}

	#quote-button {
		width: 100%;
		float: none;
		}
	
	
	
	/* Login Form =========================== */
	div.login-form {margin:0 -20%;}	
	
	
	
	/*For CSS Only Hide Divs ============================ */
	.hide {	display:none; opacity:0; width:100%;}
	.hide-bg { display:none; opacity:0; width:100%;}
	.hide-div label {display:block;}
	.headerwrap-bg {position: relative; z-index: 2000;} /*for css only hid divs*/
	
	
	/*For Multi Level Menu Layout ============================ */
	.dummy-logo {display: none;}
	.content {margin: 0;}
	/*For Multi Level Menu Styles*/
	.action--open, .action--close {display: block;}
	.menu {
		z-index:2001; top:0;
		width:100%; height:100vh;
		-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 0.3s;	transition:transform 0.3s;
		}
	.menu--open {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	
	
}



/* 500 to 0 =========================================================================================================== */
@media screen and (min-width: 0px) and (max-width: 500px) {
	
	/* Header =========================== */
	.icon-admin-2 {
		font-size: 10px;
		margin-top: 5px;
		}
	
	
	
	/* Navigation / Menu =========================== */
	#menu a {font-size: 8px;}

	
}