/*!
Theme Name: trucks4child
Theme URI: http://underscores.me/
Author: Nani
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: trucks4child
Tags: custom-background, custom-logo, custom-menu, featured-images, 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.

trucks4child is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


@charset "utf-8";
/* CSS Document
font-family: 'Yantramanav', sans-serif;
*/

@import url('https://fonts.googleapis.com/css?family=Yantramanav:300,400,500,700');

body{ margin:0; padding:0;font-family: 'Yantramanav', sans-serif;}
img{ border:none;}

ul{ margin:0; padding:0;}
ul li { list-style:none; float:left;}
a:hover, a:focus{ text-decoration:none; color:#e53237;}

.container{ width:1200px;}
.fullwidth{ width:100%; float:left;}

.pad_left{ padding-left:0;}
.pad_right{ padding-right:0;}
.align_center{ text-align:center;}

.f_right{ float:right;}


h1,h2,h3,h4,h5,h6{ width:100%; float:left; margin:0; padding:0;font-family: 'Yantramanav', sans-serif; color:#283a4b;font-weight:500;}

h2{ font-size:34px; line-height:34px;background-image:url(images/tlt_brd.png);background-position:left bottom; background-repeat:no-repeat; padding-bottom:15px; margin-bottom:25px;}
h2 span{ font-weight:300; width:100%; float:left; font-size:23px;}
h2.align_center{ background-image:url(images/tlt_brd1.png);background-position:center bottom;}

h3{font-size:28px; line-height:30px;color:#fff;}
h3 span{ color:#ffcc29; font-weight:700;}

h4 {font-size:24px; line-height:26px; font-weight:400; margin-bottom:10px;text-align:center; position:relative;}
.serv_txt h4::before, .serv_txt h4::after { content: ""; position: absolute; z-index:0; height:1px; border-top:1px solid #9fa5ac; top:50%;}
.serv_txt h4::before {left:0;width:28%;}
.serv_txt h4::after { right:0;width:28%;}

h5{ font-size:22px; line-height:26px;}


p{ width:100%; float:left; margin:0 0 25px 0; padding:0;font-family: 'Yantramanav', sans-serif; font-size:16px; font-weight:300; line-height:26px; color:#283a4b;}


.logo img, .slider img, .serv_img img, .van_img img, .f_logo img, .partner img, .service_img img { width:100%; height:auto;}

.read_btn{ width:auto; float:left; margin:0; padding:0 0px 0 20px;font-family: 'Yantramanav', sans-serif; font-size:14px; font-weight:700; color:#283a4b; line-height:46px; border:1px solid #f0f1f1; text-transform:uppercase;}
.read_btn i { width:42px; line-height:46px; display:inline-block; text-align:center; color:#000; background-color:#939ca5; margin-left:17px;border:1px solid #939ca5;}
.read_btn:hover i{ background-color:#283a4b; color:#fff;border:1px solid #283a4b;}

.read_btn:hover, .h_rgt p a:hover, .nav ul li a:hover, .serv_blk ul li:hover .serv_txt h4 a, .points_blk p span a:hover, .f_links ul li a:hover, .addr_blk p a:hover, .serv_bg h3 a:hover, .addr_box p a:hover{ color:#e53237;}


.h_top{ padding:20px 0 0 0; border-bottom:15px solid #2a3b4a;}
.logo{ width:100%; display:inline-block; text-align:center;padding:0px 0px 10px 0;}
.logo img{ width:auto; display:inline-block; text-align:center;}

.h_rgt { width:auto; float:right; padding:0 14% 20px 0;}
.h_rgt p { width:auto;font-size:17px; margin:0; line-height:23px; color:#74787c; font-weight:400; border-left:1px solid #e1e1e1; padding:0 28px 0 10px;}
.h_rgt p span{ color:#283a4b; font-weight:700; width:100%; float:left;}
.h_rgt p a { color:#283a4b;}
.h_rgt p.email{ padding-right:0;}

.nav { background-color:#2a3b4a; padding:6px 0 0 14%;}
.nav::after {content: '';width:5%;height:52px;position:absolute; left:-5px; bottom:-1px;transform: skew(-34deg); background-color:#283a4b;}
.nav ul li a { width:100%; float:left; margin:0; padding:0 25px;font-family: 'Yantramanav', sans-serif; font-size:17px; line-height:45px; color:#fff; font-weight:400; position:relative; text-align:center;}
.nav ul li a:hover::after  { width:50px; float:left; height:4px; background-color:#e53237; content:''; border-bottom:1px solid #e53237; position:absolute; bottom:0; left:0; right:0; margin:0 auto -15px auto;}


.nav ul li.current_page_item a, .nav ul li.current-menu-item a{ color:#e53237;}

.slider_blk { position:relative;}
.s_txt {width:100%; position:absolute; top:16.5%; right:0;}
.s_box {width:auto; float:right;}
.s_box h1 {width:auto;font-size:41px; line-height:70px; margin-right:8px; background-color:#eef2f4; padding:0 25px; text-transform:uppercase;}
.arr_btn i {width:66px; line-height:70px; color:#fff; font-size:25px;display:inline-block; text-align:center;background-color:#e53237;}

.owl-carousel.slides .owl-nav.disabled{ display:none; font-size:0;}

.home_blk{ background-color:#e9ebed;padding:38px 0;}
.sub_box{ padding:0;}
.icon_outer{ width:30%; float:left;}
.icon{ width:105px; float:left; text-align:center;background-color:#fff; z-index:999; padding:16px 0px; height:78px;position:relative; margin:15px 0 0 15px;}
.icon img{ width:auto; height:auto;}
.icon_outer::after{ position:absolute; width:70px; top:0px;content:''; background-color:#a9adb0; height:107px; left:15px;}
.sub_box h5 {width:70%; float:left; margin:25px 0 0 0; padding-left:8%;}
.sub_box h5 a {color:#283a4b;}
.home_blk ul li:hover .icon_outer::after{background-color:#283a4b;}

.wel_blk { padding:46px 0 40px 0;}
.wel_blk p { padding-right:10%;}
.form_box.fullwidth label {
    color: #fff;
    font-size: 14px;
    line-height: 0px;
}

.form_box.fullwidth {
    background: #283a4b;
    padding: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.form_outer::after{display:none;}

.form_outer::after{ position:absolute; width:100%; bottom:-40px; padding:42px; content:''; background-color:#283a4b; height:50px; left:0;right:0;}
.form_blk{ border:0px solid #f1f1f1; background-color:#fff; position:relative; margin:30px 8% 0 8%; width:90%; z-index:999;}
.form_blk p { padding:0; margin:0;}
.form_blk h2{ background-image:none; font-size:31px; margin:0px; padding: 20px 0;}
.form_input, .form_txt{ width:100%; float:left; margin:0 0 6px 0; padding:0 15px; color:#283a4b;font-size:15px; font-weight:300; line-height:37px; background-color:#f6f7f7; border:1px solid #e8e8e8; height: 30px;font-family:'Lato', sans-serif;}
.form_txt{ line-height:22px; height:109px; resize:none; overflow:hidden;}
.sub_btn{ width:100%; float:left; margin:0; padding:0; background-color:#e53237; color:#fff; font-size:15px; font-weight:700; line-height:37px; text-align:center; text-transform:uppercase; border:none;cursor:pointer;}
.sub_btn:hover{ background-color:#006cb7;}

span.wpcf7-not-valid-tip{ width:100%; float:left;}
div.wpcf7-validation-errors { width:100%; float:left; margin:10px 0 0px 0;padding:10px; line-height:22px;}

.serv_blk{ padding:45px 0 65px 0; background-color:#f6f5f5;}
.serv_box{ background-color:#efeded;text-align:center;}
.serv_txt{padding:24px 20px 28px 20px;}
.serv_txt p { margin:0;}
.serv_txt h4 a { color:#283a4b;}
.serv_blk ul li:hover .serv_box{box-shadow:0 0 19px #bbbbbb; background-color:#fff;}

.points_blk{ background-color:#283a4b; padding:0px;}
.lft_blk{ padding:40px 0;}
.points_blk p { color:#fff; margin:0;}
.points_blk p span a{ font-style:italic; color:#ffcc29;}
.van_img{ width:auto; float:right;}

.tm_outer{padding:56px 0 70px 0;}
.tm_outer h2{ margin:15px 0 0 0;}
.tm_blk{ width:90%; border:1px solid #e4e5e5;padding:15px 10px 15px 0px; margin-bottom:15px; height:90px; background-image:url(images/tm_icon.png); background-position:left top 22px; background-repeat:no-repeat;}
.tm_blk i { width:auto; float:left; font-size:30px; color:#e7e8e8; margin-top:0px;}
.tm_blk p {font-size:18px; line-height:30px; padding:0 4% 0 6%; min-height:60px;}
.tm_outer p.author{  color:#283a4b; font-weight:700; padding-left:6%; font-size:18px;min-height:inherit;}

.owl-carousel.testimonials .owl-nav.disabled{ font-size:0;position:absolute; right:-12%; top:-10%; width:40px;}
.testimonials .owl-prev, .testimonials .owl-next{ width:40px; height:40px;background-repeat:no-repeat;background-position:center center;background-color:#616970;}
.testimonials .owl-prev{ float:left;background-image:url(images/arr_lft.png); margin-bottom:6px;}
.testimonials .owl-next{ float:right; background-image:url(images/arr_rgt.png);}
.testimonials .owl-prev:hover, .testimonials .owl-next:hover{ background-color:#e53237;}

.f_top{ background-color:#eeefef; padding:40px 0 30px 0;}
.f_logo{ width:auto; float:left; padding-bottom:22px;}
.f_txt{ padding-right:8%;}
.f_txt p{ padding-top:16px; border-top:1px solid #9fa7ad; margin:0;}
.f_top h5{ position:relative; margin-bottom:24px;}
.f_top h5::after{ content:''; position:absolute; width:43px; height:3px; bottom:-8px; left:0; background-color:#e53237; border:1px solid #e53237;}

.f_links ul li{ width:100%;}
.f_links ul li a {width:100%; float:left; margin:0 0 5px 0; padding:0 0 0 25px;font-family: 'Yantramanav', sans-serif; font-size:16px; line-height:24px; color:#283a4b; font-weight:300;background-image:url(images/link_icon.png); background-position:left center; background-repeat:no-repeat;}

.addr_blk p{ margin:0 0 15px 0;}
.addr_blk p span{ font-weight:700;}
.addr_blk p a { color:#283a4b;}

.partners_blk{ background-color:#fff; border-top:1px solid #b3b8bd; padding:6px 20px; margin:5px 0 0 0;}
.partner{ width:auto; float:left; padding-right:15px;}

.f_bot{ background-color:#2a3b4a; padding:16px 0;}
.f_bot p { color:#969fa7; text-align:center; margin:0;}


/*** Sub Pages ***/

.about_banner {background-image:url(images/about_banner.jpg);}
.contact_banner {background-image:url(images/contact_banner.jpg);}
.faq_banner {background-image:url(images/faq_banner.jpg);}
.service_banner {background-image:url(images/service_banner.jpg);}

.about_banner, .contact_banner, .faq_banner, .service_banner{ background-position:top center; background-repeat:no-repeat;background-size:100% 100%;}

.banner_txt {padding:40px 0;color:#fff; font-weight:400;font-size:40px; line-height:45px;}
.tlt_bg {background-image:url(images/brd1.png); background-position:right 6px bottom 3px; background-repeat:repeat-x; margin:20px 0;}
.tlt_bg h4 {width:auto; background-color:#fff; font-size:18px; padding-right:10px; margin:0; text-align:left;}

/**** Contact Us ***/

.contact_blk .container {padding:0;}
.contact_blk h5{ font-size:18px; position:relative;}
.contact_blk p {margin-bottom:28px;}
.addr_box {margin-bottom:40px;}
.addr_box h5, .form_inner h5 {font-weight:400; margin-bottom:5px;font-size:20px; position:relative; padding-top:8px;}
.addr_box h5::after, .form_inner h5::after{ content:''; position:absolute; width:35px; height:2px; top:0px; left:0; background-color:#e53237; border:1px solid #e53237;}

.addr_box p {padding-right:20%; margin:0;}
.s_links a i {width:30px; line-height:30px; float:left; background-color:#e8e5e5; color:#283a4b; font-size:14px;text-align:center; margin-right:4px; border-radius:4px;}
.s_links a i:hover{ background-color:#283a4b; color:#fff;}
.addr_box p a { color:#283a4b;}

#show {width:47.5%; float:left; margin:12px 0 10px 0;}
#show input[type="checkbox"]{ margin-top:6px;}
#show input[type="checkbox"], #show input[type="radio"] {float:right; cursor:pointer;}
#show input[type="checkbox"] + label, #show input[type="radio"] + label {width:auto ;font-size:15px; color:#7b7a7a; font-weight:300;}
#show label {width:auto;}
span.wpcf7-list-item {width:99%; float:left; margin:0; color:#7b7a7a;}
.form_inner p {margin:0;}
.input_box, .input_txt {width:100%; float:left; margin:0 0 5px 0; padding:0 15px;font-size:14px; font-weight:300; background-color:inherit; border:1px solid #e1e4e6; line-height:45px; font-style:italic;}
.input_txt {height:108px; line-height:22px; padding:5px 15px; resize:none; overflow:hidden; margin-bottom:21px; color: black;}
.slct {position:relative; width:100%; height:45px; background-color:inherit; float:left; margin-bottom:5px;border:1px solid #e1e4e6; padding:0 15px;color:#afb7bc;}
.slct select {margin: 0;  border:1px solid #e1e4e6; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;height:45px; width:100%;font-size:14px; color:#afb7bc; font-style:italic; padding:0 15px;}
.slct:after {content:''; right:0px; top:0px; padding:0; border:none; position:absolute; pointer-events:none; background-image:url(images/drop_icon.png)}
.slct:before {content:''; right:10px; top:20px; width:12px; height:8px;background-image:url(images/drop_icon.png); background-position:right top; background-repeat:no-repeat;position:absolute; pointer-events:none; display:block;}
.input_box.code {width:40%; line-height:28px; text-align:left; margin-top:18px; color: black;}
.form_inner label {color:#7b7a7a; font-weight:300; width:30%; float:left;font-size:14px;line-height:20px; margin:0;}
.form_inner b {width:100%; float:left;font-weight:400; color:#000; font-size:16px; margin-bottom:15px;}
.sub_btn.btn1 {width:auto; float:right;padding:0 20px;font-size:13px; font-weight:400; line-height:37px;}

iframe.map {width:100%; float:left; height:300px; border:none;}


/**** Faq ***/

.faq_outer {padding:50px 0 45px 0;}
.faq_blk {background-color:#f5f4f4; padding:30px; margin:6px 0 0px 0;}
.faq_box {background-color:#fff; padding:35px 35px 0 35px;}
.faq_box h4 {text-align:left;font-size:18px;line-height:24px;}
.faq_box span {width:32px; float:left; font-weight:400; color:#e53237; padding-right:12px; line-height:24px;}

/**** service ****/

.serv_bg {background-color:#f5f4f4; padding:30px 17px 0px 20px; margin-bottom:30px; position:relative;min-height:420px;}
.serv_bg h3 { margin-bottom:14px; font-weight:400;}
.serv_bg h3 a{ font-size:22px;color:#283a4b;}
.serv_bg p { margin:0;}
.term-tippers .serv_bg { min-height:450px;}
.service_img {width:25%; float:left; margin-top:20px;}
.serv_text {width:75%; float:left; padding-left:20px;}
.serv_text h4 {font-weight:600; margin:0px 0px 16px 0px; padding:0px;}
.serv_text ul li {width:100%; background:url(images/bullet.png) left top 5px no-repeat; padding-left:18px; margin-bottom:12px; color:#787777; font-size:13.5px; line-height:17px; font-weight:300;}
.single-services .innerpage_container ul li {width:100%;}

.contact_btn_outer{ width:auto; float:left; margin-top:4px; }
a.contact_btn {width:auto; height:48px; float:left;background:url(images/contact_btn.png) top center no-repeat; padding-top:60px; text-align:center; color:#7b7a7a; font-size:15px; cursor:pointer;}
a:hover.contact_btn{ color:#7b7a7a;}
.serv_icons_blk{padding:30px 0px 0 0;}
.serv_icon { width:auto; float:left;  margin-right:15px;}
.serv_icon img{ width:100%; height:auto;}

.innerpage_container {padding:50px 0;}
.innerpage_container .tlt_bg {margin:0 0 20px 0;}
.single-vehicle .main{ padding-bottom:30px;}

/*** Blog ***/
.column-panel {padding:30px 0px;}
.clearfix {display: block;}
.heading {text-align:center;font-weight:700;font-size:24px;line-height:28px;color:#3b5097;}
.left-sec {margin:0;}
.blog-panel {position:relative;border-bottom:5px solid #ccc;margin-bottom:20px;margin-right:40px;}
.blog-date {position:absolute;top:0;left:0;width:87px;height:88px;background:#3d5198;color:#fff;}
.blog-date h3 {margin:0;padding:14px 20px;font-size:25px; color:#fff;}
.blog-div { width:92%; float:left;margin-left:8%;padding:0px 16px 0 24px;font-size:13px;line-height:21px;}
.blog-div h1 {line-height:21px;font-size:23px;margin:0 0 10px 0;}
.blog-div p{ margin:0;}
.blog-user {font-weight:700;padding:10px 0;}
.blog-post {float:left;width:50%; text-align:left;color:#3d5198;}
.blog-user a {color:#000;text-decoration:none;}
.blog-comment {float:left; width:50%;text-align:right;}
.blog-comment a {color:#3d5198;}

.single-post .innerpage_container p{ margin-bottom:15px;}
.single-post .innerpage_container ul { padding-left:20px;}
.single-post  .innerpage_container ul li{font-size:14px;line-height:23px; color:#7b7a7a;margin-bottom:10px;list-style:inherit;}
.comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label{ color:#7b7a7a; width:auto; padding-right:10px;font-size:14px; line-height:22px; color:#7b7a7a;font-weight:300;}
.comment-form-comment textarea, .comment-form-author input, .comment-form-email input, .comment-form-url input{border:1px solid #e1e4e6; padding:0 15px;width:30%;}
.comment-form-comment textarea{ height:120px;}
.comment-form-author label{ padding-right:19px;}
.comment-form-email label{padding-right:23px;}
.comment-form-url label {padding-right:21px;}
p.form-submit input[type="submit"] { width:auto; float:left; background-color:#e53237; color:#fff; line-height:30px; padding:0 15px; border:none;}
p.form-submit input[type="submit"]:hover{ background-color:#006cb7;}

.TableBorder {background:#fff;border-radius:3px;border-collapse:collapse;height:320px; margin:auto; max-width:100%; padding:5px; width:100%;margin:10px 0px 30px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);animation:float 5s infinite;font-size:16px;font-weight:400;text-rendering:optimizeLegibility;}
.TableBorder th {color:#D5DDE5;background:#1b1e24;border-bottom:4px solid #9ea7af;border-right:1px solid #343a45;font-size:20px;font-weight:500;padding:8px;text-align:center; text-shadow:0 1px 1px rgba(0, 0, 0, 0.1);vertical-align:middle;}
.TableBorder th:first-child {border-top-left-radius:3px;}
.TableBorder th:last-child {border-top-right-radius:3px; border-right:none;}
.TableBorder tr {border-top:1px solid #C1C3D1;border-bottom-:1px solid #C1C3D1;color:#666B85;font-size:16px;font-weight:normal;text-shadow:0 1px 1px rgba(256, 256, 256, 0.1);}
.TableBorder tr:hover td {background:#4E5066;color:#FFFFFF;border-top:1px solid #22262e;border-bottom:1px solid #22262e;}
.TableBorder tr:first-child {border-top:none;}
.TableBorder tr:last-child { border-bottom:none;}
.TableBorder tr:nth-child(odd) td {background:#EBEBEB;}
.TableBorder tr:nth-child(odd):hover td { background:#4E5066;}
.TableBorder tr:last-child td:first-child {border-bottom-left-radius:3px;}
.TableBorder tr:last-child td:last-child {border-bottom-right-radius:3px;}
.TableBorder td {background:#FFFFFF;padding:8px;text-align:left;vertical-align:middle;font-weight:300; font-size:18px;text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.1); border-right: 1px solid #C1C3D1;}
.TableBorder td:last-child {border-right:0px;}
.TableBorder th.text-left, .TableBorder td.text-left {text-align:left;}
.TableBorder th.text-center, .TableBorder td.text-center {text-align:center;}
.TableBorder th.text-right, .TableBorder td.text-right {text-align:right;}

.shiftnav ul.shiftnav-menu li.menu-item{ width:100%;}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {background:#e53237 !important; border:none !important;text-shadow:none !important;}
.shiftnav .shiftnav-menu-title {font-size:20px !important;padding:30px 0px !important;text-transform:capitalize !important;}
div.wpcf7-mail-sent-ok { border:none !important; color: #398f14;
    font-size: 16px;
    font-weight: bold;}