/*
Theme Name: New Devesh Cartoq Theme
Theme URI: http://www.cartoq.com/
Author: Devesh Joshi
Author URI: http://akashkumar.info/
Description: Waypoint Infinite + New UI on 28 Aug 2019
Version: 3.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: CarToq
Tags:

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.

cartoq is based on http://cartoq.co/, (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/
*/

*{ margin: 0; padding: 0;}
a{ transition:all 0.2s ease-in-out; background-color: transparent; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
a:hover, button:hover, button:focus, a:focus{ outline: none; text-decoration: none; cursor: pointer;}
*:focus{ outline: none;}

body {
    font-family: "Roboto Condensed"; font-size: 16px; font-weight: 400; color: #444; background-color: white;
}

body.single-post{ background-color: #fff;}

h1, h2, h3, h4, h5, h6, .tw-blog .row-title>a { font-weight: 700; color: #151515; line-height: 1.3;}

.form-control:focus {border-color:#04bbb6;}

input::-webkit-input-placeholder { color: #333333;}
input:-ms-input-placeholder { color:#333333;}
input::-moz-placeholder { color:#333333;}
img { max-width:100%; }

ol,ul{list-style-position: inside;}

.single-content span, .single-content p{ max-width: 100%; }

section {width: 100%; float: left;}
.container{ position: relative; margin-left: 2%;}


/* ****** Header style ****** */

header{ width: 100%; float:left; background: #ea2e2e; position: relative; z-index: 999; height: 70px; box-shadow: 0 0 35px 0 rgba(16,18,17,.15);    position: fixed;}
header .container{ padding: 0;}

.header-modal .modal-dialog{width: 100%; margin: auto;}

.logo { float: left; padding: 0;}

.menu-toggle { display: none; height: 70px; float: right; align-items:center;}
.menu-toggle a{cursor:pointer; display:block; color: #fff; font-size: 20px; padding: 0px 10px; line-height:1; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease 0s;}


.menuOverlay{transform: scale(0); opacity:0; visibility: hidden; position:fixed;  width:100%; height:100%; top:70px; left:0;}
.menuOverlay.open{opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); z-index:8001;}


.menu-wrapper {width:65%; float: left; text-align: right; overflow: hidden;}
.menu-wrapper1 {width:8%; float: left; text-align: center; }
.selectDesign {margin-top: 25px; padding-left: 15px; border-color: #fff;background-color: #000;color: #fff;width: 100px;border-radius: 5px;border-width: 2px;}
.selectDesign:after{ margin-top: 25px; padding-left: 15px; border-color: #fff;background-color: #000;color: #fff;width: 100px;border-radius: 5px;border-width: 2px;}

.menu-wrapper > div{ width: 100%;}
.main-menu {margin: 0; padding-top: 3px; list-style: none; font-weight: 600; display: inline-block;}
.main-menu li { float: left; list-style: none; }
.main-menu li a{ color: #fff; padding: 0 10px; font-size: 12px; text-transform: uppercase; font-weight:600;}

.main-menu:hover li  a{color: #b3b3b3;}
.main-menu li:hover a{color: #fff;}


.header-search{ height: 70px; font-size:20px; line-height: 1; float: right; padding-top: 1px; width:1%; position: relative; display: flex; align-items: center; }
.header-search a{color: #fff; text-align: center; display: block; width: 100%; }

.logo, .main-menu > li > a{ height:64px; display: flex; align-items: center;} 

.current-menu-item{
    border-bottom: 3px  solid white;
}

/* ****** Header style ****** */

.homeSlider{ width: 100%; padding:0; float: left; margin: 0; overflow: hidden; position: relative; min-height: 500px; max-height: 500px;}
.slideItem{max-height: 620 !important;}
.homeSlider img{ width: 100%; max-width: 100%;  max-height: 100% }
.homeSlider figure img{ height: 100%;}
.slideItem{ position: relative; transition:all .2s ease-in-out; z-index: 1; margin: 0 !important;}

.slideItem:after{content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:2; 
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 60%);
}


.slider-content {top:62%; max-width: 100%; z-index: 5; margin-left:20%; margin-right: 30%;
    -webkit-transition: all 0.2s ease; 
    transition: all 0.2s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    opacity: 1;
    position: absolute; 
    text-transform: capitalize;
}


.slider-content-trending{
    font-size: 15px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
}
.slider-content-trending-today{
    font-size: 45px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
    text-transform: capitalize;    
}


.swiper-slide1-active .slider-content{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.slider-content>* { overflow: hidden; position: relative; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}

.slideItem h4{color:#fff; transition:all 0.3s ease, top 0.4s ease; -webkit-transition:all 0.3s ease, top 0.4s ease;
 font-weight:700; font-style: normal; font-size: 41px; line-height: 1.12;  margin-bottom: 2px; padding-bottom: 20px;
}
.slideItem h4 a{color:#fff; border-bottom: 1px solid transparent; position: relative; }
.slideItem h4 span { position: relative; top: 15px;}
/*.slideItem h4 a:hover { border-bottom: 1px solid rgba(255,255,255,.5);}*/



.slider-btn{ margin-top:20px;}
.slider-btn a{ position: relative; z-index: 1; background: transparent; color: #fff; text-align: center; display: inline-block; line-height: 1; text-transform: uppercase;
    border: 1px solid rgba(255,255,255,.3); font-size: 12px; font-weight: 400; padding: 12px 20px 10px;
}

.slider-btn a:after{content:""; transition:all 0.3s ease-in-out; position:absolute; top: 0; left: 0; height: 100%; width:0; background: rgba(255,255,255,.3); z-index: -1;  }
.slider-btn a:hover:after{ width: 100%;}


.slider-bullets { height: 100%; width: 280px; position: absolute; z-index: 2; top: 0; right: 30px; padding: 0; list-style: none;
    display: flex; justify-content: center; flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-display: flex;
    }

.slider-bullets li { width: 100%; margin: 16px 0; cursor: pointer; }
.slider-bullets li a{color: rgba(255,255,255,.4);}
.slider-bullets li.active a, .slider-bullets li:hover a{color: rgba(255,255,255,1);}

.slider-img { position: absolute; width: 100%; height: 100%; top: 0; background-size: cover; background-position: center;
    left: 0; z-index: 1; -webkit-transition: opacity 0.15s ease, background 0.3s ease-in;
    transition: opacity 0.15s ease, background 0.3s ease-in;
}


/* ****** home-post-grid style ****** */

.home-wrapper{ margin:0; padding-right: 10px; background: white;}
.blogGallery{ margin-left: 15%; margin-top: 20px; width: 70%;padding-bottom: 40px; }
/*.blogGallery1{ margin-left: 15%; margin-top: 20px; width: 70%; float: left; padding-bottom: 40px; }*/

.blog-row , .column-posts{flex-wrap: wrap; -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex;}

.blog-row-new {
    position: relative;
    margin-top: -70px;
    margin-bottom: 30px;
    z-index: 5;
    padding: 20px;
    border-radius: 8px;
    background-color: #ffffff;
}

.blog-row-new1 {
    position: relative;
    margin-top: 20px;
    margin-bottom: 0px;
    z-index: 5;
    padding: 20px;
    border-radius: 8px;
    background-color: #ffffff;
}

.blog-row-new-mobile{
    overflow-x: scroll;
    position: relative;
    margin-top: 10px;
    margin-right: -5%;
    margin-bottom: 30px;
    background-color: #f0f0f0;
}

.TopHeader{
    margin-bottom: 25px;
    margin-left: 5px;
    margin-right: 10px;
    padding-bottom: 45px;
    border-bottom: solid 1px #f0f0f0;     
}
.lowCards{
    flex-wrap: wrap; -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex;   
}

.topCat{
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.18;
  letter-spacing: 1.4px;
  float: left;
  color: #4a4a4a;

}

a .topLink{
   
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    float: right;
    color: #ed6a00;
}

.blogItem {display: flex; margin: 10px 0;}

.blogItem article {position: relative; width: 100%; background: #fff;
 
}
.blogItem article:hover{
 /*transition: box-shadow .25s;
 box-shadow: 4px 4px 20px 10px rgba(0,0,0,.1);*/
  }

.blogItem figure{ max-height:150px; min-height:200px; overflow: hidden;}
.blogItem figure img{ width: 100%; height: 100%;}

.blogItem .info{ margin-bottom: 5px; letter-spacing: 0.05em; color: #ccc; font-size: 12px; font-weight: 400; text-transform: none; border-style: unset;  }
.blogItem .info a{color: #ccc;}
.blogItem .info a:hover{color: #151515;}
.blogItem .info2{ margin-bottom: 5px; letter-spacing: 0.05em; color: #ccc; font-size: 25px; font-weight: 400; text-transform: none; border-style: solid; border-width: 0px 0 0 2px;  border-color: #4a8fd3;  padding-left: 7px;}
.blogItem .info2 a{color: #ccc;}
.blogItem .info2 a:hover{color: #151515;}


.blogItem .entry-post{padding: 20px 20px}

.blogItem .entry-title { min-height:17px; font-size:21px; font-weight: 500; line-height: 1.2em; text-transform: capitalize;     white-space: normal;}
.blogItem .entry-title2 { min-height:50px; font-size:30px; font-weight: 500; line-height: 1.2em; margin-bottom: 10px; text-transform: capitalize; }
.blogItem .entry-title a{color:black; font-weight: 600; /*color: #151515;*/}
.blogItem .entry-title a:hover{color:#111111;}
.blogItem .entry-title2 a{color:#4a4a4a; font-weight: 600; letter-spacing: 0.55px;/*color: #151515;*/}
.blogItem .entry-title2 a:hover{color:#111111;}

.blogItem .desc{ font-size: 13px; margin: 0; font-weight: 400; letter-spacing: 1px;}
.blogItem .desc p{ margin: 0;}

.blogItem .desc .descurllink a{ text-decoration: underline; color: #4a8fd3;}
.blogItem .desc .descurllink a:hover{color: #337ab7;}

.recentPost{ padding: 0;}
.recentPost ul{ margin: 0; padding: 0; list-style: none;}
.recentPost li{ margin: 0 0 15px; padding: 0; list-style: none;}

.recentPost h4{ font-size: 14px; margin: 0 0 25px; letter-spacing: 0.1em;text-transform: uppercase;}
.recentPost figure{ margin: 0 0 4px; text-align: center;}
.recentPost figure img{ width: 100%; height: 100%}
.recentPost li a { font-weight: 500; font-size:15px; line-height:16px; color: #f26623;}
.recentPost li a:hover {color:#337ab7;}


/* ****** home-post-grid style ****** */

.content-wrapper { width: 1263px; margin: auto; padding-top: 15px;/*padding: 60px 0 60px 0px;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}


.sidebarLeft .widget-title{ display: none;}

.sidebarLeft ul { margin: 0; padding: 0; list-style: none;}
.sidebarLeft ul li { font-size: 16px; line-height: 1.6; color: #444; padding: 9px 0 5px; border-bottom: 1px solid #e6e6e6;}
.sidebarLeft ul li:first-child { padding-top: 0;}
.sidebarLeft ul li a{color: #f26623; display: block; position: relative;}
.sidebarLeft ul li a:before {content:"";width: 6px; height: 6px; background-color: #444; display: inline-block; margin-right: 10px; position: relative;
    top: -2px;
}



.recentPost, .blogArea, .sidebarLeft{float: left;}

.recentPost{width:18%; padding: 0;display: none;}
.sidebarLeft{ width:17%; padding: 0;}
.blogArea{ width:63%;}
.postarea{ padding: 0 30px;}

 
.single-content .post { float: left; border-bottom: 4px solid #e1e1e1; padding-bottom: 50px; margin-bottom: 50px;}
.single-content .entry-header{  margin-bottom: 10px; padding-bottom: 6px;}
.single-content .page-title { font-size: 30px; line-height: 30px; margin:0px;}

.single-content .entry-meta{color: #ccc; height: 70px; font-size: 14px; font-style: normal; text-transform: none;}
.entry-meta .date { letter-spacing: 0.05em;}
.single-content .entry-meta span.url{ color: #444;}

.single-content h2{font-size: 27px; margin: 0 0 20px; font-family: roboto condensed;
    font-weight: 700;}
.single-content h3{font-size: 18px; margin: 0 0 20px; font-family: roboto condensed;
    font-weight: 700;}
.single-content h4{font-size: 16px; margin: 0 0 20px;}
.single-content h5{font-size: 14px; margin: 0 0 20px;}
.single-content h6{font-size: 14px; margin: 0 0 20px;}

.single-content p { margin: 0 0 20px; font-weight: 400; word-wrap: break-word;}

.single-content a{color: #f26623;}
.single-content a:hover{color: #337ab7;}

.single-content img{ max-width: 100%; max-height: 100%; height: auto; width:auto;}
.single-content img.size-full{width: 100%; height: 100%;}
.single-content iframe{ max-width: 100% !important;}

.entry-footer{}
.cat-links { font-size: 11px; font-weight: 700; color: #bbb;}
.cat-links a { letter-spacing: 1px; margin-left: 3px; font-size: 11px; font-weight: 700; color: #444;}

.tags-links { font-size: 14px;}
.tags-links a {color: #f26623;}
.tags-links a:hover {color:#337ab7;}




/* ****** Footer style ****** */

footer { color: #000; background-color: black; padding:10px 0 15px; float: left; width: 100%;}
footer .item{ margin:15px 0; }
.footer-logo img{ max-width:200px; margin:10px 0 0 -15px;}

footer .about{padding-right:80px; font-size:14px; line-height: 1.5; color: #606060; font-weight: 400;}

footer h4{color: #000; position: relative; padding-bottom:10px; font-size:18px; margin: 0 0 20px; letter-spacing:1.2px; font-weight: 700; text-transform: uppercase; }
footer h4:after{height:3px; width:40px; background: #000; left: 0;  content: ""; position: absolute; bottom: 0;}

footer .address p{ color: #606060; position: relative; font-size: 13px; margin: 0 0 10px; line-height: 1.5; padding-left: 22px;}
footer .address .fa{ position: absolute; top:3px; left: 0; font-size: 14px; color: #000;}

.copyright{ padding:15px 0 0px 0; border-top:1px solid #3a3a3a; margin:10px 0 0; text-align: center;}
.copyright p{ margin: 0; font-size: 13px;}
.copyright a{color: #606060;}
.copyright a:hover{color:#ea2d2e;}

.copyright span{ margin: 0 2px; line-height: 1;}

/* ****** Footer style ****** */





/* ****** Search Box style ****** */

.search-box{ position: fixed; top:0; z-index:9999; background: #000; padding:25px 50px 30px; width: 100%; 
    opacity:0; visibility: hidden; transform:translateY(-100%); -webkit-transform:translateY(-100%); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.search-box form{position: relative; z-index:1;}
.search-box .container{ position: relative; }
.search-box label { font-size:16px; color: #fff; margin:20px 0; font-weight:700; letter-spacing: .7px;}
.search-box .input-box { width: 100%; background: transparent; border: 0; padding: 6px; color: #fff; font-size:33px; line-height:1; font-weight: 600; letter-spacing: -0.05em;}

input.search-btn{ height: 32px; position: absolute; right:16px; bottom:10px; background: #ea2e2f; font-size: 13px; cursor: pointer; border:none; padding: 0 15px; color: #fff;  font-weight: 400; }
input.search-btn:hover{background: #;}


.valueDesign{background: transparent;}

.searchClose { z-index:3; position: absolute; top:0px; right:25px; width: 36px; height: 36px; text-align: center;}
.searchClose .fa {color:white; border: 3px solid white; font-size: 22px; border-radius: 100%;  padding-left: 0px; cursor: pointer;
    width: 100%; height: 100%; line-height: 1.3; text-align: center; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; 
}
.searchClose:hover .fa{-webkit-transform: rotate(90deg); transform: rotate(90deg); color:rgba(255,255,255,1); border-color:rgba(255,255,255,1);}


.search-box.open{opacity: 1; visibility: visible; transform:translateY(0%); }

.searchOverlay{transform: scale(0); opacity:0; visibility: hidden; position:fixed;  width:100%; height:100%; top:0; left:0;}
.searchOverlay.open{opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); z-index:8001;}


.search-no-results{ margin: 0 0 20px; padding: 20px 0 50px; width: 100%; float:left; }
.search-no-results label{width: 100%;}
span.screen-reader-text { display: block; margin: 20px 0 15px; font-size: 20px;}

input.search-field {font-size: 14px; margin: 0 0 10px; width: 100%; max-width: 400px; height: 36px; padding: 0 10px; border: 1px solid #ccc; font-weight: 400;}

.search-no-results input.search-submit{ height: 32px; background: #000; border:none; padding: 0 15px; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 400; }
.search-no-results input.search-submit:hover{background: #ee6320;}

/* ****** Search Box style ****** */

/* ****** Author Page style ****** */

.author-wrapper{position: relative; padding: 35px 30px 35px 180px; margin-bottom: 30px; min-height: 180px; background: #f5f5f5;}
.author-image {position: absolute; left: 30px; top: 30px;}
.author-content{}
.author-wrapper h3 { font-size: 18px; margin: 0 0 8px; font-weight: 600;}
.author-wrapper p { margin-bottom: 0; color: #666; font-size: 16px;}

.author-page-title {margin: -20px 0 40px 0; text-align: center; font-size: 36px; font-weight: 400; line-height: 1; text-transform: uppercase;}

/* ****** Author Page style ****** */

.category-block{ width: 100%; float: left; margin-bottom:10px;}
.category-wrapper { margin: 0; padding: 0;}

.page-header{ width: 100%; float: left; margin:40px 0 30px; padding-bottom: 15px;}
.page-header h2{ margin: 0px;}

body.search-no-results { margin: 0; padding:0;}
body.search-no-results .search-no-results{ padding:0 50px;}
body.search-no-results .blog-row, body.search-no-results .column-posts{ display: block !important;}

.archive-heading{padding:0px 0px 25px; margin:0px; width: 100%; float: left; text-align: center;}
.archive-title { padding-top: 38px; font-size: 36px; font-weight: 400; line-height: 1; text-transform: uppercase; margin-bottom: 0;}
.archive-desc {margin-top: 15px;}
.archive-desc p { margin: 0 0 20px; -ms-word-wrap: break-word; word-wrap: break-word;}

/* ****** category Page style ****** */

    
.error404-container { position: relative; margin: 250px 0; text-align: center;}
h1.error404 { font-weight: 400; font-size: 140px; line-height: 1; margin-bottom: 0; color: #151515; margin: 0.67em 0 0;}
.error404-container h3 { font-size: 30px; font-weight: 400; margin-bottom: 12px; margin-top: -25px;}
.error-404 a { overflow: hidden; position: relative; background: transparent; z-index: 1; color: #ce1126; font-weight: 600; border: 2px solid #ce1126; font-size: 14px; padding: 15px 40px; min-width: 160px;
    font-style: normal; line-height: 1; letter-spacing: 0; display: inline-block; text-align: center; text-transform: uppercase;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
}

.error-404 a:after{content:""; -webkit-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; position:absolute; top: 0; left: 0; height: 100%; width:0; background: #ce1126; z-index: -1; }
.error-404 a:hover:after{ width: 100%;}
.error-404 a:hover{color: #fff;}

/* ****** 404 Page style ****** */
.column-posts, .ajax-load-more-wrap{ width: 100%;}
.alm-reveal {/* display: flex; width: 100%;*/}

.fluidvids { width: 100%; position: relative; padding-top: 58.4286%; }
.fluidvids-elem { position: absolute; top: 0px; left: 0px; width: 100%;height: 100%; max-width: 100%; }


/*.fluidvids-elem{position:absolute;top:0px;left:0px;width:100%;height:100%;}.fluidvids{width:100%;position:relative;}
*/
.load-more-btn {    background-color: #fff;display: inline-block;padding: 8px 20px 9px;color: #9b9b9b;min-width: 114px;text-transform: none;margin-top: 48px !important;margin-bottom: 60px !important;}
.load-more-btn:hover{ color: #fff; border-color:#ea2d2e; background-color:#ea2d2e;}
/*.posted-on time.updated{display: none;}*/

.video-js { height: 100%; width: 100%; }

.select {
  color:#fff; display:flex;  cursor: pointer;  flex-direction: column;  position:relative;  width:110px;  height:40px;  margin-top:15px;  font-weight: 700;}

.option {  padding:0 30px 0 10px;  min-height:40px;  border-radius :5px;display:flex;align-items:center;background:#333;border: #fff solid 1px;position:absolute;top:0;width: 100%;pointer-events:none;order:2;z-index:1; transition:background .4s ease-in-out;
  box-sizing:border-box;  overflow:hidden;  white-space:nowrap;
  
}

.option:hover {  background:#000;}

.select:focus .option {position:relative;pointer-events:all;}

.selectopt {opacity:0;position:absolute;left:-99999px;}

.selectopt:checked + label {order: 1;z-index:2;background:#000;  position:relative;}

.selectopt:checked + label:after {content:'';
  width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid white;position:absolute;right:10px;top:calc(50% - 2.5px);pointer-events:none;z-index:3;}

.selectopt:checked + label:before {position:absolute;right:0;height: 40px;width: 40px;content: '';background:#000;}


.section2Trends{ margin-top: 20px;width : 100%; padding: 0px; height: 300px; background-color: #fff; display: -webkit-flex;   display: -ms-flex; 
   display: flex;   -ms-align-items: center;   align-items: center; overflow: hidden;    margin-bottom: 20px;}

.WacthinPeople{width : 100%; padding: 0px; height: 350px; background-color: #fff; display: -webkit-flex; display: -ms-flex; display: flex; -ms-align-items: center; align-items: center; overflow: hidden;}

.watchImg{width: 50%; display: inline-block;}
.watchImg img{width: 70%; float: right;}
.watchtextnumber{width: 50%; display: inline-block;      text-align: left;    padding-left: 7%;}
.changeWatch{ font-size: 145px;color: #4a4a4a; font-weight: 700; }

.changeWatchText{ font-size: 30px;  }

.horizonatl_slider_mobile{width: 550%;    white-space: nowrap;padding: 0; overflow-x: scroll; display: flex;}

.blogItem .desc  a{
    text-decoration: none; color: #4a4a4a;
}
.story_leaderboard{
    display: inline;
    text-align: center;
    padding-bottom: 15px;
    margin: 0 auto;
}
/*Recent Posts CSS End*/

.cartoq-cont{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.cartoq-inner .index_related_post>a{
  height: auto;
  display: block;
  width: auto;
  padding: 15px 10px;
  position: relative;
  background: #fff;}

.amp_img_thumbnail{
display: block;
float: left;
text-align: center;
width: auto;
height: auto; 

  background-color: #fff;
  
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.cartoq-inner .index_related_post .index_related_title{
  display: block;
}
.cartoq-inner .index_related_post .index_related_title>.p_title{
  display: block;
  padding-bottom: 7px;
  font-size: 0.875em;
  letter-spacing: 0.03em;
}
.entry-date.published{
    color: #444;
}




/* 231636 post */
.post-231636{
        margin-top: 20px !important;
}

.post-231636 h1{
        font-size: 35px !important;       
        /*color: #3e3e3e;*/
        line-height: 38px !important;
}

.post-231636 h2{
    font-size: 24px !important;
}

.post-231636 p{
    font-size: 18px !important;
}

.post-231636 ul li{
 font-size: 18px !important;   
}

.post-231636 .entry-meta{
        margin-top: 10px !important;
        font-size: 18px;
            /*color: #e01a1a;*/
                letter-spacing: 0.2px !important;
            /*font-weight: bold;*/
}

.post-231636 .entry-post-container .entry-content .entry-post .new-section .flexslider .flex-viewport .slides .flex-active-slide {
    cursor: pointer;

    }
.post-231636 .entry-post-container .entry-content .entry-post .new-section .flexslider .flex-viewport .slides .video-li {
    cursor: pointer;

    }

    .post-231636 .entry-post-container .entry-content .entry-post .new-section .snapshot, .post-231636 .entry-post-container .entry-content .entry-post .new-section .versions{
            padding: 20px;
    /*border: 1px solid silver;*/
    box-shadow: 0px 2px 10px silver;
    }


.post-231636 .entry-post-container .entry-content .entry-post .new-section .snapshot h6{

    /*color: #3e3e3e;*/
        font-size: 24px;
}

.post-231636 .entry-post-container .entry-content .entry-post .new-section .snapshot ul li .label-right{
/*color: red !important;*/
}

.post-231636 .entry-post-container .entry-content .entry-post .new-section .snapshot ul li label{
 /*color: #403c3c;   */
}

.post-231636 .entry-post-container .entry-content .entry-post .new-section .versions ul li .label-right{
/*color: red !important;*/
}

.post-231636 .entry-post-container .entry-content .entry-post .new-section .versions ul li label{
 color: #403c3c;   
}

.post-231636 .entry-post-container .entry-content .entry-post .new-section .snapshot .button-section #test-drive{
       /* background-color: #4acaa6;
    border-color: #4acaa6;*/
        font-weight: 700;
    font-size: 23px;
        width: 24.33%;
}


.post-231636 .entry-post-container .entry-content .entry-post .new-section .versions p{
        /*color: #737373;*/
        font-size: 15px;
}

.post-231636 #accordion .panel,.post-231636 #accordion1 .panel,.post-231636 #accordion2 .panel {
        /*box-shadow: 5px 4px 5px silver;*/
}

.post-231636 #accordion .panel .panel-heading,.post-231636 #accordion1 .panel .panel-heading,.post-231636 #accordion2 .panel .panel-heading{
    /*background-color: #4acaa6;*/
}

.post-231636 #accordion .panel .panel-heading .panel-title a,.post-231636 #accordion1 .panel .panel-heading .panel-title a,.post-231636 #accordion2  .panel .panel-heading .panel-title a{
        color: white;
}


.post-231636 #accordion2 .panel .panel-heading p{
    color:white;
}

/*.wp-image-167295{
        box-shadow: 0px 5px 5px grey !important;
}*/

.post-231636  figcaption.wp-caption-text{
        padding-top: 2% !important;
    /*color: #1b8cdc !important;*/
}

.single-content p {
    padding-top: 1% !important;
    letter-spacing: 0.2px !important;
}

.wp-image-231705{
    padding:0px;
    max-width: 480px !important;
    /*margin-left: 16% !important;*/
}

.post-231636 .imgwrapper{
    text-align:center;
}

@media only screen and (min-width: 320px) and (max-width: 768px){
/*.post-231636 .imgwrapper {
    margin-right: 0px !important;
    margin-left: 0px !important;
    
}*/

.wp-image-231705{
    padding:18px !important;
    width: 90% !important;
    /*margin-left: 5% !important;*/
}
}

.logo h1{
        margin-top: 10px;
}
.logo h1 img{
            width: 130px;
}

.blogGallery1{
        margin: auto;
            width: 1163px;
}

.blogItem .entry-post{
        padding: 0px 0px;
}

.entry-title{
        font-size: 21px;
    line-height: 25px;
    margin: 0 0 6px 0;
}

.blogItem .info {
    letter-spacing: 0px;
}

.blogItem .info a {
    font-family: 'Open Sans', arial, sans-serif;
    }

.postarea{
        margin-top: 2%;
        width: 100%;
        float: left;
}
.postarea .single-content{
float: left;
}
.container{
    width: 96%;
}

.content-wrapper{
        padding-top: 8%;
}
.recentPost{
    width: 30%;
}

.amp_img_thumbnail{
        width: 32% !important;
    height: 70px !important;
}

.cartoq-inner .index_related_post .index_related_title{
        margin-left: 38%;
}

.cartoq-inner .index_related_post .index_related_title>.p_title{
    margin-top: 0px;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0.3px;
    font-weight: 800;}
.cartoq-inner .index_related_post>a{
    padding: 0px;
}

.index_related_post{
        margin-bottom: 20px;
}

.recentPost .newsection{
        margin-bottom: 20px;
        font-style: italic;
        text-transform: uppercase;
        color: #ea2d2e;
            font-weight: 800;
}

.category-wrapper .blogGallery{
    margin: auto;
        width: 1163px;
}
.home-wrapper{
        margin-top: 72px;
}

.load-more-btn{
        border: 2px solid #ea2d2e;
            color: #ea2d2e;
            font-weight: 800;
}

footer .widget-title,footer .textwidget,footer .textwidget p,footer .textwidget .fa{
    color: white;
        font-size: 16px;
}

footer .copyright span{
        color: #606060;
        font-family: "roboto condensed";
            
    }

footer .textwidget a{
    color: #ea2d2e;
    font-family: "roboto condensed";
        font-size: 16px;
        font-weight: 800;
}
#primary-menu{
        float: left;
    display: flex;
    /*line-height: 70px;*/

}

#primary-menu li{
    float: left;
    position: relative;
    margin: 0;
    list-style: none;
        padding: 0 5px;
}

#primary-menu li a{
        color: #ffffff;
        font-size: 16px;
    line-height: 68px;
    font-weight: 800;
    text-transform: uppercase;
        float: left;
}

#primary-menu li:hover{
         border-bottom: 3px solid white; 
    }

    .search-box {
            background: #ea2e2e;
    }
    .search-box .input-box{
        line-height: 1;
            color: #ea2d2e;
        background: white;
    }

    input.search-btn{

    }

@media (max-width: 500px){
    .content-wrapper .container,.category-wrapper .container{
            margin-top: 8%;
    }
}




/*buying guide css*/

  .b-main{
    width: 100%;
    margin: auto;
    margin-top: 20px;
  }
  .b-field-h4{
    font-size: 16px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.88;
  letter-spacing: 0.23px;
  color: #0a1815;
  }
  .b-main-fieldset{
     /*   border-radius: 10px;*/
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1);
    border: solid 1px #e1e1e1;
    background-color: #ffffff;
    padding: 35px;
  }
  .b-main-legend{
    border-radius: 2px;
    background-color: #f96a00;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.2px;
    color: #ffffff;
    width: auto;
    height: 30px;
    text-align: left;
    padding: 9px;
    /*font-family: Gilroy;*/
  }
  .b-field-h4{
  opacity: 0.8;
    /*font-family: Gilroy;*/
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.23px;
    color: #0a1815;
    margin: 0px;
        margin-top: -35px;
            text-transform: capitalize;

}
.b-field-div-left,.b-field-div-right{
      width: 50%;
    float: left;
    margin-top: 20px;
}
.b-field-label{
  opacity: 0.5;
    /*font-family: Gilroy;*/
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.71;
    letter-spacing: 0.2px;
    color: #0a1815;
}
.b-field-val{
      opacity: 0.8;
    /*font-family: Gilroy;*/
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.88;
    letter-spacing: 0.23px;
    color: #0a1815;
    margin-top: -33px;
}
.b-field-desc{
  opacity: 0.8;
  /*font-family: Gilroy;*/
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #0a1815;
  float: left;
    margin-top: -27px;
}
.why_buy{
  margin-top: -15px;
    float: left;
}

.b-field-button{
border-radius: 4px;
    background-color: #f96a00;
    width: 100%;
    height: 45px;
    /*font-family: Gilroy;*/
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.8;
    letter-spacing: 0.23px;
    text-align: center;
    color: #ffffff;
        width: 100%;
    float: left;
        text-decoration: none;

}

.b-field-button:hover{
  color: #ffffff;
  }

  .ask-price,.org-price{
    margin-top: -20px;
  }

@media (max-width: 480px){
  .b-main{
    width: 100%;
  }
}

.b-field-featured-image{
  float: left;
  width: 100% !important;
   border-top-left-radius: 10px;
    border-top-right-radius: 10px;
        border: solid 1px #e1e1e1;
        height: 260px !important;
            margin-top: 0px;
}
.b-main-fieldset{
  float: left;
  margin: 0;
  margin-top: -45px;
   }

.b-main-legend{
      border: solid 1px #e1e1e1;
      background-color: #ffffff;
          line-height: 0.9;
              color: #ea2e2f;
}
.b-field-button{
  background-color: #ea2e2f;
}
.b-main-fieldset{
      width: 100%;
      
}
.b-field-button{
      text-decoration: none !important;
}
.b-field-button:hover{
color: white;
}

.recommendations{
float: left;
width: 100%;

}


.b-tablink {
  background-color: #efefef;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 12px;
  font-size: 17px;
  width: 31%;
  margin-left:3.5%;
  height: 45px;
  background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 400%);
}


.b-tabcontent {
  color: white;
  display: none;
  padding: 20px 20px;
  height: 100%;
  float: left;
  width: 100%;
  background: #efefef;
}
.b-tabs{
      height: auto;
    width: 60%;
    margin: auto;
        background: #efefef;
            border-radius: 20px;
                margin-bottom: 30px;
}
.b-tablink{
color: white;
font-weight: 700;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.b-tab-list{
background-color: white;
float: left;
width: 100%;
}
.b-tab-list button:nth-of-type(1){
  margin-left: 0px;
}
.b-main-fieldset{
      background: #efefef;
     }
.b-main:nth-of-type(1) .b-main-fieldset,.b-main:nth-of-type(2) .b-main-fieldset{
 border-bottom: 1px solid #b5adad !important;
    margin-bottom: 35px;
    padding-bottom: 35px;

  }
.b-main-fieldset{
  border: none;
  box-shadow: unset;
  padding-left: 3px;
      margin-top: 15px;
  padding-right: 3px;
}
.b-field-featured-image{
  border-radius: 10px;
}
.b-tablink:visited{
border: none;
}

@media (max-width: 320px){
  .b-tablink{
      /*margin-left: 9.7px;*/
      font-size: 11px;
      padding: 0px;
    }
    .b-tabs{
  width: 100%;
  }
}


@media (max-width: 375px){
  .b-tablink{
      /*margin-left: 11px;*/
      font-size: 14px;
    }

.b-tabs{
  width: 100%;
  }

}
@media (max-width: 480px){
  .b-tablink{
      /*margin-left: 13px;*/
      font-size: 12px;
      
    }
    .b-main-fieldset{
          border-bottom: 1px solid #b5adad;
    margin-bottom: 20px;
    padding-bottom: 20px;
    }

.b-tabs{
  width: 100%;
  }

}

    
/* new css */
.b-tab-list1{
      background-color: #efefef;
          margin-top: 10px;
              width: 100%;
}
.b-tab-list1 .b-tablink{
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-radius: 6px;
    background-image: unset;
    border: 1px solid #ea2e30;
    margin-left: 3%;
    font-size: 14px;
    padding: 0px;
}
.b-tabs1{
  height: auto;
    padding: 15px;
    width: 100%;
    border-radius: unset;
    float: left;
    margin-bottom: 0px; 
}

.b-tabs1 .tabcontent{
padding: 0px;
  }
  .b-tabs1 .b-field-featured-image{ 
    margin-top: 30px;
  }
  .u-outer{
    margin-top: 15px;
        background: #efefef;
            width: 55%;
    margin: auto;
  }
  .u-outer-top{
        height: auto;
    background: #ea2d30;
    float: left;
    width: 100%;
  }
  .u-outer-head{
    width: 100%;
    padding: 15px;
  }
  .u-upper-img{
        width: 28% !important;
        margin-top: 10px !important;
            float: left !important;
  }
  .u-upper-h2{
    width: 60%;
    margin-left: 18px !important;
        float: left;
            color: white;
    margin-top: 13px !important;
        font-size: 33px !important;
            letter-spacing: 0.5px;

  }
  .u-outer-bottom{
        width: 100%;
    float: left;
    padding: 15px;
  }
  .u-select{
    width: 100%;
        height: 40px;
            text-align-last: center;
            letter-spacing: 0.5;
    font-weight: 500;
    font-size: 16px;
        border: 1px solid;
  }
  .u-location-img,.u-size-img{
    position: absolute;
    float: left;
    margin-left: 1.5%;
    margin-top: 0.8%;
        width: 1.5% !important;
  }
  .u-size-img{
        margin-left: 26%;
    margin-top: -31px;
  }
  @media (max-width: 400px){
    .u-upper-h2{
      font-size: 28px;
    }
    .u-select{
      font-size: 15px;
    }
    .u-location-img{
          margin-top: 2%;
    width: 20px;
    }
    .u-size-img{
      margin-top: 2.3%;
      width: 20px;

    }
  }
  @media (max-width: 340px){
    .u-upper-h2{
      font-size: 28px;
    }
    .u-select{
      font-size: 11px;
      height: 36px;
    }
    .u-location-img{
              margin-top: 3%;
    width: 14px;
    margin-left: 1%;
    }
    .u-size-img{
      margin-top: 3.4%;
      width: 13px;
      margin-left: 1%;
    }
    .b-tab-list1 .b-tablink{
      font-size: 11px;
    }
  }
@media (max-width: 480px){

  .u-outer{
        width: 100%;
  }
.u-location-img{
      margin-top: 1.8%;
    width: 17px;
}
.u-size-img{
  margin-top: -7%;
      margin-left: 48.5%;
      width: 18px;
}
.u-select{
  font-size: 13px;
      height: 34px;
}
.b-tab-list1 .b-tablink{
      font-size: 12px;
    }
    .h-small{
  font-size: 20px;
}
.u-upper-h2{
    line-height: 29px;
  }


}


  .u-content{
        background: #efefef;
    float: left;
        width: 100%;
            margin-bottom: 30px;
                padding: 15px;

  }

  .b-tabcontent{
    padding: 15px;
  }
  .no-data{
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    color: black;
    font-size: 20px;
    font-weight: 800;
  }
.story-tag{
  margin-left: 2%;
}

.h-small{
  font-size: 23px;
}

.city_used_cars_widget{
  width: 100%;
    float: left;
}

.hidden-div{
  display: none;
}








.b-field-h4{
    font-size: 25px !important;
}

.b-field-label{
    margin: 0 0 4px !important;
        font-size: 17px !important;
}
.b-field-val{
        margin-bottom: 30px !important;
}
.b-field-button{
    color: white !important;
}


.menu-close {
       margin-top: 15px;
    color: white;
    right: 5%;
    margin-right: 30px;
    font-size: 40px;
    cursor: pointer;
}

.new-big-img-div{
        width: 100%;
}
.new-big-header-div{
        width: 64%;
    height: 111px;
    float: left;
    background: white;
    margin-top: -7%;
    
    line-height: 109px;
    position: relative;
}

.single-content article .entry-title{
    margin-top: 2% !important;
        line-height: 40px;
            font-size: 41px;

}

.single-content img{
        width: 100%;
}

article .entry-meta{
        margin-top: -30px;
}

.blog-infinite{
    float: left;
}

.swiper-slide{
    height: 500px !important;

}


.single-content article .entry-post-container{
    width: 100%;
    float: left;   
        margin-top: 6%;
}
.single-content article .entry-content{
    width: 70%;
    float: left;
        font-family: sans-serif;
        font-style: normal;
        color: #222222;
        font-weight: 400;
        line-height: 26px;
}

 .single-content article:nth-of-type(1) .recentPost{
    display: block;
   }
   .recentPost-f{
    display: none;
   }
   .recentPost-f .p_title{
        margin-left: 14%;
   }

@media (max-width: 800px){
   .single-content article:nth-of-type(1) .recentPost{
    display: none;
   }
   .single-content article:nth-of-type(6) .recentPost{
    display: none;
   }
   .recentPost-f{
    display: block;
   }
.single-content article .entry-title{
            font-size: 32px;

}
.category-wrapper .blogGallery {
    width: 100%;
    }

}

.category-wrapper .blog-infinite{
        margin-top: 5%;
}

.show-big,.show-small{
        position: relative;
    padding-bottom: 50%;
}

.show-big span,.show-big img,.show-small span{
width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center center;
        display: flex;

}
.author{
    text-transform: capitalize;
}

.blogGallery1 article .entry-title a:hover,.blogGallery article .entry-title a:hover{
    color: #ea2e2f;
}


@media (min-width: 768px) and (max-width: 1030px) {
  
.blogGallery1 {
    width: 100%;
        margin-left: 0.5%;
}
  .content-wrapper {
    width: 100%;
}
.single-content article .entry-content {
        width: 100%;
    }
    .single-content article .entry-post-container {
            margin-top: 9%;
    }
    .category-wrapper .blogGallery {
            width: 100%;
    }
    .main-menu li a {
        padding: 0px;
    }
    #primary-menu li a {
        font-size: 11px;
    }
    input.search-btn {
        background: #ea2e2f;
    }
    .recentPost{
        width: 100%;
    }
    .amp_img_thumbnail {
    width: 17% !important;
}
.cartoq-inner .index_related_post .index_related_title {
    margin-left: 21%;
}
     .single-content article:nth-of-type(1) .recentPost,.single-content article:nth-of-type(2) .recentPost,.single-content article:nth-of-type(3) .recentPost,.single-content article:nth-of-type(4) .recentPost,.single-content article:nth-of-type(5) .recentPost{
    display: none;
   }
   .single-content article:nth-of-type(6) .recentPost{
    display: block;
   }

}

.post,.single-content{
    width: 100%;
}