/*

Green Buttons #4db483
Gray #F2F2F2

*/

html {
	overflow-x: hidden;
}

body {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	width: 100%;
	/*background-color: #fefbf7;*/
}

a {
	color: #4db483;
	/*text-decoration: none;*/
}

a:hover {
	color: #2d6c4e;
}

a.nostyle {
	color: inherit;
	text-decoration: none;
}

.top-50 {
	margin-top: 50px;
}


.content-wrapper {
	width: auto;
    background-color: #FFFFFF;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -175px;
}

/*** Navbar ***/
.navbar {
	text-align: center;
	
}

.navbar a {
	color: inherit;
	text-decoration: none;
}

.navbar li#active {
	color: #4db483;
}

.navbar-mobile  a{
	color: inherit;
	text-decoration: none;
}

.navbar-mobile li#active {
	color: #4db483;
}

.navbar-mobile li.active {
	color: #4db483 !important;
}




.navbar li {
	-webkit-transition: background-color 0.2s, color 0.2s;
	-moz-transition: background-color 0.2s, color 0.2s;
	-o-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}

.navbar li:hover {
	background-color: #4db483;
	color: #FFFFFF !important;
}

.navbar-logo img{
	display: block;
	position: relative;
	left: 50px;
}

.navbar-title {
	position: absolute;
	top: 30px;
	width: 100%;
	text-align: center;
	font-size: 50px;
}

.slogan {
	font-size: 30px;
}

.navbar-award {
	position: absolute;
	top: 10px;
	right: 50px;
}

.navbar-award img {
	display: block;
}

.navbar-text {
	margin-top: 10px;
	font-size: 20px;
}

.navbar ul {
	padding: 0;
	background-color: #F2F2F2;
}

.navbar ul li {
	display: inline-block;
	vertical-align: text-top; 
	padding: 15px;
	width: 150px;
}

.navbar ul li ul li {
	color: #000000;
}

.nav-title {
	background-color: #000000 !important;
	color: #FFFFFF !important;
	border-right: 5px solid #000000;
}

.navbar ul li:hover {
	cursor: pointer;
}

.navbar ul li ul {
	display: none;
}



/*.navbar ul li.dropdown:hover ul{
	display: block;
}*/

.navbar ul li.dropdown {
	margin-right: 5px;
}

.navbar ul li.dropdown ul {
	position: absolute;
	margin-top: 15px;
	z-index: 999;
}

.navbar ul li ul li {
	display: block;
}

.sub-nav {
	border-left: 5px solid #000000;
}

.navbar-mobile {
	display: none;
	text-align: center;
}

.navbar-mobile-open {
	position: relative;
	max-width: 100%;
	padding: 15px;
	font-size: 20px;
	text-align: left;
	vertical-align: middle;
	background-color: #F2F2F2;
}

.navbar-mobile-open i {
	position: absolute;
	top: 7px;
	right: 30px;
}

.navbar-mobile ul {
	position: absolute;
	display: none;
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0;
	background-color: #F2F2F2;
	z-index: 100;
}

.navbar-mobile ul li {
	font-size: 20px;
	width: 100%;
	padding: 15px 0 15px 0;
	/*background-color: #FF0000;*/
}

.navbar-mobile ul li ul.mobile-dropdown {
	display: none;
	position: relative;
}

.services-and-fees#front-banner {
		display: none;
	}

.navbar-logo {
	position: relative;
	top: 10px;
}
	
@media screen and (max-width: 1150px) {
	.navbar-award {
		top: 25px;
	}
	
	.navbar-award img {
		height: auto;
		width: 150px;
	}
	
	.navbar-logo img {
		height: auto;
		width: 100px;
	}	
	
	.navbar-logo {
		top: 25px;
	}
	
	.navbar-text {
		margin-top: 50px;
	}
}
	
@media screen and (max-width: 981px) {
	.navbar-title .slogan {
		font-size: 25px;
	}
}	

@media screen and (max-width: 887px) {
	.navbar-title {
		font-size: 40px;
	}
	
	.navbar-title .slogan {
		font-size: 20px;
	}
	
	.navbar-award {
		right: 25px;
	}
	
}

@media screen and (max-width: 731px) {
	.navbar-mobile {
		display: block;
	}
	
	.navbar {
		display: none;
	}
	
	.front-banner {
		display: none;
	}
	
	.services-and-fees#front-banner {
		display: block;
		margin-top: 20px;
	}
}

.navbar-mobile-logo {
	display: block;
}

.navbar-title-mobile {
	font-size: 50px;
	text-align: center;
}

.navbar-mobile-text {
	margin-bottom: 10px;
}

/*** Navbar ***/

/*** Social Media ***/

.navbar-social-media {
	text-align: center;
	margin-top: 16px;
}

.navbar-social-media i {
	margin-left: 5px;
	margin-right: 5px;
}

.navbar-mobile .navbar-social-media {
	margin-bottom: 10px;
}

.fa-facebook-official {
	color: #3B5998;
}

.fa-twitter {
	color: #1DA1F2;
}

.fa-instagram {
	color: #B000A5;
}

.fa-google-plus {
	color: #D34438;
}

.fa-linkedin-square {
	color: #0177B5;
}

.fa-pinterest {
	color: #BA000C;
}
/*** /Social Media ***/


/*** Section Header ***/
.section-header {
	/*background-color: #F2F2F2;*/
}

.section-header h2 {
	position: relative;
	/*left: 20%;*/
	left: 10px;
	padding: 10px;
}

.new-section-header h2 {
	position: relative;
}

.section-header h2::after, .new-section-header h2::after {
	content: '|';
	color: #4db483;
}

/*****/

.section-header-center {
	text-align: center;
	text-decoration: underline;
	color: #4db483;
	padding: 10px;
}

.section-header-text {
	color: #000000;
	font-size: 30px;
	font-weight: bold;
}


/*** Section Header ***/


/*** Banner ***/
.front-banner {
	position: relative;
	width: 100%;
	text-align: center;
}

.left-block {
	display: block;
	position: relative;
	width: 50%;
	height: 500px;
	background-image: url('../img/front1.jpg');
	background-size: cover;
}

.block-mask {
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.left-block p {
	position: absolute;
	top: 35%;
	width: 100%;
	color: #FFFFFF;
	font-size: 50px;
}

.right-block {
	display: block;
	position: absolute;
	width: 50%;
	height: 500px;
	right: 0px;
	top: 0px;
	background-image: url('../img/front2.jpg');
	background-size: cover;
}

.left-block:hover .block-mask {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.9);
}

.right-block:hover .block-mask {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.9);
}

.right-block p {
	position: absolute;
	top: 20%;
	width: 100%;
	color: #FFFFFF;
	font-size: 50px;
}

/*** Banner ***/


/*** Locations ***/
.locations {
	width: 100%;
	text-align: center;
	/*padding: 50px 0 50px 0;*/
}

.locations a {
	color: inherit;
	text-decoration: none;
}

.location {
	display: inline-block;
	font-size: 30px;
	padding: 15px;
	margin: 20px;
	color: #FFFFFF;
	background-color: #4db483;
	
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.location:hover {
	background-color: #2d6c4e;
}

/*** Locations ***/


/*** Full Testimonials ***/
	.full-testimonials {
		max-width: 1080px;
		margin: 0 auto;
		padding: 10px;
	}
	
	.full-testimonial {
		padding-bottom: 50px;
	}
/*** /Full Testimonials ***/

/*** Contact Forms ***/
.contact-form {
	max-width: 70%; 
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 970px) {
	.contact-form {
		max-width: 95%;
	}
}

.contact-form ul {
	list-style: none;
	padding: 0px;
}

.contact-form ul li {
	display: block;
	margin: 0 auto 30px auto;
}

.contact-form ul li label {
	display: block;
	text-align: left;
	width: 70%;
	margin: 0 auto 10px auto;
	font-size: 20px;
}

.contact-form ul li input {
	border: 0;
	border-bottom: 2px solid #000000;
}

.contact-form ul li input, .contact-form ul li textarea, .contact-form ul li select {
	width: 70%;
	height: 50px;
	font-size: 20px;
}

.contact-form select{
	display: block;
	width: 250px;
	font-size: 20px;
	margin: 0 auto;
}

.contact-form label {
	display: inline-block;
}

.contact-form input[type="radio"] {
	display: inline-block;
	width: 50px;
	height: 20px;
	/*margin-left: 150px;*/
}

.contact-form input[type="submit"] {
	padding: 10px;
	font-size: 30px;
	
	color: #FFFFFF !important;
	background-color: #4db483;
	
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.contact-form input[type="submit"]:hover {
	cursor: pointer;
	background-color: #2d6c4e;
}

p.error {
	color: #FF0000;
}

#recaptcha_contact_us_k_0 div:first-child {
	width: 435px !important;
}
/*** /Contact Forms ***/

/*** Map & Directions ***/
.map-directions {
	padding-top: 10px;
}
/*** /Map & Directions ***/

/*** Testimonials ***/
.testimonials {
	text-align: center;
	padding: 30px 0 30px 0;
}

.testimonial-text {
	display: none;
	opacity: 0;
	
	font-size: 30px;
	font-style: italic;
	max-width: 90%;
	height: 175px;
	margin: 0 auto;
	
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

@media screen and (max-width: 826px) {
	.testimonial-text {
		height: 200px;
	}
}

@media screen and (max-width: 669px) {
	.testimonial-text {
		height: 350px;
	}
}

@media screen and (max-width: 413px) {
	.testimonial-text {
		height: 400px;
	}
}

@media screen and (max-width: 360px) {
	.testimonial-text {
		height: 450px;
	}
}

.testimonial-text.first {
	display: block;
	opacity: 1;
}

.testimonial-signature {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
}

/*** Testimonials ***/

/*** Bottom Blocks ***/
.bottom-blocks {
	text-align: center;
	padding: 50px 0 50px 0;
}

.bottom-block {
	display: inline-block;
	max-width: 350px;
	min-width: 250px;
	background-color: #F2F2F2;
	margin: 20px;
	padding: 5px;
}

.button {
	color: #4db483;
	font-weight: bold;
}
/*** Bottom Blocks ***/

/*** About Us ***/
.about-us {
	max-width: 1080px;
	margin: 0 auto;
	padding: 10px;
}

.about-us img {
	display: block;
	float: left;
	margin-right: 10px;
}
/*** About Us ***/


/*** Services and Fees ***/
.services-and-fees {
	text-align: center;
}

.service {
	display: inline-block;
	position: relative;
	width: 300px;
	height: 150px;
	/*border: 2px solid #000000;*/
	background-color: #F2F2F2;
	background-size: cover;
	vertical-align: text-top;
	margin-bottom: 50px;
}

.service-mask {
	position: relative;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0px;
	left: 0px;
}

.service#bg1 {
	background-image: url('../img/service1.jpg');
}

.service#bg2 {
	background-image: url('../img/service2.jpg');
}

.service#bg3 {
	background-image: url('../img/service3.jpg');
}

.service#bg4 {
	background-image: url('../img/service4.jpg');
}

.service#bg5 {
	background-image: url('../img/service5.jpg');
}

.services-and-fees#front-banner .service#bg1 {
	background-image: url('../img/front1.jpg');
}

.services-and-fees#front-banner .service#bg2 {
	background-image: url('../img/front2.jpg');
}

.service:hover .service-mask{
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.9);
	
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

.service-text {
	position: absolute; 
	top: 40%;
	width: 100%;
	font-size: 25px;
	color: #4db483;
	
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

.service:hover .service-text {
	cursor: pointer;
	color: #FFFFFF;
}
/*** Services and Fees ***/


/*** Courses ***/
	.course-main {
		max-width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 20px;
	}
	
	table {
		font-size: 20px;
		margin: 50px auto 30px auto;
		overflow-x: auto;
	}
	
	.green-row {
		background-color: #DFF0D8;
	}
	
	td {
		padding: 25px;
		text-align: center;
	}
	
	/*.map-overlay {
		pointer-events: none;
		background:transparent; 
		position:relative; 
		width: 90%;
		height:500px; 
		top:500px;  
		margin-top:-500px;  
	}*/
	
	.map-directions iframe {
		width: 90%;
		height: 500px;
	}
	
	@media screen and (max-device-width: 2540px) {
		.map-directions iframe {
			width: 70% !important;
		}
	}
	
	.register-now {
		display: none;
		color: #4db483;
		font-weight: bold;
		font-size: 25px;
		padding: 10px 50px 50px 50px;
		text-align: center;
	}
	
	.responsive-table {
		overflow-x: auto;
	}
	
	
	#recaptcha_course_k_0 div:first-child {
		width: 435px !important;
	}
/*** Courses ***/

/*** Full Course Packages ***/
	.full-course-programs {
		max-width: 90%;
		margin: 0 auto;
		text-align: left;
		font-size: 20px;
	}
	
	.packages {
		text-align: center;
	}
	
	.package {
		display: inline-block;
		max-width: 300px;
		min-width: 250px;
		vertical-align: bottom;
		font-size: 15px;
		padding: 5px;
		background-color: rgba(223, 240, 216, 0.5);
		margin-bottom: 10px;
	}	
	
	.package h3 {
		font-size: 20px;
	}
	
	.package ul {
		padding: 0px;
	}
	
	.package li {
		list-style: none;
		margin-top: 20px;
	}
	
	.package#bronze h3{
		color: #995c00;
	}
	
	.package#bronze {
		background-color: rgba(153, 92, 0, 0.5);
	}
	
	.package#silver h3 {
		color: #b3b3b3;
	}	
	
	.package#silver {
		background-color: rgba(179, 179, 179, 0.3);
	}
	
	.package#gold h3 {
		color: #d4af37;
	}
	
	.package#gold {
		background-color: rgba(212, 175, 55, 0.5);
	}
	
	.package-register {
		text-decoration: underline;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.package-register#bronze-register {
		color: #995c00;
	}
	
	.package-register#silver-register {
		color: #b3b3b3;
	}
	
	.package-register#gold-register {
		color: #d4af37;
	}
	
/*** Full Course Packages ***/

/*** Promotions ***/
	.promotions {
		max-width: 90%;
		margin: 0 auto;
		text-align: left;
		font-size: 20px;
	}
	
	.promotion {
		padding: 10px;
		background-color: rgba(77, 180, 131, 0.3);
		text-align: center;
		margin-bottom: 10px;
	}
/*** /Promotions ***/

/*** License Exchange ***/
	.license-exchange {
		max-width: 90%;
		margin: 0 auto;
		text-align: left;
		font-size: 20px;
	}
/*** /License Exchange ***/

/*** Resources ***/
	.resources {
		max-width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 20px;
	}
	
	.resource h3 {
		margin-top: 50px;
	}
	
	.resource p a {
		display: block;
		padding-bottom: 5px;
	}
/*** /Resources ***/

/*** Blog ***/
	.blog-post {
		margin: 0 auto;
		max-width: 1080px;
		padding: 10px;
	}
	
	.blog-post-list {
		margin: 0 auto;
		max-width: 1080px;
		padding: 10px;
		
	}
	
	.blog-post-preview {
		margin-bottom: 20px;
		/*background-color: #d9d9d9;*/
		padding: 10px;
	}
	
	.blog-date {
		/*font-size: 20px;*/
		font-weight: bold;
	}
	
/*** /Blog ***/

/*** Driver Rehab ***/
	.driver-rehab {
		margin: 0 auto;
		max-width: 1080px;
		padding: 10px;
	}

	.driver-rehab-image {
		display: block;
		margin: 0 auto;
		width: 95%;
		max-width: 1080px;
	}
	
	.driver-rehab-resources {
		margin: 0 auto;
		max-width: 1080px;
		padding: 10px;
	}
/*** /Driver Rehab ***/


/*** Footer ***/

.footer-push {
	height: 175px;
}

.footer {
	max-width: 100%;
	background-color: #F2F2F2;
	text-align: center;
	padding: 20px 10px 10px 10px;
	min-height: 175px;
	margin-top: 30px;
}

.footer-link {
	display: inline-block;
	margin: 5px;
	color: #000000;
	text-decoration: underline;
	
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.footer-link:hover {
	cursor: pointer;
	background-color: #b3b3b3
}

.footer-social-media {
	padding: 10px;
}

.footer-copyright {
	margin-top: 10px;
}
/*** Footer ***/

/*** Pagination ***/
/*
    Paginator -
    Source: http://www.strangerstudios.com/sandbox/pagination/diggstyle.php (strangerstudios.com)
*/

div.pagination {
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #4DB483;
    zoom: 100%;
    text-decoration: none; /* no underline */
    color: #4DB483;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #4DB483;

    color: #000;
}
div.pagination span.page_current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #4DB483;

    * zoom: 100%;

    font-weight: bold;
    background-color: #4DB483;
    color: #FFF;
}
div.pagination span.page_disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;

    * zoom: 100%;

    color: #DDD;
}

* span.elipsis {zoom:100%}
/*** /Pagination ***/