/*
Theme Name: Cars Pro
Theme URI: https://flythemes.net/wordpress-themes/cars-wordpress-theme/
Author: FlyThemes
Author URI: https://www.flythemes.net/
Description: Cars WordPress theme comes with unique design specially built for cars, servicing center, cars rental, motor deals and automobile industries. If you are looking for premium theme, you really want to go above and beyond and you really want to make your WordPress website amazing then stick around this theme can help you do so easily and quickly. This WordPress theme comes with some amazing and impressive features made to have all the essentials at hand for any topic or use. This cars WordPress theme has tons of pre-built options for blogs and portfolio layouts. This theme is fully responsive and compatible with the latest version of WordPress it also compatible with some popular plugins like wocommerce and contact form 7.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: cars
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Cars Pro WordPress Theme has been created by FlyThemes(flythemes.net), 2018.
Cars Pro WordPress Theme is released under the terms of GNU GPL
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{outline:none;}
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:28px; margin:0; padding:0; color:#4d4d4d; font-size:16px; font-family:'Roboto'; background-color:#ffffff; font-weight:300; }
img{ margin:0; padding:0; border:none;}
.bypostauthor { margin:0; padding:0;}
section img, img{width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:700;}
h1{ font-size:32px;}
h2{ font-size:25px;}
h3{ font-size:22px;}
h4{ font-size:19px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
strong, b{ font-weight:700; }
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:10px 10px 10px 30px; text-align:left; font-weight:400; }
blockquote.align-left:before{ content: ""; position:absolute; top:0; left:0; width:5px; bottom:0; background-color:#e12b15; }
blockquote.align-right{ padding:10px 30px 10px 10px; text-align:right; font-weight:400; }
blockquote.align-right:before{ content: ""; position:absolute; top:0; right:0; width:5px; bottom:0; background-color:#e12b15; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0; padding:0;}
a{ text-decoration:none; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
a:hover{ text-decoration:none; }
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
iframe{ width:100%; display:block; margin:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto; width:auto; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:120px 0; position:relative; }
.boxlayout .header .container{ width:auto; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0; }
.full-container .one_half{ margin-bottom:0 !important;}

/*===============================================
** Header Top Bar Css
*===============================================*/
.topheader{ background-color:#000000; }
.tophead-social, .tophead-phn{ float:right; line-height:53px; }
.tophead-phn{ margin-right:60px; }
.tophead-phn ul li{ display: inline-block; font-size: 14px; font-weight:600; color:#ffffff; margin:0 15px; }
.tophead-phn ul li i{ margin-right:5px; }
.tophead-phn ul li a{ color:#ffffff; }
.tophead-phn ul li a:hover{ color:#f7452f; }
.topheader .tophead-social a{ color:#ffffff; }
.topheader .tophead-social a:hover{ background-color:#f7452f; color:#ffffff; }

/*===============================================
** Header Css
*===============================================*/
.header-slider-wrap{ position:relative; }
.header{ padding:0; position:absolute; z-index:10; left:0; right:0; top:70px; background-color:#ffffff; padding:0; }
.header-inner { width:1170px; margin:0 auto; position:relative;}
.header-right{ float:right; }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{float:left; text-align:left; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; position: absolute; top: 0; background-color: #ffffff; padding: 22px 72px 22px 36px; }
.logo:after{ content:''; width: 0; height: 0; border-bottom: 54px solid #ffffff; border-right: 54px solid transparent; position: absolute; right: -54px; top:0; }
.logo img{ width:auto; margin-top:15px; }
.logo h1{font-weight:400; margin:0 0 8px; text-transform:none; }
.logo a{color:#ffffff;}
.logo p{ font-size:13px; color:#ffffff; display:block; line-height:normal; }

/*===============================================
** Header Button Css
*===============================================*/
.head-btn{ float:right; }
.head-btn a{ position:relative; background-color:#e12b15; display:block; color:#ffffff; text-transform:uppercase; font-weight:500; padding:14px 40px 15px 40px; }
.head-btn a:before{ width:100%; content:''; height:13px; background-color:#e12b15; position:absolute; bottom:-13px; left:0; }
.head-btn a:after{ content: ''; width: 0; height: 0; border-top: 13px solid #ad1301; border-left: 13px solid transparent; position: absolute; left: -13px; bottom: -13px;  }
.head-btn a:hover{ color:#ffffff; background-color:#000000; }
.head-btn a:hover::before{ background-color:#000000; }
.head-btn a:hover::after{ border-top-color:#000000; }
.head-btn a:before, .head-btn a:after{ transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{  display: none; position:absolute; right:0; top:100px; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid #ccc; color:#787878; }
.toggle a:before{ content:'\f0c9'; font-family:FontAwesome; position:absolute; top: 15px; font-size: 28px; left: 14px; }
.sitenav{ position:relative; z-index:9999; text-align:center; float:right; margin-right:30px; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto'; font-size:13px; font-weight:700; text-transform:uppercase;}
.sitenav ul li{ display:inline-block; position:relative; line-height:normal;}
.sitenav ul li a{padding:20px 15px; display:block; text-align:center; color:#2b2b2b; position:relative; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#e12b15; }
.sitenav ul li a.parent:before{ content:'\f107'; position: absolute; right: 0; top: 19px; font-family: FontAwesome; font-size: 18px; }
.sitenav ul li a.parent{ padding-right:25px; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; }
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:auto; top:57px; text-align:left; -moz-animation: fadeInUp .3s ease-in-out; -webkit-animation: fadeInUp .3s ease-in-out; animation:fadeInUp .3s ease-in-out; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; }
.sitenav ul li ul li a{display:block; padding:10px; position:relative; top:0; text-align:left; }
.sitenav ul li ul li a.parent:before{ content:'\f105'; position: absolute; right: 8px; top: 9px; font-family: FontAwesome; font-size: 18px; }

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:-1px; -moz-animation: fadeInRight .3s ease-in-out; -webkit-animation: fadeInRight .3s ease-in-out; animation:fadeInRight .3s ease-in-out; }

/*===============================================
** Social Icons Css
*===============================================*/
.social-icons a{ width:43px; height:54px; line-height:54px; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#5c5b5b; position: relative; margin:0 1px; text-align:center; }
.social-icons a:hover { color:#e12b15; }
.social-icons br{ display:none;}

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { bottom: 40%; width: 76%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.5); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:800px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout .slider-main{ min-height:650px; }
#slider a.button{ margin-right:20px; } 
.slider-main::after, .slider-main::before{ content:''; position: absolute; bottom: -3vw; width: 51%; height: 8vw; background-color: #ffffff; z-index: 101; }
.slider-main::before{ left: 0; transform: skewY(5deg); }
.slider-main::after { right: 0; transform: skewY(-5deg); }

/*===============================================
** Buttons Css
*===============================================*/
a.button{ background-color:#e12b15; color:#ffffff; padding:16px 40px; font:500 16px/20px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; text-transform: none; position:relative; }
a.button:hover{ background-color:#000000; color:#ffffff;}

a.button2{ color:#151515; padding:15px 50px; font:700 14px/20px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; text-transform:uppercase; border:2px solid; position:relative; overflow:hidden; }
a.button2:after{ content: ''; position: absolute; z-index: -1; -webkit-transition: all 1.2s; -moz-transition: all 1.2s; transition: all 1.2s;  width: 100%; height: 0; top: 50%; left: 50%; background:#e12b15; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);} 
a.button2:hover::after { height: 500%; opacity: 1; }
a.button2:hover{ color:#ffffff; border-color:#e12b15; }

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#000000; border-radius:30px; padding:14px 40px; font:700 15px/22px 'Roboto'; display:table; }
a.buttonstyle1:hover{ background-color:#e12b15; color:#ffffff; }

.custombtn{ margin-top:30px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; position:absolute; top:-15px; left:13.1%; background-color:#e12b15; padding:15px 30px; }
.section_head:before{ content: ''; width: 0; height: 0; border-bottom: 15px solid #e12b15; border-left: 15px solid transparent; position: absolute; left: -15px; top: 0px; }
h2.section_title{ font:500 31px/38px 'Roboto Condensed'; color:#ffffff; position:relative; text-transform:uppercase; margin-bottom:0; }
h2.section_title span{ text-transform:uppercase; font:700 16px/26px 'Assistant'; display:block; color:#e64532; margin-bottom:10px; }
.sec-overlay h2.section_title, .sec-overlay p,  .sec-overlay{ color:#ffffff; }
.one_half .section_head{ text-align:left; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(225,43,21,0.8); position:absolute; top:0; left:0; }

/*===============================================
** Custom Heading Css
*===============================================*/
.custom-heading{ margin-bottom:30px; }
.custom-heading h2{ font-family:'Roboto Condensed'; font-size:44px; text-transform:uppercase; font-weight:700; }
.custom-heading h2 span{ display:block; font-size:40%; margin-bottom:10px; letter-spacing:1px; }

/*===============================================
** Section First Css : Welcome
*===============================================*/
.main-block-welcome{ margin:-90px 350px 90px; color: #323232; text-align:center; }
.main-block-welcome span{ display:block; margin-bottom:50px; text-transform: uppercase; font-weight: 400; }
h1.main-welcome-title small { display: block; margin-top:20px; font-size: 16px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; }
.main-block-welcome .decor{ margin-top:46px; position:relative; position: relative; display: inline-block; text-align: center; }
.main-block-welcome .decor::before, .main-block-welcome .decor::after { position: absolute; top: 5px; display: block; width: 14px; height: 14px; content: ''; transform: rotate(45deg); background-color:#d92004; }
.main-block-welcome .decor::before{ right: -10px; }
.main-block-welcome .decor::after{ left: -10px; }
.main-block-welcome .decor i{ position: relative; display: inline-block; width: 23px; height: 23px; font-size: 12px; line-height: 1; color: #555; border: 3px solid #ffffff; border-radius: 3px; background-color: #ffffff; z-index: 1;  transform: rotate(45deg); vertical-align: inherit; margin: 0;} 
.wrap-image-welcome{ position: absolute; top: 0; left: 0; width: 100%; }
.wrap-image-welcome img{ width:auto; }
.image-welcome-left, .image-welcome-right { position: absolute; top: 0; margin-bottom: 0; }
.image-welcome-left { left: 15px; }
.image-welcome-right { right: 10px; }

/*===============================================
** Section Second Css : Our Cars
*===============================================*/
.our-cars-box{ padding-right:30px; }
.our-cars-box h3{ text-transform:uppercase; }
.our-cars-thumb{ margin-bottom:30px; }
.our-cars-desc p{ font-size:90%; font-weight:400; line-height:24px; margin-bottom:50px; }
.our-cars-desc a{ font-weight:500; text-transform:uppercase; position:relative; font-size:90%; }
.our-cars-desc a:after{ content:'\f0da'; font-family:FontAwesome; position:absolute; top: -4px; right: -25px; }
.owl-theme.ourcar-rotator .owl-nav{ position:absolute; right:0; top:-100px; }
.owl-carousel.ourcar-rotator .owl-nav button.owl-prev, .owl-carousel.ourcar-rotator .owl-nav button.owl-next{ width:25px; height:40px; font-size:30px; font-weight:700; color:#de2f14; }
.owl-carousel.ourcar-rotator .owl-nav button.owl-prev:hover, .owl-carousel.ourcar-rotator .owl-nav button.owl-next:hover{ background-color:transparent; }
.owl-carousel.ourcar-rotator .owl-nav.disabled{ display:block; }

/*===============================================
** Section Third Css : Full Width Box
*===============================================*/
.gray-box{ padding:10em 2em 0 13em; color:#ffffff; }

/*===============================================
** Section Fourth Css : Car Rotator Css
*===============================================*/
.image-rotator h3{ padding-left:50px; margin-bottom:50px; }
.image-rotator.owl-theme .owl-nav{ position:absolute; top:-22px; left:0; }
.image-rotator.owl-theme .owl-nav button{ background:none !important; font-size:28px !important; }
.image-rotator.owl-theme .owl-nav button:hover{ color:#e12b15; }

/*===============================================
** Infobox Css
*===============================================*/
.infobox{ position:relative; margin-bottom:20px; text-align:center; }
.info-count h3{ color:#ccc; font-size:42px; font-weight:600; margin-bottom:30px; }
.info-thumb{ width:200px; height:200px; margin:0 auto 30px; border-radius:50%; overflow:hidden; position:relative; transition:all 0.2s ease-in-out 0s; }
.info-cont p{ font-size:94%; margin-bottom:30px; }
.infobox:hover .info-thumb:before{ content:''; width:90%; height:90%; position:absolute; top:5%; left:5%; border-radius:50%; background-color:#e12b15; opacity:0.8; }

/*===============================================
** Image Infobox Css
*===============================================*/
.image_info{ display: block; }
.image_info_thumb, .image_info_thumb img{ transition: all .25s ease !important;  }
.image_info_thumb{ position: relative; display: inline-block; vertical-align: top; }
.image_info_thumb img{ -webkit-transform: translateY(0); transform: translateY(0); -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.image_info:hover .image_info_thumb img{ -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.image_info_content{ position: relative; top: 0; max-width: 350px; float: right; margin: -27% 19px 0 0; padding: 28px 50px; background-color:#e12b15; z-index: 10; }
.image_info_content h3, .image_info_content{ color:#ffffff; }
.image_info_content p{ margin-bottom:15px; }
.image_info_content span{ font-weight:600; }

/*===============================================
** Section Fifth Css : Latest Offers
*===============================================*/
.loffer-col-6.large-col{ width: 38%; float: left; height: 385px; position: relative; margin: 0 1% 25px; }
.held-bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.loffer-content{ position: absolute; bottom: 0; padding: 0; width: 100%; }
.loffer-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
h3.large-ttl, h3.small-ttl{ margin:0; background-color:#151515; padding:11px 10px; display:inline-block; }
.loffer-content .car-offer-price{ display:inline-block; background-color:#e12b15; color:#ffffff; font-weight:600; letter-spacing:2px; padding:5px 10px; margin-left:-4px; letter-spacing:0; font-size:14px; }
.loffer-content .car-offer-price del{ margin-right:10px; }
h3.large-ttl a{ color:#ffffff; }
h3.large-ttl a:hover{ color:#e12b15; }
.loffer-col-3.small-col{ width: 28%; float: left; height: 180px; position: relative; margin: 0 1% 25px; }
h3.small-ttl{ font-size:90%; }
h3.small-ttl a{ color:#ffffff; }
h3.small-ttl a:hover{ color:#e12b15; }
.loffer-col-6.right.large-col{ float:right; }
.car-onsale{ position:absolute; width:40px; height:40px; border-radius:50px; background-color:#e12b15; top:20px; right:20px; text-transform:uppercase; color:#ffffff; font-weight:700; font-size:14px; line-height:40px; text-align:center; }

/*===============================================
** Section Sixth Css : Our Services
*===============================================*/
.service-rotator { padding-top: 6%; }
.service_box{ margin-top:30px; background-color:#222222; padding:30px; }
.ser-icon img{ width:auto !important; }
.ser-icon { height: 80px; }
.ser-cont h3{ text-transform:none; margin-top:80px; text-transform:uppercase; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s }
.ser-cont h3 span{ display:block; color:#797979; text-transform:none; margin-bottom:10px; }
.ser-cont h3 a{ color:#ffffff; }
.ser-cont p{ margin-top:38px; color:#ffffff; display:none; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-size:90%; font-weight:400; line-height:22px; }
.service_box:hover .ser-cont p{ display:block; }
.service_box:hover .ser-cont h3{ display:none; }
.service-rotator.owl-theme .owl-dots{ margin-top:100px !important; }

/*===============================================
** Team Member Css
*===============================================*/
.teammember-list{ position:relative; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; overflow:hidden; cursor:pointer; margin:30px 0 0; margin-right:2%; width:23.4%; float:left; text-align:left; }
.teammember-list.last{ margin-right:0; }
.thumnailbx{ position:relative; }
.thumnailbx:after{ content: ''; width: 0; height: 0; border-bottom:50px solid #ffffff; border-right:280px solid transparent; position: absolute; left: 0; bottom: 0px; }
.thumnailbx:before{ content: ''; width: 0; height: 0; border-top: 24px solid transparent; border-left: 100px solid #e12b15; border-bottom: 33px solid transparent; position: absolute; bottom: 0; z-index: 10; }
.teamdesbox h2 { font-size:20px; margin:0; line-height:1.24; text-transform:uppercase; font-family:'Assistant'; font-size:18px; }
.teamdesbox h2 a{ position:relative; }
.teamdesbox cite{ margin: 5px auto 8px; text-transform: none; color: #8f8f8f; font-size: 16px; display: block; font-style: normal; font-weight: 400; }
.teamdesbox{ padding:30px 0 0; }
.teamdesbox p{ font-weight:400; }
.member-social-icon{ margin-top:15px; opacity:0; }
.teammember-list:hover .member-social-icon{ opacity:1; }
.member-social-icon a{ color:#a6a6a6; width:30px; height:30px; border-radius:50px; display:inline-block; margin-right:10px; text-align: center; font-size: 15px; line-height: 30px; }

/*===============================================
** Testimonials Css
*===============================================*/
#clienttestiminials{ margin:60px auto 30px; }
#clienttestiminials .testi-desc{ position:relative; border:1px solid #747879; border-radius:5px; padding:30px; }
#clienttestiminials p { color:#4d4d4d; margin:0 0 30px; font-size:16px; color:#ffffff; }
#clienttestiminials .tmttl { margin-top:30px; float:left; }
#clienttestiminials .tmttl h4{ margin:0px 0 8px; text-transform:none; color:#e12b15; font:400 16px 'Roboto'; }
#clienttestiminials .tmttl h4 a{ color: #e12b15; }
#clienttestiminials .testi-thumb{ width:80px; height:80px; border-radius:50%; overflow:hidden; margin:0 20px 0 0; float:left; }
#clienttestiminials .owl-theme .owl-nav [class*="owl-"]{ width:50px; height:50px; }
#clienttestiminials .owl-theme .owl-nav [class*="owl-"] span{ font-size:40px; }
#clienttestiminials .owl-theme .owl-nav{ margin-top:100px; }
#clienttestiminials .testi-desc span{ color:#4d4d4d; }

/*testimonials*/
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Montserrat'; color:#333333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}

.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:none;}
#testimonials-widget p{ margin-bottom:15px;}

/*===============================================
** Latest News Css
*===============================================*/
.news-box{ position:relative; padding:0; margin-bottom:10px; width:32%; margin-right:2%; float:left; position: relative; overflow: hidden; }
.news-thumb{ position:relative; }
.news-thumb-rollover{ width: 100%; height: 100%; position: absolute; left:10px; top:10px; width: 50px; height: auto; text-align:center; background-color:#363636; color:#ffffff; font-size: 22px; line-height: normal; padding:5px; }
.news-desc{ padding: 30px 0 0; position: relative; overflow: hidden; }
.news-desc:before{ content:''; height:100%; width:5px; background-color:#d1d1d1; position:absolute; left:0; top:0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.inner-news-desc{ padding:0 0 0 35px; }
.news-box .post-date{ text-transform:uppercase; font-size:70%; font-weight:700; letter-spacing:2px; margin-bottom:10px; }
.news-box .post-date .author{ float:right; }
.news-desc p{ font-size:90%; }
.news-box a.ReadMore{ display:block; margin:15px 0 0; text-transform:none; font-weight:700; font-size:90%; line-height:normal; }
.news-box:hover .news-desc:before{ background-color:#e12b15; }

/*===============================================
** Photo Gallery Css
*===============================================*/
.work-image{ overflow:hidden; background-color:rgba(0,0,0,.6); position:relative; border-radius:8px; }
.work-image img{ -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.work-image:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }	
.work-link-icon{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.work-image:hover .work-link-icon{ opacity:1; }
.work-link-icon a{ 	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); color:#000000; font-size:14px; font-weight:600; text-transform:uppercase; position:relative; top:45%; background-color:#ffffff; display:inline-block; padding:4px 15px; }
.work-image:hover .work-link-icon a{ -webkit-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/*===============================================
** Counter Css
*===============================================*/
.counter { position:relative; }
.counter-box { width:18%; margin-right:2%; float:left; text-align:center; }
#last.counter-box{ margin-right:0; }
.counter-bdr{ padding:15px 0 15px; }
.counter-box i{ display:block; font-size:26px; margin-bottom:15px;}
.counter-box h3.counter { font:700 60px 'Assistant'; color:#ffffff; display:inline-block; margin: 0; line-height: normal; position: relative; } 
.counter-box h3 { text-transform:none; margin:10px 0 0; font:400 22px 'Assistant'; color:#ffffff; }
.counter-box span { position: relative; right: -10px; font-size: 36px; color: #ffffff; font-weight: 700; }

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:40px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; font-weight:bold; }
.skillbar-title { font-size:15px; color:#1b1b1b;}
.skillbar-title span { display:block; color:#1b1b1b; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:16px; width:0px; background:#e12b15; border-radius:20px;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#1b1b1b;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; background-color:#d1d1d1; border-radius:20px;}

/*===============================================
** Car Listing Page Css
*===============================================*/
.listing-container{ width:900px; margin:0 auto; }
.listing-box{ padding:30px; box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); margin-bottom:30px; }
.car-listing-img{ width:300px; float:left; }
.car-listing-inner{ margin-left:350px; }
h3.listing-title{ text-transform:uppercase; position:relative; padding-bottom:20px; }
h3.listing-title:after{ height:3px; width:50px; content:''; position:absolute; bottom:0; left:0; background-color:#e12b15; }
.listing-desc p{ font-size:90%; font-weight:400; line-height:22px; }
.listing-bottom-left { float:left; width:68%; }
.listing-bottom-left ul{ margin:0; padding:0; }
.listing-bottom-left ul li{ list-style:none; display:inline-block; width:150px; font-size:86%; font-weight:400; line-height:20px; margin:5px 0; }
.listing-bottom-left ul li span{ font-weight:700; display:block; }
.listing-bottom-right{ float:right; display:table; height:100px; }
.listing-bottom-right span{ display:block; font-weight:700; color:#4d4d4d; font-size:16px; text-transform:uppercase; margin-bottom:10px; }
.listing-bottom-right .car-price{ color:#e12b15; font-weight:500; font-size:30px; display:table-cell; vertical-align:middle; }

/*===============================================
** Car Listing Single Page Css
*===============================================*/
.car-single-title{ position:relative; padding:15px 30px; margin-bottom:30px; display:inline-block; }
.car-single-title:before{ content:''; position:absolute; left:0; top:0; width:5px; height:100%; background-color:#e12b15; }
.car-single-title:after{ content: ''; position: absolute; width: 830px; height: 62px; left: 0; right: 0; background-color: #e9e9e9; top: 0; bottom: 0; z-index: -1; } 
.car-single-price{ background-color:#e12b15; color:#ffffff; float:right; font-size:30px; font-weight:500; padding:15px 30px; }
.car-single-price del{ font-size:70%; margin-right:10px; }
.car-single-desc{ margin-bottom:50px; position:relative; }
.single-sale-badge{ width:30px; padding:5px 8px; position:absolute; top:10px; left:10px; z-index:10; background-color:#e12b15; color:#ffffff; font-weight:500; text-transform:uppercase; text-align:center; }
.car-image-carousel{ margin-bottom:20px; }
.car-single-desc .custom_tab .responsive-tabs__list{ text-align:left; background-color:#f2f2f2; border-radius:0; margin-bottom:0; }
.car-single-desc .custom_tab .vehicle-desc p{ font-weight:400; font-size:90%; line-height:24px; margin-bottom:25px; }
.car-single-desc .custom_tab .responsive-tabs__list__item--active, .responsive-tabs__list__item--active{ background-color: none; box-shadow: inset 0 3px 0 #e12b15; }
.car-single-desc .custom_tab .responsive-tabs__list__item{ padding:20px 40px; margin-right:0; }
.car-single-desc .custom_tab .responsive-tabs__panel{ border:1px solid #e9e9e9; padding:50px; }
.vehicle-feat ul li{ position:relative; display:inline-block; font-weight:500; padding:10px 10px 10px 30px; width:33%; margin:10px 0; } 
.vehicle-feat ul li:before{ content:'\f1b9'; position:absolute; top:11px; left:0; font-family:FontAwesome; font-size:16px; color:#e12b15; }
.car-single-desc .custom_tab .contact-agent .agent-info{ width:50%; float:left; text-transform:uppercase; font-size:90%; font-weight:500; margin:10px 0; }
.car-single-desc .custom_tab .contact-agent .agent-info span{ color:#e12b15;}

/*===============================================
** Car Listing Single Page Sidebar Css
*===============================================*/
.widget_car_specif ul li{ list-style:none; margin:0; padding:0; font-weight:500; font-size:90%; text-align:right; }
.widget_car_specif ul li span{ color:#4d4d4d; float:left; }
.related-cars{ padding-bottom:20px; margin-bottom:20px; }
.relate-car-thumb{ width:100px; float:left; margin-right:20px; }
.relate-car-data{ overflow:hidden; }
.relate-car-data p{ line-height:22px; font-size:86%; font-weight:400; }
.widget_social_share_post ul.social-share-post li{ width:50px; height:50px; line-height:52px; border-radius:0; border:1px solid !important; margin-right:5px; }
.widget_social_share_post ul.social-share-post li a{ display:block; width:100%; height:100%; }
.widget_social_share_post ul.social-share-post li i{ font-size:18px; }

/*===============================================
** Top Footer Css
*===============================================*/
.top-footer{ background-color:#e12b15; color:#ffffff; padding:0; margin-bottom:48px; }
.top-footer-blocks{ float:right; padding:50px 30px; position:relative; }
.top-footer-blocks h2{ color:#ffffff; margin:0; font-weight:500; }
.top-footer-blocks:after{ content:''; height:100%; width:1px; background-color:#f7452f; position:absolute; right:0; top:0; }
.top-footer-blocks:first-child::after{ content:none; }

.side-align{ margin-left:380px; width:790px; }
.abt-theme{ width:300px; position:absolute; top:-30px; left:13.2%; background-color:#333333; z-index:5; }
.abt-theme:before{ content: ''; width: 0; height: 0; border-bottom:30px solid #333333; border-left:30px solid transparent; position: absolute; left:-30px; top:0; }
.inner-abt-theme{ padding:50px 30px; }
.abt-theme a.button{ display:block; text-align:center; }
.abt-theme h4{ color:#ffffff; margin-bottom:30px; font-weight:400; font-size:24px; }
.abt-theme p{ font-size:90%; font-weight:400; line-height:22px; }
.opn-hrs{ margin-bottom:50px;}

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#222222; color:#6a6a6a; position:relative; padding:0;}
.widget-column{ width:22%; float:right; margin-right:2%; }
.widget-column:first-child{ margin-right:0; }
.cols-3 h5{ margin-bottom:30px; text-transform:none; font-weight:400; position:relative; color:#ffffff; font-size:27px; }
.contactdetail{ line-height:22px; margin:40px 0;}
.contactdetail a{ color:#6a6a6a; }
.contactdetail p{ margin-bottom:15px;}
.contactdetail i{ color:#ffffff; margin-right:10px; }
.footer-social{ text-align:center; }

.gmap{ position:relative; width:50%; float:left; }
.blackmap{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); display:block; }
.contact-content { width:50%; float:left; padding:5.25em 8em 5.25em 8em; background-color:#ffffff; }

/* Footer Menu */
ul.foo-menu{ background-color:#0d1011; margin-bottom:40px;  text-align:center; }
ul.foo-menu li{ margin:15px; list-style:none; display:inline-block; }
ul.foo-menu li a{ padding:0 0 5px 20px; position:relative; display:block; color:#6a6a6a; }
ul.foo-menu li a:hover{ color:#ffffff; }

.cols-3 ul{ margin:0; padding:0; }
.cols-3 ul li{ list-style:none; margin-bottom:5px; }
.cols-3 ul li a{ padding:0 0 10px 20px; position:relative; display:block; color:#6a6a6a; }
.cols-3 ul li a:before{ content:'\f061'; font-family:FontAwesome; position:absolute; left:0; font-size:14px;  }
.cols-3 ul li a:hover{ color:#ffffff; }

/*Recent Posts*/
.foo-recent-posts ul{ margin:0; padding:0; }
.foo-recent-posts ul li{ border-bottom:1px dashed #6a6a6a; padding-bottom:30px; margin-bottom:30px; }
.foo-recent-posts ul li .lp-thumb{ width:62px; float:left; margin-right:15px; }
.foo-recent-posts ul li .lp-cont{ overflow:hidden; }
.foo-recent-posts ul li .lp-cont h6{ font-size:16px; margin-bottom:10px; }
.foo-recent-posts ul li .lp-cont h6 a{ padding:0; }
.foo-recent-posts ul li .lp-cont h6 a:before{ content:none; }
.foo-recent-posts ul li .lp-cont p{ font-weight:400; font-size:90%; line-height:20px; }

/*===============================================
** Copyright Css
*===============================================*/
.copyright-wrapper { color:#6a6a6a; position:relative; padding:40px 0; background-color:#151515; margin-top:50px; font-weight:400; }
.copyright-wrapper a{ color:#6a6a6a;}
.copyright-wrapper a:hover{ color:#e12b15; }
.copyright-txt{ font-weight:normal; float:left; }
.designby{ float:right; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ height:500px; overflow:hidden; position:relative; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(225,43,21,0.7); position:absolute; top:0; }
.innerbanner .container{ text-align:center; margin-bottom:30px; position: absolute; bottom:10%; left: 0; right: 0; }
h1.innerpage-title{ color:#ffffff; font-family:'Oswald'; text-transform:uppercase; margin:0; display:block; }
#crumbs{ display: block; padding: 20px 0; line-height:26px; color:#ffffff; text-transform:uppercase; position: relative; font-size:14px; font-weight:700; }
#crumbs a, #crumbs span{ padding:0 8px; color:#ffffff; }
#crumbs a:hover{ color:#000000; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important; float:none !important; }

/*===============================================
** Search Form Css
*===============================================*/
.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #34c6f6;}
.searchbox-open{ width:40%;}
form.search-form{margin-bottom:20px; position:relative; }
input.search-field, .post-password-form input[type=password]{border:none; padding:7px 15px;}
form.search-form input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:9px 30px; cursor:pointer; position:absolute; top:0; right:0; text-transform: uppercase; font-size: 16px; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:300px; float:right; background-color:#ffffff; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ border-left:3px solid #e12b15; padding:10px 0 10px 20px; position:relative; margin-bottom:50px; }
h3.widget-title:after{ content:''; background:url(images/sidebar-title-arrow.png); width: 13px; height: 8px; left: 30px; bottom: -17px; position:absolute; }
h3.widget-title:before{ content:''; height: 1px; background: rgba(0,0,0,.25); top: inherit; bottom: -10px; width: 100%; position: absolute; left: 0; }
#sidebar aside.widget{ margin-top: 2.8rem; }
.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }

#sidebar ul li{ list-style: disc inside ; padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:#000000; position:relative; }
#sidebar ul li a:hover{ color:#037df0;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar .search-form input.search-field{ background-color:#151515; width:80%; padding:12px 15px; box-sizing:border-box; display:inline-block; margin-bottom:0;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #212121; padding: 22.5px 0; font-size:0; width:20%; height:40px; float:right;}
#sidebar form.search-form{ margin-bottom:0; }
#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom: 1px solid #e5e5e5; padding: 9px 0 14px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#000000; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:20px;}
#sidebar #wp-calendar th{ background-color:#037df0; color:#ffffff; }
#sidebar #wp-calendar a{ display:block; background-color:#037df0; color:#ffffff; }

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat { position: relative; margin-bottom: 30px; background-color: #fff; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: .4s box-shadow,.4s -webkit-transform; transition: .4s box-shadow,.4s -webkit-transform; transition: .4s box-shadow,.4s transform; transition: .4s box-shadow,.4s transform,.4s -webkit-transform; width: 48%; float: left; margin-right:4%; box-shadow: 5px 8.66px 30px 0 rgba(31,35,37,.07); }
.blog-post-repeat:hover{ box-shadow: 5px 8.66px 30px 0 rgba(31,35,37,.09); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }
.blog-post-repeat .post-thumb, .blog-post-single .post-thumb-full{ position:relative; overflow:hidden; position:relative; }
.post-overlay{ position:absolute; top:0; bottom:0; right:0; left:0; background-color:rgba(237,74,55,0.8); opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); }
.blog-post-repeat:hover .post-overlay{ opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
.blog-post-repeat .post-data, .blog-post-single .post-data{ padding:30px; }
.post-title{ margin-bottom:0; line-height:30px; text-transform:uppercase; }
.post-data p{ margin-top:30px;}
.post_bottom { margin:1em 0 0; clear: both; }
.post_bottom_left{ width: 75%; padding: 0.67em 1.4em 0.67em 0; box-sizing: border-box; float:left; }
.post_bottom_right{ width: 25%; padding: 0.67em 1.4em 0.67em 0; box-sizing: border-box; float:right; text-align:right; }
.post_bottom .postmeta{ display: inline-block; }
.postmeta { font-family: "Rajdhani",sans-serif; font-size: 15px; font-weight: 700; font-style: normal; line-height: 1.5em; text-decoration: none; text-transform: uppercase; letter-spacing: 1.4px; margin-top: 0.4em; }
.postmeta .single-post-meta-cat, .postmeta .single-post-meta-date, .postmeta .single-post-meta-author{ margin-right:50px; display:inline-block; position:relative; padding-left:30px; margin-bottom:15px; }
.postmeta .single-post-meta-cat:before, .postmeta .single-post-meta-date:before, .postmeta .single-post-meta-author:before{ font-family:FontAwesome; position:absolute; top:0; left:0; }
.postmeta .single-post-meta-cat:before{ content:'\f0ca'; }
.postmeta .single-post-meta-date:before{ content:'\f017'; }
.postmeta .single-post-meta-author:before{ content:'\f007'; }
.social_share { margin-top: 8px; }

/* Pagination */
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#0f3cae; color:#ffffff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#0f3cae; color:#ffffff !important; }

/* home page posts pagination */
.navigation .page-numbers{ background:#383838; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background:#037df0; color:#ffffff !important; }

.taxonomy-description{ margin-bottom:20px; }

/*===============================================
** Single Posts Css
*===============================================*/
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
.post-tags a{ padding:5px 12px; background-color:#ccc; display:inline-block; margin-right:5px; }
.blog-post-single .entry-content p{ padding:0; }
.post_bottom_meta{ margin: 40px 17px 15px; display: block; clear: both; }
.post_tag i { font-size: 14px; float: left; margin-right: 8px; line-height: 20px; margin-top: 3px; }
.post_tag a { display: inline-block; font-size: 80%; background: transparent; border: 1px solid rgba(0,0,0,0.15); text-decoration: none; padding: 3px 10px; float: left; margin: 0 4px 4px 0; line-height: 20px; }

/* Post Nav */
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.nav-previous, .nav-next{ width: 49%; display: inline-block; line-height:18px; }
.nav-previous{ float:left; }
.nav-next{float:right; text-align:right; }
.nav-previous span, .nav-next span{ display:block; margin-bottom:10px; font-weight:400; }
nav.post-navigation{ display: block; clear: both; margin: 0; text-transform: uppercase; font-size: 90%; font-weight: bold; border-top: 1px solid rgba(0,0,0,0.1); padding:50px 0; position: relative; overflow: hidden; }
.nav-previous a{ position:relative; }
.nav-next a{ position:relative; }

/* Psot Comment */
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}

/* Team testi Single */
.team-testi-post-thumb{ width:350px; float:left; margin-right:30px; text-align:center; margin-bottom:30px; }
.team-testi-post-thumb img{ border:8px solid #202b5b; padding:10px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#202b5b; line-height:normal; margin:15px 0; }
.team-testi-post-thumb a{ border:2px solid; height:40px; width:40px; display:inline-block; border-radius:50%; line-height:38px; margin:0 5px; }

/*===============================================
** Search Page Css
*===============================================*/
.search-post-repeat{ padding:30px; box-shadow:0px 0px 8px 2px rgba(202,211,219,0.6); margin-bottom:50px; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { display: inline-block; height: 35px; padding: 0; margin: 0; }
ul.social-share-post li { display: inline-block; padding: 0; margin: 2px; height: 33px; width: 33px; line-height: 30px; border-radius: 50%; text-align: center; background: transparent; border: 1px solid rgba(0,0,0,0.15); }
ul.social-share-post li a{ height: 33px; width: 33px; display: inline-block; color: #888; }
ul.social-share-post li a:hover{ color:#ffffff !important; }
ul.social-share-post li i { line-height: 31px; font-size: 13px; display: block; width: 100%; height: 100%; margin-left: -1px; }
ul.social-share-post li.social-share-twitter:hover{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook:hover{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp:hover{ background-color:#65bc54; }
ul.social-share-post li.social-share-googleplus:hover{ background-color:#e65f3d; }
ul.social-share-post li.social-share-linkedin:hover{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest:hover{ background-color:#cd2127; }

/*===============================================
** Comments Css
*===============================================*/
.comment-form-author, .comment-form-email, .comment-form-url{ width: 33%; float: left; margin-right: 3%; }
#commentform p.comment-form-url { margin-right: 0; }
#commentform input[type="text"] { width: 100%; float: left; display: inline-block; margin-right: 1%; clear: both; text-indent: 10px; font-size: 90%; padding: 10px 0 !important; margin-bottom: 15px; }

/*===============================================
** Contact Page Css
*===============================================*/
.contact-info{display: flex; flex-wrap: wrap; }
.contact-column{ width:33.33%; float: left; display: inline-block; vertical-align: top; position: relative; min-height: 1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-bottom: 30px; text-align:center; }
.column-item{ position: relative; padding: 2.4em 2em 1.7em; display: inline-block; vertical-align: top; width: 100%; height: 100%; }
.column-item, .column-item a{ color:#ffffff; }
.item-icon{ font-size:30px; }
.item-description { margin-top: 1.2em; text-transform:uppercase; font-weight:700; font-size:14px; line-height:1.4; }
.main-contactform{ margin-top:50px; }
.main-contactform .form-group textarea{ height:200px;  }
.contact-bg{ background-color:#222222; }

/* = Contact Form css
-------------------------------------------------------------- */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"]{ border: 1px solid; border-radius: 0; box-sizing: border-box; display: block; margin: 0 0 25px; padding: 10px 12px 9px; width: 100%; background-color: #ffffff;  font-family:'Roboto'; font-size:15px; border:1px solid #d8d8d8;}
input.send-btn{ border: none; font-size: 14px; padding: 14px 25px; text-transform: uppercase; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; font-family:'Roboto'; font-weight:700; cursor:pointer; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"]{ height:45px; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px; z-index:10;}
#back-top a {width:64px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase; text-decoration: none;color: #bbb; -webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center; -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.5;}

/*===============================================
** Custom Css
*===============================================*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = Text meant only for screen readers.
-------------------------------------------------------------- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b;	display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none;	top:5px; width:auto; z-index:100000; /* Above WP toolbar. */}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* = Box Layout Css
-------------------------------------------------------------- */
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }

/*===============================================
** Woocommerce Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.8%; text-align:center; }
.woocommerce .woocommerce-result-count{ font-size:16px; margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:38px; position:relative; }
.woocommerce-ordering:after{ content:'\f078'; font-family:FontAwesome; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423; font-size:15px; background-color: #ffffff; border: 1px solid #e5e5e5; font-family:'Assistant'; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(...); }
.woocommerce span.onsale{ border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; background-color:#6ab43e; }
.woocommerce ul.products li.product .onsale{ margin:0; left:0; right:auto; text-transform:uppercase; font-size:14px; font-family:'Assistant'; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size: 18px; }
.woocommerce ul.products li.product .star-rating{ margin:5px auto 10px;}
.woocommerce ul.products li.product .price { font-size: 16px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price del{ font-size: 13px; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations{ margin-bottom:15px; background-color:#febb2b; color:#ffffff; padding:10px 25px; font:400 14px/18px 'Assistant'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-top:20px; text-transform: uppercase; position:relative; border-radius:30px; font-weight:bold; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover{ background-color:#242423; color:#ffffff; }
.imagewrapper{ overflow:hidden; margin-bottom:1em; }
.woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
.woocommerce ul.products li.product:hover a img{ opacity: 0.6; }
.woocommerce a.added_to_cart{ display: table; margin: 0 auto 15px; }
#sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; }
.widget .woocommerce-product-search, .widget .search-form { position: relative; }
.widget .woocommerce-product-search input[type="submit"], .widget .search-form .search-submit { position: absolute; top: 0px; right: 0px; box-shadow: none; border: none; text-indent: -999px; padding: 0; outline:none; width: 46px; height: 52px; z-index: 1; border-radius: 0px 3px 3px 0px; background-image: url(images/findicon.png); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; opacity: 0.3;}
.widget .woocommerce-product-search input[type="submit"]:hover, .widget .search-form .search-submit:hover{ cursor:pointer; }	
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color:#b1c903;}
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:#242423;}
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important;; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
a.reset_variations{ margin:0; }
.woocommerce div.product form.cart .variations select{ max-width:50%; padding:10px; }

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:uppercase; border-bottom:1px solid #f1f1f1; padding-bottom:15px; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:auto; padding:4em; box-shadow:0 0 12px 4px #CCC; padding-bottom:0; }
.woocommerce h1.product_title{ border-bottom:1px solid #cccccc; padding-bottom:20px !important; color:#b1c903; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 0.2em; font-size:32px; font-weight:700; color:#e12b15; }
.woocommerce div.product .woocommerce-product-rating{ float:right; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:FontAwesome; position:absolute; left:0; font-size:16px; color:#b1c903;}
.woocommerce .quantity .qty{ width:5em; margin:15px 30px 0 0; }
.woocommerce .product_meta{ border-top:1px solid #f1f1f1; padding-top:20px; font-size:16px; }
.woocommerce .product_meta .posted_in{ margin-right:30px; }
.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ color:#959595; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:16px; padding:0; margin-right:10px; background-color:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:12px 26px; border-radius:5px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li .selected{ background-color:#febb2b; color:#ffffff !important; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p{ margin-bottom:15px; line-height:26px;}
.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
.woocommerce-tabs{ border-bottom:1px solid #ccc; padding:30px 0 10px; margin-bottom:30px; }
.woocommerce-product-details__short-description{ margin-bottom:20px; }

/*===============================================
** Product Cart Page Css
*===============================================*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table{ padding:20px;}
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce-cart .wc-proceed-to-checkout{ text-align:center; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }

/*===============================================
** Checkout Page Css
*===============================================*/
.woocommerce-checkout .woocommerce #customer_details{ margin-bottom:50px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields input{ padding:8px 12px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields .select2-container--default .select2-selection--single{ border-radius:0; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order td{ border:none; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart_item td, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal td{ border-bottom:1px solid #dddddd;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{ list-style:none; }
.woocommerce-checkout #payment ul.payment_methods li label{ font-size:16px; }
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding:0 1em; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order a.about_paypal{ display:none; }

/*===============================================
** Woocommerce Pagination Css
*===============================================*/
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }

/*===============================================
** Data Tooltip Css
*===============================================*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*===============================================
** Author Bio Box Css
*===============================================*/
.author-box{ position: relative; clear: both; display: block; margin: 0 0 0px 0; border-top: 1px solid rgba(0,0,0,0.1); padding: 2.6rem 3.2rem; background-color:#e12b15; }
.author-img{ margin: 0; width: 70px; height: 70px; position:absolute; }
.author-bio-box{ padding-left:90px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; }

/*===============================================
** 404 Not Found Css
*===============================================*/
h1.title-404{ font-size: 80px; text-transform: uppercase; font-family:'Oswald'; margin:80px 0 50px; }
.text-404{ font-family:'Oswald'; font-size:22px; line-height:36px; margin-bottom:80px; }
.error-404 form{ width:50%; margin:0 auto 50px; position:relative; }
.error-404 form input[type=submit]{ position:absolute; top:0; right:0; text-transform:uppercase; font-weight:700; font-family:'Assistant'; font-size:18px; height: 52px; padding: 0 40px; }