/*
Theme Name: VW Ecommerce Shop
Theme URI: https://www.vwthemes.com/free/wp-ecommerce-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: VW E-commerce Shop theme is the one that can check all the boxes relating to every need of your store. Our multipurpose E-commerce WordPress theme is social media integrated & highly responsive. It is built on bootstrap 4 with using clean coding standards. It is cross-browser & woo commerce compatible, has Call to action button, its SEO & user-friendly and works at its optimal best across all platforms.  You may be a business owner, informative firm, travel agency, designing firm, artist, restaurant owner, construction agency, healthcare firm, digital marketing agency, blogger, corporate business, freelancers, online bookstore, mobile & tablet store, apparel store, fashion store, sport store, handbags store, cosmetics shop, jewellery store and etc. You can set all kinds of stores up with much ease using our theme, as it is made for people like you.  You could be a freelancer or a corporate entity or a sole proprietor. Our theme will boost your business and improve your revenue with the aid of seamless features and exclusive functionalities. Running an online E-commerce store along with your physical store is a hectic task. Your trouble is doubled, when you are not only supposed to take care of the physical presence of the store but you are also required to bring the online store up to speed. That is much like running two branches of a single business. You cannot possibly put your faith into sub-standard things and expect results. E-commerce store should have a theme that is both impressive and lucrative. This medium attracts customers from so many platforms that it becomes important for the theme and the webpage to perform at its 100% at all times. Check Our Demo: https://www.vwthemes.net/vw-ecommerce-theme/
Version:  0.3.4
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: vw-ecommerce-shop
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-menu, custom-header, custom-colors, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, post-formats, flexible-header, featured-image-header, front-page-post-form, theme-options, translation-ready, threaded-comments, rtl-language-support, blog, e-commerce, portfolio

VW Ecommerce Shop WordPress Theme has been created by VW Themes(vwthemes.com), 2017.
VW Ecommerce Shop 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; 
  font:12px/22px arial; 
  color:#5b5b5b; 
  font-family: Montserrat;
}
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;
}
p{ 
  margin:0 0 15px; 
  padding:0;
  font-size:18px; 
  line-height:normal; 
  font-weight:normal;
}
a{ 
  text-decoration:none; 
  color:#e1261c;
}
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:20px 0 20px;
}
.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; 
  background-color:#d7d7d7;
}
.sticky .post-main-box {
  background: transparent;
}
.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; 
}
.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;
}
small{
  font-size:14px !important;
}

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;
}

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:18px;
  padding:7px 30px; 
  background:#e1261c;
  font-weight:bold;
  color:#fff;
  margin:23px auto 0; 
  border: none;
  display:table;
}
input[type="submit"]:hover{
  background:#3890cb;
}

/* 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;
  background: #e1261c;
  -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, 
.hvr-sweep-to-right:focus, 
.hvr-sweep-to-right:active {
  color: #fff;
}
.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 #e1261c;
  color: #e1261c;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight: bold;
}
	
/* ---------HEADER--------- */
.header-image.bg-image img {
  width: 100%;
}
.page-template-custom-home-page .header-image {
  display: none;
}
#header .logo {
  margin: 2% 0;
  text-align: left;
}
#header .logo h1 a{
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
  color:#e1261c;
  text-align:left;
}
#header .logo p {
  font-size: 12px;
  color: #333;
}
#header .header-top{
  background:#000;
  color:#aaaaaa;
}
#header .header-top a{
  color:#aaaaaa;
}
#header .top-contact {
  padding: 20px 0;
  font-size: 15px;
  text-align: right;
  color: #fff;
  font-family: Montserrat;
}
.topbar {
  background: #000;
  padding: 8px 0;
}
.top-contact {
  color: #fff;
  font-size: 11px;
  font-family: Montserrat;
}
.top-contact i {
  color: #e1261c;
  margin-right: 4%;
}
.social-media i {
  color: #fff;
  font-size: 13px;
  margin-left: 6%;
}
.social-media {
  text-align: right;
}
.social-media i:hover {
  color: #e1261c;
}
.search_form label{
  width: 92%;
}
.side_search input[type="search"] {
  border: 1px #ddd solid;
  padding: 10px;
  background: transparent;
  width: 100%;
  border-right: none;
}
.side_search input[type="submit"] {
  background: red url(images/icon.png) no-repeat scroll 10px 14px;
  text-indent: -9999px;
  padding: 12px 20px;
  margin: 0;
  display: inline;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
}
.search_form {
  margin: 20px 0;
}
.buttonbox a{
  background:#3890cb;
  color:#fff;
  padding:8px 15px;
  display:block;
  margin:27px 0 0 0;
  border-radius:5px;
  text-align:center;
}
.buttonbox a:hover{
  background:#000;
  color:#fff;
}
.menubox {
  background: #eee;
}
.menubox .nav ul li a:hover {
  text-decoration: none;
}
#header .nav{
  padding:0; 
  text-align:left; 
  float:right;
}
#header .nav ul { 
  float:right; 
  margin:0; 
  padding:0; 
  font-weight:400; 
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
}
#header .nav ul li{ 
  display:inline-block; 
  margin:0; 
  position:relative;
}
#header .nav ul li a{ 
  color:#000; 
  padding:10px; 
  display:block;
  font-size: 13px;
}
#header .nav ul li a:hover {
  color: red;
}
#header .nav ul ul {
  margin:5% 0 0 0;
}
.top-right a{
  color:#ffffff;
}
p.mail a:hover{
  color:#fd912f!important;
}
.top-right p {
  display: inline-table;
  padding-top:17px;
  padding-left:17px;
  color:#ffffff;
}

/* Homepage */
.subbox {
  border-bottom: solid 1px #ddd;
  width: 100%;
  float: left;
}
.content-box h4 {
  padding: 0;
  font-family: Montserrat;
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.content-box {
  padding-top: 15px;
  letter-spacing: 1px;
}
.padremove {
  padding: 0;
}
li.drp_dwn_menu img {
  width: 20%;
  margin-right: 30px;
}
li.drp_dwn_menu {
  list-style: none;
  border-bottom: solid 1px #ddd;
}
li.drp_dwn_menu a {
  font-size: 15px;
  font-weight: 600;
  font-family: Montserrat;
  color: #333;
}
.font-image i,
.categry-header i {
  color: #000;
  font-size: 15px;
}
.categry-header {
  position: absolute;
  top: -30px;
  padding: 0 18px;
}
.categry-header span {
  margin-left: 2em;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
.box-image {
  margin-bottom: 10px;
}
#our-products {
  background: #eee;
}
#our-products .woocommerce ul.products li.product,
#our-products .woocommerce-page ul.products li.product {
    width: 23%;
}
/* 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:#3890cb; 
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0;
  padding:0;
}
.new-line,
.box-content p{
  margin-bottom: 2em;
}
.box-content h3{
  color:#000;
  font-weight: bold;
}
.text-center{
  text-align: center!important;
}
a.r_button {
  background: #3790ca;
  padding: 0.5em 2em;
  color: #fff;
}

/* Footer Section */
#footer li a:hover {
  color: red;
}
#footer ins span,
#footer .tagcloud a {
  color: #6e6e6e;
}
.copyright img{
  text-align: right;
}
#footer .widget {
  padding: 40px 0;
}
#footer input[type="submit"]{
  margin-top: 0;
  padding: 10px 9px;
  font-size: 15px;  
}
#footer input.search-submit {
  float: right;
  width: 39%;
}
#footer .search-form .search-field {
  width: 100%;
  padding: 8px;
}
#footer caption,#sidebar caption {
  font-weight: bold;
  color: #6e6e6e;
  font-size: 20px;
}
#footer table,
#footer th,
#footer td,
#sidebar table,
#sidebar th,
#sidebar td{
  border: 1px solid #6e6e6e;
  text-align: center;
}
#footer td ,#sidebar td{
  padding: 10px;
  color: #6e6e6e;
}
#footer th,#sidebar th {
  text-align: center;
  padding: 10px;
  color: #6e6e6e;
}
#footer h3 {
  color: #e1261c;
  font-weight: 600;
  font-size: 25px;
}
#footer li a {
  color: #6e6e6e;
  font-size: 15px;
}
#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: #6e6e6e;
  text-align: left;
  font-family: Montserrat;
  background: #222222;
}
#footer h3{
  color: #fff;
  text-align:left;
  text-transform:uppercase; 
  font-size:15px;
  padding:0 0 17px 0;
  letter-spacing: 2px;
}
h3.navigate {
  color: #fff;
  font-size: 17px;
  border-bottom: 10px solid #e1261c;
  border-bottom-style: double;
}
.sec {
  margin: 1em 0;
}
.sec a{
  color:#fff !important;
}
#footer p{
  font-size:17px;
}
.navigate  ul{
  list-style: none;
}
#footer ul li.current_page_item a {
  color:#fff!important;
}
#footer .news-form{
  margin-top:24px;
}
.copyright.text-center a {
    color: #fff;
}
.copyright p{
  margin-bottom: 0;
  letter-spacing: 1px;
  color: #6a6a6a;
  font-size: 15px;
  font-family: Montserrat;
}
#footer-2{
  background:#000 ;
  text-align:center;
  color:#fff;
  padding:20px 0;
}
#gallery-1 .gallery-item{
  margin-top: 0;
  margin-bottom: 10px;
}
dt.gallery-icon.portrait {
  margin-left: 5px;
  margin-bottom: 0;
  margin-top: 0;
}
#gallery-1 img{
  border:none;
}
/* --------- Woocommerce ------- */
span.woocommerce-input-wrapper,
.woocommerce label {
  width: 100%;
}
.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img{
  width: 50px;
}
.woocommerce li.product:hover {
  background: #eee;
  box-shadow: 0 0 15px 1px #000;
}
li.drp_dwn_menu:hover {
  background: #eee;
  cursor: pointer;
}
li.drp_dwn_menu a:hover {
  color: red;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{
  background-color: #e1261c;
}
.woocommerce li.product {
  background: #fff;
  padding: 10px !important;
  border: solid 1px #333;
}
h2.woocommerce-loop-product__title {
  text-align: left;
  color: #333;
  font-family: Montserrat;
  font-size: 15px !important;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: none;
}
span.woocommerce-Price-amount.amount {
  font-size: 13px;
  color: #333;
  font-family: Montserrat;
  text-decoration: inherit;
}
span.price {
  width: 50%;
  float: left;
}
.woocommerce ul.products li.product .button {
  margin-top: -15px;
  width: 20%;
  float: right;
  text-indent: -9999px;
  color: #fff;
  background: url(images/cart.png) no-repeat;
  font-size: 13px;
  text-align: center;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    margin: 0 15px 20px 0;
    width: 31%;
}
.woocommerce span.onsale {
  background: #eee;
  border-radius: 0;
  color: #333;
  border: solid 1px #333;
  font-family: Montserrat;
}
#our-products h3 {
  font-size: 25px !important;
  color: #000;
  font-family: Montserrat;
  text-transform: none !important;
  margin-bottom: 2%;
}
select.orderby {
  padding: 5px;
  margin-bottom: 5%;
}
#our-products .star-rating {
  display: none;
}
nav.woocommerce-MyAccount-navigation ul {
  margin: 0 !important;
}
nav.woocommerce-MyAccount-navigation ul li {}
/* --------- Blog Page ------- */
#our-services iframe {
  width: 100%;
}
h3.section-title {
  border-bottom: solid 1px #ccc;
  margin-bottom: 2%;
}
h1.page-title {
  margin-bottom: 1%;
  margin-top: 0;
  font-family: Montserrat;
}
#our-services {
  margin-top: 0;
}
.post-main-box {
  float: left;
  width: 100%;
  background: #fff;
  padding: 15px;
  margin-bottom: 5%;
  border: 1px solid #eee;
}
.box-image img {
  width: 100%;
}
.post-main-box h3 {
  text-align: left;
  margin-top: 0;
  padding-top: 0;
}
.post-main-box h3 a {
  color: #e1261c;
  text-transform: none;
  font-size: 25px;
  letter-spacing: 1px;
  font-family: Montserrat;    
}
.new-text p,
#our-services p {
  font-size: 13px;
  letter-spacing: 1px;
  color: #333;
  line-height: 20px;
  font-family: Montserrat;
}
.datebox {
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.date-monthwrap {
  background: #e1261c;
  padding: 25px 0;
}
.yearwrap {
  background: #f5564d;
  padding: 7px 0;
}
.blogbutton-small {
  background: none;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 6px 25px;
  border: 2px solid #e1261c;
  color: #e1261c;
  font-size: 14px;
  font-family: Montserrat;
  text-transform: uppercase;
  margin: 25px 0 0 0;
  display: table;
}
.content-bttn i {
  margin-left: 1%;
}
#full-width-blog .postbox{
  height:355px;
}
#blog-right-sidebar .postbox img,
#blog-left-sidebar .postbox img{
  height:250px;
}
#blog-left-sidebar .postbox img:hover{
  border:1px solid #d3da36
}
.postbox {
  margin-bottom:39px;
  border-bottom:2px dotted #7e7e7e;
  padding:0 0 26px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold;
  padding:6px 25px;
  border:1px solid #000;
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.metabox{
  color:#000;
  padding:15px 0; 
  clear:both;
  font-family: Montserrat;
}
.metabox .entry-date{
  background:url('images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#content-vw  h6{
  margin:0 0 15px;
  font-size:18px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}
.page-header{
  border-bottom: none!important;
}
.feature-image-box img{
  width:100%!important;
}


/* --------- POST --------- */
h2#reply-title {
  text-align: left;
  margin-bottom: 0;
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 600;
  text-transform: none;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.feature-image-box{
  width:100%; 
}
.feature-image-box img{
  height:230px;
}

.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 {
    list-style: none;
}
#comments{  
  margin-top:30px;
  font-family: Montserrat;
}  
#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"].submit{
  background:#e1261c !important;
  padding:10px 40px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left:0;
  border: none;
}
#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;
} 


/* --------- SLIDER--------- */
.nivo-caption {
  top:20%!important;
}
#slider .slide-cap {
  position: relative;
  margin: auto;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  top: 25%;
  text-align: left;
}
#slider .slide-cap h2{
  padding:0 25px 0 0;
  font-weight: 700;
  font-size: 30px
}
#slider .slide-cap p{ 
  color:#ffffff;
  margin:0 0 2% 0; 
  line-height:20px; 
  border-radius:0 0 5px 5px; 
  font-size: 15px;
  text-transform:none; 
  font-weight:normal;
  width: 40%;
}
#slider .slide-cap a.read-more{
  border-radius:5px; 
  padding:8px 15px;
  color:#e1261c; 
  background:#fff; 
  font-size:15px; 
  height:auto; 
  margin:0 auto;
  font-weight: bold;
  letter-spacing: 4px;
}
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;
}

/* Sidebar */
#sidebar td#prev a {
  color: #e1261c;
}
#sidebar caption {
  font-weight: bold;
  color: #e1261c;
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td {
  padding: 7px;
  color: #e1261c;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #e1261c;
}
#sidebar select {
  padding: 10px 5px;
  color: #333;
}
#sidebar form{
  display: table;
  width: 100%;
  border: solid 1px #ddd;
}
#sidebar h3 {
  margin: 0 0 15px;
  padding: 0;
  text-transform: none;
  font-weight: normal;
  font-size: 25px;
  padding: 10px 0px;
  text-align: left;
  color: #e1261c;
  letter-spacing: 2px;
  font-weight: bold;
  border-bottom: 3px double #ddd;
}
#sidebar ul li::before {
  content: "" !important;
  font-family: 'FontAwesome' !important;
  margin-right: 10px !important;
  height: 8px !important;
  width: 8px !important;
  background: #e1261c !important;
  display: inline-block !important;
  transform: rotate(-45deg) !important;
}
#sidebar input[type="search"] {
  padding:10px 10px;
  border:none;
  font-size:15px;
  color:#000;
  width:97%;
}
#sidebar label{
  width:70%;
  float:left;
  margin-bottom: 0;
}
#sidebar input[type="submit"]{
  background:#000;
  border:none;
  color:#fff;
  padding:10px 0;width:30%;
  font-size:14px;
  float:left;margin:0;
}
#sidebar aside {
  margin-bottom: 30px;
}
#sidebar .widget {
  border: 1px solid #ddd;
  padding: 10px 25px;
  background: #fff;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li{
  padding: 15px 0 15px 2px;
  border-bottom: 1px solid #ddd;
}
#sidebar ul li a {
  color: #000;
  letter-spacing: 1px;
  font-size: 15px;
}
#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:#e1261c;
  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 */
.title-box{
  background-repeat:no-repeat;
  background-size:100% 100%; 
  color:#fff; 
  text-transform:uppercase;
  padding:75px 0; 
  font-weight:bold; 
  text-align:center;
  margin-bottom:25px;
}
.single .title-box{
  background-size:100% 100%;
}
#content-vw p{
  text-align:justify;
  line-height: 25px; 
  font-size: 16px; 
  margin:0 0 20px 0;
}
#content-vw hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:35px 0; 
  clear:both;
}
#content-vw  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}
#content-vw h1{
  font-size: 51px;
}
#content-vw h2{
  font-size:32px; 
  font-weight:normal;
  margin:0;
  padding:0; 
  color:#000;
  margin:0 0 25px; 
}
#content-vw h3{
  font-size:36px; 
  font-weight:normal;
  margin:0;
  padding:0; 
  color:#000;
  margin:0 0 25px; 
}
#content-vw h4{
  font-size:20px; 
  font-weight:bold;
  margin:0;
  padding:0; 
  color:#333;
  margin:0 0 25px;
}
#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;
}
#content-vw  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}
.read-moresec{
  margin:2% 0;
}
.page-template-custom-home-page #content-vw{
  padding: 3% 0;
}
/* Pagination */
.pagination {
  clear:both;position:relative;font-size:14px; /* Pagination text size */
  line-height:13px;
  float:right; /* Pagination float direction */
  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:#000; /* Pagination text color */
  border: solid 2px #e1261c;
  border-radius: 12px; 
  -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: #e1261c; /* Pagination background on hover */
}
 
.pagination .current {
  padding: 10px 15px;
  background: #e1261c;
  color: #fff;
  font-weight: bold;
  border: solid 2px #e1261c;
  border-radius: 12px;
}
#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; 
}

/* restore screen-reader-text */
.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: #1a1a1a; 
  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: #e22626; 
}
.post-navigation:before {
  right: 0;
}
.post-navigation:after {
  right: 54px;
}
.post-navigation a:hover,
.post-navigation a:focus {
  color: #1a1a1a;
}
.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;
}
/* reset screen-reader-text */
.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;
}
/*media*/

@media screen and (max-width:720px) {  
  #our-products .woocommerce ul.products li.product, 
  #our-products .woocommerce-page ul.products li.product{
    width: 100%;
  }
  #slider .slide-cap h2{
    margin-bottom: 20px;
  }
  #slider .slide-cap p{
    display: none;
  }
  .search_form label {
    width: 83%;
  }
  .social-media,
  .topbar{
    text-align: center;
  }
  .admin-bar .toggle{
    padding: 11% 0 0 0;
  }
  .toggle{
    display:block;
  }
  .toggle a{
    width:100%; 
    color:#333; 
    background:url('images/responsive_menu.png') no-repeat right center #ddd; 
    padding:10px 10px;  
    font-size:16px;
  }
  .toggle a:hover{ 
    color:#fff;
  }
  .toggle a.active{
    color:#fff
  }
  .nav{
    display:none;
  }
  #header .nav{
    float:none; 
    margin:0; 
    position:relative; 
    z-index:1; 
    overflow-x:hidden;
    bottom: 492px;
  }
  #header .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0;  
    background-color:#222222;
  }
  #header .nav ul li{
    border-top:1px #303030 solid; 
    display:block; 
    float:none; 
    text-align:left;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff !important;
  }
  .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;
  }
  .top-right.text-right{
    text-align:center!important;
  }
  .menubox {
    top:0!important;
    margin-left:0!important;
    width: 96%!important;
    margin-top: 34%!important;
    background: none!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: #eee;
    width: 115px;
    position: absolute;
    top: 25px;
    left: 0;
    text-align: left;
    padding: 10px 0;
    z-index: 99;
  }
  #header .nav ul li:hover > ul li{ 
    display:block;
  }
  #header .nav ul li:hover > ul li a{ 
    padding:7px 0px 7px 10px; 
    color:#333;
  }
  #header .nav ul li:hover ul li ul{
    display:none;
  }
  #header .nav ul li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left: 116px;
    top: 10px;
  }
  #header .nav ul.sub-menu{
    margin-top:10px;
  }
  #header .nav ul.sub-menu li a:hover{
    background:#333;
    color:#fff; 
  }
  #header .nav ul li a{ 
    color:#000; 
    display:block;
  }  
}

@media screen and (min-width: 1000px) {
  #header #header-inner .nav ul li ul li{
    display:block; 
    position:relative; 
    float:none; 
  }
  #header #header-inner .nav ul li ul li a{
    color:#000; 
    display:block; 
    padding-top:10px; 
    padding-bottom:10px; 
    border-bottom:1px #313131 solid;
  }
}
@media screen and (max-width:991px){
	#slider .slide-cap h2{
    font-size:150%
  }  
  h3.navigate {
    padding: 1em 0 !important;
  }
}
@media screen and (max-width:686px){
  #content-vw #comments ul{
    margin: 0!important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
  #our-products .woocommerce ul.products li.product,
   #our-products .woocommerce-page ul.products li.product{
    width: 49%;
   }
  .search_form label {
    width: 85%;
  }
  .categry-header{
    top: -34px;
  }
}

img.attachment-vw-ecommerce-shop-post-image.size-vw-ecommerce-shop-post-image.wp-post-image {
    display: none;
}
#sidebar input[type="submit"] {
    background: #e1261c;
}
.woocommerce div.product form.cart .button:hover{
  background-color: #e1261c;
}
.woocommerce #review_form #respond .form-submit input {
    background-color: #e1261c;
    color:#fff;
  }
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button:hover{
  background-color: #e1261c;
  color:#fff;
}
.woocommerce .cart .button, .woocommerce .cart input.button:hover {
  background-color: #e1261c;
  color:#fff;
}
a.checkout-button.button.alt.wc-forward:hover {
    background-color: #e1261c;
}
.col-2,.col-1 {
  max-width: 100%;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button:hover{
   background-color: #e1261c;
}


nav.woocommerce-MyAccount-navigation a {
    color: #fff;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard{
 background-color: #e1261c;
 padding: 20px;
 margin-bottom: 7px;
 text-align: center;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders{
 background-color: #e1261c;
 padding: 20px;
 margin-bottom: 7px;
 text-align: center;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads{
  background-color: #e1261c;
 padding: 20px;
 margin-bottom: 7px;
 text-align: center;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address{
  background-color: #e1261c;
 padding: 20px;
 margin-bottom: 7px;
 text-align: center;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account{
  background-color: #e1261c;
 padding: 20px;
 margin-bottom: 7px;
 text-align: center;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout{
   background-color: #e1261c;
 padding: 20px;
 margin-bottom: 7px;
 text-align: center;
}
label {
    width: 60%;
}
