@charset "utf-8";
@charset "UTF-8";



@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
.qc-tabs-style1 {
margin:0 auto;
padding:0;
width:100%;
max-width:1170px;
display: block;
clear: both;
} img{
max-width:100%;
}
.qc-tabs-style1 ul.theme-one {
margin:0 !important;
padding:0 !important;
text-align:center;
}
.qc-tabs-style1 ul.theme-one > li {
margin: 0 12px 30px 12px;
padding: 12px 12px 12px 12px;
display:inline-block;
width: 30%;
list-style: none;
transition: all .35s linear;
-webkit-transition: all .35s linear;
float: left;
}
.qc-tabs-style1 ul.theme-one .product-box {
margin:0;
padding:0;
text-align:center;
position: relative;
}
.qc-tabs-style1 ul.theme-one > li:hover {
box-shadow: 0 20px 80px rgba(0, 0, 0, .12);
}
.qc-tabs-style1 ul.theme-one .product-box label {
margin: -34px -23px 0 0;
position: absolute;
right: 0;
padding: 0 10px 0 6px;
top: 0;
width: 80px;
height: 61px;
line-height: 35px;
font-size: 12px;
color: #fff;
}
.qc-tabs-style1 ul.theme-one h2 {
min-height: 65px;
margin: 10px 0 0 0;
overflow: hidden;
}
.qc-tabs-style1 ul.theme-one h2 a {
display: block;
color: #000;
width: 100%;
font-size: 16px;
}
.qc-tabs-style1 ul.theme-one .qc-woprice {
color: #0b889f;
font-size: 16px;
font-weight: 400;
} .qc-tabs-style1 ul.theme-one .qc_quantity {
margin:15px 0 0 0;
padding:0;
text-align:left;
}
.qc-tabs-style1 ul.theme-one .qc_quantity input {
border:none;
}
.qc-tabs-style1 ul.theme-one .qc_quantity input.qc_product_quantity {
border:1px solid #eee;
text-align:center;
height: 25px;
}
@-moz-document url-prefix() {
.qc-tabs-style1 ul.theme-one .qc_quantity input.qc_product_quantity {
margin: -3px 0 0 0 !important;
}
}
.qc-tabs-style1 ul.theme-one .qc_quantity {
margin: 15px auto 0 auto;
width: 120px;
min-height: 35px!important;
text-align: center;
}
.qc-tabs-style1 ul.theme-one .qc_quantity input {
margin-top: -1px;
}
.fusion-row .qc-tabs-style1 ul.theme-one .qc_quantity input.qc_product_quantity {
margin: 0px 0 0 0 !important;
}
.qc-tabs-style1 ul.theme-one a.woo_tab_s_p_add_to_cart {
text-align:right;
}
.qc-tabs-style1 ul.theme-one a.product_out_of_stock {
text-align: center;
display: inline;
}
.qc_quantity input[type=email], .qc_quantity input[type=date], .qc_quantity input[type=search], .qc_quantity input[type=number], .qc_quantity input[type=text], .qc_quantity input[type=tel], .qc_quantity input[type=url], .qc_quantity input[type=password], .qc_quantity select, .qc_quantity textarea, .select2-container .select2-choice, .select2-container .select2-selection {
box-sizing: border-box;
border: none;
padding: 0;
height: auto;
border-radius: 0;
max-width: 36px;
width: 100%;
vertical-align: middle;
background: #fff;
color: none;
box-shadow: none;
transition: color .3s, border .3s, background .3s, opacity .3s;
margin: 0;
}
.qc_quantity .button, .qc_quantity button, .qc_quantity input[type=submit], .qc_quantity input[type=reset], .qc_quantity input[type=button] {
} .qc-tabs-style1 .tab-content {
display: none;
padding: 15px 0
}
.qc-tabs-style1 .tab-content.current {
display: inherit
} .qcld-wootab-more-scroll-container {
margin:35px 0 0 20px;
padding:0;
display: block;
width: 100%;
clear: both;
}
button#qcld-wootab-more-one-all {
padding: 10px 35px;
border: none;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
cursor:pointer;
margin: 0 auto;
display: block;
background-color: #3D9CD2;
color: white;
} .loader {
height: 50px
}
.loader::after, .loader::before {
content: "";
width: 50px;
height: 50px;
position: absolute;
border: 8px solid transparent;
border-radius: 50%;
-webkit-animation: wiggle 1.4s ease infinite;
animation: wiggle 1.4s ease infinite
}
.loader::before {
border-top-color: #4285f4;
border-bottom-color: #34a853
}
.loader::after {
border-left-color: #fbbc05;
border-right-color: #ea4335;
-webkit-animation-delay: .7s;
animation-delay: .7s
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform:rotate(0) scale(1);
transform:rotate(0) scale(1)
}
50% {
-webkit-transform:rotate(180deg) scale(.5);
transform:rotate(180deg) scale(.5)
}
100% {
-webkit-transform:rotate(360deg) scale(1);
transform:rotate(360deg) scale(1)
}
}
@keyframes wiggle {
0% {
-webkit-transform:rotate(0) scale(1);
transform:rotate(0) scale(1)
}
50% {
-webkit-transform:rotate(180deg) scale(.5);
transform:rotate(180deg) scale(.5)
}
100% {
-webkit-transform:rotate(360deg) scale(1);
transform:rotate(360deg) scale(1)
}
}
.product-img{
text-align:center;
width:100%;
height: 315px;
overflow: hidden;
}
.qc_quantity input.qc_minus {
min-height: 25px;
margin: 0 -3px 0 0;
}
.qc_quantity input.qc_plus {
min-height: 25px;
margin: 0 0 0 -3px;
}
button#qcld-wootab-more-one{
padding: 10px 15px;
border: none;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
cursor: pointer;
background-color: #3D9CD2;
color: white;
}
.qc-tabs-style1 ul.qc_theme_five li.slick-slide, .qc-tabs-style1 ul.qc_nav_style_1 li.slick-slide {
padding: 5px 0;
margin: 0 2px;
}
.qc-tabs-style1 ul.qc_nav_style_1 li {
padding: 5px 0;
margin: 2px 2px;
outline: 0 !important;
cursor: pointer;
transition: all .3s ease;
position: relative;
display: inline-block;
color: #222;
border-radius: 4px;
border: 1px solid #999; height: 38px;
}
button.slick-prev {
left: -15px;
top:12px;
position: absolute;
box-shadow: none !important;
background: url(//pec.brandcom.us/wp-content/plugins/woo-tabbed-category-pro/images/pre_btn.png) no-repeat center;
text-indent: -9999px;
z-index: 9999;
border:none;
}
button.slick-prev:hover {
background: url(//pec.brandcom.us/wp-content/plugins/woo-tabbed-category-pro/images/pre_btn.png) no-repeat center;
}
button.slick-next {
position: absolute;
right: -22px;
text-indent: -9999px;
top: 11px;
border:none;
background: url(//pec.brandcom.us/wp-content/plugins/woo-tabbed-category-pro/images/next_btn.png) no-repeat center;
box-shadow: none !important;
}
button.slick-next:hover {
background: url(//pec.brandcom.us/wp-content/plugins/woo-tabbed-category-pro/images/next_btn.png) no-repeat center;
}
.qc-tabs-style1 ul.qc_nav_style_1 li.current{
background:#222;
color:#fff;
}
.qc-tabs-style1 ul.qc_nav_style_1 li{
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover{
background:#222;
color:#fff;
}
.qc-tabs-style1 ul.qc_nav_style_1{
margin:0;
padding:0;
text-align:center;
line-height: 26px;
}
.qc-tabs-style1 ul.qc_nav_style_1 > li {
padding: 0px 5px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
margin: 4px 2px;
background: transparent;
outline: none !important;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
background: #fff;
color: #222;
border-radius: 4px;
min-width:100px;
line-height: 38px;
}
.qc-tabs-style1 ul.qc_nav_style_1 {
z-index: 1;
}
.qc-tabs-style1 ul.qc_nav_style_1 > li {
border: 1px solid #999;
}
.qc-tabs-style1 ul.qc_nav_style_1 > li:after {
position: absolute;
content: "";
width: 100%;
height: 0;
bottom: 0;
left: 0;
z-index: -1;
background: #000;
transition: all 0.3s ease;
}
.qc-tabs-style1 ul.qc_nav_style_1 > li:hover {
color: #fff !important;
}
.qc-tabs-style1 ul.qc_nav_style_1 > li:hover:after {
top: 0;
height: 100%;
}
.qc-tabs-style1 ul.qc_nav_style_1 > li:active {
top: 2px;
}
.qc-tabs-style1 ul.qc_nav_style_1 > li span {
background: none;
}
.qc-tabs-style1 ul.qc_nav_style_1 > li.current span {
background: none;
}
.qc-tabs-style1 ul.qc_nav_style_1 li.current {
background: #000;
color: #fff;
}
.qc-tabs-style1 ul.qc_nav_style_1 li {
border: 1px solid #ccc !important;
}  @media screen and (max-width:992px) {
.qc-tabs-style1 ul.theme-one > li {
width:45%;
margin:0 0 30px 0 !important;
}
}
@media screen and (max-width:640px) {
.qc-tabs-style1 ul.qc_nav_style_1 li {
width:100%;
}
}
@media screen and (max-width:767px) {
.qc-tabs-style1 ul.theme-one > li {
width:100%;
} }
a.woo_tab_product_details {
text-align: center;
margin: 0 auto; vertical-align: center; }
.qc-tabs-style1 .qc-wootabs-content-section ul>li .qc-woprice {
width: 100% !important; 
min-width: 100% !important; 
float: none !important;
margin: 12px 0 0 0 !important;
height: 20px;
}  #qcld_wootab-product-modal{
z-index: 999999999;
top: 50;
width: 900px !important;
height: 400px !important;
max-height: 400px !important;
overflow: auto;
background-color: rgba(255,255,255,1);
margin: 0 auto;
position: relative;
} #qcld_wootab-product-modal::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#qcld_wootab-product-modal::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#qcld_wootab-product-modal::-webkit-scrollbar-thumb
{
background-color: #626262;
border: 2px solid #555555;
} 
.fancybox-enabled {
overflow: hidden
}
.fancybox-enabled body {
overflow: visible;
height: 100%
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fancybox-container ~ .fancybox-container {
z-index: 99992
}
.fancybox-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #0f0f11;
opacity: 0;
transition-timing-function: cubic-bezier(.55, .06, .68, .19);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fancybox-container--ready .fancybox-bg {
opacity: .87;
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
opacity: 0;
z-index: 99994;
transition: opacity .2s;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
direction: ltr
}
.fancybox-show-controls .fancybox-controls {
opacity: 1
}
.fancybox-infobar {
display: none
}
.fancybox-show-infobar .fancybox-infobar {
display: inline-block;
pointer-events: all
}
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, .7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased
}
.fancybox-buttons {
position: absolute;
top: 0;
right: 0;
display: none;
pointer-events: all
}
.fancybox-show-buttons .fancybox-buttons {
display: block
}
.fancybox-slider-wrap {
overflow: hidden;
direction: ltr
}
.fancybox-slider, .fancybox-slider-wrap {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch
}
.fancybox-slide:before {
content: "";
height: 100%;
width: 0
}
.fancybox-slide:before, .fancybox-slide > * {
display: inline-block;
vertical-align: middle
}
.fancybox-slide > * {
position: relative;
padding: 24px; border-width: 0;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box
}
.fancybox-slide--image {
overflow: hidden
}
.fancybox-slide--image:before {
display: none
}
.fancybox-content {
display: inline-block;
position: relative;
margin: 44px auto;
padding: 0;
border: 0;
width: 80%;
height: calc(100% - 88px);
vertical-align: middle;
line-height: normal;
text-align: left;
white-space: normal;
outline: none;
font-size: 16px;
font-family: Arial, sans-serif;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch
}
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
background: transparent
}
.fancybox-placeholder {
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fancybox-image, .fancybox-placeholder, .fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0
}
.fancybox-image, .fancybox-spaceball {
width: 100%;
height: 100%;
max-width: none;
max-height: none;
background: transparent;
background-size: 100% 100%
}
.fancybox-controls--canzoomOut .fancybox-placeholder {
cursor: zoom-out
}
.fancybox-controls--canzoomIn .fancybox-placeholder {
cursor: zoom-in
}
.fancybox-controls--canGrab .fancybox-placeholder {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-controls--isGrabbing .fancybox-placeholder {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden
}
.fancybox-error {
position: absolute;
margin: 0;
padding: 40px;
top: 50%;
left: 50%;
width: 380px;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
cursor: default
}
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer
}
.fancybox-close-small:after {
content: "×";
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background: #fff;
transition: background .2s;
box-sizing: border-box;
z-index: 2
}
.fancybox-close-small:focus:after {
outline: 1px dotted #888
}
.fancybox-slide--video .fancybox-close-small {
top: -36px;
right: -36px;
background: transparent
}
.fancybox-close-small:hover:after {
color: #555;
background: #eee
}
.fancybox-caption-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0;
z-index: 99998;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
opacity: 0;
transition: opacity .2s;
pointer-events: none
}
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid hsla(0, 0%, 100%, .4);
font-size: 14px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none
}
.fancybox-caption a, .fancybox-caption button {
pointer-events: all
}
.fancybox-caption a {
color: #fff;
text-decoration: underline
}
.fancybox-button {
display: inline-block;
position: relative;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
cursor: pointer;
background: transparent;
color: #fff;
box-sizing: border-box;
vertical-align: top;
outline: none
}
.fancybox-button--disabled {
cursor: default;
pointer-events: none
}
.fancybox-button, .fancybox-infobar__body {
background: rgba(30, 30, 30, .6)
}
.fancybox-button:hover {
background: rgba(0, 0, 0, .8)
}
.fancybox-button:after, .fancybox-button:before {
content: "";
pointer-events: none;
position: absolute;
border-color: #fff;
background-color: currentColor;
color: currentColor;
opacity: .9;
box-sizing: border-box;
display: inline-block
}
.fancybox-button--disabled:after, .fancybox-button--disabled:before {
opacity: .5
}
.fancybox-button--left:after {
left: 20px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.fancybox-button--left:after, .fancybox-button--right:after {
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor
}
.fancybox-button--right:after {
right: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.fancybox-button--left {
border-bottom-left-radius: 5px
}
.fancybox-button--right {
border-bottom-right-radius: 5px
}
.fancybox-button--close {
float: right
}
.fancybox-button--close:after, .fancybox-button--close:before {
content: "";
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px)
}
.fancybox-button--close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.fancybox-button--close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.fancybox-loading {
border: 6px solid hsla(0, 0%, 39%, .4);
border-top: 6px solid hsla(0, 0%, 100%, .6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: a .8s infinite linear;
animation: a .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999
}
@-webkit-keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@media (max-width: 800px) {
.fancybox-controls {
text-align: left
}
.fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {
display: none !important
}
.fancybox-caption {
padding: 20px 0;
margin: 0
}
}
.fancybox-button--fullscreen:before {
width: 15px;
height: 11px;
left: 15px;
top: 16px;
border: 2px solid;
background: none
}
.fancybox-button--play:before {
top: 16px;
left: 18px;
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px;
background: transparent
}
.fancybox-button--pause:before {
top: 16px;
left: 18px;
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px;
background: transparent
}
.fancybox-button--thumbs span {
font-size: 23px
}
.fancybox-button--thumbs:before {
top: 20px;
left: 21px;
width: 3px;
height: 3px;
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}
.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
right: 220px
}
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
z-index: 99993;
word-break: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box
}
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0
}
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid #fff;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box
}
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, .1)
}
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-thumbs > ul > li:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94)
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1
}
@media (max-width: 800px) {
.fancybox-thumbs {
display: none !important
}
.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
right: 0
}
}
@media screen and (max-width: 767px) {
.qcld-express-popup-table {
width: 90%;
}
.fancybox-slider-wrap .qcld_wootab-product-details .single-product div.product .woocommerce-product-gallery {
opacity: 1 !important;
}
} .load-bar {
position: relative;
bottom: 0;
height: 5px;
width: 100%
}
.load-bar-container {
float: left;
width: 50%;
height: 100%;
overflow: hidden
}
.load-bar .load-bar-container:last-child {
float: right;
-moz-transform-origin: top right;
-ms-transform-origin: top right;
-webkit-transform-origin: top right
}
.load-bar-base {
float: left;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
background: #159756
}
.color {
width: 100%;
height: 100%;
float: left;
position: absolute
}
.base1 .red {
background: #da4733;
-webkit-animation: move_left_red 4s infinite linear;
-moz-animation: move_left_red 4s infinite linear;
-ms-animation: move_left_red 4s infinite linear;
animation: move_left_red 4s infinite linear
}
.base1 .blue {
background: #3b78e7;
-webkit-animation: move_left_blue 4s infinite linear;
-moz-animation: move_left_blue 4s infinite linear;
-ms-animation: move_left_blue 4s infinite linear;
animation: move_left_blue 4s infinite linear
}
.base1 .yellow {
background: #fdba2c;
-webkit-animation: move_left_yellow 4s infinite linear;
-moz-animation: move_left_yellow 4s infinite linear;
-ms-animation: move_left_yellow 4s infinite linear;
animation: move_left_yellow 4s infinite linear
}
.base1 .green {
background: #159756;
-webkit-animation: move_left_green 4s infinite linear;
-moz-animation: move_left_green 4s infinite linear;
-ms-animation: move_left_green 4s infinite linear;
animation: move_left_green 4s infinite linear
}
@-webkit-keyframes move_left_red {
0% {
-webkit-transform: translateX(100%)
}
100%,
25%,
50%,
75% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes move_left_red {
0% {
-moz-transform: translateX(100%)
}
100%,
25%,
50%,
75% {
-moz-transform: translateX(0%)
}
}
@-ms-keyframes move_left_red {
0% {
-ms-transform: translateX(100%)
}
100%,
25%,
50%,
75% {
-ms-transform: translateX(0%)
}
}
@keyframes move_left_red {
0% {
transform: translateX(100%)
}
100%,
25%,
50%,
75% {
transform: translateX(0%)
}
}
@-webkit-keyframes move_left_blue {
0%, 25% {
-webkit-transform: translateX(100%)
}
100%,
50%,
75% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes move_left_blue {
0%, 25% {
-moz-transform: translateX(100%)
}
100%,
50%,
75% {
-moz-transform: translateX(0%)
}
}
@-ms-keyframes move_left_blue {
0%, 25% {
-ms-transform: translateX(100%)
}
100%,
50%,
75% {
-ms-transform: translateX(0%)
}
}
@keyframes move_left_blue {
0%, 25% {
transform: translateX(100%)
}
100%,
50%,
75% {
transform: translateX(0%)
}
}
@-webkit-keyframes move_left_yellow {
0%, 25%, 50% {
-webkit-transform: translateX(100%)
}
100%,
75% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes move_left_yellow {
0%, 25%, 50% {
-moz-transform: translateX(100%)
}
100%,
75% {
-moz-transform: translateX(0%)
}
}
@-ms-keyframes move_left_yellow {
0%, 25%, 50% {
-ms-transform: translateX(100%)
}
100%,
75% {
-ms-transform: translateX(0%)
}
}
@keyframes move_left_yellow {
0%, 25%, 50% {
transform: translateX(100%)
}
100%,
75% {
transform: translateX(0%)
}
}
@-webkit-keyframes move_left_green {
0%, 25%, 50%, 75% {
-webkit-transform: translateX(100%)
}
100% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes move_left_green {
0%, 25%, 50%, 75% {
-moz-transform: translateX(100%)
}
100% {
-moz-transform: translateX(0%)
}
}
@-ms-keyframes move_left_green {
0%, 25%, 50%, 75% {
-ms-transform: translateX(100%)
}
100% {
-ms-transform: translateX(0%)
}
}
@keyframes move_left_green {
0%, 25%, 50%, 75% {
transform: translateX(100%)
}
100% {
transform: translateX(0%)
}
}
.base2 .red {
background: #da4733;
-webkit-animation: move_right_red 4s infinite linear;
-moz-animation: move_right_red 4s infinite linear;
-ms-animation: move_right_red 4s infinite linear;
animation: move_right_red 4s infinite linear
}
.base2 .blue {
background: #3b78e7;
-webkit-animation: move_right_blue 4s infinite linear;
-moz-animation: move_right_blue 4s infinite linear;
-ms-animation: move_right_blue 4s infinite linear;
animation: move_right_blue 4s infinite linear
}
.base2 .yellow {
background: #fdba2c;
-webkit-animation: move_right_yellow 4s infinite linear;
-moz-animation: move_right_yellow 4s infinite linear;
-ms-animation: move_right_yellow 4s infinite linear;
animation: move_right_yellow 4s infinite linear
}
.base2 .green {
background: #159756;
-webkit-animation: move_right_green 4s infinite linear;
-moz-animation: move_right_green 4s infinite linear;
-ms-animation: move_right_green 4s infinite linear;
animation: move_right_green 4s infinite linear
}
@-webkit-keyframes move_right_red {
0% {
-webkit-transform: translateX(-100%)
}
100%,
25%,
50%,
75% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes move_right_red {
0% {
-moz-transform: translateX(-100%)
}
100%,
25%,
50%,
75% {
-moz-transform: translateX(0%)
}
}
@-ms-keyframes move_right_red {
0% {
-ms-transform: translateX(-100%)
}
100%,25%,50%,75% {
-ms-transform: translateX(0%)
}
}
@keyframes move_right_red {
0% {
transform: translateX(-100%)
}
100%,25%,50%,75% {
transform: translateX(0%)
}
}
@-webkit-keyframes move_right_blue {
0%, 25% {
-webkit-transform: translateX(-100%)
}
100%,50%, 75% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes move_right_blue {
0%, 25% {
-moz-transform: translateX(-100%)
}
100%,50%,75% {
-moz-transform: translateX(0%)
}
}
@-ms-keyframes move_right_blue {
0%, 25% {
-ms-transform: translateX(-100%)
}
100%,50%, 75% {
-ms-transform: translateX(0%)
}
}
@keyframes move_right_blue {
0%, 25% {
transform: translateX(-100%)
}
100%, 50%,75% {
transform: translateX(0%)
}
}
@-webkit-keyframes move_right_yellow {
0%, 25%, 50% {
-webkit-transform: translateX(-100%)
}
100%,75% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes move_right_yellow {
0%, 25%, 50% {
-moz-transform: translateX(-100%)
}
100%,75% {
-moz-transform: translateX(0%)
}
}
@-ms-keyframes move_right_yellow {
0%, 25%, 50% {
-ms-transform: translateX(-100%)
}
100%,75% {
-ms-transform: translateX(0%)
}
}
@keyframes move_right_yellow {
0%, 25%, 50% {
transform: translateX(-100%)
}
100%,75% {
transform: translateX(0%)
}
}
@-webkit-keyframes move_right_green {
0%, 25%, 50%, 75% {
-webkit-transform: translateX(-100%)
}
100% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes move_right_green {
0%, 25%, 50%, 75% {
-moz-transform: translateX(-100%)
}
100% {
-moz-transform: translateX(0%)
}
}
@-ms-keyframes move_right_green {
0%, 25%, 50%, 75% {
-ms-transform: translateX(-100%)
}
100% {
-ms-transform: translateX(0%)
}
}
@keyframes move_right_green {
0%, 25%, 50%, 75% {
transform: translateX(-100%)
}
100% {
transform: translateX(0%)
}
}
.qcld_wootab-product-details .woocommerce-product-gallery{
opacity: 1 !important;
}
.woo_tab_product_details{
padding-right:5px;
} .qcld_wootab-product-details .woocommerce-product-gallery__wrapper{
float:right !important;
}
.qcld_wootab-product-details .single-product div.product .woocommerce-product-gallery {
margin-bottom: 0px !important; 
}
.qcld_wootab-product-details #respond {
padding: 0px !important;
}
.qcld_wootab-product-details #rating {
padding: .6180469716em;
background-color: #f2f2f2;
color: #43454b;
font-weight: 400;
box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
width: 100%;
}
.qcld_wootab-product-details .woocommerce-Reviews {
width: 100%;
}
.qcld_wootab-product-details .comment-form-rating {
margin: 20px 0;
}
.qcld_wootab-product-details .woocommerce-Reviews {
margin: 20px 0;
}
.qcld_wootab-product-details .woocommerce #reviews #comment {
height: 140px;
}
.qcld_wootab-product-details .woocommerce-product-details__short-description p,
.qcld_wootab-product-details .woocommerce-Tabs-panel p {
font-size: 15px;
line-height: 30px;
color: #666;
}
div#qcld-express-product {
max-width: 1170px;
margin: 0 auto;
}
.qcld_wootab-product-details .related.products {
width: 100%;
clear: both;
}
.qcld_wootab-product-details .woocommerce-tabs ul {
padding-left:0 !important;
}
.single-product .products {
margin-top:30px;
margin-left: 0px !important;
margin-right: 0px !important;
}
.qcld_wootab-product-details .woocommerce-Reviews #commentform input[type=email], 
.qcld_wootab-product-details .woocommerce-Reviews #commentform input[type=text], 
.qcld_wootab-product-details .woocommerce-Reviews #commentform input[type=url] {
width: 100%;
}
.qcld_wootab-product-details .woocommerce-tabs.wc-tabs-wrapper {
padding-top: 60px;
}
.qcld-express-action input[type=number]{
border: 1px solid #ddd;
}
.qcld_express_s_ps,.qcld_express_out_of_pro{
position: relative;
display: inline-block !important;
width: 30% !important;
padding: 2px 9px !important;
font-size: 18px;
}
.qcld_wootab-product-details .woocommerce-product-gallery__wrapper {
width: 100% !important;
}
.qc-wootabs-sorting-sections{
width: 93%;
height: 40px;
padding-top: 8px;
background: transparent;
margin: 0 auto;
}
.qc-wootabs-sortings{
float: right;
margin-right: 7px;
} .qc-tabs-style1 ul.qc_nav_style_1 li {
position: relative;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children{
position: absolute;
width:100%;
height:auto;
top:107%;
left:0px;
padding-bottom:5px;
padding:0px !important;
margin:0px !important;
background: transparent;
z-index: 99;
display: none;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children{
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:last-child ul.qcld_children{
width:200px;
top:102%;
right:0px !important;
left:auto;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li{
height: auto !important;
padding: 0px;
margin: 0px;
padding-top: 0px;
width: 200px;
padding-left: 10px;
border: 1px solid transparent !important;
background: transparent;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li a{
padding: 0px;
margin: 0px;
padding-top: 0px;
width: 100%;
text-align: left;
padding-left: 10px;
border: 1px solid #ddd !important;
transition: all 0.3s ease-in;
box-shadow: 0px 0px #126CA1 inset;
transition: box-shadow .3s,text-indent .3s;
line-height: 35px;
height: 35px !important;
display: block;
border-radius: 4px;
overflow: hidden;
background: #fff;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li {
line-height: 0 !important;
}
.qcld_category_image_sub {
position: relative;
right: 5px;
top: 6px;
border-radius: 4px;
border:1px solid #ddd;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child{
position: relative;
top:0px;
left:0px;
display: none;
padding:0px !important;
margin:0px !important;
z-index: 999;
}
.qc-tabs-style1 ul.qc_nav_style_1 li .qcld_menu_status{
position: absolute;
left: 0px;
top: 0px;
height: 35px;
box-shadow: 4px 0px #126ca1 inset;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
width: 5px;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li .qcld_menu_status{
position: absolute;
left: 10px;
top: 0px;
height: 35px;
box-shadow: 4px 0px #126ca1 inset;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
width: 5px;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li:hover > .qcld_children-child{
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child li:first-child:before{
display: none;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:first-child:before {
-webkit-animation:  0.15s 0.575s forwards;
animation:  0.15s 0.575s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation:  0.15s 0.575s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(1) {
-webkit-animation: in 0.15s 0.575s forwards;
animation: in 0.15s 0.575s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 0.575s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(2) {
-webkit-animation: in 0.15s 0.7s forwards;
animation: in 0.15s 0.7s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 0.7s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(3) {
-webkit-animation: in 0.15s 0.825s forwards;
animation: in 0.15s 0.825s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 0.825s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(4) {
-webkit-animation: in 0.15s 0.95s forwards;
animation: in 0.15s 0.95s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 0.95s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children >  li:nth-of-type(5) {
-webkit-animation: in 0.15s 1.15s forwards;
animation: in 0.15s 1.15s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 1.15s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children >  li:nth-of-type(6) {
-webkit-animation: in 0.15s 1.15s forwards;
animation: in 0.15s 1.15s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 1.15s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(7) {
-webkit-animation: in 0.15s 1.15s forwards;
animation: in 0.15s 1.15s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 1.15s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(8) {
-webkit-animation: in 0.15s 1.15s forwards;
animation: in 0.15s 1.15s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 1.15s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(9) {
-webkit-animation: in 0.15s 1.15s forwards;
animation: in 0.15s 1.15s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 1.15s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(10) {
-webkit-animation: in 0.15s 1.15s forwards;
animation: in 0.15s 1.15s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 1.15s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(11) {
-webkit-animation: in 0.15s 1.15s forwards;
animation: in 0.15s 1.15s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 1.15s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
.qc-tabs-style1 ul.qc_nav_style_1 li:hover ul.qcld_children > li:nth-of-type(12) {
-webkit-animation: in 0.15s 1.15s forwards;
animation: in 0.15s 1.15s forwards;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-animation: in 0.15s 1.15s forwards;
-moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
display: block;
}
@-webkit-keyframes in {
from {
left: -100%;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@keyframes in {
from {
left: -100%;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
.product-box .product-img {
height: 300px;
position: relative;
transition: all 0.3s ease;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
}
.product-box .product-img .one-description {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: all 0.3s ease;
background: rgba(0,0,0,0.4);
color: #fff;
padding: 15px;
}
@media screen and (max-width: 981px) {
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children {
width: 150px;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li {
width: 150px;
padding-left: 5px;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child {
position: absolute;
top: 0px;
right: -150px;
display: none;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li .qcld_menu_status {
left: -5px;
}
}
@media screen and (max-width: 480px) {
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li.qc_theme_one:hover {
position: relative;
z-index: 999999999;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children {
width: 100% !important;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li {
width: 100% !important;
padding-left: 5px;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child {
position: absolute;
top: 40px;
left: 0 !important;
right:0 !important;
display: none;
width: 100% !important;
}
.qc-tabs-style1 ul.qc_nav_style_1 li ul.qcld_children li .qcld_menu_status {
left: -5px;
}
}
.qc-tabs-style1 .qc-wootabs-content-section .product-img:hover .one-description {
transition: all 0.3s ease;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.qc-tabs-style1 .woo_tab_container  ul.theme-one h2 a {
line-height: 18px;
}
.qc-tabs-style1 .woo_tab_container  ul.theme-one .qc_quantity input {
padding: 0px 5px !important;
line-height: 16px !important;
display: inline-block;
min-width: 20px;
}.qcld-con-tooltip {
position: relative;
display: inline-block;
transition: all 0.1s ease-in-out;
cursor: default;
}
.qcld-tooltip {
visibility: hidden;
z-index: 1;
opacity: 1;
width: 250%;
background: #333;
color: #f5f5f5;
position: absolute;
bottom: 150%;
left: -75%;
border-radius: 9px;
font-size: 12px;
line-height: 15px;
transform: translateY(9px);
transition: all 0.2s ease-in-out;
box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
}
.qcld-tooltip p{
padding:10px 5px;
padding-bottom:10px !important;
}
.qcld-tooltip::after {
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 12px 12.5px 0 12.5px;
border-color: #333 transparent transparent transparent;
position: absolute;
left: 45%;
}
.qcld-con-tooltip:hover .qcld-tooltip{
visibility: visible;
transform: translateY(-10px);
opacity: 1;
transition: .3s linear;
} .qc-wootabs-sorting-sections .qcld-search-form-wrapper {
width: 230px;
display: inline-block;
float: left;
}
.qc-wootabs-sorting-sections .qcld-search_products {
position: relative; }
.qc-wootabs-sorting-sections .qcld-search_products input[type=text]{
height: 30px !important;
width: 200px !important;
padding-left: 5px !important;
}
.qc-wootabs-sorting-sections .qcld-search-form-wrapper .qcld-search-submit {
position: absolute;
top: 0;
height: 30px;
right: 0px;
width: 30px;
padding: 0;
font-size: 12px;
line-height: 15px;
background-color: transparent;
border: 1px solid #ccc;
}
.qc-wootabs-sorting-sections .qcld-search-form-wrapper .qcld-search-submit:hover {
background-color: #ccc;
border: 1px solid #ccc;
cursor: pointer;
}
.qc-wootabs-sorting-sections .qcld-search-form-wrapper .qcld-search-submit:after {
content: "";
font-family: '\1F50D';
font-size: 12px;
line-height: 15px;
}
.qc-wootabs-sorting-sections .qcld-search-form-wrapper .qcld-search-submit:hover:after{
color: #444;
opacity: 0;
}
.qcld-search_products.qcld-loading .qcld-search-submit:after {
opacity: 0;
}
.qcld-search_products.qcld-loading .qcld-search-submit:before {
-webkit-animation: spin 500ms infinite linear;
animation: spin 500ms infinite linear;
border: 2px solid #fff;
border-radius: 32px;
border-right-color: #666 !important;
border-top-color: #666 !important;
content: "";
display: block;
height: 15px;
top: 50%;
margin-top: -10px;
left: 50%;
margin-left: -10px;
position: absolute;
width: 15px;
}
.qcld-live-search-results .no-result {
display: block;
padding-left: 20px;
padding-top: 5px;
border-top: 1px solid #e5e5e5;
padding-bottom: 5px;
font-weight: 500;
}
.qc-wootabs-sorting-sections .qcld-list-products {
list-style: none;
padding: 0px 0px;
}
.qc-wootabs-sorting-sections .qcld-list-products li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
border-bottom: 1px solid #e5e5e5;
border-top: none;
padding: 3px 5px;
}
.qc-wootabs-sorting-sections .qcld-list-products li a{
color: #333 !important;
font-weight: 600;
padding-bottom: 0px;
width: 100% !important;
line-height: 15px;
}
.qc-wootabs-sorting-sections .qcld-list-products li:last-child {
border-bottom: none;
}
.qc-wootabs-sorting-sections .qcld-list-products li .search-form-wrapper-image {
width: 50px;
height: 50px;
display: inline-block;
margin-right: 3px;
}
.qc-wootabs-sorting-sections .qcld-list-products li .search-form-wrapper-meta {
display: inline-block;
width: 100%;
position: relative;
overflow: hidden;
text-align: left;
padding-left: 5px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.qc-wootabs-sorting-sections .qcld-list-products {
max-height: 250px;
overflow-y: auto;
border: 1px solid #ddd;
}
.qc-wootabs-sorting-sections .qcld-list-products li .search-form-wrapper-meta .product-name {
display: inline-block;
width: 100%;
}
.qc-wootabs-sorting-sections .qcld-live-search-results{
width: 100%;    
z-index: 9999999999;
position: relative;
background: #fff;
}
.qc-wootabs-sorting-sections .qcld-live-search-results .view-all{
border-top: 1px solid #ddd;
background: #f5f5f5;
padding: 2px 5px;
}
.qc-wootabs-sorting-sections .qcld-live-search-results .view-all a{
color:#333;
text-decoration: none;
font-weight: bold;
}
.qc-wootabs-style11 ul.qc-wootabs-nav {
overflow: visible !important;
}
.qc-wootabs-style11 .qc-wootabs-nav {
overflow: visible !important;
}
.qc-wootabs-style11 ul.qc-wootabs-nav li {
overflow: visible !important;
}
.qc-tabs-style9 .qc-tabs-container {
overflow: visible !important;
}
.qc-wootabs-sortings {
height: 30px;
width: 200px;
padding: 5px;
}
.woo_tab_container .sticky-wrapper{
height: auto !important;
}
@media screen and (max-width: 767px){
.qc-wootabs-style11 .qc_wootabs_right_section {
margin: 45px 0 0 0;
}
}
@media screen and (max-width: 640px){
.woo_tab_container .sticky-wrapper {
height: auto !important; 
}
.qc-wootabs-sortings {
float: left;
width: 230px;
margin-top: 5px;
}
.qcld-tooltip {
left:0px;
}
.qc-wootabs-style11 .qc_wootabs_right_section {
margin: 5px 0 0 0;
}
.qc_wootabs_right_section .qc-wootabs-sorting-sections {
width: 100%;
height: 100px;
padding-top: 8px;
padding-right: 25px;
background: transparent;
margin: 0 auto;
position: relative;
top: 0px;
}
.qc-wootabs-sorting-sections {
height: auto;
}
.qc-wootabs-sortings {
float: none !important;
width: 230px;
margin-top: 5px;
margin: 5px auto;
display: block;
}
.qc-wootabs-sorting-sections .qcld-search-form-wrapper {
width: 230px;
display: block;
margin: 0 auto;
}
}
@media screen and (max-width: 480px){
.qc-wootabs-sortings {
float: none !important;
width: 230px;
margin-top: 5px;
margin: 5px auto;
display: block;
}
.qc-wootabs-sorting-sections .qcld-search-form-wrapper {
width: 230px;
display: block;
margin: 0 auto;
}
.qc-wootabs-sorting-sections {
height: 75px;
padding-top: 5px;
}
.qcld-tooltip {
left:0px;
}
.qc-wootabs-style11 ul.qc-wootabs-nav {
border: 1px solid transparent;
padding: 0px 0px; 
height: 45px;
}
.qc-wootabs-style11 .qc_wootabs_right_section {
width: 100%;
margin: 5px 0 0 0;
}
.qc-wootabs-style11 ul.qc-wootabs-nav {
border: 1px solid transparent; 
}
.qc_wootabs_right_section .qc-wootabs-sorting-sections {
width: 100%;
height: 100px;
padding-top: 8px;
padding-right: 0px;
background: transparent;
margin: 0 auto;
position: relative;
top: 0px;
}
}
.qcld-wootab-more-scroll-container,.woo_tab_container {
clear: both;
}
.qcld-con-tooltip{
cursor: pointer;
}
.qcld-wootab-more-scroll-container{
margin: 35px 0 0 20px;
display: flex;
justify-content: center;
} .qc-tabs-style1 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children,
.qc-tabs-style10 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children,
.qc-tabs-style13 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children,
.qc-tabs-style2 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children,
.qc-tabs-style9 .qcld-woo-category-toggle-view ul.qc_theme_six li ul.qcld_children,
.qc_tabs_12 .qcld-woo-category-toggle-view ul.tabs12 li ul.qcld_children,
.qc-wootabs-style11 .qcld-woo-category-toggle-view ul.qc-wootabs-nav li ul.qcld_children,
.qcld-woo-category-toggle-view .ilist-section-25 ul.qctabs_10 li ul.qcld_children {
position: initial;
width: 100% !important;
display: block;
padding-left: 15px;
}
.qc-tabs-style1 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li .qcld_menu_status,
.qc-tabs-style10 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li .qcld_menu_status,
.qc-tabs-style13 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li .qcld_menu_status,
.qc-tabs-style2 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li .qcld_menu_status,
.qc-tabs-style9 .qcld-woo-category-toggle-view ul.qc_theme_six li .qcld_menu_status,
.qc_tabs_12 .qcld-woo-category-toggle-view ul.tabs12 li .qcld_menu_status,
.qc-wootabs-style11 .qcld-woo-category-toggle-view ul.qc-wootabs-nav li .qcld_menu_status,
.qcld-woo-category-toggle-view .ilist-section-25 ul.qctabs_10 li .qcld_menu_status {
box-shadow: 4px 0px inset !important;
display: none;
}
.qc-tabs-style1 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children li,
.qc-tabs-style10 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children li,
.qc-tabs-style13 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children li,
.qc-tabs-style2 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children li,
.qc-tabs-style9 .qcld-woo-category-toggle-view ul.qc_theme_six li ul.qcld_children li,
.qc_tabs_12 .qcld-woo-category-toggle-view ul.tabs12 li ul.qcld_children li,
.qc-wootabs-style11 .qcld-woo-category-toggle-view ul.qc-wootabs-nav li ul.qcld_children li,
.qcld-woo-category-toggle-view .ilist-section-25 ul.qctabs_10 li ul.qcld_children li {
width: 100%;
padding-left: 5px;
}
.qc-tabs-style1 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_nav_style_1 > li,
.qc-tabs-style10 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_nav_style_1 > li,
.qc-tabs-style13 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_nav_style_1 > li,
.qc-tabs-style2 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_nav_style_1 > li,
.qc-tabs-style9 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_theme_six > li,
.qc_tabs_12 .woo_tab_container.qcld-woo-category-toggle-view ul.tabs12 > li,
.qc-wootabs-style11 .woo_tab_container.qcld-woo-category-toggle-view ul.qc-wootabs-nav > li,
.woo_tab_container.qcld-woo-category-toggle-view .ilist-section-25 ul.qctabs_10 > li {
padding: 0px 0px !important;
}
.qc-tabs-style1 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_nav_style_1 li,
.qc-tabs-style10 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_nav_style_1 li,
.qc-tabs-style13 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_nav_style_1 li,
.qc-tabs-style2 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_nav_style_1 li,
.qc-tabs-style9 .woo_tab_container.qcld-woo-category-toggle-view ul.qc_theme_six li,
.qc_tabs_12 .woo_tab_container.qcld-woo-category-toggle-view ul.tabs12 li,
.qc-wootabs-style11 .woo_tab_container.qcld-woo-category-toggle-view ul.qc-wootabs-nav li,
.woo_tab_container.qcld-woo-category-toggle-view .ilist-section-25 ul.qctabs_10 li {
height: auto !important;
}
.qc-tabs-style1 .qcld-woo-category-toggle-view  ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child,
.qc-tabs-style10 .qcld-woo-category-toggle-view  ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child,
.qc-tabs-style13 .qcld-woo-category-toggle-view  ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child,
.qc-tabs-style2 .qcld-woo-category-toggle-view  ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child,
.qc-tabs-style9 .qcld-woo-category-toggle-view  ul.qc_theme_six li ul.qcld_children li .qcld_children-child,
.qc_tabs_12 .qcld-woo-category-toggle-view  ul.tabs12 li ul.qcld_children li .qcld_children-child,
.qc-wootabs-style11 .qcld-woo-category-toggle-view  ul.qc-wootabs-nav li ul.qcld_children li .qcld_children-child,
.qcld-woo-category-toggle-view .ilist-section-25 ul.qctabs_10 li ul.qcld_children li .qcld_children-child {
position: relative;
top: 0px;
right: 0px;
display: block;
padding: 0px 5px 5px 0px !important;
}
.qc-tabs-style1 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child li .qcld_children-child,
.qc-tabs-style10 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child li .qcld_children-child,
.qc-tabs-style13 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child li .qcld_children-child,
.qc-tabs-style2 .qcld-woo-category-toggle-view ul.qc_nav_style_1 li ul.qcld_children li .qcld_children-child li .qcld_children-child,
.qc-tabs-style9 .qcld-woo-category-toggle-view ul.qc_theme_six li ul.qcld_children li .qcld_children-child li .qcld_children-child,
.qc_tabs_12 .qcld-woo-category-toggle-view ul.tabs12 li ul.qcld_children li .qcld_children-child li .qcld_children-child,
.qc-wootabs-style11 .qcld-woo-category-toggle-view ul.qc-wootabs-nav li ul.qcld_children li .qcld_children-child li .qcld_children-child,
.qcld-woo-category-toggle-view .ilist-section-25 ul.qctabs_10 li ul.qcld_children li .qcld_children-child li .qcld_children-child {
display: block;
padding: 0px 5px 5px 0px !important;
}