* {margin: 0; padding: 0;}
html {-webkit-font-smoothing: antialiased;}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
    -webkit-font-smoothing: subpixel-antialiased;
}
a, a:hover, a:focus, a:link, a:active {text-decoration: none; outline: none; outline-width: 0; outline-color: transparent; }
body {font-family: Arial, sans-serif; font-size: 14px; color: #666666; line-height: 1.8em;}
ul, ol, li {padding: 0; margin: 0; list-style: none;}
p {font-size: 1em; line-height: 1.8em; margin-bottom: 1.8em;}
address {font-size: 1em; line-height: 1.8em; margin-bottom: 1.8em;}
mark, .mark, mark.mark {background: transparent;}
ins {text-decoration: none;}
/* -- Place holder -- */
::-webkit-input-placeholder { font-style:inherit; color:#999;}
:-moz-placeholder { /* Firefox 18- */ 
  font-style:italic; color:#999;}
::-moz-placeholder {  /* Firefox 19+ */ 
   font-style:italic; color:#999; }
:-ms-input-placeholder {  font-style:italic; color:#999;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 1em; margin-top: 0;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em; font-weight: bold;}
h3 {font-size: 1.6em;}
h4, .order-bank-details h2,
.sidebar #calendar_wrap caption {font-size: 1.2em; font-weight: normal;}
h5,
#footer #calendar_wrap caption {font-size: 1.2em;}
h6 {font-size: 1em;}

/* -----------  Table   ------------ */
table{margin: 10px auto 20px auto; max-width: 100%;}

fieldset {margin: 30px 0;}

/* -------------------  blockquote    ----------------------  */
blockquote {font-size: 1em; border: none; padding:0; margin: 0; margin-left: 100px; border-left: 1px solid #DDDEDF;padding-left: 15px;}
.blockquote {padding: 10px 50px; position: relative; border: none; margin: 0; text-align: center;}
.blockquote:before, .blockquote:after {position: absolute; height: 34px; width: 34px; display: block; font-family: 'fontAwesome'; content: "\f10d"; font-size: 22px; top: 0; left: 0; line-height: 34px; text-align: center;}
.blockquote:after {left: auto; top:auto; bottom: 0; right: 0; content: "\f10e";}


/* ------------- Other Headings -------------- */
.section-heading {font-size: 1.5em; font-weight: 700; line-height: 1.6em; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin:10px 0 20px; color: inherit;}
.page-title {margin: 15px 0 0; color: #000; position: relative;}
.page-title h2, 
h1.page-title,
.page-title h1 {margin: 0; padding: 0; text-transform: uppercase; font-weight: bold; }
h1.page-title {margin: 0 0 15px;}
.cart-page-title h2 {line-height: 50px;}
.page-title:before {display: inline-block; margin-left: -2px; vertical-align: middle; width: 0; height: 100%; content: ''}
.page-title h2,
.page-title h1 {display: inline-block; vertical-align: middle;}
.post-title h1,
.post-title h3 {margin: 0; padding: 0; font-size: 1.2em; text-transform: uppercase; line-height: 2em;}
.sub-heading {padding-left: 44px; position: relative; min-height: 1.7; line-height: 34px; margin-bottom: 15px;}
.sub-heading .icon {position: absolute; left: 0; top: 0;}
.sub-heading h4 {margin: 0; padding: 5px 0; line-height: 1.8em;}

hr {border-top-color: #e5e5e5;}

img {max-width: 100%; height: auto; -webkit-transform: scale(1, 1) rotate(0deg);}

/* ------------ usefull Classes --------------- */
.left {float: left;}
.right {float: right;}

.section {padding-top: 15px; padding-bottom:  15px;}

.pos-rel {position: relative;}
.pos-stc {position: static;}

/*  ----------------------------------------------------------------
=======================   Form elements   ==========================
----------------------------------------------------------------- */
input[type="text"],
input[type="email"], 
input[type="email"], 
input[type="password"], 
input[type="tel"],
textarea, 
select {line-height: 20px; padding:10px 15px; border: 1px solid #e5e5e5; margin-bottom: 22px; width: 100%; color: inherit;}
label {font-size: 0.9em; color: #999; line-height: 1em; display: inline-block; padding: 5px 0 10px; margin: 0; font-weight: 400; vertical-align: top;}
.woocommerce .select2-container .select2-choice  {padding:6px 15px; border: 1px solid #e5e5e5; border-radius: 0;}
/*input[type="checkbox"] + label,
input[type="radio"] + label {margin-left: 5px;}*/


/*  ----------------------------------------------------------------
============= Custom Checkbox and Radio button =====================
----------------------------------------------------------------- */
.custom-checkbox input[type="checkbox"] + label,
.custom-radio input[type="radio"] + label {line-height: 15px !important;}
.custom-checkbox input[type="checkbox"] + label::before,
.custom-radio input[type="radio"] + label::before{ vertical-align: top;}
/* hide the checkboxes and radios */
.custom-checkbox input[type="checkbox"],
.custom-radio input[type="radio"]{ position: absolute; opacity: 0; width:15px; height:15px;}

.custom-checkbox input[type="checkbox"] + label::before,
.custom-radio input[type="radio"] + label::before { content: ""; display: inline-block; width: 15px; height: 15px; line-height: 15px; margin: 0 8px 0 0; background: #e5e5e5; box-shadow:inset 2px 2px 10px 0px rgba(0,0,0,0.2); vertical-align: top;}
.custom-form input[type="checkbox"]:disabled + label,
.custom-form input[type="radio"]:disabled + label {opacity: .5; cursor: default; /* or cursor: no-drop */}
/* hover checkbox (unselected state only) */
.custom-checkbox input[type="checkbox"]:not(:checked):hover + label::before { content: "\f00c"; font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px;}
/* selected checkbox */
.custom-checkbox input[type="checkbox"]:checked + label::before {  content: "\f00c"; font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px;color: #333;}
/* normal state radio */
.custom-radio input[type="radio"] + label::before {border-radius: 50%;}
/* radio hover (unselected state only) */
.custom-radio input[type="radio"]:hover + label::before { content: "\f111";font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px; }
/* selected radio */
.custom-radio input[type="radio"]:checked + label::before { content: "\f111";font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px; color: #333;}
/* focused checkbox or radio */
.custom-form input[type="checkbox"]:focus + label,
.custom-form input[type="radio"]:focus + label { outline: dotted 1px; /* by not adding color to the value we force the use of system's default focus color "invert" */ }



.form-fields  {position: relative; padding: 30px 0 0 30px; border: 1px solid #ddd; border-right: none; border-bottom: none; margin: 30px 0 80px;}
.form-fields:before, .form-fields:after {content: ''; height: 1px; width: 100%; position: absolute; left: -1px; top: -1px;
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 80%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 80%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 80%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 80%); /* IE10+ */
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.form-fields:after {width: 1px; height: 100%;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 80%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 80%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 80%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 80%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.checkout-login .form-fields {margin: 0;}
.checkout-login .login {padding: 30px 0;}
.form-fields-title {position: absolute; top: -12px; left: 20px; display: block; line-height: 1em; padding: 5px 12px; font-size: 90%; z-index: 10}

.sidebar form,
.mc4wp-form form,
.header form.woocommerce-product-search,
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering  {padding: 0; border: none;}
.sidebar-item form input[type="text"],
.sidebar-item form input[type="email"], 
.mc4wp-form form input[type="text"],
.mc4wp-form form input[type="email"] {margin: 0;}
/*.sidebar-item form:before, .sidebar-item form:after,*/
.mc4wp-form form:before, .mc4wp-form form:after,
.woocommerce .woocommerce-ordering:before,
.woocommerce .woocommerce-ordering:after, 
.woocommerce-page .woocommerce-ordering:before,
.woocommerce-page .woocommerce-ordering:after {display: none; content: ;}
.shop-sidebar .view-sidebar {display: none;}

/* ---------------- Buttons ----------------- */
.button,  
input[type="submit"].submit,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {display: inline-block; padding: 5px 15px; border: none;}
input[type="submit"] {font-weight: 700; letter-spacing: 1px; padding: 7px 22px; display: inline-block; border: none;}
.add_to_cart_button  {padding: 6px 20px; min-width: 160px; text-align: center;}
.button:hover,
input[type="submit"]:hover,
input[type="submit"].submit:hover {background: #000; color: #fff;}
.woocommerce .addto-cart a {display: block; margin: 0; padding: 0;}
.btn-md {padding: 11px 20px; text-transform: uppercase; font-weight: 400;}
.btn-big,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.wc-proceed-to-checkout a.checkout-button {padding: 14px 25px; border-bottom: 3px solid rgba(0,0,0,0.15); text-transform: uppercase; font-weight: 700;}
.button:focus {color: #fff;}

/*.add_to_cart_button.product_type_simple,
.single_add_to_cart_button {cursor: url(../img/add-to-cart.png), auto;}*/

span.required {color: red; padding-left: 3px;}
.price-search label {line-height: 34px;}


#header {padding-bottom: 15px; position: relative;}
#header.head-sticky {padding-bottom: 0}
.header {position: relative; z-index: 2000}
.header-top {height: 40px; line-height: 20px; background: #555; color: #f5f5f5;}
.header-top a {color: #f5f5f5;}
.header-top ul {padding: 0; margin: 0; font-size: 0;}
.header-top ul li {display: inline-block; padding: 0; margin: 0; border:1px solid rgba(255,255,255,0.1); border-right: none; border-bottom: none; border-top: none; font-size: 14px; position: relative;}
.header-top ul li:last-child {border-right:1px solid rgba(255,255,255,0.1);}
.header-top ul li a {display: inline-block; line-height: 20px; padding: 10px 15px; color: #f5f5f5; position: relative; z-index: 10}
.header-top ul li a:hover,
header .nav ul li:hover a, #header .header-top ul li.current-menu-item a {color: #555}
.header-top ul li:after {height: 1px; width: 100%; position: absolute; bottom: -1px; left: 0; background:#f5f5f5; content: ''; z-index: 1}
.header-top ul li:hover:after, .header-top ul li.current-menu-item:after {bottom: 0; height: 100%;}
.header-top .header-shipping { line-height: 20px; padding: 10px 15px; color: #f5f5f5; border: 1px solid rgba(255,255,255,0.1); border-bottom: none; border-top: none; display: inline-block;}
.header {padding: 15px 0; background: #f5f5f5;}


/*  ----------------------------------------------------------------
=======================     Navigation       =======================
----------------------------------------------------------------- */
#nav {position: relative; z-index:1999; }
#header .nav {border: 1px solid #ddd; border-left: 0; border-right: 0;}
#header .nav-default .nav {border: none;}
#header .nav-default .nav ul li a,
#header .nav-default .nav a {color: #f5f5f5;}
#header .nav ul {display: block; padding: 0; margin: 0; font-size: 0;}
#header .nav ul.menu {padding: 0 5px;}
#header .nav ul li {display: inline-block; position: relative;}
#header .nav ul li > span {display: none; width: 45px; height: 45px; position: absolute; right:15px; top: 0; background: rgba(0,0,0,0.05); z-index: 99; font-size: 16px; cursor: pointer;}
#header .nav ul li ul li > span {height: 34px; width: 34px; right: 0;}
#header .nav ul li > span:after { content: "\f107"; font-family: 'fontAwesome'; position: absolute; height: 34px; width: 34px; left: 0; right: 0; top:0; bottom: 0; margin: auto; line-height: 34px; text-align: center;}
#header .nav ul li > span.active:after {
    -webkit-transform: ritate(180deg);
    -moz-transform: ritate(180deg);
    -ms-transform: ritate(180deg);
    -o-transform: ritate(180deg);
    transform: ritate(180deg);
}
#header .nav ul li a {color: inherit; padding:15px 20px; line-height: 24px; display: block; position: relative; z-index: 10}
#header .nav ul li a.fa {font-family: inherit; padding-left: 40px;}
#header .nav ul li a.fa:before {display: inline-block; padding-right: 10px; font-family: 'fontAwesome'; position: absolute; left: 15px;}
#header .nav ul li:hover a {color: #f5f5f5}
#header .nav ul li:before, 
#header .nav ul li:after {content: ''; height: 0; width: 100%; position: absolute; top: -1px; left: 0; background:#f5f5f5; z-index: 0}
#header .nav ul li:after {top: auto; bottom: -1px;}
#header .nav ul li ul {min-width: 210px; z-index: -20000;overflow: hidden; text-align: left;}
#header .nav ul li:hover ul {z-index: 2000 !important; height: auto; overflow: visible;}
#header .nav ul li ul a {color: #f5f5f5; padding: 5px 20px;}
#header .nav ul li ul li {display: block;}
#header .nav ul li ul li ul {/*display: none;*/ left: 100%; top: 0;}
#header .nav ul li ul li:hover:after,
#header .nav ul li ul li.active-nav a:after {background: #fff;}

.split-nav {float: left; width: 100%;}
.split-nav .splitnav-left {float: left;}
.split-nav .splitnav-right {float: right;}

@media(min-width: 992px) {

    #header.head-sticky .nav-sticky {position: absolute; left: 0; top: 100%; width: 100%; z-index: 999;}
    #header .nav ul li:hover:after,
    #header .nav ul li.active-nav a:after {height: 100%; bottom: 0;}
    

    /* ------------------------  Mega menu ----------------------- */
    #header .nav ul li .mega-menu {/*display: none;*/ position: absolute; left: 0; top: 100%; min-width: 210px; z-index: -20000;}
    #header .nav ul li:hover .mega-menu {z-index: 2000 !important; height: auto; overflow: visible;}
    #header .nav ul li .mega-menu ul {height: auto; left: 0;} 
    #header .nav ul .mega-menu ul ul { position: relative; top: 0; /*padding-top: 5px;*/}
    #header .nav ul .mega-menu li:hover a {color: #fff;}
    #header .nav ul .mega-menu li:before, 
    #header .nav ul .mega-menu li:after {display: none; content: none;}
    #header .nav ul li .mega-menu ul li.mega-menu-col {position: relative;}
    #header .nav ul li .mega-menu > ul li {background: transparent;}
    #header .nav ul li .mega-menu ul.mega-menu-row { width: 100%; display: table; table-layout: fixed; padding: 0; }
    #header .nav ul li .mega-menu ul.mega-menu-row:last-child {box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3)}
    #header .nav ul li .mega-menu ul li.mega-menu-col {display: table-cell; width: 1px; vertical-align: top; /*padding: 15px;*/}
    #header .nav ul li .mega-menu ul li.mega-menu-col:nth-child(2n) {background: rgba(0,0,0,0.05);}
    #header .nav ul li .mega-menu > ul.mega-menu-row > li.mega-menu-col > a {padding:10px 25px;}
    #header .nav ul li .mega-menu > ul.mega-menu-row > li.mega-menu-col > a:after {content: ''; position: absolute; bottom: -1px; height: 1px; left: 25px; right: 25px; background: rgba(255,255,255,0.2)}
    /*#header .nav ul li .mega-menu ul li.mega-menu-col > div {margin: -15px;}*/
    #header .nav ul li .mega-menu ul.mega-menu-row ul.sub-menu {}
    #header .nav ul li .mega-menu ul.mega-menu-row ul.sub-menu li a,
    #header .nav ul li .mega-menu ul.mega-menu-row ul.sub-menu li > div {padding: 8px 25px;}
    #header .nav ul li .mega-menu ul.mega-menu-row ul.sub-menu li a:hover {background: rgba(255,225,255,0.2);}
}
@media (max-width: 991px) {
  .split-nav, .split-nav .splitnav-left, .split-nav .splitnav-right {float: none;}
}

/*#header .nav ul li:hover:after {top: auto; bottom: 0;}*/
.head-sticky + .fullwidth-slider {margin-top: -71px;}
.nav-transparent.nav-full {border: none; border-top: 1px solid  #ddd; border-bottom: 1px solid  #ddd}
.nav-transparent.nav-full .nav {margin: -1px 0;}

.nav-trigger {height: 50px; width: 50px; position: absolute; top: -25px; left: 0; right: 0; display: none; margin: auto; cursor: pointer; z-index: 2001}
.nav-trigger .icon {max-width: 100%; max-height: 100%; line-height: 40px; z-index: 2000;}
.nav-trigger .icon .fa {font-size: 14px;}
.lines-button { padding: 10px 0; display: block; margin: 0 auto; height: 40px; width: 40px; transition: .3s; cursor: pointer; user-select: none; border-radius: 0.57143rem; position: relative;  z-index: 2000;}
.lines-button:hover { opacity: 1;}
.lines-button:active { transition: 0;}
.lines { display: inline-block; width:26px; height: 3px; background: #fff; border-radius: 6px; transition: 0.3s; position: relative; vertical-align: top; margin: 14px 6px;}
.lines:before, .lines:after { display: inline-block; width: 26px; height:3px; background: #fff; border-radius: 6px; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;}
.lines:before { top: 7px}
.lines:after { top: -7px;}
.lines-button:hover .lines:before { top: 6px;}
.lines-button:hover .lines:after { top: -6px;}
.nav-active .lines-button {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}
.nav-active .lines-button .lines { background: transparent !important;}
.nav-active .lines-button .lines:before, .nav-active .lines-button .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 26px;}
.nav-active .lines-button .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.nav-active .lines-button .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.main-slider {margin-bottom: 12px;}
.fullwidth-slider {padding: 0; margin: -15px 0; position: relative; overflow: hidden;}
.banners-area .slider-navs {}
.banners-area .slider-navs .slide-prev,
.banners-area .slider-navs .slide-next {height:64px; width: 72px; display: block; cursor: pointer; position: absolute; left: -28px;top: 0;bottom: 0;margin: auto;line-height: 62px;text-align: right;font-size: 20px;color: #fff; padding-right:25px}
.banners-area .slider-navs span .fa {z-index: 100; position: relative; font-size: 20px; color: #fff;}
.banners-area .slider-navs span .polygon {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1}
.banners-area .slider-navs .slide-next {left:auto; right: -28px; padding-left: 25px; padding-right: 0; text-align: left;}

/* ------------ Header ------------ */
/*.header .woocommerce-product-search {margin-top: 16px;}*/
.woocommerce-product-search {position: relative; overflow: hidden; max-width: 560px; margin: 0 auto; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.12);/* padding-left: 40px !important;*/}
.woocommerce-product-search label {display: none;}
.woocommerce-product-search:after,
.sidebar-item .woocommerce-product-search:after {height:40px; width: 40px; position: absolute; top: 0; right: 0; content: "\f002"; font-size: 14px; font-family: 'FontAwesome'; line-height: 40px; text-align: center; color: #fff; background: #f5f5f5; border: none; z-index: 110;}
.woocommerce-product-search:after {}
.woocommerce-product-search input[type="text"], 
.woocommerce-product-search input[type="search"] {padding: 10px 16px; margin-bottom: 0; border: none; position: relative; z-index: 100; border:none; width: 100%; line-height: normal; height: 40px; background: transparent;}
.woocommerce-product-search input[type="text"]:focus {}
.woocommerce-product-search input[type="submit"], 
.woocommerce-product-search button[type="submit"] {position: absolute; top: 0; right:0; height: 40px; width: 40px; background: transparent; border: none; z-index: 1000; cursor: pointer; text-indent: -200px; overflow: hidden; border-radius:0;}
.woocommerce-product-search input[type="submit"]:hover + .woocommerce-product-search:after {color: #fff;}
.woocommerce-product-search:hover:after, .woocommerce-product-search  input[type="search"]:hover:after {color: #fff;}
.woocommerce-product-search input[type="text"]:focus + input[type="submit"] {margin-right: 0;}

/*.middle-contents {padding-top: 15px;}
.fw-main-row,
.fw-main-row > .fw-container > .fw-row {padding: 15px 0;}*/
.head-sticky + .middle-contents {padding-top: 0;}

.cartbox-widget {margin:0 15px 0 0; position: relative; z-index: 2000;}
.cart-box {text-align: right; display: inline-block; padding:10px 0 10px 50px; text-align: left; color: inherit; position: relative;}
.cartbox-widget:hover .cart-box {/*background: #fff; */}

.cartbox-icon {font-size: 36px; line-height: 46px; margin-left: -40px; width: 36px; height: 36px; text-align: center; padding:0 5px; color: #333; position: relative; display: inline-block; vertical-align: middle;}
.cartbox-icon .cart-bag {height: 100%; width: 100%;}
.cartbox-label {display: none; color: #000; margin-top: 8px;}
.cart-box a.cart-contents {display: inline-block; vertical-align: middle; color: #000;}
.cartbox-widget .dd-cart ul {float: left; width: 100%;}
.cartbox-widget .dd-cart ul li,
.woocommerce .dd-cart ul.cart_list li, 
.woocommerce .dd-cart ul.product_list_widget li {position: relative; float: left; width: 100%; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ddd;}
.cartbox-widget .dd-cart { position: absolute; top: calc(100% + 15px); right: -15px; z-index: 1000; display: none; float: left; min-width: 300px; padding: 20px 0 20px 20px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; border-radius: 0;
  -webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, .18); 
     -moz-box-shadow: 1px 0px 5px rgba(0, 0, 0, .18); 
          box-shadow: 1px 0px 5px rgba(0, 0, 0, .18); 
}
.cartbox-widget .dd-cart .remove {position: absolute; display: inline-block; width: 16px; height: 16px; font-size: 20px; line-height: 16px; text-align: center; background: #f5f5f5; color: #fff; right: -10px; top: 0; z-index: 10}
.woocommerce .cartbox-widget .dd-cart ul.cart_list li img, 
.woocommerce .cartbox-widget .dd-cart ul.product_list_widget li img, 
.cartbox-widget .dd-cart ul li img,
.woocommerce-page .dd-cart ul.cart_list li img, 
.woocommerce-page .dd-cart ul.product_list_widget li img {float: right; height: 50px; width: auto;}
.wn_slider {display: block; padding: 0; margin: 0; list-style: none;}
.wn_slider li {padding: 0;}
/*.opened .dd-cart, .dd-cart .quantity{display: block;}*/
.dd-cart .total, .dd-cart p {margin-top: 5px; float: left; width: 100%;}
.dd-cart .total {font-weight: bold;}
.dd-cart .buttons, .dd-cart p:last-child {margin-bottom: 0;}
.dd-cart .buttons {margin: 0 -2px;}
.dd-cart .buttons a { float: left; width: 50%; border: 2px solid #fff; text-align: center;}
.dd-cart .inner-scroll .cart_list {float: left; width: 100%; overflow: auto; max-height: 364px; padding-right: 20px;}
.dd-cart .inner-scroll .total,
.dd-cart .inner-scroll .buttons {padding-right: 16px;}

/* ----------------- Slider Theme ----------------- */
.owl-theme .owl-controls{ text-align: center;}
.owl-pagination {position: absolute;right: 0;bottom: 0; padding: 5px;}
.owl-buttons {position: absolute;bottom: 0;left: 0; width: 68px;font-size: 0; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {height: 34px; width: 34px; padding: 5px; background: #fff; background: rgba(255,255,255,0.8); color: #333; position: relative; display: inline-block;}
.owl-theme .owl-controls .owl-buttons div:after {content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 0; top:0; height: 24px; width: 24px; line-height: 24px; font-size: 16px; text-align: center; text-indent: 0;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:after {content: "\f104"}
.owl-theme .owl-controls .owl-buttons div:hover {color: #fff; background: #333;}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ vertical-align: bottom;}
.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; background: #f5f5f5;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

/* ----------- Features ----------- */
.features-bar-light {/*background: #fff; color: #000000; */}
.features-bar {float: left; width: 100%;}
.feature {float: left; width: 100%; overflow: hidden;}
.feature ul {list-style: none; margin: 0 auto; display: table-row;}
.feature ul:after {display: block; content: ''; clear: both;}
.feature ul li {display: table-cell; padding: 20px 10px; position: relative; color: inherit; /*overflow: hidden; */width: inherit; min-width: 250px;}
.feature table { width: 100%; table-layout: fixed; width: 100%; table-layout: fixed; margin: 0;}
.feature table td {padding: 20px 10px; position: relative; color: inherit; }
.features-vertical {overflow: visible;}
.features-vertical ul {display: block;}
.features-vertical ul li {display: block; float: none; width:auto; text-align: center; margin-bottom: 1px; padding: 25px 10px 26px;}
.feature ul li:before, .feature ul li:after,
.feature table td:before, .feature table td:after {width: 100%; height: 1px; position: absolute; top: -1px; left: 0; content: ''}
.feature ul li:after,
.feature table td:after {bottom: -1px; top: auto;}
.feature ul li:hover:after,
.feature table td:hover:after {height: 101%;}
.feature ul li:hover,
.feature table td:hover {color: #fff;}
.feature ul li:hover .iconbox-label, 
.feature table td:hover .iconbox-label,
.feature ul li:hover .iconbox-count,
.feature table td:hover .iconbox-count,
.features-widget ul li:hover .iconbox-label,
.features-widget .iconbox-item:hover .iconbox-label,
.features-widget ul li:hover .iconbox-count,
.features-widget .iconbox-item:hover .iconbox-count {color: #fff;}
.feature ul li:hover .plygon polygon,
.feature table td:hover .polygon polygon {fill:#fff;}

.features-widget ul li .icon-left {/*margin-left: 18px;*/}
.features-widget ul li:before,
.features-widget .iconbox-item:before{display: none;}
.features-widget .iconbox-item:after {height: 0;}

.features-widget table, 
.features-widget tbody, 
.features-widget tr, 
.features-widget td,
.features-vertical table,
.features-vertical tbody,
.features-vertical tr,
.features-vertical td {display: block; width: 100%; float: left;}
.features-widget td,
.features-vertical td { margin-bottom: 1px;}
.features-widget td:last-child,
.features-vertical td:last-child {margin-bottom: 0;}

.box-shadow {box-shadow:0 3px 7px -3px rgba(0,0,0,0.3)}
.border-top > .fw-container > .fw-row:first-child .section:before,
.border-top > .fw-container-fluid > .fw-row:first-child .section:before,
.border-bottom > .fw-container > .fw-row:last-child .section:after,
.border-bottom > .fw-container-fluid > .fw-row:last-child .section:after {content: ''; height: 1px; position: absolute; left: 0; right: 0; top: -1px; background: #ddd;}
.border-bottom > .fw-container > .fw-row:last-child .section:after,
.border-bottom > .fw-container-fluid > .fw-row:last-child .section:after {top: auto; bottom: -1px;}
.border-top > .fw-container > .fw-row:first-child .section:before,
.border-bottom > .fw-container > .fw-row:first-child .section:after {left: 15px; right: 15px;}

.full-width-slider.fw-main-row {overflow:hidden;}
.fw-main-row > .fw-container > .fw-row > .col-xs-12.section > .features-bar:first-child {margin-top: -15px;}
.fw-main-row > .fw-container > .fw-row > .col-xs-12.section > .features-bar:last-child {margin-bottom: -15px;}
.forcefullwidth_wrapper_tp_banner {margin: -15px 0 !important}
.fullwidthbanner-container {overflow: hidden !important;}
.bg-enabled {margin-top: 15px; margin-bottom: 15px; background-size: cover;}

.slider-item {margin:0; padding: 0 13px;}
.produsts-slider {margin:20px 0;}
/*.fw-main-row {padding: 15px 0;}*/
.carousel-nav {display: inline-block;}
.carousel-nav span {display: inline-block; margin: 0 2px; height: 24px; width: 24px; line-height: 24px; text-align: center; background: #000; color: #fff; font-size: 16px; cursor: pointer; border-radius: 50%;}
.carousel-nav span:hover {background-color: rgba(0,0,0,1);}
.carousel-nav span.disabled {background: rgba(0,0,0,0.5);}
.carousel-nav span .fa {height: inherit; width: inherit; line-height: inherit; vertical-align: top; display: inline-block;}

.footer-top .wn-social {display: block; margin: 0 0 10px; padding: 0;}
.footer-top .wn-social li {display: inline-block; position: static; padding: 0;}
.footer-top .wn-social li:after {display: none;}
.footer-top .wn-social li a {display: block; height: 36px; width: 36px; color: inherit; line-height: 40px; text-align: center; font-size: 16px; border-radius: 40px; padding: 0;}
.footer-top .wn-social li a:hover {text-decoration: none;}
.footer-top .wn-social li a .fa {vertical-align: top; line-height: 36px; display: block;}

.social-share {display: block; margin: 0 0 10px; padding: 0;}
.social-share ul li {display: inline-block; position: static; padding: 0;}
.social-share ul li:after {display: none;}
.social-share ul li a {display: block; height: 36px; width: 36px; color: inherit; line-height: 40px; text-align: center; font-size: 16px; border-radius: 40px; padding: 0;}
.social-share ul li a:hover {text-decoration: none;}
.social-share ul li a .fa {vertical-align: top; line-height: 36px; display: block;}
 
/* ------------   Products archive page     -------------------  */
.product-cat-thumb {margin: 15px 0;}
.view-options {display: block; padding-bottom: 20px; margin:0 0 20px; border-bottom: 1px solid #e5e5e5; line-height: 40px;}
.label {color: inherit; float: none; font-weight: normal; font-size: 80%;}
.view-options select, .view-options form {width: auto; margin-bottom: 0 !important; padding: 10px 15px; vertical-align: middle !important;}
.view-options select {max-width:200px;}
.switch-view .select-view {display: inline-block; height: 30px; width: 30px; line-height: 24px; border: 1px solid #999; color: #999; padding: 3px; font-size: 18px; vertical-align: middle; cursor: pointer; text-align: center;}
.text-right nav.woocommerce-pagination {text-align: right !important;}
.products-pager {margin-bottom: 30px;}


/*-----------------   Category sldier   ----------------*/
.cat-carousel-item {border: 1px solid #f9f9f9; max-width: 266px; margin: 0 auto; text-align: center;}
.cat-carousel-item .cat-name {font-size: 1em; line-height: 1.5em; padding: 12px 0;}
.cat-carousel-item .cat-name a {color: inherit;}
.cat-carousel-item:hover .product-thumbnail a:after {top: 0; opacity: 0; display: none;}
.cat-carousel-item:hover .product-thumbnail .icon {opacity: 1;}
.cat-carousel-item img {
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.cat-carousel-item:hover img {
    -webkit-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

/* ---------------- Product ------------------ */
.product-item {max-width: 268px; margin: 0 auto;  border:1px solid rgba(237, 237, 237, 0.54);}
.product-item:hover {border-color: transparent;}
.product-thumbnail {position: relative; /*min-height: 350px;*/ background: #f9f9f9; text-align: center; overflow: hidden;}
.cat-carousel-item .product-thumbnail {background: transparent;}
.product-thumbnail a {display: block; position: relative; overflow: hidden;}
.product-thumbnail a:after {display: block; content: ''; position: absolute; top: 100%; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); } 
.product-item:hover .product-thumbnail a:after {top: 0; opacity: 0.2}
.product-thumbnail .icon {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; height: 60px; width: 70px; z-index: 20000;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}
.product-item:hover .product-thumbnail .icon {opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.product-thumbnail .ribbon {display: inline-block; padding: 5px 15px; position: absolute; top: 0; right: 0; letter-spacing: 1px; z-index: 10}
.product-thumbnail img {vertical-align: top;}
.product-details {padding: 30px; text-align: center; /*font-size: 1.1em; color: #000;*/ position: relative; min-height: 180px; border-top: none; background: #fff;}
.product-details .product-name {font-size: 1.2em;}
.product-single .product-details .summary .product-name,
.product-single .product-details .summary .price {color: #000}
.product-details:after {position: absolute; height: 1px; bottom: 0; left: 0; right: 0; z-index: 0; background: transparent; content: ''; visibility: hidden;}
.product-details .price del {font-size: 0.75em;}
.product-details .price del,
.price ins {display: inline-block;}
.product-item .product-price,
.product-item .product-name,
.list_view .product-item:hover .product-price,
.list_view .product-item:hover .product-name {color: #000;}
.product-item:hover .product-details,
.product-item:hover .product-price,
.product-item:hover .product-name,
.carousel-wrapper .product-item:hover .product-price span.price {color: #fff;}
.product-item:hover .product-details:after {height: 100%; visibility: visible;}
.product-details .addto-cart {display: block; position: relative;}
.product-item .addto-cart .button {position: relative; text-transform: uppercase; letter-spacing: 1px; padding: 0; overflow: hidden; width: 160px; max-width: 100%; display: block; margin: 0 auto;}
.list_view .product-item .addto-cart .button {display: inline-block;}
.product-item .addto-cart .button:focus {color: #fff;}
.product-item .addto-cart .button .blt {display: block;}
.product-item .addto-cart .button .brb { padding: 7px 25px; display: block;}
.product-item .addto-cart .added, 
.product-item .addto-cart .loading {width: auto;}
.product-item .addto-cart .added .brb {padding-right: 40px;}
.product-item:hover .button {background:transparent; /*border-color: #fff;*/}
.product-item .addto-cart .button .blt:after,
.product-item .button .brb:after {width: 100%; height: 2px; position: absolute; left: -100%; top: 0; background: #fff; content: '';}
.product-item .button .brb:after {left: auto; top: auto; right: -100%; bottom: 0;}
.product-item .addto-cart .button .blt:before,
.product-item .button .brb:before {height: 100%; width: 2px; position: absolute; left: 0; top: -100%; background: #fff; content: ''}
.product-item .button .brb:before {left: auto; top: auto; right: 0; bottom: -100%;}

.product-item:hover .addto-cart .button .blt:after {left: 0;}
.product-item:hover .button .brb:after {right: 0;}
.product-item:hover .addto-cart .button .blt:before {top:0;}
.product-item:hover .button .brb:before {bottom: 0;}
/*.product-item:hover .yith-wcwl-add-to-wishlist a {color: #fff;}*/
.product-item:hover .yith-wcwl-add-to-wishlist .polygon polygon {stroke:#fff;}
.woocommerce a.added_to_cart {color: inherit;}

.product-details > div {z-index: 10; position: relative;}
.product-price {font-size: 1.35em; font-weight: 700; margin: 5px 0;}
.price ins {text-decoration: none;}
.visible-listview {display: none;}

/* ----------- Products listing ------------ */
.products-listing {display: block; float: left; width: 100%;}
.products-listing .slider-item {float: left; width: 25%; margin-bottom: 30px;}
.products-listing .slider-item:nth-child(4n + 1) {clear: both;}

.woocommerce ul.owl-carousel li.product, .woocommerce-page ul.owl-carousel li.product {float: none !important;}

/* =================  Product single page   =================   */
.product-single .images {width: 33.33333333%; float: left; padding: 0 15px;}
.product-single .summary {width: 66.66666667%; float: left; padding: 0 15px; display: inline-block;}
.product-single .caroufredsel_wrapper, .product-single .yith_magnifier_gallery {height: 100px !important;}
.product-single .product-price {margin-bottom: 1.6em;}
.yith_magnifier_mousetrap {border: none;}
.yith_magnifier_lens {background: rgba(255,255,255,0.5);}
.yith_magnifier_zoom_magnifier {border: 1px solid #ddd !important; margin-left: 10px;}
.yith_magnifier_zoom_magnifier img {width: auto !important; max-width: inherit !important;}
.product-single .page-title {margin: 0 0 5px 0;}
.product-sku {font-weight: 700; margin-bottom: 15px;}

/*.woocommerce .product-single .woocommerce-breadcrumb {padding: 0 15px;}*/

/* ------------------ Color Filter ------------------------ */
.widget_color_filter {}
.widget_color_filter a {display: inline-block; height: 25px; width: 25px; border-radius: 50%; background:#333; position: relative; margin: 10px; box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);}
.widget_color_filter a:hover, .widget_color_filter a.active { box-shadow: inset 0 0 1px 4px rgba(0,0,0,0.3)}
.widget_color_filter a span {display: inline-block; position: absolute; right: -10px; top: -10px; height: 18px; min-width: 18px; width: auto; line-height: 18px; text-align: center; background: #ededed; color: #000; border-radius: 50%; border-radius: 20px 20px 20px 20px; padding: 0 5px;}

/* ================= 	icon 	================= */
.icon-box {position: relative; color: inherit;}
.icon-box:after {content: ''; display: table; clear: both;}
.icon-left {padding-left: 80px; position: relative; text-align: left; display: block; /*margin: 0 auto;*/ z-index: 200;}
.icon-left .icon {position: relative; margin-left: -80px; float: left; color: inherit; }
.icon-box .iconbox-label {display: block; color: inherit; padding-top: 8px; font-weight: 600; color: #000;}
.icon-box .iconbox-count {}
.icon {width: 70px; height: 62px; display: inline-block; line-height: 70px; text-align: center; }
.icon-single {display: inline-block; line-height: 1.2em; text-align: center; color: #303030;}
.icon-x1 {font-size: 1.5em;}
.icon-x2 {font-size: 2.5em;}
.icon-x3 {font-size: 4em;}
.icon-x4 {font-size: 5em;}
.icon {position: relative;}
.icon-small {max-width: 34px; height: auto; line-height: 34px;}
.icon .fa {z-index: 10; position: relative; font-size: 20px; color: #fff; margin: 0;}
.product-thumbnail .icon .fa {font-size: 30px; line-height: 64px;}
.icon-small .fa {font-size: 12px;}
.icon-rounded {border-radius: 50%; width: 16px; height: 16px; background: #39b801; color: #fff; line-height: 16px; text-align: center; font-size: 10px; display: inline-block; margin-right: 5px; vertical-align: text-top}
.icon .polygon {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1}

/* =============================== Footer ============================= */
#footer {margin-top: 30px;}
#footer h5,
#footer #calendar_wrap caption {color: #000; margin: 15px 0 20px; }
footer a {color: inherit;}
footer a:hover {color: #000;}
.footer-top {margin: -1px 0; border: 1px solid #ddd; border-left: none; border-right: none; padding: 40px 0;}

.footer-bottom {padding-top: 25px;}
.footer-bottom hr {margin-top: 40px;}
.footer-bottom ul,
.footer-top ul {list-style: none; padding: 0; margin: 0; font-size: 1em; text-transform: uppercase;}
.footer-bottom ul li,
.footer-top ul li {display: block; padding: 5px 0;}
.footer-bottom ul li a,
.footer-top ul li a {color: inherit; }
.footer-bottom ul {font-size: 0.9em;}

ul.contact-details {margin: 10px 0 7px; padding: 0; list-style: none; font-size: 1em; font-weight: 300;}
ul.contact-details li {padding: 5px 0 5px 30px; position: relative; min-height: 30px; text-transform: none;}
ul.contact-details li .fa {margin-right: 8px; position: absolute; left: 0; top: 8px;}
ul.contact-details li span {display: inline-block;}
.mc4wp-form {border: 1px solid #ddd; position: relative;}
.mc4wp-form input[type="text"],
.mc4wp-form input[type="email"] {width: 100%; padding:10px 125px 10px 20px; height: 30px; line-height: 20px; border: none;}
.mc4wp-form input[type="submit"] {position: absolute; right: 0; top: 0; height: 42px; width: 115px; padding: 0 22px; border: none; cursor: pointer; margin: -1px -1px -1px 0}
.mc4wp-form input[type="submit"]:hover {background: #000;}
.mc4wp-form p {display: inline; padding: 0; margin: 0;}
.mc4wp-form label {display: none !important;}

/* =============================== Blog pages  ============================= */
.post-item {position: relative; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; margin-bottom: 80px;}
.post-thumb {position: relative; margin-bottom: 10px;}
.post-thumb .sticky-date {position: absolute; left: 0; top: 0; display: block; font-size: 1.6em; line-height: 1em; padding: 10px 15px; z-index: 1; text-align: center;}
.post-thumb .sticky-date .date-sep {height: 1px; margin: 5px -15px; background: #f5f5f5; display: block;}
.post-title {border: 1px solid #e5e5e5; border-left: none; border-right: none; padding: 12px 0 10px; margin: 20px 0;}
.post-item .post-title a,
.single-post .post-title a {display: inline-block; vertical-align: top; line-height: 34px; color: inherit; margin-right: 10px; color: inherit;}
.post-item .post-title a:hover,
.single-post .post-title a:hover {text-decoration: none;}
.post-title a:last-child {margin-right: 0;}
.post-title a .icon {margin-right: 3px;}
.post-title a:hover {text-decoration: underline;}
.post-title h3 a {color: inherit;}
.searchform {position: relative; }

.sidebar .searchform {position: relative; overflow: hidden;}
.sidebar .searchform div {}
.sidebar .searchform label {display: none;}
.sidebar .searchform div:after {height: 44px; width: 42px; position: absolute; top: -1px; right: 0; content: "\f002"; font-family: 'FontAwesome'; line-height: 44px; text-align: center; color: #696969; background: #fafafa; border: 1px solid #e7e7e7; border-left: none; z-index: 110;}
.sidebar .searchform input[type="text"] {padding: 10px 50px 10px 16px; margin-bottom: 0; border: none; position: relative; z-index: 100; border: 1px solid #e7e7e7; width: 100%;}
.sidebar .searchform input[type="text"]:focus {}
.sidebar .searchform input[type="submit"] {position: absolute; top: 0; right:0; height: 42px; width: 42px; background: transparent; border: none; z-index: 1000; cursor: pointer; text-indent: -200px; overflow: hidden; border-radius:0;}
.sidebar .searchform input[type="submit"]:hover + .sidebar .searchform div:after {color: #fff;}
.sidebar .searchform div:hover:after {color: #fff;}
.sidebar .searchform input[type="text"]:focus + input[type="submit"] {margin-right: 0;}

.sidebar h4 {margin: 0 0 20px; padding:0 0 15px; border-bottom: 1px solid #e5e5e5; color: #000}
.sidebar-item {margin-bottom: 30px;} 
.sidebar-item:last-child {margin-bottom: 0;}
.sidebar-item:last-child input[type="text"], 
.sidebar-item:last-child input[type="email"], 
.sidebar-item:last-child input[type="email"], 
.sidebar-item:last-child input[type="password"], 
.sidebar-item:last-child textarea, 
.sidebar-item:last-child select {margin-bottom: 0;}
.sidebar ul, .sidebar ul li {margin: 0; padding: 0;}
.sidebar ul li a {padding: 0; margin: 0; display: inline-block; line-height: 28px; margin-bottom: 6px; color: inherit;}
.sidebar ul li a:hover {color: inherit;}
.sidebar ul li.cat-parent, .sidebar-item ul li.menu-item-has-children {padding-right: 20px; position: relative; cursor: pointer;}
.sidebar ul li.cat-parent:before,
.sidebar ul li.cat-parent:after,
.sidebar-item ul li.menu-item-has-children:before,
.sidebar-item ul li.menu-item-has-children:after {height: 1px; width: 9px; background: #a4a4a4; position: absolute; right: 5px; top:15px; content: ''}
.sidebar ul li.cat-parent:after,
.sidebar-item ul li.menu-item-has-children:after {height: 9px; width: 1px; right: 9px; top: 11px;}
.sidebar ul li.active:after {display: none; content: ''}
.sidebar ul li.cat-parent > a:after {content: ""; position: absolute; right: 0; top: 0; height: 30px; width: 22px;}
.sidebar-item ul ul {padding-left: 12px; display: none; margin-right: -20px;}
.sidebar ul li.recentcomments {padding: 0}

.sidebar-bordered {padding: 15px; border: 1px solid #e5e5e5; background: #fff;}
ul.sidebar-latest-posts li {padding: 0 0 20px 0;}
ul.sidebar-latest-posts li a {display: block; background: #f3f3f3; color: inherit; margin: 0;}
ul.sidebar-latest-posts li a:hover {color: inherit;}
ul.sidebar-latest-posts li img {max-width: 50px; max-height: 50px; height: auto; width: auto;}
ul.sidebar-latest-posts li a span {display: inline-block; vertical-align: middle;}
ul.sidebar-latest-posts li a span.recent-thumbnail {float: left; margin-right: 12px;}
ul.sidebar-latest-posts li a span.post-name {padding:10px 15px; display: block; min-height: 50px; line-height: normal;}

.pagination { text-align: center; display: block;}
.pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border-right: 0; margin: 1px; }
.pagination ul li { padding: 0; margin: 0 2px; float: left; display: inline; overflow: hidden; }
.pagination ul li a, .pagination ul li span { line-height: 22px; padding: 4px 10px; background: transparent; display: block; width: 34px; text-align: center; border: 1px solid #e5e5e5; color: #666; }
.pagination ul li a:focus, .pagination ul li a:hover, .pagination ul li span.current { color: #666 }

.tagcloud {}
.tagcloud a {display: inline-block; padding: 8px 12px; background: #ededed; color: inherit; font-size: 90% !important; margin: 3px 1px;}
.post-cats .post-categories,
.post-cats .post-categories li {display: inline-block; text-transform: capitalize;}
.post-cats .post-categories li {padding: 0 5px 0 0; position: relative;}
.post-cats .post-categories li:after {content: ','; padding-left: 3px;}

/* ----------------------   Comments    ----------------------- */
.wp_comments {}
.wp_comments ul {display: block; list-style: none; padding: 0;}
.wp_comments ul li ul{ margin-top: 30px; margin-left: 100px;}
.wp_comments ul li .comment-item {display: block; padding: 0 70px 0 120px; position: relative; min-height: 100px; margin-bottom: 30px; background: #f3f3f3;}
.wp_comments ul li ul li {margin-bottom: 0;}
.wp_comments ul li .comment_avatar {display: block; position: absolute; top:0; left: 0; height: 100px; width: 100px;}
.wp_comments ul li .comment_details {display: block; padding:10px 0 8px; line-height: 22px; font-size: 1em;}
.wp_comments ul li .commenter_name {display: inline-block; padding: 0 8px 0 0; font-weight: 500; text-transform: uppercase; color: #000;}
.wp_comments ul li .comment_details span {display: inline-block;line-height: inherit;}
.wp_comments ul li .comment_message {padding-bottom: 5px;}
.wp_comments ul li .comment_message p {font-size: 1em; line-height: 1.25em; margin-bottom: 1.25em;}
.woocommerce div.product div.images div.thumbnails a.product-thumb {display: inline-block; margin-right: 2px;}
.comment-reply {display: inline-block; margin-left: auto; position: absolute; bottom: 0; right: 0;}
.comment-reply a {display: block; padding: 3px 15px; }
.comment-reply a:hover {color: #fff; text-decoration: none;}
.page-section {padding-bottom: 50px;}
.form-submit input[type="submit"].submit {font-weight: 400;}

.iamges .zoomPad {margin-bottom: 10px;}

.product-gallery .owl-carousel {position: relative; margin-bottom: 10px;}
.product-gallery .owl-buttons {right: 0; left: auto; top: 100%; position: static;padding-top: 10px;text-align: right;width: 100%;}
.product-gallery .owl-carousel .owl-item {text-align: center; margin: 2px;}
.woocommerce .product-gallery .owl-carousel .owl-item a {float: none;}
.woocommerce .product-gallery .owl-carousel .owl-item a img {margin: 0 auto;}
.product-gallery .owl-theme .owl-controls .owl-buttons div,
.single-product.woocommerce .product-single .thumbnails #slider-prev, 
.single-product.woocommerce .product-single .thumbnails #slider-next {display: inline-block !important; margin: 0 2px; height: 24px; width: 24px; line-height: 24px; text-align: center; background: #000; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px; cursor: pointer; border-radius: 50%; text-indent: -200px; overflow: hidden; top: 80%;}
.single-product.woocommerce .product-single .thumbnails #slider-prev {left: auto; right: 26px;}
.product-gallery .owl-theme .owl-controls .owl-buttons div:hover {background-color: rgba(0,0,0,1);}
.single-product.woocommerce .product-single .thumbnails #slider-prev:after,
.single-product.woocommerce .product-single .thumbnails #slider-next:after {content: "\f104"; font-family: 'FontAwesome'; position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-indent: 0;}
.single-product.woocommerce .product-single .thumbnails #slider-next:after {content: "\f105";}
/*.woocommerce div.product .description p:last-child {margin-bottom: 0;}*/

.product-options {padding: 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px;}
.list_view .product-options  {padding: 0; margin: 25px 0; border: none;}
.product-options .option {display: inline-block; vertical-align: top; line-height: 34px; color: inherit; margin-right: 30px;}
.product-options .option:last-child {margin-right: 0;}
.product-options .option:hover {text-decoration: underline;}
.product-options .option .icon {margin-right: 3px;}
.product-options .option .yith-wcwl-add-to-wishlist {display: inline-block; margin: 0; padding: 0;}
.woocommerce table.wishlist_table {font-size: 1em !important;}
.woocommerce table.wishlist_table thead th {font-size: 1em;}
.woocommerce .wishlist_table .button {display: inline-block; color: #fff;}
.woocommerce table.wishlist_table thead th.product-add-to-cart {width: 220px;}
.add_to_wishlist .icon  {margin-right: 8px;}
.yith-wcwl-add-to-wishlist {margin: 12px 0;}

.page-contents .post-thumb {margin-bottom: 25px;}
.page-contents h1,
.page-contents h2,
.page-contents h3,
.page-contents h4,
.page-contents h5,
.page-contents h6 {/*color: #000*/}

.summary .product_meta {margin-top: 15px !important;}
.summary .product_meta > span {display: block;}

/*  ----------------------------------------------------------------
=======================         Team      ==========================
----------------------------------------------------------------- */
.team {display: block; font-size: 16px; line-height: 20px; margin-top: 10px; font-weight: 300; line-height: 22px;}
.team-avatar {margin-bottom: 15px;}
.team-social {padding: 10px 0;}
.team-social li {display: inline-block; margin: 0 2px;}
.team-social .social-icons {margin: 0;}
.team-social .social-icons .polygon polygon {fill:#d5d5d5;}


/*  ----------------------------------------------------------------
=======================   Bread crumb   ==========================
----------------------------------------------------------------- */
.breadcrumb {background: transparent; padding: 0; margin: 10px 0 35px; font-size: 90%;}
.breadcrumb a,
.breadcrumb a:hover {color: inherit;}
.breadcrumb > li + li:before {content: "\f105"; font-family: 'FontAwesome'; padding: 0 10px}
.suggested-products {margin: 0 -13px;}
.suggested-products ul.products {margin: 0 !important;}
.suggested-products ul li {clear: none !important;}
.woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {clear: none !important;}

/* --------------- unyson ---------------- */
.container .fw-container {width: auto; padding: 0;}

.shop-page {position: relative;}
.shope-sidebar {}

.shortcode-image {position: relative; display: block; overflow: hidden;}
.shortcode-image:hover img {
      -webkit-transform: scale(1.2) rotate(2deg);
      -moz-transform: scale(1.2) rotate(2deg);
      -ms-transform: scale(1.2) rotate(2deg);
      -o-transform: scale(1.2) rotate(2deg);
      transform: scale(1.2) rotate(2deg);
}

/* -------------------- 404 page ---------------- */
.error-page {padding: 120px; text-align: center; color: #000;}
.error-page h1 {font-weight: 700; margin-bottom: 12px; font-size: 8em; line-height: 1em;}
.error-page h6 {font-weight: 600; line-height: 1em;}


/* =======================
Contact form 7 
======================= */
div.wpcf7 {margin: 0 !important; padding: 0 !important;}
div.wpcf7-response-output { margin: 2em 0.5em 1em !important; padding: 0.2em 1em !important;}
div.wpcf7-mail-sent-ok { background: #80AF6D !important; border:none !important; padding:10px 18px !important; color:#292929 !important; font:12px Arial, Helvetica, sans-serif !important; color:#FFF !important; margin:10px auto !important; left:0 !important; right:0 !important;}
div.wpcf7-mail-sent-ng { border:none !important; background: #ff0000 !important; padding:10px 18px !important; color:#292929 !important; font:12px Arial, Helvetica, sans-serif !important; color:#FFF !important; margin:10px auto !important; left:0 !important; right:0 !important;}
div.wpcf7-spam-blocked { border:none !important; background: #ffa500 !important; padding:10px 18px !important; color:#292929 !important; font:12px Arial, Helvetica, sans-serif !important; color:#FFF !important; margin:10px auto !important; left:0 !important; right:0 !important;}
div.wpcf7-validation-errors { background: #FABA49 !important; border: none !important; padding:10px !important; color:#292929 !important; font:12px Arial, Helvetica, sans-serif !important; box-shadow:0 1px 2px rgba(0,0,0,0.3) !important;}
span.wpcf7-form-control-wrap { position: relative !important; display:block !important;}
span.wpcf7-not-valid-tip, .wpcf7-form label.error { position: absolute !important; top: -12px !important; left: 12px !important; z-index: 100 !important; font-size: 10pt !important; /*min-width: 200px !important;*/ width: auto !important; padding: 6px 10px !important; color:#fff !important; font:12px Arial, Helvetica, sans-serif !important; background: #e63a30 !important; box-shadow:0 1px 2px rgba(0,0,0, 0.3) !important;}
span.wpcf7-not-valid-tip:before, .wpcf7-form label.error:before { border-top:8px solid #e63a30 !important; border-left:5px solid transparent !important; border-right:5px solid transparent !important; content:"." !important; position:absolute !important; bottom:-8px !important; overflow:hidden !important; text-indent:-200px !important; height:0 !important; }
input.error, textarea.error, select.error {border-color: #DDD !important;}
span.wpcf7-not-valid-tip-no-ajax {   position: absolute !important; top: 10px !important; left: 88% !important; z-index: 100 !important; font-size: 10pt !important; width: 280px !important; padding: 6px 10px !important; color:#292929 !important; font:12px Arial, Helvetica, sans-serif !important; border-radius:6px !important; background: #e63a30 !important; border:1px solid #e28178 !important; box-shadow:0 1px 3px #7E2222 !important;}
span.wpcf7-list-item { margin-left: 0.5em !important;}
.wpcf7-display-none { display: none;}
div.wpcf7 img.ajax-loader { border: none !important; vertical-align: middle !important; margin-left: 4px !important; display:none !important;}
div.wpcf7 .placeheld { color: #888 !important; }

.fw-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) { 
  .fw-container {width: 750px;}
}
@media (min-width: 992px) { 
  .fw-container {width: 970px;}
}
@media (min-width: 1200px) { 
  .fw-container  {width: 1170px;}
}

/*  ----------------------------------------------------------------
=======================   wordpress defaults   =====================
----------------------------------------------------------------- */
/* --------------------     Gallery      ------------------------ */
.gallery {display: block; margin: 0 -15px;}
.gallery .gallery-item {margin: 0; padding: 15px; position: relative;}
.gallery .gallery-item a {display: inline-block; position: relative; overflow: hidden; box-shadow: 0 0 1px rgba(0,0,0,0.2);}
.gallery .gallery-item a:hover {box-shadow: none;}
.gallery .gallery-item a img {border:none !important; border-color: transparent; }
.gallery .gallery-item a:hover img {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05);
}
.gallery .gallery-item a:after {content: ''; background: #000; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; height: 100%;}
.gallery .gallery-item a:hover:after {top: 0; opacity: 0.2;}

/* --------------------     calander      ------------------------ */
#calendar_wrap caption {margin:0 0 10px; font-size: 18px;}
#calendar_wrap table {width: 100%; margin: 0;}
#calendar_wrap thead th,
#calendar_wrap thead td,
#calendar_wrap tbody td {border: 1px solid rgba(0,0,0,0.05);padding:10px;font-size:inherit;font-family:inherit;}
#calendar_wrap thead th {text-align: center; background:rgba(0,0,0,0.05); color: inherit; text-align: center;}
#calendar_wrap tbody td {text-align: center;}
#calendar_wrap tbody td a {font-weight: bold;}
#calendar_wrap tfoot {border:none;}
#calendar_wrap tfoot td {border: none; background: rgba(0,0,0,0.05); padding: 7px 10px;}
/* ============================================== 
Hidden Wordpress Elements 
===========================================*/
#comments-title, 
.comment-reply-title {display: none;}
.tooltip {white-space: nowrap;} /* Single line tooltip */

/*------------------------------------------------------
===================  WordPress Core  ===================
----------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 0.8em; line-height: 1em; margin: 0; padding: 0 4px 5px;}
.gallery-caption {color: #888; font-size: 1em; margin:-24px 0 24px 0;}
.bypostauthor {background:inherit;}
.commentlist .bypostauthor {background:inherit;}


/* -----------------------------------------------------------------
========================= 	Animation	============================
----------------------------------------------------------------- */
.button,
.header-top ul li:after,
.header-top ul li a,
#header .nav ul li a,
#header .nav ul li:before, 
#header .nav ul li:after,
.feature ul li:before,
.feature ul li:after,
.product-details,
.product-details:after,
.widget_color_filter a,
.woocommerce ul.products li.product-category a img,
.view-sidebar .fa,
#header .nav ul li > span:after,
.feature table td:after,
.feature table td:before,
.gallery .gallery-item a,
.gallery .gallery-item a:after  {
-webkit-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

#header .nav ul li > .mega-menu > ul,
#header .nav ul li > ul,
.icon .polygon,
.icon-box .iconbox-label,
.icon-box .iconbox-count,
.polygon polygon,
.product-thumbnail .icon,
.cartbox-widget,
.cartbox-widget .cart-box:before,
.cartbox-widget .cart-box:after,
.cat-carousel-item img,
.shortcode-image img,
.gallery .gallery-item a img {
-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */	
}
.product-item .addto-cart .button .blt:after,
.product-item .button .brb:before,
.product-item .addto-cart .button .blt:before,
.product-item .button .brb:after,
.product-thumbnail a:after,
.woocommerce a.added_to_cart,
.shop-sidebar  {
-webkit-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
  -webkit-transition-delay: 0.25s;
	        transition-delay: 0.25s;
}
.product-thumbnail a:after {
-webkit-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
    -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}

/* -----------------------------------------------------------------
=========================   Responsive ============================
----------------------------------------------------------------- */
/* -------- Desktop (Medium screens) ------------- */
@media(max-width: 1199px) {
    /*.product-item {max-width: 100%;}*/
}
@media (max-width: 1023px) {
  .feature ul,
  .feature ul li,
  .feature table td,
  .feature table, .feature tbody, .feature tr, .feature td {display: block; width: 100%; float: left;}
  .feature td {margin-bottom: 1px;}
  .feature td,
  .features-widget td:last-child,
  .features-vertical td:last-child {margin-bottom: 0;}
  .products-listing .slider-item {float: left; width: 33.333%;}
.products-listing .slider-item:nth-child(4n + 1) {clear: none;}
  .products-listing .slider-item:nth-child(3n + 1) {clear: both;}
}
@media(min-width: 992px) {
  .header .fw-contaner {padding-left: 0; padding-right: 0;}
  .header .row { display: table; width: 100%; float: none; margin-left: 0; margin-right: 0;}
  .header .row > div { display: table-cell; vertical-align: middle; float: none; /*width: inherit;*/}
  .header .row > div:first-child {padding-left: 0}
  .header .row > div:last-child {padding-right: 0;}

  #header .nav {display: block !important;}
  .cartbox-widget .cart-box:before {position: absolute; right: -15px; top: 0; bottom: 0; content: ''; background: transparent; z-index: -1; left: 0;}
  .cartbox-widget .cart-box:after {position: absolute; content: ''; background: transparent; height: 20px; bottom: -25px; right: -15px; left:0;z-index: 9999;}
  .cartbox-widget:hover .cart-box:before,
  .cartbox-widget:hover .cart-box:after {background: #fff;}
  .cartbox-widget:hover .cart-box:before{top: -15px; bottom: -16px; box-shadow: 0 0 5px rgba(0,0,0,0.18); }
  .cartbox-widget .dd-cart:before {content: ''; height: 3px; width: 100%; background: #fff; top: 0px; position: absolute;left: 0;}
}
@media (max-width:991px) {
    .header {padding:30px 0; text-align: center; z-index: inherit;}
    .cart-box {margin-top: 15px;}
    .nav-trigger {display: block;}
    #header .nav ul li.menu-item-has-children {padding-right: 45px;}
    #header .nav ul li > span {display: inline-block;}
    /*.header-search-col {position: static;}
    .header-search {position: absolute; top: 0; left: 0; right: 0;}*/
    .bottom-line {height: 1px; margin-bottom: -1px;}
    #header .nav {display: none;}
    #header .nav ul { float: left; width: 100%;}
    #header .nav ul li {display: block;}
    #header .nav ul.menu > li {width: 50%; float: left; padding: 0 15px; text-align: left;}
    #header .nav ul li a {border-bottom: 1px solid rgba(255,255,255,0.1);}
    #header .nav ul li:before {display: none; content: '';}
    #header .nav ul li:after {}
    #header .nav ul li:last-child {border-bottom: none;}
    #header .nav ul ul {position: static; display: none; float: none}
    #header .nav ul li ul.sub-menu {padding-left: 15px}
    #header .nav ul li ul.sub-menu li {}
    #header .nav ul li ul.sub-menu li div {padding: 10px 15px; display: none;}
    #header .nav ul li a {padding: 10px 20px}
    #header .nav ul li ul li a {border-bottom: none}
    #header .nav ul li ul li a:hover {}

    /* ------ Mega menu Opened ------------ */
    #nav {
        z-index: 3000;
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        -ms-perspective: 400px;
        -o-perspective: 400px;
        perspective: 400px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .4s, -webkit-transform .5s;
        -moz-transition: opacity .4s, -moz-transform .5s;
        -ms-transition: opacity .4s, -ms-transform .5s;
        -o-transition: opacity .4s, -o-transform .5s;
        transition: opacity .4s, transform .5s;
    }
    #nav.nav-opened { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; background-color: rgba(0,0,0,0.5); padding: 80px 10px 10px;}
    #nav.nav-opened .nav-trigger {top: 55px; left: auto; right: 14px;}
    #nav.nav-opened .nav {display: block; top: 0; bottom: auto;}

    .cartbox-widget {position: fixed; right: -15px; top: 60px;}
    .cartbox-widget.opened {position: fixed; left: 0; top: 0; width: 100%; height: 100% !important; padding: 10px 0 0 15px; z-index: 9999; padding: 10px;background: rgba(0,0,0,0.8); margin: 0;}
    .admin-bar .cartbox-widget {padding: 70px 0 10px; text-align: center;}
    /*.cartbox-widget:hover .cart-box:before {border-right-color: #fff;}*/
    .cartbox-widget.opened:hover .cart-box:before {border-right-color: transparent !important;}
    .cart-box {position: relative; color: #fff; height: 50px;width: 50px;line-height: 60px; padding: 0;margin: 0 auto;background: #333; box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
    .cart-box:before {position: absolute; left: -14px; width: 0; height: 0; border: 0 solid transparent; border-top-width: 25px; border-bottom-width: 25px; border-right: 14px solid #ddd; content: ''}
    .cart-box:after {position: absolute; bottom: -14px; left: 0;width: 0; height: 0; border: 0 solid transparent; border-right-width: 25px; border-left-width: 25px; border-top: 14px solid transparent; content: ''}
    .opened .cart-box {height: 30px; line-height: 30px; float: none; margin: 0 auto;}
    .opened .cart-box:before {position: absolute; top: -14px; left: 0;width: 0; height: 0; border: 0 solid transparent; border-right-width: 25px; border-left-width: 25px; border-bottom: 14px solid #ddd; content: ''}
    .opened .cartbox-icon .fa-shopping-cart:before {content: "\f00d";}
    .cartbox-icon {font-size: 20px; float: none; display: block; margin: 0 auto;line-height: 50px;color: #fff; height: 50px; text-align: left; padding-left: 6px;}
    .opened .cartbox-icon {line-height: 30px; text-align: center; height: 30px;}
    .opened :hover .cart-box:before {border-right-color: transparent;}

    .cartbox-label {display: block;float: none;margin: 0 auto;}
    .cartbox-label, .cartbox-count {font-size: 0;}
    .cartbox-label {display: none !important;}
    .cart-box .cart-contents {font-size: 12px; height: 20px; width: 20px; line-height: 20px; text-align: center; position: absolute; left: -8px; top: -8px;background: #FFF;border-radius: 50%; color: #333;box-shadow: 0 1px 3px rgba(0,0,0,0.2); overflow: hidden;}
    .cart-box .cart-contents .amount {display: none;}
    .cartbox-widget .dd-cart {position: static; width: 100%;}
    .cartbox-widget.opened .dd-cart {display: block;}
    .footer-rights, .footer-rights .text-right {text-align: center;}
    .form-fields {padding: 20px 0 0 20px;}

    .feature ul li,
    .feature table td {margin-bottom: 1px;}
    /*.icon-left {margin-left: 15px;}*/

    .woocommerce .wishlist_table .button {min-width: inherit;}
    .woocommerce table.shop_table th.product-image {width: 100px;}
    .woocommerce table.wishlist_table thead th.product-add-to-cart {width: auto;}

    .product-single .images,
    .product-single .summary {width: auto; float: none;}

    .woocommerce div.product div.images div.thumbnails img {max-width: 120px;}

    .zoomWindow,
    .zoomPup {display: none !important; cursor: default;}  

    .shop-sidebar {position: absolute; left: -290px; width: 280px; top: -30px; bottom: -60px; /*max-height: 100%;*/ z-index: 999; background: #fff; padding: 30px 0;}
    .shop-sidebar .sidebar-inner {position: relative; max-height: 100%; overflow-y: auto; padding:0 15px 0 20px; overflow-x:hidden;}
    .shop-sidebar .view-sidebar {display: block; position: absolute; right: -40px; top: 162px; height: 40px; width: 40px; background: #333; color: #fff; text-align: center; line-height: 40px; content: "\f101";}
    .sidebar-visible {left:-10px;}
    .sidebar-visible .view-sidebar .fa {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@media(max-width: 767px) {
    .header-top {height: auto; text-align: center;}
    .header-top ul {border-top: 1px solid rgba(0,0,0,0.1);}
    .header, 
    .header .text-right,
    .header-top .text-right {text-align: center;}
    
    .woocommerce table.wishlist_table thead {display: none;}
    .woocommerce table.cart tr {display: block;text-align: center; border: 1px solid #ddd; border-radius: 5px; padding: 12px; position: relative; margin-bottom: 20px; background: #FAFAFA;}
    .woocommerce table.cart td {display: block; border: none !important; margin: 0 auto; padding: 5px 10px !important; font-size: 100%;}
    .woocommerce table.cart td.item-price {display: none;}   
    .woocommerce table.cart td.item_name {font-weight: 700;}
    .woocommerce table.cart img{width: 160px;}
  
    .woocommerce table.wishlist_table thead th,
    .woocommerce table.wishlist_table thead td {}
    .products-listing .slider-item {float: left; width: 50%;}
    .products-listing .slider-item:nth-child(3n + 1) {clear: none;}
    .products-listing .slider-item:nth-child(2n + 1) {clear: both;}
}
@media(max-width: 599px) {
    #header .nav ul.menu > li {width: auto; float: none;}
    .feature ul li,
    .feature table td {width: 100%;}
    /*.icon-left {margin-left: 15px;}*/
    .cartbox-widget.opened {height: 100%; width: 100%;}
    .opened .cart-box {position: absolute; left: 0; right: 0; top: 20px; z-index: 10000;}
    .cartbox-widget.opened .dd-cart {position: absolute; top: 40px; bottom: 5px; left: 5px; right: 5px; overflow: auto; padding-right: 20px; width: auto;}
    .dd-cart .inner-scroll .cart_list {max-height: inherit; overflow: initial; padding-right: 0;}
    .products-listing .slider-item {float: left; width: 100%;}
    .products-listing .slider-item:nth-child(2n + 1) {clear: none;}
}