/* --- general items ---- */



body{color:#000; background-color:#fff; margin:auto; font-family: 'Source Sans Pro', sans-serif; text-align:left;}

h1{font-family: 'Source Sans Pro', sans-serif; font-size:50px; font-weight: 800; margin-top:10px;}

h2{font-family: 'Source Sans Pro', sans-serif; font-size:40px; font-weight: 800; margin-top:10px;}

h3{font-family: 'Source Sans Pro', sans-serif; font-size:35px; font-weight: 700; margin-top:10px;}

h4{font-family: 'Source Sans Pro', sans-serif; font-size:30px; font-weight: 700; margin-top:10px;}

h5{font-family: 'Source Sans Pro', sans-serif; font-size:24px; font-weight: 700; margin-top:10px;}

h6{font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight: 700; }

p{font-family: 'Source Sans Pro', sans-serif; font-size:18px; line-height: 26px;  font-weight: 500;}

a{ color:#000;}

a:hover{ text-decoration:none; color:#006;}

.container-fluid{ padding-left:0px; padding-right:0px;}

.read_more{ text-align:center; padding-top: 30px;  padding-bottom: 35px;}

.readmore{

	padding: 15px 30px;

    box-shadow: 0px 4px 14px 0px #000;

    text-decoration: none;

    color: #337ab7;

    font-size: 16px;

}

/*   myaccount */

.order_list{ background-color:#fff; padding:20px;}
.order_item{ background-color:#fff; border:1px solid #d6d6d6; box-shadow: 0 0 4px #d6d6d6; margin-bottom: 10px;}
.order_id{ background-color:#ececec;}
.unique_id{ color:#900;  padding:10px 15px;}
.order_date{ text-align:right; padding:10px 15px;}
.order_list_table tr{border-bottom: 1px solid #ddd;}
.order_list_table td{ padding:15px;}
.order_total_price { background-color:#ececec;}
.order_total_price h6{ padding:10px 15px; text-align:right; color:#F00;}
.order_status{ color:#900; font-size: 16px;font-weight: 600;}

/*   myaccount */

.clearfix{ padding-bottom:30px;}

/*  Pop  up  */
.modal-header{
	text-align:center;
	font-size: 20px;     
	background-color: #3498DB;
    color: #fff;
    box-shadow: 0px 0px 8px #000;
}
.modal-content{border-radius:0px;top:100px;}
.btn-info.pop-close{ 
	border-radius:0px;
	background-image: linear-gradient(to bottom,#007bcd 0,#007bcd 100%);
	border:1px solid #007bcd;
}
.btn-info.active, .btn-info:active{ background:#007bcd; border:1px solid #007bcd;}
.btn-info:hover.pop-close:hover{background-image: none; background:#fff; color:#007bcd; }
.modal-footer{text-align: center;}
.modal-header{
	text-align:center;
}
.navbar-toggle{margin-top: -43px;}
.btn-info.pop-shop{ 
	border-radius:0px;
	
}

/*  Pop  up  */

/* --- Top header ---- */

.login_signup{ color:#fff;}

.login_btn li a:hover{ background-color:transparent;}

.menu_section { min-height:118px;     background: #fff; margin-bottom:0px;}

.top_header{ background:#007bcd;  color:#fff;}

.quick_contact{text-align:left;}

.login_btn{text-align:right;}

.top_header p{ font-family: 'Open Sans', sans-serif;}

.top_header a{color:#fff !important;}

.top_header a:hover{color:#000 !important;}



/* --- Main header ---- */

.main_header{ background-color:#fff; padding-top:5px; padding-bottom:5px; box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.28); min-height: 110px;}

.header_logo{    padding-left: 55px;

    padding-top: 10px;

}

.headmenu{padding:15px 20px;}

.header_menu{padding-right: 80px;}

.main_menu{text-align:right; float:right; padding-top: 40px;}

.menu_list{font-family: 'Open Sans', sans-serif; font-size: 18px;}

.menu_list li {right:50px; top: 35px;}

.menu_list>li>a:focus, .menu_list>li>a:hover {color:#007bcd; font-weight: 600; background-color: transparent;}

.menu_section .menu_list>.active a {color:#007bcd !important; font-weight: 600; background: #fff; box-shadow: none; text-shadow:none;}

.menu_section .menu_list>li>a{color:#000 !important; font-weight: 600; text-shadow:none;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background:none; }

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{color:#000 !important;}

.navbar-inverse .navbar-toggle{ border-color:#fff;}

/* --- Slider ---- */

.slider{padding-left: 0px; padding-right: 0px; margin-bottom:-20px;  margin-top: 168px; overflow:hidden;}
.slider img{ margin:0px auto; width:100%;}
.carousel-control.right{ background-image:none;}	

.carousel-control.left{ background-image:none;}	

* {box-sizing:border-box}

body {font-family: Verdana,sans-serif;}

.mySlides {display:none}



/* Slideshow container */

/*.slideshow-container {

  position: relative;

  margin: auto;

  background: #f7f7f7;

}*/



/* Caption text */

.text {

  color: #f2f2f2;

  font-size: 15px;

  position: absolute;

  top: 40%;

  width: 100%;

  text-align: center;

  background-color: #007bcd;

  padding: 20px 53px;

  opacity: 0.8;

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



/* The dots/bullets/indicators */

.pagination_block{text-align:center; position:relative; bottom:40px;}

.dot {

  height: 13px;

  width: 13px;

  margin: 0 2px;

  background-color: #1979bd;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.6s ease;

}



.pagination_block .active {

  background-color: #f0533e;

}



/* Fading animation */

.fade {

  -webkit-animation-name: fade;

  -webkit-animation-duration: 3.5s;

  animation-name: fade;

  animation-duration: 3.5s;

}





@-webkit-keyframes fade {

  from {opacity: .4}

  to {opacity: 1}

}



@keyframes fade {

  from {opacity: .4}

  to {opacity: 1}

}



/* On smaller screens, decrease text size */

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

  .text {font-size: 11px}

}



/*---- Home page content area ------*/



.common{ padding-top:50px; padding-bottom:50px; background:#f7f7f7; height: 500px;}

.company_brief{text-align:center;}

.image{ text-align:center;}

.service_lists{ padding-top:100px; padding-bottom:50px; text-align:center;}



/*------ service sliders ------- */



.col-item

{

    border: 1px solid #E1E1E1;

    background: #FFF;

}

.col-item .photo img

{

    margin: 0 auto;

    width: 100%;

}



.col-item .info

{

    padding: 10px;

    border-radius: 0 0 5px 5px;

    margin-top: 1px;

}



.col-item:hover .info {

    background-color: #f7f7f7;

}

.col-item .price

{

    /*width: 50%;*/

    float: left;

    margin-top: 5px;

}



.col-item .price h5

{

    line-height: 20px;

    margin: 0;

}



.price-color{

    color: #e82400;

}

.price-text-color

{

    color: #f7b90a;

}



.col-item .info .rating

{

    color: #777;

}



.col-item .rating

{

    /*width: 50%;*/

    float: left;

    font-size: 17px;

    text-align: center;

    line-height: 52px;

    margin-bottom: 10px;

	padding-top: 15px;

    height: 52px;

}



.col-item .separator

{

    border-top: 1px solid #E1E1E1;

}



.clear-left

{

    clear: left;

}



.col-item .separator p

{

    line-height: 20px;

    margin-bottom: 0;

    margin-top: 10px;

    text-align: center;

}



.col-item .separator p i

{

    margin-right: 5px;

}

.col-item .btn-add

{

    width: 50%;

    float: left;

}



.col-item .btn-add

{

    border-right: 1px solid #E1E1E1;

}



.col-item .btn-details

{

    width: 50%;

    float: left;

    padding-left: 5px;

}

.btn-add a:hover{color:#F00;}



.controls

{

    margin-top: 20px;

	padding-bottom: 10px;

}

[data-slide="prev"]

{

    margin-right: 10px;

}

.product_price{ min-height:100px;}

.btn-success{    background-image: linear-gradient(to bottom,#007bcd 0,#007bcd 100%);     border-color: #007bcd;}





/*--------- Home page fetures----------*/



.fetures { background-color:#f7f7f7; padding-top:60px; padding-bottom:20px;}

.text_center{text-align:center;}

.border_feature{ border:1px solid #ddd;     border: 1px solid #ddd;

    text-align: left;

    padding-left: 50px;

}

.feature_image{    left: 22px;

    top: 22px;

    z-index: 99;}

.feature_content{ padding-top:10px; padding-bottom:10px;}

.all_feature{ padding-top: 50px;}
.border_main_feature{ border-top:5px solid #007bcd; padding-top: 10px;text-align:justify;}
.fetures2{ padding-bottom:30px; background: #f7f7f7; }

.border_main_feature li{   
	list-style: none;
    font-size: 16px;
    border-bottom: 2px solid #f3bfb6;
	line-height:30px;
    padding-bottom: 5px;
	}
.border_main_feature ul{ padding-left: 0px;
    text-align: left;
}

/*--------- Quick Links ----------*/

.quick_links {background-color:#f05236; padding-top:60px; padding-bottom:60px;}

.text_block{ background-color:#757575; color:#fff; text-align:center;padding: 10px; height: 100px;}

.icon_block{ background-color:#ddd; text-align:center; padding: 10px; height: 100px;}

.icon_img { padding-top: 15px; font-size: 50px;}



/*--------- Footer ----------*/

footer{ background-color:#404040;}

.footer_top{padding-top:30px; padding-bottom:30px; color:#fff; }
.footer_top ul{ padding-left:0px;}
.footer_top ul li{ list-style:none;}

.footer_top ul li a{ color:#fff; font-size:16px;}

.footer_copyright{ background-color:#ddd; position:absolute; width:100%;}

.footer_bottom{ height:65px; padding-top:15px; background-color: #ddd; }

.social_media p{ float:right;}

.social_media i{ font-size:35px;}

.footer_add{color:#fff;}

.paycard_logos img {
    float: left;
    padding-right: 10px;
    width: 80px;
    margin-top: 0px;
    padding: 5px 10px;
}

/* ------- About us page ---------- */

.inner_banner img{width:100%; margin-top: 170px;}

.about_intro{ padding-top: 50px;  padding-bottom: 50px;}



.intro_content{ text-align:justify; line-height:30px;}

.specifications{ text-align:left;}

.specifications li{    

	list-style: none;

    border-bottom: 4px solid #ececec;

    padding-bottom: 5px;

    padding-top: 5px;

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 18px;

    color: #0f68a2;

	font-weight: 700;

}

.specifications ul{padding-left:0;}

.company_philosophy{ background-color:#ddd;}

.company_philosophy_content{ padding-top:60px; padding-bottom:50px;}

.company_philosophy_content h5{ color:#f05236;}



/* ------- Resources page ---------- */

.resources_sec{ background:#fff;}

.resources{ text-align:left;     padding-top: 50px;     padding-bottom: 50px;}

.resources li{    

	list-style: none;

    border-bottom: 4px solid #ececec;

    padding-bottom: 5px;

    padding-top: 5px;

    font-family: 'Raleway', sans-serif;

    font-size: 16px;

    color: #0f68a2;

}

.resources li a:hover{ color:#F00;}

.resources ul{padding-left:0;}





/* ------- Contact page ---------- */

.contact_sec{background:#fff;}

.contact{ text-align:left;     padding-top: 50px;     padding-bottom: 50px;}

.mail{color:#00F;}

a:hover{color:#00F;}

.fields {    

	width: 100%;

    padding: 10px 10px;

    border: 1px solid #ddd;

    margin-bottom: 10px;

}

.number{ text-align:center;}

.qnty{ display:block; }

.message_field{

	width: 100%;

    padding: 10px 10px;

    border: 1px solid #ddd;

    margin-bottom: 10px;

}

.send_btn{

	padding: 10px 10px;

    background-color: #0279ce;

    width: 100%;

    border: none;

    color: #fff;

}

.send_btn:hover {

	background-color: #e82400;

}

.contact_map{ height:300px;}



/* ------- Services cateogry page ---------- */



.course_category { padding-bottom:50px; padding-top:50px; background-color:#fff; text-align:center; }



.hovereffect {

  width: 100%;

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: default;

}



.hovereffect .overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

}



.hovereffect img {

  display: block;

  position: relative;

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

}



.hovereffect:hover img {

  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');

  filter: grayscale(0) blur(3px);

  -webkit-filter: grayscale(0) blur(2px);

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

}



.hovereffect h2 {

  text-transform: uppercase;

  text-align: center;

  position: relative;

  font-size: 17px;

  padding: 10px;

  background: rgba(0, 0, 0, 0.6);

}



.hovereffect a.info {

  display: inline-block;

  text-decoration: none;

  padding: 7px 14px;

  border: 1px solid #fff;

  margin: 50px 0 0 0;

  background-color: transparent;

}



.hovereffect a.info:hover {

  box-shadow: 0 0 5px #fff;

}



.hovereffect a.info, .hovereffect h2 {

  -webkit-transform: scale(0.7);

  -ms-transform: scale(0.7);

  transform: scale(0.7);

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

  opacity: 0;

  filter: alpha(opacity=0);

  color: #fff;

  text-transform: uppercase;

}



.hovereffect:hover a.info, .hovereffect:hover h2 {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



/* ----------- Course sub category page ------------- */



.course_sub_category{ padding-bottom:50px; padding-top:50px; text-align:center; background-color:#fff;}

.course_sub_item{ 

	border: 1px solid #ddd;

    padding-top: 30px;

    padding-bottom: 30px;

	margin-bottom: 15px;

}

.course_sub_description{ text-align:left;}
.course_sub_description li { font-size:16px; font-weight:600;}
.course_sub_description a{ color:#00F;}
.price_box{

	border: 1px solid #F00;

    padding: 0px 0px 00px 0px;

}

.quantity{ padding-top:10px;}

.book_btn{padding-top:20px;}

.book_now{

	padding: 15px 10px;

    background-color: #0279ce;

    width: 100%;

    border: none;

    color: #fff;

}

.book_now:hover {

	background-color: #e82400;

}

.more_details{ border:1px solid #0279ce; width:25%; padding:10px 10px; text-align:center;}

.more_details:hover{ background-color:#0279ce;}

.more_details a:hover{color:#fff;}





/* ----------- Course Detail page ------------- */



.quantity_detail{ display:inline-block; width:25%}

.quat_fields{ width:40%;

    border: 1px solid #ddd;

    margin-bottom: 10px;

	float:right;

	text-align:center;

}

.book_btns{

	width:20%;

	padding-top:20px;

}



.price_color{ color:#F00;}



/* ------- Checkout ------------ */



.checkout{ padding-bottom:50px; padding-top:50px;}

/*.checkout_right{ box-shadow: 0px 2px 11px 0px; padding:15px;}

*/

.checkout_course {margin-top: 20px;}

.title_bg {    border-top: 1px solid #787f7e; border-bottom: 1px solid #787f7e; font-size: 18px; height: 40px;}

.title_bg td{ line-height:40px; padding-top:0px; padding-left: 15px;}

.table_list td{padding-left: 15px;  padding-top: 15px; font-size:16px;}

.table_text_filed {    

	text-align: center;

    width: 25%;

    height: 35px;

	font-size:16px;

}

.checkout_course_detail{margin-top: 50px;}

.checkout_course_detail p{ color:#000; font-size:18px;}

.checkout_course_detail td{padding-top: 20px; font-size:16px;}

.checkout_fileds{

	font-size: 18px; 

	width:100%; 

	padding:10px 5px; 

	color:#949ba1;

    background: none;

    background-image: none;

    border: 1px solid #a0b3b0;}



#datepicker {

	background-image:url(file:///D|/Current%20Projects/roadreadydrivingschooltx/Project/Development/102816/images/calendar.png); 

	background-repeat:no-repeat;

	background-position: 98% 49%;	

}

.update_btn{     

	background: #006;

    padding: 15px 10px;

    width: 30%;

    margin-bottom: 15px;

    margin-top: 15px;

    text-align: center;

    float: right;

}

.update_btn a{color:#fff;}

.update_btn:hover{ background:#000;}

/*.chekout_login{ box-shadow: 0px 2px 11px 0px; padding:15px; display: inline-block;}

*/

.login_field{ padding:10px 10px; width:100%; margin-top:20px; color: #949ba1;

    background: none;

    background-image: none;

    border: 1px solid #a0b3b0;}

.login{

	background: #000;

    padding: 15px 10px;

    width: 100%;

    margin-bottom: 15px;

    margin-top: 15px;

    text-align: center;

    float: right;

	color: #fff;

    text-transform: uppercase;

	border: none;

}

.login a{color:#fff; text-transform: uppercase;}

.login:hover{ background:#007bcd;}

.checkout_pay_method{      

	padding-top: 20px;

    padding-bottom: 50px;

    font-size: 18px;

    line-height: 35px;

    border-top: 1px solid #404040;

    margin-top: 25px;

} 

.proceed{ 

    padding: 15px 15px;

    background-color: #0CF;

    width: 25%;

    margin-top: 10px;

    border: none;

	color:#fff;

}

.payment{text-align:right; border-right:7px solid #F00;}

.back{

  padding: 16px 15px;

  background: #0cf;

  border: none;

  width: 14%;

  color: #fff;

  margin-bottom: 15px;

  margin-left: 10px;

}

.proceed:hover{  background-color: #000;}

.checkout_course_price{ background-color:#ddd; color:#006; margin-top:20px;}

.checkout_course_price td{ padding:10px;}



/* -------- Sign up Forms --------- */



.checkout_one{background: rgba(245, 245, 245, 0.53); box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3); border-radius: 4px; padding: 10px; color: #000;}

.total_price{ padding-top:50px; text-align:right;     margin-top: 5%; border-right: 7px solid #e72400; padding-bottom:20px; overflow: hidden;}

.total_price table{ float:right;}

.remove_btn { color:#fff; background-color:#666; padding:5px 10px; border:none;}

.remove_btn:hover {background-color:#007bcd;}



.checkout_left{border: 1px solid #989797;

    padding: 15px;}

.checkout_pay_method input{ display:inline;     width: auto;

    height: auto;}

	

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

.container {

    width: 1170px;}	

}

@media (min-width: 1268px){

.container {

    width: 1250px;}	

}

@media (max-width: 852px){

    .header_logo{text-align: center; padding-left:0px;}

	.navbar-brand{display:none}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:none;}

	.menu_list{ text-align:right; }

	.image img{ width:auto; height:250px;}

	}

@media (max-width: 995px){.header_logo{ padding-left:0px; text-align:center;}

.menu_list li{top:0px; right:5px;}

.image img{ width:auto; height:300px;}

}

@media (max-width: 852px){

.image img{ width:auto; height:200px;}	

}

@media (max-width: 820px){

	.image { display:none;}

	.common{ height:auto;}

}