/*
Theme Name: VW Car Rental
Theme URI: https://www.vwthemes.com/themes/free-car-rental-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: VW Car Rental is a resourceful, modern, versatile, stylish and feature-full car rental WordPress theme for cab services, rental car business, car booking services, garage, automobile showroom, rented bike provider and all such automobile and vehicle websites. It is fully compatible with the latest WordPress 5.0 version. This powerful theme uses the online space in the smartest way to exhibit your services in a professional manner to make a lasting impression on visitors. It is a fully responsive theme which fits in all the screen sizes without breaking; cross-browser compatible and translation ready. It supports RTL writing and its retina readiness shows crisp and sharp images on HD devices.  It includes homepage sliders and call to action (CTA) button. Plenty of social media icons are included so website content can be shared on multiple platforms. It supports multiple post formats like image, gallery, video, audio, link etc. Space for separate video section is given on the homepage. Its SEO works wonderfully. VW Car Rental can be customized according to your needs. Demo: https://www.vwthemes.net/vw-car-rental-pro/
Version:  0.4
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: vw-car-rental
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, translation-ready, threaded-comments, rtl-language-support, blog, portfolio, e-commerce

VW Car Rental WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Car Rental WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */

*{
  margin:0;
  padding:0;
  outline:none;
}
body{ 
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word;
  position:relative;
  background: #fff;
  font-size: 14px; 
  color: #8fa3aa;
  font-family: 'Source Sans Pro', sans-serif;
  overflow-x: hidden;
}
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;
  color: #2d3b3e;
}
p{ 
  margin:0 0 15px; 
  padding:0;
  letter-spacing: 1px;
}
a{ 
  text-decoration:none; 
  color: #bfe428;
}
a:hover{ 
  text-decoration:none; 
  color:#333;
}
a:focus,
a:hover{
  text-decoration:none !important;
}
ul{ 
  margin:0 0 0 15px; 
  padding:0;
}

:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
.center{ 
  text-align:center; 
  margin-bottom:40px;
}
.middle-align{ 
  margin: 0 auto; 
  padding: 3em 0 0;
}
.wp-caption{ 
  margin:0; 
  padding:0; 
  font-size:13px; 
  max-width:100%;
}
.wp-caption-text{ 
  margin:0; 
  padding:0; 
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0; 
  padding:0; 
}
.sticky .post-main-box h3{
  background: url(assets/images/pin.png) no-repeat scroll 0 0px;
  padding-left: 40px;
}
.gallery-caption{ 
  margin:0;
  padding:0;
}
.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;
  margin-left:25px;
}
.aligncenter, 
img.aligncenter {
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  border: solid 1px #bbb;
  padding: 5px;
}
.alignnone,
img.alignnone {
  border: solid 1px #bbb;
  padding: 5px;
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
#respond{
  clear:both;
}
.toggleMenu{
  display:none;
}
.bypostauthor{
 margin:0;
 padding:0;
}
input[type="text"],
input[type="email"],
input[type="phno"], 
textarea{
  border:1px solid #bcbcbc;
  width:100%; 
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:111px; 
}
input[type="submit"] {
  text-align:center;
  text-transform:uppercase;
  font-size:12px;
  padding: 18px 30px; 
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  font-weight:bold;
  color:#fff;
  letter-spacing: 1px;
  border: none;
  border-radius: 30px;
}

/* ------------ LOGO CSS ----------- */

.logo h1 a {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
}
.logo h1{
  line-height: 30px;
  padding-top: 0;
}
p.site-description {
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  font-style: italic;  
  font-size: 13px;
  margin-bottom: 0;
}

/*----------------- SEARCH POPUP ----------------*/
.serach_inner label {
  width: 80%;
}
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  top: 0;
  left: 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;
 border-bottom: solid 1px #999; 
 margin: 0 auto;
 max-width: 700px;
 width: 100%;
}
.serach_inner input.search-submit {
  padding: 10px 25px;
  background: url(assets/images/search.png) no-repeat scroll 0 8px;
  font-size: 13px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
  margin-top: 6px;
}
.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: 100%;
  font-size: 20px;
  font-style: italic;
  color: #999
}
.search-box i {
  color: #fff;
  cursor: pointer;
  font-size: 15px;
}
.search-box {
  text-align: center;
  margin: 15px 0;
}

/* --------- HEADER --------- */
.page-template-custom-home-page .main-header {
  position: absolute;
  width: 100%;
  z-index: 999;
  background: transparent;
}
.main-header {
  background: #2d3b3e;
  padding: 15px 0;
}
.page-template-custom-home-page .header-border{
  border-bottom: solid 1px #8e8e8e;
  padding-bottom: 15px;
}
.main-header .phone-no span {
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  color: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 16px;
  display: -webkit-inline-box;
  text-align: center;
  font-weight: bold;
}
.phone-no span i {
  margin-right: 10px;
  font-size: 12px;
}
#header .nav {
  display: block;
}
#header .nav ul {
  padding: 0;
  margin: 15px 0;
}
#header .nav ul li{ 
  display:inline-block; 
  margin:0; 
  position:relative;
}
#header .nav ul li a{ 
  color: #fff;
  padding: 5px 8px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  display: block;
}
#header .nav ul li a:hover{
  color: #bfe428;
}
#header .nav ul ul {
  margin:5% 0 0 0;
}
#header .nav ul li:hover > ul li a{
  color: #2d3b3e;
  border-bottom: solid 1px #7b8085
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0;
  background: #2d3b3e;
}
#slider img {
  width: 100%;
  opacity: 0.3;
}
#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;
  font-size: 15px;
  padding: 10px 15px;
  background: #fff;
  color: #2d3b3e;
}
#slider .carousel-control-prev-icon:hover,
#slider .carousel-control-next-icon:hover{
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  color: #fff;
}
#slider .carousel-control-prev,#slider .carousel-control-next{
  opacity: unset !important;
  width: 8%;
}
#slider .carousel-control-next-icon,#slider .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  right: 45%;
  left: 10%;
  text-align: left;
}
#slider .inner_carousel h2 {
  font-size: 40px;
  text-align: left;
  color: #fff;
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
}
#slider .inner_carousel p {
  color: #fff;
  margin-top: 10px;
  font-size: 15px;
}
.more-btn,
.about-btn{
  margin: 30px 0;
}
.view-more{
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 15px 20px;
}
.view-more i{
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 0;
}
.view-more:hover{
  color: #2d3b3e;
  background: #fff;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.view-more:hover i{
  opacity: 1;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  padding-left: 10px;
  color: #2d3b3e;
}

/* --------- CATEGORY SECTION ------- */
.catgory-box img {
  width: 150px;
}
.catgory-box{
  padding: 15px;
}
.category_main {
  margin-top: -15%;
  text-align: center;
  background: #fff;
}
.category_main:nth-child(2){
  box-shadow: 0 10px 20px 8px #efefef;
  z-index: 9;
}
.catgory-box h4 {
  font-size: 18px;
  font-weight: bold;
}
.category_main hr {
  margin: 0;
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  padding: 1px;
}
.category-btn{
  margin: 25px 0;
}

/* --------- SERVICES SECTION ------- */
#service-sec {
  padding: 3% 0;
  text-align: center;
}
#service-sec h3 {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 15px;
}
.service-box h4 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
}
.service-box a{
  color: #2d3b3e;
  font-weight: 600;
  font-size: 15px;
}

/* --------- FOOTER ------- */
.footer .custom-social-icons {
  text-align: left;
}
.footer .tagcloud a{
  border: solid 1px #959ca4;
  color:#959ca4;
  font-size: 14px !important;
  padding: 6px 12px;
  display:inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.footer .tagcloud a:hover{
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  color: #fff;
}
.footer li a:hover {
  color: #bfe428;
}
.footer ins span,
.footer .tagcloud a {
  color: #959ca4;
}
.copyright img{
  text-align: right;
}
.footer .widget {
  padding: 15px 0;
}
.footer input[type="submit"]{
  margin-top: 0;
  padding: 10px 9px;
  font-size: 15px;
  width: 100%;
  color: #fff;
}
.footer label{
  width: 100%;
}
.footer .search-form .search-field {
  width: 100%;
  border: solid 1px #959ca4;
  padding: 10px;
  background:transparent;
  border-radius: 30px;
}
.footer input[type="search"]::placeholder{
  font-size: 15px;
  color: #fff;
}
.footer caption,#sidebar caption {
  font-weight: bold;
  color: #959ca4;
  font-size: 20px;
}
.footer table,
.footer th,
.footer td{
  border: 1px solid #959ca4;
  text-align: center;
}
.footer td ,#sidebar td{
  padding: 9px;
  color: #959ca4;
}
.footer th {
  text-align: center;
  padding: 10px;
  color: #959ca4;
}
.footer li a {
  color: #959ca4;
  font-size: 14px;
}
.footer ul li {
  list-style: none;
  padding: 5px 0;
}
.footer ul {
  margin: 0;
}
#sidebar select ,.footer select {
  padding: 10px 5px;
  width: 100%;
}
.sub-title{
  margin: 5em 0 0 0;
  line-height: 2em;
}
.footer {
  color: #959ca4;
  text-align: left;
  background: #2d3b3e;
}
.footer h3 {
  color: #fff;
  font-size: 20px;
  padding: 0 0 17px 0;
  letter-spacing: 1px;
  font-weight: bold;
}
.footer p{
  font-size: 14px;
}
.navigate  ul{
  list-style: none;
}
.copyright a {
  color: #fff;
}
.copyright p{
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.footer-2{
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  text-align:center;
  padding:20px 0;
}

/* --------- Blog Page ------- */
.post-main-box:hover h3 a {
  color: #bfe428;
}
#our-services iframe{
  width: 100%;
}
h1.page-title {
  margin-bottom: 1%;
  margin-top: 0;
}
#our-services {
  margin-top: 0;
}
.post-main-box {
  margin-bottom: 5%;
  padding: 20px;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 15px 10px -15px #999;
}
.post-main-box h3 {
  text-align: left;
  margin-top: 0;
  padding-top: 0;
}
.post-main-box h3 a {
  font-size: 20px;
  color: #2d3b3e;
  margin-top: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}
.new-text p,
#our-services p {
  color: #8fa3aa;
  line-height: 26px;
  margin-top: 15px;
  text-align: justify;
}
.post-info {
  color: #8fa3aa;
  font-size: 12px;
  letter-spacing: 1px;
}
.post-info span {
  margin-right: 1%;
}
.post-info hr {
  width: 10%;
  margin-bottom: 0;
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  height: 3px;
  border: none;
}
.content-bttn {
  margin: 20px 0 5px;
}
.content-bttn .view-more:hover i,
.error-btn .view-more:hover i{
  color: #fff;
}
iframe{
  width: 100%;
}
/* --------- POST --------- */
h2#reply-title {
  text-align: left;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  text-transform: none;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background:#ffd34e;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}

/* Comments BOX */
#comments ol.children img {
  width: 30px;
}
#comments ol {
  list-style: none;
}
#comments{  
  margin-top:30px;
}  
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:40px 0 0 0;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"]{
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  color: #fff;
  padding: 10px 20px;
  font-weight: 800;
  font-size: 12px;
  border-radius: 30px;
}
#comments input[type="submit"].submit:hover,
#sidebar input[type="submit"]:hover,
.error-btn a:hover,
.content-bttn a:hover,
.footer input[type="submit"]:hover{
  background: #2d3b3e;
  color: #fff;
}
#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}  
#comments a.comment-reply-link:hover{
  background:#ddd;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#content-vw #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}  
#content-vw #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
#comments .comment-author{
  width:100%;
}
#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;
}

/* Sidebar */
#sidebar .custom-social-icons {
  text-align: center;
}
#sidebar .custom-social-icons i,
.footer .custom-social-icons i {
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  width: 40px;
  text-align: center;
  height: 40px;
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.5;
  color: #fff;
}
#sidebar .custom-social-icons i:hover{
  background: #2d3b3e;
}
#sidebar td#prev a {
  color: #8fa3aa;
}
#sidebar caption {
  font-weight: bold;
  color: #2d3b3e;
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #e1e1e1;
  text-align: center;
}
#sidebar td {
  padding: 7px;
  color: #8fa3aa;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #8fa3aa;
}
#sidebar select, 
.woocommerce .woocommerce-ordering select{
  padding: 10px 5px;
  border: solid 1px #e1e1e1;
  color: #8fa3aa;
  background: transparent;
}
#sidebar form{
  text-align: center;
}
#sidebar h3 {
  font-size: 18px;
  display: table;
  color: #2d3b3e;
  font-weight: bold;
  letter-spacing: 2px;
  background-color: #fff;
  padding: 0px 10px;
  margin: -28px auto 28px auto;
}
#sidebar input[type="search"] {
  padding: 15px;
  font-size:15px;
  margin-bottom: 10px;
  color:#8fa3aa;
  border: solid 1px #e1e1e1;
  width: 100%;
  border-radius: 30px;
}
#sidebar label{
  margin-bottom: 0;
  width: 100%;
}
#sidebar input[type="submit"]{
  color: #fff;
  padding: 15px;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  letter-spacing: 1px;
}
#sidebar .widget {
  padding: 20px;
  border: solid 1px #e1e1e1;
  margin-bottom: 50px;
  box-shadow: 0px 15px 10px -15px #999;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li{
  color: #8fa3aa;
  font-size: 11px;
  border-bottom: 1px solid #e1e1e1;
  line-height: 43px;
}
#sidebar ul li a {
  color: #8fa3aa;
  letter-spacing: 1px;
  font-size: 15px;
}
#sidebar .tagcloud a{
  border: solid 1px #e1e1e1;
  color: #8fa3aa;
  font-size: 15px !important;
  padding: 10px 18px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
#sidebar .tagcloud a:hover{
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  color: #fff;
}
.nav-previous{
  clear:both;
}
.nav-previous,
.nav-next{
  float:left;
  width:50%;
  margin: 1% 0 0 0;
}
.nav-next{
  text-align:right;
  font-size: 18px;
}
.nav-previous{
  text-align:left;
  font-size: 18px;
}

/*------------ PAGE CSS -------------*/
.error404,
.error404 p {
  text-align: center !important;
}
.error-btn {
  margin: 25px 0;
}
#content-vw p{
  text-align:justify;
  line-height: 25px; 
  font-size: 14px; 
  margin:0 0 20px 0;
}
#content-vw hr{
  border:none;
  border-bottom:2px solid #7e7e7e;
  margin:35px 0; 
  clear:both;
}
#content-vw h1{
  font-size: 51px;
  font-weight:bold;
}
#content-vw h2{
  font-size:32px;
  padding:0;
  margin:0 0 25px; 
}
#content-vw h3{
  font-size:36px;
  padding:0;
  margin:0 0 25px; 
}
#content-vw h4{
  font-size:20px;
  padding:0;
  margin:0 0 25px;
}
#content-vw h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0; 
}
#content-vw h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0; 
}
#content-vw ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0; 
  font-size:16px;
}
#content-vw ol{
  list-style: none;
  margin:0 0 0 15px;
  padding:10px 0 0 0; 
  font-size:16px;
  counter-reset: myCounter;
}
#content-vw ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 35px;
}
#content-vw ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.read-moresec{
  margin:2% 0;
}

/*------------- PAGINATION CSS --------------*/
.pagination {
  clear:both;
  position:relative;
  font-size:14px;
  line-height:13px;
  float:right;
  font-weight:bold;width:100%;
} 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 5px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff;
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
} 
.pagination a:hover{
  color:#fff;
  background: #2d3b3e;
} 
.pagination .current {
  padding: 10px 15px;
  background: #2d3b3e;
  color: #fff;
  font-weight: bold;
}
#content-vw .pagination ul{
  margin:0;
  clear:both;
}
#content-vw .pagination ul li{
  margin:0;
}
.post-navigation{
  clear:both;
}
.post-navigation {
  clear: both; 
}
.nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .current .screen-reader-text { 
  position: absolute !important; 
}
.post-navigation a { 
  color: #2d3b3e; 
  display: block; 
  padding: 1.75em 0;
}
.post-navigation span { 
  display: block; 
}
.post-navigation .meta-nav { 
  color: #686868; 
  font-size: 13px;
  letter-spacing: 0.076923077em; 
  line-height: 1.6153846154; 
  margin-bottom: 0.5384615385em; 
  text-transform: uppercase; 
}
.post-navigation .post-title {
  display: inline; 
  font-size: 15px; 
  font-weight: 700;  
  line-height: 1.2173913043; 
  text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title { 
  color: #bfe428;
}
.post-navigation:before {
  right: 0;
}
.post-navigation:after {
  right: 54px;
}
.post-navigation a:hover,
.post-navigation a:focus {
  color: #bfe428;
}
.post-navigation .nav-links {
  position: relative;
}
.post-navigation .nav-links:before,
.post-navigation .nav-links:after {
  color: #fff;
  font-size: 32px;
  line-height: 51px;
  opacity: 0.3;
  position: absolute;
  width: 52px;
  z-index: 1;
}
.post-navigation .page-numbers {
  display: inline-block; 
  letter-spacing: 0.013157895em;
  line-height: 1;
  margin: 0 0.7368421053em 0 -0.7368421053em;
  padding: 0.8157894737em 0.7368421053em 0.3947368421em;
  text-transform: uppercase;
}
.post-navigation .current {
  display: inline-block;
  font-weight: 700;
}
.post-navigation .prev,
.post-navigation .next {
  background-color: #1a1a1a;
  color: #fff;
  display: inline-block;
  height: 52px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 52px;
  z-index: 2;
}
.post-navigation .prev:before,
.post-navigation .next:before {
  font-size: 32px;
  height: 53px;
  line-height: 52px;
  position: relative;
  width: 53px;
}
.post-navigation .prev:hover,
.post-navigation .prev:focus,
.post-navigation .next:hover,
.post-navigation .next:focus {
  background-color: #007acc;
  color: #fff;
}
.post-navigation .prev:focus,
.post-navigation .next:focus {
  outline: 0;
}
.post-navigation .prev {
  right: 54px;
}

/*------------- WOOCOMMERCE CSS --------------*/
.woocommerce ul.products li.product .button,
a.checkout-button.button.alt.wc-forward {
  margin-top: 1em;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: none;
}
.woocommerce  .star-rating {
  margin: 0 auto 10px !important;
}
.woocommerce span.onsale{
  background: #2d3b3e;
  padding: 0;
  border-radius: 0;
}
.products li {
  box-shadow: 3px 3px 10px 2px #ddd;
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #2d3b3e;
  letter-spacing: 1px;
  font-weight: 800;
  margin-bottom: 10px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #2d3b3e;
  font-size: 15px
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.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-image: linear-gradient(to right, #15d0ac , #bfe428);
  color: #fff;
  padding: 17px;
  border-radius: 30px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #2d3b3e;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 7em;
  padding: 12px;
  border: solid 1px #2d3b3e;
  color: #2d3b3e;
  border-radius:30px;
}
.col-1,.col-2 {
  max-width: 100%;
}
.woocommerce .col2-set .col-1 {
   max-width: 100%;
}
.woocommerce .col2-set .col-2 {
   max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background-image: linear-gradient(to right, #15d0ac , #bfe428);
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 2px 2px 0 0 #2d3b3e;
  font-weight: bold;
  border-radius: 30px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
span.woocommerce-input-wrapper,
.checkout label {
 width: 100%;
}
.woocommerce .woocommerce-ordering select {
  padding: 5px;
  font-size: 12px;
}
span.posted_in {
  display: block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 22%;
  display: inline-block;
  margin: 5px;
}
.woocommerce-message{
  border-top-color: #2d3b3e;
}
.woocommerce-message::before{
  color: #2d3b3e;
}

/*------------------RESPONSIVE MEIDA-------------------*/
@media screen and (max-width:720px) {
  .middle-align{
    padding: 3%;
  }
  .phone-no,
  .logo,
  #top-header,
  #topbar,
  #topbar .custom-social-icons{
    text-align: center;
  }
  .page-template-custom-home-page .main-header{
    position: static;
    background: #2d3b3e;
  }
  .page-template-custom-home-page .header-border{
    border: none;
    padding: 0;
  }
  .category_main{
    margin-top: 5%;
  }
  #slider .carousel-control-prev,
  #slider .carousel-control-next{
    width: auto;
  }
  #slider .carousel-caption {
    padding: 0;
    right: 10%;
    left: 10%;
  }
  #slider .inner_carousel{
    text-align: center;
  }
  #slider .inner_carousel h2{
    font-size: 15px;
    text-align: center;
    padding: 0;
  }
  .toggle{
    display:block;
  }
  .toggle a{
    width:100%; 
    color:#fff;
    font-weight: bold;
    background: url('assets/images/responsive_menu.png') no-repeat right center #bfe428;
    padding:10px 10px;
    font-size:18px;
    text-align: left;
  }
  .nav,
  #slider .inner_carousel p{
    display:none;
  }
  #header .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0;
    background: #2d3b3e;
  }
  #header .nav ul li{
    border-top: solid 1px #445061; 
    display:block; 
    float:none; 
    text-align:left;
  }
  .nav{
    padding: 0;
  }
  .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 a{
    color: #fff !important;
    padding: 12px !important;
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }  
}
@media screen and (min-width:720px){
  #header .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  #header .nav ul li:hover > ul{
    display: block;
    background: #f5f5f5;
    width: 200px;
    position: absolute;
    top: 20px;
    left: 0;
    text-align: left;
    font-weight: bold;
    z-index: 99;
  }
  #header .nav ul li:hover > ul li{ 
    display:block;
  }
  #header .nav ul li:hover ul li ul{
    display:none;
  }
  #header .nav ul li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:200px; 
    top:5px;
  }
  #header .nav ul.sub-menu{
    margin-top:10px;
  }
  #header .nav ul.sub-menu li a:hover{
    background-image: linear-gradient(to right, #15d0ac , #bfe428);
    color:#fff;
  }
  #header .nav ul.sub-menu li a{
    padding: 12px;
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px){
  #slider .inner_carousel p{
    display: none;
  }
  .category_main{
    margin-top: 5%;
  }
}
/* Footer Section */
.scrollup i {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 100px;
  font-size: 20px;
  display: none;
  color: #fff !important;
  padding: 10px;
  background: linear-gradient(to right, #15d0ac , #bfe428);
}
.scrollup.left i{
  left: 100px;
}
.scrollup.center i{
  left: 50%;
  right: 50%;
}