/*
Theme Name: VW Driving School_custom
#Theme URI: https://www.vwthemes.com/themes/free-driving-school-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: VW Driving School is a dynamic, stunning, feature-full and intuitive WordPress theme for driving schools, driving instructors, parking teacher, car training academy, vehicle license agency, traffic rules classes and other such institutes and classes. It can be used as a blog for driving tips and road safety instructions. The theme can be customized to suit any coaching and training institute. It has responsive layout and multi-browser compatibility. This driving theme can be translated into various other languages with the support for RTL writing. Its code is clean and bug-free so you don’t have to worry about any malware threat. It has very well used call to action (CTA) buttons to make customers do what you want them to. You can have your custom layout and choose any colour scheme. It is optimized for SEO to get higher rank in Google search. Use social media icons to market your website. As the theme is built on Bootstrap framework, it caters easy usage with customization available at finger-tips. Demo: https://www.vwthemes.net/vw-driving-school-pro/
Version:  0.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: vw-driving-school
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, post-formats, translation-ready, threaded-comments, rtl-language-support, blog, portfolio, e-commerce

VW Driving School WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Driving School 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: 15px; 
  color: #94989f;
  font-family: 'Ropa Sans', sans-serif;
}
img{ 
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'Oswald', sans-serif;
  margin:0;
  padding:10px 0;
  color: #5f5406;
}
p{ 
  margin:0 0 15px; 
  padding:0;
  letter-spacing: 1px;
}
a{ 
  text-decoration:none; 
  color: #c4b12d;
}
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-top: 3em;
}
.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; 
}
form.search-form{
  border: solid 2px #c4b12d;
}
label{
  margin-bottom: 0;
}

/* --------TOP BAR --------- */
#topbar {
  background: #040404;
}
#topbar span {
  color: #a1a7b0;
  font-size: 15px;
}
#topbar i {
  color: #c4b12d;
  font-size: 15px;
  cursor: pointer;
  margin-right: 5px;
}
.discount-text {
  padding: 12px 0;
}
#topbar .btn {
  color: #fff;
}
.btn {  
  text-transform: uppercase;
  border-radius: 0;
  padding: 13px 20px 13px 60px;
  font-size: 15px;
  border: solid 2px #c4b12d;
  letter-spacing: 2px;
  font-weight: bold;
  position: relative;
  transform: translateZ(0px);
  transition: all 0.5s ease 0s;
  background: #c4b12d;
}
.btn:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #5f5406;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: 100% 50% 0;
  transition: all 0.5s ease-out 0s;
}
.btn:hover:after{
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.btn span{
  width: 45px;
  height: 100%;
  line-height: 40px;
  background: #040404;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s linear 0s;
}
.btn span i {
  font-size: 18px !important;
  padding: 15px;
  color: #fff;
}
.btn span:after{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #040404;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  transform: rotate(45deg);
  transition: all 0.3s linear 0s;
}

/*----------------- SEARCH CSS ----------------*/
.search-box input[type="submit"],
#sidebar input[type="submit"],
input[type="submit"],
#footer input[type="submit"] {
  color: #fff;
  background: url(assets/images/search.png) no-repeat scroll 13px 10px #c4b12d;
  text-align: center;
  text-indent: -9999px;
  border: none;
  padding: 13px 26px;
}
#sidebar input[type="submit"],
#footer input[type="submit"]{
  padding: 10px 26px !important;
}
.search-box input[type="search"],
#sidebar input[type="search"],
input[type="search"],
#footer input[type="search"] {
  background: transparent;
  border: none;
  width: 100%;
  padding: 10px;
  color: #fff;
}
input[type="search"] {
  color:#000;
}

.search-box label:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #c4b12d;
  margin: auto 0;
  position: absolute;
  top: 0;
  left: 64px;
  bottom: 0;
  transform: rotate(45deg);
  transition: all 0.3s linear0s;
}

/* ------------ LOGO CSS ----------- */
.logo{
  padding: 10px 0;
}
.logo h1 a {
  font-size: 30px;
  font-weight: 800;
  color: #040404;
}
.logo h1{
  line-height: 30px;
  padding-top: 0;
}
p.site-description {
  color: #040404;
  font-weight: 500;
  letter-spacing: 1px;
  font-style: italic;  
  font-size: 13px;
  margin-bottom: 0;
}
/* --------- HEADER --------- */
.home-page-header {
  border-bottom: solid 2px #a1a7b0;
}
#header .nav {
  text-align: right;
  display: block;
}
#header .nav ul {
  padding: 0;
  margin: 12px 0;
}
#header .nav ul li{ 
  display:inline-block; 
  margin:0; 
  position:relative;
}
#header .nav ul li a{ 
  color: #040404;
  padding: 15px;
  font-size: 15px;
  letter-spacing: 1px;
  display: block;
  text-transform: uppercase;
}
#header .nav ul li a:hover,
#header .current-menu-item{
  color: #c4b12d;
}
#header .nav ul ul {
  margin:5% 0 0 0;
}
#header .nav ul li:hover > ul li a{
  color: #fff;
  border-bottom: solid 1px #4f4f4f;
}

/*-------------- HEADINGS ------------*/
section h2{
  font-weight:bold; 
  text-align:center; 
  margin:0 0 45px;
  padding:0;
  text-transform:uppercase;
}
section h3{
  font-weight:bold; 
  text-align:center;
  margin:30px 0 0 0;
  text-transform:uppercase;
}
section h4{
  color:#000; 
  font-weight:bold;
  font-size:18px;
}
section h5{
  color:#000; 
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0;
  padding:0;
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0;
  background: #040404;
}
#slider img {
  width: 100%;
  opacity: 0.7;
}
#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;
  color: #fff;
  background: #c4b12d;
  padding: 15px 20px;
}
#slider .carousel-control-prev,#slider .carousel-control-next{
  opacity: unset !important;
  top: auto;
  bottom: 45px;
}
#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%;
}
#slider .inner_carousel{
  text-align: left;
  padding: 15px;
}
#slider .inner_carousel h2 {
  font-size: 45px;
  text-align: left;
  color: #fff;
  margin-bottom: 0;
  font-weight: bold;
  letter-spacing: 2px;
}
#slider .inner_carousel p {
  color: #fff;
  font-size: 15px;
  margin-top: 10px;
}
span.prev-next {
  border: solid 2px #c4b12d;
  padding: 13px;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: bold;
}
#slider .carousel-control-next-icon:after{
  content: '';
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-left-color: #c4b12d;
  border-right: 0;
  margin-top: -7px;
  margin-left: 22px;
}
#slider .carousel-control-prev-icon:before{
  content: '';
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-left-color: #c4b12d;
  border-right: 0;
  margin-top: -7px;
  margin-left: -29px;
  transform: rotate(180deg);
}
.more-btn .btn,
.error-btn .btn{
  background: transparent;
  border: solid 2px #c4b12d;
  color: #fff;
}
.more-btn .btn:after,
.error-btn .btn:after{
  background: #c4b12d;
}
.more-btn .btn span,
.error-btn .btn span{
  background: #c4b12d;
}
.more-btn .btn span:after,
.error-btn .btn span:after{
  background: #c4b12d;
}

/* --------- CONTACT US ------- */

#contact-us {
  background: #c4b12d;
  padding: 15px 0;
}
.conatct-info i {
  background: #5f5406;
  color: #fff;
  padding: 15px;
  font-size: 20px;
  margin-right: 15px;
}
.conatct-info i:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-left-color: #5f5406;
  border-right: 0;
  margin-top: 3px;
  margin-left: 15px;
}
.conatct-info span {
  color: #fff;
  font-size: 18px;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 1px;
}
#contact-us .custom-social-icons h3{
  display: none;
}
#contact-us .custom-social-icons {
    text-align: right;
}
.custom-social-icons i {
  background: transparent;
  border: solid 1px #fff;
  width: 48px;
  text-align: center;
  height: 48px;
  font-size: 18px;
  margin: 5px;
  color: #fff;
  line-height: 2.5;
}
.custom-social-icons i:hover{
  background: #5f5406;
  border: solid 1px #5f5406;
}

/* --------- ABOUT US ------- */

#about {
  padding: 3% 0;
}
#about h3 {
  text-align: left;
  color: #040404;
  margin-top: 0;
}
#about h3 i {
  font-size: 50px;
  margin-right: 15px;
}
#about p {
  font-size: 16px;
  line-height: 2;
}

/* --------- FOOTER ------- */

#footer .tagcloud a{
  border: solid 1px #9b9999;
  color:#9b9999;
  font-size: 14px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#footer .tagcloud a:hover{
  background: #c4b12d;
  color: #fff;
}
#footer li a:hover {
  color: #c4b12d;
}
#footer ins span,
#footer .tagcloud a {
  color: #9b9999;
}
.copyright img{
  text-align: right;
}
#footer .widget {
  padding: 15px 0;
}
#footer caption,#sidebar caption {
  font-weight: bold;
  color: #9b9999;
  font-size: 20px;
}
#footer table,
#footer th,
#footer td{
  border: 1px solid #9b9999;
  text-align: center;
}
#footer td ,#sidebar td{
  padding: 9px;
  color: #9b9999;
}
#footer th {
  text-align: center;
  padding: 10px;
  color: #9b9999;
}
#footer li a {
  color: #9b9999;
  font-size: 16px;
}
#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: #9b9999;
  text-align: left;
  background: #040404;
}
#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: #c4b12d;
  text-align:center;
  padding:20px 0;
}

/* --------- Blog Page ------- */
.post-main-box:hover h3 a {
  color: #c4b12d;
}
iframe,
.entry-audio audio {
  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: #5f5406;
  margin-top: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}
.new-text p,
#our-services p {
  font-size: 15px;
  line-height: 26px;
  margin-top: 15px;
  text-align: justify;
}
.post-info {
  color: #94989f;
  font-size: 12px;
  letter-spacing: 1px;
}
.post-info span {
  margin-right: 1%;
}
.post-info hr {
  width: 10%;
  border-top: solid 2px #c4b12d;
  margin-bottom: 0;
}
.post-main-box .btn,
.error-btn .btn,
#about .more-btn .btn{
  color: #5f5406
}
#about .more-btn{
  margin: 10px 0;
}
/* --------- 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: #c4b12d;
  color: #fff;
  padding: 10px 20px;
  font-weight: 800;
  font-size: 20px;
  text-indent: unset;
  letter-spacing: 1px;
}
#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 {
  background: #c4b12d;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 3;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
}
#sidebar .custom-social-icons i:hover{
  background: #040404;
}
#sidebar td#prev a {
  color: #94989f;
}
#sidebar caption {
  font-weight: bold;
  color: #040404;
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #e1e1e1;
  text-align: center;
}
#sidebar td {
  padding: 7px;
  color: #94989f;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #94989f;
}
#sidebar select, 
.woocommerce .woocommerce-ordering select{
  padding: 10px 5px;
  border: solid 1px #e1e1e1;
  color: #94989f;
  background: transparent;
}
#sidebar form{
  text-align: center;
}
#sidebar input[type="search"]{
  color: #000;
}
#sidebar h3 {
  font-size: 18px;
  display: table;
  color: #5f5406;
  font-weight: 800;
  letter-spacing: 2px;
  background-color: #fff;
  padding: 0px 10px;
  margin: -28px auto 28px auto;
}
#sidebar label{
  margin-bottom: 0;
  width: 83%;
}
#sidebar .widget {
  padding: 20px 10px;
  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: #94989f;
  font-size: 11px;
  border-bottom: 1px solid #e1e1e1;
  line-height: 43px;
}
#sidebar ul li a {
  color: #94989f;
  letter-spacing: 1px;
  font-size: 15px;
}
#sidebar .tagcloud a{
  border: solid 1px #e1e1e1;
  color:#94989f;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background: #c4b12d;
  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;
  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: #c4b12d;
  -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;
} 
.pagination a:hover{
  color:#fff;
  background: #040404;
} 
.pagination .current {
  padding: 10px 15px;
  background: #040404;
  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; 
}
.post-navigation .post-title { 
  font-size: 20px; 
  font-size: 1.75rem; 
  line-height: 1.25; 
}
.nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .current .screen-reader-text { 
  position: absolute !important; 
}
.post-navigation .page-numbers { 
  display: inline-block; 
}
.post-navigation a { 
  color: #040404; 
  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: 20px; 
  font-weight: 700;  
  line-height: 1.2173913043; 
  text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title { 
  color: #c4b12d;
}
.post-navigation:before {
  right: 0;
}
.post-navigation:after {
  right: 54px;
}
.post-navigation a:hover,
.post-navigation a:focus {
  color: #c4b12d;
}
.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 .current .screen-reader-text {
  position: static !important;
}
.post-navigation .page-numbers {
  display: none;
  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: #040404;
  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: #040404;
  letter-spacing: 1px;
  font-weight: 800;
  font-size: 18px !important;
  margin-bottom: 10px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #040404;
  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: #c4b12d;
  color: #fff;
  border-radius: 0;
  padding: 10px;
}
.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: #040404;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 2px #040404;
  color: #040404;
}
.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: #c4b12d;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 2px 2px 0 0 #5f5406;
  font-weight: bold;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
span.woocommerce-input-wrapper,
.checkout label {
 width: 100%;
}
.woocommerce .woocommerce-ordering select {
  padding: 10px;
  font-size: 15px;
}
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;
}
/*------------------RESPONSIVE MEIDA-------------------*/
@media screen and (max-width:720px) {
  .logo,.custom-social-icons,#contact-us .custom-social-icons{
    text-align:center;
  }
  #slider .carousel-control-prev-icon, 
  #slider .carousel-control-next-icon{
    background: transparent;
    padding: 0;
  }
  span.prev-next{
    display: none;
  }
  #slider .carousel-control-prev-icon:before,
  #slider .carousel-control-next-icon:after{
    position: static;
    border-color: transparent;
    margin-left: 0;
  }
  .search-box {
    margin: 10px 0;
  }
  #slider .carousel-caption{
    right: 10%;
  }
  #topbar .btn,
  .conatct-info{
    margin-bottom: 10px;
  }
  .toggle{
    display:block;
  }
  .toggle a{
    width:100%; 
    color:#fff;
    font-weight: bold;
    background: url('assets/images/responsive_menu.png') no-repeat right center #c4b12d;
    padding:10px 10px;
    font-size:18px;
    text-align: left;
  }
  .nav,
  #slider .inner_carousel p,#slider .inner_carousel h2{
    display:none;
  }
  #slider .inner_carousel{
    text-align: center;
    padding: 0;
  }
  #header .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0;
    background: #040404;
  }
  #header .nav ul li{
    border-top:1px #303030 solid; 
    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;
  }  
  #sidebar label{
    width: 80%;
  }
}
@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: #040404;
    width: 200px;
    position: absolute;
    top: 40px;
    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: #c4b12d;
    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;
  }
  #slider .carousel-caption {
    top: 45%;
    right: 25%;
    left: 15%;
  }
  #topbar .btn,
  .conatct-info{
    margin-bottom: 10px;
  }
  .custom-social-icons{
    text-align: center;
  }
  span.prev-next {
    padding: 13px 11px;
  }
  #sidebar input[type="submit"], #footer input[type="submit"]{
    width: 100%;
  }
}
@media screen and (min-width: 993px) and (max-width: 1030px){
  #slider .carousel-caption{
    top:45%;
    right: 40%;
    left: 15%;
  }
  #footer label {
    width: 50%;
  }
  #sidebar label{
    width: 79%;
  }
}
/* 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: #c4b12d;
}
.scrollup.left i{
  left: 100px;
}
.scrollup.center i{
  left: 50%;
  right: 50%;
}