.mwbImageVariant :after{
  display: block;
  content: "";
  clear: both;
}
.mwbImageVariant .flex-viewport {
  float: right;
  width: 75%;
}
.mwbImageVariant ol.flex-control-nav{
  float: left;
  width: 20% !important;
}
.mwbImageVariant ol.flex-control-nav li {
  display:none;
  margin: 0 6px;
  margin-bottom: 0px !important;
  float: none!important;
  width: 100%!important;
  transition: all 0.3s linear 0s;
  visibility: hidden;
}
.mwbImageVariant ol.flex-control-nav li.mwb_cs_gallery_slide {
  display:inline-block !important;
  transition: all 0.3s linear 0s;
  visibility: visible;
} 
@media screen and (max-width: 767px) {
  .cedImageVariant {
    width: 100%!important;
  }
}

/* ====================================================================================================================
* RESETS
* ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* ====================================================================================================================
* BASE STYLES
* ====================================================================================================================*/

.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
}
/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/
.flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
height: auto !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
img.flex-active {
opacity: 1 !important;
}

.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin:-55px -10px 0px;
position: absolute;
top: 52%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mwb_candidswatch-vm-variation-container .flex-direction-nav a {
top: 83px;
}
.flex-direction-nav a:before {
background: #000 none repeat scroll 0 0;
color: rgba(13, 9, 20, 0);
content: "<";
text-align: center;
display: inline-block;
font-family: "flexslider-icon";
font-size: 22px;
text-shadow: 1px 1px 0 rgb(253, 255, 255);
width: 30px;
}
.flex-direction-nav a.flex-next:before {
content: '>';
background: #000;
width: 30px;
}
.flex-prev,
.flex-next {
font-size: 0;
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}

.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%!important;
height: auto!important;
display: block!important;
cursor: pointer!important;
-moz-user-select: none!important;
-webkit-transition: all 1s ease!important;
-moz-transition: all 1s ease!important;
-ms-transition: all 1s ease!important;
-o-transition: all 1s ease!important;
transition: all 1s ease!important;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
.mwb_candidswatch-vm-swatch-wrapper-without-circle img {
width: 100% !important;
vertical-align: top !important;
height: 100% !important;
}
.mwb_candidswatch-vm-swatch-wrapper-without-circle input[type="radio"] {
vertical-align: top;
z-index: 999 !important;
position: absolute !important;
opacity: 0;
height: 100%!important; 
left: 0!important; 
position: absolute!important; 
vertical-align: top!important; 
width: 100% !important; 
}
.mwb_candidswatch-vm-swatch-wrapper-without-circle {
height: 20px;
width: 20px;
border-radius: 100%;
background-color: #cccccc;
overflow: hidden;
}
.mwb_candidswatch-vm-swatch-wrapper-without-circle{
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.mwb_candidswatch-vm-swatch-wrapper-without-circle.mwb_candidswatch-vm-border{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mwb_candidswatch-vm-swatch-wrapper-without-circle.mwb_candidswatch-vm-disable:hover + .mwb_candidswatch-vm-disabled-hover {
visibility: visible !important;
}

.mwb_candidswatch-vm-swatch-wrapper-without-circle span {
position:absolute;
left:0px;
right:0px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);


}


@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
  opacity: 1;
  left: 10px;
}
.flex-direction-nav .flex-next {
  opacity: 1;
  right: 10px;
}
}
.flex-control-nav.flex-control-thumbs.slides{
margin-top: 0 !important;
padding-bottom: 0 !important;
}
.flex-direction-nav{
padding-bottom: 0 !important;
}
.flex-direction-nav li.flex-nav-prev {
float: none !important;
height: auto;
left: 0;
position: absolute !important;
right: auto;
top: 50%;
transform: translateY(-50%);
}
.flex-direction-nav li.flex-nav-next {
float: none !important;
height: auto;
left: auto;
right: 0;
position: absolute !important;
right: 0;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 500px){
.mwb_candidswatch-vm-attr-label-tooltip span.vm_label_s {
  font-size: 12px;
  top: -27px !important;
}
.mwb_candidswatch-vm-attr-label.mwb_candidswatch-vm-attr-label-tooltip.mwb_candidswatch-vm-label-active span.vm_label_s {
  top: -20px !important;
}
.mwb_candidswatch-vm-disabled-hover {   
  left: -1px;   
  right: 0;   
  bottom: -102px;    
  width: 101px;    
}
}
.mwb_candidswatch-vm-active-s{
border: 3px solid #fff;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.443);
transition: all 0.3s ease 0s;
}
.mwb_candidswatch-vm-active-s:hover {
box-shadow: 0 0 0 2px #f16e12;
}
.mwb_candidswatch-vm-swatch-wrapper.mwb_candidswatch-vm-border{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mwb_candidswatch-vm-swatch-wrapper.mwb_candidswatch-vm-border{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mwb_candidswatch-vm-attr-label-tooltip span.vm_label_s {
border-radius: 5px;
display: none;
font-size: 12px;
left: 0px;
padding:8px 16px;
font-weight: normal;
position: absolute !important;
top: -30px !important;
transform: unset !important;
transition: all 0.3s linear 0s;
z-index: 99;
}

.mwb_candidswatch-vm-attr-label.mwb_candidswatch-vm-attr-label-tooltip.mwb_candidswatch-vm-label-active span.vm_label_s {
top: -33px!important;
}
.mwb_candidswatch-vm-attr-label-tooltip span.vm_label_s::after {
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
border-top: 8px solid rgba(0, 0, 0, 0.88);
bottom: -5px;
content: "";
left: 7px;
position: absolute;
}
.mwb_candidswatch-vm-attr-label-tooltip:hover span.vm_label_s {
display: inline-block;
}
.mwb_candidswatch-vm-attr-label-tooltip:hover .mwb_candidswatch-vm-disabled-hover{
display: inline-block;
}
.mwb_candidswatch-vm-border.mwb_candidswatch-vm-active-s {
position: relative;
}
.mwb_candidswatch-vm-border.mwb_candidswatch-vm-active-s:not(.mwb_candidswatch-vm-disable)::after {
content: "\2713";
color: #ffffff;
font-size: 28px;
position: absolute;
left: 50%;
right: 0;
top: 50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}

.mwb_vm_disable_btn{
display: none !important;
}

.mwb-wvuc-overlay {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
display: none;
width: 100%;
height: 100%;
z-index: 999999999;
}

.mwb-wvuc-product-detail-container {
  background-color: #ffffff !important;
  box-shadow: 0 1px 5px 1px #ccc !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 770px !important;
  overflow-y: auto !important;
  padding: 30px !important;
  margin-top: 10%;
  position: relative!important;
  height: 400px;
}

#mwb-wvuc-cart-loader {
position: fixed;
left: 0px;
right: 0px;
max-width: 700px;
width: 100%;
margin-right: auto;
margin-left: auto;
top: 0px;
display: none;
}

#mwb-wvuc-cart-loader img {
display: block;
margin: 40% auto 0;
width: 90px;
}

#mwb-wvuc-variation-container .close_icon {
margin: 0;
text-align: right;
margin-right: 30px;
}

.mwb-wvuc-close-btn {
background-color: #777;
border-radius: 100%;
color: #ffffff;
display: inline-block;
font-size: 23px;
height: 40px;
position: fixed;
text-align: center;
width: 40px;
transition: 0.2s ease;
}


#mwb-wvuc-variation-container .images img {
width: 100% !important;
max-width: auto !important;
}

.mwb-wvuc-product-detail-container .type-product > div {
display: inline-block !important;
vertical-align: top !important;
}

#mwb-wvuc-variation-container .woocommerce-variation-add-to-cart.variations_button > div, #mwb-wvuc-variation-container button {
display: inline-block !important;
}

#mwb-wvuc-variation-container .thumbnails a img {
display: inline-block !important;
margin: 5px 5px 5px 0 !important;
width: 23% !important;
width: 100% !important;
}

#mwb-wvuc-variation-container .images {
max-width: 35% !important;
width: 100% !important;
margin-right: 1% !important;
}

#mwb-wvuc-variation-container .summary.entry-summary {
max-width: 50% !important;
width: 100% !important;
}

.mwb-wvuc-close-btn {
cursor: pointer;
float: right;
z-index: 99;
}

/*--Cart Page--*/
.mwb-wvuc-cart-update a {
color: #777 !important;
font-size: 13px !important;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
opacity: .8;
}

.mwb-wvuc-cart-update img {
height: 12px !important;
margin-right: 4px;
width: 12px !important;
opacity: .7;
display: inline-block;
vertical-align: middle;
}

.mwb-wvuc-cart-update:hover img {
opacity: 1 !important;
}

.mwb-wvuc-cart-update:hover a {
opacity: 1 !important;
}

/*error message*/
.mwb-wvuc-stock-error {
display: none;
background: #dd3333 none repeat scroll 0 0;
color: #ffffff;
padding: 5px 10px;
text-align: center;
}

img.changemenow {
cursor: pointer;
}

#mwb-wvuc-variation-container
table.variations {
max-width: 400px;
width: 100%;
}

#mwb-wvuc-variation-container
table.variations
tr
td.value {
padding-top: 0px !important;
}

/*=====================================
=            MEDIA QUARIES            =
=====================================*/
@media only screen and (max-width: 768px) {
#mwb-wvuc-variation-container .images,
#mwb-wvuc-variation-container .summary.entry-summary {
  max-width: 100% !important;
  width: 100% !important;
}
}

#mwb-wvuc-variation-container .thumbnails a {
border: 0 none;
float: left;
margin-left: 10px;
width: 28%;
}

#mwb-wvuc-variation-container .thumbnails a img {
max-width: 100%;
}

#mwb-wvuc-variation-container .thumbnails li {
list-style: none;
}

/*=====  End of MEDIA QUARIES  ======*/
#mwb-wvuc-variation-container table.variations tr td.label {
width: 100% !important;
}

.mwb-wvuc-overlay .variations_form table.variations label {
color: #43454b!important;
font-size: 15px!important;
}
.mwb-wvuc-overlay .variations td.label {
padding-left: 0;
padding-top: 0 !important;
vertical-align: top;
}
.mwb-wvuc-overlay #mwb-wvuc-variation-container span.onsale {
  left: 30px;
  position: absolute;
  right: auto;
  z-index: 999;
}
#mwb-wvuc-variation-container .images img {
position: static !important;
width: 100% !important;
}
#mwb-wvuc-variation-container table.variations tr td.value {
  padding-top: 0px !important;
  display: table-row-group;
}

/*========================================
=            Custom CSS Start            =
========================================*/

#mwb-wvuc-variation-container table.variations tr td.label {
width: auto!important;
}
#mwb-wvuc-variation-container .flex-control-nav {
margin: 0;
}
#mwb-wvuc-variation-container  .flex-control-nav.flex-control-thumbs > li {
cursor: pointer;
float: left;
list-style: outside none none;
width: 25%;
}
#mwb-wvuc-variation-container  .flex-control-nav.flex-control-thumbs > li img{
opacity: .46;
}
#mwb-wvuc-variation-container  .flex-control-nav.flex-control-thumbs > li .flex-active{
opacity: 1;
}