.rion-banner.style-01 .heading { padding-bottom:160px !important;}
.rion-banner.style-01 .heading::before { height:80px !important; bottom:50px !important;} @font-face {
font-family: 'gt-walsheim_prothin';
src: url(//farinelli.es/wp-content/themes/rion/assets/fonts/GT-Walsheim-Pro-Light.OTF) format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gt-walsheim_prolight';
src: url(//farinelli.es/wp-content/themes/rion/assets/fonts/GT-Walsheim-Pro-Thin.OTF) format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gt-walsheim_promedium';
src: url(//farinelli.es/wp-content/themes/rion/assets/fonts/GT-Walsheim-Pro-Medium.OTF) format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gt-walsheim_probold';
src: url(//farinelli.es/wp-content/themes/rion/assets/fonts/GT-Walsheim-Pro-Bold.OTF) format('opentype');
font-weight: normal;
font-style: normal;
}
body {
max-width: 100%;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
ul, ol {
margin: 0;
padding-left: 19px;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
p {
margin-bottom: 20px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.page-links {
margin-top: 10px;
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.page-links > span.page-links-title {
line-height: 44px;
}
.page-links > a,
.page-links > span:not(.page-links-title) {
color: #cbd1da;
display: inline-block;
min-width: 44px;
padding: 0 3px;
vertical-align: top;
text-align: center;
font-size: 18px;
position: relative;
line-height: 42px;
height: 44px;
border: 1px solid;
margin: 3px;
font-weight: 700;
}
.page-links > span:not(.page-links-title),
.page-links > a:hover {
color: #333333;
}
.more-link {
margin-top: 5px;
}
.more-link::after {
content: "\f178";
font-family: 'FontAwesome', sans-serif;
margin-left: 5px;
vertical-align: middle;
}
.post-password-form input[type="submit"]:hover {
background-color: #3f5ae5;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 2em;
margin: 0 0 30px;
position: relative;
background-color: #fafafa;
color: #111111;
border-top: 3px solid #4CAF50;
list-style: none !important;
width: auto;
word-wrap: break-word;
}
.woocommerce-error:after, .woocommerce-error:before, .woocommerce-info:after, .woocommerce-info:before, .woocommerce-message:after, .woocommerce-message:before {
content: "";
display: table;
}
.woocommerce-error:after, .woocommerce-info:after, .woocommerce-message:after {
clear: both;
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
float: right;
font-size: 14px;
display: inline-block;
padding: 0 14px;
height: 30px;
line-height: 30px;
border-radius: 30px;
margin: 0;
background-color: #000;
color: #fff;
}
.woocommerce-error .button:hover, .woocommerce-info .button:hover, .woocommerce-message .button:hover {
background-color: #3f5ae5;
}
.woocommerce-error {
border-color: #f44336;
}
.woocommerce-info {
border-color: #2196F3;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus, select:focus {
outline: none;
}
:focus {
outline: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
:-moz-placeholder { color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
::-moz-placeholder { color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
:-ms-input-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
.added_to_cart.disabled,
.added_to_cart:disabled,
.button.disabled,
.button:disabled,
button.disabled,
button:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="submit"].disabled,
input[type="submit"]:disabled {
opacity: 0.65 !important;
cursor: not-allowed;
}
.return-message {
line-height: 20px;
padding: 10px;
margin-top: 15px;
text-align: left;
color: #000000;
}  @media (min-width: 1200px) {
.auto-clear .vc_col-lg-1:nth-child(12n+1), .auto-clear .vc_col-lg-2:nth-child(6n+1), .auto-clear .vc_col-lg-15:nth-child(5n+1), .auto-clear .vc_col-lg-3:nth-child(4n+1), .auto-clear .vc_col-lg-4:nth-child(3n+1), .auto-clear .vc_col-lg-6:nth-child(odd) {
clear: both;
}
}
@media (min-width: 1500px) {
.auto-clear .col-bg-1:nth-child(12n+1), .auto-clear .col-bg-2:nth-child(6n+1), .auto-clear .col-bg-15:nth-child(5n+1), .auto-clear .col-bg-3:nth-child(4n+1), .auto-clear .col-bg-4:nth-child(3n+1), .auto-clear .col-bg-6:nth-child(odd) {
clear: both;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
.auto-clear .col-lg-1:nth-child(12n+1), .auto-clear .col-lg-2:nth-child(6n+1), .auto-clear .col-lg-15:nth-child(5n+1), .auto-clear .col-lg-3:nth-child(4n+1), .auto-clear .col-lg-4:nth-child(3n+1), .auto-clear .col-lg-6:nth-child(odd) {
clear: both;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.auto-clear .vc_col-md-1:nth-child(12n+1), .auto-clear .vc_col-md-2:nth-child(6n+1), .auto-clear .vc_col-md-15:nth-child(5n+1), .auto-clear .vc_col-md-3:nth-child(4n+1), .auto-clear .vc_col-md-4:nth-child(3n+1), .auto-clear .vc_col-md-6:nth-child(odd), .auto-clear .col-md-1:nth-child(12n+1), .auto-clear .col-md-2:nth-child(6n+1), .auto-clear .col-md-15:nth-child(5n+1), .auto-clear .col-md-3:nth-child(4n+1), .auto-clear .col-md-4:nth-child(3n+1), .auto-clear .col-md-6:nth-child(odd) {
clear: both;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.auto-clear .vc_col-sm-1:nth-child(12n+1), .auto-clear .vc_col-sm-2:nth-child(6n+1), .auto-clear .vc_col-sm-15:nth-child(5n+1), .auto-clear .vc_col-sm-3:nth-child(4n+1), .auto-clear .vc_col-sm-4:nth-child(3n+1), .auto-clear .vc_col-sm-6:nth-child(odd), .auto-clear .col-sm-1:nth-child(12n+1), .auto-clear .col-sm-2:nth-child(6n+1), .auto-clear .col-sm-15:nth-child(5n+1), .auto-clear .col-sm-3:nth-child(4n+1), .auto-clear .col-sm-4:nth-child(3n+1), .auto-clear .col-sm-6:nth-child(odd) {
clear: both;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.auto-clear .col-xs-1:nth-child(12n+1), .auto-clear .col-xs-2:nth-child(6n+1), .auto-clear .col-xs-15:nth-child(5n+1), .auto-clear .col-xs-3:nth-child(4n+1), .auto-clear .col-xs-4:nth-child(3n+1), .auto-clear .col-xs-6:nth-child(odd) {
clear: both;
}
}
@media (max-width: 479px) {
.auto-clear .col-ts-1:nth-child(12n+1), .auto-clear .col-ts-2:nth-child(6n+1), .auto-clear .col-ts-15:nth-child(5n+1), .auto-clear .col-ts-3:nth-child(4n+1), .auto-clear .col-ts-4:nth-child(3n+1), .auto-clear .col-ts-6:nth-child(odd) {
clear: both;
}
}
@media (max-width: 767px) {
.auto-clear .vc_col-xs-1:nth-child(12n+1), .auto-clear .vc_col-xs-2:nth-child(6n+1), .auto-clear .vc_col-xs-15:nth-child(5n+1), .auto-clear .vc_col-xs-3:nth-child(4n+1), .auto-clear .vc_col-xs-4:nth-child(3n+1), .auto-clear .vc_col-xs-6:nth-child(odd) {
clear: both;
}
} .col-bg-15,
.col-bg-25,
.col-bg-35,
.col-bg-45,
.col-lg-15,
.col-lg-25,
.col-lg-35,
.col-lg-45,
.col-md-15,
.col-md-25,
.col-md-35,
.col-md-45,
.col-sm-15,
.col-sm-25,
.col-sm-35,
.col-sm-45,
.col-xs-15,
.col-xs-25,
.col-xs-35,
.col-xs-45,
.col-ts-15,
.col-ts-25,
.col-ts-35,
.col-ts-45 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
@media (max-width: 479px) {
.col-ts-15,
.col-ts-25,
.col-ts-35,
.col-ts-45 {
float: left;
}
.col-ts-15 {
width: 20%;
}
.col-ts-25 {
width: 40%;
}
.col-ts-35 {
width: 60%;
}
.col-ts-45 {
width: 80%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.col-xs-15,
.col-xs-25,
.col-xs-35,
.col-xs-45 {
float: left;
}
.col-xs-15 {
width: 20%;
}
.col-xs-25 {
width: 40%;
}
.col-xs-35 {
width: 60%;
}
.col-xs-45 {
width: 80%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.col-sm-15,
.col-sm-25,
.col-sm-35,
.col-sm-45 {
float: left;
}
.col-sm-15 {
width: 20%;
}
.col-sm-25 {
width: 40%;
}
.col-sm-35 {
width: 60%;
}
.col-sm-45 {
width: 80%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.col-md-15,
.col-md-25,
.col-md-35,
.col-md-45 {
float: left;
}
.col-md-15 {
width: 20%;
}
.col-md-25 {
width: 40%;
}
.col-md-35 {
width: 60%;
}
.col-md-45 {
width: 80%;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
.col-lg-15,
.col-lg-25,
.col-lg-35,
.col-lg-45 {
float: left;
}
.col-lg-15 {
width: 20%;
}
.col-lg-25 {
width: 40%;
}
.col-lg-35 {
width: 60%;
}
.col-lg-45 {
width: 80%;
}
}
@media (min-width: 1500px) {
.col-bg-15,
.col-bg-25,
.col-bg-35,
.col-bg-45 {
float: left;
}
.col-bg-15 {
width: 20%;
}
.col-bg-25 {
width: 40%;
}
.col-bg-35 {
width: 60%;
}
.col-bg-45 {
width: 80%;
}
} @media (min-width: 1500px) {
.col-bg-1, .col-bg-10, .col-bg-11, .col-bg-12, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col-bg-1, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9, .col-bg-10, .col-bg-11, .col-bg-12 {
float: left;
}
.col-bg-12 {
width: 100%;
}
.col-bg-11 {
width: 91.66666667%;
}
.col-bg-10 {
width: 83.33333333%;
}
.col-bg-9 {
width: 75%;
}
.col-bg-8 {
width: 66.66666667%;
}
.col-bg-7 {
width: 58.33333333%;
}
.col-bg-6 {
width: 50%;
}
.col-bg-5 {
width: 41.66666667%;
}
.col-bg-4 {
width: 33.33333333%;
}
.col-bg-3 {
width: 25%;
}
.col-bg-2 {
width: 16.66666667%;
}
.col-bg-1 {
width: 8.33333333%;
}
} @media (max-width: 479px) {
.col-ts-1, .col-ts-10, .col-ts-11, .col-ts-12, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-ts-1, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9, .col-ts-10, .col-ts-11 {
float: left;
}
.col-ts-12 {
width: 100%;
}
.col-ts-11 {
width: 91.66666667%;
}
.col-ts-10 {
width: 83.33333333%;
}
.col-ts-9 {
width: 75%;
}
.col-ts-8 {
width: 66.66666667%;
}
.col-ts-7 {
width: 58.33333333%;
}
.col-ts-6 {
width: 50%;
}
.col-ts-5 {
width: 41.66666667%;
}
.col-ts-4 {
width: 33.33333333%;
}
.col-ts-3 {
width: 25%;
}
.col-ts-2 {
width: 16.66666667%;
}
.col-ts-1 {
width: 8.33333333%;
}
} .rows-space-0 {
margin-bottom: 0;
}
.rows-space-10 {
margin-bottom: 10px;
}
.rows-space-20 {
margin-bottom: 20px;
}
.rows-space-30 {
margin-bottom: 30px;
}
.rows-space-40 {
margin-bottom: 40px;
}
.rows-space-50 {
margin-bottom: 50px;
}
.rows-space-60 {
margin-bottom: 60px;
}
.rows-space-70 {
margin-bottom: 70px;
}
.rows-space-80 {
margin-bottom: 80px;
}
.rows-space-90 {
margin-bottom: 90px;
}
.rows-space-100 {
margin-bottom: 100px;
}
@media (max-width: 1199px) {
.rows-space-30,
.rows-space-40,
.rows-space-50,
.rows-space-60,
.rows-space-70,
.rows-space-80,
.rows-space-90,
.rows-space-100 {
margin-bottom: 25px;
}
}
@media (max-width: 767px) {
.rows-space-20,
.rows-space-30,
.rows-space-40,
.rows-space-50,
.rows-space-60,
.rows-space-70,
.rows-space-80,
.rows-space-90,
.rows-space-100 {
margin-bottom: 15px;
}
}
.owl-slick .row-item:last-child [class^="rows-space-"],
.owl-slick .row-item:last-child [class*=" rows-space-"] {
margin-bottom: 0;
}
.wpb_revslider_element .fa-icon-angle-down::before,
.wpb_revslider_element .fa-icon-angle-up::before {
font-size: 21px;
}
.wpb_revslider_element .fa-icon-angle-down::before {
position: relative;
top: 2px
} .post-content .wp-block-cover {
margin-bottom: 28px;
}
code {
padding: 2px;
border-radius: 2px;
color: #23282d;
background: #f3f4f5;
font-family: Menlo, Consolas, monaco, monospace;
font-size: inherit;
}
.post-content .wp-block-quote {
border-left: 4px solid #000;
margin-top: 0;
margin-bottom: 20px;
color: #000000;
font-size: 14px;
font-weight: 500;
padding: 22px 0 22px 22px;
font-style: normal;
}
.post-content .wp-block-quote p {
padding: 0;
}
.post-content .wp-block-quote p:before {
display: none;
}
.post-content .has-large-font-size {
line-height: 36px;
}
.post-content .has-huge-font-size, .post-content .has-larger-font-size {
font-size: 48px;
line-height: 48px;
}
.post-item .post-content > .wp-block-image {
width: 100%;
}
.post-item .post-content > .wp-block-image > * {
max-width: 100%;
}
.post-item .post-content > *.alignwide {
width: 100%;
max-width: 100%;
clear: both;
}
.post-item .post-content > *.alignleft {
float: left;
margin-right: 2em;
}
.post-item .post-content > *.alignright {
float: right;
margin-left: 2em;
}
.wp-block-image .alignleft {
margin-right: 2em;
}
.wp-block-image .alignright {
margin-left: 2em;
}
.post-item .post-content > .wp-block-image.alignfull > img,
.wp-block-image .alignfull img,
.wp-block-image.alignfull img {
width: 100%;
}
.wp-block-pullquote {
margin-bottom: 20px;
}
.wp-block-pullquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 28px;
padding: 0;
}
.wp-block-pullquote p:before {
display: none;
}
.wp-block-pullquote blockquote {
font-style: normal;
display: block;
border-left: none;
color: #40464d;
font-weight: normal;
padding: 0;
margin: 0;
} .vc_col-has-fill > div.vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,
section.vc_section.vc_section-has-fill,
section.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
section.vc_section.vc_section-has-fill + .vc_section {
padding-top: 0;
}
body .wpb_button, body .wpb_content_element,
body ul.wpb_thumbnails-fluid > li {
margin-bottom: 0;
}
.vc_row-no-padding .vc_inner {
margin-left: -15px;
margin-right: -15px;
}
div.vc_row.vc_row-no-padding .vc_inner {
margin-left: -15px;
margin-right: -15px;
}
div.vc_row.vc_row-no-padding .vc_inner .vc_column-inner {
padding-left: 15px;
padding-right: 15px;
}
.vc_separator * {
display: block;
}
div.vc_separator .vc_sep_holder {
height: auto;
}
div.vc_separator .vc_sep_holder .vc_sep_line {
height: auto;
top: auto;
}
@media (max-width: 1199px) {
.vc_custom_heading br,
.wpb_text_column br {
display: none;
}
} .alignnone {
margin: 5px 20px 20px 0;
}
img.alignnone {
margin: 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #ffffff;
max-width: 100%; padding: 5px 0;
text-align: center;
margin: 0;
}
.wp-caption.alignnone {
margin: 0 20px 20px 0;
clear: both;
}
.wp-caption.alignleft {
margin: 0 20px 20px 0;
}
.wp-caption.alignright {
margin: 0 0 20px 20px;
}
.wp-caption.aligncenter {
margin: 0 auto;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 12px;
line-height: 17px;
padding: 10px 4px 5px;
margin: 0 !important;
}
iframe {
max-width: 100% !important;
}
.alignright {
float: right;
margin: 5px 0 20px 30px;
}
.alignleft {
float: left;
margin: 5px 30px 20px 0;
} .gallery {
margin-left: -10px !important;
margin-right: -10px !important;
}
.gallery:after {
display: table;
content: "";
clear: both;
}
.gallery-caption {
color: #707070;
display: block;
font-size: 12px;
line-height: 1.5;
padding: 0.5em 0;
}
.gallery-item {
margin: 0;
float: left;
padding: 10px;
font-style: italic;
color: #666;
}
.gallery-columns-1 .gallery-item {
width: 100%;
float: none;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.3333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6667%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
@media (min-width: 1200px) {
.gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: both;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.main-container:not(.no-sidebar) .gallery .gallery-item {
min-width: 25%;
}
.main-container.no-sidebar .gallery-columns-2 .gallery-item:nth-child(2n+1), .main-container.no-sidebar .gallery-columns-3 .gallery-item:nth-child(3n+1), .main-container.no-sidebar .gallery-columns-4 .gallery-item:nth-child(4n+1), .main-container.no-sidebar .gallery-columns-5 .gallery-item:nth-child(5n+1), .main-container.no-sidebar .gallery-columns-6 .gallery-item:nth-child(6n+1), .main-container.no-sidebar .gallery-columns-7 .gallery-item:nth-child(7n+1), .main-container.no-sidebar .gallery-columns-8 .gallery-item:nth-child(8n+1), .main-container.no-sidebar .gallery-columns-9 .gallery-item:nth-child(9n+1), .main-container:not(.no-sidebar) .gallery-columns-2 .gallery-item:nth-child(2n+1), .main-container:not(.no-sidebar) .gallery-columns-3 .gallery-item:nth-child(3n+1), .main-container:not(.no-sidebar) .gallery:not(.gallery-columns-2):not(.gallery-columns-3) .gallery-item:nth-child(4n+1) {
clear: both;
}
}
@media (max-width: 991px) {
.gallery .gallery-item {
min-width: 25%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery:not(.gallery-columns-2):not(.gallery-columns-3) .gallery-item:nth-child(4n+1) {
clear: both;
}
}
@media (max-width: 767px) {
.gallery .gallery-item {
min-width: 33.33%;
}
}
@media (max-width: 767px) and (min-width: 480px) {
.gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery:not(.gallery-columns-2) .gallery-item:nth-child(3n+1) {
clear: both;
}
}
@media (max-width: 479px) {
.gallery .gallery-item {
min-width: 50%;
}
.gallery .gallery-item:nth-child(2n+1) {
clear: both;
}
}
@media (max-width: 320px) {
.gallery-columns-1 .gallery-caption,
.gallery-columns-2 .gallery-caption,
.gallery-columns-3 .gallery-caption,
.gallery-columns-4 .gallery-caption,
.gallery-columns-5 .gallery-caption {
display: none;
}
}
.bypostauthor {
color: inherit;
display: inline-block;
width: 100%;
}
.sticky {
color: inherit;
}
article.sticky .post-title a::before {
font-family: 'FontAwesome', sans-serif;
content: "\f097";
font-size: 30px;
padding-right: 10px;
}
.post-title,
.widget {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.widget select {
width: 100%;
}
.widget_rss cite {
color: #333;
}
.widget_rss .rss-date {
display: block;
font-size: 14px;
line-height: 30px;
color: #b7b7b7;
letter-spacing: 0.1em;
}
.widget_calendar .calendar_wrap tr,
.widget_calendar .calendar_wrap td {
padding: 0;
text-align: center;
}
.widget_calendar .calendar_wrap #today {
color: red;
}
.widget_tag_cloud .tagcloud a {
display: inline-block;
margin: 6px 9px 6px 0;
padding: 10px 20px;
font-size: 14px !important;
color: #868686;
border: 1px solid #dddddd;
text-align: center;
line-height: 1;
}
.widget_tag_cloud .tagcloud a:hover {
background-color: #3f5ae5;
border-color: #3f5ae5;
color: #fff;
} .woocommerce-cart-form {
border: 2px solid #e3e3e3;
}
.widget_shopping_cart .widget_shopping_cart_content {
padding-top: 19px;
}
.widget_shopping_cart .product_list_widget {
padding-left: 0;
list-style: none;
}
.widget_shopping_cart .product_list_widget li {
position: relative;
}
.widget_shopping_cart .product_list_widget li .variation {
display: none;
}
.widget_shopping_cart .product_list_widget li.mini_cart_item {
padding: 0 20px 19px 0;
overflow: hidden;
color: #000000;
font-size: 16px;
}
.widget_shopping_cart .product_list_widget img {
float: left;
max-width: 70px;
margin-right: 20px;
}
.widget_shopping_cart .product_list_widget li > a {
display: block;
}
.widget_shopping_cart .product_list_widget li a:nth-child(2) {
font-size: 16px;
line-height: 22px;
font-weight: 600;
}
.widget_shopping_cart .product_list_widget li a:nth-child(2):not(:hover) {
color: #000000;
}
.widget_shopping_cart .product_list_widget li .quantity {
font-size: 16px;
line-height: 22px;
color: #868686;
}
.widget_shopping_cart .product_list_widget li .remove_from_cart_button {
position: absolute;
top: 0;
right: 5px;
font-size: 24px;
width: auto !important;
}
.widget_shopping_cart .product_list_widget li .remove_from_cart_button:not(:hover) {
color: inherit;
} .widget_shopping_cart .woocommerce-mini-cart__total {
margin-bottom: 0;
padding: 20px 0;
font-weight: 700;
font-size: 13px;
overflow: hidden;
}
.widget_shopping_cart .woocommerce-mini-cart__total strong {
font-weight: inherit;
letter-spacing: 0.1em;
color: #000000;
text-transform: uppercase;
padding-right: 20px;
}
.widget_shopping_cart .woocommerce-mini-cart__total .woocommerce-Price-amount {
float: right;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons {
margin-bottom: 0;
overflow: hidden;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
display: block;
height: 42px;
line-height: 42px;
border-radius: 42px;
padding: 0 10px;
background-color: #000000;
text-align: center;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout {
background-color: #3f5ae5;
margin-top: 10px;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button:not(.checkout):hover {
background-color: #3f5ae5;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout:hover {
background-color: #000000;
} .widget_product_search .woocommerce-product-search {
position: relative;
}
.widget_product_search .woocommerce-product-search .search-field {
width: 100%;
padding-right: 90px;
}
.widget_product_search .woocommerce-product-search input[type="submit"] {
position: absolute;
top: 0;
right: 0;
border-radius: 0;
} .product_list_widget .rating-wapper {
padding-bottom: 0;
margin-bottom: -3px;
}
.product_list_widget li > a {
display: inline-block;
width: 100%;
margin-bottom: 4px;
}
.product_list_widget li > a img {
max-width: 70px;
float: left;
margin-right: 10px;
}
.product_list_widget li .product-title {
font-size: 16px;
line-height: 22px;
} #widget-area .widget.widget_media_image {
border: none;
padding: 0;
}
.widget_media_image {
overflow: hidden;
display: table;
position: relative;
}
.widget_media_image a {
display: block;
}
.widget_media_image a::before,
.widget_media_image a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 1;
}
.widget_media_image a:hover::before {
right: 50%;
left: 50%;
background-color: rgba(255, 255, 255, .5);
}
.widget_media_image a:hover::after {
top: 50%;
bottom: 50%;
background-color: rgba(255, 255, 255, .5);
} .widget_product_search .woocommerce-product-search {
position: relative;
}
.widget_product_search .woocommerce-product-search .search-field {
width: 100%;
padding: 0 60px 0 25px;
border: 1px solid #eaeaea;
line-height: 48px;
height: 50px;
}
.widget_product_search .woocommerce-product-search button[type="submit"] {
background: transparent;
border: none;
color: #828282;
display: inline-block;
height: 50px;
padding: 0;
position: absolute;
right: 0;
top: 0;
text-align: center;
width: 50px;
font-size: 0;
}
.widget_product_search .woocommerce-product-search button[type="submit"]::before {
font-size: 16px;
content: "\f002";
font-family: 'FontAwesome', sans-serif;
} .product_list_widget {
padding-left: 0;
list-style: none;
}
.product_list_widget li:not(.mini_cart_item) {
position: relative;
margin-bottom: 6px;
}
.product_list_widget li:not(.mini_cart_item) img {
float: left;
max-width: 79px;
margin-right: 15px;
border: 1px solid #e4e6ec;
border-radius: 2px;
}
#widget-area .product_list_widget li {
display: inline-block;
width: 100%;
}
.product_list_widget li > a {
display: block;
}
.product_list_widget li:not(.mini_cart_item) > a:not(:hover) {
color: #000000;
}
.product_list_widget li:not(.mini_cart_item) .product-title {
display: block;
margin-bottom: 5px;
}
.product_list_widget li:not(.mini_cart_item) del .woocommerce-Price-amount {
vertical-align: middle;
} #widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 0 5px;
}
#widget-area .widget .select2-container .select2-search--inline {
padding: 0;
}
#widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__choice {
border: none;
color: #fff;
background-color: #3f5ae5;
display: inline-block;
width: auto;
}
#widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #fff;
}
.woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit {
width: 100%;
max-width: 270px;
height: 45px;
line-height: 4px;
font-size: 14px;
background-color: #000000;
margin-top: 20px;
}
.woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit:hover {
background-color: #3f5ae5;
} .loading-lazy {
position: relative;
display: block;
}
.rion-accordion.loading, .tab-container.loading {
position: relative;
cursor: wait;
}
.loading-lazy::after, .rion-accordion.loading::before, .rion-accordion.loading::after, .tab-container.loading::before, .tab-container.loading::after {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 8;
}
.rion-accordion.loading::before, .tab-container.loading::before {
background: rgba(255, 255, 255, 0.8);
}
.loading-lazy::after, .rion-accordion::after, .tab-container.loading::after {
width: 40px;
height: 40px;
margin: auto;
border: 3px solid #ccc;
border-top-color: #333;
border-radius: 50%;
-webkit-animation: fa-spin 2s infinite linear;
-o-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
} .effect {
display: inline-block;
position: relative;
overflow: hidden;
} .opacity-effect {
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.opacity-effect:hover {
opacity: 0.5;
} .scale-effect img {
-webkit-transition: transform 0.25s ease 0s;
-moz-transition: transform 0.25s ease 0s;
-o-transition: transform 0.25s ease 0s;
transition: transform 0.25s ease 0s;
}
.scale-effect:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
} .normal-effect {
overflow: hidden;
position: relative;
}
.normal-effect::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
opacity: 0;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.normal-effect:hover::after {
opacity: 0.3;
}
.normal-effect.dark-bg::after {
background-color: #000000;
}
.normal-effect.light-bg::after {
background-color: #fff;
} .plus-zoom::before,
.plus-zoom::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 1;
}
.plus-zoom:hover::before {
right: 50%;
left: 50%;
background-color: rgba(255, 255, 255, 0.5);
}
.plus-zoom:hover::after {
top: 50%;
bottom: 50%;
background-color: rgba(255, 255, 255, 0.5);
} .bounce-in:hover img {
-webkit-animation: bounceIn 0.5s ease;
-o-animation: bounceIn 0.5s ease;
animation: bounceIn 0.5s ease;
} .border-zoom::before,
.border-zoom::after {
position: absolute;
content: '';
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
}
.border-zoom::before {
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.border-zoom::after {
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 2px solid #fff;
}
.border-zoom:hover::before,
.border-zoom:hover::after {
opacity: 1;
}
.border-zoom:hover::after {
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
} @-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
@-webkit-keyframes underline-link {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50.01% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes underline-link {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50.01% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
} html, body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 26px;
color: #868686;
}
label {
font-weight: normal;
color: #000000;
}
a, body .vc_custom_heading a {
color: #000000;
text-decoration: none;
-webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
-moz-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
-o-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
}
a:hover, a:focus, a:active {
text-decoration: none;
outline: none;
color: #3f5ae5;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
font-weight: normal;
color: #000000;
margin-top: 12px;
margin-bottom: 18px;
}
blockquote, q {
color: #000000;
font-size: 16px;
line-height: 28px;
padding: 15px 0 15px 20px;
margin-top: 10px;
margin-bottom: 20px;
border-left: 3px solid #3f5ae5;
}
dt, dd {
line-height: 30px;
} input[type="number"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select {
border: 1px solid #dadada;
padding: 0 20px;
max-width: 100%;
background-color: transparent;
font-size: 14px;
color: #868686;
height: 56px;
line-height: 56px;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"] {
-webkit-appearance: none;
}
textarea {
display: block;
line-height: 24px;
padding: 15px;
height: auto;
width: 100%;
-webkit-appearance: none;
}
select {
padding: 0 33px 0 15px;
background: url(//farinelli.es/wp-content/themes/rion/assets/images/select-arrow.png) center right no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
}
select option {
padding: 0;
}
select::-ms-expand {
display: none;
}
button, input[type="submit"], input[type="button"], .fami-btn {
display: inline-block;
height: 56px;
line-height: 56px;
font-size: 14px;
color: #ffffff;
padding: 0 15px;
background: #000000;
border: none;
-webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
-moz-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
-o-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
}
.fami-btn:hover {
background-color: #3f5ae5;
}
@media (max-width: 767px) {
button, input[type="submit"], input[type="button"], .fami-btn,
input[type="number"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select {
height: 50px;
line-height: 50px;
}
} table {
border: 1px solid #ebebeb;
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
width: 100%;
margin-bottom: 20px;
}
table thead {
background-color: #f8f8f8;
}
th, td {
border: 1px solid #ebebeb;
padding: 10px;
}
@media (max-width: 991px) {
th, td {
padding: 5px;
}
} .container {
max-width: 100%;
}
@media (min-width: 1281px) {
.container {
width: 1450px;
padding-left: 20px;
padding-right: 20px;
}
.row {
margin-left: -20px;
margin-right: -20px;
}
.row > [class^="col-"], .row > [class*=" col-"],
ul.products > [class^="col-"], ul.products > [class*=" col-"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1199px) {
.row {
margin-left: -10px;
margin-right: -10px;
}
.row > [class^="col-"],
.row > [class*=" col-"],
ul.products > [class^="col-"],
ul.products > [class*=" col-"] {
padding-left: 10px;
padding-right: 10px;
}
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #000;
opacity: 0.66;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100003;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 1;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: -55px 0 0;
top: 50%;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.66;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.owl-carousel .owl-item img {
width: auto;
}  .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.owl-carousel .owl-dots {
text-align: center;
margin-top: 35px;
}
.owl-carousel .owl-dots .owl-dot {
width: 11px;
height: 11px;
display: inline-block;
margin-right: 10px;
border-radius: 50%;
transition: 0.25s;
border: 2px solid rgba(0, 0, 0, 0.2);
}
.owl-carousel .owl-dots .owl-dot.active {
border-color: #000000;
}
.owl-carousel .owl-dots .owl-dot:hover {
border-color: #000000;
}
.owl-carousel .owl-nav > * {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 30px !important;
color: #000000 !important;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: all 0.25s linear 0.6s;
-o-transition: all 0.25s linear 0.6s;
-webkit-transition: all 0.25s linear 0.6s;
}
.arrow-test .owl-carousel .owl-nav > * {
top: 15%;
}
.nav-right.owl-carousel .owl-nav {
position: absolute;
right: 0;
bottom: 0;
}
.owl-carousel.nav-right .owl-nav > * {
position: static;
width: 46px;
height: 46px;
line-height: 46px;
display: inline-block;
background: #ffffff !important;
color: #000000;
font-size: 10px !important;
z-index: 999999;
margin: 0 !important;
opacity: 1 !important;
visibility: visible;
transform: none;
}
.nav-right.owl-carousel .owl-nav .owl-prev {
position: relative;
top: 0;
left: 0;
}
.nav-right.owl-carousel .owl-nav .owl-prev::before {
content: '';
height: 24px;
width: 1px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background-color: #d1d1d1;
}
.owl-carousel.nav-center-square .owl-nav > * {
width: 38px;
height: 38px;
line-height: 38px;
display: inline-block;
background: #000000 !important;
color: #ffffff !important;
font-size: 10px !important;
z-index: 999999;
transform: none;
top: 37%;
}
.owl-carousel.nav-center-square .owl-nav .owl-prev {
left: -19px;
}
.owl-carousel.nav-center-square .owl-nav .owl-next {
right: -19px;
}
.arrow-light .owl-carousel .owl-nav > * {
color: #fff !important;
}
.owl-carousel.circle-dark .owl-nav > * {
opacity: 1;
visibility: visible;
margin: 0;
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
border-radius: 50%;
font-size: 13px;
top: 35%;
transition: 0.5s;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
}
.owl-carousel.circle-dark .owl-nav > *:hover {
background-color: #3f5ae5;
color: #ffffff;
}
.owl-carousel.circle-dark .owl-nav .owl-prev {
left: 10px;
}
.owl-carousel.circle-dark .owl-nav .owl-next {
right: 10px;
}
.owl-carousel .owl-nav .owl-next i::before {
content: "\f105";
font-family: 'Flaticon', sans-serif;
}
.nav-arrow-dark.owl-carousel .owl-nav .owl-next i::before {
content: "\f103";
font-family: 'Flaticon', sans-serif;
font-size: 20px;
}
.owl-carousel .owl-nav .owl-prev i::before {
content: "\f106";
font-family: 'Flaticon', sans-serif;
}
.product-grid.owl-carousel.nav-right .owl-nav {
position: absolute;
top: -77px;
right: 0;
}
.product-grid.owl-carousel.nav-right .owl-nav > * {
opacity: 1;
visibility: visible;
position: static;
transform: none;
width: 34px;
height: 34px;
border: 1px solid #000000;
border-radius: 50%;
font-size: 18px;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 4px;
}
.product-grid.owl-carousel.nav-right .owl-nav > .owl-next {
margin-right: 0;
}
.owl-carousel .owl-nav .owl-prev {
left: 0;
margin-left: 10px;
}
.owl-carousel .owl-nav .owl-next {
right: 0;
margin-right: 10px;
}
.owl-carousel:hover .owl-nav > * {
opacity: 1 !important;
visibility: visible;
margin: 0;
}
.categories-product-woo .owl-carousel .owl-nav > * {
top: 45%;
}
.categories-product-woo .owl-carousel .owl-nav .owl-prev {
left: -17px;
}
.categories-product-woo .owl-carousel .owl-nav .owl-next {
right: -17px;
}
@media (max-width: 1024px) {
.owl-carousel .owl-nav > * {
opacity: 1;
visibility: visible;
margin: 0;
}
.owl-carousel.nav-center .owl-nav > *,
.owl-carousel.nav-center-square .owl-nav > * {
margin: 0 !important;
}
}
@media (max-width: 767px) {
.product-grid.owl-carousel.nav-right .owl-nav {
top: -29px;
left: 0;
}
.product-grid.owl-carousel.nav-right .owl-nav > * {
width: 18px;
height: 18px;
font-size: 12px;
}
.owl-carousel.nav-center-square .owl-nav .owl-prev {
left: 0;
}
.owl-carousel.nav-center-square .owl-nav .owl-next {
right: 0;
}
} .woocommerce-page .page-title + .breadcrumbs,
.hidden-title .page-title,
.hidden-breadcrumb .breadcrumbs {
display: none !important;
}
.banner-page.has_background {
position: relative;
}
.banner-page.no_background .page-title {
padding-top: 45px;
}
.banner-page.has_background .content-banner .page-title {
max-width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.banner-page {
text-align: center;
}
.has_background.banner-page .content-banner {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.banner-page .content-banner .page-title {
min-width: 270px;
height: 105px;
font-size: 60px;
margin: 0;
position: relative;
font-family: "Cormorant Garamond", sans-serif;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 20px;
line-height: 1;
}
.woocommerce-page .banner-page.no_background {
min-height: 1px !important;
background-color: #e9e9e9;
}
.woocommerce-page .banner-page.no_background .content-banner {
display: none;
}
.woocommerce-page .banner-page .content-banner .page-title {
border: 1px solid;
}
.header-color-light .banner-page.has_background .content-banner .page-title {
color: #ffffff;
}
.header-color-light .banner-page .content-banner .page-title::before {
border-color: #ffffff;
}
.breadcrumbs .breadcrumb {
list-style: none;
background-color: transparent;
padding: 0;
margin-bottom: 0;
}
.has_background .breadcrumbs .breadcrumb {
text-align: center;
}
.has_background ~ .breadcrumbs .breadcrumb {
text-align: center;
}
.single-attachment, .breadcrumbs .breadcrumb,
.single-post .breadcrumbs .breadcrumb {
margin-bottom: 40px;
}
.single-attachment .breadcrumbs .breadcrumb li.active,
.single-post .breadcrumbs .breadcrumb li.active {
color: #868686;
}
.breadcrumbs .breadcrumb li {
display: inline-block;
color: #999999;
font-size: 14px;
}
.breadcrumbs .breadcrumb li + li::before {
font-family: 'FontAwesome', sans-serif;
content: "\f105";
color: #999999;
padding-left: 13px;
padding-right: 10px;
}
.breadcrumbs .breadcrumb li a:not(:hover) {
color: #000000;
}
.header-wrap {
padding: 33px 0;
}
.single-attachment .header-wrap,
.single-post .header-wrap,
.single-product .header-wrap {
border-bottom: 1px solid #eaeaea;
}
.header.header-pos-absolute .header-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
padding: 25px 0;
}
body.admin-bar .header.header-pos-absolute .header-wrap {
top: 32px;
}
.banner-page.has_background .content-banner .breadcrumbs .breadcrumb li {
color: #a2a2a2;
}
.header-color-light .banner-page.has_background .content-banner .breadcrumbs .breadcrumb li a {
color: #ffffff;
}
.header-color-light .banner-page.has_background .content-banner .breadcrumbs .breadcrumb li:first-child {
color: #ffffff;
}
.header-color-light .banner-page.has_background .content-banner .breadcrumbs .breadcrumb li,
.header-color-light .banner-page.has_background .content-banner .breadcrumbs .breadcrumb li + li::before {
color: #ffffff;
}
.woocommerce-breadcrumb {
color: #666666;
padding-left: 15px;
padding-right: 15px;
margin-top: 38px;
margin-bottom: 38px;
}
.woocommerce-breadcrumb a:not(:hover) {
color: #000000;
}
.woocommerce-breadcrumb i {
padding-left: 11px;
padding-right: 11px;
color: #868686;
}
@media (max-width: 1366px) {
.single-attachment .breadcrumbs .breadcrumb,
.single-post .breadcrumbs .breadcrumb {
padding-left: 0;
}
}
@media (max-width: 1280px) {
.single-attachment .breadcrumbs .breadcrumb,
.single-post .breadcrumbs .breadcrumb {
margin-bottom: 20px;
}
}
@media (max-width: 1199px) {
.woocommerce-breadcrumb {
padding-left: 15px;
padding-right: 15px;
margin-top: 25px;
margin-bottom: 25px;
}
}
@media (max-width: 767px) {
.banner-page .content-banner .page-title {
min-width: 180px;
height: 80px;
font-size: 42px;
}
} .single-product .header {
background-color: #fff;
position: relative;
z-index: 9;
} .block-language {
position: relative;
}
.block-language > .sub-menu,
.wcml-dropdown .wcml-cs-submenu {
position: absolute;
top: 100%;
right: 0;
left: auto;
min-width: 150px;
background-color: #fff;
color: #777777;
z-index: 10;
border: none;
list-style: none;
-webkit-transition: margin 0.4s ease 0s;
-moz-transition: margin 0.4s ease 0s;
-o-transition: margin 0.4s ease 0s;
transition: margin 0.4s ease 0s;
text-align: left;
-webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
margin-top: 20px !important;
padding: 10px 0;
}
.wcml-dropdown .wcml-cs-submenu {
right: -15px;
top: calc(100% + 13px);
}
.block-language > .sub-menu::after,
.wcml-dropdown .wcml-cs-submenu::after {
content: '';
border-style: solid;
border-width: 8px 7px;
border-color: transparent transparent #fff transparent;
position: absolute;
top: -16px;
right: 31px;
}
.block-language:hover > .sub-menu, .menu-item:hover .wcml-dropdown .wcml-cs-submenu {
opacity: 1;
visibility: visible;
margin-top: 15px !important;
}
.block-language > .sub-menu .menu-item, .wcml-dropdown .wcml-cs-submenu li {
padding: 0 12px;
} .block-language a > img {
vertical-align: middle;
margin: -2px 3px 0 0;
}
.block-language > a::after {
display: inline-block;
vertical-align: top;
font-family: 'FontAwesome', sans-serif;
content: '\f107';
margin-left: 7px;
} .wcml-dropdown {
width: auto;
}
.wcml-dropdown li {
border: none;
background-color: transparent;
}
.wcml-dropdown > ul {
top: 1px;
}
.wcml-dropdown a {
padding: 0;
line-height: inherit;
}
.wcml-dropdown a.wcml-cs-item-toggle {
padding: 0;
}
.wcml-dropdown a.wcml-cs-item-toggle:after {
vertical-align: top;
position: static;
font-family: FontAwesome, sans-serif;
content: '\f107';
border: none;
margin-left: 10px;
}
.wcml-dropdown .wcml-cs-submenu li {
border: none;
}
.wcml-dropdown .wcml-cs-submenu li:hover > a {
color: #3f5ae5;
}
.wcml-dropdown li:hover, .wcml-dropdown li:focus {
background-color: transparent;
}
.woocommerce .wcml-dropdown.product {
margin: 0;
}
@media (max-width: 1024px) {
.block-language.open > .sub-menu {
opacity: 1;
visibility: visible;
margin-top: 15px !important;
}
}  .horizon-menu .main-menu {
padding: 0;
list-style: none;
}
.horizon-menu .main-menu .menu-item {
list-style: none;
position: relative;
}
.horizon-menu .main-menu > .menu-item > a::after {
content: "";
position: absolute;
right: 0;
bottom: -4px;
width: 0;
border-bottom: 1px solid;
-webkit-transition: width .3s;
transition: width .3s;
}
.horizon-menu .main-menu > .menu-item:hover > a::after {
width: 100%;
left: 0;
}
.horizon-menu .main-menu > .menu-item > a {
font-size: 11px;
vertical-align: middle;
position: relative;
display: inline-block;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.4em;
cursor: pointer;
color: #000;
}
.header-color-light .horizon-menu .main-menu > .menu-item > a {
color: #ffffff;
}
.header-pos-relative.header-color-light {
background-color: #000;
}
.horizon-menu .main-menu .menu-item > a > .icon {
font-size: 14px;
margin-right: 4px;
}
.horizon-menu .main-menu .menu-item > a > .image {
position: absolute;
right: -28px;
top: 8px;
z-index: 1;
line-height: 0;
} .horizon-menu .main-menu .menu-item .submenu {
padding-left: 0;
text-align: left;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-box-shadow: 0 2px 76px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 76px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 76px 0 rgba(0, 0, 0, 0.05);
z-index: 999;
}
.horizon-menu .main-menu > .menu-item .submenu:not(.megamenu) {
padding-top: 22px;
padding-bottom: 22px;
}
.horizon-menu .main-menu > .menu-item .submenu:not(.megamenu) .menu-item {
padding: 0 8px 0 22px;
}
.horizon-menu .main-menu > .menu-item .submenu .menu-item::before {
content: '';
display: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: -webkit-calc(100% + 10px);
width: -moz-calc(100% + 10px);
width: calc(100% + 10px);
height: 100%;
z-index: -1;
}
.horizon-menu .main-menu > .menu-item .submenu .menu-item:hover::before {
display: block;
}
.horizon-menu .main-menu > .menu-item .submenu .menu-item a {
line-height: 28px;
font-size: 14px;
display: block;
}
.horizon-menu .main-menu .menu-item .submenu .menu-item a {
color: #868686;
}
.horizon-menu .main-menu .menu-item .submenu .menu-item a > span {
position: relative;
bottom: 12px;
right: -3px;
top: auto;
}
.horizon-menu .main-menu .menu-item .submenu .menu-item:hover > a {
color: #3f5ae5;
}
.horizon-menu .main-menu .toggle-submenu {
display: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 19px;
cursor: pointer;
color: #000000;
}
.horizon-menu .main-menu .menu-item:hover > .toggle-submenu {
color: #3f5ae5;
}  .horizon-menu .main-menu > .menu-item {
padding: 0 22px;
display: inline-block;
}
.horizon-menu .main-menu > .menu-item:first-child {
padding-left: 0;
}
.horizon-menu .main-menu > .menu-item:last-child {
padding-right: 0;
}
.horizon-menu .main-menu > .menu-item.parent::before {
display: none;
width: 100%;
height: 100%;
content: '';
position: absolute;
top: 100%;
left: 0;
}
.horizon-menu .main-menu > .menu-item.parent:hover::before {
display: block;
} .horizon-menu .main-menu .menu-item .submenu {
position: absolute;
min-width: 245px;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
margin-top: 40px;
}
.horizon-menu .main-menu .menu-item:hover > .submenu {
opacity: 1;
visibility: visible;
}
.horizon-menu .main-menu > .menu-item > .submenu {
top: 100%;
left: -1px;
}
.horizon-menu .main-menu > .menu-item > .submenu.megamenu > div {
margin: 0 auto;
max-width: 1860px;
padding-bottom: 60px;
}
.main-menu-wrapper.rion-container {
max-width: calc(100% - 40px);
width: 1800px;
padding-left: 0;
padding-right: 0;
}
.main-menu-wrapper.container {
max-width: calc(100% - 40px);
width: 1410px;
padding-left: 0;
padding-right: 0;
}
.horizon-menu .main-menu > .menu-item > .submenu > div {
padding: 50px 20px;
margin: 0;
}
.horizon-menu .main-menu > .menu-item:hover > .submenu {
margin-top: 29px;
}
.horizon-menu .main-menu > .menu-item > .submenu .submenu {
top: -19px;
left: 100%;
}
.horizon-menu .main-menu .submenu .menu-item:hover > .submenu {
margin-top: -4px;
} .horizon-menu .main-menu .toggle-submenu::before {
display: block;
content: '\f107';
font-family: 'FontAwesome', sans-serif;
height: 52px;
line-height: 50px;
width: 25px;
text-align: center;
font-size: 18px;
z-index: 10;
}
.horizon-menu .main-menu .show-submenu .toggle-submenu::before {
content: "\f106";
}
.horizon-menu .main-menu .submenu .toggle-submenu {
display: block;
}
.horizon-menu .main-menu .submenu .toggle-submenu::before {
height: 30px;
line-height: 30px;
width: 30px;
font-size: 14px;
content: '\f105';
}
@media (max-width: 1499px) {
.horizon-menu .main-menu > .menu-item {
padding: 0 10px;
}
.horizon-menu .main-menu > .menu-item > a {
letter-spacing: 0.2em;
}
.horizon-menu .main-menu .menu-item .submenu {
min-width: 220px;
}
.horizon-menu .main-menu > .menu-item .submenu:not(.megamenu) .menu-item {
padding-left: 15px;
}
}
@media (max-width: 1199px) {
.horizon-menu .main-menu > .menu-item {
padding: 0 7px;
}
}  .vertical-menu-open .vertical-menu-overlay {
left: 0;
}
.vertical-menu-overlay {
position: fixed;
top: 0;
bottom: 0;
right: 0;
height: 100vh;
background-color: rgba(45, 51, 55, 0.66);
z-index: 10;
} .close-vertical-menu {
display: none;
width: 20px;
height: 20px;
color: #000000;
position: relative;
cursor: pointer;
margin-left: 46px;
margin-bottom: 140px;
}
.close-vertical-menu:hover {
color: #3f5ae5;
}
.close-vertical-menu::before,
.close-vertical-menu::after {
border-bottom: 2px solid;
content: "";
position: absolute;
top: 9px;
left: -2px;
width: 24px;
}
.close-vertical-menu::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-vertical-menu::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-scroll {
height: -webkit-calc(100vh - 395px);
height: -moz-calc(100vh - 395px);
height: calc(100vh - 395px);
padding-bottom: 50px;
}
.menu-scroll .scrollbar-macosx {
height: -webkit-calc(100vh - 405px);
height: -moz-calc(100vh - 405px);
height: calc(100vh - 405px);
}
.menu-scroll-inner {
width: 100%;
overflow-x: hidden;
} .vertical-menu .main-navigation .main-menu .menu-item .submenu {
display: none;
}
.vertical-menu .main-navigation .main-menu > .menu-item > .submenu {
padding: 20px 0 0 40px;
border-bottom: 1px solid #eae7e7;
}
.vertical-menu .main-navigation .main-menu .menu-item .submenu .submenu {
padding-left: 17px;
}
.vertical-menu .main-navigation .main-menu .menu-item .submenu .submenu li:first-child {
margin-top: 4px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > .submenu > li:first-child {
margin-top: 10px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > .submenu > li:last-child {
margin-bottom: 10px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > a {
display: inline-block;
width: 100%;
padding: 18px 40px;
border-bottom: 1px solid #eae7e7;
}
.vertical-menu .main-navigation .main-menu > .menu-item:last-child > a {
border-bottom: none;
}
.vertical-menu .main-navigation .main-menu > .menu-item.menu-item-has-children:last-child > .submenu {
border-top: 1px solid #eae7e7;
}
.vertical-menu .main-navigation .main-menu > .menu-item .submenu li {
width: calc(100% - 27px);
display: inline-block;
line-height: 28px;
padding-top: 4px;
padding-bottom: 4px;
}
.vertical-menu .main-navigation .main-menu > .menu-item:hover > a {
color: #3f5ae5;
}
.vertical-menu .main-navigation .main-menu > .menu-item .submenu a {
width: 100%;
display: inline-block;
color: #9d9d9d;
}
.vertical-menu .main-navigation .main-menu > .menu-item .submenu .menu-item > a:hover,
.vertical-menu .main-navigation .main-menu > .menu-item .submenu .menu-item.show-submenu > a {
color: #000000;
} .vertical-menu .main-navigation .main-menu .menu-item .toggle-submenu {
position: absolute;
right: 30px;
display: block;
width: 24px;
height: 24px;
z-index: 99;
cursor: pointer;
line-height: 24px;
}
.vertical-menu .main-navigation .main-menu .menu-item.show-submenu > .toggle-submenu {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.vertical-menu .main-navigation .main-menu > .menu-item > .toggle-submenu {
top: 16px;
}
.vertical-menu .main-navigation .main-menu .menu-item .submenu .toggle-submenu {
top: 5px;
right: 0;
}
.vertical-menu .main-navigation .main-menu .menu-item .toggle-submenu::before {
content: "\f105";
position: absolute;
top: 0;
left: 0;
display: block;
font-family: FontAwesome, sans-serif;
height: 24px;
width: 24px;
text-align: center;
} .header-control-right {
text-align: right;
}
.header-control-right .header-control-wrap {
text-align: left;
display: inline-block;
}
.header .menu-social {
display: inline-block;
position: relative;
top: -2px;
}
.header-color-light .menu-social > a {
color: #ffffff;
}
.header .menu-social > a {
margin: 0 10px;
}
.header .menu-social > a:first-child {
margin-left: 0;
}
.header .menu-social > a:last-child {
margin-right: 0;
}
.header-control-right .menu-social {
padding-right: 90px;
}
.header-control-right .menu-social::before {
content: '';
position: absolute;
top: 50%;
right: 20px;
width: 48px;
border-bottom: 1px solid;
}
.header-color-light .header-control-right .menu-social::before {
color: #ffffff;
} #login-popup {
background-color: #fff;
padding: 60px 15px;
width: 649px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
min-height: 427px;
border-radius: 0 3px 3px 3px;
}
#login-popup .mfp-close {
display: none;
}
#login-popup .nav-tabs {
text-align: left;
margin-bottom: 0;
}
.rion-modal-content .nav-tabs {
border: none;
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
}
.woocommerce-account .rion-modal-content .woocommerce .customer-form {
margin-bottom: 0;
}
#login-popup .customer-form .nav-tabs {
position: absolute;
left: 0;
top: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin: top left;
}
.customer-form .nav-tabs > li {
display: inline-block;
padding-right: 4px;
float: none;
}
.customer-form .nav-tabs > li a {
min-width: 135px;
color: #a9a9a9;
position: relative;
padding: 6px 15px;
background-color: #fff;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
text-align: center;
}
.customer-form .nav > li.active > a,
.customer-form .nav > li > a:focus,
.customer-form .nav > li > a:hover {
text-decoration: none;
background-color: #000;
color: #fff;
opacity: 1;
}
@media (max-width: 767px) {
#login-popup .customer-form .nav-tabs {
transform: none;
top: -40px;
}
#login-popup {
padding: 30px 15px;
min-height: 0;
}
}
.search-canvas-overlay {
position: fixed;
top: 0;
bottom: 0;
right: 0;
height: 100vh;
background-color: transparent;
z-index: 2;
}
.search-canvas-open .search-canvas-overlay {
left: 0;
} .header-search-box {
display: inline-block;
line-height: 1;
}
.header-search-box .search-icon {
font-size: 22px;
line-height: 36px;
color: #000000;
cursor: pointer;
transition: color 0.25s;
}
.header-search-box .search-icon:hover {
color: #3f5ae5;
}
.header-color-light .header-search-box .search-icon {
color: #ffffff;
}
.header-search-box > .icons {
font-size: 25px;
color: inherit;
font-weight: 600;
line-height: 46px;
cursor: pointer;
}
.header-search-box > .icons:hover {
color: #3f5ae5;
}
.header-search-box .instant-search {
display: none;
transition: 0.5s;
} .search-block .instant-search {
opacity: 0;
visibility: hidden;
display: none;
}
body.search-canvas-open .search-block .instant-search {
display: block;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #ffffff;
text-align: center;
z-index: 999;
opacity: 1;
visibility: visible;
}
.search-block .instant-search .search-fields {
transition: 0.75s;
margin-top: 0;
}
body.search-canvas-open .search-block .instant-search .search-fields {
margin-top: 150px;
max-width: 100%;
position: relative;
}
body.search-canvas-open .search-block .instant-search .search-fields .search-input {
width: 1680px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
}
body.search-canvas-open .search-block .instant-search .search-fields .search-input .search-field {
padding-left: 20px;
padding-right: 20px;
max-width: 520px;
}
body.search-canvas-open .search-block .instant-search .search-fields .search-field {
width: 100%;
border: none;
border-bottom: 2px solid #000000;
padding: 0;
font-size: 16px;
border-radius: 0;
}
body.search-canvas-open .search-block .instant-search .search-fields .search-submit {
background-color: transparent;
position: relative;
left: -35px;
bottom: 0;
padding: 0;
}
body.search-canvas-open .search-block .instant-search .search-fields .search-submit span {
color: #000000;
font-size: 19px;
}
body.search-canvas-open .search-block .instant-search .search-close {
position: absolute;
top: 45px;
right: 120px;
font-size: 14px;
cursor: pointer
}
body.search-canvas-open .search-block .instant-search .search-close span {
padding-right: 7px;
}
.instant-search {
position: relative;
}
.search-form .scroll-wrapper {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: 70vh;
}
.scroll-wrapper > .scroll-content.search-results-croll {
overflow: auto !important;
}
.no-products-found {
text-align: center;
color: #151515;
font-size: 20px;
padding: 35px 0;
}
.search-results-wrapper {
position: absolute;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-top: 20px;
left: 50%;
transform: translateX(-50%);
top: 100%;
z-index: 99;
background-color: #fff;
}
body.search-canvas-open .header-action-res .search-block .instant-search .search-fields .search-input .search-field.search-has-results ~ .search-results-wrapper {
padding-top: 20px;
}
.container-search .search-results-wrap .row {
margin-left: -11px;
margin-right: -11px;
}
.container-search .search-results-wrap .product-item-search {
padding: 0 11px 35px;
}
.container-search .search-results-wrap .product-item-search .post-thumb,
.container-search .search-results-wrap .product-item-search .product-thumb {
margin-bottom: 15px;
}
.container-search .product-info {
text-align: center;
}
.container-search .product-title {
font-size: 12px;
margin-bottom: 4px;
}
.container-search .star-rating {
margin-bottom: 5px;
}
.container-search .product-inner .price {
font-size: 0;
line-height: 1;
}
.container-search .price del {
margin-top: -5px;
}
.container-search .woocommerce-Price-amount.amount {
font-size: 14px;
margin: 0 5px 0 0;
}
.instant-search-open header.header {
z-index: 100000;
position: relative;
}
.instant-search-modal {
position: fixed;
background: rgba(255, 255, 255, 1);
bottom: 0;
display: block;
left: 0;
opacity: 0;
right: 0;
top: 0;
height: 100vh;
visibility: hidden;
transition: opacity 0.5s, visible 0.5s;
-o-transition: opacity 0.5s, visible 0.5s;
-webkit-transition: opacity 0.5s, visible 0.5s;
z-index: 100000;
}
.instant-search-open .instant-search-modal {
opacity: 1;
visibility: visible;
}
.product-item-search:last-child {
padding-bottom: 0;
} .instant-search-close {
color: #000000;
}
.instant-search-close:hover {
color: #3f5ae5;
}
.instant-search-close:hover span {
right: 36px;
}
.instant-search-close span {
position: absolute;
right: 35px;
top: 15px;
width: 20px;
height: 33px;
display: block;
transition: right 0.2s ease 0s;
-o-transition: right 0.2s ease 0s;
-webkit-transition: right 0.2s ease 0s;
cursor: pointer;
z-index: 9;
}
.instant-search-close:hover span::before, .instant-search-close:hover span::after {
width: 30px;
}
.instant-search-close span::before, .instant-search-close span::after {
border-bottom: 1px solid;
content: "";
left: 3px;
position: absolute;
top: 20px;
width: 25px;
transition: width 0.2s ease 0s;
-o-transition: width 0.2s ease 0s;
-webkit-transition: width 0.2s ease 0s;
}
.instant-search-close span::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.instant-search-close span::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} .instant-search-modal .instant-search-wrap {
padding-top: 150px;
}
.instant-search-modal .instant-search-title {
font-size: 40px;
line-height: 1.2;
color: #000000;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.instant-search-modal .product-cats {
text-align: center;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.instant-search-modal .product-cats label {
margin: 0 23px
}
.instant-search-modal .product-cats label span {
-webkit-transition: 0.3s;
transition: 0.3s;
font-weight: 600;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #a6a6a6;
cursor: pointer;
position: relative;
padding-bottom: 5px;
}
.instant-search-modal .product-cats label span::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid #3f5ae5;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.instant-search-modal .product-cats label span:hover,
.instant-search-modal .product-cats label.selected span {
color: #3f5ae5;
}
.instant-search-modal .product-cats label span:hover::before,
.instant-search-modal .product-cats label.selected span::before {
opacity: 1;
visibility: visible;
}
.instant-search-modal .product-cats input[type='radio'] {
display: none;
} .instant-search-modal .search-fields {
padding-left: 20px;
padding-right: 20px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.instant-search-modal .search-input {
position: relative;
}
.instant-search-modal .search-fields .search-field {
padding: 0;
height: 51px;
line-height: 51px;
width: 100%;
font-size: 40px;
position: relative;
background: transparent;
border: none;
font-weight: 300;
color: #000;
text-align: center;
z-index: 1;
}
span.text-search {
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 40px;
z-index: 0;
color: #000;
font-weight: 300;
text-align: center;
margin-top: 0;
line-height: 50px;
transition: margin-top 0.5s ease 0s, opacity 0.5s ease 0s;
-o-transition: margin-top 0.5s ease 0s, opacity 0.5s ease 0s;
-webkit-transition: margin-top 0.5s ease 0s, opacity 0.5s ease 0s;
}
.instant-search-modal .search-fields .search-field:focus + span.text-search,
.instant-search-modal .search-fields .search-field.search-has-results + span.text-search {
opacity: 0;
}
.instant-search-modal .search-fields .search-submit {
position: absolute;
top: -1px;
left: -1px;
display: block;
width: 64px;
height: 58px;
font-size: 15px;
text-align: center;
} .instant-search-modal .search-fields .search-reset {
position: absolute;
right: 0;
top: 0;
width: 56px;
height: 53px;
display: block;
background: transparent;
color: #a9a9a9;
}
.instant-search-modal .search-reset::before,
.instant-search-modal .search-reset::after {
border-bottom: 2px solid;
content: "";
left: 20px;
position: absolute;
top: 25px;
width: 17px;
}
.instant-search-modal .search-reset::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.instant-search-modal .search-reset::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.instant-search-modal .search-fields .search-reset:hover {
color: #000000;
}
.search-view-wrap {
display: inline-block;
width: 100%;
text-align: center;
}
.search-view {
min-width: 143px;
padding: 0 10px;
text-align: center;
height: 42px;
line-height: 42px;
border-radius: 42px;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #ffffff;
background-color: #3f5ae5;
margin: 40px auto 35px auto;
display: table;
}
.search-view:hover {
background-color: #000000;
color: #ffffff;
}
.container-search .scrollbar-macosx {
max-height: -webkit-calc(100vh - 450px);
max-height: -moz-calc(100vh - 450px);
max-height: calc(100vh - 450px);
}
.scrollbar-macosx > .scroll-element.scroll-x {
display: none;
} .currency-language-wrap {
position: relative;
display: inline-block;
top: -2px;
margin-right: 7px;
}
.currency-language {
display: inline-block;
padding-left: 0;
position: relative;
top: -2px;
} .woocommerce .header .wcml-dropdown-click.product {
margin: 0 0 0 10px;
}
.currency-language .wcml-dropdown-click {
display: inline-block;
width: auto;
}
.currency-language .wcml-dropdown-click li {
list-style-type: none;
padding: 0;
margin: 0;
border: none;
background-color: transparent;
}
.currency-language .wcml-dropdown-click a {
display: inline-block;
font-weight: 700;
position: relative;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
padding: 0;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle {
height: 33px;
line-height: 33px;
padding: 0 12px;
vertical-align: middle;
margin-top: -5px;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle::before {
content: '';
display: block;
position: absolute;
top: 3px;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #e3e3e3;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle:hover::before {
border-color: #3f5ae5;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle::after {
content: '';
display: block;
width: 0;
height: 0;
border: 3px solid;
border-color: #000000 transparent transparent transparent;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -11px;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle:hover::after {
border-color: #3f5ae5 transparent transparent transparent;
}
.currency-language .wcml-dropdown-click .wcml-cs-submenu {
position: absolute;
top: 100%;
left: 0;
min-width: 126px;
text-align: left;
background-color: #fff;
border-top: 1px solid #f0f0f0;
list-style: none;
padding: 10px;
margin-top: 22px !important;
z-index: 10;
-webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.05);
}
.currency-language .wcml-dropdown-click .wcml-cs-submenu li {
line-height: 38px;
} .currency-language .dropdown {
list-style: none;
display: inline-block;
line-height: 35px;
}
.currency-language .dropdown a {
display: inline-block;
font-weight: 700;
position: relative;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.currency-language .dropdown > a {
height: 36px;
line-height: 34px;
padding: 0 30px 0 18px;
border: 1px solid #000000;
border-radius: 20px;
color: #000000;
}
.header-color-light .currency-language .dropdown > a {
border-color: #ffffff;
color: #ffffff;
}
.currency-language .dropdown > a::after {
content: "\f107";
display: block;
width: 0;
height: 0;
font-family: Fontawesome, sans-serif;
position: absolute;
right: 24px;
margin: auto;
float: right;
top: 0;
font-size: 14px;
}
.currency-language .dropdown > a:hover::after {
border-color: #3f5ae5 transparent transparent transparent;
}
.header-control-right .currency-language > li {
margin: 0;
}
.currency-language .dropdown > a:hover::before {
border-color: #3f5ae5;
}
.currency-language .dropdown .active a {
color: #3f5ae5;
} .dropdown > .submenu {
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
min-width: 150px;
text-align: left;
background-color: #fff;
list-style: none;
padding: 0 20px;
margin-top: 10px;
z-index: 10;
box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
}
.dropdown.open > .submenu {
opacity: 1;
visibility: visible;
}
.dropdown > .submenu li {
line-height: 38px;
}
.dropdown img {
margin-right: 5px;
position: relative;
top: -2px;
} header .wcml_currency_switcher {
width: auto;
line-height: 36px;
height: 36px;
position: relative;
margin-left: 5px !important;
margin-right: 10px;
top: -4px;
border-radius: 20px;
display: inline-block;
}
header .wcml_currency_switcher li {
background: transparent;
border: none !important;
}
header .wcml_currency_switcher li a {
font-weight: 700;
height: 36px;
color: #000000;
letter-spacing: 0.1em;
font-size: 11px;
line-height: 34px;
padding: 0 30px 0 18px !important;
border-radius: 20px;
}
header .wcml_currency_switcher > ul > li > a {
border: 1px solid #000000;
}
header.header-color-light .wcml_currency_switcher > ul > li > a {
border-color: #ffffff;
color: #ffffff;
}
.header-color-light .wcml_currency_switcher li a.wcml-cs-item-toggle {
color: #ffffff;
}
header .wcml_currency_switcher li li a {
font-weight: 700;
font-size: 12px;
letter-spacing: 0.2em;
color: #333;
}
header .wcml_currency_switcher li li a:hover {
color: #3f5ae5;
}
header .wcml_currency_switcher li .wcml-cs-submenu {
top: calc(100% + 9px);
min-width: 150px;
color: #000;
background: #fff;
text-align: left;
margin-top: 10px;
border: none;
box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
}
header .wcml_currency_switcher li:hover, header .wcml_currency_switcher li:focus {
background-color: transparent;
}
header .wcml_currency_switcher li a.wcml-cs-item-toggle:after {
content: "\f107";
border: none;
position: absolute;
right: 13px;
top: 1px;
font-family: Fontawesome, sans-serif;
} .block-account {
display: inline-block;
color: #000;
}
.block-account a:hover {
color: #3f5ae5;
}
.header-color-light .block-account {
color: #ffffff;
}
.block-account a {
display: inline-block;
color: inherit;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
} .md-modal {
position: fixed;
top: 50%;
left: 50%;
width: 920px;
max-width: -webkit-calc(100% - 30px);
max-width: -moz-calc(100% - 30px);
max-width: calc(100% - 30px);
height: 588px;
max-height: -webkit-calc(100% - 30px);
max-height: -moz-calc(100% - 30px);
max-height: calc(100% - 30px);
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.md-show {
visibility: visible;
}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(143, 27, 15, 0.8);
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
transition: transform 0.3s;
}
.md-show ~ .md-overlay {
opacity: 1;
visibility: visible;
} .md-content button {
font-size: 30px;
color: #a3a3a3 !important;
display: block;
top: 8px;
right: 8px;
}
.mfp-content {
width: 100%;
}
.md-content {
background: #ffffff;
position: relative;
margin: 0 auto;
}  .header .rion-minicart {
display: inline-block;
padding-right: 25px;
}
.header .rion-minicart .mini-cart-icon {
display: inline-block;
font-size: 22px;
text-transform: uppercase;
line-height: 1;
position: relative;
cursor: pointer;
color: #000000;
top: -2px;
}
.header .rion-minicart:hover .mini-cart-icon {
color: #3f5ae5;
}
.header.header-color-light .rion-minicart .mini-cart-icon {
color: #ffffff;
}
.header .rion-minicart .mini-cart-icon .minicart-number {
letter-spacing: 0;
font-size: 12px;
width: 19px;
height: 19px;
position: absolute;
background: #3f5ae5;
color: #fff;
padding: 0;
border-radius: 50%;
font-weight: 400;
top: -13px;
right: -17px;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
}
.header .minicart-canvas-overlay {
position: fixed;
top: 0;
bottom: 0;
right: 0;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
z-index: 10;
}
.minicart-canvas-open .header .minicart-canvas-overlay {
left: 0;
}
.minicart-canvas-open .header .minicart-content {
opacity: 1;
visibility: visible;
}
html.minicart-canvas-open,
body.minicart-canvas-open {
height: 100vh !important;
overflow: hidden !important;
margin: 0 !important;
} .header .minicart-content-inner .minicart-title {
font-size: 14px;
line-height: 48px;
height: 48px;
text-transform: uppercase;
color: #000000;
padding-bottom: 0;
text-align: center;
position: relative;
margin: 30px auto 50px;
max-width: 380px;
font-weight: 700;
letter-spacing: 0.3em;
}
.header .minicart-content-inner .minicart-title::before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 30px;
border-bottom: 2px solid;
}
.header .minicart-content-inner .minicart-title .minicart-title-inner {
position: relative;
}
.header .minicart-content-inner .minicart-number-items {
display: block;
min-width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
color: #ffffff;
background-color: #3f5ae5;
position: absolute;
right: -20px;
top: -17px;
border-left: 1px solid #ecebeb;
border-radius: 50%;
letter-spacing: 0;
font-size: 12px;
}
.header .minicart-content-inner .close-minicart {
display: none;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 45px;
color: #000000;
}
.header .minicart-content-inner .close-minicart:hover {
color: #3f5ae5;
}
.header .minicart-content-inner .close-minicart::before,
.header .minicart-content-inner .close-minicart::after {
border-bottom: 2px solid;
content: "";
left: 0;
position: absolute;
top: 21px;
width: 17px;
}
.header .minicart-content-inner .close-minicart::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header .minicart-content-inner .close-minicart::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} .header .minicart-items {
list-style: none;
padding: 0;
max-width: 380px;
margin-left: auto;
margin-right: auto;
}
.header .minicart-items .product-cart {
overflow: hidden;
position: relative;
padding-bottom: 16px;
padding-top: 16px;
border-bottom: 1px solid #ecebeb;
text-align: left;
}
.header .minicart-items .product-cart:first-child {
padding-top: 0;
}
.header .minicart-items .product-cart:last-child {
padding-bottom: 10px;
margin-bottom: 0;
border-bottom: none;
}
.header .minicart-items .product-cart .product-media {
float: left;
width: 70px;
}
.header .minicart-items .product-cart .product-detail {
overflow: hidden;
padding-left: 20px;
}
.header .minicart-items .product-name {
width: calc(100% - 20px);
margin-bottom: 3px;
line-height: 18px;
font-size: 14px;
color: #232529;
}
.header .minicart-items .product-cart .product-detail .product-detail-info {
overflow: hidden;
}
.header .minicart-items .product-cart .product-detail .product-detail-info .product-cost {
float: left;
line-height: 18px;
color: #909297;
}
.header .minicart-items .product-cart .product-detail .product-detail-info .product-quantity {
display: block;
font-weight: 600;
font-size: 13px;
line-height: 24px;
color: #232529;
letter-spacing: 0.1em;
margin-bottom: 2px;
}
.header .minicart-items .product-cart .product-remove {
position: absolute;
top: 16px;
right: 2px;
}
.header .minicart-items .product-cart:first-child .product-remove {
top: 0;
}
.header .minicart-items .product-cart .product-remove .remove {
font-size: 0;
color: #000000;
position: relative;
display: inline-block;
width: 20px;
height: 20px;
text-align: right;
line-height: 20px;
z-index: 1;
}
.header .minicart-items .product-cart .product-remove .remove > i {
display: none;
}
.header .minicart-items .product-cart .product-remove .remove:hover {
color: #3f5ae5;
}
.header .minicart-items .product-cart .product-remove .remove::before,
.header .minicart-items .product-cart .product-remove .remove::after {
border-bottom: 1px solid;
content: "";
position: absolute;
top: 6px;
left: 0;
width: 12px;
}
.header .minicart-items .product-cart .product-remove .remove::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header .minicart-items .product-cart .product-remove .remove::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} .header .rion-minicart.is-adding-to-cart .minicart-content-inner > .minicart-list-items::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(247, 247, 247, .8);
z-index: 1;
}
.header .rion-minicart.is-adding-to-cart .minicart-content-inner > .minicart-list-items::after {
width: 48px;
height: 48px;
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -12px;
border-radius: 50%;
border: 1px solid #ccc;
border-top-color: #000;
animation: spinner .6s linear infinite;
-webkit-animation: spinner .6s linear infinite;
z-index: 999;
}
.header .minicart-items .product-cart.loading::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(247, 247, 247, .8);
}
.header .minicart-items .product-cart.loading::after {
width: 30px;
height: 30px;
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -12px;
border-radius: 50%;
border: 1px solid #ccc;
border-top-color: #000;
animation: spinner .6s linear infinite;
-webkit-animation: spinner .6s linear infinite;
z-index: 999;
} .header .empty-wrap {
text-align: center;
}
.header .empty-title {
font-size: 36px;
line-height: 1.2;
color: #000000;
text-align: center;
margin: 60px auto;
position: relative;
background-color: #fff;
font-weight: 300;
max-width: 340px;
}
.header .empty-title::before {
content: '';
position: absolute;
top: 50%;
left: 10%;
width: 300px;
border-bottom: 1px solid #ccc;
transform: rotate(-45deg);
z-index: -1;
}
.header .to-cart {
display: inline-block;
text-align: center;
padding-top: 20px;
position: relative;
padding-bottom: 9px;
overflow: hidden;
color: #000;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.3em;
font-size: 10px;
}
.header .to-cart::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
border-bottom: 2px solid #3f5ae5;
width: 100%;
}
.header .to-cart:hover::before {
-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}
.header .des-cart a {
display: table;
margin: 30px auto 0;
text-align: center;
line-height: 20px;
border-bottom: 1px solid;
}
.rion-minicart {
margin-left: 12px;
} .header .rion-minicart.minicart-offcanvas .minicart-content {
position: fixed;
top: 0;
bottom: 0;
right: -440px;
width: 440px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
background-color: #ffffff;
padding-top: 0;
z-index: 100001;
transition: right 0.4s;
}
.minicart-canvas-open .header .rion-minicart.minicart-offcanvas .minicart-content {
right: 0;
}
.admin-bar .header .rion-minicart.minicart-offcanvas .minicart-content {
top: 32px;
}
.header .rion-minicart.minicart-offcanvas .minicart-content-inner {
position: relative;
height: 100%;
width: 100%;
display: table;
}
.header .rion-minicart.minicart-offcanvas .minicart-list-items {
position: relative;
overflow-x: hidden !important;
overflow-y: auto;
height: calc(100vh - 245px);
display: block;
}
.header .rion-minicart.minicart-offcanvas .minicart-content-inner .subtotal {
height: 67px;
line-height: 67px;
background-color: #eaeef5;
color: #000000;
padding: 0 33px;
overflow: hidden;
font-size: 22px;
position: absolute;
bottom: 69px;
width: 100%;
z-index: 1;
}
.header .rion-minicart.minicart-offcanvas .minicart-content-inner .subtotal .total-title {
float: left;
font-size: 18px;
font-family: 'sofia_bold', sans-serif;
}
.header .rion-minicart.minicart-offcanvas .minicart-content-inner .subtotal .total-price {
float: right;
width: auto;
display: block;
}
.header .rion-minicart.minicart-offcanvas .minicart-content-inner .actions {
overflow: hidden;
position: absolute;
width: 100%;
bottom: 0;
z-index: 2;
}
.header .rion-minicart.minicart-offcanvas .minicart-content-inner .actions .button {
width: 50%;
display: block;
float: left;
font-family: 'sofia_prosemibold', sans-serif;
font-size: 14px;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.2em;
height: 69px;
line-height: 69px;
color: #ffffff;
}
.header .rion-minicart.minicart-offcanvas .minicart-content-inner .actions .button:hover {
color: #3f5ae5;
}
.header .rion-minicart.minicart-offcanvas .minicart-content-inner .actions .button.button-viewcart {
background-color: #2a2a2a;
}
.header .rion-minicart.minicart-offcanvas .minicart-content-inner .actions .button.button-checkout {
background-color: #000000;
} .header .rion-minicart.minicart-dropdown .minicart-canvas-overlay {
background-color: transparent;
}
.header .rion-minicart.minicart-dropdown .minicart-content {
position: absolute;
top: 100%;
right: 0;
width: 320px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
padding-top: 0;
background-color: #ffffff;
-webkit-transition: opacity 0.25s, margin 0.25s ease 0s;
-moz-transition: opacity 0.25s, margin 0.25s ease 0s;
-o-transition: opacity 0.25s, margin 0.25s ease 0s;
transition: opacity 0.25s, margin 0.25s ease 0s;
-webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
margin-top: 30px;
z-index: 100001;
}
.minicart-canvas-open .header .rion-minicart.minicart-dropdown .minicart-content {
opacity: 1;
visibility: visible;
margin-top: 10px;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner {
position: relative;
height: 100%;
width: 100%;
display: table;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner .minicart-title {
margin: 25px auto 30px;
}
.header .rion-minicart.minicart-dropdown .minicart-list-items {
position: relative;
overflow-x: hidden !important;
overflow-y: auto;
display: block;
max-height: 220px;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner .subtotal {
height: 67px;
line-height: 67px;
background-color: #eaeef5;
color: #000000;
padding: 0 33px;
overflow: hidden;
font-size: 22px;
width: 100%;
z-index: 1;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner .subtotal .total-title {
float: left;
font-size: 18px;
font-family: 'sofia_bold', sans-serif;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner .subtotal .total-price {
float: right;
width: auto;
display: block;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner .actions {
overflow: hidden;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner .actions .button {
width: 50%;
display: block;
float: left;
font-family: 'sofia_prosemibold', sans-serif;
font-size: 14px;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.2em;
height: 69px;
line-height: 69px;
color: #ffffff;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner .actions .button:hover {
color: #3f5ae5;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner .actions .button.button-viewcart {
background-color: #2a2a2a;
}
.header .rion-minicart.minicart-dropdown .minicart-content-inner .actions .button.button-checkout {
background-color: #000000;
} .header .rion-minicart.minicart-popup .minicart-content {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 649px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
background-color: #ffffff;
padding-top: 0;
z-index: 100001;
transition: opacity 0.4s;
opacity: 0;
visibility: hidden;
padding-bottom: 50px;
}
.header .rion-minicart.minicart-popup .minicart-content-inner {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.header .rion-minicart.minicart-popup .minicart-list-items {
position: relative;
overflow-x: hidden !important;
overflow-y: auto;
display: block;
}
.header .rion-minicart.minicart-popup .minicart-list-items.scroll-wrapper {
max-height: 380px;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .subtotal {
color: #000000;
overflow: hidden;
font-size: 18px;
font-weight: 600;
z-index: 1;
padding-top: 40px;
padding-bottom: 30px;
max-width: 380px;
margin-left: auto;
margin-right: auto;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .subtotal .total-title {
float: left;
font-size: 18px;
font-weight: 600;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .subtotal .total-price {
float: right;
width: auto;
display: block;
font-size: 22px;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .actions {
overflow: hidden;
z-index: 2;
max-width: 380px;
margin-left: auto;
margin-right: auto;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .actions .button {
min-width: calc(50% - 7px);
display: block;
float: left;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.2em;
height: 55px;
line-height: 55px;
padding: 0 10px;
color: #000;
background-color: #e8e8e8;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .actions .button.button-checkout {
float: right;
background-color: #000000;
color: #ffffff;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .actions .button.button-checkout:hover,
.header .rion-minicart.minicart-popup .minicart-content-inner .actions .button:hover {
color: #fff;
background-color: #3f5ae5;
}
@media (max-width: 1499px) {
.rion-minicart {
padding-right: 18px;
}
}
@media (max-width: 1366px) {
.header .rion-minicart.minicart-popup .minicart-list-items.scroll-wrapper {
max-height: calc(100vh - 280px);
}
.header .rion-minicart.minicart-popup .minicart-content {
padding-bottom: 30px;
width: 500px;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .subtotal {
padding-top: 20px;
padding-bottom: 10px;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .minicart-title {
margin: 20px auto 30px;
}
}
@media (max-width: 1024px) {
.header .minicart-content-inner .close-minicart {
display: inline-block;
left: 20px;
}
.rion-minicart {
margin-left: 5px;
}
}
@media (max-width: 767px) {
.header .rion-minicart .mini-cart-icon .minicart-number {
right: -14px;
}
.header .rion-minicart.minicart-popup .minicart-content-inner .actions,
.header .rion-minicart.minicart-popup .minicart-content-inner .subtotal,
.header .rion-minicart.minicart-popup .minicart-items,
.header .rion-minicart.minicart-popup .minicart-content-inner .minicart-title {
max-width: 300px;
}
.header .rion-minicart.minicart-popup .minicart-content {
width: 400px;
}
.header .rion-minicart.minicart-popup .empty-title {
max-width: 280px;
font-size: 26px;
}
.header .minicart-content-inner .actions .button {
height: 50px !important;
line-height: 50px !important;
font-size: 12px;
}
} @media (min-width: 1200px) {
.header-position.fixed {
max-width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}
.header-position.fixed .header-middle-inner {
padding: 20px 0 !important;
}
.header-position.fixed:not(.hide-header) {
animation: move_down 0.4s ease 0s normal none 1 running;
-o-animation: move_down 0.4s ease 0s normal none 1 running;
-webkit-animation: move_down 0.4s ease 0s normal none 1 running;
}
.admin-bar .header-position.fixed:not(.hide-header) {
top: 32px;
animation: move_down_admin 0.4s ease 0s normal none 1 running;
-o-animation: move_down_admin 0.4s ease 0s normal none 1 running;
-webkit-animation: move_down_admin 0.4s ease 0s normal none 1 running;
}
.header-position.fixed.hide-header {
top: -120px;
animation: move_up 0.4s ease 0s normal none 1 running;
-o-animation: move_up 0.4s ease 0s normal none 1 running;
-webkit-animation: move_up 0.4s ease 0s normal none 1 running;
}
.admin-bar .header-position.fixed.hide-header {
top: -120px;
animation: move_up_admin 0.4s ease 0s normal none 1 running;
-o-animation: move_up_admin 0.4s ease 0s normal none 1 running;
-webkit-animation: move_up_admin 0.4s ease 0s normal none 1 running;
}
@keyframes move_down_admin {
0% {
top: -75px;
}
100% {
top: 32px;
}
}
@-webkit-keyframes move_down_admin {
0% {
top: -75px;
}
100% {
top: 32px;
}
}
@keyframes move_down {
0% {
top: -75px;
}
100% {
top: 0;
}
}
@-webkit-keyframes move_down {
0% {
top: -75px;
}
100% {
top: 0;
}
}
@keyframes move_up_admin {
0% {
top: 32px;
}
100% {
top: -75px;
}
}
@-webkit-keyframes move_up_admin {
0% {
top: 32px;
}
100% {
top: -75px;
}
}
@keyframes move_up {
0% {
top: 0;
}
100% {
top: -75px;
}
}
@-webkit-keyframes move_up {
0% {
top: 0;
}
100% {
top: -75px;
}
}
.header-position.fixed .key-word-search {
display: none;
}
} .header-table {
display: table;
position: relative;
width: 100%;
margin: 0 auto;
}
.header-table > * {
display: table-cell;
vertical-align: middle;
}
.header-table::before,
.header-middle-inner::after {
content: '';
display: table;
}
.header-table::after {
clear: both;
}
.header-table .logo img {
vertical-align: top;
margin-top: 1px;
}
.main-navigation .main-menu > .menu-item.item-logo > a {
font-size: 0;
letter-spacing: 0;
}
.horizon-menu .main-menu > .menu-item.item-logo > a::after {
display: none;
} .vertical-btn,
.link-dropdown {
width: 25px;
height: 16px;
display: inline-block;
padding-top: 3px;
}
.vertical-btn span,
.link-dropdown span {
height: 2px;
background-color: #000;
display: block;
margin-bottom: 5px;
position: relative;
transition: 0.2s;
}
.header-color-light .vertical-btn span,
.header-color-light .link-dropdown span {
background-color: #fff;
}
.vertical-btn span:last-child,
.link-dropdown span:last-child {
margin-bottom: 0;
}
body {
-webkit-transition: margin 0.25s ease 0s;
-moz-transition: margin 0.25s ease 0s;
-o-transition: margin 0.25s ease 0s;
transition: margin 0.25s ease 0s;
}
body.vertical-open.page-template-largecontainer {
margin-right: 395px;
}
.horizon-menu .main-header-content {
position: fixed;
width: 395px;
height: 100vh;
background-color: #ffffff;
z-index: 99;
top: 0;
right: -395px;
transition: 0.25s;
padding: 96px 0 0 71px;
}
body.vertical-open .horizon-menu .main-header-content {
right: 0;
}
.horizon-menu .main-header-content .btn-close {
position: absolute;
top: 48px;
right: 33px;
font-size: 14px;
}
.horizon-menu .main-header-content .btn-close .flaticon-close::before {
content: "\f112";
font-size: 9px;
vertical-align: middle;
margin-right: 7px;
position: relative;
top: -2px;
}
.horizon-menu .main-header-content .dropdown-close a:not(:hover) {
color: #868686;
}
.admin-bar .horizon-menu .main-header-content {
top: 32px;
}
.horizon-menu .main-header-content .scroll-wrapper {
height: calc(100vh - 340px);
margin-bottom: 30px;
}
.horizon-menu .main-header-content .main-menu > .menu-item {
display: block;
padding: 0;
}
.horizon-menu .main-header-content .main-menu > .menu-item > a {
line-height: 50px;
font-size: 26px;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0;
}
.horizon-menu .main-header-content .main-menu > .menu-item > a::after {
display: none;
}
.header-color-light .horizon-menu .main-header-content .main-menu > .menu-item > a {
color: #000;
}
.horizon-menu .main-header-content .main-menu .toggle-submenu {
display: block;
top: 0;
transform: none;
}
.horizon-menu .main-header-content .main-menu > .menu-item .submenu {
left: 0 !important;
width: 100% !important;
padding: 0;
position: static;
opacity: 1;
visibility: visible;
margin: 0;
display: none;
transition: none;
box-shadow: none;
}
.horizon-menu .main-header-content .main-menu > .menu-item.parent:hover::before {
display: none;
}
.horizon-menu .main-header-content .rion-demo.style-01 {
margin-bottom: 0 !important;
}
.horizon-menu .main-header-content .rion-demo.style-01 img {
display: none;
}
.horizon-menu .main-header-content .rion-demo.style-01 .demo-content {
text-align: left;
}
.horizon-menu .main-header-content .rion-demo.style-01 .demo-button {
position: relative;
opacity: 1;
visibility: visible;
padding: 0;
background-color: transparent;
line-height: 36px;
color: #666666;;
font-size: 16px;
transition: 0.4s;
margin: 0;
}
.horizon-menu .main-header-content .rion-demo.style-01 .demo-button:hover {
padding-left: 26px;
color: #f43c3c;
}
.horizon-menu .main-header-content .rion-demo.style-01 .demo-button::before {
display: none;
}
.horizon-menu .main-header-content .rion-demo.style-01 .demo-button::after {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0;
border-bottom: 1px solid #f43c3c;
transition: 0.4s;
}
.horizon-menu .main-header-content .rion-demo.style-01 .demo-button:hover::after {
width: 20px;
}
.horizon-menu .main-header-content [class^="vc_col-"],
.horizon-menu .main-header-content [class*="vc_col-"] {
width: 100% !important;
}
.horizon-menu .main-header-content .rion-custommenu .title {
margin-top: 12px;
padding-bottom: 6px;
margin-bottom: 6px;
}
.horizon-menu .main-header-content .rion-custommenu .title {
padding-bottom: 10px;
}
.horizon-menu .main-header-content .privacy-menu > ul {
padding: 0;
margin-bottom: 40px;
}
.horizon-menu .main-header-content .privacy-menu > ul > li {
list-style: none;
padding: 0;
}
.horizon-menu .main-header-content .privacy-menu > ul > li > a:not(:hover) {
color: #909297;
}
.horizon-menu .main-header-content .menu-social {
padding-left: 69px;
position: relative;
}
.horizon-menu .main-header-content .menu-social::before {
content: '';
width: 56px;
border-bottom: 1px solid #000000;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.horizon-menu .main-header-content .menu-social > a {
margin-right: 12px;
color: #000000;
}
.horizon-menu .main-header-content .rion-demo.style-08 img,
.horizon-menu .main-header-content .rion-demo.style-08 .demo-button {
display: none;
}
.horizon-menu .main-header-content .rion-demo.style-08 .demo-content {
position: static;
}
.horizon-menu .main-header-content .rion-demo.style-08 .demo-title {
position: static;
transform: none;
line-height: 36px;
font-size: 16px;
transition: 0.4s;
margin: 0;
text-align: left;
}
.horizon-menu .main-header-content .rion-demo.style-08 .demo-title:hover {
padding-left: 26px;
color: #f43c3c;
}
.horizon-menu .main-header-content .rion-demo.style-08 .demo-title:hover::after {
width: 20px;
}
.horizon-menu .main-header-content .rion-demo.style-08 .demo-title a:not(:hover) {
color: #666666;
}
.horizon-menu .main-header-content .rion-demo.style-08 .demo-title::after {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0;
border-bottom: 1px solid #f43c3c;
transition: 0.4s;
}
.admin-bar .horizon-menu .main-header-content .scroll-wrapper {
position: relative;
}
.horizon-menu .main-header-content .scroll-wrapper > .scroll-content {
overflow-x: hidden !important;
max-height: inherit !important;
height: inherit !important;
}
.horizon-menu .main-header-content .main-menu {
padding-bottom: 10px;
}
.horizon-menu .main-header-content .rion-custommenu.style-02 {
padding-bottom: 20px !important;
}
.horizon-menu .main-header-content .main-menu > .menu-item .submenu:not(.megamenu) .menu-item {
padding: 0;
}
.horizon-menu .main-header-content .main-menu .menu-item .submenu .menu-item a {
position: relative;
display: inline-block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.horizon-menu .main-header-content .main-menu .menu-item .submenu .menu-item a::after {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0;
border-bottom: 1px solid #f43c3c;
transition: 0.4s;
}
.horizon-menu .main-header-content .main-menu .menu-item .submenu .menu-item a:hover::after {
width: 20px;
}
.horizon-menu .main-header-content .main-menu .menu-item .submenu .menu-item a:hover {
padding-left: 26px;
}
.header .logo {
position: relative;
top: 3px;
left: 3px;
}
.header .logo img + img {
display: none;
} .header.style-01 .header-left {
width: calc(100% - 200px);
}
.header.style-01 .header-control-right {
width: 200px;
}
.header.style-01 .header-table .logo,
.header.style-01 .header-table .horizon-menu {
float: left;
}
.header.style-01 .horizon-menu {
margin-left: 70px;
margin-top: 5px;
}
.header.style-01 .block-account a,
.header.style-03 .block-account a,
.header.style-04 .block-account a {
position: relative;
top: -7px;
line-height: 1;
letter-spacing: 0.2em;
padding-bottom: 8px;
}
.header.style-01 .block-account a::before,
.header.style-03 .block-account a::before,
.header.style-04 .block-account a::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 2px solid;
}
.header.style-01 .header-search-box .search-icon,
.header.style-01 .rion-minicart,
.header.style-04 .header-search-box .search-icon,
.header.style-04 .rion-minicart {
margin-left: 15px;
line-height: 1;
}
.header.style-02 .block-account a {
min-width: 77px;
height: 36px;
border: 1px solid;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 36px;
padding: 0 15px;
letter-spacing: 0.1em;
}
.header.style-02 .header-search-box .search-icon {
font-size: 13px;
width: 36px;
height: 36px;
line-height: 1;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
color: #000000;
border-radius: 50%;
margin-left: 12px;
transition: 0.25s;
position: relative;
top: 1px;
font-weight: 600;
}
.header.style-02.header-color-dark .header-search-box .search-icon {
background-color: #f8f8f8;
}
.header.style-02 .header-search-box .search-icon:hover {
background: #3f5ae5;
color: #ffffff;
}
.header.style-02 .horizon-menu .main-menu {
text-align: center;
}
.header.style-02 .header-left,
.header.style-02 .header-control-right {
width: 20%;
}
.header.header-pos-absolute.style-02 .header-wrap {
padding: 50px 0;
}
.header.style-03 .header-search-box {
margin-right: 20px;
}
.header.style-03 .header-left,
.header.style-03 .header-control-right {
width: 20%;
vertical-align: top;
}
.header.style-03 .logo {
margin-bottom: 23px;
}
.header.style-04 .header-left,
.header.style-04 .header-control-right {
width: 45%;
}
.header.style-03 .header-center,
.header.style-04 .header-center {
text-align: center;
}
@media (max-width: 1366px) {
.header.style-01 .horizon-menu {
margin-left: 25px;
}
}
@media (max-width: 1024px) {
.header.style-01 .header-search-box .search-icon,
.header.style-01 .rion-minicart,
.header.style-04 .header-search-box .search-icon,
.header.style-04 .rion-minicart {
margin-left: 5px;
}
.header.style-02 .block-account a {
min-width: 40px;
height: 25px;
}
.header.style-02 .rion-minicart .mini-cart-icon {
top: 4px;
}
.header .rion-minicart .mini-cart-icon {
top: -1px;
}
.header.style-01 .block-account a,
.header.style-03 .block-account a,
.header.style-04 .block-account a {
position: relative;
top: -2px;
line-height: 1;
letter-spacing: 0;
padding-bottom: 0;
font-size: 18px;
}
.header.style-01 .block-account a::before,
.header.style-03 .block-account a::before,
.header.style-04 .block-account a::before {
display: none;
}
}  .post-thumb img {
position: relative;
z-index: 1;
transition: 0.5s;
}
.post-title {
margin-bottom: 8px;
font-size: 34px;
font-family: "Cormorant Garamond", sans-serif;
margin-top: 0;
}
.post-title a:not(:hover) {
color: inherit;
}
.post-author {
margin-bottom: 13px;
text-transform: uppercase;
letter-spacing: 0.3em;
font-size: 10px;
font-weight: 700;
}
.post-item .categories + .date {
float: right;
}
.post-item .post-comment {
float: right;
}
.post-item .categories,
.post-item .date {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.post-item .categories,
.post-item .post-comment-icon {
float: left;
}
.post-item .categories a {
color: #3f5ae5;
}
.post-item .post-comment a:not(:hover),
.post-item .date a:not(:hover) {
color: inherit;
}
.post-item .post-comment-icon {
float: right;
color: #000;
}
.post-item .tags {
display: inline-block;
font-size: 0;
}
.post-standard .tags {
margin-top: 15px;
}
.post-item .tags a {
display: inline-block;
margin: 6px 12px 6px 0;
padding: 10px 20px;
font-size: 14px !important;
color: #868686;
border: 1px solid #ddd;
text-align: center;
line-height: 1;
}
.post-item .tags a:hover {
background-color: #3f5ae5;
color: #ffffff;
border-color: #3f5ae5;
}
.page-main-content::before,
.page-main-content::after,
.post-content::before,
.post-content::after {
content: '';
display: table;
}
.page-main-content::after,
.post-content::after {
clear: both;
}
.post-content .wp-block-cover:last-child,
.post-content p:last-child {
margin-bottom: 0 !important;
}
.post-content > p:last-child {
display: inline-block;
width: 100%;
} .single-post-info .post-title {
font-size: 46px;
font-weight: 300;
margin: -5px 0 18px 0;
}
.post-single .post-thumb {
margin-bottom: 22px;
}
.post-single .post-thumb img {
transition: 0.5s;
}
.post-single .post-meta {
margin-bottom: 7px;
}
.single-post-info {
margin-bottom: 55px;
}
.post-content .dropcap {
font-size: 60px;
font-weight: 300;
color: #3f5ae5;
display: inline-block;
float: left;
margin: 13px 10px 10px -6px;
}
.single-post-info .post-meta-wrap {
overflow: hidden;
margin-bottom: 30px;
}
.single-post-info .post-meta-wrap .author-avatar {
display: inline-block;
}
.single-post-info .post-meta-wrap .author-avatar img {
border-radius: 50%;
}
.single-post-info .post-meta-wrap .author-name {
display: inline-block;
margin-left: 18px;
font-size: 20px;
}
.single-post-info .post-author {
float: left;
}
.single-post-info .post-meta {
font-size: 14px;
display: inline-block;
float: right;
margin-top: 27px;
}
.single-post-info .date {
margin-bottom: 0;
margin-right: 24px;
}
.single-post-info .categories {
font-size: 12px;
letter-spacing: 0.2em;
}
.single-post-info .categories a {
color: #868686;
}
.single-post-info .categories a:hover {
color: #3f5ae5;
}
.post-single blockquote {
padding: 25px 0 25px 30px;
margin: 30px 0;
}
.post-single .rion-share-socials {
float: right;
}
.post-single .rion-share-socials .social-heading {
display: none;
}
.post-footer {
display: inline-block;
width: 100%;
margin-top: 35px;
padding: 13px 0;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.social-heading {
display: inline-block;
margin: 0 50px 0 0;
font-size: 20px;
}
.post-footer .social-heading {
display: inline-block;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #999999;
margin: 0;
}
.rion-share-socials a {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 14px;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid #c2c2c2;
margin-right: 12px;
}
.rion-share-socials a:last-child {
margin-right: 0;
}
.rion-share-socials a:hover {
background-color: #3f5ae5;
color: #ffffff;
border-color: #3f5ae5;
} .post-standard .post-meta,
.post-classic .post-meta {
margin: -5px 0 7px 0;
overflow: hidden;
}
.post-classic:nth-child(3n+1) .post-inner {
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 30px;
padding-top: 40px;
}
.blog-classic .post-item .post-inner {
margin-bottom: 40px;
}
.post-classic:nth-child(3n+1) .post-thumb {
margin-bottom: 23px;
}
.post-classic:nth-child(3n+1) .post-title {
margin-bottom: 8px;
}
.blog-classic .post-item:first-child .post-inner {
margin-top: 0;
border-top: none;
padding-top: 0;
}
.blog-classic .post-item:last-child .post-inner {
margin-bottom: 0;
}
.blog-classic .post-item:nth-child(3n) .post-thumb,
.blog-classic .post-item:nth-child(3n+2) .post-thumb {
width: 42.857%;
float: left;
}
.blog-classic .post-item:nth-child(3n) .post-content,
.blog-classic .post-item:nth-child(3n+2) .post-content {
width: 57.143%;
padding-left: 30px;
float: right;
}
@media (max-width: 767px) {
.post-classic .post-title,
.post-classic:nth-child(3n+1) .post-title {
margin-bottom: 7px;
font-size: 24px;
}
.post-classic .post-meta {
margin: 9px 0 5px 0;
}
.blog-classic .post-item {
margin-bottom: 25px;
}
.post-item .post-comment span {
display: none;
}
.post-item .post-comment > a {
position: relative;
top: -2px;
}
.post-item .post-comment::before {
font-size: 16px;
padding-right: 2px;
position: relative;
top: -2px;
}
.post-item .date::before {
font-size: 16px;
padding-right: 0;
}
.post-single blockquote {
padding: 15px 0 15px 20px;
margin: 15px 0;
}
.post-item .tags {
width: 100%;
margin-bottom: 20px;
}
.post-single .rion-share-socials {
width: 100%;
text-align: left;
}
.blog-classic .post-item:nth-child(3n) .post-thumb img,
.blog-classic .post-item:nth-child(3n+2) .post-thumb img,
.blog-classic .post-item:nth-child(3n) .post-thumb,
.blog-classic .post-item:nth-child(3n+2) .post-thumb,
.blog-classic .post-item:nth-child(3n) .post-content,
.blog-classic .post-item:nth-child(3n+2) .post-content {
width: 100%;
padding: 0;
}
.post-classic .post-meta {
margin-top: 13px !important;
}
.blog-classic .post-item .post-inner {
margin-bottom: 30px;
padding: 0;
border: none;
}
.blog-classic .post-item .post-thumb {
text-align: center;
}
.post-footer {
margin-top: 25px;
}
} .blog-standard .post-item {
margin-bottom: 55px;
position: relative;
}
.blog-standard .post-item:last-child {
margin-bottom: 0;
}
.blog-standard .post-item .single-post-info {
padding-bottom: 0;
margin-bottom: 10px;
border-bottom: none;
}
.no-sidebar .content-post ~ .pagination,
.no-sidebar .page-main-content,
.no-sidebar .comments-area,
.no-sidebar .post-single,
.no-sidebar .blog-standard {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
display: block;
}
.post-standard:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.post-standard .post-foot {
padding: 14px 0 4px;
display: inline-block;
width: 100%;
border-top: 1px solid #e7e7e7;
margin-top: 20px;
}
.post-standard .post-foot .categories {
float: left;
}
.post-standard .post-foot .post-comment {
float: right;
}
.post-standard .post-title {
font-size: 36px;
margin-bottom: 10px;
color: #000000;
}
.post-standard .post-thumb {
margin-bottom: 27px;
}
.post-standard .post-item .readmore {
font-size: 16px;
font-weight: 500;
position: relative;
display: inline-block;
overflow: hidden;
padding-bottom: 8px;
}
.post-item .owl-nav {
position: absolute;
left: 10px;
bottom: 10px;
}
.post-item .owl-nav > * {
width: 50px;
height: 50px;
background-color: #ffffff;
position: static;
display: inline-flex;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
margin: 0 2px;
opacity: 1 !important;
visibility: visible;
font-size: 20px;
justify-content: center;
align-items: center;
}
.post-item .owl-carousel .owl-nav .owl-prev,
.post-item .owl-carousel .owl-nav .owl-next {
margin-left: 0;
left: 0;
background: #fff;
font-size: 20px !important;
}
.post-item .owl-carousel .owl-nav .owl-next {
margin-right: 0;
right: 0;
}
.post-item .owl-carousel:hover .owl-nav > * {
margin: 0 2px;
}
.post-item .readmore {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
position: relative;
display: inline-block;
overflow: hidden;
margin-top: 29px;
line-height: 1;
}
.post-item .readmore span {
margin-left: 13px;
}
.post-standard.post-item .readmore {
margin: 25px 0 0 0;
display: inline-block;
} .blog-grid .post-item {
margin-bottom: 55px;
}
.blog-grid .post-meta > div:not(:last-child)::after {
display: none;
}
.blog-grid .title {
font-size: 22px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 83px;
}
.blog-grid .title span {
display: inline-block;
position: relative;
padding-bottom: 20px;
}
.blog-grid .title span::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
border-bottom: 2px solid #3f5ae5;
width: 100%;
}
.blog-grid ~ .pagination {
margin-top: -3px;
margin-bottom: 0;
}
.post-thumb {
position: relative;
overflow: hidden;
}
.blog-grid .post-thumb a:first-child::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
opacity: 0;
visibility: visible;
-webkit-transition: opacity 0.25s ease 0s;
-moz-transition: opacity 0.25s ease 0s;
-o-transition: opacity 0.25s ease 0s;
transition: opacity 0.25s ease 0s;
z-index: 1;
}
.blog-grid:hover .post-thumb a::before {
opacity: 0.5;
visibility: visible;
}
.blog-grid .post-thumb img {
width: 100%;
-webkit-transition: transform 0.25s ease 0s;
-moz-transition: transform 0.25s ease 0s;
-o-transition: transform 0.25s ease 0s;
transition: transform 0.25s ease 0s;
}
.blog-grid .post-thumb:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.blog-grid .post-content {
background-color: #fff;
}
.blog-grid .post-title {
font-family: "Cormorant Garamond", sans-serif;
margin-bottom: 18px;
font-size: 34px;
}
.blog-grid .readmore-sc {
position: relative;
padding-bottom: 5px;
overflow: hidden;
display: inline-block;
margin-bottom: 20px;
margin-top: 12px;
}
.blog-grid .readmore-sc::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 2px solid;
}
.blog-grid .readmore-sc:hover::before {
-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}
.blog-grid .post-meta {
overflow: hidden;
font-size: 10px;
border-top: 1px solid #eaeaea;
padding-top: 28px;
margin-top: 28px;
letter-spacing: 0.3em;
font-weight: 700;
text-transform: uppercase;
color: #000000;
line-height: 1;
}
.blog-grid .post-meta .categories {
font-weight: 700;
letter-spacing: 0.2em;
color: #3f5ae5;
padding: 0;
margin: 0;
font-size: 12px;
}
.blog-grid .post-meta .categories > a {
color: inherit;
}
.blog-grid .post-author {
float: left;
}
.blog-grid .post-thumb {
margin-bottom: 29px;
}
.blog-grid .post-item .readmore {
margin-top: 16px;
}  .rion-blog.style-01 .post-item {
overflow: hidden;
}
.rion-blog.style-01 .blog-title {
text-align: center;
margin-top: 0;
margin-bottom: 72px;
font-family: "Cormorant Garamond", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
}
.rion-blog.style-02 .post-item {
overflow: hidden;
margin-bottom: 20px;
}
.rion-blog.style-02 .post-thumb {
float: left;
width: 79px;
}
.rion-blog.style-02 .post-content {
float: right;
width: calc(100% - 79px);
padding-left: 15px;
}
.rion-blog.style-02 .post-content .post-meta {
overflow: hidden;
}
.rion-blog.style-02 .post-content .post-meta .date {
font-size: 12px;
text-transform: uppercase;
margin-top: -6px;
margin-bottom: 3px;
letter-spacing: 0.2em;
float: none;
}
.rion-blog.style-02 .post-content .post-meta .date::before {
display: none;
}
.rion-blog.style-02 .post-content .post-info .post-title {
font-size: 20px;
}
@media (max-width: 1670px) {
.rion-blog.style-01 .post-item .post-info .post-info-bg {
padding-bottom: 37px;
}
.rion-blog.style-01 .post-item .readmore {
margin-top: 37px;
}
}
@media (max-width: 1640px) {
.rion-blog.style-01 .post-item .post-info .post-info-inner {
background-color: #000000;
}
.rion-blog.style-01 .post-item .post-info .post-info-bg {
padding: 50px 20px;
}
.rion-blog.style-01 .post-item .owl-nav {
width: 106px;
right: -106px;
}
.rion-blog.style-01 .post-item .owl-nav > * {
width: 53px;
height: 53px;
line-height: 55px;
}
.rion-blog.style-01 .post-item .readmore {
margin-top: 20px;
}
.rion-blog.style-01 .owl-carousel .owl-item img {
width: 100%;
}
}
@media (max-width: 1499px) {
.rion-blog.style-01 .post-item .post-info .post-info-bg {
padding: 30px 20px;
}
.rion-blog.style-01 .post-item .owl-nav {
top: auto;
bottom: 0;
right: 0;
left: auto;
}
}
@media (max-width: 1366px) {
.blog-heading {
padding-bottom: 9px;
margin-bottom: 25px;
font-size: 30px;
}
.post-item .readmore {
margin-top: 10px;
}
.post-classic .post-excerpt-content {
margin-bottom: 10px;
}
.blog-standard .post-item {
margin-bottom: 35px;
}
.blog-grid .post-meta .date {
font-size: 14px;
}
.blog-grid .post-meta .categories {
font-size: 12px;
}
.blog-grid .post-info .post-title {
font-size: 22px;
}
}
@media (max-width: 1199px) {
.rion-blog.style-01 .post-item .post-info .post-info-bg {
padding: 20px;
}
.rion-blog.style-01 .post-item .post-info .post-info-inner {
vertical-align: middle;
}
.post-footer .rion-share-socials ~ .categories {
float: none;
width: 100%;
}
.post-single .post-thumb,
.post-standard .post-thumb {
margin-bottom: 15px;
}
.post-standard .post-title,
.post-single .post-title {
font-size: 28px;
}
.single-post-info {
padding-bottom: 15px;
border-bottom: 1px solid #e4e6ec;
margin-bottom: 18px;
}
.blog-standard .post-item,
.blog-grid .post-item {
margin-bottom: 30px;
}
.single-post-info .categories {
font-size: 12px;
}
.post-standard .owl-nav > * {
width: 40px;
height: 40px;
line-height: 42px;
font-size: 20px;
}
.post-standard.post-item .readmore {
margin-top: 15px;
}
.rion-blog.style-01 .blog-title {
margin-bottom: 35px;
font-size: 24px;
letter-spacing: 0.2em;
}
}
@media (max-width: 991px) {
.post-standard .post-thumb .quote {
padding: 30px 20px 20px 20px;
font-size: 18px;
line-height: 28px;
}
}
@media (max-width: 767px) {
.blog-heading {
font-size: 24px;
}
.post-single .post-title {
margin-bottom: 5px;
}
.post-standard .post-title {
font-size: 22px;
}
.blog-grid .post-title {
font-size: 20px;
margin-bottom: 10px;
}
.blog-grid .post-info {
margin-bottom: 0;
}
blockquote, q {
padding: 15px 0 15px 19px;
margin: 14px 0;
font-size: 14px;
}
.rion-blog.style-01 .blog-title {
margin-bottom: 25px;
font-size: 22px;
letter-spacing: 0.1em;
}
}  .comments-area p {
margin-bottom: 16px;
}
.comments-area p.comment-form-cookies-consent {
margin-bottom: 8px;
display: inline-block;
width: 100%;
}
.comments-area {
padding-top: 40px;
}
.comments-area .title-comment {
font-size: 32px;
font-family: "Cormorant Garamond", sans-serif;
margin-bottom: 48px;
margin-top: 0;
font-weight: 300;
}
.comments-area .comments-title {
font-size: 22px;
margin-top: 0;
margin-bottom: 30px;
}
.comments-area .commentlist,
.comments-area .commentlist .children {
list-style: none;
}
.comments-area .no-comments {
margin-top: 20px;
} .commentlist {
list-style: none;
padding-left: 0;
}
.woocommerce-Reviews .commentlist > p {
display: none;
}
.comment:not(:last-child) {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 37px;
margin-bottom: 33px;
}
.commentlist .children {
margin-left: 160px;
padding-top: 45px;
margin-top: 29px;
border-top: 1px solid #dfdfdf;
padding-left: 0;
}
.has-sidebar .commentlist .children {
margin-left: 145px;
}
.comment_container {
overflow: hidden;
}
.comment_container .avatar {
float: left;
max-width: 107px;
margin-right: 21px;
}
.comment-text {
overflow: hidden;
position: relative;
text-align: left;
}
.comment-text .meta {
margin-bottom: 0;
}
.comment-text .woocommerce-review__dash {
display: none;
}
.comment-text .grow {
color: #868686;
font-size: 14px;
margin-bottom: 8px;
display: inline-block;
}
.comment-text .woocommerce-review__author,
.comment-text .comment-author {
display: block;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.3em;
font-weight: 700;
color: #000000;
text-transform: uppercase;
margin-top: -7px;
margin-bottom: 0;
}
.comment-text .woocommerce-review__author {
display: inline-block;
line-height: 1;
}
.comment-text .woocommerce-review__published-date,
.comment-text .comment-date {
display: inline-block;
font-size: 14px;
line-height: 26px;
margin-bottom: 9px;
padding-right: 80px;
}
.comment-text .woocommerce-review__published-date,
.comment-text .comment-date:not(:hover) {
color: #9da7b2;
}
.comment-text .woocommerce-review__published-date {
margin: 0;
line-height: 1;
}
.comment-text p:last-child {
margin-bottom: 0;
}
.comment-text .comment-edit-link,
.comment-text .comment-reply-link {
position: absolute;
top: 0;
padding: 10px 22px;
line-height: 1;
background-color: #000000;
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.comment-text .comment-edit-link {
right: 90px;
}
.comment-text .comment-edit-link:hover,
.comment-text .comment-reply-link:hover {
background-color: #3f5ae5;
}
.comment-text .comment-reply-link {
right: 0;
} .pingback {
margin-bottom: 20px;
}
.pingback > p > a {
padding-left: 5px;
}
.pingback .edit-link {
display: inline-block;
}
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
padding: 0 5px;
} .commentlist ~ .comment-respond,
.commentlist .comment-respond {
border-top: 1px solid #dfdfdf;
padding-top: 36px;
margin-top: 65px;
}
.comment-respond .comment-reply-title {
font-size: 32px;
font-family: "Cormorant Garamond", sans-serif;
margin-bottom: 43px;
margin-top: 0;
font-weight: 300;
}
.comment-respond span.comment-reply-title {
display: block;
margin-bottom: 20px;
margin-top: 10px;
color: #000000;
}
.comment-form-rating {
display: inline-block;
width: 100%;
}
.comment-form-rating label {
margin-right: 15px;
}
.required {
color: red;
font-weight: normal;
}
.comment-navigation {
margin-top: 15px;
}
.comment-form .row {
margin-left: -8px;
margin-right: -8px;
}
.comment-form .row > div {
padding-left: 8px;
padding-right: 8px;
}
.comment-form .comment-form-url {
float: left;
margin-bottom: 22px;
width: 100%;
}
.comment-form input[type="checkbox"] {
margin-right: 6px;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-reply-content {
float: left;
margin-bottom: 27px;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(50% - 20px);
}
.comment-form .comment-form-email {
float: right;
}
.comment-form .comment-form-author label,
.comment-form .comment-form-email label,
.comment-form .comment-form-url label {
display: block;
color: #868686;
}
.comment-form .comment-form-email,
.comment-form .comment-reply-content + .comment-reply-content {
float: right;
}
@media (min-width: 1025px) {
.comment-form .comment-form-url input,
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-reply-content input {
height: 54px;
}
}
.comment-form .comment-form-url input,
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-reply-content input {
width: 100%;
padding: 4px 25px;
font-size: 16px;
}
.comment-form .comment-form-comment {
display: inline-block;
width: 100%;
margin-top: 14px;
}
.comment-form .comment-form-comment textarea {
height: 200px;
padding: 15px 25px;
font-size: 16px;
}
.sticky-tab-slide .comment-form .comment-form-url input,
.sticky-tab-slide .comment-form .comment-form-author input,
.sticky-tab-slide .comment-form .comment-form-email input,
.sticky-tab-slide .comment-form .comment-reply-content input {
height: 48px;
padding-top: 0;
padding-bottom: 0;
}
.sticky-tab-slide .comment-form .comment-form-comment textarea {
height: 150px;
}
.comment-form .form-submit {
display: table;
position: relative;
margin-bottom: 19px;
}
.comment-form .form-submit #submit {
vertical-align: middle;
min-width: 200px;
font-size: 14px;
letter-spacing: 0.3em;
color: #ffffff;
background-color: #000000;
text-transform: uppercase;
padding: 0 15px;
text-align: center;
display: inline-block;
font-weight: 700;
margin-top: 27px;
}
.comment-form .form-submit #submit:hover {
background-color: #3f5ae5;
}
@media (min-width: 1025px) {
.comment-form .form-submit #submit {
height: 54px;
line-height: 54px;
}
}
@media (max-width: 1199px) {
.has-sidebar .commentlist .children,
.commentlist .children {
margin-left: 50px;
}
.comment-form .form-submit {
margin-top: 0;
}
.comments-area .title-comment,
.comment-respond .comment-reply-title {
font-size: 22px;
}
.comment-text .comment-edit-link,
.comment-text .comment-reply-link {
margin-bottom: 5px;
margin-right: 5px;
position: static;
}
.comment-text .flex {
padding-bottom: 15px;
}
}
@media (max-width: 991px) {
#review_form .comment-form .comment-form-author,
#review_form .comment-form .comment-form-email,
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-reply-content {
width: 100% !important;
float: none !important;
}
.has-sidebar .commentlist .children,
.commentlist .children {
margin-left: 30px;
}
}
@media (max-width: 767px) {
.commentlist .avatar,
.comment_container .avatar {
float: none !important;
max-width: 90px;
margin-bottom: 15px;
}
.comment-form .form-submit #submit {
margin-top: 20px;
}
.comments-area .title-comment {
margin-bottom: 20px;
}
.comment-form .comment-form-comment textarea {
height: 200px;
}
.comment-text .comment-edit-link ~ .comment-reply-link {
margin-left: 20px;
}
.comment-text .comment-edit-link::before, .comment-text .comment-reply-link::before {
margin-right: 6px;
}
.comment:not(:last-child) {
padding-bottom: 27px;
margin-bottom: 23px;
}
.commentlist ~ .comment-respond, .commentlist .comment-respond {
padding-top: 18px;
margin-top: 34px;
}
.comment-respond .comment-reply-title {
margin-bottom: 23px;
}
} body.single-product .single-left {
width: 54.609929078%;
float: left;
position: relative;
overflow: hidden;
z-index: 2;
padding-bottom: 30px;
}
h4.title-s-desc {
display: none;
}
.has-sidebar .wc-tabs-wrapper .vc_row-o-equal-height, .has-sidebar .wc-tabs-wrapper .vc_row[data-vc-full-width] {
position: static !important;
width: 100% !important;
}
.product:not(.with_background):not(.gallery_detail) h4.title-s-desc {
display: block;
} body.single-product .woocommerce-product-gallery {
position: relative;
overflow: hidden;
}
.woocommerce-product-gallery .onsale {
position: absolute;
top: 10px;
right: 70px;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: none; position: absolute;
top: -60px;
right: -60px;
border-radius: 50%;
height: 120px;
width: 120px;
line-height: 170px;
padding: 0 25px;
z-index: 1;
background-color: #ffffff;
color: #000000;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
color: #3f5ae5;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger img.emoji {
opacity: 0;
visibility: hidden;
}
.pswp__button:hover {
background: transparent;
}
.woocommerce-product-gallery .flex-viewport {
text-align: center;
cursor: zoom-in;
border: 1px solid transparent;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin-left: 0;
padding-left: 0;
display: inline-block;
width: 100%;
}
.sticky_detail .flex-control-thumbs li {
display: inline-block;
margin: 7px 7px 0 0;
}
.sticky_detail .flex-control-thumbs li:last-child {
margin-right: 0;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
list-style: none;
border: none;
cursor: pointer;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
width: 25%;
margin-bottom: 14px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow {
opacity: 0;
visibility: hidden;
position: absolute;
cursor: pointer;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
z-index: 1;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.5);
transition: 0.5s;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs:hover .slick-arrow {
opacity: 1;
visibility: visible;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.fa-caret-up {
top: 10px;
left: 33px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.fa-caret-down {
bottom: 10px;
left: 33px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.fa-caret-left {
top: 0;
bottom: 0;
left: 10px;
margin: auto;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.fa-caret-right {
top: 0;
bottom: 0;
right: 10px;
margin: auto;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs:not(.slick-vertical) .slick-arrow {
color: #fff;
top: 50%;
margin: 0;
left: 0;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs:not(.slick-vertical) .slick-arrow:last-child {
left: auto;
right: 0;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.slick-vertical .slick-arrow {
left: 35px;
top: 5px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.slick-vertical .slick-arrow:last-child {
top: auto;
bottom: -25px;
}
@media (max-width: 991px) {
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow {
opacity: 1;
visibility: visible;
}
}
.product:not(.sticky_detail) .theiaStickySidebar {
position: static !important;
transform: none !important;
}
.flex-control-thumbs:not(.slick-vertical) .slick-list {
margin: 0 -4px;
}
.flex-control-thumbs.slick-vertical .slick-list {
margin: -13px 0;
} .brand-product {
justify-content: flex-end;
width: 110px;
text-align: right;
float: right;
display: flex;
margin-bottom: -60px;
}
.rion-content-single-product-mobile .brand-product {
display: block;
width: 100%;
padding: 5px 20px 0;
background-color: #fff;
}
ul.list-brands.product-taxonomies-list {
padding-left: 0;
display: flex;
list-style: none;
}
li.item-brand {
margin: 5px;
border: 1px solid #e4e4e4;
overflow: hidden;
padding: 3px;
background-color: #ffffff;
}
li.item-brand:hover {
border-color: #000;
}
body.single-product .detail-content {
width: 45.390070922%;
float: left;
padding-left: 70px;
position: relative;
z-index: 2;
padding-bottom: 30px;
}
.summary del {
font-size: 16px;
color: #999999;
}
.summary ins .woocommerce-Price-amount.amount {
font-size: 20px;
font-weight: 700;
}
.summary .woocommerce-product-rating {
margin-top: -7px;
margin-bottom: 3px;
}
.summary .woocommerce-product-rating .star-rating {
display: inline-block;
overflow: visible;
margin-right: 5px;
}
p.preview-count {
overflow: hidden;
float: left;
margin: 0;
}
.summary .woocommerce-product-rating .woocommerce-review-link {
font-size: 13px;
color: #999999;
display: inline-block;
vertical-align: top;
}
.summary .woocommerce-product-rating .woocommerce-review-link:hover {
color: #3f5ae5;
}
.summary .star-rating {
margin-bottom: 14px;
}
.summary .entry-title {
font-family: "Cormorant Garamond", sans-serif;
font-size: 28px;
line-height: 36px;
font-weight: 400;
color: #000000;
margin: -7px 0 12px 0;
padding-right: 110px;
}
.summary .price {
font-size: 22px;
line-height: 24px;
color: #000000;
padding-bottom: 14px;
margin-bottom: 0;
letter-spacing: 0.1em;
}
.summary .price del {
font-size: 16px;
}
.product-info-stock-sku {
border-top: 1px solid #ebebeb;
padding-top: 25px;
}
.detail-content .summary .price {
color: #3f5ae5;
}
.detail-content .summary .price del {
top: -2px;
}
.summary .woocommerce-product-details__short-description {
margin-bottom: 15px;
border-top: 1px solid #dbdbdb;
padding-top: 20px;
}
.summary .woocommerce-product-details__short-description p {
margin-bottom: 10px;
}
.summary .woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
.summary .rion-countdown {
margin-bottom: 20px;
}
.summary .deals-in-wrap .deals-title {
margin-bottom: 24px;
margin-top: 0;
color: #ff421d;
padding-left: 41px;
position: relative;
}
.summary .deals-in-wrap .deals-title::before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: url(//farinelli.es/wp-content/themes/rion/assets/images/fire-icon.png);
}
.summary .rion-countdown .timers .box {
display: inline-block;
text-align: center;
color: #000000;
margin-right: 28px;
}
.summary .rion-countdown .timers .box .time {
display: flex;
width: 70px;
height: 70px;
border-radius: 50%;
justify-content: center;
align-items: center;
box-shadow: 0 15px 38px rgba(0, 0, 0, 0.07);
font-size: 30px;
margin-bottom: 10px;
background-color: #fff;
}
.summary .rion-countdown .timers .box .time-title {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.has-deals .summary form.variations_form {
margin-top: 30px;
}
button.rion-single-add-to-cart-deal.add-to-cart-out-of-stock.btn.button,
button.rion-single-add-to-cart-deal.add-to-cart-out-of-stock.btn.button + .quantity,
.has-deals form.cart .quantity,
.has-deals form.cart .single_add_to_cart_button,
.has-deals form.cart .woocommerce-variation-add-to-cart {
display: none !important;
}
button.rion-single-add-to-cart-deal {
line-height: 56px;
padding: 0;
height: 56px;
font-size: 20px;
letter-spacing: 0.2em;
background: #39b93c;
font-weight: 700;
width: calc(100% - 80px);
border-radius: 0;
}
button.rion-single-add-to-cart-deal:hover {
background: #000;
color: #fff;
}
.deal-add-to-cart.cart .quantity {
float: right;
margin: 0 0 0 11px;
}
.deal-add-to-cart {
margin-bottom: 15px;
}
.summary .stock {
color: #5cb85c;
margin-bottom: 15px;
}
.summary .stock.out-of-stock {
color: #3f5ae5;
}
.summary .stock .label-available {
color: #868686;
}
.summary .product-sku {
color: #000000;
display: inline-block;
width: 100%;
line-height: 30px;
}
.summary .product-sku .sku {
color: #868686;
}
.summary.title-price-stars-outside-summary {
margin-bottom: 50px;
}
.summary.title-price-stars-outside-summary .woocommerce-product-rating,
.summary.title-price-stars-outside-summary .product_title,
.summary.title-price-stars-outside-summary .price {
display: none;
}
.outside-title-price-stars-wrap {
display: inline-block;
width: 100%;
}
.summary.has-border {
border: 2px solid #000;
padding: 60px 35px;
}
.woocommerce-product-rating-outside .star-rating {
float: left;
margin: 5px;
}
.has-title-outside-summary.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img {
border-radius: 50%;
border: 1px solid #ebebeb;
}
.price.price-outside {
margin-bottom: 20px;
font-size: 26px;
color: #dc9814;
}
.price-outside del {
font-size: 16px;
}
.woocommerce-product-rating.woocommerce-product-rating-outside {
display: inline-block;
margin-bottom: 13px;
}
.offer-boxed-product {
border: 1px solid #ebebeb;
padding: 37px 17px;
margin-bottom: 20px;
position: relative;
margin-top: 30px;
}
.offer-boxed-product .title-offer {
font-size: 18px;
margin: 0;
display: inline-block;
position: absolute;
left: 49px;
top: -16px;
padding: 0 14px;
background-color: #ffffff;
}
.offer-boxed-product .title-offer::before {
content: url(//farinelli.es/wp-content/themes/rion/assets/images/diamond-icon.png);
position: relative;
top: 5px;
margin-right: 12px;
}
.offer-boxed-product ul {
margin-bottom: 0;
}
.offer-boxed-product li {
color: #ff1515;
list-style: none;
padding-left: 15px;
position: relative;
text-align: left;
}
.offer-boxed-product li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-width: 5px 7px;
border-color: transparent transparent transparent #ff1515;
border-style: solid;
} form.variations_form {
position: relative;
}
h4.title-variable {
font-size: 18px;
font-weight: 600;
margin: 0 0 22px;
}
.variations .variation select {
display: none;
width: 100%;
margin-bottom: 2px;
border: none;
border-bottom: 1px solid #dcdcdc;
padding-left: 0;
height: 36px;
line-height: 36px;
margin-top: -12px;
}
.data-val[data-attributetype="select"] {
display: none;
}
.variation select[data-attributetype="select"] {
display: block;
position: relative;
line-height: 36px;
}
.reset_variations {
font-weight: 400;
font-size: 11px;
line-height: 21px;
letter-spacing: 0.1em;
color: #ffffff;
display: block;
height: 22px;
position: absolute;
text-transform: uppercase;
padding: 0 10px;
min-width: 70px;
background-color: #000000;
float: left;
right: 0;
top: 0;
text-align: center;
}
.woocommerce-variation-description {
margin-bottom: 14px;
width: 100%;
display: inline-block;
}
.woocommerce-variation-description:empty {
display: none;
}
.woocommerce-variation-description:empty ~ .woocommerce-variation-price .price {
}
table.variations {
border: none;
margin-bottom: 40px;
}
.reset_variations:hover {
background-color: #3f5ae5;
color: #fff;
}
.summary a.change-value:not(.color):hover,
.summary a.change-value.active:not(.color) {
border-color: #000;
}
.summary table.variations {
border: none;
margin-bottom: 0;
}
.summary tr.variation {
display: block;
overflow: hidden;
padding-bottom: 10px;
}
tr.variation td {
margin: 0;
border: none;
padding: 0;
font-size: 16px;
display: block;
vertical-align: text-bottom;
min-width: 78px;
position: relative;
line-height: 1;
}
.product-item .variations tr {
text-align: center;
width: 100%;
}
a.change-value.color {
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
display: inline-block;
margin: 0 11px 13px 0;
}
a.change-value.color.active::before {
content: '';
position: absolute;
left: -3px;
right: -3px;
top: -3px;
bottom: -3px;
border-radius: 50%;
border: 1px solid #dcdcdc;
}
.summary a.change-value.color:first-child {
margin-left: 4px;
}
div.product-item a.change-value.photo {
width: 20px;
height: 20px;
position: relative;
border-radius: 50%;
}
a.change-value.color[data-value="white"] {
border: 1px solid #dedede;
}
.product-item a.change-value.active::before, .product-item a.change-value:hover::before {
opacity: 1;
}
tr.variation label {
color: #000000;
margin: 0 0 21px 0;
position: relative;
line-height: 1;
font-weight: 700;
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
padding-left: 36px;
}
tr.variation label::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 24px;
border-bottom: 1px solid;
}
.woocommerce-variation-description p:last-child {
margin-bottom: 0;
}
.woocommerce-variation-price .price {
margin-bottom: 19px;
border: none;
padding: 0;
}
.product-item a.change-value.photo {
width: 25px;
height: 25px;
}
a.change-value {
position: relative;
margin-right: 15px;
}
.product-item .variations a.change-value.label {
display: none;
}
a.change-value:not(.color) {
width: 35px;
height: 35px;
font-weight: 400;
color: #000;
border: 1px solid #e5e5e5;
line-height: 30px;
border-radius: 50%;
display: inline-block;
font-size: 12px;
text-align: center;
margin-right: 15px;
}
.product-item a.change-value.color.active::before, .product-item a.change-value.color:hover::before {
border-color: #cccccc;
}
.summary a.change-value:not(.color) {
width: auto;
height: 40px;
font-weight: 700;
border: 1px solid #dcdcdc;
line-height: 40px;
display: inline-block;
color: #000;
font-size: 14px;
text-align: center;
padding: 0 15px;
margin-right: 12px;
margin-bottom: 12px;
border-radius: 0;
}
.summary a.change-value.photo {
width: 47px;
height: 47px;
border-color: #e9e9e9;
}
.summary .attribute-pa_size a.change-value:not(.color) {
padding: 0;
min-width: 36px;
border-width: 1px;
height: 36px;
float: left;
line-height: 36px;
color: #868686;
}
.summary a.change-value:not(.color):hover,
.summary a.change-value.active:not(.color) {
border-color: #000;
background-color: #000000;
color: #ffffff;
}
.size-guide-inner {
padding: 0 15px;
}
span.size-guide-text {
font-size: 11px;
color: #000;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 16px;
line-height: 24px;
display: inline-block;
padding-left: 44px;
cursor: pointer;
position: relative;
}
.size-guide-text::before {
content: url(//farinelli.es/wp-content/themes/rion/assets/images/size_guide.png);
position: absolute;
top: 3px;
left: 0;
}
#popup-size-guide .modal-content {
box-shadow: 0 0 15px rgba(0, 0, 0, .2);
border: none;
border-radius: 0;
}
#popup-size-guide .modal-dialog {
max-width: 90%;
margin-top: 50px;
width: 750px;
}
div button.close {
font-size: 12px;
font-weight: 400;
border: 1px solid;
width: 25px;
text-transform: uppercase;
height: 25px;
border-radius: 50%;
color: #666;
opacity: 1;
margin: 10px;
position: relative;
z-index: 999;
}
div button.close {
color: #3f5ae5;
background-color: transparent;
} .cart .quantity {
width: 152px;
height: 56px;
line-height: 56px;
border: 1px solid #dcdcdc;
color: #000000;
overflow: hidden;
position: relative;
text-align: center;
margin-right: 10px;
float: left;
margin-bottom: 27px;
display: inline-block;
}
.cart .quantity .control {
overflow: hidden;
}
.cart .quantity .input-qty {
color: #000000;
width: 52px;
height: 55px;
line-height: 55px;
padding: 0 3px;
font-size: 20px;
text-align: center;
border: none;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
border-radius: 0;
float: left;
}
.cart .quantity .btn-number {
text-align: center;
display: inline-block;
line-height: 54px;
font-size: 20px;
float: left;
width: 49px;
}
.cart .quantity .btn-number .fa {
font-family: inherit;
}
.cart .quantity .btn-number .fa-caret-up::before {
content: '+';
}
.cart .quantity .btn-number .fa-caret-down::before {
content: '-';
}
.summary p.cart {
margin-bottom: 0;
}
.summary .cart .single_add_to_cart_button {
display: block;
float: left;
letter-spacing: 0.2em;
margin-bottom: 27px;
vertical-align: top;
font-weight: 600;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
padding: 0 15px;
text-align: center;
background: #3f5ae5;
border: none;
margin-right: 14px;
position: relative;
margin-top: 7px;
}
.summary .cart .single_add_to_cart_button:hover {
background-color: #000000;
}
.summary .cart .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button {
opacity: 0.65;
cursor: not-allowed;
pointer-events: none;
float: left;
}
.summary .cart .quantity {
float: none;
margin-top: 7px;
}
.summary .compare, .summary .fami-wccp-button, .summary .social-share {
display: inline-block;
text-align: center;
padding: 0 15px;
min-width: 56px;
height: 53px;
line-height: 51px;
border: 1px solid #e4e6ec;
margin: 0 11px 15px 0;
float: left;
box-shadow: none;
font-weight: 700;
color: #000000 !important;
}
.summary .compare, .summary .fami-wccp-button {
width: 53px;
float: left;
text-align: center;
height: 53px;
line-height: 42px;
font-size: 0;
padding-right: 0;
padding-left: 0;
margin: 0;
border: 1px solid #dcdcdc;
background-color: #fff;
position: relative;
top: -8px;
}
.summary .compare, .summary .fami-wccp-button:hover {
background-color: #3f5ae5;
border-color: transparent;
color: #ffffff;
}
.gallery_detail .summary .fami-wccp-button,
.center_slider .summary .fami-wccp-button,
.has-extend .summary .fami-wccp-button {
position: relative;
top: 0;
}
.summary .yith-wcwl-add-to-wishlist {
text-align: center;
width: 53px;
height: 53px;
border: 1px solid #dcdcdc;
line-height: 49px;
-webkit-transition: border-color 0.25s, background-color 0.25s ease 0s;
-moz-transition: border-color 0.25s, background-color 0.25s ease 0s;
-o-transition: border-color 0.25s, background-color 0.25s ease 0s;
transition: border-color 0.25s, background-color 0.25s ease 0s;
margin-bottom: 20px;
float: left;
clear: left;
margin-right: 20px;
}
.summary .yith-wcwl-add-to-wishlist a {
color: #000000;
}
.summary .yith-wcwl-add-to-wishlist:hover {
border-color: #3f5ae5;
background-color: #3f5ae5;
}
.summary .yith-wcwl-add-to-wishlist a:hover::before {
color: #fff;
}
.summary .add_to_wishlist::before {
font-size: 18px;
}
div#yith-wcwl-popup-message {
background: #0fb0f0;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 5px;
line-height: 50px;
font-weight: 300;
color: #fff;
padding: 0 35px;
box-shadow: 0 0 5px #0fb0f0;
position: fixed;
text-align: center;
top: 50px;
left: auto;
z-index: 10000;
right: 50px;
}
.summary .compare::before,
.summary .fami-wccp-button::before {
position: relative;
top: 4px;
font-size: 22px;
}
.summary .compare:hover,
.summary .fami-wccp-button:hover {
color: #ffffff !important;
}
.summary .social-share .icons {
font-size: 15px;
line-height: 50px;
}
.summary .social-share .rion-social {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.summary .rating-wapper .review {
line-height: 17px;
}
.summary .woocommerce-product-rating .woocommerce-review-link {
display: none;
}
.product_meta {
display: inline-block;
width: 100%;
}
.woocommerce .product_meta .wcml-dropdown-click.product {
margin: 0 0 15px;
}
.product_meta .meta-title {
color: #000;
}
.product_meta > span {
display: block;
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #000000;
}
.product_meta span.sku {
text-transform: uppercase;
font-size: 14px;
color: #868686;
}
.product_meta .sku_wrapper .meta-title {
font-size: 12px;
}
.product_meta .meta-title {
color: #000;
margin-right: 3px;
}
.product_meta a {
color: #868686;
}
.product_meta a:hover {
color: #3f5ae5;
}
.rion-desc {
border: 1px solid #eaeaea;
text-align: center;
padding: 40px 25px;
margin-bottom: 20px;
}
.rion-desc .title {
font-size: 18px;
padding-bottom: 16px;
margin: 0 0 18px;
position: relative;
}
.rion-desc .title::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 42px;
border-bottom: 1px solid;
}
@media (max-width: 1199px) {
.rion-desc {
padding: 20px 15px;
}
} .social-share-product {
display: inline-block;
position: fixed;
-webkit-transform: rotate(90deg) translateX(-50%);
-moz-transform: rotate(90deg) translateX(-50%);
-ms-transform: rotate(90deg) translateX(-50%);
-o-transform: rotate(90deg) translateX(-50%);
transform: rotate(90deg) translateX(-50%);
top: 50%;
left: -31px;
z-index: 99;
}
.social-share-product .share-product-title {
font-size: 11px;
letter-spacing: 0.2em;
padding: 8px 10px;
display: inline-block;
line-height: 1;
color: #fff;
text-transform: uppercase;
cursor: pointer;
background-color: #000;
border-radius: 2px 2px 0 0;
min-width: 79px;
text-align: center;
font-weight: 700;
}
.social-share-product .share-product-title::before {
content: "\f11c";
font-family: Flaticon, sans-serif;
margin-right: 10px;
font-size: 16px;
vertical-align: middle;
}
.social-share-product .share-product-title:hover {
color: #3f5ae5;
}
.social-share-product .rion-social-product {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
height: 40px;
position: absolute;
left: 0;
z-index: 2;
top: -45px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(20px);
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
display: inline-flex;
justify-content: center;
align-items: center;
}
.social-share-product .rion-social-product > a {
color: #bcbcbc;
display: inline-block;
font-size: 16px;
line-height: 16px;
margin: 0 7px;
padding: 0 8px;
transform: rotate(-90deg);
}
.social-share-product:hover .rion-social-product {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.rion-social-product a {
font-size: 16px;
font-weight: 400;
display: inline-block;
}
.rion-social-product a:hover {
color: #3f5ae5;
}
.product-mobile-more-detail-wrap .social-share-product {
display: block;
}
.product-mobile-more-detail-wrap .social-share-product .share-product-title {
display: none;
}
.product-mobile-more-detail-wrap .social-share-product .rion-social-product > a {
padding-top: 11px;
}
.product-mobile-more-detail-wrap .social-share-product .rion-social-product {
position: static;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
display: block;
width: 100%;
text-align: left;
padding: 5px 5px 10px;
height: auto;
} .center_slider .detail-content-left .cart {
display: none;
}
.rion-product-slider-large {
margin-bottom: 30px;
}
.rion-product-slider-large .owl-dots {
margin: 0;
background-color: #ffffff;
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
min-width: 125px;
height: 33px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -16px;
}
.center_slider .price {
color: #3f5ae5;
}
@media (min-width: 1200px) {
.center_slider .detail-content-left {
width: 29.27%;
padding-right: 40px;
float: left;
}
body.single-product .center_slider .single-left {
width: 41.46%;
padding-bottom: 20px;
}
body.single-product .center_slider .detail-content {
width: 29.27%;
padding-left: 40px;
}
body.single-product .center_slider .detail-content .summary {
max-width: 240px;
}
body.single-product .center_slider .detail-content .cart .quantity {
margin-right: 0;
width: 100%;
}
body.single-product .center_slider .detail-content .cart .quantity .control > * {
width: 33.3333333%;
}
body.single-product .center_slider .detail-content .summary .cart .single_add_to_cart_button {
width: 100%;
margin-right: 0;
}
.center_slider .detail-content .summary span.size-guide-text,
.center_slider .detail-content .summary .offer-boxed-product,
.center_slider .detail-content .summary .brand-product,
.center_slider .detail-content .summary .product-sku,
.center_slider .detail-content .summary .social-share-product,
.center_slider .detail-content .summary .product_meta,
.center_slider .detail-content .summary .star-rating,
.center_slider .detail-content .summary .product_title,
.center_slider .detail-content .summary .price,
.center_slider .detail-content .summary .product-info-stock-sku,
.center_slider .detail-content .summary .woocommerce-product-details__short-description {
display: none;
}
}
@media (max-width: 1199px) {
.center_slider .detail-content-left {
display: none;
}
}
@media (max-width: 767px) {
.brand-product {
float: none;
margin: 0;
display: block;
width: 100%;
}
li.item-brand {
margin: 5px 5px 5px 0;
}
.social-share-product {
top: 300px;
}
}
.content-product-inner::before,
.content-product-inner::after {
content: '';
display: table;
}
.content-product-inner::after {
clear: both;
}
.unique-wrap .product-top-inner > .container,
.unique-wrap .rion-single-container > .container {
width: 100%;
padding: 0;
}
.unique-wrap .rion-single-container .container .row {
margin: 0;
}
.unique-wrap .rion-single-container .container .row .main-content {
padding: 0;
}
.unique-wrap .owl-dots {
margin: 0;
position: absolute;
left: 0;
bottom: 72px;
right: 0;
text-align: center;
}
.unique-wrap .rion-product-slider-large .owl-dots .owl-dot {
background-color: #868686;
border-color: #868686;
}
.unique-wrap .rion-product-slider-large .owl-nav {
display: none;
}
.unique-wrap .single-product .product-toolbar {
margin-bottom: 4px;
margin-top: 13px;
}
@media (min-width: 1200px) {
.unique-wrap .main-container {
padding-top: 69px;
}
.unique-wrap > .product-toolbar {
display: none;
}
.unique-wrap .detail-content {
padding-left: 120px;
}
.unique-wrap .detail-content .breadcrumbs {
margin-top: 60px;
}
.unique-wrap .detail-content .rion-container {
padding: 0;
display: inline-block;
}
.unique-wrap .detail-content form.variations_form {
position: static;
}
.unique-wrap .content-product-inner {
position: relative;
}
body.single-product .unique-wrap .detail-content {
width: 38%;
}
body.single-product .unique-wrap .single-left {
width: 62%;
}
.unique-wrap .content-product-inner .detail-content {
position: absolute;
top: 70px;
right: 0;
bottom: 0;
padding-bottom: 110px;
padding-right: 130px;
}
.single-product .unique-wrap .product-toolbar {
margin-top: 15px;
margin-bottom: 5px;
}
body.single-product .unique-wrap .single-left {
margin-bottom: 0;
}
.unique-wrap .woocommerce-variation-add-to-cart {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #000000;
padding-top: 18px;
padding-bottom: 18px;
z-index: 1;
}
.unique-wrap .cart .woocommerce-variation-add-to-cart .quantity {
border-color: transparent;
padding-top: 5px;
padding-bottom: 5px;
height: 65px;
margin: 0;
width: 33.333333%;
}
.unique-wrap .cart .woocommerce-variation-add-to-cart .quantity .input-qty {
border-color: transparent;
color: #fff;
width: 33.333333%;
font-size: 28px;
}
.unique-wrap .cart .woocommerce-variation-add-to-cart .quantity .btn-number {
color: #fff;
width: 33.333333%;
font-size: 28px;
}
.unique-wrap .summary .woocommerce-variation-add-to-cart .yith-wcwl-add-to-wishlist {
float: left;
width: 33.333333%;
padding-top: 5px;
padding-bottom: 5px;
height: 65px;
background-color: transparent;
border-color: transparent;
margin: 0;
color: #fff;
}
.unique-wrap .summary .woocommerce-product-details__short-description {
max-width: 520px;
}
.unique-wrap .summary .woocommerce-variation-add-to-cart .yith-wcwl-add-to-wishlist:hover {
border-color: transparent;
background-color: transparent;
color: #3f5ae5;
}
.unique-wrap .summary .cart .woocommerce-variation-add-to-cart .single_add_to_cart_button {
width: 33.333333%;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
height: 65px;
color: #fff;
border-left: 1px solid #393939;
border-right: 1px solid #393939;
min-width: 0;
font-size: 16px;
letter-spacing: 0.1em;
}
.unique-wrap .summary .cart .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover {
background-color: transparent;
color: #3f5ae5;
}
.unique-wrap .summary .reset_variations {
position: static;
}
.unique-wrap .summary .reset_variations:not([style="visibility: visible;"]) {
margin-bottom: 13px;
display: table !important;
}
} .sticky_info_single_product {
position: fixed;
left: 0;
right: 0;
padding: 10px 0;
top: 0;
transition: transform 0.5s ease 0s;
-o-transition: transform 0.5s ease 0s;
-webkit-transition: transform 0.5s ease 0s;
background: #fff;
z-index: 99;
box-shadow: 0 0 2px rgba(0, 0, 0, .2);
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.show-sticky_info_single .sticky_info_single_product {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.admin-bar .sticky_info_single_product {
top: 32px;
}
.sticky_info_single_product img.fami-img {
max-width: 50px;
}
.sticky-thumb-left {
float: left;
margin-right: 20px;
}
.sticky_info_single_product .entry-title {
font-size: 16px;
color: #000;
margin-bottom: 5px;
display: block;
margin-top: 0;
}
.sticky_info_single_product a.woocommerce-review-link {
float: left;
line-height: 10px;
font-size: 12px;
margin: 0 10px;
}
.sticky_info_single_product .star-rating {
float: left;
}
.sticky-info-right {
overflow: hidden;
position: relative;
min-height: 54px;
}
.sticky_info_single_product button.rion-single-add-to-cart-btn.btn.button {
float: right;
background: #3f5ae5;
font-size: 12px;
line-height: 42px;
height: 42px;
top: 50%;
color: #fff;
padding: 0 40px;
letter-spacing: 0.2em;
white-space: nowrap;
position: absolute;
border-radius: 50px;
outline: none;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
border: none;
text-transform: uppercase;
font-weight: 600;
}
.sticky_info_single_product button.rion-single-add-to-cart-btn.btn.button:hover {
background-color: #333;
color: #fff;
}
.star-rating.no-rate {
width: auto;
font-size: 12px;
}
.sticky_info_single_product .star-rating a.woocommerce-review-link, .star-rating a.woocommerce-review-link {
position: relative;
left: -7px;
top: 1px;
}
.sticky_info_single_product .star-rating.no-rate a.woocommerce-review-link, .star-rating.no-rate a.woocommerce-review-link {
float: none;
letter-spacing: 0;
margin: 0;
font-size: 14px;
color: #999999;
}
.wrapper_menu-sticky .sticky_info_single_product {
top: auto;
bottom: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
}
.show-sticky_info_single .wrapper_menu-sticky .sticky_info_single_product {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
} .product-type-grouped .summary .woocommerce-product-details__short-description {
margin-bottom: 15px;
}
.product-type-grouped .summary .cart .group_table {
border: none;
margin-bottom: 30px;
}
.product-type-grouped .summary .cart .group_table td {
padding: 10px 10px 10px 0;
border-left: none;
border-right: none;
border-top: none;
line-height: 20px;
color: #000;
}
.product-type-grouped .summary .cart .group_table td.label,
.product-type-grouped .summary .cart .group_table td.price {
text-align: inherit;
display: table-cell;
vertical-align: middle;
font-size: 15px;
line-height: 26px;
color: #000000;
margin-bottom: 0;
}
.product-type-grouped .summary .cart .group_table td:last-child {
text-align: right;
}
.product-type-grouped .summary .cart .group_table label {
margin-bottom: 0;
font-weight: normal;
}
.product-type-grouped .summary .cart .group_table .stock {
display: none;
}
.product-type-grouped .cart .quantity {
margin-bottom: 0;
} .default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin-top: 7px;
}
.default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img {
width: 100%;
}
.default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
margin-right: 7px;
position: relative;
} .vertical_thumnail .flex-viewport {
width: -webkit-calc(100% - 120px);
width: -moz-calc(100% - 120px);
width: calc(100% - 120px);
float: right;
}
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
width: 120px;
float: left;
padding-right: 15px;
margin-top: -3px;
}
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
margin: 15px 0 0;
opacity: 1;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
border: 1px solid transparent;
}
figure.woocommerce-product-gallery__wrapper img {
width: 100%;
}
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li .flex-active {
border-color: #dcdcdc;
} @media (min-width: 1367px) {
body.single-product .modern .single-left {
top: 0;
right: 0;
position: absolute;
width: 50%;
}
body.single-product .modern .single-left .owl-dots {
position: absolute;
left: 29px;
bottom: 34px;
}
body.single-product .modern .single-left .owl-dots .owl-dot {
display: block;
margin-right: 0;
margin-top: 14px;
background-color: #868686;
border-color: #868686;
}
body.single-product .modern .single-left .owl-dots .owl-dot.active {
background-color: #000000;
}
body.single-product .modern .detail-content {
padding: 4vw 0 19vw 0;
width: 40%;
}
}
@media (max-width: 1366px) {
body.single-product .modern .detail-content {
padding: 0 30px 0 0;
}
body.single-product .modern .single-left {
float: right;
}
} .sticky_detail .flex-viewport {
border: none;
}
.sticky_detail .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
margin-bottom: 24px;
} .sticky_detail .main-content-product {
padding-bottom: 50px;
position: relative;
z-index: 2;
}
.sticky_detail .theiaStickySidebar {
padding-bottom: 30px !important;
}
.woocommerce-tabs-sticky {
margin-top: 60px;
}
.content-tab-sticky-element {
padding: 55px 30px;
}
.content-tab-sticky #output > .scroll-element,
.content-tab-sticky #output > .scroll-element div {
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.content-tab-sticky #output > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.content-tab-sticky #output > .scroll-element .scroll-element_track {
display: none;
}
.content-tab-sticky #output > .scroll-element .scroll-bar {
background-color: #6C6E71;
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.content-tab-sticky #output:hover > .scroll-element .scroll-bar,
.content-tab-sticky #output > .scroll-element.scroll-draggable .scroll-bar {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.content-tab-sticky #output > .scroll-element.scroll-x {
bottom: 0;
height: 0;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%;
}
.content-tab-sticky #output > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 0;
} .content-tab-sticky #output > .scroll-element.scroll-x .scroll-bar {
height: 7px;
min-width: 10px;
top: -9px;
}
.content-tab-sticky #output > .scroll-element.scroll-y .scroll-bar {
left: -9px;
min-height: 10px;
width: 7px;
}
.content-tab-sticky #output > .scroll-element.scroll-x .scroll-element_outer {
left: 2px;
}
.content-tab-sticky #output > .scroll-element.scroll-x .scroll-element_size {
left: -4px;
}
.content-tab-sticky #output > .scroll-element.scroll-y .scroll-element_outer {
top: 2px;
}
.content-tab-sticky #output > .scroll-element.scroll-y .scroll-element_size {
top: -4px;
} .content-tab-sticky #output > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -11px;
}
.content-tab-sticky #output > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -11px;
}
.content-tab-sticky .scroll-wrapper,
.content-tab-sticky .scroll-content {
max-height: calc(100vh - 150px) !important;
padding-right: 20px;
}
@media (max-width: 767px) {
.content-tab-sticky-element {
padding: 30px;
}
.sticky_detail .theiaStickySidebar {
padding-bottom: 0 !important;
}
}
.tabs-sticky-content .content-tab-sticky-element {
display: none;
}
.sticky-tab-slide {
position: fixed;
top: 0;
right: 0;
width: 440px;
max-width: 90%;
height: 100vh;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: transform 0.25s ease 0s;
-moz-transition: transform 0.25s ease 0s;
-o-transition: transform 0.25s ease 0s;
transition: transform 0.25s ease 0s;
background-color: #fff;
z-index: 999999;
}
body.single-product.open-tab-sticky .sticky-tab-slide {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
body.single-product.open-tab-sticky .body-overlay {
opacity: 1;
visibility: visible;
}
.close-tab {
font-size: 16px;
position: absolute;
right: 45px;
top: 48px;
z-index: 9;
cursor: pointer;
display: block;
}
@media (max-width: 767px) {
.close-tab {
right: 30px;
top: 23px;
}
}
.close-tab:hover {
color: #3f5ae5;
}
.close-tab span {
font-size: 9px;
margin-right: 6px;
position: relative;
top: -2px;
}
.content-tab-sticky #review_form_wrapper,
.content-tab-sticky #output {
max-height: calc(100vh - 150px);
overflow-y: auto;
}
.content-tab-sticky p:last-child {
margin: 0;
}
.content-tab-sticky .commentlist li:not(:last-child) {
padding-bottom: 20px;
}
.content-tab-sticky h2 {
font-weight: 700;
font-size: 12px;
padding-bottom: 25px;
margin-bottom: 35px;
margin-top: 0;
border-bottom: 1px solid #ededed;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.content-tab-sticky h2 span {
display: none;
}
.content-tab-sticky table {
color: #000;
}
.content-tab-sticky table p {
margin-bottom: 0;
}
.content-tab-sticky .woocommerce-noreviews {
display: none;
}
.content-tab-sticky .comment-respond .comment-reply-title {
font-size: 16px;
margin: 0 0 10px;
}
.tabs-sticky-content {
display: inline-block;
}
.tabs-sticky-content:not(:last-child) {
padding-right: 35px;
}
a.product-sticky-toggle-tab-content {
font-size: 14px;
letter-spacing: 0.2em;
text-transform: uppercase;
font-weight: 600;
width: 100%;
display: inline-block;
line-height: 1;
color: #000;
position: relative;
padding-bottom: 12px;
}
a.product-sticky-toggle-tab-content::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 2px solid #3f5ae5;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: transform 0.25s ease 0s;
-moz-transition: transform 0.25s ease 0s;
-o-transition: transform 0.25s ease 0s;
transition: transform 0.25s ease 0s;
}
a.product-sticky-toggle-tab-content:hover {
color: #3f5ae5;
}
a.product-sticky-toggle-tab-content:hover::before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
} .default .rion-product-button,
.sticky_detail .rion-product-button {
top: 10px;
left: 10px;
}
.vertical_thumnail .rion-product-button {
bottom: 50px;
left: 155px;
}
.rion-product-button {
position: absolute;
z-index: 1;
}
.single-product .rion-bt-video a, .product-360-button a {
display: inline-block;
font-size: 12px;
line-height: 60px;
min-width: 60px;
background: #fff;
letter-spacing: 0.2em;
border-radius: 50%;
font-weight: 700;
box-shadow: 0 3px 18px rgba(0, 0, 0, .06);
text-transform: uppercase;
color: #000;
transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s;
-o-transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s;
-webkit-transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s;
}
.single-product .rion-bt-video a:hover, .product-360-button a:hover,
.single-product .rion-bt-video a:focus, .product-360-button a:focus {
background: #333;
color: #fff;
}
.single-product .rion-bt-video a::before, .product-360-button a::before {
position: relative;
margin-right: 10px;
text-align: center;
top: -1px;
vertical-align: top;
}
.single-product .rion-bt-video a {
font-size: 0;
text-align: center;
}
.single-product .rion-bt-video a::before {
content: "\f115";
font-family: Flaticon, sans-serif;
font-size: 30px;
font-weight: 400;
position: relative;
top: 0;
margin: 0;
padding: 0;
}
.product-360-button a::before {
content: "\f116";
font-family: Flaticon, sans-serif;
font-size: 40px;
font-weight: 400;
vertical-align: middle;
position: relative;
top: 0;
left: 10px;
margin: 0;
padding: 0;
}
.single-product .rion-bt-video a span,
.product-360-button a span {
vertical-align: middle;
position: relative;
}
div.mfp-wrap div .mfp-close {
font-weight: 300;
position: absolute;
width: 15px;
line-height: 20px;
margin: 0;
height: 15px;
top: 20px;
right: 25px;
padding: 0;
}
.mfp-close-btn-in .mfp-close:hover {
background: transparent;
}
.product-360-button + .rion-bt-video {
margin-top: 10px;
} .product-360-view-wrapper {
margin: 100px auto;
max-width: 800px;
position: relative;
}
.spinner {
color: #ffffff;
font-size: 30px;
font-weight: 100;
text-align: center;
}
.rion-threed-view::after {
border-color: rgba(175, 175, 175, 0.05) rgba(175, 175, 175, 0.1) rgba(175, 175, 175, 0.15);
border-radius: 50%;
border-style: solid;
border-width: 2px 2px 5px;
bottom: 15px;
content: "";
height: 50%;
left: 15px;
position: absolute;
right: 15px;
z-index: 10;
}
.rion-threed-view {
cursor: ew-resize;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.rion-threed-view .threed-view-images {
display: none;
list-style: outside none none;
margin: 0;
padding: 0;
}
.rion-threed-view .threed-view-images img.current-image {
visibility: visible;
z-index: 9;
}
.rion-threed-view .threed-view-images img {
height: auto;
position: absolute;
top: 0;
width: 100%;
}
.rion-threed-view .nav_bar {
bottom: 40px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
left: 50%;
background: #fff;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 11;
}
.rion-threed-view .nav_bar a {
display: inline-block;
text-decoration: none;
width: 45px;
font-size: 0;
text-align: center;
}
.rion-threed-view .nav_bar a:hover {
background-color: #f9f9f9;
}
.rion-threed-view .nav_bar a::after {
font-family: "FontAwesome", sans-serif;
font-size: 18px;
position: relative;
top: 4px;
}
.rion-threed-view .nav_bar a.nav_bar_play::after {
content: "\f04b";
}
.rion-threed-view .nav_bar a.nav_bar_stop::after {
content: "\f04d";
}
.rion-threed-view .nav_bar a.nav_bar_previous::after {
content: "\f048";
}
.rion-threed-view .nav_bar a.nav_bar_next::after {
content: "\f051";
}
.rion-dark .rion-threed-view .nav_bar a {
color: black;
} .woocommerce-tabs {
position: relative;
display: inline-block;
width: 100%;
padding-bottom: 31px;
margin-top: 20px;
text-align: center;
}
.woocommerce-tabs .wpb_single_image.vc_align_right {
text-align: left;
}
.unique .woocommerce-tabs {
margin-top: 0
}
.has-sidebar .woocommerce-tabs {
overflow: hidden;
}
.has-sidebar .woocommerce-tabs::before {
width: 100%;
} .wc-tabs {
padding-left: 0;
text-align: center;
}
.wc-tabs li {
list-style: none;
display: inline-block;
margin-right: 23px;
margin-left: 23px;
text-align: center;
}
.wc-tabs li a {
display: inline-block;
font-size: 14px;
letter-spacing: 0.3em;
text-transform: uppercase;
font-weight: 600;
color: #000;
text-align: center;
position: relative;
padding: 12px 0;
line-height: 1;
}
.wc-tabs li a::before {
border-bottom: 2px solid #3f5ae5;
bottom: 0;
left: 0;
content: "";
position: absolute;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
width: 100%;
}
.wc-tabs li a:hover,
.wc-tabs li.active a {
color: #3f5ae5;
}
ul.tabs.wc-tabs {
position: relative;
display: inline-block;
background-color: #ffffff;
padding: 0 6px;
}
ul.tabs.wc-tabs::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
width: -webkit-calc(100vw);
width: -moz-calc(100vw);
width: calc(100vw);
height: 1px;
background-color: #eaeaea;
z-index: -1;
}
ul.tabs.wc-tabs::after {
top: 1px;
bottom: auto;
}
.wc-tabs li.active {
color: #3f5ae5;
}
.wc-tabs li a:hover::before,
.wc-tabs li.active a::before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
@media (max-width: 767px) {
.wc-tabs li {
margin-right: 10px;
margin-left: 10px;
}
.wc-tabs li a {
font-size: 11px;
}
} .woocommerce-Tabs-panel {
max-width: 100%;
margin: 60px auto 50px;
background-color: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
width: 1410px;
}
.woocommerce-Tabs-panel p:last-child {
margin-bottom: 0;
}
.woocommerce-Tabs-panel .woocommerce-Reviews {
text-align: left;
}
.woocommerce-Tabs-panel .vc_custom_heading {
line-height: 1.2;
}
.woocommerce-Tabs-panel h2 {
display: none;
}
.woocommerce-Tabs-panel--description .wpb_content_element h6 {
margin-top: 4px;
margin-bottom: 8px;
}
.woocommerce-Tabs-panel--description .wpb_content_element ul {
padding: 0;
}
.woocommerce-Tabs-panel--description .wpb_content_element ul li {
list-style: none;
}
@media (max-width: 1199px) {
.woocommerce-Tabs-panel {
margin-bottom: 0;
}
} .comment-form-rating label {
vertical-align: baseline;
}
p.stars {
margin-left: 15px;
line-height: 18px;
display: inline-block;
}
p.stars,
p.stars a {
display: inline-block
}
p.stars a {
font-weight: 400;
height: 1em
}
p.stars a:before,
p.stars a:hover ~ a:before {
color: #e2e2e2;
content: "\f005"
}
p.stars a {
position: relative;
width: 1em;
text-indent: -999em;
margin-right: 1px
}
p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: 'FontAwesome', sans-serif;
text-indent: 0;
}
p.stars:hover a:before,
p.stars.selected:not(:hover) a:before {
color: #3f5ae5;
}
p.stars a:hover ~ a:before,
p.stars.selected:not(:hover) a.active ~ a:before {
color: #e2e2e2;
} .commentlist .avatar {
width: 107px;
float: left;
}
.woocommerce-Reviews .commentlist .avatar {
width: 60px;
}
.woocommerce-Tabs-panel .commentlist .avatar {
width: 90px;
float: left;
}
.woocommerce-Tabs-panel .commentlist, .woocommerce-Tabs-panel .comment-form {
max-width: 100%;
margin-bottom: 40px;
}
.woocommerce-Tabs-panel .commentlist li {
margin-bottom: 20px;
}
.woocommerce-Tabs-panel .commentlist li:last-child {
margin-bottom: 0;
}
.woocommerce-Tabs-panel .commentlist .rating-wapper .review {
top: 0;
}
.commentlist .comment-text .meta {
margin-bottom: 0;
}
.owl-products[data-dots='true'] .product-item {
list-style: none;
margin-bottom: 0;
} .upsells,
.related {
position: relative;
}
.upsells::before,
.related::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: -webkit-calc(100vw);
width: -moz-calc(100vw);
width: calc(100vw);
height: 1px;
background-color: #ebebeb;
}
.has-sidebar .upsells::before,
.has-sidebar .related::before {
width: 100%;
}
.product-grid-title {
font-weight: 700;
font-size: 14px;
line-height: 1;
color: #000000;
text-align: center;
position: relative;
text-transform: uppercase;
letter-spacing: 0.3em;
margin: 0;
padding: 50px 0;
}
.owl-carousel.owl-products {
margin-bottom: 20px;
} .famibt-wrap {
border: 2px solid #e8e8e8;
overflow: hidden;
width: 100%;
padding: 40px 10px 40px 30px;
margin: 0 0 0;
display: inline-block;
}
.famibt-product.out-of-stock {
display: block;
opacity: 0.4;
}
h3.famibt-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 25px;
}
.famibt-right-part::after {
content: "";
border-left: 1px solid #e5e5e5;
position: absolute;
bottom: 0;
left: 0;
height: 99999em;
}
.famibt-right-part::before {
content: "";
border-left: 1px solid #e5e5e5;
position: absolute;
top: 0;
left: 0;
height: 99999em;
}
.famibt-right-part {
text-align: center;
}
span.for-items-text {
margin-bottom: 15px;
font-size: 14px;
color: #999;
display: inline-block;
margin-top: 10px;
line-height: 26px;
}
.total-price-html {
font-size: 30px;
color: #3f5ae5;
}
button.famibt-add-all-to-cart {
line-height: 42px;
height: 46px;
padding: 0 15px;
background: transparent;
border: 2px solid #333;
color: #333;
font-size: 12px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;
border-radius: 0;
}
button.famibt-add-all-to-cart:hover {
border-color: #333;
background: #333;
color: #fff;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-product-title {
font-size: 14px;
color: #333;
line-height: 24px;
min-height: inherit;
margin: 10px 0 5px;
}
.famibt-wrap .famibt-products-wrap .famibt-product img {
width: 100%;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-price {
color: #333;
font-weight: 600;
font-size: 16px;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-thumb-wrap {
border: none;
padding: 0;
}
div.famibt-wrap .famibt-item {
color: #000;
}
.famibt-wrap .famibt-item label {
font-weight: 400;
}
div.famibt-wrap .famibt-item .famibt-price {
color: #3f5ae5;
font-size: 16px;
}
.famibt-wrap ins {
color: #3f5ae5;
}
.famibt-wrap .woocommerce-error, .famibt-wrap .woocommerce-info, .famibt-wrap .woocommerce-message {
padding: 10px 0 12px;
margin: 0 0 30px;
background: #fff;
border: none;
z-index: 1;
}
.famibt-messages-wrap {
margin-top: -40px;
position: relative;
min-height: 50px;
}
.famibt-messages-wrap::before {
content: "";
border-bottom: 2px solid #e5e5e5;
width: 9999999em;
left: -50%;
position: absolute;
bottom: 0;
z-index: 2;
}
.famibt-messages-wrap a.button.wc-forward {
background: #333;
color: #fff;
line-height: 28px;
height: 28px;
font-size: 13px;
font-weight: 300;
}
.famibt-messages-wrap a.button.wc-forward:hover {
background: #3f5ae5;
color: #fff;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-thumb-wrap::before {
z-index: 9;
width: 40px;
left: -25px;
}
.famibt-right-part span.woocommerce-Price-amount.amount {
font-size: 20px;
}
@media (max-width: 1199px) {
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-thumb-wrap::before {
left: -14px;
}
}
@media (max-width: 767px) {
div.famibt-wrap {
padding: 30px 20px;
margin: 15px 0;
}
.famibt-right-part {
padding: 40px 0 0;
}
.famibt-right-part::before,
.famibt-right-part::after {
display: none;
}
} div.famisp-sales-popup-wrap {
z-index: 9999;
}
div.famisp-sales-popup-wrap .famisp-product-thumb {
margin-right: 15px;
}
.famisp-sales-popup-wrap .famisp-sales-popup {
line-height: 24px;
}
div.famisp-sales-popup-wrap .famisp-sales-popup .famisp-close {
line-height: 18px;
}
div.famisp-sales-popup-wrap .famisp-sales-popup {
line-height: 20px;
padding: 10px 30px 10px 10px;
font-size: 13px;
}
div.famisp-sales-popup-wrap .famisp-product-thumb {
margin-right: 15px;
width: 60px;
}
div.famisp-sales-popup-wrap .famisp-product-name {
font-size: 13px;
}
div.famisp-sales-popup-wrap {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
} .has-extend .rion-iconbox {
text-align: center;
padding: 30px;
background: #f3f7fb;
margin-bottom: 20px;
}
.has-extend .desc {
font-size: 14px;
color: #868686;
}
.has-extend .icon > span {
font-size: 45px;
color: #000;
}
.has-extend .icon > span.flaticon-delivery-truck {
font-size: 54px;
}
.has-extend .product-col-left {
width: 77%;
padding-right: 30px;
}
.has-extend .product-col-left .single-left {
width: 53%;
}
.has-extend .product-col-left .detail-content {
width: 47%;
padding-left: 30px;
}
.has-extend .product-col-right {
width: 23%;
}
.rion-single-container .container .product-top-inner .container .has-extend {
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 1024px) {
.has-extend .product-col-left,
.has-extend .product-col-right {
width: 100%;
padding: 0;
}
}
.product-extend-horizontal > div {
padding: 20px;
}
.product-extend-horizontal {
display: flex;
width: 100%;
}
.has-extend .product-extend-horizontal .rion-iconbox {
margin-bottom: 0;
margin-top: 20px;
}
.has-extend .img-extend {
z-index: 2;
position: relative;
display: inline-block;
}
.has-extend .img-extend::before {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
content: "";
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
transition: transform 0.4s linear 0s;
-o-transition: -o-transform 0.4s linear 0s;
-webkit-transition: -webkit-transform 0.4s linear 0s;
z-index: 1;
}
.has-extend .img-extend::after {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
content: "";
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
transition: transform 0.4s linear 0s;
-o-transition: -o-transform 0.4s linear 0s;
-webkit-transition: -webkit-transform 0.4s linear 0s;
z-index: 1;
}
.has-extend .img-extend:hover::before,
.has-extend .img-extend:hover::after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
@media (min-width: 1200px) {
.summary .cart .single_add_to_cart_button {
min-width: 297px;
}
}
@media (max-width: 1199px) {
.woocommerce-Tabs-panel {
margin-top: 40px;
}
} .rion-product-single-gallery {
margin: -8px;
}
.rion-product-single-gallery .rion-product-gallery__image {
width: 50%;
float: left;
padding: 8px;
}
.rion-product-single-gallery .rion-product-gallery__image img {
} .rion-product-slider-large .rion-product-gallery__image img {
width: 100%;
}
.rion-product-slider-large .owl-nav > * {
color: #000000;
width: 46px;
height: 46px;
border: 1px solid #e4e6ec;
border-radius: 50%;
text-align: center;
font-size: 24px;
line-height: 44px;
}
.rion-product-slider-large .owl-nav .owl-prev {
left: 18px;
}
.rion-product-slider-large .owl-nav .owl-next {
right: 18px;
}
.rion-product-slider-large .owl-dots .owl-dot {
width: 8px;
height: 8px;
border-radius: 11px;
background-color: #cacaca;
margin-right: 10px;
}
.rion-product-slider-large .owl-dots .owl-dot:last-child {
margin-right: 0;
}
.rion-product-slider-large .owl-dots .owl-dot:hover,
.rion-product-slider-large .owl-dots .owl-dot.active {
background-color: #000000;
} .page-title {
font-size: 50px;
font-weight: 300;
text-align: center;
margin-top: 30px;
margin-bottom: 12px;
}
.main-container {
position: relative;
}
.categories-product-woo .product-grid {
margin-bottom: 40px;
}
.panel-categories.cate-image + .banner-page {
display: none;
}
.panel-categories.cate-image .panel-categories-inner {
text-align: center;
}
.panel-categories.cate-image .panel-categories-inner .category-thumb {
position: relative;
cursor: pointer;
overflow: hidden;
}
.panel-categories.cate-image .panel-categories-inner .category-thumb img {
transition: 0.5s;
}
.panel-categories.cate-image .category-wrap:hover .category-thumb img {
transform: scale(1.05);
}
.panel-categories.cate-image .panel-categories-inner .category-thumb::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
z-index: 9;
}
.panel-categories.cate-image .panel-categories-inner .category-title {
font-size: 20px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
margin: 0;
letter-spacing: 0.2em;
position: absolute;
left: 0;
right: 0;
text-align: center;
bottom: 46px;
cursor: pointer;
z-index: 9;
}
.panel-categories.cate-image .panel-categories-inner .category-title a {
color: inherit;
position: relative;
}
.panel-categories.cate-image .panel-categories-inner .category-title a::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
transition: 0.5s;
border-bottom: 1px solid;
}
.panel-categories.cate-image .panel-categories-inner .category-title a:hover::before {
width: 100%;
}
.panel-categories.cate-image .owl-carousel .owl-nav > * {
width: 38px;
height: 38px;
line-height: 38px;
display: inline-block;
background: #ffffff !important;
color: #000000 !important;
font-size: 10px !important;
z-index: 999999;
top: 50%;
transform: translateY(-50%);
box-shadow: 0 2px 32px rgba(0, 0, 0, 0.08);
border: 1px solid #e4e4e4 !important;
border-radius: 50%;
transition: 0.25s;
}
.panel-categories.cate-image .owl-carousel .owl-nav > *:hover {
background-color: #3f5ae5 !important;
color: #ffffff !important;
border-color: transparent !important;
}
.panel-categories.cate-image .owl-carousel .owl-nav .owl-prev {
left: -19px;
}
.panel-categories.cate-image .owl-carousel .owl-nav .owl-next {
right: -19px;
}
.panel-categories.cate-count {
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 50px;
}
.panel-categories.cate-count .panel-categories-inner .category-wrap {
display: inline-block;
}
.panel-categories.cate-count .panel-categories-inner .category-title {
text-align: center;
margin: 0;
}
.panel-categories.cate-count .panel-categories-inner .category-title > a {
position: relative;
display: inline-block;
padding-bottom: 6px;
margin: 0 14px;
font-size: 18px;
}
.header-color-light .panel-categories.cate-count .panel-categories-inner .category-title > a {
color: #ffffff;
}
.panel-categories.cate-count .panel-categories-inner .category-title > a::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
border-bottom: 2px solid #3f5ae5;
transition: 0.5s;
}
.panel-categories.cate-count .panel-categories-inner .category-title > a:hover::before {
width: 100%;
}
.panel-categories.cate-count .panel-categories-inner .current-product-cat .category-title > a::before {
width: 100%;
}
.panel-categories.cate-count .panel-categories-inner .category-title > a > span {
position: absolute;
right: -14px;
top: 22px;
font-size: 16px;
color: #868686;
}
.panel-categories.cate-icon {
max-width: 1000px;
width: 100%;
margin: -58px auto 0;
background-color: #000000;
color: #ffffff;
position: relative;
padding: 0 20px;
}
.panel-categories.cate-icon .panel-categories-inner .category-title {
color: #ffffff;
margin: 0;
text-align: center;
padding: 32px 0;
position: relative;
}
.panel-categories.cate-icon .panel-categories-inner .category-title::before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
border-bottom: 3px solid #3f5ae5;
width: 0;
transition: 0.5s;
}
.panel-categories.cate-icon .panel-categories-inner .category-title:hover::before {
width: 43.75%;
}
.panel-categories.cate-icon .panel-categories-inner .current-product-cat .category-title::before {
width: 43.75%;
}
.panel-categories.cate-icon .panel-categories-inner .category-title > span {
font-size: 43px;
vertical-align: middle;
}
.panel-categories.cate-icon .panel-categories-inner .category-title a {
color: inherit;
font-size: 20px;
}
.panel-categories.cate-icon .owl-carousel .owl-nav > * {
margin: 0;
opacity: 1;
visibility: visible;
color: #ffffff;
font-size: 20px;
top: 48%;
}
.panel-categories.cate-icon .owl-carousel .owl-nav .owl-prev {
left: 0;
}
.panel-categories.cate-icon .owl-carousel .owl-nav .owl-next {
right: 0;
}
@media (max-width: 1024px) {
.panel-categories.cate-image .owl-carousel .owl-nav > * {
width: 30px;
height: 30px;
line-height: 28px;
border-radius: 50%;
}
.panel-categories.cate-image .owl-carousel .owl-nav .owl-prev {
left: 11px;
border-radius: 0 3px 3px 0;
}
.panel-categories.cate-image .owl-carousel .owl-nav .owl-next {
right: 11px;
border-radius: 0 0 3px 3px;
}
}
@media (max-width: 767px) {
.boxed-wrap .shop-page .page-title {
margin-top: 10px;
margin-bottom: 0;
display: block;
font-size: 24px;
}
}
.part-filter-wrap .filter-toggle,
.part-filter-wrap .filter-toggle-button {
font-size: 14px;
letter-spacing: 0.2em;
text-transform: uppercase;
font-weight: 700;
position: relative;
}
.prdctfltr_sc .part-filter-wrap .filter-toggle i,
.prdctfltr_sc .part-filter-wrap .filter-toggle-button i {
display: inline-block;
}
.part-filter-wrap .filter-toggle::before,
.part-filter-wrap .filter-toggle-button::before {
width: 38px;
height: 38px;
content: "+";
font-size: 20px;
margin-right: 9px;
background-color: #3f5ae4;
color: #ffffff;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
letter-spacing: 0;
}
.pagination-type-infinite .part-filter-wrap .filter-toggle {
position: static
}
.part-total-product {
float: left;
display: inline-block;
}
.part-acrion-right-wrap {
float: right;
}
.part-total-product span {
color: #000000;
}
.toolbar-products .part-acrion-right-wrap .filter-ordering {
display: inline-block;
width: 160px;
height: 38px;
background-color: #fff;
}
.toolbar-products .part-acrion-right-wrap .filter-ordering .fami-woocommerce-ordering select {
width: 100%;
height: 38px;
font-size: 14px;
background: transparent;
}
@media (max-width: 479px) {
.toolbar-products .part-acrion-right-wrap .filter-ordering {
width: 160px;
}
} .prdctfltr_wc.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering {
background: #fff;
padding: 30px 25px;
box-shadow: 0 3px 45px rgba(0, 0, 0, .06);
margin: 15px 0 20px;
z-index: 9;
}
.prdctfltr_filter span.prdctfltr_title_selected {
display: none;
}
.prdctfltr_clearnext + .prdctfltr_filter {
clear: none !important;
}
.prdctfltr_columns_4 .prdctfltr_filter {
padding-right: 20px;
}
.prdctfltr_sc .prdctfltr_columns_4 .prdctfltr_filter.prdctfltr_rng_price .prdctfltr_range {
float: right;
}
.main-product .prdctfltr_product_tag,
.prdctfltr_woocommerce_ordering .prdctfltr_buttons {
display: none !important;
}
.products-sizes {
display: inline-block;
position: relative;
text-align: center;
width: 200px;
}
.has-sidebar .products-sizes {
width: inherit;
margin-right: 10px;
}
.products-sizes:hover::before {
content: '';
width: 80px;
height: 80px;
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.products-size-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.has-sidebar .products-size-wrap {
position: absolute;
top: 0;
left: auto;
right: 100%;
margin-left: 4px;
overflow: hidden;
width: 0;
display: flex;
visibility: hidden;
opacity: 0;
transition: width 0.3s linear 0s, opacity 0.3s linear 0s, visibility 0.3s linear 0s;
-o-transition: width 0.3s linear 0s, opacity 0.3s linear 0s, visibility 0.3s linear 0s;
-webkit-transition: width 0.3s linear 0s, opacity 0.3s linear 0s, visibility 0.3s linear 0s;
}
.products-sizes .products-sizes-icon {
width: 38px;
height: 38px;
border-radius: 50%;
border: 1px solid #e4e4e4;
background-color: #fff;
position: relative;
cursor: pointer;
display: inline-block;
z-index: 0;
transition: all 0.3s cubic-bezier(0, 0, 0, 1.01) 0s;
-o-transition: all 0.3s cubic-bezier(0, 0, 0, 1.01) 0s;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0, 1.01) 0s;
align-items: center;
}
.products-sizes .products-sizes-icon::before,
.products-sizes .products-sizes-icon::after,
.products-sizes .products-sizes-icon span::before,
.products-sizes .products-sizes-icon span::after {
background-color: #000;
width: 5px;
height: 5px;
display: block;
position: absolute;
content: '';
}
.products-sizes .products-sizes-icon::before {
top: 12px;
left: 11px;
}
.products-sizes .products-sizes-icon::after {
top: 12px;
left: 20px;
}
.products-sizes .products-sizes-icon span::before {
bottom: 11px;
left: 11px;
}
.products-sizes .products-sizes-icon span::after {
bottom: 11px;
left: 20px;
}
.products-size {
width: 38px;
height: 38px;
line-height: 36px;
border-radius: 50%;
border: 1px solid #e4e4e4;
display: inline-block;
opacity: 0;
visibility: hidden;
background-color: #fff;
}
.has-sidebar .products-size {
margin: 0 4px;
opacity: 1;
visibility: visible;
}
.products-size:hover,
.products-size.active {
border-color: #000;
background-color: #000;
color: #fff;
}
.no-sidebar .products-size.size-3 {
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(50px);
}
.no-sidebar .products-size.size-6 {
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
-webkit-transform: translateX(-50px);
-moz-transform: translateX(-50px);
-ms-transform: translateX(-50px);
-o-transform: translateX(-50px);
transform: translateX(-50px);
}
.no-sidebar .products-size.size-4 {
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
-webkit-transform: translateX(24px);
-moz-transform: translateX(24px);
-ms-transform: translateX(24px);
-o-transform: translateX(24px);
transform: translateX(24px);
}
.no-sidebar .products-size.size-5 {
-webkit-transition: all 0.55s ease 0s;
-moz-transition: all 0.55s ease 0s;
-o-transition: all 0.55s ease 0s;
transition: all 0.55s ease 0s;
-webkit-transform: translateX(-23px);
-moz-transform: translateX(-23px);
-ms-transform: translateX(-23px);
-o-transform: translateX(-23px);
transform: translateX(-23px);
}
.no-sidebar .products-sizes:hover .products-size {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.has-sidebar .products-sizes:hover .products-size-wrap {
width: 200px;
opacity: 1;
visibility: visible;
}
.no-sidebar .products-sizes:hover .products-sizes-icon {
opacity: 0;
visibility: hidden;
}
.no-banner .toolbar-products.toolbar-top {
border-top: 1px solid #dfdfdf;
}
.toolbar-products.toolbar-top {
width: 100%;
line-height: 1;
margin: 0 0 20px;
position: relative;
}
.toolbar-products.toolbar-top::before,
.toolbar-products.toolbar-top::after {
content: '';
display: table;
}
.toolbar-products.toolbar-top::after {
clear: both;
}
.prdctfltr_topbar {
display: inline-block !important;
font-weight: 400;
font-size: 14px;
width: 100%;
}
.prdctfltr_topbar > span:before {
display: none;
}
a.display-mode {
width: 22px;
overflow: hidden;
display: inline-block;
height: 16px;
font-size: 0;
position: relative;
opacity: 0.4;
}
a.display-mode.active, a.display-mode:hover {
opacity: 1;
}
.grid-mode a.display-mode::before {
content: "";
width: 16px;
position: absolute;
left: 0;
height: 16px;
background-position: 0 0;
}
.list-mode a.display-mode::before {
content: "";
width: 22px;
position: absolute;
left: 0;
height: 16px;
background-position: -24px 0;
}
.toolbar-products.toolbar-products-mobile {
margin-bottom: 20px;
}
.part-acrion-left-wrap {
float: left;
}
.part-cats-list-wrap {
width: calc(100% - 220px);
text-align: left;
float: left;
}
.toolbar-products ul.category-filter {
text-align: left;
}
.part-wrap {
display: inline-block;
width: 33.33333%;
}
.part-acrion-left-wrap {
text-align: left;
}
.part-acrion-center-wrap {
text-align: center;
}
.part-acrion-right-wrap {
text-align: right;
}
.has-sidebar .part-acrion-left-wrap {
width: 150px;
}
.has-sidebar .part-acrion-center-wrap {
width: calc(100% - 300px);
text-align: right;
}
.has-sidebar .part-acrion-right-wrap {
width: 150px;
}
@media (max-width: 1199px) {
.has-sidebar .part-acrion-center-wrap {
padding-right: 20px;
}
}
.fami-woocommerce-ordering {
width: 160px;
height: 42px;
border: none;
background-color: transparent;
float: right;
}
.filter-ordering-select {
position: absolute;
top: 0;
right: 0;
border: 1px solid #e4e4e4;
width: 38px;
height: 38px;
display: inline-flex;
justify-content: center;
align-items: center;
pointer-events: none;
border-radius: 50%;
}
.part-filter-wrap + .part-cats-list-wrap ul.category-filter {
text-align: center;
}
.toolbar-products .category-filter li:first-child {
margin-left: 0;
}
.toolbar-products .category-filter li:last-child {
margin-right: 0;
}
.fami-woocommerce-ordering select.orderby {
width: calc(100% + 20px);
border-width: 0;
padding: 0 0 0 20px;
height: 40px;
line-height: 40px;
color: #999999;
}
.shop-prdctfltr-filter-wrap {
margin: 0 -11px 20px;
position: relative;
}
.products-size:hover::before, .products-size.active::before {
opacity: 1;
} .widget_price_filter form {
margin-top: 44px;
overflow: visible;
}
.price_label {
color: #868686;
float: left;
font-size: 12px;
}
.price_slider_amount .button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #000000;
color: #000000;
display: inline-block;
float: right;
font-size: 10px;
font-weight: 600;
height: 26px;
line-height: 24px;
padding: 0 10px;
text-transform: uppercase;
}
div.price_slider.ui-slider-horizontal {
border: medium none;
height: 3px;
}
.ui-slider-horizontal .ui-slider-range {
background: #000000;
}
div.price_slider.ui-slider-horizontal {
background: #cccccc;
border: medium none;
height: 3px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-handle:last-child {
margin-left: -10px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-handle {
background: rgba(0, 0, 0, 0);
border: medium none;
color: #000000;
cursor: pointer;
font-size: 16px;
margin: 0;
top: -24px;
width: 11px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-handle::before {
content: "\F0d7";
font-family: 'FontAwesome', sans-serif;
font-size: 16px;
}
.price_slider_amount {
display: inline-block;
margin-top: 20px;
width: 100%;
}
.price_slider_amount .button:hover, .price_slider_amount .button:focus {
background-color: #3f5ae5;
border: 2px solid #3f5ae5;
color: #ffffff;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
cursor: default;
height: 1.2em;
position: absolute;
width: 1.2em;
z-index: 2;
}
.ui-slider .ui-slider-range {
background-position: 0 0;
border: 0 none;
display: block;
font-size: 0.7em;
position: absolute;
z-index: 1;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
margin-left: -0.6em;
top: -0.3em;
}
.ui-slider-horizontal .ui-slider-range {
height: 100%;
top: 0;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
height: 100px;
width: 0.8em;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-bottom: -0.6em;
margin-left: 0;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
@media (max-width: 767px) {
.toolbar-products.toolbar-top {
margin-bottom: 20px;
}
}  #widget-area .prdctfltr-widget .prdctfltr_wc {
position: relative;
padding: 0;
margin: 0;
}
#widget-area .prdctfltr_wc.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering {
padding: 0;
margin: 0;
background-color: transparent;
box-shadow: none;
}
#widget-area .shop-sidebar div.widget.prdctfltr-widget {
border: none;
margin: 0;
}
#widget-area .widget .prdctfltr_checkboxes label:not(.screen-reader-text) {
width: auto;
}
#widget-area .prdctfltr-widget div[data-filter="product_cat"] .prdctfltr_add_scroll {
margin: -10px 0 0;
}
div[data-filter="product_cat"] label {
color: #000000;
}
#widget-area .prdctfltr-widget div[data-filter="product_cat"] label:last-child {
padding-bottom: 0;
border: none;
}
#widget-area .prdctfltr_wc.prdctfltr_round .prdctfltr_filter[data-filter="product_cat"] label > span::before {
display: none;
}
#widget-area .prdctfltr_wc.prdctfltr_round .prdctfltr_filter[data-filter="product_cat"] label > i::before {
content: "+";
margin: 0 0 0 20px;
font-family: 'gt-walsheim_promedium', sans-serif !important;
float: right;
font-size: 20px;
background: transparent;
}
body .prdctfltr_checkboxes .prdctfltr-plus {
padding: 0;
text-align: center;
line-height: 30px !important;
}
#widget-area .prdctfltr_wc.prdctfltr_round .prdctfltr_filter[data-filter="product_cat"] label.prdctfltr_clicked > i::before {
content: "-";
}
#widget-area .prdctfltr-widget .prdctfltr_wc .prdctfltr_buttons {
padding-bottom: 20px;
margin: 0;
}
#widget-area .prdctfltr-widget .prdctfltr_wc .prdctfltr_buttons > span {
top: 0;
}
#widget-area .prdctfltr-widget .prdctfltr_add_scroll {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#widget-area .prdctfltr-widget .prdctfltr_add_scroll.prdctfltr_down {
margin-bottom: 0;
padding-top: 4px;
}
#widget-area .prdctfltr_wc .prdctfltr_terms_customized_color .prdctfltr_checkboxes label {
display: inline-block;
}
#widget-area div label .prdctfltr_customize_block {
margin: 0 16px 5px 0;
}
#widget-area .prdctfltr-widget .prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter {
margin-bottom: 75px;
}
#widget-area .prdctfltr-widget .prdctfltr_add_scroll {
margin-bottom: 0 !important;
}
#widget-area .prdctfltr_checkboxes .prdctfltr_sub {
margin-top: 0;
padding-bottom: 8px;
margin-left: 0;
position: relative;
}
body #widget-area .prdctfltr_checkboxes .prdctfltr_sub > label {
padding-left: 18px;
position: relative;
margin: 0 !important;
line-height: 24px;
color: inherit;
padding-bottom: 4px;
}
body #widget-area .prdctfltr_checkboxes .prdctfltr_sub > label > span {
font-size: 16px;
}
.prdctfltr_description-moved .prdctfltr_description {
color: #868686;
font-size: 16px !important;
margin-top: 15px;
}
.prdctfltr_description-moved .prdctfltr_description > span {
color: #000000;
font-size: 20px;
}
.prdctfltr_description-moved .prdctfltr_add_scroll {
margin-bottom: 5px;
}
.prdctfltr_description-moved .pf_rngstyle_flat .irs {
height: 25px;
}
.prdctfltr_description-moved.pf_rngstyle_flat .irs-line,
.prdctfltr_description-moved.pf_rngstyle_flat .irs-bar {
top: 35px;
} .icheckbox_flat-purple,
.iradio_flat-purple {
width: 10px;
height: 10px;
margin-right: 15px;
border-radius: 50%;
border: 1px solid #d1d1d1 !important;
background: none !important;
}
.WOOF_Widget .woof_container li .icheckbox_flat-purple.hover,
.WOOF_Widget .woof_container li .iradio_flat-purple.hover,
.icheckbox_flat-purple.checked,
.iradio_flat-purple.checked {
background: #3f5ae5 0 0 !important;
border: 1px solid #3f5ae5 !important;
}
.WOOF_Widget .woof_container .icheckbox_flat-purple.checked ~ label,
.WOOF_Widget .woof_container .iradio_flat-purple.checked ~ label,
.WOOF_Widget .woof_container li label.hover,
.WOOF_Widget .woof_container li label.hover {
color: #3f5ae5;
}
.icheckbox_flat-purple input[type=checkbox],
.iradio_flat-purple input[type=radio] {
margin: 0;
}
.WOOF_Widget .woof_redraw_zone > .woof_container {
margin-bottom: 47px;
}
.WOOF_Widget .woof_redraw_zone > .woof_container.woof_container_size {
margin-bottom: 10px;
}
.WOOF_Widget .woof_container {
padding-bottom: 0;
margin-bottom: 0;
}
.WOOF_Widget .woof_container h4 {
font-weight: 700;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #000000;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 5px;
margin-top: -8px;
margin-bottom: 12px;
}
.WOOF_Widget .woof_container ul {
padding-left: 0;
}
.WOOF_Widget .woof_container li {
list-style: none;
margin: 0 !important;
padding: 0 !important;
line-height: 30px !important;
border: none !important;
}
.WOOF_Widget .woof_container label {
width: auto !important;
color: #a9a9a9;
font-weight: normal;
line-height: 32px;
padding: 0;
margin: 0 !important;
}
.WOOF_Widget .woof_container .woof_childs_list {
margin: 0 !important;
padding-left: 17px;
}
.woof_reset_search_form {
float: none !important;
padding: 0 20px;
height: 40px;
line-height: 40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
div.woof_info_popup {
font-size: 0;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
div.woof_info_popup::before {
font-family: 'FontAwesome', sans-serif;
-webkit-animation: spin 1s infinite steps(8);
animation: spin 1s infinite steps(8);
content: "\f110";
font-size: 80px;
color: #ffffff;
display: inline-block;
margin-top: 10px;
}
@media (max-width: 991px) {
#widget-area {
padding-top: 40px;
}
.widget-rion-instagram .content-instagram .item img {
width: 100%;
}
}
@media (max-width: 767px) {
#widget-area {
padding-top: 30px;
}
#widget-area .prdctfltr-widget .prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter {
padding: 15px 15px 0;
}
} .rion-single-container.container-extend-large .container-width {
width: 100%;
}
.rion-single-container .container .product-top-inner .container {
padding: 0;
}
.product-col-left {
width: 80.5%;
float: left;
padding-right: 40px;
}
.product-col-right {
width: 19.5%;
float: right;
}
@media (max-width: 991px) {
.product-col-left {
width: 100%;
padding-right: 0;
}
.product-col-right {
width: 100%;
float: none;
display: inline-block;
}
}
@media (max-width: 767px) {
body.single-product .single-left {
width: 100%;
padding-bottom: 15px;
margin-top: 20px;
}
} .offcanvas_sidebar .widget-shop-wrap {
position: fixed;
height: 100vh;
transform: translateX(-100%);
transition: transform .3s ease-in-out;
top: 0;
left: 0;
z-index: 100;
}
.offcanvas_sidebar .widget-shop-wrap .widget_media_image {
display: none;
}
.offcanvas_sidebar.active .widget-shop-wrap {
transform: translateX(0);
}
.offcanvas_sidebar .widget-shop-inner {
display: block;
background: #fff;
padding: 0 15px 15px;
max-width: 380px;
position: relative;
height: 100vh;
overflow-y: auto;
}
.admin-bar .offcanvas_sidebar .widget-shop-wrap {
top: 32px;
}
.main-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
z-index: 99;
opacity: 0;
transition: 0.3s;
visibility: hidden;
}
.offcanvas_sidebar.active .main-widget-overlay {
opacity: 0.6;
visibility: visible;
}
.offcanvas_sidebar .widget-shop-inner .widget_media_image {
margin-bottom: 40px;
}
@media (max-width: 480px) {
.offcanvas_sidebar .widget-shop-inner {
width: 300px;
}
} .contact-form-container .contact-label {
margin-bottom: 15px;
display: inline-block;
color: #868686;
}
.contact-form-container .contact-submit .wpcf7-submit {
min-width: 197px;
}
@media (min-width: 1025px) {
.contact-form-container .wpcf7-form-control-wrap input,
.contact-form-container .contact-submit .wpcf7-submit {
height: 56px;
line-height: 56px;
}
}
@media (max-width: 767px) {
.contact-form-container .contact-submit .wpcf7-submit {
min-width: 150px;
}
}
.rion-map-info .map-title {
font-size: 24px;
margin: 0 0 15px 0;
}
.rion-map-info .map-field {
font-size: 14px;
margin-bottom: 10px;
}
.gm-style .gm-style-iw-c {
padding: 20px;
} .main-product .with_background .woocommerce-tabs {
margin-top: 0;
}
.main-product .with_background .product-top-inner {
position: relative;
padding-bottom: 70px;
margin-bottom: 50px;
}
.main-product .with_background .product-top-inner .single-bg {
content: '';
position: absolute;
top: -100px;
bottom: -2px;
left: 50%;
width: 100vw;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.rion-content-single-product-mobile .with_background .flex-viewport {
width: 100%;
}
.main-product .with_background .flex-control-nav li {
width: 100%;
}
.main-product .with_background .single-left img {
filter: brightness(0.95);
border: 1px solid transparent;
}
.main-product .with_background .flex-control-nav li .flex-active {
border: 1px solid #000000;
}
.main-product .with_background .cart .quantity,
.main-product .with_background .summary .yith-wcwl-add-to-wishlist {
background-color: #ffffff;
border-color: #dcdcdc;
}
.main-product .with_background .summary .yith-wcwl-add-to-wishlist:hover {
background-color: #3f5ae5;
border-color: #3f5ae5;
}
body .prdctfltr_hierarchy_circle .prdctfltr_checkboxes i.prdctfltr-plus::before {
content: '+' !important;
font-family: 'gt-walsheim_promedium', sans-serif !important;
font-size: 20px !important;
}
body .prdctfltr_hierarchy_circle .prdctfltr_checkboxes .prdctfltr_show_subs i.prdctfltr-plus::before {
content: '-' !important;
}
.entry-summary .wcml-dropdown-click {
display: none;
}  .main-container {
padding-bottom: 60px;
padding-top: 40px;
}
.single-post .main-container {
padding-top: 40px;
}
@media (max-width: 1199px) {
.main-container {
padding-bottom: 50px;
padding-top: 40px;
}
}
@media (max-width: 767px) {
.main-container {
padding-bottom: 35px;
padding-top: 35px;
}
.rion-is-real-mobile .main-container {
padding-top: 40px;
}
.single-post .main-container {
padding-top: 20px;
}
}
body.search .toolbar-products.toolbar-top {
padding-bottom: 43px;
}
body.search .main-product .prdctfltr_wc .prdctfltr_filter_title {
display: none !important;
} .main-content {
position: static;
}
.left-sidebar .main-content {
float: right;
}
#widget-area .widget.widget_search {
border: none;
padding: 0;
}
#widget-area .widget.prdctfltr-widget {
padding: 0;
border: none;
}
#widget-area .widget:not(:last-child) {
margin-bottom: 37px;
}
#widget-area .widget.prdctfltr-widget:not(:last-child) {
margin-bottom: 0;
}
#widget-area .widgettitle {
font-size: 30px;
font-family: "Cormorant Garamond", sans-serif;
padding-bottom: 16px;
margin-bottom: 26px;
position: relative;
margin-top: -3px;
z-index: 1;
border-bottom: 1px solid #ececec;
}
#widget-area .widget_calendar .widgettitle {
margin-bottom: 10px;
}
#widget-area .widget_search .widgettitle {
margin-bottom: 20px;
}
#widget-area .widget_archive select,
#widget-area .widget_categories select {
margin-top: 6px;
}
#widget-area .widgettitle ~ .searchform {
margin-top: 6px;
}
#widget-area .widgettitle.widget_search,
#widget-area .widget_tag_cloud {
margin-bottom: 32px;
}
#widget-area .widgettitle a {
color: inherit;
}
#widget-area .widget ul,
#widget-area .widget ol {
padding: 0 0 8px 0;
list-style: none;
}
#widget-area .widget > ul,
#widget-area .widget > ol {
padding-bottom: 0;
}
#widget-area .widget ul ul,
#widget-area .widget ul ol,
#widget-area .widget ol ol,
#widget-area .widget ol ul {
padding: 0 0 0 17px;
margin-top: 6px;
border-bottom: none;
}
#widget-area .widget ul li {
list-style: none;
padding-top: 6px;
padding-bottom: 6px;
line-height: 24px;
}
#widget-area .widget > ul > li:first-child {
padding-top: 0;
}
#widget-area .widget ul li:last-child {
padding-bottom: 0;
}
#widget-area .widget ul li .count {
color: #000000;
}
#widget-area .widget p:last-child {
margin-bottom: 0;
} .widget_search .searchform {
position: relative;
}
.widget_search .searchform input {
width: 100%;
height: 53px;
line-height: 53px;
padding-right: 85px;
background-color: #ededed;
color: #868686;
padding-left: 28px;
border: none;
}
.widget_search .searchform button {
position: absolute;
top: 0;
right: 31px;
line-height: 53px;
font-size: 15px;
width: auto;
height: auto;
padding: 0;
background: transparent;
color: #000000;
}
.widget_search .searchform button:hover {
color: #3f5ae5;
} .rion_latest_posts_widget li:not(:last-child) {
margin-bottom: 8px;
}
.rion_latest_posts_widget .item-photo {
float: left;
max-width: 79px;
margin-right: 15px;
overflow: hidden;
}
.rion_latest_posts_widget .item-photo img {
-webkit-transition: transform 0.25s ease 0s;
-moz-transition: transform 0.25s ease 0s;
-o-transition: transform 0.25s ease 0s;
transition: transform 0.25s ease 0s;
}
.rion_latest_posts_widget li:hover .item-photo img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.rion_latest_posts_widget .item-detail {
overflow: hidden;
}
.rion_latest_posts_widget .item-detail .item-athur {
margin-bottom: 2px;
margin-top: -4px;
}
.rion_latest_posts_widget .item-detail .item-athur a:not(:hover) {
color: #a7acb5;
}
.rion_latest_posts_widget .item-name {
line-height: 1.2;
} .rion_newsletter_widget {
border: 2px solid #000000;
padding: 33px 28px 53px;
position: relative;
}
.rion_newsletter_widget::before {
content: "\f13b";
font-family: Flaticon, sans-serif;
background-color: #ffffff;
color: #000000;
text-align: center;
font-size: 36px;
margin: 0 auto 16px;
display: block;
}
.rion_newsletter_widget .newsletter-subtitle {
line-height: 24px;
margin-bottom: 8px;
text-align: center;
color: #000000;
max-width: 190px;
margin-left: auto;
margin-right: auto;
}
.rion_newsletter_widget input {
width: 100%;
border: none;
border-bottom: 2px solid #000000;
padding: 0;
height: 44px;
line-height: 44px;
border-radius: 0;
text-align: center;
margin-bottom: 43px;
}
.rion_newsletter_widget button {
height: auto;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.3em;
background: transparent;
color: #000000;
margin: 0 auto;
display: block;
line-height: 1;
}
.rion_newsletter_widget button:hover {
color: #3f5ae5;
} #widget-area .widget.rion_socials_list_widget {
margin-bottom: 30px;
}
.rion_socials_list_widget .social {
display: inline-block;
margin-right: 11px;
margin-bottom: 6px;
height: 43px;
width: 43px;
font-size: 13px;
line-height: 43px;
border-radius: 50%;
background-color: #000000;
color: #fff;
text-align: center;
position: relative;
}
.rion_socials_list_widget .social::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 50%;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
opacity: 0;
visibility: hidden;
background-color: #3f5ae5;
}
.rion_socials_list_widget .social:hover::before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
.rion_socials_list_widget .social i {
position: relative;
} .widget_rion_instagram .rion-instagram-widget {
margin-left: -5px;
margin-right: -5px;
}
.widget_rion_instagram .rion-instagram-widget .item {
float: left;
width: 33.3333333%;
padding: 5px;
}
.widget_rion_instagram .rion-instagram-widget .item a {
display: block;
overflow-y: hidden;
position: relative;
}
.widget_rion_instagram .rion-instagram-widget .item a::before {
background: rgba(0, 0, 0, 0.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
opacity: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.widget_rion_instagram .rion-instagram-widget .item a:hover::before {
opacity: 1;
visibility: visible;
}
@media (max-width: 767px) {
.widget_search .searchform input,
.widget_search .searchform button {
height: 50px;
line-height: 50px;
}
#widget-area .widgettitle {
font-size: 18px;
margin-bottom: 15px;
}
.rion_latest_posts_widget .item-detail .item-athur {
margin-top: -1px;
}
.rion_newsletter_widget {
padding: 15px;
}
.rion_newsletter_widget input {
margin-bottom: 30px;
}
} .page-left .pagination,
.page-left .woocommerce-pagination {
text-align: left !important;
}
.page-right .pagination,
.page-right .woocommerce-pagination {
text-align: right !important;
}
.page-center .pagination,
.page-center .woocommerce-pagination {
text-align: center !important;
}
.page-links {
margin-top: 10px;
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.page-links > span.page-links-title {
line-height: 44px;
padding-right: 10px;
}
.page-links > a,
.page-links > span:not(.page-links-title) {
color: #cbd1da;
display: inline-block;
min-width: 43px;
padding: 0 3px;
vertical-align: top;
text-align: center;
font-size: 16px;
position: relative;
line-height: 41px;
height: 43px;
border: 1px solid;
margin: 0 9px 6px 0;
background-color: #fff;
}
.page-links > span:not(.page-links-title),
.page-links > a:hover {
color: #333333;
}
.comments-pagination,
.post-pagination,
.pagination {
display: inline-block;
width: 100%;
}
.pagination {
margin: 55px 0 0 0;
}
.comments-pagination {
padding-top: 45px;
}
.post-pagination {
margin-top: 20px;
}
.no-sidebar .pagination,
.no-sidebar .woocommerce-pagination {
text-align: center;
}
.woocommerce-pagination {
margin-top: 40px;
}
.woocommerce-pagination ul {
padding-left: 0;
list-style: none;
}
.woocommerce-pagination span.page-numbers.current,
.woocommerce-pagination li .page-numbers.current {
background-color: #000000;
color: #ffffff !important;
border-color: #000000;
}
.comments-pagination .nav-links,
.woocommerce-pagination .page-numbers,
.woocommerce-pagination li,
.pagination .nav-links {
display: inline-block;
}
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
.woocommerce-pagination li .page-numbers,
.comments-pagination .page-numbers,
.post-pagination > span:not(.title),
.post-pagination a span,
.pagination .page-numbers {
color: #a0a0a0;
display: inline-block;
min-width: 40px;
padding: 0 3px;
vertical-align: top;
text-align: center;
font-size: 12px;
position: relative;
line-height: 38px;
height: 40px;
border: 1px solid #dfdfdf;
background-color: #fff;
margin: 0 9px 9px 0;
font-weight: 700;
}
.post-pagination a span {
font-weight: normal;
}
.woocommerce-pagination span.page-numbers.current,
.woocommerce-pagination span.page-numbers:hover,
.woocommerce-pagination a.page-numbers:hover,
.woocommerce-pagination a.page-numbers:hover,
.woocommerce-pagination li .page-numbers.current,
.woocommerce-pagination li .page-numbers:hover,
.comments-pagination .page-numbers.current,
.comments-pagination a.page-numbers:hover,
.post-pagination > span:not(.title),
.post-pagination a span:hover,
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
color: #000000;
border-color: #000000;
}
.woocommerce-pagination .page-numbers.prev,
.woocommerce-pagination .page-numbers.next,
.comments-pagination .page-numbers.prev,
.comments-pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
font-size: 0;
}
.woocommerce-pagination .page-numbers.prev::before,
.comments-pagination .page-numbers.prev::before,
.pagination .page-numbers.prev::before {
font-family: 'FontAwesome', sans-serif;
content: "\f104";
font-size: 20px;
}
.woocommerce-pagination .page-numbers.next::before,
.comments-pagination .page-numbers.next::before,
.pagination .page-numbers.next::before {
font-family: 'FontAwesome', sans-serif;
content: "\f105";
font-size: 14px;
line-height: 33px;
}
.post-pagination > span.title {
line-height: 44px;
padding-right: 10px;
}
@media (max-width: 1199px) {
.pagination {
margin: 35px 0 0 0;
}
}
@media (max-width: 767px) {
.pagination {
margin: 20px 0 10px 0;
}
.woocommerce-pagination {
margin-top: 20px;
}
} .shop-bg.main-container {
padding-top: 40px;
}
.shop-bg .drawer_sidebar .main-content {
-webkit-transition: padding-left 0.25s ease 0s;
-moz-transition: padding-left 0.25s ease 0s;
-o-transition: padding-left 0.25s ease 0s;
transition: padding-left 0.25s ease 0s;
width: 100% !important;
}
.shop-bg .drawer_sidebar:not(.active) .drawer_sidebar_elem {
height: auto !important;
}
.shop-bg .drawer_sidebar.active .main-content {
padding-left: 360px;
}
.shop-bg .drawer_sidebar .widget-shop-inner {
position: absolute;
margin-right: 0;
width: 330px !important;
margin-left: 10px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.25s ease 0s;
-moz-transition: opacity 0.25s ease 0s;
-o-transition: opacity 0.25s ease 0s;
transition: opacity 0.25s ease 0s;
}
.shop-bg .drawer_sidebar.active .widget-shop-inner {
opacity: 1;
visibility: visible;
}
ul.products li.product-category:nth-child(4n+1) {
clear: left;
}
ul.products {
list-style: none;
padding-left: 0;
}
ul.products li.product-category {
width: 25%;
float: left;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 35px;
}
ul.products li.product-category .count {
background-color: transparent;
}
ul.products li.product-category a {
display: block;
padding: 15px 15px;
background-color: #fff;
text-align: center;
}
ul.products li.product-category a h2 {
font-size: 20px;
}
ul.products li.product-category:nth-child(4n+1) {
clear: left;
}
@media (max-width: 1199px) {
ul.products li.product-category {
width: 33.3333333%;
padding-left: 10px;
padding-right: 10px;
}
ul.products li.product-category:nth-child(4n+1) {
clear: none;
}
ul.products li.product-category:nth-child(3n+1) {
clear: left;
}
}
@media (max-width: 767px) {
ul.products li.product-category {
width: 50%;
}
ul.products li.product-category:nth-child(3n+1) {
clear: none;
}
ul.products li.product-category:nth-child(2n+1) {
clear: left;
}
.shop-bg .row > [class^=col-],
.shop-bg .row > [class*=" col-"],
.shop-bg ul.products > [class^=col-],
.shop-bg ul.products > [class*=" col-"] {
padding-left: 5px;
padding-right: 5px;
}
.shop-bg .row {
margin-left: -5px;
margin-right: -5px;
}
.shop-bg ul.products .product-item {
margin-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
}
}
.isotope-sizer,
.product-item.isotope-item {
width: 25%;
}
.product-item.isotope-item:nth-child(10n+7),
.product-item.isotope-item:nth-child(10n+2) {
width: 50%;
}
@media (max-width: 991px) {
.isotope-sizer,
.product-item.isotope-item,
.product-item.isotope-item:nth-child(10n+7),
.product-item.isotope-item:nth-child(10n+2) {
width: 33.3333333%;
}
}
@media (max-width: 767px) {
.isotope-sizer,
.product-item.isotope-item,
.product-item.isotope-item:nth-child(10n+7),
.product-item.isotope-item:nth-child(10n+2) {
width: 50%;
}
.shop-bg.main-container {
padding-top: 25px;
}
} .prdctfltr_sc,
.prdctfltr_sc .products {
margin-bottom: 0 !important;
}
.prdctfltr_sc .prdctfltr-pagination-load-more.woocommerce-pagination {
margin-top: 0;
}
@media (min-width: 1200px) {
.fami-products-shortcode-wrap .col-lg-4 {
width: 25%;
}
.fami-products-shortcode-wrap .auto-clear .col-lg-4:nth-child(3n+1) {
clear: none;
}
.fami-products-shortcode-wrap .auto-clear .col-lg-4:nth-child(4n+1) {
clear: both;
}
}
@media (min-width: 1500px) {
.fami-products-shortcode-wrap .col-bg-4 {
width: 25%;
}
.fami-products-shortcode-wrap .auto-clear .col-bg-4:nth-child(3n+1) {
clear: none;
}
.fami-products-shortcode-wrap .auto-clear .col-bg-4:nth-child(4n+1) {
clear: both;
}
} .product-toolbar {
position: relative;
width: auto;
max-width: 100%;
margin: 15px 0;
z-index: 3;
}
.single-product .product-toolbar {
margin-top: 25px;
margin-bottom: 25px;
}
.product-toolbar-wrap {
position: relative;
}
.product-toolbar-wrap.container {
width: 1440px;
}
.single .product-toolbar.product-big::before {
content: "";
background: #f8f8f8;
position: absolute;
top: -9999em;
left: -9999em;
bottom: 0;
right: -9999em;
z-index: -1;
}
nav.woocommerce-breadcrumb {
font-size: 14px;
font-weight: 600;
}
nav.woocommerce-breadcrumb a {
margin: 0 3px;
color: #666666;
}
nav.woocommerce-breadcrumb a:hover {
color: #3f5ae5;
}
.product-toolbar .breadcrumb-trail {
max-width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 24px;
float: left;
}
.product-toolbar .breadcrumb-trail .trail-items {
padding: 0;
margin-bottom: 0;
background-color: transparent;
}
.product-toolbar .breadcrumb-trail .breadcrumb > li + li::before {
content: '\f105';
display: inline-block;
font-family: Fontawesome, sans-serif;
margin: 5px;
color: #666666;
}
.product-toolbar .post-navigation {
float: right;
display: none;
}
.shop-prdctfltr-filter-wrap .prdctfltr_wc {
margin-bottom: 20px;
}
.product-toolbar .post-navigation .nav-links a {
position: relative;
font-size: 11px;
display: block;
z-index: 1;
color: #000;
width: auto;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.product-toolbar .post-navigation .nav-links a:hover {
color: #000000;
}
.product-toolbar .post-navigation .nav-links a .fa-angle-left {
padding-right: 6px;
position: relative;
top: -1px;
}
.product-toolbar .post-navigation .nav-links a .fa-angle-right {
padding-left: 6px;
position: relative;
top: -1px;
}
.product-toolbar .post-navigation .nav-links a .arrow {
display: inline-block;
width: 18px;
height: 12px;
}
.product-toolbar .post-navigation .nav-links a .arrow::before {
content: '';
position: absolute;
top: 6px;
left: 0;
right: 0;
margin: auto;
display: inline-block;
width: 18px;
border-bottom: 1px solid;
}
.product-toolbar .post-navigation .nav-links a .arrow::before {
content: '';
position: absolute;
top: 6px;
left: 0;
right: 0;
margin: auto;
display: inline-block;
width: 18px;
border-bottom: 1px solid;
}
.product-toolbar .post-navigation .nav-links a .arrow::after {
content: '';
position: absolute;
top: 2px;
display: block;
width: 9px;
height: 9px;
border-top: 1px solid;
border-right: 1px solid;
}
.product-toolbar .post-navigation .nav-links .nav-previous a .arrow::after {
left: 0;
transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.product-toolbar .post-navigation .nav-links .nav-next a .arrow::after {
left: 10px;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.toolbar-products .category-filter {
list-style: none;
padding-left: 0;
margin: 0;
text-align: center;
}
.toolbar-products .category-filter li {
display: inline-block;
margin: 0 17px;
position: relative;
overflow: hidden;
}
.toolbar-products .category-filter li a {
font-weight: 600;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
color: #999999;
position: relative;
padding-bottom: 8px;
}
.toolbar-products .category-filter li a::before {
border-bottom: 1px solid #3f5ae5;
bottom: 0;
left: 0;
content: "";
position: absolute;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
width: 100%;
}
.toolbar-products .category-filter li.active a,
.toolbar-products .category-filter li a:hover {
color: #3f5ae5;
}
.toolbar-products .category-filter li.active a::before,
.toolbar-products .category-filter li a:hover::before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
div.prdctfltr_wc {
width: 100%;
margin-bottom: 0;
}
.prdctfltr_wc .prdctfltr_woocommerce_filter_title {
width: 123px;
height: 42px;
background-color: #3f5ae5;
float: right;
text-align: center;
color: #ffff;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3em;
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s;
margin-bottom: 20px;
}
.prdctfltr_wc .prdctfltr_woocommerce_filter_title::before {
content: "\f138";
font-family: Flaticon, sans-serif;
font-size: 20px;
margin-right: 9px;
}
.prdctfltr_wc .prdctfltr_woocommerce_filter_title:hover {
background-color: #3f5ae5;
}
.main-product .prdctfltr_wc .prdctfltr_filter_title .prdctfltr_topbar {
margin-bottom: 10px;
}
.main-product .prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter_title {
display: none;
}
span.prdctfltr_title_selected {
color: #000000;
display: inline-block;
font-size: 14px;
padding: 0 13px;
position: relative;
border-right: 1px solid #000;
}
span.prdctfltr_title_selected:first-child {
padding-left: 0;
}
.reset-filter-product + .reset-filter-product {
display: none;
}
span.prdctfltr_reset-clone {
color: #000000;
display: inline-block;
cursor: pointer;
transition: 0.5s;
padding: 0 13px;
}
span.prdctfltr_reset-clone:hover {
color: #3f5ae5;
}
span.prdctfltr_title_selected a {
color: #b1b1b1;
margin-left: 10px;
vertical-align: middle;
float: right;
}
span.prdctfltr_title_selected a > i::before {
content: "\f112";
font-family: Flaticon, sans-serif !important;
font-size: 7px;
}
span.prdctfltr_title_selected:hover {
color: #3f5ae5;
}
.reset-filter-product {
color: #000;
padding: 0 13px;
cursor: pointer;
font-size: 14px;
display: inline-block;
}
span.prdctfltr_title_selected + .reset-filter-product {
display: inline-flex;
}
.prdctfltr_woocommerce .prdctfltr_filter {
margin-bottom: 35px;
padding-bottom: 0;
}
.prdctfltr_sc .prdctfltr_woocommerce .prdctfltr_filter {
margin-bottom: 0;
padding-left: 0;
}
.prdctfltr_sc .prdctfltr_woocommerce .prdctfltr_rng_price.prdctfltr_range {
float: right;
}
.main-product .prdctfltr_woocommerce .prdctfltr_filter {
margin-bottom: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
.prdctfltr_woocommerce .prdctfltr_filter .prdctfltr_search_terms {
display: none !important;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span {
color: #707070;
margin-right: 10px;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span::before {
margin-right: 12px;
}
body .prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span::before {
content: '';
width: 11px;
height: 11px;
padding: 0;
border-radius: 50%;
border: 1px double #dddddd;
margin-top: 3px;
margin-bottom: 6px;
margin-right: 12px;
vertical-align: middle;
box-sizing: content-box;
display: none;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label.prdctfltr_active > span,
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label:hover > span {
color: #707070;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label.prdctfltr_active > span::before,
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label:hover > span::before {
background: #3f5ae5;
border: 1px double #3f5ae5;
color: #3f5ae5;
height: 11px;
width: 11px;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_woocommerce_ordering .prdctfltr_filter label.prdctfltr_active > span::before,
div.prdctfltr_wc.prdctfltr_round .prdctfltr_woocommerce_ordering .prdctfltr_filter label:hover > span::before {
display: none;
}
div.prdctfltr_wc .mCS_no_scrollbar > div, div.prdctfltr_wc .mCS_no_scrollbar > div > div {
overflow: hidden !important;
}
.prdctfltr_wc .prdctfltr_filter_title {
overflow: hidden;
margin-bottom: 15px;
}
.prdctfltr_wc .prdctfltr_filter_title .wrap-prdctfltr {
min-width: 123px;
height: 42px;
background-color: #f33c3c;
color: #ffffff;
display: inline-flex;
float: right;
justify-content: center;
align-items: center;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.3em;
cursor: pointer;
}
.prdctfltr-selected {
margin-bottom: 36px;
}
.wrap-prdctfltr .prdctfltr-selected {
display: none;
}
.prdctfltr-selected > div {
display: inline-block;
}
.prdctfltr_wc .prdctfltr_filter_title .wrap-prdctfltr i {
color: #ffffff;
margin-right: 9px;
font-size: 20px;
font-weight: 500;
}
div.prdctfltr_filter .prdctfltr_regular_title {
font-size: 30px;
font-family: "Cormorant Garamond", sans-serif;
padding-bottom: 16px;
margin-bottom: 26px;
position: relative;
margin-top: -3px;
z-index: 1;
border-bottom: 1px solid #ececec;
}
div .prdctfltr_customize_block .prdctfltr_customize_color {
display: inline-block;
width: 42px;
height: 42px;
border-radius: 50%;
position: relative;
vertical-align: middle;
}
.prdctfltr_terms_customized_color .prdctfltr_customize_block {
background-color: transparent !important;
}
.prdctfltr_customize_block .prdctfltr_customize_count,
.prdctfltr_customize_round .prdctfltr_customize_count {
float: right;
position: relative !important;
border: none;
font-size: 14px;
right: 0 !important;
top: 7px !important;
}
.prdctfltr_customize_block .prdctfltr_customize_count::before,
.prdctfltr_customize_round .prdctfltr_customize_count::before {
content: '(';
font-size: 16px;
margin-right: 1px;
}
.prdctfltr_customize_block .prdctfltr_customize_count:after,
.prdctfltr_customize_round .prdctfltr_customize_count::after {
content: ')';
font-size: 16px;
margin-left: 1px;
}
div .prdctfltr_customize_block .prdctfltr_customize_color[style="background-color:#ffffff"] {
border: 1px solid #dcdcdc;
}
div .prdctfltr_customize_block .prdctfltr_customize_color::before {
content: "\f110";
font-family: Flaticon, sans-serif;
font-size: 14px;
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 80%;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transition: 0.5s;
transform: translate(-50%, -50%);
justify-content: center;
align-items: center;
display: inline-flex;
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
}
div .prdctfltr_customize_block:hover .prdctfltr_customize_color::before {
opacity: 1;
visibility: visible;
}
div.prdctfltr_wc .prdctfltr_terms_customized_color .prdctfltr_checkboxes label:hover .prdctfltr_customize_count {
color: #000000;
}
div.prdctfltr_wc .prdctfltr_terms_customized_color .prdctfltr_checkboxes label.prdctfltr_ft_none {
display: none !important;
}
label.prdctfltr_active .prdctfltr_customize_block .prdctfltr_customize_color::before {
opacity: 1;
visibility: visible;
}
label.prdctfltr_active .prdctfltr_customize_block .prdctfltr_customize_count {
color: #000000 !important;
}
label .prdctfltr_customize_block {
padding: 4px;
overflow: hidden;
border: 1px solid transparent;
}
div label .prdctfltr_customize_block {
padding: 0;
border: none;
}
label.prdctfltr_active .prdctfltr_customize_block {
border-width: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
.prdctfltr_wc .prdctfltr_buttons {
margin-top: 20px;
padding: 0 10px 0;
text-align: center;
}
div .prdctfltr_wc .prdctfltr_buttons span {
vertical-align: top;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span {
border: 1px solid #d5d5d5;
min-width: 36px;
display: inline-flex;
height: 36px;
margin: 0 14px 10px 0;
padding: 0;
justify-content: center;
align-items: center;
color: #868686;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span::before {
display: none !important;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label.prdctfltr_active > span,
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label.prdctfltr_hover:hover > span {
color: #000;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single .prdctfltr_ft_none > span {
font-size: 10px;
text-transform: uppercase;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label:hover > span,
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label.prdctfltr_active > span {
border-color: #000;
color: #ffffff;
background-color: #000000;
}
div.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span::after,
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span::before {
display: none;
}
div.prdctfltr_wc .prdctfltr_terms_customized_color .prdctfltr_checkboxes label {
height: 42px;
display: inline-block;
}
div.prdctfltr_wc .prdctfltr_terms_customized_color .prdctfltr_checkboxes label {
margin-bottom: 8px;
}
div.prdctfltr_wc .prdctfltr_product_tag .prdctfltr_checkboxes label {
display: inline-block;
}
div.prdctfltr_wc .prdctfltr_product_tag .prdctfltr_checkboxes label > span {
font-size: 14px !important;
padding: 0 25px;
color: #868686;
border: 1px solid #d6d6d6;
margin: 0 10px 10px 0;
transition: 0.25s;
display: inline-block;
line-height: 32px;
border-radius: 32px;
}
div.prdctfltr_wc .prdctfltr_product_tag .prdctfltr_checkboxes label > span:hover {
color: #000000;
border-color: #000000;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span {
color: #707070;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_regular_title,
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_showing {
display: none;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_filter label {
display: inline-block;
margin-right: 25px;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_filter label input {
display: none;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_filter label i.prdctfltr-plus {
display: none;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_filter label > span {
color: #868686;
position: relative;
padding-bottom: 8px;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_filter label:hover,
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_filter label:hover span {
color: #000000;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_filter label.prdctfltr_active > span:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #000;
border-radius: 0;
margin: 0;
border: none;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_filter label.prdctfltr_active > span {
color: #000000;
}
body .prdctfltr_filter label {
color: #868686;
}
body .prdctfltr_filter.prdctfltr_text label {
font-weight: normal;
font-size: 14px;
line-height: 34px;
margin: 0;
cursor: pointer;
display: table;
}
.prdctfltr_wc div.prdctfltr_buttons {
padding: 0 10px 25px;
}
.prdctfltr_woocommerce_filter_submit,
.prdctfltr_sale,
.prdctfltr_instock {
background: #000;
color: #fff;
line-height: 44px;
padding: 0 20px;
position: relative;
display: inline-block;
}
.prdctfltr_woocommerce.pf_default a.prdctfltr_woocommerce_filter_submit {
margin-right: 6px;
}
.prdctfltr_wc.prdctfltr_wc_regular div.prdctfltr_buttons label {
margin: 0;
}
.prdctfltr_wc div.prdctfltr_buttons label {
margin: 0 !important;
}
.prdctfltr_wc div.prdctfltr_buttons label,
.prdctfltr_wc div.prdctfltr_buttons span {
color: #fff;
line-height: 41px;
}
.prdctfltr-widget .prdctfltr_wc .prdctfltr_buttons > span:not(:last-child) {
margin-bottom: 10px;
}
.prdctfltr_wc .prdctfltr_buttons .prdctfltr_reset span {
background: #000;
color: #fff;
line-height: 43px;
padding: 0 20px;
position: relative;
display: inline-block;
height: 43px;
letter-spacing: 0;
}
.prdctfltr_wc .prdctfltr_buttons .prdctfltr_reset span::before {
display: none;
}
.prdctfltr_woocommerce_filter_submit:hover, .prdctfltr_wc .prdctfltr_buttons .prdctfltr_reset span:hover, .prdctfltr_sale:hover,
.prdctfltr_instock:hover {
background: #3f5ae5;
color: #ffffff;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter {
margin: 0;
top: 0;
display: none;
} .prdctfltr_wc .prdctfltr_terms_customized_image.prdctfltr_advanced[data-filter="product_brand"] label {
display: inline-flex;
float: left;
width: 50%
}
.prdctfltr_advanced[data-filter="product_brand"] div label.prdctfltr_ft_none {
display: none !important;
}
.prdctfltr_advanced[data-filter="product_brand"] div label .prdctfltr_customize_block {
box-shadow: none;
padding: 5px;
float: left;
border-radius: 0;
}
.prdctfltr_advanced[data-filter="product_brand"] .prdctfltr_customize_block .prdctfltr_customize_image {
display: block;
width: auto;
}
.prdctfltr_advanced[data-filter="product_brand"] .prdctfltr_customize_block .prdctfltr_customize_image img {
width: auto;
height: auto;
}
.prdctfltr_filter[data-filter="product_brand"] label:not(.screen-reader-text) .prdctfltr_customize_block {
border: 1px solid #eee !important;
padding: 5px !important;
}
.prdctfltr_filter[data-filter="product_brand"] label:not(.screen-reader-text) .prdctfltr_customize_block:hover,
.prdctfltr_filter[data-filter="product_brand"] label:not(.screen-reader-text).prdctfltr_active .prdctfltr_customize_block {
border-color: #000 !important;
}
.sidebar .prdctfltr_filter[data-filter="product_brand"] label:not(.screen-reader-text) .prdctfltr_customize_block {
margin: 0 !important;
border: 1px solid #eee;
width: 100%;
}
.sidebar .prdctfltr_filter[data-filter="product_brand"] .prdctfltr_checkboxes {
margin: 0 -5px;
}
.sidebar .prdctfltr_filter[data-filter="product_brand"] label:not(.screen-reader-text) {
padding: 5px 5px 0;
width: 50% !important;
display: inline-grid;
} .prdctfltr_sc .products {
padding: 0;
margin-left: -10px;
margin-right: -10px;
}
.prdctfltr_sc .products li {
list-style: none;
padding: 0 10px;
margin-bottom: 40px;
display: inline-block;
}
@media (max-width: 1366px) {
.prdctfltr_sc .products li {
margin-bottom: 30px;
}
}
@media (max-width: 1199px) {
.prdctfltr_sc .products li {
margin-bottom: 20px;
}
}
@media (max-width: 991px) {
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_filter label {
margin-right: 10px;
font-size: 14px;
}
}
@media (max-width: 767px) {
.prdctfltr_sc .products li {
margin-bottom: 15px;
}
.prdctfltr_wc .prdctfltr_filter_title .wrap-prdctfltr {
float: none;
margin-bottom: 20px;
}
}
.prdctfltr_sc h2.woocommerce-loop-category__title {
font-size: 16px;
margin: 20px 0;
}
.prdctfltr_sc.hide-cat-thumbs .product-category img.fami-img {
display: none !important;
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title:hover {
color: #3f5ae5;
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title {
font-weight: 600;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #a6a6a6;
position: relative;
padding-bottom: 5px;
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title::before {
border-bottom: 1px solid #3f5ae5;
bottom: 0;
left: 0;
content: '';
position: absolute;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
width: 100%;
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title:hover::before, .prdctfltr_sc.hide-cat-thumbs .product-categoryh2.woocommerce-loop-category__title.active a::before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title {
letter-spacing: 0.2em;
font-size: 12px;
margin: 0;
text-transform: uppercase;
}
.prdctfltr-pagination-load-more.woocommerce-pagination {
margin: 40px 0 0 0;
}
.prdctfltr-pagination-load-more .button {
padding: 0 15px;
line-height: 49px;
height: 49px;
min-width: 175px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
background-color: #000000;
text-align: center;
color: #ffffff;
}
.prdctfltr-pagination-load-more.disabled .button::before {
display: none;
}
.prdctfltr-pagination-load-more .button:hover {
background: #3f5ae5;
}
.prdctfltr-pagination-load-more.prdctfltr-ignite .button::before {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@media (max-width: 767px) {
.prdctfltr-pagination-load-more .button {
min-width: 150px;
}
}
@media (max-width: 767px) {
.prdctfltr-pagination-load-more.woocommerce-pagination {
margin: 20px 0 0 0;
}
.prdctfltr-pagination-load-more .button {
height: 40px;
line-height: 40px;
font-size: 11px;
letter-spacing: 0.1em;
min-width: 120px;
}
} .pf_rngstyle_flat .irs {
height: 67px !important;
}
.pf_rngstyle_flat .irs-from,
.pf_rngstyle_flat .irs-to {
cursor: pointer !important;
display: none !important;
}
.pf_rngstyle_flat .irs-from::before,
.pf_rngstyle_flat .irs-to::before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
cursor: pointer !important;
}
div.pf_rngstyle_flat .irs-from::after, div.pf_rngstyle_flat .irs-to::after, div.pf_rngstyle_flat .irs-single::after {
border-top-color: #3f5ae5;
}
div.pf_rngstyle_flat .irs-single {
background-color: transparent;
font-size: 14px;
color: #707070;
left: 0 !important;
bottom: 0;
top: auto !important;
padding: 0;
visibility: visible !important;
}
div.pf_rngstyle_flat .irs-single::after {
display: none;
}
div.pf_rngstyle_flat .irs-single::before {
content: "Price : ";
}
.pf_rngstyle_flat .irs-min,
.pf_rngstyle_flat .irs-max {
font-size: 14px !important;
background-color: transparent !important;
top: auto !important;
bottom: 0 !important;
}
div.pf_rngstyle_flat .irs-bar {
height: 3px;
background: #000000;
}
div.pf_rngstyle_flat .irs-line {
height: 3px;
background-color: #e1e4e9;
}
div.pf_rngstyle_flat .irs-slider {
content: "";
height: 0;
width: 0;
top: 8px;
border-width: 8px 5px;
border-style: solid;
border-color: #000 transparent transparent transparent;
} .product-toolbar .post-navigation .nav-links > div::before {
content: "";
height: 20px;
right: -12px;
border-left: 1px solid #d6d6d6;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
}
.product-toolbar .post-navigation .nav-links > div:last-child::before {
display: none;
}
.product-toolbar .post-navigation .nav-links > div {
display: inline-block;
position: relative;
}
.prdctfltr_wc.prdctfltr_wc_regular .prdctfltr_buttons label {
font-weight: 600;
}
body .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering {
margin: 0 !important;
}
.product-toolbar .nav-links > div > a:hover .img-thumb-nav {
opacity: 1;
visibility: visible;
}
.img-thumb-nav {
border: 1px solid #eaeaea;
display: inline-block;
margin-top: 20px;
opacity: 0;
position: absolute;
right: 0;
top: 100%;
transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
-o-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
-webkit-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
visibility: hidden;
width: 100px;
z-index: 2;
}
.img-thumb-nav::before {
border-bottom: 13px solid #eaeaea;
border-left: 13px solid rgba(0, 0, 0, 0);
border-right: 0 solid #eaeaea;
content: "";
position: absolute;
right: 10px;
top: -14px;
}
.product-toolbar .nav-links > div > a {
border-radius: 50%;
color: #898989;
display: inline-block;
font-size: 16px;
height: 30px;
line-height: 28px;
position: relative;
text-align: center;
width: 30px;
padding-right: 1px;
}
.product-toolbar .nav-links > div {
float: left;
}
.product-toolbar .nav-links > div.nav-next {
float: right;
margin-left: 25px;
} .product-inner,
.product-thumb,
.thumb-link {
position: relative;
}
.thumb-link {
display: block;
}
.product-inner .second-image {
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
position: absolute;
right: 0;
top: 0;
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
}
.product-inner:hover .second-image {
opacity: 1;
visibility: visible;
} .yith-wcqv-button {
font-size: 0;
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.yith-wcqv-button:not(:hover) {
color: inherit;
}
.yith-wcqv-button::before {
font-family: 'Flaticon', sans-serif;
content: "\f100";
font-size: 19px;
vertical-align: middle;
}
body.admin-bar #yith-quick-view-modal {
top: 32px;
}
html.yith-quick-view-is-open,
html.yith-quick-view-is-open body {
overflow: hidden;
}
#yith-quick-view-modal {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1400;
opacity: 0;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#yith-quick-view-modal #yith-quick-view-content .summary .woocommerce-product-rating {
margin-top: 0
}
#yith-quick-view-modal:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
#yith-quick-view-modal .yith-quick-view-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(18, 21, 26, 0.8)
}
#yith-quick-view-modal .yith-wcqv-wrapper {
display: inline-block;
vertical-align: middle;
visibility: hidden;
text-align: left;
width: calc(100% - 30px) !important;
max-width: 1100px;
height: 598px !important;
max-height: -webkit-calc(100% - 30px);
max-height: -moz-calc(100% - 30px);
max-height: calc(100% - 30px);
}
#yith-quick-view-modal .summary .woocommerce-product-details__short-description {
margin-bottom: 20px;
}
#yith-quick-view-modal .product_meta {
margin-top: 0;
}
#yith-quick-view-modal .yith-wcqv-main {
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
height: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
background-color: #fff;
}
#yith-quick-view-modal.open, #yith-quick-view-modal.open .yith-wcqv-wrapper {
visibility: visible;
opacity: 1;
}
#yith-quick-view-modal #yith-quick-view-content {
height: 100%;
overflow: hidden;
}
#yith-quick-view-modal .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: none;
}
#yith-quick-view-modal .yith-wcqv-main:after, #yith-quick-view-modal .yith-wcqv-main:before {
content: '';
display: table;
clear: both;
}
#yith-quick-view-modal.open .yith-wcqv-main {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
height: 100%;
position: relative;
box-shadow: none;
overflow-y: hidden;
}
#yith-quick-view-modal.open .yith-wcqv-main::before,
#yith-quick-view-modal.open .yith-wcqv-main::after {
content: '';
display: table;
}
#yith-quick-view-modal.open .yith-wcqv-main::after {
clear: both;
}
#yith-quick-view-modal .woocommerce-product-gallery {
float: none !important;
margin-bottom: 0;
}
#yith-quick-view-close {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 40px;
height: 40px;
display: block;
z-index: 11;
font-size: 0;
border: none;
}
#yith-quick-view-close::before,
#yith-quick-view-close::after {
border-bottom: 2px solid;
content: "";
position: absolute;
left: 12px;
top: 19px;
width: 17px;
}
#yith-quick-view-close::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#yith-quick-view-close::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#yith-quick-view-close:not(:hover) {
color: #000000;
}
#yith-quick-view-content div.images {
width: 45%;
float: left !important;
opacity: 1 !important;
}
#yith-quick-view-content div.summary .summary-content {
height: 100%;
}
#yith-quick-view-modal div.entry-summary {
position: absolute;
top: 30px;
bottom: 20px;
right: 0;
padding: 0 30px;
height: auto;
width: 55%;
float: left;
}
#yith-quick-view-content div.summary .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: -3px;
}
#yith-quick-view-modal .reset_variations {
right: 20px;
}
#yith-quick-view-content div.woocommerce-product-rating:after, #yith-quick-view-content div.woocommerce-product-rating:before {
content: '';
display: table;
clear: both;
}
#yith-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link {
display: none;
}
#yith-quick-view-content .onsale {
left: 10px;
top: 10px;
position: absolute;
}
#yith-quick-view-modal #yith-quick-view-content .summary .fami-wccp-button {
top: 7px;
margin-right: 14px;
height: 56px;
}
.rion-quickview .flex-viewport {
position: relative;
margin-top: -1px;
margin-left: -1px;
}
.rion-quickview.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
width: 60px;
position: absolute;
top: 10px;
left: 10px;
}
.rion-quickview.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
width: 100%;
}
.rion-quickview.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li > img {
border: 1px solid #e4e6ec;
}
.rion-quickview.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li > img.flex-active {
border-color: #000000;
}
body.admin-bar #yith-quick-view-modal {
top: 32px;
}
.quickdrawer ~ #yith-quick-view-modal .yith-wcqv-wrapper {
height: 100vh !important;
max-height: 100vh;
position: fixed;
top: 0 !important;
bottom: 0;
right: -440px;
width: 440px !important;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
background-color: #ffffff;
padding-top: 0;
z-index: 100001;
transition: right 0.4s;
left: auto !important;
}
.admin-bar .quickdrawer ~ #yith-quick-view-modal .yith-wcqv-wrapper {
height: calc(100vh - 32px);
top: 32px;
}
.quickdrawer ~ #yith-quick-view-modal .scroll-wrapper {
height: 100%;
}
.quickdrawer ~ #yith-quick-view-modal.open .yith-wcqv-wrapper {
right: 0;
}
.quickdrawer ~ #yith-quick-view-modal .yith-wcqv-main {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
box-shadow: none;
opacity: 1;
padding: 0;
}
.quickdrawer ~ #yith-quick-view-modal #yith-quick-view-close {
right: auto;
left: 0;
}
.quickdrawer ~ #yith-quick-view-modal #yith-quick-view-content div.images {
width: 100%;
position: relative;
}
.quickdrawer ~ #yith-quick-view-modal .rion-quickview .flex-viewport {
width: 100%;
padding-left: 0;
margin: 0;
}
.quickdrawer ~ #yith-quick-view-modal .rion-quickview.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
width: 100%;
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
top: auto;
}
.quickdrawer ~ #yith-quick-view-modal .rion-quickview.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
display: inline-block;
width: 60px;
margin-bottom: 0;
margin-right: 10px;
}
.quickdrawer ~ #yith-quick-view-modal div.entry-summary {
position: static;
width: 100%;
padding: 25px;
}
@media (max-width: 767px) {
.yith-wcqv-button {
display: none !important;
}
body.admin-bar #yith-quick-view-modal {
top: 46px;
}
#yith-quick-view-modal #yith-quick-view-content .summary-content > *:not(.price),
#yith-quick-view-modal .price,
#yith-quick-view-close {
color: #fff;
}
#yith-quick-view-modal #yith-quick-view-content label {
color: inherit;
}
#yith-quick-view-content div.images, #yith-quick-view-content div.summary {
margin: 0 auto;
padding: 15px;
width: 100%;
float: none !important;
}
#yith-quick-view-content::before {
content: "";
display: inline-block;
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
#yith-quick-view-modal .entry-summary {
z-index: 1;
}
}
@media (max-width: 600px) {
body.admin-bar #yith-quick-view-modal {
top: 0;
}
} .product-item .flash {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
}
.onnew, .onsale {
color: #fff;
display: table;
font-size: 10px;
font-weight: 600;
height: 24px;
letter-spacing: 0.3em;
margin-bottom: 5px;
padding-left: 12px;
padding-right: 12px;
position: relative;
line-height: 24px;
}
.onnew {
background-color: #2ECC71;
text-transform: uppercase;
}
.onsale {
background-color: #3f5ae5;
}
.product-name {
font-size: 12px;
letter-spacing: 0.3em;
text-transform: uppercase;
font-weight: 700;
line-height: 22px;
margin-top: 0;
margin-bottom: 4px;
}
.product-name a:not(:hover) {
color: inherit;
}
.price {
display: inline-block;
color: #868686;
font-size: 12px;
font-weight: 700;
line-height: 22px;
vertical-align: top;
letter-spacing: 0.2em;
}
@media (max-width: 1024px) {
.product-name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 0 !important;
}
}
.price del {
font-size: 12px;
line-height: 24px;
position: relative;
}
.price ins {
color: #3f5ae5;
float: left;
margin-right: 5px;
text-decoration: none;
}
.product-item .reset_variations {
display: none !important;
}
.product-item table.variations {
margin-bottom: 0;
}
.owl-item .product-item:last-child {
margin-bottom: 0;
}
.product-item form.variations_form {
position: absolute;
left: 13px;
bottom: 30px;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.product-item .product-inner:hover form.variations_form {
opacity: 1;
visibility: visible;
bottom: 50px;
}
.product-item.style-2 {
text-align: center;
}
.product-item.style-2 .button-loop-action {
text-align: center;
position: absolute;
bottom: 31px;
left: 0;
right: 0;
}
.product-item.style-2 .button-loop-action .add-to-cart,
.product-item.style-2 .button-loop-action .yith-wcqv-button,
.product-item.style-2 .button-loop-action .yith-wcwl-add-to-wishlist,
.product-item.style-2 .button-loop-action .compare-button,
.product-item.style-2 .button-loop-action .fami-wccp-button {
min-width: 40px;
height: 40px;
line-height: 40px;
background-color: #ffffff;
border-radius: 0;
margin: 0 4px;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-ms-transform: translateY(60px);
-o-transform: translateY(60px);
transform: translateY(60px);
opacity: 0;
visibility: hidden;
color: #000000;
position: relative !important;
}
.product-item.style-2 .button-loop-action .add-to-cart,
.product-item.style-1 .button-loop-action .add-to-cart {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 40px;
}
.product-item.style-2 .button-loop-action .yith-wcwl-add-to-wishlist,
.product-item.style-1 .button-loop-action .yith-wcwl-add-to-wishlist {
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.product-item.style-2 .button-loop-action .yith-wcqv-button,
.product-item.style-1 .button-loop-action .yith-wcqv-button {
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.product-item.style-1 .button-loop-action > * {
display: block;
}
.product-item.style-1 .button-loop-action {
position: absolute;
right: 22px;
bottom: 22px;
}
.product-item.style-2 .button-loop-action .compare-button,
.product-item.style-1 .button-loop-action .compare-button,
.product-item.style-2 .button-loop-action .fami-wccp-button,
.product-item.style-1 .button-loop-action .fami-wccp-button {
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.product-item.style-2 .product-inner:hover .button-loop-action .add-to-cart,
.product-item.style-2 .product-inner:hover .button-loop-action .yith-wcqv-button,
.product-item.style-2 .product-inner:hover .button-loop-action .yith-wcwl-add-to-wishlist,
.product-item.style-2 .product-inner:hover .button-loop-action .compare-button,
.product-item.style-2 .product-inner:hover .button-loop-action .fami-wccp-button {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.product-item.style-1 .button-loop-action .add-to-cart,
.product-item.style-1 .button-loop-action .yith-wcqv-button,
.product-item.style-1 .button-loop-action .yith-wcwl-add-to-wishlist,
.product-item.style-1 .button-loop-action .compare-button,
.product-item.style-1 .button-loop-action .fami-wccp-button {
min-width: 40px;
height: 40px;
line-height: 40px;
border-radius: 0;
background-color: #ffffff;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
-webkit-transform: translateX(60px);
-moz-transform: translateX(60px);
-ms-transform: translateX(60px);
-o-transform: translateX(60px);
transform: translateX(60px);
opacity: 0;
visibility: hidden;
color: #000000;
position: relative !important;
display: block;
margin-bottom: 14px;
}
.product-item.style-1 .product-inner:hover .button-loop-action .add-to-cart,
.product-item.style-1 .product-inner:hover .button-loop-action .yith-wcqv-button,
.product-item.style-1 .product-inner:hover .button-loop-action .yith-wcwl-add-to-wishlist,
.product-item.style-1 .product-inner:hover .button-loop-action .compare-button,
.product-item.style-1 .product-inner:hover .button-loop-action .fami-wccp-button {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
margin-left: 0;
}
@media (max-width: 1024px) {
.product-item .yith-wcwl-add-to-wishlist {
display: none;
}
}
@media (max-width: 767px) {
.product-item .variations_form {
right: -7px;
}
}
.product-item .variations_form .data-val a {
display: table;
}
.product-item .variations select {
display: none;
}
.product-item .variations tr,
.product-item .variations td {
border: none;
}
.product-item .variations td.value {
padding: 0 8px;
}
.product-inner,
.product-thumb,
.thumb-link {
position: relative;
display: block;
}
.product-inner .product-second-figure {
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
position: absolute;
right: 0;
top: 0;
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
}
.product-inner:hover .product-second-figure {
opacity: 1;
visibility: visible;
}
.product-item .product-thumb {
margin-bottom: 18px;
} .add-to-cart {
min-width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
}
.add-to-cart .tooltip {
min-width: 50px;
}
.tooltip {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.add-to-cart a {
font-size: 0;
display: block;
height: 40px;
}
.add-to-cart a:not(:hover) {
color: inherit;
}
.add-to-cart a::before {
font-family: 'Flaticon', sans-serif;
content: "\f102";
font-size: 21px;
}
.add-to-cart .product_type_variable::before,
.add-to-cart .product_type_grouped::before,
.add-to-cart .product_type_external::before {
content: "\f103";
}
.add_to_cart_button.loading {
cursor: wait;
}
.add_to_cart_button.loading::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
content: "\f110";
font-size: 21px;
display: inline-block;
}
.add-to-cart a.added {
display: none !important;
}
.add-to-cart .added_to_cart {
}
.add-to-cart a.added_to_cart::before {
font-family: 'Flaticon', sans-serif;
font-size: 21px;
content: "\f114";
} .yith-wcwl-add-to-wishlist {
position: relative;
margin-top: 0;
width: 40px;
height: 40px;
display: inline-block;
line-height: 40px;
text-align: center;
}
.yith-wcwl-add-to-wishlist a {
font-size: 0;
display: block;
}
.yith-wcwl-add-to-wishlist a:not(:hover) {
color: #000000;
}
.yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
display: none !important;
}
.add_to_wishlist::before {
font-family: 'flaticon', sans-serif;
font-weight: normal;
content: "\f10c";
font-size: 21px;
}
.add_to_wishlist.loading {
cursor: wait;
}
.add_to_wishlist.loading::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
content: "\f110";
font-size: 19px;
display: inline-block;
}
.yith-wcwl-wishlistaddedbrowse a::before,
.yith-wcwl-wishlistexistsbrowse a::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
content: "\f004";
font-size: 20px;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before {
color: #3f5ae5;
}
#yith-wcwl-popup-message {
margin: 0 !important;
background-color: #3f5ae5;
color: #fff;
border: none;
top: 50px;
left: 40px;
padding: 10px 25px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}
#yith-wcwl-message {
color: #fff;
} .compare-button {
width: 46px;
height: 46px;
display: inline-block;
text-align: center;
line-height: 40px;
}
.compare-button .compare {
display: block;
}
.compare,
.fami-wccp-button {
display: inline-block;
font-size: 0;
text-align: center;
height: 40px;
border-radius: 0;
}
.compare:not(:hover),
.fami-wccp-button:not(:hover) {
color: inherit;
}
.compare::before,
.fami-wccp-button::before {
font-family: 'Flaticon', sans-serif;
content: "\f135";
font-size: 21px;
font-weight: normal;
}
.fami-wccp-button.processing {
padding: 0;
}
.fami-wccp-button.processing::before {
width: auto;
height: auto;
border-radius: 0;
border: none;
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
content: "\f110";
font-size: 21px;
display: inline-block;
}
.compare.added::before,
.fami-wccp-button.added::before {
font-family: 'Flaticon', sans-serif;
font-size: 18px;
content: "\f110";
}
.fami-wccp-button.processing::before {
border-top-color: #000000;
}
.yith-wcqv-button .blockOverlay,
.compare .blockOverlay {
opacity: 1 !important;
border-radius: 0;
background: #fff !important;
}
.product-item.style-1 .yith-wcqv-button .blockOverlay,
.product-item.style-1 .compare .blockOverlay {
background: #fff !important;
}
.yith-wcqv-button .blockOverlay::before,
.compare .blockOverlay::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
content: "\f110";
font-size: 21px;
display: inline-block;
vertical-align: middle;
}  .fami-wccp-content-wrap {
display: inline-block;
width: 100%;
border: 1px solid #e5e5e5;
margin-top: 75px;
margin-bottom: 75px;
}
p.compare-empty {
padding: 50px 0 20px;
text-align: center;
}
.fami-wccp-content-wrap .fami-wccp-left-part {
border-right: 1px solid #e5e5e5;
font-weight: 600;
color: #000;
font-size: 16px;
width: 204px;
}
.fami-wccp-content-wrap .fami-wccp-right-part {
width: calc(100% - 203px);
margin-left: -1px;
margin-right: -1px;
}
.fami-wccp-content-wrap .fami-wccp-right-part .fami-wccp-col {
text-align: center;
}
.fami-wccp-content-wrap .fami-wccp-col .image-wrap {
margin: 0 auto;
display: table;
}
.fami-wccp-content-wrap .fami-wccp-col .field-image {
margin-top: 10px;
}
.fami-wccp-content-wrap h5.product-title {
line-height: 24px;
margin-top: 10px;
}
.fami-wccp-content-wrap .fami-wccp-left-part .fami-wccp-col .fami-wccp-field {
color: #000;
}
.fami-wccp-content-wrap div.fami-wccp-col .field-image {
height: 290px;
}
.fami-wccp-content-wrap .fami-wccp-col .fami-wccp-field {
border-bottom: 1px solid #e7e7e7;
height: 42px;
line-height: 40px;
padding-left: 15px;
font-size: 16px;
padding-right: 15px;
color: #444;
}
.fami-wccp-content-wrap .fami-wccp-col:not(.field-names-col) .fami-wccp-field:last-child {
border: none;
}
.fami-wccp-content-wrap a.fami-wccp-remove-product {
position: inherit;
}
.fami-wccp-content-wrap .fami-wccp-col .fami-wccp-field:nth-child(2n) {
background: #f9f9f9;
}
.fami-wccp-content-wrap del, .fami-wccp-content-wrap del .woocommerce-Price-amount.amount {
color: #999;
font-size: 14px;
}
.fami-wccp-content-wrap ins {
text-decoration: none;
}
.fami-wccp-content-wrap .owl-carousel .owl-item {
border-left: 1px solid #e5e5e5;
}
.fami-wccp-content-wrap .owl-carousel .owl-nav > button {
width: 40px;
display: block;
font-size: 20px;
background: #000;
border-radius: 50%;
justify-content: center;
color: #fff !important;
height: 40px;
margin: 10px 0;
align-items: center;
box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}
.fami-wccp-content-wrap .owl-carousel .owl-nav > button span {
position: relative;
top: -4px;
}
.fami-wccp-content-wrap .owl-carousel .owl-nav > button.owl-prev {
left: 5px;
top: 50%;
margin-top: -20px;
}
.fami-wccp-content-wrap .owl-carousel .owl-nav > button.owl-next {
right: 5px;
top: 50%;
margin-top: -20px;
}
.fami-wccp-content-wrap .owl-carousel .owl-nav > button:hover {
background-color: #3f5ae5;
}
.fami-wccp-field .add_to_cart_button {
display: inline-block;
}
.fami-wccp-field .add_to_cart_button::before {
margin-left: 10px;
float: right;
}
.fami-wccp-field .woocommerce-Price-amount.amount {
font-weight: 600;
color: #3f5ae5;
}
.owl-nav > button span {
font-size: 22px;
} .fami-wccp-products-list-wrap {
box-shadow: 0 0 10px rgba(0, 0, 0, .06);
}
.fami-wccp-products-list-content {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
}
.fami-wccp-products-list-content .part-left {
text-align: center;
min-width: 200px;
}
.fami-wccp-products-list-content .part-right {
display: flex;
width: calc(100% - 200px);
align-items: center;
}
.products-compare-list {
max-width: calc(100% - 150px);
margin: 0 30px;
}
.products-compare-list .owl-dots {
display: none;
}
.products-compare-list .compare-item {
position: relative;
display: inline-block;
float: none;
border: 1px solid #e5e5e5;
border-radius: 0;
margin: 5px;
}
.products-compare-list .thumb-hover {
white-space: normal;
}
.compare-item:hover .thumb img {
filter: brightness(0.9);
}
.compare-item.processing {
opacity: 0.5;
}
a.fami-wccp-remove-product {
font-size: 0;
position: absolute;
top: 3px;
right: 3px;
line-height: 10px;
}
h4.fami-wccp-title {
position: relative;
padding-bottom: 10px;
}
h4.fami-wccp-title::before {
content: "";
width: 40px;
border-bottom: 1px solid #cccccc;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
a.fami-wccp-remove-product::before {
content: "\f112";
font-family: Flaticon, sans-serif;
font-size: 10px;
}
a.fami-wccp-close {
cursor: pointer;
font-size: 0;
margin: 10px;
display: inline-block;
}
a.fami-wccp-close::before {
content: "\f112";
font-family: Flaticon, sans-serif;
font-size: 24px;
}
.fami-wccp-products-list-wrap .actions-wrap a {
display: inline-block;
min-width: 150px;
border: 2px solid #e5e5e5;
line-height: 36px;
text-align: center;
margin: 10px 0;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
border-radius: 0;
}
.fami-wccp-products-list-wrap a.fami-wccp-go-to-compare {
background: #000;
color: #fff;
border-color: #000;
}
.fami-wccp-products-list-wrap .actions-wrap a:hover {
background: #3f5ae5;
color: #fff;
border-color: #3f5ae5;
}
@media (max-width: 1199px) {
.fami-wccp-content-wrap {
margin-top: 55px;
margin-bottom: 55px;
}
}
@media (max-width: 1024px) {
.products-compare-list {
max-height: 204px;
overflow-y: auto;
overflow-x: hidden;
}
.fami-wccp-products-list-wrap,
a.fami-wccp-button {
display: none !important;
}
}
@media (max-width: 767px) {
.fami-wccp-content-wrap {
margin-top: 35px;
margin-bottom: 35px;
}
}
.fami-wccp-add-more-product {
font-size: 0;
}
.fami-wccp-add-more-product:before {
content: "\f10e";
font-family: Flaticon, sans-serif;
font-size: 10px;
}
.product-title .fami-wccp-add-more-product {
font-size: 18px;
}
.product-title .fami-wccp-add-more-product:before {
font-size: 14px;
margin-right: 10px;
}
.fami-wccp-form .fami-wccp-close-popup {
position: absolute;
top: -40px;
right: -40px;
z-index: 1;
font-size: 0;
width: 40px;
height: 40px;
line-height: 40px;
}
.fami-wccp-form .fami-wccp-close-popup::before {
content: "\f112";
font-family: Flaticon, sans-serif;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
}
@media (max-width: 601px) {
.fami-wccp-content-wrap .fami-wccp-left-part {
width: 150px;
}
.fami-wccp-content-wrap .fami-wccp-col .fami-wccp-field {
font-size: 14px;
}
.fami-wccp-content-wrap h5.product-title {
font-size: 15px;
}
} .star-rating {
white-space: nowrap;
line-height: 100%;
display: block;
font-size: 0;
position: relative;
overflow: hidden;
width: 86px;
letter-spacing: 7px;
}
.star-rating::before,
.star-rating span::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 22px;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
line-height: 100%;
}
.star-rating::before {
content: "\f005\f005\f005\f005\f005";
color: #cfcfcf;
}
.star-rating > span::before {
content: "\f005\f005\f005\f005\f005";
color: #eebe19;
}
.rating-wapper {
padding-bottom: 0;
line-height: 1;
}
.rating-wapper .star-rating {
display: inline-block;
}
.rating-wapper .review {
vertical-align: top;
line-height: 22px;
font-size: 12px;
padding-left: 3px;
color: #868686;
position: relative;
top: 3px;
display: none;
}
.product-item .variations .data-val a.color {
display: table;
width: 13px;
height: 13px;
margin-right: 0;
margin-bottom: 12px;
border-radius: 50%;
}
.product-item .variations .reset_variations {
display: none !important;
}
.product-item .button-loop-action .clear {
display: none;
}   .wishlist-empty,
.cart-empty {
font-size: 16px;
text-align: center;
margin-bottom: 50px;
margin-top: 100px;
}
.return-to-shop {
text-align: center;
margin-bottom: 224px;
}
.return-to-shop .button {
font-weight: 600;
display: inline-block;
height: 60px;
line-height: 60px;
font-size: 12px;
letter-spacing: 0.2em;
color: #ffffff;
text-transform: uppercase;
padding: 0 15px;
background-color: #000000;
min-width: 200px;
}
.return-to-shop .button:hover {
background-color: #3f5ae5;
}
@media (max-width: 767px) {
.return-to-shop .button {
height: 50px;
line-height: 50px;
}
} .product-name a:not(:hover) {
color: inherit;
}
.product-price,
.product-subtotal {
font-size: 16px;
line-height: 24px;
color: #000000;
} .wishlist_table .yith-wcqv-button {
display: none;
}
body .woocommerce table.shop_table {
margin-bottom: 27px;
border: none;
}
body table.shop_table tr th:last-child,
body table.shop_table tr td:last-child {
border-right: 0;
}
body table.shop_table.wishlist_table tr th:first-child,
body table.shop_table.wishlist_table tr td:first-child {
border-left: 1px solid #e7e7e7;
}
body table.shop_table.wishlist_table tr th:last-child,
body table.shop_table.wishlist_table tr td:last-child {
border-right: 1px solid #e7e7e7;
}
body .woocommerce table.shop_table thead {
background: transparent;
}
body .woocommerce table.shop_table thead th {
font-weight: 700;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #000000;
background: transparent;
padding: 15px 20px;
}
body .woocommerce table.shop_table thead th,
body .woocommerce table.shop_table tbody td {
border-left: none;
border-right: none;
text-align: left;
vertical-align: middle;
}
body .woocommerce table.shop_table th,
body .woocommerce table.shop_table td {
padding: 25px 20px;
}
body .woocommerce table.shop_table .product-thumbnail {
width: 150px;
padding-left: 40px;
}
body .woocommerce table.shop_table .product-thumbnail a {
display: inline-block;
}
body .woocommerce table.shop_table tr td.product-remove {
padding-left: 10px;
padding-right: 40px;
width: 10px;
}
body .woocommerce table.shop_table tr td.product-remove a {
font-size: 25px;
color: #6f6f6f;
display: inline-block;
height: 25px;
}
.product-remove .remove span {
display: none;
}
body .woocommerce table.shop_table tr td.product-remove a:hover {
color: #3f5ae5;
}
body .woocommerce table.shop_table tr td.product-remove a .remove-text {
display: none;
}
body .shop_table tr td.product-stock-status {
width: 240px;
}
body .shop_table tr td.product-stock-status > span {
font-weight: 600;
display: inline-block;
width: 200px;
padding: 17px 15px;
line-height: 21px;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #a9a9a9 !important;
border: 1px solid #e5e5e5;
text-align: center;
}
body .woocommerce table.shop_table .product-add-to-cart {
width: 190px;
}
body .woocommerce table.shop_table .product-add-to-cart .add_to_cart {
font-weight: 600;
width: 190px;
margin: 0 auto;
padding: 0 15px;
height: 57px;
line-height: 57px;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #ffffff;
background: #000000;
text-align: center;
border-radius: 0;
}
body .woocommerce table.shop_table .product-add-to-cart .add_to_cart:hover {
background: #3f5ae5;
}
body .shop_table tr td.product-quantity {
width: 240px;
}
.yith-wcwl-share {
padding-left: 40px;
}
.wishlist_table td.product-price {
white-space: nowrap;
}
.wishlist_table td.product-name {
white-space: nowrap;
} .actions-btn {
text-align: right;
margin-bottom: 19px;
padding-right: 40px;
padding-left: 40px;
}
.actions-btn .button {
min-width: 275px;
letter-spacing: 0.2em;
margin-bottom: 20px;
line-height: 58px;
height: 56px;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
.actions-btn .shopping {
min-width: 275px;
height: 56px;
line-height: 56px;
text-align: center;
padding: 0 15px;
display: inline-block;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #ffffff;
background-color: #000000;
margin-left: 9px;
margin-right: 5px;
}
.actions-btn .shopping:hover {
background-color: #3f5ae5;
}
.actions .coupon {
overflow: hidden;
padding: 0 40px;
margin-bottom: 53px;
}
.actions .coupon label {
font-size: 12px;
line-height: 56px;
letter-spacing: 0.2em;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 0;
float: left;
}
.actions .coupon .input-text {
float: left;
border-color: #e5e5e5;
width: -webkit-calc(100% - 377px);
width: -moz-calc(100% - 377px);
width: calc(100% - 377px);
margin-left: 52px;
margin-right: 15px;
}
.actions .coupon .button {
display: block;
float: left;
width: 240px;
font-size: 12px;
letter-spacing: 0.2em;
vertical-align: middle;
text-transform: uppercase;
}
.actions .coupon .button:hover {
background-color: #3f5ae5;
}
.woocommerce-shipping-calculator .shipping-calculator-button {
margin-bottom: 15px;
}
.woocommerce-shipping-calculator .form-row {
margin-bottom: 15px;
}
.woocommerce-shipping-calculator #calc_shipping_state_field {
margin-bottom: 0;
}
.woocommerce-shipping-calculator #calc_shipping_state_field .select2 {
margin-bottom: 15px;
} .cart-collaterals .cart_totals {
border: 2px solid #e3e3e3;
padding: 41px 40px 63px 40px;
overflow: hidden;
margin-top: 40px;
}
.cart-collaterals .cart_totals h2 {
font-weight: 700;
font-size: 12px;
line-height: 30px;
color: #000000;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 0;
float: left;
padding: 17px 20px 17px 0;
margin-top: 0;
}
.cart-collaterals .cart_totals .shop_table {
width: 100%;
border: none;
float: right;
}
.cart-collaterals .cart_totals .shop_table tr th,
.cart-collaterals .cart_totals .shop_table tr td {
border-width: 0 0 1px 0;
padding: 17px 0;
width: 50%;
font-size: 16px;
line-height: 30px;
color: #000000;
}
.cart-collaterals .cart_totals .shop_table .shipping-calculator-button {
font-weight: 600;
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 0.2em;
position: relative;
color: #000000;
padding-bottom: 2px;
padding-top: 33px;
display: inline-block;
}
.cart-collaterals .cart_totals .shop_table .shipping-calculator-button::before {
content: '';
display: block;
width: 100%;
border-bottom: 1px solid;
position: absolute;
left: 0;
bottom: 0;
}
.cart-collaterals .cart_totals .shop_table .shipping input[type="radio"] {
display: none;
}
.cart-collaterals .cart_totals .shop_table .shipping label {
font-weight: normal;
margin-bottom: 0;
}
.cart-collaterals .cart_totals .shop_table .shipping label::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #e2e2e2;
background: #f2f2f2;
border-radius: 50%;
margin-right: 11px;
transition: all 0.3s;
}
.cart-collaterals .cart_totals .shop_table .shipping label:hover::before,
.cart-collaterals .cart_totals .shop_table .shipping input[type="radio"]:checked + label::before {
background: #000000;
border-color: #000000;
}
.wc-proceed-to-checkout {
float: right;
width: 100%;
}
.wc-proceed-to-checkout .checkout-button {
font-weight: 600;
display: inline-block;
height: 56px;
line-height: 58px;
background-color: #000000;
color: #ffffff;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
padding: 0 40px;
text-align: center;
margin-top: 12px;
}
.wc-proceed-to-checkout .checkout-button:hover {
background-color: #3f5ae5;
} div#cookie-notice {
min-width: 300px;
max-width: 100%;
width: 340px;
font-size: 13px;
line-height: 19px;
left: 40px;
bottom: 40px;
text-align: left;
padding: 20px;
}
div.cookie-notice-container {
padding: 0;
text-align: left;
position: relative;
}
span#cn-notice-text {
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
body #cookie-notice .cookie-notice-container a {
color: #fff;
background: none !important;
border-bottom: 1px solid transparent;
float: right;
margin-left: 20px;
border-radius: 0;
padding: 0 0 2px 0;
font-weight: 400;
font-size: 14px;
box-shadow: none;
}
body #cookie-notice .cookie-notice-container #cn-accept-cookie,
body #cookie-notice .cookie-notice-container #cn-refuse-cookie {
font-weight: 600;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 1);
box-shadow: none;
font-size: 13px;
}
body #cookie-notice .cookie-notice-container #cn-accept-cookie:hover {
color: #ccc;
}
body #cookie-notice .cookie-notice-container #cn-accept-cookie::after {
content: "\f00c";
font-weight: 400;
font-family: FontAwesome, sans-serif;
font-size: 12px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
margin-left: 5px;
} .cssload-square {
margin: 68px auto;
width: 48px;
height: 48px;
transform: rotate(-50deg);
-o-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
-moz-transform: rotate(-50deg);
}
.cssload-square-blend {
width: 48px;
height: 48px;
margin-top: -24px;
margin-left: -24px;
border: 2px solid #ccc;
border-top-color: #000;
border-radius: 50%;
animation: spinner .6s linear infinite;
}
.shop-page .main-content.loading::before {
content: "";
display: inline-block;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 10;
}
.shop-page .main-content.loading::after {
content: url(//farinelli.es/wp-content/themes/rion/assets/images/spin.svg);
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 11;
}  .select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--single {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #dddddd;
border-radius: 0;
height: 57px !important;
line-height: 57px !important;
margin: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #666666;
line-height: 57px !important;
padding-left: 20px;
padding-right: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 57px !important;
}
.select2-container .select2-choice .select2-arrow b:after {
border: none;
font-family: 'FontAwesome', sans-serif;
content: "\f107";
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0;
margin-left: -15px;
}
.select2-dropdown {
border: 1px solid #e6e6e6;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;;
}
.select2-dropdown .select2-search .select2-search__field {
background-color: #ffffff;
padding: 0 16px;
height: 57px;
line-height: 57px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #e6e6e6;
}
.select2-results__option {
padding: 0 20px;
height: 57px;
line-height: 57px;
}
.select2-dropdown .select2-result {
color: #888888;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #f0f2f5;
color: #000000;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
color: #000000;
} .validate-required label .required {
display: none;
}
.validate-required label::after {
content: '*';
font-size: 15px;
color: #3f5ae5;
}
.woocommerce-form__label-for-checkbox input[type="checkbox"] {
display: none;
}
.woocommerce-form__label-for-checkbox > span {
display: inline-block;
}
.woocommerce-form__label-for-checkbox > span::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
line-height: 18px;
text-align: center;
font-size: 12px;
border: 1px solid #e2e2e2;
background: #f2f2f2;
color: #e2e2e2;
margin-right: 11px;
margin-bottom: 3px;
vertical-align: middle;
transition: all 0.3s;
}
.woocommerce-form__label-for-checkbox:hover span::before,
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span::before {
font-family: FontAwesome, sans-serif;
content: "\f00c";
}
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span::before {
color: #000;
border-color: #000000;
} .checkout.woocommerce-checkout .input-text {
width: 100%;
}
.checkout.woocommerce-checkout label {
font-weight: normal;
margin-bottom: 11px;
}
.checkout.woocommerce-checkout p {
margin-bottom: 40px;
}
.checkout.woocommerce-checkout .woocommerce-privacy-policy-text p {
margin-bottom: 0;
}
.checkout.woocommerce-checkout .variation p {
margin-bottom: 0;
}
.form-row-first,
.form-row-last {
display: inline-block;
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
overflow: visible;
}
.form-row-last {
float: right;
}
#billing_phone_field,
#billing_email_field {
width: 100%;
} .checkout-before-top {
overflow: hidden;
}
.checkout-before-top .rion-checkout-login {
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
float: left;
}
.checkout-before-top .rion-checkout-login ~ .rion-checkout-coupon {
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
float: right;
}
.checkout-before-top .rion-checkout-login form.login {
margin-bottom: 64px;
}
.checkout-before-top .rion-checkout-login form.login p:first-child {
margin-bottom: 45px;
}
.login button.button {
padding: 0 50px;
}
.login .woocommerce-form__label-for-checkbox {
margin-top: 10px;
margin-left: 15px;
}
.checkout-before-top .rion-checkout-login form.login p:nth-child(4) {
margin-bottom: 0;
}
.checkout-before-top .rion-checkout-login form.login label {
color: #a9a9a9;
font-weight: normal;
display: block;
margin-bottom: 20px;
}
.checkout-before-top .rion-checkout-coupon .checkout_coupon {
overflow: hidden;
margin-bottom: 54px;
}
.checkout-before-top .rion-checkout-coupon .checkout_coupon .form-row-first {
width: -webkit-calc(100% - 240px);
width: -moz-calc(100% - 240px);
width: calc(100% - 240px);
padding-right: 15px;
}
.checkout-before-top .rion-checkout-coupon .checkout_coupon .form-row-first .input-text {
width: 100%;
}
.checkout-before-top .rion-checkout-coupon .checkout_coupon .form-row-last {
width: 240px;
}
.checkout-before-top .rion-checkout-coupon .checkout_coupon .form-row-last .button {
width: 100%;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.checkout-before-top .woocommerce-info {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
text-align: center;
font-size: 12px;
line-height: 24px;
padding: 26px 15px;
margin: 0 0 35px;
background-color: transparent;
color: #a9a9a9;
border: 2px solid #e3e3e3;
} .col2-set:not(.woocommerce-Addresses) {
padding: 58px 80px 36px 80px;
border: 2px solid #e3e3e3;
overflow: hidden;
margin-bottom: 64px;
}
.woocommerce-Address {
border: 1px solid #ebebeb;
margin-bottom: 30px;
padding: 20px !important;
}
.col2-set .col-1,
.col2-set .col-2 {
padding: 0;
}
.woocommerce-additional-fields > h3 {
margin-top: 0;
}
.woocommerce-account-fields,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper {
overflow: hidden;
}
.woocommerce-account-fields .woocommerce-form__label-for-checkbox > span::before,
.woocommerce-shipping-fields .woocommerce-form__label-for-checkbox > span::before {
width: 20px;
height: 20px;
text-align: center;
line-height: 18px;
font-size: 12px;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h2 {
font-weight: 700;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.2em;
color: #000000;
text-transform: uppercase;
margin-bottom: 35px;
margin-top: 0;
}
.woocommerce-shipping-fields h2 {
margin-bottom: 21px;
}
.woocommerce-shipping-fields #ship-to-different-address {
font-size: 15px;
line-height: 24px;
margin-bottom: 40px;
} .woocommerce-checkout-review-order-wrap {
padding: 48px 80px 38px 80px;
border: 2px solid #e3e3e3;
overflow: hidden;
}
.woocommerce-checkout-review-order-wrap #order_review_heading {
font-weight: 700;
font-size: 14px;
line-height: 30px;
color: #000000;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 0;
float: left;
padding: 17px 30px 17px 0;
margin-top: 0;
}
body .woocommerce .woocommerce-checkout-review-order-wrap .woocommerce-checkout-review-order {
float: left;
}
body .woocommerce .woocommerce-checkout-review-order-wrap table.shop_table {
border: none;
} .shipping #shipping_method {
list-style: none;
padding-left: 0;
}
.shipping th,
.shipping td {
vertical-align: top;
}
.shipping input[type="radio"],
.wc_payment_methods input[type="radio"] {
display: none;
}
.shipping input[type="radio"] + label::before,
.wc_payment_methods input[type="radio"] + label::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #e2e2e2;
background: #f2f2f2;
border-radius: 50%;
margin-right: 11px;
transition: all 0.3s;
}
.shipping input[type="radio"]:checked + label::before,
.wc_payment_methods input[type="radio"]:checked + label::before {
background: #000000;
border-color: #000000;
}
body .woocommerce-checkout-review-order .shop_table {
margin-bottom: 41px;
}
body .woocommerce-checkout-review-order .shop_table tr th,
body .woocommerce-checkout-review-order .shop_table tr td {
border-width: 0 0 1px 0;
padding: 17px 15px 17px 0;
font-size: 16px;
line-height: 30px;
color: #000000;
}
body .woocommerce-checkout-review-order .shop_table tr:last-child th,
body .woocommerce-checkout-review-order .shop_table tr:last-child td {
padding: 23px 0;
border-bottom: 1px solid #ebebeb;
}
body .woocommerce-checkout-review-order .shop_table .product-name img {
margin-right: 20px;
max-width: 60px;
display: table-cell;
float: left;
}
span.rv-titel {
float: left;
margin-right: 40px;
}
.total-price {
display: none;
width: 100%;
}
.woocommerce-checkout-review-order-table dl.variation {
display: inline-block;
width: 100%;
margin: 0;
}
dl.variation {
margin-top: 0;
margin-bottom: 5px;
}
dl.variation p {
margin: 0;
}
.variation dt, .variation dd {
display: inline-block;
}
.woocommerce-thankyou-order-details {
padding-bottom: 20px;
}
.review-wrap {
overflow: hidden;
padding-left: 20px;
text-align: left;
}
body .woocommerce-table--order-details th,
body .woocommerce-table--order-details td,
body .woocommerce-table--customer-details th,
body .woocommerce-table--customer-details td {
color: #000000;
border-left: none;
border-right: none;
}
body .woocommerce-table--order-details .product-quantity {
vertical-align: bottom;
}
.woocommerce-checkout-payment {
overflow: hidden;
}
.woocommerce-checkout-payment .wc_payment_methods {
list-style: none;
padding-left: 0;
}
.woocommerce-checkout-payment p {
margin-bottom: 34px;
}
.woocommerce-checkout-payment li:last-child p {
margin-bottom: 0;
}
#place_order {
width: 100%;
margin-top: 50px;
letter-spacing: 0.2em;
text-transform: uppercase;
} .nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-tabs {
border: none;
text-align: center;
margin-bottom: 20px;
}
.nav-tabs > li > a {
display: inline-block;
font-weight: 600;
font-size: 16px;
margin-right: 0;
line-height: inherit;
border: none;
border-radius: 0;
position: relative;
padding-bottom: 2px;
color: #000000;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border: none;
}
.woocommerce-account:not(.admin-bar) .woocommerce {
margin: 0 auto;
width: 450px;
max-width: 100%;
}
.woocommerce-account .woocommerce .customer-form .block-form .form-row {
margin-bottom: 16px;
}
.login-reg-note {
display: table;
position: relative;
font-weight: 600;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.2em;
padding-bottom: 10px;
padding-top: 10px;
color: #000;
margin: 0 auto;
cursor: pointer;
}
.login-reg-note::before {
content: '';
width: 73px;
border-bottom: 1px solid;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
p.des-res {
text-align: center;
margin-bottom: 30px;
}
form.login,
form.register {
overflow: hidden;
}
form.login .form-row,
form.register .form-row {
position: relative;
}
form.login .form-row span[class^="flaticon-"],
form.register .form-row span[class*="flaticon-"] {
font-size: 18px;
color: #000;
position: absolute;
left: 13px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.customer-form .form-row-wide label,
.login .form-row-wide label {
color: #000000;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 30px;
margin-top: 5px;
margin-bottom: 9px;
}
.customer-form input[type="text"],
.customer-form input[type="email"],
.customer-form textarea,
.customer-form input[type="password"],
.customer-form input[type="tel"],
.login input[type="text"],
.login input[type="email"],
.login textarea,
.login input[type="password"],
.login input[type="tel"] {
padding: 0 15px 0 45px;
width: 100%;
height: 54px;
line-height: 54px;
background-color: #f4f4f4;
border-color: #f4f4f4;
color: #868686;
}
.customer-form input[type="submit"],
.login input[type="submit"] {
width: 100%;
letter-spacing: 0.2em;
height: 54px;
line-height: 54px;
font-weight: 600;
text-transform: uppercase;
}
@media (max-width: 767px) {
.customer-form input[type="submit"], .login input[type="submit"],
.customer-form input[type="text"],
.customer-form input[type="email"],
.customer-form textarea,
.customer-form input[type="password"],
.customer-form input[type="tel"],
.login input[type="text"],
.login input[type="email"],
.login textarea,
.login input[type="password"],
.login input[type="tel"] {
height: 50px;
line-height: 50px;
}
.login-icon {
margin-bottom: 30px;
border: none;
width: auto;
height: auto;
line-height: 1;
}
}
.lost_password {
float: right;
font-size: 14px;
line-height: 24px;
color: #000000;
position: relative;
margin-bottom: 22px;
}
.lost_password::before {
content: '';
display: block;
width: 100%;
border-bottom: 1px solid;
position: absolute;
bottom: 0;
left: 0;
}
.lost_password:hover,
.lost_password:focus {
color: #000000;
}
.woocommerce-ResetPassword {
margin: 0 auto 300px auto;
max-width: 680px;
position: relative;
overflow: hidden;
}
.woocommerce-ResetPassword label {
display: block;
}
.woocommerce-ResetPassword .form-row-first {
width: 100%;
}
.woocommerce-ResetPassword input[type="text"] {
padding: 0 22px;
width: 100%;
}
.woocommerce-ResetPassword input[type="submit"] {
width: 100%;
text-align: center;
}
.rememberme {
float: left;
color: #868686;
font-size: 14px;
line-height: 24px;
font-weight: normal;
margin-bottom: 22px;
}
.rememberme input[type="checkbox"] {
display: none;
}
.rememberme > span::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #e2e2e2;
border-radius: 50%;
margin-right: 11px;
margin-bottom: -1px;
transition: all 0.3s;
}
.rememberme:hover span,
.rememberme input[type="checkbox"]:checked + span {
color: #000000;
}
.rememberme:hover span::before,
.rememberme input[type="checkbox"]:checked + span::before {
background: #000000;
border-color: #000000;
}
.register-button,
.login-button {
border: 1px solid #000000;
display: inline-block;
font-size: 16px;
line-height: 54px;
text-align: center;
width: 100%;
}
.form-row {
float: left;
overflow: hidden;
width: 100%;
margin-bottom: 28px;
} .divider {
font-weight: 700;
text-transform: uppercase;
font-size: 11px;
line-height: 24px;
color: #000000;
display: inline-block;
position: relative;
width: 100%;
text-align: center;
margin-top: 21px;
margin-bottom: 27px;
}
.divider::before,
.divider::after {
border-top: 1px solid #e4e4e4;
top: 50%;
content: "";
position: absolute;
width: -webkit-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: calc(50% - 30px);
}
.divider::before {
left: 0;
}
.divider::after {
right: 0;
}
.theme-4 {
text-align: center;
}
.theme-4 .apsl-icon-block {
font-size: 14px !important;
height: 50px;
line-height: 34px !important;
border-radius: 0 !important;
margin: 0 7px 18px 7px;
}
.theme-4 .fa {
vertical-align: middle !important;
font-size: 18px !important;
padding-top: 0 !important;
padding-right: 10px !important;
}
.myaccount-wellcome {
color: #000000;
font-weight: 400;
margin: 0 0 30px;
}
.woocommerce-Address {
border: 1px solid #dddddd;
margin-bottom: 30px;
padding: 20px;
}
.woocommerce-MyAccount-content .form-row label {
color: #000000;
display: block;
font-weight: normal;
}
.woocommerce-MyAccount-content fieldset {
width: 100%;
margin-top: 50px;
}
.woocommerce-MyAccount-content fieldset legend {
color: #000000;
display: block;
font-weight: 600;
border-bottom: none;
}
.woocommerce-MyAccount-content input.button {
background: #000000;
border: medium none;
color: #ffffff;
line-height: 52px;
padding: 0 40px;
}
.woocommerce-MyAccount-content input.button:hover {
background: #3f5ae5;
color: #ffffff;
}
.woocommerce-MyAccount-content .form-row {
margin-top: 0;
}
.woocommerce-MyAccount-content .form-row input {
width: 100%;
}
.woocommerce-MyAccount-content h3 {
color: #000000;
margin: 0 0 30px;
}
.woocommerce-MyAccount-navigation > ul {
padding-left: 0;
}
.rion_account_navigation {
border: 1px solid #e4e6ec;
margin-bottom: 40px;
}
.rion_account_navigation .title {
margin-top: 0;
padding-left: 20px;
padding-top: 20px;
}
.woocommerce-MyAccount-navigation > ul li {
border-top: 1px solid #ededed;
line-height: 50px;
list-style: none;
padding-left: 20px;
}
.woocommerce-MyAccount-navigation > ul li.is-active a {
color: #3f5ae5;
} .woocommerce-password-strength {
margin-top: 15px;
padding-bottom: 10px;
margin-bottom: 10px;
position: relative;
}
.woocommerce-password-strength::before {
content: '';
display: block;
height: 4px;
width: 100%;
background-color: #c2c2c2;
position: absolute;
left: 0;
bottom: 0;
}
.woocommerce-password-strength::after {
content: '';
display: block;
height: 4px;
position: absolute;
left: 0;
bottom: 0;
}
.woocommerce-password-strength.short::after {
background-color: #f44336;
width: 25%;
}
.woocommerce-password-strength.bad::after {
background-color: #ff9800;
width: 50%;
}
.woocommerce-password-strength.good::after {
background-color: #2196F3;
width: 75%;
}
.woocommerce-password-strength.strong::after {
background-color: #4CAF50;
width: 100%;
} .track_order {
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.track_order > p {
margin-bottom: 40px;
text-align: center;
color: #919191;
}
.track_order .form-tracking {
padding: 41px 80px 29px 80px;
background-color: #efefef;
display: inline-block;
width: 100%;
}
.track_order .form-tracking label {
text-transform: capitalize;
font-weight: normal;
font-size: 15px;
line-height: 15px;
margin-bottom: 14px;
}
.track_order .form-tracking input {
width: 100%;
}
.track_order .form-tracking .input-text {
background: #ffffff;
}
.track_order .form-tracking .button {
letter-spacing: 0.2em;
margin-top: 10px;
}
.track_order .form-tracking .button:hover {
background-color: #3f5ae5;
}
@media (max-width: 767px) {
.track_order .form-tracking {
padding-left: 10px;
padding-right: 10px;
}
} @media ( max-width: 1366px) { body.single-product .detail-content {
padding-left: 30px;
}
.backtotop {
right: 40px;
}
.gallery_detail .rion-product-single-gallery:not(.rion-center-mode) {
display: table;
width: 100%;
}
.gallery_detail .rion-product-single-gallery:not(.rion-center-mode) .rion-product-gallery__image {
display: table-cell;
}
.has-sidebar .vertical_thumnail .rion-product-button {
top: 10px;
left: 130px;
bottom: auto;
}
.has-sidebar .product-360-button a::before,
.single-product .has-sidebar .rion-bt-video a::before {
margin-right: 0;
}
.has-sidebar .product-360-button a span,
.single-product .has-sidebar .rion-bt-video a {
font-size: 0;
} .cart-collaterals .cart_totals h2,
.cart-collaterals .cart_totals .shop_table {
width: 100%;
}
.wc-proceed-to-checkout .checkout-button {
margin: 0;
min-width: 230px;
}
body .woocommerce table.shop_table .product-thumbnail {
width: 120px;
padding-left: 20px;
}
body .woocommerce table.shop_table tr td.product-remove {
padding-right: 20px;
}
.yith-wcwl-share {
padding-left: 0;
}
.actions .coupon {
padding: 0 40px 0 40px;
}
.cart-collaterals .cart_totals {
padding: 15px 40px 25px;
}
.cart-collaterals .cart_totals .shop_table tr th {
width: 200px;
}
.cart-collaterals .cart_totals .shop_table tr td {
width: auto;
} body .woocommerce .woocommerce-checkout-review-order-wrap .woocommerce-checkout-review-order,
.woocommerce-checkout-review-order-wrap #order_review_heading {
display: block;
width: 100%;
}
.col2-set:not(.woocommerce-Addresses),
.woocommerce-checkout-review-order-wrap {
padding: 25px 15px;
}
}
@media (min-width: 1281px) {
.summary.title-price-stars-outside-summary .cart .single_add_to_cart_button {
width: calc(100% - 287px);
}
}
@media (max-width: 1199px) {
.single-post-products-carousel-wrap .container {
width: 100%;
}
.main-container.shop-page.no-sidebar .container {
width: 100%;
} body.page-template-sidebarpage {
margin-left: 0;
}
header.header.header-sidebar {
width: 100%;
height: auto;
position: relative;
padding: 0;
background: transparent;
}
header.header.header-sidebar .header-vertical-top .logo {
line-height: 60px;
margin-bottom: 0;
padding: 0 20px;
}
.admin-bar header.header.header-sidebar {
padding: 0;
} body .vertical-menu .main-navigation .main-menu > .menu-item .submenu li {
width: 100%;
}
.close-vertical-menu {
margin-bottom: 10px;
}
.menu-scroll {
height: -webkit-calc(100vh - 100px);
height: -moz-calc(100vh - 100px);
height: calc(100vh - 100px);
padding: 0 20px;
}
.menu-scroll .scrollbar-macosx {
height: -webkit-calc(100vh - 125px);
height: -moz-calc(100vh - 125px);
height: calc(100vh - 125px);
}
.rion-header-sidebar {
margin-left: 0;
}
.rion-header-sidebar .btn-canvas {
left: -16px;
}
.rion-header-sidebar.sidebar-canvas-open .btn-canvas {
left: 345px;
}
.header.header-sidebar .header-vertical-top {
padding-bottom: 10px;
}
.header.header-sidebar .header-menu {
position: fixed;
top: 0;
left: -400px;
width: 360px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
min-height: 100vh;
padding-top: 46px;
padding-bottom: 10px;
background-color: #ffffff;
-webkit-box-shadow: 7px 0 20px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 7px 0 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 7px 0 20px 0 rgba(0, 0, 0, 0.05);
transition: left 0.4s;
-webkit-transition: left 0.4s;
-o-transition: left 0.4s;
z-index: 99;
}
.vertical-menu-open .header.header-sidebar .header-menu {
left: 0;
padding-top: 0;
width: 280px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > span.toggle-submenu {
top: 12px;
right: -6px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > .submenu {
padding: 0;
}
header.header.header-sidebar .header-vertical-top .header-vertical-control > div {
padding: 10px;
text-align: center;
}
header .vertical-menu .main-navigation .main-menu > .menu-item > a {
padding: 15px 0;
} .vertical_thumnail .rion-product-button {
top: 10px;
left: 130px;
bottom: auto
}
.product-360-button a::before,
.single-product .rion-bt-video a::before {
padding-left: 0;
margin-right: 0;
}
.product-360-button a span,
.single-product .rion-bt-video a {
font-size: 0;
padding: 0;
width: 50px;
text-align: center;
} .product-type-grouped:not(.gallery_detail) .summary .cart .group_table tr:last-child td {
border-bottom: 1px solid #ebebeb;
}
.product-type-grouped:not(.gallery_detail):not(.product-mobile-layout) .summary .cart .group_table tr:last-child td:last-child {
border-bottom: none;
}
.product-type-grouped:not(.gallery_detail) .summary .cart .group_table .quantity {
margin: 0 auto !important;
float: none;
} body .shop_table tr td.product-stock-status,
body .shop_table tr td.product-stock-status > span {
width: auto;
}
body .woocommerce table.shop_table .product-add-to-cart {
width: auto;
}
body .woocommerce table.shop_table .product-add-to-cart .add_to_cart {
width: 57px;
font-size: 0;
}
body .woocommerce table.shop_table .product-add-to-cart .add_to_cart::before {
font-family: 'FontAwesome', sans-serif;
content: '\f217';
font-size: 20px;
}
.checkout-before-top .rion-checkout-login,
.checkout-before-top .rion-checkout-login ~ .rion-checkout-coupon {
width: 100%;
}
}
@media (min-width: 1025px) {
.single-product .wrapper_menu-sticky.sticky-info_single_wrap footer {
margin-bottom: 75px;
}
.sticky_detail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
display: none;
}
.sticky_detail .woocommerce-product-gallery .flex-viewport {
height: auto !important;
}
.sticky_detail .flex-viewport figure.woocommerce-product-gallery__wrapper * {
float: none !important;
}
body .woocommerce-checkout-review-order table.shop_table tr th, body .woocommerce-checkout-review-order table.shop_table tr td {
padding: 30px 70px 30px 0;
}
div.woocommerce-checkout-review-order-wrap #order_review_heading {
padding: 30px 170px 17px 0;
}
div.modal-backdrop.fade.in {
display: block;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.blog-content.list.simple .post-list-item-cols .post-thumb + div.post-info {
padding-left: 30px;
padding-bottom: 15px;
}
.single-product-mobile.enable-shop-page-mobile .upsells div.product-item,
.single-product-mobile.enable-shop-page-mobile .related div.product-item {
border-width: 1px;
}
div.prdctfltr_sc .fami-products-shortcode-wrap .products {
margin-right: 0;
margin-left: 0;
}
.toolbar-products-shortcode.real-mobile-toolbar .part-filter-wrap {
margin-right: 30px;
}
}
@media (max-width: 1024px) {
html.box-mobile-menu-open,
html.sidebar-canvas-open,
html.instant-search-open,
html.vertical-menu-open,
html.real-mobile-show-menu,
body.sidebar-canvas-open,
body.instant-search-open,
body.vertical-menu-open,
body.real-mobile-show-menu {
height: 100vh !important;
overflow: hidden !important;
margin: 0 !important;
}
.box-mobile-menu-open .box-mobile-menu,
.box-mobile-menu-open .body-overlay {
left: 0;
opacity: 1;
visibility: visible;
}
.sticky_info_single_product {
display: none;
}
.toolbar-products .prdctfltr_topbar {
display: none;
}
div h3.single-post-products-carousel-title {
margin-top: 30px;
margin-bottom: 30px;
}
.rion-content-single-product-mobile .summary .compare, .rion-content-single-product-mobile .summary .social-share {
width: calc(50% - 7px);
margin: 0 0 0 14px !important;
}
div.summary .price .woocommerce-Price-amount.amount {
font-size: 20px;
}
div.summary .price del .woocommerce-Price-amount.amount {
font-size: 14px;
}
.rion-content-single-product-mobile .reset_variations {
width: auto;
display: inline-block;
margin: 10px auto 0;
position: inherit;
} div.width_background .vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
position: relative;
left: 50%;
margin: 0 0 10px 0;
max-width: 400px;
bottom: 0;
top: auto;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
div.width_background .vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
margin-left: 10px;
margin-right: 10px;
} form.woocommerce-cart-form {
width: 100%;
overflow: hidden;
}
.woocommerce-cart-form-mobile {
border: 1px solid #e3e3e3;
margin-top: 20px;
}
div .product-second-figure {
display: none;
}
.yith-wcqv-button {
opacity: 1;
visibility: visible;
}
.enable-shop-page-mobile .product-list .product-inner {
border: none;
padding: 0;
} .vertical_thumnail .flex-viewport,
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
width: 100%;
}
.vertical_thumnail .flex-viewport {
border: none;
}
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin-top: 10px;
padding-right: 0;
}
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
width: 100%;
margin: 0;
padding: 5px;
border: none;
}
.has-sidebar .vertical_thumnail .rion-product-button,
.vertical_thumnail .rion-product-button {
left: 10px;
}
.woocommerce-account .woocommerce div.customer-form {
margin: 0 auto 50px auto;
}
div a.change-value.color {
width: 20px;
height: 20px;
}
.single div a.change-value.color {
width: 25px;
height: 25px;
}
div .product-item .variations {
margin-bottom: 3px;
bottom: 0;
visibility: visible;
opacity: 1;
left: 0;
right: auto;
}
div .product-item .reset_variations {
bottom: 2px;
}
.product-grid .product-inner div.button-loop-action {
display: none !important;
}
.product-grid .product-inner .variations_form {
display: none !important;
}
.product-info.equal-elem a.button.yith-wcqv-button {
display: none !important;;
}
div .yith-wcqv-button {
display: none;
} .toolbar-products.toolbar-top .part-wrap.filter-ordering, .toolbar-products.toolbar-top .part-wrap.part-products-size-wrap {
display: none;
}
.toolbar-products.toolbar-top .part-wrap.grid-mode {
border: none;
}
div .checkout.woocommerce-checkout label {
font-weight: normal;
margin-bottom: 5px;
}
div .checkout.woocommerce-checkout p {
margin-bottom: 15px;
}
div .col2-set:not(.woocommerce-Addresses) {
padding: 30px 20px;
border: 2px solid #e3e3e3;
overflow: hidden;
margin-bottom: 30px;
}
}
@media (max-width: 991px) { body.single-product .has-sidebar .single-left,
body.single-product .has-sidebar .detail-content {
width: 100%;
}
body.single-product .has-sidebar .detail-content {
padding-left: 0;
padding-top: 30px;
}
body .woocommerce-checkout-review-order .shop_table .product-name img {
margin-right: 10px;
float: left;
display: table-cell;
}
body .woocommerce-checkout-review-order .shop_table .product-name strong {
margin-left: 0;
}
.woocommerce-page-header ul li.line-hover {
margin: 0 5px 5px 5px;
list-style: none;
display: inline-block;
} .prdctfltr_add_scroll {
padding-bottom: 20px !important;
}
.prdctfltr_pa_brand .prdctfltr_add_scroll {
padding-bottom: 0 !important;
}
div.shop-prdctfltr-filter-wrap .prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering {
padding: 20px;
} #yith-quick-view-modal {
display: none;
}
div.actions .coupon .input-text {
margin: 0;
width: 100%;
}
div.actions .coupon .button {
display: inline-block;
margin-top: 10px;
width: 100%;
}
div.actions-btn .button {
min-width: 0;
padding: 0 30px;
}
.actions-btn .shopping {
padding: 0 30px;
width: auto;
}
}
@media (max-width: 991px) {
.prdctfltr_add_scroll {
padding-bottom: 10px !important;
}
}
@media (max-width: 767px) {
.part-acrion-center-wrap {
display: none;
}
.part-wrap {
width: 50%;
}
.fami-woocommerce-ordering {
margin: 0 auto;
width: 100%;
}
.header-sidebar .menu-social {
display: none;
} div .part-products-size-wrap {
display: none;
}
.rion-none-mobile-device .part-cats-list-wrap {
display: none;
} div div.product-toolbar,
.single-product .product-toolbar {
margin: 10px 0;
}
.product-toolbar .post-navigation {
width: 100%;
}
.product-toolbar .post-navigation .nav-links {
overflow: hidden;
padding: 0;
margin: 0;
}
.product-toolbar .post-navigation .nav-links > div {
float: left;
}
.product-toolbar .post-navigation .nav-links .nav-next {
float: right;
}
.product-thumb img {
width: 100% !important;
} .yith-wcqv-button {
display: none;
}
.gallery_detail .summary .compare,
.summary .compare,
.compare {
display: none;
}
body.single-product .single-left,
body.single-product .detail-content {
width: 100% !important;
}
body.single-product .detail-content {
padding-left: 0;
padding-top: 0;
}
.summary .price {
padding-bottom: 20px;
}
.product-info-stock-sku {
padding-top: 17px;
}
.gallery_detail .product_meta > span {
position: relative;
margin-right: 0;
padding-right: 0;
width: 100%;
}
.gallery_detail .product_meta > span::before {
display: none;
}
.summary .stock {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
div .product-grid-title {
padding-bottom: 25px;
padding-top: 35px;
letter-spacing: 0.2em;
}
.variations .variation select,
.reset_variations {
float: none;
margin-left: auto;
margin-right: auto;
}
.reset_variations {
height: 26px;
line-height: 26px;
top: 8px;
padding: 0;
}
.summary .compare,
.summary .social-share {
margin: 7px;
} .product-type-grouped.gallery_detail .summary .cart .group_table tbody,
.product-type-grouped.gallery_detail .summary .cart .group_table tr,
.product-type-grouped.gallery_detail .summary .cart .group_table tr td {
display: block !important;
border-width: 0 0 1px 0;
text-align: center !important;
}
.product-type-grouped.gallery_detail .summary .cart .group_table tr:last-child td {
border-bottom: 1px solid #ebebeb;
}
.product-type-grouped.gallery_detail .summary .cart .group_table .quantity {
margin: 0 auto !important;
} body .woocommerce table.shop_table,
body .woocommerce table.shop_table tbody,
body .woocommerce table.shop_table tfoot,
body .woocommerce table.shop_table tr,
body .woocommerce table.shop_table tr th,
body .woocommerce table.shop_table tr td,
.actions .coupon label,
.actions .coupon .input-text,
.cart-collaterals .cart_totals .shop_table,
.cart-collaterals .cart_totals .shop_table tbody,
.cart-collaterals .cart_totals .shop_table tr,
.cart-collaterals .cart_totals .shop_table tr th,
.cart-collaterals .cart_totals .shop_table tr td {
text-align: center;
display: block;
width: 100% !important;
}
body .woocommerce table.shop_table thead {
display: none;
}
.woocommerce-cart-form .woocommerce table.shop_table {
border: none;
}
body .woocommerce .woocommerce-checkout-review-order table.shop_table td.product-total {
text-align: center;
color: #333;
border: none;
padding: 10px;
display: none;
}
body .woocommerce table.shop_table tr {
width: 100% !important;
border-bottom: 1px solid #e3e3e3;
display: block;
overflow: hidden;
position: relative;
}
body .woocommerce table.shop_table tr:last-child {
border-bottom: none;
}
body .woocommerce table.shop_table tr th, body .woocommerce table.shop_table tr td {
text-align: left;
width: auto !important;
border: none;
float: left;
padding: 5px 15px;
}
.woocommerce table.shop_table tr td.product-name {
width: calc(70% - 50px) !important;
padding-top: 23px;
}
.woocommerce table.shop_table tr.order_item td.product-name {
margin-top: 0;
}
body .woocommerce table.shop_table tr.cart-subtotal th {
padding-left: 0;
}
body .woocommerce table.shop_table tr td .amount {
line-height: 32px;
height: 32px;
}
.woocommerce table.shop_table tr td.product-thumbnail {
width: 30% !important;
padding: 15px;
float: left;
}
body .woocommerce table.shop_table .product-thumbnail a {
width: 100%;
}
body .woocommerce table.shop_table .product-thumbnail img {
width: 100%;
height: auto;
}
table.shop_table td.product-price {
clear: left;
}
.woocommerce table.shop_table tr td.product-name a {
max-height: inherit;
font-size: 15px;
}
.woocommerce-cart-form .variation {
color: #000;
}
.woocommerce table.shop_table tr td.product-quantity, .woocommerce table.shop_table tr td.product-price, .woocommerce table.shop_table tr td.product-subtotal {
width: 33.33333333% !important;
color: #666;
line-height: 24px;
}
.woocommerce table.shop_table tr td .rion-cart-mobile-lb {
width: 100%;
display: block;
color: #333;
}
.woocommerce table.shop_table .quantity {
height: auto;
border: 1px solid #e3e3e3;
padding: 0;
}
.woocommerce table.shop_table .quantity .control {
border: none;
}
.woocommerce table.shop_table .quantity .control .input-qty {
width: 100%;
border: none;
height: 32px;
line-height: 24px;
float: none;
display: block;
color: #333;
}
.woocommerce table.shop_table .quantity .control .btn-number {
display: none;
}
.woocommerce table.shop_table tr td.product-remove {
width: 43px !important;
height: 43px !important;
line-height: 41px;
padding: 0 !important;
margin: 0;
text-align: center;
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid #e3e3e3;
}
.woocommerce table.shop_table tr td.product-remove a {
display: block !important;
width: 100% !important;
height: 100% !important;
line-height: 36px;
}
body .woocommerce .cart_totals table.shop_table {
display: table;
}
body .woocommerce .cart_totals table.shop_table tbody {
display: table-row-group;
}
body .woocommerce .cart_totals table.shop_table tr {
display: table-row;
}
body .woocommerce .cart_totals table.shop_table tr th, td {
display: table-cell;
float: none;
}
body .woocommerce .cart_totals table.shop_table tr th {
text-align: left !important;
}
.woocommerce-checkout-review-order span.rv-titel {
float: left;
margin-right: 0;
}
.actions .coupon label {
text-decoration: underline;
}
.actions .coupon .input-text {
margin: 0 0 20px 0;
}
.actions .coupon .button {
float: none;
margin: 0 auto;
}
.actions-btn {
text-align: center;
padding: 0 40px;
}
.actions-btn .shopping {
margin-left: 0;
}
.cart-collaterals .cart_totals h2 {
padding: 17px 20px;
text-align: center;
}
.cart-collaterals .cart_totals .shop_table tr th {
border-bottom: none;
}
.wc-proceed-to-checkout {
float: none;
text-align: center;
width: 100%;
} .form-row-first,
.form-row-last {
width: 100%;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h2 {
text-align: center;
}
.woocommerce-checkout-review-order-wrap #order_review_heading {
text-align: center;
padding: 17px 20px;
}
body .woocommerce-checkout-review-order .shop_table tr th,
body .woocommerce-checkout-review-order .shop_table tr td {
width: 100%;
}
body .woocommerce-checkout-review-order .shop_table tfoot tr th, body .woocommerce-checkout-review-order .shop_table tfoot tr td {
width: 50% !important;
text-align: left;
display: table-cell;
line-height: 32px;
padding-left: 0;
}
body .woocommerce-checkout-review-order .shop_table tfoot tr {
display: table;
}
body .woocommerce-checkout-review-order .shop_table .product-name img {
display: block;
margin: 0 auto;
}
body .woocommerce-checkout-review-order .shop_table tr td.product-name {
padding: 10px 0;
display: inline-block;
width: 100% !important;
}
body .woocommerce-checkout-review-order .shop_table .product-name strong {
margin-left: 0;
}
div.total-price {
display: inline-block;
width: auto;
}
.checkout-before-top .rion-checkout-coupon .checkout_coupon .form-row-first,
.checkout-before-top .rion-checkout-coupon .checkout_coupon .form-row-last {
width: 100%;
padding-right: 0;
}
div.wc-proceed-to-checkout .checkout-button, .woocommerce-cart-form-mobile div.actions .actions-btn .shopping, div .actions-btn .shopping, div.actions-btn .button, .woocommerce form input[type="text"], .woocommerce form input[type="email"], .woocommerce form input[type="password"], .woocommerce form input[type="tel"], .woocommerce form input[type="search"] {
line-height: 50px;
height: 50px;
width: 100%;
}
div.checkout.woocommerce-checkout p {
margin-bottom: 25px;
}
div.woocommerce-billing-fields h3, div.woocommerce-shipping-fields h2 {
text-align: center;
margin-bottom: 25px;
}
.woocommerce form .select2-container--default .select2-selection--single {
height: 44px;
line-height: 44px;
}
.woocommerce form .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 44px;
}
.woocommerce form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px;
}
.enable-shop-page-mobile.woocommerce-checkout .page-main-content {
padding-bottom: 0;
padding-top: 0;
} .yith-wcqv-button {
display: none;
} .track_order .form-tracking {
padding-left: 10px;
padding-right: 10px;
}
div #place_order {
margin-top: 30px;
}
.wc-proceed-to-checkout .checkout-button {
width: 100%;
}
div.product-extend-horizontal {
display: inline-block;
width: 100%;
}
div.product-extend-horizontal > div {
padding: 0;
width: 100%;
margin-top: 40px;
}
}
@media (max-width: 480px) {
.toolbar-products .category-filter li {
display: block;
}
html div#cookie-notice {
right: 15px;
bottom: 15px;
}
} #popup-newsletter {
overflow-y: hidden !important;
}
#popup-newsletter .modal-content {
background-color: #fff;
}
#popup-newsletter button.close {
cursor: pointer;
position: absolute;
right: 8px;
top: 8px;
width: 40px;
height: 40px;
display: block;
background-color: transparent;
color: #000000;
z-index: 1;
}
#popup-newsletter button.close:hover {
color: #3f5ae5;
}
#popup-newsletter button.close::before,
#popup-newsletter button.close::after {
border-bottom: 2px solid;
content: "";
left: 12px;
position: absolute;
top: 19px;
width: 17px;
}
#popup-newsletter button.close::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#popup-newsletter button.close::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#popup-newsletter .modal-inner {
overflow: hidden;
}
#popup-newsletter .modal-inner .modal-thumb {
float: left;
width: 40%;
}
#popup-newsletter .modal-inner .modal-info {
overflow-y: auto;
text-align: center;
padding: 70px 40px 30px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 60%;
}
#popup-newsletter .title {
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 20px;
}
#popup-newsletter .des {
font-size: 16px;
line-height: 28px;
margin-bottom: 30px;
max-width: 395px;
display: inline-block;
}
#popup-newsletter .newsletter-form-wrap .email {
width: 100%;
height: 52px;
line-height: 52px;
margin-bottom: 22px;
text-align: center;
}
#popup-newsletter .newsletter-form-wrap .submit-newsletter {
width: 100%;
height: 52px;
line-height: 52px;
color: #fff;
font-weight: 700;
}
#popup-newsletter .newsletter-form-wrap .submit-newsletter:hover {
background-color: #3f5ae5;
}
#popup-newsletter .checkbox {
text-align: right;
margin: 30px 0 0;
}
#popup-newsletter .checkbox label {
padding-left: 0;
}
#popup-newsletter .checkbox .rion_disabled_popup_by_user {
display: none;
}
#popup-newsletter .checkbox span {
position: relative;
padding-left: 20px;
color: #999999;
}
#popup-newsletter .checkbox span::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #dbdbdb;
background-color: #f4f4f4;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#popup-newsletter .checkbox .rion_disabled_popup_by_user:checked ~ span::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #333333;
position: absolute;
left: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.modal {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
max-height: calc(100% - 60px);
overflow-y: auto;
padding: 15px !important;
}
.modal-dialog {
width: 1000px;
max-width: calc(100% - 30px);
margin: auto;
}
.modal-content {
border: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.modal-backdrop.in {
opacity: 0.8;
}
@media (max-width: 1199px) {
#popup-newsletter .modal-inner .modal-info {
padding: 20px;
}
#popup-newsletter .des {
margin-bottom: 20px;
}
#popup-newsletter .checkbox {
margin-top: 10px;
}
#popup-newsletter .newsletter-form-wrap .submit-newsletter {
font-size: 12px;
}
}
@media (min-width: 768px) {
.modal-dialog {
width: 1000px;
max-width: calc(100% - 30px);
margin: auto;
}
.modal-content {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
@media (max-width: 767px) {
#popup-newsletter .title {
font-size: 24px;
}
#popup-newsletter .des {
font-size: 14px;
line-height: 20px;
}
#popup-newsletter .modal-inner .modal-thumb {
display: none;
}
} .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
width: 3px;
}
.scrollbar-macosx > .scroll-element .scroll-bar {
background-color: #dfdfdf;
}
.overflow-visible {
overflow: visible !important;
z-index: 1;
}
.bg-bottom > * {
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
}
.letter-04 {
letter-spacing: 0.4em;
}
.over-index {
position: relative;
z-index: 1;
}
.video-icon {
min-width: 37px;
height: 37px;
border-radius: 50%;
background-color: red;
display: inline-block;
position: relative;
left: -14px;
vertical-align: middle;
top: -1px;
}
.video-icon:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-width: 5px 8px;
border-color: transparent transparent transparent #ffffff;
margin-left: 6px;
border-style: solid;
transition: 0.5s;
}
.bg-half-brown {
background: linear-gradient(to left, #ede8e2, #ede8e2 61%, #fff 61%, #fff 100%);
}
.bg-cover {
background-position: center 12%;
}
.bg-gradient {
background-image: linear-gradient(#ffffff, #f3f3f3);
}
.bg-parallax {
background-size: cover;
}
@media (min-width: 1301px) {
.bg-parallax {
background-attachment: fixed;
}
}
@media (max-width: 767px) {
.bg-cover {
background-size: cover;
}
.bg-half-brown {
background: #ede8e2;
}
} body.error404 .header-wrap {
padding: 26px 0;
border-bottom: 1px solid #eaeaea;
}
body.error404 .page-404 {
padding-top: 70px;
padding-bottom: 70px;
}
body.error404 .page-404 .title {
font-size: 30px;
line-height: 36px;
max-width: 550px;
margin: 65px auto 45px;
}
body.error404 .page-404 .button {
display: inline-block;
min-width: 210px;
height: 48px;
line-height: 48px;
padding: 0 15px;
background-color: #000000;
font-size: 12px;
text-align: center;
color: #fff;
letter-spacing: 0.2em;
text-transform: uppercase;
font-weight: 600;
margin-top: 40px;
}
body.error404 .page-404 .button:hover {
background-color: #3f5ae5;
}
.error404 form#searchform {
position: relative;
max-width: 600px;
margin: 0 auto;
}
.error404 .rion-searchform input[type="text"] {
width: 100%;
height: 59px;
line-height: 59px;
font-size: 14px;
padding: 0 130px 0 25px;
border: 1px solid #f2f2f2;
background-color: #f2f2f2;
color: #666;
}
.error404 .rion-searchform button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 0 10px;
text-align: center;
background: #3f5ae5;
color: #fff;
font-size: 22px;
width: 120px;
height: 59px;
line-height: 59px;
border-radius: 0 2px 2px 0;
}
@media (max-width: 1199px) {
body.error404 .page-404 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
body.error404 .page-404 {
padding-top: 40px;
padding-bottom: 40px;
}
body.error404 .title {
font-size: 26px;
}
body.error404 .page-404 .button {
min-width: 150px;
height: 40px;
line-height: 40px;
}
}  .wpcf7-form p {
margin-bottom: 0;
}
.wpcf7-form label,
.wpcf7-form label .wpcf7-form-control-wrap,
.wpcf7-form label input,
.wpcf7-form label textarea {
width: 100%;
}
.wpcf7-form label input {
padding: 8px 15px;
}
.wpcf7-form label textarea {
height: 264px;
}
.wpcf7-form .wpcf7-submit {
min-width: 184px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-top: 22px;
}
.wpcf7-form .wpcf7-submit:hover {
background-color: #3f5ae5;
}
div.wpcf7-response-output {
margin: 2em 0 1em;
}
.rion-google-maps .coinpo-map-info {
padding: 0 !important;
}
.rion-google-maps .coinpo-map-info .map-title {
margin-top: 0;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.wpcf7-form .wpcf7-submit {
min-width: 150px;
}
}
.rion-contact.style-01 {
width: 930px;
background-color: #fff;
margin: 0 auto;
max-width: 100%;
padding: 25px;
}
.rion-contact.style-01 .contact-inner {
border: 1px solid;
padding: 60px;
text-align: center;
}
.rion-contact.style-01 .block-title {
font-size: 30px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 600;
letter-spacing: 0.1em;
margin-top: 0;
display: inline-block;
position: relative;
line-height: 1;
padding-bottom: 25px;
margin-bottom: 34px;
}
.rion-contact.style-01 .block-title::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 1px solid;
}
.rion-contact.style-01 .block-desc {
font-family: "Cormorant Garamond", sans-serif;
line-height: 1;
font-size: 50px;
color: #000;
max-width: 465px;
margin: 0 auto 70px;
}
.rion-contact.style-01 ul li {
list-style: none;
display: inline-block;
font-weight: 700;
letter-spacing: 0.2em;
color: #000000;
text-transform: uppercase;
}
.rion-contact.style-01 ul {
display: block;
overflow: hidden;
width: 100%;
padding: 0;
}
.rion-contact.style-01 ul li:first-child {
float: left;
}
.rion-contact.style-01 ul li:last-child {
float: right;
}
.rion-contact.style-02 .block-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 22px;
font-family: "Cormorant Garamond", sans-serif;
}
.rion-contact.style-02 .block-desc {
margin-bottom: 30px;
}
.rion-contact.style-02 ul {
padding-left: 0;
}
.rion-contact.style-02 ul > li {
list-style: none;
}
.rion-contact.style-02 ul > li > span {
color: #000000;
}
.rion-contact.style-02 ul > li > a:not(:hover) {
color: #979797;
}
@media (max-width: 1366px) {
.rion-contact.style-01 .contact-inner {
padding: 40px;
}
}
@media (max-width: 1199px) {
.rion-contact.style-01 .block-title {
font-size: 26px;
padding-bottom: 13px;
margin-bottom: 17px;
}
.rion-contact.style-01 .block-desc {
font-size: 40px;
margin-bottom: 35px;
}
}
@media (max-width: 767px) {
.rion-contact.style-01 {
padding: 10px;
}
.rion-contact.style-01 .contact-inner {
padding: 10px;
}
.rion-contact.style-01 .block-desc {
font-size: 22px;
margin-bottom: 15px;
}
.rion-contact.style-01 ul li {
font-size: 10px;
letter-spacing: 0.1em;
}
} .rion-demo.style-01 .demo-link img {
box-shadow: 0 2px 51px rgba(0, 0, 0, 0.08);
margin-bottom: 25px;
transition: 0.25s;
}
.rion-demo.style-01 .demo-inner:hover .demo-link img {
opacity: 0.5;
}
.rion-demo.style-01 .demo-content {
font-size: 11px;
line-height: 1;
letter-spacing: 0.3em;
font-weight: 700;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.rion-demo.style-01 .demo-link {
display: none;
}
} .tab-container {
position: relative;
}
.tab-container .tab-panel {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
opacity: 0;
visibility: hidden;
height: 1px;
overflow: hidden;
}
.tab-container .tab-panel.active {
opacity: 1;
visibility: visible;
position: static;
height: auto;
overflow: inherit;
}
.rion-tabs {
position: relative;
z-index: 1;
}
.rion-tabs.style-01 .tab-head {
text-align: center;
margin-bottom: 47px;
}
.rion-tabs.style-01 .tab-head .tab-title {
font-size: 50px;
line-height: 1;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 400;
max-width: 240px;
margin: 0 auto 33px;
}
.rion-tabs.style-01 .tab-head .tab-link,
.rion-tabs.style-02 .tab-head .tab-link {
padding-left: 0;
}
.rion-tabs.style-01 .tab-head .tab-link li {
display: inline-flex;
list-style: none;
margin-right: 11px;
}
.rion-tabs.style-01 .tab-head .tab-link li a {
min-width: 131px;
line-height: 39px;
justify-content: center;
align-items: center;
border: 1px solid;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.4em;
transition: 0.25s;
}
.rion-tabs.style-01 .tab-head .tab-link li:last-child {
margin-right: 0;
}
.rion-tabs.style-01 .tab-head .tab-link li a:hover,
.rion-tabs.style-01 .tab-head .tab-link li.active a {
background-color: #3f5ae5;
border-color: transparent;
color: #ffffff;
}
.rion-tabs.style-02 .tab-head {
text-align: center;
margin-bottom: 55px;
}
.rion-tabs.style-02 .tab-head .tab-link li {
display: inline-block;
list-style: none;
margin-right: 50px;
}
.rion-tabs.style-02 .tab-head .tab-link li:last-child {
margin-right: 0;
}
.rion-tabs.style-02 .tab-head .tab-link li > a {
font-size: 24px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 600;
letter-spacing: 0.1em;
position: relative;
padding-bottom: 7px;
color: #000000;
display: inline-block;
}
.rion-tabs.style-02 .tab-head .tab-link li a::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
transition: 0.5s;
border-bottom: 2px solid;
}
.rion-tabs.style-02 .tab-head .tab-link li.active a:before {
width: 100%;
}
.rion-tabs.style-02 .tab-head .tab-link li a:hover:before {
width: 100%;
}
@media (max-width: 1199px) {
.rion-tabs.style-02 .tab-head {
margin-bottom: 35px;
}
.rion-tabs.style-02 .tab-head .tab-link li {
margin-right: 30px;
}
}
@media (max-width: 767px) {
.rion-tabs.style-01 .tab-head {
margin-bottom: 25px;
}
.rion-tabs.style-01 .tab-head .tab-title {
font-size: 32px;
margin-bottom: 16px;
}
.rion-tabs.style-02 .tab-head {
margin-bottom: 25px;
}
.rion-tabs.style-02 .tab-head .tab-link li {
margin-right: 20px;
}
.rion-tabs.style-02 .tab-head .tab-link li > a {
font-size: 20px;
}
}  body.wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: #fff !important;
border-color: #dfdfdf !important;
}
body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
font-size: 26px;
padding: 28px 80px 28px 40px !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
color: #000000 !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #3f5ae5 !important;
}
body.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
right: 34px !important;
}
body.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
border-color: #000000 !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-controls-icon::after {
border-color: #666 !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: #fff !important;
border-color: #dfdfdf !important;
padding: 21px 34px 21px 40px !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel:not(:last-child) {
margin-bottom: 20px;
} body .vc_toggle_default .vc_toggle_title .vc_toggle_icon {
right: 0;
left: auto !important;
width: 12px !important;
height: 2px !important;
background: #000000;
border-color: #000000;
}
body .vc_toggle_default .vc_toggle_icon::before {
height: 12px !important;
width: 2px !important;
border-color: #000000;
}
body .vc_toggle_default .vc_toggle_icon::after {
height: 2px !important;
width: 12px !important;
background: #000000;
}
body .wpb-js-composer .vc_tta-style-classic .vc_tta-panel-heading .vc_tta-controls-icon::before {
border-color: #000000 !important;
}
body .vc_toggle_default .vc_toggle_title {
padding: 0 46px 0 0 !important;
}
body .vc_toggle_default .vc_toggle_title > h4 {
font-size: 20px;
}
body .vc_toggle_default.vc_toggle_active .vc_toggle_title > h4 {
color: #3f5ae5;
}
body .vc_toggle_default:not(:last-child) {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 18px;
}
body .vc_toggle_default .vc_toggle_content {
padding-left: 0 !important;
padding-right: 46px;
margin-bottom: 7px !important;
line-height: 28px;
}
body .vc_toggle_default .vc_toggle_content:last-child {
margin-bottom: 0;
}
body .vc_toggle_default .vc_toggle_content p:last-child {
margin-bottom: 0;
} .col-right h2 {
line-height: 24px;
font-size: 14px;
}
.rion-mapper .rion-pin .rion-popup-footer a:hover {
background: #3f5ae5 !important;
border-color: #3f5ae5 !important;
}
.mapper {
opacity: 1;
}
.mapper .csre-pin:hover {
z-index: 21;
}
.col-right .description p:last-child {
margin-bottom: 0;
}
@media (max-width: 1199px) {
.mapper-responsive .text__area {
font-size: 16px !important;
width: 120px !important;
height: 38px !important;
line-height: 38px !important;
}
}
@media (max-width: 1024px) {
.rion-mapper .rion-pin .rion-popup {
display: none !important;
}
} .rion-newsletter .newsletter-title,
.rion-newsletter .newsletter-description {
margin-top: 0;
}
.rion-newsletter .newsletter-form-wrap .submit-newsletter span {
position: relative;
}
.rion-newsletter .newsletter-form-wrap.processing .submit-newsletter span::before {
display: none;
}
.rion-newsletter .newsletter-form-wrap.processing .submit-newsletter span::after {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
content: "\f110";
display: inline-block;
line-height: 1;
font-size: 24px;
position: relative;
top: 2px;
}
.rion-newsletter .newsletter-form-wrap.processing .submit-newsletter span.text::after {
margin-left: 7px;
}
.rion-newsletter.style-01 .newsletter-inner,
.rion-newsletter.style-02 .newsletter-inner {
text-align: center;
}
.rion-newsletter.style-01 .newsletter-description {
font-family: "Cormorant Garamond", sans-serif;
font-size: 30px;
font-weight: 600;
letter-spacing: 0.2em;
color: #000000;
margin-bottom: 55px;
display: inline-block;
}
.rion-newsletter.style-01 .newsletter-form-wrap input {
width: 334px;
height: 40px;
line-height: 40px;
border: none;
border-bottom: 2px solid #000000;
padding-left: 0;
margin-right: 12px;
}
.rion-newsletter.style-01 .newsletter-form-wrap .btn-submit {
min-width: 105px;
height: 40px;
line-height: 40px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
}
.rion-newsletter.style-01 .newsletter-form-wrap.processing .btn-submit::after,
.rion-newsletter.style-02 .newsletter-form-wrap.processing .btn-submit::after,
.rion-newsletter.style-04 .newsletter-form-wrap.processing .btn-submit::after {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
content: "\f110";
display: inline-block;
font-size: 12px;
}
.rion-newsletter.style-03 .newsletter-form-wrap.processing .btn-submit i::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
content: "\f110";
display: inline-block;
font-size: 20px;
}
.rion-newsletter.style-01 .newsletter-form-wrap .btn-submit:hover,
.rion-newsletter.style-02 .newsletter-form-wrap .btn-submit:hover {
background-color: #3f5ae5;
}
.rion-newsletter.style-02 .newsletter-title {
font-size: 30px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 700;
line-height: 40px;
letter-spacing: 0.3em;
max-width: 250px;
margin: 0 auto 25px;
position: relative;
padding-top: 110px;
}
.rion-newsletter.style-02 .newsletter-title::before {
content: '';
position: absolute;
left: 50%;
top: 0;
width: 1px;
height: 74px;
background-color: #000000;
}
.rion-newsletter.style-02 .newsletter-description {
font-weight: 400;
color: #707070;
margin-bottom: 43px;
display: inline-block;
}
.rion-newsletter.style-02 .newsletter-form-wrap {
max-width: 690px;
margin: 0 auto;
position: relative;
}
.rion-newsletter.style-02 .newsletter-form-wrap input {
width: 100%;
height: 62px;
line-height: 62px;
padding-left: 20px;
padding-right: 150px;
background-color: #ffffff;
border: none;
}
.rion-newsletter.style-02 .newsletter-form-wrap .btn-submit {
min-width: 139px;
height: 62px;
line-height: 62px;
position: absolute;
right: 0;
top: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
}
.rion-newsletter.style-03 .newsletter-inner {
background-color: #322c29;
padding-top: 99px;
padding-bottom: 113px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
position: relative;
z-index: 1;
}
.rion-newsletter.style-03 .newsletter-title {
font-family: "Cormorant Garamond", sans-serif;
font-size: 30px;
color: #ffffff;
letter-spacing: 0.2em;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
}
.rion-newsletter.style-03 .newsletter-description {
color: #707070;
margin-bottom: 40px;
display: inline-block;
}
.rion-newsletter.style-03 .newsletter-form-wrap {
max-width: 450px;
margin: 0 auto;
position: relative;
}
.rion-newsletter.style-03 .newsletter-form-wrap input {
width: 100%;
color: #ffffff;
border: none;
border-bottom: 2px solid;
height: 45px;
line-height: 45px;
padding-left: 0;
padding-right: 45px;
}
.rion-newsletter.style-03 .newsletter-form-wrap .btn-submit {
background-color: transparent;
font-size: 30px;
position: absolute;
right: 0;
bottom: -7px;
padding: 0;
}
.rion-newsletter.style-04 .newsletter-inner {
border: 2px solid;
padding: 60px 15px 94px;
text-align: center;
}
.rion-newsletter.style-04 .newsletter-title {
font-size: 30px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 700;
letter-spacing: 0.3em;
line-height: 40px;
max-width: 360px;
margin: 0 auto 27px;
}
.rion-newsletter.style-04 .newsletter-description {
margin-bottom: 42px;
display: inline-block;
}
.rion-newsletter.style-04 .newsletter-form-wrap {
max-width: 690px;
margin: 0 auto;
position: relative;
}
.rion-newsletter.style-04 .newsletter-form-wrap input {
width: 100%;
height: 62px;
line-height: 62px;
padding-right: 155px;
}
.rion-newsletter.style-04 .newsletter-form-wrap .btn-submit {
min-width: 139px;
height: 62px;
line-height: 62px;
position: absolute;
top: 0;
right: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.3em;
}
.rion-newsletter.style-04 .newsletter-form-wrap .btn-submit:hover {
background-color: #3f5ae5;
}
@media (max-width: 1366px) {
.rion-newsletter.style-02 .newsletter-title {
padding-top: 90px;
}
}
@media (max-width: 1199px) {
.rion-newsletter.style-01 .newsletter-description {
margin-bottom: 35px;
}
.rion-newsletter.style-02 .newsletter-title {
margin-bottom: 15px;
}
.rion-newsletter.style-02 .newsletter-description {
margin-bottom: 30px;
}
.rion-newsletter.style-03 .newsletter-inner {
padding: 80px 15px;
}
.rion-newsletter.style-03 .newsletter-description {
margin-bottom: 26px;
}
.rion-newsletter.style-04 .newsletter-title {
margin-bottom: 13px;
}
.rion-newsletter.style-04 .newsletter-description {
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.rion-newsletter.style-01 .newsletter-description {
margin-bottom: 15px;
font-size: 24px;
letter-spacing: 0.1em;
}
}
@media (max-width: 767px) {
.rion-newsletter.style-01 .newsletter-form-wrap input {
margin-bottom: 20px;
}
.rion-newsletter.style-02 .newsletter-form-wrap input,
.rion-newsletter.style-02 .newsletter-form-wrap .btn-submit {
height: 50px;
line-height: 50px;
}
.rion-newsletter.style-02 .newsletter-title {
font-size: 26px;
line-height: 30px;
letter-spacing: 0.2em;
}
.rion-newsletter.style-03 .newsletter-title {
font-size: 24px;
letter-spacing: 0.1em;
line-height: 1.2;
margin-bottom: 10px;
}
.rion-newsletter.style-03 .newsletter-description {
margin-bottom: 15px;
}
.rion-newsletter.style-03 .newsletter-inner {
padding: 40px 15px;
}
.rion-newsletter.style-03 .newsletter-form-wrap .btn-submit {
font-size: 20px;
}
.rion-newsletter.style-04 .newsletter-inner {
padding: 30px 15px;
}
.rion-newsletter.style-04 .newsletter-title {
font-size: 24px;
letter-spacing: 0.2em;
line-height: 30px;
max-width: 250px;
}
.rion-newsletter.style-04 .newsletter-form-wrap input {
height: 50px;
line-height: 50px;
padding: 0 15px;
margin-bottom: 20px;
}
.rion-newsletter.style-04 .newsletter-form-wrap .btn-submit {
position: static;
height: 50px;
line-height: 50px;
}
} .rion-container {
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
width: 1840px;
}
.rion-container::before,
.rion-container::after {
content: '';
display: table;
}
.rion-container::after {
clear: both;
}
.rion-container-inner {
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
width: 1630px;
}
.rion-container-inner::before,
.rion-container-inner::after {
content: '';
display: table;
}
.rion-container-inner::after {
clear: both;
} .rion-banner {
position: relative;
}
.rion-banner .banner-thumb {
overflow: hidden;
}
.rion-banner .banner-info .button {
overflow: hidden;
position: relative;
}
.rion-banner .banner-thumb img {
transition: 0.5s;
}
.rion-banner.style-01.center .banner-inner {
text-align: center;
}
.rion-banner.style-01.right .banner-inner {
text-align: right;
}
.rion-banner.style-01 .banner-thumb {
margin-bottom: 39px;
display: inline-block;
}
.rion-banner.style-01 .banner-thumb:hover img {
transform: scale(1.05);
}
.rion-banner.style-01 .heading {
font-size: 50px;
font-family: "Cormorant Garamond", sans-serif;
position: relative;
margin: 0;
padding-bottom: 90px;
}
.rion-banner.style-01 .heading::before {
content: '';
height: 130px;
width: 1px;
background-color: #000000;
left: 50%;
bottom: -65px;
position: absolute;
z-index: 1;
}
.rion-banner.style-01 .title {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.4em;
text-transform: uppercase;
margin-top: 0;
color: #868686;
margin-bottom: 9px;
}
.rion-banner.style-01 .bigtitle {
font-family: "Cormorant Garamond", sans-serif;
font-size: 34px;
margin: 0;
}
.rion-banner.style-02 {
background-color: #000000;
}
.rion-banner.style-02 .banner-info-inner {
text-align: center;
padding: 40px 15px 55px;
}
.rion-banner.style-02 .bigtitle {
margin: 0;
font-size: 22px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 16px;
}
.rion-banner.style-02 .bigtitle a {
color: #ffffff;
}
.rion-banner.style-02 .subtitle {
margin: 0;
color: #ffffff;
font-weight: 700;
letter-spacing: 0.4em;
font-size: 12px;
text-transform: uppercase;
}
.rion-banner.style-02 .banner-thumb {
position: relative;
}
.rion-banner.style-02 .banner-thumb:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.rion-banner.style-02 .banner-thumb:hover:before {
opacity: 1;
visibility: visible;
}
.rion-banner.style-02 .banner-thumb .button {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
color: #ffffff;
text-transform: uppercase;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
display: inline-block;
overflow: hidden;
padding-bottom: 5px;
opacity: 1;
visibility: hidden;
transition: 0.5s;
}
.rion-banner.style-02 .banner-thumb:hover .button {
opacity: 1;
visibility: visible;
bottom: 58px;
}
.rion-banner.style-02 .banner-thumb .button::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
border-bottom: 2px solid;
width: 100%;
}
.rion-banner.style-02 .banner-thumb .button:hover::before {
-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}
.rion-banner.style-03 .banner-inner {
position: relative;
}
.rion-banner.style-03 .banner-info {
position: absolute;
left: 50%;
top: 57%;
transform: translateX(-50%);
}
.rion-banner.style-03 .bigtitle {
margin: 0;
}
.rion-banner.style-03 .bigtitle a {
background-color: #ffffff;
min-width: 184px;
height: 48px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.rion-banner.style-03 .bigtitle a:hover {
background-color: #3f5ae5;
color: #ffffff;
}
.rion-banner.style-04 .banner-info {
padding-left: 26%;
}
.rion-banner.style-05 .banner-info {
padding-left: 120px;
max-width: 750px;
}
.rion-banner.style-05 .banner-inner {
display: inline-block;
text-align: left;
}
.rion-banner.style-05 {
text-align: right;
}
.rion-banner.style-04 .banner-thumb,
.rion-banner.style-05 .banner-thumb {
margin-bottom: 55px;
}
.rion-banner.style-04 .bigtitle,
.rion-banner.style-05 .bigtitle {
font-size: 40px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 500;
letter-spacing: 0.2em;
margin-top: 0;
margin-bottom: 25px;
}
.rion-banner.style-04 .desc,
.rion-banner.style-05 .desc {
color: #707070;
margin-bottom: 40px;
}
.rion-banner.style-04 .button,
.rion-banner.style-05 .button {
min-width: 184px;
height: 48px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
border: 1px solid;
}
.rion-banner.style-06 .banner-inner {
position: relative;
}
.rion-banner.style-06 .banner-thumb img {
width: 100%;
}
.rion-banner.style-06 .banner-info {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.rion-banner.style-06 .bigtitle {
margin: 0;
}
.rion-banner.style-06 .bigtitle a {
min-width: 368px;
height: 94px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 600;
font-size: 30px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.rion-banner.style-06 .bigtitle a:hover,
.rion-banner.style-07 .button:hover,
.rion-banner.style-08 .button:hover {
background-color: #3f5ae5;
color: #ffffff;
}
.rion-banner.style-07 .banner-inner,
.rion-banner.style-08 .banner-inner {
position: relative;
overflow: hidden;
}
.rion-banner.style-07 .banner-info {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
right: 0;
}
.rion-banner.style-07 .banner-thumb {
float: right;
width: 50%;
}
.rion-banner.style-08 .banner-info {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
left: 0;
}
.rion-banner.style-08 .banner-info-inner {
margin-left: 58.333%;
}
.rion-banner.style-08 .banner-thumb {
float: left;
width: 50%;
}
.rion-banner.style-07 .bigtitle,
.rion-banner.style-08 .bigtitle {
font-family: "Cormorant Garamond", sans-serif;
font-weight: 500;
font-size: 40px;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 28px;
}
.rion-banner.style-07 .banner-info-inner {
width: 50%;
}
.rion-banner.style-07 .desc,
.rion-banner.style-08 .desc {
margin-bottom: 50px;
display: inline-block;
}
.rion-banner.style-07 .button,
.rion-banner.style-08 .button {
min-width: 184px;
height: 48px;
background-color: #000000;
color: #ffffff;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.rion-banner.style-09 .banner-thumb:hover img {
transform: scale(1.05);
}
.rion-banner.style-09 .banner-info {
position: absolute;
left: 60px;
bottom: 66px;
}
.rion-banner.style-09 .title {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
margin-top: 0;
color: #ffffff;
margin-bottom: 10px;
}
.rion-banner.style-09 .bigtitle {
font-size: 30px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 600;
letter-spacing: 0.1em;
margin-top: 0;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 10px;
}
.rion-banner.style-09 .button {
font-size: 14px;
font-weight: 700;
position: relative;
display: inline-block;
overflow: hidden;
padding-bottom: 5px;
color: #ffffff;
}
.rion-banner.style-09 .button::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
border-bottom: 2px solid;
width: 100%;
}
.rion-banner.style-09 .button:hover::before {
-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}
.rion-banner.style-10 .banner-info {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
padding: 0 10px;
}
.rion-banner.style-10 .title {
font-size: 20px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 700;
letter-spacing: 0.1em;
margin-top: 0;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 8px;
}
.rion-banner.style-10 .bigtitle {
font-size: 60px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 500;
margin-top: 0;
color: #ffffff;
text-transform: uppercase;
}
.rion-banner.style-10 .desc {
font-size: 24px;
font-family: "Cormorant Garamond", sans-serif;
color: #ffffff;
margin-bottom: 55px;
}
.rion-banner.style-10 .button {
min-width: 185px;
height: 48px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
background-color: #000000;
color: #ffffff;
}
.rion-banner.style-10 .button:hover {
background-color: #3f5ae5;
}
.rion-banner.style-11 .banner-thumb img {
width: 100%;
}
.rion-banner.style-11 .banner-info {
position: absolute;
left: 50%;
bottom: 58px;
transform: translateX(-50%);
}
.rion-banner.style-11 .bigtitle {
margin: 0;
}
.rion-banner.style-11 .bigtitle a {
min-width: 269px;
height: 67px;
color: #ffffff;
font-family: "Cormorant Garamond", sans-serif;
font-size: 30px;
letter-spacing: 0.2em;
border: 2px solid;
display: inline-flex;
justify-content: center;
align-items: center;
}
.rion-banner.style-11 .bigtitle a:hover {
background-color: #3f5ae5;
border-color: #3f5ae5;
}
@media (max-width: 1366px) {
.rion-banner.style-04 .banner-thumb,
.rion-banner.style-05 .banner-thumb {
margin-bottom: 40px;
}
.rion-banner.style-04 .banner-info,
.rion-banner.style-05 .banner-info {
padding-left: 60px;
}
.rion-banner.style-04 .bigtitle,
.rion-banner.style-05 .bigtitle {
font-size: 30px;
margin-bottom: 10px;
letter-spacing: 0.1em;
}
.rion-banner.style-04 .desc,
.rion-banner.style-05 .desc {
margin-bottom: 20px;
}
.rion-banner.style-06 .bigtitle a {
min-width: 300px;
height: 74px;
font-size: 26px;
}
.rion-banner.style-07 .bigtitle,
.rion-banner.style-08 .bigtitle {
font-size: 36px;
margin-bottom: 14px;
}
.rion-banner.style-07 .desc,
.rion-banner.style-08 .desc {
margin-bottom: 25px;
}
}
@media (max-width: 1199px) {
.rion-banner.style-02 .banner-info-inner {
padding: 20px 15px 28px;
}
.rion-banner.style-02 .bigtitle {
font-size: 20px;
letter-spacing: 0.1em;
}
.rion-banner.style-06 .bigtitle a {
min-width: 220px;
height: 60px;
font-size: 18px;
}
.rion-banner.style-10 .title {
font-size: 16px;
}
.rion-banner.style-10 .bigtitle {
font-size: 48px;
margin-bottom: 16px;
}
.rion-banner.style-10 .desc {
font-size: 22px;
margin-bottom: 30px;
}
.rion-banner.style-09 .banner-info {
left: 40px;
bottom: 25px;
}
.rion-banner.style-11 .bigtitle a {
min-width: 180px;
height: 48px;
font-size: 18px;
letter-spacing: 0.1em;
}
}
@media (max-width: 1024px) {
.rion-banner.style-02 .banner-thumb .button {
opacity: 1;
visibility: visible;
bottom: 40px;
}
.rion-banner.style-02 .banner-thumb:hover .button {
bottom: 40px;
}
.rion-banner.style-02 .banner-thumb:before {
opacity: 1;
visibility: visible;
}
}
@media (max-width: 991px) {
.rion-banner.style-01 .bigtitle {
font-size: 26px;
}
.rion-banner.style-09 .title {
letter-spacing: 0.2em;
margin-bottom: 5px;
}
.rion-banner.style-09 .bigtitle {
font-size: 26px;
margin-bottom: 5px;
}
.rion-banner .banner-thumb img {
width: 100%;
}
}
@media (max-width: 767px) {
.rion-banner.style-01 .banner-inner {
text-align: center !important;
}
.rion-banner.style-01 .banner-thumb {
margin-bottom: 29px;
}
.rion-banner.style-01 .title {
letter-spacing: 0.2em;
}
.rion-banner.style-01 .bigtitle {
font-size: 28px;
}
.rion-banner.style-01 .heading {
font-size: 40px;
padding-bottom: 50px;
}
.rion-banner.style-01 .heading::before { height: 80px;
}
.rion-banner.style-04 .banner-thumb,
.rion-banner.style-05 .banner-thumb {
margin-bottom: 20px;
}
.rion-banner.style-04 .banner-info,
.rion-banner.style-05 .banner-info {
padding: 0;
}
.rion-banner.style-07 .banner-thumb,
.rion-banner.style-08 .banner-thumb {
width: 100%;
float: none;
}
.rion-banner.style-07 .banner-info,
.rion-banner.style-08 .banner-info {
width: 100%;
float: none;
position: static;
transform: none;
padding-top: 30px;
padding-bottom: 30px;
}
.rion-banner.style-07 .banner-info-inner,
.rion-banner.style-08 .banner-info-inner {
width: 100%;
margin: 0;
}
.rion-banner.style-07 .bigtitle,
.rion-banner.style-08 .bigtitle {
font-size: 26px;
margin-bottom: 7px;
}
.rion-banner.style-07 .desc,
.rion-banner.style-08 .desc {
margin-bottom: 12px;
}
.rion-banner.style-10 .banner-thumb img {
min-height: 300px;
object-fit: cover;
}
.rion-banner.style-10 .bigtitle {
font-size: 28px;
}
.rion-banner.style-10 .desc {
font-size: 18px;
margin-bottom: 10px;
}
.rion-banner.style-03 .bigtitle a,
.rion-banner.style-04 .button,
.rion-banner.style-05 .button,
.rion-banner.style-07 .button,
.rion-banner.style-08 .button,
.rion-banner.style-10 .button {
min-width: 150px;
height: 40px;
font-size: 11px;
letter-spacing: 0.1em;
}
} .rion-video .video-wrap {
position: relative;
padding-top: 56.25%;
}
.rion-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .rion-testimonial .rating {
white-space: nowrap;
line-height: 100%;
display: inline-block;
font-size: 0;
position: relative;
overflow: hidden;
width: 100px;
letter-spacing: 7px;
}
.rion-testimonial .rating::before,
.rion-testimonial .rating span::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
font-size: 15px;
line-height: 22px;
}
.rion-testimonial .rating::before {
content: "\f005\f005\f005\f005\f005";
color: #adadad;
}
.rion-testimonial .rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
line-height: 100%;
}
.rion-testimonial .rating span::before {
content: "\f005\f005\f005\f005\f005";
color: #f5a826;
}
.rion-testimonial .rating.rating-1 span {
width: 20%;
}
.rion-testimonial .rating.rating-2 span {
width: 40%;
}
.rion-testimonial .rating.rating-3 span {
width: 60%;
}
.rion-testimonial .rating.rating-4 span {
width: 80%;
}
.rion-testimonial .rating.rating-5 span {
width: 100%;
}
.rion-testimonial.style-01 .testimonial-inner {
text-align: center;
}
.rion-testimonial.style-01 .content {
font-family: "Cormorant Garamond", sans-serif;
font-size: 32px;
line-height: 45px;
margin: 0 auto 45px;
max-width: 1080px;
}
.rion-testimonial.style-01 .name {
font-weight: 700;
letter-spacing: 0.4em;
font-size: 14px;
margin: 0;
}
.rion-testimonial.style-02 .rating {
margin-bottom: 15px;
}
.rion-testimonial.style-02 .content {
font-size: 24px;
line-height: 36px;
font-style: italic;
font-family: "Cormorant Garamond", sans-serif;
margin-bottom: 40px;
}
.rion-testimonial.style-02 .thumb {
display: inline-block;
vertical-align: middle;
margin-right: 14px;
}
.rion-testimonial.style-02 .thumb img {
border-radius: 50%;
}
.rion-testimonial.style-02 .testimonial-intro {
display: inline-block;
vertical-align: middle;
}
.rion-testimonial.style-02 .testimonial-intro .name {
margin-top: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
margin-bottom: 0;
text-transform: uppercase;
}
.rion-testimonial.style-02 .testimonial-intro .position {
color: #707070;
font-size: 14px;
}
.rion-testimonial.style-02 .testimonial-inner {
padding: 40px 48px;
background-color: #ffffff;
position: relative;
}
.rion-testimonial.style-02 .testimonial-inner::before {
content: url(//farinelli.es/wp-content/themes/rion/assets/images/quote.png);
position: absolute;
right: 55px;
bottom: 55px;
}
@media (max-width: 1199px) {
.rion-testimonial.style-01 .content {
font-size: 22px;
line-height: 32px;
margin: 0 auto 15px;
}
.rion-testimonial.style-02 .testimonial-inner::before {
right: 20px;
bottom: 20px;
}
}
@media (max-width: 767px) {
.rion-testimonial.style-01 .content {
font-size: 18px;
}
.rion-testimonial.style-02 .testimonial-inner {
padding: 20px 24px;
}
.rion-testimonial.style-02 .rating {
margin-bottom: 0;
}
.rion-testimonial.style-02 .content {
margin-bottom: 20px;
font-size: 18px;
}
} .rion-iconbox.style-01 .iconbox-inner {
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
}
.rion-iconbox.style-01 .icon {
font-size: 80px;
color: #d7d7d7;
margin-bottom: 35px;
}
.rion-iconbox.style-01 .icon img {
margin: 0 auto;
}
.rion-iconbox.style-01 .content .title {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.2em;
margin: 0;
text-transform: uppercase;
}
@media (max-width: 991px) {
.rion-iconbox.style-01 .iconbox-inner {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.rion-iconbox.style-01 .icon {
font-size: 60px;
margin-bottom: 20px;
}
.rion-iconbox.style-01 .content .title {
font-size: 13px;
letter-spacing: 0.1em;
}
} .products {
list-style: none;
}
ul.products {
padding-left: 0;
}
.rion-products ul.products::before,
.rion-products ul.products::after {
content: '';
display: table;
}
.rion-products ul.products::after {
clear: both;
}
.rion-products.no-star .rating-wapper {
display: none;
}
.rion-products.no-new .onnew {
display: none;
}
.rion-products.style-1 .product-heading {
font-family: "Cormorant Garamond", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: 0.3em;
margin-top: 0;
margin-bottom: 70px;
text-align: center;
}
.rion-products .drag-text {
width: 140px;
height: 140px;
background-color: #f0dcdc;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
pointer-events: none;
color: #000;
-webkit-transition: opacity 0.25s ease 0s;
-moz-transition: opacity 0.25s ease 0s;
-o-transition: opacity 0.25s ease 0s;
transition: opacity 0.25s ease 0s;
}
.rion-products .owl-carousel:hover + .drag-text {
opacity: 0;
}
.rion-products .drag-text span {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
line-height: 1;
position: relative;
padding-bottom: 12px;
}
.rion-products .drag-text span::before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 65px;
border: 1px solid;
transform: translateX(-50%);
}
.rion-products.style-2 .product-heading {
font-family: "Cormorant Garamond", sans-serif;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.2em;
margin-top: 0;
text-align: center;
margin-bottom: 55px;
}
@media (max-width: 1366px) {
.rion-products.style-1 .product-heading {
margin-bottom: 70px;
}
}
@media (max-width: 1199px) {
.rion-products.style-1 .product-heading {
margin-bottom: 35px;
font-size: 24px;
letter-spacing: 0.2em;
}
.rion-products.style-2 .product-heading {
margin-bottom: 35px;
}
.rion-products .drag-text {
display: none;
}
}
@media (max-width: 767px) {
.rion-products.style-1 .product-heading {
margin-bottom: 25px;
font-size: 22px;
letter-spacing: 0.1em;
}
.rion-products.style-2 .product-heading {
margin-bottom: 25px;
letter-spacing: 0.1em;
}
} .ziss-row::before,
.ziss-row::after {
content: '';
display: table;
}
.ziss-row::after {
clear: both;
}
.ziss-shop-wrap {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ziss-row {
margin-left: -10px !important;
margin-right: -10px !important;
}
.ziss-row .ziss-item {
padding-left: 10px !important;
padding-right: 10px !important;
margin-bottom: 20px !important;
}
.rion-instagramshopwrap:not(.style-06) .ziss-row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.rion-instagramshopwrap:not(.style-06) .ziss-row .ziss-item {
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 0 !important;
}
.ziss-shop-wrap .ziss-cart-icon,
.ziss-shop-wrap .hotspot-num {
display: none;
}
.ziss-shop-wrap .ziss-item-inner {
position: relative;
cursor: pointer;
}
.ziss-shop-wrap .ziss-item-inner::before {
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
background-color: #000;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
z-index: 1;
pointer-events: none;
}
.ziss-shop-wrap .ziss-item-inner:hover::before {
opacity: 0.6;
visibility: visible;
}
.ziss-shop-wrap .ziss-figure-wrap .pin-text {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
z-index: 9;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.ziss-shop-wrap .ziss-figure-wrap .pin-text::before {
content: "\f120";
font-family: 'flaticon', sans-serif;
font-size: 34px;
font-weight: normal;
color: #fff;
z-index: 1;
padding-bottom: 12px;
pointer-events: none;
display: block;
}
.ziss-shop-wrap .ziss-item-inner.no-products-pin::after {
content: "\f120";
font-family: 'flaticon', sans-serif;
font-size: 34px;
font-weight: normal;
color: #fff;
padding-bottom: 12px;
pointer-events: none;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: 9;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.ziss-shop-wrap .ziss-item-inner.no-products-pin:hover::after,
.ziss-shop-wrap .ziss-figure-wrap:hover .pin-text {
opacity: 1;
visibility: visible;
} .ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-popup-body-right {
padding-top: 40px !important;
margin: 0;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-popup-body-left {
z-index: 2;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content)::before {
content: '';
height: 35px;
left: 0;
top: 20px;
right: 0;
background-color: #fff;
pointer-events: none;
position: absolute;
z-index: 2;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-product-title {
margin-bottom: 5px !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-product-title a {
font-size: 16px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-price-wrap {
float: none !important;
font-size: 14px !important;
font-weight: 500;
margin-bottom: 5px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-price-wrap ins {
text-decoration: none;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-rating-wrap {
float: none !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .add_to_cart_button {
font-weight: 600;
}
.ziss-popup-wrap .add_to_cart_button::before,
.ziss-popup-wrap .product_type_simple.add_to_cart_button::before {
margin-right: 5px;
}
body .ziss-popup-backdrop {
bottom: -5px !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-content {
overflow-y: auto;
max-height: 80vh;
position: relative;
}
div.ziss-item .ziss-figure {
background-size: calc(100% + 2px);
}
.ziss-handle {
border-radius: 0 !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-nav {
z-index: 3 !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup {
color: #000000 !important;
top: 0 !important;
z-index: 3 !important;
right: 7px !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup > i {
font-size: 0;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup:before,
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::after {
border-bottom: 2px solid;
content: "";
position: absolute;
left: 12px;
top: 19px;
width: 17px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (min-width: 992px) {
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body.ziss-right-no-content .ziss-popup-body-left,
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) {
padding: 20px;
background-color: #fff;
position: relative;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup i {
font-size: 0;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) .ziss-close-popup {
right: 10px;
top: 10px;
color: #000;
z-index: 2;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::before,
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::after {
border-bottom: 2px solid;
content: "";
left: 7px;
position: absolute;
top: 19px;
width: 26px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) ~ .ziss-popup-nav {
top: 3px;
margin-top: 0;
color: #000;
z-index: 2;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body.ziss-right-no-content ~ .ziss-popup-nav:hover,
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) ~ .ziss-popup-nav:hover {
color: #3f5ae5;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-nav i {
font-size: 30px !important;
line-height: 50px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) ~ .ziss-popup-nav.ziss-popup-nav-prev {
left: 60%;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) ~ .ziss-popup-nav.ziss-popup-nav-next {
right: auto;
left: 60%;
margin-left: 50px;
}
}
@media (max-width: 991px) {
.ziss-popup-wrap .ziss-popup-inner {
margin-top: 80px !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-nav {
line-height: 46px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-popup-body-left {
margin-left: 0 !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-popup-body-right {
padding-top: 25px !important;
}
} .rion-instagramshopwrap .slick-arrow.fa {
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color: #ffffff;
font-size: 33px;
border-radius: 50%;
position: absolute;
top: calc(50% - 50px);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99;
color: #000000;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.09);
opacity: 0;
visibility: hidden;
transition: 0.7s;
}
.rion-instagramshopwrap .slick-arrow.fa-angle-left {
left: -28px;
}
.rion-instagramshopwrap .slick-arrow.fa-angle-right {
right: -28px;
}
.rion-instagramshopwrap:hover .slick-arrow.fa {
opacity: 1;
visibility: visible;
}
.rion-instagramshopwrap.style-01 .block-title {
font-family: "Cormorant Garamond", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: 0.3em;
margin-top: 0;
margin-bottom: 9px;
}
.rion-instagramshopwrap.style-01 .block-desc {
color: #707070;
display: inline-block;
margin-bottom: 50px;
}
@media (max-width: 1199px) {
.rion-instagramshopwrap.style-01 .block-title {
font-size: 24px;
letter-spacing: 0.2em;
}
.rion-instagramshopwrap.style-01 .block-desc {
margin-bottom: 30px;
}
}
@media (max-width: 1199px) {
.rion-instagramshopwrap.style-01 .block-title {
font-size: 22px;
letter-spacing: 0.1em;
margin-bottom: 5PX;
}
.rion-instagramshopwrap.style-01 .block-desc {
margin-bottom: 20px;
}
} .rion-instagram .item {
position: relative;
text-align: center;
display: block;
}
.rion-instagram .item::before {
background: rgba(0, 0, 0, 0.65);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
opacity: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.rion-instagram .item:hover::before {
opacity: 1;
visibility: visible;
}
.rion-instagram .instagram-info {
color: #fff;
display: block;
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 2;
-webkit-transform: translateY(-50%) scale(0.4);
-moz-transform: translateY(-50%) scale(0.4);
-ms-transform: translateY(-50%) scale(0.4);
-o-transform: translateY(-50%) scale(0.4);
transform: translateY(-50%) scale(0.4);
-webkit-transition: opacity 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s;
transition: opacity 0.4s ease 0s;
}
.rion-instagram .item:hover .instagram-info {
opacity: 1;
visibility: visible;
white-space: nowrap;
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.rion-instagram .social-wrap {
display: block;
}
.rion-instagram .social-info {
font-size: 14px;
display: inline-block;
}
.rion-instagram .social-info:not(:last-child)::after {
content: '|';
padding: 0 7px 0 10px;
font-size: 16px;
vertical-align: top;
}
.rion-instagram .social-info i {
font-size: 18px;
padding-left: 4px;
vertical-align: text-bottom;
} .rion-instagram-sc .item {
position: relative;
}
.rion-instagram-sc .item a {
position: relative;
overflow: hidden;
display: block;
}
.rion-instagram-sc .item a::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: #000000;
opacity: 0;
transition: opacity 0.5s;
}
.rion-instagram-sc .item:hover a::before {
opacity: 0.6;
transition: opacity 0.5s;
}
.rion-instagram-sc .info-img {
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
left: 0;
right: 0;
color: #ffffff;
opacity: 0;
text-align: center;
}
.rion-instagram-sc .item:hover .info-img {
opacity: 1;
}
.rion-instagram-sc .info-img .social-info {
font-size: 15px;
}
.rion-instagram-sc .info-img .social-info i {
padding-right: 5px;
}
.rion-instagram-sc .info-img .social-info:last-child i {
margin-left: 10px;
}
.rion-instagram-sc.style-01 .instagram-inner {
text-align: center;
position: relative;
}
.rion-instagram-sc.style-01 .owl-carousel .owl-nav > * {
width: 38px;
height: 38px;
line-height: 38px;
display: inline-block;
background: #000000 !important;
color: #ffffff !important;
font-size: 10px !important;
z-index: 999999;
}
.rion-instagram-sc.style-01 .owl-carousel .owl-nav .owl-next {
right: -19px;
}
.rion-instagram-sc.style-01 .owl-carousel .owl-nav .owl-prev {
left: -19px;
}
.rion-instagram-sc.style-01 .icon {
margin-bottom: 35px;
}
.rion-instagram-sc.style-01 .block-title {
font-size: 50px;
font-weight: 400;
margin-top: 0;
font-family: "Cormorant Garamond", sans-serif;
}
.rion-instagram-sc.style-01 .block-desc {
font-weight: 600;
color: #707070;
margin-bottom: 62px;
}
.rion-instagram-sc.style-02 .block-title,
.rion-instagram-sc.style-04 .block-title {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
position: relative;
padding-bottom: 18px;
margin-bottom: 32px;
margin-top: 0;
}
.rion-instagram-sc.style-04 .block-title {
color: #ffffff;
}
.rion-instagram-sc.style-02 .block-title::before,
.rion-instagram-sc.style-04 .block-title::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 45px;
border-bottom: 1px solid;
}
.rion-instagram-sc.style-03 .instagram-inner {
text-align: center;
}
.rion-instagram-sc.style-03 .icon {
width: 122px;
height: 122px;
background-color: #fcc1c1;
font-size: 38px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #000000;
border-radius: 50%;
margin-bottom: 40px;
position: relative;
}
.rion-instagram-sc.style-03 .icon::before {
content: '';
position: absolute;
left: -1000px;
top: 50%;
border: 1px solid #e6e6e6;
width: 2500px;
z-index: -1;
}
.rion-instagram-sc.style-03 .block-desc {
font-size: 50px;
line-height: 1;
font-family: "Cormorant Garamond", sans-serif;
color: #000;
max-width: 860px;
margin: 0 auto 70px;
}
@media (max-width: 1199px) {
.rion-instagram-sc.style-03 .icon {
width: 100px;
height: 100px;
font-size: 32px;
margin-bottom: 25px;
}
.rion-instagram-sc.style-03 .block-desc {
font-size: 34px;
max-width: 600px;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.rion-instagram-sc.style-01 .icon {
margin-bottom: 15px;
}
.rion-instagram-sc.style-01 .block-title {
font-size: 40px;
margin-bottom: 10px;
}
.rion-instagram-sc.style-01 .block-desc {
margin-bottom: 30px;
}
.rion-instagram-sc.style-03 .block-desc {
font-size: 24px;
margin-bottom: 20px;
padding: 0 10px;
}
.rion-instagram-sc.style-02 .block-title,
.rion-instagram-sc.style-04 .block-title {
padding-bottom: 10px;
margin-bottom: 20px;
}
} .rion-custommenu .menu {
padding: 0;
}
.rion-custommenu .menu .menu-item {
list-style: none;
}
.rion-custommenu .title {
margin-top: 0;
}
.rion-custommenu.style-01 .title,
.rion-custommenu.style-03 .title {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
position: relative;
padding-bottom: 18px;
margin-bottom: 20px;
}
.rion-custommenu.style-03 .title {
color: #ffffff;
}
.rion-custommenu.style-01 .title::before,
.rion-custommenu.style-03 .title::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 45px;
border-bottom: 1px solid;
}
.rion-custommenu.style-01 .menu .menu-item,
.rion-custommenu.style-03 .menu .menu-item {
font-size: 14px;
line-height: 34px;
}
.rion-custommenu.style-03 .menu .menu-item a:not(:hover) {
color: #868686;
}
.footer.style-03 .rion-custommenu.style-02 .menu {
text-align: center;
}
.rion-custommenu.style-02 .menu .menu-item {
display: inline-block;
font-weight: 700;
font-size: 11px;
letter-spacing: 0.4em;
margin-right: 30px;
text-transform: uppercase;
}
.rion-custommenu.style-02 .menu .menu-item:last-child {
margin-right: 0;
}
@media (max-width: 1366px) {
.rion-custommenu.style-02 .menu .menu-item {
letter-spacing: 0.2em;
margin-right: 20px;
}
}
@media (max-width: 1199px) {
.rion-custommenu.style-02 .menu .menu-item {
margin-right: 15px;
}
}
@media (max-width: 991px) {
.rion-custommenu.style-02 .menu .menu-item {
letter-spacing: 0.1em;
}
}
@media (max-width: 767px) {
.rion-custommenu.style-02 .menu {
text-align: center;
}
.rion-custommenu.style-01 .title,
.rion-custommenu.style-03 .title {
padding-bottom: 10px;
margin-bottom: 10px;
}
} .rion-socials.style-01 .socials-inner {
text-align: center;
}
.rion-socials.style-01 .social-item {
width: 46px;
height: 46px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #ececec;
margin-right: 12px;
border-radius: 50%;
}
.rion-socials.style-01 .social-item:hover {
background-color: #3f5ae5;
color: #ffffff;
}
.rion-socials.style-01 .social-item:last-child,
.rion-socials.style-02 .social-item:last-child,
.rion-socials.style-03 .social-item:last-child {
margin-right: 0;
}
.rion-socials.style-02 .social-item,
.rion-socials.style-03 .social-item {
margin-right: 25px;
}
.rion-socials.style-03 .social-item {
color: #ffffff;
}
.footer.style-03 .rion-socials.style-02 .socials-inner {
text-align: right;
}
@media (max-width: 767px) {
.footer.style-02 .rion-socials.style-02 .socials-inner,
.footer.style-03 .rion-socials.style-02 .socials-inner {
text-align: center;
}
} .style-01 .title-inner {
text-align: center;
}
.rion-title.style-01 .block-title {
margin-top: 0;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.4em;
position: relative;
padding-bottom: 64px;
margin-bottom: 29px;
text-transform: uppercase;
}
.rion-title.style-01 .block-title::before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
height: 35px;
width: 1px;
background-color: #000000;
}
.rion-title.style-01 .block-desc {
font-family: 'Cormorant Garamond', sans-serif;
font-size: 32px;
line-height: 45px;
font-weight: 400;
max-width: 1200px;
margin: 0 auto 62px;
}
.rion-title.style-01 .button {
min-width: 196px;
height: 50px;
justify-content: center;
align-items: center;
display: inline-flex;
border: 2px solid;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
}
.rion-title.style-01 .button:hover {
background-color: #3f5ae5;
border-color: #3f5ae5;
color: #ffffff;
}
.rion-title.style-02 .title-inner {
padding-left: 120px;
}
.rion-title.style-02 .block-title {
font-family: "Cormorant Garamond", sans-serif;
font-weight: 400;
font-size: 70px;
margin-top: 0;
position: relative;
margin-bottom: 23px;
}
.rion-title.style-02 .block-title::before {
content: '';
position: absolute;
left: -120px;
top: 50%;
width: 90px;
border: 1px solid;
}
.rion-title.style-02 .block-desc {
color: #707070;
font-weight: 400;
padding-right: 20px;
margin-bottom: 50px;
}
.rion-title.style-02 .button {
min-width: 163px;
height: 49px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #000000;
color: #ffffff;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
}
.rion-title.style-02 .button:hover {
background-color: #3f5ae5;
color: #ffffff;
}
.rion-title.style-03 .title-inner {
padding-left: 170px;
padding-right: 10px;
}
.rion-title.style-03 .block-title {
font-size: 70px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 400;
margin-top: 0;
margin-bottom: 22px;
}
.rion-title.style-03 .block-desc {
font-weight: 400;
max-width: 590px;
margin-bottom: 50px;
}
.rion-title.style-03 .button {
min-width: 163px;
height: 49px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #000000;
color: #ffffff;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.3em;
}
.rion-title.style-03 .button:hover {
background-color: #3f5ae5;
}
.rion-title.style-04 .title-inner {
text-align: center;
}
.rion-title.style-04 .block-title {
font-size: 20px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 700;
letter-spacing: 0.2em;
margin-top: 0;
position: relative;
padding-top: 160px;
margin-bottom: 0;
}
.rion-title.style-04 .block-title::before {
content: '';
position: absolute;
left: 50%;
top: 0;
width: 1px;
height: 111px;
background-color: #000000;
z-index: 1;
}
.rion-title.style-05 .title-inner,
.rion-title.style-06 .title-inner {
text-align: center;
}
.rion-title.style-05 .block-title {
margin: 0;
font-size: 50px;
line-height: 1;
font-family: "Cormorant Garamond", sans-serif;
display: inline-block;
position: relative;
margin-bottom: 30px;
padding-bottom: 112px;
}
.rion-title.style-05 .block-title::before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 1px;
height: 77px;
background-color: #000000;
}
.rion-title.style-06 .block-title {
font-family: "Cormorant Garamond", sans-serif;
font-size: 30px;
font-weight: 600;
letter-spacing: 0.1em;
margin-top: 0;
text-transform: uppercase;
margin-bottom: 28px;
}
.rion-title.style-06 .block-desc {
color: #707070;
padding: 0;
margin-bottom: 52px;
}
.rion-title.style-05.text-right .title-inner, .rion-title.style-06.text-right .title-inner {
text-align: right;
}
.rion-title.style-05.text-left .title-inner, .rion-title.style-06.text-left .title-inner {
text-align: left;
}
.rion-title.style-06 .button {
min-width: 184px;
height: 48px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #000000;
color: #ffffff;
text-transform: uppercase;
}
.rion-title.style-06 .button:hover {
background-color: #3f5ae5;
}
.rion-title.style-07 {
padding: 35px;
}
.rion-title.style-07 .title-inner {
padding: 100px 15px;
text-align: center;
border: 1px solid #ffffff;
}
.rion-title.style-07 .block-title {
font-family: "Cormorant Garamond", sans-serif;
font-size: 50px;
color: #fff;
max-width: 740px;
margin: 0 auto 55px;
}
.rion-title.style-07 .button {
font-size: 14px;
font-family: "Cormorant Garamond", sans-serif;
font-weight: 700;
letter-spacing: 0.2em;
position: relative;
color: #fff;
text-transform: uppercase;
padding-bottom: 16px;
}
.rion-title.style-07 .button::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 2px solid;
}
.rion-title.style-08 .title-inner {
text-align: center;
position: relative;
}
.rion-title.style-08 .block-title {
font-family: "Cormorant Garamond", sans-serif;
font-size: 24px;
font-weight: 600;
letter-spacing: 0.1em;
margin: 0;
padding: 0 22px;
background-color: #ffffff;
display: inline-block;
text-transform: uppercase;
}
.rion-title.style-08 .title-inner::before {
content: '';
position: absolute;
left: 0;
top: 40%;
border: 1px solid #e8e8e8;
width: 100%;
z-index: -1;
}
.rion-title.style-09 .block-title {
margin: 0;
font-size: 30px;
position: relative;
padding-bottom: 30px;
max-width: 410px;
font-family: "Cormorant Garamond", sans-serif;
}
.rion-title.style-09 .block-title::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 65px;
border-bottom: 1px solid #d4d4d4;
}
@media (max-width: 1366px) {
.rion-title.style-03 .block-title {
font-size: 50px;
margin-bottom: 10px;
}
.rion-title.style-03 .block-desc {
margin-bottom: 30px;
}
.rion-title.style-03 .title-inner {
padding-left: 100px;
}
}
@media (max-width: 1199px) {
.rion-title.style-01 .block-desc {
font-size: 24px;
line-height: 36px;
margin-bottom: 30px;
}
.rion-title.style-02 .title-inner {
padding-left: 60px;
}
.rion-title.style-02 .block-title {
font-size: 50px;
}
.rion-title.style-02 .block-title::before {
left: -80px;
width: 60px;
}
.rion-title.style-02 .block-desc {
margin-bottom: 25px;
}
.rion-title.style-03 .title-inner {
padding-left: 30px;
}
.rion-title.style-03 .block-title {
font-size: 44px;
margin-bottom: 10px;
}
.rion-title.style-05 .block-title {
font-size: 40px;
margin-bottom: 20px;
padding-bottom: 80px;
}
.rion-title.style-05 .block-title::before {
height: 60px;
}
.rion-title.style-06 .block-title {
font-size: 22px;
margin-bottom: 14px;
}
.rion-title.style-06 .block-desc {
margin-bottom: 26px;
padding: 0 15px;
}
.rion-title.style-07 .title-inner {
padding: 50px 15px;
}
.rion-title.style-07 .block-title {
font-size: 44px;
max-width: 600px;
margin: 0 auto 35px;
}
}
@media (max-width: 991px) {
.rion-title.style-03 .title-inner {
padding-left: 25px;
}
.rion-title.style-03 .block-title {
font-size: 32px;
}
}
@media (max-width: 767px) {
.rion-title.style-01 .block-title {
padding-bottom: 50px;
margin-bottom: 15px;
}
.rion-title.style-02 .title-inner {
padding-left: 0;
}
.rion-title.style-02 .block-title {
font-size: 36px;
}
.rion-title.style-02 .block-title::before {
display: none;
}
.rion-title.style-03 .block-title {
font-size: 32px;
margin-bottom: 5px;
}
.rion-title.style-03 .title-inner {
padding-left: 0;
padding-right: 0;
}
.rion-title.style-03 .block-desc {
margin-bottom: 20px;
}
.rion-title.style-05 .block-title {
font-size: 32px;
margin-bottom: 10px;
padding-bottom: 50px;
}
.rion-title.style-05 .block-title::before {
height: 46px;
}
.rion-title.style-04 .block-title {
padding-top: 60px;
}
.rion-title.style-04 .block-title::before {
height: 50px;
}
.rion-title.style-06 .block-title {
font-size: 20px;
margin-bottom: 10px;
}
.rion-title.style-06 .block-desc {
margin-bottom: 13px;
}
.rion-title.style-02 .button {
height: 40px;
letter-spacing: 0.1em;
font-size: 11px;
}
.rion-title.style-03 .button,
.rion-title.style-06 .button {
min-width: 150px;
height: 40px;
letter-spacing: 0.1em;
font-size: 11px;
}
.rion-title.style-07 .title-inner {
padding: 30px 15px;
}
.rion-title.style-07 {
padding: 15px;
}
.rion-title.style-07 .block-title {
font-size: 20px;
margin: 0 auto 15px;
max-width: 300px;
}
.rion-title.style-07 .button {
font-size: 12px;
letter-spacing: 0.1em;
padding-bottom: 7px;
}
.rion-title.style-08 .block-title {
font-size: 20px;
padding: 0 15px;
}
.rion-title.style-09 .block-title {
font-size: 26px;
padding-bottom: 20px;
}
}  .page-template-fullpage:not(.fp-viewing-0) .header.header-pos-absolute .header-wrap {
display: none;
}
.page-template-fullpage #fullpage .section-slide {
min-height: 100vh !important;
}
.page-template-fullpage #fullpage .section-slide.fp-auto-height {
min-height: 0 !important;
}
.page-template-fullpage #fullpage .fp-tableCell {
width: 100%;
overflow: hidden;
}
.page-template-fullpage #fullpage .vc_row {
margin: 0 !important;
}
.page-template-fullpage .vc_column_container > .vc_column-inner {
padding: 0 !important;
}
@media (max-width: 1024px) {
.page-template-fullpage #fullpage .section-slide,
.vc_row.vc_row-o-full-height {
min-height: 0 !important;
}
} footer.footer.wp-default {
padding: 20px;
text-align: center;
}
a.backtotop {
width: 40px;
height: 40px;
line-height: 38px;
border-radius: 50%;
font-size: 20px;
background-color: #3f5ae5;
position: fixed;
bottom: 150px;
right: 35px;
text-align: center;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
z-index: 98;
overflow: hidden;
}
a.backtotop:not(.active) {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
a.backtotop i {
color: #fff;
}
a.backtotop::before {
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg);
}
a.backtotop:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.fb_iframe_widget iframe {
z-index: 99 !important;
}
@media (max-width: 1366px) {
a.backtotop {
bottom: 100px;
right: 30px;
}
}
@media (max-width: 767px) {
.page-template-fullpage .vc_custom_heading,
.footer .vc_custom_heading {
text-align: center !important;
}
.page-template-fullpage .wpb_single_image.vc_align_right,
.footer .wpb_single_image.vc_align_right,
.footer .wpb_single_image.vc_align_left {
text-align: center;
}
.footer .rion-socials.style-03,
.footer .rion-instagram-sc.style-02,
.footer .rion-instagram-sc.style-04,
.footer .rion-custommenu.style-01,
.footer .rion-custommenu.style-03 {
text-align: center;
}
.footer .rion-instagram-sc.style-02 .block-title::before,
.footer .rion-instagram-sc.style-04 .block-title::before,
.footer .rion-custommenu.style-01 .title::before,
.footer .rion-custommenu.style-03 .title::before {
right: 0;
margin: 0 auto;
}
}
.rion-overflow-hidden {
overflow: hidden !important;
}  .header-action-res {
display: none;
}
.header-action-res > div {
padding: 5px 25px;
line-height: 40px;
display: table-cell;
width: 33.3333333%;
}
.mobile-navigation {
display: inline-block;
position: relative;
font-size: 16px;
line-height: 30px;
top: 1px;
}
.mobile-navigation .menu-btn-icon {
height: 30px;
display: inline-block;
vertical-align: middle;
line-height: 0;
position: relative;
width: 30px;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
cursor: pointer;
}
.mobile-navigation .menu-btn-icon span {
vertical-align: middle;
border-bottom: 2px solid;
display: inline-block;
height: 2px;
width: 24px;
background-color: #000;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
margin-bottom: 3px;
margin-top: 3px;
}
.header-action-res .meta-woo {
text-align: right;
padding-right: 0;
}
.header-action-res .search-block {
display: inline-block;
margin-left: 10px;
}
.header-action-res .search-block .search-icon {
display: inline-block;
font-size: 21px;
top: 2px;
position: relative;
}
.header-action-res .block-account {
margin-left: 0;
} .header-mobile .header-action-res {
display: inline-block !important;
width: auto;
padding: 0;
position: static;
}
.header-mobile .header-action-res .search-block {
margin-left: 0;
padding: 0;
width: auto;
}
body.search-canvas-open .header-action-res .search-block .instant-search .search-fields .search-input .search-field.search-has-results ~ .search-results-wrapper {
padding-top: 20px;
} .menu-sticky-mobile .header-content {
height: 59px;
}
.menu-bg .header-content .header-mobile {
position: fixed !important;
top: 0;
left: 0;
right: 0;
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
}
.admin-bar .menu-bg .header-content {
top: 46px;
}
header.site-header.site-header-mobile {
background: #fff;
position: relative;
z-index: 9999999;
}
.site-header-mobile .header-content::before,
.site-header-mobile .header-content::after {
content: "";
display: table;
}
.site-header-mobile .header-content::after {
clear: both;
}
.site-header-mobile .header-content {
z-index: 100000;
position: relative;
border-bottom: 1px solid #e7e7e7;
}
.main-header.header-mobile > div {
display: table-cell;
vertical-align: middle;
float: none;
}
.main-header.header-mobile {
display: table;
width: 100%;
}
.header-mobile .header-right {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0;
color: #000;
text-align: right;
top: 3px;
position: static;
}
.header-mobile .logo {
text-align: center;
top: 2px;
left: 0;
padding-left: 0;
padding-right: 0;
}
header.header-mobile .search-field {
width: 100%;
}
header.site-header-mobile form.search-form {
position: absolute;
}
header.site-header-mobile div.search-icon {
display: none;
}
.site-header-mobile .header-search-box {
width: 100%;
}
.site-header-mobile .search-fields {
position: relative;
}
.site-header-mobile .search-fields .reset-instant-search-wrap {
position: absolute;
left: 15px;
top: 6px;
}
.site-header-mobile .search-results-croll {
top: calc(100% + 10px);
width: 100%;
z-index: 11;
height: auto !important;
}
.site-header-mobile .container-search .price del {
line-height: 12px;
}
.site-header-mobile .container-search .woocommerce-Price-amount.amount {
font-size: 15px;
}
.scrollbar-macosx > .scroll-element.scroll-y {
z-index: 11;
opacity: 0;
}
.scrollbar-macosx:hover > .scroll-element.scroll-y {
opacity: 1;
}
.box-mibile-overlay {
content: "";
background: rgba(18, 21, 26, 0.8);
position: absolute;
top: 0;
width: 99999em;
bottom: 0;
z-index: 1;
display: none;
left: 100%;
}
.box-mobile-menu-open .box-mibile-overlay {
display: block;
}
.box-mobile-menu-open .box-mobile-menu .main-menu .mobile-active > .submenu {
left: 0 !important;
}
.box-mobile-menu {
position: fixed;
top: 0;
bottom: 0;
left: -360px;
width: 360px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
line-height: 24px;
background-color: #ffffff;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
z-index: 1000000;
}
.box-mobile-menu-open .box-mobile-menu,
.box-mobile-menu-open .body-overlay {
left: 0;
opacity: 1;
visibility: visible;
}
.real-mobile-show-menu .body-overlay {
left: 0;
}
.box-mobile-menu-inner {
height: 100%;
}
.box-mobile-menu .wpb_single_image.vc_align_right,
.box-mobile-menu-inner .wpb_single_image.vc_align_right {
text-align: left;
}
.box-mobile-menu .box-inner {
height: -webkit-calc(100% - 45px);
height: -moz-calc(100% - 45px);
height: calc(100% - 45px);
overflow: hidden;
}
.box-mobile-menu .box-title {
display: none;
width: -webkit-calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: calc(100% - 90px);
font-size: 14px;
color: #000000;
text-transform: uppercase;
padding: 12px 0 10px 5px;
letter-spacing: 0.1em;
line-height: 24px;
margin-left: 45px;
margin-right: 45px;
}
.box-mobile-menu > span.box-title {
display: block !important;
border-bottom: 1px solid #e6e6e6;
width: 100%;
margin: 0;
font-size: 15px;
text-align: center;
background-color: #f3f3f3;
}
.box-mobile-menu > a.back-menu {
position: absolute;
top: 0;
left: 0;
}
.box-mobile-menu .close-menu {
cursor: pointer;
position: absolute;
bottom: 0;
z-index: 102;
width: 100%;
line-height: 50px;
height: 50px;
text-align: left;
display: inline-block;
padding-left: 40px;
color: #fff;
font-size: 12px;
letter-spacing: 1px;
background: #333;
text-transform: uppercase;
font-weight: 600;
}
.box-mobile-menu .back-menu {
position: relative;
display: none;
height: 45px;
width: 45px;
float: left;
margin-left: 10px;
border-right: 1px solid #e6e6e6;
}
.box-mobile-menu .back-menu:hover,
.box-mobile-menu .close-menu:hover {
color: #3f5ae5;
}
.box-mobile-menu .back-menu::before {
content: '';
position: absolute;
top: 23px;
left: 14px;
margin: auto;
display: block;
width: 18px;
border-bottom: 2px solid;
}
.box-mobile-menu .back-menu::after {
content: '';
position: absolute;
top: 20px;
display: block;
width: 8px;
height: 8px;
border-top: 2px solid;
border-right: 2px solid;
left: 13px;
transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.box-mobile-menu .close-menu::before, .box-mobile-menu .close-menu::after {
border-bottom: 2px solid;
content: "";
left: 14px;
position: absolute;
top: 21px;
width: 19px;
}
.box-mobile-menu .close-menu::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.box-mobile-menu .close-menu::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.box-mobile-menu .menu-item-has-children .toggle-submenu {
cursor: pointer;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
border-left: 1px solid #e5e5e5;
text-align: center;
}
.box-mobile-menu .toggle-submenu::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
content: "\f105";
font-size: 18px;
color: #545454;
}
.box-mobile-menu .main-menu {
list-style: none;
padding-left: 0;
margin-bottom: 0;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: auto;
}
.box-mobile-menu .main-menu .menu-item {
display: block;
position: relative;
border-bottom: 1px solid #e6e6e6;
}
.box-mobile-menu .main-menu .menu-item > a {
display: block;
padding: 8px 40px 8px 15px;
color: #111111;
}
.box-mobile-menu .main-menu .menu-item.active > a {
color: #3f5ae5;
}
.box-mobile-menu .main-menu .menu-item:hover > a {
color: #3f5ae5;
}
.box-mobile-menu .main-menu .menu-item > .toggle-submenu {
top: 0;
right: 0;
color: #111111;
}
.box-mobile-menu .main-menu .menu-item:hover > .toggle-submenu::before {
color: #3f5ae5;
}
.box-mobile-menu .main-menu .menu-item > .toggle-submenu::before {
content: '\f105';
}
.box-mobile-menu .main-menu .menu-item-for-wish-list a {
padding: 18px 20px !important;
line-height: 12px;
width: 100%;
}
.box-mobile-menu .main-menu .menu-item-for-wish-list .icon {
float: right;
text-align: center;
width: 50px;
height: 48px;
line-height: 48px;
position: relative;
}
.box-mobile-menu .main-menu .menu-item-for-wish-list .icon::before {
font-family: 'flaticon', sans-serif;
font-weight: 400;
content: "\f10c";
font-size: 19px;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency > div {
width: 50%;
float: left;
padding: 0 10px;
margin: 0;
border: none;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency > div.wcml_currency_switcher {
top: 1px;
}
.box-mobile-menu .main-menu .currency-language {
display: inline-block;
position: relative;
top: 0;
width: 100%;
padding: 0;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency li {
overflow: visible;
width: 100%;
position: relative;
padding: 0;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency li a {
width: 100%;
line-height: 36px;
padding: 0 15px;
border-color: #e1e1e1;
border-radius: 0;
font-size: 12px;
}
.box-mobile-menu .main-menu .dropdown.open > .submenu {
display: block;
border: none;
background: #f9f9f9;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency span.screen-reader-text {
clip: auto;
clip-path: inherit;
height: auto;
width: auto;
font-size: 12px;
}
.box-mobile-menu .main-menu .wcml-dropdown-click > ul {
position: relative;
padding: 0;
margin: 0 !important;
list-style-type: none;
line-height: 36px;
border: 1px solid #e1e1e1;
border-radius: 0;
height: 36px;
}
.box-mobile-menu .main-menu .submenu .vc_row .wpb_column {
padding: 10px;
width: 100% !important;
}
.box-mobile-menu .main-menu .submenu .vc_row .wpb_column .wpb_column {
padding: 0 0 20px 0;
}
.box-mobile-menu .main-menu .submenu .vc_row .wpb_column .wpb_column:last-child {
padding-bottom: 0;
}
.box-mobile-menu .main-menu .submenu > .menu-item:last-child {
border-bottom: none;
}
.box-mobile-menu .vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
.box-mobile-menu .vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 10px !important;
}
.box-mobile-menu .vc_row .vc_row {
padding: 0 !important;
}
.box-mobile-menu .rion-custommenu .widgettitle {
padding-top: 5px;
margin-bottom: 15px;
padding-right: 0;
margin-left: 0;
}
header .box-mobile-menu .custom-header07 {
background: transparent !important;
} .body-overlay {
position: fixed;
top: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
left: 0;
right: 0;
background-color: rgba(18, 21, 26, 0.8);
z-index: 999999;
transition: opacity 0.3s linear, opacity 0.3s linear;
-o-transition: opacity 0.3s linear, visibility 0.3s linear;
-webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
}
.box-mobile-menu .main-menu .menu-item .submenu > .toggle-submenu {
left: 0;
z-index: 9999;
} .box-mobile-menu-open .box-mobile-menu .main-menu .mobile-active > .submenu {
left: 0 !important;
z-index: 101;
}
.box-mobile-menu-open .box-mobile-menu .main-menu .mobile-active > .megamenu {
max-width: inherit !important;
}
.box-mobile-menu .toggle-submenu {
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.box-mobile-menu .toggle-submenu::before {
display: block;
}
.box-mobile-menu .submenu .submenu .toggle-submenu {
display: none;
}
.box-mobile-menu .main-menu .submenu {
list-style: none;
display: none;
padding: 0;
position: static;
top: 0 !important;
max-width: inherit !important;
left: 0;
bottom: 0;
width: 100% !important;
z-index: 0;
border-top: 1px solid #e6e6e6;
background-color: #fff;
}
.box-mobile-menu .main-menu .submenu.lang-submenu {
display: block;
}
.box-mobile-menu .main-menu .rion-custommenu {
float: left;
display: inline-block;
width: 100%;
}
.box-mobile-menu .main-menu .menu-item {
display: inline-block;
position: static;
float: left;
overflow: hidden;
width: 100%;
}
.box-mobile-menu .main-menu > .menu-item.item-lang-currency:last-child {
border-bottom: none;
padding: 20px 0;
}
.box-mobile-menu .main-menu .menu-item.item-logo {
display: none;
}
.box-mobile-menu .main-menu .rion-custommenu .menu-item {
border: none;
}
.box-mobile-menu .main-menu > .menu-item:last-child .menu-item:last-child {
border-bottom: none;
}
.box-mobile-menu .main-menu .submenu:not(.megamenu) .mobile-active .menu-item {
padding-left: 0;
}
.box-mobile-menu .main-menu .menu .menu-item > a {
display: block;
padding: 5px 0;
position: relative;
}
.box-mobile-menu .main-menu .menu-item > a {
display: block;
padding: 12px 0;
font-size: 18px;
}
.real-mobile-show-menu .box-mobile-menu .main-menu > .menu-item > a {
font-size: 16px;
}
.box-mobile-menu .main-menu .menu-item-has-children > a, .box-mobile-menu .main-menu li.menu-item > a {
display: inline-block;
vertical-align: middle;
line-height: 12px;
padding: 19px 20px;
width: calc(100% - 51px);
}
.box-mobile-menu .main-menu .vc_row li.menu-item > a {
line-height: 24px;
}
.box-mobile-menu .main-menu .vc_row li.menu-item > a > span {
position: relative;
top: -10px;
right: -2px;
}
.box-mobile-menu .main-menu .submenu .submenu .menu-item-has-children > a {
display: block;
width: auto;
}
.box-mobile-menu .main-menu .menu-item-has-children > .toggle-submenu {
float: right;
z-index: 30;
}
.box-mobile-menu .main-menu .menu-item-has-children.show-submenu > span.toggle-submenu {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
border-left: none;
border-bottom: 1px solid #e5e5e5;
}
.box-mobile-menu .main-menu .submenu:not(megamenu) li li a {
padding-left: 60px;
}
.box-mobile-menu .main-menu .submenu:not(megamenu) li a {
padding-left: 40px;
font-size: 16px;
}
.hamburger {
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.menu-mobile-hamburger-wrap .hamburger-box {
margin-top: 4px;
}
.hamburger-box {
width: 27px;
height: 20px;
float: left;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 27px;
height: 2px;
border-bottom: 2px solid;
position: absolute;
transition-property: transform;
color: inherit;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -8px;
width: 27px;
}
.hamburger-inner::after {
bottom: -16px;
width: 27px;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before {
width: 30px;
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -16px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 1199px) {
body.search-canvas-open .search-block .instant-search .search-close {
right: 20px;
top: 20px;
}
}
@media (max-width: 1024px) {
header .header-main-inner {
display: none;
}
.header-action-res {
z-index: 99;
width: 100%;
display: table !important;
position: relative;
padding: 0 15px;
}
.header-color-light .header-action-res {
background-color: #000000;
}
.header-color-dark .header-action-res {
border-bottom: 1px solid #dcdcdc;
}
.single-product .header-color-dark .header-action-res {
margin-bottom: 30px;
}
.header-action-res .logo {
position: relative;
top: -2px;
}
.header-action-res .acction-right ~ .logo {
text-align: center;
}
.header-action-res .acction-right {
padding-right: 15px;
padding-left: 0;
}
.header-action-res .rion-minicart {
display: inline-block;
padding-right: 15px;
}
.header-color-light .header-action-res .mobile-navigation {
color: #ffffff;
}
.header-color-light .header-action-res .search-block .search-icon {
color: #ffffff;
}
.header-color-light .header-action-res .block-account a {
color: #ffffff;
}
.header-color-light .rion-minicart .mini-cart-icon {
color: #ffffff;
}
body.search-canvas-open .header-action-res .search-block .instant-search .search-fields .search-input .search-field.search-has-results ~ .search-results-wrapper {
padding-top: 0;
}
.horizon-menu {
display: none !important;
}
body.search-canvas-open .search-block .instant-search .search-close {
position: static;
line-height: 1;
padding: 30px;
border-bottom: 1px solid #e7e7e7;
}
body.search-canvas-open .search-block .instant-search .search-close > span::before {
display: none;
}
body.search-canvas-open .search-block .instant-search .search-close span {
padding-right: 0;
}
body.search-canvas-open .search-block .instant-search .search-close > span::before {
font-size: 14px;
font-weight: 600;
}
body.search-canvas-open .search-block .instant-search .search-fields .search-field {
text-align: center;
border: none;
font-size: 20px;
color: #000000;
}
body.search-canvas-open .search-block .instant-search .search-fields .search-submit,
.site-header-mobile .search-fields .reset-instant-search-wrap {
display: none;
}
body.search-canvas-open .search-block .instant-search .search-fields {
margin-top: 35px;
}
.enable-header-mobile .header .rion-minicart .mini-cart-icon {
top: 1px;
}
}
@media (max-width: 767px) {
.header-action-res > div {
padding: 10px 5px;
}
.header-action-res .rion-minicart .mini-cart-icon .minicart-number {
font-size: 12px;
width: 16px;
height: 16px;
line-height: 14px;
right: -13px;
}
body.search-canvas-open .search-block .instant-search .search-fields .search-input .search-field {
max-width: 100%;
}
body.search-canvas-open .search-block .instant-search .search-fields .search-submit {
position: absolute;
left: auto;
right: 35px;
}
}  .toolbar-products-mobile .cat-item a::before,
.real-mobile-toolbar.toolbar-products-shortcode .cat-item a::before {
border-bottom: 1px solid;
content: "";
position: absolute;
left: 0;
opacity: 0;
bottom: 0;
right: 0;
}
.toolbar-products-mobile .cat-item, .real-mobile-toolbar.toolbar-products-shortcode .cat-item {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
position: relative;
padding-bottom: 3px;
}
.toolbar-products-mobile .cat-item a, .toolbar-products-shortcode .cat-item a {
color: #999999;
margin-right: 25px;
position: relative;
display: block;
}
.toolbar-products-mobile .cat-item.active a::before, .real-mobile-toolbar.toolbar-products-shortcode .cat-item.active a::before {
opacity: 1
}
.toolbar-products-mobile .cat-item.active, .toolbar-products-mobile .cat-item.active a,
.real-mobile-toolbar.toolbar-products-shortcode .cat-item.active, .real-mobile-toolbar.toolbar-products-shortcode .cat-item.active a {
color: #3f5ae5;
}
.category-filter-mobile.owl-carousel .owl-nav > *, .category-filter-mobile.owl-carousel:hover .owl-nav > * {
opacity: 1;
right: -13px;
width: 26px;
font-size: 20px;
height: 30px;
top: 0;
line-height: 32px;
transform: none;
background: #fff;
}
.category-filter-mobile.owl-carousel .owl-nav > *.owl-prev {
right: -45px;
left: auto;
}
.category-filter-mobile.owl-carousel .owl-nav > *.owl-next {
right: -70px;
}
.category-filter-mobile.owl-carousel .owl-nav > .owl-next.disabled,
.category-filter-mobile.owl-carousel .owl-nav > .owl-prev.disabled {
color: #cecece;
}
.toolbar-products.toolbar-products-mobile .part-filter-wrap .filter-toggle-button {
line-height: 20px;
height: 20px;
position: static;
}
.toolbar-products.toolbar-products-mobile .part-filter-wrap .filter-toggle::before,
.toolbar-products.toolbar-products-mobile .part-filter-wrap .filter-toggle-button::before {
display: none;
}
.toolbar-products-mobile .actions-wrap {
width: 100%;
border: 1px solid #dbdbdb;
line-height: 20px;
padding: 12px 0;
}
.toolbar-products-mobile .part-filter-wrap .filter-toggle:hover {
background-color: transparent;
}
.toolbar-products-mobile.toolbar-products .part-filter-wrap {
display: block !important;
width: 100%;
}
.action-mini a.filter-toggle-button {
font-size: 12px;
color: #333;
letter-spacing: 1px;
padding: 0;
text-transform: uppercase;
background: transparent;
line-height: 20px;
font-weight: 700;
font-weight: 700;
}
.action-mini .fami-woocommerce-ordering select.orderby {
width: calc(100% + 20px);
border: none;
font-size: 12px;
display: inline-block;
padding: 0;
letter-spacing: 1px;
line-height: 20px;
height: 20px;
font-weight: 700;
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.action-mini form.fami-woocommerce-ordering {
width: 120px;
max-width: calc(100% - 20px);
display: inline-block;
position: relative;
border: none;
background-position: calc(100% - 10px) center;
}
.action-mini {
height: 20px;
width: 50%;
line-height: 20px;
float: left;
border-right: 1px solid #dbdbdb;
text-align: center;
}
.action-mini:last-child {
border-right: 0 solid #dbdbdb;
}
.action-layout-item.part-wrap {
float: left;
margin-left: 15px;
}
.action-layout .list-mode a.display-mode::before {
background: none;
content: "\f131";
font-family: Flaticon, sans-serif;
}
.action-layout .grid-mode a.display-mode::before {
background: none;
content: "\f130";
font-family: Flaticon, sans-serif;
}
.action-layout {
float: right;
padding-right: 5px;
margin-top: 5px;
}
.action-layout-item.part-wrap {
float: left;
margin-left: 15px;
line-height: 16px;
}
.action-layout a.display-mode {
width: 16px;
font-size: 16px;
height: 16px;
}
.action-layout a.display-mode.flaticon-lists {
width: 20px;
font-size: 21px;
position: relative;
line-height: 50px;
height: 20px;
top: -2px;
}
.toolbar-products-mobile .part-cats-list-wrap, .toolbar-products-shortcode.real-mobile-toolbar .part-cats-list-wrap {
float: none;
width: auto;
overflow-x: visible;
padding-right: 60px;
}
.toolbar-products-shortcode.real-mobile-toolbar .category-filter {
padding-left: 30px;
}
div .row.mobile-shop-real {
margin-bottom: 20px;
margin-left: -15px;
margin-right: -15px;
}
div .row.mobile-shop-real .page-title {
text-align: left;
font-family: Open Sans, sans-serif;
}
.rion-is-real-mobile .info-top {
margin: 0;
}
.enable-shop-page-mobile .panel-categories,
.enable-shop-page-mobile .banner-page.hero-banner-page {
display: none;
}
.enable-shop-page-mobile .shop-page .products-list svg {
display: none;
}
.enable-shop-page-mobile .shop-page .products-size.products-list {
height: 5px;
width: 15px;
position: relative;
display: inline-block;
color: #999999;
margin: 0 5px;
border-top: 2px solid;
}
.enable-shop-page-mobile .shop-page .products-size.products-list::before {
content: "";
position: absolute;
border-bottom: 2px solid;
top: -8px;
left: 0;
width: 100%;
}
.enable-shop-page-mobile .shop-page .products-size.products-list::after {
content: "";
position: absolute;
border-bottom: 2px solid;
width: 100%;
left: 0;
bottom: -3px;
}
.enable-shop-page-mobile .shop-page a.products-size.products-list.active {
color: #3f5ae5;
}
.prdctfltr_woocommerce.pf_sidebar .prdctfltr_woocommerce_ordering, .prdctfltr_woocommerce.pf_sidebar_right .prdctfltr_woocommerce_ordering, .prdctfltr_woocommerce.pf_sidebar_css .prdctfltr_woocommerce_ordering, .prdctfltr_woocommerce.pf_sidebar_css_right .prdctfltr_woocommerce_ordering {
z-index: 100000 !important;
}
.enable-shop-page-mobile .product-list .product-inner {
border: none;
}
.enable-shop-page-mobile .shop-page .product-info {
height: auto !important;
}
.enable-shop-page-mobile .prdctfltr_wc.prdctfltr_mobile {
margin-bottom: 0;
}
.enable-shop-page-mobile .shop-page .product-inner .product-title {
color: #000;
margin-bottom: 5px;
line-height: 16px;
}
.enable-shop-page-mobile .shop-prdctfltr-filter-wrap .prdctfltr_wc .prdctfltr_buttons {
margin-top: 0;
}
.wc-prdctfltr-active header.site-header.site-header-mobile,
.variable_mobile_show header.site-header.site-header-mobile {
z-index: 2;
}
.enable-shop-page-mobile .prdctfltr_wc {
margin-bottom: 0;
position: fixed;
top: 0;
right: 0;
background: #fff;
z-index: 9999999;
width: 360px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
overflow-y: auto;
transition: transform 0.4s linear 0s;
bottom: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
overflow-x: hidden;
left: auto;
}
.enable-shop-page-mobile.wc-prdctfltr-active .prdctfltr_wc {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.enable-shop-page-mobile .prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering {
top: auto;
}
@media (max-width: 991px) {
.prdctfltr_columns_4 .prdctfltr_filter {
width: 100% !important;
}
body .prdctfltr_filter.prdctfltr.prdctfltr_pa_brand_text label:last-child {
margin-bottom: 0 !important;
}
}
@media (max-width: 767px) {
.product-toolbar .post-navigation .nav-links > div::before {
display: none;
}
}
.enable-shop-page-mobile .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter {
width: 100% !important;
}
.enable-shop-page-mobile form.prdctfltr_woocommerce_ordering {
display: block !important;
}
.enable-shop-page-mobile .shop-prdctfltr-filter-wrap .prdctfltr_wc .prdctfltr_filter_title {
display: inline-block;
padding: 15px 20px 5px;
margin: 0;
width: 100%;
}
.enable-shop-page-mobile form.prdctfltr_woocommerce_ordering {
height: auto !important;
padding: 0 15px 20px !important;
box-shadow: none !important;
}
.enable-shop-page-mobile .prdctfltr_wc .prdctfltr_filter_title .prdctfltr_topbar {
padding: 0 25px;
}
.enable-shop-page-mobile span.prdctfltr_showing::before {
content: "\f112";
font-family: Flaticon, sans-serif;
font-size: 16px;
color: #000;
}
.enable-shop-page-mobile span.prdctfltr_showing {
display: inline-block !important;
width: 40px;
height: 40px;
font-size: 0;
position: absolute;
text-align: center;
line-height: 40px;
left: 10px;
cursor: pointer;
top: 20px;
}
.enable-shop-page-mobile .prdctfltr_sc .prdctfltr_woocommerce .prdctfltr_filter {
display: none;
}
.enable-shop-page-mobile .prdctfltr_wc .prdctfltr_filter_title {
cursor: pointer;
margin-bottom: 0;
}
.enable-shop-page-mobile.wc-prdctfltr-active .body-overlay {
opacity: 1;
visibility: visible;
}
.enable-shop-page-mobile .prdctfltr_wc div.prdctfltr_buttons label,
.enable-shop-page-mobile .prdctfltr_wc div.prdctfltr_buttons span {
width: 100%;
}
.prdctfltr_wc div.prdctfltr_buttons > span {
margin-right: 0;
}
.prdctfltr_wc div.prdctfltr_buttons > span:not(:last-child) {
margin-bottom: 10px;
}
.enable-shop-page-mobile .product-list .product-inner .product-info .product-title a {
font-size: 15px;
}
.enable-shop-page-mobile .shop-page .product-inner .add_to_carfvt_button,
.enable-shop-page-mobile .shop-page .product-inner .added_to_cart,
.enable-shop-page-mobile .shop-page .product-inner .product_type_variable,
.enable-shop-page-mobile .shop-page .product-inner .product_type_simple,
.enable-shop-page-mobile .shop-page .product-inner .product_type_external,
.enable-shop-page-mobile .shop-page .product-inner .product_type_grouped {
display: none;
}
.enable-shop-page-mobile .shop-page div .row.products {
margin-left: -5px;
margin-right: -5px;
} .enable-shop-page-mobile .woocommerce-page-headermid .title-page {
font-size: 24px;
margin-top: 27px;
margin-bottom: 14px;
margin-left: 4px;
text-align: left;
}
.enable-shop-page-mobile .woocommerce-page-headermid {
text-align: left;
padding: 20px 3px 0;
}
.enable-shop-page-mobile .show-search + .woocommerce-page-headermid {
padding: 0;
}
.enable-shop-page-mobile .breadcrumb-trail.breadcrumbs {
display: none;
}
.enable-shop-page-mobile .banner-page.no_background {
min-height: 90px !important;
margin: 0 !important;
}
.enable-shop-page-mobile .woocommerce-page-headermid .trail-items {
padding: 0 3px;
background-color: transparent;
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover a {
display: inline-block;
height: auto;
background: transparent !important;
line-height: 20px;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
color: #999999;
padding: 0 0 2px;
text-align: center;
position: relative;
border-radius: 0;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover:first-child {
margin-left: 0;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover:last-child {
margin-right: 0;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover a:hover,
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover.active a {
color: #3f5ae5;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover.active a::before {
opacity: 1;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover a::before {
border-bottom: 1px solid;
content: "";
position: absolute;
left: 0;
opacity: 0;
bottom: 0;
right: 0;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover {
width: auto;
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce-page-header {
border-bottom: 1px solid #ebebeb;
margin: 0 -10px;
overflow-x: auto;
}
.enable-shop-page-mobile .woocommerce-page-header ul {
padding: 0 0 3px;
white-space: nowrap;
text-align: center;
min-width: 500px;
}
.shop_table_mobile th, .shop_table_mobile td {
border-width: 1px 0;
padding: 0;
}
.shop_table_mobile td.product-thumbnail > a {
width: 88px;
display: inline-block;
}
.shop_table_mobile input[type="text"] {
border: 1px solid #dddddd;
border-radius: 0 !important;
font-size: 14px;
line-height: 40px;
height: 40px;
padding: 0;
text-align: center;
-webkit-appearance: none;
}
.shop_table_mobile .product-info .quantity {
font-size: 0;
text-align: left;
margin: 0;
}
.shop_table_mobile .cart .quantity .btn-number {
width: 20px;
height: 22px;
line-height: 22px;
top: 0;
right: 8px;
}
.shop_table_mobile .cart .quantity .input-qty {
width: 40px;
height: 42px;
font-size: 20px;
line-height: 44px;
}
.shop_table_mobile .checkout.woocommerce-checkout p {
margin-bottom: 15px;
}
.prdctfltr_wc.prdctfltr_mobile {
margin-bottom: 20px;
}
.sidebar .prdctfltr_wc .prdctfltr-bars::before {
font-size: 0;
}
div .pf_ajax_loading .css-spinner-full-01::before {
border-top-color: #000
}
.prdctfltr_woocommerce.pf_sidebar div.prdctfltr_close_sidebar,
.prdctfltr_woocommerce.pf_sidebar_right div.prdctfltr_close_sidebar,
.prdctfltr_woocommerce.pf_sidebar_css div.prdctfltr_close_sidebar,
.prdctfltr_woocommerce.pf_sidebar_css_right div.prdctfltr_close_sidebar {
font-size: 14px;
color: #000;
padding: 14px 15px 10px;
}
.prdctfltr_mobile .prdctfltr_buttons > span {
margin-bottom: 15px;
width: 100%;
}
.prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_mobile div.prdctfltr_buttons label,
.prdctfltr_wc.prdctfltr_mobile .prdctfltr_buttons .prdctfltr_reset span {
width: 100%;
margin: 0;
}
.enable-shop-page-mobile .checkout-before-top .woocommerce-info {
margin: 0 0 30px;
}
@media (min-width: 360px) and (max-width: 767px) {
.enable-shop-page-mobile .shop-page .products_list-size-3 .product-item {
width: 100%;
}
.enable-shop-page-mobile .shop-page .owl-carousel .product-item {
width: 100%;
}
.enable-shop-page-mobile .shop-page .product-inner .product-title {
font-size: 14px;
}
}
@media (max-width: 1100px) {
.rion-is-real-mobile .product-info.equal-elem {
height: auto !important;
}
.rion-is-real-mobile .product-grid .info-top {
margin-bottom: 0;
position: static;
}
.rion-is-real-mobile .shop-page .product-grid .info-top {
margin-bottom: 0;
}
.enable-shop-page-mobile .product-inner .rating-wapper {
display: none;
}
.enable-shop-page-mobile .product-list .product-inner {
border: none;
width: 100%;
padding: 0;
}
.enable-shop-page-mobile .shop-page .product-list .product-item .product-des {
display: inline-block;
width: 95%;
margin-top: 0;
}
.enable-shop-page-mobile .shop-page .product-list .product-item .product-des ul {
display: none;
}
.enable-shop-page-mobile .product-list .product-des p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.enable-shop-page-mobile .shop-page .product-list .product-item {
width: 100%;
padding: 10px;
}
.enable-shop-page-mobile .shop-page .product-list .product-item .product-thumb {
width: 40%;
float: left;
padding-right: 20px;
margin: 0;
}
.enable-shop-page-mobile .shop-page .product-list .product-item .product-info {
width: 60%;
float: left;
height: auto !important;
padding-top: 0;
}
.rion-is-real-mobile .main-product {
margin-top: 0;
}
}  .box-tabs-nav-wrap {
position: absolute;
z-index: 101;
left: 0;
top: 0;
width: 100%;
}
.box-tabs-nav-wrap .box-tabs-nav {
width: 100%;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav {
width: 50%;
float: left;
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
color: #000;
text-transform: uppercase;
height: 58px;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .hamburger {
float: left;
padding: 17px 10px 0 0;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .hamburger-inner, .box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .hamburger-inner::before, .box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .hamburger-inner::after {
background-color: #000;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .icon {
margin-right: 10px;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .nav-text {
display: inline-block;
font-size: 12px;
margin-left: 5px;
font-weight: 700;
line-height: 60px;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav:first-child {
padding-left: 20px;
text-align: left;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .nav-text.account-text {
margin-left: 10px;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav.active {
color: #fff;
background-color: #000;
border-bottom: 1px solid #000;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav.active .hamburger-inner, .box-tabs-nav-wrap .box-tabs-nav .box-tab-nav.active .hamburger-inner::before, .box-tabs-nav-wrap .box-tabs-nav .box-tab-nav.active .hamburger-inner::after {
background-color: #fff;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav i {
font-size: 22px;
vertical-align: middle;
}
.box-mobile-menu-tabs .mobile-back-nav-wrap {
border-bottom: 1px solid #e7e7e7;
display: none;
}
.box-mobile-menu-tabs .mn-mobile-content-tab {
display: none;
overflow-x: hidden;
width: 100%;
padding-top: 57px;
}
.box-mobile-menu-tabs .mn-mobile-content-tab.active {
display: block;
}
.box-mobile-menu-tabs .mn-mobile-content-tab .col-sm-4 {
width: 100%;
}
.box-mobile-menu-tabs .my-account-wrap {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.box-mobile-menu-tabs .my-account-wrap .nav-tabs {
border-bottom: none;
margin-bottom: 0;
}
.box-mobile-menu-tabs .my-account-wrap .nav-tabs > li {
position: relative;
margin-bottom: 40px;
}
.box-mobile-menu-tabs .my-account-wrap .nav-tabs > li.active {
display: inline-block;
}
.box-mobile-menu-tabs p.des-res {
margin-bottom: 10px;
}
.box-mobile-menu-tabs .my-account-wrap .login-reg-note {
display: none;
}
.box-mobile-menu-tabs .my-account-wrap .customer-form .nav-tabs > li a {
padding-bottom: 6px;
}
.box-mobile-menu-open span.minicart-number {
opacity: 0;
}
.box-mobile-menu .nav-tabs > li > a {
padding-bottom: 6px;
}
.my-account-wrap .woocommerce-MyAccount-content {
display: none;
}
.box-mobile-menu-tabs .woocommerce-privacy-policy-text {
display: none;
} .enable-shop-page-mobile .shop-page {
padding-top: 10px;
padding-bottom: 35px;
} .single-product.single-product-mobile {
background: #f4f4f4;
}
.single-product-mobile .product-toolbar {
display: none;
}
.single-product-mobile .upsells::before, .single-product-mobile .related::before {
background-color: transparent;
}
.single-product-mobile .upsells, .single-product-mobile .related {
position: relative;
margin: 0 -1px;
}
.single-product-mobile.enable-shop-page-mobile .upsells .product-item, .single-product-mobile.enable-shop-page-mobile .related .product-item {
border-width: 1px 1px 1px 0;
}
.single-product-mobile .product-grid .product-info .star-rating {
display: none;
}
.single-product-mobile .product-grid .product-info .add_to_cart_button, .single-product-mobile .product-grid .product-info .ajax_add_to_cart, .single-product-mobile .product-grid .product-info .product_type_grouped {
display: none;
}
.single-product-mobile .product-grid .product-info .price {
color: inherit !important;
}
.single-product-mobile .owl-carousel {
margin-bottom: 30px;
}
.single-product-mobile .gallery_detail .woocommerce-variation-add-to-cart {
width: 100%;
}
.single-product-mobile table.variations {
margin-left: 0;
max-width: 100%;
margin-top: 15px;
}
.single-product-mobile .gallery_detail .summary {
padding-left: 0;
padding-right: 0
}
.single-product-mobile .summary.has-border {
padding: 0;
border: none
}
.product-mobile-layout .product_meta {
text-align: left;
background: #fff;
padding: 20px;
}
.product-mobile-layout .product-mobile-more-detail-wrap {
z-index: 9999999999;
}
.product-mobile-layout form.cart + .product_meta {
margin: 0;
}
.product-mobile-layout .single-left {
width: 100% !important;
position: relative;
}
.product-mobile-layout .single-left .flex-control-nav {
position: absolute;
z-index: 0;
left: 0;
bottom: 10px;
width: 100%;
text-align: center;
}
.product-mobile-layout .single-left .flex-control-nav > li {
display: inline-block;
width: auto;
}
.product-mobile-layout .single-left .flex-control-nav > li::after {
display: block;
content: '';
width: 10px;
height: 10px;
background-color: #acacac;
position: absolute;
border-radius: 50%;
top: 0;
left: 0;
z-index: -1;
}
.rion-content-single-product-mobile .product-mobile-layout .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
width: 10px;
height: 10px;
position: relative;
padding: 0;
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
overflow: hidden;
}
.rion-content-single-product-mobile .product-mobile-layout .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
opacity: 0;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
margin: 0;
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 5px;
}
.single-product-mobile .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li::after {
display: block !important;
content: '';
width: 10px;
height: 10px;
background-color: #acacac;
position: absolute;
border-radius: 0;
top: 0;
left: 0;
z-index: -1;
}
.rion-content-single-product-mobile .product-mobile-layout .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active {
background-color: #3f5ae5;
opacity: 1;
}
.rion-content-single-product-mobile .product-mobile-layout .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin-top: 0;
padding-right: 0;
float: left;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
.product-mobile-layout .detail-content {
position: static !important;
padding-top: 0 !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.enable-shop-page-mobile.single .main-product {
padding-bottom: 0;
margin: 0;
}
.enable-shop-page-mobile.shop-page-mobile .shop-prdctfltr-filter-wrap {
display: none;
}
.enable-shop-page-mobile .prdctfltr_woocommerce_ordering .prdctfltr_buttons {
display: block !important;
}
.enable-shop-page-mobile.shop-page-mobile .main-product .prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter_title {
display: block;
width: 100%;
max-width: 100%;
background-color: transparent !important;
color: #000000;
height: auto;
padding-top: 29px;
text-transform: capitalize;
letter-spacing: 0.1em;
font-size: 20px;
font-family: inherit;
}
.enable-shop-page-mobile.shop-page-mobile .prdctfltr_wc .prdctfltr_woocommerce_filter_title::before {
display: none !important;
}
.product-mobile-layout .summary.entry-summary {
position: relative;
}
div.rion-content-single-product-mobile .summary .yith-wcwl-add-to-wishlist {
width: auto;
margin: 0;
min-width: 0;
position: absolute;
border: none;
border-radius: 50%;
right: 20px;
text-align: center;
padding: 0;
line-height: 20px;
height: auto;
top: 17px;
background: transparent;
color: #3f5ae5;
}
.product-mobile-layout .summary > .variations_form {
padding: 0 15px;
}
.product-mobile-layout .detail-content .summary .entry-title {
padding-left: 20px;
background: #fff;
padding-right: 20px;
text-align: left;
color: #000;
margin: 0;
font-size: 18px;
padding-top: 10px;
}
.product-mobile-layout div.star-rating.no-rate {
width: auto;
font-size: 12px;
background: #fff;
text-align: left;
padding: 0 20px 20px 20px;
margin-bottom: 20px;
}
.product-mobile-layout .summary .woocommerce-product-rating .woocommerce-review-link {
width: auto;
}
.product-mobile-layout .detail-content .summary .price {
background-color: #fff;
width: 100%;
padding: 5px 20px 10px;
line-height: 20px;
text-align: left;
}
.product-mobile-layout .woocommerce-tabs::before {
display: none;
}
.product-mobile-layout .detail-content .summary .price del {
color: #333;
font-size: 14px;
padding: 0;
}
.product-mobile-layout .detail-content .summary .quantity {
float: left;
width: 135px;
height: 50px;
line-height: 50px;
margin: 0 20px 15px 0;
}
.product-mobile-layout .detail-content .summary .quantity .btn-number {
width: 44px;
height: 50px;
line-height: 45px;
}
.product-mobile-layout .detail-content .summary .quantity .input-qty {
width: 45px;
height: 50px;
line-height: 50px;
}
.product-mobile-layout .detail-content .summary .product_title + .quantity {
margin-top: 15px;
}
.product-mobile-layout .summary .woocommerce-product-details__short-description {
margin-bottom: 20px;
background-color: #ffffff;
text-align: left;
padding: 20px;
}
.product-mobile-ayout .detail-content .summary .quantity .control {
font-size: 15px;
width: 100%;
}
.product-mobile-layout . summary .woocommerce-product-details__short-description {
margin-bottom: 15px;
background: #fff;
border: none;
text-align: left;
padding: 20px;
border-radius: 0 0 3px 3px;
}
.product-mobile-layout .woocommerce-product-details__short-description ul {
margin-bottom: 10px;
}
.product-mobile-layout form.cart.grouped_form {
background: #ffff;
padding: 15px;
}
.product-mobile-layout .detail-content .summary .cart .single_add_to_cart_button {
width: auto;
margin-right: 0;
margin-top: 0;
height: 50px;
line-height: 50px;
margin-bottom: 20px;
}
.product-mobile-layout .woocommerce-product-details__short-description {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
width: 100%;
border: none;
}
.product-mobile-layout .detail-content .summary .woocommerce-product-details__short-description .title-s-desc {
display: none;
}
.product-mobile-layout div form.cart {
background: #fff;
display: inline-block;
width: 100%;
margin: 0 0 7px;
padding: 20px 20px 0;
position: static;
border-radius: 0 0 3px 3px;
}
.product-mobile-layout .summary .cart .single_add_to_cart_button {
margin-bottom: 0;
}
.product-mobile-more-detail-wrap p.stock.in-stock {
margin: 0;
padding: 20px 0 5px 20px;
width: 100%;
text-align: left;
}
.product-mobile-layout p.stock {
background: #fff;
padding: 10px;
text-align: center;
margin: 15px 20px;
max-width: inherit;
float: left;
line-height: 20px;
width: auto;
}
p.stock.out-of-stock {
margin: 0;
padding-bottom: 15px;
width: 100%;
border: none;
}
.product-mobile-layout .summary .clear {
display: none;
}
.product-mobile-layout .detail-content .summary .add-to-cart {
display: none;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs {
margin-top: 30px;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel {
margin-top: 30px;
text-align: justify;
width: 100%;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .vc_row {
width: 100% !important;
margin-left: 0;
margin-right: 0;
max-width: 100%;
padding-left: 0 !important;
left: auto !important;
padding-right: 0 !important;
right: auto !important;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel h2 {
text-align: left;
margin-bottom: 15px;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews {
text-align: left;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .comment-form .comment-form-comment {
margin-bottom: 18px;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .comment-form .form-submit {
text-align: left;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .commentlist .avatar {
float: left;
margin-right: 15px;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .commentlist .comment-text {
width: auto;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel #review_form_wrapper {
margin-top: 20px;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .comment-respond .comment-reply-title {
text-align: center;
margin-bottom: 15px;
}
.product-mobile-layout .summary tr.variation {
display: inline-block;
line-height: 30px;
padding: 0;
width: 100%;
}
.product-mobile-layout .detail-content .summary tr.variation td {
text-align: left;
width: 100%;
float: left;
height: auto;
display: inline-block;
}
.product-mobile-layout .product-info-stock-sku {
text-align: left;
background-color: #ffffff;
padding: 20px 20px 0 20px;
border: none;
}
.product-mobile-layout .product-sku {
text-align: left;
background-color: #ffffff;
padding: 20px;
margin-bottom: 15px;
}
.product-mobile-layout .summary .attribute-pa_size a.change-value:not(.color) {
padding: 0;
width: 44px;
height: 44px;
line-height: 42px;
border: 1px solid #dbdbdb;
margin-bottom: 12px;
}
.product-mobile-layout .summary .attribute-pa_size a.change-value.active:not(.color) {
border-color: #000000;
}
.product-mobile-layout tr.variation .data-val.attribute-pa_color {
margin-top: 0;
}
.product-mobile-layout.product-type-grouped .detail-content .summary .cart .group_table tr {
display: table-row;
}
.product-mobile-layout.product-type-grouped .detail-content .summary .cart .group_table tr .quantity {
border: 1px solid #b0b0b0;
}
.product-mobile-layout.product-type-grouped .detail-content .summary .cart .group_table tr td {
display: table-cell;
text-align: left;
}
.product-mobile-layout .detail-content .summary .cart.grouped_form .single_add_to_cart_button {
width: 100%;
margin-left: 0;
}
.product-mobile-layout.product-type-grouped .detail-content .summary td.price {
position: static;
transform: none;
-webkit-transform: none;
-ms-transform: none;
-moz-transform: none;
background-color: transparent;
color: #000;
}
.product-mobile-layout.product-type-grouped .detail-content .summary ins .woocommerce-Price-amount.amount {
font-size: 16px;
}
.product-mobile-layout.product-type-grouped .detail-content .summary del .woocommerce-Price-amount.amount {
font-size: 12px;
}
.product-mobile-layout.product-type-grouped .summary .cart .group_table {
margin-bottom: 0;
}
.product-mobile-layout .product-toggle-more-detail {
text-transform: uppercase;
text-align: center;
width: 100%;
color: #000;
background-color: #e9e9e9;
display: inline-block;
z-index: 1;
position: relative;
height: 52px;
line-height: 52px;
box-shadow: 0 -70px 55px #fff;
font-weight: 600;
}
.product-mobile-layout .product-toggle-more-detail.active {
box-shadow: 0 0 0;
}
.product-mobile-layout .product-toggle-more-detail:after {
font-family: Flaticon, sans-serif;
content: "\f108";
font-weight: 900;
margin-left: 10px;
display: inline-block;
}
.product-mobile-layout .product-toggle-more-detail.active:after {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
}
.product-mobile-layout .product-mobile-more-detail-wrap {
display: block !important;
width: 100%;
}
.product-mobile-layout .woocommerce-product-rating-clone .woocommerce-review-link {
line-height: 20px;
width: 100%;
}
.product-mobile-more-detail-wrap .variations_form {
display: none;
}
.product-mobile-layout .detail-content {
padding-bottom: 0 !important;
}
.product-mobile-layout div.famibt-wrap {
padding: 15px 15px 30px;
margin: 0;
border: none;
background: #ffffff;
}
.product-mobile-layout .product-item form.variations_form {
position: static;
display: none;
}
.product-mobile-layout section.products.product-grid {
background: #fff;
padding: 0 15px 1px 15px;
}
.product-mobile-layout .owl-carousel.nav-center .owl-nav > * {
top: calc(50% - 57px) !important;
font-size: 12px;
}
.rion-is-real-mobile .add-to-cart {
display: none;
}
.product-mobile-layout .deals-in-wrap {
background: #fff;
padding: 15px 15px 0;
display: inline-block;
margin-bottom: 15px;
width: 100%;
}
.product-mobile-layout .deals-in-wrap .deals-title {
font-size: 18px;
text-align: left;
padding-left: 30px;
margin-bottom: 14px;
}
.product-mobile-layout .deals-in-wrap .rion-countdown .timers .box {
margin-right: 11px;
}
.product-mobile-layout .deals-in-wrap .rion-countdown .timers .box .time {
width: 50px;
height: 50px;
font-size: 20px;
}
.product-mobile-layout .deals-in-wrap .rion-countdown .timers .box .time-title {
font-size: 11px;
letter-spacing: 0.1em;
}
.product-mobile-layout .offer-boxed-product {
background-color: #fff;
border: none;
padding: 20px;
margin-top: 0;
margin-bottom: 20px;
}
.product-mobile-layout .offer-boxed-product .title-offer {
position: static;
text-align: left;
display: block;
margin-bottom: 15px;
padding: 0;
}
.product-mobile-layout .offer-boxed-product ul {
padding: 0;
} .variable-mobile {
width: 100%;
display: none;
position: fixed;
left: 0;
bottom: 0;
background: #fff;
right: 0;
z-index: 9;
}
.product-mobile-layout .detail-content .summary .variable_mobile .price {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
.variable-mobile .flex-control-nav.flex-control-thumbs {
display: none !important;
}
.product-mobile-layout div .woocommerce-variation-add-to-cart {
display: none;
}
.variable_mobile ol.flex-control-nav.flex-control-thumbs {
display: none;
}
.product-mobile-layout .detail-content .summary .variable_mobile .quantity {
width: auto;
display: inline-block;
margin-bottom: 5px;
border: none;
padding: 0 5px;
background: #fff;
height: auto;
line-height: 30px;
}
.product-mobile-layout .variable_mobile.cart .quantity .btn-number.qtyplus {
width: 40px;
height: 40px;
position: static;
border-radius: 50%;
line-height: 40px;
border: none;
font-size: 22px;
font-weight: 700;
margin: 0 10px;
background: #e9e9e9;
}
.product-mobile-layout .variable_mobile.cart .quantity .btn-number.qtyminus {
width: 40px;
height: 40px;
position: static;
border-radius: 50%;
line-height: 36px;
border: none;
font-size: 30px;
margin: 0 10px;
background: #e9e9e9;
}
.variable_mobile.cart .quantity .input-qty {
font-weight: 700;
color: #000000;
width: 40px !important;
padding: 0 5px;
font-size: 16px;
line-height: 40px !important;
text-align: center;
float: left;
border-radius: 50%;
height: 40px !important;
border: 2px solid #aaa;
}
.variable_mobile .woocommerce-variation.single_variation {
display: inline-block;
width: 100%;
margin-top: 10px;
}
.variable_mobile .woocommerce-product-gallery {
position: relative;
overflow: hidden;
width: 100px;
float: left;
}
.variable_mobile .single_variation_wrap {
overflow: hidden;
min-height: 90px;
}
.product-mobile-layout .variable_mobile .detail-content .summary .price {
margin: 0;
padding: 0;
}
div.summary .variable_mobile .price .woocommerce-Price-amount.amount {
font-size: 18px;
}
.variable_mobile_show .body-overlay {
opacity: 1;
visibility: visible;
}
.product-mobile-layout form.cart.variable_mobile.show-box-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.product-mobile-layout form.cart.variable_mobile {
position: fixed;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
left: 0;
right: 0;
opacity: 0;
bottom: 0;
z-index: 999999;
padding: 10px 15px 15px;
margin: 0;
visibility: hidden;
transition: opacity 0.3s linear, opacity 0.3s linear, transform 0.3s linear;
-o-transition: opacity 0.3s linear, visibility 0.3s linear, -o-transform 0.3s linear;
-webkit-transition: opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s linear;
-webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
}
.product-mobile-layout a.reset_variations {
position: static;
margin: 15px 0 0;
padding: 0 15px;
font-size: 11px;
font-weight: 700;
float: left;
line-height: 30px;
height: 30px;
}
.product-mobile-layout .summary span.size-guide-text {
background-color: #fff;
padding-left: 64px;
padding-top: 23px;
display: block;
margin-bottom: -8px;
text-align: left;
}
.product-mobile-layout .size-guide-text::before {
left: 20px;
top: 26px;
}
.single div .variable_mobile a.change-value.color {
margin: 3px 12px 12px 0;
}
button.single_add_to_cart_button-clone.button {
line-height: 30px;
height: auto;
margin-top: 15px;
float: right;
font-size: 11px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
button.single_add_to_cart_button-clone.button::before {
font-family: 'FontAwesome', sans-serif;
font-size: 13px;
display: inline-block;
position: relative;
margin-right: 10px;
top: 0;
}
button.single_add_to_cart_button-clone.button.loading::before {
content: "\f110";
-webkit-animation: spin 1s infinite steps(8);
animation: spin 1s infinite steps(8);
}
button.single_add_to_cart_button-clone.button.added::before {
content: "\f113";
font-family: Flaticon, sans-serif;
}
.variable_mobile tr.variation label {
font-size: 12px;
font-weight: 700;
margin: 10px 0;
}
.variable_mobile tr.variation td.variation-title label::after {
display: none;
}
.toggle-variations-select-mobile {
width: 100%;
background: #fff;
text-align: left;
padding: 10px 20px;
margin-bottom: 15px;
font-size: 12px;
text-transform: uppercase;
display: inline-block;
letter-spacing: 1px;
font-weight: 700;
}
.toggle-variations-select-mobile::before {
content: "\f105";
float: right;
font-family: 'Fontawesome', sans-serif;
font-size: 16px;
}
.variable_mobile_show {
overflow-y: hidden;
margin: 0 !important;
}
a.close-box-content {
position: absolute;
top: 10px;
right: 10px;
} .woocommerce-tabs-mobile {
margin-top: 15px;
}
.tabs-mobile-content a.button-togole {
line-height: 50px;
background: #fff;
display: inline-block;
width: 100%;
margin-bottom: 15px;
font-size: 12px;
padding: 0 20px;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
color: #000;
}
.tabs-mobile-content a.button-togole::before {
content: "\f105";
float: right;
font-family: 'Fontawesome', sans-serif;
font-size: 16px;
}
.content-tab-element {
position: fixed;
background: #fff;
top: 0;
width: 100%;
bottom: 0;
right: 0;
left: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
z-index: 99999999999;
transition: transform 0.5s ease 0s;
-o-transition: -o-transform 0.5s ease 0s;
-webkit-transition: -webkit-transform 0.5s ease 0s;
}
.tab-show .content-tab-element {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.content-tab-element .content-des > h2 {
display: none;
}
button.close-tab {
background: transparent;
height: auto;
top: 0;
width: 50px;
border-right: 1px solid #e5e5e5;
line-height: 50px;
position: absolute;
left: 0;
border-radius: 0;
}
button.close-tab::before {
font-size: 22px;
content: "\f104";
font-family: 'Fontawesome', sans-serif;
color: #333;
}
h3.title-tab {
text-align: center;
border-bottom: 1px solid #e5e5e5;
font-size: 20px;
background: #fff;
padding: 15px 5px;
margin: 0;
}
.content-des {
padding: 20px 30px;
overflow-x: hidden;
text-align: left;
overflow-y: scroll;
height: calc(100% - 54px);
}
html.body-hide {
overflow: hidden;
}
.content-des th p, .content-des td p {
margin: 0;
}
.content-des table.shop_attributes {
color: #333;
}
.content-des #review_form_wrapper {
margin-top: 20px;
}
.content-des .comment-respond .comment-reply-title {
margin-bottom: 20px;
position: relative;
font-size: 16px;
text-align: left;
display: inline-block;
letter-spacing: 0;
font-weight: 700;
width: 100%;
text-transform: capitalize;
color: #000;
}
.add-to-cart-fixed-btn {
position: fixed;
z-index: 10000;
width: 100%;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
border-radius: 0;
font-weight: 600;
line-height: 40px;
display: none;
}
.add-to-cart-fixed-btn .icon {
margin-right: 10px;
} .single-product-mobile .summary .wc-tabs {
margin-left: -20px;
margin-right: -20px;
}
.single-product-mobile .summary .wc-tabs li {
width: 100%;
margin: 0;
}
.single-product-mobile .summary .wc-tabs li a {
width: 100%;
padding: 0 10px;
margin: 10px 0;
}
.single-product-mobile .summary .wc-tabs li a:before {
border-bottom: 1px solid #e5e5e5;
}
.single-product-mobile .summary .wc-tabs li:hover, .single-product-mobile .summary .wc-tabs li.active {
background-color: #f1f1f1;
color: #000;
}
.single-product-mobile .summary .wc-tabs li:hover a, .single-product-mobile .summary .wc-tabs li.active a {
color: #000;
}
.single-product-mobile .summary .wc-tabs li:hover a:before, .single-product-mobile .summary .wc-tabs li.active a:before {
border-bottom: 1px solid #eee;
}
.single-product-mobile .woocommerce-Tabs-panel .vc_row .vc_column-inner {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.single-product-mobile .summary .wc-tabs {
padding: 20px 0;
border-top: 1px solid #e5e5e5;
}
.single-product-mobile .width_background .woocommerce-variation-add-to-cart {
float: none;
}
.single-product-mobile .width_background .single_variation_wrap {
text-align: center;
}
.single-product-mobile .rion-single-add-to-cart-btn.add-to-cart-fixed-btn .icon {
font-size: 24px;
top: 3px;
position: relative;
}
.single-product-mobile .summary .woocommerce-product-rating {
padding-bottom: 7px;
margin: 0;
background: #fff;
line-height: 18px;
padding-left: 20px;
text-align: left;
}
.single-product-mobile .summary .woocommerce-product-rating .star-rating {
margin-bottom: 0;
}
.single-product-mobile .deal-add-to-cart {
display: none;
}
.single-product-mobile .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
width: 50px;
padding: 2px
}
.product-mobile-layout.gallery_detail .single-left .woocommerce-product-gallery.woocommerce-product-gallery--with-images .flex-control-nav > li:after {
display: none
} .shop-page-mobile .products_list-size-3 .product-item {
width: 100%;
}
.shop-page-mobile .products_list-size-3 .product-item .product-info {
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
.shop-page-mobile .products_list-size-3 .product-item .star-rating {
margin: 0 auto;
}
.shop-page-mobile .products_list-size-3 .product-item .star-rating::before,
.shop-page-mobile .products_list-size-3 .product-item .star-rating span::before {
padding-left: 3px;
}
.woocommerce-cart-form .variation {
margin-bottom: 0;
} .enable-shop-page-mobile .woocommerce-page-header {
margin: 0 -13px;
}
.enable-shop-page-mobile .woocommerce-page-header ul {
min-width: 0;
}
.woocommerce-cart-form-mobile .shop_table_mobile {
border: none;
display: block;
}
.woocommerce-cart-form-mobile .shop_table_mobile tbody {
display: block;
}
.woocommerce-cart-form-mobile .shop_table_mobile tr {
position: relative;
padding: 20px;
display: inline-block;
width: 100%;
}
.woocommerce-cart-form-mobile .shop_table_mobile td {
border: none;
display: block;
float: left;
}
.woocommerce-cart-form-mobile .shop_table_mobile tr::after {
content: '';
position: absolute;
width: 100vw;
border-bottom: 1px solid #ebebeb;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.woocommerce-cart-form-mobile .shop_table_mobile tr::after {
bottom: 0;
}
.shop_table_mobile .product-thumbnail {
width: 110px;
}
.shop_table_mobile .product-info {
width: calc(100% - 115px);
margin: 0;
}
.shop_table_mobile .product-info > a {
display: block;
font-size: 15px;
margin-top: -5px;
margin-bottom: 0;
font-weight: 600;
}
.shop_table_mobile .product-info .product-price {
display: block;
font-size: 15px;
color: #6d6d6d;
margin-bottom: 10px;
}
.shop_table_mobile .product-info .quantity .control {
display: inline-block;
}
.enable-shop-page-mobile .product-remove .remove {
font-size: 28px !important;
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
float: right;
line-height: 22px;
border: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td {
float: none;
}
.product-remove .remove span {
font-size: 0;
}
.enable-shop-page-mobile .product-remove .remove span {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.1em;
color: #ff0000;
font-size: 11px;
text-decoration: underline;
padding-left: 9px;
}
.enable-shop-page-mobile .woocommerce-cart-form-mobile .product-remove .remove {
position: absolute;
top: 12px;
right: 10px;
}
.woocommerce-cart-form-mobile .actions .actions-btn {
padding-bottom: 26px;
position: relative;
margin-bottom: 8px;
}
.woocommerce-cart-form-mobile .actions .actions-btn::before {
content: '';
border-bottom: 1px solid #ebebeb;
width: 100vw;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.woocommerce-cart-form-mobile .actions .actions-btn .button {
width: 100%;
}
.woocommerce-cart-form-mobile .actions .actions-btn .shopping {
min-width: 100%;
background-color: transparent;
border: 1px solid;
color: #000000;
line-height: 56px;
margin: 0;
font-weight: 700;
}
.woocommerce-cart-form-mobile .actions .actions-btn .shopping:hover {
background-color: #3f5ae5;
border-color: #3f5ae5;
color: #fff;
}
.woocommerce-cart-form-mobile .actions .coupon {
margin-bottom: 23px;
border: none;
position: relative;
padding: 0 40px 0 40px;
}
.woocommerce-cart-form-mobile .actions .coupon label {
text-align: left;
text-decoration: none;
font-size: 14px;
letter-spacing: 0.1em;
font-weight: 700;
}
.woocommerce-cart-form-mobile .actions .coupon .button {
margin-top: 20px;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals {
padding: 0;
border: none;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals h2 {
display: none;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .wc-proceed-to-checkout .checkout-button {
width: 100%;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr {
overflow: hidden;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr p {
margin-bottom: 0;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr strong {
font-weight: normal;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr th,
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr td {
padding: 10px 0;
float: left;
width: auto;
font-size: 14px;
letter-spacing: 0.1em;
font-weight: 700;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr th {
width: 90px !important;
text-align: left;
border: none;
text-transform: uppercase;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr td {
width: calc(100% - 90px) !important;
text-align: right;
border: none;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table .shipping-calculator-button {
padding-top: 10px;
font-size: 14px;
letter-spacing: 0.1em;
} .enable-shop-page-mobile .wishlist-title {
display: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table {
border: none !important;
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr {
display: inline-block;
padding-bottom: 21px;
text-align: left;
width: 100%;
position: relative;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr::before {
content: '';
border-bottom: 1px solid #ebebeb;
width: 100vw;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td {
border: none;
padding: 0;
text-align: left;
display: inline;
width: 100% !important;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td {
padding-left: 100px;
}
body.enable-shop-page-mobile .woocommerce table.shop_table.wishlist_table thead {
display: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td:first-child {
float: left;
width: 100px !important;
border-left: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td.product-thumbnail {
position: absolute;
top: 10px;
left: 0;
padding: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td.wishlist-empty {
margin: 0;
display: inline-block;
width: 100% !important;
padding: 15px 0 0;
text-align: center;
border-right: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr .product-name {
display: block;
font-size: 15px;
margin-top: -5px;
margin-bottom: 0;
float: left;
width: 100% !important;
padding-left: 100px !important;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr .product-price {
display: block;
font-size: 15px;
color: #6d6d6d;
float: left;
width: 100% !important;
padding-left: 100px !important;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-add-to-cart {
margin-top: 15px;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-add-to-cart .add_to_cart::before {
display: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-add-to-cart .add_to_cart {
width: 100%;
font-size: 12px;
float: left;
text-align: center;
margin-top: 15px;
height: 50px;
line-height: 50px;
}
.enable-shop-page-mobile form#yith-wcwl-form {
padding: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-remove {
padding: 0;
border: none;
top: 35px;
right: -13px;
}
.enable-shop-page-mobile .shop_table tr td.product-stock-status > span {
padding: 3px 12px;
text-align: center;
width: auto;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot tr {
padding-bottom: 0;
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot tr td:first-child {
width: 100% !important;
text-align: center;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot tr::before {
display: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot .yith-wcwl-share {
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot .yith-wcwl-share h4.yith-wcwl-share-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
margin: 2px 0 17px 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-remove .remove {
position: absolute;
bottom: 0;
right: 0;
color: #000;
font-size: 25px !important;
}
@media (max-width: 1024px) {
body.enable-shop-page-mobile .woocommerce-page-header ul {
text-align: left;
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.shop-page-mobile .products_list-size-3 .product-item .product-thumb {
float: left;
}
.shop-page-mobile .products_list-size-3 .product-item .product-info {
margin-top: 0;
padding: 20px;
text-align: left;
}
.shop-page-mobile .products_list-size-3 .product-item .product-info .star-rating {
margin-left: 0;
}
.shop-page-mobile .products_list-size-3 .product-item .product-info .star-rating:before, .shop-page-mobile .products_list-size-3 .product-item .product-info .star-rating span:before {
padding-left: 0;
}
.shop-page-mobile .products_list-size-3 .product-item .onsale, .shop-page-mobile .products_list-size-3 .product-item .onnew {
position: absolute;
z-index: 2;
top: 0;
}
.shop-page-mobile .products_list-size-3 .product-item .onsale {
left: 15px;
}
.shop-page-mobile .products_list-size-3 .product-item .onnew {
right: 15px;
}
.product-mobile-layout .woocommerce-variation-add-to-cart {
width: calc(100% - 283px);
float: left;
}
.product-mobile-layout .summary .yith-wcwl-add-to-wishlist {
clear: none;
}
}
@media (max-width: 767px) {
.enable-shop-page-mobile .woocommerce-page-headermid {
padding-bottom: 25px;
padding-top: 40px;
}
.enable-shop-page-mobile .page-main-content {
padding: 0 0 35px 0;
}
.onnew, .onsale {
height: 18px;
letter-spacing: 0;
line-height: 18px;
padding-left: 10px;
padding-right: 10px;
}
}
body.single-product .main-container {
padding-top: 0;
} @media (min-width: 1270px) and (max-width: 1300px) {
.header-table .header-control-wrap .header-search-box .search-icon .icon::before {
position: relative;
top: 2px;
}
a.backtotop i::before {
position: relative;
top: 2px;
}
.owl-carousel .owl-nav > * i::before {
position: relative;
top: 2px;
}
.currency-language-wrap {
top: -1px;
}
.currency-language {
top: 0;
}
.wcml_currency_switcher {
top: -1px;
}
}
@media (max-width: 767px) {
.woocommerce table.shop_table.wishlist_table tr td.product-thumbnail {
width: 100px !important;
padding: 0 10px 0 0;
position: absolute;
top: 15px;
left: 15px;
}
.woocommerce table.shop_table.wishlist_table tr td.product-remove {
border: none;
right: 9px;
top: 7px;
}
.woocommerce table.shop_table.wishlist_table tr td.product-name {
padding-right: 60px;
}
.woocommerce table.shop_table.wishlist_table.wishlist_table tr td.product-name,
.woocommerce table.shop_table.wishlist_table tr td.product-price,
.woocommerce table.shop_table.wishlist_table tr td.product-add-to-cart,
.woocommerce table.shop_table.wishlist_table tr td.product-stock-status,
.woocommerce table.shop_table.wishlist_table tr td.product-price {
width: 100% !important;
margin: 0;
padding-left: 100px;
}
.woocommerce table.shop_table.wishlist_table tr td.product-name {
padding-top: 0 !important;
}
body table.shop_table.wishlist_table tr th:first-child,
body table.shop_table.wishlist_table tr td:first-child {
border-left: none;
}
body table.shop_table.wishlist_table tr th:last-child,
body table.shop_table.wishlist_table tr td:last-child {
border-right: none;
}
body .woocommerce table.shop_table.wishlist_table {
border: 2px solid #e3e3e3;
}
body .woocommerce table.shop_table.wishlist_table .product-add-to-cart {
padding-left: 0;
}
body .woocommerce table.shop_table.wishlist_table .product-add-to-cart .add_to_cart {
font-size: 12px;
letter-spacing: 0.2em;
height: 50px;
line-height: 50px;
width: 100%;
}
body .shop_table tr td.product-stock-status > span {
padding: 9px 15px;
margin-bottom: 8px;
}
body .woocommerce table.shop_table.wishlist_table tr {
padding: 20px;
}
body .woocommerce table.shop_table.wishlist_table tr:not(:last-child) {
border-bottom: 1px solid #e3e3e3;
}
body .woocommerce table.shop_table tfoot {
border-top: 1px solid #e3e3e3;
}
.yith-wcwl-share {
margin-bottom: 22px;
}
.wishlist-empty {
margin-bottom: 30px;
margin-top: 30px;
}
}
.pswp__img {
width: auto !important;
}