@import url("bootstrap.min.css") all;
@import url("font-awesome.css") all;

 /*
 Table Of Contents
 
 1.) Typography
 
 2.) Default Styles

 3.) Home Page
 3.1) Header
 3.2) Banner - Main
 3.3) Section - 1
 3.4) Section - 2
 3.5) Section - 3
 3.6) Section - 4
 3.7) Footer

 4.) Inner Page
 4.1) Section - 5
 4.2) Section - 6
 
 4.1) Contact Page
 
 ===============================================*/
 


 
 /*
 1.) Typography
 ----------------------------------------*/
.topbarsocial .fa {
	font-size: 24px;
	margin-top: 3px;
	margin-right: 4px;
}



 /*
 2.) Default Styles
 ----------------------------------------*/
 
/*= Body 
=======================================================*/

body {
	font-family:"proxima-nova", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size:18px;
	color:#333333;
	line-height:26px;
	margin:0;
	padding:0;
}

.greenbg {

	background: url(/assets/images/home-angle-bg.png) top right no-repeat #1e5128 !important;
	color:white;
}

.greenbg h3 {color:#ECC44C;}

pre {
	word-break:normal;
	word-wrap:normal;
}

img {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	line-height:.5em;
}

.required {font-size: 14px;font-style: italic;}

@media (max-width: 767px) {
	body {
		font-size:16px;
		line-height:26px;
	}
	
	.header {
    padding: 0 !important;
	}
	
	.hidemobile {
		display: none;
	}

	.showmobile.processicon {
		text-align: center;
		width: 100%;
	}
	
	.showmobile.processicon img {
		display: inline-block;
	}

	.solution-cont .tabcontent ul li {
	    margin-top: -30px;
	}

}

@media (min-width:768px) {
	.showmobile {
		display:none;
	}
}

@media (max-width: 978px) {
	.nav-bar nav ul li:nth-child(6) > a {
    	border: none !important;
		border-radius: 0 !important;
	}	
}

@media (min-width:979px) {
	.showmobilelarge {
		display:none;
	}
}

.nopadding {padding:0;margin:0;}


/*= Links 
=======================================================*/

a { 
	color:#00800e;
	font-weight: 400;
	outline:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
	outline:0;
}

a:hover, a:active, a:focus {
	color:#1e5128;
	text-decoration:none;
	outline:0
}

a:hover {
	text-decoration:underline;
}

a:visited {
	outline:0;
	text-decoration:none;
}


/*= Headings: P, H1, H2, H3, H4, H5, H6 
=======================================================*/

h1, h2, h3, h4, h5, h6 { 
	font-family:"proxima-nova", Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:black;
	line-height:1em;
	padding:0 0 30px 0;
	margin:0;
}

.calendar h1, .calendar h2, .calendar h3 {
	padding:0 !important;
}

h1 { 
	font-size:66px;
}

h2 { 
	font-size:45px;
}

h2.spotlightheader {
	font-weight: 400;
	font-size: 24px;
}

h2.smallhead {
	color: #1e5128 !important;
	font-size: 26px !important;
	font-weight: 400 !important;
}

h2.menuhdr {
	color: #1e5128;
	font-size: 24px !important;
	font-weight: 400;
	padding-bottom: 5px !important;
	margin-top:0px !important;
	margin-bottom: 8px !important;
	border-bottom: 1px solid gray;
}

h2.yellowhdr {
	color: #ECC44C !important;
	font-weight: 400 !important;
	font-size: 24px;
}

h3 { 
	font-size: 26px;
	font-weight: 400;
    color: #2c883e;
}



h3.connectheader {
	font-weight: 400;
	font-size: 24px;
}

h4 { 
	font-size:25px;
}

h5 { 
	font-size:20px;
}

.smallsechdr {
	color:#1e5128;
	font-size: 26px;
	font-weight: 400;
}

.smallhdrgreen {
	color:#1e5128;
	font-size: 20px;
	font-weight: 400;
}


p {
	padding:0 0 24px 0;
	margin:0;
}

p.lrgtext {
	font-size:24px;
}

em { 
	font-style:normal;
	font-family:"proxima-nova", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

strong { 
	font-weight:normal;
	font-family:"proxima-nova", Arial, Helvetica, sans-serif;
	font-weight: 700;
}

@media (max-width: 1023px) {
	h1 { 
		font-size:56px;
	}
	
	h2 { 
		font-size:39px;
	}
	
	h3 { 
		font-size:33px;
	}
	
	h4 { 
		font-size:21px;
	}
	
	h5 { 
		font-size:18px;
	}
}

@media (max-width: 767px) {
	h1, h2, h3, h4, h5, h6 { 
		padding:0 0 24px 0;
	}
	
	h1 { 
    font-size: 33px !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    line-height: 35px;
	}
	
	h2 { 
		font-size:30px;
	}
	
	h3 { 
		font-size:27px;
	}
	
	h4 { 
		font-size:19px;
	}
	
	h5 { 
		font-size:18px;
	}
	
	p {
		padding:0 0 25px 0;
	}
}

.modal {
    z-index: 9999999;
}

/*= Order List And Unorder List 
=======================================================*/

ul {
	list-style:none;
	margin:0;
	padding:0;
}

#main-section ul {
	margin-bottom: 30px;
}

#main-section ul ul {
	margin-bottom: 0px;
}

.ceremonies ul {
	margin-left: 50px;
	margin-right: 50px;
}

#main-section ul li,.ceremonies ul li {
    padding-left: 1em;
    text-indent: -1em;
}

#main-section ul li:before,.ceremonies ul li:before {
    content: "• ";
    font-size: 30px;
    color: #1B522A; /* or whatever color you prefer */
}

#main-section.calendar ul li {
	padding-left: 0 !important;
	text-indent: inherit !important;
}

#main-section.calendar ul li:before {
	content: "" !important;
}

#main-section ul.sidenav li:before {
		content: "" !important;
}

 #main-section ul.sidenav li {
	padding-left: 0 !important;
	text-indent: inherit !important;
}

/* Accordion page
================================================== */

* {
	box-sizing: border-box;
	}
	
.whitebg {
	background: white;
}	
	
section#purchasing {
	padding:70px 0;
	display: block;
	clear: both;
	background: #EEEDED;
}

.accordion {
    background-color: #f4f4f4;
    padding: 26px 25px 25px;
    margin: 0 0 30px 0;
    list-style: none;
}

.accordion li {
    margin: 0 0 8px;
}



.opener {
    background-color: #771b52;
}

.firerescue .opener {
	background-color: #FFC820;
	color: #4A612E !important;
}

.firerescue .opener .fa {
	color: #4A612E !important;
}

.ambulance .opener {
	background-color: #2A7841;
	color: #FFFFFF;
}

.ambulance .opener .fa {
	color: #FFFFFF;
}


.opener .text-holder {
    float: left;
    max-width: 450px;
}

a.opener {
    color: white !important;
    font-style: normal;
    font-size: 22px;
    font-weight: 400;
        height: 82px;
}


.opener {
    display: block;
    background-color: #1B522A;
    overflow: hidden;
    color: white !important;
    font-style: normal;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    padding: 16px 130px 16px 40px;
    min-height: 50px;
}

.opener2 {
    background-color: #61C173;
    display: block;
    overflow: hidden;
	color: white !important;
    font-style: normal;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    padding: 16px 130px 16px 40px;
    min-height: 50px;
}

@media (max-width:767px) {
	a.opener {
	    font-size: 16px;
	    height: 66px;
	    line-height: 19px;
	}
	
	
	.opener {
	    padding: 16px 10px 16px 33px;
	}
	
	.opener2 {
	    padding: 16px 10px 16px 33px;
	}
	
	.slidelist li {
	padding:15px 80px 15px 15px !important;
	font-size: 16px;
	}
}

.accordion > .active .fa {
    transform: rotate(-90deg);
}

.accordion2 > .active .fa {
 transform: none; 
}

.opener .fa {
	font-size: 23px !important;
    position: absolute;
    top: 17px;
    left: 13px;
    font-size: 34px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #61C173;
}

.opener2 .fa {
	font-size: 23px !important;
    position: absolute;
    top: 17px;
    left: 13px;
    font-size: 34px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #17532D;
    transform: none;
}

ul.accordion {
	list-style: none ;
	padding: 0 !important;
	border: 1px solid gray;
	border-radius: 0.15em;
	margin-bottom: 20px;
	
}

ul.accordion .inner {
	padding-left: 1em ;
	overflow: hidden;
	display: none;
}

ul.accordion .inner.show {
	display: block ;
}

ul.accordion li {
	margin: 0 ;
	text-indent:0 !important; 
}

ul.accordion li a.toggle {
	width: 100%;
	display: block !important;
	background: #1B522A;
	color: #fefefe;
	padding: .75em ;
	border-radius: 0.15em;
	transition: background .3s ease ;
}

ul.accordion li a.toggle:hover {
	background: rgba(0, 0, 0, 0.9);
}

ul.accordion li:before {
    content:none !important;
}

.slide {
    background-color: #fff;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
/*     padding: 43px 35px 25px 25px; */
    padding: 0;
    text-align: left;
}

.slide p {
    margin: 0 0 31px;
}


.slidelist li {
	padding:15px 80px 15px 15px !important;
	position: relative;
	width:100%;
	border-bottom: 1px solid #CAC9C9;
}

.slidelist li.subaccordion {
	border-bottom: none !important;
	padding:0 !important;
	margin:0 !important;
}


.slidelist li:nth-child(even) {
	background: #EEEDED;
}


.slide2 {
    background-color: #fff;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
/*     padding: 43px 35px 25px 25px; */
    padding: 0;
    text-align: left;
    border-bottom: 7px solid #5CC277;
    border-left: 7px solid #5CC277;
    border-right: 7px solid #5CC277;
}

.slide2 p {
    margin: 0 0 31px;
}


.accordion2 li {
	padding:0 !important;
	position: relative;
	width:100%;
	border-bottom: 1px solid #CAC9C9;
}

.accordion2 .slidelist2 li {
	border-bottom: none;
	padding:15px 80px 15px 15px !important;
	margin:0;
}

.slidelist2 li:nth-child(even) {
	background: #EEEDED;
}



.viewbtn {
	padding: 8px 15px !important;
	position: absolute !important;
	right: 10px;
	top:10px;
	font-size: 16px !important;
	border-radius: 8px !important;
}

/* license plates */

.licenseplateform {
	background: white;
	padding:30px;
	border:3px solid #E5B344;
}

#ui-datepicker-div {      
    padding:15px;    
    background: #fff;
    border: 1px solid rgb(27, 82, 42);
}

.ui-datepicker-prev ui-corner-all {
float:left;
}

.ui-datepicker-next  {
float:right;
}
.ui-datepicker-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}
#ui-datepicker-div > table > thead > tr {
text-align:center;
}

#ui-datepicker-div > table > thead > tr > th {
    text-align: center;
    padding: 5px;
}

#ui-datepicker-div > table > tbody > tr  > td {
    padding: 7px;
    text-align: center;
}

.dfinput_names input.text {
width:100%!important;
}


div.dfinput_left.name_first{
    width: 49%!important;
    margin-right: 2%!important;
}

div.dfinput_left.name_last{
    width: 49%!important;
}
.dfinput_phones input.text{
width:100%!important;
}

div.dfinput_left.phone_area {
    width: 30%!important;
}
.dfinput_phones .phone_number {
    width: 68%!important;
    margin-left: 2%!important;
}
#forms_field_17 > div > div > div {
width: 100%!important;
}

#new_submission > div.dform > div.dform_element.submit_button > div > div > input {
    background-color: rgb(27, 82, 42)!important;
    width: 100%!important;
}
#new_submission > div.dform > div.dform_element.submit_button > div > div > input:hover {
    background-color: #2c883e!important;
}
#rc-anchor-container {
width:100%!important;
}
.rc-anchor-normal {
width:100%!important;
}

#forms_field_17 > div > div > div > div > iframe {
width:100%!important;
}
.rc-anchor .rc-anchor-normal .rc-anchor-light {
width:100%!important;
}

.dform::placeholder {
padding-left:5px!important;
}
.dform_container input.text {
    padding: 3px 0px 2px 10px!important;
}

.rc-anchor-light.rc-anchor-normal {
width:100%!important;
}

.redtext {
	color:red;
}


/* #Video
================================================== */

.embed-responsive {
	width:100%; 
	float:left;
	position: relative;
	padding-bottom:75%;
	height: 0;
	overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border:0
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}


/* #Input Styles
================================================= */



#subscribeform label.error {
	color:#E8C86D !important;
}
.footerform {
	margin-top:20px;
}

.signupinput {
	margin-bottom: 8px;
	padding:3px 10px;
	height: 40px !important;
}

.dform_container .dfinput_left, .dform_container .dfinput_right, .dform_container .dfinput_full {
    display: block;
    min-height: 43px;
    overflow: visible !important;
    margin-bottom: 10px;
}

form ul li:before {
	content:"";
	display:none; 
}



input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline:0;
	border:1px solid #1B522A;
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	height: 50px;
	width:100%;
	color:black;
}

textarea {
	width:100%;
	height: 170px;
}

input[type="radio"] {
	height: auto !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	outline: 0;
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	font-weight: 300 !important;
}

input:focus, textarea:focus {
	outline: 0;
	outline: none;
}


label {
		font-weight: 400 !important;
		color: #1B522A;
}

.input, .textarea, .contact_us textarea, .contact_us input {
	width:100%;
	height:60px;
	float:left;
	background:#d6e6eb;
	border:1px solid #00495f; 
	border-radius:0;
	font-family:"proxima-nova", Arial, Helvetica, sans-serif;
	font-weight: 300 !important;
	font-size:20px;
	color:#333333;
	line-height:24px;
	padding:15px; 
	margin:0 0 12px 0;
	outline:none;
	position:relative;
	
}

.membership_contact .submit {
	background:#1E5128;
}

.connectform input {
	height: 58px;
    border-radius: 8px;
    border: none;
    padding: 0px 20px;
    display: inline-table;
    line-height: 30px;
}

.connectform input.btn {
	color: white;
    margin: 0;
    padding: 0 30px;
    height: 58px;
    line-height: 40px;
}

.contact_us textarea, .textarea {
	height:195px;	
	margin:0 0 35px 0;
	outline:none;
	resize:none;
}

ul.radios {overflow: hidden;}

ul.radios li {
	width:30%;
	float: left;
	padding-left: 1%;
}

ul.radios label {
	color:#333333;
}


:placeholder {
	color:#777;
}

.placeholder {
	color:#777;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color:#777;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color:#777;
}

@media (max-width: 767px) {
	
	.input, .textarea {
		height:45px;
		font-size:16px;
		line-height:20px;
		padding:8px 10px;
	}
	
	.textarea {
		height:100px;	
		padding:5px 10px 0 10px;
		margin:0 0 25px 0;
	}
	
	ul.radios li {
	width:auto !important;
	float:none;
	padding-left: 1%;
	}
}


/* #Buttons
================================================== */

.memberbutton {
	background: #ECC44C;
    border-radius: 8px;
    padding: 6px 15px;
    font-size: 16px;
    color: #1B522A !important;
}

.memberbuttoncontainer {
	display:none;
	float: right;
	text-align: center;
	padding-right: 15px;
	padding-top: 8px;
}

.memberbuttonmobile {
	background: #ECC44C;
    border-radius: 8px;
    padding: 6px 15px;
    font-size: 16px;
    color: #1B522A !important;
}

.memberbutton:hover {
	color:white !important;
	text-decoration: none;
}


@media (max-width:767px) {
	.memberbutton {display:none;}
	.memberbuttoncontainer {
	display:block;
	float: right;
	text-align: center;
	}
	.brand {
		padding-left: 10px;
	}
	
	.topbar {
		text-align: center;
	}
	
	.topbarsocial {
		float: none !important;
		display: inline-block;
		margin-right: 1px;
	}
}

@media (max-width:360px) {
	.brand {
		float: none !important;
		padding: 0 !important;
		padding-left: 0 !important;
		width:100% !important;
		margin:0 !important;
		text-align: center;
	}
	
	.brand img {
		width:170px !important;
		display: inline-block;
	}
	
	.memberbuttoncontainer {
	float: none;
	clear: both;
	text-align: center;
	padding:10px 0 10px 0 !important;
	}
	
}


.center-block {display: inline-block;margin:0 auto;}

.btn, input.submit { 
	float:none;
	display:inline-block;
	font-size:19px;
	color:white;
/* 	color:#003e52; */
	font-weight:300; 
	text-align:center;
	text-decoration:none; 
	white-space:normal;
	vertical-align:middle;
	text-transform: uppercase;
	line-height:19px;
	background:#66C06F;
    letter-spacing: .05em;
	border:none;
	filter:0;
	border-radius:18px;
	position:relative; 
	cursor:pointer;
	padding:21px 30px 18px 30px;
	margin:0;	
}

.btnsubscribe {text-transform: uppercase;color: white;border-radius: 20px;font-size: 25px;padding:26px 40px;}
.roundedbutton {border-radius: 20px;}

.smallbtn {
	font-size: 14px;
	margin-bottom: 10px !important;
}
.greenbtn {
	background: #27793F;
}

.medbtn {
	padding: 12px 30px 10px 30px !important;
	margin:20px auto !important;	
}

.fullbtn {
	width:100%;
}
.emailbtn {
	text-transform: lowercase !important;
	font-size: 13px !important;
	margin-top:10px;
}
.btn.backbtn {
	color:white;
	padding:8px 30px 8px 30px;
	border-radius: 15px;
	text-transform: uppercase;
	font-size: 15px;
	margin-top:8px;
}


.btn span, input.submit span, .eexam-save { 
	padding-left:24px; 
	position:relative;
}

.btn span:before, input.submit span:before {
	font: normal normal normal 14px/1 FontAwesome;
	font-family:"FontAwesome";
	content:"\f18e";
	font-size:19px;
	color:#003e52;
	display:block;
	text-indent:0;
	position: absolute;
	top:0; 
	left:0;
	z-index: 10;
	cursor: pointer;
	opacity:1;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active:focus, input.submit:hover, input.submit:focus, input.submit:active, input.submit:active:focus, input.submit.active:focus, .eexam-save:focus, .eexam-save:hover, .eexam-save:active  {

	background:#a0d160;
	text-decoration:none;
	outline:0;
	box-shadow:none;	
}

.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn {
	cursor:not-allowed;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	box-shadow:none;
	opacity:.65;
}

a.btn.disabled, 
fieldset[disabled] a.btn {
	pointer-events:none;
}

.btn-lrg { 
	float:none;
	display:inline-block;
  		font-family:"proxima-nova", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size:31px;
	color:#FFFFFF;
	font-weight:normal; 
	text-align:center;
	text-decoration:none; 
	white-space:normal;
	vertical-align:middle;
	text-transform: none;
	line-height:31px;
	background:#003e52;
	letter-spacing:normal;
	border:none;
	filter:0;
	border-radius:4px;
	position:relative; 
	cursor:pointer;
	padding:15px 36px 18px 36px;
	margin:0;
}

.btn-lrg span { 
	font-size:19px;
}

.btn-lrg:hover,
.btn-lrg:focus,
.btn-lrg:active,
.btn-lrg:active:focus,
.btn-lrg.active:focus  {
	color:#FFFFFF;
	background:#074c62;
	text-decoration:none;
	outline:0;
	box-shadow:none;	
}

.btn-lrg.disabled, 
.btn-lrg[disabled], 
fieldset[disabled] .btn-lrg {
	cursor:not-allowed;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	box-shadow:none;
	opacity:.65;
}

a.btn-lrg.disabled, 
fieldset[disabled] a.btn-lrg {
	pointer-events:none;
}

.btn-out { 
	width:100%; 
	float:left; 
	text-align:center;
}

.btn.smallbtn {
	padding:10px 10px 10px 10px;
}

.btn-dark-green {
	background:#1e5128;
	color:white;
	text-transform: uppercase;
}

@media (max-width: 767px) {
.btn { 
	font-size: 16px !important;
    line-height: 18px;
	padding:17px 22px 16px 22px;
	margin:0;
}

.btn span { 
	padding-left:22px; 
}

.btn span:before {
	font-size:16px;
}

.btn-lrg { 
	font-size:25px;
	line-height:25px;
}

.btn-lrg span { 
	font-size:17px;
}
}


.countylist {background: white;overflow: hidden;border-radius: 10px;margin-bottom: 30px !important;padding:20px !important;}
.countylist ul {margin-bottom: 0 !important;}

/* #Animation cont
================================================== */

.element_from_top {
	top: -80px;
	opacity: 0;
	position: relative;
}

.element_from_bottom {
	bottom: -80px;
	opacity: 0;
	position: relative;
}

.element_from_left {
	left: -80px;
	opacity: 0;
	position: relative;
}

.element_from_right {
	right: -80px;
	opacity: 0;
	position: relative;
}


/*= Grow & flip
=======================================================*/

.grow {
	width:100%;
	float:none;
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.grow:hover, .grow:focus, .grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.flip {
	-webkit-transition: all 0.9s ease-out;
	-moz-transition: all 0.9s ease-out;
	-ms-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
	cursor:pointer
}

.flip:hover {
	-webkit-transform: rotateY(360deg);
	-webkit-box-sizing: border-box;
	-moz-transform: rotateY(360deg);
	-moz-box-sizing: border-box;
	-o-transform: rotateY(360deg);
	-o-box-sizing: border-box;
	transform: rotateY(360deg);
	box-sizing: border-box;
	cursor:pointer
}


/* #Flexslider
=======================================================*/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width:100%;
	float:left;
	margin: 0;
	padding: 0;
}

.flexslider .slides {
	width:100%;
	float:left;
}

.flexslider .slides > li {
	display: none;
}

.flexslider .slides li {
	position:relative;
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flex-direction-nav {
	*height: 0;
	width:100%;
	display: block;
	position:absolute;
	top:51%;
	left:0;
	margin:-60px 0 0 0;
}

.flex-direction-nav a {
	width: 67px;
	height: 67px;
	margin:0;
	display:block;
	background-color:rgba(120, 188, 66, 0.35);
	border-radius:67px;
	behavior:url(PIE.htc);
	position: absolute;
	top:0;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 1
}

.flex-direction-nav a:hover {
	background-color:rgba(120, 188, 66, 0.65);
}

.flex-direction-nav .flex-next {
	background-image:url(../images/arrow-next01.png);
	background-repeat:no-repeat;
	background-position:center;
	right:20px;
}

.flex-direction-nav .flex-prev {
	left:20px;
	background-image:url(../images/arrow-prev01.png);
	background-repeat:no-repeat;
	background-position:center;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity:0!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width:100%;
	float:left;
	position:absolute;
	bottom:27px;
	left:0;
	text-align:center;
	display:block;
	z-index:40;
	padding:0;
	margin:0;
}

.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	text-indent:-99999px;
}

.flex-control-paging li a {
	width: 19px;
	height: 19px;
	display:block;
	color:#dcdbdd;
	line-height:normal;
	overflow:hidden;
	background:#ffffff;
	border-radius:19px;
	behavior:url(PIE.htc);
	position:relative;
	text-indent:-99999px;
}

.flex-control-paging li a.flex-active {
	background:#78bc42;
}

.flex-control-thumbs {
	display:none;
}


@media (max-width: 1200px) {
.flex-direction-nav {
	margin-top:-35px;
}

.flex-direction-nav a {
	width: 50px;
	height: 50px;
}

.flex-direction-nav .flex-next {
	background-size:12px auto;
}

.flex-direction-nav .flex-prev {
	background-size:12px auto;
}
}

@media (max-width: 1023px) {
.flex-direction-nav .flex-next {
	right:10px;
}

.flex-direction-nav .flex-prev {
	left:10px;
}

/* Control Nav */
.flex-control-nav {
	bottom:20px;
}
}

@media (max-width: 767px) {
.flex-direction-nav {
	margin-top:-15px;
}

.flex-direction-nav a {
	width: 33px;
	height: 33px;
}

.flex-direction-nav .flex-next {
	background-size:8px auto;
}

.flex-direction-nav .flex-prev {
	background-size:8px auto;
}

/* Control Nav */
.flex-control-nav {
	bottom:15px;
}

.flex-control-paging li a {
	width: 14px;
	height: 14px;
}
}

@media (max-width: 479px) {
.flex-direction-nav {
	display:none
}

.flex-direction-nav a {
	display:none
}
}


/*= Site Common 
=======================================================*/

.container {
	width:100%;
	max-width:1200px;
	padding:0 30px;
}

.row {
	width:100%;
	float:left;
	margin: 0;
	padding:0;
}


@media (min-width: 1200px) {
.row {
	margin:0;
}

.container {
	width:100%;
	max-width:1200px;
	padding:0 30px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.row {
	margin: 0;
}

.container {
	width:100%;
	max-width:100%;
	padding:0 30px;
}
}

@media (max-width: 767px) {
.container {
	width:100%;
	max-width:100%;
	padding:0 5%;




}
}


/*= Common styles
=======================================================*/

.container-main {
	width:100%;
	float:left;
	background:#FFFFFF;
	overflow:hidden;
}

/* verticalalign middle */
.outer-bg {
	width:100%;
	height:100%;
	float:none;
	display:table;
	margin:0 auto
}

.inner-bg {
	width:100%;
	height:100%;
	float:none;
	display:table-cell;
	vertical-align:middle;
	text-align:center
}

/* Menu - Btn */
.menu-btn {
	width: 44px;
	height: 40px;
	float: right;
	position:absolute;
	top:27px;
	right:30px;
	z-index:45;
	display:none;
}

.menu-btn .icon-bar {
	width: 100%;
	float: right;
	text-decoration: none;
	position: relative;
	padding: 0 9px;
}

.menu-btn .icon-bar span {
      width: 100%;
      height: 3px;
      float: left;
      background: #FFFFFF;
	 border-radius:1px;
      position: relative;
      margin: 19px 0 5px 0; 
}

.menu-btn .icon-bar span:before {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #FFFFFF;
	border-radius:1px;
	position: absolute;
	top: -7px;
	left: 0;
}

.menu-btn .icon-bar span:after {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #FFFFFF;
	border-radius:1px;
	position: absolute;
	top: 7px;
	left: 0;
}

.icon-close {
	width: 28px;
	float: right;
	text-decoration: none;
	position: absolute;
	top: 30px;
	right: 30px;
	padding: 0;
	cursor:pointer;
	z-index:50;
	display:none;
}

.icon-close span {
      width: 100%;
      height: 4px;
      float: left;
	 border-radius:0;
      position: relative;
      transition: all 0.4s ease;
}

.icon-close span:before {
	content: "";
	width: 100%;
	height: 3.3px;
	float: left;
	background: #FFFFFF;
	border-radius:1px;
	position: absolute;
	top: 0;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg); 	
	transition: all 0.4s ease; 
}

.icon-close span:after {
	content: "";
	width: 100%;
	height: 3.3px;
	float: left;
	background: #FFFFFF;
	border-radius:1px;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.4s ease; 
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg); 
}

@media (max-width: 979px) {
.menu-btn { 
	display:block;
}

.icon-close {
	display:block;
}
}

@media (max-width: 767px) {
.menu-btn { 
	top:13px;
	right:5%;
}

.icon-close {
	top: 25px;
	right: 5%;
}
}


.social-links {
	float:left;
}

.social-links ul {
	float:left;
}

.social-links ul li {
	float:left;
	padding:0 6px;
}

.social-links ul li a {
	width:40px;
	height:40px;
	float:left;
	font-size:33px;
	color:#FFFFFF;
	text-align:center;
	line-height:40px;
	text-decoration:none;
}

.social-links ul li a:hover {
	color:#3b5998;
	text-decoration:none;
}

.social-links ul li .fa-twitter:hover {
	color:#55acee;
}


.heading-txt {
	width:100%;
	float:left;
	text-align:center;
	padding-bottom:25px;
}

.heading-txt h2 {
	padding-bottom:22px;
}

.heading-txt aside {
	width:100%;
	max-width:950px;
	margin:0 auto;
	text-align:center;
}

@media (max-width: 767px) {
.heading-txt {
	padding-bottom:15px;
}
}


 /*
 3.) Home Page
 ----------------------------------------*/
.container1700 {
	max-width: 1700px;
}

.newsfeed h3 {
    font-size: 20px;
    color: #1e5128;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.sec2whitepara p {
	font-size: 28px;
	line-height: 42px;
}

h2.homesec2header span {
/* 	background: #ECC44C; */
	
	color: #1e5128;	
}

h2.homesec2header {
    line-height: 84px !important;
    text-align: center;
    font-family: "bebas-neue";
    font-weight: 400 !important;
    font-size: 66px !important;
    
        padding-bottom: 0px;
        padding:2px 20px;
        background: #ECC44C;
        display:inline-block;
	
}


.videoheadline {
	font-family: "bebas-neue";
	font-weight: 400;
	color:#686868;
	padding:0;
	margin:0;
}

.stat {
	line-height: 1em;
	margin-bottom:30px;
}
.stattop, .statbottom {
	font-size: 18px;
}

.statem {
	border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 2em;
    padding: 0;
}

.stattop {
	height: 40px;
	position: relative;
	vertical-align: bottom;
}

.statalignbot {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
}

.stat span {
	font-size: 66px;
	font-weight: 600;
	line-height: 70px;
}


.morevidbtn {
	width:100%;
	padding:8px 10px !important;
	margin-top:5px;
	margin-bottom: 10px;
}

.headunderline {border-bottom: 1px solid #686868;overflow: hidden;margin-bottom: 20px;}

.read {
	color:#00800e;
	padding-right: 13px;
	background: url(/assets/images/tiny-arrow.png) right center no-repeat;
}

.spotlighthdr {    
	font-family: "bebas-neue";
	letter-spacing: .05em;
}
.spotlighthdr span {
	color:#1B522A;
}

.newsfeed h3 a {
	color:#1e5128;
}

.newsandvideo h3 {
	color: #1B522A;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.featuredname {
	position: absolute;
	top:260px;
	left: 23px;
	z-index: 99999;
	color:white;
	background:#0d2311;
	padding: 3px 10px;
	width: 250px;
	border-bottom: 2px solid #ECC44C;
	border-right:2px solid #ECC44C;
}

.sheriffpic {
	border:8px solid white;
	border-radius: 8px;
	margin-bottom: 20px;
	z-index: 99;

}

@media (max-width: 767px) {
	.assessmentbtn { 
		margin-bottom:15px;
		width:90%;
	}
}

@media (min-width:1200px) {
	.statcontainer {
		max-width: 1390px !important;
	}
}


 /*
 3.1) Header
 ----------------------------------------*/

.searchbox {
	float:right;
	padding-left:0;
	padding-top:0;
	position:relative;
	z-index:30;
}

.searchform {
	float:left;
	background:none;
	position:relative;
	padding:0;
	margin:0;
}

.searchform label {
	background-image: url(/assets/images/icon-search.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	width:35px;
	height:30px;
	position:absolute;
	right:0;
	top:0;
	z-index:100;
	padding:0;
	margin:0;
}

.searchform .nav-search {
	color:#222222;
	height:30px;
	font-size:16px;
	font-family:"AvenirLTStd-Roman", Arial, Helvetica, sans-serif;	
	background:none;
	border:none;
	padding:0 18px;
}

.nav-search {
	background-color:transparent;
	border:none;
	border-radius:0;
	color:transparent;
	float:right;
	margin-right:0;
	max-width:0;
	outline:medium none;
	padding:6px 0;
	transition:all 300ms ease 0s
}

.searchbox.search-active .nav-search {
	background:#FFFFFF !important;
	margin:0;
	max-width:194px;
	height:30px;
	padding:7px 40px 7px 12px;
}

#topbar {
	position:relative;background:#6BBF6A;color:white;width:100%;padding:20px 30px;font-size: 20px;display:none; text-align: center;
}

#topbar p {
	margin:0;
	padding:0;
}

#topbar a {
	color: #1B522A;
}

.closebutton {
	float:right;color:white;font-size: 1.5em; position:absolute;top:10px;right:10px;
}

.topbar {
	overflow: hidden;
	margin-bottom: 0;
	color:white;
	height: 46px;
/* 	padding:10px; */
	background: url('https://www.flsheriffs.org/assets/images/header-angle.png') left top no-repeat #1B522A;
}

.topbar a {
	color:white;
}

.toplogin {
	float: right;
	font-size: 14px;
	margin-top:10px;
	margin-left: 20px;
}

.toplogin a { 
	color:#00800e;
	outline:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
	outline:0;
}

.topbarsocial {
	float: right;
}

.topbarsocial li {
	float: left;
	padding: 8px 0px 8px 8px;
}

.header-bg {
	width:100%;
	float:left;
	background: #005e77; 
	background: -moz-linear-gradient(top,  #003e52 0%, #006680 100%, #003e52 100%, #006680 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003e52), color-stop(100%,#006680), color-stop(100%,#003e52), color-stop(100%,#7482b8)); 
	background: -webkit-linear-gradient(top,  #003e52 0%,#006680 100%,#003e52 100%,#006680 100%); 
	background: -o-linear-gradient(top,  #003e52 0%,#006680 100%,#003e52 100%,#006680 100%); 
	background: -ms-linear-gradient(top,  #003e52 0%,#006680 100%,#003e52 100%,#006680 100%);
	background: linear-gradient(to bottom,  #003e52 0%,#006680 100%,#003e52 100%,#006680 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e52', endColorstr='#006680',GradientType=0 );
}

.header {
	padding:0 30px;
}

.header-bg.home {
	background:url() no-repeat top center;
	background-size:cover;
}

.header-main {
	width:100%;
	padding:0;
	background: white;
    overflow: visible;
    height: 125px;
}

.brand {
	width:378px;
	float:left;
	margin-right:-378px;
	position:relative;
	z-index: 99999999;
	margin-top: -20px;
	margin-bottom: 10px;
}

.brand img {
	max-width:100%;
}

.nav-bar {
	margin-top:42px;
	float:right;
}

.nav-bar nav {
	float:right;
}

.nav-bar nav ul {
	width:100%;
	float:left;
}

.nav-bar nav ul li {
	float:left;
	position:relative;
}

.nav-bar nav ul li a {
	height:49px;
	float:left;
	font-size:17px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:49px;
	padding:0 16px;
	font-weight: 400;
    letter-spacing: .05em;
    color:#1B522A;
}

.nav-bar nav ul li:hover > a {
	background:#1B522A;
	color:white;
	border-radius:7px;
}

.nav-bar nav ul li.drop:hover > a {
	border-radius:7px 7px 0 0;
}

.nav-bar nav ul li a.active {
	background:#64BB6C;
	color:#FFFFFF;
}

/*
.nav-bar nav ul li:last-child > a {
	border:2px solid #4d7886;
	border-radius:4px;
}
*/

.nav-bar nav ul li:nth-child(6) > a {
	border:2px solid #4d7886;
	border-radius:4px;
}

.nav-bar nav ul li ul {
	width:235px;
	float:left;
	background:#007999;
	border-radius:0 0 7px 7px;
	position:absolute;
	top:49px;
	left:0;
	padding:9px;
	display:none;
	z-index:50;
}

.nav-bar nav ul li ul li {
	width:100%;
	float:left;
	text-align:left;
	margin-bottom:8px;
}

.nav-bar nav ul li ul li:last-child {
	margin-bottom:0;
}

.nav-bar nav ul li ul li a {
	width:100%;
	height:auto;
	float:left;
	background:#003e52;
	font-size:17px;
	line-height:normal;
	text-transform:none;
	padding:14px 13px;
}

.nav-bar nav ul li ul li:hover > a {
	background:#014f68;
	border-radius:0;
}

.nav-bar nav ul li ul li:last-child a {
	border:none;
	border-radius:0;
}

.nav-bar .collapse {
	display:block;
	visibility: visible;
}


@media (max-width: 1199px) {

.header-main {
    height: auto !important;
}
 .brand {   
	width: 170px;
    float: left;
    margin-right: -170px;
    position: relative;
    z-index: 99999999;
    margin-top: -8px;
    margin-bottom: 10px;
}

.jetmenu {
    padding: 0;
    margin: 0px 0 0 0 !important;
    }
}

@media (max-width: 979px) {
.header-main {
	padding:30px 0;
}

.brand {
	width: 170px;
    float: left;
    margin-right: -170px;
}

.nav-bar {
	padding:0;
}

.nav-bar nav {
	width:100%;
	float:left;
	padding:50px 0;	
}

.nav-bar nav ul {
	width:100%;
	float:left;
}

.nav-bar nav ul li {
	width:100%;
	float:left;
	position:relative;
}

.nav-bar nav ul li a {
	width:100%;
	height:auto;
	font-size:15px;
	line-height:normal;
	padding:10px 30px 8px 30px;
}

.nav-bar nav ul li:hover > a {
	background:#004f68;
	color:#FFFFFF;
	border-radius:0;
}

.nav-bar nav ul li.drop:hover > a {
	border-radius:0;
}

.nav-bar nav ul li a.active {
	background:#146479;
	color:#FFFFFF;
}

.nav-bar nav ul li:last-child > a {
	border:none;
	border-radius:0;
}

.nav-bar nav ul li ul {
	width:100%;
	float:left;
	background:none;
	border-radius:0;
	position:relative;
	top:0;
	left:0;
	padding:0;
	display:block;
}

.nav-bar nav ul li ul li {
	width:100%;
	float:left;
	text-align:left;
	margin-bottom:8px;
}

.nav-bar nav ul li ul li:last-child {
	margin-bottom:0;
}

.nav-bar nav ul li ul li a {
	background:none;
	font-size:15px;
	padding:7px 45px;
}

.nav-bar nav ul li ul li:hover > a {
	background:#10576e;
	border-radius:0;
}

.nav-bar nav ul li ul li a.active {
	background:#10576e;
	border-radius:0;
}

.nav-bar nav ul li ul li:last-child a {
	border:none;
	border-radius:0;
}

.nav-bar .collapse {
	position:relative;
	height:0;
	overflow:hidden;
}

.nav-bar .collapse.in {
	height:auto;
	overflow:visible;
}

.nav-bar .collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease;
}

.nav-bar .menu-collapse {
	width:100%;
	max-width:340px;
	float:left;
	background:#007999;
	position:absolute;
	top:0;
	right:0;
	z-index: 99999999;
}
}

@media (max-width: 767px) {
.header-main {
	padding:17px 0;
}

.brand {
	float: left;
	position: inherit !important;
	width:170px;
    margin: -9px auto 7px auto;
}


.nav-bar nav {
	padding:40px 0;
}
}

/*
 3.2) Banner
 ----------------------------------------*/

.bannercontent {
	z-index: 99;
	position: absolute;
	bottom: 0;
	width:100%;
}

.banner-text {padding-bottom: 40px;}

.stat {
	color:white;
	text-shadow: 0 0 4px #303030;
}

.statem {
	color:#ECC44C;
}

.banner-text h1 {
	font-size:70px;
	color:#FFFFFF;
	font-family:"bebas-neue", Arial, Helvetica, sans-serif;
	line-height: .9em;
	text-shadow: 0 0 4px #303030;
}

.pickgradient {
	position: absolute;
	bottom: 0;
	z-index: 20;
	height: 200px;
	width:100%;
/* 	display:inline-block; */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}


.banner-main {
	width:100%;
	min-height:590px;
	float:left;
	position:relative;
	overflow: hidden;
/* 	margin-top:10px; */
}

.banner-main ul {
	width:100%;
	float:left
}

.banner-main ul li {
	width:100%;
	float:left
}

.banner-main h1 {
	
}

.banner-main h1 .large-txt {
    font-size: 65px;
    font-family: "bebas-neue", Arial, Helvetica, sans-serif;
    margin-bottom: 40px !important;
    line-height: 115px;
    color: #8FE860;
}

/*.banner-main h1 .large-txt {
	font-size:55px;
	font-family:"AvenirLTStd-Black", Arial, Helvetica, sans-serif
}*/

.banner-main figure {
	width:100%;
	float:left;
	text-align:center;
	overflow:hidden;
	position:relative;
	max-height: 590px;
	
}

.banner-main figure img {
	width:100%;
	max-width:100%;
	min-width:1600px;
	margin:0 -800px
}

.banner-main figure span {
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	top:0;
	left:0
}

.banner-main aside {
	width:100%;
	float:none;
	display:inline-block;
	vertical-align:middle;
	padding: 85px 0 0 0;
	text-align: center;
	margin:0 -4px
}

.banner-main .icon {
	width:450px;
	float:none;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	margin-right:-450px;
	position:relative
}

.banner-main .btn {
	min-width:360px;
	background:#FFFFFF;
	border:none;
	font-size:24px;
	font-family:"AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	text-transform:none;
	margin-top: 25px;
}

.banner-main .btn:focus, .banner-main .btn:active:focus, .banner-main .btn.active:focus {
	background:#25588c;
	color:#FFFFFF
}

.banner-main .btn:hover, .banner-main .btn:focus {
	background:#25588c;
	color:#FFFFFF
}

.banner-main .btn:active, .banner-main .btn.active {
	background:#25588c;
	color:#FFFFFF
}

.banner-main .banner-txt {
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	top:0;
	left:0
}

.banner-main .aside-2 h1 {
	color:#25588c
}

.banner-main .aside-2 .btn {
	background:#25588c;
	color:#FFFFFF
}

.banner-main .aside-2 .btn:focus, .banner-main .aside-2 .btn:active:focus, .banner-main .aside-2 .btn.active:focus {
	background:#FFFFFF;
	color:#25588c
}

.banner-main .aside-2 .btn:hover, .banner-main .aside-2 .btn:focus {
	background:#FFFFFF;
	color:#25588c
}

.banner-main .aside-2 .btn:active, .banner-main .aside-2 .btn.active {
	background:#FFFFFF;
	color:#25588c
}


@media (min-width: 1024px) and (max-width: 1200px) {
	

	
.banner-main h1 {
	font-size:35px;
}

.banner-main h1 .large-txt {
	font-size:50px;
}

.banner-main figure img {
	min-width:1500px;
	margin:0 -750px
}

.banner-main aside {
	padding:85px 0 0 0;
}

.banner-main .icon {
	width:330px;
	margin:0 -400px 0 60px;
}

.banner-main .btn {
	min-width:330px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	
.stat span {
    font-size: 46px;
    font-weight: 600;
    line-height: 58px;
}	
	
	
	
.banner-main h1 {
	font-size:30px;
}

.banner-main h1 .large-txt {
	font-size:37px;
}

.banner-main figure img {
	min-width:1300px;
	margin:0 -650px
}

.banner-main aside {
	padding:80px 0 0 0;
}

.banner-main .icon {
	width:220px;
	margin:0 -300px 0 40px;
}

.banner-main .btn {
	min-width:300px;
	height:58px;
	line-height:60px;
	font-size:20px;
}
}

@media (max-width: 767px) {

.banner-text {padding-bottom: 0px; position: absolute;bottom:0;margin-bottom: 8px;left: 0;}

.banner-text h1 {
	margin-bottom: 0 !important;
}

.pickgradient {

    height: 100px;
    }
	
h2.homesec2header {
    line-height: 50px !important;
    text-align: center;
    font-family: "bebas-neue";
    font-weight: 400 !important;
    font-size: 45px !important;
}	
	
.banner-main { 
	text-align:center;
	min-height: inherit !important;
}


.banner-main h1 {
	font-size:40px;
}

.banner-main h1 .large-txt {
	font-size:24px;
}

.banner-main figure img {
    width: inherit !important;
    max-width: inherit !important;
    min-width: inherit !important;
    margin:0 !important;
}

.banner-main aside {
	width:100%;
	max-width:320px;
	padding:0 0 0 0;
	text-align:center;
}

.banner-main .icon {
	width:100%;
	text-align:center;
	margin:30px 0 25px 0;
}

.banner-main .icon img {
	width:100px;
}

.banner-main .btn {
	min-width:inherit;
	font-size:17px;
}

.banner-stats {
	display:none;
}



}


 /*
 3.3) Section - 1
 ----------------------------------------*/

.section-1 {
	width:100%;
	float:left;
	text-align:center;
	padding:100px 0 85px 0;
}

.section-1 h2 {
	padding-bottom:34px;
}

.section-1 p:last-child {
	padding-bottom:54px;
}

.section-1 aside {
	width:100%;
	float:left;
}

.section-1 .container {
	max-width:1060px;
}
 
@media (max-width: 979px) {
.section-1 {
	padding:60px 0;
}

.section-1 h2 {
	padding-bottom:28px;
}

.section-1 p:last-child {
	padding-bottom:47px;
}
}

@media (max-width: 767px) {
.section-1 {
	padding:40px 0;
}

.section-1 h2 {
	padding-bottom:24px;
}

.section-1 p:last-child {
	padding-bottom:30px;
}
}


 /*
 3.4) Section - 2
 ----------------------------------------*/

.center-img {margin:30px auto;display: inline-block;text-align: center;}
.centerimg {display:inline-block;}


.photo1, .photo2, .photo3, .photo4 {
	padding:8px;
	background: white;
	-webkit-box-shadow: 2px 0 8px 1px rgba(0,0,0,.6);
	box-shadow: 2px 0 8px 1px rgba(0,0,0,.6);  
	max-width: 372px; 
}

.photo1:hover, .photo2:hover, .photo3:hover, .photo4:hover {
	background: #ECC44C;
}


.photo1:hover .phototext a, .photo2:hover .phototext a, .photo3:hover .phototext a, .photo4:hover .phototext a {
	text-decoration: underline;
	color:#1E5128;
}



.photo1 {

   margin-top: -170px;
   z-index: 99999;
    position: relative;
    transform:rotate(5deg)  translate(280px,0px);
	-moz-transform:rotate(5deg)  translate(280px,0px);  
	-webkit-transform: rotate(5deg)  translate(280px,0px);
	-o-transform: rotate(5deg)  translate(280px,0px); 
	-ms-transform: rotate(5deg)  translate(280px,0px);    
}




.photo2 {

   z-index: 9999;
    position: relative;
    margin-top:-30px;
    transform: rotate(-5deg) translate(20px,0px) ; 
	-moz-transform:rotate(-5deg) translate(20px,0px) ;  
	-webkit-transform: rotate(-5deg) translate(20px,0px) ;
	-o-transform: rotate(-5deg) translate(20px,0px) ; 
	-ms-transform: rotate(-5deg) translate(20px,0px) ; 
}




.photo3 {

  margin-top: -30px;
   z-index: 999;
   position: relative;
   transform:  rotate(5deg)   translate(280px,0px) ;
-moz-transform:rotate(5deg)   translate(280px,0px) ;  
	-webkit-transform: rotate(5deg)   translate(280px,0px) ;
	-o-transform: rotate(5deg)   translate(280px,0px) ; 
	-ms-transform: rotate(5deg)   translate(280px,0px) ; 
}




.photo4 {

   z-index: 99;
   position: relative;
   margin-top: -30px;
   margin-bottom: -200px;
   transform:  rotate(-5deg) translate(20px,0px) ;
   -moz-transform:rotate(-5deg) translate(20px,0px) ;  
	-webkit-transform:rotate(-5deg) translate(20px,0px) ;
	-o-transform: rotate(-5deg) translate(20px,0px) ; 
	-ms-transform: rotate(-5deg) translate(20px,0px) ;
}

 



/* Media Queries for Photos */

@media (max-width:550px) {
	.photo1, .photo2, .photo3, .photo4 {
	    animation:inherit !important;
    animation-iteration-count: inherit !important;
    transform-origin: inherit !important;
    animation-fill-mode:inherit !important;
    -webkit-animation:inherit !important;
    -webkit-animation-iteration-count: inherit !important;
    -webkit-transform-origin: inherit !important;
    -webkit-animation-fill-mode:inherit !important;
    -moz-animation: inherit !important;
    -moz-animation-iteration-count: inherit !important;
    -moz-transform-origin:inherit !important;
    -moz-animation-fill-mode: inherit !important;
    -o-animation: inherit !important;
    -o-animation-iteration-count: inherit !important;
    -o-transform-origin: inherit !important;
    -o-animation-fill-mode: inherit !important;
    -ms-animation:inherit !important;
    -ms-animation-iteration-count: inherit !important;
    -ms-transform-origin:inherit !important;
    -ms-animation-fill-mode: inherit !important;
    z-index: 99999;
    position: relative;
    margin: 0 auto 30px auto !important;
    width: 90%;
    float: none;
    	transform:  inherit !important;
	-moz-transform:inherit !important;  
	-webkit-transform:inherit !important;
	-o-transform:inherit !important; 
	-ms-transform: inherit !important;
    }
}
@media (min-width:551px) and (max-width:768px) {
	.photo1, .photo2, .photo3, .photo4 {
	animation:inherit !important;
    animation-iteration-count: inherit !important;
    transform-origin: inherit !important;
    animation-fill-mode:inherit !important;
    -webkit-animation:inherit !important;
    -webkit-animation-iteration-count: inherit !important;
    -webkit-transform-origin: inherit !important;
    -webkit-animation-fill-mode:inherit !important;
    -moz-animation: inherit !important;
    -moz-animation-iteration-count: inherit !important;
    -moz-transform-origin:inherit !important;
    -moz-animation-fill-mode: inherit !important;
    -o-animation: inherit !important;
    -o-animation-iteration-count: inherit !important;
    -o-transform-origin: inherit !important;
    -o-animation-fill-mode: inherit !important;
    -ms-animation:inherit !important;
    -ms-animation-iteration-count: inherit !important;
    -ms-transform-origin:inherit !important;
    -ms-animation-fill-mode: inherit !important;
    z-index: 99999;
    position: relative;
    margin: 0 2% 30px 2% !important;
    width: 45%;
    float: left;
	transform:  inherit !important;
	-moz-transform:inherit !important;  
	-webkit-transform:inherit !important;
	-o-transform:inherit !important; 
	-ms-transform: inherit !important;

    }
}

@media (min-width:769px) and (max-width:991px) {
	
	.article-in article aside {
		width:100%;
	}
	
	.section-2 .article-in article {
    padding: 100px 0 0px 0 !important;
	}
	
	.photo1, .photo2, .photo3, .photo4 {

    z-index: 99999;
    position: relative;
    margin: 0 2% 30px 2% !important;
    width: 45%;
    float: left;
    transform:  inherit !important;
	-moz-transform:inherit !important;  
	-webkit-transform:inherit !important;
	-o-transform:inherit !important; 
	-ms-transform: inherit !important;
}





	
}

@media (min-width:992px) and (max-width:1450px) {
	
	.photo1 {
		transform:  rotate(5deg)  translate(120px,0px) ;
		-moz-transform:  rotate(5deg)  translate(120px,0px)  ;
		-webkit-transform:  rotate(5deg)    translate(120px,0px)  ;
		-o-transform:  rotate(5deg)   translate(120px,0px)  ;
		-ms-transform:  rotate(5deg)    translate(120px,0px)  ;
	}
	
	.photo2 {
		
	}
	
	.photo3 {
		transform:  rotate(5deg)   translate(120px,0px) ;
		-moz-transform:  rotate(5deg)    translate(120px,0px)  ;
		-webkit-transform:  rotate(5deg)   translate(120px,0px)  ;
		-o-transform:  rotate(5deg)   translate(120px,0px)  ;
		-ms-transform:  rotate(5deg)    translate(120px,0px)  ;
	}
	
	.photo4 {
		
	}
	
}


.phototext {
	font-family: "ff-market-web";
	font-weight: 400;
	font-size: 30px;
	padding:7px;
	text-align: center;
}

.section-2 {
	width:100%;
	float:left;
}

.homesection.section-2 {
	background: url(/assets/images/home-angle-bg.png) top right #1B522A no-repeat;
	overflow: visible;
	z-index: 9999;
}

.section-2.process {
	padding:40px 0px;
}

.section-2 .article-out {
	width:50%;
	float:left;
}

.section-2 .article-in {
	width:100%;
	float:left;

}

.section-2 .article-in article {
	width:100%;
	float:left;
	padding:120px 0 180px 0;
}

.section-2 .article-in article h3 {
	color:#FFFFFF;
}

.section-2 .article-in article h3 a {
	color:#FFFFFF;
}

.section-2 .article-in article p {
	color:#FFFFFF;
}

.section-2 .article-in article p a {
	color:#FFFFFF;
}

.section-2 .article-in article aside {
	width: 100%;
    max-width: 100%;
    float: right;
    padding-right:13%;
    padding-left:13%;

}

.section-2 .article-in article aside .txt {
	width:100%;
	float:left;
}

.section-2 .article-in .btn {
	background:#66C06F;
	color:white;
	font-size: 24px;
	text-transform: uppercase;
}

.section-2 .article-in .btn span:before {
	content:"\f1ad";
}

.section-2 .article-in .btn:hover, .section-2 .article-in .btn:focus, .section-2 .article-in .btn:active, .section-2 .article-in .btn:active:focus, .section-2 .article-in .btn.active:focus {
	background:#ebeaea;
}

.section-2 .article-out:last-child {
	padding:0 0 0 0px;
}

.section-2 .article-out:last-child .article-in {
	
}

.section-2 .article-out:last-child .article-in article aside {
	float:left;
/* 	padding:0 0 0 120px; */
    padding-right:13%;
    padding-left:13%;
}

.section-2 .article-out:last-child .article-in .btn span:before {
	content:"\f201";
}

@media (max-width: 1199px) {
.section-2 .article-out {
	padding-right:12px;
}

.section-2 .article-in article {
	padding:100px 0 140px 0;
}

.section-2 .article-in article aside {
	padding:0 30px;
}

.section-2 .article-out:last-child {
	padding:0 0 0 12px;
}

.section-2 .article-out:last-child .article-in article aside {
	padding:0 30px;
}
}

@media (max-width: 979px) {
.section-2 .article-out {
	width:100%;
	padding:0 0 30px 0;
}

.section-2 .article-in article {
	padding:50px 0 70px 0;
}

.section-2 .article-in article aside {
	max-width:100%;
	padding:0 30px;
}

.section-2 .article-out:last-child {
	padding:0 0 0 0;
}

.section-2 .article-out:last-child .article-in article aside {
	padding:0 30px;
}
}

@media (max-width: 767px) {
	
	

	
	
.section-2 .article-out {
	width:100%;
	padding:0 0 20px 0;
}

.section-2 .article-in article {
	padding:40px 0 50px 0;
}

.section-2 .article-in article aside {
	max-width:100%;
	padding:0 5%;
}

.section-2 .article-in article p {
	font-size:19px;
	line-height:24px;
}

.section-2 .article-out:last-child {
	padding:0;
}

.section-2 .article-out:last-child .article-in article aside {
	padding:0 5%;
}
}





/* #Flexslider
=======================================================*/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width:100%;
	float:left;
	margin: 0;
	padding: 0;
}

.flexslider .slides {
	width:100%;
	float:left;
}

.flexslider .slides > li {
	display: none;
}

.flexslider .slides li {
	position:relative;
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flex-direction-nav {
	*height: 0;
	width:100%;
	display: block;
	position:absolute;
	top:51%;
	left:0;
	margin:-60px 0 0 0;
}

.flex-direction-nav a {
	width: 67px;
	height: 67px;
	margin:0;
	display:block;
	background-color:rgba(120, 188, 66, 0.35);
	border-radius:67px;
	behavior:url(PIE.htc);
	position: absolute;
	top:0;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 1
}

.flex-direction-nav a:hover {
	background-color:rgba(120, 188, 66, 0.65);
}

.flex-direction-nav .flex-next {
	background-image:url(../images/arrow-next01.png);
	background-repeat:no-repeat;
	background-position:center;
	right:20px;
}

.flex-direction-nav .flex-prev {
	left:20px;
	background-image:url(../images/arrow-prev01.png);
	background-repeat:no-repeat;
	background-position:center;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity:0!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width:100%;
	float:left;
	position:absolute;
	bottom:27px;
	left:0;
	text-align:center;
	display:block;
	z-index:40;
	padding:0;
	margin:0;
}

.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	text-indent:-99999px;
}

.flex-control-paging li a {
	width: 19px;
	height: 19px;
	display:block;
	color:#dcdbdd;
	line-height:normal;
	overflow:hidden;
	background:#ffffff;
	border-radius:19px;
	behavior:url(PIE.htc);
	position:relative;
	text-indent:-99999px;
}

.flex-control-paging li a.flex-active {
	background:#78bc42;
}

.flex-control-thumbs {
	display:none;
}


@media (max-width: 1200px) {
.flex-direction-nav {
	margin-top:-35px;
}

.flex-direction-nav a {
	width: 50px;
	height: 50px;
}

.flex-direction-nav .flex-next {
	background-size:12px auto;
}

.flex-direction-nav .flex-prev {
	background-size:12px auto;
}
}

@media (max-width: 1023px) {
.flex-direction-nav .flex-next {
	right:10px;
}

.flex-direction-nav .flex-prev {
	left:10px;
}

/* Control Nav */
.flex-control-nav {
	bottom:20px;
}
}

@media (max-width: 767px) {
.flex-direction-nav {
	margin-top:-15px;
}

.flex-direction-nav a {
	width: 33px;
	height: 33px;
}

.flex-direction-nav .flex-next {
	background-size:8px auto;
}

.flex-direction-nav .flex-prev {
	background-size:8px auto;
}

/* Control Nav */
.flex-control-nav {
	bottom:15px;
}

.flex-control-paging li a {
	width: 14px;
	height: 14px;
}
}

@media (max-width: 479px) {
.flex-direction-nav {
	display:none
}

.flex-direction-nav a {
	display:none
}
}


/*
3.5.1 #Owl-carousel
=======================================================*/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	margin:0;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-pagination { 
	display:none
}

.owl-controls {
	width:100%;
	float:left;
	text-align:center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background:url(../images/divider05.png) no-repeat center 7px;
	margin:0;
	display:none;
}

.owl-theme .owl-controls .owl-buttons div {
	display:none;
}

.owl-theme .owl-controls .owl-page {
	width:auto;
	float:none;
	display: none;
	margin:0;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	cursor:default;
	pointer-events:none
}

.owl-theme .owl-controls .owl-page:first-child {
	background:url(../images/img-design-06.png) no-repeat left center;
	padding-left:22px
}

.owl-theme .owl-controls .owl-page:last-child {
	background:url(../images/img-design-07.png) no-repeat right center;
	padding-right:22px
}

.owl-theme .owl-controls .owl-page span{
	display: none;
	width: 26px;
	height: 26px;
	background:#cac8c0;
	border:3px solid #eae8e0;
	margin: 0 4px;
	padding:0;
	opacity: 1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-indent:-9999px;
	cursor:pointer;
	pointer-events:visible
}

.owl-theme .owl-controls .owl-page:hover span{
	background:#cac8c0;
	border:3px solid #eae8e0;
	color:#FFFFFF;
}

.owl-theme .owl-controls .owl-page.active span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#99cc33;
	box-shadow:none;
}

.navigation {
	width:100%;
	float:left;
}

.navigation a {
	width:67px;
	height:67px;
	display:inline-block;
	line-height:67px;
	text-decoration:none;
	text-indent:-99999px;
	background: rgba(204, 204, 204, 0.47);
	background-position: center;
	background-repeat:no-repeat;
	border-radius:100px;
	position:absolute;
	top:40px;
	opacity:1;
	z-index:1000;
}

.navigation .previous {
	background-image:url(../img/arrow-prev01.png);
	left:0
}	

.navigation .next {
	background-image:url(../img/arrow-next01.png);
	right:0;
}

.navigation .previous:hover {
	background: rgb(204, 204, 204);
	background-image:url(../img/arrow-prev01.png);
	background-position: center;
	background-repeat:no-repeat;
}

.navigation .next:hover {
	background: rgb(204, 204, 204);
	background-image:url(../img/arrow-next01.png);
	background-position: center;
	background-repeat:no-repeat;
}



@media (max-width: 1200px) {
.navigation a {
	width:50px;
	height:50px;
	line-height:50px;
	top:55px;
}

.navigation .previous {
	background-size: 12px auto;
}	

.navigation .next {
	background-size: 12px auto;
}

.navigation .previous:hover {
	background-size: 12px auto;
}

.navigation .next:hover {
	background-size: 12px auto;
}
}

@media (max-width: 1023px) {
.navigation a {
	top:27px;
}
}

@media (max-width: 767px) {
.navigation a {
	width:30px;
	height:30px;
	line-height:30px;
	top:22px;
}

.navigation .previous {
	background-size: 6px auto;
}	

.navigation .next {
	background-size: 6px auto;
}

.navigation .previous:hover {
	background-size: 6px auto;
}

.navigation .next:hover {
	background-size: 6px auto;
}
}


@media (max-width: 479px) {
.navigation a {
	top:10px;
}
}

/*  Section - 2b */

.section-2b {
	padding: 40px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.adfigure {
	max-width: 730px;
		margin-left: auto;
	margin-right: auto;
}

 /*
 3.5) Section - 3
 ----------------------------------------*/
 
.section-3 {
	width:100%;
	float:left;
	background: #EEEDED;
	overflow: visible;
	padding: 70px 0;
}

.section-3 article {
	width:50%;
	float:left;
	position:relative;
}

.section-3 article figure {
	width:100%;
	float:left;
}

.section-3 article figure img {
	width:100%;
}

.section-3 article aside {
/*
	width:100%;
	max-width:570px;
	float:right;
	padding-right:110px;
*/

    width: 100%;
    max-width: 100%;
    float: right;
    padding-right: 13%;
    padding-left: 13%;

}

.section-3 article aside p {
	font-size:21px;
	color:#003e52;
	line-height:26px;
	padding-bottom:50px;
}

.section-3 article aside .logo {
	width:100%;
	float:left;
	text-align:center;
	padding-bottom:48px;
}

.section-3 article .inner-bg {
	text-align:left;
}

.section-3 article .aside-in {
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	top:0;
	left:0;
}

.section-3 article .btn {
	background:#FFFFFF;
}

.section-3 article .btn span {
	background:url() no-repeat left center;
	padding-left:30px;
}

.section-3 article .btn span:before {
	display:none;
}

.section-3 article .btn:hover, .section-3 article .btn:focus, .section-3 article .btn:active, .section-3 article .btn:active:focus, .section-3 article .btn.active:focus {
	color:#FFFFFF;
	background:#003e52;
}

.section-3 article .btn:hover span, .section-3 article .btn:focus span, .section-3 article .btn:active span, .section-3 article .btn:active:focus span, .section-3 article .btn.active:focus span {
	background:url(../img/logo-r-02.png) no-repeat left center;
}

@media (max-width: 1199px) {
.section-3 article aside {
	max-width:570px;
	float:right;
	padding:0 30px;
}

.section-3 article aside p {
	font-size:20px;
	line-height:25px;
	padding-bottom:30px;
}

.section-3 article aside .logo {
	padding-bottom:38px;
}

.section-3 article aside .logo img {
	max-width:166px;
}
}

@media (max-width: 979px) {
.section-3 article {
	width:100%;
}

.section-3 article aside {
	max-width:100%;
	float:left;
	padding:0 30px;
}
}

@media (max-width: 767px) {
.section-3 article aside {
	max-width:100%;
	float:right;
	padding:40px 5%;
}

.section-3 article aside p {
	font-size:19px;
	line-height:24px;
	padding-bottom:30px;
}

.section-3 article .aside-in {
	width:100%;
	height:auto;
	float:left;
	background:url() no-repeat top center;
	position:relative;
	top:0;
	left:0;
	background-size: cover;
}
}


 /*
 3.6) Section - 4
 ----------------------------------------*/

.greensection {
	background: #1B522A;
}

.greensection h1, .greensection h2, .greensection h3 {
	color:#ECC44C;
}

.greensection {
	color:white;
}

.homefeatured a {
	color:white;
}

.sheriffsection h1, .sheriffsection h2, .sheriffsection h3 {
	color:#66C06F;
}

.sheriffsection {
	background: url('../images/home-bg-badge.png') bottom right white no-repeat;
	
}

#drpSheriffs {
	width: 250px;
    height: 50px;
    background: #66C07C;
    border: none;
    padding: 0 15px;
    color: white;
    font-size: 24px;
}



.section-4 {
	width:100%;
	float:left;
	padding: 70px 0;
}



/*
3.6.1) Main Section
-----------------------------------------*/

.greentitlebar {
	background: url(/assets/images/title-angled-bg.png) top right no-repeat #1B522A;
	padding-top:15px;
	padding-bottom:25px;

}

.greentitlebar.scholarshipbg {
	background: url(/assets/images/fsa-scholarship.jpg) no-repeat #1B522A;
	background-size: cover;
	background-position: center center;
	padding-top: 100px;
	padding-bottom: 100px
}

.greentitlebar p {color:white;}

.greentitlebar h2, .greentitlebar span {
	color: white;
	line-height: 84px;
    text-align: center;
    font-family: "bebas-neue";
    font-weight: 400;
    font-size: 66px;
    margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
}

/*
.greentitlebar h1:before{
    content: "";
    position: absolute;
    width: 130px;
    height: 1px;
    bottom: 0;
    left:44%;
    border-bottom: 3px solid #66C06F;
}
*/

.greentitlebar h3 {
	color: #eec43d;
	font-size: 30px;
	font-weight: 300;
	margin:0 auto 15px auto;
	padding:0;
}

#toptext {
	padding-top:50px;
	padding-bottom: 50px;
}

#main-section {
	background: #eeeded;
	padding-top:50px;
	padding-bottom: 50px;
}

#mainsection {
	background: #eeeded;
	padding-top:50px;
	padding-bottom: 50px;	
}

#main-section.whitebg {
	background: white;
}

h1.sheriffname {
	color:#1e5128;
	border-bottom: 1px solid #686868;
	font-family: "bebas-neue";
	font-weight: 100;
	font-size: 55px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	line-height: 45px;
}

h1.sheriffname span {
	font-family:"proxima-nova", Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 30px;
}

#main-section h2 {
	color: #1e5128;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.biowidget {
	background: white;
	border-radius: 8px;
	overflow: hidden;
	padding:8px 8px 20px 8px;
	margin-bottom: 30px;
}

.biowidget img {
	margin-bottom: 20px;
}

.widget.widgetgray {
	padding:8px;
	overflow: hidden;
	background:#EEEDED;
}

.widget figure {
	margin-bottom: 10px;
}

.widget p {
	padding-bottom: 15px;
}

.widget-bio {
	text-transform: uppercase;
    color: #5bab5a;
    font-weight: 400;
    font-size: 18px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    letter-spacing: .05em;
}

.widgettitle {
    text-transform: uppercase;
    color: #5bab5a;
    font-weight: 400;
    font-size: 18px;
    padding-bottom: 11px;
    margin-bottom: 15px;
    border-bottom: 1px solid #686868;
    letter-spacing: .05em;
}

.widgettitle.noborder {
	border-bottom: none;
	margin-bottom: 0;
}

.contactsidebar {
	padding-top:70px;
}

@media (max-width:767px) {
.greentitlebar h2 {	
    line-height: 38px;
    text-align: center;
    font-family: "bebas-neue";
    font-weight: 400;
    font-size: 32px;
    }
}


 /*
 3.7) Footer
 ----------------------------------------*/

.sponsorsignup {
	overflow: hidden;
	-webkit-box-shadow: 0 0 2px 2px #B0B0B0;
	box-shadow: 0 0 2px 2px #B0B0B0;
	clear: both;
	z-index: 999999;
	padding:0;
	margin:0;
}

.sponsorsignup h3 {
	font-size: 16px;
}
 
.sponsors {
	padding:18px;
}




.sponsors h3 {
	color:#1B522A;
	padding-bottom: 10px !important;
}

.signup {

	padding:0px;
	background: #66C06F;
	overflow: hidden;
}

.signup p {
	color:white;
	font-weight: 100;
	font-size:21px;
}

.newslettersection {
	padding:20px;
}

.btnsubscribe {
    text-transform: uppercase;
    color: white;
    border-radius: 20px;
    font-size: 19px;
    padding: 21px 40px;
}

.signup h3 {
	color:white;
}

.signup h4 {
	color:#1B522A;
	font-family: "bebas-neue";
	font-weight: 100;
	font-size: 55px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	line-height: 45px;
}

.signupbutton {
	float: right;
	padding-top:50px;
}

.container {
	overflow: visible;
} 
 
footer {
	font-size: 16px;
	background:#F4F4F4;
	color:#686868;
	overflow: visible;
}

footer .container {
	padding: 70px 0 30px 0;
}

footer p {
	font-size: 16px;
	color:#686868;
}

footer a {
	color: #6bbf6a;
}

footer .row {
	overflow: hidden;
	background:#F4F4F4;
}

.footerheading {
	font-size: 35px;
	font-family: "ff-market-web";
	font-weight: 400;
	position: relative;
}

.footerheading:before {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 25%;
  width: 100%;
  left: 0;
}

.footerheading span {
  background:#F4F4F4;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.footerwidgets {
	padding:10px 0 40px 0;
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
}

.adspace {
	margin-top:30px;
	margin-bottom: 30px;
}

.socialicons {margin-top:20px;}

.socialicons li {
	display: inline;
	padding:0 8px;
}

.socialicons li i {font-size: 30px;}

.copy-right {
	width:100%;
	float:left;
}

.copy-right p {
	font-size:15px;
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	padding-bottom:0;
}

.copy-right p a {
	color:#449ed9;
	text-decoration:none;
}

.copy-right p a:hover {
	text-decoration:underline;
}

@media (min-width:992px) and (max-width:1208px) {
/*
	.signup {
		width:70% !important;
	}
*/
	.sponsors {
		width:30% !important;
	}
	
	.storead {
		width:100%;
	}
	.newslettersection {
		width: 100% !important;
	}
}

@media (min-width:1400px) {
	.ealertheader {
		    margin-bottom: 24px !important;
    margin-top: 15px !important;
}
.sponsors h3 {
	   font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px !important;
}
	
	.ealerttext {
		    font-size: 20px !important;
			line-height: 24px !important;
	}
}


@media (max-width: 1199px) {
.footer-links {
	padding:0 20px 55px 20px;
}
}

@media (max-width: 1023px) {
.footer-main {
	padding:55px 0 50px 0;
}

.footer-links {
	padding:0 0 35px 0;
}
}

@media (min-width: 768px) and (max-width: 979px) {
.footer-links aside p {
	font-size:17px;
	line-height:21px;
}
}

@media (max-width: 767px) {
	
.footerwidgets {text-align: center;}

.footerwidgets .col-md-3 {margin-bottom: 20px;}
	
.sponsors {
	width:100%;
}

.signup {
	width: 100%;
}	
	
.footer-main {
	padding:35px 0;	
}

.footer-links {
	text-align:center;
	padding:0 0 10px 0;
	margin-bottom:24px;
}

.footer-links aside {
	width:100%;
	max-width:350px;
	float:none;
	display:inline-block;
	padding-bottom:15px;
}

.footer-links aside:nth-child(2) {
	width:100%;
	max-width:350px;
	margin-bottom:20px;
}

.footer-links aside p {
	line-height:20px;
}

.footer-links aside .logo-footer { 
	padding-bottom:20px;
	margin-top:0;
}
}


 /*
 4.) Inner Page (Default)
 ----------------------------------------*/

h1 {
	color: #1e5128;
    font-family: "bebas-neue";
    font-weight: 100;
    font-size: 55px;
    margin-bottom: 30px;
    padding-bottom: 0px;
    line-height: 45px;
}

.whiterow {
	padding: 60px 20px;
}


 /*
 4.1) Section - 5
 ----------------------------------------*/

.section-5 {
	width:100%;
	float:left;
}

.section-5 article {
	width:100%;
	float:left;
	padding:120px 0 100px 0;
}

.section-5 article aside {
	width:66.5%;
	float:left;
}

.section-5 article aside h2 {
	padding-bottom:38px;
}

.section-5 article aside h2 a {
	color:#003e52;
}

.section-5 article .aside-txt {
	width:23.3%;
	float:right;
}

.section-5 article .aside-txt h4 {
	line-height:31px;
	padding-bottom:38px;
}

.section-5 article .aside-txt h4 a {
	color:#003e52;
}

.section-5 article .btn-lrg {
	width:100%;
	font-size:29px;
	line-height:29px;
	padding:32px 10px 30px 10px;
}

.section-5 article:nth-child(even) {
	background:#dee7ec;
}

@media (max-width: 1199px) {
.section-5 article {
	padding:90px 0 70px 0;
}

.section-5 article .aside-txt {
	width:26%;
}
}

@media (max-width: 1023px) {
.section-5 article {
	padding:70px 0 50px 0;
}

.section-5 article .aside-txt {
	width:26%;
}
}

@media (max-width: 979px) {
.section-5 article {
	padding:55px 0 55px 0;
}

.section-5 article aside {
	width:100%;
}

.section-5 article aside h2 {
	padding-bottom:28px;
}

.section-5 article .aside-txt {
	width:100%;
}

.section-5 article .aside-txt h4 {
	line-height:28px;
	padding-bottom:28px;
}

.section-5 article .btn-lrg {
	width:auto;
	padding:32px 36px 30px 36px;
}
}

@media (max-width: 767px) {
.section-5 article {
	padding:40px 0 45px 0;
}

.section-5 article aside h2 {
	padding-bottom:20px;
}

.section-5 article .aside-txt {
	width:100%;
}

.section-5 article .aside-txt h4 {
	line-height:24px;
	padding-bottom:28px;
}

.section-5 article .btn-lrg {
	width:auto;
	font-size:21px;
	line-height:21px;
	padding:23px 36px 20px 36px;
}
}


 /*
 4.2) Section - 6
 ----------------------------------------*/
 
.section-6 {
	width:100%;
	float:left;
	padding:70px 0 55px 0;
	background: #F7F9FA;
}

.section-6 .btn {
	min-width:300px;
	margin-top:10px;
}

.section-6 .btn span {
	padding-left:27px;
}

.section-6 .btn span:before {
	content: "\f003";
}

@media (max-width: 1199px) {
.section-6 {
	padding:85px 0 45px 0;
}
}

@media (max-width: 1023px) {
.section-6 {
	padding-top:75px;
}
}

@media (max-width: 767px) {
.section-6 {
	padding:42px 0 30px 0;
}

.section-6 .btn {
	min-width:240px;
	margin-top:5px;
}

.section-6 .btn span {
	padding-left:25px;
}

.section-6 .btn span:before {
	content: "\f003";
	top:-2px;
}
}


 /*
 4.1) Contact Page
 ----------------------------------------*/

#contactsection {
	margin:60px 0;
}
.formcol {
	background: #EEEDED;
	padding:50px 20px 20px 20px;
	overflow: hidden;
}

.required {
	border-bottom:1px solid #ccc;
	width:100%;
	text-align: left;
}

/*
4.2) Sheriff Directory
------------------------------------------ */

.sheriffimage {
	text-align: center;
	padding:20px;
}

.sheriffdetail {
	color:#ECC44C;
}

p.sheriffdetail {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.sheriffdetail span {
	color:white;
	font-style: italic;
}

.sheriffimage .bio-photo {margin-bottom: 5px;}

.nobgimage {background-image: none !important;}

/*
4.3) Bio Page
------------------------------------------ */

.quotecontainer {
	margin-bottom:30px;
}

.sheriffquote {
	background: white;
	text-align: center;
	padding:50px 80px;
}

.quote {
	font-size: 32px;
	font-weight: 100;
	line-height: 40px;
	margin-bottom: 30px;
	color: #1e5128;
}

.quoteby {
	font-size: 35px;
	font-family: "ff-market-web";
	font-weight: 400;
	color: #1e5128;
}

.bio-photo {
	border:10px solid white;
	border-radius: 8px;
	margin-bottom: 30px;
	display: inline-block;
}

.imagelink .bio-photo:hover {
	-moz-transition:border-color .3s ease-in;
    -o-transition:border-color .3s ease-in;
    -webkit-transition:border-color .3s ease-in;
	border:10px solid #E5C44C;
}



.contactdetails, .countydetails, .widget {
	margin-bottom: 30px;
}

.contactdetails p, .countydetails p {
	margin-bottom: 0;
	padding-bottom: 0;
}


.sheriffquote {
	
}

.quote {
	
}

.quoteby {
	
}

.img-shadow {
	
}

.contactdetails {
	
}

.countydetails {
	
}


/*
4.4) Blog and Blog Entry
------------------------------------------ */

.blogtop {
	padding:50px 0;
}

.blogsubhead {
	font-family: "bebas-neue";
	color:white;
	font-size: 25px;
}

.excerpt .btn {margin-top:20px;}

.blogdate {
	border-bottom: 1px solid #686868;
	margin-bottom: 30px;
}

h1.blogtitle {
	color: #1e5128;
    font-family: "bebas-neue";
    font-weight: 100;
    font-size: 55px;
    margin-bottom: 30px;
    padding-bottom: 0px;
    line-height: 45px;
}

.featuredcontainer {
	background: white;
	border-radius: 12px;
	padding:50px;
	color:#333333;
}

h2.featuredtitle {
	color:#1e5128;
}

.postcontainer {
	padding:20px 60px;
}

#main-section .postcontainer h2 {
	font-weight: 400;
	font-size: 25px;
}

.blogexcerpt {
	margin-bottom: 20px;
}

.sidenav li {
	border-bottom: 1px solid #5bab5a;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.sidenav li.last {
	border-bottom: none;
}

@media (max-width:767px) {
	.featuredcontainer {
    background: white;
    border-radius: 12px;
    padding: 10px;
	}
	
	.postcontainer {
    padding: 20px 10px;
	}
}

/*
4.5) Membership Page
-------------------------------------------- */

.membershiprow {
	
}

.tooltiplink {
	color:#776e1f;
	cursor: default;
}
.tooltiplink:hover {
	text-decoration: none;
}

.membershipcol {
	background: white;
	padding:7px 7px 80px 7px !important;
	margin-bottom: 20px;
	position: relative;
}
.membershipcol img {
	width:100%;
}

/*
.memcol {
	width: 30%;
    margin: 0 1%;
}
*/

.membershipcol ul {
	margin-top:20px;
	margin-bottom: 20px;	
}

.membershipcol ul li {
	border-bottom: 2px solid #8BB796;
	padding:8px 0;
}

.membershipcol ul li.last {
	border-bottom: none;
}

.membershiptitle {
	margin-top:20px;
	margin-bottom: 20px;
	color:#5bab5a !important;
	text-transform: uppercase;
	font-size: 18px !important;
}

.membtn {
	margin-bottom:10px;
	width:100% !important;
	padding:4px 0;
	color:white;
}

.membershipbuttons {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 10px;
}


/*
4.6) News Page
------------------------------------------ */

.newsentry h2 {
	font-weight: 400 !important;
	font-size: 26px !important;
}

.newsdate {
	color:#1e5128;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 10px;
}

/*
4.7) Memorial Page
----------------------------------------- */

.process_indicator {
background-image: url('https://www.flsheriffs.org/images/ajax-loader.gif');
background-repeat: no-repeat;
background-position: bottom left;
height: 3em;
width: 100%;
text-align: left;
display: none;
}

.memorialpic {
	float: left;
	margin-top:-130px;
}
.memorialpic img {
	border:10px solid white;
	border-radius: 8px;
	margin-bottom: 30px;
	margin-right: 30px;
	-webkit-box-shadow: 4px 4px 8px 1px rgba(0,0,0,.4);
	box-shadow: 4px 4px 8px 1px rgba(0,0,0,.4);
}
.introparagraph, .ceremonies {
	margin:50px 0;
}
.memorialhero {
	height: 532px;
	background-size: cover;
	background-image: url(/assets/images/memorial-bg.jpg);
	padding:50px 0;
}

.memherotxt {
	color:white;
	font-size: 23px;
	line-height: 30px;
	padding-top: 30px;
}
.fallenheroes {background:#1B522A;}
.fallenheroes h2 {color:white;}
.fallenheroes .row {padding:30px 20px; color:white;} 
.fallenheroodd {background: #1B522A;}
.fallenheroeven {background: #336440;}

.heroinfo {
	color:white;
}
.heroinfo p {
	margin-bottom: 0;
	padding-bottom:0;
}

.heroinfo h3 {
	font-size: 24px;
	color:#eec43d;
	font-weight: 400;
}

.hero-photo {
	border:10px solid white;
	border-radius: 8px;
	margin-bottom: 20px;
	display: inline-block;
}

.paginating {
	color:white;
	padding:20px 0;
}


@media (max-width:500px) {
	
}

@media (max-width:991px) {
	
	.newslettersection {
		text-align: center;
		}
		
	.memorialhero {
    	height: auto !important;
    }
    
    .memorialpic {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right:20px;
    width: 40%;
	}
	
	.memorialpic img {

    margin-bottom: 0px;
    margin-right: 0px;
	}
}

@media (max-width:500px) {
	    .memorialpic {
    float: none !important;
    margin: 20px auto !important;
    width: 80% !important;
	}
}

/*
4.8) Board of Directors Page
------------------------------------------ */
.directorphoto	{
	float: left;
	text-align: center;
	padding:0px 30px 10px 0;
	color:#1B522A;
	font-weight: 400;
}

.directorphoto span {
	font-style: italic;
	font-weight: 300;
	color:#333333;
}

#directors {padding:70px 0;}

.directorslist {
	margin:0 0 30px 0;
}

.sheriffname {
	color:#59ad58;
	font-weight: 400;
}

.boarddivider {border:none;
	border-bottom: 1px solid #666668;
}

/*
4.9) Sheriff Star Page
------------------------------------------- */

.starcol {
	margin-bottom: 30px;
}

.buttonlist {
	list-style-type: none;
	margin:0;
	padding:0;
}

.buttonlist li a {
	margin-bottom: 10px;
}

ul.buttonlist li {
	display: inline;
	padding: 0;
	text-indent: 0 !important;
}

ul.buttonlist li:before {
    content:none !important;
}

#main-section .back-issues h2 {
	font-size: 18px;
}

/*
5.0) Calendar
------------------------------------------- */

.lead {padding:0 !important;}

.panel-body h5 {margin-bottom: 10px; padding-bottom: 0;}

.glyphicon {
    position: relative;
    top: 0px;
    display: inline;
   }

.eventlist {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 17px;
}
.eventpagination {overflow: hidden;}
.left {width:50%;float: left;}
.right {width:50%;float: right;}

.pager {
   margin:0 0 10px 0 !important; 
   padding: 0 !important;
}

.hidepanel {display: none;}

/*
5.1) Conferences Page
------------------------------------------- */

.conferencetable {
	overflow: hidden;	
}

.conferencetable h2 {
	font-size: 22px !important;
}

.conferencetable h3 {
	
}



.tablerow {
	padding:10px 0;
	margin:0;
	border-bottom: 1px solid #c7c7c7;
	font-size: 16px;
    line-height: 20px;
}

.headerrow {
	padding:10px 0;
	font-weight: 600;
	background: #bababa;
	font-size: 20px;
}

.odd {
	background:white;
}

@media (max-width:991px) {
	.tableheader {display: none;}
	
	.tablerow .showmobile {display: block;}
}



/*
Home Select Form
---------------------------------------------- */

select {
	color:black;
}

/*
Tracking and Social Pages
---------------------------------------------- */

ul.juicer-feed li {

	text-indent: 0 !important;
	margin-left: 0 !important;
}

ul.juicer-feed li:before {
	content: "" !important;
}

.tracking {
	overflow: hidden;
	margin-bottom: 100px;
}