/*

Theme Name: startsic

Theme URI: http://underscores.me/

Author: Oyova Software

Author URI: http://www.oyova.com

Description: Description

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: startsic

Tags:



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

startsic is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.



*/









/***************************** FEATURE :: wp-core ************/

/************************************* :: ********************/



.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}

del{

	text-decoration: line-through !important;

	color: #CCC;

}











/***************************** FEATURE :: typography *********/

/************************************* :: ********************/





body{

	font-family: 'Ubuntu', verdana, sans-serif;

}

h1{

	font-family: 'Arvo', verdana, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 3em;

	letter-spacing: 2px;

}

h2{

	font-family: 'Arvo', verdana, sans-serif;

	font-weight: bold;

	text-transform: none;

	font-size: 2em;

}

h3{

	font-family: 'Ubuntu', verdana, sans-serif;

	font-weight: bold;

	font-size: 1em;

	letter-spacing: .5px;

	text-transform: uppercase;

}

h4{

	font-family: 'Ubuntu', verdana, sans-serif;

	font-weight: bold;

	font-size: 1.25em;

	letter-spacing: .5px;

}

h5{

	font-family: 'Ubuntu', verdana, sans-serif;

	font-weight: 500;

	font-size: 1em;

	text-transform: uppercase;

	letter-spacing: .5px;

}

h6{

	font-family: 'Ubuntu', verdana, sans-serif;

	font-weight: bold;

	font-size: 1em;

	text-transform: uppercase;

	font-style: italic;

	letter-spacing: .5px;

}

p{

	overflow: hidden;

	font-family: 'Open Sans', verdana, sans-serif;

	font-size: .9em;

}

p.lead-in{

	font-size: 1em;

	line-height: 1.75em;

	font-weight: 300;

}



.text-center p.lead-in{

	margin: 0em 7em;

}



	@media only screen and (max-width: 40em){

		h1{

			font-family: 'Quattrocento', verdana, sans-serif;

			font-weight: normal;

			text-transform: uppercase;

			font-size: 2em; 

		}

		p.lead-in{

			margin: 0em;

		}

	}



	@media only screen and ()



ul, ol{

	font-size: .9em;

}











/***************************** FEATURE :: globals ************/

/************************************* :: ********************/



html{

	position: relative;

	min-height: 100%;

}

body{

	position: relative;

	min-height: 100%;

	overflow-x: hidden;

}

small {

	font-size: 80%;

}

#content{

	width:100%;

	min-height: 100%;

	overflow: hidden;

	margin-bottom: 10rem;

}

.button{

	text-transform: uppercase;

	font-size: 13px;

	font-weight: 600;

	font-family: 'Open Sans';

	cursor: pointer !important;

	box-sizing: border-box;

}

.panel{

	font-size: .9em;

}

.button.dark{

	background-color: #333;

	border-bottom: solid 4px #111;

}

.full-width{

	width: 100%;

	max-width: 100%;

}

.recessed{

	position: relative;

	top: -3em;

}

.floatLeft{

	float: left;

}

.standard-page{

	padding: 3em 0em;

}

.text-center hr{

	width: 10%;

	display: inline-block;

	border: none;

	border-bottom: solid 2px #f0bc00;

}











/***************************** FEATURE :: post-navigation ****/

/************************************* :: ********************/



.post-navigation{

	margin-top: .5em;

	padding: .5em 0em;

	border-top: solid 5px #DDD;

	border-bottom: solid 2px #DDD;

	margin-bottom: .5em;

}

.post-navigation *{

	display: inline-block;

	margin-top: 0em;

	vertical-align: text-top;



    -webkit-transition: .15s ease-in-out;

    -moz-transition: .15s ease-in-out;

    -o-transition: .15s ease-in-out;

    transition: .15s ease-in-out;	

}

.post-navigation a{

	color: #4bb137;

	vertical-align: text-top;

	position: relative;

	width: 100%;

}

.post-navigation i{ 

	font-size: 2.5em;

	color: #4bb137;

	position: absolute;

	top: .5rem;

}

.post-navigation span{

	text-transform: uppercase;

	font-weight: bold;

	font-size: .9em;

	color: #666;

}

.post-navigation strong{

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	max-width: 90%;

}

.post-navigation .post-nav-text{

	position: relative;

	width: 100%;

}

.post-navigation .post-nav-text *{

	margin: 0em;

}

.post-navigation .text-left{

	border-right: solid 1px #DDD;

}



	/* left side */

	.post-navigation .text-left i{

		left: -1rem;

	}

	.post-navigation .text-left .post-nav-text{

		padding-left: 1.5em;

	}

	.post-navigation .text-left a:hover{

			-ms-transform: translateX(-1.5em); /* IE 9 */

			-webkit-transform: translateX(-1.5em); /* Safari */

			transform: translateX(-1.5em);

	}

	.post-navigation .text-left a:hover i{

			-ms-transform: translateX(-.75em); /* IE 9 */

			-webkit-transform: translateX(-.75em); /* Safari */

			transform: translateX(-.75em);

	}



	/* right side */

	.post-navigation .text-right i{

		right: -1rem;

	}

	.post-navigation .text-right .post-nav-text{

		padding-right: 1.5em;

	}

	.post-navigation .text-right a:hover{

			-ms-transform: translateX(1.5em); /* IE 9 */

			-webkit-transform: translateX(1.5em); /* Safari */

			transform: translateX(1.5em);

	}

	.post-navigation .text-right a:hover i{

			-ms-transform: translateX(.75em); /* IE 9 */

			-webkit-transform: translateX(.75em); /* Safari */

			transform: translateX(.75em);

	}



	@media only screen and (max-width: 40em) {

		.post-navigation .row{

			width: 100%;

			margin: 0em;

		}

		.post-navigation .post-nav-text{

			padding: .75em;

		}

		.post-navigation i{

			font-size: 1.75em;

			top: .75rem;

		}

			/* left */

			.post-navigation .text-left i{

				left: 0rem;

			}

			/* right */

			.post-navigation .text-right i{

				right: 0rem;

			}				

	}









/***************************** FEATURE :: gravity forms ******/

/************************************* :: ********************/



.gform_wrapper{

	max-width: 100% !important;

	margin: 0em !important;

}

.gform_wrapper .gform_body{

}

.gform_wrapper .gform_footer{

	padding: 0em 1em 0em !important;

}

.gform_wrapper .gform_fields{

	list-style-type: none;

	margin: 0em !important;

}

.gform_wrapper .gform_fields .gfield{

	clear: none !important;

}

.gform_wrapper .gform_fields .gsection{

	border: solid 1px rgba(0, 0, 0, 0);

	margin-bottom: 2.5rem;

	background-color: #FFF;

	padding: 0em !important;



	-moz-box-shadow:    0px 0px 30px 1px rgba(0, 0, 0, .1);

	-webkit-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, .1);

	box-shadow:         0px 0px 30px 1px rgba(0, 0, 0, .1);	



}

.gform_wrapper .gform_fields .gsection h2{

	font-family: "Ubuntu", verdana, sans-serif;

	font-size: .75rem;

	line-height: 0rem;

	color: #666;

	padding-left: 1rem !important;

	text-transform: uppercase;

	visibility: hidden;

}

.gform_wrapper .gform_fields .gsection.first{

	background-color: #FFF;

	-moz-box-shadow:    inset 0px 0px 30px 1px rgba(0, 0, 0, .05);

	-webkit-box-shadow: inset 0px 0px 30px 1px rgba(0, 0, 0, .05);

	box-shadow:         inset 0px 0px 30px 1px rgba(0, 0, 0, .05);	

}

.gform_wrapper .top_label .gfield_label{

	font-family: 'Ubuntu', verdana, sans-serif;

	font-size: .9em;

	line-height: 1.6em !important;

	text-transform: normal;

	font-weight: 400 !important;

	display: inline-block;

	color: #666;

	position: relative;

	margin-bottom: .4em !important;

}

.gform_wrapper .gfield_required{

	position: absolute;

	right: -.75em;

}

.gform_wrapper .ginput_container{

	margin-top: 0em !important;

}

.gform_wrapper .ginput_container input,

.gform_wrapper .ginput_container textarea,

.gform_wrapper .ginput_container select{

	margin: 0em 0em 1em 0em;

	color: #666;

	background-color: #FFF;

}

.gform_wrapper .ginput_container input:focus,

.gform_wrapper .ginput_container textarea:focus,

.gform_wrapper .ginput_container select:focus{

	border-color: #4bb137;

	outline: none;

}

.gform_wrapper .ginput_container *.large{

	width: 100% !important;

}





	/* validation styles */

	.gform_wrapper .validation_error{

		display: none;

	}

	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,

	.gform_wrapper .validation_message,

	.gform_wrapper .instruction{

		display: none !important; /* hide instructions */

	}

	.gform_wrapper li.gfield_error .ginput_container *{

		border: solid 1px #ef6922 !important;  /* change error color from red to orange */

		margin-right: 0em !important;

	}



	.gform_wrapper .gfield_error .gfield_label{

		color: #ef6922 !important; /* change error color from red to orange */

		border-bottom: solid 1px #ef6922 !important; 

	}



	/* signup form styles */

	.signup-form .gform_wrapper{

		background-color: #FAFAFA;

		border: solid 1px #FFF;

		-moz-box-shadow:    0px 0px 30px 1px rgba(0, 0, 0, .1);

		-webkit-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, .1);

		box-shadow:         0px 0px 30px 1px rgba(0, 0, 0, .1);	

	}

	.signup-form .gform_wrapper .gform_body{

		padding: 1em;

	}

	.signup-form .gform_wrapper .gform_footer{

		padding: 1.5em 2em !important;

		background-color: #FFF;

		-moz-box-shadow:    0px 0px 30px 1px rgba(0, 0, 0, .075);

		-webkit-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, .075);

		box-shadow:         0px 0px 30px 1px rgba(0, 0, 0, .075);	

	}

	.signup-form .gform_wrapper .gform_footer input[type="submit"]{

		margin: 0em !important;

		display: block;

		width: 100%;

	}









/***************************** FEATURE :: vertical-login ******/

/************************************* :: ********************/



.vertical-login{

	background-color: rgba(255, 255, 255, .9);

	padding: 1.5rem;

	margin: 1.5rem 0rem;

	border: solid 5px #394041;

}

.vertical-login input{

	-moz-box-shadow:    0px 0px 10px 1px rgba(0, 0, 0, .1);

	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .1);

	box-shadow:         0px 0px 10px 1px rgba(0, 0, 0, .1);	

}

.vertical-login input[type=submit]{

	margin-bottom: 0px;

}











/***************************** FEATURE :: gform-widget *******/

/************************************* :: ********************/



.widget.gform_widget .gform_wrapper{

	padding-top: .25em;

	background-color: #2ba6cb;

	color: #FFF;

}

.widget.gform_widget .gform_wrapper .gfield_label,

.widget.gform_widget .gform_wrapper .gfield_label *{

	color: #FFF;

}

.widget.gform_widget .gform_wrapper .gform_footer{

	background-color: #333;

}

.widget.gform_widget .gform_wrapper .gform_footer input{

	width: 100%;

}













/***************************** FEATURE :: codon-breadcrumbs **/

/************************************* :: ********************/



.codon-breadcrumbs{



}

.codon-breadcrumbs *{

	text-transform: uppercase;

	font-size: .85em;

}

.codon-breadcrumbs a{

	color: #4bb137;

}

.codon-breadcrumbs span{

	color: #333;

}











/***************************** FEATURE :: utility-menu *******/

/************************************* :: ********************/



.utility-menu{

	position: absolute;

	top: 0em;

	right: 0em;

	border-bottom: solid 1px rgba(255, 255, 255, .15);

	z-index: 10;

}

.utility-menu .top-bar-section ul{

	list-style-type: none;

}

.utility-menu .top-bar-section li,

.utility-menu .top-bar-section li a{

	color: rgba(255, 255, 255, .4);

	background-color: transparent !important;

}

.utility-menu .top-bar-section .has-form{

	padding: 0rem;

}

.utility-menu input{

	margin: .4rem 0rem;

	height: 2.0125rem;

	line-height: 2.0125rem;

	background-color: rgba(255, 255, 255, .05);

	border: none;

	color: rgba(255, 255, 255, .4);

}

.utility-menu input:focus{

	color: #333;

}

.utility-menu input[type=submit],

.utility-menu input[type=submit]:focus{



	padding: 0rem 1rem;

	width: 100%;

	background-color: rgba(255, 255, 255, .15);

	color: #FFF;

}







/***************************** FEATURE :: numbered-pagination /

/************************************* :: ********************/



.numbered-pagination-wrapper{

}

.numbered-pagination-wrapper ul.page-numbers{

	list-style-type: none;

	text-align: center; 

	margin: 0em;

	padding: 0em;

}

.numbered-pagination-wrapper ul.page-numbers li{

	display: inline-block;

	margin: 0em .15em;

}

.numbered-pagination-wrapper ul.page-numbers li a,

.numbered-pagination-wrapper ul.page-numbers li span{

	display: block;

	width: 2em;

	height: 2em;

	line-height: 2em;

	color: #333;

	background-color: #EEE;

	border-radius: 3px;

}

.numbered-pagination-wrapper ul.page-numbers li a:hover{

	background-color: #CCC;

}

.numbered-pagination-wrapper ul.page-numbers li span.current{

	background-color: #4bb137;

	color: #FFF;

}

.numbered-pagination-wrapper ul.page-numbers li span.dots{

	background: transparent;

}











/***************************** SECTION :: graphic-header *****/

/************************************* :: ********************/



.section.graphic-header{

	padding: 3em 1em;

	text-transform: uppercase;

	background-position: center;

	border-bottom: solid 5em rgba(0, 0, 0, .2);

	background-size: cover;

	background-color: #000;

	background-image: url('../images/slider-blur.jpg');



	box-sizing: border-box;

	-webkit-filter: grayscale(1);

	filter: grayscale(1);

}

.section.graphic-header h3{

	display: inline-block;

	max-width: 20em;

	font-size: 1.25em;

	color: #FFF;

	text-shadow: 1px 1px 10px rgba(0, 0, 0, .5);

}

.section.graphic-header h1{

	font-weight: 900;

	color: #FFF;

	font-size: 2.5em;

	text-shadow: 1px 1px 10px rgba(0, 0, 0, .5);

}



	/* FOR SLIM VARIANT */

	.section.graphic-header.minimal{

		padding: 2em 1em;

		border: none !important;

	}

	.section.graphic-header.minimal h1,

	.section.graphic-header.minimal h3{

		max-width: 28em;

	}

	

	/* FOR COLORED VARIANT */

	.section.graphic-header.vibrant{

	-ms-filter: grayscale(0);

	-webkit-filter: grayscale(0);

	filter: grayscale(0);

	}













/***************************** SECTION :: main-navigation ****/

/************************************* :: ********************/



.section.main-navigation{

	background-color: #252a2b;

	border-top: solid 5px #759d27;

	height: 170px;

	position: relative;

	z-index: 50;

}

.section.main-navigation .row{

	position: relative;

}

.section.main-navigation .logo{

	height: 165px;

	width:100%;

	position: absolute;

	bottom: 0em;

	left: -2em;

	/*z-index: 10;*/

}

@media screen and (max-width: 1025px){

	.section.main-navigation{

		z-index: 0;

	}

	.section.main-navigation .logo{

		left: 0em;

	}

}



.section.main-navigation .logo img{

	max-height: 260px;

	width: auto;

}

@media screen and (min-width: 1026px) and (max-width: 1200px){
	.section.main-navigation .logo img{
		max-height: 173px;
	    width: auto;
	    max-width: 236px;
	    margin-top: 54px;
	    margin-left: 32px;
	}

	.section.main-navigation ul.slimmenu > li > a {
	    font-family: 'Ubuntu', verdana, sans-serif;
	    font-size: .9em;
	    text-align: center;
	    padding: 0.9rem 1.2rem;
	    color: #EEE;
	    text-shadow: none;
	    overflow: hidden;
	}
}

@media screen and (min-width: 1201px){
	.section.main-navigation .logo img {
    max-height: 260px;
    width: auto;
    max-width: 260px;
    margin-top: 33px;
	}
}

.section.main-navigation .menu-container{

	height: 165px;

	float: right;

}

.section.main-navigation .positioner{

	position: absolute;

	bottom: 0em;

	right: 0em;

}

.section.main-navigation ul.slimmenu{

	text-align: right;

	position: relative;

	z-index: 10;

	width: auto;

	float: right;

	line-height: 100%;

	word-spacing: 0px;

}

.section.main-navigation ul.slimmenu .sub-collapser{

	display: none;

}





	/* TOP LEVEL NAV */



	.section.main-navigation ul.slimmenu > li{

		background-color: transparent;

		padding: 0px;

		margin: 0px;

		border: 0px;

		position: relative;

		display: block;

		float: left;

		z-index: 10;

	}

	.section.main-navigation ul.slimmenu > li > a{
		font-family: 'Ubuntu', verdana, sans-serif;
		font-size: .8em;
		text-align: center;
		padding: 0.9rem 1.2rem;
		color: #EEE;
		text-shadow: none;
		overflow: hidden;
	}



	.section.main-navigation ul.slimmenu > li:not(:first-child) > a::before{

		content: " ";

		position: absolute;

		left: -1px;

		top: 50%;

		-ms-transform: translateY(-50%);

		-webkit-transform: translateY(-50%);

		transform: translateY(-50%);



		z-index: 1;

		width: 0px;

		height: 1.5em;

		border-left: solid 1px rgba(255, 255, 255, .25);

	}

	.section.main-navigation ul.slimmenu > li > a:hover{

		background-color: rgba(255, 255, 255, .1);

	}

	.section.main-navigation ul.slimmenu > li.current-menu-item > a{

		background-color: #759d27;

		font-weight: bold;

		color: #333;

	}



	/* PHONE LINK */



	.section.main-navigation ul.slimmenu > li:last-child > a{

		background-color: #f0bc00;

		padding-left: 4rem;

		padding-right: 0rem;

		font-size: 1.25rem;

		font-weight: normal;

	}

	.section.main-navigation ul.slimmenu > li:last-child > a::before{

		content:"\f095";

		font: normal normal normal 14px/1 FontAwesome;

		position: absolute;

		top: 0em;

		font-size: 2rem;

		left: 0em;

		padding: 1.1rem 0rem;

		width: 1.5em;

		display: block;

		line-height: 1rem;

		-ms-transform: none;

		-webkit-transform: none;

		transform: none;

		vertical-align: middle;

		background-color: rgba(0, 0, 0, .125);

	}

	.section.main-navigation ul.slimmenu > li:last-child > a::after{

		content: " ";

		width: 30rem;

		height: 100%;

		position: absolute;

		right: -30rem;

		top: 0rem;

		background-color: #f0bc00;

	}



	/* SECOND LEVEL NAV */



	.section.main-navigation ul.slimmenu > li > .sub-menu{

		width: auto;

		background-color: rgba(0, 0, 0, .5);

	}

	.section.main-navigation ul.slimmenu > li > .sub-menu li{

		background-color: transparent;

		border: none;

	}

	.section.main-navigation ul.slimmenu > li > .sub-menu li:not(:last-child){

		border-bottom: solid 1px rgba(255, 255, 255, .1);

	}

	.section.main-navigation ul.slimmenu > li > .sub-menu li:not(:first-child){

		border-top: solid 1px rgba(0, 0, 0, .1);

	}

	.section.main-navigation ul.slimmenu > li > .sub-menu li a{

		background-color: transparent;

		color: #FFF;

		font-size: .9em;

		padding: .75em 1.25em;

		border: none;

		min-width: 15em;

		white-space: nowrap;

		text-overflow: ellipsis;

		text-align: left;

	}

	.section.main-navigation ul.slimmenu > li > .sub-menu li a:hover{

		background-color: rgba(0, 0, 0, .2);

	}











/***************************** SECTION :: image-slider *******/

/************************************* :: ********************/



.section.image-slider{

	position: relative;

	z-index: 25;



}

.section.image-slider .slider-container{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0px;

	top: 0px;

	overflow: hidden;

	

	-webkit-filter: grayscale(1);

	filter: grayscale(1);



}









.section.form-wrapper{

}

.section.form-wrapper .form-container{

	background-color: #FFF;

	padding: 2rem;

}









/***************************** SECTION :: contact-page *******/

/************************************* :: ********************/



.section.contact-page{

}

.section.contact-page .form-container{

	padding: 2rem;

	background-color: #FFF;

	border-top: solid 5px #759d27;



	-moz-box-shadow:    inset 0px 0px 30px 1px rgba(0, 0, 0, .1);

	-webkit-box-shadow: inset 0px 0px 30px 1px rgba(0, 0, 0, .1);

	box-shadow:         inset 0px 0px 30px 1px rgba(0, 0, 0, .1);	

}







/***************************** SECTION :: contact-widgets ****/

/************************************* :: ********************/



.section.contact-widgets{

	position: relative;

	padding: 2rem 0rem 6rem;

}

.section.contact-widgets .simplemap{

	position: absolute;

	height: 100%;

	width: 100%;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;



	-webkit-filter: grayscale(1) brightness(.3);

	filter: grayscale(1) brightness(.3);



}



/*------------------------- media query for contact widget------------------------*/

@media screen and (max-width: 822px) and (min-width: 642px ){

	.contact_tabs table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {

		padding: 0;

	}

	.contact_tabs {

		width: 100%;

		padding: 1px;

	}

}



@media screen and (max-width: 925px) and (min-width: 823px ){

	.contact_tabs table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {

		padding: 0 0 0.625rem 0.5625rem;

	}

}



/***************************** SECTION :: quote-form *********/

/************************************* :: ********************/



.section.quote-form{

	background-color: #759d27;

	position: relative;



	-moz-box-shadow:    0px 0px 100px 0px rgba(0, 0, 0, .15);

	-webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, .15);

	box-shadow:         0px 0px 100px 0px rgba(0, 0, 0, .15);



}

.section.quote-form .form-container{

	background-color: #FFF;

	padding: 2rem;

}

.section-title.recessed{

	background-color: #394041;

	position: absolute;

	z-index: 100;

	top: -3.5rem;

}

.section-title.recessed i{

	color: #FFF;

	line-height: 3.4rem;

	font-size: 1.5rem;

	padding: 0rem 1.25rem;

	background-color: rgba(0, 0, 0, .25);

}

.section-title.recessed span{

	line-height: 3.4rem;

	font-size: 1.25rem;

	font-weight: 500;

	color: #FFF;

	padding: 0rem 1.5rem;

}

@media screen and (max-width: 40em){

	.section-title.recessed{

		position: relative;

		top: 0rem;

	}

}

.section.quote-form .gform_footer{

	position: absolute;

	right: 3rem;

	bottom: 3rem;

	padding: 0px !important;

	margin: 0px !important;

}

.section.quote-form .gform_footer input{

	margin: 0px;

	height: 2.3125rem;

	line-height: 0rem;

}



/*mobile modifications for the quote form */

@media screen and (max-width: 714px) and (min-width: 642px){



	#front_quote #gform_wrapper_1 #gform_1 .gform_body ul li{

		width:100%;

	}

}



@media screen and (min-width: 715px) and (max-width:770px){

	#front_quote #gform_wrapper_1 #gform_1 .gform_body ul li .ginput_container #input_1_5 {

		font-size: 14px;

		padding-left: 1px;

	}

}



@media screen and (min-width: 771px) and (max-width: 830px ) {

	#front_quote #gform_wrapper_1 #gform_1 .gform_body ul li .ginput_container #input_1_5 {

		font-size: 15px;

	}

}

/***************************** SECTION :: feature-icons ******/

/************************************* :: ********************/



.section.feature-icons{

	padding: 4rem 0rem;

}



.section.feature-icons .icon-box-area{

	padding: 6rem 0rem 2rem;

}

.section.feature-icons .icon-box-area .icon-box{

	text-align: center;

	display: inline-block;

}

.section.feature-icons .icon-box-area .icon-box .icon{

	height: 6rem;

	width: 6rem;

	overflow: hidden;

	background-color: #F3F3F3;

	border: solid 2px #759d27;

	border-radius: 10rem;

	display: inline-block;

	text-align: center;

	line-height: 5.5rem;

	vertical-align: middle;

	position: relative;

}

.section.feature-icons .icon-box-area .icon-box .icon::before{

	content: " ";

	position: absolute;

	top: 1px;

	left: 1px;

	right: 1px;

	bottom: 1px;

	border: solid 4px #FFF;

	border-radius: 10rem;

}

.section.feature-icons .icon-box-area .icon-box img{

	display: inline-block;

	height: 70%;

	width: auto;

}

.section.feature-icons .icon-box-area .icon-box h3{

	margin: 2rem 0rem .25rem;

	padding: 0rem .5rem;

	font-size: 1.25rem;

	font-weight: 400;

	text-transform: none;

}

.section.feature-icons .icon-box-area .icon-box p{

	margin: 0rem;

	padding: .5rem;

	font-size: .85rem;

	color: #999;

}

.section.feature-icons .icon-box-area .icon-box a{

	font-size: .8rem;

	margin-top: 1rem;

}



@media only screen and (max-width: 1025px) {

	.vertical-login {

		background-color: rgba(255, 255, 255, .0);

    	padding: 1.5rem; 

    	margin: 3.9rem 1rem;

    	margin-bottom: 1em;

    	border: none;

    	

	}



	.text-center p.lead-in {

		margin: 0;

	}

}



/***************************** SECTION :: footer-navigation **/

/************************************* :: ********************/



.section.footer-navigation{

	position: relative;

	bottom: 0em;

	width: 100%;

	height: 4em;

	padding: 1em;



	-moz-box-shadow:    inset 0px 0px 20px 0px rgba(0, 0, 0, .2);

	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, .2);

	box-shadow:         inset 0px 0px 20px 0px rgba(0, 0, 0, .2);

}

.section.footer-navigation{

}

.section.footer-navigation .text-left,

.section.footer-navigation .text-right{

	font-size: .8em;

	line-height: 2rem;

}

.section.footer-navigation .watermark{

	position: absolute;

	height: 5em;

	width: 100%;

	top: -5em;

	left: 0em;

}

.section.footer-navigation .watermark img{

	position: absolute;

	left: 0em;

	bottom: 0em;

	width: 100%;

	height: auto;

	min-width: 50rem;

}

.pgn-wrapper {
  position: fixed;
  z-index: 1000;
  max-width: 425px;
  background-color: rgba(255,0,0, .8);
}

.pgn-wrapper[data-position$='-left'] {
  left: 30px;
}

.pgn-wrapper[data-position$='-right'] {
  right: 20px;
}

.pgn-wrapper[data-position^='top-'] {
  top: 20px;
}

.pgn-wrapper[data-position^='bottom-'] {
  bottom: 20px;
}

.pgn-wrapper[data-position='top'] {
  top: 20%;
  left: 35%;
  right: 0;
}

.pgn-wrapper[data-position='bottom'] {
  bottom: 0;
  left: 0;
  right: 0;
}

.pgn {
  position: relative;
  margin: 10px;
}

.notification-boxes .close{
	font-size: 3.375rem;
	color: #FFF;
	-webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    margin-top: 0;
}

.pgn-wrapper .warning{
	background-color: rgba(240, 138, 36, 0.8);
}

.pgn-wrapper .success{
	background-color: rgba(93, 164, 35, 0.8);
}

.pgn-wrapper .info{
	background-color: rgba(161, 211, 232, 0.8);
}

.pgn-wrapper .alert{
	background-color: rgba(240, 66, 36, 0.8);
}

.pgn-wrapper .secondary{
	background-color: rgba(232, 232, 232, 0.8);
}

/* Simple 
------------------------------------
*/
.pgn-simple .alert-box {
  max-width: 500px;
 /* animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
  -webkit-animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;*/
}

.notification-boxes {
	margin: 0px;
}

.notification-container {
	width: 63%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}
.notification-container p:last-of-type {margin-bottom: 0;}

@media (max-width: 830px) {
	.notification-container{
		width: 100%;
		padding: 0px;
	}

	.notification-boxes .close {
		right: -20px;
		top: 10px;
	}
}