/*
Theme Name: Automobile Car Dealer Pro
Theme URI:  https://www.buywptemplates.com/products/premium-automotive-wordpress-theme
Author: Buy WP Templates
Author URI:  https://www.buywptemplates.com/
Description: The premium Automotive WordPress theme is a multipurpose theme for all the automobile businesses. It is designed keeping in mind the wide range of purposes it is going to fulfill. It can be used for the business of car and/or truck lift, resale vehicle, automobile manufacturing unit, automobile showroom etc. It is jam-packed with all the overwhelmingly amazing features that you wish to see on your site. It is important to have a good website design to reflect your good business skills and valuable services. This theme will give the best professional look to your business. Its easy navigation and user-friendly interface will make visitors’ experience soothing. It is developed and well written by our expert developers to make it bug-free. This ultimately makes it SEO friendly hence ranking it higher in Google search. The unique design of our premium Automotive WordPress theme makes your site stand out among hundreds of other sites. It has all the possible colours in its colour palette to give any colour to your website. These all features in your site will definitely attract more customers towards it.
Version: 1.2.2
License: GNU General Public License
License URI:license.txt
Text Domain:automobile-car-dealer-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

*/
/* 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;
  font-family: 'Poppins';
  color:#5b5b5b; 
}
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;
  font-family: 'Ubuntu';
  letter-spacing: 1px;
  color:#5b5b5b;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  font-family: 'Poppins';
  letter-spacing: 0px;
}
body a{
  text-decoration:none;
  color: #dd3333; 
}
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-style: italic;
  width: 400px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -10px;
  top: -30px;
  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 rgba(0,0,0,.15);
  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;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 8px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #dd3333;
}
input[type="submit"]:hover{
  cursor: pointer;
}

.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;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  border:1px solid #bbb; 
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  border:1px solid #bbb; 
  padding:5px; 
  margin-bottom:10px;
  border:1px solid #bbb; 
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  border:1px solid #bbb;
  padding:5px; 
}
.alignnone {
    border: 1px solid #bbb;
    padding: 5px;
}
dl#attachment_612 {
    border: none;
}
.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;
}
/*-------------------------- Main Title --------------------------*/
.main_title h1 {
  font-size: 28px;
  margin-top: 10px;
  text-transform: uppercase;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: separate;
  border-spacing: 12px;
  border-width: 1px 0 0 1px;
  margin: 0 0 0.75em;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #ddd;
}
.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: 2px;
}
/*-------------------- 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 #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}

aside.widget_media_gallery img {
    border: none !important;
}
/* --------------------------HEADER---------------------------- */
.home.blog#header {
    position: static;
}
.overlay_header{
  position: absolute;
  top: 2em;
}
#header {
  z-index: 99;
  width: 100%;
  background: transparent;
  margin-top: 20px;
}
.innerheader {
  background: #fff;
  padding: 0;
}
.contact_details {
  padding: 30px 0 12px 0;
}
.cont-row{
  margin: 0;
}
.main-cont{
  padding: 0;
}
.contact_details i {
  color: #111;
  font-size: 15px;
  margin-right: 10px;
}
.contact_details span {
  color: #111;
  font-size: 13px;
}
.consultation {
  background: #dd3333;
  padding: 10px 15px;
  text-align: right;
}
.consultation a {
  color: #fff;
  font-size: 15px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
}
.consultation i {
  margin-right: 10px;
}
#header  .small_media {
  border-right: 2px solid;
}
#header  .small_media:last-child {
  border-right: none;
  padding: 0 !important;
}
p.hi_bold {
  color: #dd3333;
}
p.hi_normal {
  color: #757575;
}
.menubar {
  background: #090909;
  -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;
}
.address i {
  vertical-align: middle;
  font-size: 36px;
  margin-right: 5px;
  color: #dd3333;
  padding: 0px 6px;
  margin-top: 3px;
}
#header .logo{
  margin:0;
}
#header .logo h1{ 
  padding:0; 
  margin-bottom:8px; 
  font-size:25px; 
  font-weight:bold; 
  margin-top: 0; 
  text-align:left;  
  font-family: 'Ubuntu', sans-serif;
}
#header .logo a.custom-logo-link{ 
  color:#000000;
}
#header .logo p{ 
  color: #757575;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.search-box span i{
  color: #000;
  font-size: 14px;
  cursor: pointer;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.home.blog #header.overlay_header{
  position: static;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 9999999;
  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;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  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: flex;
  border-radius: 0;
  background: transparent;
  margin: 0 auto;
  max-width: 700px;
  width: 95%;
  border-radius: 0;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 95%;
}
.serach_inner input.search-field {
color: #ffffff;
}

.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
ul.search-consult {
  float: right;
  padding: 10px 0;
}
ul.search-consult li:nth-child(1) {
  list-style: none;
  display: inline;
}
ul.search-consult li:nth-child(2) {
  list-style: none;
  display: inline;
}

/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #ffffff;
}

.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;
}

a.closebtn.mobile-menu {
    display: none;
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
.main-navigation .menu{
  float: right;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation li{
  float: left;
  position: relative;
  line-height: 65px;
  padding: 0 5px;
}
.main-navigation li:hover {
  background: #dd3333;
}

.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  padding: 0;
  margin: 0 8px;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 9999;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #888;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #dd3333;
}
.main-navigation .menu > ul > li.highlight{
  background: #dd3333;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

.menubar.scrolled .menu > ul > li:hover > a:before,
.menubar.scrolled .menu > ul > li.current_page_item > a:before,
.menubar.scrolled .menu > ul > li.current-menu-item > a:before{
  height: 2px;
}

.menu > ul > li.exoplanet-search:before{
  background: transparent !important;
}

.main-navigation ul ul li:hover > a{
  color: #000;
}

.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{
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    /*float: right;*/
    text-align: right;
    width: auto;
}

/*----------------------Mobile Menu Icon------------------------------*/
.toggle-nav{
  display: none;
  position: relative;
  float: right;
  top: 10px;
  right: 15px;
  height: 30px;
  width: 30px;
  cursor: pointer;
}

/*----------------------  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;
}
/*---------------------- Services ------------------------*/
#auto_services h3 a {
  color: #ffffff;
}
#auto_services {
  padding: 3% 0;
}
.serv-head {
  background: #dd3333;
  padding: 20px;
  color: #fff;
  margin-bottom: 25px;
}
.serv-head h2 {
  color: #fff;
}
.serv-head a {
  color: #fff;
  font-size: 12px;
  border-bottom: solid 1px #fff;
  padding: 0 0 3px 0;
  margin-top: 12px;
}
.serv-head i {
  font-size: 14px;
  margin-left: 9px;
}
.color-box {
  padding: 25px;
}
.serv-text1 {
  background-color: rgba(38 ,173 ,221,0.8);
  padding: 3.5em 0;
  text-align: center;
}
.serv-text2{
  background-color: rgba(228 ,76 ,65,0.8);
  padding: 4em 0;
  text-align: center;
}
.color-box {
background-size: cover;
}
.serv-text3{
  background-color: rgba(125 ,93 ,177,0.8);
  padding: 4em 0;
  text-align: center;
}
.serv-text4{
  background-color: rgba(77 ,164 ,51,0.8);
  padding: 4em 0;
  text-align: center;
}
.serv-text5{
  background-color: rgba(223 ,180 ,38,0.8);
  padding: 1.8em 2em;
  text-align: center;
}
#auto_services h3 {
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
  font-weight: 600;
  letter-spacing: 1px;
}
.color-5 {
  margin-top: 25px;
}
.serv-text5 h3 {
  font-size: 31px !important;
  text-align: left;
  margin: 0 !important;
}

/*------------- Car Brand-----------------*/
#car_brand {
  padding: 3% 0;
  background-attachment: fixed;
  background-position: center;
}
#car_brand h2,
.brand span a  {
  color: #fff;
}
#car_brand p {
  font-size: 15px;
  color: #fff;
}
.brand {
  margin: 35px 0;
}
.brand span {
  border: solid 1px #fff;
  padding: 10px 15px;
  font-size: 15px;
  margin-right: 10px;
  display: inline-block;
  margin-top: 10px;
}
.brand span:hover {
  background: #dd3333;
  border:solid 1px #dd3333;
}
.brand-btn a {
  border-radius: 0;
  background: #dd3333;
  border: none;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 12px 20px;
}

/*------------- Brands -----------------*/
#brand {
  text-align: center;
  padding: 3% 0;
}
img.feature-img {
  background: #eee;
}

/*------------- Newsletter -----------------*/
#newsletter {
  text-align: center;
  padding: 3% 0;
}
.mid-content h2 {
  color: #000;
}
.mid-content i {
  color: #dd3333;
  margin-right: 8px;
  font-size: 40px;
}
.mid-content p {
  padding: 0 12em;
  font-size: 12px;
  color: #6c6c6c;
}
#newsletter input[type="email"] {
  background: #eee;
  border: none;
}
#newsletter input[type="email"]::placeholder{
  color: #bbb;
  font-style: italic;
}
#newsletter input[type="submit"]{
  padding: 10px 20px;
}

/*------------- Counter Section -----------------*/
#counter .nav-item {
  padding: 0;
  background: rgba(0, 0, 0, 0.69);
}
.counter-box h3 {
  margin: 0;
  color: #fff;
  font-weight: bold;
}
.counter-box p {
  color: #fff;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: bold;
}
.counter-con-box {
  background: #fff;
  margin-top: 5em;
  padding: 15px;
}
.counter-con-box h3 {
  font-size: 50px;
  font-weight: bold;
  color: #dd3333;
  margin-top: 0;
  padding: 0;
}
.counter-con-box h4 {
  font-weight: bold;
  padding: 0;
  color: #333;
}
.counter-con-box p {
  margin-top: 10px;
}
#counter .nav-pills .nav-item.show .nav-link, #counter .nav-pills .nav-link.active {
    background: #dd3333;
    border-radius: 0;
    color: #ffffff;
}
#gallery_sec .nav-pills .nav-item.show .nav-link, #gallery_sec .nav-pills .nav-link.active {
  background: transparent;
  border-radius: 0;
  border-left: 3px solid #dd3333;
  color: #333;
}


/*------------- Latest post -----------------*/
.info_box, .info_upper {
    position: absolute;
    bottom: 0;
}
.comments_bg {
  background: #3f3f3f;
  color: #fff;
  text-align: center;
}
.date_bg {
  background: #111111;
  text-align: center;
  color: #ffffff;
}
#latest_post p, #latest_post a{
  margin-bottom: 0 !important;
  padding: 15px 0;
}
.rd_bg {
  background: #dd3333;
  color: #ffffff;
  text-align: center;
  padding: 15px 0;
}
.blog-post-image img {
    max-height: 300px;
    width: 100%;
    height: 300px;
}
.rd_bg a{
  color: #ffffff;
}
.blog-post-image {
  background: #f3f1f1;
}
.box-outer {
  background: #eceeef;
}
#latest_post h4 a{
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}
.latestpost_box h6{
  font-weight: bold;
}
.latestpost_box {
  margin: 0 20px;
  padding: 20px 8px;
  
  background: #ffffff;
}
.pad-above{
  position: relative;
  top: -5em;
}
.bigpost-img {
  position: relative;
}
.latestpost_box {
  margin: 0 20px;
  padding: 20px 8px;
}
.post-content {
  font-size: 13px;
  color: #333;
}
.post-button {
    margin-top: 25px;
}
.widget_recent_entries ul li:before{
      content: '' !important;
}
.latestpost_box i {
  font-size: 20px;
  margin-right: 10px;
  color: #444;
}
.post_thumb {
    position: relative;
    overflow:hidden;
}
.latestpost_box span {
  color: #444;
}
.dayscounts span.main-box {
  width: 100%;
  max-width: 100%;
  float: left;
  border-radius: 44px;
  background: #fff;
}
.dayscount a:hover {
  color: #fff;
  background: #8abb30;
}
.dayscount a {
  color: #a8a7a7;
  border-radius: 44px;
  color: #a8a7a7;
  background: #fff;
  width:100%;
  float: left;
}
.post_thumb img {
    width: 100%;
}
.post_thumb:hover img {
    width: 100%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.post-button a {
  background: #333;
  padding: 15px 15px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}

/*------------------------- Testimonials Shortcode -----------------------------*/
.testimonial_shortcode a {
    display: inline-block;
    margin: 5px;
}
.testimonial_shortcode_social a {
    color:#fff;
    background: #dd3333;
    padding: 10px;
    margin: 10px 0;
    border-radius: 50%;
    border: 1px solid #dd3333;
    margin:2px;
}
.testimonial_shortcode_social a i {
    width: 20px;
    color: #ffffff;
    text-align: center;
}
.testimonial_shortcode_social {
    text-align: right;
}
.image-box.testimonial-box {
    text-align: center;
}
.testimonial_social a {
  display: table;
  background: #dd3333;
  padding: 10px;
  margin: 10px 0;
  border-radius: 50%;
  border: 1px solid #dd3333;
}
.testimonial_social a i{
  width: 20px;
  color: #ffffff;
  text-align: center;
}
.testimonial_social a:hover{
  background: #ffffff !important;
  border: 1px solid #dd3333;
}
.testimonial_social a:hover i{
    color: #dd3333; 
}
.testimonial-box .nav-item,
.testimonial-box a {
    padding: 0;
}
.testimonial-box img{
  width: 100%;
}
.testimonial-box .nav-link.active img{
  opacity: 0.2; 
}
.testimonial-con-box {
    background: #fff;
    padding: 15px;
}
h4.testimonial_name a {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
}
h4.testimonial_name a:hover{
  color: #dd3333;
}
.testimonial-con-box span {
    font-size: 15px;
    letter-spacing: 2px;
    font-style: italic;
}
.testimonial-con-box .link-more {
    display: none;
}
.testibox {
    padding: 3%;
}
.dark-content h2 {
    color: #fff;
}
.dark-content i {
    color: #dd3333;
    margin-right: 8px;
    font-size: 40px;
}
.dark-content p {
    padding: 0 12em 0px 0px;
    color: #fff;
    font-size: 12px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   background-color: #dd3334;
}
/*---------------------single Testimonial--------------------*/
body.testimonials-template-default.single-testimonials .testimonial_social a {
    display: inline-block;
}
/*------------------------- Sponsers -----------------------------*/
.brands-logo {
    text-align: center;
    margin: 10px 0;
}
/*-------------------------Single Property Page -----------------------------*/
.prop_more_details {
  margin: 20px 0;
}
.feature-box img {
  width: 100%;
  margin-bottom: 15px;
}
.feature-box {
  position: relative;
}
.feature-box .carousel-control-prev-icon, .feature-box .carousel-control-next-icon{
  background-image: none;
}
.feature-box i{
    border: 1px solid #ffffff;
    padding: 0 12px;
}
.feature-box .carousel-control-next, .feature-box .carousel-control-prev{
  opacity: 1;
}
.meta-content {
  width: 100%;
  float: left;
  display: block;
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 10px;
}
span.Address {
    font-size: 15px;
}
span.Address i {
  margin-right: 5px;
}
.comp_price {
    margin-left: 11px;
    color: #bbb;
}
.gallery-image{
  padding: 5px;
}
.gallery-image img{
  width:100%;
}
.gallery_img{
  width: 100%;
  height: 100%;
}
.prop-bx {
  border-right: 1px solid #ccc;
  padding: 20px 15px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.fetaures {
  width: 100%;
  float: left;
  margin: 20px 0;
  border: 1px solid #ccc;
}
.row.feature_row {
  margin: 0;
}
.feature_row i {
  width: 100%;
}
.property_desc {
  width: 100%;
  display: block;
  float: left;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold; 
  margin: 0 auto;
  padding:0;
  margin-bottom: 20px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 26px;
  text-transform: uppercase;
}
section h3{
  margin:30px 0 0 0;
  font-family: 'Ubuntu', sans-serif;
}
section h4{
  color:#000; 
  font-size:20px;
  font-family: 'Ubuntu', sans-serif;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
  font-family: 'Ubuntu', sans-serif;
}
.innerbox{
  background-size:100% 100%;
 /* padding:4.5em 0;*/
}

/*------------------ Contact Section -----------------*/
.contac_form input[type="submit"] {
  margin-top: 0;
  float: none;
  margin-bottom: 20px;
}
.contac_form label{
  width: 100%;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.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;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  border: 1px solid #bcbcbc;
  width: 47% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;
}
.contact-box .wpcf7 textarea {
    width: 97%;
}
.contac_form.col-md-12 {
    margin-top: 20px;
}
/*---------------- Footer Section ----------------------*/
.footer-menu ul li {
    display: inline;
    padding: 10px;
}
.footer-menu ul li:first-child {
    padding-left: 0;
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid;
  margin: 0 2px;
}
#footer input, #footer textarea{
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
#footer p.post-date {
    color: #ffffff;
    font-size: 11px !important;
}
.copyright {
  padding-bottom: 12px;
  background: #dd3333;
  text-align: center;
}
.copyright p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
  width: 100%;
  font-weight: bold;
}
span.credit-link.text-right a {
    color: #ffffff;
}
.socialbox {
  text-align: right;
}
.main_sociobox {
    padding: 20px 0;
}
#footer{ 
  text-align:center;
  color:#888888;
  padding:40px 0 0 0px;
  text-align:left;
  background: #292b2c;
}
.footer_hide{
  display:none;
}
.container #blog-right-sidebar h3,
#footer h3{
  color:#dd3333;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#ffffff;
}
#footer .copyright a {
    color: #fff;
	cursor: pointer;
}
#footer input{
  padding:8px 0; 
  float:left;
  margin:5px 0;
  border-radius:0px;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  background: transparent;
  border-radius: 5px;
  color: #ffffff;
  border-left: 1px solid #dd3333;
  border-right: 1px solid #dd3333;
  border-bottom: 3px solid #dd3333;
  text-transform: uppercase;
}
#footer .copyright{
  text-align:center; 
  border-top:1px solid #337ab7;
  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;
}
#footer ul li a, #footer p, #footer a {
  color: #888888;
}
#footer p{
font-size:14px;
margin: 0;
line-height: 20px;
}
.widget_recent_entries img {
  width: 100px;
  height: 60px;
}
/* ---------  Footer Menu ------- */
.footer-social-icons a:hover{
}
.footer-social-icons a i {
    border: 1px solid #464a4c;
    border-radius: 50%;
    width: 31px;
    height: 31px;
    padding: 7px 0;
    text-align: center;
}
.footer-social-icons a:hover i{
    color: #ffffff;
    background: red;
    border-color: red;
}
.footer-menu {
    border-bottom: 1px solid #464a4c;
}
#footer .footer-menu ul li a:hover {
  color: #ffffff;
}
.about_me aside i{
  color: #dd3333;
}
/* --------- 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 {
   border: none;
   border-radius: 6px;
   padding-bottom: 15px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
   color: #dd3333;
}
a.post-readmore i {
   margin-left: 8px !important;
   font-size: 18px;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 2px;
}
.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;
}
.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;
}
#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%;
}
/* -------------- CONTACT Page --------------- */
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
}
.inner-cont {
  padding: 20px 0;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  font-size: 38px;
  background-color: transparent;
  padding: 7px 17px;
  border-radius: 50%;
  color: #dd3333;
  margin-right: 1%;
  width: 60px;
  margin: 0 auto;
}
.contact-info .head{
  color:#000;
}
.contact-address,
.contact-email,
.contact-phone{
  margin-bottom: 2%;
}
/* ----------------------- POST---------------------- */
#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:#dd3333;
}
.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 #dd3333;
  border-right: 1px solid #dd3333;
  border-bottom: 3px solid #dd3333;
  text-transform: uppercase;
  border-top: none;
}
#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#3890cb;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  float:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}
#comments p {
  width:100%;
  float:left;
}
#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;
}
#slider img {
    width: 100%;
}
#slider h5{
  text-transform: Capitalize;
  color: #ffffff;
  font-family: 'Ubuntu', sans-serif;
  font-size: 30px;
  border-left: solid #fff;
}
#slider p{ 
  color:#ffffff; 
  font-weight:700; 
  margin:15px 0 15px 0; 
  line-height:20px; 
  border-radius:0 0 5px 5px; 
  font:16px/20px lato; 
  font-weight:bold;
}
#slider p.price {
  font-size: 22px !important;
}
#slider .carousel-caption.d-none.d-md-block {
    max-width: 900px;
    margin: 0 auto;
}
#slider .btn-primary {
  color: #ffffff;
  background: transparent;
  border-radius: 0px;
  border: none;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
}
.inner_carousel i {
  background: #dd3333;
  padding: 12px 15px;
  font-size: 20px;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-35%); 
  bottom: inherit;
  text-align: left;
}
.inner_carousel{
  background: rgba(0, 0, 0, 0.49019607843137253);
  padding: 20px 20px;
  text-align: center;
}
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-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; 
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider a i {
  border: 2px solid #fff;
  padding: 12px;
  color: #fff;
}
#slider a i:focus, #slider a i:active, #slider a i:hover{
  background: #dd3333;
  border: none;
  transition: all 0.5s ease-out;
}
/*--------------- Sidebar -----------------*/
aside input.search-submit{
    background: #dd3333;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}
#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: #dd3333;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #d6d6d4;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:none; 
  font-size:15px; 
  color:#000;width:100%;
}
form.search-form.serach-page {
    position: relative;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 95%;
}
form.search-form.serach-page label {
  width: 100%;
  margin-bottom: 0;

}
#sidebar input[type="submit"]{
  border:none; 
  padding:14px;
  font-size:10px; 
  margin:0;
}
#sidebar aside{
  margin-bottom:30px;
  padding: 10px;
  border: 1px solid #ddd;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li{
  font-size: 14px;
  margin: 5px 10px;
  background: url(assets/images/bullets-sidebar.png) no-repeat 0px 8px;
  padding-left: 0px
}
#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;
}
.textwidget {
  padding: 20px 0;
}
/*------------- 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 10px 0 15px;
    margin-bottom: 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;
}
span.meta-nav {
    margin-right: 5px;
}
.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;
}
.content_boxes p {
    display: block;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.bradcrumbs a:hover{
  color:#fff;
}
/*-------------- Socail Widget ---------------*/
.social_widget a {
  padding: 0 10px;
}

/*-------------- Main Title ---------------*/
.main_title h1:after, .contact-info h4:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #dd3333;
  margin-top: 7px;
}
.social_widget a {
  padding: 6px 11px;
  border: 1px solid;
  margin: 3px;
  border-radius: 50%;
}
.social_widget a i{
  width: 11px;
  text-align: center;
}
 .contact-info h4:after{
    background: #dd3333;
 }
.share_icon i {
  padding: 9px 10px 0 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 50%;
  width: 30px;
  margin: 0 4px;
  text-align: center;
  height: 30px;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

/*-------------- 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-dots {
  display: none;
}
.owl-nav {
  margin: 12px auto;
  display: table;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- Perfect Cars ---------------*/
.car_box:hover span, .car_box:hover h4.car_name a{
  color: #dd3333;
}
.read-more a, h4.car_name a, .textcontent h4 a {
    color: #333;
}
.read-more a i, a.continue-reading i {
  margin-left: 8px;
  color:  #dd3333;
}

/*-------------- Our Projects  ---------------*/
#projects_courses {
    background-attachment: fixed;
    background-position: center;
}
.post-image {
    background: #ffffff;
}
.post-image.row img {
    margin: 12px 0px;
}
.textcontent p {
  font-size: 12px;
}
.main_post .post-image{
  background: transparent;
}
/*------------------------- Gallery -----------------------------*/
#gallery_sec ul {
    margin: 0;
}
#my_gallery {
  background-color: #E7E7E7;
  padding-top: 50px;
}
#my_gallery h2 {
  text-align: center;
  text-transform: uppercase;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-size: 36px;
}
#my_gallery h5 {
  text-align: center;
  color: #22272b;
  font-size: 15px;
  font-weight: normal;
}
/* Image Hover */
.view {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.view .mask,
.view .content { 
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.view img {
  display: block;
  position: relative;
  width:100%;
}
.second-effect .mask {
  opacity: 0;
  overflow:visible;
  border:0px solid rgba(0,0,0,0.7);
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
  display: none;
 }
.second-effect:hover .mask {
  opacity: 1;
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
#gallery p{
  text-align:center;
  font-size: 35px;
}
.single-post .gallery-image img {
  height: 150px;
}
#gallery img{
  height:200px;
}
.gallery-image img{
  height:200px;
  width:100%;
}
.gallery_img{
  width: 100%;
  height: 100%;
}
#TB_ajaxContent{
  padding: 1% !important;
  width:auto !important; 
  height:auto !important;
}
#TB_ajaxWindowTitle{
  text-align:center;
  color: #001e44;
  text-transform: capitalize;
}
/* gallery */
.gallery-image {
  height: 100%;
}
.view img {
  display: block;
  position: relative;
  width:100%;
  height:200px;
}
.bwt_img {
    height: 100%;
    width: 100%;
}
.view a.info {
  background: url(images/link.png) center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  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(221, 51, 51, 0.7);
}
#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;
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
.bwt_img a {
  pointer-events: none;
  cursor: default;
}
/*-------------- Video section ---------------*/
#video-landing {
  height: 450px;
  position: relative;
  overflow-y: hidden;
  color: white;
  background-size: 100% 100%;
}
#video-landing h2{
  color: #ffffff;
}
.overlay_content.text-center {
  position: absolute;
  width: 70%;
  display: table;
  top: 62%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6);
  padding: 25px;
}
.video_bgimg {
    background-size: 100% 100%;
    background-attachment: fixed;
}
.play-button {
    text-align: center;
    padding: 2em 0 0 0;
}
.play-button i {
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 68px;
    width: 68px;
    padding: 12px;
}
.modal-footer button.btn {
    border: 1px dashed;
}
/*-------------- Our Projects  ---------------*/
.main_post img {
    width: 100%;
}
/*-------------- Single Car page ---------------*/
.car_single_details .car-detail-heading .auto-text {
    float: left;
}
.car_single_details  .auto-price {
  float: right;
}
.car_single_details  .auto-text address {
  display: inline-block;
  font-style: normal;
  font-size: 12px;
  color: #999999;
}
.car_single_details  .auto-price span {
  font-size: 32px;
  font-weight: bold;
}
.car_single_details  .auto-price em {
  font-size: 13px;
  color: #666666;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  text-decoration: line-through;
  position: relative;
  top: 0px;
  text-align: right;
  display: block;
}
.car_single_details  .auto-price:after {
  clear: both;
  display: block;
  content: "";
}
.car_single_details  .car-detail-heading:after {
  content: "";
  clear: both;
  display: block;
}
span.cs-color {
  color: #dd3333;
}
.auto-text i {
  margin-right: 7px;
}
.car-detail-heading {
  border-bottom: 1px solid #ddd;
}
.car_meta .specifications-info ul li, .dealer_details ul li, .contact-info ul li {
    margin: 0;
    padding: 0 15px;
    display: block;
    text-align: left;
    font-size: 14px;
    color: #999999;
    float: left;
}
.car_meta .specifications-info ul li .cs-text, .dealer_details ul li .cs-text, .contact-info ul li .cs-text{
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    padding: 10px 0;
  }
.car_meta .specifications-info ul li span, .dealer_details ul li span, .contact-info ul li span {
    font-size: 14px;
    color: #6e6868;
}
.car_meta .specifications-info ul li strong, .dealer_details ul li strong, .contact-info ul li strong {
    float: right;
    color: #333333;
}
.contact-info ul li strong{
   float: none;
}
.contact-info span i {
  color: #dd3333;
  border: 1px solid #dd3333;
  padding: 10px;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 5px;
  width: 37px;
  text-align: center;
}
.enquiry_box {
    display: none;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.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: #dd3333;
  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: #dd3333;
}
.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 #dd3333;
}
#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: #dd3333;
}
.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 button.button:disabled, .woocommerce button.button:disabled[disabled]{
  padding: 10px 14px !important;
}
.woocommerce a.added_to_cart {
  margin: 0 auto;
  display: table;
  font-weight: bold;
  width: 100%;
  text-align: center;
  margin-bottom: .5em;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
   max-width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
   float: right;
   max-width: 100%;
}
/*-------------- media section ---------------*/
@media screen and (max-width:480px) {
  .post-image {
    padding-bottom: 15px;
  }
  ul.nav.nav-pills.flex-column.col-lg-2.col-md-2.col-12 {
    display: block;
  }
  #gallery_sec li.nav-item {
    display: inline-block;
    margin:5px;
  }
  .main_post .post-image {
    margin-bottom: 20px;
  }
  a.continue-reading {
    margin: 0px 0px 0px 15px;
    padding-bottom: 10px;
  }
  .view img {
    height: 125px;
  }
  .color-box {
    margin-bottom: 10px;
  }
  .dark-content p {
   padding: 0px 0px 0px 0px;
  }
  .footer-social-icons a {
    border: none;
  }
  .search-box span {
    padding: 7px;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100% !important;
  }
  .footer-social-icons a i {
    margin: 6px 0;
  }
}
@media screen and (max-width:767px) { 
  ul.nav.nav-pills.flex-column.col-lg-2.col-md-2.col-12 {
    display: block;
  }
  #gallery_sec li.nav-item {
    display: inline-block;
    margin:5px;
  }
   .socialbox {
    text-align: center;
    margin: 20px 25px 15px -15px;
  }
  .consultation {
    background: transparent;
    text-align: right;
  }
  .consultation a {
  background: #dd3333;
  padding: 11px 7px;
  }
  .contact_details{
    text-align: center;
    margin: 0;
  }
  
  .mid-content p{
    padding: 0;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider h2.font-weight-bold {
      display: none;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
    margin-top:20px;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .consultation {
    margin: 9px 0;
  }
  .copyright p {
    margin-bottom: 15px;
  }
  .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 #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .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;
  }
  .footer{
    width: 47%;
  }
  .footer:nth-child(3){
    clear: both;
  }
  .footer:nth-child(3),
  .footer:nth-child(4){
    margin-top: 25px;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  #primary{
    width: auto !important;
    float: none !important;
    margin-bottom: 25px;
  }
  #secondary{
    width: auto;
    float: none !important;
  }
  .custom_btn{
    text-align: center;
    margin: 0 auto;
    display: block !important;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .pl-0 {
    padding-left: 15px !important;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"], .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  .row.how_inner, .row.key_inner, .row.news_inner, .row.client_inner{
    margin: 0;
  }
  .info_box, .info_upper {
    position: relative;
  }
  .toggle-nav {
    right: 0px;
    top: 17px;
    margin-top: 0 !important;
  }
  .search-box {
    margin-top:20px;
  }
  .navigation span, .navigation a{
    padding: 10px 0 0 10px !important;
  }
}
@media screen and (max-width:400px) {
  #video-landing p{
    font-size: 10px;
  }
  .mid-content h2 {
    font-size: 20px;
  }
  .socialbox {
      text-align: center;
      margin: 15px 0px 10px 0px;
  }
  .toggle-nav{
    right: 0 !important;
  }
}
@media screen and (max-width:576px) {
  #video-landing {
    height: 335px;
  }
  .main_post .post-image {
    margin-bottom: 20px;
  }
  a.continue-reading {
    margin: 0px 0px 0px 15px;
    padding-bottom: 10px;
  }
  .post-image {
    padding-bottom: 15px;
  }
  .counter-con-box {
    margin-bottom: 10px;
  }
  ul.nav.nav-pills.flex-column.col-lg-2.col-md-2.col-12 {
    display: block;
  }
  #gallery_sec li.nav-item {
    display: inline-block;
    margin:5px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  .socialbox {
    text-align: center;
    margin: 15px 0px 10px 0px;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  #header .logo {
    margin: 0;
    padding: 0 30px;
    text-align: center;
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 10px;
  }
  .prop_desc {
    display: none;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider a i{
    padding: 1px;
  }
  section h2{
    font-size: 22px;
  }
  h2.text-uppercase {
    margin-bottom: 0;
  }
  p.subheading {
    font-size: 12px;
  }
  .overlay_content.text-center{
    padding: 5px;
  }
  .attorneys_box, .outer_post_box, .testi_qoute, .postbox, #sidebar {
      margin-left: auto;
      margin-right: auto;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .menubar {
    padding: 0 15px;
  }
  #header .logo h1 {
    text-align: center;
  }
  #header .logo p {
    text-align: center;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .main-cont {
    padding: 0 15px;
  }
  .search-box {
    margin-top: 0px !important;
  }
  .testimonial_social a {
    display: inline-block;
    margin: 5px 4px;
  }
  .testimonial_social {
    text-align: center;
 }
 .overlay_content.text-center {
    top: 68%;
  }
}
@media screen and (max-width:719px) {
  .text-right {
    text-align: center;
  }
  .search-box {
    margin-top: 22px;
  }
  .row.bg-media {
    background: #000;
  }
   .menubar.scrolled.hmenu {
    background-color: #222222;
    overflow: scroll;
    height: 100%; 
  }
  .menubar.scrolled {
    padding: 0;
    background-color: transparent;
  }
  .innermenubox {
   background: #000;
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .aboutbg{
    top: 0;
  }
  .continnerbox{
    border-left: 25px solid transparent;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0; 
    background-color:#222222;
  }
  .menubar .nav ul li{
    border-top:1px #303030 solid; 
    display:block; 
    float:none; 
    text-align:left;
    width: 100%;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  span {
    text-align: right;
  }
  .play-button i{
    padding: 12px 20px;
  }
}
@media screen and (max-width:991px) {
  .col-lg-12.col-sm-12.col-12.logobox {
    margin-top: 15px;
  }
  .search-box{
    float: none;
  }
  .aboutbg{
    top: 0;
  }
  .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;
  }
  .contact_details span {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  #footer .socialbox{
    text-align:right;
    margin-top: 15px;
  }
   .toggle-nav {
    top: 0;
  }
  .socialbox {
    text-align: left;
  }
  .no-pad {
    padding: 0;
  }
  .innermenubox {
    position: static;
  }
  .info_box{
    position: absolute;
  }
  .info_upper{
    position:relative;
  }
  #gallery_sec .nav-link {
    padding: 0.5rem 0.9rem !important;
  }
  .footer-social-icons a i{
    margin-bottom: 10px;
  }
  .navigation span, .navigation a{
    padding: 10px 0 0 10px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 1025px){
  .overlay_header {
    position: absolute;
    top: 0em;
  }
  .overlay_content.text-center {
    top: 60%;
  }
  .post_desc-row p, .post_desc-row a {
    padding: 6px 0 !important;
  }
  .post_desc-row i {
    padding-top: 13px;
  }
}
/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
.nav-justified .nav-item {
    flex: 1 1 100%;
}
.main-navigation .current_page_item > a:hover {
    color: #fff !important;
}

@media screen and (max-width: 1024px){
  .top_bar_btn a.theme_button {
    position: static;
    top: 0;
    transform: unset;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: block;
    position: relative;
    float: left;
    right: 0;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    text-align: right;
    margin-right: 0;
    margin-top: 6px;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #fff;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }
  .main-navigation a{
    color: #444;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 18rem;
    padding: 5px;
    line-height: 1.5em;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  #how-we-work .work-box:before{
    right: -12px;
    border-left: 43px solid #2b3546;
  }
  h4.posttitle a {
    font-size: 18px;
  }
  h4.post-title a {
    font-size: 18px;
  }
  a.closebtn.mobile-menu {
    display: block !important;
  }
  .overlay_header {
    position: relative;
    top: 0em;
  }
  .contact_details span {
    font-size: 13px;
  }
  .post_desc-row p, .post_desc-row a {
    padding: 6px 0 !important;
  }
  .post_desc-row i {
    padding-top: 13px;
  }
}
.archive.date aside {
    margin-top: 2em;
}
blockquote:after {
    display: block;
    content: "\201d";
    font-size: 80px;
    position: absolute;
    right: 0;
    color: #7a7a7a;
    bottom: -50px;
}
.nav-links {
    display: -webkit-box;
}
body.search.search-results .navigation span, .navigation a{
   padding: 10px 15px 10px 15px;
}
#projects_courses a.continue-reading {
    color: #dd3333;
}
body.archive.tax-automobile_createcar.term-project-category aside {
    margin-top: 2em;
}
body.archive.tax-automobile_createcar.term-car-category aside {
    margin-top: 2em;
}
span.woocommerce-input-wrapper {
    /* max-width: 100%; */
    width: 100%;
}
/*----------scoll icon-----------------*/
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background-color: #f6453d;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -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: 99;
}
#return-to-top i {
  color: #fff;
  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;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}
#return-to-top.left{
   left: 10px;
   right: auto;
}
#return-to-top.center{
   left: 50%;
   right: 50%;
}
#return-to-top.right{
   left: auto;
   right: 5%;
}
/*----stick header-------*/

.scrolled {
    position: fixed !important;
    top: 0px !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    left: 0 !important;
    z-index: 99 !important;
    right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: 100% !important;
    margin-left: 0px !important;
}
#sticky-onoff{display: none;}