@charset "UTF-8";
/*
Theme Name: Emarld Driving
Theme URI: https://www.emenacsoft.com/
Author: the Emenac Soft team
Author URI: https://www.emenacsoft.com/
Requires at least: WordPress 4.9.6
Version: 1.4
 
--------------------------------------------------------------*/
 
/*================================
             FONTS LINK
=================================*/
@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700|Montserrat:400,500,600&display=swap');

/*================================
          DEFAULT CSS
=================================*/
*{padding: 0;margin: 0;list-style-type: none;text-decoration: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: 'Cairo', sans-serif;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
img{max-width: 100%;margin: auto;display: block;}
.container{max-width: 1190px;padding-left: 10px;padding-right: 10px;margin: auto;}
.trf_overlay .ik_navigation {display: none;}
.menu_trf {display: none;}
h1, .h1{font-size: 36px;}
h2, .h2{font-size: 34px;}
h3, .h3{font-size: 30px;}
h4, .h4{font-size: 24px;}
h5, .h5{font-size: 20px;}
h6, .h6{font-size: 16px;}
p {text-align: justify;margin-bottom: 20px;}
/*================================
        TOP HEADER CSS
=================================*/
.top_header{padding: 0px 0 5px 0;}
.logo {
/*	max-width: 214px;*/
	margin: auto;
	display: block;
	float: none;
	padding-top: 10px;
}
.top_contact_info{padding-top: 0;}
.emarld_number{padding-top: 5px;padding-right: 15px;font-size: 18px;}
.emarld_number a{color: #171717;}
.emarld_book_now input{width: 135px;height: 41px;display: block;line-height: 41px;background-color: #48b0f6;text-align: center;color: #ffffff;font-size: 16px;border-radius: 4px;transition: 0.5s ease-in-out;border:antiquewhite;cursor:pointer;}
.emarld_book_now input:hover{background-color: #161436;}
/*================================
        NAVIGATION CSS
=================================*/
.ik_navigation{padding: 11px 0 8px 0;background-color: #161436;}
.ik_inner_navigation{padding-top: 3px;}
.ik_inner_navigation ul{}
.ik_inner_navigation ul li{display: inline-block;padding-right: 31px;}
.ik_inner_navigation ul li:last-child{padding-right: 0;}
.ik_inner_navigation ul li a{font-size: 16px;color: #ffffff;}
.traffic_emarld a {width: 40px;height: 40px;border-radius: 50%;display: inline-block;margin-right: 7px;float: left;}
.traffic_emarld a:last-child {margin-right: 0px;}
@keyframes red {
  0% {
    background: #111;
  }
  2%,
  40% {
    background: #ff0000;
  }
  42%,
  100% {
    background: #111;
  }
}

@keyframes yellow {
  0%,
  20% {
    background: #111;
  }
  22%,
  40% {
    background: #ffff00;
  }
  42%,
  80% {
    background: #111;
  }
  82%,
  100% {
    background: #FBC00C;
  }
}

@keyframes green {
  0%,
  40% {
    background: #111;
  }
  42%,
  80% {
    background: #00ff00;
  }
  82%,
  100% {
    background: #111;
  }
}
.red {animation: red 10s linear infinite;}
.yellow {animation: yellow 10s linear infinite;}
.green {animation: green 10s linear infinite;}
/*================================
        OUR COURSES CSS
=================================*/
.course_cover {width: 31.62%;margin-right: 2.56%;}
.course_info {text-align: center;background-color: #ecf7fe;padding: 24px 20px 28px 20px;position: relative;overflow: hidden;z-index: 1;}
.our_courses_cover {padding: 70px 0 110px 0;overflow: hidden;}
.course_info h4 {font-weight: 400;color: #0b0b0b;}
.course_info p {font-size: 16px;color: #666666;line-height: 24px;text-align: center;}
.course_btn {width: 185px;height: 49px;line-height: 49px;font-size: 16px;text-align: center;display: block;margin: 44px auto auto auto;background-color: #161436;color: #fff;transition: 0.9s ease all;font-weight: 400;border-radius: 5px;}
.inner_our_courses h1 {text-align: center;color: #0b0b0b;font-weight: 400;margin-bottom: 36px;}
.cover_course:hover .course_btn {background-color: #48b0f6;}
.course_info::before {content: '';position: absolute;background-color: #16143612;left: 0;top: -100%;width: 100%;height: 100%;transition: 0.4s ease all;z-index: -1;}
.cover_course:hover .course_info::before{top: 0;}
.course_info::after {content: '';width: 65%;height: 191px;background-color: #16143612;z-index: -2;position: absolute;top: -100%;left: 0;border-radius: 50%;margin: auto;display: block;right: 0;transition: 0.5s ease-in-out;}
.cover_course:hover .course_info::after {top: -50%;}
.mb_40{margin-bottom: 40px;}
.packages_page_detail {
	text-align: justify;
}
.courses_middle {
	max-width: 800px;
	width: 100%;
	margin: auto;
	display: block;
}
.courses_middle .course_cover {
	width: 45%;
}
/*================================
    GET DRIVING LESSONS CSS
=================================*/
.driving_lesson_cover{background-color: #ecf7fe;padding: 65px 0 115px 0;overflow: hidden;}
.diriving_lesson_inner h2{text-align: center;color: #0b0b0b;font-weight: 400;margin-bottom: 68px;}
.lesson{width: 31.62%;margin-right: 2.56%;}
.lesson_icon{width: 148px;height: 148px;line-height: 148px;border-radius: 50%;background-color: #161436;position: relative;transition: 0.5s ease-in-out;}
.lesson:nth-child(2) .lesson_icon {background-color: #48b0f6;}
.lesson_icon img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.lesson_info{margin-top: 9px;padding: 0 6px;}
.lesson_info h5{font-weight: bold;color: #0b0b0b;}
.lesson_info p{font-size: 16px;color: #666666;line-height: 21px;}
.lesson:hover .lesson_icon {transform: translate(0, -20px);
}

/*================================
        ARE YOU READY CSS
=================================*/
.ready_cover{padding: 108px 0 163px 0;overflow: hidden;}
.ready_inner_cover{}
.ready_media{width: 46.15%;}
.ready_media img{margin-left: 0px;}
.ready_content{width: 41.70%;margin-top: 31px;}
.ready_content h2{font-weight: 400;color: #161436;}
.ready_content p{font-size: 16px;line-height: 22px;color: #666666;margin-bottom: 15px;text-align: justify;}
.ready_readmore{margin-top: 30px;}
.ready_readmore a{width: 165px;height: 47px;line-height: 47px;color: #fff;background-color: #161436;border-radius: 5px;font-size: 16px;text-align: center;display: block;transition: 0.3s ease-in-out;}
.ready_readmore a:hover {background-color: #48b0f6;}
/*================================
        TESTIMONIAL CSS
=================================*/
.testimonial_cover{background-image: url(images/testimonialbg.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;padding: 73px 0 93px 0;}
.inner_testimonial h2{text-align: center;color: #ffffff;font-weight: 400;margin-bottom: 40px;}
.testimonial_inner_cover{}
.testimonial{}
.testimonial_text{background-color: #100f24;padding: 38px 19px 52px 16px;border-top: 5px solid #48b0f6;}
.testimonial_text p{font-size: 14px;line-height: 22px;color: #bababc;text-align: justify;font-weight: 400;}
.testimonial_info{padding: 37px 0 0 42px;}
.testimonial_media{}
.testimonial_media img{margin-left: 0px;}
.testimonial_media img {border-radius: 50%;}
.testimonial_name{}
.testimonial_name h6{color: #ffffff;font-weight: bold;margin: 20px 0 0 9px;}
/*================================
        FOOTER CSS
=================================*/
.ik_footer {overflow: hidden;}
.inner_footer {position: relative;}
.footer_info h2 {font-weight: 600;}
.alih_contact_info h5 {font-weight: 400;margin-bottom: 8px;}
.footer_info {width: 41.28%;padding: 60px 0px 60px 0;overflow: hidden;}
.footer_info h1 {font-weight: 600;text-transform: uppercase;color: #ffffff;margin-bottom: 9px;}
.footer_info p {font-size: 15px;color: #fff;line-height: 20px;text-align: justify;}
.footer_contact_info {padding: 15px 0 0 0;}
.alih_contact_info {padding: 10px 0 35px 0;background-repeat: no-repeat;}
.alih_contact_info p {font-size: 30px;font-weight: 400;text-transform: capitalize;margin-bottom: 0;color: #232728;}
.alih_contact_info p a {color: #232728;font-family: 'Montserrat', sans-serif;text-transform: none;}
.footer_map {
	position: absolute;
	right: 52%;
	width: 52%;
	float: none;
	top:0;
	bottom: 0;
}
.footer_copyright {background-color: #48b0f6;padding: 20px 0 11px 0;}
.ik_copyright p {margin-bottom: 0;color: #fff;font-family: 'Montserrat', sans-serif;font-size: 16px;display: inline-block;}.ik_copyright p a {color: #fff;}
/*================================
        CONTACT US CSS
=================================*/
.ik_contact_form {background-color: #dddddd80;padding: 30px 30px;margin: auto auto 50px auto;max-width: 800px;width: 100%;}
.ik_group_left {width: 100%;padding:0;}
.ik_pr {padding-right: 0px !important;}
.ik_devided_one {padding: 0 0 9px 0;}
.ik_bg_white input, .ik_bg_white textarea {background-color: #ffffff;color: #000;box-shadow: 5px 9px 10px 0px #ddd;}
.ik_input input, .ik_input textarea {width: 100%;padding: 9px 9px;font-size: 14px;line-height: 26px;background-color: inherit;border: dashed 2px #fff;color: #fff;}
.ik_right_btn input[type="submit"] {float: right;width: 160px;margin: 8px 0 0 0;}
.ik_input input[type="submit"] {background-color: #161436;border: solid 1px #161436;font-size: 18px;text-transform: uppercase;color: #fff;padding: 0;cursor: pointer;width: 128px;height: 39px;line-height: 39px;border-radius: 5px;}
.ik_bg_white input, .ik_bg_white textarea {background-color: #ffffff;color: #000;box-shadow: 5px 9px 10px 0px #ddd;}
.ik_pr {padding-right: 0px !important;}
.ik_height textarea {height: 160px;}
/*================================
    AREAS WE COVERED CSS
=================================*/
.areas_coverd_wrapper {margin-bottom: 50px;overflow: hidden;}
.covered_area{width: 30%;margin-right: 3%;margin-bottom: 30px;text-align: center;box-shadow: 0 7px 14px 4px #9999995c;padding: 50px 25px;transition: 0.5s ease all;position: relative;border:solid 1px #ddd;border-top: solid 5px #48b0f6;}
.covered_area h5{font-weight: 400;position: relative;text-transform: uppercase;}
.covered_area::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;background-color: #48b0f6;transition: 0.4s ease all;}
.covered_area:hover::before{width: 100%;height: 100%;left: 0;top: 0;} 
.covered_area:hover h5 {color: #ffffff;}
.local_home{font-size: 22px;font-weight: bold;}
/*================================
            FAQ CSS
=================================*/
.faq_title span {display: inline-block;width: 25px;height: 25px;border-radius: 50%;text-align: center;font-size: 15px;background-color: #48b0f6;color: #fff;line-height: 25px;margin: 0 14px 0 0;}
.faq_title h5 {display: inline-block;font-size: 16px;font-family: 'Montserrat', sans-serif;font-weight: 500;color: #fff;}
.faq_title {padding: 10px 19px;background-color: #161436c7;transition: 0.4s ease-in-out;}
.faq_content {padding: 17px 19px;}
.faq_content p {margin-bottom: 0;}
.faq_cover {margin-bottom: 50px;}
.faq_list:hover .faq_title {background: #161436;padding-left: 10px;}
/*================================
        COURSES DETAIL CSS
=================================*/

.ik_table table {font-family: arial, sans-serif;border-collapse: collapse;width: 100%;}
.ik_table td, .ik_table th {border: 1px dashed #161436;text-align: left;padding: 8px;text-align:center;}
.ik_table tr:nth-child(even) {background-color: #dddddda3;}
.ik_table th {font-weight: 600;text-transform: uppercase;font-size: 15px;}
.ik_table {width: 75%;}
.book_now_btn a {width: 180px;height: 50px;line-height: 50px;display: block;background-color: #161436;border-radius: 7px;text-align: center;color: #fff;margin-top: 20px;}
.packages_wrap {width: 80%;margin: auto; background-color: #ecf7fe; padding: 27px 25px;margin-bottom: 25px;border: solid 1px #16143629;position: relative;overflow: hidden;z-index: 4;}
.packages_wrap::before {content: '';position: absolute;width: 100px;height: 100px;border: solid 2px #48b0f6;border-radius: 50%;top: -40px;right: -25px;background-color: #48b0f6;z-index: -1;webkit-animation-name: dot;-webkit-animation-duration: 5s;-webkit-animation-iteration-count: infinite;animation-name: dot;animation-duration: 5s;animation-iteration-count: infinite;}
.packages_wrap h3 {font-size: 18px;font-weight: 600;line-height: 31px;margin-bottom: 10px;}
.packages_wrap p {text-align: justify;line-height: 26px;font-size: 14px;margin-bottom: 15px;}
.packages_wrap h6 {line-height: 21px;font-weight: 600;margin-bottom: 18px;}
.packages_page_detail {margin-bottom: 50px;overflow: hidden;}
.our_courses_templete{margin-bottom: 50px;overflow: hidden;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes dot {
   0%   {right:-6%; top:-15%;}
  25%  {right:-5%; top:-14%;}
  50%  {right:-4%; top:-13%;}
  75%  {right:-3%; top:-12%;}
  100% {right:-2%; top:-11%;}
}

/* Standard syntax */
@keyframes dot {
  0%   {right:-6%; top:-15%;}
  25%  {right:-5%; top:-14%;}
  50%  {right:-4%; top:-13%;}
  75%  {right:-3%; top:-12%;}
  100% {right:-2%; top:-11%;}
}

/*================================
          404 CSS
=================================*/
.ik_404_cover {padding: 100px 0 130px 0;text-align: center;}
.ik_404 p {font-size: 25px;text-align: center;}
.ik_404 a {background-color: #48b0f6;color: #fff;font-size: 20px;font-weight: 600;text-transform: uppercase;width: 170px;border-radius: 5px;height: 45px;display: block;line-height: 45px;margin: auto;}
/*================================
        DROPDOWN MENU CSS
=================================*/

.main-menu-outer-main-section ul li {position: relative;}
.main-menu-outer-main-section ul ul.sub-menu {position: absolute;top: 100%;left: 0;margin: auto;width: 150%;z-index: 9;visibility: hidden;opacity: 0;transform: translateY(-2em);transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.main-menu-outer-main-section ul ul.sub-menu li {display: block;padding: 0;margin: auto;border-bottom: solid 1px #fff;}
.main-menu-outer-main-section ul li {position: relative;}
.main-menu-outer-main-section ul ul.sub-menu li a {padding: 6px 13px;background-color: #161436;display: block;font-size: 14px;color: #fff;}
.main-menu-outer-main-section ul li:hover ul.sub-menu {display: block;visibility: visible;opacity: 1;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;z-index: 99;padding: 15px 0 0 0;}
.main-menu-outer-main-section ul ul.sub-menu li a:hover {background-color: #161436c2;color: #fff;}
.fas.fa-caret-down {color: #fff;}
/*================================
        WORDPRESS CSS
=================================*/
header.entry-header {background-color: #48b0f6;padding: 30px 0;margin-bottom: 40px;}
header.entry-header h1 {text-align: center;color: #fff;text-transform: uppercase;font-size: 30px;}
.entry-content {margin-bottom: 45px;}
.entry-content ul {padding: 0 0 0 40px;}
.entry-content ul li {list-style-type: disc;padding-bottom: 5px;}

.gallery-section-main{background:#f0f0f0;padding: 20px 0;}



/*================================
        MEDIA QUERY CSS
=================================*/
@media only screen and (max-width: 1080px) {/* till 992px */
 
}
@media only screen and (max-width: 980px) {/* till 768px */
.ik_inner_navigation ul li {padding-right: 20px;}
.course_info h4 {font-size: 22px;}
.lesson_info h5 {font-size: 17px;}
.ready_media {width: 100%;max-width: 550px;margin: auto;float: none;}
.ready_content {width: 100%;}
.alih_contact_info p {word-break: break-all;line-height: 35px;}
.ik_copyright p {font-size: 14px;}
.footer_info {padding: 117px 0px 140px 0;}
}
@media only screen and (max-width: 767px) {/* till 320px */

/*MenuBar css for mobile*/
.ik_nav {display: none;}
.trf_overlay.active .ik_nav {display: block;width: 100%;padding: 60px 0 0 0;}
.trf_overlay.active .ik_nav ul li a {display: block;width: 100%;text-align: left;padding: 16px 22px;border-bottom: solid 1px #dddddd80;}
.trf_toggle.active {background-color: #48b0f6;}
.trf_overlay.active .ik_nav ul li {display: block;}
.trf_toggle {position: fixed;right: 0;width: 100%;height: 60px;background-color: #0e0c12;border-radius: 0;cursor: pointer;z-index: 150000;top: 0;transition: 0.5s ease-in-out all;}
html {margin: 60px 0 0 0;}
.circle {position: relative;width: 60px;height: 60px;cursor: pointer;padding: 14px 14px;}
.line {width: 100%;height: 5px;background-color: #fff;position: relative;display: block;transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55)0.35s;}
.top {top: 7%;}
.middle {top: 28%;}
.bottom {top: 49%;}
.icon.active .top {top: 46%;transform: rotate(48deg);}
.icon.active .middle {display: none;}
.icon.active .bottom {top: 31%;transform: rotate(-48deg);}
.trf_overlay {position: fixed;left: -100%;right: 0;top: 0;bottom: 0;background-color: rgba(0.5,0.5,0.5, 86.5%);z-index: 1500;width: 100%;height: 100%;transition: 0.3s ease-in-out all;}
.trf_overlay.active {left: 0%;}
.trf_overlay .ik_navigation {display: block;padding: 65px 0 0 0;background-color: transparent;}
.trf_overlay .ik_navigation ul li {display: block;}
.trf_overlay .ik_navigation ul li a {display: block !important;color: #fff;padding: 10px 14px;border-bottom: solid 1px #ffffff5c;font-size: 16px;text-align: left;font-weight: 600;}
.menu_trf {display: block;color: #fff;padding: 11px 0 0 0;font-weight: bold;}
.ik_navigation {display: none;}
/*Wordpress*/
header.entry-header {padding: 25px 0;}
header.entry-header h1 {font-size: 20px;}
/*Page Css start here*/
h1, .h1{font-size: 25px;}
h2, .h2{font-size: 22px;}
h3, .h3{font-size: 20px;}
h4, .h4{font-size: 18px;}
h5, .h5{font-size: 18px;}
h6, .h6{font-size: 14px;}
.logo {padding-top: 0;max-width: 330px;width: 100%;float: none;margin: auto;}
.top_contact_info {padding-top: 14px;width: 100%;float: none;text-align: center;}
.emarld_number {float: none;display: inline-block;}
.emarld_book_now {float: none;display: inline-block;}
.top_header {padding: 13px 0 13px 0;}
.inner_our_courses .course_cover {width: 100%;max-width: 370px;margin: auto auto 30px auto;float: none;}
.driving_lesson .lesson {width: 100%;max-width: 350px;float: none;margin: auto auto 35px auto;} .lesson_icon {margin: auto;}
.lesson_info {text-align: center;}
 .our_courses_cover {padding: 35px 0 35px 0;}
.diriving_lesson_inner h2 {margin-bottom: 35px;}
.driving_lesson_cover {padding: 35px 0 25px 0;}
.ready_cover {padding: 35px 0 35px 0;}
.testimonial_cover {padding: 35px 0 35px 0;}
.footer_info {padding: 35px 0px 35px 0;width: 100%;}
.alih_contact_info {padding: 10px 0 10px 0;}
.alih_contact_info p {font-size: 20px;}
.footer_map {position: relative;right: 0;width: 100%;float: none;}
.footer_map iframe {height: 400px;}
.ik_copyright {width: 100%;text-align: center;}
.covered_area {width: 100%;max-width: 340px;margin: auto auto 35px auto !important;float: none;}
/*Responsive Dropdown on small device*/
.ik_navigation .sub-menu {display: none;}
.ik_navigation li.menu-item-has-children > span {width: 50px;height: inherit;content: '';display: block;position: absolute;top: 0;right: 10px;background-color: #48b0f6;cursor: pointer;padding: 0 0 1px 0;}
.ik_navigation li.menu-item-has-children > span i {color: #ffffff;font-size: 30px;text-align: center;width: 100%;padding-top: 10px;padding-bottom: 10px;}
.trf_overlay .ik_navigation ul li {display: block;width: 100%;}
.ik_navigation li.menu-item-has-children {position: relative;}
.ik_navigation li.menu-item-has-children > .sub-menu li {background-color: #48b0f6;border-bottom: solid 1px #ffffff;}
.packages_wrap {width: 100%;padding: 27px 25px;}
.ik_table {width: 100%;}
.ik_copyright p {display: block;text-align: center;font-size: 14px;}
}
@media only screen and (max-width: 420px) {
.ik_contact_form {padding: 10px 10px;}
.faq_title span {display: block;margin: auto;}
.faq_title h5 {display: block;font-size: 14px;text-align: center;}
.local_home {font-size: 16px;text-align: center;}
.packages_wrap h3 {font-size: 16px;line-height: 22px;}
.packages_wrap p {line-height: 22px;font-size: 13px;margin-bottom: 15px;}
.packages_wrap {padding: 25px 15px;}
.book_now_btn a {width: 120px;height: 35px;line-height: 35px;}
.ik_table th {font-size: 11px;}
.emarld_book_now input {width: 90px;height: 30px;line-height: 30px;font-size: 14px;}
.emarld_number {font-size: 16px;}
.course_btn {width: 150px;height: 40px;line-height: 40px;}
.ready_readmore a {width: 150px;height: 40px;line-height: 40px;}
header.entry-header {padding: 15px 0;}
header.entry-header {margin-bottom: 25px;}
}
 
.m_right{margin: 0;}
.p_right{padding: 0;}