@charset "UTF-8";
/*
Theme Name: Car Recovery
Theme URI: https://www.emenacsoft.com/
Author: the Emenacsoft team
Author URI: https://www.emenacsoft.com/
Description: 
 
*/
@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700|Montserrat:400,500,600|Open+Sans:400,600,700|Titillium+Web:400,600,700&display=swap');
*{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;height: auto;}
.container{max-width: 1190px;padding-left: 10px;padding-right: 10px;margin: auto;}
h1{font-size: 30px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
p{font-size: 14px;margin-bottom: 15px;color:#666666; }
.trf_overlay .ik_navigation {display: none;}
.menu_trf {display: none;}
/*================================
        HEADER CSS
=================================*/
.logo_sec_wrap_full {padding: 44px 0 31px; }
.logo_sec a {display: inline-block;}
.top_info_sec_contant {padding: 13px 0;}
.top_info_sec_single { padding:  10px 60px 10px 70px; position: relative;}
.top_info_img_circle {position: absolute; top: 0; left: 0; width: 60px; height: 60px; display: block; border-radius: 50%; overflow: hidden;}
.top_info_sec_single a {color: #000000; text-decoration: none; font-size: 18px; line-height: 15px; font-weight: bold; text-transform: uppercase;}
.top_info_img_circle img {position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;}
.top_info_last_item {padding-right: 61px;}
.menu_sec_wrap_desk {position: relative;margin-bottom: -31px;z-index: 999;}
.ik_navigation   {border-radius: 50px; padding: 23px 0;}
.ik_navigation ul {padding: 0; margin: auto; text-align: center; line-height: 15px;}
.ik_navigation li {display: inline-block; padding-right: 55px;}
.ik_navigation li:last-child {padding-right: 0;}
.ik_navigation a {color: #fff;font-size: 16px; line-height: 15px; font-weight: bold; text-decoration: none;display: block;}
.bg_red{background-color: #e30c25;}
.logo_sec {margin-top: 28px;}
.top_info_sec_single h6 {font-size: 14px;line-height: 15px;font-weight: 500;}
/*================================
        OUR FEATURE CSS
=================================*/
.our_features_cover {background-color: #e30c25;}
.our_feature {width: 30.59%;position: relative;padding: 32px 0 32px 85px;}
.our_feature_number {width: 38.80%;background-color: #000;text-align: center;padding: 28px 0 33px 0;}
.our_number a {font-size: 30px;line-height: 40px;font-weight: bold;color: #fff;}
.our_feature_media {position: absolute;left: 0;width: 65px;height: 65px;background-color: #fff;display: inline-block;top: 0;bottom: 0;margin: auto;border-radius: 50%;border: solid 4px #fff;}
.our_feature_media img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.feature_info h3 {font-weight: bold;color: #fff;}
.our_feature_left .our_feature_media {left: 26px;}
.our_feature_left {padding-left: 110px;}
/*================================
        Appointment CSS
=================================*/
.cover_both {width: 48.71%;}
.top_heading_section h1 {line-height: 31px;font-weight: bold;color: #0c0c0c;}
.top_heading_section h5 {line-height: 21px;font-weight: bold;color: #b6b6b6;}
.line_line {max-width: 456px;height: 2px;background-color: #e30c25;margin-top: 6px;}
.offer_apponitment_cover {padding: 112px 0 0 0;}
.offer_text p {font-size: 14px;line-height: 20px;color: #666666;text-align: justify;margin-top: 19px;}
.listing_cover {max-width: 455px;margin-top: 18px;}
.listing_ik {background-image: url(images/bulit.png);background-repeat: no-repeat;background-position: left center;padding: 0px 0 3px 37px;border-bottom: solid 1px #cccccc;}
.listing_ik p {font-size: 16px;line-height: 36px;color: #0c0c0c;margin-bottom: 0;margin-top: 0;}
.listing_ik span{font-weight: bold;}
.appointment_form {padding: 20px 20px 43px 20px;background-color: #f6f6f6;margin-top: 23px;}
.appoint_field input, .appoint_field textarea {background-color: #ffffff;border: 0;width: 100%;padding: 11px 9px;font-size: 14px;margin-bottom: 19px;}
.half_cover {width: 48%;}
.appoint_field label {width: 100%;display: block;font-size: 14px;line-height: 15px;color: #0c0c0c;margin-bottom: 3px;}
.appoint_field_btn input[type="submit"] {font-size: 24px;display: block;width: 100%;border: 0;line-height: 15px;color: #fff;background-color: #e30c25;padding: 16px 0;cursor: pointer;}
.full_cover.appoint_field textarea {height: 100px;}

/*================================
        SERVICES CSS
=================================*/
.ik_services {width: 31.62%;margin-right: 2.5%;}
.services_media {position: relative;z-index: 1;}
.services_media::before {content: '';position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;background-image: url(images/services_bg.png);background-repeat: no-repeat;height: 78px;}
.services_icon {width: 109px;height: 109px;margin: auto;border-radius: 50%;border: solid 6px #fff;background-color: #c2172b;margin-top: -83px;position: relative;z-index: 2;}
.service_in:hover {background-color: #0c0c0c;}
.service_in:hover .services_media::before {background-image: url(images/services_bg_hover.png);}
.service_in:hover .services_info h2{color: #fff;}
.service_in:hover .services_info p{color: #fff;}
.services_info h2 {text-align: center;color: #0c0c0c;font-weight: bold;line-height: 40px;margin-top: 6px;}
.services_info p {margin-bottom: 0;font-size: 14px;line-height: 20px;text-align: justify;color: #666666;min-height: 130px;}
.services_cover {padding: 119px 0 76px 0;}
.service_in {border-bottom: solid 5px #c2172b;border-radius: 6px;}
.services_media img {border-top-left-radius: 5px;border-top-right-radius: 5px;}
.services_info {padding: 0 12px;}
.services_page_templete{padding: 0 0;margin-bottom: 50px;}

/*================================
        EMERGENY CALL CSS
=================================*/
.emergency_cover {text-align: center;background-color: #e30c25;padding: 42px 0 50px 0;}
.inner_emergency h1 {font-weight: bold;color: #fff;line-height: 40px;}
.inner_emergency a {color: #fff;}  
/*================================
        TESTIMONIAL CSS
=================================*/
.testimonial_cover {padding: 57px 0 75px 0;text-align: center;}
.ik_testimonial{max-width: 910px;margin: auto;width: 100%;}
.ik_testimonial h1 {font-weight: bold;color: #171717;margin-bottom: 12px;}
.ik_testimonial p {font-size: 20px;color: #666666;font-weight: 400;line-height: 29px;}
.avatar_cover {max-width: 93px;height: 93px;position: relative;margin: 23px auto auto auto;}
.avatar_media {position: relative;width: 93px;height: 93px;background-color: #eeeeee;border-radius: 50%;overflow: hidden;}
.avatar_media img {position: absolute;left: 0;top: 10px;right: 0;bottom: 0;margin: auto;}
.avatar_red_circle {width: 35px;height: 35px;border-radius: 50%;background-color: #e30c25;position: absolute;bottom: -3px;right: -6px;}
.name_person {margin-top: 14px;}
.name_person h5 {color: #171717;font-family: 'Titillium Web', sans-serif;font-weight: 600;}

/*================================
        FOOTER CSS
=================================*/
.ik_footer{background-color: #0d0d0d;padding: 75px 0 90px 0;}
.inner_footer{}
.footer_sction001{width: 52.13%;margin-right: 4%;}
.footer_sction001 p{font-size: 14px;line-height: 26px;color: #bfbfbf;text-align: justify;}
.footer_sction002{width: 17.09%;margin-right: 4.5%;}
.footer_sction003{width: 21.30%;}
.ftr_heading{color: #e30c25;font-size: 24px;padding-bottom: 16px;font-weight: 400;}
.ftr_social_media{margin-top: 33px;}
.ftr_social_media ul li{display: inline-block;margin-right: 7px;}
.ftr_social_media ul li a{width: 40px;height: 40px;line-height: 40px;background-color: #e30c25;color: #fff;text-align: center;border-radius: 50%;display: block;}
.f_services{}
.f_services ul li{font-size: 14px;line-height: 28px;font-family: 'Open Sans', sans-serif;position: relative;display: block;}
.f_services ul li::before{content: '';width: 9px;height: 9px;background-color: #e30c25;display: inline-block;border-radius: 10px;margin: 0 6px 0 0;}
.f_services ul li a{color: #bfbfbf;}
.info_comp{}
.info_comp p{font-size: 14px;line-height: 26px;margin-bottom: 8px;}
.info_comp span{color: #e30c25;}
.info_comp a{color: #bfbfbf;}
.contact_us_btn{}
.contact_us_btn a{width: 148px;height: 39px;line-height: 39px;color: #fff;text-align: center;display: block;font-size: 16px;background-color: #e30c25;margin-top: 29px;}
.adress_ik p{font-size: 14px;color: #ffffff;line-height: 20px;margin-bottom: 12px;}
.ik_copyright {background-color: #e30c25;padding: 21px 0 20px 0;}
.ik_copy p{font-size: 16px;color: #fffefe;font-family: 'Montserrat', sans-serif;line-height: 20px;margin-bottom: 0px;}
.ik_copy a {color: #0d0d0d;}
/*================================
        	CONTACT US
=================================*/
.contact_us_templete001 {margin-bottom: 40px;}
.contact_us_001{max-width: 900px;margin: auto;width: 100%;background-color: #0d0d0d;}
.contact_us_form {width: 65.81%;padding: 28px 30px 28px 30px;background-color: #ccc;}
.contact_us_information{width: 34.18%;background-color: #0d0d0d;padding: 28px 30px 24px 30px;}
.send_heading h3 {margin-top: 9px;}
.send_heading h3 {font-size: 20px;}
.send_us_a_message {margin-bottom: 31px;}
.full_ik_width.ik_form_group {width: 100%;}
.ik_form_group input, .ik_form_group textarea {width: 100%;border: solid 1px #ddd;padding: 13px 17px;margin-bottom: 19px;border-radius: 6px;}
.half_ik_width.ik_form_group {width: 48%;}
.half_ik_width .ik_form_group {width: 49%;}
.ik_text_area textarea {max-height: 128px;}
.message_media img {width: 50px;height: 39px;}
.ik_form_group input[type="submit"] {background-color: #0d0d0d;color: #fff;font-weight: 600;font-size: 14px;cursor: pointer;padding: 16px 14px;}
.contact_us_information h3 {color: #fff;margin-top: 9px;font-size: 20px;}
.contact_infor {margin-top: 42px;color: #fff;margin-bottom: 60px;}
.ik_info {background-repeat: no-repeat;background-position: left center;padding: 10px 0 10px 50px;background-size: 40px 40px;margin-bottom: 35px;}
.address_ik {background-image: url(images/address.png);}
.email_ik {background-image: url(images/email2.png);}
.ik_info a {color: #fff;word-break: break-all;}
.phone_ik {background-image: url(images/mobile.png);}
.ik_info h4 {font-size: 16px;}
.contact_social_media {text-align: center;padding: 13px 0 19px 0;}
.contact_social_media a {display: inline-block;width: 50px;height: 50px;line-height: 50px;color: #fff;text-align: center;background-color: #f30015;margin-right: 7px;}
.contact_social_media a:last-child{margin-right: 0px;}


/*Wordpress*/
header.entry-header {background-color: #0d0d0d;padding: 60px 0 35px 0;margin-bottom: 40px;margin-top: 1px;}
header.entry-header h1 {text-align: center;color: #fff;text-transform: uppercase;}
.entry-content p {text-align: justify;}
.entry-content ul {padding: 14px 0 14px 38px;}
.entry-content ul li {list-style-type: disc;padding: 0 0 11px 0;font-weight: bold;}
.entry-content {margin-bottom: 35px;}
 
.ik_color_more {color: #e30c23;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 2px solid #e30c25;background-color: #e30c25;color: #fff;}
.post_content_ik {width: 65%;}
.ik_quote_single {width: 31.62%;}
.services_banner {margin-bottom: 25px;}
.detail_post_page {width: 31.62%;margin-top: 0;background-color: #0d0d0d;padding-bottom: 5px;}
.detail_post_page h2 {text-align: center;color: #fff;margin-bottom: 15px;}
.detail_post_page  .appoint_field label {color: #fff;}
.services_templ {margin-bottom: 40px;}
.ik_404_cover {padding: 100px 0 130px 0;}
.ik_404 {text-align: center;}
.ik_404 p {font-size: 25px;}
.ik_404 a {background-color: #f20015;color: #fff;font-size: 20px;font-weight: 600;text-transform: uppercase;width: 149px;height: 39px;display: block;line-height: 39px;margin: auto;}
.inner_services .m_right {margin-right: 0;}
/*================================
        MEDIA QUERY CSS
=================================*/
@media only screen and (max-width: 1080px) {/* till 992px */
 .feature_info h3 {font-size: 17px;}
}
@media only screen and (max-width: 980px) {/* till 768px */
.footer_sction001 {width: 46.13%;}
.footer_sction002 {width: 23.09%;}
.ik_navigation li {padding-right: 25px;}
.our_feature {width: 36%;padding: 32px 0 32px 70px;}
.our_feature_number {width: 28%;}
.feature_info h3 {font-size: 16px;}
.our_number a {font-size: 20px;}
.our_feature_left .our_feature_media {left: 9px;}
.our_feature_left {padding-left: 80px;}
.services_info p {padding-bottom: 25px;}
.services_info h2 {font-size: 18px;}
 .inner_emergency h1 {font-size: 25px;}
.top_info_sec_single {padding: 10px 10px 10px 70px;}
.top_info_last_item {padding-right: 30px;}
.contact_infor {margin-top: 8px;margin-bottom: 30px;}
}
@media only screen and (max-width: 767px) {/* till 320px */
.ik_navigation {display: none;}  
.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: #e30c25;}
.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: 80px 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: 14px 14px;border-bottom: solid 1px #ffffff5c;font-size: 16px;text-align: left;font-weight: 600;}
.menu_trf {display: block;color: #fff;padding: 15px 0 0 0;font-weight: bold;}
.footer_sction001,  .footer_sction002,  .footer_sction003 {width: 100%;margin-right: 0;}
.ftr_heading {padding-top: 16px;}
.ik_footer {background-color: #0d0d0d;padding: 35px 0 38px 0;}
.ik_copy {width: 100%;text-align: center;}
.ik_copy p {font-size: 14px;line-height: 20px;}
.ik_copyright {padding: 15px 0 14px 0;}
 .our_features_cover {background-color: transparent;}
.our_feature {width: 100%;padding: 10px 0;background-color: #e30c25;float: none;text-align: center;margin-top: 3px;margin-bottom: 3px;}
.our_feature_number {width: 100%;float: none;padding: 28px 0 33px 30px;margin-bottom: 0;}
.our_feature_media {position: relative;}
.offer_apponitment_cover {padding: 35px 0 0 0;}
.cover_both {width: 100%;float: none;}
.appontment_cover {padding: 35px 0 0 0;}
.ik_services {width: 100%;max-width: 371px;float: none;}
.services_cover .ik_services {margin: auto auto 25px auto;}
.services_cover {padding: 35px 0 35px 0;}
.appointment_form {padding: 20px 20px 35px 20px;}
.emergency_cover {padding: 35px 0 35px 0;}
.inner_emergency h1 {font-size: 20px;line-height: 25px;}
.testimonial_cover {padding: 35px 0 35px 0;}
.ik_testimonial p {font-size: 14px;line-height: 23px;}
 .logo_sec {width: 100%;max-width: 208px;float: none;margin: auto;}
.logo_sec_wrap_full {padding: 25px 0 31px;}
.top_info_sec_contant {width: 100%;float: none;margin: auto;display: inline-block;text-align: center;}
.top_info_sec_single {padding: 10px 10px 10px 70px;float: none;display: inline-block;margin: auto;}
.top_info_sec_single h6 {text-align: left;}
.top_info_sec_single a {font-size: 15px;}
.post_content_ik {width: 100%;float: none;}
.detail_post_page {width: 100%;padding-bottom: 5px;max-width: 400px;margin: 30px auto auto auto;float: none;}
.contact_us_form {width: 100%;margin-bottom: 25px;}
.contact_us_information {width: 100%;}
.contact_us_001 {background-color: transparent;}
header.entry-header {padding: 25px 0 25px 0;}
h1{font-size: 24px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 16px;}
}
@media only screen and (max-width: 400px) {
.half_cover {width: 100%;}
.half_ik_width .ik_form_group {width: 100%;}
.contact_us_form {padding: 15px 15px 15px 15px;}
}
.m_right{margin-right: 0px;}