@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.archive_sev {
margin-bottom: 110px;
}
@media (max-width: 767px) {
.archive_sev {
margin-bottom: 80px;
}
}
.archive_sev .archive_sev_content {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 50px;
}
.archive_sev .archive_sev_content.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.archive_sev .archive_sev_content.two_column {
grid-template-columns: auto;
}
}
.archive_sev .archive_sev_content.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 991px) {
.archive_sev .archive_sev_content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_sev .archive_sev_content.three_column {
grid-template-columns: auto;
}
}
.archive_sev .archive_sev_content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.archive_sev .archive_sev_content.four_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 991px) {
.archive_sev .archive_sev_content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_sev .archive_sev_content.four_column {
grid-template-columns: auto;
}
}
.ova-service-list {
width: 100%;
}
.ova-service-list.template2 .service-title-list li.item {
margin-bottom: 0;
}
.ova-service-list.template2 .service-title-list li.item:hover a, .ova-service-list.template2 .service-title-list li.item.active a {
border-bottom: 1px solid white;
}
.ova-service-list.template2 .service-title-list li.item:hover a .icon-service, .ova-service-list.template2 .service-title-list li.item.active a .icon-service {
transition: all 0.3s ease;
opacity: 1;
}
.ova-service-list.template2 .service-title-list li.item:hover a .count, .ova-service-list.template2 .service-title-list li.item.active a .count {
transition: all 0.3s ease;
opacity: 0;
top: 20px;
}
.ova-service-list.template2 .service-title-list li.item:hover a .icon-arrow, .ova-service-list.template2 .service-title-list li.item.active a .icon-arrow {
transition: all 0.3s ease;
opacity: 1;
visibility: visible;
}
.ova-service-list.template2 .service-title-list li.item a {
font-weight: 400;
color: #fff;
padding: 35px 5px;
background-color: var(--heading);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ova-service-list.template2 .service-title-list li.item a .info {
display: flex;
column-gap: 30px;
}
@media (max-width: 767px) {
.ova-service-list.template2 .service-title-list li.item a .info {
column-gap: 20px;
}
}
.ova-service-list.template2 .service-title-list li.item a .icon_count {
position: relative;
width: 50px;
height: 50px;
}
.ova-service-list.template2 .service-title-list li.item a .icon-service {
transition: all 0.3s ease;
opacity: 0;
}
.ova-service-list.template2 .service-title-list li.item a .icon-service i {
font-size: 55px;
}
@media (max-width: 1024px) {
.ova-service-list.template2 .service-title-list li.item a .icon-service i {
font-size: 45px;
}
}
.ova-service-list.template2 .service-title-list li.item a .count {
transition: all 0.3s ease;
position: absolute;
top: 0;
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 30px;
background-color: var(--primary);
border-radius: 50%;
transform: rotate(-25deg);
font-size: 13px;
line-height: 1;
font-weight: 600;
color: #fff;
}
.ova-service-list.template2 .service-title-list li.item a .category {
display: inline-block;
margin-bottom: 8px;
color: rgba(255, 255, 255, 0.55);
}
.ova-service-list.template2 .service-title-list li.item a .service-title {
font-family: var(--secondary-font);
font-size: 36px;
}
@media (max-width: 1024px) {
.ova-service-list.template2 .service-title-list li.item a .service-title {
font-size: 32px;
}
}
@media (max-width: 767px) {
.ova-service-list.template2 .service-title-list li.item a .service-title {
font-size: 28px;
}
}
.ova-service-list.template2 .service-title-list li.item a .icon-arrow {
opacity: 0;
visibility: hidden;
width: 60px;
min-width: 60px;
height: 60px;
background-color: var(--primary);
}
@media (max-width: 1024px) {
.ova-service-list.template2 .service-title-list li.item a .icon-arrow {
width: 50px;
min-width: 50px;
height: 50px;
}
}
.ova-service-list.template2 .service-title-list li.item a .icon-arrow i {
transform: rotate(-45deg);
font-size: 18px;
color: #fff;
}
.ova-service-list .service-title-list {
list-style: none;
margin: 10px 0 0;
padding: 0;
}
.ova-service-list .service-title-list li.item {
padding: 0;
margin-bottom: 8px;
}
.ova-service-list .service-title-list li.item a {
transition: all 0.3s ease;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: bold;
padding: 16px 30px;
line-height: 1.2;
color: var(--heading);
background-color: #f5f5f5;
}
.ova-service-list .service-title-list li.item a .service-title {
display: block;
}
.ova-service-list .service-title-list li.item a .icon-arrow {
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.ova-service-list .service-title-list li.item a i {
display: inline-flex;
font-size: 11px;
color: var(--primary);
}
.ova-service-list .service-title-list li.item:hover a, .ova-service-list .service-title-list li.item.active a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: var(--heading);
color: #fff;
}
.ova-service-box-elementor {
display: grid;
grid-gap: 30px;
}
.ova-service-box-elementor.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.ova-service-box-elementor.two_column {
grid-template-columns: auto;
}
}
.ova-service-box-elementor.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 991px) {
.ova-service-box-elementor.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-service-box-elementor.three_column {
grid-template-columns: auto;
}
}
.ova-service-box-elementor.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-service-box-elementor.four_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 991px) {
.ova-service-box-elementor.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-service-box-elementor.four_column {
grid-template-columns: auto;
}
}
.ova-service-box-elementor.five_column {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-service-box-elementor.five_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 991px) {
.ova-service-box-elementor.five_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-service-box-elementor.five_column {
grid-template-columns: auto;
}
}
.ova-service-box-elementor.six_column {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-service-box-elementor.six_column {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 991px) {
.ova-service-box-elementor.six_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-service-box-elementor.six_column {
grid-template-columns: auto;
}
}
.ova-service-box-template1 {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: relative;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
border: 1px solid transparent;
padding: 60px;
z-index: 1;
text-align: center;
overflow: hidden;
}
@media (max-width: 520px) {
.ova-service-box-template1 {
padding: 40px 30px;
}
}
.ova-service-box-template1:hover {
transition: all 0.3s ease;
border: 1px solid var(--primary);
}
.ova-service-box-template1:hover .mask {
transition: all 0.5s ease;
opacity: 1;
}
.ova-service-box-template1:hover .img-service {
transition: all 0.5s ease;
transform: translateY(5px);
}
.ova-service-box-template1 .mask {
transition: all 0.5s ease;
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
background-position: top left;
background-size: auto;
background-repeat: no-repeat;
opacity: 0.25;
z-index: -1;
}
.ova-service-box-template1 .img-service {
transition: all 0.5s ease;
position: relative;
display: inline-block;
margin-bottom: 48px;
}
.ova-service-box-template1 .img-service img {
transition: all 0.5s ease;
width: 198px;
height: 198px;
border-radius: 50%;
display: block;
object-fit: cover;
}
.ova-service-box-template1 .icon {
transition: all 0.5s ease;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
width: 90px;
height: 90px;
border-radius: 50%;
background-color: var(--primary);
}
.ova-service-box-template1 .icon i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 52px;
color: #fff;
}
.ova-service-box-template1 a .title:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-service-box-template1 .title {
position: relative;
z-index: 1;
transition: all 0.3s ease;
margin: 0;
padding-bottom: 25px;
font-weight: 400;
font-size: 24px;
line-height: 1.2;
}
.ova-service-box-template1 .description {
margin: 0 0 25px 0;
font-size: 16px;
font-weight: 500;
padding-bottom: 30px;
border-bottom: 1px solid #f0e8e8;
}
.ova-service-box-template1 .book-button {
transition: all 0.3s ease;
position: relative;
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
column-gap: 8px;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: 600;
color: var(--heading);
text-transform: uppercase;
line-height: 1;
}
.ova-service-box-template1 .book-button:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-service-box-template1 .book-button i {
font-size: 15px;
line-height: 1;
}
.ova-service-box-template2 {
transition: all 0.3s ease;
text-align: left;
background-color: #fff;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
z-index: 1;
padding: 50px;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
background-color: #fff;
border: 1px solid transparent;
}
@media (max-width: 520px) {
.ova-service-box-template2 {
padding: 30px;
}
}
.ova-service-box-template2:hover {
transition: all 0.3s ease;
border: 1px solid var(--primary);
}
.ova-service-box-template2:hover .mask {
transition: all 0.5s ease;
bottom: 0;
opacity: 1;
}
.ova-service-box-template2:hover .icon i {
transition: all 0.5s ease;
transform: translateY(-5px);
}
.ova-service-box-template2 .mask {
transition: all 0.5s ease;
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: -30px;
opacity: 0;
background-position: bottom right;
background-size: auto;
background-repeat: no-repeat;
}
.ova-service-box-template2 .icon {
position: relative;
display: inline-flex;
}
.ova-service-box-template2 .icon i {
transition: all 0.5s ease;
transform: translateY(0);
display: inline-flex;
font-size: 66px;
color: var(--primary);
}
.ova-service-box-template2 a .title:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-service-box-template2 .title {
transition: all 0.3s ease;
position: relative;
z-index: 1;
font-size: 20px;
margin: 6px 0 23px 0;
font-weight: 400;
color: var(--heading);
}
.ova-service-box-template2 .description {
position: relative;
font-size: 16px;
font-weight: 500;
margin: 0;
color: var(--text);
z-index: 1;
}
.ova-service-box-template3:hover .description {
transition: all 0.3s ease;
border-top: 1px solid var(--primary);
}
.ova-service-box-template3 .img-service {
margin-bottom: 30px;
}
.ova-service-box-template3 .img-service img {
display: block;
width: 100%;
height: 256px;
object-fit: cover;
}
.ova-service-box-template3 .info .info-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
}
.ova-service-box-template3 .info .info-heading .icon-title {
display: flex;
align-items: center;
gap: 25px;
}
.ova-service-box-template3 .title {
margin: 0;
font-size: 22px;
font-weight: 400;
}
.ova-service-box-template3 .icon {
font-size: 45px;
color: var(--primary);
}
.ova-service-box-template3 .book-button {
transform: rotate(-45deg);
}
.ova-service-box-template3 .book-button i {
font-size: 20px;
color: var(--heading);
line-height: 1;
}
.ova-service-box-template3 .description {
transition: all 0.3s ease;
margin: 25px 0 0 0;
padding: 25px 0 0 0;
border-top: 1px solid rgba(39, 37, 42, 0.1);
}
.ova-service-box-template4 {
transition: all 0.3s ease;
position: relative;
padding: 40px 35px 35px 35px;
background-color: #fff;
text-align: center;
box-shadow: 0px 10px 60px rgba(222, 150, 141, 0);
}
.ova-service-box-template4:hover {
transition: all 0.3s ease;
background-color: var(--primary);
box-shadow: 0px 10px 60px rgba(222, 150, 141, 0.75);
}
.ova-service-box-template4:hover .count {
transition: all 0.3s ease;
background-color: #fff;
color: var(--heading);
}
.ova-service-box-template4:hover .icon i {
transition: all 0.3s ease;
color: #fff;
}
.ova-service-box-template4:hover .title, .ova-service-box-template4:hover .description {
transition: all 0.3s ease;
color: #fff;
}
.ova-service-box-template4 .count {
transition: all 0.3s ease;
position: absolute;
top: 10px;
left: 10px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 30px;
background-color: var(--primary);
border-radius: 50%;
font-family: var(--secondary-font);
font-size: 14px;
line-height: 1;
color: #fff;
}
.ova-service-box-template4 .icon i {
transition: all 0.3s ease;
font-size: 65px;
color: var(--primary);
}
.ova-service-box-template4 .title {
transition: all 0.3s ease;
margin: 18px 0 0 0;
font-size: 18px;
font-weight: 400;
}
.ova-service-box-template4 .description {
transition: all 0.3s ease;
margin: 20px 0 0 0;
}.rs-p-wp-fix{display:none!important;margin:0!important;height:0!important}body{--sr-7-css-loaded:1}.wp-block-themepunch-revslider{position:relative}.wp-block-themepunch-revslider.revslider{margin:0}canvas.sr7-pbar{z-index:500;position:absolute;pointer-events:none}sr7-module{display:block;position:relative;overflow-x:visible}sr7-adjuster{position:relative;display:block;width:100%}sr7-content{position:absolute;top:0;height:100%;contain:size layout style;z-index:1;overflow-x:visible}sr7-carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}sr7-slide{position:absolute;width:100%;height:100%;contain:strict;top:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.sr7-overflow-force sr7-slide,sr7-carousel sr7-slide{contain:layout style}sr7-module-bg{top:0;z-index:0;position:absolute}sr7-3dwrap{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}sr7-overlay{display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;background-repeat:repeat}sr7-btn,sr7-col,sr7-content .sr7-layer,sr7-grp,sr7-img,sr7-layer,sr7-linebrk,sr7-row,sr7-shp,sr7-svg,sr7-txt,sr7-zone{user-select:none;visibility:hidden;display:none;box-sizing:border-box;backface-visibility:hidden}.sr7-layer[data-subtype=slidebg],sr7bg{pointer-events:none}sr7-content .sr7-layer.sr7-withclip,sr7-content .sr7-layer.sr7-withclip .sr7-layer{backface-visibility:visible}sr7-grp.sr7-clear:after{content:"";clear:both;display:block;height:0}sr7-zone{pointer-events:none}sr7-row.sr7-layer.sr7-galign{box-sizing:border-box}.sr7-layer[data-type=svg]>svg,sr7-layer[data-type=svg]>svg{width:100%;height:100%}sr7-row-con{table-layout:fixed;font-size:0;display:block}sr7-module .sr7-layer,sr7-module sr7-layer{-webkit-font-smoothing:antialiased!important;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;font-display:swap}sr7-slide.sr7-staticslide-low{z-index:0!important}sr7-slide.sr7-staticslide-high{z-index:105!important}sr7-slide a{transition:none}sr7-module.sr7-top-fixed{width:100%;height:auto!important;backface-visibility:hidden}sr7-module.sr7-top-fixed sr7-adjuster{height:auto!important}sr7-module.sr7-top-fixed sr7-content,sr7-module.sr7-top-fixed sr7-content .sr7-layer:not(.sr7-ignore-pe) *{pointer-events:none}sr7-prl{top:50%;left:50%;z-index:10000;position:absolute}sr7-prl.off{display:none!important}sr7-prl.sr7-fade-in{animation:tp-fade-in 1s linear}.sr-force-hidden{display:none!important}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:100}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}sr7-fonttest{width:auto;display:inline-block;white-space:nowrap;font-size:12px;color:#000}sr7-fonttest-wrap{position:absolute;contain:strict;top:-1500px;left:-1500px;width:1500px;height:1000px;pointer-events:none;opacity:0}.fn-wrap{display:flex;position:fixed;width:100px;height:50px;z-index:100;background-color:rgba(66,66,66,.2);justify-content:space-around;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}.fn-left,.fn-right{display:flex;width:40px;height:40px;justify-content:center;align-items:center;background-color:gray;color:#fff;font-weight:700;font-size:20px;cursor:pointer}
      html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} html {
overflow-x: hidden;
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
padding: 0;
font-size: var(--font-size);
line-height: var(--line-height);
color: var(--text);
font-family: var(--primary-font);
letter-spacing: var(--letter-spacing);
overflow-x: hidden;
}
body.admin-bar {
top: 32px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--heading);
font-family: var(--secondary-font);
font-weight: bold;
clear: both;
margin: 1em 0 0.5em 0px;
}
h1 {
font-size: 2em;
line-height: 1.21;
}
h2 {
font-size: 1.7411em;
line-height: 1.21;
}
h3 {
font-size: 1.5157em;
}
h4 {
font-size: 1.3195em;
}
h5 {
font-size: 1.1487em;
}
h6 {
font-size: 1em;
}
a {
text-decoration: none;
color: var(--primary);
}
a:hover, a:focus {
text-decoration: none;
outline: none;
}
p {
line-height: var(--line-height);
margin: 0 0 2em;
}
p:empty {
height: 0;
margin: 0;
}
.elementor-text-editor p {
line-height: inherit;
margin: 0;
}
blockquote {
position: relative;
font-weight: 600;
color: var(--heading);
padding: 20px 60px 20px;
margin: 0;
font-size: 1.2em;
font-style: italic;
}
@media (max-width: 767px) {
blockquote {
padding: 0;
margin: 10px;
}
}
blockquote.wp-block-quote.is-style-large {
padding: 20px 60px 20px;
}
@media (max-width: 767px) {
blockquote.wp-block-quote.is-style-large {
padding: 35px;
margin: 10px;
}
}
blockquote.wp-block-quote.is-style-large:not(.is-style-plain) {
padding: 20px 60px 20px;
}
blockquote p {
margin-bottom: 30px;
}
blockquote cite {
text-decoration: underline;
}
blockquote:before {
position: absolute;
left: 10px;
top: 25px;
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
font-size: 30px;
color: var(--primary);
}
@media (max-width: 767px) {
blockquote:before {
left: -20px;
top: -5px;
font-size: 15px;
}
}
blockquote.has-text-align-right:before {
right: 0;
left: auto;
transform: rotate(180deg);
width: 30px;
height: 30px;
text-align: right;
position: absolute;
}
@media (max-width: 767px) {
blockquote.has-text-align-right:before {
right: -20px;
width: 15px;
height: 15px;
}
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
address {
font-style: italic;
margin: 0 0 24px;
}
cite,
em,
var,
address,
dfn {
font-style: italic;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 1.75em 0 1.75em 0;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0 0 1em;
}
.elementor-widget-text-editor p {
line-height: inherit;
}
.btn,
.button {
border-radius: 5px;
padding: 12px 25px;
line-height: 1.5em;
} body {
background-color: #fff;
}
body.container_boxed .wrap-fullwidth {
max-width: var(--container-width);
margin: 0 auto;
background-color: #fff;
}
body.container_boxed .row_site {
padding: var(--boxed-offset);
}
body .row_site {
margin: 0 auto;
}
body .container_site {
padding-left: 10px;
padding-right: 10px;
}
body .ovamegamenu_container_default {
width: var(--container-width);
}
body .elementor-widget-image .elementor-widget-container a {
padding: 0 !important;
}
body .row_site,
body .elementor-section.elementor-section-boxed > .elementor-container {
max-width: var(--container-width);
}
@media (max-width: 1023px) {
body .row_site,
body .elementor-section.elementor-section-boxed > .elementor-container {
padding-left: 10px;
padding-right: 10px;
}
}
body.page-template-default .elementor-section.elementor-section-boxed > .elementor-container {
padding-left: 0px;
padding-right: 0px;
}
body.layout_1c #main-content {
max-width: 100%;
}
body.layout_2l #main-content {
float: right;
}
body.layout_2l #sidebar {
float: left;
}
body.layout_2r #main-content {
float: left;
}
body.layout_2r #sidebar {
float: right;
}
body #main-content {
max-width: calc( var(--main-content) - 60px );
width: 100%;
margin-bottom: 60px;
}
@media (max-width: 1023px) {
body #main-content {
max-width: 100%;
}
}
body #sidebar {
max-width: var(--width-sidebar);
width: 100%;
}
@media (max-width: 1023px) {
body #sidebar {
max-width: 100%;
}
}
body .wrap_footer {
clear: both;
}
body .inside-content {
min-height: calc(100vh - 200px);
} .compensate-for-scrollbar {
padding: 0 !important;
} .wrap_header {
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 1024px) {
.wrap_header {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
}
} .site-brand a .blogname {
font-weight: bold;
font-size: 2em;
line-height: 1.5em;
color: var(--primary);
}
@media (max-width: 1023px) {
.site-brand {
display: block;
float: left;
max-width: calc(100% - 120px);
z-index: 1;
position: relative;
}
}  button.menu-toggle {
cursor: pointer;
text-align: left;
position: relative;
border: 2px solid transparent;
box-shadow: none;
border-radius: 4px;
background-image: none;
padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
font-size: 0.875em;
max-width: 120px;
display: block;
margin-left: auto;
color: #fff;
background-color: var(--primary);
}
@media (min-width: 1024px) {
button.menu-toggle {
display: none;
}
}
button.menu-toggle:hover {
color: #fff;
background-color: var(--primary);
}
button.menu-toggle span:before {
transition: all, ease, 0.2s;
}
button.menu-toggle:before, button.menu-toggle:after,
button.menu-toggle span:before {
content: "";
display: block;
height: 2px;
width: 14px;
position: absolute;
top: 50%;
left: 1em;
margin-top: -1px;
transition: all, ease, 0.2s;
border-radius: 3px;
background-color: #fff;
}
button.menu-toggle:before {
transform: translateY(-4px);
}
button.menu-toggle:after {
transform: translateY(4px);
}
.toggled button.menu-toggle::before, .toggled button.menu-toggle::after {
transform: rotate(45deg);
}
.toggled button.menu-toggle::after {
transform: rotate(-45deg);
}
.toggled button.menu-toggle span::before {
opacity: 0;
}
ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a {
color: var(--primary);
}
.main-navigation {
position: relative;
}
.main-navigation .menu {
clear: both;
}
.main-navigation ul {
list-style: none;
}
.main-navigation ul.menu {
margin-left: 0;
margin-bottom: 0;
}
.main-navigation ul.menu ul {
display: block;
margin-left: 1em;
}
.main-navigation ul li {
display: inline-block;
position: relative;
text-align: left;
}
@media (max-width: 1023px) {
.main-navigation ul li {
display: block;
}
}
.main-navigation ul li.menu-item.current-menu-parent > a, .main-navigation ul li.menu-item.current-menu-item > a, .main-navigation ul li.menu-item.current-menu-ancestor > a {
color: var(--primary);
}
.main-navigation ul li.menu-item .sub-menu .menu-item:hover > a {
color: var(--primary);
background-color: rgba(0, 0, 0, 0.03);
}
.main-navigation ul li a {
color: var(--text);
padding: 0.6180469716em;
display: block;
}
.main-navigation ul li a:hover {
color: var(--primary);
}
.main-navigation.toggled .primary-navigation ul.menu {
max-height: 999px;
}
.main-navigation .dropdown-toggle {
background: transparent;
position: absolute;
top: 3px;
right: 0;
display: block;
padding: 0.5em 1em;
color: inherit;
border-radius: 0;
border: 1px solid #eee;
}
.main-navigation .dropdown-toggle::after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-size: 0.6em;
}
.main-navigation .dropdown-toggle:focus {
outline: none;
}
.main-navigation .dropdown-toggle:hover {
background: transparent;
}
.main-navigation .dropdown-toggle.toggled-on:after {
content: "";
font-family: "ovaicon";
}
@media (min-width: 1024px) {
.main-navigation .dropdown-toggle {
display: none;
}
}
@media (max-width: 1023px) {
.main-navigation .primary-navigation ul {
max-height: 0;
overflow: hidden;
transition: all ease 0.4s;
margin: 0;
padding: 0;
}
.main-navigation .primary-navigation ul.show {
max-height: 999px;
}
}
@media (min-width: 1024px) {
.main-navigation ul li {
display: inline-block;
position: relative;
text-align: left;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
left: 1.1em;
display: block;
opacity: 1;
visibility: visible;
}
.main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul {
left: -9999px; opacity: 0;
visibility: hidden;
}
.main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul {
left: 100%;
top: 0;
display: block;
opacity: 1;
visibility: visible;
}
.main-navigation ul ul.sub-menu {
float: left;
position: absolute;
top: 100%;
z-index: 99999;
left: 0; opacity: 0;
visibility: hidden;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
padding: 15px 0;
}
.main-navigation ul ul.sub-menu.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul ul.sub-menu li {
display: block;
min-width: 260px;
}
.main-navigation ul.menu {
max-height: none;
overflow: visible;
margin-top: 0;
transition: none;
}
.main-navigation ul.menu > li > a {
padding: 1em;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.main-navigation ul.menu > li.menu-item-has-children:hover::after, .main-navigation ul.menu > li.page_item_has_children:hover::after {
display: block;
}
.main-navigation ul.menu > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation ul.menu > li.has-mega-menu > a:after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin: 0 0.35em;
font-size: 0.5em;
font-weight: 500;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.main-navigation ul.menu > li:last-child > a {
padding-right: 0;
}
.main-navigation ul.menu ul.sub-menu {
margin: 0;
padding: 15px 0px;
}
.main-navigation ul.menu ul.sub-menu li.menu-item a {
padding: 8px 25px 8px;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
}
.main-navigation ul.menu ul.sub-menu li.menu-item:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.main-navigation ul.menu ul.sub-menu ul {
margin: 0;
}
.main-navigation ul.menu ul.sub-menu li.menu-item-has-children > a::after, .main-navigation ul.menu ul.sub-menu li.page_item_has_children > a::after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
float: right;
margin-left: 10px;
margin-top: 7px;
font-size: 0.5em;
font-weight: 500;
line-height: 1;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
} footer.footer {
clear: both;
padding-bottom: 45px;
padding-top: 45px;
background-color: #333;
color: #fff;
text-align: center;
margin-top: 60px;
}  article.post-wrap {
margin-bottom: 70px;
}
article.post-wrap.sticky {
background: #f9f9f9;
padding: 30px;
border-top: 5px solid;
border-color: var(--primary);
}
article.post-wrap.sticky .post-excerpt {
text-align: justify;
}
article.post-wrap .post-title {
margin: 0px 0px 20px 0px;
padding: 0;
line-height: 1.3em;
font-weight: bold;
color: var(--heading);
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
word-break: break-word;
}
article.post-wrap .post-title:hover {
color: var(--primary);
}
article.post-wrap .post-media {
margin-bottom: 30px;
}
article.post-wrap ul.post-meta {
list-style-type: none;
margin: 0 0px 25px 0px;
padding: 0;
display: inline-block;
}
article.post-wrap ul.post-meta li {
display: inline-block;
margin: 0 16px 0px 0;
color: var(--text);
opacity: 0.8;
}
article.post-wrap ul.post-meta li:hover {
opacity: 1;
}
article.post-wrap ul.post-meta li i {
font-size: 0.9em;
color: var(--primary);
padding-right: 3px;
}
article.post-wrap ul.post-meta li a {
color: var(--text);
}
article.post-wrap ul.post-meta li a:hover {
color: var(--primary);
}
article.post-wrap .post-excerpt > p {
margin-top: 0px;
margin-bottom: 25px;
}
article.post-wrap a.readmore {
clear: both;
background-color: var(--primary);
border-color: var(--primary);
border: 1px solid;
color: #fff;
font-size: 1em;
text-transform: none;
font-weight: 600;
box-shadow: none;
display: inline-block;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
article.post-wrap a.readmore:hover {
color: var(--primary);
border-color: var(--primary);
background-color: #fff;
} .blog_default .post-title {
font-weight: normal;
}
.blog_default .post-excerpt {
font-size: 1em;
}
.blog_default .date {
font-size: 1em;
}
.layout_1c .blog_default {
max-width: 1000px;
margin: 0 auto;
} .blog_grid {
display: grid;
gap: 25px;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
.blog_grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.blog_grid {
grid-template-columns: repeat(1, 1fr);
}
}
.blog_grid article.post-wrap .post-media {
margin-bottom: 15px;
}
.blog_grid article.post-wrap .post-title {
font-size: 22px;
}
.blog_grid article.post-wrap .post-excerpt {
font-size: 1em;
}
.blog_grid article.post-wrap ul.post-meta {
margin-bottom: 15px;
}
.blog_grid article.post-wrap ul.post-meta .date {
font-size: 1em;
}
.layout_2l .blog_grid, .layout_2r .blog_grid {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
.layout_2l .blog_grid, .layout_2r .blog_grid {
grid-template-columns: repeat(1, 1fr);
}
} .blog_masonry {
margin-left: -15px;
margin-right: -15px;
}
.blog_masonry article {
width: 33.3%;
}
@media (max-width: 1200px) {
.blog_masonry article {
width: 50%;
}
}
@media (max-width: 767px) {
.blog_masonry article {
width: 100%;
}
}
.blog_masonry .content {
margin: 0px 15px;
position: relative;
min-height: 100px;
}
.blog_masonry .content .post-media {
margin-bottom: 15px;
}
.blog_masonry .content .post-title {
font-size: 22px;
}
.blog_masonry .content .post-excerpt {
font-size: 1em;
}
.blog_masonry .content ul.post-meta {
margin-bottom: 15px;
}
.blog_masonry .content ul.post-meta .date {
font-size: 1em;
}
.blog_masonry .content a.readmore {
clear: both;
background-color: transparent;
border-color: var(--primary);
border: 1px solid;
color: var(--primary);
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.blog_masonry .content a.readmore:hover {
color: #fff;
border-color: var(--primary);
background-color: var(--primary);
}
.layout_2l .blog_masonry article, .layout_2r .blog_masonry article {
width: 50%;
min-height: 200px;
}
@media (max-width: 767px) {
.layout_2l .blog_masonry article, .layout_2r .blog_masonry article {
width: 100%;
}
} .single article.post-wrap .post-title {
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
margin-bottom: 20px;
margin-top: 0;
word-break: break-word;
}
.single article.post-wrap .post-title:hover {
color: var(--heading);
}
.single article.post-wrap .post-content {
margin-bottom: 50px;
}
.single article.post-wrap .post-content:before, .single article.post-wrap .post-content:after {
clear: both;
content: "";
display: table;
}
.single article.post-wrap .post-tags {
clear: both;
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid #f3f3f3;
}
.single article.post-wrap .post-tags a {
text-transform: capitalize;
margin: 0px 5px 5px 0px;
display: inline-block;
margin-right: 5px;
background-color: #eeeeee;
border: solid 1px #eeeeee;
color: var(--heading);
border-radius: 20px;
padding: 5px 15px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.single article.post-wrap .post-tags a:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.single article.post-wrap.sticky .post-tags {
border-top: 1px solid #e1e1e1;
}
.single.layout_1c #main-content {
max-width: 1000px;
margin: 0 auto;
} h1.page-title {
margin-top: 0;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
}
.search .page-header .page-title {
margin-bottom: 60px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 15px;
}
.search .page-header .page-title span {
color: var(--primary);
} .page article.post-wrap {
display: flow-root;
} .sidebar .widget {
display: block;
margin-bottom: 45px;
padding-bottom: 45px;
border-bottom: 1px solid #eee;
float: left;
width: 100%;     }
.sidebar .widget:last-child {
border-bottom: none;
}
.sidebar .widget a {
color: var(--text);
}
.sidebar .widget a:hover {
color: var(--primary);
}
.sidebar .widget h4.widget-title {
color: var(--heading);
padding-bottom: 15px;
margin-bottom: 15px;
margin-top: 0;
position: relative;
}
.sidebar .widget p {
margin-top: 0;
}
.sidebar .widget img {
width: auto;
}
.sidebar .widget ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar .widget ul li {
padding: 0.5em 0;
}
.sidebar .widget ul li:first-child {
border-top: 0;
}
.sidebar .widget ul li:last-child {
padding-bottom: 0;
}
.sidebar .widget ul.children, .sidebar .widget ul.sub-menu {
margin: 0.5em 0 0 0.8em;
}
.sidebar .widget .screen-reader-text {
display: none;
}
.sidebar .widget.widget_rss ul li {
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #eee;
}
.sidebar .widget.widget_rss ul li:first-child {
padding-top: 0;
}
.sidebar .widget.widget_rss ul li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar .widget.widget_rss ul li a.rsswidget {
font-weight: 600;
display: block;
line-height: 1.5em;
margin-bottom: 12px;
color: var(--heading);
font-size: 15px;
}
.sidebar .widget.widget_rss ul li a.rsswidget:hover {
color: var(--primary);
}
.sidebar .widget.widget_rss ul li .rss-date {
display: inline-block;
margin-bottom: 12px;
font-weight: 500;
opacity: 0.7;
}
.sidebar .widget.widget_rss ul li .rssSummary {
margin-bottom: 12px;
color: var(--text);
}
.sidebar .widget.widget_rss ul li cite {
color: var(--text);
opacity: 0.8;
text-decoration: underline;
}
.sidebar .widget.widget_calendar {
width: 100%;
}
.sidebar .widget.widget_calendar caption {
background: transparent;
color: var(--heading);
font-weight: bold;
text-align: center;
border: none;
padding: 5px 0px;
}
.sidebar .widget.widget_calendar table {
margin-bottom: 0;
}
.sidebar .widget.widget_calendar table thead {
border: 1px solid #eee;
}
.sidebar .widget.widget_calendar table thead tr th {
background-color: #f1f1f1;
color: var(--heading);
border: 1px solid #e4e4e4;
text-align: center;
}
.sidebar .widget.widget_calendar table tbody tr td {
border: none;
text-align: center;
border: 1px solid #e4e4e4;
}
.sidebar .widget.widget_calendar nav {
border: none;
padding: 10px 0px 0px 0px;
display: flex;
justify-content: space-between;
}
.sidebar .widget.widget_calendar nav a {
color: var(--primary);
}
.sidebar .widget.widget_calendar nav a:hover {
color: #343434;
}
.sidebar .widget.widget_tag_cloud .tagcloud {
position: relative;
width: 100%;
float: left;
}
.sidebar .widget.widget_tag_cloud .tagcloud a {
float: left;
margin: 0 10px 10px 0;
display: block;
font-size: 0.9em !important;
background-color: #eeeeee;
border: solid 1px #eeeeee;
color: var(--heading);
border-radius: 20px;
padding: 5px 15px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.sidebar .widget.widget_tag_cloud .tagcloud a:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.sidebar .widget.widget_search form {
position: relative;
}
.sidebar .widget.widget_search form:before {
font-size: 18px;
color: var(--text);
opacity: 0.8;
font-family: "ovaicon";
content: "";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
position: absolute;
top: 50%;
right: 20px;
line-height: 1;
transform: translate(0, -50%);
cursor: pointer;
}
.sidebar .widget.widget_search form input[type=search] {
width: 100%;
padding-right: 50px;
padding-left: 20px;
}
.sidebar .widget.widget_search form input[type=submit] {
position: absolute;
right: 0px;
top: 0;
background-color: transparent;
border: none;
font-size: 0;
width: 50px;
}
.sidebar .widget.widget_categories ul li, .sidebar .widget.widget_archive ul li {
line-height: 30px;
color: var(--text);
opacity: 0.8;
}
.sidebar .widget.widget_categories ul li:before, .sidebar .widget.widget_archive ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_categories ul li a, .sidebar .widget.widget_archive ul li a {
color: var(--text);
text-align: left;
}
.sidebar .widget.widget_categories ul li a:hover, .sidebar .widget.widget_archive ul li a:hover {
color: var(--primary);
}
.sidebar .widget.widget_categories .widget-custom ul li, .sidebar .widget.widget_archive .widget-custom ul li {
line-height: 30px;
}
.sidebar .widget.widget_categories .widget-custom ul li:before, .sidebar .widget.widget_archive .widget-custom ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
}
.sidebar .widget.widget_categories .widget-custom ul li a, .sidebar .widget.widget_archive .widget-custom ul li a {
display: flex;
justify-content: space-between;
}
.sidebar .widget.widget_categories .widget-custom ul li a .number, .sidebar .widget.widget_archive .widget-custom ul li a .number {
background: #eee;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.sidebar .widget.widget_categories ul li:before {
content: "";
font-family: "ovaicon";
}
.sidebar .widget.widget_categories .widget-custom ul li {
line-height: 30px;
}
.sidebar .widget.widget_categories .widget-custom ul li:before {
content: "";
font-family: "ovaicon";
}
.sidebar .widget.widget_pages ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_nav_menu ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_meta ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_recent_comments ul li {
color: var(--text);
opacity: 0.8;
}
.sidebar .widget.widget_recent_comments ul li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.sidebar .widget.widget_recent_comments ul li .comment-author-link {
color: var(--heading);
text-decoration: underline;
}
.sidebar .widget.widget_recent_comments ul li .comment-author-link a:hover {
color: var(--primary);
} table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ededed;
font-size: 100%;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
table thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
table thead tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
table thead tr td, table thead tr th {
padding: 5px 10px;
font-weight: bold;
color: var(--heading);
border: 1px solid #ededed;
text-align: left;
}
table thead tr td a, table thead tr th a {
color: var(--heading);
}
table tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
table tbody tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
table tbody tr td, table tbody tr th {
padding: 5px 10px;
border: 1px solid #ededed;
color: var(--text);
text-align: left;
}
table tbody tr td a, table tbody tr th a {
color: var(--heading);
border-bottom: 1px solid var(--primary);
font-weight: normal;
}
table tbody tr td a:hover, table tbody tr th a:hover {
color: var(--primary);
}
table tbody tr th {
color: var(--heading);
} button,
input,
select,
textarea {
color: var(--text);
line-height: 1.5em;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}
button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
.input-text {
border-radius: 5px;
padding: 12px 15px;
border-color: #e0e0e0;
background-color: #ffffff;
color: var(--text);
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: normal;
outline: 0;
transition: all ease-in-out 0.3s;
font-size: 1em;
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
textarea::placeholder,
.input-text::placeholder {
color: var(--text);
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
.input-text:focus {
color: var(--heading);
}
.form-light input[type=text],
.form-light input[type=number],
.form-light input[type=email],
.form-light input[type=tel],
.form-light input[type=url],
.form-light input[type=password],
.form-light input[type=search],
.form-light textarea,
.form-light .input-text {
color: #fff;
}
.form-light input[type=text]::placeholder,
.form-light input[type=number]::placeholder,
.form-light input[type=email]::placeholder,
.form-light input[type=tel]::placeholder,
.form-light input[type=url]::placeholder,
.form-light input[type=password]::placeholder,
.form-light input[type=search]::placeholder,
.form-light textarea::placeholder,
.form-light .input-text::placeholder {
color: #fff;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-radius: 5px;
padding: 12px 25px;
font-size: 1em;
border-color: var(--primary);
background-color: var(--primary);
color: #fff;
cursor: pointer;
font-weight: 600;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
background-color: transparent;
border-color: var(--primary);
color: var(--primary);
}
select:not([size]):not([multiple]) {
background-color: #ffffff;
color: var(--text);
border: 1px solid #e0e0e0;
border-radius: 5px;
padding: 12px 15px;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
background-image: url(https://www.oasisnailsspa.com/wp-content/themes/mellis/assets/img/base/select-arrow.svg);
background-position: calc(100% - 12px) center;
background-repeat: no-repeat;
background-size: 12px 12px;
}
textarea {
overflow: auto; vertical-align: top; width: 100%;
}
label {
font-weight: 400;
}
label.inline input {
width: auto;
} [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
-moz-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 0.5;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 0.5;
}
input::placeholder, textarea::placeholder {
opacity: 0.5;
}
.rtl select:not([size]):not([multiple]) {
background-position: left 12px top 50%;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .gallery-caption {
width: 100%;
}
.slide_gallery {
clear: both;
margin-bottom: 30px;
}
.slide_gallery .owl-dots {
z-index: 1;
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
text-align: center;
}
.slide_gallery .owl-dots .owl-dot {
width: 10px;
height: 10px;
background-color: #fff;
border: 1px solid;
border-radius: 50%;
border-color: #ccc;
margin: 0px 3px;
}
.slide_gallery .owl-dots .owl-dot.active, .slide_gallery .owl-dots .owl-dot:hover {
background-color: var(--primary);
border-color: var(--primary);
}
@media (max-width: 568px) {
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
width: 100%;
margin: 0 0 20px 0px;
}
}
@media (max-width: 568px) {
.gallery .gallery-item {
width: 100% !important;
}
} img {
max-width: 100%;
height: auto;
}
.alignleft,
img.alignleft {
margin-right: 2.2em;
margin-bottom: 1em;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 1.5em;
margin-bottom: 1em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
} img.ajax-loader {
width: 16px;
height: 16px;
display: block;
text-align: center;
margin: 0 auto;
margin-left: auto;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
.bypostauthor {
position: relative;
} embed,
iframe,
object,
video {
max-width: 100%;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}  #comments {  }
#comments .title-comments {
text-transform: uppercase;
margin-bottom: 30px;
font-size: 1.4em;
}
#comments .comment-lists {
list-style-type: none;
padding-left: 0;
margin-left: 0;  }
#comments .comment-lists .children {
list-style-type: none;
padding-left: 0;
margin-left: 70px;
}
@media (max-width: 767px) {
#comments .comment-lists .children {
margin-left: 15px;
}
}
#comments .comment-lists .trackback .comment-body,
#comments .comment-lists .pingback .comment-body,
#comments .comment-lists .comment .comment-body {
padding-left: 140px;
min-height: 100px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
#comments .comment-lists .trackback .comment-body,
#comments .comment-lists .pingback .comment-body,
#comments .comment-lists .comment .comment-body {
padding-left: 0;
}
}
#comments .comment-lists .trackback .comment-body .comment-meta,
#comments .comment-lists .pingback .comment-body .comment-meta,
#comments .comment-lists .comment .comment-body .comment-meta {
position: relative;
margin-bottom: 10px;
}
#comments .comment-lists .trackback .comment-body .comment-meta .avatar,
#comments .comment-lists .pingback .comment-body .comment-meta .avatar,
#comments .comment-lists .comment .comment-body .comment-meta .avatar {
position: absolute;
left: -140px;
top: 5px;
border-radius: 50%;
width: 100px;
height: auto;
}
@media (max-width: 767px) {
#comments .comment-lists .trackback .comment-body .comment-meta .avatar,
#comments .comment-lists .pingback .comment-body .comment-meta .avatar,
#comments .comment-lists .comment .comment-body .comment-meta .avatar {
display: none;
}
}
#comments .comment-lists .trackback .comment-body .comment-meta cite,
#comments .comment-lists .pingback .comment-body .comment-meta cite,
#comments .comment-lists .comment .comment-body .comment-meta cite {
font-weight: 600;
color: #333;
font-style: normal;
font-size: 1.1em;
}
#comments .comment-lists .trackback .comment-body .comment-meta cite a,
#comments .comment-lists .pingback .comment-body .comment-meta cite a,
#comments .comment-lists .comment .comment-body .comment-meta cite a {
font-weight: 600;
color: #333;
font-style: normal;
font-size: 1.1em;
}
#comments .comment-lists .trackback .comment-body .comment-meta .comment-date time,
#comments .comment-lists .pingback .comment-body .comment-meta .comment-date time,
#comments .comment-lists .comment .comment-body .comment-meta .comment-date time {
font-size: 0.9em;
color: #999;
font-weight: 500;
line-height: 1.4;
font-style: italic;
}
#comments .comment-lists .trackback .comment-body .comment-content,
#comments .comment-lists .pingback .comment-body .comment-content,
#comments .comment-lists .comment .comment-body .comment-content {
padding-bottom: 40px;
border-bottom: 1px solid;
border-color: #eee;
}
#comments .comment-lists .trackback .comment-body .comment-content .comment-text p,
#comments .comment-lists .pingback .comment-body .comment-content .comment-text p,
#comments .comment-lists .comment .comment-body .comment-content .comment-text p {
margin: 0 0 10px 0;
padding: 0;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a,
#comments .comment-lists .pingback .comment-body .comment-content .reply a,
#comments .comment-lists .comment .comment-body .comment-content .reply a {
font-weight: 500;
color: var(--primary);
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link {
margin-right: 10px;
font-weight: bold;
color: var(--primary);
position: relative;
padding-left: 18px;
text-transform: uppercase;
font-size: 12px;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:before,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:before,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
content: "";
font-weight: 600;
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
vertical-align: middle;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-reply-link:hover,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-reply-link:hover,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-reply-link:hover {
color: #333;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link {
margin-right: 10px;
font-weight: bold;
color: var(--primary);
position: relative;
padding-left: 18px;
text-transform: uppercase;
font-size: 12px;
}
#comments .comment-lists .trackback .comment-body .comment-content .reply a.comment-edit-link:before,
#comments .comment-lists .pingback .comment-body .comment-content .reply a.comment-edit-link:before,
#comments .comment-lists .comment .comment-body .comment-content .reply a.comment-edit-link:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
content: "";
font-weight: 600;
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
vertical-align: middle;
}
#comments .comment-lists .trackback .comment-body #respond,
#comments .comment-lists .pingback .comment-body #respond,
#comments .comment-lists .comment .comment-body #respond {
margin-top: 0;
border: 1px solid #eee;
border-top: none;
border-radius: 0;
padding: 22px 25px 25px 25px;
}
#comments .comment-lists .trackback .comment-body, #comments .comment-lists .pingback .comment-body {
padding-left: 0;
} #respond {
clear: both;
margin: 30px 0px;
position: relative;
}
#respond .logged-in-as {
padding-bottom: 15px;
}
#respond #reply-title {
margin-top: 0;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 1.4em;
}
#respond #reply-title #cancel-comment-reply-link {
float: right;
text-align: right;
position: relative;
color: red;
}
#respond #commentform {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
clear: both;
}
#respond #commentform p {
padding: 0px 15px;
margin: 0;
}
#respond #commentform p.logged-in-as {
padding-bottom: 15px;
}
#respond #commentform label {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 0.9em;
display: inherit;
}
#respond #commentform .comment-notes {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 30px;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
flex: 0 0 100%;
max-width: 100%;
order: 1;
margin-bottom: 30px;
}
@media (min-width: 1024px) {
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
#respond #commentform .comment-form-author input,
#respond #commentform .comment-form-email input,
#respond #commentform .comment-form-url input {
width: 100%;
}
#respond #commentform .comment-form-comment {
flex: 0 0 100%;
max-width: 100%;
order: 2;
margin-bottom: 30px;
}
#respond #commentform .comment-form-comment textarea {
width: 100%;
}
#respond #commentform .form-submit {
flex: 0 0 100%;
max-width: 100%;
order: 3;
}
#respond #commentform .comment-form-cookies-consent {
display: flex;
line-height: 1;
margin-bottom: 15px;
width: 100%;
}
#respond #commentform .comment-form-cookies-consent label {
padding-left: 5px;
text-transform: inherit;
font-weight: 500;
}  .woocommerce.woocommerce-pagination, .woocommerce.pagination,
nav.woocommerce-pagination,
nav.pagination {
margin: 60px 0px;
}
.woocommerce.woocommerce-pagination ul.page-numbers,
.woocommerce .page-numbers,
nav.woocommerce-pagination ul.page-numbers,
nav .page-numbers {
display: inline-block;
list-style-type: none;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
border: none;
clear: both;
white-space: inherit;
}
.woocommerce.woocommerce-pagination ul.page-numbers li,
.woocommerce .page-numbers li,
nav.woocommerce-pagination ul.page-numbers li,
nav .page-numbers li {
display: inline-block;
margin: 0px 2px 10px 2px;
border: none;
padding: 0;
float: none;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers,
.woocommerce .page-numbers li .page-numbers,
nav.woocommerce-pagination ul.page-numbers li .page-numbers,
nav .page-numbers li .page-numbers {
border: 1px solid;
border-color: #f1f1f1;
border-radius: 4px;
background: #f1f1f1;
padding: 0px 10px 0px 10px;
min-width: 45px;
text-align: center;
font-weight: 600;
color: var(--text);
line-height: 43px;
font-size: 1em;
text-shadow: none;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers i,
.woocommerce .page-numbers li .page-numbers i,
nav.woocommerce-pagination ul.page-numbers li .page-numbers i,
nav .page-numbers li .page-numbers i {
font-size: 0.7em;
line-height: 1;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers i:before,
.woocommerce .page-numbers li .page-numbers i:before,
nav.woocommerce-pagination ul.page-numbers li .page-numbers i:before,
nav .page-numbers li .page-numbers i:before {
font-weight: bold !important;
}
.woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers:hover, .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers:focus, .woocommerce.woocommerce-pagination ul.page-numbers li .page-numbers.current,
.woocommerce .page-numbers li .page-numbers:hover,
.woocommerce .page-numbers li .page-numbers:focus,
.woocommerce .page-numbers li .page-numbers.current,
nav.woocommerce-pagination ul.page-numbers li .page-numbers:hover,
nav.woocommerce-pagination ul.page-numbers li .page-numbers:focus,
nav.woocommerce-pagination ul.page-numbers li .page-numbers.current,
nav .page-numbers li .page-numbers:hover,
nav .page-numbers li .page-numbers:focus,
nav .page-numbers li .page-numbers.current {
background-color: var(--primary);
color: #fff;
} .page-links {
clear: both;
margin: 20px 0px 30px 0px;
float: left;
}
.page-links .post-page-numbers {
border: 1px solid;
border-radius: 2px;
display: inline-block;
font-size: 1rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
font-weight: 600;
background-color: transparent;
border-color: var(--primary);
color: var(--text);
}
.page-links .post-page-numbers:hover, .page-links .post-page-numbers:focus, .page-links .post-page-numbers.current {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.page-links .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text {
display: none;
} .wrap_breadcrumbs {
background-color: #fafafa;
margin-bottom: 60px;
position: relative;
}
.wrap_breadcrumbs:before {
position: absolute;
left: -1000px;
background-color: #fafafa;
height: 100%;
width: 10000px;
top: 0;
content: "";
z-index: -1;
}
ul.breadcrumb {
margin: 0;
padding: 20px 0px;
display: inline-block;
list-style-type: none;
}
ul.breadcrumb li {
color: var(--primary);
-webkit-hyphens: auto;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
display: inline-block;
padding-right: 5px;
word-break: break-word;
}
ul.breadcrumb li a {
color: var(--text);
}
ul.breadcrumb li a:hover {
color: var(--primary);
}
ul.breadcrumb li .separator i {
font-size: 0.6em;
color: var(--text);
opacity: 0.5;
position: relative;
} #scrollUp {
bottom: 20px;
right: 20px;
border-radius: 4px;
background-color: var(--primary);
color: #fff;
text-align: center;
}
#scrollUp:hover {
background-color: #333;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
#scrollUp i {
color: #fff;
text-align: center;
display: block;
font-weight: bold;
position: relative;
padding: 10px 10px 5px 10px;
}
#scrollUp i:before {
font-weight: bold !important;
} .wp-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
max-width: 100%;
}
.wp-caption img {
border: 0 none;
padding: 0;
margin: 0;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
text-align: left;
font-style: italic;
border-bottom: 2px solid #e6e6e6;
padding: 0.5407911001em 0;
font-size: 0.875em;
color: var(--text);
opacity: 0.8;
}  .wp-block-button {
margin: 10px 0px;
}
.wp-block-button a {
text-transform: uppercase;
font-weight: 600;
}
.wp-block-button.alignleft {
margin-right: 20px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
border-style: dashed;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 5px;
}
.wp-block-button.alignright {
margin-left: 20px;
} .wp-block-image figcaption,
figure figcaption {
text-align: left;
font-style: italic;
border-bottom: 2px solid #e6e6e6;
padding: 0.5407911001em 0;
font-size: 0.875em;
color: var(--text);
opacity: 0.8;
padding-top: 0;
margin-top: 5px;
} .wp-block-cover {
margin-bottom: 30px;
}
.wp-block-cover.has-background-dim {
color: #fff;
} .wp-block-gallery {
margin: 0 0 30px 0;
padding-top: 20px;
}
.wp-block-gallery:not(.has-nested-images).alignleft {
margin-right: 30px;
}
.wp-block-gallery:not(.has-nested-images) {
margin-bottom: 30px;
}  .wp-block-columns blockquote {
padding: 20px 10px 20px 50px;
}
.wp-block-columns blockquote:before {
left: 10px;
top: 5px;
} .wp-block-group.has-background {
margin-bottom: 30px;
padding: 30px;
} .wp-block-media-text {
margin-bottom: 30px;
} .wp-block-archives.wp-block-archives-list {
list-style-type: none;
margin: 0 0 30px 0;
padding: 0;
}
.wp-block-archives.wp-block-archives-list li {
margin: 5px 0px;
}
.wp-block-archives.wp-block-archives-list li a {
position: relative;
}
.wp-block-archives.wp-block-archives-list li a:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
} .wp-block-calendar {
margin-bottom: 30px;
} .wp-block-categories {
list-style-type: none;
margin: 0 0 30px 0;
padding: 0;
}
.wp-block-categories li {
margin: 5px 0px;
}
.wp-block-categories li a {
position: relative;
}
.wp-block-categories li a:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
} .wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments.has-avatars li:before {
display: none;
}
.wp-block-latest-comments li {
margin-bottom: 2em;
line-height: 1.5em;
}
.wp-block-latest-comments li:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.wp-block-latest-comments li .wp-block-latest-comments__comment-author {
text-decoration: underline;
}
.wp-block-latest-comments li a {
color: var(--primary);
}
.wp-block-latest-comments li time {
padding-top: 10px;
} .wp-block-search {
margin-bottom: 30px;
}
.wp-block-search .wp-block-search__label {
margin-bottom: 10px;
display: block;
}
.wp-block-search:before {
display: none !important;
}
.wp-block-search .wp-block-search__input {
border-color: #e0e0e0;
background-color: #ffffff;
padding-right: 20px !important;
padding-left: 20px !important;
}
.wp-block-search .wp-block-search__button {
padding: 12px 25px;
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
font-weight: 600;
margin-left: 5px;
}
.wp-block-search .wp-block-search__button:hover {
background-color: transparent;
color: var(--primary);
} .wp-block-latest-posts li a {
position: relative;
}
.wp-block-latest-posts li a:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.wp-block-latest-posts.has-dates li {
margin-bottom: 15px;
}
.wp-block-latest-posts.has-dates time {
padding-left: 20px;
} .wp-block-tag-cloud {
clear: both;
position: relative;
}
.wp-block-tag-cloud:after {
clear: both;
content: "";
display: inline-block;
width: 100%;
}
.wp-block-tag-cloud a {
float: left;
margin: 0 10px 10px 0;
display: block;
font-size: 0.9em !important;
background-color: #eeeeee;
border: solid 1px #eeeeee;
color: var(--heading);
border-radius: 20px;
padding: 5px 15px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.wp-block-tag-cloud a:hover {
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
} .wp-block-rss {
margin: 0;
padding: 0;
list-style-type: none;
}
.wp-block-rss li {
margin-bottom: 5px;
}
.wp-block-rss li a:before {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.widget_block .wp-block-group__inner-container > h2 {
font-size: 1.3195em;
padding-bottom: 15px;
margin-bottom: 15px;
} .header_sticky.sticky_bg_dark.active_sticky {
background-color: var(--heading);
}
.header_sticky.active_sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
padding-top: 5px !important;
padding-bottom: 5px !important;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
} .page_404 .message {
margin-top: 0;
padding-top: 0;
} body.woocommerce.woo_layout_1c #woo_main {
max-width: 100%;
}
body.woocommerce.woo_layout_1c #woo_main #primary {
flex: 0 0 100%;
}
body.woocommerce.woo_layout_2l #woo_main {
float: right;
}
body.woocommerce.woo_layout_2l #woo_sidebar {
float: left;
}
body.woocommerce.woo_layout_2r #woo_main {
float: left;
}
body.woocommerce.woo_layout_2r #woo_sidebar {
float: right;
}
body.woocommerce #woo_main {
max-width: calc( var(--woo-main-content) - 30px );
width: 100%;
}
@media (max-width: 1023px) {
body.woocommerce #woo_main {
max-width: 100%;
}
}
body.woocommerce #woo_sidebar {
max-width: var(--woo-width-sidebar);
width: 100%;
}
@media (max-width: 1023px) {
body.woocommerce #woo_sidebar {
max-width: 100%;
}
} .woocommerce-message,
.woocommerce-info {
border-top-color: var(--primary);
}
.woocommerce-message::before {
color: var(--primary);
}
.woocommerce-info::before {
color: var(--primary);
} .woocommerce .select2-container .select2-selection--single .select2-selection__arrow {
background-image: url(https://www.oasisnailsspa.com/wp-content/themes/mellis/assets/img/base/select-arrow.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow b {
display: none;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.checkout-button,
.woocommerce #review_form #submit {
line-height: 1.5em;
border-radius: 5px;
padding: 12px 25px;
font-size: 1em;
font-weight: 600;
}
@media (max-width: 1024px -1) {
.woocommerce #woo_main .content-area {
flex: 0 0 100%;
padding-left: 0px;
width: 100%;
}
}
.woocommerce #woo_main .content-area .woocommerce-result-count {
margin: 20px 0 0 0;
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: var(--text);
}
.woocommerce #woo_main .content-area .woocommerce-ordering {
margin-bottom: 30px;
}
.woocommerce #woo_main .content-area .woocommerce-ordering select {
font-size: 14px;
font-weight: 500;
border: none;
padding: 20px 30px;
background-color: #fcf5f5;
border-radius: 0;
}
@media (max-width: 580px) {
.woocommerce #woo_main .content-area .woocommerce-ordering {
float: none;
}
.woocommerce #woo_main .content-area .woocommerce-ordering select {
margin-top: 20px;
}
}
.woocommerce #woo_main .content-area ul.products {
margin-bottom: 60px;
}
.woocommerce #woo_main .content-area ul.products li.product {
text-align: center;
position: relative;
overflow: hidden;
}
@media (max-width: 580px) {
.woocommerce #woo_main .content-area ul.products li.product {
width: 100%;
float: none;
}
}
.woocommerce #woo_main .content-area ul.products li.product .cat_product {
display: none;
color: var(--text);
font-size: 16px;
line-height: 1.4;
font-weight: 500;
line-height: 50px;
padding: 0 15px;
}
.woocommerce #woo_main .content-area ul.products li.product .button {
visibility: visible;
opacity: 1;
}
.woocommerce #woo_main .content-area ul.products li.product a.woocommerce-loop-product__link {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.woocommerce #woo_main .content-area ul.products li.product .star-rating {
font-size: 13px;
margin: 0 auto 10px auto;
order: 3;
}
.woocommerce #woo_main .content-area ul.products li.product .onsale {
display: inline-block;
top: 10px;
right: 10px;
left: auto;
background: var(--primary);
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 14px;
font-weight: 600;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
.woocommerce #woo_main .content-area ul.products li.product .woocommerce-loop-product__title {
font-size: 18px;
line-height: 1.4;
color: var(--heading);
z-index: 3;
font-weight: 400;
}
.woocommerce #woo_main .content-area ul.products li.product .price {
font-size: 14px;
line-height: 1.2;
color: var(--text);
font-weight: 600;
margin-bottom: 12px;
}
.woocommerce #woo_main .content-area ul.products li.product .price ins {
margin-left: 6px;
text-decoration: none;
}
.woocommerce #woo_main .content-area ul.products li.product .button,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button {
color: #fff;
border-radius: 0;
transition: 0.4s;
z-index: 2;
margin: 10px 15px 0px 15px;
background: var(--primary);
border: 1px solid var(--primary);
}
.woocommerce #woo_main .content-area ul.products li.product .button.loading:after,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button.loading:after {
right: 0.5em;
}
.woocommerce #woo_main .content-area ul.products li.product .button:hover,
.woocommerce #woo_main .content-area ul.products li.product a.add_to_cart_button:hover {
background: var(--heading);
border-color: var(--heading);
}
.woocommerce #woo_main .content-area ul.products li.product a.added_to_cart {
margin-top: 20px;
display: inline-block;
visibility: visible;
opacity: 1;
background-color: transparent !important;
color: var(--heading);
text-decoration: underline;
text-transform: capitalize;
padding: 0px 15px 0px 15px;
}
.woocommerce #woo_main .content-area ul.products li.product a.added_to_cart:hover {
color: var(--primary);
transition: 0.3s ease;
}
.woocommerce #woo_main .content-area ul.products li.product a.added_to_cart:after {
padding-left: 5px;
}
.woocommerce #woo_main .content-area ul.products li.product .product_type_external:after,
.woocommerce #woo_main .content-area ul.products li.product .product_type_grouped:after,
.woocommerce #woo_main .content-area ul.products li.product .product_type_variable:after {
position: absolute;
top: 0;
right: 10px;
}
.woocommerce.elementor-default #woo_main {
padding: 0 10px;
}
.woocommerce div.product {      }
.woocommerce div.product .share-social-icons {
display: flex;
align-items: center;
row-gap: 10px;
list-style: none;
padding: 0;
margin: 30px 0 0 0;
clear: both;
}
.woocommerce div.product .share-social-icons li {
display: inline-block;
margin-right: 12px;
}
.woocommerce div.product .share-social-icons li:last-child {
margin-right: 0;
}
.woocommerce div.product .share-social-icons li:first-child {
margin-right: 20px;
}
.woocommerce div.product .share-social-icons li .share-label {
font-family: var(--secondary-font);
font-size: 18px;
color: var(--heading);
font-weight: 700;
}
@media (max-width: 420px) {
.woocommerce div.product .share-social-icons li .share-label {
font-size: 16px;
}
}
.woocommerce div.product .share-social-icons li a {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #fcf5f5;
width: 40px;
height: 40px;
border-radius: 50%;
font-family: var(--secondary-font);
font-weight: 400;
font-size: 14px;
line-height: 1.2;
color: var(--heading);
}
.woocommerce div.product .share-social-icons li a:hover {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
background-color: var(--primary);
color: #fff;
}
.woocommerce div.product .onsale {
display: inline-block;
top: 10px;
left: 10px;
right: auto;
background: var(--primary);
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 14px;
font-weight: 600;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-product-gallery {
margin: 0 0px 60px 0px;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child {
margin-left: 0px;
margin-right: 0px;
display: block;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child) {
margin-top: 10px;
padding: 0px 0px 0 0px;
}
.woocommerce div.product .summary .product_title {
font-size: 34px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
margin-bottom: 18px;
}
.woocommerce div.product .summary .woocommerce-product-rating {
display: flex;
align-items: center;
margin: 0 0 15px 0;
}
.woocommerce div.product .summary .woocommerce-product-rating .star-rating {
font-size: 13px;
margin: 0px;
color: var(--primary);
}
.woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: var(--text);
line-height: 1.2;
padding-left: 5px;
}
.woocommerce div.product .summary .price {
margin: 0 0 20px 0;
color: var(--primary);
}
.woocommerce div.product .summary .price .woocommerce-Price-amount {
font-size: 25px;
line-height: 26px;
color: var(--primary);
font-weight: 600;
}
.woocommerce div.product .summary .price ins {
margin-left: 3px;
font-weight: 600;
text-decoration: none;
}
.woocommerce div.product .summary .stock {
margin: 0 0 18px 0;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.3px;
color: #0067da;
}
.woocommerce div.product .summary form.cart {
float: left;
margin-right: 15px;
}
.woocommerce div.product .summary form.cart table.group_table {
border: none;
}
.woocommerce div.product .summary form.cart table.group_table tr {
border: none;
}
.woocommerce div.product .summary form.cart table.group_table td {
border-color: #e8e8e8;
}
.woocommerce div.product .summary form.cart table.group_table td {
vertical-align: middle;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.woocommerce div.product .summary form.cart table.group_table td label {
margin: 0;
}
.woocommerce div.product .summary form.cart table.variations {
margin: 0;
}
.woocommerce div.product .summary form.cart table.variations tr {
border: none;
}
.woocommerce div.product .summary form.cart table.variations tr td {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.woocommerce div.product .summary form.cart table.variations tr td label {
font-weight: 400;
margin: 0;
}
.woocommerce div.product .summary form.cart table.variations tr td .reset_variations {
font-size: 15px;
line-height: 1.2;
color: #202b5d;
margin-top: 10px;
display: inline-block !important;
}
.woocommerce div.product .summary form.cart table.variations tr td .select2-container {
height: 40px;
}
.woocommerce div.product .summary form.cart table.variations tr td .select2-selection--single {
border: 1px solid #e8e8e8;
border-radius: 2px;
}
.woocommerce div.product .summary form.cart table.variations tr td .select2-selection__rendered {
padding: 0 14px;
font-size: 15px;
color: #919baf;
}
.woocommerce div.product .summary form.cart .single_variation_wrap .woocommerce-variation-price {
margin-bottom: 23px;
}
.woocommerce div.product .summary form.cart .quantity {
margin: 0 15px 0 0;
}
@media (max-width: 360px) {
.woocommerce div.product .summary form.cart .quantity {
margin: 0 15px 30px 0;
}
}
.woocommerce div.product .summary form.cart .quantity input {
font-size: 18px;
color: var(--text);
padding-left: 20px;
padding-right: 10px;
border-color: #e5e5e5;
width: 80px;
height: 58px;
line-height: 50px;
border-radius: 0;
}
.woocommerce div.product .summary form.cart .quantity input::placeholder {
font-size: 18px;
color: var(--text);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button {
font-size: 12px;
border-radius: 0;
padding: 20px 48px;
line-height: 1.4;
font-weight: 700;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
background-color: var(--primary);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:hover {
background: var(--heading);
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button:focus {
outline: none;
}
.woocommerce div.product .summary .product_meta {
clear: both;
}
.woocommerce div.product .summary .product_meta .posted_in {
margin: 8px 0;
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
}
.woocommerce div.product .summary .product_meta .posted_in a {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: var(--heading);
}
.woocommerce div.product .summary .product_meta .posted_in a:hover {
color: var(--primary);
}
.woocommerce div.product .summary .product_meta .tagged_as {
display: block;
font-size: 17px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.woocommerce div.product .summary .product_meta .tagged_as a {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.woocommerce div.product .summary .product_meta .sku_wrapper {
margin-bottom: 8px;
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
}
.woocommerce div.product .summary .product_meta .sku_wrapper .sku {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
}
.woocommerce div.product .woocommerce-tabs {
margin-bottom: 55px;
padding-top: 30px;
}
.woocommerce div.product .woocommerce-tabs .panel {
border: 1px solid #f0e8e8;
border-top: none;
padding: 40px 30px 20px 30px;
}
@media (max-width: 520px) {
.woocommerce div.product .woocommerce-tabs .panel {
padding: 40px 20px 20px 20px;
}
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information h2 {
font-size: 24px;
line-height: 1.2;
color: #202b5d;
font-weight: 600;
margin: 0 0 20px 0;
display: inline-block;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes {
border: 1px solid #f0e8e8;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes th {
font-size: 17px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #202b5d;
text-transform: capitalize;
padding: 5px 15px;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-additional_information table.shop_attributes td {
font-size: 16px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: var(--text);
padding: 5px 15px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments .woocommerce-Reviews-title {
font-size: 24px;
line-height: 1.2;
font-weight: 600;
color: var(--heading);
margin-bottom: 35px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments .woocommerce-noreviews {
margin: -25px 0 29px 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li:not(:last-child) {
margin-bottom: 35px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container img.avatar {
width: 80px;
border: none;
border-radius: 50%;
background: transparent;
padding: 0;
}
@media (max-width: 520px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container img.avatar {
position: static;
float: none;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text {
margin: 0 0 0 105px;
border: none;
padding: 0;
border-radius: 0;
}
@media (max-width: 520px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text {
margin: 12px 0 0 0;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .star-rating {
font-size: 15px;
color: var(--primary);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta {
margin: 0 0 14px 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__author {
display: inline-block;
font-size: 20px;
font-family: var(--secondary-font);
font-weight: bold;
color: var(--heading);
margin: 0 4px 4px 0;
text-transform: capitalize;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__dash {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .meta .woocommerce-review__published-date {
display: inline-block;
font-size: 16px;
font-weight: 500;
margin-right: 10px;
color: var(--primary);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment_container .comment-text .description {
color: var(--text);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-reply-title {
font-size: 20px;
line-height: 1.2;
font-weight: 600;
color: #2c2734;
margin-bottom: 35px;
font-family: var(--secondary-font);
text-transform: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form {
margin: 15px 0px 0px 0px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating {
width: 100%;
margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form p {
margin: 0 0 20px 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-notes {
font-size: 17px;
line-height: 24px;
color: #62718d;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-notes .required {
color: #ff623f;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label {
display: inline-block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.2px;
color: var(--heading);
text-transform: capitalize;
margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label .required {
color: #ff623f;
}
@media (max-width: 767px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form label {
display: block;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form textarea {
border: 1px solid #e8e8e8;
background-color: #fff;
height: 145px;
margin: 0;
padding: 11px 15px;
border-radius: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input {
border: 1px solid #e8e8e8;
background-color: #fff;
height: 45px;
width: calc(100% - 150px);
margin: 0;
padding: 0 15px;
}
@media (max-width: 767px) {
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form input {
width: 100%;
}
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating label {
margin: 0 0 10px;
width: 100%;
display: block;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .stars {
display: inline-flex;
align-items: center;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .select2-container--default {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-comment {
margin-top: 0px;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-cookies-consent {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input {
display: inline-block;
height: 50px;
line-height: 50px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
padding: 0 48px;
letter-spacing: 1px;
width: auto;
border: none;
border-radius: 0;
background-color: var(--primary);
}
.woocommerce div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input:hover {
background-color: var(--heading);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0px;
display: flex;
background: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-bottom: 1px solid #f0e8e8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: #fff;
border-radius: 0px;
padding: 0 30px;
margin: 0;
position: relative;
z-index: 3;
border-bottom: 1px solid #f0e8e8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: 1px solid #f0e8e8;
border-bottom: none;
border-top: 2px solid;
border-color: #f0e8e8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:first-child {
margin-left: 1px;
border-left: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:first-child:before {
content: "";
position: absolute;
display: block;
top: 0;
left: -1px;
width: 1px;
height: 100%;
background: #f0e8e8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 20px;
line-height: 1.3;
font-weight: 500;
padding: 15px 0;
}
@media (max-width: 520px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 16px;
}
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .woocommerce-Reviews-title {
font-size: 20px;
line-height: 1.2;
color: var(--text);
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel#tab-description > p {
margin-top: 0;
margin-bottom: 1.2em;
}
.woocommerce div.product .related > h2 {
font-size: 24px;
line-height: 1.2;
color: var(--heading);
font-weight: 400;
margin: 0 0 35px 0;
}
.woocommerce div.product .yith-wcwl-add-button {
margin-bottom: 2em;
}
.woocommerce div.product .yith-wcwl-add-button .add_to_wishlist {
transition: all 0.3s ease;
cursor: pointer;
display: inline-block;
background-color: var(--heading);
color: #fff;
padding: 20px 48px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
line-height: 1.4;
border-radius: 0;
border: none;
}
.woocommerce div.product .yith-wcwl-add-button .add_to_wishlist:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.woocommerce div.product .yith-wcwl-add-button i, .woocommerce div.product .yith-wcwl-add-button svg {
display: none;
}
.woocommerce div.product .yith-wcwl-wishlistaddedbrowse, .woocommerce div.product .yith-wcwl-wishlistexistsbrowse {
padding-top: 15px;
}
.woocommerce div.product .yith-wcwl-wishlistaddedbrowse i, .woocommerce div.product .yith-wcwl-wishlistexistsbrowse i {
color: var(--primary);
}
.woocommerce-checkout {     }
.woocommerce-checkout h3 {
text-transform: uppercase;
font-size: 1.2em;
margin-top: 0;
}
.woocommerce-checkout form.checkout_coupon p {
margin-bottom: 10px;
margin-top: 0;
}
.woocommerce-checkout form.checkout_coupon .form-row-first,
.woocommerce-checkout form.checkout_coupon .form-row-last {
width: 49% !important;
}
.woocommerce-checkout form.checkout_coupon input.input-text {
line-height: 1.5em;
}
.woocommerce-checkout form.checkout_coupon .button {
line-height: 1.5em;
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
padding: 12px 25px;
}
.woocommerce-checkout form.checkout_coupon .button:hover {
background-color: var(--heading);
color: #fff;
}
.woocommerce-checkout #customer_details {
margin-bottom: 30px;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
max-width: 100%;
padding: 0;
}
.woocommerce-checkout #customer_details label {
display: block;
width: 100%;
font-size: 1em;
color: var(--heading);
font-weight: 600;
margin-bottom: 5px;
margin-top: 5px;
}
.woocommerce-checkout #customer_details input {
border: 1px solid;
border-color: #e0e0e0;
line-height: 1.5em;
padding: 12px 15px;
color: var(--text);
border-radius: 4px;
background: #ffffff;
}
.woocommerce-checkout #customer_details textarea {
border: 1px solid;
border-color: #e0e0e0;
height: 100px;
padding: 10px 15px;
border-radius: 4px;
color: var(--text);
background: #ffffff;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single {
height: 45px;
border: 1px solid;
border-color: #e0e0e0;
border-radius: 4px;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__arrow {
height: 45px;
position: absolute;
top: 1px;
right: 10px;
width: 20px;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__rendered {
color: var(--text);
padding-left: 15px;
line-height: 45px;
}
.woocommerce-checkout #customer_details .form-row {
margin-top: 0;
margin-bottom: 15px;
padding: 0;
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_first_name_field {
order: 1;
width: 50%;
padding-right: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_first_name_field {
padding-right: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_last_name_field {
order: 2;
width: 50%;
padding-left: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_last_name_field {
padding-left: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_company_field {
order: 3;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_phone_field {
order: 4;
width: 50%;
padding-right: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_phone_field {
padding-right: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_email_field {
order: 5;
width: 50%;
padding-left: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_email_field {
padding-left: 0;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_country_field {
order: 7;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_address_1_field {
order: 8;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_address_2_field {
order: 9;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_city_field {
order: 10;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_state_field {
order: 11;
width: 50%;
padding-right: 10px;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_state_field {
padding-right: 0px;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_postcode_field {
order: 12;
width: 50%;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row#billing_postcode_field {
padding: 0;
width: 100%;
}
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields .form-row .woocommerce-input-wrapper {
width: 100%;
display: block;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label {
margin: 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label input {
height: unset;
margin: 0 5px 0 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 label span {
font-weight: 600;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row {
margin: 0 0 15px 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row.form-row-first {
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row.form-row-last {
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields .form-row .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-checkout #customer_details .woocommerce-additional-fields .form-row {
margin: 0 0 15px 0;
padding: 0;
}
.woocommerce-checkout table.shop_table {
border: 1px solid;
border-color: #e0e0e0;
}
.woocommerce-checkout table.shop_table thead tr th {
border: none;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce-checkout table.shop_table thead tr th.product-name {
border-right: 1px solid #e0e0e0;
}
.woocommerce-checkout table.shop_table tbody tr {
border: none;
}
.woocommerce-checkout table.shop_table tbody tr td {
border: none;
}
.woocommerce-checkout table.shop_table tbody tr td.product-name {
border-right: 1px solid #e0e0e0;
}
.woocommerce-checkout #payment {
border-radius: 0px;
background: #e8eaee;
}
.woocommerce-checkout #payment ul.wc_payment_methods {
padding: 32px 25px 32px 25px;
border-bottom-color: #e0e0e0;
}
.woocommerce-checkout #payment ul.wc_payment_methods li input {
height: unset;
margin: 0 8px 0 0;
}
.woocommerce-checkout #payment ul.wc_payment_methods li label {
margin: 0 0 0 0;
font-size: 18px;
line-height: 1.2;
letter-spacing: 0.2px;
color: var(--heading);
font-weight: 500;
}
.woocommerce-checkout #payment ul.wc_payment_methods li .payment_box {
background: #fff;
margin: 12px 0 22px 0;
border-radius: 0;
}
.woocommerce-checkout #payment ul.wc_payment_methods li .payment_box:before {
border-bottom-color: #fff;
}
.woocommerce-checkout #payment ul.wc_payment_methods li .payment_box p {
font-size: 17px;
line-height: 22px;
color: var(--text);
}
.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label {
width: calc(100% - 26px);
}
.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label a {
float: right;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.payment_method_paypal label a:after {
content: "";
display: block;
clear: both;
}
.woocommerce-checkout #payment .place-order {
justify-content: flex-end;
padding: 20px 25px 20px 20px;
}
.woocommerce-checkout #payment .place-order #place_order {
font-size: 1.2em;
color: #FFF;
background-color: var(--primary);
}
.woocommerce-checkout #payment .place-order #place_order:hover {
background-color: var(--heading);
border-color: var(--heading);
} .woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
padding: 12px 25px;
color: #FFF;
font-weight: 600;
background-color: var(--primary);
border-color: var(--primary);
border-radius: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
background-color: var(--heading);
border-color: var(--heading);
}
.woocommerce {  }
.woocommerce .woocommerce-cart-form table, .woocommerce .woocommerce-cart-form tr, .woocommerce .woocommerce-cart-form td, .woocommerce .woocommerce-cart-form th {
border: none;
}
.woocommerce .woocommerce-cart-form table.shop_table td {
border: none;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr {
display: flex;
flex-wrap: wrap;
align-items: center;
background: #e8eaee;
height: 55px;
padding: 0 0 0 13px;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th {
font-size: 1em;
color: var(--heading);
text-transform: uppercase;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-remove {
order: 9;
flex: 0 0 60px;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-thumbnail {
display: none;
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-name {
flex: 0 0 calc(100% - 610px);
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-name {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-price {
flex: 0 0 150px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-price {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-quantity {
flex: 0 0 165px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-quantity {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-subtotal {
flex: 0 0 235px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table thead tr th.product-subtotal {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 0 0 13px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr {
padding: 0;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr:not(:last-child) {
border-bottom: 1px solid #e8e8e8;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr:last-child {
padding: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr:last-child td {
padding: 25px 0px 20px 0px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td {
font-size: 16px;
letter-spacing: 0.2px;
padding: 20px 12px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td input {
border-radius: 4px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove {
order: 9;
flex: 0 0 60px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove {
order: unset;
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove a {
font-size: 20px;
border: 1px solid #e5e5e5;
width: 25px;
height: 25px;
font-weight: normal;
padding: 1px 0px 0px 1px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-remove a:hover {
color: #fff !important;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-thumbnail {
flex: 0 0 90px;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name {
flex: 0 0 calc(100% - 700px);
padding-left: 0;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name {
flex: 0 0 100%;
padding-left: 12px;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name a {
font-size: 1em;
color: var(--heading);
font-weight: bold;
border-bottom: none;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name a:hover {
color: var(--primary);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-price {
flex: 0 0 150px;
color: var(--text);
line-height: 1.2;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-price {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity {
flex: 0 0 165px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-quantity input {
font-size: 16px;
color: var(--text);
height: 33px;
width: 70px;
line-height: 33px;
border: 1px solid #e8e8e8;
padding-right: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-subtotal {
flex: 0 0 235px;
color: var(--text);
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-subtotal {
flex: 0 0 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon {
width: 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text {
min-width: 160px;
border: 1px solid;
border-color: #e0e0e0;
line-height: 1.5em;
padding: 12px 15px;
margin-right: 10px;
font-size: 15px;
color: var(--text);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text::placeholder {
font-size: 15px;
color: #62718d;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .input-text {
width: 100%;
display: block;
margin-bottom: 20px;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button {
background-color: var(--primary);
line-height: 1.5em;
padding: 12px 25px;
border-radius: 5px;
color: #fff;
font-weight: 600;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:hover {
background-color: var(--heading);
border-color: var(--heading);
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button:focus {
background-color: var(--heading);
border-color: var(--heading);
outline: none;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .coupon .button {
display: block;
width: 100%;
margin-bottom: 20px;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] {
background-color: var(--primary);
color: #fff;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart]:hover {
background-color: var(--heading);
border-color: var(--heading);
}
@media (max-width: 767px) {
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button[name=update_cart] {
display: block;
width: 100%;
}
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td a {
display: inline-block;
border-bottom: none;
}
.woocommerce .woocommerce-cart-form table.shop_table tbody tr td a img {
width: 60px;
}
.woocommerce .cart-collaterals {
margin-bottom: 80px;
}
.woocommerce .cart-collaterals .cart_totals > h2 {
font-size: 1.2em;
text-transform: uppercase;
color: var(--heading);
margin-bottom: 15px;
}
@media (max-width: 767px) {
.woocommerce .cart-collaterals .cart_totals table, .woocommerce .cart-collaterals .cart_totals tr, .woocommerce .cart-collaterals .cart_totals td, .woocommerce .cart-collaterals .cart_totals th {
border: none;
}
}
.woocommerce .cart-collaterals .cart_totals .shop_table {
border: 1px solid #e0e0e0;
border-collapse: separate !important;
border-bottom: none;
border-radius: 4px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table tbody tr th {
border: none;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce .cart-collaterals .cart_totals .shop_table tbody tr td {
border: none;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single {
height: 45px;
border: 1px solid;
border-color: #e0e0e0;
border-radius: 4px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__arrow {
height: 45px;
position: absolute;
top: 1px;
right: 10px;
width: 20px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .select2-container .select2-selection--single .select2-selection__rendered {
color: var(--text);
padding-left: 15px;
line-height: 45px;
}
.woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping] {
background-color: var(--primary);
line-height: 1.5em;
padding: 12px 25px;
border-radius: 5px;
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals .shop_table button[name=calc_shipping]:hover {
background-color: var(--heading);
border-color: var(--heading);
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals .checkout-button {
background-color: var(--primary);
color: #FFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce .cart-collaterals .cart_totals .checkout-button:hover {
background-color: var(--heading);
border-color: var(--heading);
}
@media (max-width: 600px) {
.woocommerce .woocommerce-message {
display: flex;
flex-direction: column-reverse;
}
.woocommerce .woocommerce-message a.button {
margin-top: 10px;
}
} .woocommerce-cart .wc-block-cart .wc-block-cart__submit-container .wc-block-cart__submit-button {
padding: 12px 25px;
color: #FFF;
font-weight: 600;
background-color: var(--primary);
border-color: var(--primary);
border-radius: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-cart .wc-block-cart .wc-block-cart__submit-container .wc-block-cart__submit-button:hover {
background-color: var(--heading);
border-color: var(--heading);
}
.woocommerce .woocommerce-order h2 {
font-size: 1.3em;
text-transform: uppercase;
margin-bottom: 15px;
}
.woocommerce .woocommerce-order .order_details {
padding-left: 15px;
}
.woocommerce .woocommerce-order .order_details li {
margin-bottom: 10px;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-order .order_details li {
display: block;
width: 100%;
margin: 0 0 15px 0px;
padding: 0;
border-right: none;
}
}
.woocommerce {  }
.woocommerce ul.ova-login-register-woo {
list-style-type: none;
padding: 0;
margin: 0 0 50px 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.woocommerce ul.ova-login-register-woo li {
padding: 0 13px;
}
.woocommerce ul.ova-login-register-woo li.active a {
position: relative;
}
.woocommerce ul.ova-login-register-woo li.active a:after {
position: absolute;
bottom: -6px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #f00;
}
.woocommerce ul.ova-login-register-woo li a {
font-size: 24px;
line-height: 26px;
color: #202b5d;
letter-spacing: 0.2px;
font-weight: 400;
}
.woocommerce #customer_login.col2-set .col-1, .woocommerce #customer_login.col2-set .col-2 {
max-width: 100%;
float: unset;
margin: 0 auto;
}
.woocommerce #customer_login.col2-set .col-1 > h2, .woocommerce #customer_login.col2-set .col-2 > h2 {
display: none;
}
.woocommerce #customer_login .woocommerce-form {
border: none;
margin-top: 0;
padding-top: 0;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row {
padding: 0;
margin: 0 0 15px 0;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row label {
font-size: 17px;
line-height: 24px;
color: var(--heading);
display: block;
width: 100%;
margin: 0 0 6px 0;
font-weight: 600;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row input {
border-radius: 5px;
padding: 12px 15px;
line-height: 1.5em;
color: var(--text);
}
.woocommerce #customer_login .woocommerce-form .woocommerce-form-row .show-password-input {
right: 10px;
}
.woocommerce #customer_login .woocommerce-form .form-row {
display: flex;
flex-direction: column;
}
.woocommerce #customer_login .woocommerce-form .form-row .woocommerce-form-login__rememberme {
order: 1;
margin-bottom: 10px;
}
.woocommerce #customer_login .woocommerce-form .form-row button {
order: 2;
}
.woocommerce #customer_login .woocommerce-form button[type=submit] {
margin: 0;
border-radius: 5px;
padding: 12px 25px;
line-height: 1.5em;
background-color: var(--primary);
color: #fff;
}
.woocommerce #customer_login .woocommerce-form button[type=submit]:hover {
background-color: var(--heading);
color: #fff;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword {
margin-top: 7px;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword a {
color: var(--heading);
text-decoration: underline;
}
.woocommerce #customer_login .woocommerce-form .woocommerce-LostPassword a:hover {
color: var(--primary);
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register {
display: none;
border: none;
max-width: 400px;
padding: 0;
margin: -5px auto 80px auto;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-row, .woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-privacy-policy-text {
margin-bottom: 15px;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register p {
margin-bottom: 10px;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit {
border-radius: 5px;
padding: 12px 25px;
line-height: 1.5em;
background-color: var(--primary);
color: #fff;
}
.woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit:hover {
background-color: var(--heading);
color: #fff;
} .woocommerce-account .page-title {
display: none;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li:hover a {
background-color: var(--primary);
color: #fff;
}
.woocommerce-MyAccount-navigation ul li a {
list-style-type: none;
background-color: #f1f1f1;
margin-bottom: 10px;
padding: 10px 15px;
display: block;
color: var(--heading);
font-weight: bold;
}
.woocommerce .woo-sidebar {
flex: 0 0 320px;
}
@media (max-width: 991px) {
.woocommerce .woo-sidebar {
flex: 0 0 100%;
}
}
.woocommerce .woo-sidebar .woo_widget {
margin-bottom: 30px;
padding: 30px;
border: 1px solid #f0e8e8;
}
.woocommerce .woo-sidebar .woo_widget:last-child {
margin-bottom: 80px;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_search {
padding: 0;
border: none;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories h4.widget-title {
margin-bottom: 10px;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li {
padding: 5px 15px;
margin: 0 -15px;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li:hover {
background-color: #fcf5f5;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li:hover a {
color: var(--heading);
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li a {
font-weight: 600;
}
.woocommerce .woo-sidebar .woo_widget.widget_product_categories li a:hover {
color: var(--primary);
}
.woocommerce .woo-sidebar .woo_widget ul {
margin: 0;
}
.woocommerce .woo-sidebar .woo_widget h4.widget-title {
font-size: 20px;
font-weight: 800;
padding: 0;
margin-bottom: 20px;
}
.woocommerce .woo-sidebar .widget_products {
padding: 50px 30px 40px 30px;
background-color: #f7f4f2;
border-radius: 10px;
}
@media (max-width: 991px) {
.woocommerce .woo-sidebar .widget_products ul.product_list_widget {
padding: 0 20px 0 0;
}
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
margin: 0 0 20px 0;
padding: 0 0 40px 0;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a {
display: flex;
margin-bottom: -47px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a img {
float: unset;
width: 80px;
flex: 0 0 80px;
border: 1px solid #e5e5e5;
border-radius: 5px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li a .product-title {
flex: 0 0 calc(100% - 100px);
font-size: 18px;
line-height: 26px;
letter-spacing: 0.2px;
font-weight: 400;
color: #2c2734;
margin-left: 20px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li .star-rating {
margin: 0 0 8px 104px;
font-size: 13px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li .woocommerce-Price-amount {
font-size: 20px;
line-height: 26px;
color: #88858e;
font-weight: 400;
margin-left: 104px;
position: relative;
bottom: -20px;
}
.woocommerce .woo-sidebar .widget_products ul.product_list_widget li ins .woocommerce-Price-amount {
margin-left: 2px;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search {
display: flex;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search .search-field {
font-size: 14px;
font-weight: 500;
border-radius: 0;
padding: 20px 8px 20px 30px;
border: 1px solid #f0e8e8;
width: 100%;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search button {
font-size: 14px;
font-weight: 500;
border-radius: 0;
padding: 12px 18px;
}
.woocommerce .woo-sidebar .widget_product_search .woocommerce-product-search button:hover {
background-color: var(--heading);
border-color: var(--heading);
color: #fff;
}
.woocommerce .woo-sidebar .widget_product_tag_cloud .tagcloud a {
float: left;
display: block;
margin: 0 10px 10px 0;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #f5f5f5;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range {
background-color: var(--primary);
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
background: var(--primary);
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount {
display: flex;
flex-wrap: wrap;
row-gap: 10px;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .button {
font-size: 10px;
text-transform: uppercase;
color: #fff;
font-weight: 800;
background: var(--primary);
height: 40px;
line-height: 1;
padding: 12px 18px;
border-radius: 0;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover {
background: var(--heading);
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
font-size: 14px;
font-weight: 600;
line-height: 1.2;
color: var(--text);
text-transform: uppercase;
}
.woocommerce .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .clear {
display: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
line-height: 3em;
}
@media (max-width: 767px) {
.woocommerce-error, .woocommerce-info, .woocommerce-message {
line-height: 1.6em;
}
} .brand_el .logo_desktop {
display: block;
}
@media (max-width: 1023px) {
.brand_el .logo_desktop {
display: none;
}
}
.brand_el .logo_mobile {
display: none;
}
@media (max-width: 1023px) {
.brand_el .logo_mobile {
display: block;
}
}
.brand_el .logo_sticky {
display: none;
}
.header_sticky.active_sticky .brand_el .logo_desktop,
.header_sticky.active_sticky .brand_el .logo_mobile {
display: none;
}
.header_sticky.active_sticky .brand_el .logo_sticky {
display: block;
}
@media (max-width: 1023px) {
.elementor-widget-ova_menu .primary-navigation {
position: absolute;
left: 0;
top: 0;
}
}  .align_right > .elementor-container {
float: right;
width: 100%;
} .ova_openNav {
display: none;
}
.ova_nav {
width: 100%;  }
.ova_nav .ova_closeNav {
display: none;
}
.ova_nav .dropdown-menu {
padding: 0px;
margin: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ova_nav .dropdown-menu > li {
width: 100%;
position: relative;
}
.ova_nav .dropdown-menu > li > a {
color: #343434;
display: block;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
}
.ova_nav ul.menu {
display: flex;
list-style: none;
margin: 0;
padding: 0; }
.ova_nav ul.menu > li {
padding: 0px 15px;
}
.ova_nav ul.menu > li > a {
color: #343434;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
}
.ova_nav ul.menu button.dropdown-toggle {
display: none;
}
.ova_nav ul.menu button.dropdown-toggle:after {
display: none;
} .sub_menu_dir_left .dropdown-menu li {
text-align: right;
position: relative; }
.sub_menu_dir_left .dropdown-menu li.dropdown a i {
position: absolute;
left: 10px;
top: 50%;
margin-top: -10px;
}
.sub_menu_dir_left .dropdown-menu li.dropdown a i:before {
content: "4";
font-family: "eleganticons";
}
.sub_menu_dir_left .dropdown-menu li .dropdown-menu {
position: absolute;
left: auto;
right: 100%;
top: 0;
}
.sub_menu_dir_right .dropdown-menu li {
text-align: left; }
.sub_menu_dir_right .dropdown-menu li.dropdown a i {
position: absolute;
right: 10px;
top: 50%;
margin-top: -10px;
}
.sub_menu_dir_right .dropdown-menu li.dropdown a i:before {
content: "5";
font-family: "eleganticons";
}
.sub_menu_dir_right .dropdown-menu li .dropdown-menu {
position: absolute;
right: auto;
left: 100%;
top: 0;
} .ova_closeCanvas {
height: 100%;
width: 100%;
position: fixed;
z-index: -1;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
overflow-y: auto;
overflow-x: hidden;
text-align: center;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
visibility: hidden;
}
.ova_closeCanvas.show {
opacity: 1;
z-index: 9998;
visibility: visible;
}
@media (min-width: 1025px) { .ova_wrap_nav.column ul.menu.sub_menu_dir_right > li.dropdown > a i:before {
content: "5";
font-family: "eleganticons";
}
.ova_wrap_nav.column ul.menu > li {
width: 100%;
}
.ova_wrap_nav.column ul.menu > li > .dropdown-menu {
left: 100%;
top: 0 !important;
}
.ova_nav ul.menu { }
.ova_nav ul.menu .dropdown-menu {
visibility: hidden;
display: block;
top: 110%;
z-index: -1;
}
.ova_nav ul.menu > li:hover > .dropdown-menu {
display: block;
z-index: 9999;
webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
visibility: visible;
top: 100%;
}
.ova_nav ul.menu > li:hover > .dropdown-menu > li:hover > .dropdown-menu {
display: block;
opacity: 1;
z-index: 9999;
webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
visibility: visible;
top: 0;
} .ova-menu-custom-line .main-navigation ul.menu > li > a {
position: relative;
}
.ova-menu-custom-line .main-navigation ul.menu > li > a:before {
transition: all 0.5s ease;
position: absolute;
content: "";
right: 0;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: var(--primary);
transform-origin: left center;
}
.ova-menu-custom-line .main-navigation ul.menu > li > a:hover:before {
transition: all 0.5s ease;
width: 100% !important;
transform-origin: right center;
}
.ova-menu-custom-line .main-navigation ul li.menu-item.current-menu-item > a:before {
transition: all 0.5s ease;
width: 16px;
}
} @media (max-width: 1024px) { .ova-wrapp {
transition: margin-left 0.5s;
}
.ova_openNav {
display: block;
border: none;
outline: none;
cursor: pointer;
}
.ova_openNav:focus {
outline: none;
} .NavBtn_right {
float: right;
margin: 0;
padding: 0;
}
.NavBtn_left {
float: left;
}
.NavBtn_center {
justify-content: center;
} .logged-in .ova_nav {
padding-top: 60px;
}
.ova_nav {
height: 100%;
width: 250px;
position: fixed;
z-index: 9999;
top: 0;
overflow-x: hidden;
padding-top: 30px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);   }
.ova_nav ul.menu li {
width: 100%;
display: block;
align-items: center; }
.ova_nav ul.menu li a {
width: 100%;
}
.ova_nav ul.menu li a i {
display: none;
}
.ova_nav ul.menu li button.dropdown-toggle {
display: block;
position: absolute;
top: 3px;
right: 10px;
background: transparent;
border: none;
outline: none;
}
.ova_nav ul.menu li.active_sub > .dropdown-menu {
display: block;
}
.ova_nav ul.menu li.active_sub > button.dropdown-toggle > i:before {
content: "2";
font-family: "eleganticons";
}
.ova_nav ul.menu .dropdown-menu {
position: relative !important;
transform: none !important;
left: 0;
top: 0;
right: auto;
border: none !important;
background: transparent !important;
display: none;
opacity: 1;
visibility: visible;
width: 100%;
}
.ova_nav.canvas_left {
left: 0;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px); }
.ova_nav.canvas_left.show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.ova_nav.canvas_left .ova_closeNav {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
color: #fff;
text-align: right;
}
.ova_nav.canvas_left ul.menu {
align-items: flex-start;
text-align: left;  }
.ova_nav.canvas_left ul.menu button.dropdown-toggle {
right: 10px;
}
.ova_nav.canvas_left ul.menu .dropdown-menu {
transition: unset; }
.ova_nav.canvas_left ul.menu .dropdown-menu li {
text-align: left;
border: none !important;
background: transparent !important;
clear: both;
}
.ova_nav.canvas_left ul.menu .dropdown-menu .dropdown-menu {
padding-left: 15px;
}
.ova_nav.canvas_right {
right: 0;
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px); }
.ova_nav.canvas_right.show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.ova_nav.canvas_right .ova_closeNav {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
color: #fff;
text-align: left;
}
.ova_nav.canvas_right ul.menu {
align-items: flex-end;
text-align: right;  }
.ova_nav.canvas_right ul.menu button.dropdown-toggle {
left: 10px;
}
.ova_nav.canvas_right ul.menu .dropdown-menu {
transition: unset; }
.ova_nav.canvas_right ul.menu .dropdown-menu li {
text-align: right;
border: none !important;
background: transparent !important;
}
.ova_nav.canvas_right ul.menu .dropdown-menu .dropdown-menu {
padding-right: 15px;
}
.ova_nav.canvas_bg_gray {
background-color: #343434;
}
.ova_nav.canvas_bg_gray ul.menu li a,
.ova_nav.canvas_bg_gray ul.menu li .dropdown-toggle {
color: #fff !important;
}
.ova_nav.canvas_bg_white {
background-color: #fff;
}
.ova_nav.canvas_bg_white ul.menu li a,
.ova_nav.canvas_bg_white ul.menu li .dropdown-toggle {
color: #343434 !important;
}
.ova_nav ul.menu {
flex-direction: column !important;
}
}
@media (max-width: 767px) { .NavBtn_right, .NavBtn_left {
float: none;
margin: 0;
padding: 0;
}
.NavBtn_right_m {
float: right;
margin: 0;
padding: 0;
}
.NavBtn_left_m {
float: left;
}
.NavBtn_center_m {
justify-content: center;
}
.mobi_no_shrink {
position: relative !important;
}
} .menu-canvas { }
.menu-canvas .menu-toggle {
display: block;
z-index: 999;
padding: 0px;
width: 25px;
height: 25px;
border: none;
background-color: transparent;
}
.menu-canvas .menu-toggle:hover {
background-color: transparent;
}
.menu-canvas .menu-toggle:before, .menu-canvas .menu-toggle:after,
.menu-canvas .menu-toggle span:before {
width: 25px;
left: 0px;
background-color: var(--primary);
}
.menu-canvas .menu-toggle:before {
transform: translateY(-7px);
}
.menu-canvas .menu-toggle:after {
transform: translateY(7px);
}
.menu-canvas .container-menu {
overflow: hidden;
overflow-y: auto;
position: fixed;
top: 0;
bottom: 0;
background-color: #222;
color: #fff;
width: 290px;
padding: 30px;
z-index: 999;
opacity: 1;
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
}
.menu-canvas .container-menu .close-menu {
margin-bottom: 20px;
color: #fff;
font-size: 1em;
z-index: 999;
cursor: pointer;
text-align: right;
}
.menu-canvas .container-menu.dir_left {
left: 0;
-webkit-transform: translate3d(-290px, 0, 0);
transform: translate3d(-290px, 0, 0);
}
.menu-canvas .container-menu.dir_right {
right: 0;
-webkit-transform: translate3d(290px, 0, 0);
transform: translate3d(290px, 0, 0);
}
.menu-canvas .container-menu .menu-button {
margin-top: 40px;
text-align: center;
}
.menu-canvas .container-menu .menu-button .book-a-table {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
font-size: 12px;
line-height: 1.4;
font-weight: 600;
text-transform: uppercase;
color: #fff;
background-color: var(--primary);
border-radius: 0;
padding: 15px 35px;
border: 1px solid var(--primary);
}
.menu-canvas .container-menu .menu-button .book-a-table:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
background-color: transparent;
}
.menu-canvas .site-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
background-color: #000;
opacity: 0;
visibility: hidden;
position: fixed;
z-index: 998;
}
.menu-canvas.toggled .menu-toggle:before, .menu-canvas.toggled .menu-toggle:after,
.menu-canvas.toggled .menu-toggle span:before {
background-color: #fff !important;
}
.menu-canvas.toggled .container-menu {
transform: none;
-webkit-transform: none;
}
.menu-canvas.toggled .site-overlay {
opacity: 0.8;
visibility: visible;
transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
}
.menu-canvas .menu {
clear: both;
}
.menu-canvas ul {
list-style: none;
}
.menu-canvas ul.menu {
margin: 0;
padding: 0;
}
.menu-canvas ul.menu ul {
max-height: 0;
overflow: hidden;
transition: all ease 0.4s;
margin: 0 0px 0 15px;
padding: 0;
}
.menu-canvas ul.menu ul.show {
max-height: 999px;
}
.menu-canvas ul li {
display: inline-block;
position: relative;
text-align: left;
display: block;
}
.menu-canvas ul li a {
color: #fff;
padding: 0.6180469716em 0;
display: block;
border-bottom: 1px solid #333;
}
.menu-canvas ul li a:hover {
opacity: 0.7;
}
.menu-canvas .dropdown-toggle {
background: transparent;
position: absolute;
top: 0;
right: 0;
display: block;
padding: 0.5em 0 0.5em 10px;
color: inherit;
border-radius: 0;
border: none;
cursor: pointer;
}
.menu-canvas .dropdown-toggle::after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-size: 0.6em;
}
.menu-canvas .dropdown-toggle:focus {
outline: none;
}
.menu-canvas .dropdown-toggle:hover {
background: transparent;
}
.menu-canvas .dropdown-toggle.toggled-on:after {
content: "";
font-family: "ovaicon";
}
.wrap_header_banner {
width: 100%;
position: relative; }
.wrap_header_banner.left ul.breadcrumb {
justify-content: flex-start;
}
.wrap_header_banner.right ul.breadcrumb {
justify-content: flex-end;
}
.wrap_header_banner.center ul.breadcrumb {
justify-content: center;
}
.wrap_header_banner ul.breadcrumb {
margin: 0;
padding: 0;
}
.wrap_header_banner ul.breadcrumb li .separator i {
opacity: 0.6;
}
.wrap_header_banner.bg_feature_img {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.wrap_header_banner .cover_color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrap_header_banner .header_banner_el {
position: relative;
z-index: 1;
}
.wrap_header_banner .header_title {
margin: 0;
padding: 0;
font-size: 26px;
text-transform: uppercase;
line-height: 1.1em;
font-weight: 500;
} .ova-move-up {
animation-name: ovaMoveUp;
-moz-animation-name: ovaMoveUp;
-webkit-animation-name: ovaMoveUp;
}
@-webkit-keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ovaMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.ova-move-down {
animation-name: ovaMoveDown;
-moz-animation-name: ovaMoveDown;
-webkit-animation-name: ovaMoveDown;
}
@-webkit-keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ovaMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.ova-move-left {
animation-name: ovaMoveLeft;
-moz-animation-name: ovaMoveLeft;
-webkit-animation-name: ovaMoveLeft;
}
@-webkit-keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes ovaMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.ova-move-right {
animation-name: ovaMoveRight;
-moz-animation-name: ovaMoveRight;
-webkit-animation-name: ovaMoveRight;
}
@-webkit-keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes ovaMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.ova-scale-up {
animation-name: ovaScaleUp;
-moz-animation-name: ovaScaleUp;
-webkit-animation-name: ovaScaleUp;
}
@-webkit-keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes ovaScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.ova-flip {
animation-name: ovaFlip;
-moz-animation-name: ovaFlip;
-webkit-animation-name: ovaFlip;
}
@-webkit-keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@-ms-keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes ovaFlip {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
.ova-helix {
animation-name: ovaHelix;
-moz-animation-name: ovaHelix;
-webkit-animation-name: ovaHelix;
}
@-webkit-keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@-ms-keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@keyframes ovaHelix {
from {
opacity: 0;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
.ova-popup {
animation: ovaPopup;
-moz-animation-name: ovaPopup;
-webkit-animation-name: ovaPopup;
}
@-webkit-keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes ovaPopup {
from {
opacity: 0;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1300px;
perspective: 1300px;
}
70% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.8;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
to {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
} .elementor-icon-list-items .elementor-icon-list-icon {
color: var(--primary);
}
.elementor-view-stacked.elementor-widget-icon .elementor-icon, .elementor-view-stacked.elementor-widget-icon-box .elementor-icon {
background-color: var(--primary);
}
.elementor-view-framed.elementor-widget-icon .elementor-icon, .elementor-view-framed.elementor-widget-icon-box .elementor-icon {
color: var(--primary);
border-color: var(--primary);
}
.elementor-widget-icon .elementor-icon, .elementor-widget-icon-box .elementor-icon {
color: var(--primary);
}
.elementor-element.elementor-widget-text-path svg text {
direction: ltr;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title:before {
font-size: 14px;
float: right;
content: "";
font-family: ovaicon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper > .elementor-tab-mobile-title.elementor-active:before {
content: "";
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-toggle-title {
display: flex;
padding-right: 5px;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-icon i {
line-height: 26px;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-before-title {
position: relative;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-before-title:before {
position: absolute;
content: "";
width: 4px;
height: 24px;
top: 50%;
left: -12px;
margin-top: -12px;
background-color: var(--secondary);
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-boxes-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background-color: #E9E9E9;
border-radius: 2px;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title .ova-boxes-icon i {
vertical-align: middle;
}
.ova-counter {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
column-gap: 20px;
row-gap: 15px;
position: relative;
}
.ova-counter:hover .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-counter:hover .odometer {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-counter .icon {
display: inline-flex;
justify-content: center;
align-items: center;
}
.ova-counter .icon i {
font-size: 62px;
color: var(--primary);
}
.ova-counter .icon svg {
width: 62px;
height: 62px;
}
.ova-counter .icon svg path {
fill: var(--primary);
}
.ova-counter .odometer {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: var(--secondary-font);
color: var(--heading);
font-size: 60px;
line-height: 1;
font-weight: 400;
vertical-align: baseline !important;
}
.ova-counter .odometer .odometer-formatting-mark {
display: none;
}
.ova-counter .odometer .odometer-inside {
line-height: 1;
}
.ova-counter .suffix {
font-family: var(--primary-font);
color: var(--heading);
font-size: 60px;
line-height: 1;
font-weight: 500;
}
.ova-counter .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: var(--primary-font);
margin: 0;
font-size: 16px;
line-height: 1.5;
color: var(--text);
font-weight: 500;
white-space: pre-line;
}
.ova-counter .icon-star i {
font-size: 14px;
color: var(--primary);
}
.ova-counter.ova-counter-template2 .odometer {
font-size: 24px;
font-weight: 700;
}
.ova-counter.ova-counter-template2 .suffix {
font-size: 24px;
font-weight: 700;
}
.ova-counter.ova-counter-template2 .title {
font-weight: 600;
text-transform: uppercase;
padding-bottom: 5px;
}
.ova-counter.ova-counter-template3 .counter-content {
display: flex;
align-items: center;
gap: 20px;
}
.ova-title {
position: relative;
overflow: hidden;
}
.ova-title .sub-title-wrapper {
display: inline-flex;
align-items: center;
column-gap: 25px;
}
.ova-title .sub-title-wrapper i {
font-size: 40px;
color: var(--primary);
}
.ova-title .sub-title {
margin: 0;
font-family: var(--primary-font);
font-size: 16px;
font-weight: 600;
color: var(--primary);
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 1px;
}
.ova-title .title {
margin: 8px 0 30px 0;
font-size: 44px;
font-weight: 400;
line-height: 1.21;
white-space: pre-line;
}
@media (max-width: 1024px) {
.ova-title .title {
white-space: normal;
}
}
.ova-title .title a {
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
color: var(--heading);
}
.ova-title .title a:hover {
transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
color: var(--primary);
}
.ova-title .title .last-text {
color: var(--primary);
}
.ova-title .description {
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
}
.ova-title.template_3 .sub-title {
font-size: 20px;
letter-spacing: 0;
}
@media (max-width: 1024px) {
.ova-title.template_3 .sub-title {
font-size: 16px;
}
}
.ova-title.template_3 .title {
font-size: 48px;
}
@media (max-width: 1024px) {
.ova-title.template_3 .title {
font-size: 44px;
}
}
.ova-title.line-title .title {
display: inline-block;
margin: 0;
position: relative;
}
.ova-title.line-title .title:before, .ova-title.line-title .title:after {
content: "";
width: 120px;
height: 1px;
background-color: #f0e8e8;
display: block;
}
@media (max-width: 768px) {
.ova-title.line-title .title:before, .ova-title.line-title .title:after {
width: 100%;
}
}
.ova-title.line-title .title:before {
position: absolute;
top: 50%;
right: calc(100% + 20px);
}
.ova-title.line-title .title:after {
position: absolute;
top: 50%;
left: calc(100% + 20px);
}
.ova_wrap_search_popup {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.ova_wrap_search_popup .ova_search_close {
display: none;
}
.ova_wrap_search_popup.show .ova_search_popup {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.ova_wrap_search_popup i {
color: #fff;
font-size: 24px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
cursor: pointer;
display: inline-flex;
transform: rotateY(180deg);
}
.ova_wrap_search_popup i:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
}
.ova_wrap_search_popup .ova_search_popup {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
}
.ova_wrap_search_popup .ova_search_popup .search-popup__overlay {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--heading);
opacity: 0.75;
cursor: pointer;
z-index: -1;
}
.ova_wrap_search_popup .ova_search_popup .container {
width: 100%;
max-width: 500px;
}
@media (max-width: 600px) {
.ova_wrap_search_popup .ova_search_popup .container {
max-width: 300px;
}
}
.ova_wrap_search_popup .ova_search_popup .container .search-form {
display: inline-flex;
justify-content: center;
width: 100%;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-field {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
width: 100%;
background-color: #fff;
color: var(--heading);
font-weight: 500;
font-size: 16px;
border: none;
outline: none;
height: 66px;
padding-left: 30px;
transition: all 0.3s;
border-radius: 0;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-field::placeholder {
color: var(--heading);
font-weight: 500;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
border: unset;
cursor: pointer;
-webkit-border-radius: 0;
background-color: #FAEEED;
border-color: #FAEEED;
border-radius: 0;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit i {
color: var(--primary);
background-color: unset;
padding: 0;
border-radius: unset;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit i:hover {
background-color: unset;
color: unset;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
border: unset;
}
.ova_wrap_search_popup .ova_search_popup .container .search-form .search-submit:hover i {
color: #fff;
}
.ova-contact-info {
display: flex;
align-items: center;
column-gap: 10px;
}
.ova-contact-info.template_2 {
flex-direction: column;
}
.ova-contact-info .icon {
color: #fff;
font-size: 10px;
width: 26px;
min-width: 26px;
height: 26px;
background-color: var(--primary);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.ova-contact-info .icon i {
display: inline-flex;
}
.ova-contact-info .contact .label {
font-size: 24px;
margin: 0 0px 10px 0px;
padding: 0;
font-weight: 600;
line-height: 1.2em;
}
.ova-contact-info .contact .info {
list-style-type: none;
padding: 0;
margin: 0;
}
.ova-contact-info .contact .info .item {
color: var(--text);
}
.ova-contact-info .contact .info .item a {
color: var(--text);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
font-size: 14px;
}
.ova-contact-info .contact .info .item a:before {
position: absolute;
content: "";
width: 0%;
height: 1px;
left: 0px;
bottom: 0px;
transition: all 500ms ease;
background-color: var(--primary);
}
.ova-contact-info .contact .info .item a:hover {
color: var(--primary);
}
.ova-contact-info .contact .info .item a:hover:before {
width: 100%;
}
.ova-contact-info .contact.template_2 {
width: 100%;
}
.ova-contact-info .contact.template_2 .info .item {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 20px;
width: 100%;
padding: 7px 0px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
}
.ova-contact-info .contact.template_2 .info .item:not(:last-child) {
border-bottom: 1px solid #ffffff26;
}
.ova-menu-footer .menu {
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap;
column-gap: 35px;
}
.ova-menu-footer .menu a {
text-decoration: none;
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-menu-footer .menu a:before {
position: absolute;
content: "";
width: 0%;
height: 1px;
left: 0px;
bottom: 0px;
transition: all 500ms ease;
background-color: var(--primary);
}
.ova-menu-footer .menu a:hover:before {
width: 100%;
}
.ova-menu-footer .menu .sub-menu {
list-style: none;
}
.ova-mc4wp-form {
position: relative;
}
.ova-mc4wp-form .email {
display: flex;
align-items: center;
width: 100%;
}
.ova-mc4wp-form .email input {
border-radius: 0;
border: none;
font-style: normal;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
color: var(--text);
width: 100%;
padding: 20px 25px;
background-color: #1e1c20;
}
.ova-mc4wp-form .email input::placeholder { color: var(--text);
font-weight: 500;
opacity: 1; }
.ova-mc4wp-form .email input:-webkit-autofill {
transition-delay: 600s;
}
.ova-mc4wp-form .submit {
position: absolute;
right: 0;
top: 50%;
transform: translate(0px, -50%);
}
.ova-mc4wp-form .submit button {
padding: 16px 29px;
background-color: transparent;
border-color: transparent;
}
.ova-mc4wp-form .submit button:hover i {
color: #fff;
}
.ova-mc4wp-form .submit button i {
font-size: 14px;
color: var(--primary);
}
.mc4wp-form-ova-style2 .visuallyhidden {
position: static;
overflow: visible;
width: auto;
height: auto;
}
.mc4wp-form-ova-style2 .ova-mc4wp-form .email {
margin-bottom: 20px;
}
.mc4wp-form-ova-style2 .ova-mc4wp-form .email input {
border: 1px solid rgba(39, 37, 42, 0.1);
background-color: #FCF5F5;
}
.mc4wp-form-ova-style2 .ova-mc4wp-form .submit {
margin-bottom: 25px;
position: static;
transform: none;
}
.mc4wp-form-ova-style2 .ova-mc4wp-form .submit button {
font-size: 12px;
text-transform: uppercase;
width: 100%;
max-width: 350px;
background-color: var(--primary);
border: 1px solid var(--primary);
border-radius: 0;
}
.mc4wp-form-ova-style2 .ova-mc4wp-form .submit button:hover {
background-color: transparent;
}
.mc4wp-form-ova-style2 .ova-mc4wp-form .submit i {
display: none;
}
.mc4wp-form-ova-style3 .ova-mc4wp-form .email input {
font-size: 16px;
font-weight: 400;
border: 1px solid rgba(255, 255, 255, 0.1);
background: #45414B;
}
.mc4wp-form-ova-style3 .ova-mc4wp-form .email input::placeholder { font-weight: 400;
}
.mc4wp-form-ova-style3 .ova-mc4wp-form .submit {
right: 5px;
}
.mc4wp-form-ova-style3 .ova-mc4wp-form .submit button {
padding: 12px 16px;
background-color: var(--primary);
border-radius: 0;
}
.mc4wp-form-ova-style3 .ova-mc4wp-form .submit button:hover {
background-color: #fff;
}
.mc4wp-form-ova-style3 .ova-mc4wp-form .submit button:hover i {
color: var(--primary);
}
.mc4wp-form-ova-style3 .ova-mc4wp-form .submit i {
font-size: 16px;
color: #fff;
}
.mc4wp-form-ova-style3b .ova-mc4wp-form .email input {
font-size: 16px;
font-weight: 400;
border: 1px solid rgba(39, 37, 42, 0.07);
background: #fff;
}
.mc4wp-form-ova-style3b .ova-mc4wp-form .email input::placeholder { font-weight: 400;
}
.mc4wp-form-ova-style3b .ova-mc4wp-form .submit {
right: 5px;
}
.mc4wp-form-ova-style3b .ova-mc4wp-form .submit button {
padding: 12px 16px;
background-color: var(--primary);
border-radius: 0;
}
.mc4wp-form-ova-style3b .ova-mc4wp-form .submit button:hover {
background-color: #fff;
}
.mc4wp-form-ova-style3b .ova-mc4wp-form .submit button:hover i {
color: var(--primary);
}
.mc4wp-form-ova-style3b .ova-mc4wp-form .submit i {
font-size: 16px;
color: #fff;
}
.mc4wp-response p {
color: #fff;
margin: 15px 0px;
}
.rtl .ova-mc4wp-form .submit {
right: unset;
left: 0;
}
.rtl .mc4wp-form-ova-style3 .ova-mc4wp-form .submit {
left: 5px;
}
.ova-promotions {
position: relative;
overflow: hidden;
direction: ltr;
}
.ova-promotions .promotion {
background-image: -moz-linear-gradient(90deg, #1e1c20 0%, rgba(30, 28, 32, 0) 80%);
background-image: -webkit-linear-gradient(90deg, #1e1c20 0%, rgba(30, 28, 32, 0) 80%);
background-image: -ms-linear-gradient(90deg, #1e1c20 0%, rgba(30, 28, 32, 0) 80%);
height: 492px;
padding: 40px 30px;
display: flex;
flex-flow: column;
align-items: center;
justify-content: end;
}
@media (max-width: 500px) {
.ova-promotions .promotion {
height: 400px;
}
}
.ova-promotions .promotion .sub-title {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 13px;
}
.ova-promotions .promotion .price {
font-size: 70px;
font-family: var(--secondary-font);
line-height: 1;
color: var(--primary);
}
.ova-promotions .promotion .price .number-symbol {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 2px;
}
.ova-promotions .promotion .pricing-title {
margin: 0 0 22px 0;
font-family: var(--primary-font);
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
white-space: pre-line;
}
.ova-promotions .promotion .pricing-btn {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
color: #ffffff;
background-color: var(--primary);
width: 179px;
height: 58px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-color: transparent;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-promotions .promotion .pricing-btn:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #ffffff;
color: var(--primary);
border-color: var(--primary);
}
.ova-promotions .promotion.template_1 {
text-align: center;
}
.ova-promotions .promotion.template_2 {
height: 347px;
position: relative;
align-items: flex-start;
justify-content: center;
padding: 30px 50px;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.ova-promotions .promotion.template_2.background_1 {
background-image: url(https://www.oasisnailsspa.com/wp-content/themes/mellis/assets/img/elementor/promotion-mask-1a.png);
}
.ova-promotions .promotion.template_2.background_2 {
background-image: url(https://www.oasisnailsspa.com/wp-content/themes/mellis/assets/img/elementor/promotion-mask-1b.png);
}
.ova-promotions .promotion.template_2.bg_none {
background-image: none;
}
@media (max-width: 1300px) {
.ova-promotions .promotion.template_2 {
height: auto;
min-height: 347px;
padding: 30px;
row-gap: 20px;
}
}
.ova-promotions .promotion.template_2 .price {
font-size: 24px;
color: #fff;
background-color: var(--primary);
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
border-radius: 50%;
position: absolute;
z-index: 1;
top: 25px;
left: 50%;
transform: translate(-50%, 0%);
}
@media (max-width: 1024px) {
.ova-promotions .promotion.template_2 .price {
left: 65%;
}
}
.ova-promotions .promotion.template_2 .price.has-mask-image {
-webkit-mask-image: url(https://www.oasisnailsspa.com/wp-content/themes/mellis/assets/img/elementor/mask-star.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
-webkit-mask-size: cover;
}
.ova-promotions .promotion.template_2 .price .suffix {
text-transform: uppercase;
}
.ova-promotions .promotion.template_2 .pricing-title {
position: relative;
z-index: 2;
font-size: 60px;
line-height: 1;
color: var(--heading);
}
@media (max-width: 479px) {
.ova-promotions .promotion.template_2 .pricing-title {
margin-bottom: 0;
font-size: 45px;
}
}
.ova-promotions .promotion.template_2 .sub-title {
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
color: var(--heading);
line-height: 1.2;
text-transform: none;
margin-bottom: 30px;
}
.ova-promotions .promotion.template_2 .pricing-btn:hover {
color: var(--primary);
}
.ova-promotions .promotion.template_3 {
justify-content: center;
background-color: #fff;
margin: 30px;
height: 429px;
background-image: url(https://www.oasisnailsspa.com/wp-content/themes/mellis/assets/img/elementor/promotion-v3.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 500px) {
.ova-promotions .promotion.template_3 {
height: auto;
}
}
.ova-promotions .promotion.template_3 .price {
font-size: 20px;
color: var(--primary);
font-family: var(--primary-font);
font-weight: 600;
margin-bottom: 8px;
}
.ova-promotions .promotion.template_3 .pricing-title {
color: var(--heading);
font-family: var(--secondary-font);
font-size: 30px;
margin-bottom: 31px;
}
.ova-promotions .promotion.template_3 .promo-code {
font-size: 20px;
color: var(--heading);
font-weight: 500;
}
.ova-promotions .promotion.template_3 .promo-text {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
}
.ova-promotions .promotion.template_3 .pricing-btn {
height: 50px;
margin-top: 20px;
margin-bottom: 10px;
}
.ova-promotions .promotion.template_3 .pricing-btn:hover {
color: var(--primary);
}
.ova-promotions .promotion.template_3 .promo-condition {
margin: 0;
}
.ova-process {
position: relative;
display: grid;
grid-row-gap: 50px;
}
.ova-process.one_column .item-process:before, .ova-process.one_column .item-process:after {
content: none !important;
}
.ova-process.two_column {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-process.two_column {
grid-template-columns: auto;
}
.ova-process.two_column .item-process:before, .ova-process.two_column .item-process:after {
content: none !important;
}
}
.ova-process.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-process.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1024px) {
.ova-process.three_column {
grid-template-columns: auto;
}
.ova-process.three_column .item-process:before, .ova-process.three_column .item-process:after {
content: none !important;
}
}
.ova-process .item-process {
position: relative;
text-align: center;
}
.ova-process .item-process:before {
position: absolute;
content: "";
left: 0;
top: 95px;
width: 100%;
height: 2px;
background-color: var(--primary);
}
.ova-process .item-process:first-child:after {
left: 0;
}
.ova-process .item-process:last-child:after {
right: 0;
}
.ova-process .item-process:first-child:after, .ova-process .item-process:last-child:after {
position: absolute;
content: "";
top: 90px;
width: 12px;
height: 12px;
background-color: var(--primary);
border-radius: 50%;
}
.ova-process .item-process .image-process {
position: relative;
display: inline-block;
width: 190px;
height: 190px;
border-radius: 50%;
margin-bottom: 26px;
}
.ova-process .item-process .image-process:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border: 2px solid var(--primary);
width: 108%;
height: 108%;
border-radius: 50%;
}
.ova-process .item-process .image-process .text_number {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
position: absolute;
right: -25px;
bottom: 55%;
background-color: var(--primary);
width: 68px;
height: 68px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-family: var(--secondary-font);
text-transform: uppercase;
color: #fff;
line-height: 1;
font-weight: 400;
font-size: 20px;
z-index: 2;
}
.ova-process .item-process .image-process img {
position: relative;
display: block;
width: 190px;
height: 190px;
object-fit: cover;
border-radius: 50%;
z-index: 1;
}
.ova-process .item-process .info {
position: relative;
}
.ova-process .item-process .info a:hover .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
}
.ova-process .item-process .info .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
margin: 0;
font-weight: 400;
font-size: 24px;
line-height: 1.2;
padding-bottom: 20px;
}
.ova-process .item-process .info .description {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
margin: 0;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
padding: 0 24px;
}
@media (max-width: 460px) {
.ova-process .item-process .info .description {
padding: 0 5px;
}
}
.ova-invisible {
visibility: hidden;
}
.ova-team .ova-team-box {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.ova-team .ova-team-box.ova-column_2 {
grid-template-columns: 1fr 1fr;
}
.ova-team .ova-team-box.ova-column_2 .item .img img {
height: 396px;
}
.ova-team .ova-team-box.ova-column_4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-team .ova-team-box.ova-column_2 {
grid-template-columns: 1fr 1fr;
}
.ova-team .ova-team-box.ova-column_3 {
grid-template-columns: 1fr 1fr 1fr;
}
.ova-team .ova-team-box.ova-column_4 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1024px) {
.ova-team .ova-team-box.ova-column_2, .ova-team .ova-team-box.ova-column_3, .ova-team .ova-team-box.ova-column_4 {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.ova-team .ova-team-box.ova-column_2, .ova-team .ova-team-box.ova-column_3, .ova-team .ova-team-box.ova-column_4 {
grid-template-columns: 1fr;
}
}
.ova-team .ova-team-box.ova-team-box-template_2 .item {
margin-top: 0;
background-color: transparent;
}
.ova-team .ova-team-box.ova-team-box-template_2 .item:hover {
box-shadow: none;
}
.ova-team .ova-team-box.ova-team-box-template_2 .item:hover .img .social {
bottom: 15px;
}
.ova-team .ova-team-box.ova-team-box-template_2 .item:hover .img .share-button {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
opacity: 0;
bottom: 0;
}
.ova-team .ova-team-box.ova-team-box-template_2 .item .img {
margin: 0;
}
.ova-team .ova-team-box.ova-team-box-template_2 .item .img img {
height: 296px;
}
.ova-team .ova-team-box.ova-team-box-template_2 .item .img .social {
padding: 11px 15px;
right: 15px;
transform: none;
background-color: var(--primary);
}
@media (max-width: 767px) {
.ova-team .ova-team-box.ova-team-box-template_2 .item .img .social {
bottom: 15px;
}
}
.ova-team .ova-team-box.ova-team-box-template_2 .item .img .social .icon {
width: 22px;
height: 22px;
border-radius: 0;
background-color: transparent;
color: #fff;
}
.ova-team .ova-team-box.ova-team-box-template_2 .item .img .share-button {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
background-color: #fff;
position: absolute;
bottom: 15px;
right: 15px;
opacity: 1;
}
@media (max-width: 767px) {
.ova-team .ova-team-box.ova-team-box-template_2 .item .img .share-button {
bottom: 0;
opacity: 0;
}
}
.ova-team .ova-team-box.ova-team-box-template_2 .item .img .share-button i {
color: var(--primary);
}
.ova-team .ova-team-box.ova-team-box-template_2 .item .info {
text-align: unset;
}
.ova-team .ova-team-box.ova-team-box-template_2 .item .info .name {
font-size: 20px;
}
.ova-team .ova-team-box.ova-team-box-template_2 .item .info .job {
margin-bottom: 0;
letter-spacing: 0;
text-transform: capitalize;
color: var(--text);
}
.ova-team .ova-team-box .item {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #fcf5f5;
margin-top: 80px;
}
.ova-team .ova-team-box .item:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.ova-team .ova-team-box .item:hover .img img {
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.ova-team .ova-team-box .item:hover .img .social {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
bottom: 30px;
opacity: 1;
}
.ova-team .ova-team-box .item .img {
position: relative;
margin: -80px 20px 0 20px;
overflow: hidden;
}
.ova-team .ova-team-box .item .img img {
height: 496px;
object-fit: cover;
width: 100%;
display: block;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
@media (max-width: 767px) {
.ova-team .ova-team-box .item .img img {
height: 296px;
}
}
.ova-team .ova-team-box .item .img .social {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
position: absolute;
bottom: 0;
right: 50%;
transform: translate(50%, 0);
opacity: 0;
}
@media (max-width: 767px) {
.ova-team .ova-team-box .item .img .social {
opacity: 1;
bottom: 30px;
}
}
.ova-team .ova-team-box .item .img .social .icon {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #fff;
color: var(--heading);
}
.ova-team .ova-team-box .item .img .social .icon a {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--heading);
}
.ova-team .ova-team-box .item .img .social .icon a:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
background-color: var(--primary);
}
.ova-team .ova-team-box .item .img .social .icon i {
display: inline-flex;
font-size: 14px;
}
.ova-team .ova-team-box .item .info {
text-align: center;
}
.ova-team .ova-team-box .item .info .name, .ova-team .ova-team-box .item .info .job {
margin: 0;
}
.ova-team .ova-team-box .item .info .name {
font-size: 24px;
color: var(--heading);
font-weight: 400;
margin-top: 27px;
margin-bottom: 5px;
}
.ova-team .ova-team-box .item .info .job {
margin-bottom: 22px;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--primary);
line-height: 1.3;
}
.ova-price-list a {
padding: 0 !important;
}
.ova-price-list .heading {
margin: 0;
padding-bottom: 25px;
font-size: 30px;
font-weight: 400;
}
.ova-price-list .item-price-list {
transition: all 0.5s ease;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #f0e8e8;
}
.ova-price-list .item-price-list:hover {
transition: all 0.5s ease;
border-bottom: 1px solid var(--primary);
}
.ova-price-list .item-price-list:hover .img-wrapper {
transition: all 0.5s ease;
top: 50%;
visibility: visible;
opacity: 1;
}
.ova-price-list .item-price-list .title-time {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.ova-price-list .item-price-list .title-time .title {
margin: 0;
padding-right: 10px;
font-size: 18px;
font-weight: 400;
}
.ova-price-list .item-price-list .title-time .time {
font-size: 14px;
font-weight: 500;
color: var(--text);
padding-right: 20px;
}
.ova-price-list .item-price-list .price-wrapper .price {
font-family: var(--secondary-font);
font-size: 18px;
color: var(--primary);
}
.ova-price-list .item-price-list .img-wrapper {
transition: all 0.5s ease;
position: absolute;
left: 50%;
top: 45%;
transform: translate(-50%, -50%) rotate(-10deg);
z-index: 1;
opacity: 0;
visibility: hidden;
}
.ova-price-list .item-price-list .img-wrapper img {
display: block;
width: 173px;
height: 190px;
object-fit: cover;
}
.ova-customize-instagram .insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-icon, .ova-customize-instagram .qligg-mfp-wrap .insta-gallery-list .insta-gallery-item .insta-gallery-icon {
top: 50% !important;
bottom: unset !important;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
@media (min-width: 1024px) and (max-width: 1300px) {
.ova-hide-element-min1024-max1300 {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1450px) {
.ova-hide-element-min1024-max1450 {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1650px) {
.ova-hide-element-min1024-max1650 {
display: none;
}
}
.ova-element-column-gap-40px .elementor-widget-wrap {
column-gap: 40px;
}
.ova-element-column-gap-30px .elementor-widget-wrap {
column-gap: 30px;
}
.ova-element-column-gap-20px .elementor-widget-wrap {
column-gap: 20px;
}
.ova-element-column-margin-right-75px .elementor-widget-wrap {
margin: 0 75px 0 0;
}
.ova-element-column-margin-right-50px .elementor-widget-wrap {
margin: 0 50px 0 0;
}
.ova-element-column-margin-right-35px .elementor-widget-wrap {
margin: 0 35px 0 0;
}
.ova-element-column-margin-left-75px .elementor-widget-wrap {
margin: 0 0 0 75px;
}
.ova-element-column-margin-left-50px .elementor-widget-wrap {
margin: 0 0 0 50px;
}
.ova-element-column-margin-left-35px .elementor-widget-wrap {
margin: 0 0 0 35px;
}
.rtl .ova-element-column-margin-right-75px .elementor-widget-wrap {
margin: 0 0 0 75px;
}
.rtl .ova-element-column-margin-right-50px .elementor-widget-wrap {
margin: 0 0 0 50px;
}
.rtl .ova-element-column-margin-right-35px .elementor-widget-wrap {
margin: 0 0 0 35px;
}
.rtl .ova-element-column-margin-left-75px .elementor-widget-wrap {
margin: 0 75px 0 0;
}
.rtl .ova-element-column-margin-left-50px .elementor-widget-wrap {
margin: 0 50px 0 0;
}
.rtl .ova-element-column-margin-left-35px .elementor-widget-wrap {
margin: 0 35px 0 0;
}
.rtl .ovartl-bg-bottom-right {
background-position: bottom right !important;
}
.rtl .ovartl-bg-overlay-center-right .elementor-background-overlay {
background-position: center right !important;
}
.rtl .ovartl-bg-overlay-center-left .elementor-background-overlay {
background-position: center left !important;
}
.ova-pricing {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: relative;
border: 1px solid #f0e8e8;
background-color: #fff;
}
.ova-pricing:hover, .ova-pricing.active {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #FCF5F5;
}
.ova-pricing:hover .icon-title .title, .ova-pricing.active .icon-title .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-pricing:hover .icon-title i, .ova-pricing.active .icon-title i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-pricing:hover .price .ova-price, .ova-pricing.active .price .ova-price {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-pricing:hover .pricing-service .pricing-service-list .item .text_service, .ova-pricing.active .pricing-service .pricing-service-list .item .text_service {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-pricing.template2 {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 40px;
padding: 40px 0;
background-color: #FCF5F5;
border: none;
}
@media (max-width: 1024px) {
.ova-pricing.template2 {
grid-template-columns: auto;
}
}
.ova-pricing.template2:hover, .ova-pricing.template2.active {
background-color: var(--heading);
}
.ova-pricing.template2:hover .icon-title .title, .ova-pricing.template2.active .icon-title .title {
color: #fff;
}
.ova-pricing.template2:hover .price .ova-price, .ova-pricing.template2.active .price .ova-price {
color: #fff;
}
.ova-pricing.template2:hover .pricing-service, .ova-pricing.template2.active .pricing-service {
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.ova-pricing.template2:hover .pricing-service .pricing-service-list .item .text_service, .ova-pricing.template2.active .pricing-service .pricing-service-list .item .text_service {
color: #fff;
}
.ova-pricing.template2:hover .pricing-btn, .ova-pricing.template2.active .pricing-btn {
color: #fff;
background-color: var(--primary);
}
.ova-pricing.template2 .icon-title {
flex-direction: column;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
}
.ova-pricing.template2 .icon-title .title {
margin-bottom: 6px;
font-size: 18px;
}
.ova-pricing.template2 .icon-title i {
margin-bottom: 20px;
}
.ova-pricing.template2 .price .ova-price {
font-size: 36px;
}
.ova-pricing.template2 .description {
margin-bottom: 0;
}
.ova-pricing.template2 .pricing-btn {
margin-top: 25px;
color: var(--primary);
padding: 16px 35px;
background-color: transparent;
border: 1px solid var(--primary);
}
.ova-pricing.template2 .pricing-service {
display: flex;
align-items: center;
border-left: 1px solid #f0e8e8;
border-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.ova-pricing.template2 .pricing-service .pricing-service-list .item .text_service {
font-size: 18px;
font-weight: 400;
color: var(--heading);
}
.ova-pricing .icon-title {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 50px 45px 35px 45px;
}
@media (max-width: 767px) {
.ova-pricing .icon-title {
padding: 35px 25px;
align-items: center;
}
}
.ova-pricing .icon-title .title {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
margin: 0;
font-size: 24px;
font-weight: 400;
white-space: pre-line;
}
.ova-pricing .icon-title i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
font-size: 64px;
color: var(--primary);
}
.ova-pricing .price {
display: flex;
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 24px;
}
.ova-pricing .price .ova-price {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
font-size: 34px;
line-height: 1.2;
color: var(--heading);
font-family: var(--secondary-font);
}
.ova-pricing .description {
white-space: pre-line;
}
@media (max-width: 1024px) {
.ova-pricing .description {
white-space: normal;
}
}
.ova-pricing .pricing-btn {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-block;
font-size: 12px;
line-height: 1.4;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #de968d;
margin-top: 35px;
padding: 20px 48px;
border: 1px solid transparent;
}
.ova-pricing .pricing-btn:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border-color: var(--primary);
background-color: transparent;
color: var(--primary);
}
.ova-pricing .pricing-service {
border-top: 1px solid #f0e8e8;
padding: 35px 45px 50px 45px;
}
@media (max-width: 767px) {
.ova-pricing .pricing-service {
padding: 35px 25px 50px 25px;
}
}
.ova-pricing .pricing-service .pricing-service-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.ova-pricing .pricing-service .pricing-service-list .item {
display: flex;
align-items: start;
column-gap: 15px;
margin-bottom: 8px;
}
.ova-pricing .pricing-service .pricing-service-list .item i {
color: var(--primary);
margin-top: 5px;
}
.ova-pricing .pricing-service .pricing-service-list .item .text_service {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-weight: 500;
}
.ova-blog {
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.ova-blog.ova-column_2 {
grid-template-columns: 1fr 1fr;
}
.ova-blog.ova-column_2 .item .img img {
height: auto;
}
.ova-blog.ova-column_4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
.ova-blog.ova-column_2 {
grid-template-columns: 1fr 1fr;
}
.ova-blog.ova-column_3 {
grid-template-columns: 1fr 1fr 1fr;
}
.ova-blog.ova-column_4 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1024px) {
.ova-blog.ova-column_2, .ova-blog.ova-column_3, .ova-blog.ova-column_4 {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.ova-blog.ova-column_2, .ova-blog.ova-column_3, .ova-blog.ova-column_4 {
grid-template-columns: 1fr;
}
}
.ova-blog.ova-blog-template_2.template_2_style2 .item .content .post-meta .category {
background-color: transparent;
border: 1px solid var(--heading);
}
.ova-blog.ova-blog-template_2.template_2_style2 .item .content .post-meta .category a {
color: var(--heading);
}
.ova-blog.ova-blog-template_2 .item .media {
margin: 22px 0;
}
.ova-blog.ova-blog-template_2 .item .content {
margin: 30px 0 0 0;
padding: 0;
background-color: transparent;
text-align: unset;
box-shadow: none;
}
.ova-blog.ova-blog-template_2 .item .content .post-date {
position: static;
padding: 0;
background-color: transparent;
color: var(--heading);
}
.ova-blog.ova-blog-template_2 .item .content .post-title a {
font-size: 22px;
}
.ova-blog.ova-blog-template_2 .item .content .post-title a:hover {
text-decoration: underline;
}
.ova-blog.ova-blog-template_2 .item .content .short_desc p {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid rgba(39, 37, 42, 0.1);
}
.ova-blog.ova-blog-template_2 .item .content .read-more {
font-size: 12px;
color: var(--text);
}
.ova-blog .item {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
position: relative;
top: 0;
}
.ova-blog .item:hover {
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
top: -15px;
}
.ova-blog .item .media {
position: relative;
}
.ova-blog .item .media img {
display: block;
}
.ova-blog .item .content {
position: relative;
background-color: white;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
text-align: center;
padding: 20px 30px 30px 30px;
margin: -30px 15px 0 15px;
}
@media (max-width: 400px) {
.ova-blog .item .content {
padding-left: 20px;
padding-right: 20px;
}
}
.ova-blog .item .content .post-date {
position: absolute;
bottom: 100%;
right: 0px;
background-color: var(--primary);
color: #fff;
font-size: 16px;
padding: 14px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .item .content .post-date span {
display: block;
line-height: 1;
}
.ova-blog .item .content .post-date:hover {
background-color: #fff;
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog .item .content .post-meta {
list-style-type: none;
padding: 0;
margin: 0 0 12px 0;
display: inline-flex;
flex-wrap: wrap;
gap: 10px;
}
.ova-blog .item .content .post-meta .category {
padding: 7px 21px;
border-radius: 50px;
border: 1px solid var(--primary);
background-color: var(--primary);
}
.ova-blog .item .content .post-meta .category a {
color: #fff;
}
.ova-blog .item .content .post-meta .item-meta {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 5px;
line-height: 1;
}
.ova-blog .item .content .post-meta .item-meta .left {
color: var(--primary);
}
.ova-blog .item .content .post-meta .item-meta .left i {
font-size: 14px;
}
.ova-blog .item .content .post-meta .item-meta .right a {
font-size: 14px;
color: var(--text);
font-weight: 600;
}
.ova-blog .item .content .post-meta .item-meta .right a:hover {
color: var(--primary);
}
.ova-blog .item .content .post-title {
margin: 0 0 14px 0;
}
.ova-blog .item .content .post-title a {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-size: 24px;
font-weight: 400;
color: var(--heading);
}
.ova-blog .item .content .post-title a:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
}
.ova-blog .item .content .short_desc p {
margin: 0 0 10px 0;
font-size: 16px;
font-weight: 500;
}
.ova-blog .item .content .read-more {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 5px;
font-size: 14px;
letter-spacing: 1px;
font-weight: 600;
color: var(--heading);
text-transform: uppercase;
}
.ova-blog .item .content .read-more i {
display: inline-flex;
}
.ova-blog .item .content .read-more:hover {
color: var(--primary);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-product-list {
display: grid;
grid-gap: 30px;
grid-row-gap: 40px;
padding: 0;
margin: 0;
}
.ova-product-list.column1 {
grid-template-columns: 1fr;
}
.ova-product-list.column2 {
grid-template-columns: 1fr 1fr;
}
.ova-product-list.column3 {
grid-template-columns: 1fr 1fr 1fr;
}
.ova-product-list.column4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1200px) {
.ova-product-list.column4 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 1024px) {
.ova-product-list.column3, .ova-product-list.column4 {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
.ova-product-list.column2, .ova-product-list.column3, .ova-product-list.column4 {
grid-template-columns: 1fr;
}
}
.ova-product-list li.product {
text-align: center;
position: relative;
overflow: hidden;
}
@media (max-width: 580px) {
.ova-product-list li.product {
width: 100%;
float: none;
}
}
.ova-product-list li.product .cat_product {
display: none;
color: var(--text);
font-size: 16px;
line-height: 1.4;
font-weight: 500;
line-height: 50px;
padding: 0 15px;
}
.ova-product-list li.product .button {
visibility: visible;
opacity: 1;
}
.ova-product-list li.product a.woocommerce-loop-product__link {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.ova-product-list li.product a.woocommerce-loop-product__link img {
width: 100%;
}
.ova-product-list li.product .star-rating {
font-size: 13px;
margin: 0 auto 10px auto;
order: 3;
display: block;
float: none;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: "star";
}
.ova-product-list li.product .star-rating:before {
content: "sssss";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute;
}
.ova-product-list li.product .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.ova-product-list li.product .star-rating span:before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
}
.ova-product-list li.product .onsale {
display: inline-block;
position: absolute;
text-align: center;
top: 10px;
right: 10px;
left: auto;
background: var(--primary);
color: #fff;
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 14px;
font-weight: 600;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
z-index: 9;
}
.ova-product-list li.product .woocommerce-loop-product__title {
font-size: 18px;
line-height: 1.4;
color: var(--heading);
z-index: 3;
font-weight: 400;
}
.ova-product-list li.product .price {
font-size: 14px;
line-height: 1.2;
color: var(--text);
font-weight: 600;
margin-bottom: 12px;
}
.ova-product-list li.product .price ins {
margin-left: 6px;
text-decoration: none;
}
.ova-product-list li.product .button,
.ova-product-list li.product a.add_to_cart_button {
display: inline-block;
color: #fff;
border-radius: 0;
transition: 0.4s;
z-index: 2;
margin: 10px 15px 0px 15px;
background: var(--primary);
border: 1px solid var(--primary);
}
.ova-product-list li.product .button.loading:after,
.ova-product-list li.product a.add_to_cart_button.loading:after {
right: 0.5em;
}
.ova-product-list li.product .button:hover,
.ova-product-list li.product a.add_to_cart_button:hover {
background: var(--heading);
border-color: var(--heading);
}
.ova-product-list li.product a.added_to_cart {
margin-top: 20px;
display: inline-block;
visibility: visible;
opacity: 1;
background-color: transparent !important;
color: var(--heading);
text-decoration: underline;
text-transform: capitalize;
padding: 0px 15px 0px 15px;
}
.ova-product-list li.product a.added_to_cart:hover {
color: var(--primary);
transition: 0.3s ease;
}
.ova-product-list li.product a.added_to_cart:after {
padding-left: 5px;
}
.ova-product-list li.product .product_type_external:after,
.ova-product-list li.product .product_type_grouped:after,
.ova-product-list li.product .product_type_variable:after {
position: absolute;
top: 0;
right: 10px;
}
.ova-gallery .grid:after {
content: "";
display: block;
clear: both;
}
.ova-gallery .grid .grid-sizer, .ova-gallery .grid .grid-item {
width: 25%;
height: auto;
}
@media screen and (max-width: 1024px) {
.ova-gallery .grid .grid-sizer, .ova-gallery .grid .grid-item {
width: 50%;
}
}
.ova-gallery .grid .grid-item {
float: left;
padding: 5px;
}
.ova-gallery .grid .grid-item .gallery-fancybox {
display: block;
position: relative;
overflow: hidden;
}
.ova-gallery .grid .grid-item .gallery-fancybox img {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
transform: scale(1);
transition: transform 1s ease-out;
transform-origin: bottom left;
}
.ova-gallery .grid .grid-item .gallery-fancybox .gallery-container {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
cursor: pointer;
}
.ova-gallery .grid .grid-item .gallery-fancybox .gallery-container:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
content: "";
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
background: var(--primary);
opacity: 0;
}
.ova-gallery .grid .grid-item .gallery-fancybox .gallery-container .gallery-icon {
position: absolute;
top: 45%;
left: 55%;
transform: translate(-50%, -50%);
opacity: 0;
display: inline-flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.ova-gallery .grid .grid-item .gallery-fancybox .gallery-container .gallery-icon i {
color: #fff;
font-size: 30px;
line-height: 1;
}
.ova-gallery .grid .grid-item:hover .gallery-fancybox img {
transform: scale(1.02);
}
.ova-gallery .grid .grid-item:hover .gallery-fancybox .gallery-container:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
opacity: 0.9;
}
.ova-gallery .grid .grid-item:hover .gallery-fancybox .gallery-container .gallery-icon {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
opacity: 1;
top: 50%;
left: 50%;
}
.fancybox__content img {
cursor: zoom-in;
}
.fancybox__caption {
text-align: center;
}
.ova-contact-page {
position: relative;
}
.ova-contact-page input, .ova-contact-page textarea {
font-size: 14px;
font-weight: 500;
font-family: var(--primary-font);
}
.ova-contact-page input::placeholder, .ova-contact-page textarea::placeholder {
color: var(--text);
opacity: 1; }
.ova-contact-page input:-ms-input-placeholder, .ova-contact-page textarea:-ms-input-placeholder { color: var(--text);
}
.ova-contact-page input::-ms-input-placeholder, .ova-contact-page textarea::-ms-input-placeholder { color: var(--text);
}
.ova-contact-page p {
margin: 0;
}
.ova-contact-page i {
position: absolute;
top: 28px;
display: flex;
left: 0%;
transform: translate(20px, -50%);
}
.ova-contact-page .text-email {
display: flex;
column-gap: 20px;
margin-bottom: 20px;
position: relative;
}
@media (max-width: 479px) {
.ova-contact-page .text-email {
flex-flow: column;
}
}
.ova-contact-page .text-email .ova-text {
position: relative;
width: 50%;
overflow: hidden;
flex: 0 0 50%;
}
@media (max-width: 479px) {
.ova-contact-page .text-email .ova-text {
width: 100%;
flex: 0 0 100%;
margin-bottom: 20px;
}
}
.ova-contact-page .text-email .ova-email {
position: relative;
width: 50%;
overflow: hidden;
}
@media (max-width: 479px) {
.ova-contact-page .text-email .ova-email {
width: 100%;
}
}
.ova-contact-page .text-email input {
width: 100%;
border-color: transparent;
background-color: #fcf5f5;
padding: 17px 30px;
border-radius: unset;
}
@media (max-width: 479px) {
.ova-contact-page .text-email input {
padding-left: 20px;
}
}
.ova-contact-page .ova-textarea {
margin-bottom: 20px;
position: relative;
}
.ova-contact-page .ova-textarea i {
position: absolute;
top: 30px;
left: 0%;
transform: translate(20px, -50%);
}
.ova-contact-page .ova-textarea textarea {
max-height: 112px;
width: 100%;
border-color: transparent;
background-color: #fcf5f5;
padding: 17px 15px;
padding-left: 30px;
border-radius: unset;
}
@media (max-width: 479px) {
.ova-contact-page .ova-textarea textarea {
padding-left: 20px;
}
}
.ova-contact-page .ova-submit button {
padding: 20px 47px;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
font-family: var(--primary-font);
border-radius: unset;
}
.ova-contact-page.form-service .text-email input {
padding: 17px 20px;
}
.ova-contact-page.form-service .ova-textarea textarea {
max-height: 125px;
padding: 25px 20px;
}
.ova-contact-page.form-service .ova-full-witdh {
width: 100%;
}
.ova-wpcf7-input-bgwhite .ova-contact-page .text-email input {
background-color: #fff;
}
.ova-wpcf7-input-bgwhite .ova-contact-page .ova-textarea textarea {
background-color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #dc3232;
color: #dc3232;
}
.ova_before_after {
direction: ltr;
}
.ova_before_after input {
border: none;
padding: 0;
cursor: pointer;
}
.ova_before_after #comparison {
width: 100%;
height: 520px;
position: relative;
}
@media (max-width: 1024px) {
.ova_before_after #comparison {
height: 490px;
}
}
@media (max-width: 767px) {
.ova_before_after #comparison {
height: 260px;
}
}
.ova_before_after figure {
position: absolute;
background-position: center center;
background: no-repeat;
background-size: cover;
font-size: 0;
width: 100%;
height: 100%;
margin: 0;
}
.ova_before_after #divisor {
background-position: center center;
background: no-repeat;
background-size: cover;
position: absolute;
width: 50%;
bottom: 0;
height: 100%;
}
.ova_before_after #divisor::before, .ova_before_after #divisor::after {
content: "";
position: absolute;
right: -1.5px;
width: 3px;
height: calc(50% - 32px);
background: white;
z-index: 3;
}
.ova_before_after #divisor::before {
top: 0;
}
.ova_before_after #divisor::after {
bottom: 0;
}
.ova_before_after #handle {
position: absolute;
height: 66px;
width: 66px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 50%;
}
.ova_before_after #handle i {
display: inline-flex;
font-size: 18px;
color: #fff;
margin: 0 2px;
}
.ova_before_after #handle i.left {
transform: rotate(180deg);
}
.ova_before_after input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
position: absolute;
top: 50%;
left: -33px;
transform: translateY(-50%);
background-color: transparent;
width: calc(100% + 66px);
height: 100%;
z-index: 2;
}
.ova_before_after input[type=range]:focus, .ova_before_after input[type=range]:active {
border: none;
outline: none;
}
.ova_before_after input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 66px;
width: 66px;
border-radius: 50%;
background: transparent;
border: 3px solid white;
}
.ova_before_after input[type=range]::-moz-range-track {
-moz-appearance: none;
height: 15px;
width: 100%;
background-color: transparent;
position: relative;
outline: none;
}
.image-box.template_1 .ova-img {
display: flex;
justify-content: right;
padding-top: 70px;
padding-bottom: 70px;
padding-right: 70px;
position: relative;
}
@media (max-width: 767px) {
.image-box.template_1 .ova-img {
padding: 20px;
}
}
.image-box.template_1 .ova-img:before {
content: "";
width: 500px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: #fcf5f5;
z-index: -1;
}
@media (max-width: 767px) {
.image-box.template_1 .ova-img:before {
width: 85%;
}
}
.image-box.template_1 .ova-img img {
width: 500px;
min-height: 480px;
max-height: 480px;
object-fit: cover;
}
@media (max-width: 767px) {
.image-box.template_1 .ova-img img {
width: auto;
min-height: auto;
max-height: auto;
}
}
.image-box.template_2 {
display: flex;
}
.image-box.template_2 .ova-img {
position: relative;
display: inline-flex;
height: auto;
}
.image-box.template_2 .ova-img img {
object-fit: cover;
}
.image-box.template_2 .ova-img .line {
position: absolute;
background: var(--primary);
content: "";
width: 20px;
height: calc(100% - 40px);
transform: translate(0, 20px);
}
.image-box.template_2 .ova-img .line-left {
right: calc(100% );
}
.image-box.template_2 .ova-img .line-right {
left: calc(100% );
}
.image-box.template_3 .ova-img {
display: inline-flex;
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain;
background-image: url(https://www.oasisnailsspa.com/wp-content/themes/mellis/assets/img/elementor/background_image.png);
}
.image-box.template_3 .ova-img img {
max-width: 534px;
height: 534px;
object-fit: cover;
border-radius: 50% 50% 50% 50%;
}
@media (max-width: 1200px) {
.image-box.template_3 .ova-img img {
height: 434px;
max-width: 434px;
}
}
@media (max-width: 767px) {
.image-box.template_3 .ova-img img {
height: 330px;
max-width: 330px;
}
}
@media (max-width: 350px) {
.image-box.template_3 .ova-img img {
height: 280px;
max-width: 280px;
}
}
.ova-client-stories {
display: grid;
grid-gap: 30px;
grid-row-gap: 80px;
padding: 0;
margin: 0;
}
.ova-client-stories.column1 {
grid-template-columns: 1fr;
}
.ova-client-stories.column2 {
grid-template-columns: 1fr 1fr;
}
.ova-client-stories.column3 {
grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 1024px) {
.ova-client-stories.column3 {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 768px) {
.ova-client-stories.column2, .ova-client-stories.column3 {
grid-template-columns: 1fr;
}
}
.ova-client-stories .item-client-stories {
position: relative;
background-color: #fff;
padding: 80px 50px 50px 50px;
border: 1px solid #f0e8e8;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 520px) {
.ova-client-stories .item-client-stories {
padding: 80px 30px 40px 30px;
}
}
.ova-client-stories .item-client-stories:hover .mask {
transition: all 0.5s ease;
bottom: -120px;
opacity: 1;
}
.ova-client-stories .item-client-stories .client-img {
position: absolute;
top: -50px;
left: 50px;
border-radius: 50%;
display: block;
width: 100px;
height: 100px;
object-fit: cover;
}
@media (max-width: 520px) {
.ova-client-stories .item-client-stories .client-img {
left: 30px;
}
}
.ova-client-stories .item-client-stories .quote-icon {
position: absolute;
top: 10px;
left: 120px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
background-color: var(--primary);
}
@media (max-width: 520px) {
.ova-client-stories .item-client-stories .quote-icon {
left: 90px;
}
}
.ova-client-stories .item-client-stories .quote-icon i {
display: inline-flex;
font-size: 18px;
color: #fff;
}
.ova-client-stories .item-client-stories .client_info {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
row-gap: 12px;
padding-bottom: 24px;
}
.ova-client-stories .item-client-stories .client_info .name {
position: relative;
z-index: 1;
margin: 0;
padding-right: 20px;
font-size: 24px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 1.3;
color: var(--heading);
}
.ova-client-stories .item-client-stories .client_info .date {
margin: 0;
font-size: 10px;
font-weight: bold;
line-height: 1;
letter-spacing: 1px;
color: var(--heading);
background-color: #fcf5f5;
padding: 13px 20px;
}
.ova-client-stories .item-client-stories .story {
margin: 0;
font-family: var(--secondary-font);
font-style: italic;
font-size: 18px;
color: var(--text);
}
.ova-client-stories .item-client-stories .mask-wrapper {
position: absolute;
overflow: hidden;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.ova-client-stories .item-client-stories .mask {
transition: all 0.5s ease;
position: absolute;
content: "";
width: 100%;
height: 100%;
right: -70px;
bottom: -150px;
opacity: 0;
background-position: bottom right;
background-size: auto;
background-repeat: no-repeat;
opacity: 0;
}
.elementor-widget-mellis_elementor_ova_video .elementor-widget-container {
display: flex;
}
.ova-video {
display: inline-block;
position: relative;
}
.ova-video.version_1 .ova-img {
display: flex;
align-items: center;
column-gap: 20px;
}
.ova-video.version_1 .ova-img .title {
font-family: var(--primary-font);
font-size: 12px;
text-transform: uppercase;
}
.ova-video.version_2 {
position: relative;
flex: 0 0 100%;
}
.ova-video.version_2 .ova-img .title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 100px;
font-weight: 400;
color: #fff;
text-align: center;
padding: 0 20%;
width: 100%;
}
@media (max-width: 1100px) {
.ova-video.version_2 .ova-img .title {
font-size: 85px;
padding: 0 10%;
}
}
@media (max-width: 767px) {
.ova-video.version_2 .ova-img .title {
font-size: 45px;
}
}
.ova-video.version_2 .ova-img img {
display: flex;
height: 100%;
width: 100%;
object-fit: cover;
}
.ova-video.version_2 .ova-img .icon-content-view {
position: absolute;
bottom: 0;
right: 0;
}
.ova-video.version_2 .ova-img .icon-content-view .content {
width: 165px;
height: 150px;
}
@media (max-width: 600px) {
.ova-video.version_2 .ova-img .icon-content-view .content {
width: 80px;
height: 80px;
}
}
.ova-video.version_2 .ova-img .icon-content-view .content i {
font-size: 30px;
}
.ova-video .title {
margin: 0;
line-height: 1;
}
.ova-video .icon-content-view {
display: inline-flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
}
.ova-video .icon-content-view.video_active {
cursor: pointer;
}
.ova-video .icon-content-view .content {
position: relative;
width: 105px;
height: 100px;
min-width: 64px;
min-height: 64px;
background-color: var(--primary);
border: 1px solid var(--primary);
transition: all 0.3s ease;
}
.ova-video .icon-content-view .content i {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 21px;
display: inline-flex;
z-index: 1;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: lineScale 2.5s linear infinite;
}
@media (max-width: 767px) {
.ova-video .icon-content-view .content i {
animation: unset;
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
}
.ova-video .icon-content-view .content:hover {
transition: all 0.3s ease;
background-color: transparent;
}
.ova-video .icon-content-view .content:hover i {
color: var(--primary);
}
.ova-video .modal-container {
display: none;
background-color: rgba(0, 0, 0, 0.2);
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 10;
}
.ova-video .modal-container .modal {
width: 900px;
height: 500px;
position: relative;
}
@media screen and (max-width: 900px) {
.ova-video .modal-container .modal {
width: 768px;
height: 450px;
}
}
@media screen and (max-width: 788px) {
.ova-video .modal-container .modal {
width: 600px;
height: 350px;
}
}
@media screen and (max-width: 620px) {
.ova-video .modal-container .modal {
width: 400px;
height: 250px;
}
}
@media screen and (max-width: 420px) {
.ova-video .modal-container .modal {
width: 320px;
height: 200px;
}
}
@media screen and (max-width: 330px) {
.ova-video .modal-container .modal {
width: 300px;
height: 180px;
}
}
.ova-video .modal-container .modal i {
position: absolute;
right: -10px;
top: -35px;
padding: 10px;
cursor: pointer;
font-size: 12px;
color: #fff;
font-weight: 600;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-video .modal-container .modal i:hover {
color: #000;
}
.ova-video .modal-container .modal .modal-video {
width: 100%;
height: 100%;
}
@keyframes lineScale {
50% {
-webkit-transform: translate(-50%, -50%) scale(1.5);
-moz-animation: translate(-50%, -50%) scale(1.5);
transform: translate(-50%, -50%) scale(1.5);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(0.8);
-moz-animation: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
}
}
.ova-image-box {
transition: all 0.5s ease;
position: relative;
}
.ova-image-box:hover {
transition: all 0.5s ease;
}
.ova-image-box:hover .icon {
transition: all 0.3s ease;
border-bottom: 1px solid var(--heading);
}
.ova-image-box:hover .icon i {
transition: all 0.3s ease;
}
.ova-image-box:hover .img-wrapper {
transition: all 0.5s ease;
}
.ova-image-box:hover .img-wrapper:before {
transition: all 0.5s ease;
opacity: 0.75;
}
.ova-image-box:hover .img-wrapper .icon-arrow {
transition: all 0.5s ease;
top: 50%;
opacity: 1;
visibility: visible;
}
.ova-image-box.ova-image-box-template1 {
text-align: center;
}
.ova-image-box.ova-image-box-template2 {
padding: 40px;
background-color: #FCF5F5;
}
.ova-image-box.ova-image-box-template2:hover {
background-color: var(--primary);
}
.ova-image-box.ova-image-box-template2:hover .icon {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.ova-image-box.ova-image-box-template2:hover .icon i {
color: #fff;
}
.ova-image-box.ova-image-box-template2:hover .title {
color: #fff;
}
.ova-image-box.ova-image-box-template2:hover .img-wrapper {
top: 20px;
opacity: 1;
}
.ova-image-box.ova-image-box-template2 .icon {
margin: 0 0 30px 0;
border-bottom: 1px solid rgba(39, 37, 42, 0.1);
}
.ova-image-box.ova-image-box-template2 .title {
font-size: 18px;
}
.ova-image-box.ova-image-box-template2 .img-wrapper {
position: absolute;
top: 30px;
right: 30px;
transform: rotate(15deg);
opacity: 0;
}
.ova-image-box.ova-image-box-template2 .img-wrapper:before {
content: none;
}
.ova-image-box.ova-image-box-template2 .img-wrapper img {
width: 70px;
min-width: 70px;
height: 90px;
border-radius: 35px;
}
.ova-image-box .icon {
transition: all 0.3s ease;
margin: 40px 0 30px 0;
padding-bottom: 20px;
border-bottom: 1px solid rgba(39, 37, 42, 0.1);
}
.ova-image-box .icon i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 65px;
color: var(--primary);
}
.ova-image-box .title {
transition: all 0.3s ease;
margin: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
color: var(--heading);
white-space: pre-line;
}
@media (max-width: 1024px) {
.ova-image-box .title {
white-space: normal;
}
}
.ova-image-box a:hover .title {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-image-box .img-wrapper {
transition: all 0.5s ease;
position: relative;
display: inline-block;
overflow: hidden;
border-radius: 150px;
}
.ova-image-box .img-wrapper:before {
transition: all 0.5s ease;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
background-color: var(--heading);
opacity: 0;
}
.ova-image-box .img-wrapper .icon-arrow {
transition: all 0.5s ease;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
background: var(--primary);
opacity: 0;
visibility: hidden;
z-index: 1;
cursor: pointer;
}
.ova-image-box .img-wrapper .icon-arrow:hover {
transition: all 0.3s ease;
background-color: #fff;
}
.ova-image-box .img-wrapper .icon-arrow:hover i {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-image-box .img-wrapper .icon-arrow i {
transition: all 0.3s ease;
display: inline-flex;
transform: rotate(-45deg);
color: #fff;
}
.ova-image-box .img-wrapper img {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 300px;
height: 390px;
object-fit: cover;
}
@media (max-width: 1024px) {
.ova-image-box .img-wrapper img {
height: 340px;
}
}
.ova-testimonial {
text-align: center;
}
@media (max-width: 767px) {
.ova-testimonial .slide-for {
display: none;
}
}
.ova-testimonial .slide-for .slick-track {
display: inline-block;
margin: 0;
padding-top: 5px;
width: auto !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.ova-testimonial .slide-for .small-img {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.ova-testimonial .slide-for .small-img img {
position: relative;
z-index: 1;
display: block;
width: 72px;
height: 72px;
margin: 0 20px;
object-fit: cover;
border-radius: 50%;
}
.ova-testimonial .slide-for .slick-current .name-job {
display: block;
}
.ova-testimonial .slide-for .slick-current .small-img:after {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
content: "";
width: 82px;
height: 82px;
border-radius: 50%;
background-color: #fff;
border: 1px solid var(--primary);
}
.ova-testimonial .slide-for .name-job {
display: none;
}
.ova-testimonial .slide-for .name-job .name {
margin: 0 0 5px 0;
font-family: var(--secondary-font);
font-size: 18px;
line-height: 1.2;
font-weight: 400;
color: var(--heading);
}
.ova-testimonial .slide-for .name-job .job {
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--text);
}
.ova-testimonial .slide-testimonials.slick-slider {
margin-bottom: 0;
}
.ova-testimonial .slide-testimonials .client-info {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 830px) {
.ova-testimonial .slide-testimonials .client-info {
flex-direction: column;
}
}
.ova-testimonial .slide-testimonials .client-info .info {
flex: 0 0 85%;
position: relative;
}
@media (max-width: 767px) {
.ova-testimonial .slide-testimonials .client-info .info {
flex: 0 0 100%;
}
}
.ova-testimonial .slide-testimonials .client-info .info .icon-star {
margin-bottom: 30px;
}
.ova-testimonial .slide-testimonials .client-info .info .icon-star i {
display: inline-flex;
font-size: 14px;
color: var(--primary);
}
.ova-testimonial .slide-testimonials .client-info .info p.ova-evaluate {
margin: 0;
font-family: var(--secondary-font);
font-size: 36px;
font-weight: 400;
color: var(--heading);
padding-bottom: 45px;
line-height: 1.5;
}
@media (max-width: 767px) {
.ova-testimonial .slide-testimonials .client-info .info p.ova-evaluate {
font-size: 24px;
padding-bottom: 15px;
}
}
.ova-testimonial .slide-testimonials .client-info .info .name-job {
display: block;
}
.ova-testimonial .slide-testimonials .client-info .info .name-job .name {
margin: 0 0 5px 0;
font-family: var(--secondary-font);
font-size: 18px;
line-height: 1.2;
font-weight: 400;
color: var(--heading);
}
.ova-testimonial .slide-testimonials .client-info .info .name-job .job {
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--text);
}
.ova-testimonial .slide-testimonials .slick-prev, .ova-testimonial .slide-testimonials .slick-next {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
bottom: unset;
z-index: 1;
}
.ova-testimonial .slide-testimonials .slick-prev:before, .ova-testimonial .slide-testimonials .slick-next:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: "ovaicon";
font-size: 32px;
color: var(--text);
}
.ova-testimonial .slide-testimonials .slick-prev:hover, .ova-testimonial .slide-testimonials .slick-next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-testimonial .slide-testimonials .slick-prev:hover:before, .ova-testimonial .slide-testimonials .slick-next:hover:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
}
.ova-testimonial .slide-testimonials .slick-prev {
left: -45px;
}
.ova-testimonial .slide-testimonials .slick-prev:before {
content: "";
line-height: 0;
color: var(--heading);
}
.ova-testimonial .slide-testimonials .slick-next {
right: -45px;
}
.ova-testimonial .slide-testimonials .slick-next:before {
content: "";
color: var(--heading);
line-height: 0;
}
.ova-testimonial .slide-testimonials .slick-dots {
display: flex;
justify-content: center;
bottom: -30px;
list-style-type: none;
}
.ova-testimonial .slide-testimonials .slick-dots li {
margin: 0 3px;
width: auto;
height: auto;
}
.ova-testimonial .slide-testimonials .slick-dots li.slick-active button {
opacity: 1;
}
.ova-testimonial .slide-testimonials .slick-dots li button {
display: block;
width: 9px;
height: 9px;
padding: 0;
background-color: var(--heading);
opacity: 0.3;
border: none;
border-radius: 50%;
text-indent: -9999px;
}
.ova-testimonial.version_2 {
text-align: left;
}
.ova-testimonial.version_2 .slide-testimonials .slick-list .slick-slide {
margin: 15px;
}
.ova-testimonial.version_2 .slide-testimonials .client-info {
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
}
.ova-testimonial.version_2 .slide-testimonials .client-info .info {
flex: 0 0 100%;
padding: 55px;
background-color: #fff;
}
@media (max-width: 460px) {
.ova-testimonial.version_2 .slide-testimonials .client-info .info {
padding: 40px 30px;
}
}
.ova-testimonial.version_2 .slide-testimonials .client-info .info .icon-quote {
position: absolute;
right: 50px;
}
@media (max-width: 460px) {
.ova-testimonial.version_2 .slide-testimonials .client-info .info .icon-quote {
right: 30px;
}
}
.ova-testimonial.version_2 .slide-testimonials .client-info .info .icon-quote i {
font-size: 32px;
color: var(--primary);
opacity: 0.2;
}
.ova-testimonial.version_2 .slide-testimonials .client-info .info .icon-star {
margin-bottom: 15px;
}
.ova-testimonial.version_2 .slide-testimonials .client-info .info .info-avatar {
display: flex;
align-items: center;
column-gap: 20px;
padding-top: 28px;
}
.ova-testimonial.version_2 .slide-testimonials .client-info .info .info-avatar .small-img img {
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 50%;
}
.ova-testimonial.version_2 .slide-testimonials .client-info .info p.ova-evaluate {
font-family: var(--primary-font);
font-size: 18px;
font-weight: 400;
color: var(--text);
word-spacing: 1px;
padding-bottom: 28px;
border-bottom: 1px solid #f0e8e8;
}
.ova-testimonial-2 .slide-for {
margin-top: -70px;
padding-bottom: 25px;
}
@media (max-width: 1024px) {
.ova-testimonial-2 .slide-for {
display: none;
}
}
.ova-testimonial-2 .slide-for .slick-track {
display: inline-block;
margin: 0;
}
@media (max-width: 520px) {
.ova-testimonial-2 .slide-for .slick-track {
display: none;
}
}
.ova-testimonial-2 .slide-for .slick-active {
opacity: 1 !important;
}
.ova-testimonial-2 .slide-for .small-img {
position: relative;
overflow: hidden;
border-radius: 50%;
}
.ova-testimonial-2 .slide-for .small-img img {
display: block;
width: 68px;
height: 68px;
object-fit: cover;
margin: 0 5px;
border-radius: 50%;
}
.ova-testimonial-2 .slide-for .slick-current .small-img img {
border: 2px solid var(--primary);
}
.ova-testimonial-2 .slide-testimonials-2.slick-slider {
margin-bottom: 0;
}
.ova-testimonial-2 .slide-testimonials-2 .client-info {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 1024px) {
.ova-testimonial-2 .slide-testimonials-2 .client-info {
flex-direction: column;
}
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .client {
position: relative;
border-radius: 50%;
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .client img {
display: block;
width: 170px;
height: 170px;
object-fit: cover;
border-radius: 50%;
margin: 0 24px;
}
@media (max-width: 1024px) {
.ova-testimonial-2 .slide-testimonials-2 .client-info .client img {
margin: 0 0 30px 0;
}
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .client .icon {
position: absolute;
right: 0;
top: 50%;
border-radius: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .client .icon i {
font-size: 14px;
color: #fff;
display: inline-flex;
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .info {
flex: 0 0 76%;
padding-left: 15px;
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .info .icon-star {
margin-bottom: 17px;
line-height: 1;
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .info .icon-star i {
display: inline-flex;
font-size: 14px;
color: var(--primary);
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .info p.ova-evaluate {
margin: 0;
font-family: var(--secondary-font);
font-size: 36px;
font-weight: 400;
color: var(--heading);
line-height: 1.5;
padding-bottom: 30px;
}
@media (max-width: 767px) {
.ova-testimonial-2 .slide-testimonials-2 .client-info .info p.ova-evaluate {
font-size: 24px;
}
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .info .name-job {
display: block;
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .info .name-job .name {
margin: 0 0 5px 0;
font-family: var(--secondary-font);
font-size: 18px;
line-height: 1.2;
font-weight: 400;
color: var(--heading);
}
.ova-testimonial-2 .slide-testimonials-2 .client-info .info .name-job .job {
margin: 0;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--text);
}
.ova-testimonial-2 .slide-testimonials-2 .slick-prev, .ova-testimonial-2 .slide-testimonials-2 .slick-next {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 25px;
border: 1px solid var(--text);
border-radius: 50%;
top: unset;
bottom: -30px;
z-index: 1;
}
.ova-testimonial-2 .slide-testimonials-2 .slick-prev:before, .ova-testimonial-2 .slide-testimonials-2 .slick-next:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: ovaicon !important;
font-size: 14px;
color: var(--text);
}
.ova-testimonial-2 .slide-testimonials-2 .slick-prev:hover, .ova-testimonial-2 .slide-testimonials-2 .slick-next:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border: 1px solid var(--primary);
}
.ova-testimonial-2 .slide-testimonials-2 .slick-prev:hover:before, .ova-testimonial-2 .slide-testimonials-2 .slick-next:hover:before {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
}
.ova-testimonial-2 .slide-testimonials-2 .slick-prev {
left: unset;
right: 62px;
}
.ova-testimonial-2 .slide-testimonials-2 .slick-prev:before {
content: "";
line-height: 0;
}
.ova-testimonial-2 .slide-testimonials-2 .slick-next {
right: 0;
}
.ova-testimonial-2 .slide-testimonials-2 .slick-next:before {
content: "";
line-height: 0;
}
.ova-testimonial-2 .slide-testimonials-2 .slick-dots {
z-index: 1;
display: flex;
justify-content: flex-end;
bottom: 10px;
list-style-type: none;
}
.ova-testimonial-2 .slide-testimonials-2 .slick-dots li {
margin: 0 3px;
width: auto;
height: auto;
}
.ova-testimonial-2 .slide-testimonials-2 .slick-dots li.slick-active button {
opacity: 1;
}
.ova-testimonial-2 .slide-testimonials-2 .slick-dots li button {
display: block;
width: 9px;
height: 9px;
padding: 0;
background-color: var(--heading);
opacity: 0.3;
border: none;
border-radius: 50%;
text-indent: -9999px;
}
.rtl .ova-testimonial-2 .slide-testimonials-2 .client-info .client .icon {
right: unset;
left: 0;
}
.ova-testimonial-3 .owl-stage-outer {
padding: 20px 0;
}
.ova-testimonial-3 .owl-carousel .owl-stage-outer {
margin-right: -10px;
margin-left: -10px;
padding-left: 10px;
padding-right: 10px;
width: calc(100% + 20px);
}
.ova-testimonial-3 .slide-testimonials-3 .client_info {
position: relative;
}
.ova-testimonial-3 .slide-testimonials-3 .client_info p.evaluate {
position: relative;
margin: 0 0 44px 0;
font-family: var(--secondary-font);
font-size: 24px;
line-height: 1.5;
color: var(--heading);
}
.ova-testimonial-3 .slide-testimonials-3 .client_info p.evaluate:before, .ova-testimonial-3 .slide-testimonials-3 .client_info p.evaluate:after {
display: inline-flex;
font-size: 40px;
line-height: 1;
}
.ova-testimonial-3 .slide-testimonials-3 .client_info p.evaluate:before {
content: "“";
}
.ova-testimonial-3 .slide-testimonials-3 .client_info p.evaluate:after {
position: absolute;
content: "”";
margin: 7px;
}
.ova-testimonial-3 .slide-testimonials-3 .client_info .info {
display: inline-flex;
gap: 20px;
}
.ova-testimonial-3 .slide-testimonials-3 .client_info .client {
position: relative;
}
.ova-testimonial-3 .slide-testimonials-3 .client_info .client img {
display: block;
min-width: 60px;
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
}
.ova-testimonial-3 .slide-testimonials-3 .client_info .name-job .name {
margin: 0;
font-family: var(--primary-font);
font-size: 20px;
font-weight: 600;
line-height: 1.3;
}
.ova-testimonial-3 .slide-testimonials-3 .client_info .name-job .job {
margin: 0;
font-size: 14px;
}
.ova-testimonial-3 .slide-testimonials-3 .client_info .rating_for {
font-family: var(--secondary-font);
font-size: 14px;
line-height: 1.3;
color: var(--heading);
}
.ova-testimonial-3 .slide-testimonials-3 .client_info .rating-icon {
display: inline-block;
font-size: 14px;
line-height: 1;
color: var(--primary);
}
.ova-testimonial-3 .slide-testimonials-3 .client_info .rating-icon i {
margin: 0 1.5px;
}
.ova-testimonial-3 .slide-testimonials-3 .owl-dots {
margin-top: 25px;
}
.ova-testimonial-3 .slide-testimonials-3 .owl-dots .owl-dot {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 2px;
width: 21px;
padding: 0;
background: transparent;
border-color: transparent;
height: 21px;
}
.ova-testimonial-3 .slide-testimonials-3 .owl-dots .owl-dot span {
width: 7px;
height: 7px;
background: var(--primary);
border-radius: inherit;
}
.ova-testimonial-3 .slide-testimonials-3 .owl-dots .owl-dot.active {
border: 1px solid var(--primary);
}
.ova-testimonial-3 .slide-testimonials-3 .owl-dots .owl-dot.active span {
opacity: 1;
background: var(--primary);
}
.ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .client_info {
display: flex;
flex-direction: row-reverse;
width: 100%;
padding: 40px 0;
background-color: #fff;
}
@media (max-width: 767px) {
.ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .client_info {
flex-direction: column;
row-gap: 20px;
}
}
.ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .client_info .testimonial {
padding: 0 35px;
}
.ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .client_info p.evaluate {
margin: 0 0 24px 0;
font-size: 16px;
line-height: 1.7;
color: var(--text);
}
.ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .client_info p.evaluate:before, .ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .client_info p.evaluate:after {
color: var(--heading);
}
.ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .client_info .info {
min-width: 174px;
padding: 0 30px;
flex-direction: column;
justify-content: space-between;
border-right: 1px solid rgba(39, 37, 42, 0.1);
}
.ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .client_info .client:before {
content: "";
position: absolute;
left: -3px;
top: -3px;
width: 75px;
height: 75px;
border: 1px solid rgba(39, 37, 42, 0.1);
border-radius: 50%;
}
.ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .client_info .name-job .name {
font-size: 18px;
}
.ova-testimonial-3.ova-testimonial-3-template2 .slide-testimonials-3 .owl-dots {
text-align: center;
}
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info {
margin: 0 0 30px 0;
padding: 35px 40px;
background-color: #FCF5F5;
}
@media (max-width: 767px) {
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info {
padding: 30px 20px;
}
}
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info:last-child {
margin-bottom: 0;
}
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info p.evaluate {
font-family: var(--primary-font);
font-size: 20px;
font-weight: 500;
}
@media (max-width: 767px) {
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info p.evaluate {
font-size: 18px;
}
}
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info .info {
align-items: center;
}
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info .rating_for {
margin: 8px 0;
}
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info .rating-icon {
position: absolute;
right: 40px;
bottom: 60px;
color: var(--primary);
}
@media (max-width: 767px) {
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info .rating-icon {
position: static;
}
}
.ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .owl-dots {
text-align: center;
}
.elementor-widget-container #ova-testimonial-slider3-control button {
transition: all 0.3s ease;
width: 60px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #fff;
border: 1px solid rgba(39, 37, 42, 0.1);
margin: 0 6px;
padding: 0;
border-radius: 50%;
}
.elementor-widget-container #ova-testimonial-slider3-control button i {
display: inline-flex;
font-size: 18px;
color: var(--text);
}
.elementor-widget-container #ova-testimonial-slider3-control button:hover {
transition: all 0.3s ease;
border: 1px solid var(--primary);
}
.elementor-widget-container #ova-testimonial-slider3-control button:hover i {
transition: all 0.3s ease;
color: var(--primary);
}
.slider3-control-small .elementor-widget-container #ova-testimonial-slider3-control button {
width: 40px;
height: 40px;
border: none;
}
.rtl .ova-testimonial-3.ova-testimonial-3-template3 .slide-testimonials-3 .client_info .rating-icon {
right: unset;
left: 40px;
}
.ova-team2-v2 {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: relative;
padding: 28px;
padding-bottom: 22px;
text-align: center;
background-color: #fcf5f5;
margin-top: 80px;
}
.ova-team2-v2 .avatar {
display: flex;
background-color: #E2E2E2;
overflow: hidden;
margin-bottom: 27px;
position: relative;
margin-top: -80px;
}
.ova-team2-v2 .avatar > a {
width: 100%;
}
.ova-team2-v2 .avatar img {
height: 496px;
object-fit: cover;
width: 100%;
display: block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
@media (max-width: 600px) {
.ova-team2-v2 .avatar img {
height: auto;
}
}
.ova-team2-v2 .avatar .social-list {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
margin: 0;
gap: 10px;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
opacity: 0;
}
@media (max-width: 767px) {
.ova-team2-v2 .avatar .social-list {
opacity: 1;
bottom: 30px;
}
}
.ova-team2-v2 .avatar .social-list .social {
display: flex;
width: 40px;
height: 40px;
min-width: 40px;
align-items: center;
justify-content: center;
background-color: #ffffff;
border-radius: 50%;
}
.ova-team2-v2 .avatar .social-list .social:last-child {
margin: 0;
}
.ova-team2-v2 .avatar .social-list .social i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
font-size: 14px;
line-height: 1;
vertical-align: middle;
color: var(--heading);
}
.ova-team2-v2 .avatar .social-list .social:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
}
.ova-team2-v2 .avatar .social-list .social:hover i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #FFFFFF;
}
.ova-team2-v2 .title {
margin: 0;
color: var(--heading);
font-weight: 400;
margin-top: 27px;
margin-bottom: 5px;
font-size: 24px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-team2-v2 .job {
margin: 0;
font-weight: 500;
font-size: 14px;
line-height: 27px;
color: var(--text);
letter-spacing: 2px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-team2-v2:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: #ffffff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.ova-team2-v2:hover .avatar img {
transform: scale(1.05);
}
.ova-team2-v2:hover .avatar .social-list {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
bottom: 30px;
opacity: 1;
}
.ova-menu-cart {
position: relative;
line-height: 1;
}
.ova-menu-cart .cart-total {
cursor: pointer;
display: inline-flex;
align-items: center;
}
.ova-menu-cart .cart-total i {
display: inline-flex;
font-size: 24px;
color: var(--heading);
margin: 0 2px;
}
.ova-menu-cart .cart-total .items {
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: #FF6159;
width: 22px;
height: 22px;
border-radius: 50%;
font-size: 0.9em;
line-height: 1;
margin-top: -15px;
}
.ova-menu-cart .minicart {
transition: all 0.5s ease;
position: absolute;
right: 0;
top: 0;
width: 280px;
color: #000;
background-color: #fff;
font-size: 14px;
padding: 1.5em 1em;
visibility: hidden;
opacity: 0;
display: block;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons {
margin: 0;
display: flex;
gap: 10px;
justify-content: space-between;
clear: both;
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons a {
transition: all 0.3s ease;
width: 100%;
color: #fff;
text-align: center;
background-color: var(--primary);
border-radius: 0;
border: 1px solid var(--primary);
}
.ova-menu-cart .minicart p.woocommerce-mini-cart__buttons a:hover {
transition: all 0.3s ease;
background-color: transparent;
color: var(--primary);
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart {
list-style: none;
padding: 0;
margin: 0;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li:after {
content: "";
clear: both;
display: table;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li a {
display: inline;
padding: 0;
text-transform: capitalize;
font-weight: 500;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li a.remove {
padding: 0 5px 0 0;
background-color: transparent;
font-size: 1em;
width: 1em;
height: 1em;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li a.remove:hover {
background-color: transparent;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li img {
width: 90px;
float: right;
margin-bottom: 20px;
}
.ova-menu-cart .minicart ul.woocommerce-mini-cart li dl.variation {
display: none;
}
.ova-menu-cart:hover .minicart {
transition: all 0.5s ease;
z-index: 9999;
top: 32px;
visibility: visible;
opacity: 1;
}
.ova-toggle-content {
line-height: 1;
}
.ova-toggle-content.toggled .content.pos_left {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transform: none;
}
.ova-toggle-content.toggled .content.pos_right {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transform: none;
}
.ova-toggle-content.toggled .site-overlay {
opacity: 0.8;
visibility: visible;
transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
}
.ova-toggle-content .content {
overflow: hidden;
overflow-y: auto;
position: fixed;
top: 0;
bottom: 0;
background-color: #222;
color: #fff;
line-height: 1.8em;
width: 380px;
padding: 50px;
z-index: 999;
opacity: 1;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-toggle-content .content .close-menu {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
z-index: 999;
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--primary);
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
top: 30px;
right: 30px;
}
.ova-toggle-content .content .close-menu:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--heading);
}
.ova-toggle-content .content .close-menu:hover i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
}
.ova-toggle-content .content .close-menu i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
font-size: 14px;
color: #fff;
}
.ova-toggle-content .content.pos_left {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
left: 0;
transform: translate3d(-380px, 0, 0);
}
.ova-toggle-content .content.pos_right {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
right: 0;
transform: translate3d(380px, 0, 0);
}
.ova-toggle-content .content .wrap-content img {
display: block;
margin: 0 auto;
object-fit: cover;
}
.ova-toggle-content .content .wrap-content .content-title {
margin: 40px 0 20px 0;
color: #fff;
}
.ova-toggle-content .content .wrap-content .button-contact {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
padding: 15px 20px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
gap: 10px;
}
.ova-toggle-content .content .wrap-content .button-contact:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
background-color: #fff;
}
.ova-toggle-content .content .wrap-content .button-contact:hover svg {
fill: var(--primary);
}
.ova-toggle-content .content .wrap-content .button-contact:hover svg path {
fill: var(--primary);
}
.ova-toggle-content .content .wrap-content .button-contact svg {
width: 16px;
height: 16px;
fill: #fff;
}
.ova-toggle-content .content .wrap-content .button-contact svg path {
fill: #fff;
}
.ova-toggle-content .content .wrap-content .contact-info-title {
margin: 40px 0 20px 0;
color: #fff;
}
.ova-toggle-content .content .wrap-content .contact-item {
display: flex;
align-items: center;
margin: 0 0 10px 0;
gap: 10px;
}
.ova-toggle-content .content .wrap-content .contact-item a {
color: #fff;
}
.ova-toggle-content .content .wrap-content .contact-item a:hover {
color: var(--primary);
}
.ova-toggle-content .content .wrap-content .contact-item i {
display: inline-flex;
color: var(--primary);
}
.ova-toggle-content .content .wrap-content .list-social {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin: 20px 0 0 0;
}
.ova-toggle-content .content .wrap-content .list-social .social {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--primary);
width: 40px;
height: 40px;
border-radius: 50%;
}
.ova-toggle-content .content .wrap-content .list-social .social:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: var(--heading);
}
.ova-toggle-content .content .wrap-content .list-social .social:hover i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: #fff;
}
.ova-toggle-content .content .wrap-content .list-social .social i {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
color: #fff;
}
.ova-toggle-content .site-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0;
visibility: hidden;
position: fixed;
z-index: 998;
}
.ova-toggle-content .button-toggle {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 10px;
border: none;
background-color: transparent;
padding: 0;
}
.ova-toggle-content .button-toggle i {
display: inline-flex;
font-size: 26px;
color: var(--primary);
}
.ova-toggle-content .button-toggle:before, .ova-toggle-content .button-toggle:after {
width: 0;
}
.ova-toggle-content .button-toggle span:before {
width: 0;
}
.ova-toggle-content .button-toggle:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-toggle-content .button-toggle:hover .title {
color: var(--primary);
}
.ova-toggle-content .button-toggle:hover i {
color: var(--primary);
}
.ova-toggle-content .button-toggle .title {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
}
@media (max-width: 1024px) {
.ova-toggle-content .button-toggle .title {
font-size: 14px;
}
}
.ova-toggle-content .dropdown-toggle {
background: transparent;
position: absolute;
top: 0;
right: 0;
display: block;
padding: 0.5em 0 0.5em 10px;
color: inherit;
border-radius: 0;
border: none;
cursor: pointer;
}
.ova-toggle-content .dropdown-toggle::after {
content: "";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-size: 0.6em;
}
.ova-toggle-content .dropdown-toggle:focus {
outline: none;
}
.ova-toggle-content .dropdown-toggle:hover {
background: transparent;
}
.ova-toggle-content .dropdown-toggle.toggled-on:after {
content: "";
font-family: "ovaicon";
}
.ova-text-marquee {
position: relative;
overflow: hidden;
padding: 10px 0 4px 0;
display: inline-flex;
align-items: center;
white-space: nowrap;
background-color: var(--primary);
width: 100%;
direction: ltr;
}
.ova-text-marquee.direction-ltr {
direction: rtl;
}
.ova-text-marquee.direction-ltr .content-wrapper {
animation: ova_scroll_ltr 20s linear infinite;
animation-delay: -20s;
}
.ova-text-marquee.direction-ltr .content-wrapper-2 {
animation: ova_scroll2_ltr 20s linear infinite;
animation-delay: -10s;
}
.ova-text-marquee.direction-ltr.duration-slow .content-wrapper {
animation: ova_scroll_ltr 30s linear infinite;
animation-delay: -30s;
}
.ova-text-marquee.direction-ltr.duration-slow .content-wrapper-2 {
animation: ova_scroll2_ltr 30s linear infinite;
animation-delay: -15s;
}
.ova-text-marquee.direction-ltr.duration-fast .content-wrapper {
animation: ova_scroll_ltr 10s linear infinite;
animation-delay: -10s;
}
.ova-text-marquee.direction-ltr.duration-fast .content-wrapper-2 {
animation: ova_scroll2_ltr 10s linear infinite;
animation-delay: -5s;
}
.ova-text-marquee .content-wrapper, .ova-text-marquee .content-wrapper-2 {
width: 330%;
}
@media (max-width: 1024px) {
.ova-text-marquee .content-wrapper, .ova-text-marquee .content-wrapper-2 {
width: 400%;
}
}
@media (max-width: 767px) {
.ova-text-marquee .content-wrapper, .ova-text-marquee .content-wrapper-2 {
width: 700%;
}
}
.ova-text-marquee .content-wrapper .icon, .ova-text-marquee .content-wrapper-2 .icon {
margin: 0 30px;
display: inline-block;
vertical-align: middle;
}
.ova-text-marquee .content-wrapper .icon i, .ova-text-marquee .content-wrapper-2 .icon i {
font-size: 24px;
color: #fff;
}
.ova-text-marquee .content-wrapper .text, .ova-text-marquee .content-wrapper-2 .text {
font-family: var(--secondary-font);
font-size: 24px;
color: #fff;
width: 200%;
}
.ova-text-marquee .content-wrapper {
animation: ova_scroll 20s linear infinite;
animation-delay: -20s;
}
.ova-text-marquee .spacing {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 600px;
}
.ova-text-marquee .content-wrapper-2 {
animation: ova_scroll2 20s linear infinite;
animation-delay: -10s;
}
.ova-text-marquee.duration-slow .content-wrapper {
animation: ova_scroll 30s linear infinite;
animation-delay: -30s;
}
.ova-text-marquee.duration-slow .content-wrapper-2 {
animation: ova_scroll2 30s linear infinite;
animation-delay: -15s;
}
.ova-text-marquee.duration-fast .content-wrapper {
animation: ova_scroll 10s linear infinite;
animation-delay: -10s;
}
.ova-text-marquee.duration-fast .content-wrapper-2 {
animation: ova_scroll2 10s linear infinite;
animation-delay: -5s;
}
@keyframes ova_scroll {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes ova_scroll2 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-200%);
}
}
@keyframes ova_scroll_ltr {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@keyframes ova_scroll2_ltr {
0% {
transform: translateX(0);
}
100% {
transform: translateX(200%);
}
}
.ova-progress-circle-wrapper.template1 {
text-align: center;
}
.ova-progress-circle-wrapper.template1 .title {
text-align: center;
}
.ova-progress-circle-wrapper.template2 {
display: flex;
align-items: center;
gap: 24px;
}
.ova-progress-circle-wrapper.template2 .line {
margin: 0 0 20px 0;
}
.ova-progress-circle-wrapper .ova-progress-circle {
display: inline-flex;
position: relative;
}
.ova-progress-circle-wrapper .ova-progress-circle:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 87%;
height: 87%;
transform: translate(-50%, -50%);
border: 2px solid var(--primary);
border-radius: 50%;
}
.ova-progress-circle-wrapper .ova-progress-circle .percent {
display: flex;
position: absolute;
top: 50%;
left: 50%;
font-family: var(--secondary-font);
font-size: 22px;
font-weight: bold;
line-height: 1;
color: var(--heading);
transform: translate(-50%, -50%);
}
.ova-progress-circle-wrapper .title {
margin: 0;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
}
.ova-progress-circle-wrapper .line {
display: inline-block;
margin: 20px 0;
width: 30px;
height: 2px;
background-color: var(--primary);
}
.ova-icon-box {
position: relative;
}
.ova-icon-box:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 10px);
height: calc(100% - 10px);
border-radius: inherit;
}
.ova-icon-box .info {
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 20px;
}
.ova-icon-box .icon i {
display: inline-flex;
color: var(--primary);
font-size: 40px;
line-height: 1;
}
.ova-icon-box .icon svg {
fill: #fff;
width: 40px;
height: 40px;
}
.ova-icon-box .title {
margin: 0;
font-size: 20px;
}
.ova-icon-box .desc {
margin: 0;
color: #89868D;
}
.ova-icon-box .icon-arrow i {
font-size: 20px;
color: #fff;
transform: rotate(-40deg);
}
.ova-icon-box.template_1:hover .desc {
transition: all 0.3s ease;
border-top: 1px solid var(--primary);
}
.ova-icon-box.template_1 .desc {
padding-top: 20px;
margin-top: 15px;
border-top: 1px solid #626163;
}
.ova-icon-box.template_2 {
padding: 40px;
background-color: var(--primary);
text-align: center;
}
.ova-icon-box.template_2:before {
border: 2px dashed #fff;
}
.ova-icon-box.template_2 .icon i {
font-size: 45px;
color: #fff;
}
.ova-icon-box.template_2 .icon svg {
fill: #fff;
width: 45px;
height: 45px;
}
.ova-icon-box.template_2 .title {
margin: 8px 0 12px 0;
font-size: 22px;
font-weight: 700;
color: #fff;
}
.ova-icon-box.template_2 .desc {
margin: 0 0 8px 0;
color: #fff;
}
.ova-gallery-slide .owl-stage-outer {
position: relative;
z-index: 1;
}
.ova-gallery-slide .gallery-slide .owl-item {
display: inline-block;
float: none;
vertical-align: middle;
}
.ova-gallery-slide .gallery-slide .owl-item:nth-child(odd) .gallery-box .list-gallery img {
height: 400px;
}
.ova-gallery-slide .gallery-slide .gallery-box:hover .list-gallery:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transform: scale(1);
}
.ova-gallery-slide .gallery-slide .gallery-box:hover .list-gallery img {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transform: scale(1.05);
}
.ova-gallery-slide .gallery-slide .gallery-box:hover .list-gallery .icon-box {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
opacity: 1;
transform: scale(1);
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery {
position: relative;
display: block;
overflow: hidden;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery:before {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: var(--heading);
opacity: 0.85;
z-index: 1;
transform: scale(0);
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery img {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width: 100%;
height: 330px;
object-fit: cover;
object-position: center;
transform: scale(1);
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
transform: scale(0);
z-index: 1;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .icon {
transition: all 0.3s ease;
position: absolute;
top: 15px;
right: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
background: var(--primary);
flex-shrink: 0;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .icon:hover {
transition: all 0.3s ease;
background-color: #fff;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .icon:hover i {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .icon:hover svg {
fill: var(--primary);
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .icon:hover svg path {
fill: var(--primary);
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .icon i {
transition: all 0.3s ease;
display: inline-flex;
color: #fff;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .icon svg {
width: 16px;
height: 16px;
fill: #fff;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .icon svg path {
fill: #fff;
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .info {
position: absolute;
left: 25px;
bottom: 30px;
max-width: calc( 100% - 30px );
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .title {
margin: 0 0 3px 0;
font-size: 22px;
font-weight: 400;
color: #fff;
line-height: 1.1;
padding: 7px 15px;
min-width: 194px;
background-color: var(--primary);
}
.ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .category {
display: inline-block;
line-height: 1.1;
color: var(--heading);
padding: 7px 15px;
background-color: #fff;
}
.ova-gallery-slide .gallery-slide .owl-nav button {
position: absolute;
top: 50%;
z-index: 1;
}
.ova-gallery-slide .gallery-slide .owl-nav button.owl-prev {
left: 0;
transform: translate(50%, -50%);
}
.ova-gallery-slide .gallery-slide .owl-nav button.owl-next {
right: 0;
transform: translate(-50%, -50%);
}
.ova-gallery-slide .gallery-slide .owl-nav button i {
display: flex;
justify-content: center;
align-items: center;
}
.ova-gallery-slide .gallery-slide .owl-nav button:hover {
color: var(--primary);
}
.ova-gallery-slide .gallery-slide .owl-dots {
margin-top: 30px;
text-align: center;
}
.ova-gallery-slide .gallery-slide .owl-dots button {
width: 8px;
height: 8px;
background-color: var(--text);
border-radius: 50%;
margin: 0px 4px;
}
.ova-gallery-slide .gallery-slide .owl-dots button.active {
background-color: var(--primary);
}
.rtl .ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .icon {
right: unset;
left: 15px;
}
.rtl .ova-gallery-slide .gallery-slide .gallery-box .list-gallery .icon-box .info {
left: unset;
right: 25px;
}
.ova-pricing-tab {
direction: ltr;
}
.ova-pricing-tab .tab-pricing-switch {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 60px;
}
.ova-pricing-tab .tab-pricing-switch .price-label {
font-family: var(--secondary-font);
font-size: 20px;
line-height: 1.5;
font-weight: 600;
text-align: center;
}
.ova-pricing-tab .tab-pricing-switch .price-label.label-active {
color: var(--heading);
}
@media (max-width: 430px) {
.ova-pricing-tab .tab-pricing-switch .price-label {
font-size: 16px;
}
}
.ova-pricing-tab .tab-pricing-switch .switch {
position: relative;
display: inline-block;
min-width: 50px;
width: 50px;
height: 20px;
margin: 0 16px;
}
.ova-pricing-tab .tab-pricing-switch .switch.switch-active .slider:before {
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
.ova-pricing-tab .tab-pricing-switch .switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--primary);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.ova-pricing-tab .tab-pricing-switch .switch .slider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 3px;
bottom: 3px;
background-color: #fff;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.ova-pricing-tab .tab-pricing-switch .switch .slider.round {
border-radius: 34px;
}
.ova-pricing-tab .tab-pricing-switch .switch .slider.round:before {
border-radius: 50%;
}
.ova-pricing-tab .tab-pricing-content {
text-align: center;
}
.ova-pricing-tab .tab-pricing-content .tab-pane {
display: none;
}
.ova-pricing-tab .tab-pricing-content .tab-pane.active {
display: block;
}
.ova-icon-list {
margin: 0 15px;
}
.ova-icon-list .item {
position: relative;
padding-bottom: 35px;
}
.ova-icon-list .item:last-child {
padding-bottom: 0;
}
.ova-icon-list .item:last-child.item-line:before {
content: none;
}
.ova-icon-list .item:before {
position: absolute;
content: none;
height: 100%;
width: 2px;
left: 0;
top: 35px;
background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.ova-icon-list .item.item-line:before {
content: "";
}
.ova-icon-list .item i {
font-size: 16px;
color: #fff;
background-color: var(--primary);
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
top: 0;
left: -20px;
}
.ova-icon-list .item svg {
width: 40px;
height: 40px;
fill: var(--primary);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: absolute;
top: 0;
left: -20px;
}
.ova-icon-list .item.active .info {
padding: 14px 26px;
border: 1px solid rgba(5, 26, 83, 0.01);
}
.ova-icon-list .item .info {
display: inline-block;
margin-left: 40px;
}
.ova-icon-list .item .title {
margin: 0 0 8px 0;
font-size: 22px;
font-weight: 400;
line-height: 1.4;
}
.ova-icon-list .item .desc {
margin: 0;
font-size: 16px;
white-space: pre-line;
}
@media (max-width: 1024px) {
.ova-icon-list .item .desc {
white-space: normal;
}
}
.rtl .ova-icon-list .item:before {
left: unset;
right: 0;
}
.rtl .ova-icon-list .item .info {
margin-left: 0;
margin-right: 40px;
}
.rtl .ova-icon-list .item i {
left: unset;
right: -20px;
}
.ova-latest-products .item {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.ova-latest-products .item:last-child {
margin-bottom: 0;
}
.ova-latest-products .item .media {
gap: 15px;
}
.ova-latest-products .item .media a {
display: flex;
position: relative;
overflow: hidden;
height: 100%;
padding: 0 !important;
}
.ova-latest-products .item .media a img {
width: 70px;
min-width: 70px;
min-height: 50px;
height: 100%;
object-fit: cover;
object-position: center;
}
.ova-latest-products .item .info {
display: flex;
flex-flow: column;
}
.ova-latest-products .item .info a {
padding: 0 !important;
}
.ova-latest-products .item .info a:hover .title {
color: var(--primary);
}
.ova-latest-products .item .info .title {
margin: 3px 0 6px 0;
font-size: 16px;
line-height: 1.2;
}
.ova-latest-products .item .info .price {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 15px;
color: var(--primary);
}