/*
Theme Name: VW Ecommerce Shop Pro
Theme URI:  https://www.vwthemes.com/premium/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: 1.2
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License
License URI:license.txt
Text Domain: vw-ecommerce-shop-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:12px/22px Open sans;
  color:#5b5b5b;
  font-family:Open sans;
  overflow-x: hidden !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:10px 0;
  font-family: Montserrat;
}
h1 {
    padding-top: 30px;
}
p{
  margin:0 0 15px;
  font-size:14px;
  font-family:Open sans;
}
a{
  text-decoration:none;
  color: #666;
}
a:hover{
  text-decoration:none;
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
small{
  font-size:14px !important;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="phno"],textarea,input[type="password"]{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
button:focus{
  outline: none !important;
}
textarea{
  height:111px;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bbb;
  letter-spacing: 1px;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #bbb;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #bbb;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #bbb;
}
select{
    width: 100%;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
    background: #111;
    border: 1px solid #555 !important;
}
input[type="submit"] {
  font-weight: bold;
  display: inline-block;
  text-align: center;
  font-size: 15px;
  color: rgb(255, 255, 255);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  margin: 23px 0px;
  background: rgb(225, 38, 28);
  padding: 8px 25px;
}
input[type="submit"]:hover{
  background:#ccc;
  cursor: pointer;
}
.clear{
  clear:both;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{
  margin:0;
}
.toggleMenu{
  display: none;
}
tr {
    border: 1px solid;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_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: #636c72;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #e1261c;
  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: 0.5384615385em;
  color: #fff;
  white-space: nowrap;
}
/*-------------------------------------------*/
.menubox nav > ul > li {
  display: inline-block;
}
.menubox nav > ul > li:first-child {
  border-left: none;
}
.sub-menu-parent .sub-menu.left{
  left: auto;
  width:auto;
  text-align: left;
}
/* Homepage */
.content-box h4 {
  padding: 0;
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.content-box {
  padding-top: 15px;
  letter-spacing: 1px;
}
/*-----------------------TopBar-------------------------------- */
.cart-btn-box span.woocommerce-Price-amount.amount{
  float: none;
  font-size: 12px;
  color: #111;
}
/* --------------------------HEADER---------------------------- */
.login-account {
  text-align: center;
}
#header .top-contact{
  padding:12px 0;
  font-size:15px;
}
div.wpcf7-validation-errors {
  border: 2px solid #f7e700;
  clear: both;
}
/*------------------------- Trending ------------------------------*/
button.owl-dot:focus, button.owl-prev:focus, button.owl-next:focus{
	outline:none;
}

button.owl-prev:hover, button.owl-next:hover{
    background: #ccc;
    color: #e1261c;
    border-color: #ccc;
}
/*------------ featured product -------------*/
@-moz-document url-prefix() {
 #featured-pro a.button, #men_product a.button, #trending-pro a.button  {
    padding: 6px 15px;
  }
}
span.onsale {
  position: absolute;
  background: #e1261c;
  color: #fff;
  padding: 0px;
  font-size: 13px;
  min-height: 3.236em;
  min-width: 3.236em;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  line-height: 3.236;
  top: 0.3em;
  margin: 0;
  border-radius: 40px;
  z-index: 9;
  box-shadow: 4px 0px 0 0px #000;
  right: auto;
  left: 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  text-align:center;
  margin:0 0 45px;
  padding:0;
}
section h3{
  font-weight:bold;
  text-align:center;
  margin:30px 0 0 0;
}
section h4{
  color:#000;
  font-weight:bold;
  font-size:20px;
}
section h5{
  color:#3890cb;
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0;
  padding:0;
}
.text-center{
  text-align: center!important;
}
/*------------- category ------------*/
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
  outline: none !important;
}
.title p{
  font-size: 15px;
  margin-right: 10px;
  color: #000;
}
.title i{
  font-size: 15px;
  color: #000;
}
.nav-icon {
  padding-left: 0px;
}
/*------------- Blog Layout -----------------*/
.blog-btn {
  padding-bottom: 20px;
  padding-top: 10px
}
.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-weight: normal;
}
/*------------- 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;
}
/*--------------------------------------video--------------------*/
iframe {
    width: 100%;
}
/*---------------------------subcriber form------------------------- */

.toggle-nav {
    display: none;
}
/* ---------- About Widget ----------- */
.custom-about-us .custom_read_more{
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  border-radius: 50px;
  background-color: #443f3f;
  padding: 10px 15px;
  display: inline-block;
  margin-top: 15px;
}
.custom-about-us p{
  margin-bottom: 0;
  margin-top: 15px;
}
/* ----------- Social Widget Icon ---------- */
.custom-social-icons i{
  width: 40px;
  height: 40px;
  background-color: #443f3f;
  color: #fff;
  font-size: 15px;
  border-radius: 50%;
  padding: 13px 0;
  text-align: center;
  margin: 5px 5px 0 0;
}
.custom-social-icons .alt-screen-reader-text{
  display: none;
}

/* ----------- Spinner ------------- */
.final-loader-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e1261c;
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
}
.final-loader-loading-box .lds-ellipsis {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:41%;
  transform: translateY(-50%);
  transform: translateX(-50%);
}
.final-loader-loading-box .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.final-loader-loading-box .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.final-loader-loading-box .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.final-loader-loading-box .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.final-loader-loading-box .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/* ---------- Return to Top ------------ */

#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background-color: #e1261c;
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  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;
  text-align: center;
}
#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 0;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}
#return-to-top #screen-reader-text{
  color: #fff;
}
#return-to-top.left{
  left: 10px;
}
#return-to-top.center{
  left: 50%;
  right: 50%;
}
/*/----------Sticky Header-------------------*/
#sticky-onoff{
  display: none;
}
.main-header-box #sticky-onoff{
  display: none;
}
.stickynavbar {
  background-color: #eeeeee;
  box-shadow: 0 0 8px grey;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 99;
}
.sticky .main-navigation a{
  color: #9a9da4;
}
.sticky .search-icon i{
   color: #9a9da4;
}
#vw-sticky-menu.sticky {
  margin-top: 0;
  padding: 0px 20px
}
.skip-link{
  position: absolute;
  left: 10px;
  top: 10px;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  z-index: 5;
  display: none;
}
.hideSkipLink{
  display: none;
}
.site_content {
    padding-top: 40px;
}


/*---- Additional css-----*/

.hvr-bounce-out {
display: inline-block !important;
vertical-align: middle !important;
-webkit-transform: perspective(1px) translateZ(0) !important;
transform: perspective(1px) translateZ(0) !important;
box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;
-webkit-transition-duration: 0.5s !important;
transition-duration: 0.5s !important;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
-webkit-transform: scale(0.8) !important;
transform: scale(0.8) !important;
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36) !important;
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36) !important;
}


.prodimg_box img:hover {
  transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
  transform: scale(1.5) rotateZ(-5deg);
  -moz-transform: scale(1.5) rotateZ(-5deg);
  -webkit-transform: scale(1.5) rotateZ(-5deg);
  -o-transform: scale(1.5) rotateZ(-5deg);
}
.prodimg_box {
  display: block;
  margin: 0 auto;
  overflow: hidden;
}


.blinking{
  animation:blinkingText 4s infinite;
  color: black;
}
@keyframes blinkingText{
 0% {
  color: black;
}
10% {
  color: #E2D5D5
}
20% {
  color: #F29191
}
30% {
  color: #3B2E5A
}
40% {
  color: black
}
50% {
  color: #D8B384
}
60% {
  color: black
}
70% {
  color: #272727
}
80% {
  color: #EAD3CB
}
90% {
  color: #F4C7AB
}
100% {
  color: #5E454B
}
}


.testi-img img:hover {
transition: 1s;
-webkit-transition: .7s;
transform: rotateY(360deg);
}

.social-media .fab:hover,.social-media .fa:hover {
    transition: 1s;
    -webkit-transition: .7s;
    transform: rotateY(360deg);
}

#div-comment-3 {
    position: relative;
    top: 20px;
}

#block-2 label {
    padding-top: 13px;
    padding-left: 12px;
    width: 62% !important;
}
#recent-posts-1 li::before,#recent-posts-2 li::before {
    background: none !important;
}
@media screen and (max-width: 767px){
#header .nav ul li a {
	color: #ffffff !important;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation
{
	padding: 0 !important;
	margin-left: -19px !important;
}
.entry-date.price.pull-right
{
	margin-top:-6px;
}