/*
Theme Name: Guru Driving
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*
--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css

--------------------------------------------------------------*/

.left_site_content_d p {
    text-align: justify;
    padding-right: 24px;
    font-size: 18px;
    font-weight: 500;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #00b9f2;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
   z-index: 999999999999999;
    position: absolute;
    top: 50%;
    left: 50%;
}

#loader-btn{
	display:none;    
	width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    position: fixed;
    z-index: 999;
	/* Safari */
	}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
a.load_more {
  
    background: rebeccapurple;
    padding: 7px 15px;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
}
.maritime_top {
    max-width: 302px;
    float: right;
    height: 70px;
    background: #e3e3e3;
    padding: 0 80px 0 20px;
}
.maritime_top img {
    height: 40px;
}
.maritime_top p {
    padding-top: 5px;
    font-size: 16px;
}
.md_txt {
    min-height: 220px;
}
.enroll_now_2{
      margin-top: 39px;
}
.submit_popup_form {
    font-size: 21px;
    font-family: 'TMSansBold';
    font-weight: 700;
    background-color: #1b95eb;
    display: inline-block;
    color: #fff;
    padding: 14px 69px;
    border-radius: 10px;
	border: 1px;
}
.submit_popup_form:hover {
    background-color: #1f1f1f;
}
.up_head {
    float: right;
}
.icon_g {
    width: 49.33%;
}
.popup_for_driving_assessment h2{
	font-size:32px;
}
.page-template-driving-assessment button.close {
    padding: 7px 5px 0 0;
    color: #000;
}
.form_Assessment_modal {
    padding: 0 55px;
}
.form_Assessment_modal label {
     width: 100%;
    line-height: 24px;
    font-size: 16px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.custom_nav_for_other_site {
		padding: 0px 0px !important;
	}
	/*.maritime_top {
		max-width: 110px;
		float: none;
		margin: 0 auto;
		background: transparent;
	}
	.maritime_top {
		max-width: 110px;
		float: none;
		margin: 10px auto 0 auto;
		padding: 0;

	}*/
	.lesson a {
    line-height: 20px!important;
	padding: 8px 0;
	}
	
	div#wpcs_tab_172 {
    display: none;
}


}
@media (max-width: 1280px){
	.header_area .container{
		width: 100%!important;
	}
}
   @media only screen and (min-width: 1080px) and (max-width: 1190px) {
	.menu_area {
		display: block;
		position: relative;
	}
	.menu-top-menu-container {
		width:100%!important;	
		margin-left: 15px;
	}
	.custom_nav_for_other_site {
		width: 13%;
	}
	.lesson a {
		line-height: 20px!important;
	}
	.lesson {
    padding: 5px 5px;
}
	
}

@media only screen and (min-width: 991px) and (max-width: 1080px) {

	/*.maritime_top {
		max-width: 110px;
		float: none;
		margin: 0 auto;
		background: transparent;
	}
	.maritime_top {
		max-width: 110px;
		float: none;
		margin: 10px auto 0 auto;
		padding: 0;

	}*/
    
	.menu-top-menu-container {
		width: 100%!important;
		margin-top:40px;
	}
	.menu_area ul {
		float: right !important;
	}
	.menu_area {
		display: block!important;
  
	}
	
}
@media (max-width: 1199px){
 .maritime_top{
       padding: 0 54px 0 20px;
    }
     .lesson a {
        line-height: 40px!important;
    }

}
@media (max-width: 991px){
	.menu-top-menu-container {
		display: none!important;
	}
    #mega-menu-wrap-top{
        display: none;
    }
}
@media (max-width: 768px){
    .up_head{
		float: none!important; 
	} 	
    .maritime_top {
    text-align: center;
    float: initial;
    margin: 10px auto 0;
    max-width: 210px;
}
	.header_area_rg {
		position: relative!important;
	}
	.custom_nav_for_other_site {
		width:100%!important;
		position: unset!important;
	}
	.menu_area {
		display: flex;
		position: absolute!important;
		right: 0!important;
		top: 40px!important;
	}
	.lesson {
		padding: 0 10px;
	}

	
	
}
.slick-prev {
    left: -10px!important;
}
.slick-next {
    right: -10px!important;
}

.slick-next:before {
    content: ' '!important;
    border-right: 5px solid!important;
    border-bottom: 5px solid!important;
    display: block!important;
    border-color: #1c96eb!important;
    border-radius: 0!important;
    width: 27px!important;
    height: 27px!important;
    transform: rotate(-45deg)!important;
    -webkit-transform: rotate(-45deg)!important;
    -o-transform: rotate(-45deg)!important;
    -moz-transform: rotate(-45deg)!important;
    position: absolute!important;
}
.slick-prev:before {
    content: '';
    border-left: 5px solid;
    border-top: 5px solid;
    display: block;
    border-color: #1c96eb;
    border-radius: 0;
    width: 27px;
    height: 27px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: absolute;
}

.locations ul li.active {
    background-color: #1b95eb;
}
.menu_area {
      display: flex;
    position: relative;
}
.lesson {
    float: left;
    width: 100%;
    background: #e59813;
    text-align: center;
}
.lesson a {
    font-size: 14px;
    line-height: 60px;
    color: #fff;
    font-weight: 700;
    text-transform: none;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    background: url(images/book_bg.png) no-repeat 219px 23px;
}
.lesson a:hover {
    background: #76d75c url(images/book_bg.png) no-repeat 205px 23px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
}
.custom_nav_for_other_site {
    width: 23%;
    position: absolute;
    right: 0px;
    top: 0px;
}
.menu-top-menu-container{
	width: 77%;
}
.menu_area ul {
    float: left;
}
.menu_area ul li {
    padding: 0 0 0 15px;
}
body.modal-open {
    padding-right: 0!important;
    overflow-y: scroll;
}
.modal-body .sub_btn {
    color: #000;
    border: 2px solid #000;
}
.modal-body .sub_btn:hover {
    color: #fff;
}
.modal-body .sub_con {
    padding-right: 0px;
}
.sub_con.sub_con-pading {
    padding-right: 5px;
}
.sub_con.sub_con-pading2 {
    padding-right: 5px;
}
.sub_con.sub_con-pading2 {
    padding-left: 5px;
}
button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
	-ms-transform: translateY(-50%); /* IE 9 */
    transform: translateY(-50%);
    height: 27px;
    width: 27px;
}	
.slick-prev:before, .slick-next:before{
	top: 0;
}

.page-template-single-lesson-package .modal-body .inpt_area, .page-template-single-lesson-package .modal-body .sub_in_lf select, .page-template-lesson-package .modal-body .sub_in_lf select, .page-template-driving-assessment .modal-body .inpt_area, .page-template-lesson-package .modal-body .inpt_area, .page-template-lesson-package .modal-body .sub_in_lf select, .page-template-driving-assessment .modal-body .inpt_area {
    background-color: transparent;
    border: 1px solid #666;
    color: #000;
	background-image: none;      
	background-repeat: none; 
    background-position: none;
}

ul.footer-social-media li {
    float: left;
    list-style: none;
    font-size: 22px;
    margin: 0 8px;
    color: #fff;
}
ul.footer-social-media li a {
    color: #fff;
}
ul.footer-social-media {
    margin-top: 5px;
}
.website_link {
    text-align: right;
}
.website_link img {
    width: 120px;
}
.website_link p {
    padding: 0;
}
.page-template-default p {
    font-size: 17px;
    line-height: 24px;
    color: #1f1f1f;
    padding: 0px 0px;
}

.page-template-default .cmm_ar_inner {
    padding: 0 50px;
}
.nor-address {
    border: 1px solid #000;
    width: 400px;
    padding: 10px 20px;
    color: #ed1d24;
    font-size: 17px;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu {
    margin: 10px 0px 0 0;}
.address_menu p{font-size: 14px;letter-spacing: 1px;line-height: 20px;color: #ffffff;position: relative;padding: 8px 0 10px 35px; font-family:'MyriadPro-Regular';}
@media (max-width: 480px){
.lesson a{
    background: url(images/book_bg.png) no-repeat 300px 13px;
}
.menu_area {
    padding: 10px 0 0 0;
}



}
.image_center {
    margin: 0 auto;
}
.load_more.load_more_v {
    margin-top: 12px;
}
.load_more.load_more_v a {
    padding: 10px 0;
    width: 100%;
}
.icon_g img.img-responsive {
    height: 44px;
}