@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700|Amaranth:700);

body {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#222;
	font-weight:300;
	line-height:28px;
}
.post-author {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e6e9ee;
	border-radius: 4px;
	color: #888;
	margin-top: 30px;
	padding: 20px;
}
.clear {clear:both; display:block; height:0;}
.clear.h10 {height:10px !important;}
.clear.h20 {height:20px !important;}
.clear.h40 {height:40px !important;}

h1, h2, h3, h4, h5, h6 {
	font-family:'Amaranth', Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.3em;
    margin: 0 0 0.8em;
    word-wrap: break-word;
}

*::-moz-selection {
    background-color: #a0d468;
    color: #fff;
}

*::selection {
    background-color: #a0d468;
    color: #fff;
}
/* Topbar
******************** */
.topbar {
	height: 35px;
	line-height: 35px;
	position: relative;
	width: 100%;
	background-color:#D9EEC3;
	border-bottom:1px solid #c5dbb3;
}
#topbar ul li {float:left; height:100%;}
#topbar ul li a {
    display: block;
    line-height: 34px;
    padding:0 10px;
	color:#000000;
	font-size:12px;
}
#topbar ul li a.tel {background:url(../images/icon-tel.png) no-repeat 5px center; padding-left:25px;background-color:#D9EEC3;}
#topbar ul li a.email {background:url(../images/icon-email.png) no-repeat 5px center; padding-left:25px;background-color:#D9EEC3;}
#topbar ul li a:hover {background-color:#b2d48e;}

/* Header
******************** */
.header {
	position: relative;
	width: 100%;
	background-color:#E7EDE3;
	/*padding:20px 0;*/
	padding:7px 0;
}
.logo {background:url(../images/logo-abcdriving.png) no-repeat center center; overflow:hidden; width:280px; height:70px; text-indent:-500px; display:block; float:left}

.top-social {float:right;}
.top-social ul li {float:left;}
.top-social ul li a {overflow:hidden; width:48px; height:70px; text-indent:-500px; display:block; opacity:0.8;}
.top-social ul li a:hover {opacity:1;}
.top-social ul li.fb a {background:url(../images/social-fb.png) no-repeat center center;}

/* Menu 
******************** */
.menubar {
	position: relative;
	z-index:9999;
	width: 100%;
	background-color:#7BA852;
	padding:0;
}
.menubar.stick{position:fixed; top:0; z-index:999999;}
.menubar ul {}
.menubar ul li {float:left; position:relative;background-color:#7BA852;}
.menubar ul li a,
.menubar ul li li a {
	line-height: 23px;
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
    padding: 14px 22px;
    text-transform: uppercase;
	display:block;
	position:relative;
	width:auto;
	transition:color 0.5s ease-in-out 0s, background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s;
	}
.menubar ul li.active a,
.menubar ul li:hover a {
	background-color: #5e7c4f;
    color: #ffffff;
}

.menubar ul li ul {
	display: none;
	position:absolute;
	width:280px;
}
.menubar ul li:hover ul {
	display: block;
}
.menubar ul li ul li {float:none;}
.menubar ul li ul li:hover a {background-color: #345126;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	text-align: left;
	text-transform:uppercase;
	font-size:15px;
	padding: 10px 0;
	display: none;
	background:url(../images/mob-menu.png) no-repeat right center #7BA852;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/
@media screen and (max-width : 942px){
	/*Make dropdown links appear inline*/
	.menubar ul {
		position: relative;
		display: none;
	}
	.menubar ul li ul {
		position:relative;
		display:block;
		width:100%;	
	}
	.menubar ul li ul li a {
		padding-left:25px;
	}
	/*Make all menu links full width*/
	.menubar ul li, .menubar ul li a {
		width: 100%;
	}
	.menubar ul li a,
	.menubar ul li li a {padding: 8px 10px;}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		position:relative;
	}
}

/* Banner
******************** */
.banner {margin:1px 0 0;}
.banner .slider li {height:400px; width:100%; position:relative;}
.banner .slider li .caption {
	position:absolute;
	top:50px;
	left:10%;
	color:#fff;
	font-size:18px;
	line-height:30px;
	font-weight:400;
	z-index:9999;
	font-weight:300;
	width:80%;
}
.banner .slider li .caption h3 {font-size:30px; line-height:35px; margin-bottom:10px;}

/* Main Content
******************** */
.main-content {width:100%; display:block; position:relative;}
.text-center {text-align:center !important;}
.main-content p {margin:10px 0;}

.main-content .bullet li {list-style:inside disc; margin-left:10px;}

.main-content h2 {
    color: #9b9b9b;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
	margin-bottom:14px;
}
img.img-responsive {max-width:100% !important;}
img.thumb {border: 8px solid #EBEBEB !important;}

.button {width:100%; display:block;}
.button.rounded a {border-radius:50px;}
.button.full {width:100%;}
.button.large {width:80%;}
.button.medium {width:50%;}
.button.center {margin-left:auto; margin-right:auto;}

.button a {background-color:#a0d468; width:100%; height:100%; display:block; padding:20px 0; font-weight:700; color:#252525;
	transition:color 0.5s ease-in-out 0s, background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s;
	text-align:center;
}
.button a:hover {background-color:#252525;color:#a0d468;}
.button.small {width:50%;}
.button.small a {padding:10px 0; font-size:14px;}


.button.center.small.rounded.two > a {
    float: left;
    margin: 0 2%;
    width: 46%;
}

.vc_sep_pos_align_center {
    margin-left: auto;
    margin-right: auto;
}
.vc_sep_width_60 {
    width: 60%;
}
.vc_separator {
    display: table;
}
.vc_separator .vc_sep_holder {
    display: table-cell;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.vc_separator.vc_sep_dotted .vc_sep_line {
    border-top-style: dotted;
}
.vc_separator .vc_sep_holder .vc_sep_line {
    border-top: 1px dotted #ebebeb;
    display: block;
    height: 1px;
    position: relative;
    top: 1px;
    width: 100%;
}
.vc_separator.vc_separator_align_center h4 {
    padding: 0 0.8em;
}
.vc_separator h4 {
    display: table-cell;
    line-height: 1em;
    white-space: pre;
	color: #9b9b9b;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}


/* Footer
******************** */
.footer {width:100%; display:block; position:relative; background-color:#D9EEC3; color:#000; font-size:15px; font-weight:400; line-height:22px; border-top:1px solid #7dd897; padding:30px 0;}
padding:30px 0;}
.footer .row {margin-bottom:0;}

.footer h3 {color:#5E7C4F; font-size:22px;}
.footer a {
	color:#375926;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer a:hover {color:#7BA852; padding-left:10px;}
.footer li {margin:0 0 6px;}
.footer .address li {margin:0 0 6px; padding-left:25px;}
.footer .address li.bulding {background:url(../images/icon-building.png) no-repeat left 3px;}
.footer .address li.home {background:url(../images/icon-home.png) no-repeat left 3px;}
.footer .address li.tel {background:url(../images/icon-tel.png) no-repeat left 3px;}
.footer .address li.email {background:url(../images/icon-email.png) no-repeat left 5px;}
.footer .address li.globe {background:url(../images/icon-globe.png) no-repeat left 3px;}

/* Copyright
******************** */
.copyright {width:100%; display:block; position:relative; background-color:#7BA852; color:#fff; font-size:14px; font-weight:400; line-height:22px; padding:20px 0;}
.copyright .row {margin-bottom:0;}

/* Title
******************** */
.title-content {width:100%; display:block; position:relative; background-color:#F7F7F7; padding:40px 0; margin-bottom:40px; border-bottom:1px solid #ededed;}
.title-content .row {margin-bottom:0 !important;}
.title-content h2 {color:#9b9b9b; font-size:25px; letter-spacing:2px; line-height:22px; margin:0;}

/* Location
******************** */
.location {}
.location .box {border: 1px solid #e3e3e3; margin:10px 0;}
.location h3 {
	text-align:center;
	background-color: #f8f8f8;
    border-bottom: 1px solid #e3e3e3;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 15px;
}
.location h4 {
    color: #9b9b9b;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
	margin:10px 0 0;
}

/* Corporate Profile
******************** */
.mk-box-icon {
    position: relative;
}
.mk-box-icon.boxed-style .icon-box-boxed.top .mk-main-ico {
    left: 50%;
    margin-left: -32px;
    top: -34px;
}
.mk-box-icon.boxed-style .mk-main-ico {
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 32px;
    height: 65px;
    line-height: 65px;
    position: absolute;
    text-align: center;
    width: 65px;border:1px solid #ffffff;background-color:#000000;color:#a0d468;
}
.mk-box-icon.boxed-style .icon-box-boxed.top {
    margin-top: 35px;
    padding: 70px 30px 30px;
}
.mk-box-icon.boxed-style .icon-box-boxed {
    background-color: #f4f4f4;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    position: relative;
    text-align: center;
}

/* Video
******************** */
.video-container {
    height: 0;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.video-container embed, .video-container iframe, .video-container object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Contact
******************** */
.mk-box-icon.simple_ultimate-style .mk-main-ico.medium {
    font-size: 48px;
    line-height: 48px;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico {
    display: block;
}
.mk-box-icon .rounded-circle .medium {
    font-size: 32px !important;
    height: 84px !important;
    line-height: 95px !important;
    width: 84px !important;
}
.mk-box-icon .rounded-circle .mk-main-ico {
    border-radius: 60px;
    border-style: solid;
    border-width: 1px;
    display: inline-block !important;
    text-align: center;
	color:#9bbd7a;border-color:#9bbd7a;
}

.contact h4 {font-size:20px; margin:10px 0; color:#9b9b9b;}

/* Legal
******************** */
.legal p {text-align:justify;}
.legal p strong {display:block; margin:20px 0 0; font-size:16px; font-weight:700;}

/* FAQs
******************** */
.faq h4 {
    color: #FFF;
	background-color:#7BA852;
    font-size: 18px;
	font-weight:normal !important;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 0 0 2px;
	padding:10px 40px 10px 10px;
	background-image:url(../images/faq-plus.png);
	background-position:right 12px;
	background-repeat:no-repeat;
}
.faq h4.ui-accordion-header-active.ui-state-active,
.faq h4:hover {background-color:#5E7C4F;background-image:url(../images/faq-minus.png);}

/* Form
******************** */
.form-reg {}
.form-reg h3 {
    color: #9b9b9b;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 0;
}
.form-reg lable {
    color: #9b9b9b;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 3px 0;
}
.form-reg input[type="text"],
.form-reg input[type="password"],
.form-reg input[type="checkbox"],
.form-reg input[type="color"],
.form-reg input[type="date"],
.form-reg input[type="datetime"],
.form-reg input[type="datetime-local"],
.form-reg input[type="email"],
.form-reg input[type="month"],
.form-reg input[type="number"],
.form-reg input[type="password"],
.form-reg input[type="search"],
.form-reg input[type="radio"],
.form-reg input[type="tel"],
.form-reg input[type="text"],
.form-reg input[type="time"],
.form-reg input[type="url"],
.form-reg input[type="week"],
.form-reg select,
.form-reg textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #c6c6c6 #ddd #ddd #c9c9c9;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 0 #eee inset;
    box-sizing: border-box;
    float: none;
    font-family: inherit;
    font-size: 1em;
    line-height: normal;
    padding: 9px 12px 8px;
	width:100%;
	margin:10px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.form-reg select {
    -moz-appearance: none;
	-webkit-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/selectbox-arrow.png") no-repeat scroll right center;
    border: 1px solid #e3e3e3;
    border-radius: 0 !important;
    color: #252525;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    max-width: 100%;
    min-width: 240px;
    padding: 12px 14px 12px 20px;
}
.form-reg input[type="submit"] {
	background-color:#7BA852;
	color:#fff;
	border:none;
	font-size:18px;
	text-align:center;
	padding:10px 0;
	width:250px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor:pointer;
}
.form-reg input[type="submit"]:hover {background-color:#5E7C4F;}

/* Pop up
******************** 
#pop_up_black {position:relative;z-index:9999999;
width:100%; height:100%;
background:rgb(0,0,0);
background: transparent\9;
background:rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
	}*/
#pop_up_bg {background:url(../images/bg-location.jpg) no-repeat center top; background-size:cover; width:100%; height:100%; position:relative;top:0; left:0; margin:0;}
#pop_up_bg .top-logo {width:100%; padding:30px 0;
background:rgb(255,255,255);
background: transparent\9;
background:rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
}
#pop_up_bg .top-logo a {background:url(../images/logo-abcdriving.png) no-repeat center center; overflow:hidden; width:280px; height:70px; text-indent:-500px; display:block; margin:0;}
#pop_up_bg .green-bar {width:100%; padding:10px 0; color:#fff; text-transform:uppercase;text-align:left;
background:rgb(123,168,82);
background: transparent\9;
background:rgba(123,168,82,0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc7BA852,endColorstr=#cc7BA852);
border-bottom:2px solid #7BA852;
}

#pop_up_main {
    width:280px;
    border:2px solid #ededed;
	background-color:#f9f9f9;
	top:50px;
	left:50%;
	z-index:99999999;
	margin:30px 0;
}
#asd {background:#dfdfdf; color:#000; display:block; width:100%; padding:5px 0; text-align:center; float:left;}
#asd2 {background:#5E7C4F;border:1px solid #5E7C4F; color:#fff; display:block; width:100%; padding:5px 0; text-align:center; float:left;}
#close {
    background-color: #4d6c3e;
    display: block;
    float: right;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
	cursor:pointer;
}
#close:hover {background-color:#7BA852	;}
#asd:hover {background:#bebebe;}
#asd2:hover {background:#4d6c3e;}


#pop_up_main select {width:100%; border:1px solid #d9d9d9;padding:10px;}

@media only screen and (min-width : 601px) {
	.menubar ul li a, .menubar ul li li a {padding:8px 5px;}
	.banner .slider li .caption {
		top:100px;
		left:10%;
		width:80%;
	}
	.banner .slider li .caption h3 {font-size:35px; line-height:45px;}
}
@media only screen and (min-width : 960px) {
	.menubar ul li a, .menubar ul li li a {padding:8px 12px;}
	.banner .slider li .caption {
		top:150px;
		left:0;
		width:60%;
	}
	.banner .slider li .caption h3 {font-size:40px; line-height:45px;}
}
@media only screen and (min-width : 1150px) {
	.menubar ul li a, .menubar ul li li a {padding:14px 18px;}
}


table.schedule { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.schedule tr:nth-of-type(odd) { 
  background: #f3f3f3; 
}
.schedule th { 
  background: #7BA852; 
  color: white; 
  font-weight: bold;
  text-align:left; 
}
.schedule td, .schedule th { 
  padding: 6px; 
  border: 1px solid #e8e8e8; 
  text-align: left; 
  width:25%;
  vertical-align:middle;
}

table.schedule a.link {display:block; padding:5px 10px; color:#fff;background: #7BA852; width:50%; margin:0 auto; text-align:center;}
table.schedule a.link:hover {background-color:#333;}

.post-intro a.link {display:block; padding:5px 10px; color:#fff;background: #7BA852; width:50%; margin:0 auto; text-align:center;}
.post-intro a.link:hover {background-color:#333;}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.schedule table, .schedule thead, .schedule tbody, .schedule th, .schedule td, .schedule tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.schedule thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.schedule tr { border: 1px solid #ccc; margin-bottom:-1px;}
	
	.schedule td,
	.schedule th { 
		/* Behave  like a "row" */
		border: none;
		border: 1px solid #efefef;
		position: relative;
		padding-left: 50%; 
		margin-bottom:-1px;
		width:auto;
	}
	
	table.schedule a.link {width:80%;}
	
	.schedule td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap; 
		font-weight:bold;
	}
	
	/*
	Label the data
	*/
	.schedule td:nth-of-type(1):before { content: "Date"; }
	.schedule td:nth-of-type(2):before { content: "Days"; }
	.schedule td:nth-of-type(3):before { content: "Notes"; }
	.schedule td:nth-of-type(4):before { content: "Register"; }
	/*td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Porn Name"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
}