/*
Theme Name: Sayara Automotive Pro
Theme URI: https://www.themeseye.com/wordpress/automotive-wordpress-theme/
Author: Themeseye
Author URI: https://www.themeseye.com/
Description: As the automotive industry never seems to stop growing, you need a website with a unique look and powerful features that is capable to stand the tough competition. This automotive WordPress theme gives you all this and much more at a very affordable price to craft a website which will be clean, resourceful, multipurpose and well structured. It is equipped with amazing range of functionality to serve the varying needs of an automotive website whether it is for car dealership or car rentals, cab services, aircraft manufacturing industry, car repair shop, ATV and RV manufacturer and many other websites. It comes with a fully explained documentation to understand theme working and if that is not enough, then we also provide friendly and snappy customer support and regular theme updates for one year with this automotive WordPress theme for uninterrupted working of your website.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.2.1
License: GNU General Public License
License URI:license.txt
Text Domain: sayara-automotive-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Sayara Automotive Pro WordPress Theme has been created by Themeseye(themeseye.com), 2019.
Sayara Automotive Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 14px;
  color:#5b5b5b; 
  font-family: 'Montserrat';
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:#5b5b5b;
  font-family: 'Montserrat';
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: 'Montserrat';
}
body a{
  text-decoration:none; 
  color:#eb2226;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}
 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
 /* background-attachment: fixed;*/
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  background-color: #eb2226;
}
input[type="submit"]:hover{
  cursor: pointer;
  background-color: #153655;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0em;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #153655 ; 
  background:#153655;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
a.theme_button {
  color: #ffffff;
  border: none;
  margin-top: 8px;
  letter-spacing: 1px;
  padding: 12px 12px;
  font-size: 14px;
  font-weight: bold;
  background: #eb2226;
  border-radius: 40px;
}
a.theme_white_button{
  border: none;
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
}
a.theme_white_button{
  background-color: #eb2226;
  color: #ffffff;
}
a.theme_button:hover {
  color: #ffffff;
  background: #eb2226;
}
a.theme_white_button:hover {
  color: #fff;
  background: #153655;
}
.theme_button i{
  padding-left: 5px;
}
input#carminprice{
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px;
    font-family: "Montserrat";
    font-weight: 600;
    background: transparent;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-radius: 3px;
}
input#carminprice::placeholder{
  color: #01295c;
}
.font_large {
    text-align: center;
}
/* --------------------------Top Bar---------------------------- */
#home_contact h6 {
    font-size: 14px;
    letter-spacing: 0px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    padding: 0;
    margin-bottom: 3px;
}
#home_contact p {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    color: #a7a9ac;
    font-family: "Montserrat";
    font-weight: 600;
    margin: 0;
}
#home_contact p a{
    color: #a7a9ac;
}
div#home_contact {
    width: 100%;
    position: absolute;
    z-index: 9;
}
.bg-color {
    padding: 25px 15px;
    background-color: #fefefeed;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 10px 36px -2px #ccc
}
.img-class img {
    max-width: initial;
}
.socialbox a i {
    background-color: #153655;
    color: #fff;
    border-radius: 25px;
    width: 36px;
    padding-top: 11px;
    font-size: 15px;
    text-align: center;
    height: 36px;
    margin: 3px;
}
#home_contact .socialbox a i:hover{
  background-color: #eb2226;
  color: #fff;
}
/* --------------------------Header---------------------------- */
#header .col-lg-2.col-md-3.top_bar_btn {
    margin-top: 5px;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
#header {
  background-color: #eb2226;
  width: 100%;
  float: left;
}
#header i.fa.fa-user{
    margin-top: 16px;
    font-size: 11px;
    border:2px solid #ffffff;
    padding: 7px 7px;
    border-radius: 20px;
    color: #fff;
}
#topbar {
  border-top: 10px solid #435061;
}
#site_top .customize-partial-edit-shortcut button{
  left: 0px;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
#header .logo, #footer .logo{
  margin-top: -4px; 
  padding: 10px 0; 
}
#header .logo h1, #footer .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:26px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a, .logo h1 a{
  color: #fefefe;
  text-transform: uppercase;
}
.logo p{ 
  color: #fefefe;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
span.search-icon.hvr-icon-grows {
    background-color: #153655;
    padding: 5px 7px;
    border-radius: 20px;
}
.right_menu {
    text-align: right;
}
.logo h1 a, .logo h1 a{
  font-size: 16px;
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
#sticky-onoff, .headerbar, amp-sidebar#sidebar1, .side-navigation ul li:hover > ul ul, .side-navigation ul ul li, .menubar.scrolled .side-navigation ul ul li {
  display: none;
}
.side-navigation a, .side-navigation ul li:hover>ul, .side-navigation ul li:hover>ul li:hover ul, .side-navigation li:hover ul li, .menubar.scrolled .side-navigation li:hover ul li, .widget_calendar tbody a { display: block; }
.side-navigation ul ul>li.menu-item-has-children>a:before,.side-navigation li.current_page_item ul.sub-menu a:before,.side-navigation li.current_page_item ul.sub-menu:before,.side-navigation li.current_page_item ul.sub-menu li:before{
  content: none !important; }
.side-navigation li {
  position: relative;
  display: inline-block;
  margin: 17px 15px;
}
.side-navigation a {
  display: block;
  color: #fefefe;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  letter-spacing: 0px;
  font-family: "Montserrat";
  font-weight: 700;
}
.side-navigation li.current_page_item a{ 
  color: #eb2226;
  background-color: #fefefe;
  padding: 6px 6px;
}
.side-navigation a:hover{
  color: #153655;
}
.side-navigation li.current_page_item:after{
  content: "";
  height: 3px;
  display: block;
  position: absolute;
  bottom: -8px;
  right: 0;
  left: 0;
}
.side-navigation ul{
  list-style: none;
  padding-left: 0;
  max-width: 100%;
  width: max-content;
  margin: 0;
}
.side-navigation ul ul{
  position: absolute;
  top: 100% ;
  min-width: 215px;
  z-index: 9999;
  left: 0;
  background: #ffffff;
}
.side-navigation ul ul li{
  padding: 0 8px;
  line-height: 20px;
}
.side-navigation ul ul li:last-child { border-bottom: 0; }
.side-navigation ul ul ul{
  left: 93%;
  top: 0;
}
.side-navigation ul ul a {
  padding: 0px 0px 10px;
  transition: all .5s ease 0s;
  color: #153655;
}
.side-navigation ul ul a:hover {
  color: #eb2226;
}
.side-navigation ul ul li, .menubar.scrolled .side-navigation ul ul li{
  float: none;
  text-align: left;
  border-bottom: 1px solid #464646;
}
.side-navigation ul>li.menu-item-has-children>a:after, .side-navigation ul ul>li.menu-item-has-children>a:after {
  position: static;
  margin-left: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
}
.side-navigation ul>li.menu-item-has-children>a:after {
  content: "\f107";
  margin-top: 3%;
}
.side-navigation ul ul>li.menu-item-has-children>a:after {
  content: "\f105";
  margin-top: 0%;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.search-box{
  margin-top: 20px;
  text-align: right;
}
.search-icon{
  cursor: pointer;
}
.search-icon i{
  color: #fefefe;
}
.main-navigation ul ul li{
  text-align: left;
  padding:10px;
}
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border-top-color: #e1e1e1;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #fff;
  cursor: pointer;
}
.serach_inner form.search-form {
   display: table;
   padding: 0;
   border-radius: 0;
   background: #ffffff;
   margin: 0 auto;
   max-width: 700px;
   width: 100%;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 14px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
}
.search_popup label {
  background: transparent;
  width: 85%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
i.fas.fa-headphones {
  color: #ffffff;
  font-size: 25px;
  cursor: pointer;
  border-right: 2px solid #ffffff;
  padding: 5px 8px;
  padding: 3px 8px 11px 6px;
}
.consultation a {
  border: 2px solid #fff;
  padding: 8px 7px;
  padding-left: 0;
}
.consultation {
    background-size: cover;
    background-repeat: no-repeat;
}
.consultation span {
  padding: 0 3px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
ul.search-consult {
  padding: 0;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  color: #eb2226;
  padding: 0;
}
section h4{
  color:#000; 
  font-size:20px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
    display: none;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*------------------------- About-----------------------------*/
#about {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.about-heading h3{
  font-size: 40px;
  color: #d1007b;
  font-family: 'Charm';
  font-weight: bold;
}
.about-heading h4{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #555a5e;
  font-family: "Montserrat";
  font-weight: bold;
  padding-bottom: 30px;
}
.about-heading img{
  text-align: right;
}
.about-content p {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #555a5e;
  font-family: "Montserrat";
}
.about-content a {
  display: inline-block;
  margin-top: 25px;
}
#about ul li {
  list-style: none;
}
.li_content i{
  color: #eb2226; 
}
.about_img img {
    width: 100%;
}
.about-content {
    margin-right: 20px;
}
h4.subheading {
  color: #858585;
}
/*color*/
.section h3{
  color: #eb2226;
}
#footer h3{
  color: #eb2226; 
}
.about_button{
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Montserrat";
  text-align: center;
  background: linear-gradient(270deg, #a91696 30%, #59189b 100%);
  border-radius: 40px;
  padding: 10px 20px;
}
.about_button:hover{
  color: #ffffff;
}
.about_button i{
  font-size: 15px;
  margin-left: 3px;
}
input#carmaxprice {
    width: 100% !important;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #01295c;
    font-family: "Montserrat";
    font-weight: 600;
    background: transparent;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-radius: 3px;
}
#about ul.nav.nav-pills.nav-justified {
    display: block;
}
h4.tab-title {
    font-size: 18px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    background-color: red;
}
#about .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    color: #fff;
    cursor: default;
    background:none;
}
.service-bg h3 {
    font-size: 26px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    margin-bottom: 10px;
}
.services-editor {
    max-width: 349px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #01295c;
    font-family: "Montserrat";
    font-weight: 400;
    padding-top: 5px;
}
#about a.nav-link {
    font-size: 16px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    padding: 21px 3px 21px 32px;
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    clip-path: polygon(75% 1%, 100% 50%, 75% 100%, 2% 100%, 25% 50%, 2% -1%);
    background-color: #fff;
}
#about li.nav-item{
  margin-bottom: 20px;
  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
   background:  #153655;
   /*width: 65%;*/
   border: 1px solid #153655;
}
#about li.nav-item:hover{
  background-color:#eb2226;
}
a.service-button {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 12px 18px;
    font-family: "Montserrat";
    font-weight: 600;
    text-align: center;
    background-color: #eb2226;
    border-radius: 4px;
    border-left: 25px solid #153655;
}
.btn-about {
    margin-top: 40px;
}
#about a.nav-link.active {
    background-color: #eb2226;
    border:none;
    color: #fff;
}
#about a.service-button:hover 
   {
    background-color: #153655;
    border-color: #eb2226;
}
/*------------------------Browse make--------------------------*/
h3.partner_title {
    font-size: 26px;
    letter-spacing: 1px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    padding-bottom: 25px;
}
/*-------------------------Find Car--------------------------*/
#search-cars input#carminprice {
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #01295c;
    font-family: "Montserrat";
    font-weight: 600;
    background: transparent;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-radius: 3px;
}
select#cartype {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #01295c;
    font-family: "Montserrat";
    font-weight: 500;
    background: transparent;
    width: 100%;
    border: 1px solid #ccc;
    padding: 7px 5px;
    border-radius: 3px;
}
input#carname{
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #01295c;
    font-family: "Montserrat";
    font-weight: 600;
    background: transparent;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-radius: 3px;
}
input#carname::placeholder,#search-cars input#carminprice::placeholder,input#carmaxprice::placeholder{
  color:#153655;
}
button#searchcar {
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: 700;
    background-color: #eb2226;
    border: none;
    padding: 7px 24px;
    border-radius: 3px;
}
#searchcar:hover {
  background-color: #153655;
}
.form-control{
  color: #01295c;
}
section#search-cars {
    padding-top: 0;
    padding-bottom: 40px;
}
.ad-search-box {
    box-shadow: 0px 4px 1px 1px #ccc;
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*------------------------- Services Tab -----------------------------*/
section#services {
    background-color: #f5f5f5;
    padding-bottom: 0px;
    padding-top: 5em;
}
#services h4.service_name a {
    font-size: 18px;
    letter-spacing: 0px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    margin:0 auto;
    display: table;
}
#services .services_wrap:hover h4.service_name a,#services .services_wrap:hover .short_text_serv{
  color:#ec2127;
}
.team_icon {
    padding-bottom: 20px;
}
.services_wrap {
   padding: 56px 10px 69px 10px;
    box-shadow: 0px 4px 1px 1px #ccc0;
    background-color: #fff;
    border: 1px solid #cccccc40;
}
#services h3 {
    padding-bottom: 2em;
    font-size: 26px;
    letter-spacing: 1px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: bold;
    text-align: center;
}
.short_text_serv {
    font-size: 13px;
    line-height: 30px;
    color: #a8b0c5;
    font-family: "Montserrat";
    font-weight: 500;
    text-align: center;
}
.about-inner{
  padding: 20px 0;
}
#services .about-inner {
    padding: 20px 5px;
}
#services .row {
    margin: 0px 0px;
}
.services_para{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #555a5e;
  font-family: "Montserrat";
  text-align: center;
}
.services-data {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    padding: 0 10px;
}
.services-title{
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Montserrat";
  text-align: center;
}
.services-icon {
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 8px 14px;
  width: 40px;
  height: 40px;
  display: block;
}
.services-icon i {
  color: #fff;
}
#services .row .services-content:hover .services-data {
    margin-top: 75px;
    transition-duration: 0.3s;
}
.services-content:hover .services-icon{
  background-color: #ffffff;
}
.services-content:hover .services-icon i{
  color: #eb2226;
}
#services .owl-nav, #services .owl-dots {
  display: block;
}
#services .owl-dots {
  text-align: center;
}
#services button.owl-prev{
    padding: 10px 16px !important;
    background-color: #153655;
    position: absolute;
    top: 37%;
    left: -6%;
    border: none;
    color: #fff;
}
#services button.owl-next{
    position: absolute;
    padding: 10px 16px !important;
    background-color: #153655;
    right: -5%;
    top: 37%;
    border: none;
    color: #fff;
}
#services button.owl-prev:hover,#services button.owl-next:hover{
  background-color: #ec2127;
}
/*-------------------------Cars---------------------------------*/
#popular-cars a.nav-link.hvr-shrink {
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    color: #aaacae;
}
#popular-cars li.nav-item {
    display: inline-block;
}
#popular-cars ul.nav.nav-pills.nav-justified {
    text-align: center;
    display: block;
    margin-bottom: 4.3em;
}
#popular-cars a.nav-link.active {
    border-radius: 0;
    padding: 3px 8px;
    color:#fff;
    background-color: #eb2226;
}
#popular-cars a.nav-link {
    font-size: 13px;
    letter-spacing: 1px;
    color: #adafb2;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
#popular-cars ul li {
    display: inline-block;
    margin-left: 10px;
}
ul.car-meta-fields li {
    font-size: 13px;
    letter-spacing: 0px;
    color: #a7a9ac;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
ul.car-meta-fields{
  border-bottom: 1px solid #a7a9ac4d;
  border-top: 1px solid #a7a9ac4d;
  margin-top: 10px;
}
li.car_name {
    margin-right: 30px;
}
#popular-cars h5 a {
    padding-top: 20px;
    text-align: center;
    margin: 0 auto;
    display: table;
    font-size: 18px;
    letter-spacing: 0px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
.short_text_car {
    font-size: 13px;
    line-height: 30px;
    color: #a8b0c5;
    font-family: "Montserrat";
    font-weight: 500;
    text-align: center;
}
.car_price {
    padding-top: 10px;
    font-size: 18px;
    letter-spacing: 0px;
    color: #eb2226;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
#popular-cars h3 {
    padding-bottom: 1.5em;
    font-size: 26px;
    letter-spacing: 1px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
section#popular-cars{
  padding-bottom: 3em;
  padding-top: 5em;
}
section#popular-cars .owl-nav {
    display: block;
}
section#popular-cars button.owl-prev {
    position: absolute;
    left: -3%;
    top: 50%;
    padding: 10px 16px !important;
    background-color: #153655;
    border: none;
    color: #fff;
}
section#popular-cars button.owl-next {
    position: absolute;
    right: -5%;
    top: 50%;
    padding: 10px 16px !important;
    background-color: #153655;
    border: none;
    color: #fff;
}
section#popular-cars button.owl-prev:hover, section#popular-cars button.owl-next:hover {
    background-color: #ec2127;
}
/*--------------------------Browse car by model-----------------------*/
p.car_title {
    font-size: 13px;
    letter-spacing: 0px;
    color: #a7a9ac;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    padding-top: 5px;
}
#browse_car .owl-dots {
    display: block;
    text-align: center;
}
#browse_car button.owl-dot.active, #services button.owl-dot.active {
    border-radius: 30px;
    background-color: transparent !important;
    padding: 3px !important;
    border: 2px solid #153655;
    margin-right: 5px;
}
#browse_car button.owl-dot, #services button.owl-dot {
    background-color: red;
    padding: 5px !important;
    border-radius: 30px;
    margin-right: 5px;
    border:none;
}
section#browse_car {
    padding-top: 50px;
    padding-bottom: 85px;
}
.brwsebg {
    padding-bottom: 3px;
    background-color: #fff;
    padding-top: 25px;
    border-radius: 3px;
    margin-bottom: 35px;
}
.brwsebg img.browse-img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.brwsebg img.browse-img:hover{
   -webkit-filter: inherit;
    filter: inherit;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  p.car_title:hover {
    color: #153655;
  }
/*-------------------------Best sellers--------------------------*/
#products h5.product_head a {
    font-size: 18px;
    letter-spacing: 0px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    display: table;
}
#products .box .attachment-shop_catalog.size-shop_catalog.wp-post-image {
    text-align: center;
    margin: 0 auto;
    display: table;
}
#products .short_text{
    font-size: 13px;
    line-height: 30px;
    color: #a8b0c5;
    font-family: "Montserrat";
    font-weight: 500;
    text-align: center;
}
.inner_product:hover h5.product_head a{
    color: #eb2226 !important;
} 
.inner_product:hover p.short_text{
  opacity: 1;
  /*position: absolute;*/
}
.inner_product:hover .post_best_seller a{
  opacity: 1;
}
 .post_best_seller a{
  opacity: 0;
  text-align: center;
  margin:0 auto;
  display: table;
  background-color: #eb2226;
  border: none;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 700;
  border-radius: 3px;
}
#products a.added_to_cart.wc-forward {
    margin-top: 10px;
    padding: 5px;
}
#products .custom-product-price {
    font-size: 18px;
    letter-spacing: 0px;
    color: #eb2226;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}
#products .inner_product {
    margin-bottom: 3em;
}
#products h5.product_head {
    padding-top: 10px;
}
#products h3 {
    padding-bottom: 3em;
    font-size: 26px;
    letter-spacing: 1px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
section#products {
    padding-bottom: 0;
    padding-top: 5em;
}
/*-----------------------------Features----------------------------*/
#features .features:hover {
    background-color: #e9e9e8f2;
}
#features .features{
    padding: 20px 10px 10px;
    border:2px solid #e9e9e8f2;
    border-radius: 5px;
}
#features p.features_title {
    font-size: 18px;
    letter-spacing: 0px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    padding-top: 10px;
}
.features:hover p.features_title{
   color:#153655 !important; 
}
#features h3.features_title {
    font-size: 26px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;
}
section#features {
    padding-top: 50px;
    padding-bottom: 80px;
}
/*-------------------------Why choose us---------------------------*/
.why_choosebg img.choose-img {
    text-align: center;
    margin: 0 auto;
    display: table;
}
p.count {
    font-size: 25px;
    letter-spacing: 1px;
    color: #eb2226;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 20%;
    left: 0;
    right:0;
}
.why_choosebg {
    padding-bottom: 10px;
    background-color: #fff;
    padding-top: 20px;
    margin-bottom: 30px;
}
section#why-choose-us {
    padding-top: 60px;
    background-color: #e8f2ff;
}
#why-choose-us h3.car_titles {
    font-size: 26px;
    letter-spacing: 1px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
.why-choose-box {
    margin-top: 48px;
}
#why-choose-us p.why_title {
    font-size: 15px;
    letter-spacing: 0px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
}
/*------------------------Testimonials -----------------------------*/
#testimonials p.dest_testimonial {
    text-align: left;
    padding-top: 10px;
    font-size: 13px;
    line-height: 30px;
    color: #a8b0c5;
    font-family: "Montserrat";
    font-weight: 600;
}
#testimonials h3.testimonials_title {
    font-size: 26px;
    letter-spacing: 1px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
#testimonials h4.testimonial_name a{
    text-align: right;
    font-size: 16px;
    letter-spacing: 0px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: bold;
}
.testimonials_title{
  font-size: 40px;
  color: #eb2226;
  font-family: "Charm";
  font-weight: bold;
  text-align: center;
}
h4.testimonial_name {
    text-align: right;
}
.testimonials-icon i {
    font-size: 25px;
    padding: 15px;
    color: #eb2226;
}
#testimonials .short_text{
    max-width: 700px;
    font-size: 16px;
    width: 100%;
    letter-spacing: 1px;
    line-height: 36px;
    color: #a7a9ac;
    font-family: "Montserrat";
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
}
.textimonial-img img {
  border-radius: 50%;
}
#testimonials blockquote:after {
    display: block;
    content: "\201D";
    font-size: 70px;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    bottom: -70px;
    color: #eb2226;
    font-family: "";
}
#testimonials blockquote:before{
    display: none;
}
section#testimonials {
    background-color: #ffffff;
    padding-bottom: 0;
}
#testimonials blockquote{
    background: none;
}
#testimonials .fancy-title {
    margin: 0 auto;
}
.test_shortcode_bg {
  background-color: #ddd;
  padding: 30px 0;
}
.testimonial_name a {
  font-size: 14px;
  color: #eb2226;
  font-family: "Montserrat";
  font-weight: bold;
  text-align: center;
}
#testimonials button.owl-dot {
  width: 9px;
  height: 9px;
  margin: 2px;
  background-color: #153655;
  border-radius: 50%;
  border:1px solid #153655;
}
#testimonials button.owl-dot.active {
  background-color: transparent;
  border: 2px solid #eb2226;
  width: 10px;
  height: 10px;
  margin: 2px;
}
#testimonials .owl-dots {
  display: block;
  text-align: center;
  padding-bottom: 30px;
}
/*------------------------- Our Clients -----------------------------*/
.clients_title {
    font-size: 40px;
    color: #d1007b;
    font-family: "Charm";
    font-weight: bold;
}
.clients_para {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #555a5e;
    font-family: "Montserrat";
    padding: 10px;
}
.clientbg {
    background-color: #ffffff;
    text-align: center;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    border: 3px solid #fff;
}
.clientbg:hover{
   border:3px solid #ec2127;
}
#partners{
  background-color:#e8f2ff;
  padding-bottom: 78px;
}
a.partner-button {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    background-color: #eb2226;
    text-align: center;
    margin: 0 auto;
    display: table;
    padding: 12px 20px;
    border-radius: 4px;
    border-left: 25px solid #153655;
}
a.partner-button:hover{
    background-color: #153655;
    border-color: #eb2226;
}

span.partner-icon {
    margin-left: 8px;
}
.partner-bttn {
    margin-top: 20px;
}
/* gallery */
#business_gallery {
  background-color: #efefef;
  padding: 40px 0px 0px 0px;
}
figure.gallery-item {
  width: 20%;
  float: left;
}
.gallery-image {
  height: 100%;
  margin-bottom: 30px;
}
.view img {
  display: block;
  position: relative;
  width:100%;
  height:200px;
}
.bwt_img {
  height: 100%;
  width: 100%;
}
.view a.info {
  background: url(assets/images/link.png) center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  top: 43%;
  transform: translate(-50%);
  border-radius: 50%;
}
.second-effect a.info {
  position:relative;
  opacity:0;
  transform:scale(0,0);
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  outline:none;
}
.second-effect:hover .mask {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
.secondry-menu ul {
  padding: 50px 0;
  margin: 0;
  text-align: center;
}
.secondry-menu li {
  display: inline-block;
  padding: 5px 25px;
}
.secondry-menu li a {
  color: #929292 !important;
  font-size: 14px;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: bold;
}
.secondry-menu li a:hover {
  color: #ffbf43;
}
.row-eq-height > [class^=col] {
  display: flex;
  flex-direction: column;
}
.head-inner.text-center {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
#TB_window {
  position: fixed;
  background-color: #fff;
  z-index: 100050;
  visibility: hidden;
  text-align: left;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  transform: translate(-50%,-50%);
  margin: 0 !important;
}
/*----------------Shortcodes----------------*/
.team_icon img {
    text-align: center;
    margin: 0 auto;
    display: table;
}
.car-box ul li {
    display: inline-block;
}
.car-box h5 a {
    padding-top: 20px;
    text-align: center;
    margin: 0 auto;
    display: table;
    font-size: 18px;
    letter-spacing: 0px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
.textimonials-img img {
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    display: table;
}
h4.testimonial_names a {
    padding-top: 10px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: table;
}
p.dests_testimonial {
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
    line-height: 30px;
    color: #a8b0c5;
    font-family: "Montserrat";
    font-weight: 600;
}
#services .testi-data {
    padding-top: 20px;
    background-color: #eceeef47;
    box-shadow: 0px 4px 1px 1px #ccc0;
}
/*-----------------Single pages-----------------*/
.services-meta.mb-3 {
    background-color: #ccc;
    color: #153655;
    padding: 10px;
}
/*------------------Latest Post -----------------*/
.blog-heading h3 {
  font-size: 26px;
  letter-spacing: 1px;
  color: #153655;
  font-family: "Montserrat";
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
}
section#latest_post {
    padding-bottom: 40px;
    padding-top: 60px;
}
.blog-subheading p {
  color: #eb2226;
  font-family: Montserrat;
  font-size: 14px;
  padding: 10px 0px 10px 0px;
}
#latest_post .post-subheading {
  font-size: 14px;
  color: #eb2226;
  padding: 10px 0px 10px 0px;
}
.latest_post_text span {
 font-size: 13px;
  letter-spacing: 0px;
  color: #a7a9ac;
  font-family: "Montserrat";
  font-weight: 700;
  text-align: center;
}
#latest_post span.comments {
    margin-left: 20px;
}
#latest_post span.entry-date.price.pull-right {
    margin-right: 15px;
}
span.admin {
    margin-left: 25px;
    margin-right: 15px;
}
.border_box {
    border-top: 1px solid #a7a9ac87;
    border-bottom: 1px solid #a7a9ac87;
    margin-top: 20px;
}
.blog_shorttext{
  font-size: 13px;
  line-height: 30px;
  color: #a8b0c5;
  font-family: "Montserrat";
  font-weight: 500;
  text-align: center;
}
#latest_post .owl-carousel .owl-item img{
  width: 100% !important;
}
#latest_post .about-heading {
  padding: 0;
}
.latest_post_text i{
  color: #d1007b !important;
}
.post_thumb {
  position: relative;
}
h4.latest_post_name a {
  font-size: 18px;
  letter-spacing: 0px;
  color: #153655;
  font-family: "Montserrat";
  font-weight: 700;
  text-align: center;
  margin:0 auto;
  display: table;
  padding-top: 15px;
}
.tags{
  padding: 25px 0 15px;
  text-transform: uppercase;  
}
.tags a{
  text-transform: capitalize;
  border: solid 1px #66686b;
  padding: 3px 15px;
  border-radius: 15px;
  color: #66686b;
  margin: 2px 5px;
  display: inline-block;
}
.discover-btn {
  border-left: solid 5px #eb2226;
  margin: 20px 0 0;
}
.discover-btn a {
  color: #002b46;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
}
.discover-btn a:hover {
  color: #eb2226;
}
#latest_post .owl-dots {
     display: block;
    text-align: center;
    padding-bottom: 30px;
}
#latest_post button.owl-dot {
  width: 9px;
  height: 9px;
  margin: 2px;
  background-color: #153655;
  border-radius: 50%;
  border:1px solid #153655;
}
#latest_post button.owl-dot.active {
  background-color: transparent;
  border: 2px solid #eb2226;
  width: 10px;
  height: 10px;
  margin: 2px;
}
#latest_post button:focus {
  outline: inherit !important;
}
.post-box {
  position: relative;
}
#latest_post .owl-nav {
    display: none;
    margin: 0;
}
.latest_post_box {
    margin: 0px 15px;
}
#latest_post button i{
  color: #eb2226;
}
#latest_post button.owl-prev, #latest_post button.owl-next {
    background: #efefef;
}
/*Postbox Hover*/
.postbox .postpic{
 position: relative;
 overflow: hidden;
}
.postbox .post_pic_inner:before{
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: #000;
 opacity: 0;
 transition: all 0.3s ease 0s;
}
.post_pic_inner {
 position: relative;
}
.postbox:hover .post_pic_inner:before{
   opacity: 0.4;
}
/*-----------------------sponsors---------------------------*/
section#sponsors {
    padding-bottom: 10px;
    background-color: #eb2226;
    padding-top: 10px;
}
/*-----------------------Footer Contact-----------------*/
.footernews-heading h3{
  font-size: 40px;
  color: #d1007b;
  font-family: "Charm";
  font-weight: bold;
  text-align: center;
}
#footer_contact .socialbox a i:hover {
    background-color: #eb2226;
    color: #fff !important;
}
#footer_contact p {
    font-size: 12px !important;
    letter-spacing: 0.5px;
    line-height: 16px;
    color: #a7a9ac;
    font-family: "Montserrat";
    font-weight: 400;
    margin: 0;
}
#footer_contact h6 {
    font-size: 14px;
    letter-spacing: 0px;
    color: #153655;
    font-family: "Montserrat";
    font-weight: 700;
    padding: 0;
    margin-bottom: 3px;
}
.footernews-heading p{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #eb2226;
  font-family: "Montserrat";
  text-align: center;
}

.footercon-right {
    margin: 25px;
  }
.sec-heading.text-center p {
  color: #eb2226;
  font-size: 14px;
  padding: 15px;
}
/*-----------Footer Newsletter-----------*/
#footernewsletter .news_content {
  margin: 25px; 
}
#footernewsletter label {
  display: block;
}
#footernewsletter input[type="email"] {
  width: 80%;
  color: #212121;
  background-color: #ffffff;
}
#footernewsletter input[type="submit"] {
  border-radius: 40px;
  padding: 7px 20px;
  position: absolute;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-weight: bold;
  background: linear-gradient(270deg, #a91696 30%, #59189b 100%);
}
.contact-fields {
  margin-top: 10px;
  line-height: 30px;
  padding: 30px 0px 0px 0px;
}
.contact-fields span {
  color: #eb2226;
  font-size: 18px;
  font-family: Montserrat;
}
.con-location span {
  padding: 15px 10px 15px 10px;
}
.con-location {
  margin-bottom: 12px;
}
.contact-fields i {
    color: #d1007b;
    font-size: 18px;
}
#footernewsletter input[type="submit"]:hover {
  background-color: #212121;
  color: #ffffff;
}
#footernewsletter .news_inner {
  box-shadow: 0 0 20px 0 #bbbbbb;
  padding: 40px;
  margin-top: -50px;
  z-index: -1;
  background-color: #ffffff;
}
#footernewsletter .news_inner {
  margin-top: 0px !important;
}
#footernewsletter  input[type="text"],
#footernewsletter  input[type="tel"],
#footernewsletter  input[type="phno"],input[type="password"],
#footernewsletter  textarea,
#footernewsletter  input[type="email"]{
  width: 100% !important;
  font-size: 13px;
  color: #eb2226;
  font-family: "Montserrat";
  padding: 10px 10px;
  margin: 0 0px 8px 0;
  border: 1px solid #e5e5e5;
}
#footernewsletter  textarea{
  height: 100px;
}
#footernewsletter  input::placeholder,
#footernewsletter  textarea::placeholder {
  color: #eb2226;
}
/*-------------Footer Copyright-------------*/
#footer_box .socialbox a {
  border-radius: 50px;
  margin: 3px;
}
#footer_box .socialbox a:hover i {
  color: #eb2226;
}
.copyright {
    background-color: #153655;
}
.main_sociobox p {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
}
/*------------------ Single Testimonials -----------------*/
#testimonial_single .testimonial_des {
    margin-bottom: 25px;
    color: #555;
    line-height: 24px;
}
#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}
/*------------------------- Testimonial Shortcode --------------------------*/
.testimonial-shortcode .testimonials_inner {
    border: solid 2px #002b46;
}
.our_testimonials_outer.testimonial-shortcode {
    margin-top: 2em;
}
.testimonial-shortcode .testimonials_inner:hover{
  border: solid 2px #fec200;
}
h1.staf-testimonial_title {
  font-size: 24px;
  font-weight: bold;
}
.testimonial-shortcode .testimonials-icon img {
  width: 100%;
}
/*------------------ Contact Page -----------------*/
.c_icon {
  display: table;
  margin: 0 auto;
  padding: 25px 8px;
  border: 2px solid #eb2226;
}
.contac_form h3 {
    color: #eb2226;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  background-color: #f2f2f2;
  border: 2px solid #f2f2f2;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;

}
.contac_form.col-md-12 {
  margin-top: 20px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
}
.inner-cont {
  padding: 10px 5px;
  background: #ffffff;
}
.contac_form h3 {
  text-align: center;
  margin: 20px auto;
  display: table;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 38px;
  color: #eb2226;
  margin: 0 auto;
  text-align: center;
  width: 87px;
  display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/*---------------- Footer Section ----------------------*/
#footer{
  background-size: cover;
}
div#footer {
    padding-top: 0;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid;
  margin: 0 2px;
  width: 100%;
}
#footer input, #footer textarea{
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
  color: #848484;
  font-size: 11px !important;
  margin-bottom: 0px;
}
.copyright p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
}
#home_contact .socialbox {
  text-align: right;
}
.main_sociobox {
    padding: 20px 0;
}
#footer{ 
  text-align:center;
  padding:3em 0 0 0px;
  text-align:left;
}
#footer table{
  margin-bottom: 0px;
}
#footer table p{
  margin-bottom: 5px;
}
.footer_hide{
  display:none;
}
.footer-top-col {
    border-left: solid 5px #eb2226;
    padding-left: 15px;
}
.container #blog-right-sidebar h3, #footer h3{
  color:#eb2226;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size:14px;
  text-align:left;
  color:#ffffff;
}
#footer .copyright a {
    color: #fff;
	cursor: pointer;
}
#footer input{
  padding:8px 8px; 
  float:left;
  margin:5px 0;
  border-radius:2px;
  font-size: 13px;
  letter-spacing: 1px;
  color: #153655 !important;
  border: 1px solid #153655;
  font-family: "Poppins";
  font-weight: 400;
  font-style: italic;
  padding: 8px 8px;
  float: left;
}
#footer input::placeholder{
  color:#153655;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  background-color: #eb2226;
  color: #ffffff !important;
  text-transform: uppercase;
  border:none;
  margin-bottom: 20px;
}
#footer input[type="submit"] {
  background-color: #153655;
}
#footer .copyright{
  text-align:center; 
  border-top:1px solid #bd75a5;
  margin:30px 0 0 0;
  padding-top:40px;
}
#footer ul {
    margin: 0;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
}
#footer ul li:after{
    content: "\f101";
    font-family: 'Font Awesome 5 Free';
    color: red;
    position: absolute;
    width: 20px;
    height: 21px;
    left: 10px;
    text-align: center;
    font-weight: 900;
    margin-top: 3px;
}
#footer ul.product_list_widget li:after, #footer .widget_recent_entries ul li:after{
  display: none;
}
#footer ul li a:hover {
    color: #eb2226;
}
.footer_menu ul li a{
  padding-right: 50px;
}
#footer_contact p {
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}
#footer_contact p.conpara, #footer_contact p.conpara a{
  color: #a7a9ac;
  font-family: "Montserrat";
}
.footer_menu .current_page_item a{
  color: #eb2226;
}
#footer ul li a{
  font-size: 13px;
  line-height: 20px;
  color: #153655;
  font-family: "Montserrat";
  font-weight: 500;
}
#footer p{
  font-size: 13px;
  line-height: 28px;
  color: #01295c;
  font-family: "Montserrat";
  font-weight: 500;
}
.widget_recent_entries img {
  width: 100px;
}
#footer h3 {
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 20px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #153655;
  font-family: "Montserrat";
  font-weight: bold;
}
#footer_contact .bg-color{
  margin-bottom: 50px;
}
#footer h3:after {
  position: absolute;
  height: 2px;
  width: 50px;
  background-color: #eb2226;
  bottom: 0px;
  content: "";
  right: 0;
  left: 0;
}
.footer-cols {
  padding-bottom: 40px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.vw-credit, .vw-credit a{
  color: #ffffff;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #ffffff;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  background: #eb2226;
  border: 1px solid #eb2226;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
    font-size: 18px;
    border-bottom: 1px solid;
    color: #ffff;
    padding: 5px 5px;
    border-left: 23px solid #153655;
    background-color: #eb2226;
    border-radius: 4px;
}
a.post-readmore i {
   margin-left: 8px !important;
   font-size: 18px;
   padding-bottom: 2px;
}
a.post-readmore:hover{
  border-left: 23px solid #eb2226;
  background-color: #153655;
}
.widget_recent_entries li {
  margin: 10px;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
   color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
    border-top: 1px solid #eb2226;
    border-bottom: 1px solid #eb2226;
}
.metabox i {
    padding-right: 10px;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
.fa-calendar-alt:before {
    content: "\f073";

}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  position: static !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: #eb2226;
  color: #ffffff !important;
  border: 1px solid #eb2226;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid #eb2226;
  color: #000000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}
aside#search-3 {
  padding: 0 !important;
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background-color:#eb2226;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  border-left: 1px solid #eb2226;
  border-right: 1px solid #eb2226;
  border-bottom: 3px solid #eb2226;
  text-transform: uppercase;
  border-top: none;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
.box {
 position: relative;
 height: 100%;
}
#slider .slider-box  {
  padding: 50px 55px 35px 38px;
  text-align: left;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  background: #fff;
 -webkit-clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  width: 47%;
  height: 100%;
}
.shadow {
position: absolute;
z-index: -1;
content: "";
background:rgba(21, 54, 85, 0.3);
width: 47%;
height: 100%;
left: 20px;
top: 15px;
-webkit-clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
   clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
   -webkit-clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
   clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
}
#slider img {
    width: 100%;
}
#slider h2 {
  font-size: 26px;
  color: #153655;
  font-family: "Montserrat";
  font-weight: bold;
  letter-spacing: 0;
}
#slider p{ 
  font-size: 14px;
  letter-spacing: 0.5;
  color: #01295c;
  font-family: "Montserrat";
  font-weight: 500;
}
#slider p.price {
  font-size: 22px !important;
}
.slider-box {
    background-color: #f8f9fa;
    padding: 20px;
}
#slider .carousel-caption.d-none.d-md-block {
    margin: 0 auto;
}
#slider .carousel-caption {
  top: 58%;
  transform: translateY(-50%); 
  bottom: inherit;
  text-align: left;
  left: 0%;
  right: 0%;
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
  opacity: 1;
  width: 5%;
  top: 50%;
  z-index: 999;
}
#slider .carousel-control-prev {
    left: 28%;
}
#slider .carousel-control-next {
    right: 62%;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image: none;
  border: 2px solid #153655;
  padding: 5px 10px;
}
.carousel-control-next-icon,.carousel-control-prev-icon{
  width: auto;
  height: auto;
}
span.carousel-control-prev-icon p, span.carousel-control-next-icon p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: bold !important;
  letter-spacing: 5px;
}
span.carousel-control-prev-icon:hover, span.carousel-control-next-icon:hover{
  background: #eb2226;
}
#slider a i {
  font-size: 15px;
  color: #153655;
  margin:5px;
}
#slider a i:focus,
#slider a i:active{
  background: #eb2226;
  border: none;
  transition: all 0.5s ease-out;
  color: #fff;
}
.inner_carousel h2 small {
  color: #ffffff;
  display:block;
  margin-bottom: 20px;
}
#slider .carousel-control .nav1 {
    display: none;
    position: absolute;
    right: 19%;
    bottom: 81px;
    font-size: 14px;
    color: #000;
    padding: 0 5px;
    background-color: #ffc61a;
    z-index: 1;
}
#slider a.theme_white_button{
  border-left: 25px solid #153655;
  background-color: #eb2226;
}
#slider a.theme_white_button:hover{
  border-left: 25px solid #eb2226;
  background-color: #153655;
}
#slider a.theme_white_button:hover i{
  color: #ffffff;
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
  width: 100%;
}
#sidebar .textwidget label {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: #333;
    border: none;
    color: #ffffff;
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid #bbb;
}
#sidebar h3 {
   margin: 0 0 10px;
   font-size: 20px;
   color: #eb2226;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #eb2226;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
 padding: 10px 10px;
    font-size: 15px;
    margin-bottom: 10px;
    color: #6c6c6c;
    border: solid 1px #e1e1e1;
    width: 100%;
}
#sidebar label{
  width:100%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background-color: #eb2226;
    color: #fff;
    padding: 10px 0;
    font-size: 12px;
    width: 100%;
    letter-spacing: 2px;
    font-weight: bold;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #bbb;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li{ 
  line-height: 32px;
  background: url('assets/images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a{
  background:#eeeeee; 
  color:#000; 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#3890cb;
}
#sidebar .widget_recent_entries ul li{ 
  background: none;
}
#sidebar .post-content {
  line-height: 20px;
  margin-bottom: 15px;
}
span.credit_link a {
  color: #eb2226;
}
a.custom_google {
  background: #da4835;
}
a.custom_linkedin {
  background: #007bb5;
}
a.custom_pinterest {
  background: #d73431;
}
a.vk {
  background: #507299;
}
a.custom_tumblr {
  background: #36465d;
}
a.flicker {
  background: #b517ad;
}
a.custom_facebook {
  background: #3c5a99;
}
a.custom_twitter {
  background: #55acee;
}
a.custom_instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
a.custom_youtube {
  background: #d12122;
}
/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1{
  color: #eb2226;
}
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #eb2226;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 50%;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce-billing-fields__field-wrapper .form-row,.woocommerce-additional-fields__field-wrapper .form-row{
  display: block;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 21%;
    margin-left: 0;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
    max-width: 100%;
  }
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #eb2226;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #eb2226;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #ffffff;
  color: #333333;
  border: 1px solid #eb2226;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #eb2226;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
    padding: 0 .5em .5em;
    display: inline-block;
}
/*-------------- media section ---------------*/
@media screen and (max-width:1199px) {
  .why-choose-us-icon-line:after {
    height: 56px;
    margin-left: 2%;
    margin-top: 5%;
  }
}
@media screen and (max-width:767px) {
  .play-button {
    padding: 100px;
  }
  .services-img{
    text-align: center;
  }
  .services-content{
    padding: 0 0!important;
  }
  .services-icon {
    padding: 3px 10px;
    width: 30px;
    height: 30px;
  }
  .video_img {
    margin: 25% 40%;
  }
  .contact_details ul li{
    text-align: center;
  }
  .about-content a {
    margin-bottom: 10px;
  }
  .about-content{
    margin: 0;
  }
  .top_bar_btn {
    text-align: center;
    margin-bottom: 20px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  .gallery-image img{
    height: 140px !important;
  }
  div#TB_window {
    width: 90% !important;
  }
  #testimonials .owl-dots {
    text-align: center;
    margin-top: 20px;
  }
  #our_records h4, .counter_inner {
    text-align: center;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .socialbox {
    text-align: center;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  /*.menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }*/
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
  #slider p {
    display: none;
  }
  .about-sec,
  .about-image{
    width: auto;
    float: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  .about-image{
    max-width: 400px;
    margin: 0 auto;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
}
@media screen and (max-width:576px) {
  #header .logo, #home_contact .socialbox{
    text-align: center;
  }
  .socialbox a i {
    width: 30px;
    padding-top: 10px;
    font-size: 10px;
    height: 30px;
  }
  section#why-choose-us, section#testimonials, section#products, section#services, section#popular-cars{
    padding-top: 30px;
  }
  section#latest_post, section#browse_car, #partners {
    padding-bottom: 20px;
    padding-top: 25px;
  }
  #products h3{
    padding-bottom: 0px;
  }
  #popular-cars a.nav-link{
    font-size: 12px;
    padding: .5rem 10px;
  }
  .services_wrap {
    padding: 25px 10px 35px 10px;
  }
  section#popular-cars button.owl-prev, section#popular-cars button.owl-next, #services button.owl-prev, #services button.owl-next{
    padding: 5px 8px !important;
  }
  #popular-cars ul.nav.nav-pills.nav-justified{
    margin-bottom: 15px;
  }
  #about a.nav-link{
    padding: 15px 5px 15px 15px;
  }
  #popular-cars h3, h3.partner_title, #services h3{
    padding-bottom: 15px;
  }
  .service-bg h3, #services h3, #popular-cars h3, h3.partner_title, .blog-heading h3, #why-choose-us h3.car_titles, #testimonials h3.testimonials_title, #products h3, h3.partner_title{
    font-size: 22px;
  }
  #testimonials .short_text{
    font-size: 12px;
    line-height: 25px;
  }
  #testimonials p.dest_testimonial {
    font-size: 13px;
    line-height: 20px;
  }
  h4.testimonial_name {
    line-height: 25px;
    padding-bottom: 0;
  }
  #newsletter .newsletter-head input[type="email"] {
    max-width: 100%;
  }
  .search_popup label{
    width: 64%;
  }
  .serach_inner {
    margin: 10px;
    width: auto;
  }
  .inner_product {
    border: 1px solid;
  }
  button#searchcar {
    margin-top: 10px;
  }
  .inner_product img {
    text-align: center;
    margin: 0 auto;
    display: table;
 }
  #about li.nav-item{
    width: 52%;
  }
  section#about {
    padding-top: 0;
 }
  .details {
    padding-bottom: 10px;
 }
 input#carname,select#cartype,#search-cars input#carminprice {
    margin-bottom: 10px;
 }
 #popular-cars ul li{
  margin-left: 0;
 }
 section#popular-cars button.owl-prev,section#popular-cars button.owl-next{
  padding: 3px 8px;
 }
 #popular-cars li.car_name{
  margin-right: 15px;
 }
 .btn-about{
  margin-bottom: 25px;
 }
 div#home_contact{
  position: relative;
 }
 .bg-color{
  box-shadow: none;
  padding-bottom: 5px;
 }
 #slider .slider-box{
  display: none;
 }
 span.search-icon.hvr-icon-grows{
  background:none;
 }
  h4.testimonial_name,#testimonials p.dest_testimonial {
    text-align: center;
 }
 section#popular-cars button.owl-next{
  right: 0;
  top: 65%;
 }
 #services button.owl-next{
  right: 0;
  top: 38%;
 }
 #services button.owl-prev{
  left: 0;
  top: 38%;
 }
 section#popular-cars button.owl-prev{
  top: 65%;
  left: 0;
 }
 #products h3{
  padding-bottom: 1em;
 }
  #newsletter .newsletter-head input[type="submit"] {
    position: absolute;
    right: 16px;
    padding: 7px 9px;
  }
  #latest_post .owl-nav {
    display: none;
  }
  #site_top ul.left-side-content {
    display: grid;
  }
  #slider h2 {
    font-size: 22px;
  }
  a.theme_white_button {
    margin-top: 10px;
    padding: 10px 14px;
    font-size: 12px;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 0;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider a i{
    padding: 1px;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  /*.menubar {
    padding: 0 15px;
  }*/
  .serach_inner input.search-field {
    width: 85%;
  }
}
@media screen and (min-width: 577px) and (max-width:767px){
  #newsletter .newsletter-head input[type="email"] {
    max-width: 85%;
  }
  .serach_inner {
    margin: 10px;
    width: 97%;
 }
 .search_popup label{
  width: 80%;
 }
  #testimonials blockquote:after{
    display: none;
  }
  ul.car-meta-fields{
    margin:0;
  }
  button#searchcar{
    margin-top: 10px;
  }
  section#popular-cars button.owl-prev{
    display: none;
  }
  section#browse_car {
    padding-bottom: 40px;
    padding-top: 25px;
  }
  section#popular-cars button.owl-next{
    display: none;
  }
  /*.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    background:none;
  }*/
  #home_contact p{
    letter-spacing: 0;
  }
  #about li.nav-item{
    width: 100%;
  }
  div#home_contact{
    position: relative;
  }
  section#latest_post{
    padding-top: 40px;
  }
  #latest_post h4.latest_post_name a{
    font-size: 17px;
  }
  .btn-about {
    margin-bottom: 25px;
  }
  #testimonials p.dest_testimonial{
    font-size: 11px;
  }
  #testimonials h4.testimonial_name a{
    font-size: 13px;
  }
  #testimonials blockquote:after{
    bottom: -53px;
    left: 40%;
  }
  section#about {
    padding-top: 0;
  }
  input#carname {
    margin-bottom: 10px;
  }
  #slider h2{
    font-size: 20px;
  }
  #slider .slider-box{
    padding: 27px 44px 27px 38px;
  }
  a.theme_white_button{
    padding: 1px 4px;
  }
  #slider a.theme_white_button{
    margin-top: 15px;
  }
  .details {
    margin-bottom: 15px;
  }
  #newsletter .newsletter-head input[type="submit"] {
    right: 13%;
  }
  #site_top .contact_details ul li span {
    font-size: 8px;
  }
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 8px;
  }
}
@media screen and (max-width:768px) {
  #slider .inner_carousel {
    padding: unset;
  }
  #popular-cars ul li{
    margin-left: 0;
  }
  .top_social {
    padding: 10px 0;
    margin-left: 0;
  }
  /*.menubar {
    position: relative;
    right: 0;
  }*/
}
@media screen and (min-width: 768px) and (max-width:991px){
  #site_top .contact_details ul li span {
    font-size: 12px;
  }
  .search_popup label{
    width: 85%;
  }
  #popular-cars ul li{
    margin-left: 5px;
  }
  div#home_contact{
    position: relative;
  }
  a.theme_white_button{
    margin-top: 10px;
    padding: 3px 20px;
  }
  #slider p{
    height: auto;
    line-height: 25px;
  }
  button#searchcar{
    margin-top: 10px;
  }
  #slider h2{
    font-size: 18px;
  }
  #slider .slider-box{
    height: 92%;
  }
  .details {
    margin-bottom: 10px;
  }
  #services button.owl-prev,#services button.owl-next,section#popular-cars button.owl-prev,section#popular-cars button.owl-next{
    display: none;
  }
  /*.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    background:none;
  }*/
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 9px;
  }
  #header .col-lg-2.col-md-3.top_bar_btn {
    margin-top: 12px;
  }
  /*.main-navigation ul ul{
    position: static;
  }*/
}
@media screen and (min-width: 992px) and (max-width:1024px){
  .main-navigation ul ul{
    position: static;
  }
  .search_popup label{
    width: 85%;
  }
  span.admin{
    margin-right: 5px;
    margin-left: 0px;
  }
  div#home_contact{
    position: relative;
  }
  #popular-cars ul li{
    margin-left: 5px;
  }
  #services button.owl-prev,#services button.owl-next,section#popular-cars button.owl-prev,section#popular-cars button.owl-next{
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-width:1200px){
  #services button.owl-prev,#services button.owl-next,section#popular-cars button.owl-prev,section#popular-cars button.owl-next{
    display: none;
  }
  #slider h2{
    font-size: 20px;
  }
  #slider .slider-box{
    padding: 12px 55px 35px 38px;
  }
  .search_popup label{
    width: 85%;
  }
  #slider .carousel-caption{
    top:61%;
  }
  section#popular-cars button.owl-prev{
    padding: 10px 16px;
  }
}
@media screen and (max-width:991px) {
  .why-choose-us-icon-line:after {
    display: none;
  }
  .why-choose-box{
    margin-top: 10px;
  }
  #about p.text-uppercase.font-weight-bold {
    font-size: 11px;
  }
   #team .team-image img {
    width: 100% !important;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  small {
    font-size: 13px !important;
  }
  #slider a i {
    padding: 5px 8px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px){
  .main-header .side-navigation { display: none; }
  .headerbar,.side-navigation,.side-navigation li,.side-navigation ul li a,.side-navigation ul ul li,.side-navigation li.current_page_item{ display: block; }
  .side-navigation a{
    text-align: left;
  }
  .side-navigation ul ul{
    display: block !important;
    background: unset;
    position: relative;
  }
  .side-navigation ul ul li{
    border-bottom: unset;
    padding: 5px 12px;
  }
  .side-navigation ul ul ul, .side-navigation ul ul{ left: 5px; }
  .hamburger {
    font-size: 29px;
    color: var(--darkgray);
    cursor: pointer;
  }
  .headerbar i{ color: #24272e; }
  amp-sidebar#sidebar1{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #24272e;
    overflow-x: hidden;
    transition: all 0.5s ease;
    padding-top: 60px;
    cursor: pointer;
  }
  .close-sidebar {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .side-navigation li{
    border-top: 1px solid #656565;
    display: block;
    width: 18rem;
    padding: 5px;
    margin: 0;
  }
  .side-navigation li.current_page_item a {
    background: unset;
  }
  .side-navigation ul li a,.sticky .side-navigation a {
    padding: 5px 10px;
    display: block;
    color: #ffffff;
    line-height: 25px;
  }
  .side-navigation ul li ul li a:before { content: "\00BB \00a0"; }
  .side-navigation li.current_page_item a, .side-navigation a:hover {
    color: #eb2226;
    border: none;
  }
  .headerbar{
    margin-top: 10px;
  }
   #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
    display: none;
  }
}
/* Icon Grow */
#header .hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#header .hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#header .hvr-icon-grow:hover .hvr-icon, 
#header .hvr-icon-grow:focus .hvr-icon,
#header .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
#about .hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#about .hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#about .hvr-icon-wobble-horizontal:hover .hvr-icon, 
#about .hvr-icon-wobble-horizontal:focus .hvr-icon, 
#about .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#header .hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#header .hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#header .hvr-icon-wobble-horizontal:hover .hvr-icon, 
#header .hvr-icon-wobble-horizontal:focus .hvr-icon, 
#header .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
embed{
  max-width: 100%;
}
.modal-footer button {
    cursor: pointer;
}
.main_title h1, .sayar-entry-title {
    text-align: left;
}
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/*----------------- Loader -----------------------*/


@keyframes spin{
  0% {
    transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -3px) rotate(36deg);
  }
  20% {
    transform: translate(-2px, 0px) rotate(72deg);
  }
  30% {
    transform: translate(1px, 2px) rotate(108deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(144deg);
  }
  50% {
    transform: translate(-1px, 3px) rotate(180deg);
  }
  60% {
    transform: translate(-1px, 1px) rotate(216deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(252deg);
  }
  80% {
    transform: translate(-2px, -1px) rotate(288deg);
  }
  90% {
    transform: translate(2px, 1px) rotate(324deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(360deg);
  }
}
@keyframes speed {
  0% {
    transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -3px) rotate(-1deg);
  }
  20% {
    transform: translate(-2px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 3px) rotate(-1deg);
  }
  60% {
    transform: translate(-1px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-2px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(2px, 1px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

@keyframes strikes{
  0% {
    left: 25px;
  }
  100% {
    left: -80px;
    opacity: 0;
  }
}

@keyframes dots {
  0% {
    width: 0px;
  }
  100% {
    width: 15px;
  }
}

@keyframes fadeIn{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#pre-loader {
  background: #EC2127;
  font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
  margin: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fadeIn{
  animation: fadeIn .4s both;
}
.loading-window{
  animation: fadeIn 0.4s both;
  background: #333;
  border-radius: 6px;
  border: 3px solid #ffe4e1;
  color: #ffe4e1;
  height: 200px;
  left: 50%;
  margin-left: -150px;
  margin-top: -100px;
  position: fixed;
  top: 50%;
  width: 300px;
  z-index: 99;
}
.loading-window .car{
  position: relative;
  width: 117px;
  height: 42px;
  left: 0;
  top: 0px;
  right: 0;
  margin: 0 auto;
}
.loading-window  .strike {
  position: absolute;
  width: 11px;
  height: 1px;
  background: #ffe4e1;
  animation: strikes .2s linear infinite;
}
.loading-window .strike2{
  top: 11px;
  animation-delay: .05s;
}
.loading-window .strike3{
  top: 22px;
  animation-delay: .1s;
}
.loading-window .strike4{
  top: 33px;
  animation-delay: .15s;
}
.loading-window .strike5{
  top: 44px;
  animation-delay: .2s;
}
.car-detail{
  position: absolute;
  display: block;
  background: #ffe4e1;
  animation: speed .5s linear infinite;
}
.car-detail.spoiler{
  width: 0;
  height: 0;
  top: 7px;
  background: none;
  border: 20px solid transparent;
  border-bottom: 8px solid #ffe4e1;
  border-left: 20px solid #ffe4e1;
}
.car-detail.back{
  height: 20px;
  width: 92px;
  top: 15px;
  left: 0px;
}
.car-detail.center{
  height: 35px;
  width: 75px;
  left: 12px;
  border-top-left-radius: 30px;
  border-top-right-radius: 45px 40px;
  border: 4px solid #ffe4e1;
  background: none;
  box-sizing: border-box;
}
.car-detail.center1{
  height: 35px;
  width: 35px;
  left: 12px;
  border-top-left-radius: 30px;
}
.car-detail.front{
  height: 20px;
  width: 50px;
  top: 15px;
  left: 67px;
  border-top-right-radius: 50px 40px;
  border-bottom-right-radius: 10px;
}
.car-detail.wheel{
  height: 20px;
  width: 20px;
  border-radius: 50%;
  top: 20px;
  left: 12px;
  border: 3px solid #333;
  background: linear-gradient(45deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), linear-gradient(-45deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), linear-gradient(90deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), linear-gradient(0deg, transparent 45%, #ffe4e1 46%, #ffe4e1 54%, transparent 55%), radial-gradient(#ffe4e1 29%, transparent 30%, transparent 50%, #ffe4e1 51%),#333;
  animation-name: spin;
}
.car-detail.wheel2{
  left: 82px    
}
#return-to-top {
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: fixed;
  bottom: 10px;
  right: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99999;
  display: none;
}
#return-to-top i {
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
  color: #eb2226;
}
#return-to-top:hover i { top: 5px; }
#return-to-top.left{ left: 10px; }
#return-to-top.center{
  left: 50%;
  right: 50%;
}
#footer del {
  color: #000;
  font-size: 11px;
}
#footer ins {
  color: #000;
  font-size: 12px;
}
.sticky {
  position: fixed;
  top: 0px;
  padding: 10px 0px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: 100%;
  left: 0;
  margin: 0;
}
.stickynavbar {
  background-color: #eb2226 !important;
  z-index: 9999;
  box-shadow: 0 0 8px grey;
}
.sticky .menu-box {
    margin: 0 auto;
}