/home2/mshostin/carnival.ms-hostingladz.com/public/shopAssets/css/wocommerce.css
.scroll-wrapper {
overflow: hidden!important;
padding: 0!important;
position: relative
}
.scroll-wrapper>.scroll-content {
border: none!important;
box-sizing: content-box!important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none!important;
overflow: scroll!important;
position: relative!important;
top: 0;
width: auto!important
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar {
height: 0;
width: 0
}
.scroll-element {
display: none
}
.scroll-element,.scroll-element div {
box-sizing: content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {
display: block
}
.scroll-element .scroll-bar {
cursor: pointer;
border-radius: inherit
}
.scroll-element .scroll-arrow {
cursor: default
}
.scroll-textarea {
border: 1px solid #ccc;
border-top-color: #999
}
.scroll-textarea>.scroll-content {
overflow: hidden!important
}
.scroll-textarea>.scroll-content>textarea {
border: none!important;
box-sizing: border-box;
height: 100%!important;
margin: 0;
max-height: none!important;
max-width: none!important;
overflow: scroll!important;
outline: 0;
padding: 2px;
position: relative!important;
top: 0;
width: 100%!important
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
height: 0;
width: 0
}
.scroll-wrapper>.scroll-element,.scroll-wrapper>.scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 2
}
.scroll-wrapper>.scroll-element {
background-color: #fff
}
.scroll-wrapper>.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.scroll-wrapper>.scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
width: 100%
}
.scroll-wrapper>.scroll-element.scroll-y {
height: 100%;
right: 0;
top: 0;
width: 12px
}
.scroll-wrapper>.scroll-element.scroll-x .scroll-element_outer {
height: 6px;
top: auto;
bottom: 0;
border-radius: 90px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease
}
.scroll-wrapper>.scroll-element.scroll-y .scroll-element_outer {
left: auto;
right: 0;
width: 6px;
border-radius: 90px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease
}
.scroll-wrapper>.scroll-element.scroll-x .scroll-bar:not(:hover),.scroll-wrapper>.scroll-element.scroll-y .scroll-bar:not(:hover) {
opacity: .3
}
.scroll-wrapper>.scroll-element .scroll-element_outer {
overflow: hidden
}
.scroll-wrapper>.scroll-element .scroll-element_track {
background-color: #e5e5e5
}
.scroll-wrapper>.scroll-element .scroll-bar {
background-color: var(--default-color)
}
.scroll-wrapper>.scroll-content.scroll-scrolly_visible {
left: -12px;
margin-left: 12px
}
.scroll-wrapper>.scroll-content.scroll-scrollx_visible {
top: -12px;
margin-top: 12px
}
.scroll-wrapper>.scroll-element.scroll-x .scroll-bar {
min-width: 10px
}
.scroll-wrapper>.scroll-element.scroll-y .scroll-bar {
min-height: 10px
}
.scroll-wrapper>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -14px
}
.scroll-wrapper>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -14px
}
.scroll-wrapper>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -14px
}
.scroll-wrapper>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -14px
}
.rtl .scroll-wrapper>.scroll-content {
left: auto;
right: 0
}
.rtl .scroll-wrapper>.scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%
}
.rtl .scroll-wrapper>.scroll-element.scroll-x {
left: auto;
right: 0
}
.rtl .scroll-wrapper>.scroll-element.scroll-y {
right: auto;
left: 0
}
.rtl .scroll-wrapper>.scroll-element.scroll-y .scroll-element_outer {
left: 0;
right: auto
}
.rtl .scroll-wrapper>.scroll-content.scroll-scrolly_visible {
right: -12px;
margin-right: 12px
}
.rtl .scroll-wrapper>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
right: -14px
}
.rtl .scroll-wrapper>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
right: -14px
}
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.chosen-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
box-shadow: 0 4px 5px rgba(0,0,0,.15);
clip: rect(0,0,0,0)
}
.chosen-container.chosen-with-drop .chosen-drop {
clip: auto
}
.chosen-container a {
cursor: pointer
}
.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400;
color: #999
}
.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));
background: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
background-clip: padding-box;
-webkit-box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px
}
.chosen-container-single .chosen-default {
color: #999
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(https://kuteshop.b-cdn.net/wp-content/themes/kuteshop/assets/vendor/chosen/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(https://kuteshop.b-cdn.net/wp-content/themes/kuteshop/assets/vendor/chosen/chosen-sprite.png) no-repeat 0 2px
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap
}
.chosen-container-single .chosen-search input[type=text] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: url(https://kuteshop.b-cdn.net/wp-content/themes/kuteshop/assets/vendor/chosen/chosen-sprite.png) no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
clip: rect(0,0,0,0)
}
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));
background-image: linear-gradient(#3875d7 20%,#2a62bc 90%);
color: #fff
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: 700;
cursor: default
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline
}
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));
background-image: linear-gradient(#eee 1%,#fff 15%);
cursor: text
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0!important;
background: 0 0!important;
-webkit-box-shadow: none;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eee;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));
background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
color: #333;
line-height: 13px;
cursor: default
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(https://kuteshop.b-cdn.net/wp-content/themes/kuteshop/assets/vendor/chosen/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));
background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
color: #666
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
box-shadow: 0 0 5px rgba(0,0,0,.3)
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));
background-image: linear-gradient(#eee 20%,#fff 80%);
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: 0 0
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
box-shadow: 0 0 5px rgba(0,0,0,.3)
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #222!important
}
.chosen-disabled {
opacity: .5!important;
cursor: default
}
.chosen-disabled .chosen-single {
cursor: default
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default
}
.chosen-rtl {
text-align: right
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px
}
.chosen-rtl .chosen-choices li {
float: right
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none
}
.chosen-rtl .chosen-search input[type=text] {
padding: 4px 5px 4px 20px;
background: url(https://kuteshop.b-cdn.net/wp-content/themes/kuteshop/assets/vendor/chosen/chosen-sprite.png) no-repeat -30px -20px;
direction: rtl
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text] {
background-image:url(https://kuteshop.b-cdn.net/wp-content/themes/kuteshop/assets/vendor/chosen/chosen-sprite@2x.png)!important;
background-size: 52px 37px!important;
background-repeat: no-repeat!important
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,.slick-slider .slick-list {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,.slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir='rtl'] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:after,:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
:focus {
outline: none
}
.hide {
display: none !important
}
.hidden {
display: none !important
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],template {
display: none
}
abbr[title] {
border-bottom: none;
text-decoration: underline
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: black
}
small {
font-size: 80%
}
sub,sup {
font-size: 70%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.4em
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}
[role=button] {
cursor: pointer
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0;
overflow: auto;
line-height: inherit
}
button,input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1
}
.button[disabled], button[disabled], input[disabled], fieldset[disabled] input, .form-control[disabled], fieldset[disabled] .form-control, .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label, .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover, .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span, .btn.disabled, .btn[disabled], fieldset[disabled] .btn,.added_to_cart[disabled],.single_add_to_cart_button.disabled {
cursor: not-allowed
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
input[type=file] {
display: block
}
input[type=range] {
display: block;
width: 100%
}
select[multiple],select[size] {
height: auto
}
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5
}
optgroup {
font-weight: 700
}
.sticky {
color: inherit
}
.bypostauthor {
color: inherit
}
.clear {
clear: both
}
.auto-clear {
display: flex;
flex-wrap: wrap
}
.auto-clear:before,.auto-clear:after {
display: block
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.text-start {
text-align: start
}
.text-end {
text-align: end
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.overflow-hidden>.elementor-widget-container,.overflow-hidden>.elementor-column-wrap,.overflow-hidden {
overflow: hidden
}
.btn {
border-radius: 0
}
.mc4wp-alert {
padding: 6px 15px;
margin-top: 15px;
background-color: #fff
}
.mc4wp-alert p:last-child {
margin-bottom: 0
}
.mc4wp-error {
background-color: #f2dede
}
.mc4wp-success {
background-color: #dff0d8
}
.popover.bottom>.arrow:after {
left: 0;
right: auto
}
abbr[data-original-title],abbr[title] {
text-decoration: none;
cursor: help
}
.small,small {
font-size: 80%
}
address,dt,dd {
line-height: inherit
}
dl {
margin-top: 0;
margin-bottom: 20px
}
code {
color: black
}
kbd {
color: black
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
box-shadow: none
}
pre {
display: block;
padding: 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
margin: 0 0 25px;
overflow: auto
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.beeketing-page-block .bkt--brand {
display: none !important
}
.elem-hidden {
display: none !important
}
.clear+.clear {
display: none !important
}
.anr_captcha_field {
margin-top: 20px
}
svg,img {
vertical-align: middle;
height: auto;
max-width: 100%;
border: none
}
svg * {
fill: inherit;
stroke: inherit
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
iframe {
display: block;
max-width: 100%
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a>img,.thumbnail>img {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
ul,ol {
padding-inline-start:20px;margin: 0 0 20px
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0
}
.comments-area .comment ol, .comments-area .comment ul {
margin-bottom: 20px
}
.comments-area .comment ol ol, .comments-area .comment ol ul, .comments-area .comment ul ul, .comments-area .comment ul ol {
margin-bottom: 0
}
.post-content ul li, .post-content ol li, .woocommerce-Tabs-panel--description ul li, .woocommerce-Tabs-panel--description ol li {
margin-top: 5px
}
table {
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
width: 100%;
margin-bottom: 20px
}
body table.dataTable {
width: 100% !important;
border-collapse: collapse !important;
margin-bottom: 20px !important
}
body table.dataTable > tbody > tr.child ul.dtr-details {
display: block
}
body table.dataTable > tbody > tr.child ul.dtr-details>li:last-child {
padding-bottom: 0
}
::placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100)
}
::-webkit-input-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100)
}
:-moz-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100)
}
::-moz-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100)
}
:-ms-input-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100)
}
.tooltip {
font-family: inherit;
pointer-events: none
}
.tooltip {
position: absolute;
z-index: 99998;
display: block;
font-style: normal;
font-size: 12px;
line-height: 12px;
font-weight: 400;
line-break: auto;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: black
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: black
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: black
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: black
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: black
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: black
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: black
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: black
}
.tooltip-inner {
max-width: 200px;
padding: 5px 10px;
color: #fff;
text-align: center;
background-color: black
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border: none;
border-left: 5px solid #eee
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
margin-bottom: 0
}
blockquote .small, blockquote footer, blockquote small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777
}
blockquote .small:before, blockquote footer:before, blockquote small:before {
content: "\2014 \00A0"
}
.blockquote-reverse,blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0
}
.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
content: ""
}
.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
content: "\00A0 \2014"
}
.site>.elementor {
clear: both
}
body .megamenu .has-container > .elementor-container, body .elementor-section-boxed.elementor-section-stretched > .elementor-container, body .elementor-section-boxed:not(.elementor-section-stretched),.container {
padding-inline-start:var(--main-container-pd);padding-inline-end: var(--main-container-pd);
margin-inline-start:auto;margin-inline-end:auto}
body .elementor-section>.elementor-container {
position: static
}
body .e-con {
--container-max-width: var(--main-container)
}
.page-template-default.elementor-page .site-content.sidebar-full.container .e-con > .e-con-inner, .page-template-default.elementor-page .site-content.sidebar-full .site-container.container .e-con > .e-con-inner, body .e-con>.e-con-inner {
padding-inline-start:var(--main-container-pd);padding-inline-end: var(--main-container-pd);
max-width: calc(var(--content-width) + (var(--main-container-pd) * 2))
}
.page-template-default.elementor-page .site-content.sidebar-full.container, .page-template-default.elementor-page .site-content.sidebar-full .site-container.container {
padding-inline-start:0;padding-inline-end:0;max-width: none
}
.container .e-con>.e-con-inner {
padding-inline-start:0;padding-inline-end:0;max-width: var(--content-width)
}
.e-con:not(.e-grid) .elementor-empty-view {
min-height: var(--min-height, 30px)
}
body .e-con > .e-con-inner > .elementor-widget > .elementor-widget-container, body .e-con>.elementor-widget>.elementor-widget-container {
height: auto
}
.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer,.elementor-widget {
width: 100%
}
.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty {
min-height: 1px;
min-width: 1px
}
.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container {
height: 100%
}
.elementor-editor-active .e-con-inner > .elementor-widget-spacer > .elementor-widget-container > .elementor-spacer > .elementor-spacer-inner, .elementor-editor-active .e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner {
position: relative;
height: var(--spacer-size, 1px);
min-height: 100%;
background-color: rgba(213, 216, 220, .8);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden
}
.elementor-editor-active .e-con-inner > .elementor-widget-spacer > .elementor-widget-container > .elementor-spacer > .elementor-spacer-inner:before, .elementor-editor-active .e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner:before {
font-family: eicons;
content: "\e85f";
font-size: 20px;
line-height: 1
}
@media (min-width: 768px) {
body .elementor-section-boxed:not(.elementor-section-stretched)>.elementor-container {
max-width:100%
}
body .megamenu .has-container > .elementor-container, body .elementor-section-boxed.elementor-section-stretched > .elementor-container, body .elementor-section-boxed:not(.elementor-section-stretched),.container {
max-width: calc(var(--main-container) + (var(--main-container-pd) * 2))
}
body {
--main-container: 720px
}
}
@media (min-width: 992px) {
body {
--main-container:940px
}
}
@media (min-width: 1200px) {
body {
--main-container:1140px
}
}
rs-group-wrap.container {
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: auto
}
rs-group-wrap.ovic-wrap {
top: 0 !important;
bottom: 0 !important;
margin: auto
}
rs-group-wrap.container>rs-loop-wrap,rs-group-wrap.container>rs-loop-wrap>rs-mask-wrap,rs-group-wrap.ovic-wrap>rs-loop-wrap,rs-group-wrap.ovic-wrap>rs-loop-wrap>rs-mask-wrap {
position: static !important
}
rs-group-wrap.container>rs-loop-wrap>rs-mask-wrap>rs-group,rs-group-wrap.ovic-wrap>rs-loop-wrap>rs-mask-wrap>rs-group {
width: 100% !important
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 calc(0px - var(--col-space, 15px))
}
.elementor-container,.elementor-row {
display: flex;
flex-wrap: wrap
}
.elementor-section-slide>.elementor-container {
display: block
}
.elementor-row.slick-slider {
display: block
}
.elementor-section-slide>.elementor-container>.elementor-row {
display: block;
width: auto
}
.elementor-column-gap-narrow>.elementor-row {
margin: 0 -5px;
width: calc(100% + 10px)
}
body .elementor-column-gap-narrow>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
padding: 0 5px
}
.elementor-column-gap-default>.elementor-row {
margin: 0 -10px;
width: calc(100% + 20px)
}
body .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
padding: 0 10px
}
.elementor-column-gap-extended>.elementor-row {
margin: 0 -15px;
width: calc(100% + 30px)
}
body .elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
padding: 0 15px
}
.elementor-column-gap-wide>.elementor-row {
margin: 0 -20px;
width: calc(100% + 40px)
}
body .elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
padding: 0 20px
}
.elementor-column-gap-wider>.elementor-row {
margin: 0 -30px;
width: calc(100% + 60px)
}
body .elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
padding: 0 30px
}
@media (max-width: 1499px) {
.elementor-column-gap-wider>.elementor-row {
margin:0 -25px;
width: calc(100% + 50px)
}
body .elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
padding: 0 25px
}
}
@media (max-width: 1199px) {
.elementor-column-gap-wider>.elementor-row {
margin:0 -20px;
width: calc(100% + 40px)
}
body .elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
padding: 0 20px
}
}
@media (max-width: 991px) {
.elementor-column-gap-wide>.elementor-row,.elementor-column-gap-wider>.elementor-row {
margin:0 -15px;
width: calc(100% + 30px)
}
body .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap, body .elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
padding: 0 15px
}
}
.col-bg-1,.col-bg-10,.col-bg-11,.col-bg-12,.col-bg-2,.col-bg-3,.col-bg-4,.col-bg-5,.col-bg-6,.col-bg-7,.col-bg-8,.col-bg-9,.col-bg-15,.col-bg-25,.col-bg-35,.col-bg-45,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-15,.col-lg-25,.col-lg-35,.col-lg-45,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-15,.col-md-25,.col-md-35,.col-md-45,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-15,.col-sm-25,.col-sm-35,.col-sm-45,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-15,.col-xs-25,.col-xs-35,.col-xs-45,.col-ts-1,.col-ts-10,.col-ts-11,.col-ts-12,.col-ts-2,.col-ts-3,.col-ts-4,.col-ts-5,.col-ts-6,.col-ts-7,.col-ts-8,.col-ts-9,.col-ts-15,.col-ts-25,.col-ts-35,.col-ts-45 {
position: relative;
padding: 0 var(--col-space, 15px);
width: 100%
}
.col-ts-12 {
width: 100%
}
.col-ts-11 {
width: 91.66666667%
}
.col-ts-10 {
width: 83.33333333%
}
.col-ts-9 {
width: 75%
}
.col-ts-8 {
width: 66.66666667%
}
.col-ts-7 {
width: 58.33333333%
}
.col-ts-6 {
width: 50%
}
.col-ts-5 {
width: 41.66666667%
}
.col-ts-4 {
width: 33.33333333%
}
.col-ts-3 {
width: 25%
}
.col-ts-2 {
width: 16.66666667%
}
.col-ts-1 {
width: 8.33333333%
}
.col-ts-15 {
width: 20%
}
.col-ts-25 {
width: 40%
}
.col-ts-35 {
width: 60%
}
.col-ts-45 {
width: 80%
}
@media (min-width: 480px) {
.col-xs-12 {
width:100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-15 {
width: 20%
}
.col-xs-25 {
width: 40%
}
.col-xs-35 {
width: 60%
}
.col-xs-45 {
width: 80%
}
}
@media (min-width: 768px) {
.col-sm-12 {
width:100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-15 {
width: 20%
}
.col-sm-25 {
width: 40%
}
.col-sm-35 {
width: 60%
}
.col-sm-45 {
width: 80%
}
}
@media (min-width: 992px) {
.col-md-12 {
width:100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-15 {
width: 20%
}
.col-md-25 {
width: 40%
}
.col-md-35 {
width: 60%
}
.col-md-45 {
width: 80%
}
}
@media (min-width: 1200px) {
.col-lg-12 {
width:100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-15 {
width: 20%
}
.col-lg-25 {
width: 40%
}
.col-lg-35 {
width: 60%
}
.col-lg-45 {
width: 80%
}
}
@media (min-width: 1500px) {
.col-bg-12 {
width:100%
}
.col-bg-11 {
width: 91.66666667%
}
.col-bg-10 {
width: 83.33333333%
}
.col-bg-9 {
width: 75%
}
.col-bg-8 {
width: 66.66666667%
}
.col-bg-7 {
width: 58.33333333%
}
.col-bg-6 {
width: 50%
}
.col-bg-5 {
width: 41.66666667%
}
.col-bg-4 {
width: 33.33333333%
}
.col-bg-3 {
width: 25%
}
.col-bg-2 {
width: 16.66666667%
}
.col-bg-1 {
width: 8.33333333%
}
.col-bg-15 {
width: 20%
}
.col-bg-25 {
width: 40%
}
.col-bg-35 {
width: 60%
}
.col-bg-45 {
width: 80%
}
}
table col[class*=col-] {
position: static;
display: table-column;
float: none
}
table td[class*=col-], table th[class*=col-] {
position: static;
display: table-cell;
float: none
}
.elementor-section.col-float>.elementor-container>.elementor-row {
display: block
}
.elementor-section.col-float>.elementor-container>.elementor-row:before,.elementor-section.col-float>.elementor-container>.elementor-row:after {
content: '';
display: table;
clear: both
}
.elementor-section.col-float>.elementor-container>.elementor-row>.elementor-column {
float: left
}
.owl-slick .row-item>.item {
vertical-align: top
}
.product-list-grid .rows-space-10, .rows-space-10 .row-item:not(:last-child) {
margin-bottom: 10px
}
.product-list-grid .rows-space-20, .rows-space-20 .row-item:not(:last-child) {
margin-bottom: 20px
}
.product-list-grid .rows-space-30, .rows-space-30 .row-item:not(:last-child) {
margin-bottom: 30px
}
.product-list-grid .rows-space-40, .rows-space-40 .row-item:not(:last-child) {
margin-bottom: 40px
}
.product-list-grid .rows-space-50, .rows-space-50 .row-item:not(:last-child) {
margin-bottom: 50px
}
.product-list-grid .rows-space-60, .rows-space-60 .row-item:not(:last-child) {
margin-bottom: 60px
}
@media (max-width: 1499px) {
.product-list-grid .rows-space-60, .rows-space-60 .row-item:not(:last-child) {
margin-bottom:50px
}
}
@media (max-width: 1199px) {
.product-list-grid .rows-space-60, .rows-space-60 .row-item:not(:last-child), .product-list-grid .rows-space-50, .rows-space-50 .row-item:not(:last-child) {
margin-bottom:40px
}
.product-list-grid .rows-space-40, .rows-space-40 .row-item:not(:last-child) {
margin-bottom: 30px
}
}
@media (max-width: 767px) {
.product-list-grid .rows-space-60, .rows-space-60 .row-item:not(:last-child), .product-list-grid .rows-space-50, .rows-space-50 .row-item:not(:last-child) {
margin-bottom:30px
}
.product-list-grid .rows-space-40, .rows-space-40 .row-item:not(:last-child), .product-list-grid .rows-space-30, .rows-space-30 .row-item:not(:last-child) {
margin-bottom: 20px
}
}
@media (max-width: 479px) {
.product-list-grid .rows-space-50, .rows-space-50 .row-item:not(:last-child) {
margin-bottom:20px
}
.product-list-grid .rows-space-30, .rows-space-30 .row-item:not(:last-child), .product-list-grid .rows-space-20, .rows-space-20 .row-item:not(:last-child) {
margin-bottom: 10px
}
}
.fa.fa-mobile-phone:before,.fa.fa-mobile:before {
content: "\f10b"
}
.wp-editor-wrap button:hover, .wp-editor-wrap button:focus {
background-color: transparent;
color: inherit
}
.comments-area .comment-form-cookies-consent input[type="checkbox"] {
margin-inline-end:7px}
.comment-form-cookies-consent label {
display: inline;
font-weight: inherit;
cursor: pointer;
margin: 0
}
.comment-form-cookies-consent label:hover {
color: var(--main-color)
}
.sticky-content-main.remove-sticky-content {
bottom: 0;
position: absolute !important;
top: auto !important
}
.woocommerce-store-notice {
margin: 0;
text-align: center;
padding: 8px 15px;
color: #fff;
background-color: #333;
border-top: 1px solid #333
}
.woocommerce-store-notice a {
text-decoration: underline
}
.woocommerce-store-notice a:not(:hover) {
color: inherit
}
.post-password-form label[for="pwbox-1168"] {
margin-bottom: 10px
}
@media (max-width: 479px) {
.post-password-form p:last-child {
text-align:center
}
}
.password-input {
display: inline-block;
vertical-align: top;
width: 100%;
position: relative
}
.password-input [type="password"] {
padding-inline-end:40px}
.rtl .password-input .show-password-input {
left: 0;
right: auto
}
.password-input .show-password-input {
position: absolute;
top: 0;
left: auto;
right: 0;
cursor: pointer;
font-size: 14px;
line-height: 24px;
padding: 8px 0;
width: 40px;
text-align: center
}
.password-input .show-password-input:hover {
color: var(--main-color)
}
.password-input .show-password-input:before {
display: block;
font-family: FontAwesome,sans-serif;
content: "\f06e"
}
.woocommerce-password-strength {
color: #333;
background-color: #efefef;
border: 1px solid #bbb;
text-align: center;
padding: 2px 9px
}
.woocommerce-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b
}
.woocommerce-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53
}
.woocommerce-password-strength.good {
background-color: #ffe399;
border-color: #ffc733
}
.woocommerce-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373
}
.elementor-editor-active .ovic-products .woocommerce-result-count, .elementor-editor-active .ovic-products .woocommerce-ordering, .elementor-editor-active .ovic-products .product-thumb > .attachment-woocommerce_thumbnail, .elementor-editor-active .ovic-products .woocommerce-loop-product__title {
display: none
}
.alignnone, .wp-caption.alignnone, a img.alignnone {
margin: 7px 0 27px;
clear: both
}
div.aligncenter, .aligncenter, .wp-caption.aligncenter, a img.aligncenter {
display: block;
margin: 7px auto 27px;
clear: both
}
.alignleft, .wp-caption.alignleft, a img.alignleft {
float: left;
margin: 7px 0 27px;
margin-right: 20px;
clear: both
}
.alignright, .wp-caption.alignright, a img.alignright {
float: right;
margin: 7px 0 27px;
margin-left: 20px;
clear: both
}
p>.alignnone,p>.aligncenter,p>.alignleft,p>.alignright {
margin-bottom: 7px
}
.sidebar-full .alignfull {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw)
}
@media (min-width: 1200px) {
.sidebar-full .alignfull {
width:calc(100vw - 17px);
margin-left: calc(50% - 50vw + 8.5px);
margin-right: calc(50% - 50vw + 8.5px)
}
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left
}
.wp-caption {
background-color: #fff;
max-width: 100%;
padding: 5px;
border: 1px solid #eee;
text-align: center;
margin: 0
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0
}
.wp-caption .wp-caption-text {
font-weight: 400;
padding: 5px 0 0;
margin: 0 !important
}
.wp-block-button,.post-content>[class*="wp-block-"] {
margin-top: 5px;
margin-bottom: 20px
}
.wp-block-embed-wordpress-tv iframe {
width: 100%
}
.wp-block-cover {
color: #fff;
margin-top: 5px;
margin-bottom: 20px
}
.wp-block-group.has-background {
padding: 1em
}
.is-style-squared .wp-block-button__link {
border-radius: 0
}
.gallery {
display: flex;
flex-wrap: wrap;
margin: -5px
}
.gallery-caption {
display: block;
font-family: 'Noto Sans',sans-serif;
font-size: 12px;
line-height: 1.5;
padding: .5em 0;
color: #333
}
.gallery-item {
padding: 5px;
font-style: italic;
color: #666
}
.gallery-columns-1 .gallery-item {
width: 100%
}
.gallery-columns-2 .gallery-item {
width: 50%
}
.gallery-columns-3 .gallery-item {
width: 33.33333333%
}
.gallery-columns-4 .gallery-item {
width: 25%
}
.gallery-columns-5 .gallery-item {
width: 20%
}
.gallery-columns-6 .gallery-item {
width: 16.66666667%
}
.gallery-columns-7 .gallery-item {
width: 14.28571428%
}
.gallery-columns-8 .gallery-item {
width: 12.5%
}
.gallery-columns-9 .gallery-item {
width: 11.11111111%
}
@media (max-width: 1199px) and (min-width: 992px) {
.site-content:not(.sidebar-full) .gallery .gallery-item {
min-width:25%
}
}
@media (max-width: 991px) {
.gallery .gallery-item {
min-width:25%
}
}
@media (max-width: 767px) {
.gallery .gallery-item {
min-width:33.33333333%
}
}
@media (max-width: 479px) {
.gallery .gallery-item {
min-width:50%
}
}
body {
--sales-popup-offset: 20px;
--sales-popup-width: 350px;
--sales-popup-height: 100px;
--sales-popup-pd: 15px;
--sales-popup-trs: .7s
}
body:not(.sales-popup-active) .ovic-sales-popup {
visibility: hidden;
opacity: 0;
transform: translateY(50px)
}
.ovic-sales-popup {
position: fixed;
left: var(--sales-popup-offset);
bottom: var(--sales-popup-offset);
width: var(--sales-popup-width);
height: var(--sales-popup-height);
max-width: calc(100vw - (var(--sales-popup-offset) * 2));
display: flex;
align-items: center;
column-gap: 10px;
font-size: 12px;
line-height: 16px;
color: var(--main-cl);
padding: var(--sales-popup-pd);
background-color: #fff;
box-shadow: 0 0 0 1px #eee inset, 2px 5px 10px rgba(0, 0, 0, .1);
transition: var(--sales-popup-trs);
z-index: 15
}
.ovic-sales-popup * {
margin: 0
}
.ovic-sales-popup .sales-popup-close {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
line-height: 1
}
.ovic-sales-popup .sales-popup-close:hover {
color: var(--main-color)
}
.ovic-sales-popup .sales-popup-close:before {
display: block;
font-family: main-icon,sans-serif;
content: "\e912"
}
.ovic-sales-popup .image {
display: flex;
align-items: center;
justify-content: center;
width: calc(var(--sales-popup-height) - var(--sales-popup-pd) * 2);
height: calc(var(--sales-popup-height) - var(--sales-popup-pd) * 2)
}
.ovic-sales-popup .image img {
width: auto;
max-height: 100%;
object-fit: cover
}
.ovic-sales-popup .content {
flex: 1 1 auto;
width: 1%;
display: flex;
flex-wrap: wrap;
column-gap: 10px
}
.ovic-sales-popup .info {
width: 100%;
padding-inline-end:22px}
.ovic-sales-popup .title {
width: 100%;
font-size: 18px;
line-height: 26px;
font-weight: 600;
padding: 6px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.ovic-sales-popup .title:not(:hover) {
color: var(--default-color)
}
.ovic-sales-popup .verified:before {
display: inline-block;
vertical-align: top;
font-family: main-icon,sans-serif;
content: "\e91a";
color: #0ca940;
margin-inline-end:5px}
.rtl .ovic-sales-popup {
left: auto;
right: 20px
}
@media (max-width: 1199px) {
body {
--sales-popup-offset:15px;
--sales-popup-width: 320px;
--sales-popup-height: 90px;
--sales-popup-pd: 10px
}
.ovic-sales-popup .title {
font-size: 17px;
line-height: 24px;
padding: 5px 0
}
}
@media (max-width: 767px) {
body {
--sales-popup-offset:10px;
--sales-popup-width: 300px
}
}
.page-title {
font-size: 40px;
margin: 0 0 40px
}
.breadcrumb+.page-title,.woocommerce-breadcrumb+.page-title {
margin-top: -40px
}
@media (max-width: 1199px) {
.page-title {
font-size:35px;
margin: 0 0 20px
}
.breadcrumb+.page-title,.woocommerce-breadcrumb+.page-title {
margin-top: -20px
}
}
@media (max-width: 767px) {
.page-title {
margin:0 0 10px
}
.breadcrumb+.page-title,.woocommerce-breadcrumb+.page-title {
margin-top: -10px
}
}
.site {
position: relative;
overflow: hidden
}
.site-content {
padding-top: 60px;
padding-bottom: 30px
}
.site-content:before,.site-content:after,#primary:before,#primary:after,#secondary:before,#secondary:after {
content: '';
display: table;
clear: both
}
.dokan-single-store,.dokan-store-sidebar,#primary,#secondary {
margin-bottom: 30px;
position: relative
}
.site-content>.page-title:first-child,.site-content>.breadcrumb:first-child,.site-content>.woocommerce-breadcrumb:first-child {
margin-top: -60px
}
@media (min-width: 992px) {
body .dokan-store-wrap.layout-left .dokan-single-store, body .dokan-store-wrap.layout-right .dokan-single-store, .site-content.sidebar-left #primary, .site-content.sidebar-right #primary {
float:left;
width: calc(100% - (var(--sidebar-width) + var(--sidebar-space)))
}
body .dokan-store-wrap.layout-left .dokan-store-sidebar, body .dokan-store-wrap.layout-right .dokan-store-sidebar, .site-content.sidebar-left #secondary, .site-content.sidebar-right #secondary {
float: left;
width: var(--sidebar-width);
margin-left: 0;
margin-right: 0
}
body .dokan-store-wrap.layout-left .dokan-single-store, body .dokan-store-wrap.layout-right .dokan-store-sidebar, .site-content.sidebar-left #primary, .site-content.sidebar-right #secondary {
float: right
}
.site-content.sidebar-left #secondary + *, .site-content.sidebar-right #secondary+* {
clear: both
}
body .dokan-store-wrap.layout-left .dokan-single-store, body .dokan-store-wrap.layout-right .dokan-single-store, .product-page.sidebar-left #primary, .product-page.sidebar-right #primary, .shop-page.sidebar-left #primary, .shop-page.sidebar-right #primary {
width: calc(100% - (var(--shop-sidebar-width) + var(--shop-sidebar-space)))
}
body .dokan-store-wrap.layout-left .dokan-store-sidebar, body .dokan-store-wrap.layout-right .dokan-store-sidebar, .product-page.sidebar-left #secondary, .product-page.sidebar-right #secondary, .shop-page.sidebar-left #secondary, .shop-page.sidebar-right #secondary {
width: var(--shop-sidebar-width)
}
}
@media (max-width: 1199px) {
.site-content {
padding-top:40px;
padding-bottom: 10px
}
.site-content>.page-title:first-child,.site-content>.breadcrumb:first-child,.site-content>.woocommerce-breadcrumb:first-child {
margin-top: -40px
}
}
.loading-lazy {
position: relative;
display: inline-block;
vertical-align: top;
max-width: 100%
}
#reviews #comments.loading,.comments-area.loading,.variations_form,.yith-wcwl-form,.cart_totals,.woocommerce-cart-form,.ovic-products.loading>.woocommerce,.tabs-container.loading {
position: relative
}
#reviews #comments.loading>*,.comments-area.loading>*,.modal-demo-menu.loading>*,.cart_totals.processing>*,.woocommerce-cart-form.processing>*,.loading-lazy>*,.ovic-products.loading>.owl>*:not(.button-products),.ovic-products.loading>.grid>.product-list-grid,.tabs-container.loading>.tab-panel.active {
opacity: .3
}
.yith-wcwl-form .blockUI.blockOverlay, .cart_totals .blockUI.blockOverlay, .woocommerce-cart-form .blockUI.blockOverlay {
background: none !important;
opacity: 1 !important
}
.variations_form .blockUI.blockOverlay, .widget_shopping_cart .woocommerce-mini-cart li .blockUI.blockOverlay {
background-color: rgba(255, 255, 255, .7) !important;
opacity: 1 !important
}
.ovic-question-answers.loading .list-question:before, #reviews #comments.loading:before, .comments-area.loading:before, a.compare .blockUI.blockOverlay:before, a.yith-wcqv-button .blockUI.blockOverlay:before, .yith-wcwl-add-to-wishlist .blockUI.blockOverlay:before, .modal-demo-menu.loading:after, .dgwt-wcas-inner-preloader:after, .variations_form .blockUI.blockOverlay:after, .yith-wcwl-form .blockUI.blockOverlay:after, .cart_totals .blockUI.blockOverlay:after, .woocommerce-cart-form .blockUI.blockOverlay:after, .widget_shopping_cart .woocommerce-mini-cart li .blockUI.blockOverlay:before, .loading-lazy:after, .ovic-products.loading > .woocommerce:after, .tabs-container.loading:after, .woocommerce .wishlist_table .product-add-to-cart a.loading:after, .button.loading:after, .woocommerce-pagination.loading .button-loadmore:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
width: 24px;
height: 24px;
margin: auto;
border: 1px solid var(--default-color);
border-top-color: #fff;
border-bottom-color: #fff;
border-radius: 50%;
background-size: cover;
background-position: center center;
z-index: 10;
animation: fa-spin .3s infinite linear
}
.yith-wcwl-add-to-wishlist .blockUI.blockOverlay:before {
display: block !important
}
.custom-desc-1 tbody {
vertical-align: top
}
.custom-desc-1 th {
width: 100px;
border: none;
padding: 0;
padding-inline-end:10px}
.custom-desc-1 td {
width: 90px;
border: none;
padding: 0
}
.custom-desc-1 td:not(:last-child) {
color: var(--default-color);
padding-inline-end:10px}
.custom-desc-1 td:last-child {
width: calc(100% - 190px)
}
@media (max-width: 767px) {
.custom-desc-1 th {
width:85px
}
.custom-desc-1 td {
width: 70px
}
.custom-desc-1 td:last-child {
width: calc(100% - 155px)
}
}
@keyframes ovic-running-1 {
0% {
transform: translateX(100%)
}
100% {
}
}
@keyframes ovic-running-2 {
0% {
}
100% {
transform: translateX(-100%)
}
}
@font-face {
font-family: 'main-icon';
src: url('https://kuteshop.b-cdn.net/wp-content/themes/kuteshop/assets/vendor/main-icon/fonts/main-icon.ttf?g5nlck') format('truetype'), url('https://kuteshop.b-cdn.net/wp-content/themes/kuteshop/assets/vendor/main-icon/fonts/main-icon.woff?g5nlck') format('woff'), url('https://kuteshop.b-cdn.net/wp-content/themes/kuteshop/assets/vendor/main-icon/fonts/main-icon.svg?g5nlck#main-icon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block
}
[class^="main-icon-"],[class*=" main-icon-"] {
font-family: 'main-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.main-icon-enter:before {
content: "\e900"
}
.main-icon-close:before {
content: "\e901"
}
.main-icon-back:before {
content: "\e902"
}
.main-icon-next:before {
content: "\e903"
}
.main-icon-menu:before {
content: "\e904"
}
.main-icon-menu-2:before {
content: "\e905"
}
.main-icon-back-2:before {
content: "\e906"
}
.main-icon-next-2:before {
content: "\e907"
}
.main-icon-star:before {
content: "\e908"
}
.main-icon-star_alt:before {
content: "\e909"
}
.main-icon-back-3:before {
content: "\e90a"
}
.main-icon-next-3:before {
content: "\e90b"
}
.main-icon-back-4:before {
content: "\e90c"
}
.main-icon-next-4:before {
content: "\e90d"
}
.main-icon-back-5:before {
content: "\e90e"
}
.main-icon-next-5:before {
content: "\e90f"
}
.main-icon-minus:before {
content: "\e910"
}
.main-icon-plus:before {
content: "\e911"
}
.main-icon-close-2:before {
content: "\e912"
}
.main-icon-close-3:before {
content: "\e913"
}
.main-icon-double-arrow-up:before {
content: "\e914"
}
.main-icon-expand:before {
content: "\e915"
}
.main-icon-play:before {
content: "\e916"
}
.main-icon-home:before {
content: "\e917"
}
.main-icon-map:before {
content: "\e918"
}
.main-icon-sidebar:before {
content: "\e919"
}
.main-icon-check:before {
content: "\e91a"
}
.main-icon-check-2:before {
content: "\e91b"
}
.main-icon-check-3:before {
content: "\e91c"
}
.main-icon-setting:before {
content: "\e91d"
}
.main-icon-setting-2:before {
content: "\e91e"
}
.main-icon-return:before {
content: "\e91f"
}
.main-icon-sticky:before {
content: "\e920"
}
.main-icon-ask:before {
content: "\e921"
}
.main-icon-help:before {
content: "\e922"
}
.main-icon-envelope:before {
content: "\e923"
}
.main-icon-phone:before {
content: "\e924"
}
.main-icon-mail:before {
content: "\e925"
}
.main-icon-headphone:before {
content: "\e926"
}
.main-icon-chat:before {
content: "\e927"
}
.main-icon-talk:before {
content: "\e928"
}
.main-icon-calendar:before {
content: "\e929"
}
.main-icon-comment:before {
content: "\e92a"
}
.main-icon-cart:before {
content: "\e92b"
}
.main-icon-heart:before {
content: "\e92c"
}
.main-icon-user:before {
content: "\e92d"
}
.main-icon-search:before {
content: "\e92e"
}
.main-icon-cart-2:before {
content: "\e92f"
}
.main-icon-heart-2:before {
content: "\e930"
}
.main-icon-user-2:before {
content: "\e931"
}
.main-icon-compare:before {
content: "\e932"
}
.main-icon-search-2:before {
content: "\e933"
}
.main-icon-quickview-2:before {
content: "\e934"
}
.main-icon-wishlist-2:before {
content: "\e935"
}
.main-icon-compare-2:before {
content: "\e936"
}
.main-icon-house:before {
content: "\e937"
}
.main-icon-menu-3:before {
content: "\e938"
}
.main-icon-grid:before {
content: "\e939"
}
.main-icon-list:before {
content: "\e93a"
}
.main-icon-backtotop:before {
content: "\e93b"
}
.main-icon-share:before {
content: "\e93c"
}
.main-icon-user1:before {
content: "\e93d"
}
.main-icon-cart1:before {
content: "\e93e"
}
.main-icon-heart1:before {
content: "\e93f"
}
.main-icon-compare1:before {
content: "\e940"
}
.main-icon-search1:before {
content: "\e941"
}
.main-icon-reload:before {
content: "\e942"
}
.main-icon-plane:before {
content: "\e943"
}
.main-icon-sticky1:before {
content: "\e944"
}
.main-icon-payment:before {
content: "\e945"
}
.main-icon-mail1:before {
content: "\e946"
}
.main-icon-rocket:before {
content: "\e947"
}
.main-icon-lock:before {
content: "\e948"
}
.main-icon-clock:before {
content: "\e949"
}
.main-icon-bag:before {
content: "\e94a"
}
.main-icon-heart11:before {
content: "\e94b"
}
.main-icon-monitor:before {
content: "\e94c"
}
.main-icon-smartwatch:before {
content: "\e94d"
}
.main-icon-smartphone:before {
content: "\e94e"
}
.main-icon-ipad:before {
content: "\e94f"
}
.main-icon-laptop:before {
content: "\e950"
}
.main-icon-computer:before {
content: "\e951"
}
.main-icon-camera:before {
content: "\e952"
}
.main-icon-gamepad:before {
content: "\e953"
}
.main-icon-headphones-2:before {
content: "\e954"
}
.main-icon-cable:before {
content: "\e955"
}
.main-icon-usb:before {
content: "\e956"
}
.main-icon-wifi:before {
content: "\e957"
}
.main-icon-truck:before {
content: "\e958"
}
.main-icon-reload-2:before {
content: "\e959"
}
.main-icon-clipboard:before {
content: "\e95a"
}
.main-icon-customer:before {
content: "\e95b"
}
.main-icon-bag-2:before {
content: "\e95c"
}
.main-icon-heart-21:before {
content: "\e95d"
}
.main-icon-search-21:before {
content: "\e95e"
}
.main-icon-cart-21:before {
content: "\e95f"
}
.main-icon-earphones:before {
content: "\e960"
}
.main-icon-eye1:before {
content: "\e961"
}
.main-icon-menu-4:before {
content: "\e962"
}
.main-icon-menu-5:before {
content: "\e963"
}
.main-icon-menu-6:before {
content: "\e964"
}
.main-icon-arrow-left:before {
content: "\e965"
}
.main-icon-arrow-right:before {
content: "\e966"
}
.main-icon-arrow-up:before {
content: "\e967"
}
.main-icon-arrow-down:before {
content: "\e968"
}
.main-icon-arrow-back:before {
content: "\e969"
}
.main-icon-arrow-next:before {
content: "\e96a"
}
.main-icon-cart-3:before {
content: "\e96b"
}
.main-icon-cart-4:before {
content: "\e96c"
}
.main-icon-cart-5:before {
content: "\e96d"
}
.main-icon-cart-6:before {
content: "\e96e"
}
.main-icon-cart-7:before {
content: "\e96f"
}
.main-icon-heart-3:before {
content: "\e970"
}
.main-icon-heart-4:before {
content: "\e971"
}
.main-icon-user-3:before {
content: "\e972"
}
.main-icon-search-3:before {
content: "\e973"
}
.main-icon-search-4:before {
content: "\e974"
}
.main-icon-compare-3:before {
content: "\e975"
}
.main-icon-compare-4:before {
content: "\e976"
}
.main-icon-sield:before {
content: "\e977"
}
.main-icon-pig:before {
content: "\e978"
}
.main-icon-ladder:before {
content: "\e979"
}
.main-icon-shipping:before {
content: "\e97a"
}
.main-icon-protect:before {
content: "\e97b"
}
.main-icon-support:before {
content: "\e97c"
}
.main-icon-time:before {
content: "\e97d"
}
.main-icon-airplane:before {
content: "\e97e"
}
.main-icon-time-2:before {
content: "\e97f"
}
.main-icon-support-2:before {
content: "\e980"
}
.main-icon-umbrella:before {
content: "\e981"
}
.main-icon-android:before {
content: "\e982"
}
.main-icon-dress:before {
content: "\e983"
}
.main-icon-bicycle:before {
content: "\e984"
}
.main-icon-tv:before {
content: "\e985"
}
.main-icon-cam:before {
content: "\e986"
}
.main-icon-furniture:before {
content: "\e987"
}
.main-icon-jewelry:before {
content: "\e988"
}
.main-icon-jewelry-2:before {
content: "\e989"
}
.main-icon-ball:before {
content: "\e98a"
}
.main-icon-electric:before {
content: "\e98b"
}
.main-icon-mobile:before {
content: "\e98c"
}
.main-icon-fashion:before {
content: "\e98d"
}
.main-icon-shoes:before {
content: "\e98e"
}
.main-icon-skirt:before {
content: "\e98f"
}
.main-icon-toy:before {
content: "\e990"
}
.main-icon-clothing:before {
content: "\e991"
}
body {
--main-ff: Open Sans, sans-serif;
--main-fz: 14px;
--main-lh: 1.71428571;
--main-cl: #666;
--main-fw: 400;
--default-color: #222;
--main-color: #f36;
--main-color-b: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * .8));
--main-color-t: #fff;
--main-h-fw: 600;
--main-bora: 0;
--main-bora-2: 0;
--sidebar-width: 330px;
--sidebar-space: 30px;
--shop-sidebar-width: 330px;
--shop-sidebar-space: 30px;
--input-width: auto;
--input-height: 40px;
--input-padding: 8px 20px;
--input-bg: #fff;
--input-sd: 0 0 0 2px #eee inset;
--input-sd-h: 0 0 0 2px var(--main-color) inset;
--input-cl: #999;
--input-cl-h: var(--default-color);
--input-bora: var(--main-bora);
--button-padding: 8px 30px;
--main-container-pd: 15px;
font-family: var(--main-ff);
font-size: var(--main-fz);
line-height: var(--main-lh);
color: var(--main-cl);
font-weight: var(--main-fw);
background-color: #fff;
word-wrap: break-word;
overflow-x: hidden;
margin: 0
}
@media (max-width: 1499px) and (min-width: 992px) {
body {
--sidebar-width:270px;
--shop-sidebar-width: 270px
}
}
.elementor-toggle .elementor-tab-title {
font-weight: inherit;
line-height: inherit
}
.elementor-toggle h1.elementor-tab-title, .elementor-toggle h2.elementor-tab-title, .elementor-toggle h3.elementor-tab-title, .elementor-toggle h4.elementor-tab-title, .elementor-toggle h5.elementor-tab-title, .elementor-toggle h6.elementor-tab-title {
font-size: inherit;
line-height: 1.4
}
.elementor-widget-heading .elementor-heading-title {
white-space: pre-line;
line-height: inherit
}
.elementor-widget-heading h1.elementor-heading-title, .elementor-widget-heading h2.elementor-heading-title, .elementor-widget-heading h3.elementor-heading-title, .elementor-widget-heading h4.elementor-heading-title, .elementor-widget-heading h5.elementor-heading-title, .elementor-widget-heading h6.elementor-heading-title {
line-height: 1.4
}
h1,h2,h3,h4,h5,h6,legend {
color: var(--default-color);
line-height: 1.4;
font-weight: var(--main-h-fw);
margin: 0 0 10px
}
h1 {
font-size: 40px
}
h2 {
font-size: 35px
}
h3 {
font-size: 30px
}
h4 {
font-size: 26px
}
h5 {
font-size: 22px
}
h6 {
font-size: 18px
}
p {
margin: 0 0 20px
}
@media (max-width: 1199px) {
p {
margin-bottom:15px
}
}
a {
color: inherit;
cursor: pointer;
text-decoration: none
}
a:hover {
outline: none;
color: var(--main-color)
}
a:active {
outline: none
}
.elementor .elementor-icon {
vertical-align: top;
color: inherit
}
.elementor .elementor-icon:hover {
color: inherit
}
.elementor a.elementor-icon:hover {
color: var(--main-color);
fill: var(--main-color)
}
.elementor-view-stacked .elementor-icon {
color: #fff;
fill: #fff;
background-color: var(--main-cl)
}
.elementor-view-stacked .elementor-icon:hover {
color: var(--main-color-t);
fill: var(--main-color-t);
background-color: var(--main-color)
}
.elementor-view-framed .elementor-icon {
border: 2px solid
}
.elementor-inline-editing b,dt,b,strong {
font-weight: var(--main-h-fw)
}
th,td {
border: 1px solid #eee;
padding: 10px;
text-align: inherit
}
th {
color: var(--default-color);
font-weight: var(--main-h-fw);
text-align: inherit
}
label {
display: inline-block;
vertical-align: top;
font-size: inherit;
color: var(--default-color);
font-weight: var(--main-h-fw);
margin: 0 0 8px
}
required,.required {
color: #f00
}
.chosen-container-active.chosen-with-drop .chosen-single, .chosen-container .chosen-single, body .select2-container .select2-selection--single,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="search"],input[type="url"],input[type="number"],input[type="date"],select,textarea {
border: none;
font: inherit;
font-size: 14px;
line-height: 24px;
max-width: 100%;
height: auto;
padding: var(--input-padding);
color: var(--input-cl);
background-color: var(--input-bg);
box-shadow: var(--input-sd);
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
margin: 0;
text-align: start
}
.chosen-container-active.chosen-with-drop .chosen-single, .chosen-container.chosen-with-drop .chosen-single, body .select2-container--open .select2-selection--single {
box-shadow: 0 0 0 1px var(--main-color) inset !important;
border-radius: var(--input-bora) !important
}
input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="search"],input[type="url"],input[type="number"],input[type="date"] {
width: var(--input-width);
height: var(--input-height);
border-radius: var(--input-bora) !important
}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="search"]:focus,input[type="url"]:focus,input[type="number"]:focus,input[type="date"]:focus,select:focus,textarea:focus {
color: var(--input-cl-h);
box-shadow: var(--input-sd-h)
}
textarea {
display: block;
width: var(--input-width);
height: 136px;
border-radius: var(--main-bora-2)
}
select {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFBAMAAABlfdtYAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMAmcwRiCK19YmuAAAAH0lEQVQI12MIYWBgFmAwAiNmRWZFBgYGIyEBIAliAgAeOQGsDcSFWgAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 8px auto;
padding-inline-end:40px;cursor: pointer
}
select::-ms-expand {
display: none
}
input[type="radio"],input[type="checkbox"] {
vertical-align: middle;
margin-top: -3px;
margin-inline-end:3px;cursor: pointer
}
input[type="radio"][disabled],input[type="checkbox"][disabled] {
cursor: not-allowed
}
.woocommerce .hidden-title-form a.hide-title-form {
vertical-align: top;
line-height: 24px
}
.elementor-button .elementor-button-wrapper {
font-size: 0;
line-height: 0;
letter-spacing: 0
}
.elementor .elementor-button, .elementor .elementor-button:visited, .woocommerce .wishlist_table .product-add-to-cart a,.added_to_cart,.button,button,input[type="button"],input[type="submit"] {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px;
font-weight: 700;
padding: var(--button-padding);
border: none;
border-radius: var(--input-bora);
text-transform: uppercase;
color: var(--main-color-t);
fill: var(--main-color-t);
text-align: center;
cursor: pointer;
background-color: var(--main-color);
transition: .1s
}
.elementor .elementor-button:hover, .woocommerce .wishlist_table .product-add-to-cart a:hover,.added_to_cart:hover,.button:hover,button:hover,input[type="button"]:hover,input[type="submit"]:hover {
color: var(--main-color-t);
fill: var(--main-color-t);
background-color: var(--main-color-b)
}
button:focus {
outline: none
}
.page-main-content:before,.page-main-content:after,.entry-content:before,.entry-content:after,.post-content:before,.post-content:after,.post-excerpt:before,.post-excerpt:after {
content: '';
display: table;
clear: both
}
.post-pagination {
display: inline-block;
vertical-align: top;
width: 100%;
font-size: 0;
line-height: 0;
letter-spacing: 0;
margin-bottom: 5px;
margin-top: 10px
}
.post-pagination>* {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 30px;
font-weight: 700;
min-width: 30px;
height: 30px;
text-align: center;
margin-inline-end:10px;margin-bottom: 10px;
background-color: var(--default-color);
color: #fff
}
.post-pagination .title {
display: none
}
.post-pagination .post-page-numbers:not(:hover):not(.current) {
color: var(--default-color);
box-shadow: 0 0 0 1px #eee inset;
background-color: transparent
}
.post-pagination .post-page-numbers:hover {
color: #fff
}
.breadcrumbs .trail-browse {
display: none
}
.breadcrumb>.active {
color: var(--main-cl)
}
.breadcrumb,.woocommerce-breadcrumb {
display: block;
position: relative;
list-style: none;
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: var(--default-color);
padding: 8px 0;
background-color: transparent;
margin: 0 0 40px;
border-radius: 0;
z-index: 1
}
.breadcrumb a:not(:hover), .woocommerce-breadcrumb a:not(:hover) {
color: var(--main-cl)
}
.breadcrumb li {
display: inline;
vertical-align: top
}
.breadcrumb li a, .breadcrumb > li + li:before, .woocommerce-breadcrumb .delimiter {
display: inline-block;
vertical-align: top
}
.breadcrumb li, .woocommerce-breadcrumb a {
max-width: 100%;
padding: 0
}
.breadcrumb li:last-child {
padding: 0
}
.breadcrumb .separator, .woocommerce-breadcrumb .separator {
padding: 0 10px
}
.breadcrumb > li + li:before, .woocommerce-breadcrumb .delimiter:before {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: '\f105';
padding: 0 10px;
color: var(--main-cl)
}
@media (max-width: 1199px) {
.breadcrumb,.woocommerce-breadcrumb {
margin-bottom:20px
}
}
@media (max-width: 767px) {
.breadcrumb,.woocommerce-breadcrumb {
margin-bottom:10px
}
}
.dokan-pagination-container,.woocommerce-pagination {
--pagi-fz: 18px;
--pagi-lh: 24px;
--pagi-w: 44px;
--pagi-p: 10px 5px;
--pagi-m: 5px;
margin: 40px 0 0;
position: relative
}
.woocommerce-pagination>.screen-reader-text {
display: none
}
.dokan-pagination-container .dokan-pagination:before, .dokan-pagination-container .dokan-pagination:after, .woocommerce-pagination ul:before, .woocommerce-pagination ul:after {
content: '';
display: table;
clear: both
}
.dokan-pagination-container .dokan-pagination, .woocommerce-pagination ul {
list-style: none;
border-radius: 0;
clear: both;
position: relative;
padding: 0;
font-size: var(--pagi-fz);
line-height: var(--pagi-lh);
font-weight: 400;
margin: 0 calc(0px - (var(--pagi-m) - 2px)) calc(0px - (var(--pagi-m) * 2))
}
.dokan-pagination-container .dokan-pagination li, .woocommerce-pagination ul li {
display: inline;
vertical-align: top
}
.dokan-pagination-container .dokan-pagination li a, .dokan-pagination-container .dokan-pagination li span, .woocommerce-pagination ul li a, .woocommerce-pagination ul li span {
display: inline-block;
vertical-align: top;
text-align: center;
min-width: var(--pagi-w);
padding: var(--pagi-p);
margin: 0 calc(var(--pagi-m) - 2px) calc(var(--pagi-m) * 2);
background-color: #f5f5f5;
border-radius: var(--main-bora)
}
.dokan-pagination-container .dokan-pagination li a:hover, .dokan-pagination-container .dokan-pagination li.active a, .woocommerce-pagination ul li a:hover, .woocommerce-pagination ul li .current {
color: var(--main-color-t);
box-shadow: none;
background-color: var(--main-color)
}
.dokan-pagination-container .dokan-pagination li:first-child a, .dokan-pagination-container .dokan-pagination li:last-child a, .woocommerce-pagination ul li .prev, .woocommerce-pagination ul li .next {
font-size: 0;
line-height: 0;
letter-spacing: 0
}
.dokan-pagination-container .dokan-pagination li:first-child a:before, .dokan-pagination-container .dokan-pagination li:last-child a:after, .woocommerce-pagination ul li .prev:before, .woocommerce-pagination ul li .next:after {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
font-size: calc(var(--pagi-fz) + 1px);
line-height: var(--pagi-lh);
font-weight: 400
}
.dokan-pagination-container .dokan-pagination li:first-child a:before, .woocommerce-pagination ul li .prev:before {
content: "\f104"
}
.dokan-pagination-container .dokan-pagination li:last-child a:after, .woocommerce-pagination ul li .next:after {
content: "\f105"
}
.woocommerce-pagination .button-loadmore {
min-width: 220px;
padding: 13px 15px;
color: var(--default-color);
background-color: #fff;
box-shadow: 0 0 0 2px #eee inset
}
.woocommerce-pagination .button-loadmore:hover {
color: var(--main-color-t);
background-color: var(--main-color);
box-shadow: none
}
@media (max-width: 1199px) {
.dokan-pagination-container,.woocommerce-pagination {
--pagi-fz:16px;
--pagi-w: 40px;
--pagi-p: 8px 5px;
--pagi-m: 3px;
margin-top: 30px
}
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
padding: 1em 2em 1em 2em;
margin: 0 0 30px;
position: relative;
background-color: #f5f5f5;
border-top: 3px solid var(--main-color);
list-style: none !important;
width: auto
}
.woocommerce .woocommerce-error a, .woocommerce .woocommerce-info a, .woocommerce .woocommerce-message a {
font-weight: var(--main-h-fw)
}
.woocommerce .woocommerce-error:after, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-message:before {
content: " ";
display: table
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button {
float: right;
font-size: 12px;
display: inline-block;
padding: 0 15px;
margin: 0
}
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
float: none;
width: 100%;
margin: 0
}
.woocommerce-checkout-payment {
background-color: #ebe9eb;
padding: 30px;
margin-top: 25px
}
@media (max-width: 767px) {
.woocommerce-checkout-payment {
padding:30px 15px
}
}
.woocommerce-checkout-payment .payment_methods {
margin: 0;
padding: 0
}
.woocommerce-checkout-payment .payment_methods .wc_payment_method {
list-style: none
}
.woocommerce-checkout-payment .payment_methods .wc_payment_method:not(:last-child) {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #fff
}
.woocommerce-checkout-payment .payment_methods label {
display: inline;
vertical-align: middle;
cursor: pointer
}
.woocommerce-checkout-payment .payment_methods .stripe-pf-right {
float: none
}
.woocommerce-checkout-payment .payment_methods .payment_method_paypal img {
margin-top: -3px;
margin-inline-end:5px}
#add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: .92em;
line-height: 1.5;
background-color: #dfdcde;
color: var(--default-color)
}
#add_payment_method #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before {
position: absolute;
content: '';
bottom: 100%;
left: 0;
border-style: solid;
border-width: 0 10px 10px;
border-color: transparent transparent #dfdcde
}
.woocommerce-checkout-payment .payment_box p:last-child {
margin: 0
}
.woocommerce-address-fields, .woocommerce-EditAccountForm, .woocommerce form .form-row, .woocommerce-page form .form-row {
--input-height: 45px;
--input-padding: 10px 20px 11px;
--button-padding: 10px 30px 11px;
margin-bottom: 20px
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
display: block;
margin-bottom: 2px
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
display: inline-block;
width: calc(50% - 15px);
overflow: visible
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
float: right
}
.woocommerce .cart-collaterals .shipping_calculator:after, .woocommerce form .form-row-wide, .woocommerce form .form-row:after, .woocommerce ul.cart_list li:after, .woocommerce-page .cart-collaterals .shipping_calculator:after, .woocommerce-page form .form-row-wide, .woocommerce-page form .form-row:after, .woocommerce-page ul.cart_list li:after {
clear: both
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text, .woocommerce form .form-row select, .woocommerce-page form .form-row select {
box-sizing: border-box;
width: 100%
}
.woocommerce form .form-row select {
padding: 9px 20px
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
width: 100%
}
.woocommerce .col2-set:before, .woocommerce-page .col2-set:before, .woocommerce .col2-set:after, .woocommerce-page .col2-set:after {
content: '';
display: table
}
.woocommerce .col2-set:after, .woocommerce-page .col2-set:after {
clear: both
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: left;
width: calc(50% - 15px)
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right
}
.woocommerce-thankyou-order-details {
padding: 0;
margin-bottom: 30px
}
.woocommerce-thankyou-order-received {
color: var(--default-color);
font-size: 20px
}
.woocommerce-thankyou-order-details li {
list-style: none;
line-height: 35px
}
.woocommerce-account-fields {
padding-bottom: 10px
}
.woocommerce-account-fields .create-account {
margin-bottom: 0
}
.woocommerce-account-fields .create-account>label {
display: inline-block !important;
clear: none;
cursor: pointer
}
.woocommerce .woocommerce-MyAccount-navigation {
width: 270px;
float: left;
margin-inline-end:30px;padding: 10px 20px;
background-color: #f1f1f1
}
.woocommerce .woocommerce-MyAccount-navigation {
padding: 10px 30px
}
.woocommerce .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin-bottom: 0
}
.woocommerce .woocommerce-MyAccount-navigation ul li:before, .woocommerce .woocommerce-MyAccount-navigation ul li:after {
content: '';
display: table;
clear: both
}
.woocommerce .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 8px 0
}
.woocommerce .woocommerce-MyAccount-navigation ul li:not(:last-child) {
border-bottom: 1px solid #eee
}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active {
color: var(--default-color)
}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
text-decoration: underline
}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:after {
float: right;
font-family: FontAwesome,sans-serif;
content: '\f105';
margin-inline-start:10px}
.woocommerce .woocommerce-MyAccount-content {
overflow: hidden
}
.woocommerce address {
line-height: inherit
}
.woocommerce .woocommerce-MyAccount-content .edit {
font-style: italic
}
.woocommerce .review_link_data_wappers {
line-height: 0
}
.woocommerce .review_link_data_wappers>* {
display: inline-block;
vertical-align: middle;
line-height: 20px
}
.woocommerce .review_link_data_wappers .button {
padding: 6px 15px;
font-size: 12px;
margin-inline-end:5px}
.woocommerce #shipping_method {
list-style: none;
padding: 0;
margin-bottom: 0
}
.woocommerce #shipping_method label {
font-size: inherit;
font-weight: inherit;
color: inherit;
margin: 0
}
.woocommerce #shipping_method input[type="radio"] ~ label, .woocommerce #shipping_method input[type="checkbox"]~label {
display: inline;
cursor: pointer
}
.woocommerce #shipping_method input[type="radio"]:hover ~ label, .woocommerce #shipping_method input[type="radio"] ~ label:hover, .woocommerce #shipping_method input[type="checkbox"]:hover ~ label, .woocommerce #shipping_method input[type="checkbox"]~label:hover {
color: var(--main-color)
}
.woocommerce-address-fields .button, .woocommerce-EditAccountForm .button, .woocommerce-form-login .form-row .button, .woocommerce-form-register .form-row .button, .woocommerce-ResetPassword .form-row .button, .woocommerce-form-track-order .form-row .button {
width: 100%
}
.woocommerce-form-login .form-row .button {
margin-inline-end:15px}
.woocommerce-form-login .form-row label.woocommerce-form__label-for-checkbox {
display: inline-block;
vertical-align: top;
margin: 0 0 20px
}
.woocommerce-form-login .form-row label.woocommerce-form__label-for-checkbox:hover {
color: var(--main-color)
}
.return-to-shop .button, .woocommerce-MyAccount-content > .button, .woocommerce-MyAccount-content .woocommerce-address-fields .button, #customer_login input[type="submit"], .woocommerce-ResetPassword input[type="submit"] {
vertical-align: middle;
min-width: 180px;
margin-top: 10px
}
body .select2-drop {
border: 1px solid #eee;
border-radius: 0
}
body .select2-dropdown {
padding: 5px 0;
border-color: #eee;
border-radius: 0 !important;
z-index: 100000
}
body .select2-dropdown .select2-results__option {
padding: 3px 20px
}
body .select2-drop.select2-drop-above.select2-drop-active {
border-top: 1px solid #eee
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0;
color: inherit;
line-height: inherit
}
body .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: inherit
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: calc(50% - 13px);
right: 10px
}
body .select2-container .select2-choice .select2-arrow b:after {
border: none;
font-family: FontAwesome,sans-serif;
content: "\f107";
transform: translateY(-50%);
margin-top: 0;
margin-inline-start:-15px}
body .select2.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #eee
}
body .select2.select2-container .select2-selection--multiple {
border-radius: 0;
border: 1px solid #eee;
margin-bottom: 10px
}
body .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
padding: 5px 5px 10px;
display: block;
padding-inline-start:10px}
body .select2.select2-container .select2-search--inline .select2-search__field, body .select2-container--default .select2-search--dropdown .select2-search__field {
height: auto;
background-color: transparent;
margin-top: 0;
padding: 0 10px
}
body .select2-drop.select2-drop-above .select2-search input {
width: 100%
}
body .select2-container--default .select2-selection--single .select2-selection__clear {
float: none
}
.place-order #place_order {
min-width: 250px;
font-size: 15px;
padding: 11px 15px
}
.cart-collaterals .wc-proceed-to-checkout .button {
display: block;
width: auto;
padding: 11px 15px
}
.cart-collaterals .wc-proceed-to-checkout .button:not(:last-child) {
margin-bottom: 20px
}
.woocommerce-form__label-for-checkbox {
cursor: pointer
}
.woocommerce-privacy-policy-link,.woocommerce-privacy-policy-link:hover,.woocommerce-terms-and-conditions-link,.woocommerce-terms-and-conditions-link:hover {
text-decoration: underline
}
.woocommerce-checkout-review-order-table {
background-color: #fff
}
.woocommerce-checkout-review-order-table .amount {
color: inherit
}
.woocommerce-checkout-review-order-table .order-total .amount {
color: var(--main-color)
}
.woocommerce-checkout-review-order-table .cart_item dl:last-child, .woocommerce-checkout-review-order-table .cart_item dl p:last-child {
margin-bottom: 0
}
.col2-set .col-1 > h2, .col2-set .col-2>h2,.woocommerce-billing-fields>h3,.woocommerce-shipping-fields>h3,.woocommerce-additional-fields>h3,#order_review_heading {
font-size: 20px;
margin-bottom: 23px;
color: var(--default-color);
clear: both
}
#ship-to-different-address {
overflow: hidden
}
#ship-to-different-address label input[type="checkbox"] {
display: none
}
#ship-to-different-address label span {
position: relative;
display: block;
margin: 0;
padding-inline-end:43px}
#ship-to-different-address label {
font-weight: inherit;
cursor: pointer;
color: inherit;
margin: 0;
font-size: inherit
}
#ship-to-different-address label input[type="checkbox"]:checked+span:after {
right: 3px
}
#ship-to-different-address label input[type="checkbox"]:checked+span:before {
background-color: var(--main-color)
}
#ship-to-different-address label span:before {
display: block;
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
height: 20px;
width: 36px;
margin: auto;
background-color: #c2c2c2;
border-radius: var(--main-bora);
transition: .1s
}
#ship-to-different-address label span:after {
display: block;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 18px;
width: 14px;
height: 14px;
margin: auto;
background-color: #fff;
border-radius: var(--main-bora);
transition: .3s ease-in-out
}
.shop_table .product-remove, .shop_table .product-price, .shop_table .product-subtotal, .shop_table .product-quantity {
text-align: center
}
.shop_table td.product-price, .shop_table td.product-subtotal {
font-size: 16px;
font-weight: 700;
color: var(--default-color)
}
.shop_table td.product-price > *, .shop_table td.product-subtotal>* {
display: inline-block;
vertical-align: bottom
}
.shop_table td.product-price .amount, .shop_table td.product-subtotal .amount {
color: inherit
}
.shop_table td.product-price del, .shop_table td.product-subtotal del {
font-size: 14px;
font-weight: 400;
color: #999;
margin-inline-end:5px}
.shop_table td.product-price ins, .shop_table td.product-subtotal ins {
color: var(--default-color);
text-decoration: none
}
.shop_table td.product-thumbnail a img {
width: 170px;
max-width: inherit
}
.shop_table td.product-remove a {
display: inline-block;
vertical-align: top;
font-size: 20px
}
.shop_table .actions {
text-align: start;
padding: 20px 0;
border: none
}
.shop_table .actions:before, .shop_table .actions:after {
content: '';
display: table;
clear: both
}
.shop_table .actions .button {
padding: 11px 35px
}
.shop_table .actions .coupon {
display: inline-block;
vertical-align: top
}
.shop_table .actions .coupon label {
display: none;
vertical-align: middle;
margin: 0
}
.shop_table .actions .coupon .input-text {
height: 46px;
padding: 11px 20px;
width: 252px;
margin-inline-end:10px}
.shop_table .actions .coupon button {
margin-inline-end:7px}
.shop_table .actions>.button {
float: right
}
.yes-js #yith-wcwl-form .hidden-title-form {
margin-top: 0
}
.woocommerce .wishlist-title a.show-title-form i, .woocommerce .hidden-title-form a.hide-title-form i {
float: left;
text-decoration: none
}
.wishlist_table tr td.product-name, .wishlist_table tr td.product-thumbnail, .wishlist_table tr td.wishlist-name, .wishlist_table tr td.wishlist-privacy {
text-align: start
}
.woocommerce table.wishlist_table {
font-size: inherit;
margin-bottom: 0;
position: relative
}
.woocommerce table.wishlist_table th {
white-space: nowrap
}
.woocommerce table.wishlist_table a.button:last-child {
margin-bottom: 0 !important
}
.woocommerce .wishlist_table .product-add-to-cart a {
display: inline-block !important
}
.woocommerce .wishlist_table .product-add-to-cart a.button {
padding: 8px 20px !important
}
.woocommerce table.wishlist_table td.product-name>* {
display: inline-block;
vertical-align: middle
}
.woocommerce table.wishlist_table td.product-name .variation {
display: block
}
.woocommerce table.wishlist_table td.product-name .variation dt {
color: var(--default-color);
float: left;
margin-inline-end:5px}
.woocommerce table.wishlist_table td.product-name a:not(.yith-wcqv-button) {
padding: 4px 0;
padding-inline-end:15px}
.woocommerce table.wishlist_table tr td.product-thumbnail a {
max-width: inherit
}
.woocommerce table.wishlist_table .product-price, .woocommerce table.wishlist_table .product-stock-status {
text-align: center
}
.woocommerce table.wishlist_table tfoot td {
border: none;
padding: 0;
text-align: start
}
.woocommerce .yith-wcwl-share {
margin: 30px 0 0
}
.woocommerce .yith-wcwl-share ul {
margin: 0
}
.woocommerce .yith-wcwl-share h4.yith-wcwl-share-title {
margin: 0 0 10px
}
.woocommerce table.wishlist_table tr td.product-remove {
padding: 0
}
.woocommerce #content table.wishlist_table.cart a.remove {
color: inherit
}
.woocommerce #content table.wishlist_table.cart a.remove:hover {
background-color: transparent;
color: var(--main-color)
}
.woocommerce ul.wishlist_table.mobile {
list-style: none;
padding: 0
}
.woocommerce ul.wishlist_table.mobile li {
position: relative;
margin-bottom: 30px
}
.woocommerce ul.wishlist_table.mobile li table td.label {
display: table-cell !important;
vertical-align: middle !important;
font-size: inherit !important;
font-weight: 600 !important;
padding: 0 !important;
color: var(--default-color) !important
}
.woocommerce ul.wishlist_table.mobile li table td.value {
display: table-cell !important;
vertical-align: middle !important;
font-size: inherit !important;
padding: 0 !important
}
.woocommerce ul.wishlist_table.mobile li .item-wrapper {
display: flex;
margin-bottom: 0
}
.woocommerce ul.wishlist_table.mobile li .product-thumbnail {
margin: 0;
margin-inline-end:10px}
.woocommerce ul.wishlist_table.mobile li .item-details {
flex: 1 1 auto;
width: 1%
}
.woocommerce ul.wishlist_table.mobile li .item-details h3 {
font-size: 14px;
line-height: 24px;
margin-bottom: 5px
}
.woocommerce ul.wishlist_table.mobile li .item-details a:not(:hover) {
color: var(--default-color)
}
.woocommerce ul.wishlist_table.mobile li .item-details .amount {
color: var(--main-color)
}
.woocommerce ul.wishlist_table.mobile li .product-add-to-cart a.button {
display: block !important;
line-height: inherit
}
.woocommerce ul.wishlist_table.mobile li .product-remove {
position: absolute;
top: 0;
right: 0
}
.woocommerce ul.wishlist_table.mobile li .product-remove a {
display: inline-block;
vertical-align: top;
padding: 0 2px
}
.woocommerce ul.wishlist_table.mobile li .product-remove a:not(:hover) {
color: #999
}
.woocommerce ul.wishlist_table.mobile li .product-remove a i:before {
font-family: FontAwesome,sans-serif;
content: "\f00d"
}
.woocommerce ul.wishlist_table.mobile li ins {
color: var(--default-color);
text-decoration: none
}
.woocommerce ul.wishlist_table.mobile li .add-to-cart {
display: block
}
.wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label {
text-align: start
}
.wishlist_table.images_grid li .item-details table.item-details-table td.value, .wishlist_table.mobile li .item-details table.item-details-table td.value, .wishlist_table.mobile li table.additional-info td.value, .wishlist_table.modern_grid li .item-details table.item-details-table td.value {
text-align: end
}
.woocommerce .user-role>.radio {
margin-inline-start:20px;cursor: pointer
}
.woocommerce .user-role>.radio>input {
cursor: inherit
}
.woocommerce form #billing_phone_field, .woocommerce form #billing_email_field, .woocommerce-page form #billing_phone_field, .woocommerce-page form #billing_email_field {
width: 100%
}
.shop_table .woocommerce-shipping-contents {
margin-bottom: 0
}
.cart_totals .shop_table th {
width: 33%
}
.cart_totals .woocommerce-shipping-calculator>p {
margin-bottom: 0
}
.cart_totals .woocommerce-shipping-calculator > .shipping-calculator-form p {
margin: 10px 0 0
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number {
color: var(--default-color);
font-weight: var(--main-h-fw);
font-size: calc(100% + 2px)
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
color: var(--main-color)
}
@media (max-width: 767px) {
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float:none;
width: 100%
}
.woocommerce .col2-set .col-1:not(:last-child), .woocommerce-page .col2-set .col-1:not(:last-child) {
padding-bottom: 20px;
border-bottom: 1px solid #eee;
margin-bottom: 30px
}
.woocommerce .woocommerce-MyAccount-navigation {
width: 100%;
float: none;
margin-inline-end:0;margin-bottom: 30px
}
.shop_table .actions .coupon {
display: block;
margin-bottom: 5px
}
.shop_table .actions .coupon .input-text, .shop_table .actions .coupon button {
margin: 0 0 10px
}
.shop_table .actions>.button {
float: none
}
.woocommerce-cart-form>.shop_table {
border: none
}
.woocommerce-cart-form > .shop_table thead {
display: none
}
.woocommerce-cart-form>.shop_table,.woocommerce-cart-form>.shop_table>* {
display: block
}
.woocommerce-cart-form > .shop_table tr {
display: block;
margin-bottom: 30px;
border: 1px solid #eee
}
.woocommerce-cart-form > .shop_table td {
display: block;
text-align: center !important;
border: none
}
.woocommerce-cart-form > .shop_table td:not(:first-child) {
border-top: 1px solid #f2f2f2
}
.woocommerce-cart-form > .shop_table .actions {
padding: 0
}
.woocommerce-orders-table thead {
display: none
}
.woocommerce-orders-table tbody {
display: block
}
.woocommerce-orders-table tr {
display: flex;
flex-wrap: wrap;
align-items: center
}
.woocommerce-orders-table tr:not(:last-child) {
margin-bottom: 16px
}
.woocommerce-orders-table td {
width: 100%;
border: none;
padding: 0
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number {
width: auto
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-date {
flex: 1 1 auto;
width: 1%;
margin-inline-start:16px;text-align: end
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button {
width: 100%;
margin-top: 10px
}
}
@media (max-width: 479px) {
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
float:none;
width: 100%
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
float: none;
margin-top: 15px
}
}
.vc_col-has-fill>div.vc_column-inner,.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>div.vc_column-inner,.vc_row-has-fill+.vc_row>.vc_column_container>div.vc_column-inner,.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>div.vc_column-inner,.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>div.vc_column-inner,.vc_row-has-fill>.vc_column_container>div.vc_column-inner,.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>div.vc_column-inner,.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>div.vc_column-inner,section.vc_section.vc_section-has-fill,section.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,section.vc_section.vc_section-has-fill+.vc_section {
padding-top: 0
}
body .vc_cta3-container, body .wpb_button, body .wpb_content_element, body ul.wpb_thumbnails-fluid>li {
margin-bottom: 0
}
div.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner {
z-index: auto
}
.vc_column_container {
max-width: 100%
}
.vc_custom_heading a {
transition: none
}
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-] > a:hover, .vc_custom_heading a:hover {
opacity: 1;
color: var(--main-color)
}
.wpb_single_image {
font-size: 0;
line-height: 0;
letter-spacing: 0
}
div.vc_separator .vc_sep_holder {
height: auto
}
div.vc_separator .vc_sep_holder .vc_sep_line {
top: auto !important
}
div.vc_separator.vc_sep_width_full {
width: 100vw;
margin-inline-start:calc(50% - 50vw);margin-inline-end:calc(50% - 50vw)}
div.vc-zigzag-wrapper {
font-size: 0;
line-height: 0;
letter-spacing: 0
}
.ovic-google-maps .title-maps {
color: var(--default-color)
}
.ovic-google-maps .direction-maps {
background-color: var(--default-color)
}
.ovic-google-maps .direction-maps:hover {
background-color: var(--main-color)
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0;
background-color: transparent
}
@media (min-width: 1200px) {
.vc_section.vc_parallax:not(.fp-section),.wpb_row.vc_parallax,.wpb_column.vc_parallax>.vc_column-inner {
background-attachment:fixed !important;
background-size: cover !important;
background-position: center center !important
}
.vc_section.vc_parallax:not(.fp-section)>.vc_parallax-inner,.wpb_row.vc_parallax>.vc_parallax-inner,.wpb_column.vc_parallax>.vc_parallax-inner {
height: 100% !important;
top: 0 !important;
background-attachment: fixed;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.vc_section.vc_parallax.fp-section>.vc_parallax-inner {
display: none !important
}
}
body .elementor-animation-grow {
transition: transform .2s
}
.elementor-edit-area-active .elementor-column {
min-width: 20px
}
@media (min-width: 768px) {
.elementor-edit-area-active .elementor-column-wrap.elementor-element-empty .elementor-widget-wrap {
margin:5px
}
}
.elementor .elementor-widget-wrap.owl-slick {
display: block
}
body .elementor-widget:not(:last-child) {
margin: 0
}
.elementor-edit-area-active .elementor-inner-section > .elementor-container > .elementor-row, .elementor-edit-area-active .elementor-top-section>.elementor-container>.elementor-row {
min-height: 20px
}
body.elementor-editor-active .elementor-widget-slider_revolution .elementor-widget-empty-icon {
padding: 150px 0
}
.elementor-custom-embed-play i {
font-size: 58px;
opacity: .5;
transition: none
}
.elementor-custom-embed-play i:before {
display: inline-block;
vertical-align: top;
font-family: main-icon,sans-serif;
content: '\e92a'
}
.elementor-open-lightbox {
position: relative
}
.dialog-type-lightbox {
z-index: 999999
}
body .elementor-widget-image {
text-align: inherit
}
.elementor-widget-image .elementor-image {
font-size: 0;
line-height: 0;
letter-spacing: 0;
border-radius: inherit
}
.elementor-widget-image a {
display: inline-block;
vertical-align: top;
border-radius: inherit
}
.elementor-widget-image img {
border-radius: inherit
}
.elementor-image-gallery:before,.elementor-image-gallery:after {
content: '';
display: table;
clear: both
}
.elementor-image-gallery .gallery-item a {
display: inline-block;
vertical-align: top;
max-width: 100%;
overflow: hidden
}
.elementor-image-gallery .gallery-item img {
transition: .3s
}
.elementor-image-gallery .gallery-item a:hover img {
transform: scale(1.1)
}
.elementor-widget-text-editor .elementor-text-editor>:last-child {
margin-bottom: 0
}
.ovic-elementor-accordion .elementor-accordion-item:not(:last-child), .ovic-elementor-toggle .elementor-toggle-item:not(:last-child) {
margin-bottom: 24px
}
.ovic-elementor-accordion .elementor-tab-title, .ovic-elementor-toggle .elementor-tab-title {
position: relative;
font-size: 14px;
line-height: 24px;
font-weight: var(--main-h-fw);
color: var(--default-color);
padding: 0 0 5px;
border-bottom: 1px solid #eee
}
.ovic-elementor-accordion .elementor-tab-title.elementor-active, .ovic-elementor-toggle .elementor-tab-title.elementor-active {
border-bottom: 1px solid #eee
}
.ovic-elementor-accordion .elementor-tab-title:hover, .ovic-elementor-toggle .elementor-tab-title:hover {
color: var(--main-color)
}
.ovic-elementor-accordion .elementor-tab-title a, .ovic-elementor-toggle .elementor-tab-title a {
display: block;
padding-inline-end:20px}
.ovic-elementor-accordion .elementor-tab-title .elementor-accordion-icon, .ovic-elementor-toggle .elementor-tab-title .elementor-toggle-icon {
position: absolute;
top: 0;
right: 0;
font-size: 17px;
line-height: 24px;
font-weight: 600;
width: auto;
text-align: end
}
.ovic-elementor-accordion .elementor-tab-content, .ovic-elementor-toggle .elementor-tab-content {
font-size: 14px;
line-height: 30px;
padding: 24px 0 0;
border: none
}
.ovic-elementor-accordion .elementor-accordion-item:not(:last-child) .elementor-tab-content, .ovic-elementor-toggle .elementor-toggle-item:not(:last-child) .elementor-tab-content {
padding-bottom: 14px
}
.ovic-elementor-accordion .elementor-tab-content > :last-child, .ovic-elementor-toggle .elementor-tab-content>:last-child {
margin-bottom: 0
}
@media (max-width: 1199px) {
.ovic-elementor-accordion .elementor-accordion-item:not(:last-child), .ovic-elementor-toggle .elementor-toggle-item:not(:last-child) {
margin-bottom:18px
}
.ovic-elementor-accordion .elementor-tab-content, .ovic-elementor-toggle .elementor-tab-content {
line-height: 28px;
padding-top: 12px
}
.ovic-elementor-accordion .elementor-accordion-item:not(:last-child) .elementor-tab-content, .ovic-elementor-toggle .elementor-toggle-item:not(:last-child) .elementor-tab-content {
padding-bottom: 0
}
}
.ovic-elementor-accordion .elementor-accordion-item {
border: none
}
.ovic-elementor-counter .elementor-counter .elementor-counter-number-wrapper {
display: block
}
.elementor-widget-icon-box .elementor-icon-box-title a:hover {
color: var(--main-color)
}
.ovic-elementor-icon-box.elementor-position-left .elementor-icon-box-wrapper {
display: flex;
align-items: center;
text-align: start;
flex-direction: row
}
.ovic-elementor-icon-box.elementor-position-right .elementor-icon-box-wrapper {
display: flex;
align-items: center;
text-align: end;
flex-direction: row-reverse
}
.ovic-elementor-icon-box.elementor-position-left .elementor-icon-box-icon, .ovic-elementor-icon-box.elementor-position-right .elementor-icon-box-icon {
margin: 0 !important;
margin-inline-end:10px !important}
.elementor div.social-official-bg .elementor-social-icon:not(:hover) i, .elementor div.social-no-bg .elementor-social-icon:hover i, .elementor div.social-main-bg .elementor-social-icon:hover i {
color: inherit
}
.elementor div.social-main-bg .elementor-social-icon:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
.elementor div.social-no-bg .elementor-social-icon:hover {
color: var(--main-color);
background-color: transparent
}
.elementor div.social-official-bg .elementor-social-icon:not(:hover) {
box-shadow: 0 0 0 1px #eee inset;
color: var(--default-color);
background-color: #fff
}
.elementor-social-icon {
transition: none
}
.elementor-social-icon:hover {
opacity: 1
}
.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon):not(.elementor-widget-divider--separator-type-pattern) .elementor-divider-separator {
vertical-align: top
}
.post-item.sticky .post-title a {
margin-inline-end:5px}
.post-item.sticky .post-title:after {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: "\f024";
color: var(--main-color)
}
.woocommerce-review__author,.comment-author,.post-author,.author {
text-transform: capitalize;
color: var(--default-color)
}
.modal.fade .modal-dialog {
top: 50%;
transform: translateY(-65%)
}
.modal.in div.modal-dialog {
transform: translateY(-50%)
}
.modal-content {
border-radius: 0;
border: none
}
#yith-quick-view-close, .modal-content .btn-close, div.mfp-content button.mfp-close {
position: absolute;
top: 0;
left: auto;
right: 0;
width: 30px;
height: 30px;
font-size: 0;
line-height: 0;
color: var(--default-color);
background-color: transparent;
padding: 0;
border: none;
text-align: center;
opacity: 1 !important;
display: flex;
align-items: center;
justify-content: center
}
#yith-quick-view-close:hover .modal-content .btn-close:hover, div.mfp-content button.mfp-close:hover {
color: var(--main-color)
}
#yith-quick-view-close:before, .modal-content .btn-close:before, div.mfp-content button.mfp-close:before {
font-family: main-icon,sans-serif;
content: '\e912';
font-size: 16px;
line-height: 1
}
.overlay-body {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100vh;
background-color: black;
z-index: 100000;
visibility: hidden;
opacity: 0;
transition: .2s
}
div.mfp-zoom-in.mfp-ready.mfp-bg, #yith-quick-view-modal .yith-quick-view-overlay {
background-color: black;
opacity: .8
}
.open-popup-vertical .overlay-body, .active-overlay .overlay-body, .ovic-open-mobile-menu .overlay-body, .ovic-open-mobile-options .overlay-body, .open-mobile-sidebar .overlay-body, .open-header-minicart .overlay-body, .show-main-menu .overlay-body {
opacity: .8;
visibility: visible
}
#cboxOverlay {
background-color: black;
opacity: .8 !important
}
@media (max-width: 1199px) {
.overlay-body {
z-index:100000
}
}
blockquote cite {
display: block;
font-weight: 600
}
blockquote.has-text-align-right {
text-align: end
}
blockquote.has-light-gray-color {
color: gray
}
.wp-block-pullquote {
margin-bottom: 20px
}
.wp-block-pullquote blockquote {
margin-bottom: 0
}
body .fa {
font-family: FontAwesome,sans-serif
}
body .elementor-icon i, body .elementor-icon svg, body .fa, body .fa:before, body .dashicons, body .dashicons:before, body .dashicons-before:before, body [class*="main-icon-"], body [class*="main-icon-"]:before {
display: inline-block;
vertical-align: top;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
text-decoration: inherit;
direction: inherit;
transition: none;
margin: 0
}
body .main-icon-back-5:before, body .main-icon-next-5:before {
margin: 0 -7px
}
.ovic-icon-menu .inner {
display: block;
position: relative;
width: 16px;
height: 12px;
margin: 6px 0
}
.ovic-icon-menu .inner * {
position: absolute;
top: 0;
left: 0;
right: 0;
border-top: 2px solid;
margin: auto
}
.ovic-icon-menu .inner :nth-child(2) {
top: calc(50% - 1px)
}
.ovic-icon-menu .inner :nth-child(3) {
top: calc(100% - 2px)
}
.chosen-container {
vertical-align: top;
font-size: inherit;
line-height: inherit;
text-align: start;
width: auto !important;
max-width: 100%
}
.chosen-container .chosen-single {
display: block;
background: none;
height: auto
}
.chosen-container-active.chosen-with-drop .chosen-single {
background: none
}
.chosen-container .chosen-single:after {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: '\f107';
margin-inline-start:10px}
.chosen-container .chosen-single span {
display: inline-block;
vertical-align: top;
text-decoration: inherit;
margin: 0
}
.chosen-container .chosen-single div {
display: none
}
.chosen-container .chosen-drop {
top: 100%;
left: 0;
right: auto;
clip: auto;
border: none;
box-shadow: 0 0 0 1px #eee inset;
width: 160px;
min-width: 100%;
white-space: nowrap;
margin: 0;
padding: 0;
transition: .3s
}
.chosen-container:not(.chosen-with-drop) .chosen-drop {
visibility: hidden;
opacity: 0;
transform: translateY(20px)
}
.chosen-container:not(.chosen-container-single-nosearch) .chosen-results {
padding-top: 0
}
.chosen-container .chosen-results {
color: inherit;
list-style: none;
padding: 13px 0;
margin: 0;
max-height: 360px
}
.chosen-container .chosen-results li {
font-size: 13px;
line-height: 20px;
padding: 4px 20px;
overflow: hidden;
text-overflow: ellipsis
}
.chosen-container .chosen-results li[class*="level-"]:before {
display: inline-block;
vertical-align: middle;
width: 4px;
height: 1px;
margin-inline-end:6px;content: ''
}
.chosen-container-active.chosen-with-drop .chosen-single:hover, .chosen-container .chosen-single:hover {
color: var(--main-color)
}
.chosen-container .chosen-results li.highlighted, .chosen-container .chosen-results li.result-selected {
background-image: none;
background-color: transparent;
color: var(--main-color)
}
.chosen-container-single .chosen-search {
padding: 0;
margin: 5px
}
.chosen-container-single .chosen-search:after {
position: absolute;
top: 0;
bottom: 0;
right: 5px;
font-family: main-icon,sans-serif;
content: "\e933";
font-size: 12px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
pointer-events: none
}
.chosen-container-single .chosen-search input[type=text] {
border: none;
font-size: 14px;
line-height: 24px;
padding: 3px 10px;
padding-inline-end:25px;background-image: none;
margin: 0;
--input-sd: 0 0 0 1px #eee inset;
--input-sd-h: 0 0 0 1px var(--main-color) inset
}
body:not(.ovic-open-mobile-options) .mobile-options-content,div.ovic-menu-clone-wrap:not(.open) {
transform: translateX(-100%)
}
.mobile-options-content,div.ovic-menu-clone-wrap {
position: fixed;
top: 0;
left: 0;
right: auto;
width: 320px;
height: 100vh;
background-color: #fff;
max-width: 100%;
box-shadow: none;
transition: .3s;
z-index: 100000;
display: flex;
flex-direction: column
}
.mobile-options-content .mobile-options-mid, div.ovic-menu-clone-wrap .ovic-menu-panels {
flex: 1 1 auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
height: auto
}
div.ovic-menu-clone-wrap .ovic-menu-current-panel-title {
font-size: 14px;
line-height: 24px;
font-weight: var(--main-h-fw);
text-transform: uppercase;
color: var(--default-color);
padding: 13px 65px
}
div.ovic-menu-clone-wrap .ovic-menu-current-panel-title .icon {
font-weight: 400;
margin: 0;
margin-inline-end:10px}
div.ovic-menu-clone-wrap .ovic-menu-panel li > a > .icon img, div.ovic-menu-clone-wrap .ovic-menu-current-panel-title img {
max-height: 24px;
margin: -2px 0 2px
}
div.ovic-menu-clone-wrap .megamenu {
background-image: none !important
}
div.ovic-menu-clone-wrap .megamenu .container {
margin-inline-start:auto;margin-inline-end:auto}
div.ovic-menu-clone-wrap .sub-menu.megamenu {
padding: 0
}
div.ovic-menu-clone-wrap .ovic-menu-panel.ovic-menu-sub-panel, div.ovic-menu-clone-wrap .ovic-menu-panel-main {
-webkit-overflow-scrolling: touch
}
div.ovic-menu-clone-wrap .ovic-menu-panel .ovic-menu-next-panel {
line-height: inherit;
height: auto;
width: 45px
}
div.ovic-menu-clone-wrap .ovic-menu-panel>ul:not(.depth-0)>li.item-megamenu {
padding: 0
}
div.ovic-menu-clone-wrap .ovic-menu-panel>ul>li {
padding-inline-end:45px}
div.ovic-menu-clone-wrap .ovic-menu-panel>ul>li:last-child {
border-bottom-width: 0
}
div.ovic-menu-clone-wrap .ovic-menu-panel>ul>li>a {
line-height: inherit;
padding: 8px 0;
color: inherit
}
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > li > a br {
display: none
}
div.ovic-menu-clone-wrap .ovic-menu-panel li>a>.icon {
font-size: 16px;
line-height: 24px;
min-width: 16px;
text-align: center;
margin: -1px 0 0;
margin-inline-end:10px}
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap {
height: auto;
border: none;
box-shadow: 0 -1px #eee inset
}
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-close-btn, div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-prev-panel {
font-size: 0;
line-height: 0;
letter-spacing: 0;
height: auto;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
border: none
}
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-close-btn {
border-inline-start:1px solid #eee}
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-prev-panel {
border-inline-end:1px solid #eee}
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-close-btn:before {
font-family: main-icon,sans-serif;
content: "\e901";
font-size: 12px;
line-height: 50px
}
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-prev-panel:before {
font-family: main-icon,sans-serif;
content: '\e902';
font-size: 12px;
line-height: 50px
}
div.ovic-menu-clone-wrap {
display: flex;
flex-direction: column
}
.head-menu-mobile {
padding: 15px;
color: #fff;
background-color: black;
background-position: center center;
background-size: cover;
font-size: 13px;
line-height: 16px
}
.head-menu-mobile:before,.head-menu-mobile:after {
content: '';
display: table;
clear: both
}
.head-menu-mobile a {
color: #fff
}
.head-menu-mobile .avatar {
display: inline-block;
vertical-align: top;
width: 60px;
height: 60px;
border-radius: var(--main-bora);
overflow: hidden;
margin-bottom: 10px
}
.head-menu-mobile .author {
padding: 0 5px
}
.head-menu-mobile .name {
text-transform: capitalize;
font-size: 14px;
font-weight: var(--main-h-fw)
}
.head-menu-mobile .name span {
display: block;
font-size: 13px;
font-weight: 400;
opacity: .7
}
.head-menu-mobile .action {
display: inline-block;
float: right
}
.head-menu-mobile .action .icon {
font-size: 12px
}
.ovic-menu-clone-wrap .head-menu-mobile~.ovic-menu-panels {
flex: 1 1 auto;
overflow: hidden
}
.slick-initialized:before,.slick-initialized:after {
content: '';
display: table;
clear: both
}
.slick-slider:before,.slick-slider:after {
content: '';
display: table;
clear: both
}
body .slick-vertical .slick-slide {
border: none
}
body .slick-list {
padding: 0
}
body .slick-track {
display: flex;
margin-inline-start:0}
.slick-vertical>.slick-list {
height: auto !important
}
.slick-vertical>.slick-list>.slick-track {
display: block;
height: auto !important
}
body .slick-slide>.row-item>* {
vertical-align: top
}
.flex-direction-nav a, .slick-slider .slick-arrow {
--arrow-width: 20px;
--arrow-height: 30px;
--arrow-posi: calc(50% - (var(--arrow-height) / 2));
--arrow-posi-h: 0;
--arrow-fz: 20px;
position: absolute;
width: var(--arrow-width);
height: var(--arrow-height);
font-size: 0;
line-height: 0;
letter-spacing: 0;
font-weight: 400;
color: #999;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 5;
transition: .2s
}
.flex-direction-nav a:hover, .slick-slider .slick-arrow:hover {
color: var(--main-color)
}
.flex-direction-nav .flex-nav-prev a, .slick-slider .slick-arrow.prev {
top: var(--arrow-posi);
left: var(--arrow-posi-h)
}
.flex-direction-nav .flex-nav-next a, .slick-slider .slick-arrow.next {
bottom: var(--arrow-posi);
right: var(--arrow-posi-h)
}
.flex-direction-nav a:before, .slick-slider .slick-arrow:before {
font-size: var(--arrow-fz);
line-height: 1
}
.flex-direction-nav .flex-nav-prev a:before, .slick-slider .slick-arrow.prev:before {
font-family: main-icon,sans-serif;
content: '\e965'
}
.flex-direction-nav .flex-nav-next a:before, .slick-slider .slick-arrow.next:before {
font-family: main-icon,sans-serif;
content: '\e966'
}
.slick-slider.slick-vertical .slick-arrow {
width: var(--arrow-height);
height: var(--arrow-width)
}
.slick-slider.slick-vertical .slick-arrow.prev {
top: var(--arrow-posi-h);
left: var(--arrow-posi)
}
.slick-slider.slick-vertical .slick-arrow.next {
bottom: var(--arrow-posi-h);
right: var(--arrow-posi)
}
.slick-slider.slick-vertical .slick-arrow:before {
transform: rotate(90deg)
}
.flex-direction-nav {
list-style: none;
padding: 0;
margin: 0;
font-size: 0;
line-height: 0;
letter-spacing: 0
}
@media (min-width: 1200px) {
.woocommerce-product-gallery:not(:hover) .flex-direction-nav a, .slick-slider:not(:hover) .slick-arrow {
transform:scale(0)
}
.flex-direction-nav a, .slick-slider .slick-arrow {
--arrow-width: 30px;
--arrow-fz: 30px
}
}
.nav-outside .slick-slider .slick-arrow {
--arrow-width: 20px;
--arrow-height: 20px;
--arrow-posi-h: -15px;
--arrow-fz: 20px
}
.nav-outside .slick-slider .slick-arrow:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
width: calc(0px - var(--arrow-posi-h))
}
.nav-outside .slick-slider .slick-arrow.next:after {
left: auto;
right: 0
}
@media (min-width: 768px) {
.nav-outside .slick-slider .slick-arrow {
--arrow-width:24px;
--arrow-height: 24px;
--arrow-posi-h: -24px;
--arrow-fz: 24px
}
}
@media (min-width: 992px) {
.nav-outside .slick-slider .slick-arrow {
--arrow-width:30px;
--arrow-height: 30px;
--arrow-posi-h: -40px;
--arrow-fz: 30px
}
}
@media (min-width: 1200px) {
.nav-outside .slick-slider .slick-arrow {
--arrow-width:38px;
--arrow-height: 38px;
--arrow-posi-h: -80px;
--arrow-fz: 38px
}
}
.nav-02 .slick-slider .slick-arrow {
--arrow-width: 24px;
--arrow-height: 24px;
--arrow-fz: 12px;
background-color: #eee
}
.nav-02 .slick-slider .slick-arrow:hover {
color: #fff;
background-color: #999
}
.nav-03 .slick-slider .slick-arrow.prev:before, .nav-02 .slick-slider .slick-arrow.prev:before {
content: '\e90e'
}
.nav-03 .slick-slider .slick-arrow.next:before, .nav-02 .slick-slider .slick-arrow.next:before {
content: '\e90f'
}
.nav-03.nav-start .slick-slider .slick-arrow, .nav-02.nav-top .slick-slider .slick-arrow {
transform: none !important
}
.nav-02.nav-top .slick-slider .slick-arrow.prev {
top: var(--nav-top);
bottom: auto;
left: auto;
right: 29px
}
.nav-02.nav-top .slick-slider .slick-arrow.next {
top: var(--nav-top);
bottom: auto;
left: auto;
right: 0
}
.nav-top .slick-slider .slick-arrow {
--nav-top: -34px
}
.offset-44 .slick-slider .slick-arrow {
--nav-top: -44px
}
.offset-54 .slick-slider .slick-arrow {
--nav-top: -54px
}
.offset-64 .slick-slider .slick-arrow {
--nav-top: -64px
}
.offset-52 .slick-slider .slick-arrow {
--nav-top: -52px
}
@media (max-width: 1199px) {
.offset-52 .slick-slider .slick-arrow {
--nav-top:-46px
}
}
@media (max-width: 991px) {
.offset-52 .slick-slider .slick-arrow {
--nav-top:-41px
}
}
@media (max-width: 767px) {
.offset-52 .slick-slider .slick-arrow {
--nav-top:-35px
}
}
.nav-03 .slick-slider .slick-arrow {
--arrow-width: 30px;
--arrow-height: 30px;
--arrow-fz: 12px;
color: #424242;
background-color: #e2e2e2
}
.nav-03 .slick-slider .slick-arrow:hover {
color: #7bc042
}
.nav-03.nav-start .slick-slider .slick-arrow.prev {
top: calc(50% - 1px - var(--arrow-height));
bottom: auto;
left: calc(0px - var(--arrow-height));
right: auto
}
.nav-03.nav-start .slick-slider .slick-arrow.next {
top: auto;
bottom: calc(50% - 1px - var(--arrow-height));
left: calc(0px - var(--arrow-height));
right: auto
}
.slick-dots {
position: relative;
list-style: none;
padding: 0;
text-align: center;
font-size: 0;
line-height: 0;
letter-spacing: 0;
margin: 20px -5px 0;
z-index: 4
}
.slick-dots li {
display: inline-block;
vertical-align: middle;
margin: 10px 5px 0;
width: 6px;
height: 6px;
cursor: pointer;
position: relative;
border-radius: var(--main-bora);
background-color: var(--default-color);
opacity: .2;
animation: none !important
}
.slick-dots li button {
display: none
}
.slick-dots li.slick-active {
width: 35px;
opacity: 1
}
.slick-dots li:hover {
opacity: 1
}
.light .slick-dots li {
background-color: #fff
}
.dots-main-color .slick-dots li.slick-active, .dots-main-color .slick-dots li:hover {
background-color: var(--main-color)
}
@media (max-width: 1199px) {
.slick-dots {
margin-top:5px
}
}
.elementor-section.background-zoom>.elementor-container {
background: inherit
}
.elementor-section.background-zoom>.elementor-container:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background: inherit;
transition: .5s;
pointer-events: none
}
.elementor-section.background-zoom:hover>.elementor-container:before {
transform: scale(1.1)
}
.faded-in:not(:hover) .image-effect, .faded-in:not(:hover) img {
opacity: .5
}
.gray-filter:not(:hover) .image-effect, .gray-filter:not(:hover) img {
filter: grayscale(100%)
}
.elementor-section.border-plus:hover .image-effect, .elementor-section.border-plus:hover img, .elementor-section.border-scale:hover .image-effect, .elementor-section.border-scale:hover img {
opacity: 1
}
.ovic-running {
font-size: 16px;
line-height: 1.5;
color: var(--default-color);
overflow: hidden;
--running-space: 180px;
--running-time: 30s
}
.ovic-running .wrap {
animation: ovic-running-1 var(--running-time) linear infinite
}
.ovic-running .inner {
display: inline-block;
vertical-align: top;
min-width: 100%;
white-space: nowrap;
animation: inherit;
animation-name: ovic-running-2
}
.ovic-running .wrap:hover, .ovic-running .wrap:hover .inner, .ovic-running .inner:hover {
animation-play-state: paused
}
.ovic-running .item {
display: inline-block;
vertical-align: top;
margin: 0
}
.ovic-running .item:not(:last-child) {
margin-inline-end:var(--running-space)}
@media (max-width: 1499px) {
.ovic-running {
--running-space:150px;
--running-time: 27s
}
}
@media (max-width: 1199px) {
.ovic-running {
font-size:15px;
--running-space: 120px;
--running-time: 24s
}
}
@media (max-width: 991px) {
.ovic-running {
--running-space:90px;
--running-time: 21s
}
}
@media (max-width: 767px) {
.ovic-running {
--running-space:60px;
--running-time: 18s
}
}
.widget {
position: relative
}
.widget:before,.widget:after {
content: '';
display: table;
clear: both
}
.widget .screen-reader-text {
display: none !important
}
.widget .widgettitle, .widget .widget-title {
font-size: 18px;
margin: 0 0 21px
}
.widget .widgettitle img, .widget .widget-title img {
vertical-align: middle;
margin: -3px 0 0;
margin-inline-end:3px}
.widget select {
width: 100%;
cursor: pointer
}
.widget ul, .widget ol {
list-style: none;
padding: 0;
margin-bottom: 0
}
.widget ul ul, .widget ol ul, .widget ol ol, .widget ul ol {
padding-inline-start:20px}
.widget .comment-author-link {
text-transform: capitalize
}
.widget-area {
font-size: 14px;
line-height: 24px
}
.widget_layered_nav .count, .widget .tagcloud .tag-link-count, .widget_product_categories .count, .widget_categories .count {
display: inline-block;
vertical-align: middle;
opacity: .7;
font-size: 13px;
margin-top: -3px;
margin-inline-start:3px}
.widget_archive ul li, .widget_categories ul li {
display: flex;
flex-wrap: wrap
}
.widget_archive ul li a, .widget_categories ul li a {
flex: 1 1 auto;
width: 1%;
margin-inline-end:10px}
.widget_archive .children, .widget_categories .children {
width: 100%
}
.widget_layered_nav .inline-group a .count, .widget_layered_nav .group-image a .count, .widget_layered_nav .group-color a .count {
opacity: .7;
font-size: 13px;
margin-inline-start:6px}
.sidebar-inner>.widget:not(:first-child) {
border-top: 1px solid #eee;
padding-top: 35px;
margin-top: 35px
}
.sidebar-inner > .widget .gallery, .sidebar-inner > .widget .product_list_widget, .sidebar-inner > .widget .widget_shopping_cart_content, .sidebar-inner > .widget_layered_nav form, .sidebar-inner > .widget_layered_nav .inline-group, .sidebar-inner > .widget_layered_nav .group-color, .sidebar-inner > .widget .tagcloud {
padding-top: 5px;
padding-bottom: 5px
}
.sidebar-inner>.widget_media_image:not(:first-child) {
padding-top: 0;
border-top: none
}
.sidebar-inner > .widget_media_image > a, .sidebar-inner > .widget_media_image > img, .sidebar-inner > .widget select {
margin-bottom: 5px
}
.sidebar-inner > .widget p + * select, .sidebar-inner > .widget p+select {
margin-top: 0
}
.widget_rating_filter .chosen > a, .widget_layered_nav a.selected, .widget_layered_nav .chosen > a, .widget_ovic_nav_menu ul li a[aria-current="page"], .widget-area .widget_nav_menu ul li a[aria-current="page"], .widget_recent_entries ul li a[aria-current="page"], .widget_pages ul li [aria-current="page"], .widget_archive ul li a[aria-current="page"], .widget_categories ul li.current-cat > a, .widget_product_categories ul li.current-cat > a, .widget-ovic-iconbox .icon {
color: var(--main-color)
}
@media (max-width: 1199px) {
.widget .widget-title {
font-size:17px;
margin: 0 0 16px
}
.sidebar-inner>.widget:not(:first-child) {
padding-top: 25px;
margin-top: 25px
}
}
@media (min-width: 992px) {
.sticky-sidebar .site {
overflow:visible
}
.sticky-sidebar #secondary {
position: sticky;
top: 10px
}
.admin-bar.sticky-sidebar #secondary {
top: 42px
}
}
@media (min-width: 1200px) {
.sticky-sidebar.has-header-sticky #secondary {
top:70px
}
.admin-bar.sticky-sidebar.has-header-sticky #secondary {
top: 102px
}
}
.widget_calendar th, .widget_calendar td {
text-align: center;
padding: 5px
}
.widget_calendar caption {
font-size: 16px;
color: var(--default-color);
padding: 0;
text-align: start;
margin: 0 0 13px
}
.widget_calendar a {
display: block
}
.widget_calendar .wp-calendar-table {
margin: 0
}
.widget_calendar .wp-calendar-nav {
display: flex;
border-inline-start:1px solid #eee}
.widget_calendar .wp-calendar-nav>* {
flex: 1 1 auto;
width: 1%;
border-inline-end:1px solid #eee;border-bottom: 1px solid #eee
}
.widget_calendar .wp-calendar-nav .pad {
display: none
}
.widget_calendar .wp-calendar-nav a {
text-align: center;
padding: 5px;
margin: 0
}
.widget #today {
background-color: var(--default-color);
color: #fff
}
.widget_media_gallery .gallery-item a {
display: inline-block;
vertical-align: top;
max-width: 100%;
overflow: hidden;
position: relative
}
.widget_media_gallery .gallery-item a:after {
position: absolute;
font-family: main-icon,sans-serif;
content: '\e911';
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .5);
font-size: 14px;
line-height: 1;
color: #fff;
font-style: normal;
display: flex;
align-items: center;
justify-content: center;
transition: .3s
}
.widget_media_gallery .gallery-item a:not(:hover):after {
opacity: 0;
transform: scale(.7)
}
.widget_rating_filter>ul,.widget_layered_nav>ul,.widget_product_categories>ul {
margin: -10px 0 -5px
}
.widget_rating_filter ul li, .widget_layered_nav ul li, .widget_product_categories ul li {
padding: 6px 0;
min-height: 36px
}
.widget-area .widget_ovic_nav_menu ul li, .widget-area .widget_nav_menu ul li, .widget_rss ul li, .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_meta ul li, .widget_pages ul li, .widget_archive ul li, .widget_categories ul li {
padding: 8px 0;
min-height: 40px
}
.widget_layered_nav ul ul, .widget_product_categories ul ul {
margin: 6px 0 -6px !important
}
.widget-area .widget_ovic_nav_menu ul ul, .widget-area .widget_nav_menu ul ul, .widget_layered_nav ul ul, .widget_pages ul ul, .widget_categories ul ul, .widget_product_categories ul ul {
margin: 8px 0 -8px !important
}
.widget_layered_nav .select2 ul li {
min-height: auto
}
.widget_meta ul li:not(:first-child), .widget_pages ul li, .widget_categories ul li, .widget_archive ul li:not(:first-child), .widget-area .widget_nav_menu ul li, .widget_rss ul li:not(:first-child), .widget_recent_entries ul li:not(:first-child), .widget_recent_comments ul li:not(:first-child) {
border-top: 1px solid #eee
}
.widget_pages > ul > li:first-child, .widget_categories > ul > li:first-child, .widget-area .widget_nav_menu > * > ul > li:first-child, .widget-area .widget_nav_menu>ul>li:first-child {
border-top: none
}
.widget_rating_filter ul li a {
display: inline-block;
vertical-align: top;
font-size: 12px
}
.widget_rating_filter ul li .star-rating {
margin-inline-end:7px}
.widget_text .textwidget>:last-child {
margin-bottom: 0
}
.widget_rss ul li a, .widget_recent_comments ul li a, .widget_recent_entries ul li a {
font-weight: var(--main-h-fw)
}
.widget_rss ul li .rss-date, .widget_rss ul li cite, .widget_recent_entries ul li .post-date {
display: block;
font-size: 13px;
line-height: 20px;
color: #999;
margin: 2px 0
}
.widget_rss ul li .rss-date:before, .widget_recent_entries ul li .post-date:before {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: "\f073";
margin: 1px 0 -1px;
margin-inline-end:7px}
.yith-woocompare-widget:before,.yith-woocompare-widget:after {
content: '';
display: table;
clear: both
}
.yith-woocompare-widget ul {
list-style: none;
padding: 10px 0;
margin-bottom: 0
}
.yith-woocompare-widget a.compare {
border-radius: 0;
text-transform: inherit
}
.widget_product_categories .cat-item:before, .widget_product_categories .cat-item:after {
content: '';
display: table;
clear: both
}
.widget_product_categories .cat-item.cat-parent>.carets {
float: right;
cursor: pointer;
overflow: hidden;
margin-inline-start:10px}
.widget_product_categories .cat-item.cat-parent>.carets:hover {
color: var(--main-color)
}
.widget_product_categories .cat-item.cat-parent>.carets:before {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: '\f107';
transition: transform .3s
}
.widget_product_categories .cat-item.show-sub>.carets:before {
transform: rotate(90deg)
}
.widget_product_categories .children {
display: none;
clear: both
}
.widget_ovic_nav_menu .megamenu, .widget_nav_menu .megamenu {
background-image: none !important;
width: auto !important
}
.widget_ovic_nav_menu .megamenu > .vc_row, .widget_nav_menu .megamenu>.vc_row {
padding: 0 !important
}
.widget_ovic_nav_menu .megamenu [class*="elementor-column"], .widget_nav_menu .megamenu [class*="elementor-column"], .widget_ovic_nav_menu .megamenu [class*="vc_col-"], .widget_nav_menu .megamenu [class*="vc_col-"] {
width: 100% !important
}
.widget_ovic_nav_menu .megamenu .ovic-custommenu, .widget_nav_menu .megamenu .ovic-custommenu {
padding: 0 !important;
padding-inline-start:20px !important;margin: 0 !important
}
.widget_ovic_nav_menu .megamenu .ovic-custommenu .widget, .widget_nav_menu .megamenu .ovic-custommenu .widget {
margin: 10px 0 0
}
.widget_ovic_nav_menu .megamenu .menu, .widget_nav_menu .megamenu .menu {
margin: 0;
padding: 0
}
.widget .product_list_widget {
list-style: none;
padding: 0
}
.widget .product_list_widget>li {
position: relative
}
.widget .product_list_widget > li:before, .widget .product_list_widget>li:after {
content: '';
display: table;
clear: both
}
.widget .product_list_widget>li:not(:last-child) {
margin-bottom: 20px
}
.widget .product_list_widget>li>a:not(.remove) {
display: block;
font-size: 14px;
line-height: 18px;
margin-bottom: 8px;
margin-top: 10px
}
.widget .product_list_widget>li>a:not(:hover) {
color: var(--default-color)
}
.widget .product_list_widget>li>a:not(.remove)~* {
text-align: start
}
.widget .product_list_widget > li img {
float: left;
width: 70px;
margin-top: -10px;
margin-inline-end:10px}
.widget .product_list_widget > li .star-rating-wrap {
display: none;
margin-bottom: 3px
}
.widget .product_list_widget > li .amount {
display: inline-block;
vertical-align: top;
font-size: 16px;
font-weight: 700;
margin: 0
}
.widget .product_list_widget > li ins {
color: var(--default-color);
text-decoration: none
}
.widget .product_list_widget > li del {
font-size: 14px;
font-weight: 400;
color: #999;
margin: 1px 0 -1px;
margin-inline-end:5px}
.widget .product_list_widget > li del .amount {
font-size: inherit;
font-weight: inherit
}
.sidebar-inner>.widget_products:not(:first-child) {
padding-top: 0;
border-top: none
}
.widget_products .widget-title {
background-color: #f5f5f5;
padding: 10px 20px;
margin-bottom: 0
}
.widget_products .widget-title+.product_list_widget {
border-top: none
}
.widget_products .product_list_widget {
border: 1px solid #eee;
padding: 0
}
.widget_products .product_list_widget>li {
padding: 10px
}
.widget_products .product_list_widget>li:not(:last-child) {
margin-bottom: 0;
border-bottom: 1px solid #eee
}
.widget_products .product_list_widget > li img {
width: 100px
}
.widget_shopping_cart .woocommerce-mini-cart {
max-height: 192px;
overflow-x: hidden;
-webkit-overflow-scrolling: touch
}
.widget_shopping_cart .woocommerce-mini-cart li {
position: relative
}
.widget_shopping_cart .woocommerce-mini-cart li:not(:last-child) {
padding-bottom: 17px;
border-bottom: 1px solid #eee;
margin-bottom: 17px
}
.widget_shopping_cart .woocommerce-mini-cart li a:not(.remove) {
padding-inline-end:20px;margin-bottom: 7px
}
.widget_shopping_cart .woocommerce-mini-cart li .remove {
position: absolute;
right: 0;
top: 0;
font-size: 19px;
line-height: 18px;
width: 20px;
text-align: end
}
.widget_shopping_cart .woocommerce-mini-cart li .amount {
font-size: 14px
}
.widget_shopping_cart .woocommerce-mini-cart li .remove:not(:hover) {
color: #999
}
.widget_shopping_cart .woocommerce-mini-cart li .variation dt {
color: var(--default-color);
float: left;
margin-inline-end:5px}
.widget_shopping_cart .woocommerce-mini-cart li .variation dd {
margin: 0
}
.widget_shopping_cart .woocommerce-mini-cart .quantity {
color: #999
}
.widget_shopping_cart .total {
font-size: 14px;
line-height: 24px;
padding: 45px 0 0;
border-top: 1px solid #eee;
margin: 20px 0 0;
color: var(--default-color)
}
.widget_shopping_cart .total>* {
display: inline-block;
vertical-align: top
}
.widget_shopping_cart .total strong {
font-weight: inherit;
margin-inline-end:5px}
.widget_shopping_cart .total .amount {
float: right;
font-size: 16px;
color: var(--default-color);
font-weight: 700;
margin-inline-start:10px}
.widget_shopping_cart .buttons {
display: flex;
flex-wrap: wrap;
margin: 5px 0 0
}
.widget_shopping_cart .buttons .button {
width: 100%;
margin: 10px 0 0
}
.widget_shopping_cart .buttons .button:not(.checkout):not(:hover) {
background-color: #fff;
color: var(--default-color);
box-shadow: 0 0 0 1px #eee inset
}
.widget_shopping_cart .buttons .button:not(.checkout):hover {
background-color: var(--main-color)
}
.widget_shopping_cart .buttons .wcppec-cart-widget-button {
display: block;
vertical-align: top
}
.widget_shopping_cart .buttons .wcppec-cart-widget-button img {
display: block;
height: 40px !important;
margin: auto
}
.widget_shopping_cart .wcppec-cart-widget-spb {
margin-top: 15px
}
dl.variation {
margin-bottom: 3px
}
dl.variation *:last-child {
margin-bottom: 0
}
.widget_rating_filter ul li.chosen a:before, .ovic-price-filter button.active:before, .ovic-price-filter a.active:before, .widget_product_categories ul li.current-cat > a:before, .widget_layered_nav .woocommerce-widget-layered-nav-list li.chosen a:before {
content: '\e91c'
}
.widget_rating_filter ul li a:before, .ovic-price-filter button:before, .ovic-price-filter a:before, .widget_product_categories ul li > a:before, .widget_layered_nav .woocommerce-widget-layered-nav-list li>a:before {
display: inline-block;
vertical-align: middle;
font-family: main-icon,sans-serif;
content: '';
font-size: 7px;
line-height: 16px;
color: var(--default-color);
text-align: center;
width: 16px;
height: 16px;
margin: -3px 0 0;
box-shadow: 0 0 0 1px #ddd inset;
padding-inline-start:1px;margin-inline-end:12px;border-radius: 2px;
pointer-events: none
}
.widget_layered_nav .inline-group {
display: flex;
flex-wrap: wrap;
margin: -5px
}
.widget_layered_nav .inline-group a {
display: flex;
justify-content: center;
margin: 5px;
font-size: 15px;
line-height: 20px;
padding: 5px 10px;
box-shadow: 0 0 0 1px #eee inset
}
.widget_layered_nav .inline-group a.selected, .widget_layered_nav .inline-group a:hover {
color: inherit;
box-shadow: 0 0 0 1px var(--main-color) inset
}
.widget_layered_nav .inline-group a .count {
display: none;
margin-top: 0
}
.widget_layered_nav .group-image, .widget_layered_nav .group-color {
display: flex;
flex-wrap: wrap;
margin: -5px
}
.widget_layered_nav .group-image a, .widget_layered_nav .group-color a {
display: flex;
position: relative;
font-size: inherit !important;
margin: 5px;
border-radius: var(--main-bora)
}
.widget_layered_nav .group-image a i, .widget_layered_nav .group-color a i {
display: inline-block !important;
vertical-align: middle !important;
background-position: center center;
background-size: cover;
position: relative;
border-radius: inherit;
font-style: normal;
color: #fff;
border: 1px solid var(--main-color)
}
.widget_layered_nav .group-image a i:before, .widget_layered_nav .group-color a i:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-family: main-icon,sans-serif;
content: '\e91c';
border-radius: inherit;
pointer-events: none;
display: flex;
justify-content: center;
align-items: center;
font-size: 9px;
padding-top: 1px;
box-shadow: none
}
.widget_layered_nav .group-image a:not(.selected):not(:hover) i, .widget_layered_nav .group-color a:not(.selected):not(:hover) i {
border-color: #eee
}
.widget_layered_nav .group-image a:not(.selected):not(:hover) i:before, .widget_layered_nav .group-color a:not(.selected):not(:hover) i:before {
opacity: 0
}
.widget_layered_nav .group-image a .term-name, .widget_layered_nav .group-image a .count, .widget_layered_nav .group-color a .term-name, .widget_layered_nav .group-color a .count {
display: none
}
.widget_layered_nav .button-group {
margin: 0 -10px
}
.widget_layered_nav .button-group a {
display: table;
float: left;
clear: both;
margin: 5px 10px;
font-size: inherit !important;
border: 1px solid #eee;
padding: 2px 10px;
min-width: 30px
}
.widget_layered_nav .button-group a i {
display: none !important
}
.widget_layered_nav .button-group a:hover, .widget_layered_nav .button-group a.selected, .widget_layered_nav .group-image a:hover i, .widget_layered_nav .group-image a.selected i, .widget_layered_nav .group-color a:hover i, .widget_layered_nav .group-color a.selected i {
border-color: var(--main-color)
}
.sidebar-inner>.widget_search,.sidebar-inner>.widget_product_search {
padding: 0;
border: none;
border-radius: 0
}
.widget_search .widget-title, .widget_product_search .widget-title {
margin-bottom: 26px
}
.widget_search .search-form, .widget_product_search .woocommerce-product-search {
position: relative
}
.widget_search .search-field, .widget_product_search .search-field {
width: 100%;
padding-inline-end:60px;padding: 10px 20px;
height: 44px
}
.widget_search button[type="submit"], .widget_product_search button[type="submit"] {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 60px;
font-size: 0;
line-height: 0;
letter-spacing: 0;
padding: 10px 0;
background-color: transparent;
color: inherit
}
.widget_search button[type="submit"]:hover, .widget_product_search button[type="submit"]:hover {
color: var(--main-color)
}
.widget_search button[type="submit"]:before, .widget_product_search button[type="submit"]:before {
display: block;
font-family: main-icon,sans-serif;
content: "\e933";
font-size: 14px;
line-height: 24px;
font-weight: 400
}
.dgwt-wcas-widget .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
padding: 13px 20px;
padding-inline-end:40px;height: 50px
}
@media (max-width: 1199px) {
.widget_search .widget-title, .widget_product_search .widget-title {
margin-bottom:21px
}
}
.tagcloud {
display: flex;
flex-wrap: wrap;
margin: -10px -5px 0
}
.tagcloud a {
display: inline-block;
vertical-align: top;
font-size: 14px !important;
line-height: 24px;
padding: 4px 14px;
background-color: #fff;
box-shadow: 0 0 0 1px #eee inset;
margin: 10px 5px 0;
position: relative;
border-radius: var(--main-bora)
}
.tagcloud a:hover {
color: var(--main-color-t);
background-color: var(--main-color);
box-shadow: none
}
.elementor-widget-wp-widget-woocommerce_product_tag_cloud .elementor-widget-container > h5, .elementor-widget-wp-widget-tag_cloud .elementor-widget-container>h5 {
font-size: 18px;
margin-bottom: 16px
}
.elementor-widget-wp-widget-woocommerce_product_tag_cloud.style-02 .elementor-widget-container>h5 {
font-size: 16px;
color: #fff;
margin-bottom: 35px
}
.elementor-widget-wp-widget-woocommerce_product_tag_cloud.style-02 .tagcloud a {
padding: 7px 12px;
box-shadow: none
}
.elementor-widget-wp-widget-woocommerce_product_tag_cloud.style-02 .tagcloud a:not(:hover) {
background-color: rgba(255, 255, 255, .05)
}
@media (max-width: 1199px) {
.elementor-widget-wp-widget-woocommerce_product_tag_cloud.style-02 .elementor-widget-container>h5 {
margin-bottom:27px
}
}
.widget_product_brand .product-categories.logo li a {
padding: 0
}
.widget_product_brand .product-categories.logo .children {
display: block
}
.widget_product_brand .product-categories.logo a:hover {
opacity: .7
}
.widget-area .widget-ovic-iconbox {
padding: 10px 0
}
.widget-area .widget-ovic-iconbox:first-child {
padding-top: 0
}
.widget-area .widget-ovic-iconbox+.widget-ovic-iconbox {
border-top: 1px solid #eee;
padding-top: 30px;
margin-top: -10px
}
.widget-ovic-iconbox .iconbox-inner {
display: flex;
align-items: center;
font-size: 13px;
line-height: 20px
}
.widget-ovic-iconbox .icon {
width: 70px;
font-size: 40px;
line-height: 1
}
.widget-ovic-iconbox .content {
flex: 1 1 auto;
width: 1%
}
.widget-ovic-iconbox .title {
font-size: 14px;
line-height: 20px;
margin: 0
}
.widget-ovic-iconbox .text {
margin: 0
}
.ovic-product-filter .widget .widgettitle, .ovic-product-filter .widget .widget-title {
font-weight: 400;
color: inherit;
margin-bottom: 6px
}
.ovic-price-filter button, .ovic-price-filter a {
display: flex;
width: 100%;
background-color: transparent;
padding: 5px 0;
font-size: inherit;
line-height: inherit;
color: var(--default-color);
font-weight: inherit
}
.ovic-price-filter button:hover, .ovic-price-filter a.active {
color: var(--main-color)
}
.widget_price_filter form:before, .widget_price_filter form:after {
content: '';
display: table;
clear: both
}
.price_slider_wrapper {
padding: 14px 0 7px
}
.ui-slider {
position: relative;
text-align: start;
background-color: #eee;
height: 3px;
margin: 0 0 20px
}
.ui-slider .ui-slider-range {
display: block;
position: absolute;
top: 0;
height: 100%;
background-color: var(--main-color);
z-index: 1
}
.ui-slider .ui-slider-handle {
position: absolute;
top: -6px;
left: 0;
width: 15px;
height: 15px;
border-radius: var(--main-bora);
cursor: e-resize;
-ms-touch-action: none;
touch-action: none;
z-index: 2;
background-color: #fff;
border: 5px solid var(--main-color);
margin-inline-start:-7px}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.price_slider_amount {
display: flex;
flex-wrap: wrap;
position: relative
}
.price_slider_amount .price_label {
flex: 1 1 auto;
width: 1%;
color: #999;
font-size: 12px
}
.price_slider_amount .price_label>* {
color: var(--default-color)
}
.price_slider_amount .button {
font-size: 12px;
order: 1;
padding: 0;
background-color: transparent;
font-size: inherit;
line-height: inherit;
font-weight: 400;
color: var(--default-color)
}
.price_slider_amount .button:hover {
color: var(--main-color);
opacity: 1;
text-decoration: underline !important
}
.ovic-title.style-01 {
box-shadow: 0 -1px #eee inset
}
.ovic-title.style-01:before,.ovic-title.style-01:after {
content: '';
display: table;
clear: both
}
.ovic-title.style-01>.title {
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: 24px;
padding: 0 12px 7px;
border-bottom: 3px solid var(--main-color);
margin: 0
}
.ovic-title.style-01 .ovic-countdown {
padding: 10px 0
}
@media (min-width: 768px) {
.ovic-title.style-01>.title:not(:last-child) {
padding-top:6px
}
.ovic-title.style-01 .ovic-countdown {
float: right;
padding-top: 0
}
}
body .section-follow-header {
padding: 30px 30px 0
}
.menu-follow-header .elementor-widget-ovic_menu>.elementor-widget-container {
margin-bottom: 30px
}
.menu-follow-header .ovic-custommenu .widget-title {
font-size: 15px;
margin-bottom: 16px
}
.ovic-custommenu {
--item-space: 3px
}
.ovic-custommenu>.widget_nav_menu {
overflow: hidden
}
.ovic-custommenu ul {
display: flex;
flex-wrap: wrap;
margin: calc(0px - var(--item-space)) 0
}
.ovic-custommenu ul li {
position: relative;
padding: var(--item-space) 0;
width: 100%;
--current-item-d: underline
}
.ovic-custommenu ul ul {
margin-top: var(--item-space)
}
.ovic-custommenu ul li>a {
display: block;
position: relative
}
.yes-horizontal .ovic-custommenu {
--item-space: 15px
}
.yes-horizontal .ovic-custommenu .widget-title {
display: inline-block;
vertical-align: top;
margin: 0;
margin-inline-end:15px}
.yes-horizontal .ovic-custommenu .widget-title + *, .yes-horizontal .ovic-custommenu .widget-title + * ul {
display: inline;
margin: 0
}
.yes-horizontal .ovic-custommenu .widget-title + * ul li {
padding: 0
}
.yes-horizontal .ovic-custommenu .widget-title + * ul li:not(:last-child) {
padding-inline-end:calc(var(--item-space) * 2)}
.yes-horizontal .ovic-custommenu .widget-title + * ul li: not(:last-child):after {
right:calc(var(--item-space) - 2px)
}
.yes-horizontal .ovic-custommenu ul {
margin: 0 calc(0px - var(--item-space))
}
.yes-horizontal .ovic-custommenu ul li {
display: inline-block;
vertical-align: top;
width: auto;
padding: 0 var(--item-space)
}
.yes-horizontal .ovic-custommenu.delimiter-comma ul li {
padding-inline-end:0}
.yes-horizontal .ovic-custommenu ul li:not(:last-child):after {
content: var(--menu-delimiter);
position: absolute;
top: -1px;
right: -2px;
opacity: var(--menu-delimiter-o);
transform: translateX(50%)
}
.yes-horizontal .ovic-custommenu ul ul {
margin-top: 0;
padding: 0
}
.elementor-align-left .ovic-custommenu ul {
justify-content: start
}
.elementor-align-center .ovic-custommenu ul {
justify-content: center
}
.elementor-align-right .ovic-custommenu ul {
justify-content: end
}
@media (max-width: 1199px) {
body .section-follow-header {
padding:20px 20px 0
}
.menu-follow-header .elementor-widget-ovic_menu>.elementor-widget-container {
margin-bottom: 20px
}
.elementor-tablet-align-left .ovic-custommenu ul {
justify-content: start
}
.elementor-tablet-align-center .ovic-custommenu ul {
justify-content: center
}
.elementor-tablet-align-right .ovic-custommenu ul {
justify-content: end
}
}
@media (max-width: 991px) {
.elementor-mobile_extra-align-left .ovic-custommenu ul {
justify-content:start
}
.elementor-mobile_extra-align-center .ovic-custommenu ul {
justify-content: center
}
.elementor-mobile_extra-align-right .ovic-custommenu ul {
justify-content: end
}
}
@media (max-width: 767px) {
.menu-follow-header .elementor-widget-ovic_menu>.elementor-widget-container {
margin-bottom:15px
}
.elementor-mobile-align-left .ovic-custommenu ul {
justify-content: start
}
.elementor-mobile-align-center .ovic-custommenu ul {
justify-content: center
}
.elementor-mobile-align-right .ovic-custommenu ul {
justify-content: end
}
}
.header-style-01 .menu-follow-header .ovic-custommenu .widget-title, .ovic-custommenu.style-01 .widget-title {
font-size: 13px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #eee;
margin-bottom: 13px
}
.header-style-01 .menu-follow-header .ovic-custommenu .widget-title .text, .ovic-custommenu.style-01 .widget-title .text {
display: inline-block;
vertical-align: top;
padding: 5px 0;
box-shadow: 0 -1px var(--main-color) inset
}
.ovic-custommenu.style-02 .widget .widget-title {
font-size: 16px;
margin-bottom: 9px
}
.ovic-custommenu.style-02 ul li>a:before {
content: '';
display: inline-block;
vertical-align: top;
border: 2px solid;
border-radius: 50%;
margin: 9px 0 7px;
margin-inline-end:9px}
.ovic-category.style-01 .list-category a:before, .ovic-custommenu.style-03 ul li>a:before {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: '\f105';
width: 25px;
text-align: center;
text-decoration: none !important
}
.ovic-custommenu.style-04 ul li>a:before {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: '\f105';
text-decoration: none !important;
margin-inline-end:10px}
.ovic-custommenu.style-05 {
font-size: 14px;
line-height: 24px
}
.ovic-custommenu.style-05 ul li {
--current-item-d: none
}
.ovic-custommenu.style-05 ul .menu-item-icon-font>a {
padding-inline-start:36px}
.ovic-custommenu.style-05 ul .menu-item-icon-font > a .icon {
position: absolute;
top: 0;
left: 0;
font-size: 18px;
margin: 0
}
@media (max-width: 1199px) {
.ovic-custommenu.style-05 ul .menu-item-icon-font>a {
padding-inline-start:30px
}
}
.ovic-tabs {
--tab-color: var(--main-color);
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start
}
.ovic-tabs>* {
width: 100%
}
.ovic-tabs .tabs-head {
position: relative;
--main-color: var(--tab-color)
}
.ovic-tabs .tab-panel {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden
}
.ovic-tabs .tab-panel.active {
opacity: 1;
visibility: visible;
height: auto;
overflow: visible
}
.ovic-tabs .tabs-list {
list-style: none;
padding: 0;
margin: 0
}
.ovic-tabs .tab-item {
display: inline-block;
vertical-align: top;
position: relative
}
.ovic-tabs .tab-item a {
display: block;
position: relative;
color: inherit
}
.ovic-tabs .tab-item.active a, .ovic-tabs .tab-item a:hover {
color: var(--main-color)
}
.ovic-tabs .tab-item .thumb {
display: inline-block;
vertical-align: middle;
font-size: 20px;
line-height: 1;
margin: -3px 0 0;
margin-inline-end:5px}
.ovic-tabs .tab-item .thumb img {
vertical-align: top;
width: auto;
max-height: 24px
}
.ovic-tabs .tab-item .type-image {
font-size: 0 !important;
line-height: 0 !important;
letter-spacing: 0 !important
}
.ovic-tabs .tab-control {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 90px;
height: 50px;
padding: 5px 20px
}
.ovic-tabs .tab-control>* {
float: left
}
.ovic-tabs .tab-control .icon {
font-size: 24px;
line-height: 40px;
opacity: .6
}
.ovic-tabs .tab-control a {
float: right;
font-size: 20px;
line-height: 20px;
width: 20px;
text-align: center;
text-decoration: none !important
}
.ovic-tab .hot-product {
list-style: none;
padding: 0;
margin: 0
}
.ovic-tab .tab-banner.left .text-feature + .inner-content:last-child, .ovic-tab .tab-banner.left .text-feature + .inner-content:last-child > .slick-list, .ovic-tab .tab-banner.left .text-feature + .inner-content:last-child > .slick-list *, .ovic-tab .tab-banner.left .text-feature + .inner-content:last-child > a, .ovic-tab .tab-banner.left .text-feature + .inner-content:last-child > a *, .ovic-tab .tab-banner.left .inner-content:first-child:last-child, .ovic-tab .tab-banner.left .inner-content:first-child:last-child > .slick-list, .ovic-tab .tab-banner.left .inner-content:first-child:last-child > .slick-list *, .ovic-tab .tab-banner.left .inner-content:first-child:last-child > a, .ovic-tab .tab-banner.left .inner-content:first-child:last-child > a * {
height: 100%;
object-fit: cover
}
.ovic-tab .tab-banner.top a {
display: flex;
flex-wrap: wrap
}
.ovic-tab .tab-banner.top a>* {
width: 50%
}
.ovic-tab .tab-banner.top a>:first-child:last-child {
width: 100%
}
@media (max-width: 767px) {
.ovic-tab .tab-banner.top a>* {
width:100%
}
}
.ovic-tab .tab-banner a {
display: inline-block;
vertical-align: top;
max-width: 100%;
position: relative
}
.ovic-tab .tab-banner .title-product {
font-size: 14px;
line-height: 24px;
text-align: center;
padding: 10px 15px 9px;
position: relative;
background-color: #fff;
margin: 0;
display: flex;
align-items: center;
justify-content: center
}
.ovic-tab .tab-banner .title-product:before, .ovic-tab .tab-banner .title-product:after {
content: '';
flex: 1 1 auto;
width: 1%;
max-width: 23%;
height: 1px;
background-color: #aaa
}
.ovic-tab .tab-banner .text-feature {
position: absolute;
top: -5px;
right: -5px;
width: 80px;
height: 80px;
overflow: hidden
}
.ovic-tab .tab-banner .text-feature:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 0;
height: 0;
border-inline-start:5px solid transparent;border-inline-end:5px solid transparent;border-bottom: 5px solid #003666;
z-index: 5
}
.ovic-tab .tab-banner .text-feature:after {
position: absolute;
content: '';
right: 0;
bottom: 0;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-inline-start:5px solid #003666;z-index: 5
}
.ovic-tab .tab-banner .text-feature .text {
position: absolute;
top: 0;
right: -55px;
width: 110px;
color: #003666;
font-size: 11px;
line-height: 20px;
font-weight: 600;
letter-spacing: -.04em;
text-align: center;
padding: 32px 15px 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform-origin: center top;
transform: rotate(45deg);
z-index: 6
}
.ovic-tab .tab-banner .text-feature .text:before {
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
height: 24px;
background-color: #3cf;
z-index: -1
}
.ovic-tab .scroll-content {
position: relative
}
.ovic-tab .scroll-content .scroll-arrow {
position: absolute;
top: calc(50% - 15px);
font-size: 0;
line-height: 0;
letter-spacing: 0;
color: #ddd;
width: 30px;
height: auto;
cursor: pointer;
text-align: center;
background-color: transparent !important;
text-decoration: none !important
}
.ovic-tab .scroll-content .scroll-arrow:hover {
color: var(--main-color)
}
.ovic-tab .scroll-content .scroll-prev {
left: 0;
right: auto
}
.ovic-tab .scroll-content .scroll-next {
left: auto;
right: 0
}
.ovic-tab .scroll-content .scroll-prev:before {
display: inline-block;
vertical-align: top;
font-family: main-icon,sans-serif;
content: '\e965';
font-size: 30px;
line-height: 30px
}
.ovic-tab .scroll-content .scroll-next:before {
display: inline-block;
vertical-align: top;
font-family: main-icon,sans-serif;
content: '\e966';
font-size: 30px;
line-height: 30px
}
.ovic-tab .tab-category {
--main-color: var(--tab-color);
color: var(--default-color);
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat
}
.ovic-tab .tab-brand {
--main-color: var(--tab-color)
}
.ovic-tab .tab-menu {
--main-color: var(--tab-color)
}
.ovic-tab .tab-menu .ovic-menu {
font-size: 14px;
line-height: 24px
}
.ovic-tab .tab-menu .ovic-menu>li {
display: block
}
.ovic-tab .tab-menu .ovic-menu>li:not(:last-child) {
margin-bottom: 6px
}
.ovic-tab .tab-menu .ovic-menu>li>a {
display: block;
padding: 8px 13px;
text-decoration: none;
color: #fff !important
}
.ovic-tab .tab-menu .ovic-menu>li>a:hover {
color: var(--default-color) !important;
background-color: #fff
}
.ovic-tab .tab-menu .ovic-menu > li > a .icon {
min-width: 20px;
text-align: center;
margin: 0;
margin-inline-end:10px}
.ovic-tab .toggle-tab .icon-inner {
display: block;
position: relative;
width: 20px;
height: 20px;
overflow: hidden;
border-radius: 4px;
z-index: 1
}
.ovic-tab .toggle-tab .icon-inner span {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 9px;
width: 20px;
border-bottom: 2px solid
}
.ovic-tab .toggle-tab .icon-inner span:nth-child(1), .ovic-tab .toggle-tab .icon-inner span:nth-child(3) {
transition: top .15s linear .15s, transform .15s linear
}
.ovic-tab .toggle-tab .icon-inner span:nth-child(1) {
top: 4px
}
.ovic-tab .toggle-tab .icon-inner span:nth-child(2) {
transition: width .15s linear
}
.ovic-tab .toggle-tab .icon-inner span:nth-child(3) {
top: 14px
}
.ovic-tab.open .toggle-tab .icon-inner span:nth-child(1), .ovic-tab.open .toggle-tab .icon-inner span:nth-child(3) {
top: 9px;
width: 26px;
left: -3px;
transition: top .15s linear, transform .15s linear .15s
}
.ovic-tab.open .toggle-tab .icon-inner span:nth-child(1) {
transform: rotate(45deg)
}
.ovic-tab.open .toggle-tab .icon-inner span:nth-child(2) {
width: 0;
transition: width .15s linear .15s
}
.ovic-tab.open .toggle-tab .icon-inner span:nth-child(3) {
transform: rotate(-45deg)
}
.ovic-tab.style-01 .tabs-head {
padding-inline-end:60px;margin-bottom: 30px;
box-shadow: 0 -1px #eee inset
}
.ovic-tab.style-01 .tabs-list {
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #999
}
.ovic-tab.style-01 .tab-item a {
padding: 0 12px 7px;
border-bottom: 3px solid #ccc
}
.ovic-tab.style-01 .tab-item.active a, .ovic-tab.style-01 .tab-item a:hover {
color: var(--default-color);
border-color: var(--main-color)
}
.ovic-tab.style-02 .tabs-head {
padding-inline-end:90px;background-color: #fff;
display: flex;
border-bottom: 3px solid var(--main-color)
}
.ovic-tab.style-02 .tabs-list {
flex: 1 1 auto;
width: 1%;
display: flex;
flex-wrap: wrap
}
.ovic-tab.style-02 .tab-item a {
padding: 13px 25px;
color: var(--default-color)
}
.ovic-tab.style-02 .tab-item.active a, .ovic-tab.style-02 .tab-item a:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
.ovic-tab.style-02 .tab-item:not(:last-child) a {
margin-inline-end:-1px}
.ovic-tab.style-02 .tab-item:not(:last-child) a:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
height: 22px;
margin: auto;
border-inline-start:1px solid;opacity: .15
}
.ovic-tab.style-02 .tab-title {
display: flex;
align-items: center;
width: 234px;
font-size: 16px;
line-height: 30px;
color: #fff;
background-color: #000;
padding: 10px 15px;
margin: 0
}
.ovic-tab.style-02 .tab-title .icon-tab {
display: inline-block;
vertical-align: top;
width: 30px;
height: 30px;
border: 2px solid;
border-radius: 50%;
text-align: center;
margin-inline-end:10px;overflow: hidden
}
.ovic-tab.style-02 .tab-title .icon-tab>* {
margin: -2px
}
.ovic-tab.style-02 .tab-content {
display: flex;
margin-top: 10px
}
.ovic-tab.style-02 .tab-banner.left {
position: relative;
width: 234px;
z-index: 1
}
.ovic-tab.style-02 .tabs-container {
flex: 1 1 auto;
width: 1%
}
.ovic-tab.style-03 {
background-color: #fff
}
.ovic-tab.style-03 .tabs-head {
display: flex;
padding-inline-end:90px;border-bottom: 2px solid var(--main-color)
}
.ovic-tab.style-03 .tab-title {
width: 200px;
font-size: 20px;
line-height: 25px;
font-weight: 400;
color: #fff;
background-color: var(--main-color);
padding: 12px 10px 11px;
padding-inline-end:25px;display: flex;
align-items: center;
margin: 0;
position: relative
}
.ovic-tab.style-03 .tab-title .icon-tab {
display: inline-block;
vertical-align: top;
font-size: 20px;
font-weight: 400;
margin-inline-end:5px}
.ovic-tab.style-03 .tab-title:after {
position: absolute;
top: 2px;
bottom: 0;
right: 2px;
font-family: main-icon,sans-serif;
content: "\e966";
display: flex;
align-items: center;
transition: .3s
}
.ovic-tab.style-07 .tabs-list, .ovic-tab.style-06 .tabs-list, .ovic-tab.style-03 .tabs-list {
flex: 1 1 auto;
width: 1%;
padding: 0 7px
}
.ovic-tab.style-07 .tab-item, .ovic-tab.style-06 .tab-item, .ovic-tab.style-03 .tab-item {
margin: 0 3px
}
.ovic-tab.style-07 .tab-item a {
padding: 13px 12px
}
.ovic-tab.style-06 .tab-item a {
padding: 11px 12px 13px;
border-top: 1px solid
}
.ovic-tab.style-03 .tab-item a {
padding: 11px 12px 12px;
border-top: 1px solid
}
.ovic-tab.style-06 .tab-item:not(.active) a:not(:hover), .ovic-tab.style-03 .tab-item:not(.active) a:not(:hover) {
border-color: transparent
}
.ovic-tab.style-07 .tab-item.active a:after, .ovic-tab.style-07 .tab-item:hover a:after, .ovic-tab.style-06 .tab-item.active a:after, .ovic-tab.style-06 .tab-item:hover a:after, .ovic-tab.style-03 .tab-item.active a:after, .ovic-tab.style-03 .tab-item:hover a:after {
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-bottom: 8px solid;
border-inline-start:4px solid transparent;border-inline-end:4px solid transparent;width: 0;
height: 0
}
.ovic-tab.style-03 .tab-content {
display: flex
}
.ovic-tab.style-03 .tabs-container {
flex: 1 1 auto;
width: 1%
}
.ovic-tab.style-03 .tab-banner.left {
width: 40%
}
.ovic-tab.style-07 .product-item .product-inner, .ovic-tab.style-06 .product-item .product-inner, .ovic-tab.style-03 .product-item .product-inner {
border-top-width: 0
}
.ovic-tab.style-03 .scroll-content .scroll-list {
height: 100%;
overflow: hidden
}
.ovic-tab.style-03 .scroll-list a {
display: block;
padding: 6px 0
}
.ovic-tab.style-03 .scroll-content .scroll-arrow:before {
transform: rotate(90deg)
}
.ovic-tab.style-03 .tab-content {
position: relative
}
.ovic-tab.style-03 .tab-category {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 200px;
padding: 12px 30px 170px;
padding-inline-end:28px;background-color: #fff;
box-shadow: -1px 0 #eee inset;
z-index: 5
}
.ovic-tab.style-03 .tab-category .scroll-prev {
top: auto;
bottom: calc(10% + 30px);
width: auto;
left: 0;
right: 0
}
.ovic-tab.style-03 .tab-category .scroll-next {
top: auto;
bottom: 10%;
width: auto;
left: 0;
right: 0
}
.ovic-tab.style-03 .tab-brand {
width: 20%;
border-bottom: 1px solid #eee;
box-shadow: -1px 0 #eee inset;
position: relative;
text-align: center
}
.ovic-tab.style-03 .tab-brand img {
margin: auto
}
.ovic-tab.style-03 .tab-brand .scroll-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 50px 15px
}
.ovic-tab.style-03 .tab-brand .scroll-prev {
top: 0;
bottom: auto;
width: auto;
left: 0;
right: 0;
padding: 3px 0;
border-bottom: 1px solid #eee
}
.ovic-tab.style-03 .tab-brand .scroll-next {
top: auto;
bottom: 0;
width: auto;
left: 0;
right: 0;
padding: 3px 0;
border-top: 1px solid #eee
}
.ovic-tab.style-03 .tab-brand .scroll-list a {
padding: 5px 0
}
.ovic-tab.style-04 {
background-color: #fff;
box-shadow: 0 0 0 1px #eee inset
}
.ovic-tab.style-04 .tab-title {
color: #fff;
font-size: 20px;
line-height: 24px;
text-align: center;
background-color: var(--main-color);
padding: 8px 15px 7px;
font-weight: 400;
margin: 0
}
.ovic-tab.style-04 .tab-title>* {
display: inline-block;
vertical-align: top;
width: 24px
}
.ovic-tab.style-04 .tab-title .space {
width: 15px;
height: 15px
}
.ovic-tab.style-04 .tabs-list {
padding: 5px 15px 15px
}
.ovic-tab.style-04 .tab-item {
display: block;
border-bottom: 1px solid #eee
}
.ovic-tab.style-04 .tab-item a {
font-size: 14px;
line-height: 24px;
padding: 8px 15px
}
.ovic-tab.style-04 .ovic-countdown {
padding: 0 15px
}
.ovic-tab.style-04 .tabs-container {
padding: 15px
}
.ovic-tab.style-05 .tabs-head {
display: flex;
box-shadow: 0 -1px #eee inset;
margin-bottom: 20px
}
.ovic-tab.style-05 .tab-title {
display: inline-block;
font-size: 16px;
line-height: 24px;
padding: 0 12px 7px;
border-bottom: 3px solid var(--main-color);
margin: 0;
margin-inline-end:30px}
.ovic-tab.style-05 .tabs-list {
flex: 1 1 auto;
width: 1%;
text-align: end
}
.ovic-tab.style-05 .tab-item:not(:last-child) {
margin-inline-end:15px}
.ovic-tab.style-05 .tab-item:not(:last-child):after {
position: absolute;
content: '';
top: calc(50% - 6px);
right: -10px;
height: 12px;
border-inline-end:1px solid}
.ovic-tab.style-05 .tab-item a {
font-size: 14px;
line-height: 24px;
padding: 0 0 9px;
border-bottom: 1px solid transparent
}
.ovic-tab.style-05 .tab-item.active a, .ovic-tab.style-05 .tab-item a:hover {
color: var(--default-color);
border-color: var(--main-color)
}
.ovic-tab.style-05 .tab-item a:after {
position: absolute;
content: '';
bottom: 0;
left: calc(50% - 5px);
border-style: solid;
border-width: 0 5px 5px;
border-color: transparent;
border-bottom-color: inherit
}
.ovic-tab.style-05 .tab-content {
display: flex;
margin: 0 -5px;
width: calc(100% + 10px)
}
.ovic-tab.style-05 .tab-content>* {
padding: 0 5px
}
.ovic-tab.style-05 .tab-banner.left {
width: 20%
}
.ovic-tab.style-05 .tabs-container {
flex: 1 1 auto;
width: 1%
}
.ovic-tab.style-06 {
background-color: #fff
}
.ovic-tab.style-06 .tabs-head {
display: flex;
padding-inline-end:50px;border-bottom: 1px solid var(--main-color)
}
.ovic-tab.style-06 .tab-control {
width: 50px;
height: 48px;
padding: 4px 15px
}
.ovic-tab.style-06 .tab-control .icon {
display: none
}
.ovic-tab.style-06 .tab-title {
width: 370px;
font-size: 20px;
line-height: 25px;
font-weight: 400;
color: #fff;
background-color: var(--main-color);
padding: 12px 15px;
display: flex;
align-items: center;
margin: 0;
position: relative
}
.ovic-tab.style-06 .tab-title .icon-tab {
display: inline-block;
vertical-align: top;
font-size: 20px;
font-weight: 400;
padding: 12px 15px;
border-inline-end:1px solid rgba(255, 255, 255, .5);margin: -12px -15px;
margin-inline-end:15px}
.ovic-tab.style-06 .tab-content {
display: flex;
position: relative;
padding: 0;
padding-inline-start:370px}
.ovic-tab.style-06 .tabs-container {
flex: 1 1 auto;
width: 1%
}
.ovic-tab.style-06 .content-left {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 370px;
display: flex;
flex-direction: column
}
.ovic-tab.style-06 .tab-banner.left {
max-height: 100%
}
.ovic-tab.style-06 .tab-banner.left:first-child {
height: 100%
}
.ovic-tab.style-06 .tab-category {
flex: 1 1 auto;
height: 1%;
padding: 14px 10px 80px;
box-shadow: -1px 0 #eee inset
}
.ovic-tab.style-06 .tab-category .scroll-list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
overflow: hidden;
height: 100%
}
.ovic-tab.style-06 .tab-category .scroll-list a {
width: 50%;
max-width: 175px;
font-size: 14px;
line-height: 24px;
padding: 6px 10px
}
.ovic-tab.style-06 .tab-category .scroll-list a:before {
display: inline-block;
vertical-align: top;
font-family: main-icon,sans-serif;
content: "\e907";
font-size: 8px;
opacity: .7;
margin-inline-end:5px}
.ovic-tab.style-06 .tab-category .scroll-arrow {
top: auto !important;
bottom: 25px !important;
border: 1px solid;
padding: 9px 0;
width: 70px;
z-index: 6
}
.ovic-tab.style-06 .tab-category .scroll-arrow:not(:hover) {
border-color: #eee;
z-index: 5
}
.ovic-tab.style-06 .tab-category .scroll-prev {
left: calc(50% - 69px)
}
.ovic-tab.style-06 .tab-category .scroll-next {
right: calc(50% - 70px)
}
.ovic-tab.style-06 .tab-category .scroll-prev:before {
font-family: main-icon,sans-serif;
content: "\e906";
font-size: 15px;
line-height: 20px
}
.ovic-tab.style-06 .tab-category .scroll-next:before {
font-family: main-icon,sans-serif;
content: "\e907";
font-size: 15px;
line-height: 20px
}
.ovic-tab.style-06.position-end .tabs-head {
padding: 0;
padding-inline-start:50px}
.ovic-tab.style-06.position-end .tab-title {
order: 1;
direction: rtl
}
.ovic-tab.style-06.position-end .tab-control {
left: 0;
right: auto
}
.ovic-tab.style-06.position-end .tab-content {
padding: 0;
padding-inline-end:370px}
.ovic-tab.style-06.position-end .content-left {
left: auto;
right: 0
}
.ovic-tab.style-06.position-end .tab-category {
box-shadow: 1px 0 #eee inset
}
.ovic-tab.style-07 {
background-color: #fff
}
.ovic-tab.style-07 .tabs-head {
display: flex;
padding-inline-end:50px;border-bottom: 2px solid var(--main-color);
background-color: #eee
}
.ovic-tab.style-07 .tab-control {
width: 50px;
padding: 5px 15px
}
.ovic-tab.style-07 .tab-control .icon {
display: none
}
.ovic-tab.style-07 .tabs-list {
text-align: end;
padding: 0
}
.ovic-tab.style-07 .tab-title {
font-size: 18px;
line-height: 24px;
width: 270px;
font-family: Oswald,sans-serif;
letter-spacing: .05em;
font-weight: 300;
padding: 13px 15px;
cursor: pointer;
margin: 0
}
.ovic-tab.style-07 .tab-title .toggle-tab {
display: inline-block;
vertical-align: top;
font-size: 0;
line-height: 0;
letter-spacing: 0;
color: var(--default-color);
padding: 15px 15px;
position: relative;
margin: -13px -15px;
margin-inline-end:7px}
.ovic-tab.style-07.open .tab-title .toggle-tab {
color: #fff
}
.ovic-tab.style-07 .tab-menu:before, .ovic-tab.style-07 .tab-banner.left figure:before, .ovic-tab.style-07 .content-left:before, .ovic-tab.style-07 .tab-title .toggle-tab:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
background-color: var(--main-color);
transition: .3s;
z-index: 1
}
.ovic-tab.style-07 .tab-banner.left figure:before, .ovic-tab.style-07 .content-left:before, .ovic-tab.style-07 .tab-title:hover .toggle-tab:before {
opacity: .3
}
.ovic-tab.style-07 .tab-menu:before, .ovic-tab.style-07.open .tab-banner.left figure:before, .ovic-tab.style-07.open .content-left:before, .ovic-tab.style-07.open .tab-title .toggle-tab:before {
opacity: .8
}
.ovic-tab.style-07 .tab-content {
display: flex;
justify-content: flex-end;
position: relative
}
.ovic-tab.style-07 .content-left {
position: relative;
width: 270px;
margin-top: -2px
}
.ovic-tab.style-07 .tab-banner.left {
height: 100%
}
.ovic-tab.style-07 .tab-banner.left figure {
position: relative;
z-index: 1
}
.ovic-tab.style-07 .tabs-container {
flex: 1 1 auto;
width: 1%
}
.ovic-tab.style-07:not(.open) .tab-menu {
transform: scale(0, 1)
}
.ovic-tab.style-07 .tab-menu {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 30px 0 70px;
padding-inline-start:20px;z-index: 2;
transition: .3s;
transform-origin: left
}
.ovic-tab.style-07 .tab-menu .scroll-list {
height: 100%;
overflow: hidden;
position: relative;
z-index: 2
}
.ovic-tab.style-07 .tab-menu .scroll-arrow:hover {
color: #fff
}
.ovic-tab.style-07 .tab-menu .scroll-prev {
top: auto;
bottom: 35px;
left: calc(50% - 15px);
z-index: 2
}
.ovic-tab.style-07 .tab-menu .scroll-next {
top: auto;
bottom: 5px;
right: calc(50% - 15px);
z-index: 2
}
.ovic-tab.style-07 .tab-menu .scroll-arrow:before {
font-size: 24px;
transform: rotate(90deg)
}
.ovic-tab.style-08 .tabs-head {
display: flex
}
.ovic-tab.style-08 .tab-title {
font-size: 14px;
line-height: 20px;
color: #fff;
padding: 6px 11px;
cursor: pointer;
margin: 0;
display: flex;
align-items: center;
background-color: var(--main-color)
}
.ovic-tab.style-08 .tab-title:not(:hover) {
color: #999;
background-color: #fff;
box-shadow: 0 0 0 1px #ddd inset
}
.ovic-tab.style-08 .tab-title .toggle-tab {
display: inline-block;
vertical-align: top;
font-size: 0;
line-height: 0;
letter-spacing: 0;
padding: 3px 0
}
.ovic-tab.style-08 .tab-title .toggle-tab .icon-inner {
width: 14px;
height: 14px
}
.ovic-tab.style-08 .tab-title .toggle-tab .icon-inner span:nth-child(1) {
top: 2px
}
.ovic-tab.style-08 .tab-title .toggle-tab .icon-inner span:nth-child(2) {
top: 6px
}
.ovic-tab.style-08 .tab-title .toggle-tab .icon-inner span:nth-child(3) {
top: 10px
}
.ovic-tab.style-08.open .tab-title .toggle-tab .icon-inner span:nth-child(1), .ovic-tab.style-08.open .tab-title .toggle-tab .icon-inner span:nth-child(3) {
top: 6px;
width: 20px
}
.ovic-tab.style-08 .tabs-list {
flex: 1 1 auto;
width: 1%;
display: flex;
align-items: center;
font-size: 16px;
line-height: 24px;
margin-inline-start:20px}
.ovic-tab.style-08 .tabs-list:after {
content: '';
flex: 1 1 auto;
width: 1%;
height: 1px;
border-top: 1px solid #ddd;
margin-inline-start:20px}
.ovic-tab.style-08 .tab-item:not(:last-child):after {
display: inline-block;
vertical-align: top;
content: '';
width: 30px;
margin: 15px 8px 16px;
border-top: 1px solid #ddd;
transform: rotate(-45deg)
}
.ovic-tab.style-08 .tab-item a {
display: inline-block;
vertical-align: top;
padding: 4px 0
}
.ovic-tab.style-08 .tab-item a:before {
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
border-top: 2px solid;
width: 100%;
transition: .3s
}
.ovic-tab.style-08 .tab-item:not(.active) a:before {
width: 0
}
.ovic-tab.style-08 .tab-item.active a, .ovic-tab.style-08 .tab-item a:hover {
border-color: var(--main-color)
}
.ovic-tab.style-08 .tabs-head .button-wrap {
margin-inline-start:15px}
.ovic-tab.style-08 .tabs-head .button {
padding: 4px 18px;
text-decoration: none
}
.ovic-tab.style-08 .tabs-head .button:not(:hover) {
background-color: #fff;
box-shadow: 0 0 0 1px #ddd inset;
color: inherit
}
.ovic-tab.style-08 .tab-content {
position: relative;
padding-top: 40px
}
.ovic-tab.style-08:not(.open) .tab-category {
transform: scale(1, 0)
}
.ovic-tab.style-08 .tab-category {
position: absolute;
top: 10px;
left: 0;
right: 0;
padding: 14px 15px 60px;
background-color: #fff;
border: 1px solid #eee;
height: 148px;
z-index: 6;
transition: .3s;
transform-origin: top
}
.ovic-tab.style-08 .tab-category .scroll-list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
overflow: hidden;
height: 100%
}
.ovic-tab.style-08 .tab-category .scroll-list a {
width: 50%;
max-width: 190px;
font-size: 14px;
line-height: 24px;
padding: 6px 10px
}
.ovic-tab.style-08 .tab-category .scroll-arrow {
top: auto !important;
bottom: 15px !important
}
.ovic-tab.style-08 .tab-category .scroll-arrow:before {
font-size: 24px
}
.ovic-tab.style-08 .tab-category .scroll-prev {
left: calc(50% - 30px)
}
.ovic-tab.style-08 .tab-category .scroll-next {
right: calc(50% - 30px)
}
.ovic-tab.style-09 .tabs-head {
text-align: center;
margin-bottom: 30px
}
.ovic-tab.style-09 .tabs-list {
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: #999;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-bottom: 10px
}
.ovic-tab.style-09 .tab-item {
display: inline-block;
vertical-align: top
}
.ovic-tab.style-09 .tab-item:not(:last-child) {
margin-inline-end:40px}
.ovic-tab.style-09 .tab-item.active a, .ovic-tab.style-09 .tab-item a:hover {
color: var(--default-color);
text-decoration: underline
}
.ovic-tab.style-10 .tabs-head {
margin-bottom: 25px;
text-align: center
}
.ovic-tab.style-10 .tabs-list {
display: flex;
font-size: 18px;
line-height: 24px;
padding-bottom: 10px;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.ovic-tab.style-10 .tab-item {
flex: 1 1 auto;
width: 100%
}
.ovic-tab.style-10 .tab-item a {
padding: 6px 30px;
background-color: #ccc
}
.ovic-tab.style-10 .tab-item a:not(:hover) {
color: var(--default-color)
}
.ovic-tab.style-10 .tab-item.active a {
background-color: #999;
color: #fff
}
.ovic-tab.style-11 .tabs-head {
background-color: #f8f8f8;
padding-inline-end:95px;margin-bottom: 20px;
box-shadow: 0 -2px #eee inset
}
.ovic-tab.style-11 .tabs-list {
display: flex;
font-size: 14px;
line-height: 24px;
font-weight: 700;
color: #999;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.ovic-tab.style-11 .tab-item a {
padding: 13px 40px
}
.ovic-tab.style-12 .tab-item a:before, .ovic-tab.style-11 .tab-item a:before {
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
border-top: 2px solid var(--main-color);
transition: .3s
}
.ovic-tab.style-12 .tab-item:not(.active) a:before, .ovic-tab.style-11 .tab-item:not(.active) a:before {
transform: scale(0, 1)
}
.ovic-tab.style-11 .tab-item:not(:last-child) a:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
height: 28px;
border-inline-end:1px solid #dfdfdf;margin: auto
}
.ovic-tab.style-11 .tab-item.active a, .ovic-tab.style-11 .tab-item a:hover {
color: #000
}
.ovic-tab.style-11 .ovic-products {
position: static
}
.ovic-tab.style-11 .ovic-products .product-list-owl {
overflow: visible;
position: static
}
.ovic-tab.style-11 .ovic-products .product-list-owl>.slick-arrow.prev {
top: 13px;
left: auto;
right: 49px
}
.ovic-tab.style-11 .ovic-products .product-list-owl>.slick-arrow.next {
top: 13px;
left: auto;
right: 15px
}
.ovic-tab.style-12 .tabs-head {
background-color: #f8f8f8;
margin-bottom: 20px;
box-shadow: 0 -2px #eee inset;
display: flex
}
.ovic-tab.style-12 .tab-title {
font-size: 14px;
line-height: 24px;
padding: 13px 28px;
font-weight: 700;
margin: 0
}
.ovic-tab.style-12 .tabs-list {
flex: 1 1 auto;
width: 1%;
text-align: end;
font-size: 14px;
line-height: 24px;
font-weight: 700;
color: #999;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-inline-end:10px}
.ovic-tab.style-12 .tab-item a {
padding: 13px 16px
}
.ovic-tab.style-12 .tab-item.active a, .ovic-tab.style-12 .tab-item a:hover {
color: #000
}
.ovic-tab.style-12 .tab-item a:before {
left: 2px;
right: 2px
}
.ovic-tab.style-13.style-03 .tabs-head {
padding-inline-end:0}
.ovic-tab.style-13.style-03 .tab-title {
font-size: 22px;
color: var(--default-color);
background-color: transparent
}
.ovic-tab.style-14 .tabs-head {
margin-bottom: 28px
}
.ovic-tab.style-14 .tabs-list {
font-size: 20px;
line-height: 1.4;
font-weight: var(--main-h-fw);
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
text-align: center;
color: #888;
padding-bottom: 12px
}
.ovic-tab.style-14 .tab-item:not(:last-child) {
margin-inline-end:25px}
.ovic-tab.style-14 .tab-item a {
padding: 0 5px
}
.ovic-tab.style-14 .tab-item a:before {
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
border-top: 2px solid var(--main-color);
transition: .2s;
width: 100%;
margin: auto
}
.ovic-tab.style-14 .tab-item:not(.active) a:before {
width: 0
}
.ovic-tab.style-14 .tab-item.active a, .ovic-tab.style-14 .tab-item a:hover {
color: var(--default-color)
}
.ovic-tab.style-15 .tabs-head {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 10px 28px;
color: var(--main-color-t);
background-color: var(--tab-color,var(--main-color))
}
.ovic-tab.style-15 .tab-title {
font-size: 14px;
line-height: 20px;
font-weight: 700;
color: inherit;
margin: 0
}
.ovic-tab.style-15 .tabs-list {
flex: 1 1 auto;
font-size: 13px;
line-height: 20px;
text-align: end;
margin-inline-start:15px}
.ovic-tab.style-15 .tab-item:not(:first-child) {
margin-inline-start:44px}
.ovic-tab.style-15 .tab-item.active a, .ovic-tab.style-15 .tab-item a:hover {
color: inherit;
text-decoration: underline
}
.ovic-tab.style-15 .tab-content {
display: flex;
flex-wrap: wrap;
margin-top: 10px
}
.ovic-tab.style-15 .tabs-container {
flex: 1 1 auto;
width: 1%;
padding: 20px 12px 25px;
border: 1px solid #e6e6e6
}
@media (min-width: 768px) {
.ovic-tab.style-04 {
display:flex
}
.ovic-tab.style-04 .tabs-head {
display: flex;
width: 322px
}
.ovic-tab.style-04 .tab-title {
width: 45px;
font-size: 24px;
line-height: 30px;
padding: 35px 0
}
.ovic-tab.style-04 .tab-title>* {
display: block;
width: auto
}
.ovic-tab.style-04 .tabs-list {
flex: 1 1 auto;
width: 1%;
padding-inline-start:20px}
.ovic-tab.style-04 .tabs-list:not(:last-child) {
margin-bottom: 68px
}
.ovic-tab.style-04 .tab-title~.ovic-countdown {
left: 65px
}
.ovic-tab.style-04 .ovic-countdown {
position: absolute;
bottom: 24px;
left: 20px;
right: 0;
text-align: end;
padding: 0
}
.ovic-tab.style-04 .tabs-container {
flex: 1 1 auto;
width: 1%;
padding: 29px
}
.ovic-tab.style-07 .tab-menu:before {
display: none
}
}
@media (min-width: 992px) {
.ovic-tab.style-13.style-03 .tab-title {
padding-inline-start:30px;
padding-inline-end:30px}
.ovic-tab.style-13.style-03 .tabs-list {
padding: 0 15px;
text-align: end
}
}
@media (min-width: 1200px) {
.ovic-tab.style-03.has-category .tab-content {
padding-inline-start:200px
}
.ovic-tab.style-06 .tabs-list {
padding: 0 17px;
padding-inline-start:37px}
.ovic-tab.style-06.position-end .tabs-list {
padding: 0 17px;
padding-inline-end:37px}
.ovic-tab.style-13.style-03 .tab-title:after {
display: none
}
}
@media (max-width: 1199px) {
.ovic-tab .tab-menu .ovic-menu>li:not(:last-child) {
margin-bottom:5px
}
.ovic-tab.style-01 .tabs-list {
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.ovic-tab.style-03.has-category:not(.open) .tab-title:after {
right: 6px;
transform: rotate(90deg)
}
.ovic-tab.style-03:not(.open) .tab-category {
transform: scale(0, 1)
}
.ovic-tab.style-03 .tab-category {
box-shadow: -1px 0 #eee inset;
z-index: 6;
transition: .3s;
transform-origin: left
}
.ovic-tab.style-05 .tab-banner.left {
width: 25%
}
.ovic-tab.style-06 .tab-title {
width: 360px
}
.ovic-tab.style-06 .tab-content {
padding: 0;
padding-inline-start:360px}
.ovic-tab.style-06 .content-left {
width: 360px
}
.ovic-tab.style-06.position-end .tab-content {
padding: 0;
padding-inline-end:360px}
.ovic-tab.style-06 .tab-category {
padding-bottom: 60px
}
.ovic-tab.style-06 .tab-category .scroll-arrow {
bottom: 20px !important;
padding: 7px 0;
width: 64px
}
.ovic-tab.style-06 .tab-category .scroll-prev {
left: calc(50% - 63px)
}
.ovic-tab.style-06 .tab-category .scroll-next {
right: calc(50% - 64px)
}
.ovic-tab.style-07 .tab-title, .ovic-tab.style-07 .content-left {
width: 265px
}
.ovic-tab.style-07 .tab-menu {
padding: 20px 0 70px;
padding-inline-start:15px}
.ovic-tab.style-08 .tab-content {
padding-top: 30px
}
.ovic-tab.style-08 .tab-category .scroll-list a {
max-width: 183px
}
.ovic-tab.style-08 .tab-item:not(:last-child):after {
margin-inline-start:5px;margin-inline-end:5px}
.ovic-tab.style-09 .tabs-head {
margin-bottom: 18px
}
.ovic-tab.style-10 .tabs-head {
margin-bottom: 20px
}
.ovic-tab.style-11 .tab-item a {
padding: 13px 30px
}
.ovic-tab.style-14 .tabs-head {
margin-bottom: 18px
}
.ovic-tab.style-14 .tabs-list {
font-size: 18px
}
.ovic-tab.style-14 .tab-item:not(:last-child) {
margin-inline-end:15px}
.ovic-tab.style-15 .tabs-head {
padding: 10px 24px
}
.ovic-tab.style-15 .tab-item:not(:first-child) {
margin-inline-start:34px}
.ovic-tab.style-15 .tab-content {
margin-top: 8px
}
.ovic-tab.style-15 .tabs-container {
padding: 16px 10px 20px
}
}
@media (max-width: 991px) {
.ovic-tabs .tab-control {
width:60px;
padding: 5px
}
.ovic-tab.style-03 .tabs-head, .ovic-tab.style-02 .tabs-head {
display: block;
padding: 0
}
.ovic-tab.style-03 .tabs-list, .ovic-tab.style-02 .tabs-list {
width: auto;
flex-wrap: nowrap;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.ovic-tab.style-02 .tab-item a {
padding: 10px 20px
}
.ovic-tab.style-03 .tab-title, .ovic-tab.style-02 .tab-title {
width: 100%;
padding-inline-end:70px}
.ovic-tab.style-03 .tab-control, .ovic-tab.style-02 .tab-control {
color: #fff
}
.ovic-tab.style-02 .tab-content {
display: block;
margin: 0
}
.ovic-tab.style-15 .tab-banner.top, .ovic-tab.style-05 .tab-banner, .ovic-tab.style-03 .tab-banner.top, .ovic-tab.style-02 .tab-banner {
display: none
}
.ovic-tab.style-02 .tabs-container {
width: auto
}
.ovic-tab.style-03 .tab-banner.left {
width: 50%
}
.ovic-tab.style-03 .tab-brand {
width: 25%
}
.ovic-tab.style-03 .tab-title:after {
position: static;
margin: -2px 0 0;
margin-inline-start:10px;display: inline-block;
vertical-align: top
}
.ovic-tab.style-03 .tab-item a {
padding: 9px 12px 10px
}
.ovic-tab.style-03 .tab-category {
top: -46px
}
.ovic-tab.style-05 .tab-content {
display: block;
width: 100%
}
.ovic-tab.style-05 .tabs-container {
width: auto;
padding: 0
}
.ovic-tab.style-06.position-end .tabs-head, .ovic-tab.style-06 .tabs-head {
display: block;
padding: 0
}
.ovic-tab.style-06 .tabs-list {
width: auto;
flex-wrap: nowrap;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.ovic-tab.style-06 .tab-title {
width: 100%;
padding: 12px 15px 12px;
padding-inline-end:50px}
.ovic-tab.style-06.position-end .tab-title {
padding: 12px 15px 12px;
padding-inline-start:50px}
.ovic-tab.style-06 .tab-control {
color: #fff
}
.ovic-tab.style-06.position-end .tab-content, .ovic-tab.style-06 .tab-content {
display: block;
padding: 0;
margin: 0
}
.ovic-tab.style-06 .tabs-container {
width: auto
}
.ovic-tab.style-06 .content-left {
position: relative;
width: auto;
border-bottom: 1px solid #eee
}
.ovic-tab.style-06 .tab-category {
height: 152px
}
.ovic-tab.style-06 .tab-banner.left {
display: none
}
.ovic-tab.style-07 .tab-title, .ovic-tab.style-07 .content-left {
width: 231px
}
.ovic-tab.style-08 .tab-category .scroll-list a {
max-width: 173px
}
.ovic-tab.style-13.style-03 .tab-title {
box-shadow: 0 -1px #eee inset
}
.ovic-tab.style-15 .tabs-head {
padding: 10px 20px
}
.ovic-tab.style-15 .tab-item:not(:first-child) {
margin-inline-start:24px}
}
@media (max-width: 767px) {
.ovic-tab.style-03 .tab-content {
display:block
}
.ovic-tab.style-03 .tab-banner.left {
width: auto;
border-bottom: 1px solid #eee;
border-inline-end:1px solid #eee}
.ovic-tab.style-03 .tab-banner.left .inner-content {
display: none
}
.ovic-tab.style-03 .tabs-container {
width: auto
}
.ovic-tab.style-03 .tab-brand {
width: auto;
border-inline-end:1px solid #eee}
.ovic-tab.style-03 .tab-brand .scroll-content {
position: relative;
white-space: nowrap;
padding: 10px 40px
}
.ovic-tab.style-03 .tab-brand a {
display: inline-block;
vertical-align: top;
padding: 0 5px
}
.ovic-tab.style-03 .tab-category {
z-index: 6;
padding-bottom: 120px
}
.ovic-tab.style-03 .tab-category .scroll-prev {
bottom: 60px
}
.ovic-tab.style-03 .tab-category .scroll-next {
bottom: 30px
}
.ovic-tab.style-03 .tab-brand .scroll-arrow:before {
transform: none
}
.ovic-tab.style-03 .tab-brand .scroll-prev {
bottom: 0;
right: auto;
width: 36px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: none;
border-inline-end:1px solid #eee}
.ovic-tab.style-03 .tab-brand .scroll-next {
top: 0;
left: auto;
width: 36px;
display: flex;
justify-content: center;
align-items: center;
border-top: none;
border-inline-start:1px solid #eee}
.ovic-tab.style-05 .tabs-head {
display: block
}
.ovic-tab.style-05 .tab-title {
margin: 0 0 10px
}
.ovic-tab.style-05 .tabs-list {
width: auto;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
text-align: inherit
}
.ovic-tab.style-07 .tabs-head {
display: block;
padding: 0
}
.ovic-tab.style-07 .tab-title {
width: auto;
padding-inline-end:50px;box-shadow: 0 -1px #ddd inset
}
.ovic-tab.style-07 .tabs-list {
width: auto;
text-align: inherit;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.ovic-tab.style-07 .tab-content {
display: block
}
.ovic-tab.style-07 .content-left {
width: auto;
position: static;
margin: 0
}
.ovic-tab.style-07 .content-left:before {
display: none
}
.ovic-tab.style-07 .tab-banner.left {
display: none
}
.ovic-tab.style-07 .tab-menu {
top: -52px;
width: 231px;
max-width: 100%
}
.ovic-tab.style-07 .tabs-container {
width: auto
}
.ovic-tab.style-08 .tabs-head {
padding-bottom: 37px
}
.ovic-tab.style-08 .tabs-list {
position: absolute;
bottom: -12px;
left: 0;
right: 0;
width: auto;
margin: 0;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-bottom: 12px;
font-size: 15px
}
.ovic-tab.style-08 .tab-item:not(:last-child):after {
width: 26px
}
.ovic-tab.style-08 .button-wrap {
flex: 1 1 auto;
width: 1%;
display: flex;
align-items: center
}
.ovic-tab.style-08 .button-wrap:before {
flex: 1 1 auto;
width: 1%;
content: '';
border-top: 1px solid #ddd;
height: 1px;
margin-inline-end:15px}
.ovic-tab.style-08 .tab-category {
top: -27px
}
.ovic-tab.style-08 .tab-content {
padding-top: 20px
}
.ovic-tab.style-09 .tabs-list {
font-size: 20px;
line-height: 26px
}
.ovic-tab.style-09 .tab-item:not(:last-child) {
margin-inline-end:20px}
.ovic-tab.style-11 .tabs-head {
padding-inline-end:80px;margin-bottom: 10px
}
.ovic-tab.style-11 .tab-item a {
padding: 13px 15px
}
.ovic-tab.style-11 .ovic-products .product-list-owl>.slick-arrow.prev {
right: 39px
}
.ovic-tab.style-11 .ovic-products .product-list-owl>.slick-arrow.next {
right: 10px
}
.ovic-tab.style-12 .tabs-head {
display: block;
margin-bottom: 10px
}
.ovic-tab.style-12 .tab-title {
padding: 13px 15px
}
.ovic-tab.style-12 .tabs-list {
width: auto;
padding: 0;
border-top: 1px solid #eee
}
.ovic-tab.style-15 .tabs-head {
padding: 10px 15px
}
.ovic-tab.style-15 .tabs-list {
width: 100%;
text-align: start;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-bottom: 8px;
margin: 0 0 -8px
}
.ovic-tab.style-15 .tab-item:not(:first-child) {
margin-inline-start:14px}
.ovic-tab.style-15 .tab-content {
margin-top: 6px
}
.ovic-tab.style-15 .tabs-container {
padding: 12px 8px 15px
}
}
.ovic-brand .link {
display: block;
text-align: center;
position: relative
}
.ovic-brand .thumb {
display: inline-block;
vertical-align: top;
max-width: 100%
}
.ovic-brand .image {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden
}
.ovic-brand img {
max-height: 100%;
width: auto
}
.ovic-brand .ovic-title {
margin-bottom: 20px
}
.ovic-brand.style-01 .desc {
font-size: 14px;
line-height: 18px;
border-top: 1px dashed #aaa;
padding-top: 15px;
margin: 10px 0 0
}
.ovic-brand.style-01 .desc :last-child {
margin: 0
}
.ovic-brand.style-01 .button-wrap {
border-top: 1px dashed #aaa;
margin-top: 30px;
padding-top: 20px
}
.ovic-brand.style-01 .button {
padding: 5px 15px;
font-size: 12px;
line-height: 20px;
font-weight: 400;
color: var(--default-color);
background-color: transparent;
box-shadow: 0 0 0 1px #ccc inset
}
.ovic-brand.style-01 .button:after {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: "\f0da";
margin-inline-start:10px}
.ovic-brand.style-01 .button:hover {
color: var(--main-color-t);
background-color: var(--main-color);
box-shadow: none
}
.ovic-brands .tab-item a {
display: flex;
justify-content: center;
align-items: center
}
.ovic-brands.style-01 .tab-title {
font-size: 16px;
line-height: 24px;
padding: 0 12px 7px;
padding-inline-end:60px;border-bottom: 3px solid var(--main-color);
margin: 0
}
.ovic-brands.style-01 .tabs-list {
border-inline-start:1px solid #eee;border-inline-end:1px solid #eee}
.ovic-brands.style-01 .tab-item:not(.active) a:not(:hover) {
background-color: #eee
}
.ovic-brands.style-01 .tab-item a {
height: 50px
}
.ovic-brands.style-01 .tab-item .thumb img {
max-height: none
}
.ovic-brands.style-01 .tabs-container {
border: 1px solid #eee;
border-top-width: 0;
padding: 30px 30px 0
}
.ovic-brands.style-01 .tab-panel {
display: flex
}
.ovic-brands.style-01 .ovic-brand {
width: 30%;
max-width: 330px;
margin-bottom: 30px
}
.ovic-brands.style-01 .ovic-products {
flex: 1 1 auto;
width: 1%;
padding-inline-start:30px;margin-bottom: 30px
}
.ovic-brands.style-02 .tabs-head {
text-align: center;
margin-bottom: 25px
}
.ovic-brands.style-02 .tab-title {
font-size: 24px;
line-height: 30px;
margin-bottom: 13px
}
.ovic-brands.style-02 .tabs-list {
padding-top: 28px
}
.ovic-brands.style-02 .tabs-list>.slick-list {
max-width: 820px;
margin: 0 auto
}
.ovic-brands.style-02 .tabs-list>.slick-arrow.prev {
top: 0;
left: auto;
right: calc(50% + 3px)
}
.ovic-brands.style-02 .tabs-list>.slick-arrow.next {
top: 0;
left: calc(50% + 3px);
right: auto
}
.ovic-brands.style-02 .tabs-list>.slick-arrow.prev:after {
position: absolute;
content: '';
top: 9px;
right: calc(100% + 9px);
width: 100vw;
border-top: 1px solid #eee
}
.ovic-brands.style-02 .tabs-list>.slick-arrow.next:after {
position: absolute;
content: '';
top: 9px;
left: calc(100% + 9px);
width: 100vw;
border-top: 1px solid #eee
}
.ovic-brands.style-02 .tab-item a {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 2px 5px;
box-shadow: 0 0 0 1px #eee inset
}
.ovic-brands.style-02 .tab-item.active a, .ovic-brands.style-02 .tab-item a:hover {
box-shadow: 0 0 0 2px var(--main-color) inset
}
.ovic-brands.style-03 .tabs-head {
margin-bottom: 20px
}
.ovic-brands.style-03 .tab-title {
font-size: 14px;
line-height: 17px;
padding: 9px 15px 8px;
background-color: var(--main-color);
color: #fff;
margin: 0;
display: flex;
justify-content: center;
text-align: center
}
.ovic-brands.style-03 .tab-title span {
padding: 0 3px
}
.ovic-brands.style-03 .tab-title .space {
width: 9px;
height: 9px
}
.ovic-brands.style-03 .tabs-list {
background-color: #f8f8f8;
border: 1px solid #eee;
border-top-width: 0;
overflow: visible
}
.ovic-brands.style-03 .tabs-list .slick-list {
padding: 0 1px 1px;
margin: 0 -1px -1px
}
.ovic-brands.style-03 .tab-item a {
display: flex;
height: 86px;
padding: 0
}
.ovic-brands.style-03 .tab-item.active a {
z-index: 1
}
.ovic-brands.style-03 .tab-item a .thumb {
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.ovic-brands.style-03 .tab-item a img {
max-height: 100%;
width: auto
}
.ovic-brands.style-03 .tab-item:not(.active) a:not(:hover) .thumb {
opacity: .5
}
.ovic-brands.style-03 .tab-item a:before {
position: absolute;
content: '';
top: 2px;
bottom: -1px;
left: -1px;
right: -1px;
background-color: #fff;
border: 1px solid #eee;
border-top: 2px solid var(--main-color);
border-bottom: none;
transition: .4s;
transform-origin: bottom
}
.ovic-brands.style-03 .tab-item:not(.active) a:before {
transform: scale(1, 0)
}
@media (min-width: 768px) {
.ovic-brands.style-03 {
display:flex
}
.ovic-brands.style-03 .tabs-head {
display: flex;
margin: 0
}
.ovic-brands.style-03 .tabs-list {
flex: 1 1 auto;
width: 1%
}
.ovic-brands.style-03 .tabs-container {
flex: 1 1 auto;
width: 1%;
margin-inline-start:28px}
.ovic-brands.style-03 .tab-title {
width: 34px;
padding: 15px 5px;
flex-direction: column-reverse
}
.ovic-brands.style-03 .tab-title span {
transform: rotate(-90deg)
}
.ovic-brands.style-03 .tabs-list {
border-width: 1px;
border-inline-start:none}
.ovic-brands.style-03 .tabs-list .slick-list {
width: 161px;
padding: 1px;
margin: -1px;
padding-inline-start:0;margin-inline-start:0}
.ovic-brands.style-03 .tab-item a:before {
top: -1px;
left: 2px;
border: 1px solid #eee;
border-inline-start:2px solid var(--main-color);border-inline-end: none;
transform-origin: right
}
.ovic-brands.style-03 .tab-item:not(.active) a:before {
transform: scale(0, 1)
}
}
@media (min-width: 1200px) {
.ovic-brands.style-03 .tabs-container {
margin-inline-start:30px
}
}
@media (max-width: 991px) {
.ovic-brands.style-01 .tab-panel {
display:block
}
.ovic-brands.style-01 .ovic-brand {
width: auto;
max-width: 100%
}
.ovic-brands.style-01 .ovic-products {
width: auto;
padding: 0
}
}
@media (max-width: 767px) {
.ovic-brands.style-03 .tabs-head {
margin-bottom:10px
}
}
@media (max-width: 479px) {
.ovic-brands.style-01 .tabs-container {
padding:10px 15px 0
}
}
.ovic-category.style-01 .thumb {
position: relative;
display: block;
overflow: hidden
}
.ovic-category.style-01 .thumb img {
height: 110px;
object-fit: cover;
transition: transform .2s
}
.ovic-category.style-01 .thumb:hover img {
transform: scale(1.1)
}
.ovic-category.style-01 .top-category {
position: relative
}
.ovic-category.style-01 .title {
position: absolute;
left: 25px;
right: 25px;
max-width: 90px;
bottom: 55px;
font-size: 16px;
line-height: 20px;
min-height: 40px;
color: var(--default-color);
font-weight: 700;
margin-bottom: 0
}
.ovic-category.style-01 .button {
position: absolute;
left: 25px;
bottom: 20px;
font-size: 10px;
line-height: 20px;
font-weight: normal;
padding: 0 10px;
opacity: 1 !important;
text-decoration: none !important
}
.ovic-category.style-01 .button:not(:hover) {
background-color: #999
}
.ovic-category.style-01 .button:after {
display: inline-block;
font-family: FontAwesome,sans-serif;
content: "\f0da";
margin-inline-start:5px}
.ovic-category.style-01 .list-category {
list-style: none;
padding: 10px 0 0;
margin-bottom: 0
}
.ovic-category.style-01 .list-category a {
display: inline-block
}
.ovic-category.style-02 {
padding: 10px 0;
overflow: hidden;
border: 1px solid #eee
}
.ovic-category.style-02 .title {
font-size: 16px;
color: #666;
line-height: 24px;
padding: 3px 20px;
font-weight: normal;
text-decoration: underline;
margin-bottom: 6px
}
.ovic-category.style-02 .content {
display: flex
}
.ovic-category.style-02 .thumb {
display: inline-block;
vertical-align: top;
width: 55%;
max-width: 200px
}
.ovic-category.style-02 .thumb img {
transition: .2s
}
.ovic-category.style-02 .thumb:hover img {
transform: scale(1.1)
}
.ovic-category.style-02 .list-category {
flex: 1 1 auto;
width: 1%;
padding: 0 20px 10px;
list-style: none;
margin: 0
}
.ovic-category.style-02 .list-category li {
display: block
}
.ovic-category.style-02 .list-category a:not(.button) {
display: block;
font-size: 14px;
line-height: 20px;
padding: 5px 0
}
.ovic-category.style-02 .list-category a:not(.button):not(:hover) {
color: inherit
}
.ovic-category.style-02 .list-category a:not(.button):before {
content: '';
display: inline-block;
vertical-align: top;
width: 4px;
height: 4px;
border-radius: 50%;
margin: 8px 0 0;
margin-inline-end:8px}
.ovic-category.style-02 .list-category li a:before {
background-color: var(--main-color)
}
.ovic-category.style-02 .button {
padding: 6px 20px;
font-weight: normal;
margin-top: 10px;
text-decoration: none
}
.ovic-category.style-03 .inner {
display: flex;
padding: 22px 22px 18px;
padding-inline-start:29px;border: 1px solid #eee;
font-size: 14px;
line-height: 20px
}
.ovic-category.style-03 .content {
width: 47%
}
.ovic-category.style-03 .list-category {
list-style: none;
padding: 0;
margin: 0
}
.ovic-category.style-03 .list-category li {
display: block
}
.ovic-category.style-03 .list-category li a {
display: block;
padding: 5px 0;
border-bottom: 1px solid #eee;
text-decoration: none
}
.ovic-category.style-03 .list-category li a:before {
display: inline-block;
vertical-align: middle;
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
border: 2px solid;
margin: -1px 0 1px;
margin-inline-end:6px}
.ovic-category.style-03 .list-category li .button {
display: inline-block;
vertical-align: top;
margin-top: 20px;
font-family: Oswald,sans-serif;
font-size: inherit;
line-height: inherit;
letter-spacing: .05em;
font-weight: 300;
background-color: transparent;
border: none;
color: #999
}
.ovic-category.style-03 .list-category li .button:hover {
color: var(--main-color)
}
.ovic-category.style-03 .list-category li .button:before {
display: block;
width: 20px;
height: 2px;
border-width: 1px;
margin: -5px 0 5px;
border-radius: 0
}
.ovic-category.style-03 .thumb-category {
width: 53%;
text-align: end;
padding-inline-start:15px;display: flex;
flex-direction: column
}
.ovic-category.style-03 .subtitle {
font-size: 22px;
line-height: 28px;
color: #999;
font-family: Oswald,sans-serif;
font-weight: 300;
margin: 0
}
.ovic-category.style-03 .title {
font-size: 24px;
line-height: 30px;
margin: 0
}
.ovic-category.style-03 .thumb {
flex: 1 1 auto;
display: flex;
align-items: flex-end;
justify-content: flex-end
}
.ovic-category.style-03 .thumb a {
margin: 0 0 -18px;
margin-inline-end:-23px}
.ovic-category.style-03 .thumb img {
transition: .3s;
transform-origin: right bottom
}
.ovic-category.style-04 .head-category {
color: var(--default-color)
}
.ovic-category.style-04 .head-category>a {
display: inline-block;
vertical-align: top;
font-size: 18px;
line-height: 1;
letter-spacing: -.05em;
border-bottom: 2px solid;
text-decoration: none
}
.ovic-category.style-04 .list-category {
color: var(--default-color)
}
.ovic-category.style-04 .list-category a {
display: block;
font-size: 14px;
line-height: 24px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
text-decoration: none
}
.ovic-category.style-04 .list-category a .thumb {
display: inline-block;
vertical-align: top;
max-width: 100%;
font-size: 0;
line-height: 0;
letter-spacing: 0;
position: relative
}
.ovic-category.style-04 .list-category a .thumb:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: .3s
}
.ovic-category.style-04 .list-category a:hover .thumb:after {
background-color: rgba(0, 0, 0, .1)
}
.ovic-category.style-04 .list-category a .title {
display: block;
margin-top: 13px
}
.ovic-category.style-05 .link {
display: block;
text-align: center;
font-size: 14px;
line-height: 20px;
font-weight: 700;
color: var(--default-color);
text-transform: uppercase
}
.ovic-category.style-05 .link:hover .thumb {
border-color: var(--main-color)
}
.ovic-category.style-05 .thumb {
display: inline-block;
vertical-align: top;
width: 100%;
max-width: 146px;
border: 2px solid #eee;
border-radius: 90px;
font-size: 50px;
padding: 45px 15px;
line-height: 52px
}
.ovic-category.style-05 .thumb img {
max-height: 52px;
width: auto;
margin: auto
}
.ovic-category.style-05 .content {
display: block;
margin-top: 15px
}
.ovic-category.style-05 .count {
color: #aaa
}
.ovic-category.style-05 .image-effect {
display: inline-block;
vertical-align: top
}
@media (min-width: 768px) {
.ovic-category.style-04 .head-category {
display:flex;
align-items: center
}
.ovic-category.style-04 .head-category .title {
flex: 1 1 auto;
width: 1%
}
.ovic-category.style-04 .head-category>a {
margin-inline-start:30px}
}
@media (max-width: 1199px) {
.ovic-category.style-02 .list-category {
padding:0 10px 10px
}
}
@media (max-width: 767px) {
.ovic-category.style-04 .head-category>a {
font-size:16px;
margin-top: 4px
}
.ovic-category.style-05 .thumb {
max-width: 136px;
padding: 40px 15px
}
.ovic-category.style-05 .content {
margin-top: 10px
}
}
@media (max-width: 479px) {
.ovic-category.style-03 .inner {
padding:17px 17px 13px;
padding-inline-start:19px}
.ovic-category.style-03 .thumb-category {
padding-inline-start:10px}
.ovic-category.style-03 .title {
font-size: 19px;
line-height: 26px
}
}
.ovic-newsletter.open-modal {
animation: none
}
.ovic-newsletter .desc {
margin-bottom: 15px
}
.ovic-newsletter form {
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
text-align: start
}
.ovic-newsletter .mc4wp-form-fields {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative
}
.ovic-newsletter .text-field {
position: relative;
flex: 1 1 auto;
width: 1%;
font-weight: inherit;
color: inherit;
background-color: #fff;
box-shadow: none;
margin: 0;
border-top-left-radius: var(--main-bora);
border-bottom-left-radius: var(--main-bora)
}
.ovic-newsletter .input-text[type] {
width: 100%;
height: 45px;
background-color: transparent;
position: relative;
z-index: 1;
font-size: 13px;
padding: 10px 20px 11px;
border-radius: inherit !important;
box-shadow: none !important;
text-align: inherit
}
div.dgwt-wcas-search-wrapp .input-focus, .ovic-newsletter .input-focus {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 1px solid transparent;
border-radius: inherit
}
div.dgwt-wcas-search-wrapp .input-focus, .border-yes .ovic-newsletter .input-focus {
border-color: #eee
}
div.dgwt-wcas-search-wrapp input[type=search].input-text:focus ~ .input-focus, .ovic-newsletter .input-text[type]:focus~.input-focus {
border-color: var(--main-color)
}
.ovic-newsletter .submit-newsletter {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
z-index: 1;
padding: 10px 25px 11px;
border-radius: 0;
border-top-right-radius: var(--main-bora);
border-bottom-right-radius: var(--main-bora)
}
.ovic-newsletter.style-01 .title {
font-size: 16px;
line-height: 22px;
margin: 0 0 14px
}
.ovic-newsletter.style-01 form {
max-width: 300px
}
.ovic-newsletter.style-01 .input-text[type] {
padding: 3px 15px;
height: 30px
}
.ovic-newsletter.style-01 .submit-newsletter {
padding: 3px 10px;
font-size: 14px
}
.ovic-newsletter.style-02 {
color: #999
}
.ovic-newsletter.style-02 .title {
font-size: 18px;
line-height: 26px;
color: #fff
}
.ovic-newsletter.style-02 form {
max-width: 544px
}
.ovic-newsletter.style-02 .text-field {
background-color: transparent
}
.ovic-newsletter.style-02 .input-text[type] {
padding: 6px 22px;
height: 36px;
padding-inline-end:59px;--input-cl-h: #fff
}
.ovic-newsletter.style-02 .input-focus {
border-color: #7a7a7a
}
.ovic-newsletter.style-02 .submit-newsletter {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 59px;
padding: 6px 0;
background-color: transparent;
color: #7a7a7a
}
.ovic-newsletter.style-02 .submit-newsletter:hover {
color: var(--main-color)
}
.ovic-newsletter.style-03 {
color: #999
}
.ovic-newsletter.style-03 .text-field {
background-color: transparent
}
.ovic-newsletter.style-03 .input-text[type] {
padding: 6px 17px;
height: 36px
}
.ovic-newsletter.style-03 .input-focus {
border-color: #505050
}
.ovic-newsletter.style-03 .submit-newsletter {
padding: 6px 17px
}
.ovic-newsletter.style-03 .submit-newsletter:not(:hover) {
background-color: #505050;
color: inherit
}
.ovic-newsletter.style-04 .title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 5px
}
.ovic-newsletter.style-04 .input-text[type] {
padding: 10px 22px 10px;
padding-inline-end:77px;height: 44px
}
.ovic-newsletter.style-04 .submit-newsletter {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 55px;
padding: 10px 0;
background-color: transparent;
color: #aaa;
font-size: 0;
line-height: 0;
letter-spacing: 0;
opacity: 1 !important
}
.ovic-newsletter.style-04 .submit-newsletter:hover {
color: var(--main-color)
}
.ovic-newsletter.style-04 .submit-newsletter:before {
font-size: 21px;
line-height: 24px;
font-weight: 400;
font-family: main-icon,sans-serif;
content: '\e915'
}
.ovic-newsletter.style-04 .submit-newsletter:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
width: 1px;
height: 26px;
background-color: #ddd;
margin: auto
}
.ovic-newsletter.style-05 .title {
font-family: Oswald,sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin-bottom: 15px
}
.ovic-newsletter.style-05 .submit-newsletter {
font-family: Oswald,sans-serif;
font-weight: 300;
font-size: 16px;
padding-inline-start:25px;padding-inline-end:25px}
.ovic-newsletter.style-06 .text-field {
background-color: transparent
}
.ovic-newsletter.style-06 .input-text[type] {
font-size: 15px;
padding: 18px 20px;
height: 60px
}
.border-yes .ovic-newsletter.style-06 .input-focus {
border-color: #ccc
}
.ovic-newsletter.style-06 .submit-newsletter {
font-family: 'Montserrat',sans-serif;
font-size: 16px;
padding: 18px 24px
}
.ovic-newsletter.style-07 .input-text[type] {
padding: 11px 20px;
height: 46px
}
.ovic-newsletter.style-07 .submit-newsletter {
padding: 11px 30px;
letter-spacing: .1em
}
.ovic-newsletter.style-08 .desc {
font-size: 14px;
line-height: 20px;
padding: 5px 0;
margin-bottom: 10px
}
.ovic-newsletter.style-08 .text-field {
background-color: #eee
}
.ovic-newsletter.style-08 .input-text[type] {
padding: 8px 30px;
padding-inline-end:50px}
.ovic-newsletter.style-08 .submit-newsletter {
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-color: transparent;
width: 50px;
padding: 0;
opacity: 1 !important;
color: var(--default-color)
}
.ovic-newsletter.style-08 .submit-newsletter:hover {
color: var(--main-color)
}
.ovic-newsletter.style-08 .submit-newsletter:before {
display: block;
font-family: main-icon,sans-serif;
content: '\e91c';
font-size: 10px;
line-height: 20px;
width: 22px;
border: 1px solid;
border-radius: 90px;
margin: auto
}
.ovic-newsletter.style-09 .title {
font-size: 18px;
margin-bottom: 29px
}
.ovic-newsletter.style-09 .input-text[type] {
padding: 9px 18px;
height: 42px
}
.ovic-newsletter.style-09 .input-focus {
border-width: 2px
}
.ovic-newsletter.style-09 .submit-newsletter {
padding: 9px 11px
}
.ovic-newsletter.style-11 .text-field {
border-radius: var(--main-bora)
}
.ovic-newsletter.style-11 .input-text[type] {
padding: 12px 32px;
height: 48px;
font-size: 14px
}
.ovic-newsletter.style-11 .input-focus {
border: 2px solid #ddd
}
.ovic-newsletter.style-11 .submit-newsletter {
font-weight: 400;
padding: 12px 46px;
border-radius: var(--main-bora);
background-color: var(--default-color);
margin-inline-start:7px}
.ovic-newsletter.style-11 .submit-newsletter:hover {
background-color: var(--main-color)
}
.ovic-newsletter.style-12 .input-text[type] {
height: 44px;
padding: 10px 20px
}
.ovic-newsletter.style-12 .submit-newsletter {
font-size: 12px;
padding: 10px 20px
}
.ovic-newsletter.style-13 .input-text[type] {
height: 50px;
padding: 13px 18px
}
.ovic-newsletter.style-13 .submit-newsletter {
font-size: 13px;
padding: 13px 30px
}
@media (max-width: 1199px) {
.ovic-newsletter.style-06 .input-text[type] {
padding:15px 20px;
height: 54px
}
.ovic-newsletter.style-06 .submit-newsletter {
padding: 15px 24px
}
.ovic-newsletter.style-09 .title {
font-size: 17px;
margin-bottom: 26px
}
.ovic-newsletter.style-11 .input-text[type] {
padding: 11px 20px;
height: 46px
}
.ovic-newsletter.style-11 .submit-newsletter {
font-weight: 400;
padding: 11px 36px
}
.ovic-newsletter.style-13 .input-text[type] {
height: 46px;
padding: 11px 17px
}
.ovic-newsletter.style-13 .submit-newsletter {
padding: 11px 26px
}
}
@media (max-width: 767px) {
.ovic-newsletter.style-11 .submit-newsletter {
width:100%;
margin: 7px 0 0
}
.ovic-newsletter.style-13 .input-text[type] {
height: 42px;
padding: 9px 16px
}
.ovic-newsletter.style-13 .submit-newsletter {
padding: 9px 22px
}
}
@media (max-width: 479px) {
.ovic-newsletter.style-06 .mc4wp-form-fields {
display:block
}
.ovic-newsletter.style-06 .text-field {
width: 100%
}
.ovic-newsletter.style-06 .input-text[type] {
font-size: 14px;
padding: 11px 20px;
height: 46px
}
.ovic-newsletter.style-06 .submit-newsletter {
padding: 11px 20px;
width: 100%;
margin-top: 10px;
font-size: 14px
}
}
.kuteshop-countdown {
display: inline-block;
vertical-align: top;
font-size: 0;
line-height: 0;
letter-spacing: 0
}
.kuteshop-countdown>* {
display: inline-block;
vertical-align: top;
position: relative
}
.ovic-countdown.style-01 .title {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px;
color: var(--default-color);
font-weight: var(--main-h-fw);
padding: 3px 0;
padding-inline-end:5px}
.ovic-countdown.style-01 .icon {
display: inline-block;
vertical-align: top;
font-size: 24px;
font-weight: 400;
color: var(--main-color)
}
.ovic-countdown.style-01 .kuteshop-countdown-wrapper {
display: inline-block;
vertical-align: top
}
.ovic-countdown.style-01 .kuteshop-countdown {
margin: -5px
}
.ovic-countdown.style-01 .kuteshop-countdown>* {
font-size: 14px;
line-height: 24px;
border: 1px solid #ddd;
padding: 2px 8px;
margin: 5px
}
.ovic-countdown.style-01 .kuteshop-countdown>*:not(:last-child):after {
position: absolute;
content: ':';
top: 0;
bottom: 0;
right: -8px;
margin: auto;
color: var(--default-color);
height: 24px
}
.ovic-countdown.style-02 .kuteshop-countdown>* {
width: 68px;
height: 68px;
border: 1px solid #eee;
border-radius: 90px;
padding: 9px;
font-size: 10px;
line-height: 14px;
color: #fff;
background-color: #fff;
font-family: 'Lato',sans-serif;
text-align: center
}
.ovic-countdown.style-02 .kuteshop-countdown>*:not(:first-child) {
margin-inline-start:-6px}
.ovic-countdown.style-02 .kuteshop-countdown>*:before {
position: absolute;
content: '';
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
border-radius: inherit;
background-color: var(--main-color)
}
.ovic-countdown.style-02 .kuteshop-countdown .number {
display: block;
position: relative;
font-size: 14px;
line-height: 20px;
font-weight: 700;
padding-top: 5px
}
.ovic-countdown.style-02 .kuteshop-countdown .number:after {
display: block;
content: '';
width: 50%;
margin: auto;
border-bottom: 1px solid
}
.ovic-countdown.style-02 .kuteshop-countdown .text {
display: block;
position: relative
}
.ovic-countdown.style-02 .title {
font-size: 20px;
line-height: 26px;
font-weight: 400;
color: #fff;
text-align: center;
padding: 5px 15px;
margin: 0 0 15px
}
.ovic-countdown.style-02 .title>* {
width: 26px;
display: inline-block;
vertical-align: top
}
.ovic-countdown.style-02 .title>.space {
width: 0
}
.ovic-countdown.style-02 .title>.color {
color: #ebd200
}
.ovic-countdown.style-03 .inner {
display: inline-block;
vertical-align: top;
max-width: 100%;
text-align: center;
font-family: 'Oswald',sans-serif
}
.ovic-countdown.style-03 .content {
display: flex
}
.ovic-countdown.style-03 .title {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 36px;
line-height: 33px;
padding: 16px 10px 18px;
color: #fff;
margin-bottom: 0
}
.ovic-countdown.style-03 .kuteshop-countdown-wrapper {
display: flex
}
.ovic-countdown.style-03 .kuteshop-countdown {
display: flex
}
.ovic-countdown.style-03 .kuteshop-countdown>* {
font-size: 16px;
line-height: 1;
color: var(--default-color);
min-width: 80px
}
.ovic-countdown.style-03 .kuteshop-countdown>*:not(:last-child) {
margin-inline-end:1px;box-shadow: 1px 0 #aaa
}
.ovic-countdown.style-03 .kuteshop-countdown>*:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
height: 100px;
background-color: #f6f6f6
}
.ovic-countdown.style-03 .kuteshop-countdown>*:after {
position: absolute;
content: '';
top: 43px;
left: 0;
right: 0;
padding: 0;
border-top: 2px solid #aaa
}
.ovic-countdown.style-03 .kuteshop-countdown .number {
display: block;
font-size: 60px;
font-weight: 600;
padding: 7px 5px 33px;
position: relative;
z-index: 2
}
.ovic-countdown.style-03 .kuteshop-countdown .number:before, .ovic-countdown.style-03 .kuteshop-countdown .number:after {
content: attr(data-number);
position: absolute;
left: 0;
right: 0;
padding-inline-start:inherit;padding-inline-end:inherit;background-color: #f6f6f6;
overflow: hidden;
z-index: -1
}
.ovic-countdown.style-03 .kuteshop-countdown .number:before {
top: 0;
height: 44px;
padding-top: inherit;
border-bottom: 1px solid #aaa;
box-shadow: 0 1px #aaa;
transform-origin: 50% 100%
}
.ovic-countdown.style-03 .kuteshop-countdown .number:after {
bottom: 0;
height: 56px;
padding-bottom: inherit;
border-top: 1px solid #aaa;
box-shadow: 0 -1px #aaa;
transform-origin: 50% 0;
transform: rotateX(90deg);
display: flex;
align-items: flex-end;
justify-content: center
}
.ovic-countdown.style-03 .kuteshop-countdown .flip .number:before {
transition: .25s ease-in-out;
transform: rotateX(-90deg);
z-index: 1
}
.ovic-countdown.style-03 .kuteshop-countdown .flip .number:after {
transition: .25s ease-in-out .25s;
transform: rotateX(0deg);
z-index: 1
}
.ovic-countdown.style-03 .kuteshop-countdown .text {
position: absolute;
bottom: 11px;
left: 5px;
right: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
z-index: 1
}
.ovic-countdown.style-04 .kuteshop-countdown>*:not(:last-child):after {
display: inline-block;
vertical-align: top;
font-size: 20px;
line-height: 24px;
content: ':';
width: 8px;
margin: -2px 0 2px
}
.ovic-countdown.style-04 .kuteshop-countdown .digit {
display: inline-block;
vertical-align: top;
font-size: 18px;
line-height: 24px;
background-color: #aaa;
color: #fff;
width: 24px;
margin: 0 1px;
text-align: center
}
.ovic-countdown.style-05 .kuteshop-countdown {
margin: 0 -3px
}
.ovic-countdown.style-05 .kuteshop-countdown>* {
width: 47px;
padding: 4px 3px;
font-size: 14px;
line-height: 20px;
background-color: #f5f5f5;
text-align: center;
margin: 0 3px
}
.ovic-countdown.style-05 .kuteshop-countdown .number {
display: block;
font-size: 18px
}
.ovic-countdown.style-05 .kuteshop-countdown .text {
display: block
}
.ovic-countdown.style-06 .kuteshop-countdown {
margin: 0 -8px
}
.ovic-countdown.style-06 .kuteshop-countdown>* {
font-family: 'Oswald',sans-serif;
font-size: 16px;
line-height: 24px;
color: #999;
padding: 0 8px;
text-align: center
}
.ovic-countdown.style-06 .kuteshop-countdown .number {
display: block;
padding: 5px 6px;
min-width: 42px;
background-color: #f36;
color: #fff;
font-weight: 600
}
.ovic-countdown.style-06 .kuteshop-countdown .text {
display: block;
letter-spacing: .05em
}
.ovic-countdown.style-07 .title {
font-size: 18px;
line-height: 24px;
font-weight: 700;
margin-bottom: 9px
}
.ovic-countdown.style-07 .kuteshop-countdown {
margin: 0 -3px
}
.ovic-countdown.style-07 .kuteshop-countdown>* {
font-size: 12px;
line-height: 16px;
text-align: center;
margin: 0 3px
}
.ovic-countdown.style-07 .kuteshop-countdown .number {
display: block;
padding: 8px 5px;
min-width: 50px;
background-color: var(--default-color);
color: #fff;
font-weight: 600;
font-size: 18px;
line-height: 24px
}
.ovic-countdown.style-07 .kuteshop-countdown .text {
display: block;
margin-top: 5px
}
.ovic-countdown.style-08 .kuteshop-countdown>* {
text-align: center;
padding: 0 20px;
font-size: 10px;
line-height: 14px;
letter-spacing: .04em;
color: #828282;
text-transform: uppercase
}
.ovic-countdown.style-08 .kuteshop-countdown .number {
display: block;
font-size: 24px;
line-height: 24px;
letter-spacing: .02em;
font-weight: 700;
color: #000;
position: relative
}
.ovic-countdown.style-08 .kuteshop-countdown > *:not(:last-child) .number:after {
position: absolute;
content: ':';
top: 0;
right: -23px
}
.ovic-countdown.style-08 .kuteshop-countdown .text {
display: block;
margin-top: 10px
}
.ovic-countdown.style-09 .kuteshop-countdown {
margin: 0 -19px
}
.ovic-countdown.style-09 .kuteshop-countdown>* {
font-size: 14px;
line-height: 20px;
letter-spacing: .03em;
text-transform: uppercase;
color: #777;
text-align: center;
min-width: 88px;
padding: 17px 5px 11px;
background-color: #fff;
border-bottom: 4px solid #968e84;
border-radius: 4px;
box-shadow: 0 0 0 1px #eee;
margin: 0 19px
}
.ovic-countdown.style-09 .kuteshop-countdown .number {
display: block;
font-family: "Great Vibes",Sans-serif;
font-size: 48px;
line-height: 40px;
font-weight: 600;
color: var(--main-color)
}
.ovic-countdown.style-09 .kuteshop-countdown .text {
display: block
}
.ovic-countdown.style-10 .kuteshop-countdown>* {
font-size: 14px;
line-height: 1.2;
color: #888
}
.ovic-countdown.style-10 .kuteshop-countdown>*:not(:last-child):after {
content: ':';
padding: 0 10px
}
.ovic-countdown.style-10 .number {
font-family: "Rajdhani",sans-serif;
font-size: 24px;
font-weight: 600;
color: #000
}
.ovic-countdown.style-11 .kuteshop-countdown {
margin: 0 -7px -10px
}
.ovic-countdown.style-11 .kuteshop-countdown>* {
font-size: 14px;
line-height: 18px;
min-width: 60px;
background-color: #fff;
border-radius: var(--main-bora);
text-align: center;
padding: 12px 5px;
margin: 0 7px 10px
}
.ovic-countdown.style-11 .kuteshop-countdown>*:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
.ovic-countdown.style-11 .kuteshop-countdown > *:not(:hover) .number {
color: var(--default-color)
}
.ovic-countdown.style-11 .number {
font-size: 20px;
line-height: 1;
font-weight: var(--main-h-fw);
display: block
}
.ovic-countdown.style-12 {
font-size: 12px;
line-height: 20px
}
.ovic-countdown.style-12>.title {
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 700;
padding: 10px 28px;
color: var(--main-color-t);
background-color: var(--main-color);
margin: 0
}
.ovic-countdown.style-12 .kuteshop-countdown-wrapper {
display: inline-block;
vertical-align: top;
border: 1px solid #e6e6e6;
padding: 7px 19px
}
.ovic-countdown.style-12 .icon {
font-size: 20px;
color: var(--default-color);
margin-inline-end:14px}
.ovic-countdown.style-12 .kuteshop-countdown>* {
font-size: 13px;
line-height: 20px
}
.ovic-countdown.style-12 .kuteshop-countdown>:not(:last-child):after {
display: inline-block;
vertical-align: top;
content: ':';
font-size: 20px;
margin: 0 8px
}
.ovic-countdown.style-12 .kuteshop-countdown .number {
font-size: 18px;
font-weight: var(--main-h-fw);
color: var(--default-color)
}
@media (min-width: 768px) {
.ovic-countdown.style-02.position-horizon {
display:flex;
align-items: center
}
.ovic-countdown.style-02.position-horizon .kuteshop-countdown-wrapper {
flex: 1 1 auto;
width: 1%
}
.ovic-countdown.style-02.position-horizon .kuteshop-countdown>* {
display: block;
width: 77px;
height: 77px;
padding: 14px
}
.ovic-countdown.style-02.position-horizon .kuteshop-countdown>*:not(:first-child) {
margin: -6px 0 0
}
.ovic-countdown.style-02.position-horizon .kuteshop-countdown>*:before {
top: 12px;
bottom: 12px;
left: 12px;
right: 12px
}
.ovic-countdown.style-02.position-horizon .title {
font-size: 24px;
line-height: 36px;
width: 38px;
padding: 19px 0;
margin: 0;
margin-inline-end:15px}
.ovic-countdown.style-02.position-horizon .title>* {
display: block;
width: auto
}
}
@media (max-width: 1199px) {
.ovic-countdown.style-02 .kuteshop-countdown>* {
width:66px;
height: 66px;
padding: 8px;
font-size: 10px;
line-height: 14px
}
.ovic-countdown.style-02 .kuteshop-countdown>*:not(:first-child) {
margin-inline-start:-6px}
.ovic-countdown.style-02 .kuteshop-countdown>*:before {
top: 9px;
left: 9px;
right: 9px;
bottom: 9px
}
.ovic-countdown.style-02 .kuteshop-countdown .number {
font-size: 14px;
line-height: 20px;
padding-top: 5px
}
.ovic-countdown.style-02 .title {
font-size: 20px;
line-height: 26px;
font-weight: 400;
color: #fff;
text-align: center;
padding: 5px 15px;
margin: 0 0 15px
}
.ovic-countdown.style-02 .title>* {
width: 26px;
display: inline-block;
vertical-align: top
}
.ovic-countdown.style-03 .title {
font-size: 32px;
line-height: 30px;
padding: 12px 10px 14px
}
.ovic-countdown.style-03 .kuteshop-countdown>* {
font-size: 15px;
min-width: 72px
}
.ovic-countdown.style-03 .kuteshop-countdown>*:before {
height: 86px
}
.ovic-countdown.style-03 .kuteshop-countdown>*:after {
top: 35px
}
.ovic-countdown.style-03 .kuteshop-countdown .number {
font-size: 54px;
padding: 5px 5px 27px
}
.ovic-countdown.style-03 .kuteshop-countdown .number:before {
height: 36px
}
.ovic-countdown.style-03 .kuteshop-countdown .number:after {
height: 50px
}
.ovic-countdown.style-03 .kuteshop-countdown .text {
bottom: 8px
}
.ovic-countdown.style-05 .kuteshop-countdown>* {
width: 44px;
font-size: 13px;
line-height: 18px
}
.ovic-countdown.style-05 .kuteshop-countdown .number {
font-size: 17px
}
.ovic-countdown.style-09 .kuteshop-countdown {
margin: 0 -13px
}
.ovic-countdown.style-09 .kuteshop-countdown>* {
font-size: 12px;
line-height: 18px;
min-width: 78px;
padding: 15px 5px 9px;
margin: 0 13px
}
.ovic-countdown.style-09 .kuteshop-countdown .number {
font-size: 44px;
line-height: 35px
}
.ovic-countdown.style-12>.title {
padding: 10px 24px
}
.ovic-countdown.style-12 .kuteshop-countdown-wrapper {
padding: 7px 16px
}
.ovic-countdown.style-12 .icon {
font-size: 19px;
margin-inline-end:10px}
.ovic-countdown.style-12 .kuteshop-countdown>:not(:last-child):after {
font-size: 19px;
margin: -1px 7px 1px
}
.ovic-countdown.style-12 .kuteshop-countdown .number {
font-size: 17px
}
}
@media (max-width: 991px) {
.ovic-countdown.style-05 .kuteshop-countdown>* {
width:42px
}
.ovic-countdown.style-12>.title {
padding: 10px 20px
}
.ovic-countdown.style-12 .kuteshop-countdown-wrapper {
padding: 7px 13px
}
}
@media (max-width: 767px) {
.ovic-countdown.style-02 {
text-align:center
}
.ovic-countdown.style-12>.title {
padding: 10px 15px
}
.ovic-countdown.style-12 .kuteshop-countdown-wrapper {
padding: 7px 10px
}
.ovic-countdown.style-12 .icon {
font-size: 18px;
margin-inline-end:6px}
.ovic-countdown.style-12 .kuteshop-countdown>:not(:last-child):after {
font-size: 18px;
margin: -1px 6px 1px
}
.ovic-countdown.style-12 .kuteshop-countdown .number {
font-size: 16px
}
}
@media (max-width: 479px) {
.ovic-countdown.style-01 .kuteshop-countdown>* {
font-size:13px;
line-height: 23px
}
.ovic-countdown.style-03 .content {
display: block
}
.ovic-countdown.style-03 .title br {
display: none
}
.ovic-countdown.style-03 .kuteshop-countdown>* {
font-size: 14px;
min-width: 62px
}
.ovic-countdown.style-03 .kuteshop-countdown>*:before {
height: 80px
}
.ovic-countdown.style-03 .kuteshop-countdown>*:after {
top: 31px
}
.ovic-countdown.style-03 .kuteshop-countdown .number {
font-size: 50px;
padding: 4px 5px 26px
}
.ovic-countdown.style-03 .kuteshop-countdown .number:before {
height: 32px
}
.ovic-countdown.style-03 .kuteshop-countdown .number:after {
height: 48px
}
.ovic-countdown.style-05 .kuteshop-countdown>* {
width: 36px;
font-size: 11px;
line-height: 14px
}
.ovic-countdown.style-05 .kuteshop-countdown .number {
font-size: 15px
}
.ovic-countdown.style-08 .kuteshop-countdown>* {
padding: 0 15px
}
.ovic-countdown.style-08 .kuteshop-countdown > *:not(:last-child) .number:after {
right: -18px
}
.ovic-countdown.style-08 .kuteshop-countdown .text {
margin-top: 5px
}
.ovic-countdown.style-09 .kuteshop-countdown {
margin: 0 -5px
}
.ovic-countdown.style-09 .kuteshop-countdown>* {
min-width: 65px;
margin: 0 5px
}
}
.ovic-iconbox .inner {
display: inline-block;
vertical-align: top;
max-width: 100%;
font-size: 0;
line-height: 0;
letter-spacing: 0;
text-align: start
}
.ovic-iconbox * {
margin: 0
}
.ovic-iconbox .icon img {
display: block
}
.ovic-iconbox.style-01 .icon {
display: inline-block;
vertical-align: middle;
font-size: 40px;
line-height: 1;
width: 40px
}
.ovic-iconbox.style-01 .content {
display: inline-block;
vertical-align: middle;
max-width: calc(100% - 40px);
padding-inline-start:12px}
.ovic-iconbox.style-01 .title {
font-size: 18px;
line-height: 1.2;
font-weight: 600
}
.ovic-iconbox.style-01 .desc {
font-size: 13px;
line-height: 1.2
}
.ovic-iconbox.style-02 .icon {
display: inline-block;
vertical-align: middle;
font-size: 48px;
line-height: 1;
width: 48px;
margin-inline-end:20px}
.ovic-iconbox.style-02 .content {
display: inline-block;
vertical-align: middle;
max-width: calc(100% - 68px);
font-size: 13px;
line-height: 18px
}
.ovic-iconbox.style-02 .title {
font-size: inherit;
line-height: inherit;
color: inherit;
font-weight: var(--main-h-fw);
margin-bottom: 3px
}
@media (max-width: 1199px) {
.ovic-iconbox.style-01 .icon {
font-size:36px;
width: 36px
}
.ovic-iconbox.style-01 .content {
max-width: calc(100% - 36px);
padding-inline-start:9px}
.ovic-iconbox.style-01 .title {
font-size: 17px
}
.ovic-iconbox.style-02 .icon {
font-size: 44px;
width: 44px;
margin-inline-end:16px}
.ovic-iconbox.style-02 .content {
max-width: calc(100% - 60px)
}
.ovic-iconbox.style-02 .title {
margin-bottom: 2px
}
}
@media (max-width: 767px) {
.ovic-iconbox.style-02 .icon {
font-size:40px;
width: 40px;
margin-inline-end:12px}
.ovic-iconbox.style-02 .content {
max-width: calc(100% - 52px)
}
.ovic-iconbox.style-02 .title {
margin-bottom: 1px
}
}
.wp-video {
width: 100% !important
}
.ovic-video .wp-video {
overflow: hidden
}
.post-inner {
position: relative;
background-color: #fff;
overflow: hidden
}
.post-thumb {
position: relative;
overflow: hidden;
margin: 0
}
.post-thumb .thumb-link {
display: inline-block;
vertical-align: top;
max-width: 100%;
position: relative;
overflow: hidden
}
.post-title {
font-size: 14px;
line-height: 1.43;
font-weight: inherit;
margin: 0
}
.post-content>:last-child,.post-excerpt>:last-child {
margin-bottom: 0
}
.post-excerpt {
margin: 0
}
.post-readmore a {
display: inline-block;
vertical-align: top;
padding: 10px 35px;
color: inherit;
background-color: #dedede
}
.post-readmore a:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
.post_cat {
font-size: 14px;
line-height: 20px
}
.post_cat .inner {
display: inline-block;
vertical-align: top;
max-width: 100%;
background-color: var(--main-color);
color: var(--main-color-t);
padding: 3px 18px
}
.post_cat a {
display: inline-block;
vertical-align: top
}
.post_cat a:hover {
color: inherit;
text-decoration: underline
}
.post_tag .title {
display: inline-block;
vertical-align: top;
color: var(--default-color);
padding: 4px 0;
margin-inline-end:7px}
.post_tag .inner {
display: inline-block;
vertical-align: top;
font-size: 0;
line-height: 0;
letter-spacing: 0;
margin: -10px -5px 0
}
.post_tag a {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px;
padding: 4px 14px;
background-color: #fff;
box-shadow: 0 0 0 1px #eee inset;
margin: 10px 5px 0;
position: relative;
border-radius: var(--main-bora)
}
.post_tag a:hover {
box-shadow: none;
color: var(--main-color-t);
background-color: var(--main-color)
}
.post-share>.title {
display: inline-block;
vertical-align: top;
margin-inline-end:5px}
.post-share .ovic-share-socials {
display: inline-block;
vertical-align: top
}
.post-meta {
font-size: 14px;
line-height: 24px;
text-transform: capitalize
}
.post-meta a {
display: inline-block;
vertical-align: top
}
.post-meta .icon {
display: inline-block;
vertical-align: top
}
.post-meta .icon:before {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif
}
.post-author .icon:before {
content: "\f044"
}
.post-date .icon:before {
content: "\f133"
}
.post-comment .icon:before {
content: "\f0e5"
}
.post-share-button > a .icon:before {
content: "\f1e0"
}
.post-share-button:not(.open) .ovic-share-socials {
visibility: hidden;
opacity: 0
}
.post-share-button .ovic-share-socials {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%);
padding: 3px 15px;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
white-space: nowrap;
z-index: 10
}
.post-share-button .ovic-share-socials>.inner {
flex-wrap: inherit
}
.post-metas {
font-size: 0;
line-height: 0;
letter-spacing: 0;
margin: 0 -7px
}
.post-metas>* {
display: inline-block;
vertical-align: top;
margin: 0 7px;
position: relative
}
.post-author a:not(:hover) {
color: inherit
}
.ovic-share-socials>.inner {
display: flex;
flex-wrap: wrap;
margin: 0 -13px
}
.ovic-share-socials a {
font-size: 14px;
line-height: 24px;
margin: 0 13px;
color: var(--social-color)
}
.ovic-share-socials a .text {
display: none
}
.ovic-share-socials a .icon {
display: inline-block;
vertical-align: top
}
.ovic-share-socials a.facebook {
--social-color: #3b5998
}
.ovic-share-socials a.twitter {
--social-color: #1da1f2
}
.ovic-share-socials a.pinterest {
--social-color: #bd081c
}
.ovic-share-socials a:hover {
color: var(--main-color)
}
.pagination-post {
margin-top: 40px
}
.pagination-post .inner {
display: flex;
flex-wrap: wrap;
position: relative;
margin: 0 -15px
}
.pagination-post .item {
flex: 1 1 auto;
width: 1%;
padding: 0 15px
}
.pagination-post .next {
text-align: end
}
.pagination-post .link {
display: flex;
font-size: 14px;
line-height: 20px;
color: var(--default-color)
}
.pagination-post .icon:before {
font-family: FontAwesome,sans-serif;
content: "\f177";
width: 44px;
height: 44px;
color: var(--main-cl);
background-color: #f5f5f5;
border-radius: var(--main-bora);
margin-inline-end:15px;display: flex;
align-items: center;
justify-content: center
}
.pagination-post .next .icon:before {
content: "\f178";
margin-inline-end:0;margin-inline-start:15px}
.pagination-post .link:hover .icon:before {
color: var(--main-color-t);
background-color: var(--main-color)
}
.pagination-post .content {
flex: 1 1 auto;
width: 1%
}
.pagination-post .text {
display: block;
color: var(--main-color);
margin-bottom: 2px
}
.post-author-info {
background-color: #fff;
border: 1px solid #eee;
padding: 29px;
display: flex;
flex-wrap: wrap;
margin-top: 60px
}
.post-author-info .avatar {
width: 90px
}
.post-author-info .avatar a {
display: inline-block;
vertical-align: top;
max-width: 100%;
border-radius: var(--main-bora);
overflow: hidden
}
.post-author-info .content {
flex: 1 1 auto;
width: 1%;
padding-inline-start:30px}
.post-author-info .name {
font-size: 24px;
line-height: 1.25;
font-weight: var(--main-h-fw);
color: var(--default-color);
text-transform: capitalize;
margin: -5px 0 8px
}
.post-author-info .desc {
margin-bottom: 2px
}
.post-author-info .button {
display: inline;
color: var(--default-color);
background-color: transparent !important;
padding: 0;
border-radius: 0;
text-transform: none
}
.post-author-info .button:hover {
color: var(--main-color)
}
@media (max-width: 1199px) {
.post-thumb .thumb-link, .post-thumb .thumb-link img {
width:100%
}
.pagination-post {
margin-top: 30px
}
.post-author-info {
margin-top: 40px;
padding: 24px 19px
}
.post-author-info .avatar {
width: 80px
}
.post-author-info .content {
padding-inline-start:20px}
.post-author-info .name {
font-size: 20px;
margin-bottom: 5px
}
.ovic-share-socials>.inner {
margin: 0 -7px
}
.ovic-share-socials a {
margin: 0 7px
}
}
.blog-content {
display: flex;
flex-wrap: wrap;
--blog-margin: 40px;
margin-bottom: calc(0px - var(--blog-margin))
}
.blog-content .post-item {
width: 100%;
margin-bottom: var(--blog-margin)
}
.blog-content+.pagination-wrap {
text-align: center
}
.blog-content + .pagination-wrap .type-load_more:before, .blog-content + .pagination-wrap .type-infinite:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background-color: #eee;
margin: auto
}
@media (max-width: 1199px) {
.blog-content {
--blog-margin:30px
}
}
@media (max-width: 767px) {
.blog-content {
--blog-margin:20px
}
}
.post-item.style-01.type-product .post-thumb {
padding: 1px 1px 0;
border-bottom: 1px solid #eee
}
.post-item.style-01 .post-inner {
box-shadow: 0 0 0 1px #eee inset
}
.post-single > .post-inner .post-date, .post-item.style-01 .post-date {
position: absolute;
top: 10px;
left: 0;
z-index: 1
}
.post-single > .post-inner .post-date a, .post-item.style-01 .post-date a {
display: block;
font-size: 15px;
line-height: 24px;
text-transform: uppercase;
color: var(--default-color);
padding: 8px 14px;
border-top-right-radius: var(--main-bora);
border-bottom-right-radius: var(--main-bora);
background-color: #fff;
padding-inline-end:20px}
.post-single > .post-inner .post-date a:hover, .post-item.style-01 .post-date a:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
.post-item.style-01 .post-info {
padding: 0 19px 24px
}
.post-item.style-01 .post_cat {
position: relative;
margin-top: 29px
}
.post-item.style-01 .post-thumb + .post-info .post_cat {
margin-top: -13px
}
.post-item.style-01 .post-title {
font-size: 24px;
line-height: 1.25;
font-weight: var(--main-h-fw);
margin-top: 22px
}
.post-item.style-01 .post-metas {
margin-top: 10px
}
.post-item.style-01 .post-excerpt {
margin-top: 8px
}
.post-item.style-01 .post-readmore {
margin-top: 23px
}
@media (max-width: 1199px) {
.post-item.style-01 .post-info {
padding:0 14px 19px
}
.post-item.style-01 .post_cat {
margin-top: 24px
}
.post-item.style-01 .post-title {
font-size: 20px;
margin-top: 17px
}
.post-item.style-01 .post-readmore {
margin-top: 18px
}
.post-item.style-01 .post-readmore a {
padding: 8px 27px
}
.post-single > .post-inner .post-date a, .post-item.style-01 .post-date a {
font-size: 14px;
padding: 6px 12px;
padding-inline-end:18px}
}
.blog-standard .post-item .post-title {
font-size: 30px
}
.blog-grid {
margin-inline-start:calc(0px - var(--blog-space));margin-inline-end: calc(0px - var(--blog-space))
}
.blog-grid .post-item {
width: calc(100% / var(--blog-columns));
padding: 0 var(--blog-space)
}
@media (min-width: 992px) and (max-width: 1199px) {
.sidebar-left .blog-grid, .sidebar-right .blog-grid {
--blog-columns:2 !important
}
}
@media (max-width: 1199px) {
.blog-standard .post-item .post-title {
font-size:26px
}
}
@media (max-width: 991px) {
.blog-grid {
--blog-columns:2 !important
}
}
@media (max-width: 767px) {
.blog-standard .post-item .post-title {
font-size:24px
}
.blog-grid {
--blog-space: 5px !important
}
}
@media (max-width: 479px) {
.blog-grid {
--blog-columns:1 !important
}
}
@media (min-width: 480px) {
.blog-list .post-item.style-01 .post-inner {
display:flex
}
.blog-list .post-item.style-01 .post-thumb {
width: 480px;
max-width: 46%
}
.blog-list .post-item.style-01 .thumb-link img {
height: 304px;
object-fit: cover
}
.blog-list .post-item.style-01 .post-info {
flex: 1 1 auto;
width: 1%
}
.blog-list .post-item.style-01 .post_cat {
margin-top: 15px !important
}
.blog-list .post-item.style-01 .post-title {
margin-top: 15px
}
}
.ovic-blog .ovic-title {
margin-bottom: 20px
}
.blog-item.style-01 .post-inner {
display: flex;
flex-wrap: wrap
}
.blog-item.style-01 .post-thumb {
width: 90px
}
.blog-item.style-01 .post-info {
flex: 1 1 auto;
width: 1%;
padding-inline-start:10px}
.blog-item.style-01 .post-title {
margin: -3px 0 6px
}
.ovic-blog.style-02:not([class*='rows-space-']) .content-post[data-slick*='"slidesMargin":0'] {
border: 1px solid #eee;
background-color: #fff
}
.ovic-blog.style-02:not([class*='rows-space-']) .content-post[data-slick*='"slidesMargin":0'] .post-inner {
border: none;
border-inline-start:1px solid transparent}
.ovic-blog.style-02:not([class*='rows-space-']) .content-post[data-slick*='"slidesMargin":0'] .slick-active + * .post-inner {
border-inline-start-color:#eee}
.ovic-blog.style-02:not([class*='rows-space-']) .content-post[data-slick*='"slidesMargin":0'] .row-item:not(:first-child) .post-inner {
border-top: 1px solid #eee
}
.blog-item.style-02 .post-inner {
padding: 19px 14px;
border: 1px solid #eee
}
.blog-item.style-02 .post-info {
padding: 0 10px 12px
}
.blog-item.style-02 .post_cat {
margin-top: 15px
}
.blog-item.style-02 .post_cat .inner {
color: inherit;
background-color: transparent;
padding: 0
}
.blog-item.style-02 .post_cat a:hover {
color: var(--main-color);
text-decoration: none
}
.blog-item.style-02 .post-title {
font-size: 20px;
line-height: 1.2;
font-weight: var(--main-h-fw);
margin-top: 9px
}
.blog-item.style-03 .post-inner {
display: flex;
background-color: #fff
}
.blog-item.style-03 .post-inner:not(:hover):before, .blog-item.style-03 .post-inner:not(:hover):after {
width: 0
}
.blog-item.style-03 .post-inner:before, .blog-item.style-03 .post-inner:after {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: calc(50% + 1px);
border-top: 6px solid var(--main-color);
transition: .3s;
z-index: 1
}
.blog-item.style-03 .post-inner:after {
left: auto;
right: 0
}
.blog-item.style-03 .post-thumb {
width: 50%;
max-width: 292px
}
.blog-item.style-03 .post-info {
flex: 1 1 auto;
width: 1%;
display: flex;
flex-direction: column;
padding: 30px
}
.blog-item.style-03 .post-meta {
margin-top: 0
}
.blog-item.style-03 .post-date {
padding: 5px 15px;
color: #fff;
font-weight: 500;
text-decoration: none;
background-color: var(--main-color)
}
.blog-item.style-03 .post-date .icon {
display: none
}
.blog-item.style-03 .post-date:hover {
opacity: .7
}
.blog-item.style-03 .post-title {
flex: 1 1 auto;
font-size: 24px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
margin-top: 28px
}
.blog-item.style-03 .post-readmore {
margin-top: 20px
}
.blog-item.style-04 .post-readmore a, .blog-item.style-03 .post-readmore a {
text-decoration: none
}
.blog-item.style-03 .post-readmore a:not(:hover) {
color: #999
}
.blog-item.style-04 .post-readmore a:before, .blog-item.style-03 .post-readmore a:before {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: "\f105";
font-size: 16px;
margin: -1px 0 1px;
margin-inline-end:2px}
.blog-item.style-04 .post-readmore a:not(:hover):before, .blog-item.style-03 .post-readmore a:not(:hover):before {
color: #666
}
.blog-item.style-04 .post-readmore a:after, .blog-item.style-03 .post-readmore a:after {
display: none
}
.ovic-blog.style-04 .content-post[data-slick*='"infinite":false'] .blog-item:nth-child(2n) .post-thumb {
order: 2
}
.ovic-blog.style-04 .content-post[data-slick*='"infinite":false'] .blog-item:nth-child(2n) .post-info {
order: 1
}
.blog-item.style-04 .post-inner {
background-color: #fff;
display: flex;
flex-direction: column
}
.blog-item.style-04 .post-date {
position: absolute;
bottom: 20px;
left: 0;
font-size: 14px;
line-height: 20px;
padding: 5px 15px;
color: #fff;
font-weight: 500;
text-decoration: none;
background-color: var(--main-color)
}
.blog-item.style-04 .post-date .icon {
display: none
}
.blog-item.style-04 .post-date:not(:hover) {
opacity: .7
}
.blog-item.style-04 .post-info {
padding: 18px 22px
}
.blog-item.style-04 .post-title {
font-size: 18px;
line-height: 24px
}
.blog-item.style-04 .post-content {
margin-top: 6px
}
.blog-item.style-04 .post-readmore {
margin-top: 10px
}
.ovic-blog.style-05:before {
display: block;
content: '';
width: 30px;
border-bottom: 2px solid var(--default-color);
margin-bottom: 10px
}
.ovic-blog.style-05 .ovic-title {
box-shadow: none
}
.ovic-blog.style-05 .ovic-title .title {
display: block;
color: var(--default-color);
font-size: 18px;
font-weight: 700;
line-height: 24px;
border: none;
padding: 0
}
.ovic-blog.style-05 .ovic-title+.subtitle {
margin-top: -20px
}
.ovic-blog.style-05 .subtitle {
font-size: 14px;
line-height: 24px;
color: #999;
margin: 0 0 20px
}
.ovic-blog.style-05 .content-post {
overflow: visible;
position: static
}
.ovic-blog.style-05 .content-post>.slick-arrow.prev {
top: 25px;
left: auto;
right: 39px
}
.ovic-blog.style-05 .content-post>.slick-arrow.next {
top: 25px;
left: auto;
right: 0
}
.blog-item.style-05 .post-inner {
box-shadow: 0 0 0 1px #eee inset
}
.blog-item.style-05 .post-title {
font-weight: 400
}
.blog-item.style-05 .post-readmore a {
padding: 5px 0;
text-transform: uppercase;
font-family: 'Oswald',sans-serif;
letter-spacing: .05em
}
.blog-item.style-05 .post-readmore a:not(:hover) {
color: #999
}
.blog-item.style-05 .post-readmore a:before {
display: block;
content: '';
width: 20px;
height: 2px;
border-bottom: 2px solid;
margin: -5px 0 5px;
opacity: .6
}
.ovic-blog.style-06 {
font-size: 14px;
line-height: 20px;
color: #999
}
.ovic-blog.style-06 .ovic-title {
box-shadow: none;
margin-bottom: 15px
}
.ovic-blog.style-06 .ovic-title .title {
display: block;
padding: 0;
border: none;
font-size: 14px;
line-height: 20px;
font-weight: 700;
color: #ccc
}
.ovic-blog.style-06 .row-item:not(:last-child) {
padding-bottom: 16px;
border-bottom: 1px solid #424242;
margin-bottom: 16px
}
.blog-item.style-06 .post-title {
display: inline;
font-size: inherit;
line-height: inherit;
color: inherit;
font-weight: inherit
}
.blog-item.style-06 .post-author {
color: var(--main-color)
}
.blog-item.style-06 .time-post {
font-style: italic;
color: #666;
margin: 10px 0 0
}
.blog-item.style-07 .post-meta {
font-size: 13px;
color: #aaa;
font-style: italic;
margin: 15px -1px 0
}
.blog-item.style-07 .post-meta>* {
margin: 0 1px
}
.blog-item.style-07 .post-meta .icon {
display: none
}
.blog-item.style-07 .post-title {
font-family: 'Montserrat',sans-serif;
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
margin-top: 4px
}
.blog-item.style-07 .post-excerpt {
font-size: 14px;
line-height: 24px;
color: #888
}
.blog-item.style-07 .post-readmore {
margin-top: 30px
}
.blog-item.style-07 .post-readmore a {
font-family: 'Montserrat',sans-serif
}
.blog-item.style-07 .post-readmore a:not(:hover) {
color: var(--default-color)
}
.ovic-blog.style-08 .ovic-title {
box-shadow: none;
margin-bottom: 21px
}
.ovic-blog.style-08 .ovic-title .title {
font-family: "Rajdhani",sans-serif;
font-size: 16px;
line-height: 26px;
letter-spacing: 1.6px;
color: #fff;
padding: 0;
border: none
}
.blog-item.style-08 .post-inner {
display: flex;
align-items: center
}
.blog-item.style-08 .post-thumb {
width: 75px
}
.blog-item.style-08 .post-title {
flex: 1 1 auto;
width: 1%;
padding-inline-start:20px;font-family: "Rajdhani",sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #c4c4c4
}
.blog-item.style-09 .post-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 19px 30px
}
.blog-item.style-09 .thumb-link img {
max-width: inherit;
position: relative;
left: 50%;
transform: translateX(-50%)
}
.blog-item.style-09 .thumb-link:after {
position: absolute;
content: '';
top: 50%;
bottom: 0;
left: 0;
right: 0;
background-image: linear-gradient(transparent, rgba(0, 0, 0, .5))
}
.blog-item.style-09 .post-meta, .blog-item.style-09 .post-meta>* {
margin: 0
}
.blog-item.style-09 .post-date {
font-size: 12px;
color: #fff;
background-color: #111;
padding: 2px 7px 1px
}
.blog-item.style-09 .post-title {
font-family: "Rajdhani",sans-serif;
font-size: 20px;
line-height: 24px;
color: #fff;
margin-top: 11px
}
.blog-item.style-10 .post-meta {
letter-spacing: -.05em;
color: #aaa;
margin: 16px -5px 0
}
.blog-item.style-10 .post-meta>* {
margin: 0 5px
}
.blog-item.style-10 .cat-list {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #000;
letter-spacing: .2em
}
.blog-item.style-10 .post-title {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #000
}
.blog-item.style-10 .post-readmore a {
font-size: 16px;
text-decoration: none;
box-shadow: 0 -2px var(--main-color) inset
}
.blog-item.style-10 .post-readmore a:not(:hover) {
color: #aaa;
box-shadow: 0 -2px #d3d3d3 inset
}
.blog-item.style-10 .post-readmore a:after {
display: none
}
.blog-item.style-11 .post-title {
font-weight: 600
}
.blog-item.style-11 .post-readmore a {
text-transform: none;
font-family: inherit;
letter-spacing: 0;
font-weight: 500
}
.blog-item.style-11 .post-readmore a:before {
display: block;
content: '';
width: 20px;
height: 2px;
border-bottom: 2px solid;
margin: -5px 0 5px;
opacity: .6
}
.blog-item.style-12 .post-inner {
box-shadow: 0 0 0 1px #eee inset
}
.blog-item.style-12 .post-info {
padding: 10px 12px 18px
}
.blog-item.style-12 .post-meta {
font-size: 13px;
color: #999;
margin-top: 2px
}
.blog-item.style-12 .post-readmore {
text-align: end;
margin-top: 6px
}
.blog-item.style-12 .post-readmore a {
padding: 0;
color: var(--main-color);
font-weight: inherit;
text-transform: none;
background-color: transparent
}
.blog-item.style-12 .post-readmore a:after {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: "\f178";
margin-inline-start:3px}
.blog-item.style-12 .post-readmore a:hover {
text-decoration: underline
}
.ovic-blog.style-13 .ovic-title.style-01>.title {
border-bottom-width: 1px
}
.blog-item.style-13 .post-inner {
box-shadow: 0 0 0 1px #eee inset
}
.blog-item.style-13 .post-info {
padding: 9px 12px 13px
}
.blog-item.style-13 .post-title {
font-size: 14px;
line-height: 20px;
font-weight: 400
}
.blog-item.style-13 .post-meta {
margin-top: 5px;
color: #999
}
.blog-item.style-13 .post-excerpt {
margin-top: 5px
}
.blog-item.style-13 .cat-list {
margin-top: 10px;
color: #999
}
.blog-item.style-13 .cat-list:before {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: "\f02e";
margin: 0;
margin-inline-end:8px}
.blog-item.style-14 .post-info {
padding-top: 15px
}
.blog-item.style-14 .post-metas {
margin: 0
}
.blog-item.style-14 .post-meta {
font-size: 13px;
line-height: 20px;
color: #888;
margin: 0 0 2px
}
.blog-item.style-14 .post-meta:not(:last-child):after {
display: inline-block;
vertical-align: top;
content: ','
}
.blog-item.style-14 .post-title {
font-size: 16px;
line-height: 1.5;
font-weight: var(--main-h-fw)
}
.blog-item.style-15 .post-info {
padding-top: 22px
}
.blog-item.style-15 .post-meta {
margin-bottom: 6px
}
.blog-item.style-15 .post-title {
font-size: 18px;
line-height: 1.34
}
.blog-item.style-16 .post-info {
padding-top: 9px
}
.blog-item.style-16 .post-title {
font-size: 15px;
line-height: 24px;
font-weight: var(--main-h-fw);
text-transform: uppercase
}
.blog-item.style-16 .post-date {
color: var(--main-color);
margin-top: 4px
}
.blog-item.style-16 .post-excerpt {
color: #888;
margin-top: 12px
}
.widget .ovic-blog {
margin: 0 0 5px
}
.widget .ovic-blog .blog-item:not(:last-child) {
padding-bottom: 20px;
border-bottom: 1px solid #eee;
margin-bottom: 20px
}
@media (min-width: 1200px) {
.blog-item.style-07 .post-info {
position:absolute;
top: 55px;
bottom: 55px;
left: 70px;
right: 70px;
background-color: rgba(255, 255, 255, .9);
padding: 5px 30px 20px;
display: flex;
flex-direction: column;
justify-content: center;
transition: .3s
}
.blog-item.style-07 .post-inner:not(:hover) .post-info {
opacity: 0;
visibility: hidden
}
}
@media (max-width: 1199px) {
.widget .ovic-blog .blog-item:not(:last-child) {
padding-bottom:15px;
margin-bottom: 15px
}
.blog-item.style-01 .post-title {
margin-bottom: 3px
}
.blog-item.style-02 .post_cat {
margin-top: 10px
}
.blog-item.style-02 .post-title {
font-size: 18px;
margin-top: 5px
}
.blog-item.style-02 .post-info {
padding-bottom: 5px
}
.blog-item.style-03 .post-info {
padding: 20px 20px 15px
}
.blog-item.style-03 .post-title {
font-size: 22px;
margin-top: 18px
}
.blog-item.style-04 .post-info {
padding: 13px 17px
}
.blog-item.style-07 .post-excerpt {
margin-top: 10px
}
.blog-item.style-07 .post-readmore {
margin-top: 17px
}
.blog-item.style-16 .post-excerpt {
margin-top: 10px
}
}
@media (max-width: 991px) {
.blog-item.style-16 .post-excerpt {
margin-top:8px
}
}
@media (max-width: 767px) {
.ovic-blog.style-08 .ovic-title {
margin-bottom:16px
}
.blog-item.style-16 .post-excerpt {
margin-top: 6px
}
}
@media (max-width: 479px) {
.blog-item.style-03 .post-inner {
display:block
}
.blog-item.style-03 .post-thumb {
width: auto
}
.blog-item.style-03 .post-info {
width: auto
}
.blog-item.style-03 .post-title {
font-size: 20px
}
}
.post-single>.post-inner {
background-color: transparent;
overflow: visible
}
.post-single > .post-inner .post_cat {
margin-bottom: 21px
}
.post-single > .post-inner .post-title {
font-size: 30px;
line-height: 1.25;
font-weight: var(--main-h-fw)
}
.post-single > .post-inner .post-metas {
margin-top: 17px
}
.post-single > .post-inner .post-thumb {
margin-top: 23px
}
.post-single > .post-inner .post-content {
margin-top: 23px
}
.post-single > .post-inner .post_tag {
display: inline-block;
vertical-align: top;
margin-top: 40px
}
.post-single > .post-inner .post-share {
float: right;
padding: 4px 0;
margin-top: 40px;
margin-inline-start:30px}
.post-related {
padding-top: 60px;
border-top: 1px solid #eee;
margin-top: 40px
}
.post-related>.title {
font-size: 18px;
background-color: #f5f5f5;
padding: 10px 20px;
margin-bottom: 0
}
.post-related > .title + .ovic-blog.style-02:not([class*='rows-space-']) .content-post[data-slick*='"slidesMargin":0'] {
border-top: none
}
@media (max-width: 1199px) {
.post-single > .post-inner .post_cat {
margin-bottom:15px
}
.post-single > .post-inner .post-title {
font-size: 26px
}
.post-single > .post-inner .post-metas {
margin-top: 12px
}
.post-single > .post-inner .post-thumb {
margin-top: 18px
}
.post-single > .post-inner .post_tag {
display: block;
margin-top: 30px
}
.post-single > .post-inner .post-share {
float: none;
padding: 0;
margin: 20px 0 -10px
}
.post-related {
margin-top: 30px;
padding-top: 40px
}
}
.post-thumb.quote .blockquote {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 36px;
line-height: 1.25;
font-weight: var(--main-h-fw);
color: #fff;
text-align: center;
text-shadow: 0 0 10px rgba(0, 0, 0, .5);
display: flex;
flex-direction: column;
justify-content: center;
max-width: 750px;
margin: auto
}
.post-thumb.quote blockquote {
border: none;
margin: 0;
font-size: inherit;
line-height: inherit;
color: inherit
}
.post-thumb.quote blockquote:before, .post-thumb.quote blockquote:after {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: "\f10d";
font-size: 30px;
font-weight: 400;
margin: -12px 0 12px
}
.post-thumb.quote blockquote:after {
margin: 12px 0 -12px;
transform: rotate(180deg)
}
.post-thumb.gallery>.slick-list {
z-index: auto
}
.post-thumb.gallery>.slick-dots {
position: absolute;
bottom: 20px;
left: 15px;
right: 15px;
margin: 0
}
@media (max-width: 1199px) {
.post-thumb.quote .blockquote {
font-size:32px
}
.post-thumb.quote blockquote:before, .post-thumb.quote blockquote:after {
font-size: 28px
}
}
@media (max-width: 767px) {
.post-thumb.quote .blockquote {
font-size:24px
}
.post-thumb.quote blockquote:before, .post-thumb.quote blockquote:after {
font-size: 24px
}
}
.comments-area .comments-title {
font-size: 20px;
margin: 50px 0 0
}
.comments-area .comments-title span {
color: var(--main-color)
}
.comments-area .comment-list {
list-style: none;
padding: 0;
margin: 0
}
.comments-area .comment-body {
margin: 30px 0 0
}
.comments-area .comment-body:before, .comments-area .comment-body:after {
content: '';
display: table;
clear: both
}
.comments-area .comment-avatar {
float: left;
overflow: hidden;
width: 90px;
border-radius: var(--main-bora);
margin-inline-end:30px}
.comments-area .comment-avatar .avatar {
overflow: hidden
}
.comments-area .comment-info {
position: relative;
overflow: hidden;
margin-top: -3px
}
.comments-area .comment-list > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > .comment-body:last-child .comment-text, .comments-area .comment-list > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > .comment-body:last-child .comment-text, .comments-area .comment-list > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > .comment-body:last-child .comment-text, .comments-area .comment-list > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > .comment-body:last-child .comment-text, .comments-area .comment-list > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > .comment-body:last-child .comment-text, .comments-area .comment-list > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > .comment-body:last-child .comment-text, .comments-area .comment-list > li:last-child > * > li:last-child > * > li:last-child > * > li:last-child > .comment-body:last-child .comment-text, .comments-area .comment-list > li:last-child > * > li:last-child > * > li:last-child > .comment-body:last-child .comment-text, .comments-area .comment-list > li:last-child > * > li:last-child > .comment-body:last-child .comment-text, .comments-area .comment-list > li:last-child > .comment-body:last-child .comment-text {
border-bottom: none;
padding-bottom: 0
}
.comments-area .comment-text {
font-size: 14px;
line-height: 24px;
clear: both;
padding: 13px 0 22px;
border-bottom: 1px solid #eee
}
.comments-area .comment-text p:last-child {
margin-bottom: 0
}
.comments-area .comment-author {
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: 24px;
color: var(--default-color);
font-weight: var(--main-h-fw);
margin-inline-end:17px}
.comments-area .comment-author cite {
font-style: inherit
}
.comments-area .comment-date {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px;
color: #999;
margin-inline-end:17px}
.comments-area .comment-edit-link {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px;
color: var(--main-color);
font-style: italic
}
.comments-area .reply {
float: right;
font-size: 14px;
line-height: 24px;
color: var(--main-color);
margin-inline-start:17px}
.comments-area .comment-list>*>.children {
padding-inline-start:120px}
.comments-area .children {
list-style: none;
padding: 0;
padding-inline-start:30px;margin-bottom: 0
}
.comments-area .no-comments, .comments-area .woocommerce-pagination {
text-align: center
}
.comment-respond {
--input-width: 100%;
--input-height: 44px;
--input-padding: 10px 20px;
--button-padding: 10px 15px;
--input-sd: 0 0 0 1px #eee inset;
--input-sd-h: 0 0 0 1px var(--main-color) inset;
margin: 60px 0 0;
padding: 30px 30px 40px;
background-color: #f5f5f5
}
.comment-respond .row {
margin: 0 -10px
}
.comment-respond [class*='col-'] {
padding: 0 10px
}
.comment-respond .comment-reply-title {
display: block;
font-size: 20px;
line-height: 1.4;
font-weight: var(--main-h-fw);
color: var(--default-color);
margin: 0 0 10px
}
.comment-respond .comment-reply-title #cancel-comment-reply-link {
font-family: var(--main-ff);
font-size: 70%;
text-decoration: underline;
margin-inline-start:15px;font-weight: 400
}
.comment-respond .comment-reply-title #cancel-comment-reply-link:not(:hover) {
color: var(--main-cl)
}
.comment-respond label {
font-weight: inherit;
color: inherit;
margin-bottom: 10px
}
.comment-respond label[for="rating"] {
margin-inline-end:10px}
.comment-respond textarea {
padding: 11px 20px;
width: 100%
}
.comment-respond input[type="submit"] {
width: 220px
}
.comment-respond .form-submit {
padding-top: 10px;
margin: 0
}
.comment-respond .logged-in-as, .comment-respond .comment-notes {
font-size: 14px;
margin-bottom: 22px
}
.comment-list .comment-respond {
--input-height: 44px;
--input-padding: 10px 20px;
--button-padding: 10px 15px;
margin-top: 22px;
border-top: none;
padding-top: 0;
padding-bottom: 1px
}
.comment-list .comment-respond .comment-reply-title {
margin-bottom: 2px
}
.comment-list .comment-respond p {
margin-bottom: 10px
}
.comment-list .comment-respond .logged-in-as, .comment-list .comment-respond .comment-notes {
margin-bottom: 12px
}
@media (max-width: 1199px) {
.comments-area .comments-title {
font-size:18px;
margin: 30px 0 0
}
.comments-area .comment-avatar {
width: 70px;
margin-inline-end:20px}
.comments-area .comment-author {
margin-inline-end:12px}
.comments-area .comment-date {
margin-inline-end:12px}
.comments-area .comment-text {
padding: 3px 0 15px
}
.comments-area .comment-body {
margin-top: 22px
}
.comments-area .comment-list>*>.children {
padding-inline-start:90px}
.comment-respond {
--input-height: 40px;
--input-padding: 8px 20px;
--button-padding: 8px 15px;
margin-top: 40px;
padding: 20px 20px 30px
}
.comment-respond .comment-reply-title {
font-size: 18px;
margin-bottom: 5px
}
.comment-respond .logged-in-as, .comment-respond .comment-notes {
margin-bottom: 15px
}
.comment-respond .form-submit {
padding-top: 5px
}
.comment-respond input[type="submit"] {
width: 180px
}
}
@media (max-width: 767px) {
.comments-area .comment-list > * > .children, .comments-area .children {
padding-inline-start:15px
}
.comments-area .comment-body {
margin-top: 20px
}
.comments-area .comment-avatar {
margin-inline-end:15px;margin-bottom: 5px
}
.comments-area .comment-info {
overflow: visible
}
.comments-area .comment-text {
overflow: hidden;
clear: both
}
.comments-area .reply {
float: none;
margin-inline-start:0}
.comment-respond {
padding: 20px 15px 30px
}
}
.add-to-cart {
display: block;
position: relative;
max-width: 100%
}
.add-to-cart:not(:hover):before,.add-to-cart:not(:hover):after {
opacity: 0;
visibility: hidden
}
.add-to-cart:before,.add-to-cart:after {
display: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
transition: .2s;
z-index: 99998
}
.add-to-cart:before {
content: attr(data-title);
font-size: 12px;
line-height: 12px;
white-space: nowrap;
background-color: black;
color: #fff;
padding: 5px 10px;
bottom: calc(100% + 8px)
}
.add-to-cart:after {
content: '';
border-inline-start:6px solid transparent;border-inline-end:6px solid transparent;border-top: 6px solid black;
bottom: calc(100% + 3px)
}
.woocommerce .wishlist_table .product-add-to-cart a,.add-to-cart>a {
width: 100%;
overflow: hidden;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
padding: 8px 15px;
font-size: 13px;
letter-spacing: 0
}
.single_add_to_cart_button.added,.add-to-cart>a.added {
display: none !important
}
.cart-tooltip-start .add-to-cart:before {
display: block;
left: auto;
top: 50%;
transform: translateY(-50%);
bottom: auto;
right: calc(100% + 8px)
}
.cart-tooltip-start .add-to-cart:after {
display: block;
left: auto;
top: 50%;
transform: translateY(-50%);
bottom: auto;
right: calc(100% + 3px);
border-inline-start:6px solid black;border-inline-end-width:0;border-top: 6px solid transparent;
border-bottom: 6px solid transparent
}
.cart-tooltip-top .add-to-cart:before, .cart-tooltip-top .add-to-cart:after {
display: block
}
@media (max-width: 767px) {
.woocommerce .wishlist_table .product-add-to-cart a,.add-to-cart>a {
font-size:12px;
padding: 4px 5px
}
}
.group-button {
--group-button-s: 40px;
--group-button-c: var(--main-cl);
--group-button-bg: #eee;
--group-button-bs: none;
--group-button-c-h: var(--main-color-t);
--group-button-bg-h: var(--main-color);
--group-button-bs-h: none;
--group-button-p: 8px 0;
--group-button-bora: 90px
}
.product-item .group-button .add-to-cart > a, .woocommerce-product-gallery a.compare, .entry-summary a.compare, .product-item a.compare,a.yith-wcqv-button,.yith-wcwl-add-to-wishlist>* {
display: inline-block;
vertical-align: top;
width: var(--group-button-s);
height: var(--group-button-s);
font-size: 0;
line-height: 0;
letter-spacing: 0;
color: var(--group-button-c);
background-color: var(--group-button-bg);
box-shadow: var(--group-button-bs);
padding: var(--group-button-p);
border-radius: var(--group-button-bora);
position: relative;
font-weight: 400;
text-align: center;
opacity: 1 !important
}
.product-item .group-button .add-to-cart > a:hover, .woocommerce-product-gallery a.compare:hover, .entry-summary a.compare:hover, .product-item a.compare:hover, .woocommerce-product-gallery a.compare.added, .entry-summary a.compare.added, .product-item a.compare.added, a.yith-wcqv-button:hover, .yith-wcwl-add-to-wishlist > *:hover, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse, .yith-wcwl-add-to-wishlist .delete_item {
color: var(--group-button-c-h);
background-color: var(--group-button-bg-h);
box-shadow: var(--group-button-bs-h)
}
.product-item .group-button .add-to-cart>a:before {
font-family: main-icon,sans-serif;
content: '\e96b';
font-size: 14px;
line-height: 24px;
font-weight: 400
}
.woocommerce-product-gallery a.compare:before, .entry-summary a.compare:before, .product-item a.compare:before, a.yith-wcqv-button:before, .yith-wcwl-add-to-wishlist .yith-wcwl-icon {
display: inline-block;
vertical-align: top;
font-size: 18px;
line-height: 24px;
text-align: center;
font-weight: 400
}
.woocommerce-product-gallery a.compare:before, .entry-summary a.compare:before, .product-item a.compare:before {
font-family: main-icon,sans-serif;
content: "\e940"
}
a.yith-wcqv-button:before {
font-family: main-icon,sans-serif;
content: "\e961";
font-size: 23px
}
a.compare .blockUI.blockOverlay, a.yith-wcqv-button .blockUI.blockOverlay, .yith-wcwl-add-to-wishlist .blockUI.blockOverlay {
z-index: 8 !important;
cursor: wait !important;
background: none !important;
opacity: 1 !important;
text-align: center;
height: 30px !important;
margin: auto !important;
top: 0 !important;
bottom: 0 !important
}
.yith-wcwl-add-to-wishlist+.clear {
display: none !important
}
.yith-wcwl-add-to-wishlist {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px;
margin: 0
}
.yith-wcwl-add-to-wishlist>* {
display: inline-block;
vertical-align: top;
position: relative
}
.yith-wcwl-add-to-wishlist a {
position: absolute;
display: block !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0;
font-size: inherit;
line-height: inherit;
color: inherit !important;
opacity: 1 !important
}
.yith-wcwl-add-to-wishlist a.view-wishlist {
padding-inline-start:0 !important}
.yith-wcwl-add-to-wishlist .feedback {
display: block;
font-size: 0;
line-height: 0;
letter-spacing: 0
}
.yith-wcwl-add-to-wishlist .separator {
display: inline-block;
vertical-align: top;
position: relative;
padding: var(--group-button-p);
opacity: .5
}
.yith-wcwl-add-to-wishlist .yith-wcwl-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
width: auto;
display: flex;
flex-direction: column;
justify-content: center
}
.yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
padding: var(--group-button-p);
margin: 0
}
.yith-wcwl-add-to-wishlist a img.yith-wcwl-icon {
vertical-align: middle;
margin-top: -1px;
margin-bottom: 1px
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.add_to_wishlist {
display: table;
border-radius: 0
}
#yith-wcwl-popup-message {
display: none !important
}
.amount {
color: var(--default-color)
}
.price {
display: flex;
flex-wrap: wrap;
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: var(--default-color);
margin: 0
}
.price ins {
text-decoration: none;
margin-inline-end:9px}
.price del {
font-size: 13px;
order: 2;
color: #999;
;font-weight: 400;
margin: 1px 0 -1px
}
ins .amount, del .amount, .price .amount {
text-decoration: inherit;
color: inherit
}
@media (max-width: 767px) {
.price {
font-size:15px
}
.price ins {
margin-inline-end:6px}
}
.star-rating-wrap {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px
}
.star-rating-wrap .star-rating:not(:last-child) {
margin-inline-end:5px}
.star-rating-wrap .rating-count {
display: inline-block;
vertical-align: top;
font-weight: inherit;
color: #f90
}
.star-rating-wrap .rating-count:before {
display: inline-block;
vertical-align: top;
content: '('
}
.star-rating-wrap .rating-count:after {
display: inline-block;
vertical-align: top;
content: ')'
}
@media (max-width: 1199px) {
.star-rating-wrap .star-rating:not(:last-child) {
margin-inline-end:5px
}
}
@media (max-width: 767px) {
.star-rating-wrap .star-rating:not(:last-child) {
margin-inline-end:0
}
.star-rating-wrap .rating-count {
display: none
}
}
.star-rating {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden
}
.star-rating>span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
font-size: 0;
line-height: 0;
letter-spacing: 0;
background-color: var(--product-bg)
}
.star-rating:before,.star-rating>span:before {
display: block;
font-family: main-icon,sans-serif;
content: '\e909\e909\e909\e909\e909';
font-size: 13px;
line-height: 24px;
letter-spacing: .05em;
color: #aaa;
margin-inline-end:-.05em}
.star-rating>span:before {
content: '\e909\e909\e909\e909\e909';
color: #f90
}
p.stars {
display: inline-block;
vertical-align: top;
font-size: 0;
line-height: 0;
letter-spacing: 0;
margin: 0 0 10px
}
p.stars a {
display: inline-block;
vertical-align: top;
outline: none !important
}
p.stars a:before {
font-family: main-icon,sans-serif;
content: '\e909';
font-size: 15px;
line-height: 24px;
color: #aaa;
margin: -1px .05em 0
}
p.stars a:before, p.stars a:hover ~ a:before, p.stars.selected:not(:hover) a.active~a:before {
color: #aaa
}
p.stars:hover a:before, p.stars.selected:not(:hover) a:before {
color: #f90
}
.ovic-panel-rating .average span {
color: #f90
}
.ovic-panel-rating .process-bar {
background-color: #f90
}
.quantity {
display: inline-block;
vertical-align: top;
max-width: 100%;
white-space: nowrap;
position: relative;
overflow: hidden
}
.quantity .input-text::-webkit-inner-spin-button, .quantity .input-text::-webkit-outer-spin-button {
-webkit-appearance: none
}
.quantity .input-text {
text-align: center;
width: 120px;
height: 50px;
padding: 13px 40px;
color: var(--default-color);
font-size: 16px;
line-height: 24px;
border-radius: var(--main-bora) !important;
box-shadow: 0 0 0 1px #eee inset;
overflow: hidden
}
.quantity .input-text:focus {
box-shadow: 0 0 0 1px var(--main-color) inset
}
.quantity .arrow {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 40px;
font-size: 10px;
line-height: 1;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center
}
.quantity .minus {
left: 0
}
.quantity .plus {
right: 0
}
.quantity .minus:before {
font-family: main-icon,sans-serif;
content: '\e910'
}
.quantity .plus:before {
font-family: main-icon,sans-serif;
content: '\e911'
}
@-moz-document url-prefix() {
.quantity .input-text {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield
}
}
@media (max-width: 1199px) {
.quantity .input-text {
padding:10px 34px;
width: 100px;
height: 44px
}
.quantity .arrow {
width: 34px;
font-size: 9px
}
}
.product-labels>* {
--labels-posi: 0px;
--labels-h: 16px;
position: absolute;
top: var(--labels-posi);
left: var(--labels-posi);
z-index: 2;
font-size: 11px;
line-height: 12px;
font-weight: 700;
color: #fff;
background-color: var(--product-label-cl);
padding: 2px 7px;
text-transform: uppercase;
border-radius: 0;
--product-label-cl: #0165d5
}
.product-labels>*>* {
display: inline-block;
vertical-align: top
}
.product-labels>.onsale {
left: auto;
right: var(--labels-posi);
--product-label-cl: #4cd964
}
.product-labels > .onsale .percent {
display: none
}
.product-labels>.featured {
left: auto;
right: var(--labels-posi);
--product-label-cl: #ff0101
}
.product-labels>.out-of-stock {
color: #fff !important;
--product-label-cl: #000
}
.product-labels>.onsale~.featured,.product-labels>.onnew~.out-of-stock {
top: calc(var(--labels-posi) + var(--labels-h) + 5px)
}
.stock {
font-size: 14px;
line-height: 24px;
margin: 0
}
.stock .title {
display: inline-block;
vertical-align: top;
color: var(--default-color);
font-weight: 400;
padding-inline-end:10px}
.wishlist-in-stock,.available-on-backorder,.in-stock {
color: #008A00 !important
}
.low-stock,.out-of-stock {
color: #EF262C !important
}
.posted_in {
display: block;
font-size: 13px;
line-height: 19px;
color: #999;
margin: 0 0 3px
}
.posted_in .title {
display: none
}
@media (max-width: 1199px) {
.posted_in {
margin-bottom:1px
}
}
@media (max-width: 767px) {
.posted_in {
margin-bottom:0
}
}
.product_meta>* {
display: block
}
.product_meta>*>.title {
display: inline-block;
vertical-align: top;
color: var(--default-color)
}
.product_meta .posted_in {
font-size: inherit;
line-height: inherit;
color: inherit;
margin: 0
}
.product_meta .wcml_currency_switcher, .product_meta .wpml-ls {
display: none !important
}
.variations_form {
position: relative !important
}
table.variations {
display: block;
font-size: 14px;
line-height: 20px;
margin-bottom: 23px
}
table.variations tbody {
display: flex;
flex-wrap: wrap;
margin: 0 -18px
}
table.variations tr {
display: flex;
flex-wrap: wrap;
position: relative;
padding: 3px 0;
margin: 0 18px
}
table.variations th, table.variations td {
display: inline-block;
vertical-align: top;
text-align: inherit;
padding: 0;
border: none
}
table.variations .label {
padding-inline-end:10px;border-radius: 0
}
table.variations .label label {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 20px;
padding: 2px 0;
font-weight: 400;
margin: 0
}
table.variations .label label:after {
content: ':'
}
table.variations td.value {
flex: 1 1 auto;
width: 1%
}
table.variations .rtwpvs-terms-wrapper {
margin: -5px
}
table.variations .rtwpvs-terms-wrapper.radio-variable-wrapper {
display: flex
}
table.variations .rtwpvs-term {
padding: 0 !important;
box-shadow: none !important;
margin: 5px !important;
border: none !important;
transition: none !important
}
table.variations .rtwpvs-term span, table.variations .rtwpvs-term img {
display: block !important;
border-radius: inherit !important;
color: #fff
}
table.variations .rtwpvs-term span:after {
display: none !important
}
.widget_layered_nav .group-color a [style*="background-color: #ffffff"], table.variations .rtwpvs-term [style*="background-color:#ffffff"] {
box-shadow: 0 0 0 1px #eee inset;
color: var(--default-color)
}
table.variations .button-variable-wrapper {
margin: -5px !important
}
table.variations .rtwpvs-button-term {
margin: 5px !important;
height: auto !important;
min-width: 15px !important
}
table.variations .rtwpvs-button-term span {
padding: 2px 0 !important;
box-shadow: none !important;
color: inherit !important
}
table.variations .rtwpvs-button-term:not(.rtwpvs-radio-term):hover, table.variations .rtwpvs-button-term:not(.rtwpvs-radio-term).selected {
color: var(--main-color)
}
table.variations .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).rtwpvs-button-term {
border-radius: 0
}
table.variations .rtwpvs-term img, table.variations .rtwpvs-term .rtwpvs-term-span-color {
border: 1px solid #eee
}
table.variations .rtwpvs-term:hover img, table.variations .rtwpvs-term.selected img, table.variations .rtwpvs-term:hover .rtwpvs-term-span-color, table.variations .rtwpvs-term.selected .rtwpvs-term-span-color {
border: 1px solid var(--main-color)
}
table.variations .rtwpvs-terms-wrapper.radio-variable-wrapper .rtwpvs-radio-term input {
display: inline;
vertical-align: middle;
margin: -1px 5px 1px 0
}
table.variations .rtwpvs-terms-wrapper.radio-variable-wrapper .rtwpvs-radio-term label {
display: inline;
vertical-align: middle;
padding: 0;
margin: 0;
font-weight: inherit;
color: inherit
}
table.variations select {
width: 100%;
color: var(--default-color)
}
table.variations .reset_variations {
display: table;
font-size: 14px;
line-height: 1;
color: var(--main-color);
margin: 17px 0 0;
margin-inline-start:auto}
table.variations .reset_variations[style*="visibility: hidden;"] {
display: none !important
}
.variations_form .single_variation>* {
margin-bottom: 5px
}
@media (max-width: 1199px) {
table.variations {
margin-bottom:13px
}
}
.growl.growl-notice {
color: var(--default-color);
background-color: #fff
}
.growl {
width: 320px;
box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}
.growl .growl-close:before, .growl .growl-close:after {
background-color: var(--default-color)
}
.growl .growl-title {
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.growl .growl-content {
padding-bottom: 25px
}
.growl .growl-content span {
font-size: 14px;
line-height: 20px;
color: var(--default-color);
font-weight: var(--main-h-fw);
white-space: normal;
margin-bottom: 2px
}
.growl .growl-content a:hover {
opacity: 1;
color: var(--main-color)
}
.process-valiable:before,.process-valiable:after {
content: '';
display: table;
clear: both
}
.process-valiable {
font-size: 14px;
line-height: 24px;
text-align: start
}
.process-valiable .text, .process-valiable .number {
display: inline-block;
vertical-align: top
}
.process-valiable .total {
display: block;
height: 7px;
background-color: #ebebeb;
position: relative;
margin-bottom: 4px;
border-radius: var(--main-bora)
}
.process-valiable .process {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--default-color);
border-radius: inherit
}
.post-views {
font-size: inherit;
line-height: inherit;
text-transform: none
}
.post-views .icon:before {
font-family: inherit
}
.delivery-info {
font-size: 14px;
line-height: 20px;
padding-top: 25px;
border-top: 1px solid #eee;
margin-top: 25px
}
.delivery-info .item:not(:last-child) {
margin-bottom: 10px
}
.delivery-info .icon {
display: inline-block;
vertical-align: top;
font-size: 20px;
margin-inline-end:10px}
.delivery-info .text {
display: inline
}
.delivery-info b {
color: var(--default-color)
}
.payment-info {
font-size: 14px;
line-height: 20px;
font-weight: var(--heading-fw);
color: var(--default-color);
background-color: #f5f5f5;
border-radius: var(--main-bora-2);
padding: 14px 12px;
text-align: center;
margin-top: 25px
}
.payment-info .item:not(:last-child) {
margin-bottom: 5px
}
.payment-info .text {
display: block;
font-weight: var(--main-h-fw);
margin: 0 0 4px
}
.payment-info .image {
display: block
}
.payment-info img {
display: inline-block;
vertical-align: top;
margin: 6px 0
}
@media (max-width: 1199px) {
.delivery-info {
padding-top:16px;
margin-top: 16px
}
.delivery-info .icon {
margin-inline-end:8px}
.delivery-info .item:not(:last-child) {
margin-bottom: 6px
}
.payment-info {
padding: 12px 12px;
margin-top: 16px
}
.payment-info .item:not(:last-child) {
margin-bottom: 3px
}
.payment-info .text {
margin-bottom: 2px
}
}
@media (max-width: 767px) {
.delivery-info {
padding-top:13px;
margin-top: 13px
}
.delivery-info .icon {
margin-inline-end:6px}
.delivery-info .item:not(:last-child) {
margin-bottom: 5px
}
.payment-info {
padding: 11px 12px;
margin-top: 13px
}
.payment-info .item:not(:last-child) {
margin-bottom: 2px
}
.payment-info .text {
margin-bottom: 1px
}
}
ul.products {
list-style: none;
padding: 0;
margin-bottom: 0
}
.comment-list ul, ul.products ul {
list-style-type: disc
}
.comment-list ul ul, ul.products ul ul {
list-style-type: circle
}
.comment-list ul ul ul, ul.products ul ul ul {
list-style-type: square
}
.ovic-products .product-list-grid,ul.shop-page {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
position: relative;
clear: both;
--col-space: 15px;
--item-width: 100%;
--item-space: 30px;
margin-inline-start:calc(0px - var(--col-space));margin-inline-end: calc(0px - var(--col-space))
}
ul.shop-page.columns-6 {
--item-width: 16.66666667%
}
ul.shop-page.columns-5 {
--item-width: 20%
}
ul.shop-page.columns-4 {
--item-width: 25%
}
ul.shop-page.columns-3 {
--item-width: 33.33333333%
}
ul.shop-page.columns-2 {
--item-width: 50%
}
ul.shop-page:not([class*='columns-']),ul.shop-page.columns-1,ul.shop-page.columns-0 {
--col-space: 0 !important;
--item-width: 100% !important
}
ul.shop-page {
margin-bottom: calc(0px - var(--item-space))
}
ul.shop-page>.product-item,ul.shop-page>.product-category {
display: flex;
width: var(--item-width);
padding-inline-start:var(--col-space);padding-inline-end: var(--col-space);
margin-bottom: var(--item-space)
}
ul.shop-page > .product-item .product-inner {
width: 100%
}
ul.shop-page > .product-category a {
display: block;
width: 100%;
border: 1px solid #eee;
text-align: center
}
ul.shop-page > .product-category a img {
transition: opacity .2s
}
ul.shop-page > .product-category a:hover img {
opacity: .7
}
ul.shop-page > .product-category a:hover h2 {
color: inherit
}
ul.shop-page > .product-category .woocommerce-loop-category__title {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
font-weight: 400;
padding: 5px 10px 15px
}
ul.shop-page > .product-category mark {
display: inline-block;
vertical-align: top;
background-color: transparent;
padding: 0;
margin-inline-start:3px}
.woocommerce-products-header .term-description {
padding: 13px 20px;
box-shadow: 0 0 0 1px #eee inset;
background-color: #fff;
margin-bottom: -1px
}
.woocommerce-products-header .term-description :last-child {
margin-bottom: 0
}
@media (min-width: 992px) and (max-width: 1199px) {
ul.shop-page:not(.columns-2):not(.columns-3) {
--item-width:25%
}
}
@media (min-width: 992px) and (max-width: 1499px) {
.dokan-store-wrap.layout-right ul.shop-page:not(.columns-2), .dokan-store-wrap.layout-left ul.shop-page:not(.columns-2), .sidebar-right ul.shop-page:not(.columns-2), .sidebar-left ul.shop-page:not(.columns-2) {
--item-width:33.33333333%
}
}
@media (min-width: 480px) and (max-width: 991px) {
ul.shop-page:not(.columns-2) {
--item-width:33.33333333%
}
}
@media (max-width: 991px) {
.ovic-products .product-list-grid,ul.shop-page {
--col-space:10px;
--item-space: 20px
}
}
@media (max-width: 767px) {
.ovic-products .product-list-grid,ul.shop-page {
--col-space:7px;
--item-space: 15px
}
}
@media (max-width: 479px) {
.ovic-products .product-list-grid,ul.shop-page {
--col-space:5px;
--item-space: 10px
}
ul.shop-page:not(.columns-1) {
--item-width: 50%
}
}
.product-item .thumb-link.hover-zoom {
overflow: hidden
}
.product-item .thumb-link.hover-zoom figure {
transition: .3s
}
.product-item .product-inner:hover .thumb-link.hover-zoom figure {
transform: scale(1.15)
}
.product-item .thumb-link .second-thumb {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: .6s
}
.product-item .product-inner:not(:hover) .thumb-link .second-thumb {
opacity: 0;
transform: translateY(-20px)
}
.product-item.list .product-inner:not(:hover) .thumb-link .second-thumb {
opacity: 0;
transform: translateX(-20px)
}
.product-item .product-thumb .slick-list:hover {
z-index: auto
}
.product-item .product-thumb .slick-dots {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 -2px 4px
}
.product-item .product-thumb .slick-dots li {
margin: 0 2px 4px
}
@media (min-width: 1200px) {
.product-item .product-thumb .slick-dots {
transition: .2s
}
.product-item .product-inner:not(:hover) .product-thumb .slick-dots {
opacity: 0;
visibility: hidden
}
}
.shop-control {
font-size: 14px;
line-height: 24px
}
.shop-control select {
color: inherit;
font-size: inherit;
line-height: inherit;
padding-top: 3px;
padding-bottom: 3px;
background-color: #fff;
--input-sd: 0 0 0 1px #eee inset;
--input-sd-h: 0 0 0 1px var(--main-color) inset
}
.shop-control .chosen-container .chosen-single {
max-width: 100%;
font-size: inherit;
line-height: inherit;
padding-top: 3px;
padding-bottom: 3px;
background-color: #fff;
--input-sd: 0 0 0 1px #eee inset;
--input-sd-h: 0 0 0 1px var(--main-color) inset
}
.shop-control .chosen-container .chosen-single:not(:hover) {
color: var(--default-color)
}
.shop-control .chosen-container .chosen-single:after {
flex: 1 1 auto;
width: 1%;
text-align: end
}
.shop-control .chosen-container .chosen-drop {
left: auto;
right: 0
}
.display-mode-control {
font-size: 0;
line-height: 0;
letter-spacing: 0
}
.display-mode-control>form {
margin: 0 -5px
}
.display-mode-control button {
font-size: 0;
line-height: 0;
letter-spacing: 0;
color: #b3b3b3;
background-color: transparent;
text-transform: none;
border-radius: 0;
padding: 5px 0 6px;
margin: 0 5px
}
.display-mode-control button:hover, .display-mode-control button.active {
color: var(--main-color)
}
.display-mode-control button .icon {
display: block;
width: 19px;
height: 19px
}
.display-mode-control button .icon span {
display: inline-block;
vertical-align: top
}
.display-mode-control .mode-list .icon {
padding-top: 1px
}
.display-mode-control .mode-list .icon span {
width: 100%;
border-top: 2px solid
}
.display-mode-control .mode-list .icon span:not(:last-child) {
margin-bottom: 6px
}
.display-mode-control .mode-grid .icon span {
width: 5px;
border-top: 5px solid
}
.display-mode-control .mode-grid .icon span:not(:nth-child(3)):not(:nth-child(6)):not(:nth-child(9)) {
margin-inline-end:2px}
.display-mode-control .mode-grid .icon span:not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(9)) {
margin-bottom: 2px
}
.display-per-page .chosen-container .chosen-drop {
width: 100%
}
.display-per-page-inline .title {
display: inline-block;
vertical-align: top;
color: var(--default-color);
margin: 0
}
.display-per-page-inline button {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
background-color: transparent !important;
padding: 0;
margin: 0 3px
}
.display-per-page-inline button:hover, .display-per-page-inline button.active {
color: var(--default-color)
}
.display-per-page-inline .per-page-form {
display: inline-block;
vertical-align: top
}
.shop-before-control {
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: #f5f5f5;
border-radius: var(--main-bora-2);
padding: 5px;
margin: 0 0 20px
}
.shop-before-control>* {
margin: 4px 15px
}
.shop-before-control .page-title {
flex: 1 1 auto;
width: 1%;
font-size: 18px
}
.shop-after-control {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 40px 0 0
}
.shop-after-control .dokan-pagination-container, .shop-after-control .woocommerce-pagination {
margin: 0;
flex: 1 1 auto;
width: 1%
}
.shop-after-control .woocommerce-result-count {
margin: 0;
margin-inline-start:15px;text-align: end
}
.shop-after-control .woocommerce-result-count:first-child {
flex: 1 1 auto;
width: 1%;
margin-inline-start:0}
@media (max-width: 1199px) {
.shop-after-control {
margin-top:30px
}
.shop-before-control .page-title {
font-size: 17px
}
.shop-before-control>* {
margin: 4px 10px
}
}
@media (max-width: 767px) {
.shop-after-control {
padding:6px 5px
}
.shop-before-control>* {
margin: 3px 10px
}
.shop-before-control .page-title {
width: 100%
}
.shop-after-control .woocommerce-result-count {
width: 100%;
margin: 10px 0 0;
text-align: start
}
}
.ovic-blog,.ovic-products {
position: relative
}
.product-item .product-inner {
--product-bg: #fff;
position: relative;
font-size: 14px;
line-height: 24px;
background-color: var(--product-bg)
}
.product-item .product-thumb {
position: relative;
overflow: hidden
}
.product-item .thumb-link {
display: inline-block;
vertical-align: top;
max-width: 100%;
position: relative;
overflow: hidden
}
.product-item .product-info {
position: relative
}
#wcfmmp-store .product-title {
font-size: 14px !important;
line-height: 20px !important;
font-weight: var(--main-h-fw) !important;
color: var(--default-color) !important;
margin: 0 !important
}
.product-item .product-title {
font-size: 14px;
line-height: 20px;
font-weight: inherit;
color: var(--default-color);
margin: 0
}
.labels-not-yes .product-labels, .rating-not-yes .star-rating-wrap, .rating-not-yes .star-rating {
display: none !important
}
.ovic-menu-clone-wrap .product-item.short-title .product-title a, .short-text-yes .product-item .product-title a {
display: inline-block;
vertical-align: top;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.elementor .content-overflow .elementor-widget-wrap {
display: inline-grid
}
.content-overflow > .slick-slider > .slick-list, .content-overflow .product-list-owl>.slick-list {
overflow: visible
}
.elementor-editor-active .product-item .add-to-cart+a.compare {
display: none !important
}
@media (max-width: 1199px) {
.product-item .product-labels, .product-item .yith-wcwl-add-to-wishlist, .product-item .compare-button, .product-item a.yith-wcqv-button {
display:none !important
}
}
@media (max-width: 767px) {
.product-item.short-title .product-title a {
display:inline-block;
vertical-align: top;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.product-item .price {
margin-top: 0
}
.product-item .product-excerpt {
display: none
}
}
.ovic-products.list.shop-page {
--item-space: 0;
border: 1px solid #eee
}
.ovic-products.list.shop-page .product-item:not(:last-child) .product-inner {
border-bottom: 1px solid #eee
}
.product-item.list .product-inner {
padding: 19px;
display: flex;
align-items: center
}
.product-item.list .product-thumb {
width: 40%;
max-width: 320px
}
.product-item.list .product-info {
flex: 1 1 auto;
width: 1%;
padding: 0 0 5px;
padding-inline-start:30px}
.product-item.list .product-title {
font-size: 18px;
line-height: 1.34;
font-weight: var(--main-h-fw)
}
.product-item.list .woocommerce-product-details__short-description {
font-size: inherit;
line-height: inherit;
max-height: 100%;
overflow: visible
}
.product-item.list .price {
font-size: 15px
}
.product-item.list .price ins {
margin-inline-end:7px}
.product-item.list .add-to-cart {
width: 176px;
max-width: calc(100% - 110px)
}
.product-item.list .add-to-cart a {
font-size: 14px;
line-height: 24px;
font-weight: var(--main-h-fw);
width: 100%;
height: auto;
padding: 8px 15px
}
.product-item.list .add-to-cart a:before {
display: none
}
.product-item.list .product-inner:not(:hover) .add-to-cart>a {
color: #999;
background-color: #eee
}
.product-item.list .group-button {
margin: 13px -5px 0
}
.product-item.list .group-button>* {
float: left;
margin: 10px 5px 0
}
@media (min-width: 1200px) {
.product-item.list .product-inner {
transition: .3s
}
.product-item.list .product-inner:hover {
z-index: 3;
box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}
}
@media (max-width: 1199px) {
.product-item.list .product-inner {
padding:14px
}
.product-item.list .product-info {
padding-inline-start:20px}
.product-item.list .group-button {
margin: 13px 0 0
}
.product-item.list .add-to-cart {
max-width: 100%;
margin: 0
}
.product-item.list .product-title {
font-size: 17px
}
}
@media (max-width: 479px) {
.product-item.list .product-inner {
padding:9px
}
.product-item.list .product-info {
padding-inline-start:10px}
.product-item.list .shop_attributes-wrap {
display: none
}
.product-item.list .product-title {
font-size: 15px
}
.product-item.list .group-button {
margin-top: 8px
}
.product-item.list .add-to-cart a {
padding: 5px 10px
}
}
.hide-border-wrap .ovic-products.border-full .product-list-owl.rows-space-0[data-slick*='"slidesMargin":0'] {
border-width: 0
}
.ovic-products.border-full .product-list-owl>.slick-list {
padding: 1px;
margin: -1px
}
.ovic-products.border-full .product-list-owl.rows-space-0[data-slick*='"slidesMargin":0'] {
border: 1px solid #eee;
background-color: #fff
}
.ovic-products.border-full .product-list-owl.rows-space-0[data-slick*='"slidesMargin":0'] .product-inner {
border: none;
border-inline-start:1px solid transparent}
.ovic-products.border-full .product-list-owl.rows-space-0[data-slick*='"slidesMargin":0'] .slick-active + * .product-inner {
border-inline-start-color:#eee}
.ovic-products.border-full .product-list-owl.rows-space-0[data-slick*='"slidesMargin":0'] .row-item:not(:first-child) .product-inner {
border-top: 1px solid #eee
}
.ovic-products.border-full .product-list-grid,.ovic-products.border-full.shop-page {
--col-space: 0;
--item-space: 0;
padding-top: 1px;
padding-inline-start:1px;box-shadow: 0 0 0 1px #eee inset
}
.ovic-products.border-full .product-list-grid .product-inner, .ovic-products.border-full.shop-page .product-inner {
border-top-width: 0;
border-inline-start-width:0}
.product-item .hover-style-01 .thumb-link.hover-zoom figure {
transform-origin: right top
}
.product-item .group-button.style-01.popup {
position: absolute;
top: calc(50% - 10px);
right: 20px;
transform: translateY(-50%)
}
.product-item .group-button.style-01>*:not(:last-child) {
margin-bottom: 9px
}
.product-item .group-button.style-01 {
--group-button-s: 32px;
--group-button-c: #fff;
--group-button-bg: rgba(0, 0, 0, .4);
--group-button-p: 4px 0
}
.product-item .group-button.style-02 a.compare:before, .product-item .group-button.style-01 a.compare:before {
content: '\e975';
font-size: 14px
}
.product-item .group-button.style-02 a.yith-wcqv-button:before, .product-item .group-button.style-01 a.yith-wcqv-button:before {
content: '\e933';
font-size: 14px
}
.product-item .group-button.style-02 .yith-wcwl-add-to-wishlist .yith-wcwl-icon, .product-item .group-button.style-01 .yith-wcwl-add-to-wishlist .yith-wcwl-icon {
font-size: 14px
}
.product-item .group-button.style-02.popup {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
text-align: center;
height: 0;
font-size: 0;
line-height: 0;
letter-spacing: 0
}
.product-item .group-button.style-02>* {
display: inline-block;
vertical-align: top;
margin: 0 1px
}
.product-item .group-button.style-02 {
--group-button-s: 30px;
--group-button-c: #fff;
--group-button-bg: #7bc042;
--group-button-p: 3px 0;
--group-button-bora: 0
}
.product-item .group-button.style-02 .add-to-cart>a:before {
font-family: main-icon,sans-serif;
content: '\e96e';
font-size: 14px;
line-height: 24px;
font-weight: 400
}
.product-item .group-button.style-02.popup.center {
bottom: calc(50% + 15px)
}
@media (min-width: 1200px) {
.product-item .group-button.popup>*:nth-child(1) {
transition:transform .3s
}
.product-item .group-button.popup>*:nth-child(2) {
transition: transform .3s ease .1s
}
.product-item .group-button.popup>*:nth-child(3) {
transition: transform .3s ease .2s
}
.product-item .product-inner:not(:hover) .group-button.style-01.popup>* {
transform: translateX(60px)
}
.product-item .product-inner:not(:hover) .group-button.style-02.popup>* {
transform: translateY(31px)
}
.product-item .product-inner:not(:hover) .group-button.style-02.popup.center>* {
transform: scale(0)
}
}
.product-01 .product-thumb {
text-align: center
}
.product-01 .product-labels>* {
--labels-posi: 10px;
--labels-h: 20px;
font-size: 13px;
line-height: 16px;
min-width: 50px;
font-weight: 600;
border-radius: 2px;
text-transform: none;
text-align: center
}
.product-01 .product-labels>.onsale {
--product-label-cl: #ff515a
}
.product-01 .product-labels > .onsale .text {
display: none
}
.product-01 .product-labels > .onsale .percent {
display: block
}
.product-01 .star-rating-wrap .star-rating:not(:last-child) {
margin-inline-end:0}
.product-01 .star-rating-wrap .rating-count {
display: none
}
.product-01 .price {
font-size: 15px;
color: var(--main-color)
}
.add-cart-01 .add-to-cart {
position: absolute;
bottom: 0;
left: 0;
right: 0;
transition: .3s
}
.add-cart-01 .add-to-cart>a {
padding: 13px 5px;
font-size: 14px;
text-transform: none;
font-weight: 400;
color: #fff;
background-color: rgba(0, 0, 0, .4)
}
.add-cart-01 .add-to-cart>a:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
.add-cart-01 .add-to-cart>a:before {
display: inline-block;
vertical-align: top;
width: 32px;
height: 32px;
line-height: 30px;
font-weight: 400;
border: 1px solid;
border-radius: 50%;
font-family: main-icon,sans-serif;
content: '\e96b';
text-align: center;
margin: -4px 0;
margin-inline-end:7px}
.add-cart-02 .add-to-cart>a {
text-decoration: underline;
color: var(--default-color);
background-color: transparent;
border-radius: 0;
padding: 0;
margin-top: 1px
}
.add-cart-02 .add-to-cart>a:hover {
color: var(--main-color)
}
.quick-view-01 a.yith-wcqv-button {
position: absolute;
top: calc(50% - 48px);
left: calc(50% - 33px);
font-size: 0;
line-height: 0;
letter-spacing: 0;
color: #fff !important;
border-radius: 50%;
padding: 0
}
.quick-view-01 a.yith-wcqv-button:hover {
background-color: var(--main-color)
}
.quick-view-01 a.yith-wcqv-button:not(:hover) {
background-color: #7bc042cc
}
.quick-view-01 a.yith-wcqv-button:before {
width: 66px;
height: 66px;
font-size: 26px;
line-height: 64px;
content: '\e974';
margin: 0
}
@media (min-width: 1200px) {
.add-cart-02:not(:hover) .add-to-cart {
opacity:0;
visibility: hidden;
transform: translateY(-15px)
}
.add-cart-02 .add-to-cart {
position: absolute;
bottom: 0;
left: 0;
right: 0;
transition: .2s
}
.add-cart-02:hover .price {
opacity: 0;
visibility: hidden
}
.add-cart-02 .price {
transition: .2s
}
.quick-view-01 a.yith-wcqv-button {
transition: transform .3s
}
.product-inner:not(:hover) .quick-view-01 a.yith-wcqv-button {
transform: scale(0)
}
.quick-view-01 .product-inner:hover a.yith-wcqv-button {
animation: bounceIn .5s
}
}
@media (max-width: 1199px) {
.product-01 .price {
font-size:14px
}
.add-cart-01 .add-to-cart>a {
font-size: 13px;
padding: 10px 5px
}
.add-cart-01 .add-to-cart>a:before {
width: 30px;
height: 30px;
margin: -3px 0;
margin-inline-end:5px}
}
.product-item.style-06 .product-inner, .product-item.style-05 .product-inner, .product-item.style-04 .product-inner, .product-item.style-01 .product-inner {
border: 1px solid #eee
}
.border-hover-yes .product-item .product-inner:hover {
border-color: var(--main-color)
}
.product-item.style-01 .product-info {
padding: 13px 14px
}
.ovic-products.style-02 .sc-title {
display: flex;
align-items: center;
margin-top: 7px
}
.ovic-products.style-02 .sc-title .icon {
display: inline-block;
vertical-align: middle;
width: 44px;
height: 44px;
color: var(--main-color-t);
background-color: var(--main-color);
font-size: 28px;
line-height: 44px;
text-align: center;
margin-inline-end:7px;position: relative
}
.ovic-products.style-02 .sc-title .icon:after {
position: absolute;
content: '';
left: 0;
right: 0;
top: -7px;
border-bottom: 7px solid var(--main-color);
border-inline-start:22px solid transparent;border-inline-end:22px solid transparent}
.ovic-products.style-02 .sc-title .icon:before {
font-family: main-icon,sans-serif;
content: '\e97d'
}
.ovic-products.style-02 .sc-title .title {
font-size: 16px;
line-height: 22px;
margin: 0
}
.product-item.style-02 .product-inner {
border: 3px solid var(--main-color)
}
.product-item.style-02 .product-info {
padding: 10px 37px 23px
}
.product-item.style-02 .ovic-countdown {
text-align: center;
padding: 25px 0 18px
}
.product-item.style-03 .product-inner {
display: flex
}
.product-item.style-03 .product-thumb {
max-width: 50%
}
.product-item.style-03 .product-info {
flex: 1 1 auto;
width: 1%;
padding: 20px 0;
padding-inline-start:20px}
.product-item.style-04 .product-info {
padding: 8px 11px 6px
}
.product-item.style-05 .product-title {
font-size: 13px
}
.product-item.style-05 .product-title a {
display: block;
padding: 5px 10px;
color: #fff;
background-color: #424242
}
.product-item.style-05 .product-title a:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
.product-item.style-05 .product-info {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 56px;
padding: 5px 10px
}
.product-item.style-05 .product-info>* {
margin: -2px 0
}
.product-item.style-06 .product-info {
padding: 9px 10px 17px
}
.product-item.style-07 .product-inner {
text-align: center
}
.product-item.style-07 .yith-wcwl-add-to-wishlist {
--group-button-s: 30px;
--group-button-c: var(--main-cl);
--group-button-c-h: var(--main-color);
--group-button-p: 3px 0;
position: absolute;
top: 10px;
right: 10px
}
.product-item.style-07 .product-info {
padding: 5px 0 0
}
.product-item.style-07 .product-title {
text-transform: uppercase;
font-weight: var(--main-h-fw)
}
.product-item.style-07 .star-rating-wrap {
margin-top: 6px
}
.product-item.style-07 .star-rating>span:before {
content: '\e908\e908\e908\e908\e908'
}
.product-item.style-07 .star-rating-wrap .star-rating:not(:last-child) {
margin-inline-end:0}
.product-item.style-07 .rating-count {
display: none
}
.product-item.style-07 .price {
justify-content: center;
font-size: 14px;
color: var(--default-color);
font-weight: var(--main-h-fw);
margin-top: 3px
}
.product-item.style-07 .price ins {
margin-inline-end:5px}
.product-item.style-07 .price del {
color: #aaa;
margin: 0;
font-size: inherit
}
.product-item.style-07 .add-to-cart>a:before {
content: '+'
}
.product-item.style-08 .product-inner {
text-align: center
}
.product-item.style-08 .product-info {
padding-top: 12px
}
.product-item.style-08 .price {
justify-content: center;
font-weight: 400;
font-size: 15px;
margin-top: 1px
}
.product-item.style-08 .price ins {
margin: 0
}
.product-item.style-08 .price del {
order: unset;
font-size: inherit;
font-weight: inherit;
margin: 0;
color: #aaa;
margin-inline-end:8px}
.product-item.style-08 .yith-wcwl-add-to-wishlist {
--group-button-s: 30px;
--group-button-bg: transparent;
--group-button-c-h: var(--main-color);
--group-button-bg-h: transparent;
--group-button-p: 3px 0;
--group-button-bora: 0;
position: absolute;
top: 10px;
right: 10px
}
.product-item.style-08 a.yith-wcqv-button {
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 14px;
line-height: 24px;
padding: 8px 15px;
color: var(--main-color-t);
background-color: var(--main-color);
text-transform: none
}
.product-item.style-08 a.yith-wcqv-button:before {
font-size: 21px;
margin-inline-end:5px}
.product-item.style-08 a.yith-wcqv-button:hover {
background-color: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * .8))
}
.product-item.style-08 .add-to-cart>a {
font-size: 13px
}
.product-item.style-08 .product-labels {
position: absolute;
top: 15px;
left: 15px
}
.product-item.style-08 .product-labels>* {
display: block;
position: relative;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
padding: 5px 9px;
font-weight: var(--main-h-fw);
border-radius: var(--main-bora);
margin-inline-end:10px;margin-bottom: 10px;
--product-label-cl: var(--main-color)
}
.product-item.style-08 .product-labels>.onsale {
--product-label-cl: #d26e4b
}
.product-item.style-09 .product-inner {
display: flex
}
.product-item.style-09 .product-thumb {
width: 80px;
max-width: 35%
}
.product-item.style-09 .product-info {
flex: 1 1 auto;
width: 1%;
padding-inline-start:20px}
.product-item.style-09 .product-title {
font-size: 13px;
line-height: 20px;
font-weight: var(--main-h-fw);
text-transform: uppercase
}
.product-item.style-09 .price {
font-size: 13px;
line-height: 20px;
font-weight: var(--main-h-fw);
column-gap: 7px
}
.product-item.style-09 .price ins {
margin: 0
}
.product-item.style-09 .price del {
order: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin: 0
}
.product-item.style-10 .product-labels {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: flex-start
}
.product-item.style-10 .product-labels>* {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
font-size: 10px;
line-height: 13px;
padding: 2px 9px;
margin-bottom: 5px
}
.product-item.style-10 .product-labels>*:after {
position: absolute;
content: '';
left: 4px;
bottom: -4px;
border-top: 5px solid var(--product-label-cl);
border-inline-end:9px solid transparent}
.product-item.style-10 .product-labels>.onsale {
--product-label-cl: var(--main-color)
}
.product-item.style-10 .group-button.style-01.popup {
top: 0;
right: 0;
transform: none
}
.product-item.style-10 .product-info {
padding: 5px 0 0
}
.product-item.style-10 .price {
font-size: 14px;
line-height: 20px;
margin-top: 4px
}
.product-item.style-10 .price ins {
color: var(--main-color);
margin-inline-end:7px}
.product-item.style-10 .price del {
margin: 0
}
.product-item.style-10 .add-to-cart>a {
text-align: inherit;
line-height: 20px
}
.product-item.style-14 .product-thumb {
border: 1px solid #eee
}
.product-item.style-14 .product-title {
margin-top: 13px
}
.product-item.style-14 .price {
margin-top: 2px
}
.product-item.style-21 .product-inner {
border: 1px solid #eee
}
.product-item.style-21 .product-inner:hover {
border-color: var(--main-color)
}
.ovic-products.style-99:not([class*='rows-space-']) .product-list-owl[data-slick*='"slidesMargin":0'] {
border: 1px solid #eee;
background-color: #fff
}
.ovic-products.style-99:not([class*='rows-space-']) .product-list-owl[data-slick*='"slidesMargin":0'] .product-inner {
border: none;
border-inline-start:1px solid transparent}
.ovic-products.style-99:not([class*='rows-space-']) .product-list-owl[data-slick*='"slidesMargin":0'] .slick-active + * .product-inner {
border-inline-start-color:#eee}
.ovic-products.style-99:not([class*='rows-space-']) .product-list-owl[data-slick*='"slidesMargin":0'] .row-item:not(:first-child) .product-inner {
border-top: 1px solid #eee
}
.ovic-products.style-99 .product-list-grid,.ovic-products.style-99.shop-page {
--col-space: 0;
--item-space: 0;
padding: 1px 0 0;
padding-inline-start:1px;background-color: #fff;
box-shadow: 0 0 0 1px #eee inset
}
.ovic-products.style-99 .product-list-grid .product-item .product-inner, .ovic-products.style-99.shop-page .product-item .product-inner {
border-top-width: 0;
border-inline-start-width:0}
.product-item.style-99 .product-inner {
border: 1px solid #eee;
padding: 19px 19px 14px
}
.product-item.style-99 .product-info {
padding-top: 15px
}
.product-item.style-99 .price {
margin-top: 2px
}
@media (min-width: 1200px) {
.product-item.style-21 .product-inner:not(:hover) .add-to-cart, .product-item.style-04 .product-inner:not(:hover) .add-to-cart, .product-item.style-02 .product-inner:not(:hover) .add-to-cart, .product-item.style-01 .product-inner:not(:hover) .add-to-cart {
bottom:-51px
}
.ovic-products.style-99 .product-list-owl:hover>.slick-list {
padding: 6px 6px 56px;
margin: -6px -6px -56px;
z-index: 4
}
.ovic-products.style-99 .slick-slide {
transition: opacity .3s ease, visibility .3s
}
.ovic-products.style-99 .slick-slide:not(.slick-active) {
opacity: 0;
visibility: hidden
}
.product-item.style-99 .product-inner:hover {
z-index: 3
}
.product-item.style-99 .product-inner:not(:hover):before {
opacity: 0;
visibility: hidden
}
.product-item.style-99 .product-inner:before {
position: absolute;
content: '';
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
box-shadow: 0 0 6px rgba(0, 0, 0, .2);
background-color: var(--product-bg);
transition: .3s
}
.product-item.style-99 .add-to-cart {
position: absolute;
right: 20px;
bottom: 7px;
transition: .3s
}
.product-item.style-99 .product-inner:not(:hover) .add-to-cart {
opacity: 0;
visibility: hidden
}
.product-item.style-99 .add-to-cart>a {
font-size: 0;
line-height: 0;
letter-spacing: 0;
width: 36px;
border-radius: 90px;
font-weight: 400;
padding: 0;
text-decoration: none
}
.product-item.style-99 .add-to-cart>a:before {
display: block;
font-family: main-icon,sans-serif;
content: '\e93e';
font-size: 20px;
line-height: 36px;
margin: -1px 0 1px
}
.product-item.style-99 .product-inner:not(:hover) .group-button {
opacity: 0;
visibility: hidden;
transform: translateY(-15px)
}
.product-item.style-99 .group-button {
position: absolute;
top: 100%;
left: -1px;
right: -1px;
padding: 10px 20px;
background-color: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, .2);
transition: .3s;
display: flex
}
.product-item.style-99 .group-button:before {
display: block;
position: absolute;
content: '';
top: 0;
left: 20px;
right: 20px;
border-top: 1px solid #eee
}
.product-item.style-99 .group-button:after {
display: block;
position: absolute;
content: '';
bottom: 100%;
left: 0;
right: 0;
height: 6px;
background-color: #fff
}
.product-item.style-99 .group-button>* {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1 1 auto
}
.product-item.style-99 .group-button>*:not(:first-child) {
margin-inline-start:10px;text-align: right
}
.product-item.style-99 a.yith-wcqv-button, .product-item.style-99 .yith-wcwl-add-to-wishlist>* {
width: auto;
height: auto;
padding: 3px 0;
font-size: 14px;
line-height: 24px;
text-align: inherit;
background-color: transparent;
text-transform: none
}
.product-item.style-99 a.yith-wcqv-button:hover, .product-item.style-99 .yith-wcwl-add-to-wishlist > *:hover, .product-item.style-99 .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse, .product-item.style-99 .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse, .product-item.style-99 .yith-wcwl-add-to-wishlist .delete_item {
color: var(--main-color)
}
.product-item.style-99 a.yith-wcqv-button:before {
margin-inline-end:7px}
.product-item.style-99 .yith-wcwl-add-to-wishlist a {
position: relative;
padding-inline-start:26px}
.product-item.style-99 .yith-wcwl-add-to-wishlist .yith-wcwl-icon {
right: auto;
margin: -1px 0 1px
}
.product-item.style-08 .product-inner:not(:hover) a.yith-wcqv-button {
transform: translateY(100%)
}
.product-item.style-08 a.yith-wcqv-button {
transition: .2s
}
}
@media (max-width: 1199px) {
.product-item.style-02 .product-info {
padding:10px 17px 18px
}
.product-item.style-02 .ovic-countdown {
padding: 20px 0 16px
}
.product-item.style-99 .product-inner {
padding: 14px 14px 10px
}
.product-item.style-99 .product-info {
padding-top: 10px
}
.product-item.style-99 .add-to-cart {
display: none
}
.product-item.style-99 .price {
margin-top: 0
}
.product-item.style-07 .yith-wcwl-add-to-wishlist {
display: none
}
.product-item.style-08 .product-info {
padding-top: 7px
}
.product-item.style-09 .product-info {
padding-inline-start:15px}
.product-item.style-10 .price {
margin-top: 2px
}
}
@media (max-width: 767px) {
.product-item.style-01 .product-info {
padding:8px 9px
}
.product-item.style-02 .price, .product-item.style-01 .price {
font-size: 14px
}
.product-item.style-02 .price del, .product-item.style-01 .price del {
font-size: 12px
}
.product-item.style-03 .product-info {
padding: 15px 0;
padding-inline-start:15px}
.product-item.style-99 .product-inner {
padding: 9px 9px 6px
}
.product-item.style-99 .product-info {
padding-top: 6px
}
}
div.ovic-question-answers .close-question {
position: absolute;
top: 7px;
right: 0;
padding: 8px 15px
}
div.ovic-question-answers .close-question:not(:hover) {
color: inherit
}
div.ovic-question-answers .close-question:before {
font-family: main-icon,sans-serif;
content: '\e901';
font-size: 12px;
line-height: 24px
}
div.ovic-question-answers.loading .list-question {
min-height: 30px;
position: relative;
overflow: hidden
}
div.ovic-question-answers .ask-question {
padding: 11px 20px;
height: 46px
}
div.ovic-question-answers .add-question {
padding: 11px 25px
}
div.ovic-question-answers .list-question {
font-size: 14px;
line-height: 24px
}
div.ovic-question-answers .item-question {
padding: 15px 0
}
div.ovic-question-answers .question {
display: flex;
font-size: 18px;
line-height: 24px;
margin-bottom: 2px
}
div.ovic-question-answers .question .icon {
font-size: 20px;
font-weight: 400;
margin-inline-end:10px}
div.ovic-question-answers .question .icon:before {
display: inline-block;
vertical-align: top;
font-family: main-icon,sans-serif;
content: '\e960'
}
div.ovic-question-answers .question .text {
flex: 1 1 auto;
width: 1%
}
.woocommerce-product-gallery__image {
text-align: center
}
.single-product-wrapper:not(.has-gallery) .woocommerce-product-gallery__wrapper,.flex-viewport {
border: 1px solid #eee;
background-color: #fff
}
.flex-control-nav {
list-style: none;
margin: 10px auto 0;
padding: 0 10px;
max-width: 402px
}
.flex-control-nav li {
background-color: var(--main-color)
}
.flex-control-nav img {
width: 100%;
cursor: pointer;
border: 1px solid #eee;
background-color: #fff
}
.flex-control-nav img:hover, .flex-control-nav img.flex-active {
clip-path: polygon(2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 2px calc(100% - 2px))
}
.flex-control-nav .slick-list {
padding: 1px;
margin: -1px
}
.flex-control-nav .slick-arrow {
--arrow-width: 15px;
--arrow-fz: 20px;
--arrow-posi-h: -5px
}
.flex-control-nav.slick-vertical .slick-arrow {
--arrow-posi-h: -15px
}
.flex-control-thumbs:not(.slick-slider) {
display: flex;
flex-wrap: wrap;
margin-inline-start:-5px;margin-inline-end:-5px}
.flex-control-thumbs:not(.slick-slider)>li {
width: calc((100% / var(--columns)) - 10px);
margin-inline-start:5px;margin-inline-end:5px}
.woocommerce-product-gallery__trigger {
position: absolute;
font-size: 0;
line-height: 0;
letter-spacing: 0;
top: 15px;
right: 15px;
z-index: 1;
text-align: center
}
.woocommerce-product-gallery__trigger:not(:hover) {
color: inherit
}
.woocommerce-product-gallery__trigger:before {
font-family: main-icon,sans-serif;
content: '\e915';
font-size: 30px;
line-height: 1;
font-weight: 400
}
.woocommerce-product-gallery__trigger img {
display: none !important
}
.woocommerce-product-gallery__image.none-zoom>a,.woocommerce-product-gallery__image.none-zoom>.zoomImg {
display: none !important
}
.entry-summary .product_title {
font-size: 18px;
line-height: 24px;
margin: 0
}
.entry-summary .woocommerce-product-rating {
margin: 6px 0 0
}
.entry-summary .star-rating {
position: relative;
overflow: visible
}
.entry-summary .star-rating-wrap .rating-count {
font-size: inherit;
position: relative;
margin-inline-end:15px}
.product-item .woocommerce-review-link, .entry-summary .woocommerce-product-rating>.woocommerce-review-link {
display: none
}
.entry-summary .woocommerce-product-rating .woocommerce-review-link {
font-weight: 400
}
.entry-summary .woocommerce-product-details__short-description {
padding-top: 19px;
border-top: 1px solid #eee;
margin-top: 19px
}
.entry-summary .woocommerce-product-details__short-description>:last-child {
margin-bottom: 0
}
.entry-summary .ovic-countdown {
margin-top: 15px;
padding: 7px 0 0
}
.entry-summary .ovic-countdown.style-01 .title {
margin-bottom: 10px
}
.entry-summary .ovic-countdown.style-01 .kuteshop-countdown>* {
border: none;
padding: 0;
text-align: center;
font-size: 12px;
color: var(--main-cl)
}
.entry-summary .ovic-countdown.style-01 .kuteshop-countdown>*:not(:last-child):after {
display: none
}
.entry-summary .ovic-countdown.style-01 .number {
display: block;
min-width: 40px;
background-color: #eee;
font-size: 16px;
font-weight: 700;
padding: 3px 0;
color: var(--default-color)
}
.entry-summary .ovic-countdown.style-01 .text {
display: block
}
.summary-content>.price,.entry-summary>.price {
display: flex;
align-items: flex-end;
font-size: 24px;
line-height: 1.25;
margin-top: 17px
}
.summary-content > .price ins, .entry-summary > .price ins {
margin-inline-end:10px}
.summary-content > .price del, .entry-summary > .price del {
order: 1;
font-size: 18px;
margin: -2px 0 2px
}
.summary-content>.stock,.entry-summary>.stock {
display: block;
font-size: 14px;
line-height: 24px;
margin: 15px 0 0
}
.summary-content>.out-of-stock,.entry-summary>.out-of-stock {
font-size: 20px;
line-height: 1.25;
padding: 5px 0
}
.summary-content-summary > .out-of-stock .title, .entry-summary > .out-of-stock .title {
display: none
}
.entry-summary .cart {
margin: 17px 0 0
}
.entry-summary .quantity {
margin-inline-end:17px;margin-bottom: 10px
}
.entry-summary .single_add_to_cart_button, .entry-summary .added_to_cart {
overflow: hidden;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
padding: 13px 15px;
font-weight: 700;
width: 240px;
max-width: 100%;
margin-bottom: 10px
}
.entry-summary .single_add_to_cart_button:not(:last-child), .entry-summary .added_to_cart:not(:last-child), .entry-summary .yith-wcwl-add-to-wishlist:not(:last-child) {
margin-inline-end:12px}
.entry-summary .yith-wcwl-add-to-wishlist, .entry-summary a.compare {
display: inline-block;
vertical-align: top;
margin-bottom: 10px
}
.entry-summary a.compare, .entry-summary .yith-wcwl-add-to-wishlist>* {
--group-button-s: 50px;
--group-button-bg: #fff;
--group-button-bs: 0 0 0 2px #eee;
--group-button-c-h: var(--main-color-t);
--group-button-bg-h: var(--main-color);
--group-button-bs-h: none;
--group-button-p: 13px 0;
--group-button-bora: var(--main-bora)
}
.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-icon {
font-size: 20px
}
.entry-summary .ovic-share-socials {
margin: 4px 0 0
}
.entry-summary .ovic-share-socials .inner {
padding: 0
}
.entry-summary .ovic-share-socials a {
color: #fff;
padding: 4px 12px;
margin-top: 10px
}
.entry-summary .ovic-share-socials a .text {
display: inline
}
.entry-summary .ovic-share-socials a.facebook {
background-color: #3b5998
}
.entry-summary .ovic-share-socials a.twitter {
background-color: #1da1f2
}
.entry-summary .ovic-share-socials a.pinterest {
background-color: #9a1c20
}
.entry-summary .ovic-share-socials a:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
.entry-summary .product_meta {
font-size: 14px;
line-height: 24px;
padding-top: 23px;
border-top: 1px solid #eee;
margin-top: 20px
}
.entry-summary .product_meta>*>.title {
padding-inline-end:10px;color: var(--default-color)
}
.entry-summary .group_table {
margin: 0 0 30px;
background-color: #fff
}
.entry-summary .group_table td {
padding: 8px 15px
}
.entry-summary .group_table .woocommerce-grouped-product-list-item__quantity {
width: 1%;
white-space: nowrap;
text-align: center
}
.entry-summary .group_table .button {
font-size: 12px;
padding: 6px 12px
}
.entry-summary .group_table .woocommerce-grouped-product-list-item__quantity {
padding: 0
}
.entry-summary .group_table .quantity {
float: none;
margin: 0
}
.entry-summary .group_table .quantity .input-text {
width: 80px;
height: 40px;
padding: 8px 10px;
font-size: 14px;
box-shadow: none
}
.entry-summary .group_table .quantity .arrow {
font-size: 8px;
width: 30px
}
.entry-summary .group_table .woocommerce-grouped-product-list-item__label {
font-size: 14px;
color: var(--default-color)
}
.entry-summary .group_table .woocommerce-grouped-product-list-item__label label {
color: inherit;
font-weight: inherit;
margin: 0
}
.entry-summary .group_table .woocommerce-grouped-product-list-item__price {
text-align: center
}
.entry-summary .group_table .amount {
font-size: 16px;
line-height: 24px;
font-weight: 700
}
.entry-summary .group_table ins {
display: inline-block;
vertical-align: top;
text-decoration: none;
color: var(--default-color);
margin-inline-start:5px}
.entry-summary .group_table del {
display: inline-block;
vertical-align: top;
margin: 1px 0 -1px
}
.entry-summary .group_table del .amount {
font-size: 14px;
color: #999;
font-weight: 400
}
.entry-summary .group_table .stock .title {
display: none
}
.product-item .woocommerce-product-details__short-description {
margin-top: 17px
}
.product-item .shop_attributes-wrap {
margin: 17px 0 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.entry-summary .woocommerce-product-details__short-description, .entry-summary .shop_attributes-wrap {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 23px 0 7px;
border-top: 1px solid #eee;
margin: 30px 0 0
}
.entry-summary .woocommerce-product-details__short-description:after, .entry-summary .shop_attributes-wrap:after {
display: block;
content: '';
border-top: 1px solid #eee;
margin-top: 23px
}
.entry-summary .shop_attributes, .product-item .shop_attributes {
font-size: 14px;
line-height: 20px;
margin: 0;
border: none;
background-color: transparent
}
.entry-summary .shop_attributes th, .product-item .shop_attributes th {
vertical-align: top;
border: none;
padding: 2px 14px 2px 0;
font-weight: inherit;
white-space: nowrap;
width: 1%
}
.entry-summary .shop_attributes th:after, .product-item .shop_attributes th:after {
content: ':';
margin-inline-start:3px}
.entry-summary .shop_attributes td, .product-item .shop_attributes td {
vertical-align: top;
border: none;
padding: 2px 0
}
.entry-summary .shop_attributes p:last-child, .product-item .shop_attributes p:last-child {
margin: 0
}
@media (max-width: 1199px) {
.entry-summary .single_add_to_cart_button, .entry-summary .added_to_cart {
padding:10px 15px;
width: 200px
}
.entry-summary a.compare, .entry-summary .yith-wcwl-add-to-wishlist>* {
--group-button-p: 10px 0;
--group-button-s: 44px
}
.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-icon {
font-size: 18px
}
.entry-summary a.compare:before {
font-size: 16px
}
.entry-summary .product_meta {
padding-top: 13px;
margin-top: 10px
}
.entry-summary .quantity {
margin-inline-end:12px}
.entry-summary .single_add_to_cart_button:not(:last-child), .entry-summary .added_to_cart:not(:last-child), .entry-summary .yith-wcwl-add-to-wishlist:not(:last-child) {
margin-inline-end:7px}
.entry-summary .cart {
margin-top: 7px
}
.summary-content>.price,.entry-summary>.price {
margin-top: 7px
}
.entry-summary .woocommerce-product-details__short-description, .entry-summary .shop_attributes-wrap {
padding-top: 13px;
margin-top: 20px
}
.entry-summary .woocommerce-product-details__short-description:after, .entry-summary .shop_attributes-wrap:after {
margin-top: 13px
}
.entry-summary .product_title {
margin-top: 2px
}
.entry-summary .ovic-share-socials {
margin-top: 0
}
.entry-summary .group_table .woocommerce-grouped-product-list-item__quantity {
max-width: 100px
}
.entry-summary .group_table td {
padding: 5px 9px
}
.entry-summary .group_table .amount {
font-size: 15px
}
.entry-summary .group_table del .amount {
font-size: 13px
}
.entry-summary .group_table ins {
display: block;
margin-inline-start:0}
.product-item .woocommerce-product-details__short-description, .product-item .shop_attributes-wrap {
margin-top: 12px
}
.entry-summary .shop_attributes, .product-item .shop_attributes {
font-size: 13px;
line-height: 18px
}
}
@media (max-width: 479px) {
.entry-summary .single_add_to_cart_button, .entry-summary .added_to_cart {
width:180px
}
}
.single-product-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start
}
.single-product-wrapper .onsale {
position: absolute;
top: 15px;
left: 15px;
font-size: 13px;
line-height: 16px;
min-width: 50px;
font-weight: 600;
border-radius: 2px;
text-transform: none;
text-align: center;
color: #fff;
background-color: #ff515a;
padding: 2px 7px;
z-index: 2
}
.single-product-wrapper .onsale .text {
display: none
}
.woocommerce-product-gallery {
position: relative;
width: 402px;
max-width: 50%
}
.entry-summary {
position: relative;
flex: 1 1 auto;
width: 1%;
padding-inline-start:30px}
.sidebar-full .woocommerce-product-gallery {
width: 690px
}
@media (min-width: 480px) {
.product-page-standard.sidebar-full .has-gallery .woocommerce-product-gallery {
padding-inline-start:74px
}
.product-page-standard.sidebar-full .has-gallery .onsale {
margin-inline-start:74px}
.product-page-standard.sidebar-full .has-gallery .flex-control-nav {
position: absolute;
top: 0;
left: 0;
width: 64px;
padding: 0;
margin: 0
}
}
@media (min-width: 992px) {
.product-page-standard.sidebar-full .has-gallery .woocommerce-product-gallery {
padding-inline-start:86px
}
.product-page-standard.sidebar-full .has-gallery .onsale {
margin-inline-start:86px}
.product-page-standard.sidebar-full .has-gallery .flex-control-nav {
width: 76px
}
}
@media (min-width: 1200px) {
.product-page-standard.sidebar-full .has-gallery .woocommerce-product-gallery {
padding-inline-start:98px
}
.product-page-standard.sidebar-full .has-gallery .onsale {
margin-inline-start:98px}
.product-page-standard.sidebar-full .has-gallery .flex-control-nav {
width: 88px
}
}
@media (max-width: 1199px) {
.flex-control-nav {
padding:0 9px
}
.entry-summary {
padding-inline-start:20px}
}
@media (max-width: 767px) {
.woocommerce-product-gallery {
width:100%;
max-width: 100%
}
.flex-control-nav {
padding: 0 6px
}
.entry-summary {
width: 100%;
padding: 30px 0 0
}
}
.product-page-grid .has-gallery .woocommerce-product-gallery {
padding: 0 !important
}
.product-page-grid .has-gallery .flex-viewport {
width: auto !important;
height: auto !important;
border: none;
margin: 0
}
.product-page-grid .has-gallery .woocommerce-product-gallery__wrapper {
display: block !important;
width: auto !important;
height: auto !important;
transform: none !important;
font-size: 0;
line-height: 0;
letter-spacing: 0;
margin: 0 -5px -10px !important
}
.product-page-grid .has-gallery .woocommerce-product-gallery__image {
display: inline-block !important;
vertical-align: top;
width: calc(50% - 10px) !important;
float: none !important;
margin: 0 5px 10px !important;
border: 1px solid #eee
}
.product-page-grid .has-gallery .flex-control-nav {
display: none
}
.product-page-slide .has-gallery .woocommerce-product-gallery {
padding: 0 !important
}
.product-page-slide .has-gallery .flex-viewport {
margin: 0
}
.product-page-slide .has-gallery .flex-control-nav {
position: absolute;
bottom: 10px;
top: auto;
left: 0;
right: 0;
font-size: 0;
line-height: 0;
letter-spacing: 0;
text-align: center;
width: auto;
max-width: none
}
.product-page-slide .has-gallery .flex-control-nav li {
display: inline-block;
vertical-align: top;
margin: 10px 5px 0
}
.product-page-slide .has-gallery .flex-control-nav li a {
display: inline-block;
vertical-align: top;
width: 6px;
height: 6px;
border-radius: var(--main-bora);
background-color: var(--default-color);
opacity: .4
}
.product-page-slide .has-gallery .flex-control-nav li a.flex-active {
opacity: 1;
width: 35px
}
.product-page-slide .has-gallery .flex-control-nav li a:hover {
opacity: 1
}
@media (max-width: 1199px) {
.product-page-slide .flex-control-nav {
bottom:15px
}
}
@media (min-width: 768px) {
.product-page-sticky .site {
overflow:visible
}
.product-page-sticky .has-gallery .woocommerce-product-gallery {
padding: 0 !important
}
.product-page-sticky .has-gallery .flex-viewport {
width: auto !important;
height: auto !important;
border: none;
margin: 0
}
.product-page-sticky .has-gallery .woocommerce-product-gallery__wrapper {
display: block !important;
width: auto !important;
height: auto !important;
transform: none !important;
font-size: 0;
line-height: 0;
letter-spacing: 0;
margin: 0 0 -10px !important
}
.product-page-sticky .has-gallery .woocommerce-product-gallery__image {
display: inline-block !important;
vertical-align: top;
width: 100% !important;
float: none !important;
border: 1px solid #eee;
margin: 0 0 10px !important
}
.product-page-sticky .has-gallery .flex-control-nav {
display: none
}
.product-page-sticky .has-gallery .entry-summary {
position: sticky;
top: 10px
}
.admin-bar .product-page-sticky .has-gallery .entry-summary {
top: 56px
}
}
@media (min-width: 782px) {
.admin-bar .product-page-sticky .has-gallery .entry-summary {
top:42px
}
}
@media (min-width: 1200px) {
.has-header-sticky .product-page-sticky .has-gallery .entry-summary {
top:70px
}
.admin-bar.has-header-sticky .product-page-sticky .has-gallery .entry-summary {
top: 102px
}
}
.woocommerce-tabs {
clear: both;
margin-top: 60px
}
.woocommerce-tabs .panel {
background-color: #fff;
box-shadow: none;
padding: 23px 19px 37px;
border: 1px solid #eee;
margin: 0
}
.woocommerce-tabs>ul {
list-style: none;
padding: 0;
text-align: center;
margin: 0 0 -1px
}
.woocommerce-tabs>ul>li {
display: inline-block;
vertical-align: top
}
.woocommerce-tabs>ul>li>a {
display: block;
position: relative;
font-size: 18px;
line-height: 24px;
font-weight: var(--main-h-fw);
padding: 0 30px 12px;
border-bottom: 2px solid transparent;
text-decoration: none
}
.woocommerce-tabs>ul>li.active>a {
color: var(--default-color);
border-color: var(--main-color)
}
.woocommerce-tabs>ul>li>a:hover {
color: var(--main-color)
}
.product-tab-brands {
display: table;
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
width: 100%
}
.product-tab-brands .brand-item {
display: table-row;
padding: 0;
margin: 0;
border: none
}
.product-tab-brands .brand-item>* {
display: table-cell;
vertical-align: middle;
border: 1px solid #eee;
padding: 10px;
text-align: start;
font-size: 14px
}
.product-tab-brands .brand-item img {
max-height: 60px;
width: auto
}
#tab-description>*:last-child {
margin-bottom: 0
}
.product-tab-brands .brand-item > *, #tab-additional_information th, #tab-additional_information td {
font-size: 14px;
padding: 8px 15px;
border-left-width: 0;
border-right-width: 0
}
.product-tab-brands .brand-item:first-child > *, #tab-additional_information tr:first-child>* {
border-top-width: 0
}
.product-tab-brands .brand-item:last-child > *, #tab-additional_information tr:last-child>* {
border-bottom-width: 0
}
.product-tab-brands .brand-item > *:first-child, #tab-additional_information th:first-child, #tab-additional_information td:first-child {
padding-inline-start:0}
.product-tab-brands .brand-item > *:last-child, #tab-additional_information th:last-child, #tab-additional_information td:last-child {
padding-inline-end:0}
#tab-additional_information *:last-child {
margin-bottom: 0
}
.product-tab-brands .brand-item .term-thumbnail, #tab-additional_information th {
width: 33.33333333%
}
.woocommerce-Tabs-panel--reviews #review_form_wrapper {
clear: both
}
.woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
font-size: 18px;
line-height: 24px;
margin: 0
}
.woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title span {
color: var(--default-color)
}
.woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title span:before {
content: '“';
color: var(--default-color)
}
.woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title span:after {
content: '”';
color: var(--default-color)
}
.woocommerce-Tabs-panel--reviews .woocommerce-noreviews {
margin: 0
}
#wcmp_vendor_reviews .commentlist, .woocommerce-Tabs-panel--reviews .commentlist {
list-style: none;
padding: 0;
margin: 0
}
#wcmp_vendor_reviews .commentlist .comment_container, .woocommerce-Tabs-panel--reviews .commentlist .comment_container {
margin-top: 20px
}
#wcmp_vendor_reviews .commentlist .comment_container:before, #wcmp_vendor_reviews .commentlist .comment_container:after, .woocommerce-Tabs-panel--reviews .commentlist .comment_container:before, .woocommerce-Tabs-panel--reviews .commentlist .comment_container:after {
display: table;
clear: both;
content: ''
}
#wcmp_vendor_reviews .commentlist .avatar, .woocommerce-Tabs-panel--reviews .commentlist .avatar {
float: left;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin-inline-end:10px}
#wcmp_vendor_reviews .commentlist .comment-text, .woocommerce-Tabs-panel--reviews .commentlist .comment-text {
overflow: hidden;
padding: 10px 14px;
border: 1px solid #eee
}
#wcmp_vendor_reviews .commentlist .rating-count, #wcmp_vendor_reviews .commentlist .woocommerce-review-link, .woocommerce-Tabs-panel--reviews .commentlist .rating-count, .woocommerce-Tabs-panel--reviews .commentlist .woocommerce-review-link {
display: none
}
#wcmp_vendor_reviews .commentlist .star-rating-wrap, .woocommerce-Tabs-panel--reviews .commentlist .star-rating-wrap {
margin: -2px 0;
margin-inline-end:5px}
#wcmp_vendor_reviews .commentlist .star-rating-wrap .rating, .woocommerce-Tabs-panel--reviews .commentlist .star-rating-wrap .rating {
display: none
}
#wcmp_vendor_reviews .commentlist .meta, .woocommerce-Tabs-panel--reviews .commentlist .meta {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 20px;
color: #aaa;
margin: 0
}
#wcmp_vendor_reviews .commentlist .description, .woocommerce-Tabs-panel--reviews .commentlist .description {
margin: 2px 0 0
}
#wcmp_vendor_reviews .commentlist .description > *:last-child, .woocommerce-Tabs-panel--reviews .commentlist .description>*:last-child {
margin-bottom: 0
}
#wcmp_vendor_reviews .commentlist .children, .woocommerce-Tabs-panel--reviews .commentlist .children {
list-style: none;
padding-inline-start:20px}
#wcmp_vendor_reviews .comment-form-rating > label, .woocommerce-Tabs-panel--reviews .comment-form-rating>label {
margin-inline-end:10px}
#wcmp_vendor_reviews .woocommerce-pagination, .woocommerce-Tabs-panel--reviews .woocommerce-pagination {
margin-top: 30px
}
#wcmp_vendor_reviews .comment-respond, .woocommerce-Tabs-panel--reviews .comment-respond {
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 30px
}
#wcmp_vendor_reviews #review_form, .woocommerce-Tabs-panel--reviews #review_form {
--input-width: 100%
}
#wcmp_vendor_reviews #review_form label, .woocommerce-Tabs-panel--reviews #review_form label {
font-weight: inherit
}
#wcmp_vendor_reviews #review_form .comment-reply-title, .woocommerce-Tabs-panel--reviews #review_form .comment-reply-title {
display: block;
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin: 0
}
#wcmp_vendor_reviews #review_form .comment-form-author > label, #wcmp_vendor_reviews #review_form .comment-form-email > label, .woocommerce-Tabs-panel--reviews #review_form .comment-form-author > label, .woocommerce-Tabs-panel--reviews #review_form .comment-form-email>label {
display: block
}
#wcmp_vendor_reviews #review_form .form-submit, .woocommerce-Tabs-panel--reviews #review_form .form-submit {
margin-bottom: 0
}
#wcmp_vendor_reviews #review_form .form-submit input[type="submit"], .woocommerce-Tabs-panel--reviews #review_form .form-submit input[type="submit"] {
width: 220px
}
#wcmp_vendor_reviews .ovic-panel-rating, .woocommerce-Tabs-panel--reviews .ovic-panel-rating {
max-width: 100%
}
#wcmp_vendor_reviews .ovic-panel-rating .average, .woocommerce-Tabs-panel--reviews .ovic-panel-rating .average {
line-height: 1.4;
margin-bottom: 19px
}
@media (min-width: 768px) {
#wcmp_vendor_reviews #reviews, .woocommerce-Tabs-panel--reviews #reviews {
display:inline
}
#wcmp_vendor_reviews .ovic-panel-rating, .woocommerce-Tabs-panel--reviews .ovic-panel-rating {
float: left;
width: 250px;
padding-inline-end:20px}
#wcmp_vendor_reviews .ovic-panel-rating ~ * #comments, .woocommerce-Tabs-panel--reviews .ovic-panel-rating ~ * #comments {
float: right;
width: calc(100% - 250px);
padding-inline-start:20px;border-left: 1px solid #eee
}
#wcmp_vendor_reviews .ovic-panel-rating ~ * #comments + *, .woocommerce-Tabs-panel--reviews .ovic-panel-rating ~ * #comments+* {
clear: both
}
#wcmp_vendor_reviews #review_form .comment-form-author, .woocommerce-Tabs-panel--reviews #review_form .comment-form-author {
display: inline-block;
float: left;
width: calc(50% - 15px);
margin-inline-end:30px}
#wcmp_vendor_reviews #review_form .comment-form-email, .woocommerce-Tabs-panel--reviews #review_form .comment-form-email {
display: inline-block;
vertical-align: top;
width: calc(50% - 15px)
}
}
@media (min-width: 992px) {
#wcmp_vendor_reviews .ovic-panel-rating, .woocommerce-Tabs-panel--reviews .ovic-panel-rating {
width:290px;
padding-inline-end:30px}
#wcmp_vendor_reviews .ovic-panel-rating ~ * #comments, .woocommerce-Tabs-panel--reviews .ovic-panel-rating ~ * #comments {
width: calc(100% - 290px);
padding-inline-start:30px}
}
@media (max-width: 1199px) {
.woocommerce-tabs {
margin-top:40px
}
}
@media (max-width: 767px) {
.woocommerce-tabs {
margin-top:40px
}
.woocommerce-tabs>ul {
text-align: inherit
}
.woocommerce-tabs>ul>li:not(:last-child) {
margin-inline-end:10px}
.woocommerce-tabs>ul>li>a {
font-size: 16px;
line-height: 22px;
padding: 0 0 6px;
border: none
}
.woocommerce-tabs .panel {
padding: 16px 14px 24px;
font-size: calc(100% - 1px)
}
}
@media (max-width: 479px) {
#wcmp_vendor_reviews .commentlist .avatar, .woocommerce-Tabs-panel--reviews .commentlist .avatar {
margin:0 0 10px
}
#wcmp_vendor_reviews .commentlist .comment-text, .woocommerce-Tabs-panel--reviews .commentlist .comment-text {
clear: both
}
}
.woocommerce-tabs.show-all .panel {
display: block !important
}
.woocommerce-tabs.show-all .panel:not(:last-child) {
margin-bottom: 30px
}
.woocommerce-tabs.show-all .panel-title {
font-size: 18px;
line-height: 24px;
font-weight: var(--main-h-fw);
margin-bottom: -1px;
text-align: center
}
.woocommerce-tabs.show-all .panel-title span {
display: inline-block;
vertical-align: top;
padding: 0 30px 12px;
border-bottom: 2px solid var(--main-color)
}
section.related,section.up-sells,section.cross-sells {
display: inline-block;
vertical-align: top;
width: 100%;
clear: both;
position: relative;
margin-top: 60px
}
section.related>h2,section.up-sells>h2,section.cross-sells>h2 {
font-size: 20px;
background-color: #f5f5f5;
padding: 10px 20px;
margin-bottom: 0
}
section.related.style-01>h2+.product-list-owl,section.up-sells.style-01>h2+.product-list-owl,section.cross-sells.style-01>h2+.product-list-owl {
border-top: none !important
}
@media (max-width: 1199px) {
section.related,section.up-sells,section.cross-sells {
margin-top:40px
}
section.related>h2,section.up-sells>h2,section.cross-sells>h2 {
font-size: 18px
}
}
div.ovic_bundle-wrap {
margin-top: 30px
}
div.ovic_bundle-wrap .column-name a:not(:hover) {
color: var(--default-color)
}
div.ovic_bundle-wrap .column-thumb {
width: 80px
}
div.ovic_bundle-wrap .column-qty, div.ovic_bundle-wrap .column-price, div.ovic_bundle-wrap .column-discount {
text-align: center
}
div.ovic_bundle-wrap .price {
justify-content: center
}
div.ovic_bundle-wrap .stock {
margin: 0
}
div.ovic_bundle-wrap .ovic_bundle-product .ovic_bundle-sale {
background-color: var(--main-color);
line-height: 21px
}
div.ovic_bundle-wrap .ovic_bundle-before-text {
font-size: 16px;
line-height: 24px;
font-weight: var(--main-h-fw);
color: var(--default-color)
}
div.ovic_bundle-wrap .ovic_bundle-check {
width: 1%
}
div.ovic_bundle-wrap .ovic_bundle-check label {
font-weight: inherit;
margin: 0
}
div.ovic_bundle-wrap .ovic_bundle-price .price del {
font-size: 14px
}
div.ovic_bundle-wrap .ovic_bundle-price .discount {
font-size: 16px;
line-height: 30px;
color: var(--default-color)
}
div.ovic_bundle-wrap .ovic_bundle-total .discount {
font-size: 16px;
font-weight: 700;
color: var(--default-color)
}
div.ovic_bundle-wrap .footer-bundle .ovic-bundle-subtotal>* {
padding: 2px 0
}
div.ovic_bundle-wrap .footer-bundle .ovic-bundle-subtotal > * span {
font-weight: 700
}
div.ovic_bundle-wrap .footer-bundle .ovic-bundle-subtotal > .ovic_bundle-total-save span {
color: var(--main-color)
}
div.ovic_bundle-wrap .footer-bundle .single_add_to_cart_button, div.ovic_bundle-wrap .footer-bundle .added_to_cart {
padding: 13px 40px
}
div.ovic_bundle-wrap .footer-bundle > .price, div.ovic_bundle-wrap .footer-bundle > .stock, div.ovic_bundle-wrap .footer-bundle .cart a.compare, div.ovic_bundle-wrap .footer-bundle .cart .yith-wcwl-add-to-wishlist {
display: none
}
.wpcf7:before,.wpcf7:after {
content: '';
display: table;
clear: both
}
.wpcf7 {
direction: inherit !important;
--input-width: 100%;
--input-height: 50px;
--input-padding: 13px 20px;
--input-cl-h: #fff;
--input-bg: rgba(255, 255, 255, .02);
--input-sd: 0 0 0 1px rgba(255, 255, 255, .08) inset
}
.wpcf7 label {
width: 100%;
font-weight: inherit;
color: inherit;
margin: 0
}
.wpcf7 .textarea {
height: 150px
}
.wpcf7 p {
position: relative;
margin-bottom: 10px
}
.wpcf7 p .wpcf7-form-control-wrap {
position: static
}
.wpcf7 p [role="alert"] {
position: absolute;
top: 0;
right: 0;
font-size: 14px
}
.wpcf7 p[class*="col-"] [role="alert"] {
right: 15px
}
.wpcf7 .wpcf7-acceptance {
display: inline-block;
vertical-align: top;
font-size: 13px;
color: #999;
cursor: pointer
}
.wpcf7 .wpcf7-acceptance span.wpcf7-list-item {
display: inline-block;
vertical-align: middle;
margin: 0
}
.wpcf7 .wpcf7-acceptance label {
color: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin: 0
}
.wpcf7 .wpcf7-acceptance a {
text-decoration: underline
}
.wpcf7 [type="submit"] {
width: 100%;
padding: 13px 30px;
margin-top: 20px
}
div.wpcf7 .ajax-loader {
animation: fa-spin 2s infinite linear;
position: absolute;
top: 20px;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
@media (max-width: 1199px) {
.wpcf7 {
--input-height:46px;
--input-padding: 11px 20px
}
.wpcf7 [type="submit"] {
margin-top: 10px
}
div.wpcf7 .ajax-loader {
top: 10px
}
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label, .woocommerce-form-login .woocommerce-LostPassword {
font-size: 14px;
line-height: 24px;
font-weight: inherit
}
.woocommerce table.wishlist_table,.woocommerce-cart-form>.shop_table {
margin: 0
}
.yith-wcwl-share h4.yith-wcwl-share-title, .wishlist_table th, .woocommerce-cart-form > .shop_table th {
font-size: 14px;
text-transform: uppercase
}
.woocommerce table.wishlist_table .product-thumbnail img, .woocommerce-cart-form > .shop_table .product-thumbnail img {
width: 100px
}
.woocommerce table.wishlist_table td.product-name, .woocommerce-cart-form > .shop_table td.product-name {
font-size: 16px;
font-weight: 400;
color: var(--default-color)
}
.woocommerce table.wishlist_table tr td.product-remove a, .woocommerce-cart-form > .shop_table .product-remove a {
width: 10px;
font-size: 0;
line-height: 0;
letter-spacing: 0;
padding: 10px 0
}
.woocommerce table.wishlist_table tr td.product-remove a:before, .woocommerce-cart-form > .shop_table .product-remove a:before {
display: block;
font-family: main-icon,sans-serif;
content: '\e912';
font-size: 14px;
line-height: 1
}
.woocommerce #content table.wishlist_table tr td.product-remove a:hover, .woocommerce-cart-form > .shop_table .product-remove a:hover {
color: var(--main-color)
}
.woocommerce #content table.wishlist_table .quantity .input-text, .woocommerce-cart-form .quantity .input-text {
width: 90px;
height: 46px;
padding: 11px 30px
}
.woocommerce #content table.wishlist_table .quantity .arrow, .woocommerce-cart-form .quantity .arrow {
width: 30px
}
.cart-collaterals {
max-width: 350px;
background-color: #f5f5f5;
padding: 30px 20px 40px;
margin: 30px 0 0;
margin-inline-start:auto}
.cart-collaterals .cart_totals>h2 {
font-size: 24px;
line-height: 1.4;
padding-bottom: 11px;
border-bottom: 1px solid #eee;
margin: 0
}
.cart-collaterals .shop_table {
margin-bottom: 0
}
.cart-collaterals .shop_table th {
font-size: 16px;
border: none;
padding: 20px 10px;
padding-inline-start:0}
.cart-collaterals .shop_table td {
border: none;
padding: 20px 10px;
padding-inline-end:0;text-align: end
}
.cart-collaterals .shop_table tr:not(:last-child) th, .cart-collaterals .shop_table tr:not(:last-child) td {
border-bottom: 1px solid #eee
}
.cart-collaterals .shop_table .shipping .button {
width: 100%
}
.cart-collaterals .shop_table .woocommerce-shipping-destination {
margin-bottom: 10px
}
.cart-collaterals .shop_table .woocommerce-shipping-calculator {
margin-top: 10px
}
.cart-collaterals .shop_table .cart-subtotal .amount {
font-size: 16px;
font-weight: 700;
color: var(--default-color)
}
.cart-collaterals .shop_table .order-total .amount, .woocommerce-checkout .shop_table .order-total .amount {
font-size: 20px
}
.cart-collaterals .shop_table .order-total th, .woocommerce-checkout .shop_table .order-total th {
font-size: 18px
}
@media (min-width: 768px) {
.woocommerce table.wishlist_table,.woocommerce-cart-form>.shop_table {
display:block
}
.woocommerce table.wishlist_table thead, .woocommerce table.wishlist_table tbody, .woocommerce-cart-form > .shop_table thead, .woocommerce-cart-form > .shop_table tbody {
display: block
}
.woocommerce table.wishlist_table tr, .woocommerce-cart-form > .shop_table tr {
display: flex;
align-items: center
}
.woocommerce table.wishlist_table th, .woocommerce table.wishlist_table td, .woocommerce-cart-form > .shop_table th, .woocommerce-cart-form > .shop_table td {
width: 16%;
order: 1;
border: none;
padding: 15px 7px
}
.woocommerce table.wishlist_table tbody tr, .woocommerce-cart-form > .shop_table tbody .cart_item {
border-top: 1px solid #eee
}
.woocommerce table.wishlist_table th, .woocommerce-cart-form > .shop_table th {
padding-top: 0;
padding-bottom: 19px
}
.woocommerce table.wishlist_table .product-thumbnail, .woocommerce-cart-form > .shop_table .product-thumbnail {
width: 110px
}
.woocommerce table.wishlist_table .product-name, .woocommerce-cart-form > .shop_table .product-name {
flex: 1 1 auto;
width: 1%
}
.woocommerce table.wishlist_table .product-add-to-cart {
width: 20%
}
.woocommerce table.wishlist_table .product-remove, .woocommerce-cart-form > .shop_table .product-remove {
width: 20px
}
.woocommerce table.wishlist_table th:first-child, .woocommerce table.wishlist_table td:first-child, .woocommerce-cart-form > .shop_table th:first-child, .woocommerce-cart-form > .shop_table td:first-child {
padding-inline-start:0}
.woocommerce table.wishlist_table th:last-child, .woocommerce table.wishlist_table td:last-child, .woocommerce-cart-form > .shop_table th:last-child, .woocommerce-cart-form > .shop_table td:last-child {
padding-inline-end:0}
.woocommerce table.wishlist_table thead th, .woocommerce table.wishlist_table tbody td {
border: none
}
.woocommerce-cart-form .shop_table .actions {
width: 100%;
padding: 15px 0 0;
border-top: 1px solid #eee;
display: flex;
flex-wrap: wrap;
align-items: center
}
.woocommerce-cart-form .shop_table .actions>* {
margin-top: 15px
}
.woocommerce-cart-form .shop_table .actions .coupon {
flex: 1 1 auto;
max-width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
margin-inline-end:30px}
.woocommerce-cart-form .shop_table .actions .coupon button {
margin: 0
}
}
@media (max-width: 991px) and (min-width: 768px) {
.woocommerce table.wishlist_table .product-price, .woocommerce table.wishlist_table .product-stock-status {
width:13%
}
.woocommerce table.wishlist_table .product-add-to-cart {
width: 23%
}
}
@media (min-width: 1200px) {
.woocommerce-cart-form {
display:inline-block;
vertical-align: top;
float: left;
width: calc(100% - 380px);
margin-inline-end:30px}
.cart-collaterals {
padding-inline-start:30px;padding-inline-end:30px;margin-top: 0
}
}
@media (min-width: 1500px) {
.woocommerce-cart-form {
width:calc(100% - 460px);
margin-inline-end:70px}
.cart-collaterals {
max-width: 390px;
padding-inline-start:40px;padding-inline-end:40px;margin-top: 0
}
}
@media (max-width: 767px) {
.woocommerce-cart-form > .shop_table tr:last-child {
border:none
}
}
.woocommerce-form-login:not(:last-child),.woocommerce-form-login:not(:last-child),.woocommerce-form-register:not(:last-child),.woocommerce-ResetPassword:not(:last-child),.woocommerce-form-track-order:not(:last-child),.checkout_coupon:not(:last-child) {
margin-bottom: 30px
}
.woocommerce-form-login:last-child .form-row:last-child, .woocommerce-form-login:last-child .lost_password:last-child, .woocommerce-form-register:last-child .form-row:last-child, .woocommerce-ResetPassword:last-child .form-row:last-child, .woocommerce-form-track-order:last-child .form-row:last-child {
margin-bottom: 0
}
.woocommerce-form-login .form-row .button, .woocommerce-form-register .form-row .button {
display: block;
clear: both
}
.woocommerce-ResetPassword .form-row .button, .woocommerce-form-track-order .form-row .button {
margin: 10px 0 -26px
}
.woocommerce form.lost_reset_password .form-row-first, .woocommerce form.lost_reset_password .form-row-last, .woocommerce-page form.lost_reset_password .form-row-first, .woocommerce-page form.lost_reset_password .form-row-last, .woocommerce form.woocommerce-form-track-order .form-row-first, .woocommerce form.woocommerce-form-track-order .form-row-last, .woocommerce-page form.woocommerce-form-track-order .form-row-first, .woocommerce-page form.woocommerce-form-track-order .form-row-last {
float: none;
width: 100%
}
.wcmp-dashboard > h2, body.woocommerce-account .woocommerce>h2 {
font-size: 25px;
line-height: 1.3;
font-weight: var(--main-h-fw);
padding: 0;
margin: 0 auto 28px;
position: relative
}
.woocommerce-form-login {
position: relative
}
.woocommerce-form-login .form-row label.woocommerce-form-login__rememberme {
margin-bottom: 20px
}
.woocommerce-form-login .lost_password {
position: absolute;
bottom: 65px;
right: 0;
font-weight: 400;
margin: 0;
color: var(--default-color)
}
.woocommerce-form-register .woocommerce-privacy-policy-text a {
font-style: italic;
text-decoration: underline
}
.woocommerce-form-register .woocommerce-privacy-policy-text p:last-child {
margin-bottom: 20px
}
@media (min-width: 768px) {
.woocommerce-account .col2-set {
display:flex
}
.woocommerce-account .col2-set .col-1 {
width: 50%;
padding-inline-end:15px}
.woocommerce-account .col2-set .col-2 {
width: 50%;
padding-inline-start:15px}
}
.error-404 {
text-align: center;
padding: 40px 0
}
.error-404 .image {
margin-bottom: 39px
}
.error-404 .page-title {
font-size: 48px;
line-height: 1.2;
margin-bottom: 22px
}
.error-404 .subtitle {
font-size: 16px;
margin-bottom: 55px
}
.error-404 .button {
padding: 13px 15px;
width: 290px
}
@media (max-width: 1199px) {
.error-404 {
padding:20px 0
}
.error-404 .image {
margin-bottom: 29px
}
.error-404 .page-title {
font-size: 44px;
margin-bottom: 15px
}
.error-404 .subtitle {
font-size: 15px;
margin-bottom: 35px
}
.error-404 .button {
padding: 11px 15px;
width: 270px
}
}
@media (max-width: 767px) {
.error-404 {
padding:10px 0
}
.error-404 .image {
margin-bottom: 19px
}
.error-404 .page-title {
font-size: 38px;
margin-bottom: 10px
}
.error-404 .subtitle {
margin-bottom: 25px
}
.error-404 .button {
width: 250px
}
}
.menu-item {
--current-item: var(--main-color);
--current-item-bg: transparent;
--current-item-d: none
}
.menu-item:before,.menu-item:after {
content: '';
display: table;
clear: both
}
.menu-item > a:hover, .current-menu-ancestor > a, .current_page_ancestor > a, .current-menu-parent > a, .current-menu-item > a, .current_page_item > a, div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .menu-item > a:hover, div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .current-menu-ancestor > a, div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .current_page_ancestor > a, div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .current-menu-parent > a, div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .current-menu-item > a, div.ovic-menu-clone-wrap .ovic-menu-panel>ul>.current_page_item>a {
color: var(--current-item);
background-color: var(--current-item-bg);
text-decoration: var(--current-item-d)
}
.menu-item>.desc {
display: none
}
.menu-item > a.loading-lazy:after, .menu-item > a .loading-lazy:after {
display: none
}
.menu-item > a .icon {
display: inline-block;
vertical-align: top;
font-weight: 400;
text-decoration: none
}
.menu-item > a figure.icon {
font-size: 0 !important
}
.menu-item > a .label-image {
display: inline !important;
margin: -15px 0 0;
margin-inline-start:5px}
.menu-item > a img {
width: auto;
max-height: 26px
}
.ovic-menu {
list-style: none;
padding: 0;
margin: 0
}
body .ovic-menu li > a .icon {
margin: -1px 0 0;
margin-inline-end:8px}
body .ovic-menu li > a .icon img {
margin-top: -4px;
margin-bottom: -1px
}
body .ovic-menu li > a.hide-title .icon {
margin: 0 !important
}
.menu-item>.megamenu>p:first-child,.menu-item>.megamenu>p:last-child {
margin: 0
}
.menu-item.main-fw {
color: var(--default-color)
}
.logo {
font-size: 0;
line-height: 0;
letter-spacing: 0;
margin: 0
}
.logo a {
display: inline-block;
vertical-align: top;
max-width: 100%;
position: relative
}
.kuteshop-dropdown {
position: relative
}
.kuteshop-dropdown > .sub-menu, .header-submenu .sub-menu {
position: absolute;
top: 100%;
left: 0;
width: 150px;
min-width: 100%;
font-size: 13px;
line-height: 20px;
color: var(--main-cl);
background-color: #fff;
z-index: 10;
box-shadow: 0 0 0 1px #eee inset;
list-style: none;
padding: 12px 0;
margin-bottom: 0;
transition: .2s;
text-align: start;
visibility: visible
}
.header-submenu li:not(:hover)>.sub-menu {
visibility: hidden;
opacity: 0;
transform: translateY(15px)
}
.kuteshop-dropdown > .sub-menu > .menu-item, .header-submenu .sub-menu>li {
padding: 0 20px;
--current-item-d: underline
}
.kuteshop-dropdown > .sub-menu > .menu-item > a, .header-submenu .sub-menu>li>a {
display: block;
padding: 5px 0;
transition: .2s
}
.kuteshop-dropdown > .sub-menu > .menu-item > a:hover, .header-submenu .sub-menu>li>a:hover {
padding-inline-start:10px}
.header-submenu li {
position: relative
}
.header-submenu {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
font-size: 14px;
line-height: 24px;
color: var(--default-color);
margin: 0 calc(0px - var(--header-top-item-mg))
}
.header-submenu>li {
margin: 0 var(--header-top-item-mg)
}
.header-submenu>li>a {
display: inline-block;
vertical-align: top;
position: relative;
padding: 8px 0
}
.header-submenu>.menu-item-has-children>a:not(:last-child):after {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: '\f107';
font-weight: 400;
font-style: normal;
margin-inline-start:8px}
@media (min-width: 1200px) {
.kuteshop-dropdown:not(:hover)>.sub-menu {
visibility:hidden;
opacity: 0;
transform: translateY(15px);
z-index: 9
}
}
@media (max-width: 1199px) {
.kuteshop-dropdown:not(.open)>.sub-menu {
visibility:hidden;
opacity: 0;
transform: translateY(15px);
z-index: 9
}
}
.header-social {
font-size: 15px;
line-height: 24px
}
.header-social .inner {
display: flex;
flex-wrap: wrap;
margin: 0 -6px
}
.header-social a {
display: inline-block;
vertical-align: top;
padding: 8px 0;
margin: 0 6px
}
.header-social a .icon {
display: inline-block;
vertical-align: top
}
.header-social a .text {
display: none;
vertical-align: top
}
.header-info {
font-size: 14px;
line-height: 20px;
color: var(--default-color);
font-weight: var(--main-h-fw);
text-align: start
}
.header-info .inner {
display: flex;
align-items: center;
column-gap: 30px;
padding: 10px 0;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.header-info .item {
flex: 1 1 auto
}
.header-info .item>* {
display: inline-block;
vertical-align: middle
}
.header-info .thumb {
margin-inline-end:10px}
.header-info .item:hover .thumb {
animation: bounceIn .5s
}
.header-phone {
position: relative;
font-size: 14px;
line-height: 17px;
padding: 8px 0
}
.header-phone>* {
display: inline-block;
vertical-align: middle;
text-align: left
}
.header-phone .icon {
font-size: 32px;
line-height: 34px;
color: var(--main-color);
margin-inline-end:5px}
.header-phone .subtitle {
margin: 0
}
.header-phone .title {
font-weight: 700;
margin: 0
}
@media (max-width: 1199px) {
.header-phone .icon {
font-size:30px
}
}
.header-message {
font-size: 14px;
line-height: 24px;
padding: 13px 0;
color: var(--default-color)
}
.header-message p {
margin: 0
}
.block-menu-bar {
display: inline-block;
vertical-align: top;
color: var(--default-color)
}
.block-menu-bar>a {
display: flex;
position: relative;
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
padding: 13px 0
}
.block-menu-bar>a>* {
display: inline-block;
vertical-align: top
}
.block-menu-bar > a .icon {
margin-inline-end:10px}
@media (min-width: 1200px) {
.block-menu-bar {
display:none !important
}
}
.block-userlink>a {
display: inline-block;
vertical-align: top;
position: relative;
text-transform: capitalize
}
.block-userlink>a>* {
display: inline-block;
vertical-align: top
}
.block-wishlist>a {
display: inline-block;
vertical-align: top;
position: relative
}
.block-wishlist>a>* {
display: inline-block;
vertical-align: top
}
.block-minicart>a {
display: inline-block;
vertical-align: top;
position: relative
}
.block-minicart>a>* {
display: inline-block;
vertical-align: top
}
.block-minicart > a .amount {
color: inherit
}
.block-minicart .widget_shopping_cart {
position: absolute;
top: 100%;
right: 0;
width: 350px;
background-color: #fff;
box-shadow: 0 0 0 1px #eee inset;
font-size: 14px;
line-height: 24px;
padding: 0 30px 30px;
z-index: 9;
transition: .2s;
text-align: start;
overflow: hidden
}
.block-minicart .widget_shopping_cart>.widget-title {
font-size: 16px;
line-height: 24px;
background-color: #f5f5f5;
padding: 12px 30px;
box-shadow: 0 0 0 1px #eee inset;
margin: 0 -30px 27px
}
.block-minicart .woocommerce-mini-cart__empty-message {
margin: 0;
padding: 13px 0;
text-align: center
}
.block-minicart .mini-cart-title {
display: block
}
@media (min-width: 1200px) {
.block-minicart:not(:hover)>.widget_shopping_cart {
visibility:hidden;
opacity: 0;
transform: translateY(15px)
}
}
@media (max-width: 1199px) {
.block-minicart:not(.open)>.widget_shopping_cart {
visibility:hidden;
opacity: 0;
transform: translateY(15px)
}
}
div.dgwt-wcas-search-wrapp {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px;
color: inherit;
min-width: auto;
text-align: start;
width: 680px;
max-width: 100% !important;
padding: 5px 0;
margin: 0
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-search-form {
display: flex;
align-items: center;
background-color: #fff;
position: relative;
border-radius: var(--main-bora)
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp {
display: flex;
align-items: center;
flex: 1 1 auto;
width: 1%;
position: static
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-preloader:not(.dgwt-wcas-close) {
z-index: auto
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .search-input {
flex: 1 1 auto;
font-weight: inherit;
color: inherit;
margin: 0;
width: 1%
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].input-text {
vertical-align: top;
width: 100%;
border: none;
font-size: inherit;
line-height: inherit;
text-align: inherit;
text-transform: inherit;
padding: var(--input-padding);
background-color: transparent !important;
position: relative;
z-index: 1;
border-radius: inherit !important;
box-shadow: none !important;
transition: none
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].input-text::placeholder {
color: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].input-text::-webkit-input-placeholder {
color: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].input-text:-moz-placeholder {
color: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].input-text::-moz-placeholder {
color: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].input-text:-ms-input-placeholder {
color: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit
}
div.dgwt-wcas-search-wrapp .input-focus {
border: 2px solid #ebebeb;
border-radius: var(--main-bora)
}
div.dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
color: var(--main-color-t);
background-color: var(--main-color);
border-top-right-radius: var(--main-bora) !important;
border-bottom-right-radius: var(--main-bora) !important;
width: 46px;
height: auto;
min-width: auto;
font-size: 0;
line-height: 0;
letter-spacing: 0;
padding: 8px 0;
text-transform: none;
min-height: auto;
transition: none;
text-shadow: none;
z-index: 2;
opacity: 1 !important
}
div.dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit:hover {
background-color: var(--main-color-b)
}
div.dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit:before {
position: static;
border: none !important;
transition: none;
font-family: FontAwesome,sans-serif;
content: "\f002";
font-size: 16px;
line-height: 24px;
font-weight: 400
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-preloader {
color: var(--default-color);
opacity: 1;
background: none !important;
transition: none
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-preloader:hover {
color: var(--main-color)
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-preloader>* {
display: none
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-inner-preloader:after {
width: 16px;
height: 16px;
border-width: 1px
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center
}
div.dgwt-wcas-search-wrapp .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader):before {
position: static;
width: auto;
height: auto;
font-family: main-icon,sans-serif;
content: '\e901'
}
div.dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
display: none !important
}
body.dgwt-wcas-details-right .dgwt-wcas-suggestions-wrapp, body.dgwt-wcas-details-right .dgwt-wcas-details-wrapp {
border-radius: 0
}
div.dgwt-wcas-suggestion {
line-height: 24px
}
div.dgwt-wcas-search-wrapp .category {
position: relative
}
div.dgwt-wcas-search-wrapp .category:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: -1px;
height: 18px;
border-inline-start:1px solid;opacity: .2;
margin: auto
}
div.dgwt-wcas-search-wrapp .category select, div.dgwt-wcas-search-wrapp .category .chosen-container-single .chosen-single {
z-index: 1;
position: relative;
color: var(--default-color);
background-color: transparent;
border-radius: inherit !important;
box-shadow: none !important
}
div.dgwt-wcas-search-wrapp .category .chosen-container-single {
border-radius: inherit
}
div.dgwt-wcas-search-wrapp .category .chosen-container-single .chosen-single:hover {
color: var(--main-color)
}
div.dgwt-wcas-search-wrapp .category select:focus, div.dgwt-wcas-search-wrapp .category .chosen-container-single .chosen-single:focus {
z-index: 2
}
div.dgwt-wcas-search-wrapp .category .chosen-container .chosen-drop {
width: 210px;
min-width: calc(100% + 2px)
}
div.dgwt-wcas-enable-mobile-form {
z-index: 3
}
div.dgwt-wcas-om-bar {
height: 40px
}
div.dgwt-wcas-om-bar .dgwt-wcas-om-return {
width: 40px
}
div.dgwt-wcas-om-bar .dgwt-wcas-om-return svg {
width: 15px;
height: 15px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
div.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile {
width: calc(100% - 40px)
}
div.dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input {
height: auto !important;
padding: 8px 20px !important
}
div.dgwt-wcas-search-wrapp-mobile .input-focus {
border-inline-end-width:1px}
div.dgwt-wcas-overlay-mobile .search-title {
display: none
}
div.dgwt-wcas-overlay-mobile .search-form .category {
display: none
}
div.dgwt-wcas-overlay-mobile div.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile {
padding: 0
}
body .dgwt-wcas-suggestions-wrapp {
padding: 10px;
font-size: 14px;
line-height: 24px;
border-color: #eee;
border-radius: 0 0 var(--main-bora) var(--main-bora)
}
body .dgwt-wcas-suggestion {
padding: 5px;
font-size: inherit;
line-height: inherit;
background-color: transparent
}
body .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
padding-top: 5px;
padding-bottom: 5px
}
body .dgwt-wcas-si {
width: 64px
}
body .dgwt-wcas-si img {
padding: 0;
border: none
}
body .dgwt-wcas-content-wrapp {
flex: 1 1 auto;
width: 1%;
display: block;
padding: 0;
padding-inline-start:9px}
body .dgwt-wcas-st {
display: block;
color: var(--default-color);
font-size: inherit;
line-height: inherit;
margin-bottom: 2px
}
body .dgwt-wcas-suggestion:hover .dgwt-wcas-st {
color: var(--main-color)
}
body .dgwt-wcas-suggestion-nores {
opacity: 1
}
body .dgwt-wcas-suggestion-nores .dgwt-wcas-st {
color: inherit;
margin-bottom: 0
}
body .dgwt-wcas-st>span {
vertical-align: top
}
body .dgwt-wcas-sp {
display: flex;
padding: 0;
font-size: inherit;
line-height: inherit;
color: var(--default-color);
font-weight: var(--main-h-fw);
text-align: inherit
}
body .dgwt-wcas-sp * {
line-height: inherit
}
body .dgwt-wcas-sp ins {
text-decoration: none;
color: var(--default-color);
margin-inline-end:5px}
body .dgwt-wcas-sp del {
order: 2
}
.block-search>a {
display: inline-block;
vertical-align: top;
position: relative
}
.block-search > a .icon {
display: inline-block;
vertical-align: top
}
.block-search > a:hover .content {
text-decoration: underline
}
.block-search>.sub-menu {
padding: 15px 20px;
width: 320px;
min-width: auto
}
.block-search>.sub-menu>.title {
font-size: 18px;
margin-bottom: 5px
}
@media (max-width: 991px) {
div.dgwt-wcas-search-wrapp .category {
display:none
}
}
.main-menu {
--main-menu-mg: 15px;
--main-menu-pd: 13px;
list-style: none;
padding: 0;
margin: 0 calc(0px - var(--main-menu-mg));
font-size: 0;
line-height: 0;
letter-spacing: 0;
color: var(--default-color)
}
.vertical-menu .menu-item, .main-menu .menu-item {
position: relative
}
.vertical-menu .menu-item > a, .main-menu .menu-item>a {
display: block;
position: relative
}
.main-menu>.menu-item {
display: inline-block;
vertical-align: top;
margin: 0 var(--main-menu-mg)
}
.main-menu>.menu-item>a {
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
padding: var(--main-menu-pd) 0
}
.main-menu > .menu-item > a .icon {
font-size: 20px;
margin-inline-end:10px}
.main-menu>.menu-item-has-children>a:not(:last-child):after {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: '\f107';
font-weight: 400;
font-style: normal;
margin-inline-start:5px}
.vertical-menu > .menu-item:not(:hover) > .sub-menu, .vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item:not(:hover) > .sub-menu, .main-menu > .menu-item:not(:hover) > .sub-menu, .main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item:not(:hover)>.sub-menu {
visibility: hidden;
opacity: 0;
transform: translateX(15px);
z-index: 9
}
.vertical-menu > .menu-item > .sub-menu, .vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > .sub-menu, .main-menu > .menu-item > .sub-menu, .main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item>.sub-menu {
list-style: none;
position: absolute;
top: 0;
left: 100%;
width: 180px;
font-size: var(--main-fz);
line-height: var(--main-lh);
color: var(--main-cl);
font-weight: var(--main-fw);
text-align: start;
background-color: #fff;
box-shadow: 0 0 0 1px #eee inset;
padding: 12px 0;
transition: .2s;
z-index: 10;
margin: 0
}
.main-menu>.menu-item:not(:hover)>.sub-menu {
transform: translateY(15px)
}
.main-menu>.menu-item>.sub-menu {
top: 100%
}
.main-menu>.menu-item>.sub-menu:not(.megamenu) {
left: 0
}
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item, .main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item {
padding: 0 20px;
--current-item-d: underline
}
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > a, .main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item>a {
font-size: 14px;
line-height: 24px;
padding: 5px 0;
transition: .2s
}
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > a:hover, .main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item>a:hover {
padding-inline-start:10px}
.vertical-menu > .menu-item-has-children > a:not(:last-child):after, .vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item-has-children > a:not(:last-child):after, .main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item-has-children>a:not(:last-child):after {
display: inline-block;
float: right;
font-family: FontAwesome,sans-serif;
content: '\f107';
width: 10px;
text-align: end;
margin-inline-start:5px;font-weight: 400;
transition: .3s
}
.vertical-menu > .menu-item-has-children:hover > a:not(:last-child):after, .vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item-has-children:hover > a:not(:last-child):after, .main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item-has-children:hover>a:not(:last-child):after {
transform: rotate(-90deg)
}
.vertical-menu>.menu-item>.sub-menu:not(.megamenu) {
margin-inline-start:-1px}
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > .sub-menu, .main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item>.sub-menu {
margin-top: -12px;
margin-inline-start:-1px}
.main-menu>.menu-item>.megamenu {
padding: 0;
box-shadow: 0 0 0 1px #eee inset
}
.vertical-menu>.menu-item>.megamenu {
padding: 0;
max-width: calc(var(--main-container) - var(--vertical-width)) !important
}
@media (min-width: 1500px) {
.main-menu {
--main-menu-mg:17px
}
}
.header-vertical {
display: flex
}
.box-nav-vertical {
display: flex;
max-width: 100%;
position: relative
}
.box-nav-vertical .block-title {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
position: relative;
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
color: var(--default-color);
padding: 13px 0
}
.box-nav-vertical .block-title:hover, .box-nav-vertical.open .block-title {
color: var(--main-color)
}
.box-nav-vertical .block-title>* {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 1
}
.box-nav-vertical .block-title .icon {
display: inline-block;
vertical-align: top;
margin-inline-end:10px}
.box-nav-vertical .block-title .icon:last-child {
margin: 0 !important
}
body.elementor-editor-active .header .box-nav-vertical:not(.open) .block-content {
visibility: hidden !important;
opacity: 0 !important;
transform: translateY(15px) !important
}
@media (min-width: 1200px) {
body:not(.elementor-editor-active) .site > .header-sticky .box-nav-vertical:not(.open) .block-content, body:not(.elementor-editor-active) .header .header-sticky:not(.is-sticky) .box-nav-vertical:not(.always-open):not(.open) .block-content, body:not(.elementor-editor-active) .header .header-sticky.is-sticky .box-nav-vertical:not(.open) .block-content, body:not(.elementor-editor-active) .header .box-nav-vertical:not(.always-open):not(.open) .block-content {
visibility:hidden !important;
opacity: 0 !important;
transform: translateY(15px) !important
}
}
@media (max-width: 1199px) {
.box-nav-vertical:not(.open) .block-content {
visibility:hidden !important;
opacity: 0 !important;
transform: translateY(15px) !important
}
}
.box-nav-vertical .block-content {
color: var(--default-color);
width: var(--vertical-width);
min-height: var(--vertical-min-height);
padding: 0;
box-shadow: 1px 0 #eee inset, -1px 0 #eee inset, 0 -1px #eee inset;
visibility: visible !important;
opacity: 1 !important;
transform: none !important
}
.view-all-menu {
color: var(--default-color)
}
.view-all-menu a {
display: block;
font-size: 14px;
line-height: 24px;
padding: 8px 20px;
box-shadow: 0 0 0 1px #eee inset;
margin-top: 1px
}
.view-all-menu a:hover {
background-color: #eee
}
.view-all-menu a:before {
display: inline-block;
vertical-align: top;
content: '+';
margin-inline-end:7px}
.vertical-menu {
list-style: none;
padding: 7px 0;
margin: 0;
position: relative
}
.vertical-menu>.menu-item {
display: block;
text-align: start;
position: relative
}
.vertical-menu>.menu-item>a {
font-size: 14px;
line-height: 24px;
padding: 6px 20px;
margin-top: -1px
}
.vertical-menu>.menu-item:not(:first-child)>a:before {
display: block;
content: '';
border-top: 1px solid #eee;
margin: -6px 0 6px
}
.vertical-menu > .menu-item > a .icon {
text-align: center;
min-width: 20px;
font-size: 18px;
margin-inline-end:12px}
.vertical-menu > .menu-item > a .fa-desktop {
font-size: 16px
}
.vertical-menu>.menu-item:hover>a {
background-color: #eee
}
.vertical-menu>.item-megamenu {
position: static
}
@media (max-width: 1199px) {
.site>.header-sticky,.header-vertical,.main-menu {
display:none !important
}
}
.header-mobile {
position: relative;
background-color: var(--main-header-bg);
--main-header-bg: #fff
}
.header {
position: relative;
background-color: var(--main-header-bg);
--main-header-bg: #fff;
--header-top-devider-h: 16px;
--header-top-devider-op: .2;
--header-top-item-mg: 15px;
--vertical-width: 270px
}
.header .logo .logo-image {
padding: 5px 0
}
.header .header-section {
position: relative;
background-color: var(--main-header-bg)
}
.header .header-inner {
position: relative
}
.header-banner:not(.open) {
display: none
}
.header-banner {
position: relative
}
.header-banner .close-banner {
display: table;
width: 24px;
height: 24px;
background-color: rgba(238, 238, 238, .14);
color: #777;
font-size: 14px;
line-height: 24px;
margin-inline-start:auto;margin-bottom: -24px;
position: relative;
text-align: center;
z-index: 1
}
.header-banner .close-banner:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
.inner-control {
--inner-control-mg: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 calc(0px - var(--inner-control-mg))
}
.inner-control>* {
margin: 0 var(--inner-control-mg)
}
.inner-control>*>a {
display: flex;
text-align: start;
font-size: 14px;
line-height: 17px;
font-weight: 700;
padding: 8px 0
}
.inner-control>*>a:not(:hover) {
color: var(--default-color)
}
.inner-control > * > a .icon {
font-size: 32px;
line-height: 34px;
font-weight: 400;
position: relative;
text-decoration: none
}
.inner-control .block-wishlist > a .icon {
padding-inline-end:8px;font-size: 33px
}
.inner-control .block-minicart > a .icon {
padding-inline-end:8px}
.inner-control > * > a .icon .count {
font-family: var(--main-ff);
position: absolute;
top: -2px;
right: -5px;
min-width: 24px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
padding: 3px;
border-radius: 90px;
color: var(--main-color-t);
background-color: var(--main-color);
text-align: center
}
.inner-control > * > a .content {
margin-inline-start:10px}
.inner-control > * > a .item, .inner-control > * > a .total {
display: none
}
.header-top {
position: relative;
border-bottom: 1px solid #eee
}
.header-top .header-inner>*>*>a {
padding: 8px 0
}
.header-top .header-inner>*>*>a:not(:hover) {
color: var(--default-color)
}
.header-top .header-inner > * > * > a .icon {
font-size: 16px;
line-height: 24px;
margin-inline-end:1px}
.header-mid {
position: relative
}
.header-mid .header-inner {
padding: 20px 0
}
.header-bot {
position: relative
}
.inner-control.style-02 {
--inner-control-mg: 10px
}
.inner-control.style-02 > * > a .content {
display: none
}
.inner-control.style-02 > * > a .icon {
font-size: 24px
}
.inner-control.style-02 .block-wishlist > a .icon {
font-size: 25px
}
.inner-control.style-02 > * > a .icon .count {
top: 0;
right: -3px;
min-width: 20px;
font-size: 11px;
line-height: 14px
}
.header-phone.style-02 .icon {
color: var(--default-color)
}
.header-phone.style-02 .title {
font-size: 15px;
color: #f76423
}
@media (min-width: 768px) {
.header-end,.inner-control {
justify-content:flex-end;
text-align: end
}
.inner-control > .kuteshop-dropdown > .sub-menu, .inner-control > .header-submenu .sub-menu, .header-top .header-end .kuteshop-dropdown > .sub-menu, .header-top .header-end .header-submenu .sub-menu {
left: auto;
right: 0
}
.header-top .header-inner, .header-bot .header-inner {
display: flex;
flex-wrap: wrap
}
.header-mid .header-inner {
display: flex;
flex-wrap: wrap;
align-items: center
}
.header-top .header-inner>* {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
align-items: center
}
.header-top .header-inner>*>:not(:last-child) {
margin-inline-end:var(--header-top-item-mg);position: relative
}
.header-top .header-inner > :not(:last-child), .header-mid .header-inner > :not(:last-child), .header-bot .header-inner>:not(:last-child) {
margin-inline-end:15px}
.header-top .header-inner>*>:not(:first-child) {
margin-inline-start:var(--header-top-item-mg)}
.header-top .header-inner > : not(:first-child), .header-mid .header-inner > :not(:first-child), .header-bot .header-inner>:not(:first-child) {
margin-inline-start:15px
}
.header-submenu > li:not(:last-child):before, .header-top .header-inner>*>:not(:last-child):before {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: calc(-1px - var(--header-top-item-mg));
height: var(--header-top-devider-h);
border-inline-end:1px solid;opacity: var(--header-top-devider-op);
margin: auto
}
}
@media (max-width: 1199px) {
.inner-control {
--inner-control-mg:12px
}
.inner-control>*>a {
font-size: 13px;
line-height: 15px
}
.inner-control > * > a .icon {
font-size: 30px;
line-height: 30px
}
.inner-control > * > a .icon .count {
font-size: 13px;
line-height: 16px;
min-width: 22px
}
.inner-control .block-wishlist > a .icon {
font-size: 31px
}
.inner-control.style-02 {
--inner-control-mg: 8px
}
}
@media (max-width: 767px) {
.header {
--vertical-width:100%
}
.header-top {
--header-top-item-mg: 10px
}
.inner-control > * > a .content {
display: none
}
.header-top .header-inner > * > * > a, .header-message, .block-menu-bar > a, .header-social a,.header-submenu>li>a,.inner-control>*>a {
padding: 3px 0
}
.header-social .inner,.header-submenu {
font-size: 13px;
line-height: 20px;
justify-content: center
}
.header-submenu .sub-menu {
left: 50%;
transform: translateX(-50%)
}
.header-submenu li:not(:hover)>.sub-menu {
transform: translateX(-50%) translateY(15px)
}
.block-search,.block-userlink,.block-minicart {
position: static
}
.block-search > .sub-menu, .block-userlink .sub-menu, .block-minicart .widget_shopping_cart {
top: calc(100% + 5px);
left: 0;
right: 0;
margin: auto;
max-width: 100%
}
.header-top {
text-align: center;
padding: 5px 0
}
.header-mid .header-inner {
text-align: center;
padding: 5px 0
}
}
.light.header-top .header-inner > * > * > a:not(:hover), .light .header-top .header-inner > * > * > a:not(:hover), .light .inner-control > * > a:not(:hover), .light .header-submenu, .light .main-menu, .light .block-menu-bar, .light .header-message, .light .box-nav-vertical:not(.open) .block-title:not(:hover) {
color: #fff
}
.light div.dgwt-wcas-search-wrapp .input-focus {
border-color: transparent
}
.light.header-top, .light .header-top {
color: #fff;
border-color: rgba(255, 255, 255, .1)
}
.light.header-bot, .light .header-bot {
color: #fff
}
.light.header-bot .header-inner, .light .header-bot .header-inner {
box-shadow: 0 1px rgba(255, 255, 255, .1) inset
}
.light.main-bg.header-mobile,.light.main-bg.header,.header>.light.main-bg {
--main-header-bg: var(--main-color)
}
.light.main-bg.header-top .header-inner > * > * > a:not(:hover), .light.main-bg .header-top .header-inner > * > * > a:not(:hover), .light.main-bg.header-top, .light.main-bg .header-top, .light.main-bg.header-bot, .light.main-bg .header-bot, .light.main-bg .header-submenu, .light.main-bg .main-menu, .light.main-bg .header-message {
color: var(--main-color-t)
}
.light.main-bg .block-menu-bar, .light.main-bg .inner-control > * > a, .light.main-bg .box-nav-vertical .block-title {
color: var(--main-color-t) !important
}
.light.main-bg .block-menu-bar:hover, .light.main-bg .inner-control > * > a:hover, .light.main-bg .box-nav-vertical .block-title:hover, .light.main-bg .box-nav-vertical.open .block-title {
text-decoration: underline
}
.light.main-bg .header-submenu > .menu-item, .light.main-bg .main-menu>.menu-item {
--current-item: inherit;
--current-item-d: underline
}
.header.style-01 .header-top {
--main-header-bg: #f6f6f6;
border-bottom: none
}
.header.style-01 .block-minicart>a {
box-shadow: 0 0 0 1px #eee inset;
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: inherit;
padding: 0;
margin: 5px 0
}
.header.style-01 .block-minicart>a:hover {
box-shadow: 0 0 0 1px var(--main-color) inset
}
.header.style-01 .block-minicart > a .icon:before {
content: '\e96b'
}
.header.style-01 .block-minicart > a .icon {
width: 46px;
padding: 0;
font-size: 16px;
line-height: 40px;
color: var(--main-color-t);
background-color: var(--main-color);
order: 1;
text-align: center
}
.header.style-01 .block-minicart > a .content {
margin: 0;
padding: 4px 18px
}
.header.style-01 .block-minicart > a .text {
display: block;
text-transform: uppercase;
font-weight: 700;
color: var(--default-color)
}
.header.style-01 .block-minicart > a .item {
display: inline-block;
vertical-align: top
}
.header.style-01 .block-minicart > a .total {
display: inline-block;
vertical-align: top
}
.header.style-01 .inner-control > * > a .icon .count {
--count-color: #096;
top: -8px;
left: -15px;
right: auto;
min-width: 32px;
background-color: var(--count-color);
color: #fff;
font-weight: 400;
padding: 0 6px
}
.header.style-01 .inner-control > * > a .icon .count:after {
content: '';
position: absolute;
top: 100%;
left: 55%;
border-top: 4px solid var(--count-color);
border-inline-start:5px solid transparent}
.header.style-01 .header-submenu {
font-size: 13px
}
.header.style-01 div.dgwt-wcas-search-wrapp {
width: 567px
}
.header.style-01 div.dgwt-wcas-search-wrapp .input-focus {
border: 1px solid #eee
}
.header.style-01 div.dgwt-wcas-search-wrapp .category {
background-color: #f6f6f6
}
.header.style-01 div.dgwt-wcas-search-wrapp .category:after {
display: none
}
.header.style-01 div.dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit {
width: 46px;
font-size: 0;
line-height: 0;
letter-spacing: 0;
padding-inline-start:0;padding-inline-end:0}
.header.style-01 div.dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit:before {
font-family: FontAwesome,sans-serif;
content: "\f002";
font-size: 16px;
line-height: 24px;
font-weight: 400
}
.header.style-01 .header-bot {
background-color: #eee
}
.header.style-05 .block-menu-bar, .header.style-05 .box-nav-vertical, .header.style-01 .block-menu-bar, .header.style-01 .box-nav-vertical {
width: var(--vertical-width)
}
.header.style-05 .block-menu-bar > a, .header.style-05 .box-nav-vertical .block-title, .header.style-01 .block-menu-bar > a, .header.style-01 .box-nav-vertical .block-title {
color: #fff;
background-color: var(--default-color);
padding: 13px 20px
}
.header.style-01 .box-nav-vertical .block-title:hover {
opacity: .7
}
.header.style-05 .block-menu-bar > a .icon, .header.style-05 .box-nav-vertical .block-title .icon, .header.style-01 .block-menu-bar > a .icon, .header.style-01 .box-nav-vertical .block-title .icon {
order: 1;
margin: 0;
margin-inline-start:10px}
.header.style-05 .block-menu-bar > a .text, .header.style-05 .box-nav-vertical .block-title .text, .header.style-01 .block-menu-bar > a .text, .header.style-01 .box-nav-vertical .block-title .text {
flex: 1 1 auto;
width: 1%
}
.header.style-01 .main-menu {
--main-menu-mg: 0
}
.header.style-01 .main-menu>.menu-item {
--current-item: var(--main-color-t);
--current-item-bg: var(--main-color)
}
.header.style-01 .main-menu>.menu-item>a {
padding: 13px 25px;
font-weight: 400;
text-transform: none
}
.header.style-01 .main-menu>.menu-item:not(:last-child)>a {
margin-inline-end:-1px}
.header.style-01 .main-menu>.menu-item:not(:last-child)>a:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
height: 22px;
margin: auto;
border-inline-start:1px solid;opacity: .15
}
.elementor-template-full-width .header.style-01, .page-template-fullwidth .header.style-01 {
margin-bottom: 3px
}
.elementor-template-full-width .header.style-01 .header-bot .header-inner:after, .page-template-fullwidth .header.style-01 .header-bot .header-inner:after {
position: absolute;
content: '';
top: 100%;
left: 0;
right: 0;
border-top: 3px solid var(--main-color)
}
.elementor-template-full-width .header.style-01 .box-nav-vertical .block-content, .page-template-fullwidth .header.style-01 .box-nav-vertical .block-content, .elementor-template-full-width .header.style-01 .main-menu > .menu-item > .sub-menu, .page-template-fullwidth .header.style-01 .main-menu>.menu-item>.sub-menu {
top: calc(100% + 3px)
}
.elementor-template-full-width .header.style-01 .main-menu > .menu-item > .sub-menu:before, .page-template-fullwidth .header.style-01 .main-menu>.menu-item>.sub-menu:before {
position: absolute;
content: '';
top: calc(100% - 3px);
left: 0;
right: 0;
height: 4px
}
.header.style-02 {
box-shadow: 0 1px #eee
}
.header.style-02 .header-top {
border: none;
background-color: #f6f6f6
}
.header.style-02 .header-submenu {
font-size: 13px;
--header-top-devider-h: 13px;
--header-top-devider-op: .8
}
.header.style-02 .header-mid .header-submenu {
--header-top-item-mg: 11px
}
.header.style-02 .header-mid .header-submenu>li>a {
padding: 3px 0
}
.header.style-02 .header-message {
padding: 3px 0;
font-size: 13px
}
.header.style-02 .header-message p:before {
display: inline-block;
vertical-align: middle;
font-family: FontAwesome,sans-serif;
content: "\f12a";
width: 14px;
height: 14px;
font-size: 10px;
line-height: 14px;
border-radius: 50%;
color: #fff;
background-color: #f9d717;
text-align: center;
margin: -1px 0 1px;
margin-inline-end:5px}
.header.style-02 .block-menu-bar, .header.style-02 .box-nav-vertical {
width: var(--vertical-width)
}
.header.style-02 .block-menu-bar > a, .header.style-02 .box-nav-vertical .block-title {
color: var(--main-color-t);
background-color: var(--main-color);
padding: 8px 25px
}
.header.style-02 .box-nav-vertical .block-title:hover {
opacity: .7
}
.header.style-02 .main-menu {
--main-menu-mg: 0
}
.header.style-02 .main-menu>.menu-item>a {
font-weight: 400;
padding: 8px 10px
}
.header.style-02 .main-menu>.menu-item:first-child>a {
padding-inline-start:15px}
.header.style-02 .main-menu>.item-end {
float: right
}
.header.style-02 .main-menu>.item-end>a {
text-transform: none;
padding-inline-end:0}
.header.style-02 .main-menu>.item-end>a:before {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: "\f101";
color: var(--main-color);
font-size: calc(100% + 4px);
margin: -1px 0 1px;
margin-inline-end:5px}
.header.style-02 div.dgwt-wcas-search-wrapp {
width: 550px
}
.header.style-02 div.dgwt-wcas-search-wrapp .input-focus {
border-color: var(--main-color)
}
.header.style-02 .vertical-menu {
padding: 5px 0
}
.header.style-02 .view-all-menu a {
text-align: center;
margin-top: 0
}
.header.style-02 .view-all-menu a:before {
display: none
}
.header.style-02 .view-all-menu a:after {
display: inline-block;
vertical-align: top;
font-family: FontAwesome,sans-serif;
content: "\f101";
font-size: calc(100% + 6px);
margin-inline-start:10px}
.header.style-02 .vertical-menu>.menu-item:not(:first-child)>a:before {
border-top-style: dotted
}
.header.style-03 div.dgwt-wcas-search-wrapp {
width: 610px
}
.header.style-03 .header-bot {
background-color: #eee
}
.header.mar_square .block-menu-bar > a, .header.mar_square .box-nav-vertical .block-title, .header.style-03 .block-menu-bar > a, .header.style-03 .box-nav-vertical .block-title {
padding: 13px 22px;
background-color: var(--main-color-b)
}
.header.mar_square .box-nav-vertical.open .block-title, .header.mar_square .box-nav-vertical .block-title:hover, .header.style-03 .box-nav-vertical.open .block-title, .header.style-03 .box-nav-vertical .block-title:hover {
color: #fff;
opacity: .8
}
.header.mar_square .block-menu-bar > a .icon, .header.style-03 .block-menu-bar > a .icon {
margin: 0
}
.header.mar_square .block-menu-bar > a .text, .header.style-03 .block-menu-bar > a .text {
display: none
}
.header.style-03 .header-social .inner {
margin: 0 -10px
}
.header.style-03 .header-social a {
margin: 0 10px
}
.header.style-03 .main-menu {
--main-menu-mg: 0
}
.header.style-03 .main-menu>.menu-item {
--current-item-bg: var(--main-color-b);
--current-item-d: none
}
.header.style-03 .main-menu>.menu-item>a {
padding: 13px 23px;
text-transform: none;
font-weight: 400
}
.header.style-04 .header-top {
border-bottom: none;
--header-top-devider-op: 1
}
.header.style-04 .header-top:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .1)
}
.header.style-04 .header-top .header-submenu {
font-size: 13px
}
.header.style-04 .block-minicart > a:hover, .header.style-04 .header-social a:hover {
color: inherit;
opacity: .7
}
.header.style-04 .block-minicart > a, .header.style-04 .header-social a, .header.style-04 .header-top .header-submenu>li>a {
padding: 5px 0
}
.header.style-04 .header-top .block-minicart {
margin-inline-end:0}
.header.style-04 .header-top .block-minicart:before {
display: none
}
.header.style-04 .block-minicart>a>:not(.icon) {
display: none
}
.header.style-04 .block-minicart > a .icon {
font-size: 20px;
margin-inline-end:0;padding-inline-end:20px}
.header.style-04 .block-minicart > a .icon:before {
content: '\e96e'
}
.header.style-04 .block-minicart > a .count {
position: absolute;
top: 4px;
right: 0;
min-width: 18px;
background-color: #fe9b00;
color: #fff;
font-family: var(--main-ff);
text-align: center;
font-size: 13px;
line-height: 18px;
z-index: 1
}
.header.style-04 .main-menu {
--main-menu-mg: 0
}
.header.style-04 .main-menu>.menu-item {
--current-item-bg: rgba(255, 255, 255, .2);
--current-item-d: none
}
.header.style-04 .block-menu-bar > a, .header.style-04 .main-menu>.menu-item>a {
padding: 33px 26px;
font-weight: var(--main-h-fw)
}
.header.style-04 .block-menu-bar > a .icon, .header.style-04 .main-menu>.menu-item-has-children>a:not(:last-child):after {
display: none
}
.header.style-04 .header-info {
background-color: #f8f8f8;
border-bottom: 1px solid #eee
}
.header.style-04 .header-bot {
margin: 10px 0 0
}
.header.style-04 .header-bot .header-inner {
border: 1px solid #eee;
padding: 0
}
.header.style-04 .box-nav-vertical {
width: var(--vertical-width)
}
.header.style-04 .box-nav-vertical .block-title {
padding: 0;
color: #fff;
background-color: #434343
}
.header.style-04 .box-nav-vertical .block-title:hover {
opacity: .7
}
.header.style-04 .box-nav-vertical .block-title .icon {
margin: 0;
background-color: rgba(0, 0, 0, .35);
padding: 8px 11px
}
.header.style-04 .box-nav-vertical .block-title .text {
flex: 1 1 auto;
width: 1%;
text-align: end;
padding: 0 22px
}
.header.style-04 .header-bot {
--header-top-item-mg: 0px;
--header-top-devider-h: auto;
--header-top-devider-op: .1
}
.header.style-04 .header-bot .header-submenu>li>a {
padding: 8px 14px
}
.header.style-04 div.dgwt-wcas-search-wrapp {
padding: 0;
width: 100%
}
.header.style-04 div.dgwt-wcas-search-wrapp .input-focus {
border-width: 0
}
.header.style-04 div.dgwt-wcas-search-wrapp .category:after {
height: auto;
opacity: .15
}
.header.style-04 div.dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit {
color: inherit;
background-color: transparent;
border-inline-start:1px solid #eee}
.header.style-04 div.dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit:hover {
color: var(--main-color)
}
.header.style-05 .header-top {
border-bottom: none;
background-color: #f5f5f5
}
.header.style-05 div.dgwt-wcas-search-wrapp {
width: 610px
}
.header.style-05 .header-bot {
background-color: #eee
}
.header.style-05 .box-nav-vertical .block-title {
background-color: var(--main-color-b)
}
.header.style-05 .main-menu {
--main-menu-mg: 0
}
.header.style-05 .main-menu>.menu-item {
--current-item-bg: var(--main-color-b);
--current-item-d: none
}
.header.style-05 .main-menu>.menu-item>a {
padding: 13px 23px;
text-transform: none;
font-weight: 400
}
.header.style-05 .main-menu>.menu-item:not(:last-child)>a {
margin-inline-end:-1px}
.header.style-05 .main-menu>.menu-item:not(:last-child)>a:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
height: 22px;
margin: auto;
border-inline-start:1px solid rgba(0, 0, 0, .15)}
.header.style-99 div.dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit {
width: auto;
font-size: 14px;
line-height: 24px;
padding-inline-start:20px;padding-inline-end:20px}
.header.style-99 div.dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit:before {
display: none
}
.header.fur {
box-shadow: 0 1px #e5e5e5
}
.header.fur .header-inner {
padding-inline-start:40px;padding-inline-end:40px}
.header.fur .header-top {
--main-header-bg: var(--default-color);
--header-top-devider-h: 0;
border-bottom: none
}
.header.fur .header-submenu {
font-size: 13px
}
.header.spo .inner-control > * > a > :not(.icon), .header.fas_bg .inner-control > * > a > :not(.icon), .header.fur .inner-control>*>a>:not(.icon) {
display: none
}
.header.spo .inner-control > * > a .icon, .header.fas_bg .inner-control > * > a .icon, .header.fur .inner-control > * > a .icon {
font-size: 24px;
line-height: 30px
}
.header.spo .inner-control > * > a .icon .count, .header.fas_bg .inner-control > * > a .icon .count, .header.fur .inner-control > * > a .icon .count {
top: 0;
right: 0;
font-size: 10px;
line-height: 12px;
min-width: 18px;
font-weight: 700
}
.header.spo .inner-control .block-wishlist > a .icon, .header.fas_bg .inner-control .block-wishlist > a .icon, .header.fur .inner-control .block-wishlist > a .icon {
font-size: 25px
}
.header.spo .inner-control .block-search > a .icon, .header.fas_bg .inner-control .block-search > a .icon, .header.fur .inner-control .block-search > a .icon {
font-size: 23px
}
.header.spo .ovic-icon-menu .inner, .header.fas_bg .ovic-icon-menu .inner, .header.fur .ovic-icon-menu .inner {
width: 22px;
height: 18px;
margin: 3px 2px
}
.header.spo .block-menu-bar > a .icon, .header.fas_bg .block-menu-bar > a .icon, .header.fur .block-menu-bar > a .icon {
margin-inline-end:0}
.header.fas_bg {
box-shadow: 0 1px #e5e5e5
}
.header.fas_bg .header-top {
--header-top-item-mg: 30px;
--header-top-devider-h: 0;
border-bottom: none
}
.header.fas_bg .header-top .header-inner {
padding: 3px 60px
}
.header.fas_bg .header-mid .header-inner {
padding: 12px 40px
}
.header.fas_bg .inner-control>*>a {
font-size: 14px;
line-height: 24px;
font-weight: 400
}
.header.fas_bg .block-userlink > a .icon {
display: none
}
.header.fas_bg .block-userlink > a .text {
display: block
}
.header.spo {
box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
}
.header.spo .header-inner {
padding-inline-start:33px;padding-inline-end:33px}
.header.spo .main-menu>.menu-item>a {
font-size: 16px
}
.header.spo .header-mid .header-inner {
padding-top: 15px;
padding-bottom: 15px
}
.header.spo .header-message {
justify-content: center
}
.header.mar_square {
box-shadow: 0 1px #e5e5e5;
--vertical-min-height: 493px
}
.header.mar_square .header-top {
background-color: #f5f5f5;
border: none
}
.header.mar_square .header-mid {
padding: 5px 0;
box-shadow: 0 1px #e5e5e5
}
.header.mar_square div.dgwt-wcas-search-wrapp {
width: 522px;
--input-sd: 0 0 0 2px var(--main-color) inset
}
.header.mar_square div.dgwt-wcas-search-wrapp .input-focus {
border-color: var(--main-color)
}
.header.mar_square div.dgwt-wcas-search-wrapp .category .chosen-container .chosen-single:after {
margin-inline-start:3px}
.header.mar_square .inner-control {
--inner-control-mg: 20px
}
.header.mar_square .header-phone .title {
font-size: 15px;
color: var(--default-color)
}
.header.mar_square div.dgwt-wcas-search-wrapp .category select, .header.mar_square div.dgwt-wcas-search-wrapp .category .chosen-container-single .chosen-single {
font-size: 13px;
padding-inline-start:15px;padding-inline-end:15px}
.header.mar_square .header_submenu_3 {
display: block;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
--header-top-item-mg: 48px
}
.header.mar_square .header_submenu_3>li {
display: inline-block;
vertical-align: top
}
.header.mar_square .header_submenu_3>li>a {
font-size: 13px;
text-transform: uppercase;
font-weight: var(--main-h-fw);
padding: 13px 0
}
.header.mar_square .header-bot {
--main-header-bg: #444
}
.header.mar_square .main-menu {
--main-menu-mg: 0
}
.header.mar_square .main-menu>.menu-item {
--current-item: inherit;
--current-item-bg: rgba(255,255,255,.15);
--current-item-d: none
}
.header.mar_square .main-menu>.menu-item>a {
padding: 13px 25px
}
.header.mar_square .main-menu>.menu-item:not(:first-child)>a:not(:hover):before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
border-inline-start:1px solid rgba(255,255,255,.15)}
.header.mar_square .vertical-menu {
padding: 10px 0
}
.header.mar_square .vertical-menu>.menu-item>a {
text-transform: uppercase;
font-weight: var(--main-h-fw);
padding: 10px 20px
}
.header.mar_square .vertical-menu>.menu-item:not(:first-child)>a:before {
margin: -10px 0 10px
}
@media (min-width: 768px) {
.header.style-01 .block-search {
flex:1 1 auto;
width: 1%;
text-align: end
}
.header.style-01 .header-submenu>li>a {
padding: 6px 0
}
.header.mar_square .header-bot .header-inner > *, .header.style-05 .header-bot .header-inner > *, .header.style-04 .header-bot .header-inner > *, .header.style-03 .header-bot .header-inner > *, .header.style-02 .header-bot .header-inner > *, .header.style-01 .header-bot .header-inner>* {
margin: 0
}
.header.style-04 .block-search, .header.style-04 .box-header-nav, .header.style-05 .box-header-nav, .header.style-03 .box-header-nav, .header.style-02 .mid-main, .header.style-02 .box-header-nav, .header.style-01 .box-header-nav {
flex: 1 1 auto;
width: 1%
}
.header.style-02 .header-submenu>li>a {
padding: 4px 0
}
.header.style-05 .block-search, .header.style-03 .block-search, .header.style-01 .block-search {
flex: 1 1 auto;
width: 1%;
text-align: end
}
.header.style-04 .header-submenu .sub-menu {
left: auto;
right: 0
}
.header.style-04 .block-search:not(:last-child) {
border-inline-end:1px solid #eee}
.header.style-04 .header-mid .header-inner {
padding: 0
}
.header.style-99 .box-header-nav {
flex: 1 1 auto;
width: 1%
}
.header.style-99 .block-search {
flex: 1 1 auto;
width: 1%;
text-align: center
}
.header.fur .box-header-nav {
flex: 1 1 auto;
width: 1%;
text-align: center
}
.header.fur .header-mid .header-inner {
padding-top: 8px;
padding-bottom: 8px
}
.header.fas_bg .header-control {
flex: 1 1 auto;
width: 1%
}
.header.spo .header-top .header-start, .header.spo .header-top .header-end {
width: 1%
}
.header.spo .header-message {
padding: 8px 0
}
.header.spo .box-header-nav {
flex: 1 1 auto;
width: 1%;
text-align: center
}
.header.mar_square .block-search {
flex: 1 1 auto;
width: 1%;
text-align: center
}
.header.mar_square .box-header-nav {
flex: 1 1 auto;
width: 1%
}
}
@media (min-width: 992px) {
.header.style-02 .mid-top {
display:flex
}
.header.style-02 .header-message {
flex: 1 1 auto;
width: 1%;
padding-inline-start:15px;text-align: end
}
.header.style-02 .mid-bottom {
display: flex
}
.header.style-02 .block-search {
flex: 1 1 auto;
width: 1%;
padding-inline-end:30px}
}
@media (min-width: 1200px) {
.header.style-05 .block-search, .header.style-03 .block-search, .header.style-01 .block-search {
padding-inline-end:10px
}
.header.style-02 .mid-main {
padding-inline-start:40px}
.header.style-05,.header.style-03 {
--header-top-item-mg: 20px
}
.header.style-05 .header-mid .header-inner, .header.style-03 .header-mid .header-inner {
padding: 25px 0
}
.header.fas_bg .logo {
flex: 1 1 auto;
width: 1%
}
.header.spo .main-menu {
--main-menu-mg: 20px
}
}
@media (min-width: 1500px) {
.header.spo .main-menu {
--main-menu-mg:24px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.header.style-02 .header-mid .header-submenu {
text-align:end;
justify-content: flex-end
}
.header.style-02 .header-message {
text-align: end
}
.header.style-99 .block-search {
width: 100%;
order: 1;
padding: 0 !important
}
.header.style-99 .header-control {
flex: 1 1 auto;
width: 1%
}
.header.style-99 div.dgwt-wcas-search-wrapp {
width: 100%
}
}
@media (max-width: 1499px) {
.header.mar_square .inner-control {
--inner-control-mg:16px
}
.header.mar_square .main-menu>.menu-item>a {
font-size: 13px;
padding: 13px 20px
}
}
@media (max-width: 1199px) {
.header.style-01 .block-minicart > a .content {
display:none
}
.header.fas_bg .header-top .header-inner {
padding: 2px 30px
}
.header.fas_bg .header-mid .header-inner {
padding: 10px 20px
}
.header.fas_bg .header-top {
--header-top-item-mg: 20px
}
.header.mar_square .inner-control {
--inner-control-mg: 12px
}
.header.mar_square .header_submenu_3 {
--header-top-item-mg: 38px
}
}
@media (max-width: 991px) {
.header.mar_square .header_submenu_3 {
--header-top-item-mg:28px
}
.header.mar_square .inner-control > * > a .content {
display: none
}
}
@media (max-width: 767px) {
.header.style-01 .header-mid .header-inner {
display:flex;
flex-wrap: wrap
}
.header.style-01 .logo {
width: 100%
}
.header.style-01 .block-search {
flex: 1 1 auto;
width: 1%;
margin-inline-end:20px}
.header.mar_square .block-menu-bar > a, .header.style-05 .block-menu-bar > a, .header.style-03 .block-menu-bar > a, .header.style-01 .block-menu-bar>a {
padding-top: 10px;
padding-bottom: 10px
}
.header.style-04 .block-menu-bar>a {
padding: 8px 0
}
.header.style-04 .block-search:not(:last-child) {
border-bottom: 1px solid #eee
}
.header.fas_bg .header-top .header-inner {
padding: 0 15px
}
.header.fas_bg .header-mid .header-inner {
padding: 10px 15px
}
.header.fas_bg .header-top {
--header-top-item-mg: 10px
}
.header.mar_square .header_submenu_3 {
--header-top-item-mg: 8px
}
.header.mar_square .header_submenu_3>li>a {
padding: 10px 0
}
}
@media (min-width: 1200px) {
body.admin-bar:not(.elementor-editor-active) .header .header-sticky.is-sticky {
top:32px
}
body:not(.elementor-editor-active) .header .header-sticky.is-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: var(--main-header-bg);
box-shadow: 0 0 15px rgba(0, 0, 0, .3);
z-index: 11;
max-width: 100%;
margin: 0;
transition: transform .3s ease, opacity .3s ease, visibility .3s
}
body:not(.elementor-editor-active) .header .header-mid.is-sticky .header-inner {
padding-top: 0;
padding-bottom: 0
}
body:not(.elementor-editor-active) .header .header-bot.is-sticky .header-inner {
box-shadow: none
}
body.admin-bar .site>.header-sticky {
top: 32px
}
body.elementor-editor-active>.site>.header-sticky {
display: none
}
.site>.header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, .3);
z-index: 11;
max-width: 100%;
transition: transform .3s ease, opacity .3s ease, visibility .3s
}
.site>.header-sticky:not(.is-sticky) {
box-shadow: none;
transform: translateY(-100%);
opacity: 0;
visibility: hidden
}
.site > .header-sticky .header-inner {
display: flex;
align-items: center
}
.site > .header-sticky .header-inner>:not(:last-child) {
padding-inline-end:15px}
.site > .header-sticky .header-inner>:not(:first-child) {
padding-inline-start:15px}
.site > .header-sticky .box-header-nav {
flex: 1 1 auto;
width: 1%;
text-align: center
}
}
.footer {
position: relative
}
.by-vendor-name-link {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px;
color: var(--main-color);
font-weight: var(--main-h-fw);
text-transform: capitalize
}
.by-vendor-name-link .text {
display: inline-block;
vertical-align: top;
font-size: 13px;
font-weight: 400;
text-decoration: inherit
}
.by-vendor-name-link:not(:hover) .text {
color: #999
}
.entry-summary .wcfmmp_sold_by_container, .entry-summary .by-vendor-name-link {
display: inline-block !important;
vertical-align: top;
margin: 5px 0 0;
margin-inline-end:15px;position: relative
}
.entry-summary .wcfmmp_sold_by_container + .woocommerce-product-rating, .entry-summary .by-vendor-name-link+.woocommerce-product-rating {
display: inline-block;
vertical-align: top;
margin: 5px 0 0
}
body div.ovic-pinmap .ovic-pin .ovic-popup .woocommerce-product-rating {
display: block;
float: none;
line-height: inherit
}
body .ovic-mapper .ovic-pin .ovic-popup-header h2 {
text-align: start
}
div.ovic-pinmap .shortcode-pinmap-builder {
text-align: center
}
div.ovic-pinmap .shortcode-pinmap-builder .ovic-pinmap {
display: inline-block;
vertical-align: top;
max-width: 100%
}
div.ovic-pinmap .ovic-pin {
display: block;
z-index: auto
}
div.ovic-pinmap .ovic-pin:hover {
z-index: auto
}
div.ovic-pinmap .ovic-pin>*:not(.ovic-popup) {
position: relative;
z-index: 1
}
div.ovic-pinmap .ovic-pin .ovic-popup {
display: block;
cursor: auto;
box-shadow: 0 0 15px rgba(0, 0, 0, .2) !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
z-index: 9
}
div.ovic-pinmap .ovic-pin .ovic-popup-main {
color: inherit;
font-size: inherit;
line-height: inherit;
padding-inline-start:0;padding-inline-end:0}
div.ovic-pinmap .ovic-pin .ovic-popup-header {
padding-inline-start:0;padding-inline-end:0}
div.ovic-pinmap .ovic-pin .ovic-wc .ovic-popup-main {
display: block;
padding: 0
}
div.ovic-pinmap .ovic-pin .ovic-popup-main>.ovic-product-thumbnail {
margin-bottom: 16px
}
div.ovic-pinmap .ovic-pin .ovic-popup-main > .ovic-product-thumbnail a {
display: inline-block;
vertical-align: top;
max-width: 100%;
overflow: hidden
}
div.ovic-pinmap .ovic-pin .ovic-popup-main>.ovic-product-thumbnail+.col-right {
margin: 0
}
div.ovic-pinmap .ovic-pin .ovic-popup-main>.col-right {
padding-inline-start:15px;padding-inline-end:15px}
div.ovic-pinmap .ovic-pin .ovic-wc .product-title {
font-size: 15px;
font-weight: 400;
color: var(--default-color);
margin-bottom: 3px
}
div.ovic-pinmap .ovic-pin .ovic-wc .ovic-wc-price {
font-size: 16px;
line-height: 1.5;
font-weight: 700;
color: var(--default-color);
margin-bottom: 3px
}
div.ovic-pinmap .ovic-pin .ovic-wc .ovic-wc-price ins {
color: var(--default-color);
text-decoration: none
}
div.ovic-pinmap .ovic-pin .ovic-wc .ovic-wc-price del {
color: #999;
font-weight: 400;
margin-inline-end:5px}
div.ovic-pinmap .ovic-pin .ovic-wc .ovic-wc-price .amount {
font-size: inherit
}
div.ovic-pinmap .ovic-pin .ovic-wc .description :last-child {
margin-bottom: 0
}
div.ovic-pinmap .ovic-pin .ovic-wc .ovic-popup-main p {
text-align: inherit
}
div.ovic-pinmap .ovic-pin .ovic-wc .ovic-popup-footer a {
position: relative;
font-size: 15px;
line-height: 24px;
padding: 8px 30px;
border: none;
color: var(--main-color-t);
border-radius: 0;
height: auto;
margin: 13px 0 0;
background-color: var(--main-color)
}
div.ovic-pinmap .ovic-pin .icon-theme {
display: inline-block;
vertical-align: top;
border-radius: 50%;
padding: 5px
}
div.ovic-pinmap .ovic-pin .icon-theme:hover:before {
top: 0;
bottom: 0;
left: 0;
right: 0
}
div.ovic-pinmap .ovic-pin .icon-theme:before {
position: absolute;
content: '';
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
border-radius: inherit;
background-color: var(--main-color);
transition: .2s
}
div.ovic-pinmap .ovic-pin .icon-theme span {
width: 40px;
height: 40px;
font-size: 0;
line-height: 0;
border: none;
background: transparent
}
div.ovic-pinmap .ovic-pin .icon-theme span:before, div.ovic-pinmap .ovic-pin .icon-theme span:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 12px;
height: 2px;
border-top: 2px solid;
margin: auto
}
div.ovic-pinmap .ovic-pin .icon-theme span:after {
transform: rotate(90deg)
}
div.ovic-pinmap .ovic-pin.text .ovic-popup-header h2 {
font-size: 20px;
line-height: 26px;
font-weight: var(--main-h-fw);
padding: 0
}
div.ovic-pinmap .ovic-pin.text.text-line .popover:before, div.ovic-pinmap .ovic-pin.text.text-line .popover:after, div.ovic-pinmap .ovic-pin.text.text-line .popover-content:after {
border-color: var(--main-color)
}
@media (min-width: 1200px) {
div.ovic-pinmap .ovic-pin .ovic-popup-main > .ovic-product-thumbnail a img {
transition: .4s
}
div.ovic-pinmap .ovic-pin .ovic-popup-main > .ovic-product-thumbnail a:hover img {
transform: scale(1.1)
}
}
@media (max-width: 1199px) {
div.ovic-pinmap .wrap-image {
overflow:hidden
}
div.ovic-pinmap .wrap-image img {
position: relative;
width: auto;
max-width: none;
left: 50%;
transform: translateX(-50%)
}
body.admin-bar div.ovic-pinmap .ovic-pin .ovic-popup {
top: 32px
}
div.ovic-pinmap .ovic-pin .ovic-popup {
position: fixed !important;
top: 50% !important;
bottom: auto !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
transform: translateY(-50%) !important;
max-height: calc(100vh - 30px);
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
z-index: 100000 !important
}
div.ovic-pinmap .ovic-pin .ovic-popup:before, div.ovic-pinmap .ovic-pin .ovic-popup:after {
display: none !important
}
div.ovic-pinmap .ovic-pin .ovic-pinmap-close {
display: block !important;
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
text-align: center;
font-size: 0;
line-height: 0;
letter-spacing: 0;
opacity: 1
}
div.ovic-pinmap .ovic-pin .ovic-pinmap-close:before {
display: block;
font-family: FontAwesome,sans-serif;
content: "\f00d";
font-size: 14px;
line-height: 24px
}
}
div.mfp-bg {
background-color: #fff;
opacity: .5;
z-index: 100000
}
div.mfp-wrap {
z-index: 100000
}
div.mfp-container {
padding: 0
}
div.mfp-content {
text-align: start
}
div.mfp-content .social-content {
box-shadow: 0 0 15px rgba(0, 0, 0, .5)
}
div.mfp-content .social-content:after {
display: none
}
div.mfp-content .social-content .mfp-bottom-bar {
margin-top: 0;
position: static
}
div.mfp-content .social-content .mfp-user {
position: absolute;
bottom: 0;
left: 0;
right: auto
}
div.mfp-content .social-content .mfp-user a {
display: inline-block;
vertical-align: top;
background-color: rgba(0, 0, 0, .5);
font-size: 14px;
line-height: 24px
}
div.mfp-content .social-content .mfp-user a:not(:hover) {
color: #fff
}
div.mfp-content .social-content .mfp-user img {
display: inline-block;
vertical-align: top;
float: left;
width: 48px;
height: 48px;
margin-inline-end:10px}
div.mfp-content .social-content .mfp-user a>span {
display: inline-block;
vertical-align: top;
padding: 5px 10px 3px;
padding-inline-start:0}
div.mfp-content .social-content .mfp-user .name {
display: block;
overflow: hidden
}
div.mfp-content .social-content .mfp-user .date {
display: block;
overflow: hidden;
font-style: italic;
font-size: 11px;
opacity: .7
}
div.mfp-content .social-content img.mfp-img {
padding: 0
}
div.mfp-content .social-content .mfp-title {
position: absolute;
top: 0;
left: 30px;
right: 30px;
color: #fff;
font-size: 16px;
line-height: 24px;
padding: 3px 20px;
text-align: center;
text-shadow: 0 0 5px var(--default-color)
}
.mfp-wrap .kuteshop-popup-newsletter {
width: 600px;
max-width: 100%;
max-height: 100%;
padding: 0;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
text-align: center;
background-color: transparent
}
.mfp-wrap .kuteshop-popup-newsletter .popup-inner {
width: 600px;
min-height: 600px;
max-width: 100%;
background-color: #08223c;
border-radius: 900px;
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
padding: 30px 80px;
position: relative
}
.mfp-wrap .kuteshop-popup-newsletter .image {
margin: 0 0 24px
}
.mfp-wrap .kuteshop-popup-newsletter .text-1 {
font-size: 14px;
font-weight: var(--main-h-fw);
color: #fff;
margin: 0 0 11px
}
.mfp-wrap .kuteshop-popup-newsletter .text-2 {
font-size: 60px;
line-height: 1.2;
color: var(--main-color);
margin: 0 0 1px
}
.mfp-wrap .kuteshop-popup-newsletter .text-3 {
font-size: 14px;
font-weight: var(--main-h-fw);
color: #fff;
margin: 0 0 22px
}
.mfp-wrap .kuteshop-popup-newsletter .text-4 {
font-size: 14px;
color: #5f8ab3;
font-style: italic;
margin: 24px 0 0
}
.mfp-wrap .kuteshop-popup-newsletter .text-4:hover {
color: var(--main-color)
}
.mfp-wrap .kuteshop-popup-newsletter .text-4 a {
position: static;
font-size: inherit;
line-height: inherit;
color: inherit;
width: auto;
height: auto;
padding: 0;
opacity: 1;
font-family: inherit;
text-align: inherit;
font-style: inherit;
border-bottom: 1px solid
}
.mfp-wrap .kuteshop-popup-newsletter .ovic-newsletter .text-field {
background-color: #0d2a47;
border-radius: var(--main-bora);
margin-bottom: 15px
}
.mfp-wrap .kuteshop-popup-newsletter .ovic-newsletter .input-text[type] {
color: #8ab3db;
opacity: .4
}
.mfp-wrap .kuteshop-popup-newsletter .ovic-newsletter .input-text[type]:focus {
opacity: 1
}
.mfp-wrap .kuteshop-popup-newsletter .ovic-newsletter .input-focus {
border-color: #16395d
}
.mfp-wrap .kuteshop-popup-newsletter .submit-newsletter {
border-radius: var(--main-bora)
}
.mfp-wrap .kuteshop-popup-newsletter .disabled_popup {
display: inline-block;
vertical-align: top;
font-size: 14px;
color: #5f8ab3;
font-style: italic;
font-weight: inherit;
cursor: pointer;
position: relative;
margin: 38px 0 0
}
.mfp-wrap .kuteshop-popup-newsletter .disabled_popup:hover {
color: var(--main-color)
}
.mfp-wrap .kuteshop-popup-newsletter .disabled_popup input {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
margin: 0;
z-index: 1
}
.mfp-wrap .kuteshop-popup-newsletter .disabled_popup input:checked+span:before {
font-family: main-icon,sans-serif;
content: '\e91c';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 9px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
font-style: normal
}
.mfp-wrap .kuteshop-popup-newsletter .disabled_popup span {
position: relative;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
border-radius: 2px;
box-shadow: 0 0 0 1px inset;
margin: -1px 0 1px;
margin-inline-end:6px}
@media (max-width: 767px) {
.mfp-wrap .kuteshop-popup-newsletter {
width:320px
}
.mfp-wrap .kuteshop-popup-newsletter .popup-inner {
width: 320px;
min-height: 320px;
padding: 30px 15px
}
.mfp-wrap .kuteshop-popup-newsletter .image {
margin-bottom: 14px
}
.mfp-wrap .kuteshop-popup-newsletter .text-1 {
font-size: 13px;
margin-bottom: 2px
}
.mfp-wrap .kuteshop-popup-newsletter .text-2 {
font-size: 40px;
margin-bottom: 0
}
.mfp-wrap .kuteshop-popup-newsletter .text-3 {
font-size: 13px;
margin-bottom: 12px
}
.mfp-wrap .kuteshop-popup-newsletter .text-4 {
font-size: 13px;
margin-top: 12px
}
.mfp-wrap .kuteshop-popup-newsletter .ovic-newsletter .text-field {
margin-bottom: 10px
}
.mfp-wrap .kuteshop-popup-newsletter .ovic-newsletter .input-text[type] {
padding-top: 8px;
padding-bottom: 8px;
height: 40px
}
.mfp-wrap .kuteshop-popup-newsletter .submit-newsletter {
font-size: 12px;
padding-top: 8px;
padding-bottom: 8px
}
.mfp-wrap .kuteshop-popup-newsletter .disabled_popup {
font-size: 13px;
margin-top: 12px
}
}
html.yith-quick-view-is-open, html.yith-quick-view-is-open body {
overflow: hidden
}
.yith-quick-view,#yith-quick-view-modal {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100000;
opacity: 0;
text-align: center;
transition: .3s
}
.yith-quick-view:before,#yith-quick-view-modal:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.yith-quick-view-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.yith-wcqv-wrapper {
display: inline-block;
vertical-align: middle;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
text-align: start;
width: calc(100% - 30px) !important;
height: auto !important;
max-width: 910px;
max-height: calc(100% - 30px);
overflow-x: hidden;
-webkit-overflow-scrolling: touch
}
.yith-quick-view.open .yith-wcqv-main, #yith-quick-view-modal.open .yith-wcqv-main {
transform: translateY(0);
opacity: 1;
position: relative;
box-shadow: none;
overflow: hidden
}
.yith-wcqv-main {
transform: translateY(20%);
opacity: 0;
transition: .3s;
box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
background-color: #fff;
padding: 15px
}
.yith-quick-view.open, .yith-quick-view.open .yith-wcqv-wrapper, #yith-quick-view-modal.open, #yith-quick-view-modal.open .yith-wcqv-wrapper {
visibility: visible;
opacity: 1
}
#yith-quick-view-content:after,#yith-quick-view-content:before {
content: '';
display: table;
clear: both
}
#yith-quick-view-close {
z-index: 2;
margin: 0;
opacity: 1
}
.yith-wcqv-wrapper #yith-quick-view-content > .product > .product, #yith-quick-view-modal #yith-quick-view-content > .product > .product, .yith-wcqv-wrapper #yith-quick-view-content > .product, #yith-quick-view-modal #yith-quick-view-content>.product {
display: flex;
flex-wrap: wrap;
align-items: flex-start
}
.yith-wcqv-wrapper .product .woocommerce-product-gallery, #yith-quick-view-modal .product .woocommerce-product-gallery, .yith-wcqv-wrapper .product .entry-summary, #yith-quick-view-modal .product .entry-summary {
float: none;
width: 50%;
padding: 15px
}
.yith-wcqv-wrapper .entry-summary a.compare, .yith-wcqv-wrapper .woocommerce-product-gallery__trigger, .yith-wcqv-wrapper .onsale {
display: none
}
body.admin-bar .yith-quick-view, body.admin-bar #yith-quick-view-modal {
top: 32px
}
@media (max-width: 782px) {
body.admin-bar .yith-quick-view, body.admin-bar #yith-quick-view-modal {
top:46px
}
}
@media (max-width: 767px) {
#yith-quick-view-content label {
color:inherit
}
.yith-wcqv-wrapper .product .woocommerce-product-gallery, #yith-quick-view-modal .product .woocommerce-product-gallery, .yith-wcqv-wrapper .product .entry-summary, #yith-quick-view-modal .product .entry-summary {
width: 100%
}
}
@media (max-width: 600px) {
body.admin-bar .yith-quick-view, body.admin-bar #yith-quick-view-modal {
top:0
}
}
@media (max-width: 479px) {
#yith-quick-view-modal.open .yith-wcqv-main, .yith-quick-view.open .yith-wcqv-main {
padding:5px 0
}
}
a.backtotop:not(.show) {
transform: scale(0)
}
a.backtotop {
position: fixed;
bottom: 80px;
right: 30px;
width: 40px;
height: 40px;
font-size: 16px;
line-height: 40px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, .3);
transition: transform .3s;
overflow: hidden;
z-index: 5
}
a.backtotop:before {
font-family: FontAwesome,sans-serif;
content: "\f176"
}
a.backtotop:hover {
color: var(--main-color-t);
background-color: var(--main-color)
}
@media (max-width: 767px) {
a.backtotop {
right:10px;
bottom: 50px;
width: 30px;
height: 30px;
font-size: 12px;
line-height: 30px
}
}
.elementor-editor-active .ovic-rtl-button {
display: none !important
}
.ovic-rtl-button {
position: fixed;
bottom: 30px;
right: 30px;
width: 40px;
height: 40px;
font-size: 0;
line-height: 0;
letter-spacing: 0;
text-align: center;
color: var(--main-color-t) !important;
background-color: var(--main-color);
z-index: 5;
margin: auto;
font-weight: 700
}
.ovic-rtl-button:hover {
background-color: var(--main-color-b)
}
.ovic-rtl-button span {
font-size: 14px;
line-height: 40px
}
@media (max-width: 767px) {
.ovic-rtl-button {
bottom:10px;
right: 10px;
width: 30px;
height: 30px
}
.ovic-rtl-button span {
font-size: 12px;
line-height: 30px
}
}
.hover-item-shadow .slick-list:hover {
padding: 20px;
margin: -20px
}
.custom-divider-1 .slick-slide.slick-active {
position: relative
}
.custom-divider-1 .slick-slide.slick-active+.slick-active:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
border-inline-start:1px solid rgba(255,255,255,.5);margin: auto
}
.custom-menu-1 .ovic-custommenu {
--item-space: 6px
}
@media (max-width: 1199px) {
.custom-menu-1 .ovic-custommenu {
--item-space:5px
}
}
@media (max-width: 991px) {
.custom-menu-1 .ovic-custommenu {
--item-space:4px
}
.custom-menu-1 .widget .widget-title {
margin-bottom: 12px
}
}
@media (max-width: 767px) {
.custom-menu-1 .ovic-custommenu {
--item-space:3px
}
.custom-menu-1 .widget .widget-title {
margin-bottom: 9px
}
}
[class*='main-color'] .elementor-heading-title {
color: inherit
}
.elementor-widget-button[class*='default-bg']>.elementor-widget-container,.elementor-column[class*='default-bg'],.elementor-widget[class*='default-bg'],.elementor-widget-button[class*='main-bg']>.elementor-widget-container,.elementor-column[class*='main-bg'],.elementor-widget[class*='main-bg'] {
background-color: transparent
}
[class*='default-bd']>.elementor-widget-container,[class*='main-bd']>.elementor-widget-container {
border-color: inherit
}
.elementor-widget-social-icons.main-bg-hover .elementor-social-icon:hover i {
color: inherit
}
.elementor-widget-social-icons.main-bg-hover .elementor-social-icon:hover {
color: var(--main-color-t) !important;
background-color: var(--main-color) !important
}
.elementor-widget-social-icons.main-bg-hover:hover {
background-color: transparent
}
.default-color .elementor-button, .default-color .elementor-button:visited, .default-color .elementor-button:hover,.default-color,.default-color-hover:hover {
color: var(--default-color);
fill: var(--default-color)
}
.default-bg .elementor-button,.default-bg>.elementor-column-wrap,.default-bg>.elementor-widget-container,.header-section.default-bg,.header.default-bg,.default-bg,.default-bg-hover:hover {
background-color: var(--default-color)
}
.default-bd .elementor-button,.default-bd,.default-bd-hover:hover {
border-color: var(--default-color)
}
.default-bd .elementor-divider-separator {
border-color: var(--default-color) !important
}
.highlight, .post-sticky, .rtwpvs .rtwpvs-terms-wrapper.radio-variable-wrapper .rtwpvs-radio-term:hover, .kuteshop-edit-link a, .main-color .elementor-button, .main-color .elementor-button:visited, .main-color .elementor-button:hover,.main-color,.main-color-hover:hover {
color: var(--main-color);
fill: var(--main-color)
}
.scroll-wrapper > .scroll-element .scroll-arrow:hover, .main-bg .elementor-button,.main-bg>.elementor-column-wrap,.main-bg>.elementor-widget-container,.main-bg,.main-bg-hover:hover {
background-color: var(--main-color)
}
.main-bd .elementor-button,.main-bd,.main-bd-hover:hover {
border-color: var(--main-color)
}
.main-bd .elementor-divider-separator {
border-color: var(--main-color) !important
}
.main-color-t {
color: var(--main-color-t)
}
.main-fw {
font-weight: var(--main-h-fw)
}
[class*='main-bora']>.elementor-container,[class*='main-bora']>.elementor-widget-container {
border-radius: inherit
}
.main-bora .elementor-icon.elementor-social-icon,.main-bora {
border-radius: var(--main-bora)
}