:root {
--basel-admin-bar-h: .001px; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
line-height: 1; }
ol, ul {
list-style: none; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q, blockquote {
quotes: none; }
q:before, q:after,
blockquote:before,
blockquote:after {
content: "";
content: none; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
i.fa:before {
margin-left: 1px;
margin-right: 1px; }
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body {
background-color: #FFF;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
color: #4C4C4C;
line-height: 1.6;
font-size: 14px; }
p {
margin-bottom: 20px; }
a {
color: #202020;
transition: all .2s;
text-decoration: none; }
a:hover, a:focus, a:active {
color: #000;
outline: none;
text-decoration: none; }
label {
display: block;
font-size: 14px;
color: #1B1919;
font-weight: 400;
margin-bottom: 5px;
vertical-align: middle; }
em {
font-style: italic; }
big {
font-size: larger; }
abbr {
color: #DA6972; }
.required {
color: #E01020;
font-size: 16px;
border: none; }
dl {
margin-bottom: 20px; }
b,
strong {
font-weight: bold; }
small {
font-size: 80%; }
mark {
display: inline-block;
padding: 2px 4px;
background-color: #F9F9F9; }
code,
kbd,
ins {
padding: 2px 5px; }
code, kbd, pre, samp {
-webkit-hyphens: none;
hyphens: none;
font-family: monospace, serif; }
pre {
overflow: auto;
padding: 20px 30px;
margin-bottom: 20px;
color: #666;
font-size: 14px;
border-radius: 0;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px; }
sub,
sup {
position: relative;
line-height: 0;
vertical-align: baseline;
font-size: 12px; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
var {
font-style: italic; }
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
width: 100%;
border-top: 1px solid rgba(27, 27, 27, 0.6);
margin-top: 0;
margin-bottom: 20px; }
.color-scheme-light hr {
border-color: rgba(255, 255, 255, 0.45); }
img {
max-width: 100%;
height: auto;
vertical-align: middle; }
blockquote {
text-align: left;
font-size: 17px;
margin-bottom: 20px;
padding-left: 30px;
border-left-width: 2px;
border-style: solid;
color: #3a3a3a; }
blockquote p {
margin-bottom: 10px;
font-size: 17px; }
blockquote cite,
blockquote cite a {
font-weight: bold;
font-size: 14px; }
.color-scheme-light blockquote {
border-color: rgba(255, 255, 255, 0.7); }
.color-scheme-light blockquote footer:before {
border-color: rgba(255, 255, 255, 0.7); }
.color-scheme-light blockquote cite,
.color-scheme-light blockquote cite a {
color: #FFF; }
svg:not(:root) {
overflow: hidden; }
cite {
font-style: italic; }
address {
line-height: 1.8;
font-style: italic;
margin-bottom: 20px; }
fieldset {
border: 2px solid #E6E6E6;
padding: 20px 40px;
margin-bottom: 20px; }
fieldset legend {
display: block;
font-size: 20px;
text-transform: uppercase;
width: auto;
padding: 0 15px;
color: #3b3b3b;
letter-spacing: .3px; }
a[href^="tel"]:hover {
color: #000; }
.color-scheme-light a[href^="tel"] {
color: #FFF; }
.color-scheme-light a[href^="tel"]:hover {
color: #FFF; }
.basel-core-message {
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 100;
background: #FFFDB2;
padding: 30px;
border-radius: 10px;
max-width: 100%;
max-width: 800px;
color: #A39C18;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.basel-core-message a {
color: #6B6710;
font-weight: bold; }
.basel-core-message a:hover {
color: #6B6710;
text-decoration: underline; }
h1, h2, h3, h4, h5, h6,
.title {
color: #1B1919;
margin-bottom: 20px;
line-height: 1.4; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit; }
h1 {
font-size: 28px; }
h2 {
font-size: 24px; }
h3 {
font-size: 22px; }
h4 {
font-size: 18px; }
h5 {
font-size: 16px; }
h6 {
font-size: 12px; }
.single-product-content .woocommerce-product-details__short-description ul, .single-product-content .woocommerce-product-details__short-description ol,
.single-product-content #tab-description ul,
.single-product-content #tab-description ol,
.blog-post-loop .entry-content ul,
.blog-post-loop .entry-content ol,
.comments-area .comment-list li ul,
.comments-area .comment-list li ol {
margin-bottom: 20px; }
.single-product-content .woocommerce-product-details__short-description ul,
.single-product-content #tab-description ul,
.blog-post-loop .entry-content ul,
.comments-area .comment-list li ul {
padding-left: 40px; }
.single-product-content .woocommerce-product-details__short-description ul > li,
.single-product-content #tab-description ul > li,
.blog-post-loop .entry-content ul > li,
.comments-area .comment-list li ul > li {
position: relative; }
.single-product-content .woocommerce-product-details__short-description ul > li:before,
.single-product-content #tab-description ul > li:before,
.blog-post-loop .entry-content ul > li:before,
.comments-area .comment-list li ul > li:before {
content: "\f105";
font-family: "basel-font";
opacity: .7;
position: absolute;
top: 0;
left: -20px; }
.single-product-content .woocommerce-product-details__short-description ol,
.single-product-content #tab-description ol,
.blog-post-loop .entry-content ol,
.comments-area .comment-list li ol {
list-style: decimal;
padding-left: 40px; }
.single-product-content .woocommerce-product-details__short-description li,
.single-product-content #tab-description li,
.blog-post-loop .entry-content li,
.comments-area .comment-list li li {
line-height: 1.8; }
.single-product-content .woocommerce-product-details__short-description li > ul,
.single-product-content .woocommerce-product-details__short-description li > ol,
.single-product-content #tab-description li > ul,
.single-product-content #tab-description li > ol,
.blog-post-loop .entry-content li > ul,
.blog-post-loop .entry-content li > ol,
.comments-area .comment-list li li > ul,
.comments-area .comment-list li li > ol {
margin-bottom: 0; }
.type-page .entry-content > ul,
.type-page .entry-content > ol {
margin-bottom: 20px; }
.type-page .entry-content > ul li,
.type-page .entry-content > ol li {
line-height: 1.8; }
.type-page .entry-content > ul li > ul,
.type-page .entry-content > ul li > ol,
.type-page .entry-content > ol li > ul,
.type-page .entry-content > ol li > ol {
padding-left: 40px;
margin-bottom: 0; }
.type-page .entry-content > ul {
padding-left: 40px; }
.type-page .entry-content > ul li {
position: relative; }
.type-page .entry-content > ul li:before {
content: "\f105";
font-family: "basel-font";
opacity: .7;
position: absolute;
top: 0;
left: -20px; }
.type-page .entry-content > ol li {
list-style: decimal; }
.type-page .entry-content > ol li:before {
content: none; }
.type-page .entry-content > dl {
margin: 0 20px;
line-height: 1.7; }
.type-page .entry-content > dl dd {
margin-bottom: 20px; }
.type-page .entry-content > dl dt {
font-weight: bolder; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.text-left {
text-align: left; }
.text-larger {
font-size: 110%; }
.title-uppercase {
text-transform: uppercase; }
.weight-bold {
font-weight: 600; }
.color-scheme-light {
color: rgba(255, 255, 255, 0.8); }
.color-scheme-light a {
color: rgba(255, 255, 255, 0.9); }
.color-scheme-light a:hover {
color: #FFF; }
.color-scheme-light p {
color: rgba(255, 255, 255, 0.8); }
.color-scheme-light h1, .color-scheme-light h2, .color-scheme-light h3, .color-scheme-light h4, .color-scheme-light h5, .color-scheme-light h6,
.color-scheme-light .widgettitle,
.color-scheme-light .widget-title,
.color-scheme-light .entry-title,
.color-scheme-light label {
color: #FFF; }
.color-scheme-light ul li {
color: rgba(255, 255, 255, 0.8); }
.color-scheme-light ul li a {
color: rgba(255, 255, 255, 0.9); }
.color-scheme-light ul li a:hover {
color: #FFF; }
.color-scheme-dark {
color: rgba(0, 0, 0, 0.7); }
.color-scheme-dark a {
color: rgba(0, 0, 0, 0.8); }
.color-scheme-dark a:hover {
color: #000; }
.color-scheme-dark p {
color: rgba(0, 0, 0, 0.7); }
.color-scheme-dark h1, .color-scheme-dark h2, .color-scheme-dark h3, .color-scheme-dark h4, .color-scheme-dark h5, .color-scheme-dark h6,
.color-scheme-dark .widgettitle,
.color-scheme-dark .widget-title,
.color-scheme-dark label {
color: #000; }
.color-scheme-dark ul li {
color: rgba(0, 0, 0, 0.8); }
.color-scheme-dark ul li a {
color: rgba(0, 0, 0, 0.8); }
.color-scheme-dark ul li a:hover {
color: #000; }
.color-black {
color: #000; }
.color-white {
color: #FFF; }
.position-relative {
position: relative; }
.z-index-h {
z-index: 35; }
.clear {
clear: both;
width: 100%; }
.cursor-pointer {
cursor: pointer; }
.parallax-bg {
background-attachment: fixed !important;
background-position: center center !important; }
.parallax-bg > .vc_column-inner {
background-attachment: fixed !important;
background-position: center center !important; }
body .basel-parallax {
background-attachment: fixed;
background-size: cover !important;
z-index: 1 !important; }
body .basel-parallax > .vc_column-inner {
background-attachment: fixed;
background-size: cover !important; }
body .overflow-visible {
overflow: visible !important; }
.basel-fill {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.basel-tooltip {
text-align: center;
position: relative; }
.basel-tooltip .basel-tooltip-label {
position: absolute;
padding: 0 10px;
line-height: 28px;
font-size: 12px;
letter-spacing: .3px;
visibility: hidden;
white-space: nowrap;
color: transparent;
background-color: transparent; }
.basel-tooltip .basel-tooltip-label:before {
content: "\f9d7";
font-family: "basel-font";
position: absolute;
top: 98%;
bottom: auto;
left: 50%;
right: auto;
color: transparent;
font-size: 16px;
line-height: 5px;
transform: translateX(-50%) translateY(0); }
.basel-tooltip .basel-tooltip-label {
bottom: 130%;
left: 50%;
right: auto;
top: auto;
transform: translateX(-50%) translateY(0); }
.basel-tooltip:hover .basel-tooltip-label {
background-color: #000;
color: #FFF;
visibility: visible;
top: auto;
bottom: 115%;
left: 50%;
right: auto; }
.basel-tooltip:hover .basel-tooltip-label:before {
color: #000; }
.bypostauthor cite span {
font-size: 11px;
font-size: .785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #fff;
background-repeat: repeat-x;
background-color: #21759b;
background-image: none;
border: 1px solid #1f6f93;
border-radius: 2px;
box-shadow: none;
padding: 0; }
.comments-area .bypostauthor cite span {
position: absolute;
margin-left: 5px;
margin-left: 0.357142857rem;
padding: 2px 5px;
padding: 0.142857143rem 0.357142857rem;
font-size: 10px;
font-size: .714285714rem; }
.comments-area .bypostauthor cite b {
font-weight: bold; }
.entry-content img,
.entry-summary img,
.comment-content img,
.wp-caption {
max-width: 100%; }
@keyframes load-spin {
100% {
transform: rotate(360deg); } }
@keyframes fade-in {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fade-out {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes semi-fade-out {
from {
opacity: 1; }
to {
opacity: .6; } }
table {
width: 100%;
margin-bottom: 50px;
font-size: 14px;
border-collapse: collapse;
border-spacing: 0; }
table a {
color: #2f2f2f; }
table tr th {
padding: 15px 10px;
text-align: center;
letter-spacing: 1px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.4;
color: #1B1919;
vertical-align: middle;
border: none;
border-bottom: 2px solid #EFEFEF; }
table tr td {
padding: 15px 12px;
border: none;
text-align: center;
border-bottom: 1px solid var(--table-td-br-color, #E6E6E6); }
table tbody th,
table tfoot th {
border-bottom: 1px solid #E6E6E6;
text-transform: none; }
.table-bordered-style th,
.table-bordered-style td {
border: 1px solid #EFEFEF; }
.responsive-table {
overflow-x: auto;
margin-bottom: 30px; }
.responsive-table table {
margin: 0; }
.responsive-table .responsive-table {
margin-bottom: 0;
overflow-x: visible; }
textarea,
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="date"] {
width: 100%;
height: 40px;
border: 1px solid rgba(129, 129, 129, 0.25);
font-size: 14px;
line-height: 18px;
padding: 0 10px;
transition: border-color .5s;
box-shadow: none;
border-radius: 0; }
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus {
outline: none;
border-color: rgba(0, 0, 0, 0.6);
transition: border-color .4s;
box-shadow: none; }
input[type='email'],
input[type='search'],
input[type='number'],
input[type='url'],
input[type='tel'],
input[type='text'],
input[type="date"],
input[type="password"],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
input[type="radio"],
input[type="checkbox"] {
padding: 0;
margin-top: 0;
margin-right: 5px;
vertical-align: middle; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
box-sizing: content-box;
-webkit-appearance: textfield; }
textarea {
overflow: auto;
height: auto;
line-height: 1.5;
padding: 10px 15px;
resize: vertical; }
select {
background-position: right 3px top 50%;
background-repeat: no-repeat;
background-size: auto 5px;
padding-right: 30px; }
input[type="date"],
input[type="number"] {
padding-right: 0; }
input[type="date"] {
padding: 0 0 0 15px; }
input[type="date"]::-webkit-clear-button {
position: relative;
font-size: 12px;
height: 40px;
right: 5px;
margin-right: 4px; }
input[type="date"]::-webkit-inner-spin-button {
height: 40px; }
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
input[type="number"] {
line-height: 40px; } }
.color-scheme-light textarea,
.color-scheme-light select,
.color-scheme-light input[type="email"],
.color-scheme-light input[type="text"],
.color-scheme-light input[type="password"],
.color-scheme-light input[type="number"],
.color-scheme-light input[type="tel"] {
box-shadow: none;
border-color: rgba(255, 255, 255, 0.4);
background-color: transparent;
color: #FFF; }
.color-scheme-light textarea:focus,
.color-scheme-light select:focus,
.color-scheme-light input[type="email"]:focus,
.color-scheme-light input[type="text"]:focus,
.color-scheme-light input[type="password"]:focus,
.color-scheme-light input[type="number"]:focus,
.color-scheme-light input[type="tel"]:focus {
border-color: rgba(255, 255, 255, 0.7); }
.color-scheme-light textarea option,
.color-scheme-light select option,
.color-scheme-light input[type="email"] option,
.color-scheme-light input[type="text"] option,
.color-scheme-light input[type="password"] option,
.color-scheme-light input[type="number"] option,
.color-scheme-light input[type="tel"] option {
color: rgba(0, 0, 0, 0.8); }
.color-scheme-light ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
.color-scheme-light ::-moz-placeholder {
color: rgba(255, 255, 255, 0.6); }
.color-scheme-light :-moz-placeholder {
color: rgba(255, 255, 255, 0.6); }
.color-scheme-light :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
select, body .select2-container .select2-selection .select2-selection__arrow {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE1LTA0LTE3VDE3OjEyOjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU4MjBDRURERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU4MjBDRUVERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUVFRDJCNkREQzMxMUU0QTM3QUI4MEQzQjkxMTEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTgyMENFQ0RGNUIxMUU0QTM3QUI4MEQzQjkxMTEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuShL/sAAABeSURBVHjaYszOzjZnYGDYCcT8DMSBv0AcP2XKlKVEqmdgAuKTQOwOxB+JtQCIibYAZgkDkRaRZQGyJYQsItsCdEtwWUSRBdgsQbeIYgtAgAWHOMwiJSBezkAhAAgwAJSTG/DI0S9VAAAAAElFTkSuQmCC); }
.btn,
.button,
button,
.added_to_cart,
input[type="submit"] {
display: inline-block;
text-align: center;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: .3px;
border-radius: 0;
border: 1px solid;
transition: all .25s ease-in-out;
cursor: pointer;
background-color: #ECECEC;
color: #3E3E3E;
border-color: #ECECEC; }
.btn:hover,
.button:hover,
button:hover,
.added_to_cart:hover,
input[type="submit"]:hover {
background-color: #3E3E3E;
color: #FFF;
text-decoration: none;
border-color: #3E3E3E; }
.btn.btn-style-bordered,
.button.btn-style-bordered,
button.btn-style-bordered,
.added_to_cart.btn-style-bordered,
input[type="submit"].btn-style-bordered {
background-color: transparent;
color: #6D6D6D;
border-color: #B5B5B5; }
.btn.btn-style-bordered:hover,
.button.btn-style-bordered:hover,
button.btn-style-bordered:hover,
.added_to_cart.btn-style-bordered:hover,
input[type="submit"].btn-style-bordered:hover {
background-color: #3E3E3E;
color: #FFF;
border-color: #3E3E3E; }
.btn.btn-style-link,
.button.btn-style-link,
button.btn-style-link,
.added_to_cart.btn-style-link,
input[type="submit"].btn-style-link {
background-color: transparent;
color: #6D6D6D;
border-color: #B5B5B5; }
.btn.btn-style-link:hover,
.button.btn-style-link:hover,
button.btn-style-link:hover,
.added_to_cart.btn-style-link:hover,
input[type="submit"].btn-style-link:hover {
background-color: transparent;
color: #3E3E3E;
border-color: #3E3E3E; }
.btn:focus,
.button:focus,
button:focus,
.added_to_cart:focus,
input[type="submit"]:focus {
outline: none; }
button,
input[type="submit"],
input[type="button"] {
cursor: pointer;
-webkit-appearance: none;
background: transparent; }
button[disabled],
input[disabled],
.basel-disabled {
cursor: default;
opacity: .6; }
.header-shop .main-nav > h5,
.header-categories .main-nav > h5,
.header-simple .main-nav > h5 {
padding-top: 20px;
padding-bottom: 20px; }
.basel-navigation {
color: rgba(0, 0, 0, 0.7); }
.basel-navigation a {
color: rgba(0, 0, 0, 0.8); }
.basel-navigation a:hover {
color: #000; }
.basel-navigation p {
color: rgba(0, 0, 0, 0.7); }
.basel-navigation h1, .basel-navigation h2, .basel-navigation h3, .basel-navigation h4, .basel-navigation h5, .basel-navigation h6,
.basel-navigation .widgettitle,
.basel-navigation .widget-title,
.basel-navigation label {
color: #000; }
.basel-navigation ul li {
color: rgba(0, 0, 0, 0.8); }
.basel-navigation ul li a {
color: rgba(0, 0, 0, 0.8); }
.basel-navigation ul li a:hover {
color: #000; }
.basel-navigation .menu {
line-height: 1.3; }
.basel-navigation .menu li.item-with-label > a {
position: relative; }
.basel-navigation .menu > li a i {
margin-right: 2px;
opacity: .7; }
.basel-navigation .menu > li > a {
text-decoration: none;
letter-spacing: .5px;
text-transform: uppercase;
transition: all .2s ease; }
.basel-navigation .menu > li > a:hover {
text-decoration: none; }
.basel-navigation .menu > li .sub-menu-dropdown {
background-position: bottom right;
background-repeat: no-repeat;
background-clip: border-box;
background-color: #FFF; }
.basel-navigation .menu > li.menu-item-has-children > a {
position: relative; }
.basel-navigation .menu > li.menu-item-has-children > a:after {
position: absolute;
top: 50%;
margin-top: -7px;
font-family: "basel-font";
line-height: 14px;
font-weight: normal; }
.basel-navigation .menu > li.menu-item-design-default {
position: relative; }
.basel-navigation .menu > li.menu-item-design-default .sub-menu-dropdown {
position: absolute;
left: 0;
width: 180px;
padding-top: 12px;
padding-bottom: 12px;
z-index: 300;
visibility: hidden;
opacity: 0;
transition: all .25s ease 0.1s; }
.basel-navigation .menu > li.menu-item-design-default .container {
width: auto;
padding: 0; }
.basel-navigation .menu > li.menu-item-design-default ul li {
display: block;
position: relative; }
.basel-navigation .menu > li.menu-item-design-default ul li a {
display: inline-block;
padding-left: 15px;
padding-right: 15px;
padding-top: 11px;
padding-bottom: 11px;
color: #3C3C3C;
font-size: 13px;
font-weight: normal;
letter-spacing: 0.3px;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease-in-out; }
.basel-navigation .menu > li.menu-item-design-default ul li.menu-item-has-children > a {
padding-right: 20px; }
.basel-navigation .menu > li.menu-item-design-default ul li.menu-item-has-children:after {
content: "\f105";
font-family: "basel-font";
position: absolute;
color: #bbb;
right: 14px;
top: 50%;
margin-top: -8px;
line-height: 14px; }
.basel-navigation .menu > li.menu-item-design-default ul li:hover > ul {
opacity: 1;
visibility: visible;
left: 100%; }
.basel-navigation .menu > li.menu-item-design-default ul li:hover > a {
margin-left: 5px; }
.basel-navigation .menu > li.menu-item-design-default .sub-sub-menu {
position: absolute;
top: 0;
left: 80%;
width: 180px;
background-color: #FFF;
visibility: hidden;
opacity: 0;
padding-top: 12px;
padding-bottom: 12px;
transition: all .2s ease;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); }
.basel-navigation .menu > li.menu-item-design-default .sub-sub-menu.color-scheme-light {
background-color: rgba(0, 0, 0, 0.95); }
.basel-navigation .menu > li.menu-item-design-sized {
position: relative; }
.basel-navigation .menu > li.menu-item-design-sized .container {
width: auto;
padding: 0; }
.basel-navigation .menu > li.menu-item-design-full-width > .sub-menu-dropdown, .basel-navigation .menu > li.menu-item-design-sized > .sub-menu-dropdown {
position: absolute;
left: 0;
z-index: 300;
visibility: hidden;
opacity: 0;
transition: all .25s ease 0.1s; }
.basel-navigation .menu > li.menu-item-design-full-width .vc_row .sub-menu > li, .basel-navigation .menu > li.menu-item-design-sized .vc_row .sub-menu > li {
width: auto; }
.basel-navigation .menu > li.menu-item-design-full-width .sub-menu:after, .basel-navigation .menu > li.menu-item-design-sized .sub-menu:after {
content: "";
clear: both;
display: block; }
.basel-navigation .menu > li.menu-item-design-full-width .sub-menu > li, .basel-navigation .menu > li.menu-item-design-sized .sub-menu > li {
float: left;
width: 200px;
margin-right: 10px;
margin-bottom: 20px; }
.basel-navigation .menu > li.menu-item-design-full-width .sub-menu > li > a, .basel-navigation .menu > li.menu-item-design-sized .sub-menu > li > a {
display: inline-block;
font-size: 16px;
font-weight: 600 !important;
letter-spacing: 0.3px;
line-height: 1.4;
text-transform: uppercase;
color: #1B1919;
text-decoration: none;
margin-bottom: 10px; }
.basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li, .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li {
display: block; }
.basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a, .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a {
display: inline-block;
font-size: 14px;
font-weight: normal;
padding: 8px 0;
color: #3C3C3C;
letter-spacing: 0.3px; }
.basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a:hover, .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a:hover {
text-decoration: none;
margin-left: 5px; }
.basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a .menu-label, .basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a .menu-label {
right: -25px;
left: auto;
margin-top: -14px; }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light {
background-color: rgba(0, 0, 0, 0.95); }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .sub-menu > li > a {
color: #FFF; }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .sub-menu > li > a:hover {
color: rgba(255, 255, 255, 0.6); }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .sub-sub-menu li a {
color: #FFF; }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .sub-sub-menu li a:hover {
color: rgba(255, 255, 255, 0.6); }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h1, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h2, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h3, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h4, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h5, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h6,
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h1 a, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h2 a, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h3 a, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h4 a, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h5 a, .basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light h6 a,
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .widgettitle,
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .widget-title,
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light label {
color: #FFF; }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light p {
color: rgba(255, 255, 255, 0.8); }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .price {
color: #FFF; }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .price .amount {
color: #FFF; }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .price del {
color: rgba(255, 255, 255, 0.5); }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .price del > .amount {
color: rgba(255, 255, 255, 0.5); }
.basel-navigation .menu > li .sub-menu-dropdown.color-scheme-light .btn-add > a {
color: #FFF; }
.basel-navigation .menu > li.item-event-hover:hover > .sub-menu-dropdown,
.basel-navigation .menu > li.item-event-click.item-menu-opened > .sub-menu-dropdown {
visibility: visible;
opacity: 1; }
.basel-navigation .menu > li.callto-btn > a {
height: auto;
text-align: center;
line-height: 18px;
font-size: 14px;
padding: 11px 21px;
margin-left: 12px;
margin-right: 12px;
text-transform: uppercase;
letter-spacing: .3px;
border-radius: 0;
color: #FFF;
transition: all .2s ease; }
.basel-navigation .menu > li.callto-btn > a:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.basel-navigation .menu > li.callto-btn.menu-item-has-children {
margin-right: 0; }
.basel-navigation .menu > li.callto-btn.menu-item-has-children > a {
padding-right: 25px; }
.basel-navigation .menu > li.callto-btn.menu-item-has-children > a:after {
right: 10px;
color: #FFF; }
.basel-navigation .menu > li.callto-btn.current-menu-item > a {
color: #FFF; }
.main-nav .menu {
margin-left: -12px;
margin-right: -12px; }
.main-nav .menu li {
text-align: left; }
.main-nav .menu > li {
display: inline-block;
margin-left: -2px; }
.main-nav .menu > li a i {
font-size: 14px;
min-width: 22px; }
.main-nav .menu > li > a {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
padding-left: 13px;
padding-right: 13px;
height: 50px;
line-height: 50px;
color: rgba(0, 0, 0, 0.9); }
.main-nav .menu > li > a > i {
margin-right: 4px;
min-width: 0;
font-size: 14px; }
.main-nav .menu > li.menu-item-has-children {
margin-right: 5px; }
.main-nav .menu > li.menu-item-has-children > a:after {
content: "\f107";
right: 1px;
font-size: 12px;
color: #bbb; }
.main-nav .menu > li.menu-item-has-children:last-child {
margin-right: 0; }
.main-nav .menu > li .sub-menu-dropdown {
top: 70%;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); }
.main-nav .menu > li.menu-item-design-full-width .sub-menu-dropdown {
width: 100%;
padding: 30px 0 5px 0; }
.main-nav .menu > li.menu-item-design-sized .sub-menu-dropdown {
padding: 30px 30px 10px 30px;
transition: opacity .2s ease 0.1s, visibility .2s ease 0.1s, top .2s ease 0.1s; }
.main-nav .menu > li.item-event-hover:hover > .sub-menu-dropdown,
.main-nav .menu > li.item-event-click.item-menu-opened > .sub-menu-dropdown {
top: 100%; }
.color-scheme-light .main-nav .menu > li > a {
color: #FFF; }
.color-scheme-light .main-nav .menu > li > a:hover {
color: rgba(255, 255, 255, 0.8); }
.color-scheme-light .main-nav .menu > li.menu-item-has-children > a:after {
color: #FFF; }
.color-scheme-light .main-nav .menu > li.current-menu-item > a {
color: #FFF; }
.main-nav.menu-center {
text-align: center; }
.main-nav.menu-right {
text-align: right; }
.menu-item-language {
position: relative; }
.submenu-languages {
position: absolute;
top: 63px;
left: 13px;
display: none; }
.menu-item-language:hover .submenu-languages {
display: block; }
.mega-menu-list li.item-with-label a {
position: relative; }
.mega-menu-list > li > a {
display: inline-block;
font-size: 16px;
font-weight: 600 !important;
letter-spacing: 0.3px;
line-height: 1.4;
text-transform: uppercase;
color: #1B1919;
text-decoration: none;
margin-bottom: 10px; }
.mega-menu-list .sub-sub-menu li a {
display: inline-block;
font-size: 14px;
font-weight: normal;
padding: 8px 0;
color: #3C3C3C;
letter-spacing: 0.3px;
line-height: 1.3; }
.mega-menu-list .sub-sub-menu li a:hover {
text-decoration: none;
margin-left: 5px; }
.mega-menu-list .sub-sub-menu .menu-label {
right: -25px;
margin-top: -14px; }
.basel-dark .mega-menu-list > li > a,
.color-scheme-light .mega-menu-list > li > a {
color: #FFF; }
.basel-dark .mega-menu-list > li > a:hover,
.color-scheme-light .mega-menu-list > li > a:hover {
color: rgba(255, 255, 255, 0.8); }
.basel-dark .mega-menu-list .sub-sub-menu li a,
.color-scheme-light .mega-menu-list .sub-sub-menu li a {
color: rgba(255, 255, 255, 0.8); }
.basel-dark .mega-menu-list .sub-sub-menu li a:hover,
.color-scheme-light .mega-menu-list .sub-sub-menu li a:hover {
color: rgba(255, 255, 255, 0.8); }
.widget_nav_mega_menu .widget-title {
color: #000;
background-color: #F1F1F1;
display: block;
margin-bottom: 0;
font-size: 16px;
line-height: 1.4;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.3px;
font-weight: bold;
padding: 22px 20px 22px 20px; }
.widget_nav_mega_menu .widget-title:before {
content: none; }
.widget_nav_mega_menu .widget-title.color-scheme-light {
color: #FFF;
background-color: rgba(0, 0, 0, 0.23); }
.widget_nav_mega_menu,
.mega-navigation {
position: relative; }
.widget_nav_mega_menu .menu,
.mega-navigation .menu {
border-bottom: 3px solid rgba(0, 0, 0, 0.23); }
.widget_nav_mega_menu .menu li,
.mega-navigation .menu li {
margin-bottom: 0; }
.widget_nav_mega_menu .menu .sub-menu-dropdown,
.mega-navigation .menu .sub-menu-dropdown {
border: 2px solid rgba(168, 168, 168, 0.2); }
.widget_nav_mega_menu .menu > li,
.mega-navigation .menu > li {
display: block;
margin-left: 0;
transition: all .2s; }
.widget_nav_mega_menu .menu > li a i,
.mega-navigation .menu > li a i {
font-size: 16px;
min-width: 24px;
opacity: 1; }
.widget_nav_mega_menu .menu > li > a,
.mega-navigation .menu > li > a {
display: block;
padding: 14px 20px;
color: #FFF;
line-height: 1.3;
text-transform: uppercase;
font-weight: bold;
font-size: 12px; }
.widget_nav_mega_menu .menu > li.item-with-label > a .menu-label,
.mega-navigation .menu > li.item-with-label > a .menu-label {
right: 18px; }
.widget_nav_mega_menu .menu > li.menu-item-has-children > a,
.mega-navigation .menu > li.menu-item-has-children > a {
padding-right: 25px; }
.widget_nav_mega_menu .menu > li.menu-item-has-children > a:after,
.mega-navigation .menu > li.menu-item-has-children > a:after {
content: "\f105";
right: 20px;
color: #FFF;
font-size: 14px; }
.widget_nav_mega_menu .menu > li.menu-item-design-default .sub-menu-dropdown, .widget_nav_mega_menu .menu > li.menu-item-design-full-width .sub-menu-dropdown, .widget_nav_mega_menu .menu > li.menu-item-design-sized .sub-menu-dropdown,
.mega-navigation .menu > li.menu-item-design-default .sub-menu-dropdown,
.mega-navigation .menu > li.menu-item-design-full-width .sub-menu-dropdown,
.mega-navigation .menu > li.menu-item-design-sized .sub-menu-dropdown {
left: 90%;
top: 0; }
.widget_nav_mega_menu .menu > li.menu-item-design-default.item-event-hover:hover > .sub-menu-dropdown,
.widget_nav_mega_menu .menu > li.menu-item-design-default.item-event-click.item-menu-opened > .sub-menu-dropdown,
.mega-navigation .menu > li.menu-item-design-default.item-event-hover:hover > .sub-menu-dropdown,
.mega-navigation .menu > li.menu-item-design-default.item-event-click.item-menu-opened > .sub-menu-dropdown {
margin-left: 0;
margin-top: -1px; }
.widget_nav_mega_menu .menu > li.menu-item-design-full-width .sub-menu-dropdown,
.mega-navigation .menu > li.menu-item-design-full-width .sub-menu-dropdown {
width: 826px;
padding: 25px 30px 5px 30px; }
.widget_nav_mega_menu .menu > li.menu-item-design-full-width .sub-menu-dropdown .container,
.mega-navigation .menu > li.menu-item-design-full-width .sub-menu-dropdown .container {
width: auto;
padding: 0; }
.widget_nav_mega_menu .menu > li.menu-item-design-sized,
.mega-navigation .menu > li.menu-item-design-sized {
position: static; }
.widget_nav_mega_menu .menu > li.menu-item-design-sized .sub-menu-dropdown,
.mega-navigation .menu > li.menu-item-design-sized .sub-menu-dropdown {
padding: 25px 30px 5px 30px; }
.widget_nav_mega_menu .menu > li:last-child,
.mega-navigation .menu > li:last-child {
border-bottom: none; }
.widget_nav_mega_menu .menu > li:hover > a,
.mega-navigation .menu > li:hover > a {
color: #FFF; }
.widget_nav_mega_menu .menu > li.item-event-hover:hover > .sub-menu-dropdown,
.widget_nav_mega_menu .menu > li.item-event-click.item-menu-opened > .sub-menu-dropdown,
.mega-navigation .menu > li.item-event-hover:hover > .sub-menu-dropdown,
.mega-navigation .menu > li.item-event-click.item-menu-opened > .sub-menu-dropdown {
left: 100%;
margin-left: 0; }
.mega-navigation .menu .basel-more-cat-btn {
background-color: rgba(0, 0, 0, 0.23); }
.mega-navigation .menu .basel-more-cat-btn > a {
position: relative;
justify-content: center;
text-align: center;
font-size: 14px;
font-style: normal;
padding-top: 8px;
padding-bottom: 8px; }
.mega-navigation .menu .basel-more-cat-btn > a:after {
content: "\f107";
font-family: "basel-font"; }
.categories-menu-dropdown {
position: absolute;
top: 124%;
left: 0;
z-index: 299;
background-color: inherit;
width: 100%;
visibility: hidden;
opacity: 0;
transition: all .2s ease 0.1s; }
.sidebar-right .widget_nav_mega_menu .sub-menu-dropdown {
display: none; }
.sidebar-right .widget_nav_mega_menu li.menu-item-has-children a:after {
display: none; }
.mobile-nav-from-right .mobile-nav {
right: 0;
transform: translate3d(270px, 0, 0); }
.mobile-nav-from-left .mobile-nav {
left: 0;
transform: translate3d(-270px, 0, 0); }
.mobile-nav {
width: 270px;
display: none;
position: fixed;
top: var(--basel-admin-bar-h);
height: 100%;
overflow: hidden;
overflow-y: scroll;
background-color: #0C0C0C;
z-index: 500;
transition: transform .3s ease; }
.mobile-nav ul li {
display: block;
position: relative; }
.mobile-nav ul li a {
display: block;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 15px;
padding-left: 15px;
font-size: 16px;
line-height: 26px;
overflow-x: hidden;
letter-spacing: 0.3px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(92, 92, 92, 0.23); }
.mobile-nav ul li a:hover {
text-decoration: none;
color: #FFF; }
.mobile-nav ul li a:active {
color: #FFF;
background-color: #3C3C3C; }
.mobile-nav ul li a i {
min-width: 22px;
margin-right: 2px; }
.mobile-nav ul li a .menu-label {
position: relative;
display: inline-block;
top: 4px;
right: auto;
margin-left: 5px;
opacity: 1; }
.mobile-nav ul li a .menu-label:after {
display: none; }
.mobile-nav ul li.menu-item-has-children > a {
padding-right: 43px; }
.mobile-nav .sub-menu-dropdown .container {
width: auto;
display: block;
padding: 0; }
.mobile-nav .sub-menu-dropdown ul {
display: none;
position: relative;
background-color: #171717; }
.mobile-nav .sub-menu-dropdown ul:before {
content: "\f9d8";
font-family: "basel-font";
position: absolute;
bottom: 100%;
margin-bottom: 4px;
left: 20px;
font-size: 30px;
line-height: 0;
color: #171717; }
.mobile-nav .sub-menu-dropdown li a {
font-size: 14px; }
.mobile-nav .sub-menu-dropdown li ul {
background-color: #1D1D1D; }
.mobile-nav .sub-menu-dropdown li ul:before {
color: #1D1D1D; }
.mobile-nav .searchform {
position: relative;
padding: 10px;
border-bottom: 2px solid rgba(92, 92, 92, 0.43); }
.mobile-nav .searchform.search-loading:after {
position: absolute;
top: 50%;
margin-top: -9px;
right: 27px;
content: " ";
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
border: 2px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear;
border-color: #bbbbbb; }
.mobile-nav .searchform.search-loading #searchsubmit {
display: none; }
.mobile-nav .searchform input[type="text"] {
background-color: rgba(255, 255, 255, 0.1);
border: none;
border: 1px solid rgba(208, 208, 208, 0.09);
padding: 14px 50px 14px 18px;
font-size: 14px;
color: #FFF;
height: 48px; }
.mobile-nav .searchform ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8); }
.mobile-nav .searchform ::-moz-placeholder {
color: rgba(255, 255, 255, 0.8); }
.mobile-nav .searchform :-moz-placeholder {
color: rgba(255, 255, 255, 0.8); }
.mobile-nav .searchform :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.8); }
.mobile-nav .searchform button {
position: absolute;
top: 10px;
right: 10px;
font-size: 0;
border: none;
background-color: transparent;
padding: 0;
width: 50px;
color: rgba(255, 255, 255, 0.8);
text-align: center; }
.mobile-nav .searchform button:before {
content: "\e090";
display: inline-block;
line-height: 48px;
font-size: 20px;
font-family: 'simple-line-icons'; }
.mobile-nav .search-results-wrapper .basel-scroll {
position: relative;
background-color: #0C0C0C; }
.mobile-nav .search-results-wrapper .basel-scroll .basel-scroll-content {
max-height: 60vh; }
.mobile-nav .autocomplete-suggestions {
background-color: #0C0C0C;
border: none !important; }
.mobile-nav .autocomplete-suggestions .autocomplete-suggestion {
margin-left: 5px;
margin-right: 5px; }
.mobile-nav .autocomplete-suggestions .suggestion-title,
.mobile-nav .autocomplete-suggestions .suggestion-divider-text {
color: #FFF; }
.mobile-nav .autocomplete-suggestions .suggestion-sku,
.mobile-nav .autocomplete-suggestions .amount {
color: rgba(255, 255, 255, 0.8); }
.mobile-nav .autocomplete-suggestions .view-all-result span {
color: #FFF; }
.mobile-nav .autocomplete-suggestions .view-all-result:hover span {
color: rgba(255, 255, 255, 0.8); }
.mobile-nav .icon-sub-menu {
position: absolute;
top: 0;
right: 0;
height: 49px;
width: 49px;
padding-right: 0;
border-left: 1px solid rgba(92, 92, 92, 0.23);
cursor: pointer;
padding-right: 18px; }
.mobile-nav .icon-sub-menu:after, .mobile-nav .icon-sub-menu:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
width: 12px;
height: 2px;
display: inline-block;
background-color: #FFF;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.mobile-nav .icon-sub-menu:after, .mobile-nav .icon-sub-menu:before {
right: 50%;
margin-right: -5px; }
.mobile-nav .icon-sub-menu:after {
transform: translateX(-4px) rotate(50deg); }
.mobile-nav .icon-sub-menu:before {
transform: translateX(3px) rotate(-50deg); }
.mobile-nav .icon-sub-menu.up-icon:before {
transform: rotate(-45deg); }
.mobile-nav .icon-sub-menu.up-icon:after {
transform: rotate(45deg); }
.act-mobile-menu {
overflow: hidden; }
.act-mobile-menu .mobile-nav {
transform: translate3d(0, 0, 0); }
.main-header:not(.header-vertical) .basel-navigation .menu > li.callto-btn > .sub-menu-dropdown,
.sticky-header .basel-navigation .menu > li.callto-btn > .sub-menu-dropdown {
top: calc(120% + 20px);
left: 12px; }
.main-header:not(.header-vertical) .basel-navigation .menu > li.callto-btn > .sub-menu-dropdown:before,
.sticky-header .basel-navigation .menu > li.callto-btn > .sub-menu-dropdown:before {
content: "";
position: absolute;
left: 0;
bottom: 100%;
height: 20px;
width: 100%; }
.main-header:not(.header-vertical) .basel-navigation .menu > li.callto-btn.menu-item-design-full-width > .sub-menu-dropdown,
.sticky-header .basel-navigation .menu > li.callto-btn.menu-item-design-full-width > .sub-menu-dropdown {
left: 0; }
.main-header:not(.header-vertical) .basel-navigation .menu > li.callto-btn.item-event-hover:hover > .sub-menu-dropdown,
.main-header:not(.header-vertical) .basel-navigation .menu > li.callto-btn.item-event-click.item-menu-opened > .sub-menu-dropdown,
.sticky-header .basel-navigation .menu > li.callto-btn.item-event-hover:hover > .sub-menu-dropdown,
.sticky-header .basel-navigation .menu > li.callto-btn.item-event-click.item-menu-opened > .sub-menu-dropdown {
top: calc(100% + 20px); }
.act-scroll .main-nav .menu > li.callto-btn > a {
height: auto !important;
line-height: 18px !important; }
.menu-label {
position: absolute;
opacity: 0;
top: 50%;
right: -5px;
padding: 2px 4px;
margin-top: -20px;
color: #FFF;
line-height: 1.3;
font-size: 8px;
text-transform: uppercase;
transform: translateY(-50%);
transition: opacity .3s ease-in-out; }
.menu-label:after {
position: absolute;
content: "\f9da";
font-family: "basel-font";
z-index: -1;
bottom: 5px;
font-size: 16px;
bottom: -9px;
left: 3px; }
.menu-label-sale {
background-color: #D41212; }
.menu-label-sale:after {
color: #D41212; }
.menu-label-hot {
background-color: #EF7C0A; }
.menu-label-hot:after {
color: #EF7C0A; }
.document-ready .menu-label {
opacity: 1; }
.autocomplete-suggestions {
position: relative !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
background-color: #FFF;
padding: 10px;
width: auto !important;
max-width: none !important;
max-height: none !important;
overflow: hidden;
z-index: 300 !important; }
.autocomplete-suggestions .autocomplete-suggestion {
flex: 1 1 285px;
margin: 10px;
overflow: hidden;
padding-bottom: 20px;
border-bottom: 1px solid rgba(129, 129, 129, 0.15);
cursor: pointer;
line-height: 1.4; }
.autocomplete-suggestions .autocomplete-suggestion:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 10px; }
.autocomplete-suggestions .autocomplete-suggestion.suggestion-divider {
flex-basis: 100% !important;
width: 100%;
font-weight: 600;
cursor: default;
margin-top: -10px;
padding-top: 20px; }
.autocomplete-suggestions .autocomplete-suggestion.suggestion-divider h5 {
font-size: 14px;
margin-bottom: 0; }
.autocomplete-suggestions .suggestion-title {
font-size: 14px;
margin-bottom: 0; }
.autocomplete-suggestions .suggestion-thumb {
float: left;
max-width: 62px;
margin-right: 15px; }
.autocomplete-suggestions .suggestion-sku,
.autocomplete-suggestions .suggestion-price {
margin-top: 10px; }
.autocomplete-suggestions .suggestion-price ins {
padding: 0;
text-decoration: none; }
.autocomplete-suggestions .view-all-result {
text-align: center;
cursor: pointer;
line-height: 35px;
flex-basis: 100%; }
.autocomplete-suggestions .view-all-result span {
border-bottom: 1px solid #B5B5B5;
color: #6D6D6D;
transition: all .2s ease; }
.autocomplete-suggestions .view-all-result:hover span {
border-color: #3E3E3E;
color: #3E3E3E; }
.color-scheme-light .search-extended .autocomplete-suggestions .suggestion-title,
.color-scheme-light .basel-search-dropdown .autocomplete-suggestions .suggestion-title {
color: rgba(0, 0, 0, 0.7); }
.color-scheme-dark .search-extended .autocomplete-suggestions .suggestion-price > del,
.color-scheme-dark .search-extended .autocomplete-suggestions .suggestion-price > del .amount,
.color-scheme-dark .search-extended .autocomplete-suggestions .suggestion-price > .amount,
.color-scheme-dark .basel-search-dropdown .autocomplete-suggestions .suggestion-price > del,
.color-scheme-dark .basel-search-dropdown .autocomplete-suggestions .suggestion-price > del .amount,
.color-scheme-dark .basel-search-dropdown .autocomplete-suggestions .suggestion-price > .amount,
.color-scheme-light .search-extended .autocomplete-suggestions .suggestion-price > del,
.color-scheme-light .search-extended .autocomplete-suggestions .suggestion-price > del .amount,
.color-scheme-light .search-extended .autocomplete-suggestions .suggestion-price > .amount,
.color-scheme-light .basel-search-dropdown .autocomplete-suggestions .suggestion-price > del,
.color-scheme-light .basel-search-dropdown .autocomplete-suggestions .suggestion-price > del .amount,
.color-scheme-light .basel-search-dropdown .autocomplete-suggestions .suggestion-price > .amount {
color: #949494; }
.color-scheme-dark .search-extended .autocomplete-suggestions .suggestion-sku,
.color-scheme-dark .search-extended .autocomplete-suggestions .suggestion-price,
.color-scheme-dark .basel-search-dropdown .autocomplete-suggestions .suggestion-sku,
.color-scheme-dark .basel-search-dropdown .autocomplete-suggestions .suggestion-price,
.color-scheme-light .search-extended .autocomplete-suggestions .suggestion-sku,
.color-scheme-light .search-extended .autocomplete-suggestions .suggestion-price,
.color-scheme-light .basel-search-dropdown .autocomplete-suggestions .suggestion-sku,
.color-scheme-light .basel-search-dropdown .autocomplete-suggestions .suggestion-price {
color: #949494; }
.search-results-wrapper {
text-align: left;
position: relative; }
.search-results-wrapper .basel-scroll {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 1000;
background-color: #FFF;
-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); }
.basel-remove-button {
position: relative;
display: inline-block;
color: #212121;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 1.5px;
line-height: 20px;
padding-right: 25px;
transition: color .2s ease-in-out;
margin-bottom: 10px; }
.basel-remove-button .remove-loader {
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
position: absolute;
opacity: 0;
top: 50%;
right: 0;
margin-top: -7px;
transition: opacity .25s ease-in-out; }
.basel-remove-button.loading .remove-loader {
opacity: 1;
animation: load-spin 450ms infinite linear; }
.basel-remove-button.loading:before, .basel-remove-button.loading:after {
opacity: 0; }
.basel-remove-button:before, .basel-remove-button:after {
content: " ";
position: absolute;
width: 15px;
height: 2px;
right: 0;
top: 9px;
display: inline-block;
background-color: #212121;
transition: background-color .2s ease-in-out, transform .2s ease-in-out; }
.basel-remove-button:hover, .basel-remove-button:focus {
text-decoration: none; }
.basel-remove-button:hover:after, .basel-remove-button:focus:after {
transform: rotate(-45deg); }
.basel-remove-button:hover:before, .basel-remove-button:focus:before {
transform: rotate(45deg); }
.basel-scroll .basel-scroll-content {
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
max-height: 50vh;
scrollbar-width: thin; }
.basel-scroll ::-webkit-scrollbar {
width: 2px; }
.basel-scroll ::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05); }
.basel-scroll ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.7); }
.mobile-nav .search-results-wrapper ::-webkit-scrollbar-track, .basel-search-full-screen .search-results-wrapper ::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.02); }
.mobile-nav .search-results-wrapper ::-webkit-scrollbar-thumb, .basel-search-full-screen .search-results-wrapper ::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.1); }
.basel-pagination {
text-align: center; }
.basel-pagination .current,
.basel-pagination .inactive {
border: 1px solid transparent;
border-bottom-color: #B1B1B1;
display: inline-block;
text-align: center;
width: 34px;
line-height: 32px;
margin-right: 6px;
font-size: 16px;
color: #000; }
.basel-pagination .current {
background-color: #000;
border-color: #000;
color: #FFF; }
.basel-pagination .inactive:hover, .basel-pagination .inactive:focus {
text-decoration: none;
border-color: #B1B1B1; }
.basel-pagination .inactive:focus {
background-color: #000;
border-color: #000;
color: #FFF; }
.products-footer,
.blog-footer,
.portfolio-footer {
text-align: center; }
.blog-footer {
position: relative;
z-index: 1;
margin-top: -25px; }
.basel-close-side {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 400;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.7);
transition: all .3s ease; }
.basel-cart-opened .basel-close-side,
.basel-login-side-opened .basel-close-side,
.act-mobile-menu .basel-close-side,
body.basel-show-hidden-sidebar .basel-close-side {
opacity: 1;
visibility: visible; }
.liner-continer {
display: flex;
align-items: center;
flex-direction: row; }
.liner-continer .left-line:after,
.liner-continer .right-line:after {
content: "";
width: 100%;
display: inline-block;
height: 1px;
vertical-align: middle; }
.liner-continer .left-line {
padding-right: 20px; }
.liner-continer .right-line {
padding-left: 20px; }
.liner-continer.position-left .right-line {
display: none; }
.liner-continer.position-left .left-line {
flex-grow: 1; }
.liner-continer.position-right .left-line {
display: none; }
.liner-continer.position-right .right-line {
flex-grow: 1; }
.basel-load-more {
border-color: #000;
border-width: 2px;
font-weight: 600;
background-color: transparent;
color: #000; }
.basel-load-more:hover, .basel-load-more:focus {
background-color: #000;
border-color: #000;
color: #FFF; }
.basel-load-more-loader {
display: none;
position: relative;
pointer-events: none;
padding-right: 45px;
padding-left: 20px; }
.basel-load-more-loader:after {
position: absolute;
top: 50%;
margin-top: -9px;
right: 14px;
content: " ";
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important; }
.basel-load-more.load-on-click + .basel-load-more-loader {
background-color: #000;
color: #FFF; }
.basel-load-more.load-on-click + .basel-load-more-loader:after {
border-color: #FFF; }
.basel-load-more.loading {
display: none; }
.basel-load-more.loading + .basel-load-more-loader {
display: inline-block; }
.basel-load-more.loading + .basel-load-more-loader:after {
animation: load-spin 450ms infinite linear; }
.widgettitle,
.widget-title {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1.5px;
color: #1B1919;
margin-bottom: 25px;
position: relative;
padding-bottom: 4px; }
.widgettitle:before,
.widget-title:before {
content: "";
position: absolute;
bottom: 0;
display: inline-block;
width: 30px;
height: 2px;
background-color: rgba(0, 0, 0, 0.1); }
.color-scheme-light .widgettitle:before, .color-scheme-light
.widget-title:before {
background-color: rgba(255, 255, 255, 0.8); }
.widget li {
margin-bottom: 15px; }
.widget li:last-child {
margin-bottom: 0; }
.woocommerce-ordering.with-list .selected-order {
font-weight: 600; }
.widget_recent_entries ul li {
line-height: 1.5; }
.widget_recent_entries ul li a {
display: block;
font-size: 14px;
letter-spacing: .3px; }
.widget_recent_entries .post-date {
color: #bbb;
display: block;
margin-top: 2px;
font-size: 12px; }
.widget_recent_comments ul li {
line-height: 1.4;
font-weight: bold; }
.widget_recent_comments ul li > a {
font-weight: normal;
opacity: .8; }
.widget_recent_comments ul li:before {
content: "\e04a";
display: inline-block;
font-weight: normal;
margin-right: 7px;
font-family: 'simple-line-icons'; }
.basel-recent-posts li {
display: flex;
align-items: stretch;
flex-direction: row;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(124, 124, 124, 0.15);
line-height: 1.3; }
.basel-recent-posts li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none; }
.basel-recent-posts .recent-posts-thumbnail {
flex: 0 0 auto;
overflow: hidden;
margin-right: 15px; }
.basel-recent-posts .recent-posts-thumbnail img {
min-width: 60px; }
.basel-recent-posts .recent-posts-info {
flex: 1 1 auto; }
.basel-recent-posts .basel-entities-title {
font-weight: 400;
font-size: 12px;
margin-bottom: 5px; }
.basel-recent-posts .basel-entities-title a {
letter-spacing: .3px;
text-transform: uppercase;
text-decoration: none; }
.basel-recent-posts .recent-posts-time,
.basel-recent-posts .recent-posts-comment {
color: #BBB;
font-size: 12px; }
.basel-recent-posts .recent-posts-time {
margin-right: 5px; }
.color-scheme-light .basel-recent-posts li,
.basel-dark .basel-recent-posts li {
border-color: rgba(255, 255, 255, 0.1); }
.color-scheme-light .basel-recent-posts .basel-entities-title a,
.basel-dark .basel-recent-posts .basel-entities-title a {
color: #FFF; }
.color-scheme-light .basel-recent-posts .recent-posts-time,
.color-scheme-light .basel-recent-posts .recent-posts-comment,
.basel-dark .basel-recent-posts .recent-posts-time,
.basel-dark .basel-recent-posts .recent-posts-comment {
color: rgba(255, 255, 255, 0.5); }
.widget_search .searchform div {
position: relative; }
.widget_search .searchform div label {
display: none; }
.widget_search .searchform div input[type="text"] {
box-shadow: none;
padding-right: 100px; }
.widget_search .searchform div input[type="text"]:focus {
border-color: rgba(129, 129, 129, 0.35); }
.widget_search .searchform div #searchsubmit {
position: absolute;
top: 0;
right: 0; }
.widget_product_categories ul > li,
.widget_categories ul > li,
.widget_pages ul > li,
.widget_archive ul > li,
.widget_nav_menu ul > li {
margin-bottom: 15px;
font-size: 12px;
color: #bbbbbb;
display: block; }
.widget_product_categories ul > li:after,
.widget_categories ul > li:after,
.widget_pages ul > li:after,
.widget_archive ul > li:after,
.widget_nav_menu ul > li:after {
content: "";
clear: both;
display: block; }
.widget_product_categories ul > li a,
.widget_categories ul > li a,
.widget_pages ul > li a,
.widget_archive ul > li a,
.widget_nav_menu ul > li a {
font-size: 14px;
text-decoration: none; }
.widget_product_categories ul > li ul,
.widget_categories ul > li ul,
.widget_pages ul > li ul,
.widget_archive ul > li ul,
.widget_nav_menu ul > li ul {
margin-top: 15px; }
.widget_product_categories ul > li ul li:before,
.widget_categories ul > li ul li:before,
.widget_pages ul > li ul li:before,
.widget_archive ul > li ul li:before,
.widget_nav_menu ul > li ul li:before {
content: "\f105";
font-family: "basel-font";
padding: 0 10px 0 5px;
display: inline-block; }
.widget_product_categories ul > li ul li ul,
.widget_categories ul > li ul li ul,
.widget_pages ul > li ul li ul,
.widget_archive ul > li ul li ul,
.widget_nav_menu ul > li ul li ul {
margin-left: 20px; }
.widget_rating_filter .wc-layered-nav-rating a {
vertical-align: middle;
color: #bbbbbb;
font-size: 14px; }
.widget_rating_filter .wc-layered-nav-rating a:hover {
text-decoration: none; }
.widget_rating_filter .star-rating {
vertical-align: middle;
margin-right: 3px; }
.widget_product_categories .count {
font-size: 12px;
color: #bbbbbb;
vertical-align: super; }
.widget_product_categories .basel-cats-toggle {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
line-height: 24px;
font-size: 10px;
font-weight: bold;
text-align: center;
cursor: pointer;
transition: all .3s ease; }
.widget_product_categories .basel-cats-toggle:before {
content: "\e604";
font-family: 'simple-line-icons'; }
.widget_product_categories .toggle-active {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
.categories-accordion-on .widget_product_categories .cat-parent {
position: relative; }
.categories-accordion-on .widget_product_categories .children {
display: none; }
.categories-accordion-on .widget_product_categories .list-shown {
display: block; }
.widget_nav_menu.widget-my-account .widget-title {
margin-bottom: 0;
border-bottom: none;
padding: 14px 20px;
text-align: center;
line-height: 1.5;
background-color: #000;
color: #FFF; }
.widget_nav_menu.widget-my-account li,
.widget_nav_menu.widget-my-account ul {
margin: 0; }
.widget_nav_menu.widget-my-account .menu {
border: 1px solid rgba(136, 136, 136, 0.19); }
.widget_nav_menu.widget-my-account li {
border-bottom: 1px solid rgba(136, 136, 136, 0.12); }
.widget_nav_menu.widget-my-account li a {
padding: 14px 20px;
display: block;
font-size: 12px;
text-transform: uppercase;
color: rgba(71, 71, 71, 0.8); }
.widget_nav_menu.widget-my-account li a:hover {
color: rgba(71, 71, 71, 0.8);
background-color: rgba(136, 136, 136, 0.05); }
.widget_nav_menu.widget-my-account li a:after {
content: none; }
.widget_nav_menu.widget-my-account li.current_page_item > a {
color: rgba(71, 71, 71, 0.8);
background-color: rgba(136, 136, 136, 0.12);
cursor: default; }
.widget_nav_menu.widget-my-account li:before {
content: none; }
.widget_nav_menu.widget-my-account li:last-child {
border-bottom: none; }
.widget_shopping_cart .product_list_widget {
position: relative;
margin-bottom: 0;
text-align: left;
transition: all .2s ease; }
.widget_shopping_cart .product_list_widget li {
position: relative; }
.widget_shopping_cart .product_list_widget li > a {
padding-right: 15px;
color: #1B1919;
text-decoration: none; }
.widget_shopping_cart .product_list_widget li > a:hover {
color: rgba(0, 0, 0, 0.6); }
.widget_shopping_cart .product_list_widget li .remove {
position: absolute;
top: 0;
right: 0;
padding-right: 0;
line-height: 14px;
font-size: 18px;
margin-bottom: 0;
color: rgba(0, 0, 0, 0.6); }
.widget_shopping_cart .product_list_widget li .remove:hover {
text-decoration: none; }
.widget_shopping_cart .product_list_widget li span.quantity {
color: rgba(0, 0, 0, 0.7); }
.widget_shopping_cart .product_list_widget li .variation {
margin-bottom: 8px;
margin-top: 8px; }
.widget_shopping_cart .product_list_widget li .blockOverlay {
background-color: white !important; }
.widget_shopping_cart .product_list_widget li span.quantity {
color: #bbb;
font-size: 12px;
display: block;
margin-top: 8px; }
.widget_shopping_cart .empty {
border-bottom: none !important;
margin-bottom: 0 !important;
color: #747474;
position: relative;
padding-left: 75px;
padding-top: 13px;
padding-bottom: 13px;
overflow: visible; }
.widget_shopping_cart .empty:after, .widget_shopping_cart .empty:before {
position: absolute;
color: #E8E8E8; }
.widget_shopping_cart .empty:before {
content: "\e04e";
font-size: 50px;
line-height: 50px;
left: 10px;
top: 50%;
margin-top: -25px;
font-family: 'Simple-Line-Icons'; }
.widget_shopping_cart .empty:after {
content: "\f90d";
font-family: "basel-font";
font-size: 18px;
line-height: 18px;
left: 34px;
top: 50%;
margin-top: -9px; }
.widget_shopping_cart .total {
border-top: 1px solid rgba(124, 124, 124, 0.2);
border-bottom: 1px solid rgba(124, 124, 124, 0.2);
margin-bottom: 10px;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
line-height: 24px; }
.widget_shopping_cart .total strong {
float: left;
font-size: 18px;
color: #1B1919;
text-transform: uppercase; }
.widget_shopping_cart .total .amount {
float: right;
font-weight: 600;
font-size: 20px;
text-transform: uppercase; }
.widget_shopping_cart .buttons {
display: block;
margin-bottom: 0;
text-align: center; }
.widget_shopping_cart .buttons a {
width: 100%;
color: #2D2D2D; }
.widget_shopping_cart .buttons a:not(:last-child) {
margin-bottom: 10px; }
.widget_shopping_cart .buttons a:hover {
color: #FFF; }
.widget_shopping_cart .buttons .checkout {
color: #FFF; }
.widget_shopping_cart .buttons .checkout:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.widget_shopping_cart div.quantity input[type="button"],
.widget_shopping_cart div.quantity input[type="number"] {
height: 32px; }
.widget_shopping_cart li {
transition: opacity .6s ease; }
.widget_shopping_cart li.basel-loading {
opacity: .5; }
.widget_shopping_cart li.basel-loading:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
content: " ";
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
border: 2px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear; }
.widget_shopping_cart li.basel-loading > a,
.widget_shopping_cart li.basel-loading div.quantity {
cursor: none;
pointer-events: none; }
.product_list_widget li {
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(124, 124, 124, 0.15); }
.product_list_widget li a {
margin-bottom: 8px;
display: block;
font-size: 12px;
letter-spacing: .3px;
text-transform: uppercase; }
.product_list_widget li img {
float: left;
margin-right: 12px;
max-width: 60px; }
.product_list_widget li .amount {
color: #AFAFAF; }
.product_list_widget li del {
color: #AFAFAF; }
.product_list_widget li del .amount {
font-size: 12px;
color: #AFAFAF; }
.product_list_widget li ins {
text-decoration: none;
font-size: 14px; }
.product_list_widget li .star-rating {
display: block;
margin-left: 73px;
margin-bottom: 8px; }
.product_list_widget li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
.widget_recent_reviews .product_list_widget li .reviewer {
font-size: 12px;
color: #bbbbbb; }
.widget_tag_cloud .tagcloud,
.widget_product_tag_cloud .tagcloud {
margin: -2px -1px; }
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
padding: 5px 12px;
margin: 2px 1px;
border: 1px solid rgba(92, 92, 92, 0.1);
letter-spacing: 0.3px;
display: inline-block;
font-size: 12px !important; }
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
color: #FFF;
text-decoration: none; }
.color-scheme-light .widget_tag_cloud .tagcloud a, .color-scheme-light
.widget_product_tag_cloud .tagcloud a {
border-color: rgba(255, 255, 255, 0.3); }
.widget_price_filter input {
display: none; }
.widget_price_filter .price_slider {
margin-bottom: 30px; }
.widget_price_filter .price_slider_amount {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
line-height: 2.4;
font-size: 0.8751em; }
.widget_price_filter .price_slider_amount .button {
order: 1; }
.widget_price_filter .price_slider_amount .price_label {
line-height: 40px;
font-size: 14px; }
.widget_price_filter .price_slider_amount .price_label > span {
font-weight: bold;
color: #000; }
.widget_price_filter .price_slider_amount .clear {
display: none; }
.widget_price_filter .ui-slider {
position: relative;
text-align: left; }
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
top: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 2;
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
border-radius: 0;
cursor: ew-resize;
outline: 0;
border: none;
background: 0 0; }
.widget_price_filter .ui-slider .ui-slider-handle:after {
content: "";
height: 15px;
width: 4px;
display: inline-block; }
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
z-index: 1;
display: block;
border: 0;
border-radius: 0;
background-image: none; }
.widget_price_filter .ui-slider-horizontal {
height: 20px;
cursor: pointer; }
.widget_price_filter .ui-slider-horizontal:before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -1px;
height: 2px;
background-color: #E7E7E7; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px; }
.login-see-prices .widget_price_filter {
display: none; }
.widget_layered_nav ul > li {
display: block;
margin-bottom: 15px; }
.widget_layered_nav ul > li .count,
.widget_layered_nav ul > li a {
display: inline-block; }
.widget_layered_nav ul > li .count {
float: right;
font-size: 12px;
color: #dadada;
line-height: 16px; }
.widget_layered_nav_filters ul li {
margin-bottom: 15px; }
.basel-user-panel > .basel-user-panel {
position: relative;
font-size: 15px;
letter-spacing: 0.3px; }
.basel-user-panel > .basel-user-panel a {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline; }
.basel-user-panel > .basel-user-panel a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.basel-user-panel > .basel-user-panel > a {
margin-left: 2px; }
.basel-user-panel > .basel-user-panel .user-avatar {
position: absolute;
top: 0;
left: 0; }
.basel-user-panel > .basel-user-panel .user-avatar img {
max-width: 60px;
border-radius: 50%; }
.basel-user-panel > .basel-user-panel .user-avatar + .user-info {
margin-left: 75px; }
.basel-user-panel > .basel-user-panel .user-info > span {
display: block;
margin-bottom: 10px;
line-height: 1.5; }
.basel-user-panel > .basel-user-panel .user-info strong {
color: #000; }
.basel-woocommerce-layered-nav .count {
float: right;
color: #BBB; }
.basel-woocommerce-layered-nav .swatches-display-list {
padding-right: 12px; }
.basel-woocommerce-layered-nav li {
line-height: 1.7;
margin-bottom: 15px; }
.basel-woocommerce-layered-nav li a {
display: inline-flex;
align-items: center; }
.basel-woocommerce-layered-nav li.with-swatch-text a {
font-weight: bold;
min-width: 40px; }
.basel-woocommerce-layered-nav li.chosen a {
position: relative;
font-weight: bold;
color: #222222;
cursor: pointer;
padding-right: 16px; }
.basel-woocommerce-layered-nav li.chosen a:after, .basel-woocommerce-layered-nav li.chosen a:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
width: 10px;
height: 2px;
display: inline-block;
background-color: black;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.basel-woocommerce-layered-nav li.chosen a:after {
transform: rotate(-45deg); }
.basel-woocommerce-layered-nav li.chosen a:before {
transform: rotate(45deg); }
.basel-woocommerce-layered-nav li.chosen a:hover:after {
transform: rotate(0); }
.basel-woocommerce-layered-nav li.chosen a:hover:before {
transform: rotate(0); }
.basel-woocommerce-layered-nav li.chosen.with-swatch-text a {
min-width: 10px; }
.basel-woocommerce-layered-nav .swatches-brands .filter-swatch > span {
border-radius: 0;
border: none; }
.basel-woocommerce-layered-nav .swatches-normal li.with-swatch-text a {
font-size: 16px; }
.basel-woocommerce-layered-nav .swatches-normal.swatches-display-inline li.with-swatch-text a {
min-width: 15px; }
.basel-woocommerce-layered-nav .swatches-large li.with-swatch-text a {
font-size: 18px; }
.basel-woocommerce-layered-nav .swatches-large.swatches-display-inline li.with-swatch-text a {
min-width: 15px; }
.basel-woocommerce-layered-nav .swatches-large .count {
line-height: 32px; }
.basel-woocommerce-layered-nav .show-labels-off li {
font-size: 0; }
.basel-woocommerce-layered-nav .show-labels-off li.with-swatch-text {
font-size: inherit; }
.basel-woocommerce-layered-nav .show-labels-off .filter-swatch span {
margin-top: 0; }
.basel-woocommerce-layered-nav .show-labels-off .count {
display: none; }
.basel-woocommerce-layered-nav .show-labels-off .filter-swatch {
margin-right: 0; }
.basel-woocommerce-layered-nav .show-labels-off.swatches-display-inline li.with-swatch-text {
text-align: center; }
.basel-woocommerce-layered-nav .show-labels-off.swatches-display-inline li.chosen a {
position: relative;
padding-right: 0; }
.basel-woocommerce-layered-nav .show-labels-off.swatches-display-inline li.chosen a:after, .basel-woocommerce-layered-nav .show-labels-off.swatches-display-inline li.chosen a:before {
left: 0;
right: auto;
bottom: -5px;
top: auto;
width: 100%;
background-color: #000; }
.basel-woocommerce-layered-nav .show-labels-off.swatches-display-inline li.chosen a:after {
transform: rotate(0); }
.basel-woocommerce-layered-nav .show-labels-off.swatches-display-inline li.chosen a:before {
transform: rotate(0); }
.basel-woocommerce-layered-nav .show-labels-off.swatches-display-inline li.chosen a:hover:after {
transform: rotate(0); }
.basel-woocommerce-layered-nav .show-labels-off.swatches-display-inline li.chosen a:hover:before {
transform: rotate(0); }
.basel-woocommerce-layered-nav .swatches-display-inline {
margin-bottom: -10px; }
.basel-woocommerce-layered-nav .swatches-display-inline li {
display: inline-block;
margin-bottom: 10px;
margin-right: 15px; }
.basel-woocommerce-layered-nav .swatches-display-inline li.with-swatch-text a {
min-width: 20px;
line-height: 25px; }
.basel-woocommerce-layered-nav .swatches-display-inline .count {
float: none;
vertical-align: super;
font-size: 12px; }
.basel-woocommerce-layered-nav .swatches-display-inline.swatches-brands li {
margin-right: 20px; }
.basel-woocommerce-layered-nav .swatches-display-inline.swatches-large .count {
line-height: 1.6; }
.basel-widget-layered-nav-dropdown-form,
.woocommerce-widget-layered-nav-dropdown {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
min-height: 40px; }
.basel-widget-layered-nav-dropdown-form select[multiple="multiple"],
.woocommerce-widget-layered-nav-dropdown select[multiple="multiple"] {
overflow: hidden;
background-image: none;
height: 40px; }
.basel-widget-layered-nav-dropdown-form select[multiple="multiple"] option,
.woocommerce-widget-layered-nav-dropdown select[multiple="multiple"] option {
margin-top: 9px;
padding: 0;
background-color: transparent; }
.basel-widget-layered-nav-dropdown-form select[multiple="multiple"] option:not(:first-child),
.woocommerce-widget-layered-nav-dropdown select[multiple="multiple"] option:not(:first-child) {
display: none; }
.woocommerce-widget-layered-nav-dropdown__submit,
.basel-widget-layered-nav-dropdown__submit {
margin-top: 20px; }
.basel-price-filter .amount {
color: rgba(71, 71, 71, 0.9);
transition: all .2s; }
.basel-price-filter .current-state {
font-weight: bold; }
.basel-price-filter .current-state .amount {
color: #1B1919; }
.login-see-prices .basel-price-filter {
display: none; }
.basel-woocommerce-sort-by .selected-order {
font-weight: bold;
color: #222222; }
.filter-pseudo-link {
display: none; }
.single-product-sidebar .basel-product-brands {
margin-bottom: 50px; }
.single-product-sidebar .basel-product-brands:last-child {
margin-bottom: 0; }
.widget_layered_nav ul > li.chosen > a, .widget_layered_nav_filters ul li a, .basel-widget-stock-status a.basel-active {
position: relative;
font-weight: bold;
cursor: pointer;
padding-left: 16px; }
.widget_layered_nav ul > li.chosen > a:after, .widget_layered_nav_filters ul li a:after, .basel-widget-stock-status a.basel-active:after, .widget_layered_nav ul > li.chosen > a:before, .widget_layered_nav_filters ul li a:before, .basel-widget-stock-status a.basel-active:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
width: 10px;
height: 2px;
display: inline-block;
background-color: black;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.widget_layered_nav ul > li.chosen > a:after, .widget_layered_nav_filters ul li a:after, .basel-widget-stock-status a.basel-active:after {
transform: rotate(-90deg); }
.widget_layered_nav ul > li.chosen > a:before, .widget_layered_nav_filters ul li a:before, .basel-widget-stock-status a.basel-active:before {
transform: rotate(0deg); }
.widget_layered_nav ul > li.chosen > a:hover:after, .widget_layered_nav_filters ul li a:hover:after, .basel-widget-stock-status a.basel-active:hover:after {
transform: rotate(-45deg); }
.widget_layered_nav ul > li.chosen > a:hover:before, .widget_layered_nav_filters ul li a:hover:before, .basel-widget-stock-status a.basel-active:hover:before {
transform: rotate(45deg); }
.basel-woocommerce-layered-nav .filter-swatch, .basel-pf-dropdown .filter-swatch {
display: inline-block;
margin-right: 10px; }
.basel-woocommerce-layered-nav .filter-swatch > span, .basel-pf-dropdown .filter-swatch > span {
position: relative;
display: inline-block;
border-radius: 50%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
vertical-align: middle;
transition: all .2s ease; }
.basel-woocommerce-layered-nav .filter-swatch > span:is(
[style^="background-image"],
[style*="#FFFFFF"],
[style*="#ffffff"]), .basel-pf-dropdown .filter-swatch > span:is(
[style^="background-image"],
[style*="#FFFFFF"],
[style*="#ffffff"]) {
border: 1px solid rgba(0, 0, 0, 0.15); }
.basel-woocommerce-layered-nav .swatches-small .filter-swatch > span, .basel-pf-dropdown .swatches-small .filter-swatch > span {
width: 15px;
height: 15px; }
.basel-woocommerce-layered-nav .swatches-small.swatches-brands .filter-swatch > span, .basel-pf-dropdown .swatches-small.swatches-brands .filter-swatch > span {
width: 45px;
height: 30px; }
.basel-woocommerce-layered-nav .swatches-normal .filter-swatch > span, .basel-pf-dropdown .swatches-normal .filter-swatch > span {
width: 25px;
height: 25px; }
.basel-woocommerce-layered-nav .swatches-normal.swatches-brands .filter-swatch > span, .basel-pf-dropdown .swatches-normal.swatches-brands .filter-swatch > span {
width: 60px;
height: 30px; }
.basel-woocommerce-layered-nav .swatches-large .filter-swatch > span, .basel-pf-dropdown .swatches-large .filter-swatch > span {
width: 35px;
height: 35px; }
.basel-woocommerce-layered-nav .swatches-large.swatches-brands .filter-swatch > span, .basel-pf-dropdown .swatches-large.swatches-brands .filter-swatch > span {
width: 90px;
height: 40px; }
.widget_calendar #wp-calendar {
border: 2px solid #E4E4E4; }
.widget_calendar #wp-calendar > caption {
text-align: center;
padding: 20px 15px;
background-color: #E4E4E4;
color: #000;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .6px; }
.widget_calendar #wp-calendar th {
padding: 5px;
font-size: 16px; }
.widget_calendar #wp-calendar tfoot {
background-color: #E4E4E4; }
.widget_calendar #wp-calendar tfoot td {
border-color: transparent; }
.widget_rss .widget-title .rsswidget img {
position: relative;
top: -1px; }
.widget_rss ul li {
line-height: 1.5;
padding-bottom: 15px;
border-bottom: 1px solid rgba(124, 124, 124, 0.15);
margin-bottom: 15px; }
.widget_rss ul li > a {
display: block;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .3px;
margin-bottom: 5px; }
.widget_rss ul li:last-child {
border-bottom: none;
margin-bottom: 0; }
.widget_rss .rss-date {
font-size: 10px;
color: #bbbbbb;
margin-bottom: 5px;
display: block; }
.widget_rss .rss-date:before {
content: "\f973";
font-family: "basel-font";
display: inline-block;
margin-right: 5px; }
.widget_rss .rssSummary {
font-size: 12px;
letter-spacing: .2px; }
.pswp {
z-index: 1500;
display: none;
overflow: hidden;
outline: none;
-webkit-text-size-adjust: 100%;
touch-action: none;
-webkit-backface-visibility: hidden; }
.pswp img {
max-width: none; }
.pswp--animate_opacity {
opacity: .001;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
will-change: opacity; }
.pswp--open {
display: block; }
.pswp__bg {
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__scroll-wrap {
overflow: hidden; }
.pswp__container,
.pswp__zoom-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
touch-action: none; }
.pswp__container,
.pswp__img {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none; }
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
-webkit-transform-origin: left top;
transform-origin: left top; }
.pswp__bg {
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
will-change: opacity; }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden; }
.pswp__img {
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto; }
.pswp--zoom-allowed .pswp__img {
cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {
cursor: grab; }
.pswp--dragging .pswp__img {
cursor: grabbing; }
.pswp__img--placeholder {
-webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank {
background: #222; }
.pswp--ie .pswp__img {
top: 0;
left: 0;
width: 100% !important;
height: auto !important; }
.pswp__error-msg {
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
width: 100%;
color: #CCC;
text-align: center;
font-size: 14px;
line-height: 16px; }
.pswp__error-msg a {
color: #CCC;
text-decoration: underline; }
.pswp__button {
position: relative;
float: right;
margin: 0;
padding: 0;
width: 44px;
height: 44px;
background: none;
border: 0;
opacity: .75;
transition: opacity .2s;
-webkit-appearance: none; }
.pswp__button:hover {
opacity: 1; }
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0; }
.pswp__button,
[class*="pswp__button--arrow--"]:before {
background: url(//vitrinavenezuela.com/wp-content/themes/basel/images/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
.pswp--svg .pswp__button,
.pswp--svg [class*="pswp__button--arrow--"]:before {
background-image: url(//vitrinavenezuela.com/wp-content/themes/basel/images/default-skin.svg); }
.pswp--svg [class*="pswp__button--arrow--"] {
background: none; } }
.pswp__button--close {
background-position: 0 -44px; }
.pswp__ui--over-close .pswp__button--close {
opacity: 1; }
.pswp__button--share {
background-position: -44px -44px; }
.pswp__button--fs {
display: none; }
.pswp--supports-fs .pswp__button--fs {
display: block; }
.pswp--fs .pswp__button--fs {
background-position: -44px 0; }
.pswp__button--zoom {
display: none;
background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom {
display: block; }
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0; }
[class*="pswp__button--arrow--"] {
position: absolute;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
background: none; }
.pswp--touch [class*="pswp__button--arrow--"] {
visibility: hidden; }
[class*="pswp__button--arrow--"]:before {
content: '';
position: absolute;
top: 35px;
width: 32px;
height: 30px;
background-color: rgba(0, 0, 0, 0.3); }
.pswp__button--arrow--left {
left: 0; }
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px; }
.pswp__button--arrow--right {
right: 0; }
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px; }
.pswp__counter,
.pswp__share-modal {
-ms-user-select: none;
user-select: none; }
.pswp__share-modal {
z-index: 1600;
padding: 10px;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity .25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__share-modal.pswp__share-modal--hidden {
display: none; }
.pswp__share-tooltip {
position: absolute;
top: 56px;
right: 44px;
z-index: 1620;
background: #FFF;
transition: transform .25s;
transform: translateY(6px);
-webkit-backface-visibility: hidden; }
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px; }
.pswp__share-tooltip a:hover {
color: #FFF; }
.pswp__share-tooltip:before {
content: '';
position: absolute;
top: -12px;
right: 15px;
display: block;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #FFF; }
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px; }
.pswp__share-modal--fade-in {
opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: none; }
.pswp__share--facebook:hover {
background: #365493; }
.pswp__share--twitter:hover {
background: #000; }
.pswp__share--pinterest:hover {
background: #CE272D; }
.pswp__counter {
position: absolute;
top: 0;
left: 0;
padding: 0 10px;
height: 44px;
color: #FFF;
font-size: 13px;
line-height: 44px;
opacity: .75; }
.pswp__caption {
position: absolute;
bottom: 0;
left: 0;
min-height: 44px;
width: 100%; }
.pswp__caption small {
color: #BBB;
font-size: 11px; }
.pswp__caption__center {
margin: 0 auto;
padding: 10px;
max-width: 420px;
color: #CCC;
text-align: left;
font-size: 13px;
line-height: 20px; }
.pswp__caption--empty {
display: none; }
.pswp__caption--fake {
visibility: hidden; }
.pswp__preloader {
position: relative;
display: flex;
float: right;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
font-size: 0;
line-height: 1;
opacity: 0;
transition: opacity .25s ease-out; }
@media screen and (min-width: 1025px) {
.pswp__preloader {
position: absolute;
top: 0;
left: calc(50% - 22px); } }
.pswp__preloader__donut {
content: " ";
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important; }
.pswp__preloader--active .pswp__preloader__donut {
animation: load-spin 450ms infinite linear; }
.pswp__preloader--active {
opacity: 1; }
.pswp__ui {
z-index: 1550;
visibility: visible;
-webkit-font-smoothing: auto;
opacity: 1; }
.pswp__top-bar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 44px; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse [class*="pswp__button--arrow--"] {
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp--has_mouse [class*="pswp__button--arrow--"] {
visibility: visible; }
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5); }
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit
.pswp__caption {
background-color: rgba(0, 0, 0, 0.3); }
.pswp__ui--idle .pswp__top-bar,
.pswp__ui--idle [class*="pswp__button--arrow--"] {
opacity: 0; }
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden [class*="pswp__button--arrow--"] {
opacity: .001; }
.pswp__ui--one-slide [class*="pswp__button--arrow--"],
.pswp__ui--one-slide .pswp__counter {
display: none; }
.pswp__element--disabled {
display: none !important; }
.pswp, .pswp__bg, .pswp__scroll-wrap, .pswp__share-modal {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.slider-title {
text-align: center;
font-size: 26px;
margin-bottom: 30px;
text-transform: uppercase;
position: relative; }
.slider-title:before {
content: " ";
position: absolute;
bottom: -12px;
inset-inline-start: 50%;
margin-left: -15px;
width: 30px;
height: 2px;
display: inline-block; }
.owl-carousel {
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
clear: both; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
.owl-carousel:not(.owl-loaded) {
display: flex;
overflow: hidden; }
.no-js .owl-carousel {
display: block; }
.owl-carousel .owl-item.animated {
animation-duration: 600ms;
animation-fill-mode: both; }
.owl-carousel .owl-item.fadeOut {
animation-name: fade-out; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-height {
transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//vitrinavenezuela.com/wp-content/themes/basel/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
.items-with-space,
.teaser_grid_container,
.vc_carousel_container {
margin-left: -10px;
margin-right: -10px; }
.items-with-space .isotope-inner,
.items-with-space .owl-carousel-item-inner,
.teaser_grid_container .isotope-inner,
.teaser_grid_container .owl-carousel-item-inner,
.vc_carousel_container .isotope-inner,
.vc_carousel_container .owl-carousel-item-inner {
padding-right: 10px;
padding-left: 10px; }
.teaser_grid_container .categories_filter {
margin: 0 10px 10px; }
.isotope-item .post-thumb,
.owl-carousel-item .post-thumb {
margin-bottom: 15px; }
.isotope-item .post-title,
.owl-carousel-item .post-title {
margin-bottom: 15px; }
.isotope-item .entry-content,
.owl-carousel-item .entry-content {
line-height: 1.7;
margin-bottom: 15px; }
.isotope-item .entry-content p,
.owl-carousel-item .entry-content p {
margin-bottom: 0; }
.owl-carousel div.category-grid-item,
.owl-carousel div.product-grid-item {
margin-bottom: 10px; }
.owl-carousel.basel-hover-info {
margin-bottom: 10px; }
.owl-carousel:hover .owl-nav > div {
opacity: 1; }
.owl-carousel:hover .owl-nav .owl-prev {
left: -47px; }
.owl-carousel:hover .owl-nav .owl-next {
right: -47px; }
.owl-nav > div {
position: absolute;
top: 50%;
color: #000;
display: inline-block;
text-align: center;
cursor: pointer;
zoom: 1;
opacity: 0;
*display: inline;
margin: 0;
z-index: 2;
filter: Alpha(Opacity=0);
transform: translateY(-50%);
transition: all .25s ease; }
.owl-nav > div.disabled {
color: rgba(0, 0, 0, 0.3);
cursor: default; }
.owl-nav > div:hover:not(.disabled) {
color: rgba(0, 0, 0, 0.6); }
.owl-nav > div:before {
content: "\e605";
display: block;
font-family: 'simple-line-icons';
width: 55px;
font-size: 36px;
height: 55px;
line-height: 55px; }
.owl-nav .owl-prev {
left: -20px;
padding-left: 0; }
.owl-nav .owl-next {
left: auto;
right: -20px;
padding-right: 0; }
.owl-nav .owl-next:before {
content: "\e606"; }
.color-scheme-light .owl-nav > div,
.pagin-color-light .owl-nav > div {
color: rgba(255, 255, 255, 0.8); }
.color-scheme-light .owl-nav > div.disabled,
.pagin-color-light .owl-nav > div.disabled {
color: rgba(255, 255, 255, 0.6); }
.color-scheme-light .owl-nav > div:hover:not(.disabled),
.pagin-color-light .owl-nav > div:hover:not(.disabled) {
color: white; }
.owl-dots {
text-align: center; }
.owl-dots .owl-dot {
display: inline-block;
margin-top: 10px;
zoom: 1;
*display: inline; }
.owl-dots .owl-dot span {
display: block;
width: 10px;
height: 10px;
margin: 5px 7px;
background: #cccccc;
border-radius: 20px; }
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
background-color: #1F1F1F; }
.color-scheme-light .owl-dots > div span,
.pagin-color-light .owl-dots > div span {
background-color: rgba(255, 255, 255, 0.6); }
.color-scheme-light .owl-dots > div.active span,
.color-scheme-light .owl-dots > div:hover span,
.pagin-color-light .owl-dots > div.active span,
.pagin-color-light .owl-dots > div:hover span {
background-color: white; }
.wrapper-boxed .color-scheme-light .owl-nav > div {
color: #000; }
.wrapper-boxed .color-scheme-light .owl-nav > div.disabled {
color: rgba(0, 0, 0, 0.3); }
.wrapper-boxed .color-scheme-light .owl-nav > div:hover:not(.disabled) {
color: rgba(0, 0, 0, 0.6); }
.info-box-spacing-0 {
margin-left: -0px;
margin-right: -0px; }
.info-box-spacing-0 .owl-item,
.info-box-spacing-0 .owl-carousel:not(.owl-loaded) > div {
padding-left: 0px;
padding-right: 0px; }
.info-box-spacing-2 {
margin-left: -1px;
margin-right: -1px; }
.info-box-spacing-2 .owl-item,
.info-box-spacing-2 .owl-carousel:not(.owl-loaded) > div {
padding-left: 1px;
padding-right: 1px; }
.info-box-spacing-6 {
margin-left: -3px;
margin-right: -3px; }
.info-box-spacing-6 .owl-item,
.info-box-spacing-6 .owl-carousel:not(.owl-loaded) > div {
padding-left: 3px;
padding-right: 3px; }
.info-box-spacing-10 {
margin-left: -5px;
margin-right: -5px; }
.info-box-spacing-10 .owl-item,
.info-box-spacing-10 .owl-carousel:not(.owl-loaded) > div {
padding-left: 5px;
padding-right: 5px; }
.info-box-spacing-20 {
margin-left: -10px;
margin-right: -10px; }
.info-box-spacing-20 .owl-item,
.info-box-spacing-20 .owl-carousel:not(.owl-loaded) > div {
padding-left: 10px;
padding-right: 10px; }
.info-box-spacing-30 {
margin-left: -15px;
margin-right: -15px; }
.info-box-spacing-30 .owl-item,
.info-box-spacing-30 .owl-carousel:not(.owl-loaded) > div {
padding-left: 15px;
padding-right: 15px; }
.info-box-carousel-wrapper .basel-info-box,
.info-box-carousel-wrapper .basel-info-box2 {
margin-bottom: 20px; }
@media (min-width: 979px) {
[data-desktop="1"] .owl-carousel:not(.owl-loaded) > div {
width: 100%;
flex: 0 0 100%; }
[data-desktop="2"] .owl-carousel:not(.owl-loaded) > div {
width: 50%;
flex: 0 0 50%; }
[data-desktop="3"] .owl-carousel:not(.owl-loaded) > div {
width: 33.3333333333%;
flex: 0 0 33.3333333333%; }
[data-desktop="4"] .owl-carousel:not(.owl-loaded) > div {
width: 25%;
flex: 0 0 25%; }
[data-desktop="5"] .owl-carousel:not(.owl-loaded) > div {
width: 20%;
flex: 0 0 20%; }
[data-desktop="6"] .owl-carousel:not(.owl-loaded) > div {
width: 16.6666666667%;
flex: 0 0 16.6666666667%; }
[data-desktop="7"] .owl-carousel:not(.owl-loaded) > div {
width: 14.2857142857%;
flex: 0 0 14.2857142857%; }
[data-desktop="8"] .owl-carousel:not(.owl-loaded) > div {
width: 12.5%;
flex: 0 0 12.5%; } }
@media (min-width: 479px) and (max-width: 978px) {
[data-desktop_small="1"] .owl-carousel:not(.owl-loaded) > div {
width: 100%;
flex: 0 0 100%; }
[data-desktop_small="2"] .owl-carousel:not(.owl-loaded) > div {
width: 50%;
flex: 0 0 50%; }
[data-desktop_small="3"] .owl-carousel:not(.owl-loaded) > div {
width: 33.3333333333%;
flex: 0 0 33.3333333333%; }
[data-desktop_small="4"] .owl-carousel:not(.owl-loaded) > div {
width: 25%;
flex: 0 0 25%; }
[data-desktop_small="5"] .owl-carousel:not(.owl-loaded) > div {
width: 20%;
flex: 0 0 20%; }
[data-desktop_small="6"] .owl-carousel:not(.owl-loaded) > div {
width: 16.6666666667%;
flex: 0 0 16.6666666667%; }
[data-desktop_small="7"] .owl-carousel:not(.owl-loaded) > div {
width: 14.2857142857%;
flex: 0 0 14.2857142857%; } }
@media (max-width: 478px) {
[data-mobile="1"] .owl-carousel:not(.owl-loaded) > div {
width: 100%;
flex: 0 0 100%; }
[data-mobile="2"] .owl-carousel:not(.owl-loaded) > div {
width: 50%;
flex: 0 0 50%; } }
.basel-justified-gallery:not(.justified-gallery) {
display: none; }
@keyframes justified-gallery-show-caption-animation {
from {
opacity: 0; }
to {
opacity: .7; } }
.justified-gallery {
width: 100%;
position: relative;
overflow: hidden; }
.justified-gallery .caption {
display: none !important; }
.justified-gallery > a,
.justified-gallery > div {
position: absolute;
display: inline-block;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0); }
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: 0; }
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000;
left: 0;
right: 0;
margin: 0;
color: #fff;
font-size: 12px;
font-weight: 300;
font-family: sans-serif; }
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
display: initial;
opacity: .7;
filter: "alpha(opacity=70)";
animation: justified-gallery-show-caption-animation 500ms 0 ease; }
.justified-gallery > .entry-visible {
opacity: 1;
filter: alpha(opacity=100);
animation: fade-in .6s ease; }
.justified-gallery > .spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0;
left: 50%;
opacity: initial;
filter: initial;
overflow: initial; }
.justified-gallery > .spinner > span {
display: inline-block;
opacity: 0;
filter: alpha(opacity=0);
width: 8px;
height: 8px;
margin: 0 4px;
background-color: #000;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px; }
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
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;
overflow-x: hidden; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-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-color: transparent !important;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
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: 0.65;
filter: alpha(opacity=65);
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;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
font-size: 0;
cursor: pointer;
padding-right: 36px;
padding: 0;
opacity: 1;
background-color: #000; }
.mfp-image-holder .mfp-close:after, .mfp-image-holder .mfp-close:before,
.mfp-iframe-holder .mfp-close:after,
.mfp-iframe-holder .mfp-close:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5px;
width: 30px;
height: 1px;
display: inline-block;
background-color: white;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.mfp-image-holder .mfp-close:after, .mfp-image-holder .mfp-close:before,
.mfp-iframe-holder .mfp-close:after,
.mfp-iframe-holder .mfp-close:before {
right: 7px; }
.mfp-image-holder .mfp-close:after,
.mfp-iframe-holder .mfp-close:after {
transform: rotate(-45deg); }
.mfp-image-holder .mfp-close:before,
.mfp-iframe-holder .mfp-close:before {
transform: rotate(45deg); }
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover {
background-color: #000; }
.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;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
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,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
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-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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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 {
transform: scale(0.75); }
.mfp-arrow-left {
transform-origin: 0; }
.mfp-arrow-right {
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all .3s;
transform: translateX(-50px); }
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all .3s; }
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0); }
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: .8; }
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0; }
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0; }
.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-close, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawar, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symble-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-gplus, .icon-social-reddit, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox {
font-family: "simple-line-icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-user:before {
content: "\e005"; }
.icon-people:before {
content: "\e001"; }
.icon-user-female:before {
content: "\e000"; }
.icon-user-follow:before {
content: "\e002"; }
.icon-user-following:before {
content: "\e003"; }
.icon-user-unfollow:before {
content: "\e004"; }
.icon-login:before {
content: "\e066"; }
.icon-logout:before {
content: "\e065"; }
.icon-emotsmile:before {
content: "\e021"; }
.icon-phone:before {
content: "\e600"; }
.icon-call-end:before {
content: "\e048"; }
.icon-call-in:before {
content: "\e047"; }
.icon-call-out:before {
content: "\e046"; }
.icon-map:before {
content: "\e033"; }
.icon-location-pin:before {
content: "\e096"; }
.icon-direction:before {
content: "\e042"; }
.icon-directions:before {
content: "\e041"; }
.icon-compass:before {
content: "\e045"; }
.icon-layers:before {
content: "\e034"; }
.icon-menu:before {
content: "\e601"; }
.icon-list:before {
content: "\e067"; }
.icon-options-vertical:before {
content: "\e602"; }
.icon-options:before {
content: "\e603"; }
.icon-arrow-down:before {
content: "\e604"; }
.icon-arrow-left:before {
content: "\e605"; }
.icon-arrow-right:before {
content: "\e606"; }
.icon-arrow-up:before {
content: "\e607"; }
.icon-arrow-up-circle:before {
content: "\e078"; }
.icon-arrow-left-circle:before {
content: "\e07a"; }
.icon-arrow-right-circle:before {
content: "\e079"; }
.icon-arrow-down-circle:before {
content: "\e07b"; }
.icon-check:before {
content: "\e080"; }
.icon-clock:before {
content: "\e081"; }
.icon-plus:before {
content: "\e095"; }
.icon-close:before {
content: "\e082"; }
.icon-trophy:before {
content: "\e006"; }
.icon-screen-smartphone:before {
content: "\e010"; }
.icon-screen-desktop:before {
content: "\e011"; }
.icon-plane:before {
content: "\e012"; }
.icon-notebook:before {
content: "\e013"; }
.icon-mustache:before {
content: "\e014"; }
.icon-mouse:before {
content: "\e015"; }
.icon-magnet:before {
content: "\e016"; }
.icon-energy:before {
content: "\e020"; }
.icon-disc:before {
content: "\e022"; }
.icon-cursor:before {
content: "\e06e"; }
.icon-cursor-move:before {
content: "\e023"; }
.icon-crop:before {
content: "\e024"; }
.icon-chemistry:before {
content: "\e026"; }
.icon-speedometer:before {
content: "\e007"; }
.icon-shield:before {
content: "\e00e"; }
.icon-screen-tablet:before {
content: "\e00f"; }
.icon-magic-wand:before {
content: "\e017"; }
.icon-hourglass:before {
content: "\e018"; }
.icon-graduation:before {
content: "\e019"; }
.icon-ghost:before {
content: "\e01a"; }
.icon-game-controller:before {
content: "\e01b"; }
.icon-fire:before {
content: "\e01c"; }
.icon-eyeglass:before {
content: "\e01d"; }
.icon-envelope-open:before {
content: "\e01e"; }
.icon-envelope-letter:before {
content: "\e01f"; }
.icon-bell:before {
content: "\e027"; }
.icon-badge:before {
content: "\e028"; }
.icon-anchor:before {
content: "\e029"; }
.icon-wallet:before {
content: "\e02a"; }
.icon-vector:before {
content: "\e02b"; }
.icon-speech:before {
content: "\e02c"; }
.icon-puzzle:before {
content: "\e02d"; }
.icon-printer:before {
content: "\e02e"; }
.icon-present:before {
content: "\e02f"; }
.icon-playlist:before {
content: "\e030"; }
.icon-pin:before {
content: "\e031"; }
.icon-picture:before {
content: "\e032"; }
.icon-handbag:before {
content: "\e035"; }
.icon-globe-alt:before {
content: "\e036"; }
.icon-globe:before {
content: "\e037"; }
.icon-folder-alt:before {
content: "\e039"; }
.icon-folder:before {
content: "\e089"; }
.icon-film:before {
content: "\e03a"; }
.icon-feed:before {
content: "\e03b"; }
.icon-drop:before {
content: "\e03e"; }
.icon-drawar:before {
content: "\e03f"; }
.icon-docs:before {
content: "\e040"; }
.icon-doc:before {
content: "\e085"; }
.icon-diamond:before {
content: "\e043"; }
.icon-cup:before {
content: "\e044"; }
.icon-calculator:before {
content: "\e049"; }
.icon-bubbles:before {
content: "\e04a"; }
.icon-briefcase:before {
content: "\e04b"; }
.icon-book-open:before {
content: "\e04c"; }
.icon-basket-loaded:before {
content: "\e04d"; }
.icon-basket:before {
content: "\e04e"; }
.icon-bag:before {
content: "\e04f"; }
.icon-action-undo:before {
content: "\e050"; }
.icon-action-redo:before {
content: "\e051"; }
.icon-wrench:before {
content: "\e052"; }
.icon-umbrella:before {
content: "\e053"; }
.icon-trash:before {
content: "\e054"; }
.icon-tag:before {
content: "\e055"; }
.icon-support:before {
content: "\e056"; }
.icon-frame:before {
content: "\e038"; }
.icon-size-fullscreen:before {
content: "\e057"; }
.icon-size-actual:before {
content: "\e058"; }
.icon-shuffle:before {
content: "\e059"; }
.icon-share-alt:before {
content: "\e05a"; }
.icon-share:before {
content: "\e05b"; }
.icon-rocket:before {
content: "\e05c"; }
.icon-question:before {
content: "\e05d"; }
.icon-pie-chart:before {
content: "\e05e"; }
.icon-pencil:before {
content: "\e05f"; }
.icon-note:before {
content: "\e060"; }
.icon-loop:before {
content: "\e064"; }
.icon-home:before {
content: "\e069"; }
.icon-grid:before {
content: "\e06a"; }
.icon-graph:before {
content: "\e06b"; }
.icon-microphone:before {
content: "\e063"; }
.icon-music-tone-alt:before {
content: "\e061"; }
.icon-music-tone:before {
content: "\e062"; }
.icon-earphones-alt:before {
content: "\e03c"; }
.icon-earphones:before {
content: "\e03d"; }
.icon-equalizer:before {
content: "\e06c"; }
.icon-like:before {
content: "\e068"; }
.icon-dislike:before {
content: "\e06d"; }
.icon-control-start:before {
content: "\e06f"; }
.icon-control-rewind:before {
content: "\e070"; }
.icon-control-play:before {
content: "\e071"; }
.icon-control-pause:before {
content: "\e072"; }
.icon-control-forward:before {
content: "\e073"; }
.icon-control-end:before {
content: "\e074"; }
.icon-volume-1:before {
content: "\e09f"; }
.icon-volume-2:before {
content: "\e0a0"; }
.icon-volume-off:before {
content: "\e0a1"; }
.icon-calendar:before {
content: "\e075"; }
.icon-bulb:before {
content: "\e076"; }
.icon-chart:before {
content: "\e077"; }
.icon-ban:before {
content: "\e07c"; }
.icon-bubble:before {
content: "\e07d"; }
.icon-camrecorder:before {
content: "\e07e"; }
.icon-camera:before {
content: "\e07f"; }
.icon-cloud-download:before {
content: "\e083"; }
.icon-cloud-upload:before {
content: "\e084"; }
.icon-envelope:before {
content: "\e086"; }
.icon-eye:before {
content: "\e087"; }
.icon-flag:before {
content: "\e088"; }
.icon-heart:before {
content: "\e08a"; }
.icon-info:before {
content: "\e08b"; }
.icon-key:before {
content: "\e08c"; }
.icon-link:before {
content: "\e08d"; }
.icon-lock:before {
content: "\e08e"; }
.icon-lock-open:before {
content: "\e08f"; }
.icon-magnifier:before {
content: "\e090"; }
.icon-magnifier-add:before {
content: "\e091"; }
.icon-magnifier-remove:before {
content: "\e092"; }
.icon-paper-clip:before {
content: "\e093"; }
.icon-paper-plane:before {
content: "\e094"; }
.icon-power:before {
content: "\e097"; }
.icon-refresh:before {
content: "\e098"; }
.icon-reload:before {
content: "\e099"; }
.icon-settings:before {
content: "\e09a"; }
.icon-star:before {
content: "\e09b"; }
.icon-symble-female:before {
content: "\e09c"; }
.icon-symbol-male:before {
content: "\e09d"; }
.icon-target:before {
content: "\e09e"; }
.icon-credit-card:before {
content: "\e025"; }
.icon-paypal:before {
content: "\e608"; }
.icon-social-tumblr:before {
content: "\e00a"; }
.icon-social-twitter:before {
content: "\e009"; }
.icon-social-facebook:before {
content: "\e00b"; }
.icon-social-instagram:before {
content: "\e609"; }
.icon-social-linkedin:before {
content: "\e60a"; }
.icon-social-pinterest:before {
content: "\e60b"; }
.icon-social-github:before {
content: "\e60c"; }
.icon-social-gplus:before {
content: "\e60d"; }
.icon-social-reddit:before {
content: "\e60e"; }
.icon-social-dribbble:before {
content: "\e00d"; }
.icon-social-behance:before {
content: "\e610"; }
.icon-social-foursqare:before {
content: "\e611"; }
.icon-social-soundcloud:before {
content: "\e612"; }
.icon-social-spotify:before {
content: "\e613"; }
.icon-social-stumbleupon:before {
content: "\e614"; }
.icon-social-youtube:before {
content: "\e008"; }
.icon-social-dropbox:before {
content: "\e00c"; }
.alignleft {
float: left;
margin-top: 3px;
margin-bottom: 20px;
margin-right: 25px; }
.alignright {
float: right;
margin-top: 3px;
margin-bottom: 20px;
margin-left: 25px; }
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
margin-bottom: 20px; }
.wp-caption {
background: transparent;
border: none;
margin-bottom: 20px;
padding: 0; }
.wp-caption.alignleft {
margin-top: 3px;
margin-right: 25px; }
.wp-caption.alignright {
margin-top: 3px;
margin-left: 25px; }
.wp-caption.aligncenter {
margin: 0 auto;
margin-top: 3px; }
.wp-caption .wp-caption-text,
.wp-caption-dd {
font-style: italic;
opacity: .8;
padding: 5px 10px 5px 0; }
.gallery .gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
padding: 0;
position: relative; }
.gallery-columns-1 .gallery-item {
max-width: 100%;
width: auto; }
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: calc(50% - 14px);
width: auto; }
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: calc(33.3% - 11px);
width: auto; }
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: calc(25% - 9px);
width: auto; }
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: calc(20% - 8px);
width: auto; }
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: calc(16.7% - 7px);
width: auto; }
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: calc(14.28% - 7px);
width: auto; }
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: calc(12.5% - 6px);
width: auto; }
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: calc(11.1% - 6px);
width: auto; }
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0; }
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
.gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
.gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
.gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
.gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
.gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
.gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
.gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
margin-left: 12px; }
.gallery .gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%; }
.gallery .gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%; }
.gallery-item:hover .gallery-caption {
opacity: 1; }
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none; }
.wp-block-gallery,
.wp-block-latest-posts.is-grid {
padding-left: 0 !important; }
.wp-block-gallery > li:before,
.wp-block-latest-posts.is-grid > li:before {
display: none; }
.wp-block-separator {
width: 35px; }
.wp-block-separator.is-style-wide, .wp-block-separator.is-style-dots {
width: 100%; }
.wp-block-image .alignleft, .wp-block-image.alignleft {
margin-right: 25px; }
.wp-block-image .alignright, .wp-block-image.alignright {
margin-left: 25px; }
.wp-block-quote.is-large {
border: none; }
.wp-block-pullquote blockquote {
border: none;
padding-left: 0;
margin-bottom: 0;
text-align: center; }
.wp-block-pullquote:not(.is-style-solid-color) {
border-width: 2px 0 2px 0;
border-style: solid; }
.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter {
text-align: center; }
.main-header {
width: 100%;
margin-bottom: 40px;
z-index: 350; }
.main-header .wrapp-header {
display: table;
width: 100%; }
.browser-Firefox .main-header .wrapp-header {
height: 0; }
.main-header .right-column,
.main-header .main-nav,
.main-header .site-logo,
.main-header .widgetarea-head {
display: table-cell;
vertical-align: middle; }
.main-header .right-column {
padding-left: 15px; }
.main-header .site-logo {
padding-right: 15px;
overflow: hidden; }
.main-header .site-logo img {
padding-bottom: 10px;
padding-top: 10px;
perspective: 800px;
-webkit-perspective: 800px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.main-header .sidebar-widget {
margin-bottom: 0; }
.main-header .widgetarea-head {
padding: 10px 15px; }
.main-header.header-base, .main-header.header-categories, .main-header.header-logo-center {
border-bottom: none; }
.main-header.header-has-no-bg.act-scroll {
border: none;
box-shadow: 0 1px 5px rgba(190, 190, 190, 0.5);
background-color: #FFF; }
.main-header.header-has-no-bg.color-scheme-light.act-scroll {
border: none;
box-shadow: none;
background-color: rgba(0, 0, 0, 0.9); }
.main-header.header-has-bg.act-scroll {
border: none;
box-shadow: none; }
.color-scheme-light .widgetarea-head {
color: rgba(255, 255, 255, 0.9); }
.color-scheme-light .widgetarea-head p {
color: rgba(255, 255, 255, 0.9); }
.color-scheme-light .widgetarea-head a,
.color-scheme-light .widgetarea-head ul li a {
color: rgba(255, 255, 255, 0.9); }
.color-scheme-light .widgetarea-head a:hover,
.color-scheme-light .widgetarea-head ul li a:hover {
color: rgba(255, 255, 255, 0.7); }
.header-full-width .sticky-header > .container,
.header-full-width .topbar-wrapp > .container,
.header-full-width .main-header > .container,
.header-full-width .main-header .navigation-wrap > .container,
.header-full-width .main-header .secondary-header > .container,
.header-full-width .single-breadcrumbs-wrapper > .container {
width: 95%; }
.navigation-wrap {
border-top: 1px solid rgba(168, 168, 168, 0.2);
border-bottom: 1px solid rgba(168, 168, 168, 0.2);
position: relative; }
.color-scheme-light .navigation-wrap {
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.header-base .main-nav {
display: block; }
.header-simple,
.header-categories {
position: relative; }
.header-simple .main-nav .menu > li.menu-item-design-full-width > .sub-menu-dropdown,
.header-categories .main-nav .menu > li.menu-item-design-full-width > .sub-menu-dropdown {
top: 120%; }
.header-simple .main-nav .menu > li.menu-item-design-full-width.item-event-hover:hover > .sub-menu-dropdown,
.header-simple .main-nav .menu > li.menu-item-design-full-width.item-event-click.item-menu-opened > .sub-menu-dropdown,
.header-categories .main-nav .menu > li.menu-item-design-full-width.item-event-hover:hover > .sub-menu-dropdown,
.header-categories .main-nav .menu > li.menu-item-design-full-width.item-event-click.item-menu-opened > .sub-menu-dropdown {
top: 100%; }
.header-simple .main-nav .menu > li > .sub-menu-dropdown,
.header-categories .main-nav .menu > li > .sub-menu-dropdown {
top: 100%; }
.header-simple .main-nav .menu > li.item-event-hover:hover > .sub-menu-dropdown,
.header-simple .main-nav .menu > li.item-event-click.item-menu-opened > .sub-menu-dropdown,
.header-categories .main-nav .menu > li.item-event-hover:hover > .sub-menu-dropdown,
.header-categories .main-nav .menu > li.item-event-click.item-menu-opened > .sub-menu-dropdown {
top: 80%; }
.basel-header-overlap .main-page-wrapper {
margin-top: 0;
padding-top: 0; }
.basel-header-overlap .main-header:not(.header-split) {
position: absolute;
top: 0;
right: 0;
z-index: 350;
border-bottom: none;
transition: background .15s ease-in-out; }
.basel-header-overlap .main-header:not(.header-split) .site-logo img {
transition: max-height .2s ease; }
.basel-header-overlap .main-header:not(.header-split) .main-nav .menu > li:not(.callto-btn) > a {
transition: height .15s ease-in-out, line-height .15s ease-in-out, color .2s ease; }
.basel-header-overlap .main-header:not(.header-split) .main-nav .menu > li:not(.callto-btn) > .sub-menu-dropdown {
top: 120%; }
.basel-header-overlap .main-header:not(.header-split) .main-nav .menu > li:not(.callto-btn).item-event-hover:hover > .sub-menu-dropdown,
.basel-header-overlap .main-header:not(.header-split) .main-nav .menu > li:not(.callto-btn).item-event-click.item-menu-opened > .sub-menu-dropdown {
top: 100%; }
.basel-header-overlap .main-header:not(.header-split) .right-column .header-links {
padding-right: 0;
border: none;
transition: height .15s ease-in-out, line-height .15s ease-in-out, color .2s ease; }
.basel-header-overlap .main-header:not(.header-split).act-scroll {
transition: background .25s ease-in-out; }
.basel-header-overlap .main-header:not(.header-split).act-scroll .main-nav .menu > li > a {
transition: height .25s ease-in-out, line-height .25s ease-in-out, color .2s ease; }
.basel-header-overlap .main-header:not(.header-split).act-scroll .site-logo img {
transition: max-height .25s ease; }
.basel-header-overlap .main-header:not(.header-split).act-scroll .right-column .header-links {
transition: height .25s ease-in-out, line-height .25s ease-in-out, color .2s ease; }
.basel-header-overlap .main-header:not(.header-split).color-scheme-light.act-scroll {
transition: background .2s ease-in-out; }
.basel-header-overlap .main-header:not(.header-split).color-scheme-light .right-column .header-links {
border: none; }
.basel-header-overlap .page-title {
margin-top: 0; }
.basel-header-overlap .title-size-small {
padding: 95px 0 50px 0; }
.basel-header-overlap .title-size-default {
padding: 140px 0 100px 0; }
.basel-header-overlap .title-size-large {
padding: 175px 0; }
.basel-header-overlap.basel-top-bar-on .main-header {
top: 42px; }
.enable-sticky-header.basel-header-overlap .header-spacing {
display: none; }
.enable-sticky-header.basel-header-overlap .main-header {
position: absolute; }
.enable-sticky-header.basel-header-overlap .main-header.act-scroll {
position: fixed;
top: var(--basel-admin-bar-h); }
.enable-sticky-header.basel-header-overlap.basel-top-bar-on .main-header.act-scroll {
top: var(--basel-admin-bar-h); }
.header-shop {
position: relative; }
.header-shop .main-nav {
padding-right: 15px; }
.header-shop .main-nav .menu > li > a {
position: relative;
transition: height .15s ease,  line-height .15s ease,  color .3s ease; }
.header-shop .main-nav .menu > li.menu-item-design-full-width > .sub-menu-dropdown {
top: 120%; }
.header-shop .main-nav .menu > li.menu-item-design-full-width.item-event-hover:hover > .sub-menu-dropdown,
.header-shop .main-nav .menu > li.menu-item-design-full-width.item-event-click.item-menu-opened > .sub-menu-dropdown {
top: 100%; }
.header-shop .main-nav .menu > li > .sub-menu-dropdown {
top: 100%; }
.header-shop .main-nav .menu > li.item-event-hover:hover > .sub-menu-dropdown,
.header-shop .main-nav .menu > li.item-event-click.item-menu-opened > .sub-menu-dropdown {
top: 80%; }
.header-shop .site-logo {
padding-left: 15px;
text-align: center; }
.header-shop .site-logo img {
display: inline-block;
transition: max-height .15s ease; }
.header-shop .right-column .header-links {
border-right: 2px solid #f5f5f5;
padding-right: 35px;
margin-right: 15px;
transition: height .15s ease,  line-height .15s ease,  color .3s ease; }
.header-shop .right-column .header-links li a {
transition: color .2s ease; }
.header-shop.act-scroll .main-nav .menu > li > a {
transition: height .3s ease 0.05s,  line-height .3s ease 0.05s,  color .3s ease; }
.header-shop.act-scroll .site-logo img {
transition: max-height .3s ease; }
.header-shop.act-scroll .right-column .header-links {
transition: height .3s ease 0.05s,  line-height .3s ease 0.05s; }
.header-shop.color-scheme-light.act-scroll {
transition: background .25s ease-in-out; }
.header-shop.color-scheme-light .right-column .header-links {
border-right: 2px solid rgba(245, 245, 245, 0.2); }
.header-split {
position: relative; }
.header-split .wrapp-header {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
transition: min-height .15s ease; }
.header-split .wrapp-header .main-nav {
text-align: center; }
.header-split .main-nav {
flex-grow: 1;
opacity: 0;
visibility: hidden;
transition: all .5s ease-in-out; }
.header-split .main-nav .menu > li > a {
line-height: 40px;
height: 40px; }
.header-split .main-nav .menu > li > .sub-menu-dropdown {
top: 120%; }
.header-split .main-nav .menu > li.item-event-hover:hover > .sub-menu-dropdown,
.header-split .main-nav .menu > li.item-event-click.item-menu-opened > .sub-menu-dropdown {
top: 100%; }
.header-split .main-nav .menu .menu-item .sub-menu-dropdown:after {
height: 25px; }
.header-split .main-nav .menu .callto-btn.menu-item-design-sized .sub-menu-dropdown, .header-split .main-nav .menu .callto-btn.menu-item-design-default .sub-menu-dropdown {
margin-top: 0; }
.header-split .main-nav .menu .menu-item-design-sized .sub-menu-dropdown,
.header-split .main-nav .menu .menu-item-design-default .sub-menu-dropdown {
margin-top: 25px; }
.header-split .main-nav .sub-menu-dropdown:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%; }
.header-split .right-column {
position: relative;
z-index: 1;
flex-shrink: 0; }
.header-split .right-column .shopping-cart .dropdown-wrap-cat {
top: 130%;
padding-top: 30px; }
.header-split .right-column .shopping-cart:hover .dropdown-wrap-cat {
top: 100%; }
.header-split .basel-search-dropdown .basel-search-wrapper {
right: auto;
left: -24px;
top: 130% !important; }
.header-split .basel-search-dropdown:hover {
top: 100% !important; }
.header-split .left-side {
text-align: left;
padding-left: 0;
padding-right: 15px; }
.header-split .left-side > div {
margin-left: 0;
margin-right: 10px; }
.header-split .left-side > div:last-child {
margin-right: 10px; }
.header-split .site-logo {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding: 0; }
.header-split .site-logo img {
padding-left: 15px;
padding-right: 15px;
transition: max-height .15s ease; }
.header-split.menu-calculated .main-nav {
opacity: 1;
visibility: visible; }
.header-split.act-scroll .wrapp-header {
transition: min-height .3s ease 0.05s; }
.header-split.act-scroll .site-logo img {
transition: max-height .3s ease; }
.header-split.act-scroll .main-nav .menu .menu-item .sub-menu-dropdown:after {
height: 15px; }
.header-split.act-scroll .main-nav .menu .menu-item-design-sized .sub-menu-dropdown,
.header-split.act-scroll .main-nav .menu .menu-item-design-default .sub-menu-dropdown {
margin-top: 15px; }
.header-split.act-scroll .main-nav .menu .callto-btn.menu-item-design-sized .sub-menu-dropdown, .header-split.act-scroll .main-nav .menu .callto-btn.menu-item-design-default .sub-menu-dropdown {
margin-top: 0; }
.header-split.act-scroll .right-column .shopping-cart .dropdown-wrap-cat {
padding-top: 20px; }
.disable-sticky-header .header-split {
z-index: 10; }
.basel-header-overlap .header-split {
position: absolute;
top: 0;
left: 0;
z-index: 350;
border-bottom: none;
transition: background-color .15s ease; }
.basel-header-overlap .header-split .wrapp-header {
transition: min-height .15s ease; }
.basel-header-overlap .header-split .site-logo img {
transition: max-height .15s ease; }
.basel-header-overlap .header-split.act-scroll {
transition: background-color .3s ease; }
.sticky-header-prepared :is(
.header-shop,
.header-split) {
position: absolute;
top: 0;
left: 0;
z-index: 350; }
.sticky-header-prepared :is(
.header-shop,
.header-split).act-scroll {
position: fixed;
top: var(--basel-admin-bar-h); }
.sticky-header-prepared.basel-top-bar-on :is(
.header-shop,
.header-split).act-scroll {
top: var(--basel-admin-bar-h); }
.sticky-header-real:not(.global-header-menu-top) .switch-logo-enable .basel-logo {
display: block;
white-space: nowrap;
transition: height 100ms ease, opacity 100ms ease, visibility 100ms ease; }
.sticky-header-real:not(.global-header-menu-top) .switch-logo-enable .basel-logo img {
transition: max-height 100ms ease; }
.sticky-header-real:not(.global-header-menu-top) .switch-logo-enable .basel-logo:before {
content: "";
position: relative;
display: inline-block;
height: 100%;
vertical-align: middle; }
.sticky-header-real:not(.global-header-menu-top) .switch-logo-enable .basel-logo:hover {
text-decoration: none; }
.sticky-header-real:not(.global-header-menu-top) .switch-logo-enable .basel-main-logo {
opacity: 1;
visibility: visible; }
.sticky-header-real:not(.global-header-menu-top) .switch-logo-enable .basel-sticky-logo {
position: absolute;
left: 0;
right: 0;
top: 100%;
opacity: 0;
visibility: hidden; }
.sticky-header-real:not(.global-header-menu-top) .switch-logo-enable.basel-logo-wrap {
position: relative;
transition: transform 100ms ease; }
.sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable .basel-main-logo {
opacity: 0;
visibility: hidden; }
.sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable .basel-sticky-logo {
opacity: 1;
visibility: visible; }
.sticky-header-real:not(.global-header-menu-top).global-header-split .basel-sticky-logo {
text-align: center; }
.sticky-header-clone .main-header .switch-logo-enable .basel-sticky-logo {
display: none; }
.sticky-header-clone .header-clone .switch-logo-enable .basel-main-logo {
display: none; }
.sticky-header-clone .header-clone .switch-logo-enable .basel-sticky-logo {
display: block; }
.global-header-logo-center .sticky-header > .container:before, .global-header-logo-center .sticky-header > .container:after {
display: none; }
.header-logo-center .main-nav {
display: block; }
.header-logo-center .widgetarea-head {
padding-left: 0; }
.header-logo-center .site-logo {
padding-left: 15px;
text-align: center; }
.header-categories {
padding-bottom: 15px; }
.header-categories .main-nav .menu li.menu-item-design-full-width > .sub-menu-dropdown {
margin-top: -78px; }
.header-categories .secondary-header {
position: relative; }
.header-categories .secondary-header > .container {
display: table; }
.header-categories .secondary-header .mega-navigation {
display: table-cell;
width: 27.5%;
vertical-align: middle; }
.header-categories .secondary-header .mega-navigation.opened-menu .categories-menu-dropdown {
visibility: visible;
opacity: 1;
top: 100%; }
.header-categories .secondary-header .mega-navigation.opened-menu .menu-opener {
cursor: default; }
.header-categories .secondary-header .mega-navigation.show-on-hover:hover > .categories-menu-dropdown {
visibility: visible;
opacity: 1;
top: 100%; }
.header-categories .secondary-header .mega-navigation.show-on-hover:hover .arrow-opener {
transform: rotate(-180deg); }
.header-categories .menu-opener {
position: relative;
z-index: 299;
font-size: 16px;
text-transform: uppercase;
display: block;
letter-spacing: .3px;
font-weight: bold;
color: #FFF;
padding: 22px 0 22px 20px;
background-color: rgba(0, 0, 0, 0.23); }
.header-categories .burger-icon {
display: none; }
.header-categories .arrow-opener {
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
transition: transform .25s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.header-categories .arrow-opener:after {
content: "\f107";
font-family: "basel-font";
font-size: 14px;
line-height: 14px; }
.header-categories .search-extended {
width: 100%;
display: table-cell;
vertical-align: middle;
padding-left: 20px; }
.header-categories .search-extended input[type="text"] {
box-shadow: none; }
.header-menu-top {
padding: 0; }
.header-menu-top .navigation-wrap {
border: none;
margin-top: 0; }
.header-menu-top .navigation-wrap > .container {
display: table; }
.header-menu-top .widgetarea-head {
padding-left: 15px;
padding-right: 15px; }
.header-menu-top .social-icons li {
margin-right: 7px;
margin-left: 7px; }
.header-menu-top .mobile-nav-icon {
float: left;
margin-left: 0; }
.header-menu-top .site-logo {
display: block;
margin: 0 auto;
text-align: center;
width: auto;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px; }
.header-menu-top .site-logo img {
width: 100%;
display: inline-block;
max-height: none; }
.header-menu-top .basel-sticky-logo {
display: none; }
.header-menu-top.act-scroll.header-has-no-bg {
box-shadow: none; }
.header-menu-top.act-scroll .site-logo img {
max-height: none; }
.header-menu-top.header-has-no-bg .navigation-wrap {
background-color: #FFF;
box-shadow: 0 1px 5px rgba(190, 190, 190, 0.35); }
.header-menu-top.header-has-bg .navigation-wrap {
background-color: inherit;
box-shadow: none; }
.right-column {
text-align: right; }
.right-column .shopping-cart .dropdown-wrap-cat {
padding-top: 15px;
position: absolute;
top: 50%;
right: 0;
text-align: left;
visibility: hidden;
opacity: 0;
z-index: 9999;
transition: all .25s ease-in-out; }
.right-column .shopping-cart .dropdown-wrap-cat.display-widget {
visibility: visible;
opacity: 1;
top: 100%; }
.right-column .shopping-cart .dropdown-cat {
background-color: #FFF;
z-index: 1;
padding: 20px;
width: 320px;
color: #3c3c3c;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); }
.right-column .shopping-cart:hover > .dropdown-wrap-cat {
visibility: visible;
opacity: 1;
top: 100%; }
.right-column .search-button {
position: relative; }
.right-column .search-button a {
display: inline-block;
text-align: center; }
.right-column .search-button a i:before {
display: inline-block;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 30px; }
.right-column .wishlist-info-widget,
.right-column .compare-info-widget {
margin-right: 6px; }
.right-column .header-links {
position: relative;
height: 30px;
line-height: 30px; }
.right-column .header-links li {
display: inline-block;
margin-left: -2px; }
.right-column .header-links li a {
padding-top: 1px;
padding-bottom: 1px;
position: relative; }
.right-column .header-links li a:after {
content: " ";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: #919191;
transition: width .2s ease; }
.right-column .header-links li a:hover {
text-decoration: none; }
.right-column .header-links li a:hover:after {
width: 100%;
left: 0; }
.color-scheme-light .right-column .header-links li a:after {
background-color: #FFF; }
.right-column .header-links li a {
font-style: italic;
font-size: 13px; }
.right-column .header-links li:after {
content: "/";
line-height: 0;
display: inline-block;
padding: 7px; }
.right-column .header-links li:last-child:after {
content: none; }
.right-column .my-account-with-icon li:first-child > a:before {
content: "\e005";
font-family: 'Simple-Line-Icons';
display: inline-block;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 30px;
text-align: center;
vertical-align: middle;
font-style: initial; }
.right-column .my-account-with-icon li:first-child > a:after {
margin-left: 35px; }
.right-column .my-account-with-icon li:first-child > a:hover:after {
width: calc(100% - 35px); }
.right-column .my-account-with-icon li:first-child:after {
display: none; }
.right-column .my-account-with-icon li:not(:first-child) {
display: none; }
.right-column .my-account-with-icon.my-account-with-username li:first-child > a:before {
margin-right: 5px; }
body:not(.logged-in) .right-column .my-account-with-icon, .right-column .my-account-with-icon:not(.my-account-with-username) {
display: inline-flex;
align-items: center;
justify-content: stretch;
flex-direction: row; }
body:not(.logged-in) .right-column .my-account-with-icon li:first-child, .right-column .my-account-with-icon:not(.my-account-with-username) li:first-child {
display: flex;
align-items: center;
justify-content: stretch;
flex-direction: row; }
body:not(.logged-in) .right-column .my-account-with-icon li:first-child > a, .right-column .my-account-with-icon:not(.my-account-with-username) li:first-child > a {
display: inline-block;
font-size: 0;
line-height: 0; }
body:not(.logged-in) .right-column .my-account-with-icon li:first-child > a:before, .right-column .my-account-with-icon:not(.my-account-with-username) li:first-child > a:before {
vertical-align: baseline; }
body:not(.logged-in) .right-column .my-account-with-icon ul, body:not(.logged-in) .right-column .my-account-with-icon li, body:not(.logged-in) .right-column .my-account-with-icon a, .right-column .my-account-with-icon:not(.my-account-with-username) ul, .right-column .my-account-with-icon:not(.my-account-with-username) li, .right-column .my-account-with-icon:not(.my-account-with-username) a {
height: 30px; }
.right-column .mobile-nav-icon {
display: none; }
.right-column > div {
display: inline-block;
margin-left: 10px;
vertical-align: middle; }
.right-column > div > a {
display: block;
line-height: 1; }
.right-column > div > a,
.right-column > div ul li a {
color: rgba(0, 0, 0, 0.9); }
.right-column > div:first-child {
margin-left: 0; }
.color-scheme-light .right-column a {
color: #FFF; }
.color-scheme-light .right-column a:hover {
color: rgba(255, 255, 255, 0.8); }
.color-scheme-light .right-column .search-button a:after, .color-scheme-light .right-column .search-button a:before {
background-color: #FFF;
height: 2px; }
.color-scheme-light .right-column .basel-burger, .color-scheme-light .right-column .basel-burger:after, .color-scheme-light .right-column .basel-burger:before {
background-color: rgba(255, 255, 255, 0.9); }
.wishlist-info-widget,
.compare-info-widget {
position: relative;
text-align: center; }
.wishlist-info-widget > a,
.compare-info-widget > a {
font-size: 0;
min-width: 30px;
display: inline-block; }
.wishlist-info-widget > a:before, .wishlist-info-widget > a:after,
.compare-info-widget > a:before,
.compare-info-widget > a:after {
font-size: 20px;
font-family: "basel-font";
vertical-align: middle;
display: inline-block;
height: 30px;
line-height: 30px;
transition: opacity .2s ease; }
.wishlist-info-widget > a:after,
.compare-info-widget > a:after {
position: absolute;
top: 0;
left: 50%;
opacity: 0;
transform: translateX(-50%); }
.wishlist-info-widget > a:hover,
.compare-info-widget > a:hover {
text-decoration: none; }
.wishlist-info-widget .icon-count,
.compare-info-widget .icon-count {
padding: 0;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 50%;
overflow: hidden;
position: absolute;
z-index: 1;
font-size: 10px;
color: #FFF;
top: -2px;
left: calc(50% + 12px);
transform: translateX(-50%); }
.wishlist-info-widget > a:before {
content: "\f98a"; }
.wishlist-info-widget > a:after {
content: "\f904"; }
.wishlist-info-widget > a:hover:after {
opacity: 1; }
.wishlist-info-widget > a:hover:before {
opacity: 0; }
.compare-info-widget > a:before {
content: "\e098";
font-family: 'Simple-Line-Icons'; }
.woocommerce-cart .dropdown-wrap-cat,
.woocommerce-checkout .dropdown-wrap-cat {
display: none; }
.mobile-nav-icon {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
display: none; }
.mobile-nav-icon .basel-burger {
position: relative;
margin-top: 4px;
margin-bottom: 4px; }
.mobile-nav-icon .basel-burger, .mobile-nav-icon .basel-burger::before, .mobile-nav-icon .basel-burger::after {
display: inline-block;
width: 18px;
height: 2px;
background-color: rgba(0, 0, 0, 0.8);
transition: all .25s ease-in-out; }
.mobile-nav-icon .basel-burger::before, .mobile-nav-icon .basel-burger::after {
position: absolute;
content: "";
left: 0; }
.mobile-nav-icon .basel-burger::before {
top: -6px; }
.mobile-nav-icon .basel-burger::after {
top: 6px; }
.shopping-cart {
position: relative; }
.shopping-cart > a {
display: inline-block;
text-align: center; }
.shopping-cart > a:before {
content: "\f97a";
font-family: "basel-font";
display: inline-block;
font-size: 20px;
vertical-align: middle;
line-height: 30px;
height: 30px;
width: 30px; }
.shopping-cart > a > span {
display: inline-block;
font-size: 13px;
vertical-align: middle;
line-height: 30px; }
.shopping-cart > a > span:not(.basel-cart-totals) {
display: none; }
.shopping-cart > a .amount {
font-weight: bold; }
.shopping-cart > a:hover {
text-decoration: none; }
.shopping-cart .dropdown-wrap-cat {
right: -21px; }
.shopping-cart.basel-cart-alt > a:before {
content: "\f290";
font-family: "basel-font"; }
.basel-cart-design-2 > a,
.basel-cart-design-3 > a {
position: relative;
text-align: center; }
.basel-cart-design-2 > a .basel-cart-number,
.basel-cart-design-3 > a .basel-cart-number {
padding: 0;
margin-left: 0;
font-size: 10px;
color: #FFF;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 50%;
position: absolute;
top: -2px;
left: 19px; }
.basel-cart-design-2 > a .basel-cart-subtotal,
.basel-cart-design-3 > a .basel-cart-subtotal {
margin-left: 2px;
font-size: 12px; }
.basel-cart-design-2 > a .subtotal-divider,
.basel-cart-design-3 > a .subtotal-divider {
display: none; }
.basel-cart-design-3 > a .basel-cart-number {
left: calc(50% + 10px);
transform: translateX(-50%); }
.basel-cart-design-3 > a .basel-cart-subtotal {
display: none; }
.icons-design-line .search-button a i:before {
content: "\e090";
font-family: 'Simple-Line-Icons';
font-weight: 400; }
.icons-design-line .wishlist-info-widget > a:before {
content: "\e08a";
font-family: 'Simple-Line-Icons'; }
.icons-design-line .shopping-cart > a:before {
content: "\e04e";
font-family: 'Simple-Line-Icons'; }
.icons-design-line .shopping-cart.basel-cart-alt > a:before {
content: "\e035"; }
.sticky-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 351;
opacity: 0;
visibility: hidden;
box-shadow: 0 1px 5px rgba(190, 190, 190, 0.5);
transition: transform .25s ease, opacity 0.1s ease, visibility 0.1s ease;
background-color: #FFF;
transform: translateY(-100%); }
.sticky-header > .container {
display: table; }
.sticky-header .site-logo,
.sticky-header .main-nav,
.sticky-header .right-column {
display: table-cell;
vertical-align: middle; }
.sticky-header .site-logo img {
padding-top: 10px;
padding-bottom: 10px; }
.sticky-header .main-nav {
text-align: center; }
.sticky-header .right-column .header-links {
display: none; }
.sticky-header.act-scroll {
top: var(--basel-admin-bar-h);
transform: none;
opacity: 1;
visibility: visible; }
.sticky-header.color-scheme-light {
background-color: rgba(0, 0, 0, 0.9);
box-shadow: none; }
.sticky-navigation-only.sticky-header-prepared .main-header {
margin-top: -40px; }
.sticky-navigation-only.sticky-header-prepared .main-header .navigation-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 350; }
.sticky-navigation-only.sticky-header-prepared .main-header.act-scroll .navigation-wrap {
position: fixed;
top: var(--basel-admin-bar-h); }
.document-ready .login-form-side,
.document-ready .cart-widget-side {
display: block; }
.cart-widget-side,
.login-form-side {
position: fixed;
top: var(--basel-admin-bar-h);
bottom: 0;
right: 0;
width: 340px;
display: none;
overflow: auto;
background-color: #FFF;
z-index: 500;
transform: translate3d(340px, 0, 0);
transition: transform .3s ease; }
.cart-widget-side .widget-heading,
.login-form-side .widget-heading {
margin-bottom: 20px;
padding: 28px 20px;
background-color: #000;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.cart-widget-side .widget-heading .widget-title,
.cart-widget-side .widget-heading .widget-close,
.login-form-side .widget-heading .widget-title,
.login-form-side .widget-heading .widget-close {
vertical-align: middle;
display: inline-block;
color: #FFF; }
.cart-widget-side .widget-heading .widget-close,
.login-form-side .widget-heading .widget-close {
position: relative;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
letter-spacing: .6px;
line-height: 35px;
cursor: pointer;
padding-right: 21px; }
.cart-widget-side .widget-heading .widget-close:after, .cart-widget-side .widget-heading .widget-close:before,
.login-form-side .widget-heading .widget-close:after,
.login-form-side .widget-heading .widget-close:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
width: 15px;
height: 2px;
display: inline-block;
background-color: white;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.cart-widget-side .widget-heading .widget-close:after,
.login-form-side .widget-heading .widget-close:after {
transform: rotate(0deg); }
.cart-widget-side .widget-heading .widget-close:before,
.login-form-side .widget-heading .widget-close:before {
transform: rotate(0deg); }
.cart-widget-side .widget-heading .widget-close:hover:after,
.login-form-side .widget-heading .widget-close:hover:after {
transform: rotate(-45deg); }
.cart-widget-side .widget-heading .widget-close:hover:before,
.login-form-side .widget-heading .widget-close:hover:before {
transform: rotate(45deg); }
.cart-widget-side .widget-heading .widget-title,
.login-form-side .widget-heading .widget-title {
letter-spacing: .6px;
margin-bottom: 0;
padding-bottom: 0;
font-size: 24px; }
.cart-widget-side .widget-heading .widget-title:before,
.login-form-side .widget-heading .widget-title:before {
content: none; }
.cart-widget-side .widget_shopping_cart {
padding: 0 20px 20px 20px; }
.cart-widget-side .widget_shopping_cart .product_list_widget {
margin-bottom: 30px; }
.cart-widget-side .widget_shopping_cart_content > p:not(:last-child) {
margin-bottom: 10px; }
.basel-cart-opened .cart-widget-side {
transform: none; }
.login-form-side .woocommerce-form-login {
padding-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
border-bottom-width: 1px;
border-style: solid;
border-color: #E2E2E2; }
.login-form-side .social-login-title {
margin-top: 10px;
margin-bottom: 20px; }
.login-form-side .basel-social-login {
margin-bottom: 10px; }
.login-form-side .register-question {
padding-top: 20px;
padding-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: center;
border-bottom-width: 1px;
border-style: solid;
border-color: #E2E2E2; }
.login-form-side .register-question:before {
content: "\e005";
font-family: 'Simple-Line-Icons';
display: block;
color: rgba(135, 135, 135, 0.15);
font-size: 54px;
line-height: 54px;
font-weight: normal;
margin-bottom: 15px; }
.login-form-side .create-account-text {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px; }
.basel-login-side-opened .login-form-side {
transform: none; }
.global-header-vertical .container {
max-width: none;
width: 100%;
padding-left: 30px;
padding-right: 30px; }
.global-header-vertical .container .container {
padding-left: 0;
padding-right: 0; }
.global-header-vertical .vc_row:not(.vc_inner) {
margin-left: -30px;
margin-right: -30px;
padding-left: 15px;
padding-right: 15px; }
.global-header-vertical.wrapper-full-width .container {
max-width: 1200px; }
.global-header-vertical.wrapper-wide .container {
max-width: 1600px;
width: 100%; }
.global-header-vertical.wrapper-boxed {
padding-left: 280px; }
.global-header-vertical.wrapper-boxed .website-wrapper {
padding-left: 0; }
.global-header-vertical.wrapper-boxed .container {
max-width: 1200px; }
.global-header-vertical .main-page-wrapper {
overflow: hidden; }
.global-header-vertical .single-product-page {
margin-left: -15px;
margin-right: -15px; }
.global-header-vertical .single-product-content .product-tabs-wrapper {
margin-left: 0;
margin-right: 0; }
.global-header-vertical.header-full-width .topbar-wrapp > .container,
.global-header-vertical.header-full-width .single-breadcrumbs-wrapper > .container {
max-width: 100%;
width: 100%;
padding-left: 15px;
padding-right: 15px; }
.global-header-vertical .single-breadcrumbs-wrapper > .container {
padding-left: 30px;
padding-right: 30px; }
.global-header-vertical .single-breadcrumbs-wrapper,
.global-header-vertical .page-title {
margin-top: 0; }
.global-header-vertical.single-product .woocommerce-message,
.global-header-vertical.single-product .woocommerce-error {
margin: 20px auto 20px auto; }
.global-header-vertical .owl-carousel:not(.basel-slider):hover .owl-nav div.owl-prev {
left: -33px; }
.global-header-vertical .owl-carousel:not(.basel-slider):hover .owl-nav div.owl-next {
right: -33px; }
.global-header-vertical .sticky-header > .container:before, .global-header-vertical .sticky-header > .container:after {
display: none; }
.global-header-vertical .sticky-header .main-nav {
display: none; }
.global-header-vertical.global-search-dropdown .header-vertical .right-column {
position: relative; }
.global-header-vertical .basel-search-dropdown {
position: static; }
.global-header-vertical .basel-search-dropdown > a {
position: relative; }
.global-header-vertical .basel-search-dropdown .basel-search-wrapper {
right: auto;
left: 0;
padding-top: 17px;
margin-top: -17px; }
.global-header-vertical.global-search-full-screen.basel-search-opened .header-vertical {
padding-right: 0; }
.global-header-vertical .basel-search-full-screen .basel-search-wrapper {
top: 0 !important;
margin-left: 280px; }
.header-vertical {
background-color: #FFF; }
.header-vertical .navigation-wrap {
position: relative;
flex-grow: 1;
border: none;
margin-bottom: 15px; }
.header-vertical .main-nav {
display: block; }
.header-vertical .main-nav .menu {
margin: 0; }
.header-vertical .main-nav .menu > li {
display: block;
margin: 0; }
.header-vertical .main-nav .menu > li > a {
height: auto;
line-height: 1.4;
padding: 15px 13px; }
.header-vertical .main-nav .menu > li a {
display: block; }
.header-vertical .main-nav .menu > li > .sub-menu-dropdown {
top: 0;
left: 90%;
margin-left: 17px; }
.header-vertical .main-nav .menu > li > .sub-menu-dropdown:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 100%;
width: 17px; }
.header-vertical .main-nav .menu > li.callto-btn a {
margin: 0; }
.header-vertical .main-nav .menu > li.callto-btn.menu-item-has-children a:after {
right: 15px; }
.header-vertical .main-nav .menu > li:hover > a {
margin-left: 5px; }
.header-vertical .main-nav .menu > li:hover.callto-btn > a {
margin-left: 0; }
.header-vertical .main-nav .menu > li:hover > .sub-menu-dropdown {
top: 0;
left: 100%; }
.header-vertical .main-nav .menu .menu-item-design-default > .sub-menu-dropdown,
.header-vertical .main-nav .menu .menu-item-design-full-width > .sub-menu-dropdown,
.header-vertical .main-nav .menu .menu-item-design-sized > .sub-menu-dropdown {
transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s, left 0.2s ease 0.1s;
left: 90%; }
.header-vertical .main-nav .menu .item-event-hover:hover > .sub-menu-dropdown,
.header-vertical .main-nav .menu .item-event-click.item-menu-opened > .sub-menu-dropdown {
top: 0;
left: 100%; }
.header-vertical .main-nav .menu .menu-item-design-sized > .sub-menu-dropdown {
max-width: calc(100vw - 280px); }
.header-vertical .main-nav .menu .menu-item-design-full-width {
position: relative; }
.header-vertical .main-nav .menu .menu-item-design-full-width > .sub-menu-dropdown {
width: calc(100vw - 280px); }
.header-vertical .main-nav .menu > .menu-item-has-children {
margin: 0; }
.header-vertical .main-nav .menu > .menu-item-has-children > a {
padding: 15px 28px 13px 15px; }
.header-vertical .main-nav .menu > .menu-item-has-children > a:after {
content: "\f105";
right: 15px; }
.header-vertical .header-links {
padding: 10px 15px; }
.header-vertical .header-links a {
padding-top: 1px;
padding-bottom: 1px;
position: relative; }
.header-vertical .header-links a:after {
content: " ";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: #919191;
transition: width .2s ease; }
.header-vertical .header-links a:hover {
text-decoration: none; }
.header-vertical .header-links a:hover:after {
width: 100%;
left: 0; }
.color-scheme-light .header-vertical .header-links a:after {
background-color: #FFF; }
.header-vertical .header-links ul {
text-align: center; }
.header-vertical .header-links ul li {
display: inline-block;
padding: 5px 15px; }
.header-vertical .dropdown-cat {
display: none; }
.header-vertical .widgetarea-head {
display: block;
padding-top: 20px;
padding-bottom: 20px; }
.topbar-wrapp {
width: 100%;
font-size: 13px;
letter-spacing: .3px;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
z-index: 351; }
.topbar-wrapp .widgettitle,
.topbar-wrapp .widget-title,
.topbar-wrapp label {
font-size: 10px;
border: none;
padding-bottom: 0;
text-transform: uppercase; }
.topbar-wrapp h1, .topbar-wrapp h2, .topbar-wrapp h3, .topbar-wrapp h4, .topbar-wrapp h5, .topbar-wrapp h6, .topbar-wrapp p {
margin-bottom: 0;
display: inline-block;
vertical-align: middle; }
.topbar-wrapp h1, .topbar-wrapp h2, .topbar-wrapp h3 {
font-size: 14px; }
.topbar-wrapp h4, .topbar-wrapp h5, .topbar-wrapp h6 {
font-size: 12px; }
.topbar-wrapp .social-icons {
display: inline-block;
vertical-align: middle; }
.topbar-wrapp .social-icons li {
margin-top: 0;
margin-right: 3px;
margin-left: 3px;
line-height: 1; }
.topbar-wrapp.color-scheme-light {
border-bottom: none; }
.topbar-wrapp.color-scheme-light .top-bar-left {
color: rgba(255, 255, 255, 0.9); }
.topbar-wrapp.color-scheme-light .top-bar-left p {
color: rgba(255, 255, 255, 0.9); }
.topbar-content {
display: table;
width: 100%; }
.topbar-content:before {
content: "";
display: table-cell;
vertical-align: middle; }
.top-bar-left {
display: table-cell;
vertical-align: middle;
overflow: hidden;
line-height: 21px; }
.top-bar-right {
display: table-cell;
vertical-align: top; }
.topbar-menu {
float: right; }
.topbar-menu ul.menu {
white-space: nowrap; }
.topbar-menu ul li a .menu-label {
display: none; }
.topbar-menu ul li a i {
margin-right: 5px; }
.topbar-menu ul > li {
position: relative;
margin-left: -2px;
display: inline-block;
line-height: 42px; }
.topbar-menu ul > li a {
padding-top: 1px;
padding-bottom: 1px;
position: relative; }
.topbar-menu ul > li a:after {
content: " ";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: #919191;
transition: width .2s ease; }
.topbar-menu ul > li a:hover {
text-decoration: none; }
.topbar-menu ul > li a:hover:after {
width: 100%;
left: 0; }
.color-scheme-light .topbar-menu ul > li a:after {
background-color: #FFF; }
.topbar-menu ul > li > a {
text-transform: uppercase;
font-size: 12px; }
.topbar-menu ul > li > .sub-menu-dropdown {
position: absolute;
right: 0;
top: 120%;
z-index: 370;
width: 150px;
background-color: #FFF;
padding: 15px;
visibility: hidden;
opacity: 0;
transition: all .2s ease-in-out;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); }
.topbar-menu ul > li > .sub-menu-dropdown .container {
width: auto;
padding: 0; }
.topbar-menu ul > li > .sub-menu-dropdown li {
display: block;
line-height: 1.6;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding: 0; }
.topbar-menu ul > li > .sub-menu-dropdown li:before {
content: none; }
.topbar-menu ul > li > .sub-menu-dropdown li:last-child {
margin-bottom: 0; }
.topbar-menu ul > li > .sub-menu-dropdown li > a {
display: block;
font-size: 13px;
padding: 2px 0;
color: #3C3C3C;
font-weight: 400;
text-transform: none; }
.topbar-menu ul > li > .sub-menu-dropdown li > a:after {
content: none; }
.topbar-menu ul > li > .sub-menu-dropdown li .sub-sub-menu {
margin-top: 10px; }
.topbar-menu ul > li > .sub-menu-dropdown:after {
content: "\f9d8";
font-family: "basel-font";
position: absolute;
top: -3px;
right: 20px;
line-height: 0;
font-size: 24px;
color: #FFF; }
.topbar-menu ul > li:before {
content: " ";
display: inline-block;
height: 25px;
width: 1px;
background-color: rgba(0, 0, 0, 0.05);
margin-left: 10px;
margin-right: 10px;
vertical-align: middle; }
.topbar-menu ul > li:first-child:before {
content: none; }
.topbar-menu ul > li:hover > .sub-menu-dropdown {
visibility: visible;
opacity: 1;
top: 100%; }
.color-scheme-light .topbar-menu ul.menu > li > a {
color: white; }
.color-scheme-light .topbar-menu ul.menu > li > a:hover {
color: rgba(255, 255, 255, 0.9); }
.color-scheme-light .topbar-menu ul.menu > li > a:after {
background-color: rgba(255, 255, 255, 0.7); }
.color-scheme-light .topbar-menu ul.menu > li:before {
background-color: rgba(255, 255, 255, 0.1); }
.search-extended {
position: relative;
text-align: right; }
.search-extended form.search-loading:after {
position: absolute;
top: 50%;
margin-top: -9px;
right: 12px;
content: " ";
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
border: 2px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear;
border-color: #bbbbbb; }
.search-extended form.search-loading #searchsubmit {
display: none; }
.search-extended input[type="text"] {
padding-right: 45px; }
.search-extended #searchsubmit {
position: absolute;
right: 0;
top: 0;
width: 40px;
border: none;
padding: 0;
font-size: 0;
background-color: transparent;
text-align: center;
color: #777777;
margin: 0; }
.search-extended #searchsubmit:after {
content: "\e090";
font-size: 18px;
font-weight: bold;
font-family: 'simple-line-icons';
display: inline-block;
line-height: 40px; }
.search-extended #searchsubmit:hover {
color: #3A3A3A;
background-color: transparent; }
.color-scheme-light .search-extended .search-loading:after {
border-color: rgba(255, 255, 255, 0.8); }
form.has-categories-dropdown .search-by-category {
position: absolute;
top: 2px;
right: 40px; }
form.has-categories-dropdown .search-by-category .dropdown-list {
text-align: left;
position: absolute;
right: -40px;
top: 100%;
margin-top: 2px;
z-index: 300;
background-color: #FFF;
min-width: 182px;
max-width: 230px;
padding: 10px 0px;
border-bottom: 1px solid rgba(124, 124, 124, 0.2);
border-right: 1px solid rgba(124, 124, 124, 0.2);
border-left: 1px solid rgba(124, 124, 124, 0.2); }
form.has-categories-dropdown .search-by-category .dropdown-list .children li a:before {
content: "\f105";
font-family: "basel-font";
color: #bbb;
opacity: .7;
display: inline-block;
padding-left: 5px;
padding-right: 8px; }
form.has-categories-dropdown .search-by-category li {
line-height: 1;
margin-bottom: 0; }
form.has-categories-dropdown .search-by-category li a {
text-transform: uppercase;
font-size: 12px;
display: block;
color: #8b8b8b !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow-x: hidden;
padding: 10px 15px;
transition: all .1s ease; }
form.has-categories-dropdown .search-by-category li a:hover {
background-color: #F7F7F7;
text-decoration: none;
color: #545252 !important; }
form.has-categories-dropdown .search-by-category li.current-item a {
background-color: #F1F1F1;
color: #545252 !important; }
form.has-categories-dropdown .input-dropdown-inner:after, form.has-categories-dropdown .input-dropdown-inner:before {
content: " ";
position: absolute;
top: 50%;
margin-top: -12px;
border-right: 1px solid rgba(168, 168, 168, 0.2);
height: 25px; }
form.has-categories-dropdown .input-dropdown-inner:after {
right: 0; }
form.has-categories-dropdown .input-dropdown-inner:before {
left: 0; }
form.has-categories-dropdown .input-dropdown-inner > a {
display: inline-block;
font-size: 0;
text-transform: uppercase;
letter-spacing: .4px;
text-align: center;
color: #c5c5c5; }
form.has-categories-dropdown .input-dropdown-inner > a:hover {
text-decoration: none; }
form.has-categories-dropdown .input-dropdown-inner > a:after {
content: "\f9d7";
font-family: "basel-font";
font-size: 18px;
width: 30px;
display: inline-block;
line-height: 36px; }
form.has-categories-dropdown input[type="text"] {
padding-right: 72px; }
.main-header form.has-categories-dropdown {
position: relative; }
.main-header form.has-categories-dropdown.search-loading:after {
right: 17px; }
.main-header form.has-categories-dropdown .search-by-category {
top: 2px;
right: 50px;
line-height: 44px;
padding: 0;
background-color: rgba(255, 255, 255, 0); }
.main-header form.has-categories-dropdown .search-by-category .dropdown-list {
right: 0;
margin-top: 2px;
border-width: 2px;
border-color: rgba(168, 168, 168, 0.2); }
.main-header form.has-categories-dropdown .input-dropdown-inner {
position: relative;
padding: 0 15px; }
.main-header form.has-categories-dropdown .input-dropdown-inner > a {
font-size: 15px;
color: inherit; }
.main-header form.has-categories-dropdown .input-dropdown-inner > a:after {
font-size: 14px;
width: auto;
margin-left: 10px; }
.main-header form.has-categories-dropdown input[type="text"] {
padding-right: 230px;
height: 48px;
border-color: rgba(168, 168, 168, 0.4);
border-width: 2px;
font-size: 15px; }
.main-header form.has-categories-dropdown #searchsubmit {
top: 2px;
width: 50px;
color: inherit; }
.main-header form.has-categories-dropdown #searchsubmit:after {
line-height: 44px;
font-size: 22px; }
.main-header form.has-categories-dropdown #searchsubmit:hover {
color: inherit;
opacity: .7; }
.main-header.color-scheme-light .search-extended {
color: rgba(255, 255, 255, 0.9); }
.main-header.color-scheme-light .search-extended .input-dropdown-inner:after, .main-header.color-scheme-light .search-extended .input-dropdown-inner:before {
border-color: rgba(255, 255, 255, 0.3); }
.main-header.color-scheme-light .search-extended input[type="text"] {
border-color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.9); }
.basel-search-dropdown .basel-search-wrapper {
padding-top: 15px;
position: absolute;
top: 50% !important;
right: -24px;
visibility: hidden;
opacity: 0;
z-index: 600;
transition: all .25s ease-in-out; }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner {
background-color: #F7F7F7;
z-index: 1;
padding: 20px 20px;
width: 315px;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form {
position: relative;
text-align: center; }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form.search-loading input[type="text"] {
padding-left: 45px; }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form.search-loading:after {
position: absolute;
top: 50%;
margin-top: -8px;
left: 20px;
content: " ";
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear;
border-color: #bbbbbb; }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form > div {
display: flex;
justify-content: center;
-webkit-display: flex; }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form label {
display: none; }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form input[type="text"] {
border: 1px solid rgba(131, 131, 131, 0.2);
background-color: #FFF;
box-shadow: none;
border-right: 0;
max-width: 185px;
color: #7C7C7C;
transition: all .15s ease; }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button {
margin-left: -3px;
color: #FFF; }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form ::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4); }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form ::-moz-placeholder {
color: rgba(0, 0, 0, 0.4); }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form :-moz-placeholder {
color: rgba(0, 0, 0, 0.4); }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner form :-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4); }
.basel-search-dropdown .basel-search-wrapper .basel-search-inner .basel-close-search {
display: none; }
.basel-search-dropdown:hover > .basel-search-wrapper {
visibility: visible;
opacity: 1;
top: 100% !important; }
.basel-ajax-search-on .basel-search-dropdown .basel-search-wrapper {
top: 50% !important;
visibility: hidden;
opacity: 0; }
.basel-ajax-search-on .basel-search-dropdown .basel-search-wrapper.search-overlap {
visibility: visible;
opacity: 1;
top: 100% !important; }
.basel-search-full-screen .basel-search-wrapper {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 370;
background-color: rgba(0, 0, 0, 0.9);
opacity: 0;
visibility: hidden;
display: flex;
flex-direction: column;
align-items: stretch;
transform: translateY(100%);
transition: opacity .25s ease-in-out, visibility .25s, transform .25s ease-in-out; }
.basel-search-full-screen .basel-search-wrapper.search-overlap {
opacity: 1;
visibility: visible;
transform: translateY(0); }
.basel-search-full-screen .basel-search-wrapper.search-overlap form {
opacity: 1;
visibility: visible;
transform: translateY(0px); }
.basel-search-full-screen .basel-search-wrapper .basel-search-inner input[type="text"] {
color: #FFF; }
.basel-search-full-screen .basel-search-wrapper .basel-search-inner,
.basel-search-full-screen .basel-search-wrapper .search-results-wrapper {
flex: 1 1 auto; }
.basel-search-full-screen .basel-search-wrapper .searchform {
flex: 0 0 auto; }
.basel-search-full-screen .basel-search-inner {
display: flex;
flex-direction: column;
align-items: stretch;
padding: 0 80px; }
.basel-search-full-screen .basel-search-inner ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.basel-search-full-screen .basel-search-inner ::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.basel-search-full-screen .basel-search-inner :-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.basel-search-full-screen .basel-search-inner :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.basel-search-full-screen .basel-search-inner input[type="text"] {
border: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
padding-left: 0;
padding-right: 40px;
padding-bottom: 0;
padding-top: 0;
font-style: italic;
font-size: 68px;
color: #FFF;
letter-spacing: 1px;
line-height: 120px;
height: 122px;
background-color: transparent;
box-shadow: none; }
.basel-search-full-screen .basel-search-inner button {
display: none;
position: absolute;
top: 0;
right: 0;
background-color: transparent;
border: none;
padding: 0;
font-size: 0;
font-weight: normal;
vertical-align: top;
width: 80px;
text-align: center; }
.basel-search-full-screen .basel-search-inner button:before {
content: "\e090";
font-size: 60px;
line-height: 120px;
color: rgba(255, 255, 255, 0.5);
display: inline-block;
font-family: 'simple-line-icons';
transition: color .25s ease-in-out; }
.basel-search-full-screen .basel-search-inner button:hover:before {
color: #FFF; }
.basel-search-full-screen .basel-search-inner form {
position: relative;
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: all .42s ease-in-out; }
.basel-search-full-screen .basel-search-inner form.search-loading:after {
position: absolute;
top: 50%;
margin-top: -18px;
right: 80px;
content: " ";
width: 36px;
height: 36px;
display: inline-block;
vertical-align: middle;
border: 2px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear;
border-color: #FFF; }
.basel-search-full-screen .basel-search-inner .basel-close-search {
position: absolute;
cursor: pointer;
top: 0;
right: 80px;
width: 40px;
height: 122px;
color: #FFF;
text-transform: uppercase;
font-size: 32px;
font-weight: bold;
letter-spacing: 1.5px;
line-height: 33px;
z-index: 301;
transition: color .2s ease-in-out;
font-size: 0; }
.basel-search-full-screen .basel-search-inner .basel-close-search:after, .basel-search-full-screen .basel-search-inner .basel-close-search:before {
content: " ";
position: absolute;
width: 40px;
height: 3px;
right: 0;
top: 50%;
margin-top: -1px;
display: inline-block;
background-color: #FFF;
transition: background-color .2s ease-in-out, transform .2s ease-in-out; }
.basel-search-full-screen .basel-search-inner .basel-close-search:after {
transform: rotate(-45deg); }
.basel-search-full-screen .basel-search-inner .basel-close-search:before {
transform: rotate(45deg); }
.basel-search-full-screen .basel-search-inner .basel-close-search:hover:before, .basel-search-full-screen .basel-search-inner .basel-close-search:hover:after {
transform: rotate(0); }
.basel-search-full-screen .search-results-wrapper .basel-scroll {
top: 0;
bottom: 0;
box-shadow: none;
background-color: transparent; }
.basel-search-full-screen .search-results-wrapper .basel-scroll .basel-search-results {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 100vh; }
.global-search-full-screen.basel-search-opened {
overflow: hidden; }
.global-search-full-screen.basel-search-opened .scrollToTop {
display: none; }
.global-search-full-screen.basel-search-opened .topbar-wrapp,
.global-search-full-screen.basel-search-opened .main-header,
.global-search-full-screen.basel-search-opened .main-page-wrapper,
.global-search-full-screen.basel-search-opened .header-split .site-logo {
padding-right: 17px; }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions {
color: #FFF;
background-color: transparent;
padding-left: 0;
padding-right: 0;
padding-top: 30px;
padding-bottom: 30px;
max-width: none;
border: none;
font-size: 15px; }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .suggestion-thumb {
max-width: 110px; }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .suggestion-title {
font-size: 15px;
color: #FFF; }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .suggestion-price {
color: #949494; }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .suggestion-price .amount {
color: rgba(255, 255, 255, 0.8); }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .suggestion-sku {
color: rgba(255, 255, 255, 0.8); }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .autocomplete-suggestion {
flex: 1 1 350px;
max-width: 350px;
margin: 0;
margin-right: 15px;
margin-bottom: 10px;
vertical-align: top;
border-bottom: none; }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .autocomplete-suggestion.suggestion-divider {
max-width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.3);
margin-right: 0; }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .autocomplete-suggestion.suggestion-divider h5 {
color: #FFF; }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .view-all-result {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
text-align: left; }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .view-all-result span {
color: #FFF;
border-color: rgba(255, 255, 255, 0.6); }
.global-search-full-screen.basel-search-opened .autocomplete-suggestions .view-all-result:hover span {
border-color: #FFF; }
.basel-search-full-screen > a i:before,
.basel-ajax-search-on .basel-search-dropdown > a i:before {
transition: opacity 0.1s ease-in-out 0s; }
.basel-search-full-screen > a:after, .basel-search-full-screen > a:before,
.basel-ajax-search-on .basel-search-dropdown > a:after,
.basel-ajax-search-on .basel-search-dropdown > a:before {
content: " ";
width: 20px;
height: 1px;
position: absolute;
left: 7px;
top: 15px;
opacity: 0;
visibility: hidden;
display: inline-block;
perspective: 800px;
-webkit-perspective: 800px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.8);
transition: all 0s ease-in-out; }
.global-search-full-screen.basel-search-opened .right-column .search-button > a i:before,
.global-search-dropdown.basel-ajax-search-on.basel-search-opened .right-column .search-button > a i:before {
opacity: 0;
transition: opacity 0s ease-in-out 0s; }
.global-search-full-screen.basel-search-opened .right-column .search-button > a:after, .global-search-full-screen.basel-search-opened .right-column .search-button > a:before,
.global-search-dropdown.basel-ajax-search-on.basel-search-opened .right-column .search-button > a:after,
.global-search-dropdown.basel-ajax-search-on.basel-search-opened .right-column .search-button > a:before {
opacity: 1;
visibility: visible;
transition: opacity 0.05s ease-in-out, transform .2s ease-in-out; }
.global-search-full-screen.basel-search-opened .right-column .search-button > a:after,
.global-search-dropdown.basel-ajax-search-on.basel-search-opened .right-column .search-button > a:after {
transform: rotate(-45deg); }
.global-search-full-screen.basel-search-opened .right-column .search-button > a:before,
.global-search-dropdown.basel-ajax-search-on.basel-search-opened .right-column .search-button > a:before {
transform: rotate(45deg); }
.basel-blog-search-results {
margin-top: 30px; }
.basel-search-show-all {
margin-top: 20px;
text-align: center; }
.page-title {
width: 100%;
border-bottom: 1px solid rgba(168, 168, 168, 0.15);
position: relative;
margin-top: -40px;
margin-bottom: 40px; }
.page-title .entry-title,
.page-title h1 {
margin-bottom: 0;
text-transform: uppercase; }
.page-title .entry-header .breadcrumbs,
.page-title .entry-header .yoast-breadcrumb {
font-size: 0; }
.page-title .entry-header .breadcrumbs > span,
.page-title .entry-header .breadcrumbs > a,
.page-title .entry-header .yoast-breadcrumb > span,
.page-title .entry-header .yoast-breadcrumb > a {
font-size: 14px;
display: inline-block; }
.page-title .entry-header .breadcrumbs > span:after,
.page-title .entry-header .breadcrumbs > a:after,
.page-title .entry-header .yoast-breadcrumb > span:after,
.page-title .entry-header .yoast-breadcrumb > a:after {
content: "/";
display: inline-block;
padding: 0 10px; }
.page-title .entry-header .breadcrumbs > a:before,
.page-title .entry-header .yoast-breadcrumb > a:before {
content: "\f915";
font-family: "basel-font";
display: inline-block;
margin-right: 5px; }
.page-title .entry-header .breadcrumbs > span:last-child:after,
.page-title .entry-header .yoast-breadcrumb > span:last-child:after {
content: none;
padding: 0; }
.page-title .entry-header:after {
content: "";
clear: both;
display: block; }
.page-title.color-scheme-light .breadcrumbs,
.page-title.color-scheme-light .yoast-breadcrumb {
color: rgba(255, 255, 255, 0.9); }
.page-title.color-scheme-light .breadcrumbs a,
.page-title.color-scheme-light .breadcrumbs span,
.page-title.color-scheme-light .yoast-breadcrumb a,
.page-title.color-scheme-light .yoast-breadcrumb span {
color: rgba(255, 255, 255, 0.9); }
.page-title.color-scheme-light .breadcrumbs a:hover,
.page-title.color-scheme-light .yoast-breadcrumb a:hover {
color: #FFF; }
.title-size-small {
padding: 15px 0; }
.title-size-small .entry-title,
.title-size-small h1 {
font-size: 36px; }
.title-size-default {
padding: 60px 0; }
.title-size-default .entry-title,
.title-size-default h1 {
font-size: 48px; }
.title-size-large {
padding: 100px 0; }
.title-size-large .entry-title,
.title-size-large h1 {
font-size: 56px; }
.title-design-centered .entry-header {
text-align: center; }
.title-design-centered .breadcrumbs,
.title-design-centered .yoast-breadcrumb {
margin-top: 5px; }
.title-design-default .entry-title {
float: left;
line-height: 50px; }
.title-design-default .breadcrumbs,
.title-design-default .yoast-breadcrumb {
float: right;
line-height: 50px; }
.website-wrapper {
overflow: hidden;
background-color: #FFF;
position: relative;
transition: all .3s ease; }
.main-page-wrapper {
padding-top: 40px;
margin-top: -40px;
background: #FFF; }
.site-content {
margin-bottom: 40px; }
.wrapper-boxed .website-wrapper {
max-width: 1200px; }
.wrapper-boxed .header-banner {
max-width: 1200px;
margin: 0 auto; }
.wrapper-boxed .scrollToTop {
bottom: 40px;
right: 20px; }
.wrapper-boxed.sticky-footer-on .footer-container {
right: auto;
left: auto;
max-width: 1200px;
width: 100%; }
.wrapper-boxed .website-wrapper {
overflow: hidden;
margin: 0 auto;
box-shadow: 0 1px 5px rgba(190, 190, 190, 0.26); }
.wrapper-boxed.sticky-header-prepared .header-shop,
.wrapper-boxed.basel-header-overlap .main-header,
.wrapper-boxed .sticky-header {
left: auto;
right: auto;
max-width: inherit; }
.wrapper-boxed .owl-carousel:not(.basel-slider) .owl-nav > div {
background-color: #FFF;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
filter: Alpha(Opacity=1);
opacity: 1; }
.wrapper-boxed .owl-carousel:not(.basel-slider) .owl-nav > div.disabled {
color: rgba(0, 0, 0, 0.3); }
.wrapper-boxed .owl-carousel:not(.basel-slider) .owl-nav > div:before {
width: 38px;
font-size: 18px;
height: 38px;
line-height: 38px; }
.wrapper-boxed .owl-carousel:not(.basel-slider) .owl-nav .owl-next {
right: 20px; }
.wrapper-boxed .owl-carousel:not(.basel-slider) .owl-nav .owl-prev {
left: 20px; }
.wrapper-boxed .owl-carousel:not(.basel-slider):hover .owl-nav div.owl-next {
right: 20px; }
.wrapper-boxed .owl-carousel:not(.basel-slider):hover .owl-nav div.owl-prev {
left: 20px; }
.wrapper-boxed .popup-quick-view .owl-nav > div {
filter: Alpha(Opacity=0);
opacity: 0; }
.wrapper-full-width-content .container {
width: 95%; }
.sidebar-container {
margin-bottom: 40px;
color: rgba(0, 0, 0, 0.8); }
.sidebar-widget:not(:last-child) {
margin-bottom: 50px; }
.sidebar-widget p,
.filter-widget p {
color: rgba(0, 0, 0, 0.8); }
.sidebar-widget li,
.filter-widget li {
margin-bottom: 15px;
color: rgba(0, 0, 0, 0.8); }
.sidebar-widget li a,
.filter-widget li a {
color: rgba(0, 0, 0, 0.9); }
.sidebar-widget li > ul li,
.filter-widget li > ul li {
color: rgba(0, 0, 0, 0.6); }
.sidebar-widget li > ul li a,
.filter-widget li > ul li a {
color: rgba(0, 0, 0, 0.6); }
.sidebar-widget li:last-child,
.filter-widget li:last-child {
margin-bottom: 0; }
.footer-container {
width: 100%; }
.footer-container .widget-area {
padding: 50px 0 20px 0; }
.footer-container .footer-column {
margin-bottom: 30px; }
.footer-container .footer-widget {
margin-bottom: 30px; }
.footer-container .footer-widget:last-child {
margin-bottom: 0; }
.footer-container .title {
font-size: 16px;
text-transform: uppercase;
border-bottom: 2px solid rgba(124, 124, 124, 0.2);
padding-bottom: 10px;
margin-bottom: 20px; }
.footer-container ul {
list-style: none;
line-height: 1; }
.footer-container ul li {
margin-bottom: 15px; }
.footer-container ul li:last-child {
margin-bottom: 0; }
.footer-container.color-scheme-light {
color: rgba(255, 255, 255, 0.6); }
.footer-container.color-scheme-light a {
color: rgba(255, 255, 255, 0.6); }
.footer-container.color-scheme-light a:hover {
color: #FFF; }
.footer-container.color-scheme-light p {
color: rgba(255, 255, 255, 0.6); }
.footer-container.color-scheme-light ul li {
color: rgba(255, 255, 255, 0.6); }
.footer-container.color-scheme-light ul li a {
color: rgba(255, 255, 255, 0.6); }
.footer-container.color-scheme-light ul li a:hover {
color: #FFF; }
.footer-container.color-scheme-light ul li {
border-color: rgba(255, 255, 255, 0.1); }
.footer-container.color-scheme-light .title {
border-color: rgba(255, 255, 255, 0.3); }
.footer-container.color-scheme-light .main-footer + .copyrights-wrapper .min-footer {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.min-footer {
display: table;
width: 100%;
padding: 20px 0;
line-height: 1.6; }
.min-footer p {
margin-bottom: 0; }
.min-footer .col-left,
.min-footer .col-right {
display: table-cell;
vertical-align: middle;
width: 50%; }
.min-footer .col-left {
text-align: left; }
.min-footer .col-right {
text-align: right; }
.min-footer .social-icons li {
margin-bottom: 0; }
.copyrights-centered .min-footer > div {
display: block;
text-align: center;
width: 100%;
margin-top: 15px; }
.copyrights-centered .min-footer > div:first-child, .copyrights-centered .min-footer > div:last-child:empty {
margin-top: 0; }
.main-footer + .copyrights-wrapper .min-footer {
border-top: 1px solid rgba(124, 124, 124, 0.2); }
.blog-post-loop {
margin-bottom: 100px;
position: relative; }
.blog-post-loop a {
color: #4e4e4e; }
.blog-post-loop .entry-header:after {
content: "";
clear: both;
display: block; }
.blog-post-loop .entry-thumbnail {
margin-bottom: 15px;
position: relative;
display: block;
text-align: center;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.blog-post-loop .entry-thumbnail img {
width: 100%; }
.blog-post-loop .post-img-wrapp {
background-color: #000;
overflow: hidden;
vertical-align: middle; }
.blog-post-loop .post-img-wrapp > a {
display: block;
margin: -1px;
transition: all 1s ease-out;
transform: scale(1); }
.blog-post-loop .post-img-wrapp > a img {
width: 100%;
max-width: 100%; }
.blog-post-loop .meta-post-categories {
margin-left: 90px; }
.blog-post-loop .entry-meta {
margin-bottom: 15px;
margin-left: 92px; }
.blog-post-loop .post-image-mask {
display: none; }
.blog-post-loop .entry-title {
font-size: 32px;
margin-bottom: 10px;
line-height: 1.2;
letter-spacing: .3px;
margin-left: 90px;
word-wrap: break-word; }
.blog-post-loop .entry-title a {
font-family: inherit;
font-weight: inherit;
font-style: inherit;
color: #1B1919;
text-decoration: none; }
.blog-post-loop .post-date {
position: absolute;
top: 40px;
left: 10px;
background-color: #FFF;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
z-index: 2;
display: inline-block;
min-width: 53px;
text-align: center;
line-height: 1.2; }
.blog-post-loop .post-date .post-date-day,
.blog-post-loop .post-date .post-date-month {
display: block;
color: #1B1919; }
.blog-post-loop .post-date .post-date-day {
padding-top: 4px;
font-size: 24px; }
.blog-post-loop .post-date .post-date-month {
padding-bottom: 8px;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .5px; }
.blog-post-loop .liner-continer {
display: none; }
.blog-post-loop .read-more-section {
margin-top: 15px; }
.blog-post-loop .entry-content > p {
margin-bottom: 15px; }
.blog-post-loop .entry-content > p:last-child {
margin-bottom: 0; }
.blog-post-loop .entry-content label[for*="pwbox-"] {
display: inline-block;
width: 210px;
vertical-align: bottom;
margin-bottom: 0; }
.blog-post-loop .entry-content label[for*="pwbox-"] input {
margin-top: 10px; }
.blog-post-loop:after {
content: "";
clear: both;
display: block; }
.blog-post-loop.has-post-thumbnail .meta-post-categories, .blog-post-loop.format-gallery .meta-post-categories {
margin-left: 0; }
.blog-post-loop.has-post-thumbnail .entry-title, .blog-post-loop.format-gallery .entry-title {
margin-left: 0; }
.blog-post-loop.has-post-thumbnail .entry-meta, .blog-post-loop.format-gallery .entry-meta {
margin-left: 2px; }
.blog-post-loop.has-post-thumbnail .post-date, .blog-post-loop.format-gallery .post-date {
top: 10px; }
.blog-post-loop.post-no-title .post-date {
top: 15px;
cursor: pointer;
transition: background-color .2s ease; }
.blog-post-loop.post-no-title .post-date:hover {
background-color: #FBFBFB; }
.blog-post-loop.post-no-title div.entry-meta {
margin-bottom: 25px; }
.blog-post-loop.type-page .post-date {
top: -6px; }
.blog-post-loop.type-page .entry-thumbnail {
margin-bottom: 15px; }
.blog-post-loop.type-page.has-post-thumbnail .post-date {
top: 10px; }
.blog-post-loop:hover > .entry-header .post-img-wrapp > a {
opacity: .6;
transform: scale(1.1); }
.meta-post-categories {
position: relative;
z-index: 30;
display: inline-block;
color: #FFF;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
height: 25px;
overflow: hidden; }
.meta-post-categories > a {
display: inline-block;
line-height: 25px;
color: #FFF;
text-transform: none;
font-size: 12px; }
.blog-post-loop .entry-content h1, .blog-post-loop .entry-content h2, .blog-post-loop .entry-content h3, .blog-post-loop .entry-content h4, .blog-post-loop .entry-content h5, .blog-post-loop .entry-content h6,
.comments-area .comment-list li h1,
.comments-area .comment-list li h2,
.comments-area .comment-list li h3,
.comments-area .comment-list li h4,
.comments-area .comment-list li h5,
.comments-area .comment-list li h6 {
margin-top: 20px;
letter-spacing: .5px; }
.blog-post-loop .entry-content dd,
.comments-area .comment-list li dd {
margin-bottom: 20px; }
.blog-post-loop .entry-content dl,
.comments-area .comment-list li dl {
margin: 0 20px;
line-height: 1.7; }
.blog-post-loop .entry-content dt,
.comments-area .comment-list li dt {
font-weight: bolder; }
.blog-post-loop .entry-content iframe,
.comments-area .comment-list li iframe {
width: 100%;
margin-bottom: 20px; }
.blog-post-loop .entry-content p > iframe,
.comments-area .comment-list li p > iframe {
margin-bottom: 0; }
.basel-entry-meta a {
color: #787878; }
.basel-entry-meta a:hover {
opacity: .8; }
.basel-entry-meta li {
margin-right: 0;
display: inline;
font-size: 14px;
color: #787878;
line-height: 1.7; }
.basel-entry-meta li.modified-date {
display: none; }
.basel-entry-meta li:after {
content: "/";
display: inline-block;
margin-left: 5px;
margin-right: 5px;
font-size: 10px;
width: 7px; }
.basel-entry-meta li:last-child:after {
content: none; }
.basel-entry-meta img {
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
height: 18px;
width: 18px; }
.format-gallery .entry-header .entry-thumbnail + .post-date + .meta-post-categories,
.format-gallery .entry-header .entry-thumbnail + .post-date + .meta-post-categories + .entry-title,
.format-gallery .entry-header .entry-thumbnail + .post-date + .meta-post-categories + .entry-title + .entry-meta {
margin-left: 0; }
.format-gallery .entry-header .entry-thumbnail + .post-date {
top: 10px; }
.format-gallery .owl-carousel .owl-nav {
position: absolute;
top: 10px;
right: 10px;
background-color: #FFF;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); }
.format-gallery .owl-carousel .owl-nav > div {
position: static;
filter: Alpha(Opacity=1);
opacity: 1;
transform: none; }
.format-gallery .owl-carousel .owl-nav > div:before {
width: 38px;
font-size: 18px;
height: 38px;
line-height: 38px; }
.blog-post-loop.sticky .entry-title {
text-transform: uppercase; }
.blog-post-loop.sticky .entry-title:before {
content: "\f92e";
font-family: "basel-font";
font-size: 17px;
margin-right: 5px;
vertical-align: super; }
.format-quote {
color: #000;
text-align: center; }
.format-quote .entry-header {
margin-bottom: 15px; }
.format-quote .entry-header:before {
content: "\f10e";
font-family: "basel-font";
display: inline-block;
font-size: 102px;
color: #C3C3C3; }
.format-quote .meta-post-categories,
.format-quote .entry-title,
.format-quote .entry-meta,
.format-quote .post-date,
.format-quote .post-image-mask {
display: none; }
.format-quote .post-img-wrapp {
background-color: transparent; }
.format-quote .post-img-wrapp > a {
margin: 0;
transform: none; }
.format-quote .post-img-wrapp > a img {
border-radius: 50%;
max-width: 200px; }
.format-quote .entry-content {
position: relative;
text-align: center; }
.format-quote .entry-content blockquote {
padding-left: 0;
margin: 0;
border: none;
text-align: center;
font-size: 22px; }
.format-quote .entry-content blockquote > p {
font-size: 22px; }
.format-quote .entry-content blockquote cite {
display: inline-block;
margin-top: 20px; }
.format-quote:hover > .entry-header .post-img-wrapp > a {
opacity: 1;
transform: none; }
.format-quote.has-post-thumbnail .entry-header:before {
display: none; }
.format-link .entry-content {
font-size: 20px; }
.format-link .entry-content a:not(.btn-read-more) {
color: #FFF;
text-align: center;
display: block;
padding: 30px;
background-color: rgba(0, 0, 0, 0.8);
font-size: 24px;
text-decoration: none; }
.format-link .entry-content a:not(.btn-read-more):hover {
background-color: #000; }
.format-link .entry-content p:last-child {
margin-bottom: 0; }
.format-status .entry-content {
font-size: 20px;
font-style: italic; }
.format-status .entry-content p,
.format-status .entry-content a {
font-style: italic; }
.blog-design-default .entry-thumbnail {
margin-bottom: -25px; }
.blog-design-default .meta-post-categories {
margin-bottom: 10px; }
.blog-design-default .post-date {
top: 50px; }
.blog-design-default.format-quote .entry-thumbnail {
margin-bottom: 15px; }
.blog-design-default-alt {
text-align: center; }
.blog-design-default-alt .entry-title {
margin-left: 0; }
.blog-design-default-alt .entry-meta {
margin-bottom: 20px;
margin-left: 0; }
.blog-design-default-alt .entry-thumbnail {
margin-bottom: 15px; }
.blog-design-default-alt .meta-post-categories {
margin-left: 0; }
.blog-design-default-alt .post-date {
top: 10px; }
.blog-design-default-alt .liner-continer {
display: flex; }
.blog-design-default-alt .liner-continer .social-icons {
white-space: nowrap; }
.blog-design-default-alt .liner-continer .social-icons a {
white-space: normal; }
.blog-design-default-alt .liner-continer .left-line,
.blog-design-default-alt .liner-continer .right-line {
flex: 1 1 0%; }
.blog-design-default-alt .liner-continer .left-line:after,
.blog-design-default-alt .liner-continer .right-line:after {
background-color: rgba(92, 92, 92, 0.09); }
.blog-design-default-alt .entry-content {
margin-bottom: 25px;
padding: 0 5%; }
.blog-design-default-alt .entry-content ol,
.blog-design-default-alt .entry-content ul {
text-align: left; }
.blog-design-default-alt.format-quote .liner-continer {
display: none; }
.blog-design-small-images .entry-thumbnail {
margin-right: 30px;
float: left;
width: 45%; }
.blog-design-small-images .entry-header:after {
content: none; }
.blog-design-small-images .entry-title {
font-size: 24px;
margin-bottom: 10px; }
.blog-design-small-images div.entry-meta {
margin-bottom: 10px; }
.blog-design-small-images div.entry-meta ul li.meta-tags {
display: none; }
.blog-design-small-images div.entry-meta ul li .edit-link {
display: none; }
.blog-design-small-images .read-more-section {
margin-top: 15px; }
.blog-design-small-images.format-link .entry-content a {
font-size: 18px;
padding: 15px; }
.blog-design-small-images.format-quote .entry-thumbnail {
margin-right: 0;
float: none;
width: auto; }
.blog-design-small-images.format-quote .post-img-wrapp > a img {
max-width: 150px; }
.blog-design-small-images.format-quote .entry-content blockquote {
font-size: 18px; }
.blog-design-small-images.format-quote .entry-content blockquote > p {
font-size: 18px; }
.blog-design-masonry {
margin-bottom: 50px; }
.blog-design-masonry .entry-header {
position: relative; }
.blog-design-masonry .entry-thumbnail {
margin-bottom: -25px; }
.blog-design-masonry .entry-title {
font-size: 22px;
margin-bottom: 10px; }
.blog-design-masonry .meta-post-categories {
position: relative;
z-index: 2; }
.blog-design-masonry .read-more-section {
margin-top: 15px; }
.blog-design-masonry .entry-title,
.blog-design-masonry .meta-post-categories,
.blog-design-masonry div.entry-meta {
margin-left: 0; }
.blog-design-masonry div.entry-meta {
margin-bottom: 10px; }
.blog-design-masonry div.entry-meta ul li.meta-tags {
display: none; }
.blog-design-masonry div.entry-meta ul li .edit-link {
display: none; }
.blog-design-masonry:not(.post-single-page) {
text-align: center; }
.blog-design-masonry:not(.has-post-thumbnail) .post-date {
display: none; }
.blog-design-masonry.format-quote .entry-thumbnail {
margin-bottom: 10px; }
.blog-design-masonry.format-quote .post-img-wrapp > a img {
max-width: 150px; }
.blog-design-masonry.format-quote .post-date {
display: none; }
.blog-design-masonry.format-quote .entry-content blockquote {
font-size: 16px; }
.blog-design-masonry.format-quote .entry-content blockquote > p {
font-size: 16px; }
.blog-design-masonry.format-link .entry-content a {
font-size: 16px;
padding: 15px; }
.blog-design-mask {
margin-bottom: 30px; }
.blog-design-mask .entry-header {
position: relative; }
.blog-design-mask .entry-thumbnail {
margin-bottom: 0; }
.blog-design-mask .entry-content {
display: none; }
.blog-design-mask h3.entry-title {
font-size: 24px;
margin-bottom: 0;
margin-top: 5px; }
.blog-design-mask .entry-meta {
margin-bottom: 0;
margin-top: 5px; }
.blog-design-mask .meta-post-categories {
margin-bottom: 0; }
.blog-design-mask.has-post-thumbnail:not(.format-quote) .post-mask {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 30px 20px 20px 20px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000', endColorstr='#b3000000',GradientType=0 ); }
.blog-design-mask.has-post-thumbnail:not(.format-quote) h3.entry-title > a {
color: #FFF; }
.blog-design-mask.has-post-thumbnail:not(.format-quote) h3.entry-title > a:hover {
color: rgba(255, 255, 255, 0.8); }
.blog-design-mask.has-post-thumbnail:not(.format-quote) .entry-meta li {
color: rgba(255, 255, 255, 0.8); }
.blog-design-mask.has-post-thumbnail:not(.format-quote) .entry-meta li.meta-author a {
color: rgba(255, 255, 255, 0.8); }
.blog-design-mask.has-post-thumbnail:not(.format-quote) .entry-meta a {
color: rgba(255, 255, 255, 0.8); }
.blog-design-mask.format-quote .entry-content {
display: block; }
.basel-blog-holder.masonry-container[data-atts*="mask"] + .blog-footer {
margin-top: 0; }
.post-slide {
margin-bottom: 20px;
text-align: center; }
.post-slide .post-head {
position: relative; }
.post-slide .post-mask > p {
margin-bottom: 15px; }
.post-slide .post-mask > p:last-child {
margin-bottom: 0; }
.post-slide .entry-thumbnail {
margin-bottom: 10px; }
.post-slide .entry-title {
font-size: 22px;
margin-bottom: 5px; }
.post-slide .entry-title a {
font-weight: bold;
text-decoration: none;
letter-spacing: 0.3px;
color: #1B1919; }
.post-slide .read-more-section {
margin-top: 15px; }
.post-slide .entry-meta {
margin-bottom: 7px; }
.post-slide .post-date {
position: absolute;
top: 10px;
left: 10px;
background-color: #FFF;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
z-index: 2;
display: none;
padding-left: 13px;
padding-right: 13px;
text-align: center;
line-height: 1.2; }
.post-slide .post-date .post-date-day,
.post-slide .post-date .post-date-month {
display: block;
color: #272525; }
.post-slide .post-date .post-date-day {
padding-top: 4px;
font-size: 24px; }
.post-slide .post-date .post-date-month {
padding-bottom: 8px;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .5px; }
.post-slide iframe {
max-width: 100%; }
.post-slide.format-standard .entry-thumbnail {
margin-bottom: -25px; }
.post-slide.blog-design-mask {
position: relative;
text-align: left; }
.post-slide.blog-design-mask .entry-thumbnail {
margin-bottom: 0; }
.post-slide.blog-design-mask .entry-meta {
margin-bottom: 0; }
.post-slide.blog-design-mask .meta-post-categories {
margin-bottom: 0; }
.post-slide.format-link .post-mask > p a {
color: #FFF;
text-align: center;
display: block;
padding: 15px;
background-color: rgba(0, 0, 0, 0.8);
font-size: 16px;
text-decoration: none; }
.post-slide.format-link .post-mask > p a:hover {
background-color: #000; }
.post-slide.format-quote {
text-align: center; }
.post-slide.format-quote:before {
content: "\f10e";
font-family: "basel-font";
display: inline-block;
font-size: 56px;
color: #C3C3C3; }
.post-slide.format-quote .entry-thumbnail {
margin-bottom: 20px; }
.post-slide.format-quote .entry-thumbnail img {
max-width: 100px;
border-radius: 50%; }
.post-slide.format-quote .meta-post-categories {
display: none; }
.post-slide.format-quote .post-date {
display: none; }
.post-slide.format-quote .post-mask blockquote {
padding-left: 0;
margin: 0;
border: none;
text-align: center;
font-size: 14px; }
.post-slide.format-quote .post-mask blockquote > p {
font-size: 14px; }
.post-slide.format-quote .post-mask blockquote cite,
.post-slide.format-quote .post-mask blockquote cite a {
font-size: 12px; }
.post-slide.format-quote .post-mask blockquote cite {
display: inline-block;
margin-top: 15px; }
.post-slide.format-quote.has-post-thumbnail:before {
content: none; }
.post-slide.has-post-thumbnail .post-date {
display: inline-block; }
.blog-post-loop.post-single-page {
margin-bottom: 0; }
.blog-post-loop.post-single-page .entry-thumbnail {
float: none;
width: 100%;
margin-bottom: -25px; }
.blog-post-loop.post-single-page .meta-post-categories {
margin-bottom: 10px; }
.blog-post-loop.post-single-page .entry-title {
font-size: 32px;
margin-bottom: 10px; }
.blog-post-loop.post-single-page .entry-meta {
margin-bottom: 20px; }
.blog-post-loop.post-single-page .entry-meta li {
margin-bottom: 0; }
.blog-post-loop.post-single-page .entry-meta li.meta-tags {
display: inline-block; }
.blog-post-loop.post-single-page .entry-meta li .edit-link {
display: inline-block; }
.blog-post-loop.post-single-page .entry-content {
font-size: 15px; }
.blog-post-loop.post-single-page .liner-continer {
display: none; }
.blog-post-loop.post-single-page .title-wrapper .liner-continer {
display: block; }
.blog-post-loop.post-single-page.post-single-large-image .entry-thumbnail {
margin-bottom: 25px; }
.blog-post-loop.post-single-page.post-single-large-image:not(.format-gallery) .entry-thumbnail {
display: none; }
.post-single-page.blog-design-default-alt {
text-align: center; }
.post-single-page.blog-design-default-alt .entry-thumbnail {
margin-bottom: 15px; }
.post-single-page.blog-design-default-alt .entry-content {
text-align: left;
padding: 0; }
.post-single-page.blog-design-mask .entry-content {
display: block; }
.post-single-page.blog-design-mask h3.entry-title {
margin-top: 0; }
.post-single-page.blog-design-mask .entry-meta {
margin-top: 0; }
.post-single-page.blog-design-mask.has-post-thumbnail .post-mask {
position: static;
left: auto;
bottom: auto;
padding: 0;
background: none; }
.post-single-page.blog-design-mask.has-post-thumbnail .entry-meta li {
color: #787878; }
.post-single-page.blog-design-mask.has-post-thumbnail .entry-meta li.meta-author a {
color: #787878; }
.post-single-page.blog-design-mask.has-post-thumbnail .entry-meta a {
color: #787878; }
.blog-post-loop.post-single-page.format-quote {
text-align: center; }
.blog-post-loop.post-single-page.format-quote .entry-thumbnail {
margin-bottom: 15px; }
.blog-post-loop.post-single-page.format-quote .entry-thumbnail img {
border-radius: 50%;
max-width: 200px; }
.blog-post-loop.post-single-page.format-quote .post-date {
display: none; }
.single-post-social {
text-align: center;
margin-bottom: 40px; }
.single-post-social li {
width: 40px;
height: 40px;
background-color: #efefef;
border-radius: 50%;
text-align: center;
transition: all .2s ease-in-out; }
.single-post-social li a {
position: relative;
color: #8f8f8f;
width: 100%;
display: inline-block; }
.single-post-social li i {
line-height: 40px; }
.single-post-social li:hover {
background-color: #000; }
.single-post-social li:hover a {
color: #FFF; }
.single-post-navigation {
padding: 15px 10px;
margin-bottom: 40px;
background-color: #F7F7F7; }
.single-post-navigation a {
text-transform: uppercase;
font-weight: bold;
letter-spacing: .3px; }
.single-post-navigation a:hover {
text-decoration: none; }
.single-post-navigation .prev-link {
float: left; }
.single-post-navigation .prev-link a {
padding-left: 15px; }
.single-post-navigation .prev-link a:before {
content: "\f104";
font-family: "basel-font";
margin-right: 10px; }
.single-post-navigation .next-link {
float: right;
text-align: right; }
.single-post-navigation .next-link a {
padding-right: 15px; }
.single-post-navigation .next-link a:after {
content: "\f105";
font-family: "basel-font";
margin-left: 10px; }
.single-post-navigation:after {
content: "";
clear: both;
display: block; }
#comments .avatar,
.basel-user-panel .avatar {
margin-left: 0; }
.comments-area .comments-title,
.comments-area .comment-reply-title {
font-size: 24px;
text-transform: uppercase;
font-weight: bold !important; }
.comments-area .comment-list {
margin-bottom: 50px; }
.comments-area .comment-list li.comment {
padding-bottom: 40px;
padding-top: 40px;
border-bottom: 1px solid rgba(113, 113, 113, 0.15); }
.comments-area .comment-list li.comment .comment-respond {
margin-top: 30px; }
.comments-area .comment-list li.comment .comment-reply-title {
font-size: 18px; }
.comments-area .comment-list li.comment .children {
margin-top: 40px; }
.comments-area .comment-list li.pingback .comment-body {
padding-left: 0; }
.comments-area #cancel-comment-reply-link {
display: inline-block;
font-size: 0; }
.comments-area #cancel-comment-reply-link:after {
content: "\f90d";
font-family: "basel-font";
margin-left: 10px;
font-size: 18px; }
.comments-area #cancel-comment-reply-link:hover {
text-decoration: none; }
.comments-area .comment-body {
position: relative;
padding-left: 105px; }
.comments-area .comment-body p {
margin-bottom: 10px; }
.comments-area .comment-body .comment-author {
line-height: 20px;
font-size: 16px;
margin-bottom: 10px;
float: left; }
.comments-area .comment-body .comment-author:first-letter {
text-transform: uppercase; }
.comments-area .comment-body .comment-author .fn {
color: #1B1919;
font-weight: bold;
font-style: normal;
vertical-align: middle; }
.comments-area .comment-body .comment-author .says {
color: #5F5F5F;
margin-left: 3px;
vertical-align: middle; }
.comments-area .comment-body .comment-author img {
position: absolute;
left: 0;
top: 0;
max-width: 74px;
border-radius: 50%; }
.comments-area .comment-body .comment-awaiting-moderation {
position: absolute;
top: -26px;
left: 92px; }
.comments-area .comment-body .comment-awaiting-moderation + br {
display: none; }
.comments-area .comment-body .comment-meta {
line-height: 20px;
margin-bottom: 15px;
font-size: 14px;
text-align: right; }
.comments-area .comment-body .comment-meta a {
color: #bbbbbb;
vertical-align: middle; }
.comments-area .comment-body .comment-meta .comment-edit-link {
color: #565656; }
.comments-area .comment-body .comment-edit-link {
font-size: 0;
margin-left: 5px;
display: inline-block; }
.comments-area .comment-body .comment-edit-link:after {
content: "\f944";
font-family: "basel-font";
font-size: 14px;
display: inline-block;
vertical-align: middle; }
.comments-area .comment-body .comment-edit-link:hover {
text-decoration: none; }
.comments-area .reply {
margin-top: 15px; }
.comments-area .reply a {
font-weight: bold;
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline; }
.comments-area .reply a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.comments-area .comment-respond .logged-in-as > a:first-child {
font-weight: bold; }
.comments-area .comment-respond .logged-in-as > a:last-child {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline;
margin-left: 10px; }
.comments-area .comment-respond .logged-in-as > a:last-child:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.comments-area .comment-respond label {
display: block; }
.comments-area .comment-respond input[type="submit"] {
color: #FFF; }
.comments-area .comment-respond input[type="submit"]:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.comments-area .comment-respond textarea {
width: 100%; }
.comments-area .comment-respond .comment-form-comment {
margin-bottom: 10px; }
.comments-area .comment-respond .comment-form-author,
.comments-area .comment-respond .comment-form-email,
.comments-area .comment-respond .comment-form-url {
display: inline-block;
width: 33%;
margin-bottom: 20px; }
.comments-area .comment-respond .comment-form-author {
padding-right: 10px; }
.comments-area .comment-respond .comment-form-email {
padding-left: 10px;
padding-right: 10px; }
.comments-area .comment-respond .comment-form-url {
padding-left: 10px; }
.comment-form-cookies-consent label {
display: inline !important; }
.single-post-large-image .title-design-default .entry-title {
float: none; }
.post-title-large-image > .container {
position: relative;
z-index: 2; }
.post-title-large-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; }
.post-title-large-image .meta-post-categories {
margin-bottom: 10px; }
.post-title-large-image .meta-post-categories > a:hover {
color: rgba(255, 255, 255, 0.8); }
.post-title-large-image .entry-title {
text-transform: none;
margin-bottom: 20px; }
.post-title-large-image .modified-date {
display: none; }
.post-title-large-image .entry-meta-list li:last-child:after {
display: none; }
.post-title-large-image.color-scheme-light:after {
background: linear-gradient(transparent 5%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 100%); }
.page-links {
clear: both;
margin-top: 20px; }
.page-links a {
border: 2px solid #BFBFBF;
display: inline-block;
text-align: center;
line-height: 32px;
width: 36px;
margin-right: 6px;
font-size: 14px;
text-decoration: none;
color: #929292; }
.page-links a:hover {
background-color: #BFBFBF;
color: #FFF; }
.page-links > span {
border: 2px solid #BFBFBF;
background-color: #BFBFBF;
display: inline-block;
text-align: center;
line-height: 32px;
width: 36px;
margin-right: 6px;
font-size: 14px;
color: #FFF; }
.page-links .page-links-title {
border: none;
width: auto;
margin-right: 10px;
font-size: 18px;
background-color: transparent;
color: inherit; }
.blog-post-loop:not(.post-single-page) .vc_row,
.blog-post-loop:not(.post-single-page) .wpb_column,
.blog-post-loop:not(.post-single-page) .wpb_text_column {
display: none; }
.blog-post-loop.post-single-page footer.entry-meta {
margin-left: 0;
text-align: left; }
.author-info {
position: relative;
padding-left: 105px;
margin-bottom: 40px; }
.author-info .author-title {
font-size: 24px; }
.author-info .author-avatar {
position: absolute;
top: 0;
left: 0; }
.author-info .author-avatar img {
margin-left: 0; }
.author-info .author-description .author-link {
color: #000; }
.author-info .author-description .author-link span {
display: none; }
.basel-related-posts {
margin-bottom: 40px; }
.comments-area .comment-list li.comment .children, .commentlist .children {
padding-left: 30px;
margin-bottom: 0;
list-style: none; }
.comments-area .comment-list li.comment .children li, .commentlist .children li {
border-top: 1px solid rgba(113, 113, 113, 0.15);
border-bottom: none; }
.comments-area .comment-list li.comment .children li:last-child, .commentlist .children li:last-child {
padding-bottom: 0; }
.page-portfolio {
margin-top: -40px; }
.tax-project-cat .page-portfolio {
margin-top: 0; }
.portfolio-filter {
padding: 20px 0;
line-height: 1.2; }
.masonry-filter a {
padding-top: 1px;
padding-bottom: 1px;
position: relative; }
.masonry-filter a:after {
content: " ";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: #212121;
transition: width .2s ease; }
.masonry-filter a:hover {
text-decoration: none; }
.masonry-filter a:hover:after {
width: 100%;
left: 0; }
.color-scheme-light .masonry-filter a:after {
background-color: #FFF; }
.masonry-filter li {
padding: 10px;
display: inline-block; }
.masonry-filter li a {
text-transform: uppercase;
font-size: 16px; }
.masonry-filter li a.filter-active:after {
width: 100%;
left: 0; }
.portfolio-layout-boxed .col-md-3 .portfolio-thumbnail {
margin: 0; }
.site-content.portfolio-layout-full-width {
margin-bottom: 0; }
.site-content.portfolio-layout-full-width .basel-pagination,
.site-content.portfolio-layout-full-width .portfolio-footer .basel-load-more {
margin-bottom: 40px; }
.post-slide.portfolio {
background-color: #000;
color: #FFF;
margin-bottom: 20px;
position: relative;
overflow: hidden;
height: 300px;
text-align: center; }
.post-slide.portfolio a {
color: #FFF; }
.post-slide.portfolio > a {
display: block; }
.post-slide.portfolio .entry-thumbnail {
margin-bottom: 0;
transition: all .25s ease-in-out; }
.post-slide.portfolio .post-date {
display: none; }
.post-slide.portfolio .post-mask {
position: absolute;
opacity: 1;
visibility: visible;
top: 50%;
left: 0;
width: 100%;
font-size: 0;
padding: 15px;
transition: all .25s ease-in-out;
transform: translateY(-50%); }
.post-slide.portfolio .post-mask > a {
border-color: rgba(255, 255, 255, 0.4);
background-color: transparent; }
.post-slide.portfolio .post-mask > a:hover {
background-color: #FFF;
color: #000;
border-color: #FFF; }
.post-slide.portfolio .entry-title {
font-size: 16px;
margin-bottom: 15px;
line-height: 1.4;
overflow: hidden;
max-height: 91px; }
.post-slide.portfolio .entry-title a {
color: #FFF; }
.post-slide.portfolio .entry-title a:hover {
text-decoration: none;
color: rgba(255, 255, 255, 0.8); }
.portfolio.post-slide.has-post-thumbnail {
height: auto; }
.portfolio.post-slide.has-post-thumbnail .post-mask {
opacity: 0;
visibility: hidden;
top: 55%; }
.portfolio.post-slide.has-post-thumbnail:hover > .post-mask {
opacity: 1;
visibility: visible;
top: 50%; }
.portfolio.post-slide.has-post-thumbnail:hover .entry-thumbnail {
opacity: .2; }
.portfolio-entry {
margin-bottom: 30px; }
.portfolio-entry .entry-header {
position: relative; }
.portfolio-entry .entry-thumbnail {
position: relative;
overflow: hidden;
background-color: #000; }
.portfolio-entry .portfolio-thumbnail {
display: block;
margin: -1px;
transform: scale(1);
transition: all .3s ease-in-out; }
.portfolio-entry .portfolio-enlarge {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
border-color: #FFF;
color: #FFF;
text-transform: uppercase;
background-color: transparent;
opacity: 0;
visibility: hidden;
transform: translateY(-50%) translateX(-50%);
transition: all .3s ease-in-out; }
.portfolio-entry .portfolio-enlarge:hover {
text-decoration: none; }
.portfolio-entry .portfolio-enlarge:hover {
background-color: #FFF;
color: #4d4d4d; }
.portfolio-entry .portfolio-info {
width: 100%;
transition: all .3s ease-in-out; }
.portfolio-entry .entry-title {
font-size: 14px;
letter-spacing: .6px;
line-height: 1.6;
text-transform: uppercase;
margin-bottom: 0; }
.portfolio-entry .entry-title a:hover {
text-decoration: none; }
.portfolio-entry .proj-cats-list {
margin-top: 15px; }
.portfolio-entry .proj-cats-list li {
font-size: 14px;
margin-left: 0;
display: inline-block;
text-transform: none; }
.portfolio-entry .proj-cats-list li:after {
content: "/";
padding: 0 5px 0 7px;
font-size: 10px;
position: relative;
top: -1px;
display: inline-block; }
.portfolio-entry .proj-cats-list li:first-child {
margin-left: 0; }
.portfolio-entry .proj-cats-list li:last-child {
margin-left: 0; }
.portfolio-entry .proj-cats-list li:last-child:after {
content: none; }
.portfolio-entry .entry-summary {
display: none; }
.portfolio-entry:hover .entry-thumbnail > .portfolio-thumbnail {
opacity: .2;
transform: scale(1.05); }
.portfolio-entry:hover .entry-header .entry-thumbnail > .portfolio-enlarge {
opacity: 1;
visibility: visible; }
.portfolio-hover-inverse .portfolio-entry .entry-header,
.portfolio-hover .portfolio-entry .entry-header,
.portfolio-bordered .portfolio-entry .entry-header,
.portfolio-bordered-inverse .portfolio-entry .entry-header {
text-align: center; }
.portfolio-hover-inverse .portfolio-entry .portfolio-info,
.portfolio-hover .portfolio-entry .portfolio-info,
.portfolio-bordered .portfolio-entry .portfolio-info,
.portfolio-bordered-inverse .portfolio-entry .portfolio-info {
position: absolute;
top: 55%;
visibility: hidden;
opacity: 0;
padding: 10px 20px;
transform: translateY(-50%); }
.portfolio-hover-inverse .portfolio-entry .portfolio-enlarge,
.portfolio-hover .portfolio-entry .portfolio-enlarge,
.portfolio-bordered .portfolio-entry .portfolio-enlarge,
.portfolio-bordered-inverse .portfolio-entry .portfolio-enlarge {
position: absolute;
top: auto;
left: auto;
top: 0;
right: 0;
display: inline-block;
font-size: 0;
color: #FFF;
text-align: center;
width: 30px;
padding: 0;
border: none;
overflow: hidden;
opacity: 0;
transform: translateY(0%) translateX(0%); }
.portfolio-hover-inverse .portfolio-entry .portfolio-enlarge:after,
.portfolio-hover .portfolio-entry .portfolio-enlarge:after,
.portfolio-bordered .portfolio-entry .portfolio-enlarge:after,
.portfolio-bordered-inverse .portfolio-entry .portfolio-enlarge:after {
content: "\e057";
display: inline-block;
line-height: 30px;
font-size: 14px;
font-family: 'simple-line-icons'; }
.portfolio-hover-inverse .portfolio-entry .portfolio-enlarge:hover,
.portfolio-hover .portfolio-entry .portfolio-enlarge:hover,
.portfolio-bordered .portfolio-entry .portfolio-enlarge:hover,
.portfolio-bordered-inverse .portfolio-entry .portfolio-enlarge:hover {
background-color: transparent;
color: rgba(255, 255, 255, 0.8); }
.portfolio-hover-inverse .portfolio-entry .entry-title a,
.portfolio-hover .portfolio-entry .entry-title a,
.portfolio-bordered .portfolio-entry .entry-title a,
.portfolio-bordered-inverse .portfolio-entry .entry-title a {
color: #FFF; }
.portfolio-hover-inverse .portfolio-entry .entry-title a:hover,
.portfolio-hover .portfolio-entry .entry-title a:hover,
.portfolio-bordered .portfolio-entry .entry-title a:hover,
.portfolio-bordered-inverse .portfolio-entry .entry-title a:hover {
color: rgba(255, 255, 255, 0.8); }
.portfolio-hover-inverse .portfolio-entry .proj-cats-list li,
.portfolio-hover .portfolio-entry .proj-cats-list li,
.portfolio-bordered .portfolio-entry .proj-cats-list li,
.portfolio-bordered-inverse .portfolio-entry .proj-cats-list li {
color: rgba(255, 255, 255, 0.8); }
.portfolio-hover-inverse .portfolio-entry:hover .entry-header > .portfolio-info,
.portfolio-hover .portfolio-entry:hover .entry-header > .portfolio-info,
.portfolio-bordered .portfolio-entry:hover .entry-header > .portfolio-info,
.portfolio-bordered-inverse .portfolio-entry:hover .entry-header > .portfolio-info {
opacity: 1;
visibility: visible;
top: 50%; }
.portfolio-hover-inverse .portfolio-entry .portfolio-info {
top: 50%;
visibility: visible;
opacity: 1; }
.portfolio-hover-inverse .portfolio-entry .portfolio-thumbnail {
opacity: .4;
transform: scale(1.1); }
.portfolio-hover-inverse .portfolio-entry:hover .entry-thumbnail > .portfolio-thumbnail {
opacity: .9;
transform: scale(1); }
.portfolio-hover-inverse .portfolio-entry:hover .entry-header > .portfolio-info {
opacity: 0;
visibility: hidden;
top: 45%; }
.portfolio-text-shown .portfolio-entry .portfolio-info {
position: relative;
padding: 20px 50px 20px 0px; }
.portfolio-text-shown .portfolio-entry .portfolio-info:after {
position: absolute;
content: "\f105";
font-family: "basel-font";
right: 30px;
top: 50%;
font-size: 52px;
color: rgba(129, 129, 129, 0.3);
opacity: 0;
visibility: hidden;
transform: translateY(-50%);
transition: all .3s ease-in-out; }
.portfolio-text-shown .portfolio-entry:hover .entry-header > .portfolio-info {
padding-left: 20px;
background-color: #f8f8f8; }
.portfolio-text-shown .portfolio-entry:hover .entry-header > .portfolio-info:after {
right: 20px;
opacity: 1;
visibility: visible; }
.portfolio-with-bg .portfolio-entry .entry-thumbnail:after,
.portfolio-with-bg-alt .portfolio-entry .entry-thumbnail:after {
position: absolute;
content: "\f105";
font-family: "basel-font";
left: 45%;
top: 50%;
font-size: 60px;
color: #FFF;
opacity: 0;
visibility: hidden;
transform: translateY(-50%) translateX(-50%);
transition: all .3s ease-in-out; }
.portfolio-with-bg .portfolio-entry .proj-cats-list li,
.portfolio-with-bg-alt .portfolio-entry .proj-cats-list li {
transition: all .3s ease-in-out; }
.portfolio-with-bg .portfolio-entry .portfolio-info,
.portfolio-with-bg-alt .portfolio-entry .portfolio-info {
padding: 20px;
background-color: #f8f8f8; }
.portfolio-with-bg .portfolio-entry .portfolio-enlarge,
.portfolio-with-bg-alt .portfolio-entry .portfolio-enlarge {
display: none; }
.portfolio-with-bg .portfolio-entry:hover .entry-header > .portfolio-info,
.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .portfolio-info {
background-color: #232323; }
.portfolio-with-bg .portfolio-entry:hover .entry-header > .portfolio-info a,
.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .portfolio-info a {
color: #FFF; }
.portfolio-with-bg .portfolio-entry:hover .entry-header > .portfolio-info .proj-cats-list li,
.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .portfolio-info .proj-cats-list li {
color: rgba(255, 255, 255, 0.8); }
.portfolio-with-bg .portfolio-entry:hover .entry-header > .portfolio-info:after,
.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .portfolio-info:after {
right: 20px;
opacity: 1;
visibility: visible; }
.portfolio-with-bg .portfolio-entry:hover .entry-header > .entry-thumbnail:after,
.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .entry-thumbnail:after {
opacity: 1;
visibility: visible;
left: 50%; }
.portfolio-bordered .portfolio-entry .entry-header:before, .portfolio-bordered .portfolio-entry .entry-header:after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
transition: opacity .4s, transform .4s; }
.portfolio-bordered .portfolio-entry .entry-header:before {
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.portfolio-bordered .portfolio-entry .entry-header:after {
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-left: 1px solid rgba(255, 255, 255, 0.5); }
.portfolio-bordered .portfolio-entry .entry-thumbnail {
position: static; }
.portfolio-bordered .portfolio-entry .portfolio-info {
top: 50%;
visibility: visible;
opacity: 1;
padding: 10px 30px; }
.portfolio-bordered .portfolio-entry .portfolio-thumbnail {
opacity: .4;
transform: scale(1.1); }
.portfolio-bordered .portfolio-entry:hover .entry-thumbnail > .portfolio-thumbnail {
opacity: .9;
transform: scale(1); }
.portfolio-bordered .portfolio-entry:hover .entry-header > .portfolio-info {
opacity: 0;
visibility: hidden;
top: 45%; }
.portfolio-bordered .portfolio-entry:hover > .entry-header:after {
transform: scale(1, 0); }
.portfolio-bordered .portfolio-entry:hover > .entry-header:before {
transform: scale(0, 1); }
.portfolio-bordered .portfolio-entry:hover > .entry-header:after,
.portfolio-bordered .portfolio-entry:hover > .entry-header:before {
opacity: 0; }
.portfolio-bordered-inverse .portfolio-entry .entry-thumbnail {
position: static; }
.portfolio-bordered-inverse .portfolio-entry .entry-header:before, .portfolio-bordered-inverse .portfolio-entry .entry-header:after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
transition: opacity .35s, transform .35s;
z-index: 1; }
.portfolio-bordered-inverse .portfolio-entry .entry-header:after {
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-left: 1px solid rgba(255, 255, 255, 0.5);
transform: scale(1, 0); }
.portfolio-bordered-inverse .portfolio-entry .entry-header:before {
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
transform: scale(0, 1); }
.portfolio-bordered-inverse .portfolio-entry .portfolio-enlarge {
display: none; }
.portfolio-bordered-inverse .portfolio-entry .portfolio-info {
padding: 10px 30px;
z-index: 2; }
.portfolio-bordered-inverse .portfolio-entry:hover > .entry-header:after,
.portfolio-bordered-inverse .portfolio-entry:hover > .entry-header:before {
opacity: 1;
transform: scale(1); }
.page-portfolio .basel-pagination,
.page-portfolio .portfolio-footer .basel-load-more {
margin-top: 40px;
margin-bottom: 0; }
.row-spacing-0 .portfolio-entry {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px; }
.row-spacing-2 .portfolio-entry {
padding-left: 1px;
padding-right: 1px;
margin-bottom: 2px; }
.row-spacing-6 .portfolio-entry {
padding-left: 3px;
padding-right: 3px;
margin-bottom: 6px; }
.row-spacing-10 .portfolio-entry {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px; }
.row-spacing-20 .portfolio-entry {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px; }
.row-spacing-30 .portfolio-entry {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px; }
.promo-banner {
position: relative;
margin-bottom: 30px;
overflow: hidden; }
.promo-banner .wrapper-content-baner {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 2; }
.promo-banner .banner-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 20px;
z-index: 1; }
.promo-banner .banner-inner h1, .promo-banner .banner-inner h2, .promo-banner .banner-inner h3, .promo-banner .banner-inner h4, .promo-banner .banner-inner h5, .promo-banner .banner-inner h6 {
margin-bottom: 20px;
line-height: 1.3; }
.promo-banner .banner-inner p {
margin-bottom: 20px; }
.promo-banner .banner-inner p:last-child, .promo-banner .banner-inner p:first-child {
margin-bottom: 0; }
.promo-banner .banner-inner .btn {
margin-top: 0;
margin-bottom: 0; }
.promo-banner.increased-padding .banner-inner {
padding: 6%; }
.promo-banner.vertical-alignment-middle .banner-inner {
top: 50%;
transform: translateY(-50%); }
.promo-banner.vertical-alignment-bottom .banner-inner {
top: 100%;
transform: translateY(-100%); }
.promo-banner.hover-1 {
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.promo-banner.hover-1 .main-wrapp-img {
margin: -1px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.promo-banner.hover-1 .main-wrapp-img .banner-image {
transition: all .6s; }
.promo-banner.hover-1:hover > .main-wrapp-img .banner-image {
transform: scale(1.1); }
.promo-banner.hover-2 {
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.promo-banner.hover-2 .main-wrapp-img {
margin: -1px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.promo-banner.hover-2 .main-wrapp-img .banner-image {
transition: all 1s; }
.promo-banner.hover-2 .banner-inner {
padding: 30px; }
.promo-banner.hover-2.color-scheme-dark .wrapper-content-baner:after, .promo-banner.hover-2.color-scheme-dark .wrapper-content-baner:before {
border-color: rgba(0, 0, 0, 0.5); }
.promo-banner.hover-2 .wrapper-content-baner:before, .promo-banner.hover-2 .wrapper-content-baner:after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
transition: opacity .45s, transform .45s; }
.promo-banner.hover-2 .wrapper-content-baner:after {
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-left: 1px solid rgba(255, 255, 255, 0.5);
transform: scale(1, 0); }
.promo-banner.hover-2 .wrapper-content-baner:before {
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
transform: scale(0, 1); }
.promo-banner.hover-2:hover > .main-wrapp-img .banner-image {
transform: scale(1.1); }
.promo-banner.hover-2:hover > .wrapper-content-baner:after,
.promo-banner.hover-2:hover > .wrapper-content-baner:before {
opacity: 1;
transform: scale(1); }
.promo-banner.hover-3 .main-wrapp-img .banner-image {
transition: all .3s; }
.promo-banner.hover-3 .banner-inner {
visibility: hidden;
opacity: 0;
transition: all .3s; }
.promo-banner.hover-3.vertical-alignment-bottom .banner-image {
margin-bottom: -20px; }
.promo-banner.hover-3.vertical-alignment-bottom .banner-inner {
top: 110%; }
.promo-banner.hover-3.vertical-alignment-bottom:hover .banner-image {
transform: translateY(-20px); }
.promo-banner.hover-3.vertical-alignment-bottom:hover > .wrapper-content-baner .banner-inner {
top: 100%; }
.promo-banner.hover-3.vertical-alignment-middle .banner-image {
margin-bottom: -20px; }
.promo-banner.hover-3.vertical-alignment-middle .banner-inner {
top: 55%; }
.promo-banner.hover-3.vertical-alignment-middle:hover .banner-image {
transform: translateY(-20px); }
.promo-banner.hover-3.vertical-alignment-middle:hover > .wrapper-content-baner .banner-inner {
top: 50%; }
.promo-banner.hover-3.vertical-alignment-top .banner-image {
margin-top: -20px; }
.promo-banner.hover-3.vertical-alignment-top .banner-inner {
top: -20%; }
.promo-banner.hover-3.vertical-alignment-top:hover .banner-image {
transform: translateY(20px); }
.promo-banner.hover-3.vertical-alignment-top:hover > .wrapper-content-baner .banner-inner {
top: 0%; }
.promo-banner.hover-3:hover > .wrapper-content-baner .banner-inner {
visibility: visible;
opacity: 1; }
.promo-banner.banner-1 .banner-inner {
background: rgba(0, 0, 0, 0.5); }
.promo-banner.banner-1.color-scheme-dark .banner-inner {
background: rgba(255, 255, 255, 0.5); }
.promo-banner.banner-1.hover-2 .banner-inner {
padding: 15px;
margin: 0 25px; }
.promo-banner.banner-1.hover-2.vertical-alignment-bottom .banner-inner {
margin-top: -25px; }
.promo-banner.banner-1.hover-2.vertical-alignment-top .banner-inner {
margin-top: 25px; }
.promo-banner.banner-2 {
background-color: #000; }
.promo-banner.banner-2 .banner-image {
opacity: .7; }
.promo-banner.banner-2.color-scheme-dark {
background-color: #FFF; }
.promo-banner.banner-2.hover-1:hover .banner-image, .promo-banner.banner-2.hover-2:hover .banner-image, .promo-banner.banner-2.hover-3:hover .banner-image {
opacity: .4; }
.promo-banner.banner-3 .banner-inner, .promo-banner.banner-4 .banner-inner {
padding: 30px; }
.promo-banner.banner-3.color-scheme-dark .wrapper-content-baner:after, .promo-banner.banner-4.color-scheme-dark .wrapper-content-baner:after {
border-color: rgba(0, 0, 0, 0.5); }
.promo-banner.banner-3 .wrapper-content-baner:after, .promo-banner.banner-4 .wrapper-content-baner:after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
border: 1px solid rgba(255, 255, 255, 0.5); }
.promo-banner.banner-3.hover-2 .wrapper-content-baner:after, .promo-banner.banner-4.hover-2 .wrapper-content-baner:after {
opacity: 1;
transform: scale(1); }
.promo-banner.banner-3.hover-2 .wrapper-content-baner:before, .promo-banner.banner-4.hover-2 .wrapper-content-baner:before {
display: none; }
.promo-banner.banner-3.hover-2:hover > .wrapper-content-baner:after, .promo-banner.banner-4.hover-2:hover > .wrapper-content-baner:after {
opacity: 1; }
.promo-banner.banner-4 {
background-color: #000; }
.promo-banner.banner-4 .banner-image {
opacity: .6; }
.promo-banner.banner-4.color-scheme-dark {
background-color: #FFF; }
.promo-banner.banner-4.color-scheme-dark .banner-image {
opacity: .7; }
.promo-banner.banner-5 .wrapper-content-baner {
width: auto;
height: auto;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
background-color: rgba(0, 0, 0, 0.6); }
.promo-banner.banner-5.color-scheme-dark .wrapper-content-baner {
background-color: rgba(255, 255, 255, 0.8); }
.banners-carousel-wrapper {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 30px; }
.banners-carousel .owl-item,
.banners-carousel > .promo-banner-wrapper {
padding-left: 15px;
padding-right: 15px; }
.title-wrapper > span {
display: block; }
.title-wrapper .title {
display: block;
margin-bottom: 30px;
position: relative; }
.title-wrapper .font-default {
letter-spacing: 3px; }
.title-wrapper .title-subtitle {
margin-bottom: 10px; }
.title-wrapper .title-after_title {
margin-bottom: 20px;
margin-top: -5px;
line-height: 1.6; }
.title-wrapper .title-after_title p {
margin-bottom: 0; }
.title-wrapper .title-separator {
display: none; }
.title-wrapper .liner-continer {
display: block; }
.title-wrapper .liner-continer .left-line,
.title-wrapper .liner-continer .right-line {
display: none; }
.title-wrapper.basel-title-style-default .title {
margin-bottom: 20px; }
.title-wrapper.basel-title-style-simple .title:after {
content: "";
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -15px;
width: 30px;
height: 2px;
display: inline-block; }
.title-wrapper.basel-title-style-cross .title {
position: relative; }
.title-wrapper.basel-title-style-cross .title-separator {
display: inline-block; }
.title-wrapper.basel-title-style-cross .title-separator:after, .title-wrapper.basel-title-style-cross .title-separator:before {
content: " ";
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -12px;
width: 24px;
height: 1px;
display: inline-block;
background-color: #DCDCDC; }
.title-wrapper.basel-title-style-cross .title-separator:before {
margin-left: -34px; }
.title-wrapper.basel-title-style-cross .title-separator:after {
margin-left: 10px; }
.title-wrapper.basel-title-style-cross .title-separator span:after, .title-wrapper.basel-title-style-cross .title-separator span:before {
content: " ";
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -6px;
width: 12px;
height: 1px;
display: inline-block;
background-color: #C1C1C1; }
.title-wrapper.basel-title-style-cross .title-separator span:before {
transform: rotate(45deg); }
.title-wrapper.basel-title-style-cross .title-separator span:after {
transform: rotate(-45deg); }
.title-wrapper.basel-title-style-bordered .liner-continer {
display: flex; }
.title-wrapper.basel-title-style-bordered .liner-continer .left-line,
.title-wrapper.basel-title-style-bordered .liner-continer .right-line {
display: block;
flex: 1 1 0%; }
.title-wrapper.basel-title-style-bordered .liner-continer .left-line:after,
.title-wrapper.basel-title-style-bordered .liner-continer .right-line:after {
background-color: rgba(118, 118, 118, 0.14); }
.title-wrapper.basel-title-style-bordered .liner-continer .title {
white-space: nowrap;
margin-bottom: 0;
max-width: 900px;
overflow: hidden; }
.title-wrapper.basel-title-style-bordered .title-after_title {
margin-top: 15px; }
.title-wrapper.basel-title-style-shadow {
box-shadow: 10px 6px 0px #191919;
border: 2px solid #191919; }
.title-wrapper.basel-title-style-shadow .title {
margin-bottom: 0; }
.title-wrapper.basel-title-style-shadow .title-subtitle {
margin-bottom: 0; }
.title-wrapper.basel-title-style-shadow .title-subtitle + .liner-continer,
.title-wrapper.basel-title-style-shadow .title-subtitle + .title-after_title {
margin-top: 10px; }
.title-wrapper.basel-title-style-shadow .title-after_title {
margin-bottom: 0; }
.title-wrapper.basel-title-style-shadow .liner-continer {
margin-bottom: 0; }
.title-wrapper.basel-title-style-shadow .liner-continer + .title-after_title {
margin-top: 10px; }
.title-wrapper.text-left.basel-title-style-cross .title-separator:after {
left: 15px;
margin-left: 0; }
.title-wrapper.text-left.basel-title-style-cross .title-separator:before {
display: none; }
.title-wrapper.text-left.basel-title-style-cross .title-separator span:after, .title-wrapper.text-left.basel-title-style-cross .title-separator span:before {
left: 0;
margin-left: 0; }
.title-wrapper.text-left.basel-title-style-simple .title:after {
left: 0;
margin-left: 0; }
.title-wrapper.text-left.basel-title-style-bordered .liner-continer .left-line {
display: none; }
.title-wrapper.text-left.basel-title-style-bordered .liner-continer .right-line {
flex-grow: 1; }
.title-wrapper.text-right.basel-title-style-simple .title:after {
margin-left: 0;
left: auto;
right: 0; }
.title-wrapper.text-right.basel-title-style-cross .title-separator:after {
display: none; }
.title-wrapper.text-right.basel-title-style-cross .title-separator:before {
left: auto;
right: 15px;
margin-left: 0; }
.title-wrapper.text-right.basel-title-style-cross .title-separator span:after, .title-wrapper.text-right.basel-title-style-cross .title-separator span:before {
left: auto;
right: 0;
margin-left: 0; }
.title-wrapper.text-right.basel-title-style-bordered .liner-continer .right-line {
display: none; }
.title-wrapper.text-right.basel-title-style-bordered .liner-continer .left-line {
flex-grow: 1; }
.title-wrapper.basel-title-size-extra-large .title-subtitle {
font-size: 26px; }
.title-wrapper.basel-title-size-extra-large .title {
font-size: 42px; }
.title-wrapper.basel-title-size-extra-large .title-after_title {
font-size: 16px; }
.title-wrapper.basel-title-size-large .title-subtitle {
font-size: 20px; }
.title-wrapper.basel-title-size-large .title {
font-size: 36px; }
.title-wrapper.basel-title-size-large .title-after_title {
font-size: 16px; }
.title-wrapper.basel-title-size-default .title-subtitle {
font-size: 14px; }
.title-wrapper.basel-title-size-default .title {
font-size: 26px; }
.title-wrapper.basel-title-size-default .title-after_title {
font-size: 14px; }
.title-wrapper.basel-title-size-small .title-subtitle {
font-size: 12px; }
.title-wrapper.basel-title-size-small .title {
font-size: 18px; }
.title-wrapper.basel-title-size-small .title-after_title {
font-size: 12px; }
.title-wrapper.basel-title-color-default .title-subtitle {
color: #9b9b9b; }
.title-wrapper.basel-title-color-black .title-subtitle {
color: #000; }
.title-wrapper.basel-title-color-white .title-subtitle {
color: #FFF; }
.title-wrapper.basel-title-color-white .title {
color: #FFF; }
.title-wrapper.basel-title-color-white .title:after {
border-color: rgba(255, 255, 255, 0.5); }
.title-wrapper.basel-title-color-white .title-separator:after, .title-wrapper.basel-title-color-white .title-separator:before {
background-color: rgba(255, 255, 255, 0.6); }
.title-wrapper.basel-title-color-white .title-separator span:after, .title-wrapper.basel-title-color-white .title-separator span:before {
background-color: rgba(255, 255, 255, 0.6); }
.title-wrapper.basel-title-color-white .liner-continer .left-line:after,
.title-wrapper.basel-title-color-white .liner-continer .right-line:after {
background-color: rgba(255, 255, 255, 0.4); }
.title-wrapper.basel-title-color-white .title-after_title {
color: #FFF; }
.title-wrapper.basel-title-color-white .title-after_title p {
color: #FFF; }
.title-wrapper.basel-title-color-gradient .title {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent; }
.color-scheme-light .title-wrapper.basel-title-color-default .title, .color-scheme-light .title-wrapper.basel-title-color-primary .title, .color-scheme-light .title-wrapper.basel-title-color-alt .title, .color-scheme-light .title-wrapper.basel-title-color-black .title {
color: #FFF; }
.color-scheme-light .title-wrapper.basel-title-color-default .title-after_title, .color-scheme-light .title-wrapper.basel-title-color-primary .title-after_title, .color-scheme-light .title-wrapper.basel-title-color-alt .title-after_title, .color-scheme-light .title-wrapper.basel-title-color-black .title-after_title {
color: rbga(255, 255, 255, 0.9); }
.color-scheme-light .title-wrapper.basel-title-style-simple .title:after {
border-color: rgba(255, 255, 255, 0.5); }
.color-scheme-light .title-wrapper.basel-title-style-bordered .left-line:after,
.color-scheme-light .title-wrapper.basel-title-style-bordered .right-line:after {
background-color: rgba(255, 255, 255, 0.4); }
.color-scheme-light .title-wrapper.basel-title-style-shadow {
box-shadow: 10px 6px 0px #FFF;
border-color: #FFF; }
.basel-text-block-wrapper {
margin-bottom: 35px; }
.basel-text-block-wrapper .basel-text-block p:first-child:empty,
.basel-text-block-wrapper .basel-text-block p:first-child:empty ~ p:last-child {
display: none; }
.basel-text-block-wrapper .basel-text-block h1, .basel-text-block-wrapper .basel-text-block h2, .basel-text-block-wrapper .basel-text-block h3, .basel-text-block-wrapper .basel-text-block h4, .basel-text-block-wrapper .basel-text-block h5, .basel-text-block-wrapper .basel-text-block h6, .basel-text-block-wrapper .basel-text-block p, .basel-text-block-wrapper .basel-text-block a {
font-size: inherit;
color: inherit;
line-height: inherit; }
.basel-text-block-wrapper.text-center .basel-text-block {
margin-left: auto;
margin-right: auto; }
.basel-text-block-wrapper.text-left .basel-text-block {
margin-right: auto; }
.basel-text-block-wrapper.text-right .basel-text-block {
margin-left: auto; }
.basel-text-block-wrapper.color-scheme-dark .basel-text-block {
color: #1B1919; }
.basel-text-block-wrapper.color-scheme-light .basel-text-block {
color: #FFF; }
.basel-text-block-width-10 .basel-text-block {
max-width: 10%; }
.basel-text-block-width-20 .basel-text-block {
max-width: 20%; }
.basel-text-block-width-30 .basel-text-block {
max-width: 30%; }
.basel-text-block-width-40 .basel-text-block {
max-width: 40%; }
.basel-text-block-width-50 .basel-text-block {
max-width: 50%; }
.basel-text-block-width-60 .basel-text-block {
max-width: 60%; }
.basel-text-block-width-70 .basel-text-block {
max-width: 70%; }
.basel-text-block-width-80 .basel-text-block {
max-width: 80%; }
.basel-text-block-width-90 .basel-text-block {
max-width: 90%; }
.basel-font-weight-100 {
font-weight: 100 !important; }
.basel-font-weight-200 {
font-weight: 200 !important; }
.basel-font-weight-300 {
font-weight: 300 !important; }
.basel-font-weight-400 {
font-weight: 400 !important; }
.basel-font-weight-500 {
font-weight: 500 !important; }
.basel-font-weight-600 {
font-weight: 600 !important; }
.basel-font-weight-700 {
font-weight: 700 !important; }
.basel-font-weight-800 {
font-weight: 800 !important; }
.basel-font-weight-900 {
font-weight: 900 !important; }
.btn.btn-size-small,
.button.btn-size-small,
button.btn-size-small,
input[type="submit"].btn-size-small {
font-size: 12px;
line-height: 16px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 14px;
padding-right: 14px; }
.btn.btn-size-large,
.button.btn-size-large,
button.btn-size-large,
input[type="submit"].btn-size-large {
font-size: 16px;
line-height: 20px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 28px;
padding-right: 28px; }
.btn.btn-size-extra-large,
.button.btn-size-extra-large,
button.btn-size-extra-large,
input[type="submit"].btn-size-extra-large {
font-size: 18px;
line-height: 22px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 40px;
padding-right: 40px; }
.btn.btn-style-bordered,
.button.btn-style-bordered,
button.btn-style-bordered,
input[type="submit"].btn-style-bordered {
background-color: transparent; }
.btn.btn-style-bordered:hover,
.button.btn-style-bordered:hover,
button.btn-style-bordered:hover,
input[type="submit"].btn-style-bordered:hover {
text-decoration: none; }
.btn.btn-style-link,
.button.btn-style-link,
button.btn-style-link,
input[type="submit"].btn-style-link {
padding: 0;
border-top: none;
border-left: none;
border-right: none;
text-transform: capitalize; }
.btn.btn-round, .btn.btn-style-round,
.button.btn-round,
.button.btn-style-round,
button.btn-round,
button.btn-style-round,
input[type="submit"].btn-round,
input[type="submit"].btn-style-round {
border-radius: 35px; }
.btn.btn-color-primary,
.button.btn-color-primary,
button.btn-color-primary,
input[type="submit"].btn-color-primary {
color: #FFF; }
.btn.btn-color-primary:hover,
.button.btn-color-primary:hover,
button.btn-color-primary:hover,
input[type="submit"].btn-color-primary:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.btn.btn-color-primary.btn-style-bordered,
.button.btn-color-primary.btn-style-bordered,
button.btn-color-primary.btn-style-bordered,
input[type="submit"].btn-color-primary.btn-style-bordered {
background-color: transparent; }
.btn.btn-color-primary.btn-style-bordered:hover,
.button.btn-color-primary.btn-style-bordered:hover,
button.btn-color-primary.btn-style-bordered:hover,
input[type="submit"].btn-color-primary.btn-style-bordered:hover {
color: #FFF;
opacity: 1; }
.btn.btn-color-primary.btn-style-link,
.button.btn-color-primary.btn-style-link,
button.btn-color-primary.btn-style-link,
input[type="submit"].btn-color-primary.btn-style-link {
background-color: transparent;
color: #000;
opacity: .5; }
.btn.btn-color-primary.btn-style-link:hover,
.button.btn-color-primary.btn-style-link:hover,
button.btn-color-primary.btn-style-link:hover,
input[type="submit"].btn-color-primary.btn-style-link:hover {
background-color: transparent;
color: #000;
opacity: .8; }
.btn.btn-color-alt,
.button.btn-color-alt,
button.btn-color-alt,
input[type="submit"].btn-color-alt {
color: #FFF; }
.btn.btn-color-alt:hover,
.button.btn-color-alt:hover,
button.btn-color-alt:hover,
input[type="submit"].btn-color-alt:hover {
color: #FFF;
opacity: .8;
text-decoration: none; }
.btn.btn-color-alt.btn-style-bordered,
.button.btn-color-alt.btn-style-bordered,
button.btn-color-alt.btn-style-bordered,
input[type="submit"].btn-color-alt.btn-style-bordered {
background-color: transparent; }
.btn.btn-color-alt.btn-style-bordered:hover,
.button.btn-color-alt.btn-style-bordered:hover,
button.btn-color-alt.btn-style-bordered:hover,
input[type="submit"].btn-color-alt.btn-style-bordered:hover {
color: #FFF;
opacity: 1; }
.btn.btn-color-alt.btn-style-link,
.button.btn-color-alt.btn-style-link,
button.btn-color-alt.btn-style-link,
input[type="submit"].btn-color-alt.btn-style-link {
background-color: transparent;
color: #000;
opacity: .5; }
.btn.btn-color-alt.btn-style-link:hover,
.button.btn-color-alt.btn-style-link:hover,
button.btn-color-alt.btn-style-link:hover,
input[type="submit"].btn-color-alt.btn-style-link:hover {
background-color: transparent;
color: #000;
opacity: .8; }
.btn.btn-color-black,
.button.btn-color-black,
button.btn-color-black,
input[type="submit"].btn-color-black {
background-color: #000;
color: #FFF;
border-color: #000; }
.btn.btn-color-black:hover,
.button.btn-color-black:hover,
button.btn-color-black:hover,
input[type="submit"].btn-color-black:hover {
background-color: #333333;
color: #FFF;
text-decoration: none;
border-color: #333333; }
.btn.btn-color-black.btn-style-bordered,
.button.btn-color-black.btn-style-bordered,
button.btn-color-black.btn-style-bordered,
input[type="submit"].btn-color-black.btn-style-bordered {
background-color: transparent;
color: #000; }
.btn.btn-color-black.btn-style-bordered:hover,
.button.btn-color-black.btn-style-bordered:hover,
button.btn-color-black.btn-style-bordered:hover,
input[type="submit"].btn-color-black.btn-style-bordered:hover {
background-color: #000;
color: #FFF;
border-color: #000; }
.btn.btn-color-black.btn-style-link,
.button.btn-color-black.btn-style-link,
button.btn-color-black.btn-style-link,
input[type="submit"].btn-color-black.btn-style-link {
background-color: transparent;
color: #000;
opacity: 1; }
.btn.btn-color-black.btn-style-link:hover,
.button.btn-color-black.btn-style-link:hover,
button.btn-color-black.btn-style-link:hover,
input[type="submit"].btn-color-black.btn-style-link:hover {
background-color: transparent;
color: #000;
opacity: .7; }
.btn.btn-color-white,
.button.btn-color-white,
button.btn-color-white,
input[type="submit"].btn-color-white {
background-color: #FFF;
color: #3B3B3B;
border-color: #FFF; }
.btn.btn-color-white:hover,
.button.btn-color-white:hover,
button.btn-color-white:hover,
input[type="submit"].btn-color-white:hover {
background-color: #3E3E3E;
color: #FFF;
text-decoration: none;
border-color: #3E3E3E; }
.btn.btn-color-white.btn-style-bordered,
.button.btn-color-white.btn-style-bordered,
button.btn-color-white.btn-style-bordered,
input[type="submit"].btn-color-white.btn-style-bordered {
background-color: transparent;
color: #FFF; }
.btn.btn-color-white.btn-style-bordered:hover,
.button.btn-color-white.btn-style-bordered:hover,
button.btn-color-white.btn-style-bordered:hover,
input[type="submit"].btn-color-white.btn-style-bordered:hover {
background-color: #FFF;
color: #5F5F5F;
border-color: #FFF; }
.btn.btn-color-white.btn-style-link,
.button.btn-color-white.btn-style-link,
button.btn-color-white.btn-style-link,
input[type="submit"].btn-color-white.btn-style-link {
background-color: transparent;
color: #FFF;
border-color: rgba(255, 255, 255, 0.6); }
.btn.btn-color-white.btn-style-link:hover,
.button.btn-color-white.btn-style-link:hover,
button.btn-color-white.btn-style-link:hover,
input[type="submit"].btn-color-white.btn-style-link:hover {
background-color: transparent;
color: #FFF;
border-color: #FFF; }
.btn i {
margin-left: 3px; }
.basel-button-wrapper.btn-inline {
display: inline-block;
margin-bottom: 10px;
margin-right: 10px; }
.text-center .basel-button-wrapper.btn-inline {
margin-left: 5px;
margin-right: 5px; }
.text-right .basel-button-wrapper.btn-inline {
margin-left: 10px;
margin-right: 0; }
.widget_text .social-icons {
padding-left: 0;
margin-bottom: 0; }
.widget_text .social-icons li {
margin: 5px 5px 0 5px; }
.widget_text .social-icons li:before {
content: none; }
.social-icons {
display: block; }
.social-icons a {
color: rgba(0, 0, 0, 0.6); }
.social-icons a:hover {
color: rgba(0, 0, 0, 0.8); }
.social-icons li {
display: inline-block;
margin: 5px 5px 0 5px;
padding: 0; }
.social-icons li a {
font-size: 0; }
.social-icons li i {
font-size: 18px; }
.social-icons li:first-child {
margin-left: 0;
padding-left: 0; }
.social-icons li:last-child {
margin-right: 0;
padding-right: 0; }
.social-icons :is(
.social-tiktok,
.social-x) .fa:before {
font-family: "basel-font";
font-weight: 400;
line-height: 1; }
.social-icons .social-tiktok .fa:before {
content: "\e900"; }
.social-icons .social-x .fa:before {
content: "\e905"; }
.social-icons:is(
.icons-design-circle,
.icons-design-colored,
.icons-design-colored-alt) li {
width: 40px;
height: 40px;
background-color: #efefef;
border-radius: 50%;
text-align: center;
transition: all .2s ease-in-out; }
.social-icons:is(
.icons-design-circle,
.icons-design-colored,
.icons-design-colored-alt) li a {
position: relative;
color: #8f8f8f;
width: 100%;
display: inline-block; }
.social-icons:is(
.icons-design-circle,
.icons-design-colored,
.icons-design-colored-alt) li i {
line-height: 40px; }
.social-icons:is(
.icons-design-circle,
.icons-design-colored,
.icons-design-colored-alt) li:hover {
background-color: #000; }
.social-icons:is(
.icons-design-circle,
.icons-design-colored,
.icons-design-colored-alt) li:hover a {
color: #FFF; }
.social-icons.icons-design-colored li {
background-color: #efefef; }
.social-icons.icons-design-colored li.social-facebook {
background-color: #365493; }
.social-icons.icons-design-colored li.social-x {
background-color: #000; }
.social-icons.icons-design-colored li.social-instagram {
background-color: #774430; }
.social-icons.icons-design-colored li.social-email {
background-color: #F89A1E; }
.social-icons.icons-design-colored li.social-pinterest {
background-color: #CB2027; }
.social-icons.icons-design-colored li.social-youtube {
background-color: #c32f2b; }
.social-icons.icons-design-colored li.social-tumblr {
background-color: #36465d; }
.social-icons.icons-design-colored li.social-linkedin {
background-color: #0274b3; }
.social-icons.icons-design-colored li.social-vimeo {
background-color: #1ab7ea; }
.social-icons.icons-design-colored li.social-flickr {
background-color: #fe0072; }
.social-icons.icons-design-colored li.social-github {
background-color: #171515; }
.social-icons.icons-design-colored li.social-dribbble {
background-color: #b2215a; }
.social-icons.icons-design-colored li.social-behance {
background-color: #1f6ffc; }
.social-icons.icons-design-colored li.social-soundcloud {
background-color: #f9490d; }
.social-icons.icons-design-colored li.social-spotify {
background-color: #2ebd59; }
.social-icons.icons-design-colored li.social-ok {
background-color: #EE8208; }
.social-icons.icons-design-colored li.social-whatsapp {
background-color: #1EBEA5; }
.social-icons.icons-design-colored li.social-vk {
background-color: #4c75a3; }
.social-icons.icons-design-colored li.social-snapchat {
background-color: #fffc00; }
.social-icons.icons-design-colored li.social-tg {
background-color: #37aee2; }
.social-icons.icons-design-colored li.social-tiktok {
background-color: #010101; }
.social-icons.icons-design-colored li a {
color: #FFF; }
.social-icons.icons-design-colored li:hover {
opacity: .8; }
.social-icons.icons-design-colored li:hover a {
color: #FFF; }
.social-icons.icons-design-colored-alt li {
background-color: #efefef; }
.social-icons.icons-design-colored-alt li.social-facebook:hover {
background-color: #365493; }
.social-icons.icons-design-colored-alt li.social-x:hover {
background-color: #000; }
.social-icons.icons-design-colored-alt li.social-instagram:hover {
background-color: #774430; }
.social-icons.icons-design-colored-alt li.social-email:hover {
background-color: #F89A1E; }
.social-icons.icons-design-colored-alt li.social-pinterest:hover {
background-color: #CB2027; }
.social-icons.icons-design-colored-alt li.social-youtube:hover {
background-color: #c32f2b; }
.social-icons.icons-design-colored-alt li.social-tumblr:hover {
background-color: #36465d; }
.social-icons.icons-design-colored-alt li.social-linkedin:hover {
background-color: #0274b3; }
.social-icons.icons-design-colored-alt li.social-vimeo:hover {
background-color: #1ab7ea; }
.social-icons.icons-design-colored-alt li.social-flickr:hover {
background-color: #fe0072; }
.social-icons.icons-design-colored-alt li.social-github:hover {
background-color: #171515; }
.social-icons.icons-design-colored-alt li.social-dribbble:hover {
background-color: #b2215a; }
.social-icons.icons-design-colored-alt li.social-behance:hover {
background-color: #1f6ffc; }
.social-icons.icons-design-colored-alt li.social-soundcloud:hover {
background-color: #f9490d; }
.social-icons.icons-design-colored-alt li.social-spotify:hover {
background-color: #2ebd59; }
.social-icons.icons-design-colored-alt li.social-ok:hover {
background-color: #EE8208; }
.social-icons.icons-design-colored-alt li.social-whatsapp:hover {
background-color: #1EBEA5; }
.social-icons.icons-design-colored-alt li.social-vk:hover {
background-color: #4c75a3; }
.social-icons.icons-design-colored-alt li.social-snapchat:hover {
background-color: #fffc00; }
.social-icons.icons-design-colored-alt li.social-tg:hover {
background-color: #37aee2; }
.social-icons.icons-design-colored-alt li a {
color: #8f8f8f; }
.social-icons.icons-design-colored-alt li:hover a {
color: #FFF; }
.social-icons.icons-size-small li i {
font-size: 14px; }
.social-icons.icons-size-small:is(
.icons-design-circle,
.icons-design-colored,
.icons-design-colored-alt) li {
width: 30px;
height: 30px; }
.social-icons.icons-size-small:is(
.icons-design-circle,
.icons-design-colored,
.icons-design-colored-alt) li i {
line-height: 30px; }
.social-icons.icons-size-large li i {
font-size: 22px; }
.social-icons.icons-size-large:is(
.icons-design-circle,
.icons-design-colored,
.icons-design-colored-alt) li {
width: 60px;
height: 60px; }
.social-icons.icons-size-large:is(
.icons-design-circle,
.icons-design-colored,
.icons-design-colored-alt) li i {
line-height: 60px; }
.color-scheme-light .social-icons.icons-design-colored li a {
color: #FFF; }
.color-scheme-light .social-icons:is(
.icons-design-circle,
.icons-design-colored-alt) li a {
color: #8f8f8f; }
.color-scheme-light .social-icons:is(
.icons-design-circle,
.icons-design-colored-alt) li a:hover {
color: #FFF; }
.google-map-container {
position: relative; }
.google-map-container.google-map-container-with-content .basel-google-map-wrapper {
position: absolute;
width: 100%;
height: 100%; }
.google-map-container.google-map-container-with-content .basel-google-map-wrapper .basel-google-map {
width: 100%; }
.google-map-container .gm-style-iw {
text-align: center; }
.map-mask-dark {
background-color: #000; }
.map-mask-dark .basel-google-map-wrapper {
opacity: .6; }
.map-mask-light {
background-color: #FFF; }
.map-mask-light .basel-google-map-wrapper {
opacity: .7; }
.google-map-container img {
max-width: none; }
.basel-map-placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
overflow: hidden; }
.basel-map-placeholder img {
width: 100%;
height: 100%;
object-position: 50% 50%;
object-fit: cover; }
.basel-init-map {
display: flex;
align-items: center; }
.basel-init-map svg {
margin-top: -2px;
margin-right: 10px;
width: 25px;
height: 25px; }
.basel-init-map span {
margin-top: 4px; }
.google-map-container .basel-init-map-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: flex;
align-items: center;
justify-content: center; }
.map-lazy-loading:not(.basel-map-inited) .basel-google-map-content-wrap {
display: none; }
.basel-map-inited .basel-map-placeholder,
.basel-map-inited .basel-init-map-wrap {
display: none; }
.basel-counter {
text-align: center; }
.basel-counter > span {
display: inline-block;
width: 100%;
font-size: 18px; }
.basel-counter .counter-value {
margin-bottom: 20px;
font-weight: 600; }
.color-scheme-light .basel-counter > span {
color: #FFF; }
.basel-counter.counter-small .counter-value {
font-size: 24px; }
.basel-counter.counter-default .counter-value {
font-size: 36px; }
.basel-counter.counter-large .counter-value {
font-size: 52px; }
.team-member {
margin-bottom: 30px; }
.team-member .member-image {
margin-bottom: 20px;
text-align: center; }
.team-member .member-email,
.team-member .member-name,
.team-member .member-position {
margin-bottom: 5px; }
.team-member .member-name {
font-weight: 600; }
.team-member .member-position,
.team-member .member-email {
color: #9e9e9e;
font-size: 14px; }
.team-member .member-email a {
text-decoration: underline; }
.team-member .member-bio {
margin-top: 15px;
color: #4C4C4C; }
.team-member .member-social {
margin-top: 15px; }
.team-member.color-scheme-light .member-position,
.team-member.color-scheme-light .member-email,
.team-member.color-scheme-light .member-bio {
color: rgba(255, 255, 255, 0.8); }
.member-layout-hover .member-image-wrapper {
text-align: center; }
.member-layout-hover .member-image {
position: relative;
display: inline-flex;
flex-direction: row;
align-items: flex-start;
justify-content: center; }
.member-layout-hover .member-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
transition: all .2s;
opacity: 0; }
.member-layout-hover .member-social {
position: absolute;
top: 55%;
left: 0;
width: 100%;
opacity: 0;
margin: 0;
padding: 20px;
z-index: 5;
transform: translateY(-50%);
transition: all .25s ease-in-out; }
.member-layout-hover .social-icons li {
margin: 5px; }
.member-layout-hover .icons-design-default a {
color: rgba(255, 255, 255, 0.8); }
.member-layout-hover .icons-design-default a:hover {
color: #FFF; }
.member-layout-hover:hover .member-image:after {
opacity: .8; }
.member-layout-hover:hover .member-social {
top: 50%;
opacity: 1; }
.testimonial {
padding-left: 15px;
padding-right: 15px; }
.testimonial .testimonial-avatar {
display: inline-block;
overflow: hidden;
border-radius: 50%; }
.testimonial .testimonial-avatar img {
max-width: 100px; }
.testimonial .testimonial-rating {
display: none;
margin-bottom: 10px;
font-size: 0; }
.testimonial .testimonial-content {
color: #4C4C4C; }
.testimonial .testimonial-content footer {
margin-top: 15px;
font-weight: bold;
color: #1B1919; }
.testimonial .testimonial-content footer > span {
color: #4C4C4C;
font-weight: normal; }
.testimonial .testimonial-content footer > span:before {
content: " - "; }
.testimonials.testimon-align-center {
text-align: center; }
.testimonials.testimon-align-center .testimonial-avatar {
margin-bottom: 15px; }
.testimonials.testimon-align-left .testimonial-inner, .testimonials.testimon-align-right .testimonial-inner {
display: flex;
align-items: flex-start; }
.testimonials.testimon-align-left .testimonial-avatar, .testimonials.testimon-align-right .testimonial-avatar {
flex: 0 0 auto; }
.testimonials.testimon-align-left .testimonial-content, .testimonials.testimon-align-right .testimonial-content {
flex: 1 1 auto; }
.testimonials.testimon-align-left {
text-align: left; }
.testimonials.testimon-align-left .testimonial-inner {
flex-direction: row; }
.testimonials.testimon-align-left .testimonial-avatar {
margin-right: 20px; }
.testimonials.testimon-align-right {
text-align: right; }
.testimonials.testimon-align-right .testimonial-inner {
flex-direction: row-reverse; }
.testimonials.testimon-align-right .testimonial-avatar {
margin-left: 20px; }
.testimonials.testimonials-grid {
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: wrap;
justify-content: center;
margin-left: -15px;
margin-right: -15px; }
.testimonials.testimonials-grid .testimonial {
margin-bottom: 30px; }
.testimonials.testimonials-grid.testimon-columns-1 .testimonial {
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.testimonials.testimonials-grid.testimon-columns-2 .testimonial {
flex-basis: 50%;
max-width: 50%;
width: 50%; }
.testimonials.testimonials-grid.testimon-columns-3 .testimonial {
flex-basis: 33.33333333%;
max-width: 33.33333333%;
width: 33.33333333%; }
.testimonials.testimonials-grid.testimon-columns-4 .testimonial {
flex-basis: 25%;
max-width: 25%;
width: 25%; }
.testimonials.testimonials-grid.testimon-columns-5 .testimonial {
flex-basis: 20%;
max-width: 20%;
width: 20%; }
.testimonials.testimonials-grid.testimon-columns-6 .testimonial {
flex-basis: 16.66666666%;
max-width: 16.66666666%;
width: 16.66666666%; }
.testimonials.testimonials-grid.testimon-columns-7 .testimonial {
flex-basis: 14.28571428%;
max-width: 14.28571428%;
width: 14.28571428%; }
.testimonials.testimonials-grid.testimon-columns-8 .testimonial {
flex-basis: 12.5%;
max-width: 12.5%;
width: 12.5%; }
.testimonials.testimonials-slider .testimonial {
padding-top: 15px;
padding-bottom: 15px; }
.testimonials.testimon-style-boxed .testimonial-inner {
padding: 30px;
background-color: #FFF;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); }
.color-scheme-light .testimonials:not(.testimon-style-boxed) .testimonial-content {
color: #FFF; }
.color-scheme-light .testimonials:not(.testimon-style-boxed) .testimonial-content footer {
color: rgba(255, 255, 255, 0.9); }
.color-scheme-light .testimonials:not(.testimon-style-boxed) .testimonial-content footer > span {
color: rgba(255, 255, 255, 0.8); }
.testimon-with-rating .testimonial-rating {
display: block; }
.instagram-widget {
position: relative; }
.instagram-widget.instagram-with-error img {
width: 100%; }
.instagram-widget.instagram-with-error.loading {
animation: semi-fade-out .4s infinite alternate linear; }
.instagram-widget .instagram-content {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center; }
.instagram-widget .instagram-content-inner {
z-index: 5;
background: white;
outline: 5px solid rgba(255, 255, 255, 0.5);
max-width: 300px;
width: 100%;
padding: 25px; }
.instagram-widget .instagram-pics li {
position: relative;
max-width: 33.33333%;
flex-basis: 33.33333%;
margin-bottom: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.instagram-widget .instagram-pics li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3; }
.instagram-widget .instagram-pics li .wrapp-pics {
position: relative;
overflow: hidden; }
.instagram-widget .instagram-pics li .hover-mask {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
transition: all .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.instagram-widget .instagram-pics li .hover-mask:after {
content: "\f105";
font-family: "basel-font";
font-size: 40px;
position: absolute;
top: 50%;
left: -20px;
width: 100%;
color: #FFF;
visibility: hidden;
opacity: 0;
transform: translateY(-50%);
transition: all .3s; }
.instagram-widget .instagram-pics li:hover .hover-mask {
background-color: rgba(0, 0, 0, 0.7); }
.instagram-widget .instagram-pics li:hover .hover-mask:after {
visibility: visible;
opacity: 1;
left: 0; }
.instagram-widget .instagram-pics:after {
content: "";
clear: both;
display: block; }
.instagram-widget .clear {
margin-top: 5px; }
.instagram-widget .clear a {
font-size: 13px;
letter-spacing: 0.3px; }
.instagram-widget .clear a:before {
content: "\e609";
display: inline-block;
vertical-align: middle;
margin-right: 5px;
font-family: 'simple-line-icons'; }
.instagram-widget.instagram-rounded .instagram-pics li .wrapp-pics,
.instagram-widget.instagram-rounded .instagram-pics li .hover-mask {
border-radius: 50%; }
.instagram-widget.instagram-slider .instagram-pics li {
flex-basis: 100%;
max-width: 100%; }
.instagram-widget.instagram-with-spaces .instagram-pics {
margin: -5px; }
.instagram-widget.instagram-with-spaces .instagram-pics li {
padding: 5px; }
.instagram-widget.instagram-with-spaces.instagram-slider {
margin-left: -10px;
margin-right: -10px; }
.instagram-widget.instagram-with-spaces.instagram-slider .instagram-pics {
margin: 0; }
.instagram-widget.instagram-with-spaces.instagram-slider .instagram-pics li {
padding: 10px; }
.instagram-widget.instagram-grid .instagram-pics {
margin: -10px; }
.instagram-widget.instagram-grid .instagram-pics li {
padding: 10px; }
.instagram-widget:not(.instagram-slider) .instagram-pics {
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: wrap;
justify-content: flex-start; }
.vc_row-no-padding .instagram-grid .instagram-pics,
.vc_row-no-padding .instagram-with-spaces .instagram-pics {
margin: 0; }
.instagram-per-row-1 .instagram-pics li {
flex-basis: 100%;
max-width: 100%; }
.instagram-per-row-2 .instagram-pics li {
flex-basis: 50%;
max-width: 50%; }
.instagram-per-row-3 .instagram-pics li {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%; }
.instagram-per-row-4 .instagram-pics li {
flex-basis: 25%;
max-width: 25%; }
.instagram-per-row-5 .instagram-pics li {
flex-basis: 20%;
max-width: 20%; }
.instagram-per-row-6 .instagram-pics li {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%; }
.instagram-per-row-7 .instagram-pics li {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%; }
.instagram-per-row-8 .instagram-pics li {
flex-basis: 12.5%;
max-width: 12.5%; }
.instagram-per-row-9 .instagram-pics li {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%; }
.instagram-per-row-10 .instagram-pics li {
flex-basis: 10%;
max-width: 10%; }
.instagram-per-row-11 .instagram-pics li {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%; }
.instagram-per-row-12 .instagram-pics li {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%; }
.basel-instagram .instagram-pics {
margin: -3px; }
.basel-instagram li {
padding: 3px; }
.instagram-widget.data-source-api .wrapp-pics, .instagram-widget.data-source-images .wrapp-pics {
padding-bottom: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
[class*="basel-info-box"] {
margin-bottom: 30px; }
[class*="basel-info-box"] .box-icon-wrapper {
position: relative;
z-index: 1; }
[class*="basel-info-box"] .box-icon-wrapper :is(
svg,
img) {
width: inherit !important;
height: inherit !important; }
[class*="basel-info-box"] .info-box-content {
position: relative; }
[class*="basel-info-box"] .info-box-content p:first-child:empty {
display: none; }
[class*="basel-info-box"] .info-box-content p, [class*="basel-info-box"] .info-box-content h1, [class*="basel-info-box"] .info-box-content h2, [class*="basel-info-box"] .info-box-content h3, [class*="basel-info-box"] .info-box-content h4, [class*="basel-info-box"] .info-box-content h5, [class*="basel-info-box"] .info-box-content h6 {
margin-bottom: 15px; }
[class*="basel-info-box"] .info-box-content p:last-child, [class*="basel-info-box"] .info-box-content h1:last-child, [class*="basel-info-box"] .info-box-content h2:last-child, [class*="basel-info-box"] .info-box-content h3:last-child, [class*="basel-info-box"] .info-box-content h4:last-child, [class*="basel-info-box"] .info-box-content h5:last-child, [class*="basel-info-box"] .info-box-content h6:last-child {
margin-bottom: 0; }
[class*="basel-info-box"] .info-btn-wrapper {
position: relative;
padding-top: 15px;
z-index: 2; }
[class*="basel-info-box"] .info-box-icon {
display: inline-block;
overflow: hidden; }
[class*="basel-info-box"].icon-alignment-top .box-icon-wrapper {
margin-bottom: 15px;
display: inline-block; }
[class*="basel-info-box"].icon-alignment-left .box-icon-wrapper {
margin-right: 15px; }
[class*="basel-info-box"].icon-alignment-right .box-icon-wrapper {
margin-left: 15px; }
[class*="basel-info-box"].btn-position-hover:hover .info-btn-wrapper {
top: 100%;
opacity: 1;
visibility: visible; }
[class*="basel-info-box"].btn-position-hover .info-btn-wrapper {
position: absolute;
top: 110%;
opacity: 0;
visibility: hidden;
transition: top .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out; }
[class*="basel-info-box"].btn-position-hover.text-center .info-btn-wrapper {
left: 50%;
transform: translateX(-50%); }
[class*="basel-info-box"].btn-position-hover.text-left .info-btn-wrapper {
left: 0; }
[class*="basel-info-box"].btn-position-hover.text-right .info-btn-wrapper {
right: 0; }
[class*="basel-info-box"].box-style-base:not(.btn-position-hover) .info-box-content p + .info-btn-wrapper {
padding-top: 0; }
[class*="basel-info-box"].box-style-border .box-icon-wrapper {
display: inline-block;
margin-left: 0;
margin-right: 0; }
[class*="basel-info-box"].box-style-border .info-box-content {
padding: 50px 20px 20px 20px;
border: 4px solid rgba(97, 97, 97, 0.09); }
[class*="basel-info-box"].box-style-border .info-box-content p:nth-last-child(2), [class*="basel-info-box"].box-style-border .info-box-content h1:nth-last-child(2), [class*="basel-info-box"].box-style-border .info-box-content h2:nth-last-child(2), [class*="basel-info-box"].box-style-border .info-box-content h3:nth-last-child(2), [class*="basel-info-box"].box-style-border .info-box-content h4:nth-last-child(2), [class*="basel-info-box"].box-style-border .info-box-content h5:nth-last-child(2), [class*="basel-info-box"].box-style-border .info-box-content h6:nth-last-child(2) {
margin-bottom: 0; }
[class*="basel-info-box"].box-style-border .info-btn-wrapper {
margin-bottom: -40px; }
[class*="basel-info-box"].box-style-border .info-btn-wrapper a {
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
line-height: 18px;
border: 1px solid #1aada3;
text-transform: uppercase;
letter-spacing: .3px;
color: #FFF;
opacity: 1; }
[class*="basel-info-box"].box-style-border .info-btn-wrapper a:hover {
color: #FFF;
opacity: .8; }
[class*="basel-info-box"].box-style-border.btn-position-hover .info-btn-wrapper {
padding-top: 0;
margin-top: -17px; }
[class*="basel-info-box"].box-style-border.btn-position-hover.text-left .info-btn-wrapper {
left: 20px; }
[class*="basel-info-box"].box-style-border.btn-position-hover.text-right .info-btn-wrapper {
right: 20px; }
[class*="basel-info-box"].box-style-shadow {
padding: 20px;
transition: box-shadow .3s ease;
background-color: #FFF;
backface-visibility: hidden;
perspective: 800px;
-webkit-backface-visibility: hidden;
-webkit-perspective: 800px; }
[class*="basel-info-box"].box-style-shadow:hover {
box-shadow: 0 1px 9px rgba(0, 0, 0, 0.09); }
[class*="basel-info-box"].box-style-shadow.btn-position-hover {
padding-bottom: 60px; }
[class*="basel-info-box"].box-style-shadow .info-box-content p:nth-last-child(2) {
margin-bottom: 0; }
.basel-info-box:after {
content: "";
clear: both;
display: block; }
.basel-info-box.icon-alignment-left .box-icon-wrapper, .basel-info-box.icon-alignment-right .box-icon-wrapper {
margin-bottom: 15px; }
.basel-info-box.icon-alignment-left .box-icon-wrapper {
float: left; }
.basel-info-box.icon-alignment-right .box-icon-wrapper {
float: right; }
.basel-info-box.box-style-border .box-icon-wrapper {
margin-bottom: 0;
float: none; }
.basel-info-box.box-style-border .info-box-icon {
margin-bottom: -45px; }
.basel-info-box2.icon-alignment-left, .basel-info-box2.icon-alignment-right {
display: flex;
align-items: center;
justify-content: center; }
.basel-info-box2.icon-alignment-left .box-icon-wrapper, .basel-info-box2.icon-alignment-right .box-icon-wrapper {
flex: 0 0 auto; }
.basel-info-box2.icon-alignment-left .info-box-content, .basel-info-box2.icon-alignment-right .info-box-content {
flex: 1 1 auto; }
.basel-info-box2.icon-alignment-left {
flex-direction: row; }
.basel-info-box2.icon-alignment-right {
flex-direction: row-reverse; }
.basel-info-box2.box-style-border.icon-alignment-top .box-icon-wrapper {
margin-bottom: 0; }
.basel-info-box2.box-style-border.icon-alignment-top .info-box-icon {
margin-bottom: -45px; }
.basel-info-box2.box-style-border.icon-alignment-left .info-box-icon {
margin-right: -45px; }
.basel-info-box2.box-style-border.icon-alignment-left .info-box-content {
padding: 20px 20px 20px 50px; }
.basel-info-box2.box-style-border.icon-alignment-right .info-box-icon {
margin-left: -45px; }
.basel-info-box2.box-style-border.icon-alignment-right .info-box-content {
padding: 20px 50px 20px 20px; }
.author-area {
margin-bottom: 20px; }
.author-area p {
margin-bottom: 10px; }
.author-area .author-avatar {
margin-bottom: 20px; }
.author-area .author-avatar img {
display: inline-block;
border-radius: 50%; }
.author-area .author-info {
margin-bottom: 0;
padding-left: 0;
font-size: 15px; }
.author-area > a {
display: inline-block;
margin-top: 20px;
color: #8C8C8C;
font-size: 14px;
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline; }
.author-area > a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.posts-teaser .post-teaser-item {
margin-bottom: 20px;
overflow: hidden; }
.posts-teaser .post-teaser-item img {
max-width: 40%;
float: left;
margin-right: 15px; }
.posts-teaser .post-teaser-item .post-title {
font-size: 14px;
letter-spacing: .3px;
line-height: 1.4;
display: block; }
.posts-teaser .post-teaser-item .entry-meta {
margin-top: 2px; }
.posts-teaser .post-teaser-item .entry-meta li {
display: inline-block;
font-size: 12px;
color: rgba(169, 169, 169, 0.7);
margin: 2px 3px 2px 0;
padding: 0; }
.posts-teaser .post-teaser-item .entry-meta li a {
color: rgba(169, 169, 169, 0.7); }
.posts-teaser .post-teaser-item .entry-meta li:last-child {
margin-right: 0; }
.posts-teaser.teaser-style-first-large .teaser-item-1 img {
max-width: none;
width: 100%;
margin-right: 0;
margin-bottom: 15px; }
.posts-teaser.teaser-style-first-large .teaser-item-1 .post-title {
font-size: 16px;
margin-bottom: 10px; }
.posts-teaser.teaser-style-grid .post-teaser-item {
width: 48%;
float: left; }
.posts-teaser.teaser-style-grid .post-teaser-item:nth-child(odd) {
margin-right: 20px; }
.vc_col-sm-3 .posts-teaser .post-teaser-item .post-title {
font-size: 12px; }
.vc_col-sm-3 .posts-teaser.teaser-style-first-large .teaser-item-1 .post-title {
font-size: 14px; }
.basel-twitter-element .twitter-post {
display: flex;
align-items: stretch;
flex-direction: row;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(124, 124, 124, 0.15); }
.basel-twitter-element .twitter-post:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none; }
.basel-twitter-element .twitter-image-wrapper {
flex: 0 0 auto;
margin-right: 10px; }
.basel-twitter-element .twitter-content-wrapper {
flex: 1 1 auto; }
.basel-twitter-element .stt-em {
display: block;
margin-top: 5px;
font-size: 10px; }
.color-scheme-light .basel-twitter-element,
.basel-dark .basel-twitter-element {
border-color: rgba(255, 255, 255, 0.1); }
.basel-menu-price {
display: flex;
align-items: center;
margin-bottom: 20px; }
.basel-menu-price .menu-price-image {
max-width: 180px;
flex: 0 0 auto;
margin-right: 20px; }
.basel-menu-price .menu-price-description-wrapp {
flex: 1 1 auto; }
.basel-menu-price .menu-price-title {
margin-bottom: 5px;
transition: color .25s ease-in-out; }
.basel-menu-price .menu-price-description {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px dotted #d2d2d2; }
.basel-menu-price .menu-price-details {
font-style: italic;
font-size: 16px;
padding: 5px 0;
margin-right: 20px; }
.basel-menu-price .menu-price-price {
font-weight: bold;
font-size: 18px;
padding: 5px 0; }
.color-scheme-light .basel-menu-price .menu-price-description {
border-color: rgba(255, 255, 255, 0.4); }
.basel-timer {
font-size: 0;
line-height: 1.2; }
.basel-countdown-timer .basel-timer {
line-height: 1.2; }
.basel-countdown-timer .basel-timer > span {
display: inline-block;
text-align: center;
margin: 0 2px 5px 2px; }
.basel-countdown-timer .basel-timer > span span {
display: block;
text-transform: uppercase; }
.basel-countdown-timer.timer-size-small .basel-timer > span {
min-width: 50px;
height: 50px;
padding: 6px 5px;
font-size: 20px; }
.basel-countdown-timer.timer-size-small .basel-timer > span span {
font-size: 11px; }
.basel-countdown-timer.timer-size-medium .basel-timer > span {
min-width: 65px;
height: 65px;
padding: 8px 6px;
font-size: 26px; }
.basel-countdown-timer.timer-size-medium .basel-timer > span span {
font-size: 14px; }
.basel-countdown-timer.timer-size-large .basel-timer > span {
min-width: 90px;
height: 85px;
padding: 12px 8px;
font-size: 34px;
font-weight: bold; }
.basel-countdown-timer.timer-size-large .basel-timer > span span {
font-size: 18px;
font-weight: normal; }
.basel-countdown-timer.timer-align-right {
text-align: right; }
.basel-countdown-timer.timer-align-center {
text-align: center; }
.basel-countdown-timer.color-scheme-light .basel-timer > span {
background-color: #1b1b1b;
color: #FFF; }
.basel-countdown-timer.color-scheme-light .basel-timer > span span {
color: rgba(255, 255, 255, 0.5); }
.basel-countdown-timer.color-scheme-dark .basel-timer > span {
background-color: #f8f8f8;
color: #1B1919; }
.basel-countdown-timer.color-scheme-dark .basel-timer > span span {
color: rgba(0, 0, 0, 0.5); }
.timer-style-transparent.color-scheme-dark .basel-timer > span {
background-color: rgba(255, 255, 255, 0.35); }
.timer-style-transparent.color-scheme-light .basel-timer > span {
background-color: rgba(0, 0, 0, 0.25); }
.pricing-tables-wrapper .pricing-tables {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px; }
.basel-price-table {
flex-basis: 229px;
flex-grow: 1;
flex-shrink: 1;
margin-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
transition: transform .3s ease;
line-height: 1.2; }
.basel-price-table .basel-plan-name {
padding: 15px 15px; }
.basel-price-table .basel-plan-name > span:not(.price-subtitle) {
font-weight: 600;
font-size: 22px;
color: #1B1919; }
.basel-price-table .price-subtitle {
display: block;
color: #777777;
font-size: 14px;
font-weight: normal;
margin-top: 5px;
line-height: 1.4; }
.basel-price-table .basel-plan-inner {
overflow: hidden;
position: relative;
background-color: #FFF;
border: 1px solid rgba(97, 97, 97, 0.09);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
transition: box-shadow .3s ease; }
.basel-price-table .price-label {
position: absolute;
top: 16px;
right: -31px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
line-height: 22px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
color: #FFF;
white-space: nowrap;
transform: rotate(46deg);
width: 120px;
backface-visibility: hidden;
perspective: 800px;
-webkit-backface-visibility: hidden;
-webkit-perspective: 800px; }
.basel-price-table .basel-plan-price {
padding: 10px;
margin: -1px; }
.basel-price-table .basel-plan-price > span {
color: #FFF; }
.basel-price-table .basel-price-currency {
vertical-align: top;
font-size: 28px; }
.basel-price-table .basel-price-value {
font-size: 42px;
vertical-align: middle;
font-weight: 600; }
.basel-price-table .basel-price-suffix {
vertical-align: bottom;
display: block;
text-transform: uppercase;
font-size: 14px; }
.basel-price-table .basel-plan-features {
padding: 25px;
border-bottom: 1px solid rgba(97, 97, 97, 0.09); }
.basel-price-table .basel-plan-feature {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 15px;
margin-bottom: 15px; }
.basel-price-table .basel-plan-feature > p {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 15px;
margin-bottom: 15px; }
.basel-price-table .basel-plan-feature > p:first-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
.basel-price-table .basel-plan-feature > p:last-child {
padding-bottom: 0;
margin-bottom: -15px;
border-bottom: none; }
.basel-price-table .basel-plan-feature:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
.basel-price-table .basel-plan-footer {
padding: 20px 15px;
background-color: #f9f9f9; }
.basel-price-table .basel-plan-footer > a {
color: #FFF; }
.basel-price-table .basel-plan-footer > a:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.basel-price-table .basel-plan-footer > a.added {
display: none; }
.basel-price-table .basel-plan-footer > a:after {
border-color: #FFF; }
.basel-price-table.label-color-red .price-label {
background-color: #EF4836; }
.basel-price-table.label-color-green .price-label {
background-color: #0fa34c; }
.basel-price-table.label-color-blue .price-label {
background-color: #2a7ce4; }
.basel-price-table.label-color-yellow .price-label {
background-color: #F7CA18; }
.basel-price-table:hover {
transform: translateY(-10px); }
.basel-price-table:hover .basel-plan-inner {
box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.12); }
.basel-images-gallery .basel-gallery-item {
text-align: center; }
.basel-images-gallery.view-grid .gallery-images, .basel-images-gallery.view-masonry .gallery-images {
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: wrap;
justify-content: flex-start; }
.basel-images-gallery.view-grid.columns-1 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-1 .basel-gallery-item {
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.basel-images-gallery.view-grid.columns-2 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-2 .basel-gallery-item {
flex-basis: 50%;
max-width: 50%;
width: 50%; }
.basel-images-gallery.view-grid.columns-3 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-3 .basel-gallery-item {
flex-basis: 33.33333333%;
max-width: 33.33333333%;
width: 33.33333333%; }
.basel-images-gallery.view-grid.columns-4 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-4 .basel-gallery-item {
flex-basis: 25%;
max-width: 25%;
width: 25%; }
.basel-images-gallery.view-grid.columns-6 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-6 .basel-gallery-item {
flex-basis: 16.66666666%;
max-width: 16.66666666%;
width: 16.66666666%; }
.basel-images-gallery.view-carousel, .basel-images-gallery.view-justified {
margin-bottom: 30px; }
.basel-images-gallery.view-carousel .gallery-images .basel-gallery-item {
margin-bottom: 0; }
.basel-images-gallery.view-justified .basel-gallery-item img {
display: none;
animation: fade-in .6s ease; }
.basel-images-gallery.view-justified .basel-gallery-item.entry-visible img {
display: block; }
.basel-images-gallery.spacing-0 {
margin-left: -0px;
margin-right: -0px; }
.basel-images-gallery.spacing-0 .basel-gallery-item {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px; }
.basel-images-gallery.spacing-2 {
margin-left: -1px;
margin-right: -1px; }
.basel-images-gallery.spacing-2 .basel-gallery-item {
padding-left: 1px;
padding-right: 1px;
margin-bottom: 2px; }
.basel-images-gallery.spacing-6 {
margin-left: -3px;
margin-right: -3px; }
.basel-images-gallery.spacing-6 .basel-gallery-item {
padding-left: 3px;
padding-right: 3px;
margin-bottom: 6px; }
.basel-images-gallery.spacing-10 {
margin-left: -5px;
margin-right: -5px; }
.basel-images-gallery.spacing-10 .basel-gallery-item {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px; }
.basel-images-gallery.spacing-20 {
margin-left: -10px;
margin-right: -10px; }
.basel-images-gallery.spacing-20 .basel-gallery-item {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px; }
.basel-images-gallery.spacing-30 {
margin-left: -15px;
margin-right: -15px; }
.basel-images-gallery.spacing-30 .basel-gallery-item {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px; }
.basel-row-divider {
position: relative;
margin-left: -15px;
margin-right: -15px;
z-index: 1; }
.basel-row-divider svg {
display: block; }
.basel-row-divider.dvr-position-top svg {
margin-top: -1px; }
.basel-row-divider.dvr-position-bottom svg {
margin-bottom: -1px; }
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
.basel-row-divider.dvr-position-top svg {
margin-top: 0; }
.basel-row-divider.dvr-position-bottom svg {
margin-bottom: 0; } }
.dvr-style-paint-stroke svg {
height: 2vw; }
.dvr-style-waves-small svg,
.dvr-style-waves-wide svg,
.dvr-style-triangle svg {
height: 3vw; }
.dvr-style-clouds svg {
height: 6vw; }
.dvr-style-curved-line svg,
.dvr-style-diagonal-left svg,
.dvr-style-diagonal-right svg,
.dvr-style-half-circle svg {
height: 50px; }
.dvr-overlap-enable svg {
position: absolute;
left: 0; }
.dvr-overlap-enable.dvr-position-top svg {
top: 100%; }
.dvr-overlap-enable.dvr-position-bottom svg {
bottom: 100%; }
.basel-timeline-wrapper {
position: relative;
padding-top: 50px;
margin-bottom: 50px; }
.basel-timeline-line {
position: absolute;
top: 0;
bottom: -50px;
transform: translateX(-1px);
left: 50%;
width: 2px; }
.basel-timeline-line .dot-start,
.basel-timeline-line .dot-end {
position: absolute;
left: 50%;
transform: translateX(-4px);
width: 8px;
height: 8px;
border-radius: 50%;
box-shadow: inset 100px 100px rgba(0, 0, 0, 0.1); }
.basel-timeline-line .dot-start {
top: 0; }
.basel-timeline-line .dot-end {
bottom: 0; }
.basel-timeline-breakpoint {
margin-bottom: 50px;
text-align: center; }
.basel-timeline-breakpoint-title {
position: relative;
display: inline-block;
padding: 8px 25px;
font-size: 16px;
font-weight: bold;
line-height: 1;
z-index: 1;
border-radius: 5px;
border: solid 2px #FFF;
color: #FFF; }
.color-scheme-light .basel-timeline-breakpoint-title {
color: #000; }
.basel-timeline-item {
position: relative;
margin-bottom: 50px;
margin-left: 30px;
margin-right: 30px; }
.basel-timeline-item h1, .basel-timeline-item h2, .basel-timeline-item h3, .basel-timeline-item h4, .basel-timeline-item h5, .basel-timeline-item h6, .basel-timeline-item p {
margin-bottom: 15px; }
.basel-timeline-item h1:first-child:empty, .basel-timeline-item h2:first-child:empty, .basel-timeline-item h3:first-child:empty, .basel-timeline-item h4:first-child:empty, .basel-timeline-item h5:first-child:empty, .basel-timeline-item h6:first-child:empty, .basel-timeline-item p:first-child:empty {
display: none; }
.basel-timeline-item h1:last-child, .basel-timeline-item h2:last-child, .basel-timeline-item h3:last-child, .basel-timeline-item h4:last-child, .basel-timeline-item h5:last-child, .basel-timeline-item h6:last-child, .basel-timeline-item p:last-child {
margin-bottom: 0; }
.basel-timeline-item .timeline-secondary .basel-timeline-content h1, .basel-timeline-item .timeline-secondary .basel-timeline-content h2, .basel-timeline-item .timeline-secondary .basel-timeline-content h3, .basel-timeline-item .timeline-secondary .basel-timeline-content h4, .basel-timeline-item .timeline-secondary .basel-timeline-content h5, .basel-timeline-item .timeline-secondary .basel-timeline-content h6, .basel-timeline-item .timeline-secondary .basel-timeline-content p {
margin-bottom: 0; }
.basel-timeline-item .basel-timeline-title:empty,
.basel-timeline-item .basel-timeline-content:empty {
display: none; }
.basel-timeline-item .basel-timeline-image {
display: inline-block;
overflow: hidden; }
.basel-timeline-item .basel-timeline-content,
.basel-timeline-item .basel-timeline-image {
margin-bottom: 15px; }
.basel-timeline-item .timeline-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.basel-item-position-left,
.basel-item-position-right {
display: flex;
align-items: center; }
.basel-item-position-left .timeline-primary,
.basel-item-position-left .timeline-secondary,
.basel-item-position-right .timeline-primary,
.basel-item-position-right .timeline-secondary {
position: relative;
width: 50%;
max-width: 50%;
flex-basis: 50%;
background-color: #FFF;
box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.15);
padding: 30px 30px 15px 30px; }
.basel-item-position-left .timeline-primary .timeline-arrow,
.basel-item-position-left .timeline-secondary .timeline-arrow,
.basel-item-position-right .timeline-primary .timeline-arrow,
.basel-item-position-right .timeline-secondary .timeline-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #FFF; }
.basel-item-position-left .timeline-primary .timeline-arrow:before,
.basel-item-position-left .timeline-secondary .timeline-arrow:before,
.basel-item-position-right .timeline-primary .timeline-arrow:before,
.basel-item-position-right .timeline-secondary .timeline-arrow:before {
font-size: 20px;
font-family: "basel-font";
color: inherit; }
.basel-item-position-left {
flex-direction: row; }
.basel-item-position-left .timeline-primary {
margin-right: 30px;
text-align: right; }
.basel-item-position-left .timeline-primary .timeline-arrow {
left: calc(100% - 1px); }
.basel-item-position-left .timeline-primary .timeline-arrow:before {
content: "\f9da";
text-shadow: 5px 1px 9px rgba(0, 0, 0, 0.15); }
.basel-item-position-left .timeline-secondary {
margin-left: 30px;
text-align: left; }
.basel-item-position-left .timeline-secondary .timeline-arrow {
right: calc(100% - 1px); }
.basel-item-position-left .timeline-secondary .timeline-arrow:before {
content: "\f9d9";
text-shadow: -5px 1px 9px rgba(0, 0, 0, 0.15); }
.basel-item-position-right {
flex-direction: row-reverse; }
.basel-item-position-right .timeline-primary {
margin-left: 30px;
text-align: left; }
.basel-item-position-right .timeline-primary .timeline-arrow {
right: calc(100% - 1px); }
.basel-item-position-right .timeline-primary .timeline-arrow:before {
content: "\f9d9";
text-shadow: -5px 1px 9px rgba(0, 0, 0, 0.15); }
.basel-item-position-right .timeline-secondary {
margin-right: 30px;
text-align: right; }
.basel-item-position-right .timeline-secondary .timeline-arrow {
left: calc(100% - 1px); }
.basel-item-position-right .timeline-secondary .timeline-arrow:before {
content: "\f9da";
text-shadow: 5px 1px 9px rgba(0, 0, 0, 0.15); }
.basel-item-position-full-width {
position: relative;
background-color: #FFF;
box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.15);
text-align: center;
margin-top: 30px; }
.basel-item-position-full-width .timeline-primary {
padding: 30px 30px 1px 30px; }
.basel-item-position-full-width .timeline-primary .timeline-arrow {
position: absolute;
top: -8px;
left: 50%;
height: 8px;
transform: translateX(-50%); }
.basel-item-position-full-width .timeline-primary .timeline-arrow:before {
content: "\f9d8";
font-family: "basel-font";
line-height: 8px;
font-size: 20px;
color: inherit;
text-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15); }
.basel-item-position-full-width .timeline-secondary {
margin-top: -1px;
padding: 0 30px 15px 30px; }
.basel-item-position-full-width .basel-timeline-dot {
top: -30px; }
.basel-timeline-dot {
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
border-radius: 50%;
margin-top: -6px;
margin-left: -6px;
border: solid 2px #FFF; }
.basel-timeline-item + .basel-item-position-full-width,
.basel-timeline-breakpoint + .basel-item-position-full-width {
margin-top: 80px; }
.basel-list {
margin-bottom: 35px; }
.basel-list ul {
padding-left: 0 !important; }
.basel-list ul li {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center; }
.basel-list ul li:not(:last-child) {
margin-bottom: 15px; }
.basel-list ul li:before {
display: none; }
.basel-list .list-icon {
flex: 0 0 auto;
margin-right: 10px;
text-align: center;
vertical-align: middle; }
.basel-list .list-content {
flex: 1 1 auto; }
.basel-list-type-ordered ul {
counter-reset: item; }
.basel-list-type-ordered ul li {
list-style: none; }
.basel-list-type-ordered ul li .list-icon {
font-weight: 600; }
.basel-list-type-ordered ul li .list-icon:before {
content: counter(item) ".";
counter-increment: item; }
.basel-list-type-unordered ul li {
list-style: none; }
.basel-list-type-unordered ul li .list-icon {
font-size: 60%;
font-weight: 600; }
.basel-list-type-unordered ul li .list-icon:before {
content: "\f954";
font-family: "basel-font"; }
.basel-list-style-rounded .list-icon {
border-radius: 100px; }
.basel-text-size-small ul {
font-size: 12px; }
.basel-text-size-small.basel-list-shape-icon .list-icon {
min-width: 22px;
height: 22px;
line-height: 22px;
font-size: 12px; }
.basel-text-size-small.basel-list-shape-icon.basel-list-type-unordered .list-icon {
font-size: 8px; }
.basel-text-size-default.basel-list-shape-icon .list-icon {
min-width: 25px;
height: 25px;
line-height: 25px;
font-size: 14px; }
.basel-text-size-default.basel-list-shape-icon.basel-list-type-unordered .list-icon {
font-size: 10px; }
.basel-text-size-medium ul {
font-size: 16px; }
.basel-text-size-medium.basel-list-shape-icon .list-icon {
min-width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px; }
.basel-text-size-medium.basel-list-shape-icon.basel-list-type-unordered .list-icon {
font-size: 12px; }
.basel-text-size-large ul {
font-size: 18px; }
.basel-text-size-large.basel-list-shape-icon .list-icon {
min-width: 35px;
height: 35px;
line-height: 35px;
font-size: 18px; }
.basel-text-size-large.basel-list-shape-icon.basel-list-type-unordered .list-icon {
font-size: 14px; }
.basel-text-size-extra-large ul {
font-size: 24px; }
.basel-text-size-extra-large.basel-list-shape-icon .list-icon {
min-width: 45px;
height: 45px;
line-height: 45px;
font-size: 24px; }
.basel-text-size-extra-large.basel-list-shape-icon.basel-list-type-unordered .list-icon {
font-size: 20px; }
.basel-slider-wrapper.basel-full-width-content .container,
.basel-slider-wrapper.basel-full-width-content .basel-slide-inner {
margin: 0;
padding: 0;
max-width: none;
width: 100%; }
.basel-slider {
overflow: hidden; }
.slider-in-container .basel-slide-container {
width: 100%;
padding-left: 5%;
padding-right: 5%; }
.basel-slide {
display: flex;
flex-direction: row;
align-items: stretch;
overflow: hidden;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.basel-slide .basel-slide-container {
display: flex;
flex-direction: column;
align-items: stretch;
padding-top: 35px;
padding-bottom: 35px; }
.basel-slide .basel-slide-container:after, .basel-slide .basel-slide-container:before {
content: none; }
.basel-slide .basel-slide-inner {
position: relative;
width: 100%; }
.slide-valign-top .basel-slide-container {
justify-content: flex-start; }
.slide-valign-middle .basel-slide-container {
justify-content: center; }
.slide-valign-bottom .basel-slide-container {
justify-content: flex-end; }
.slide-halign-left .basel-slide-container {
align-items: flex-start; }
.slide-halign-center .basel-slide-container {
align-items: center; }
.slide-halign-right .basel-slide-container {
align-items: flex-end; }
.basel-slider .owl-nav > div.owl-prev {
left: 25px;
padding-right: 4px; }
.basel-slider .owl-nav > div.owl-next {
right: 25px;
padding-left: 4px; }
.basel-slider .owl-nav > div:before {
width: 51px; }
.basel-slider:after, .basel-slider:before {
content: none; }
.basel-slider:hover .owl-nav > div.owl-prev {
left: 0; }
.basel-slider:hover .owl-nav > div.owl-next {
right: 0; }
.arrows-style-2 .owl-nav > div,
.arrows-style-3 .owl-nav > div {
background-color: #FFF;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); }
.arrows-style-2 .owl-nav > div:before,
.arrows-style-3 .owl-nav > div:before {
font-size: 26px; }
.arrows-style-2.pagin-color-light .owl-nav > div,
.arrows-style-3.pagin-color-light .owl-nav > div {
background-color: #111111; }
.arrows-style-3 .basel-slider .owl-nav > div {
border-radius: 50%; }
.arrows-style-3 .basel-slider .owl-nav > div.owl-prev {
left: 40px; }
.arrows-style-3 .basel-slider .owl-nav > div.owl-next {
right: 40px; }
.arrows-style-3 .basel-slider:hover .owl-nav > div.owl-prev {
left: 15px; }
.arrows-style-3 .basel-slider:hover .owl-nav > div.owl-next {
right: 15px; }
.arrows-style-3.pagin-color-dark .owl-nav > div {
color: rgba(0, 0, 0, 0.8); }
.arrows-style-3.pagin-color-dark .owl-nav > div:hover {
color: rgba(0, 0, 0, 0.5); }
.basel-slider .owl-dots {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin-top: 0;
padding-bottom: 5px;
text-align: center;
animation: fade-in .6s ease; }
.pagin-style-2 .owl-dots {
counter-reset: section;
padding-bottom: 15px; }
.pagin-style-2 .owl-dots .owl-dot {
padding: 2px 15px;
white-space: nowrap;
line-height: 1;
color: #4E4E4E; }
.pagin-style-2 .owl-dots .owl-dot:before, .pagin-style-2 .owl-dots .owl-dot:after {
display: inline-block;
vertical-align: middle;
color: inherit; }
.pagin-style-2 .owl-dots .owl-dot:before {
counter-increment: section;
content: "0" counter(section);
margin-right: 5px;
font-size: 15px;
font-weight: 600; }
.pagin-style-2 .owl-dots .owl-dot:after {
content: "";
height: 2px;
width: 15px;
background-color: currentColor;
transition: width .3s ease; }
.pagin-style-2 .owl-dots .owl-dot span {
display: none; }
.pagin-style-2 .owl-dots .owl-dot:hover:after {
width: 35px; }
.pagin-style-2 .owl-dots .owl-dot.active:after {
width: 45px; }
.pagin-style-2.pagin-color-light .owl-dots .owl-dot {
color: #FFF; }
.basel-slider .slide-animation {
opacity: 0;
will-change: transform, opacity;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: opacity .8s ease, transform .8s ease; }
.basel-slider .anim-slide-from-top {
transform: translateY(-150px); }
.basel-slider .anim-slide-from-bottom {
transform: translateY(150px); }
.basel-slider .anim-slide-from-left {
transform: translateX(-500px); }
.basel-slider .anim-slide-from-right {
transform: translateX(500px); }
.basel-slider .anim-zoom-in {
transform: scale(0.6); }
.basel-slider .anim-bottom-flip-x {
transform: translateY(100px) rotate3d(1, 0, 0, 90deg) scale(0.6); }
.basel-slider .anim-top-flip-x {
transform: translateY(-100px) rotate3d(1, 0, 0, 90deg) scale(0.6); }
.basel-slider .anim-left-flip-y {
transform: translateX(-100px) rotate3d(0, 1, 0, -90deg) scale(0.6); }
.basel-slider .anim-right-flip-y {
transform: translateX(100px) rotate3d(0, 1, 0, 90deg) scale(0.6); }
.basel-slider .active .slide-animation {
opacity: 1; }
.basel-slider .active .anim-slide-from-top,
.basel-slider .active .anim-slide-from-bottom,
.basel-slider .active .anim-slide-from-left,
.basel-slider .active .anim-slide-from-right,
.basel-slider .active .anim-zoom-in {
transform: none; }
.basel-slider .active .anim-bottom-flip-x {
transform: perspective(1000px) translateY(0) rotate3d(1, 0, 0, 0deg) scale(1); }
.basel-slider .active .anim-top-flip-x {
transform: perspective(1000px) translateY(0) rotate3d(1, 0, 0, 0deg) scale(1); }
.basel-slider .active .anim-left-flip-y {
transform: perspective(1000px) translateY(0px) rotate3d(0, 1, 0, 0deg) scale(1); }
.basel-slider .active .anim-right-flip-y {
transform: perspective(1000px) translateY(0px) rotate3d(0, 1, 0, 0deg) scale(1); }
.basel-slider .pseudo-active .slide-animation {
opacity: 1;
transition: none;
transform: none; }
.basel-threed-view {
position: relative;
overflow: hidden;
margin: 0 auto;
cursor: ew-resize;
cursor: -webkit-grab; }
.basel-threed-view:active {
cursor: ew-resize;
cursor: -webkit-grabbing; }
.basel-threed-view:after {
content: '';
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
height: 50%;
z-index: 5;
border-bottom: 5px solid rgba(175, 175, 175, 0.15);
border-top: 2px solid rgba(175, 175, 175, 0.05);
border-right: 2px solid rgba(175, 175, 175, 0.1);
border-left: 2px solid rgba(175, 175, 175, 0.1);
border-radius: 50%; }
.basel-threed-view .threed-title {
position: relative;
padding-top: 20px;
z-index: 40;
text-align: center; }
.basel-threed-view .threed-view-images {
display: none;
list-style: none;
margin: 0;
padding: 0; }
.basel-threed-view .threed-view-images img {
position: absolute;
top: 0;
width: 100%;
height: auto; }
.basel-threed-view .threed-view-images img.previous-image {
visibility: hidden; }
.basel-threed-view .threed-view-images img.current-image {
visibility: visible; }
.basel-threed-view .spinner {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
display: block;
margin: 0 auto;
color: #000;
font-weight: bolder;
background: rgba(255, 255, 255, 0.7);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
border-radius: 50%; }
.basel-threed-view .spinner span {
line-height: 60px; }
.basel-threed-view .nav_bar {
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -67.5px;
z-index: 11;
background-color: #FFF;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); }
.basel-threed-view .nav_bar a {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 0;
text-align: center;
text-decoration: none; }
.basel-threed-view .nav_bar a:hover {
background-color: #f9f9f9; }
.basel-threed-view .nav_bar a:after {
font-size: 18px;
font-family: 'simple-line-icons'; }
.basel-threed-view .nav_bar a.nav_bar_play:after {
content: "\e071"; }
.basel-threed-view .nav_bar a.nav_bar_previous:after {
content: "\e605"; }
.basel-threed-view .nav_bar a.nav_bar_stop:after {
content: "\e072"; }
.basel-threed-view .nav_bar a.nav_bar_next:after {
content: "\e606"; }
.basel-toolbar {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 350;
display: flex;
align-items: center;
justify-content: space-between;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding: 5px;
height: 55px;
background-color: #FFF;
box-shadow: 0 0px 9px rgba(0, 0, 0, 0.12); }
.basel-toolbar > a,
.basel-toolbar > div {
flex: 1 0 20%; }
.basel-toolbar > div a {
transition: none; }
.basel-toolbar > a,
.basel-toolbar > div a,
.basel-toolbar .basel-burger-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
text-decoration: none; }
.basel-toolbar > a:hover .basel-toolbar-label,
.basel-toolbar > div a:hover .basel-toolbar-label,
.basel-toolbar .basel-burger-icon:hover .basel-toolbar-label {
color: rgba(76, 76, 76, 0.7); }
.basel-toolbar .basel-sticky-sidebar-opener {
display: none;
padding-right: 10px;
padding-left: 10px; }
.basel-toolbar .basel-sticky-sidebar-opener svg {
height: 19px;
margin: 0 !important; }
.basel-toolbar .basel-sticky-sidebar-opener:after {
height: 20px;
font-size: 19px !important;
line-height: 1 !important;
margin: 0; }
.basel-toolbar.basel-toolbar-label-show > a,
.basel-toolbar.basel-toolbar-label-show > div a,
.basel-toolbar.basel-toolbar-label-show .basel-burger-icon {
padding-bottom: 15px;
height: 45px; }
.basel-toolbar.basel-toolbar-label-show .basel-toolbar-label {
display: block; }
.basel-toolbar-label {
position: absolute;
right: 10px;
bottom: 5px;
left: 10px;
display: none;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
font-weight: 600;
font-size: 11px !important;
line-height: 1 !important;
transition: all .25s ease;
white-space: nowrap; }
.basel-toolbar-item > a {
padding-right: 10px;
padding-left: 10px;
color: #4C4C4C;
line-height: 1; }
.basel-toolbar-item > a:before {
display: inline-block;
font-weight: 400;
font-style: normal;
font-size: 19px;
font-family: 'Simple-Line-Icons'; }
.basel-toolbar-shop > a:before {
content: "\e06a"; }
.basel-toolbar-blog > a:before {
content: "\e04c"; }
.basel-toolbar-home a:before {
content: "\e069"; }
.basel-toolbar-compare a:before {
content: "\e098"; }
.basel-toolbar-compare .compare-count {
padding: 0;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 50%;
background-color: #1aada3;
overflow: hidden;
position: absolute;
z-index: 1;
font-size: 10px;
color: #FFF;
top: -2px;
left: calc(50% + 12px);
transform: translateX(-50%); }
.basel-toolbar-account a:before {
content: "\e005"; }
.basel-toolbar-link:not(.basel-with-icon) > a:before {
content: "\e09a";
font-family: 'Simple-Line-Icons'; }
.basel-toolbar-icon {
display: inline-block;
transition: all .25s ease; }
.basel-toolbar-icon img {
width: auto;
height: 20px; }
.basel-cookies-popup {
position: fixed;
bottom: 0;
left: 0;
z-index: 1100;
width: 100%;
padding: 15px 30px;
background-color: rgba(0, 0, 0, 0.9);
border-top: 2px solid rgba(255, 255, 255, 0.1);
color: #FFF;
opacity: 0;
visibility: hidden;
transform: translate3d(0, 100%, 0);
transition: all 0.4s cubic-bezier(0.784, 0.134, 0.14, 0.85); }
.basel-cookies-popup.popup-display {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0); }
.basel-cookies-popup.popup-hide {
opacity: 0;
visibility: hidden; }
.basel-cookies-inner {
display: flex;
align-items: center;
justify-content: space-between; }
.basel-cookies-inner .cookies-buttons {
flex-shrink: 0; }
.basel-cookies-inner .cookies-info-text {
padding-right: 30px;
line-height: 1.4; }
.cookies-buttons > a {
margin-right: 20px; }
.cookies-buttons > a:last-child {
margin-right: 0; }
.cookies-buttons .cookies-more-btn {
display: inline-block;
color: #FFF;
padding-top: 1px;
padding-bottom: 1px;
position: relative; }
.cookies-buttons .cookies-more-btn:after {
content: " ";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: #FFF;
transition: width .2s ease; }
.cookies-buttons .cookies-more-btn:hover {
text-decoration: none; }
.cookies-buttons .cookies-more-btn:hover:after {
width: 100%;
left: 0; }
.cookies-buttons .cookies-accept-btn {
display: inline-block;
font-size: 12px;
line-height: 16px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 14px;
padding-right: 14px;
text-transform: uppercase;
letter-spacing: .3px;
border-radius: 0;
border: 2px solid #FFF;
color: #FFF;
text-decoration: none;
text-align: center;
transition: all .25s ease-in-out; }
.woocommerce-demo-store .basel-cookies-popup.popup-display {
transform: translate3d(0, -42px, 0); }
.basel-promo-popup,
.basel-content-popup,
.basel-sizeguide {
display: none;
max-width: 900px;
margin: 0 auto;
background: #FFF;
padding: 20px;
position: relative;
opacity: 0;
transform: translateY(50px);
transition: all .4s ease; }
.basel-promo-popup .mfp-close,
.basel-content-popup .mfp-close,
.basel-sizeguide .mfp-close {
font-size: 0;
cursor: pointer;
padding-right: 36px;
opacity: 1; }
.basel-promo-popup .mfp-close:after, .basel-promo-popup .mfp-close:before,
.basel-content-popup .mfp-close:after,
.basel-content-popup .mfp-close:before,
.basel-sizeguide .mfp-close:after,
.basel-sizeguide .mfp-close:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5px;
width: 30px;
height: 1px;
display: inline-block;
background-color: black;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.basel-promo-popup .mfp-close:after,
.basel-content-popup .mfp-close:after,
.basel-sizeguide .mfp-close:after {
transform: rotate(-45deg); }
.basel-promo-popup .mfp-close:before,
.basel-content-popup .mfp-close:before,
.basel-sizeguide .mfp-close:before {
transform: rotate(45deg); }
.basel-promo-popup .mfp-close:after, .basel-promo-popup .mfp-close:before,
.basel-content-popup .mfp-close:after,
.basel-content-popup .mfp-close:before,
.basel-sizeguide .mfp-close:after,
.basel-sizeguide .mfp-close:before {
right: 9px; }
.mfp-wrap .basel-promo-popup, .mfp-wrap
.basel-content-popup, .mfp-wrap
.basel-sizeguide {
display: block; }
.basel-popup-effect.mfp-ready .basel-promo-popup, .basel-popup-effect.mfp-ready
.basel-content-popup, .basel-popup-effect.mfp-ready
.basel-sizeguide {
transform: translateY(0px);
opacity: 1; }
.basel-popup-effect.mfp-removing .basel-promo-popup, .basel-popup-effect.mfp-removing
.basel-content-popup, .basel-popup-effect.mfp-removing
.basel-sizeguide {
transform: translateY(-50px);
opacity: 0; }
.basel-sticky-social {
position: fixed;
top: 50%;
display: flex;
flex-direction: column;
z-index: 399;
transition: transform .3s ease; }
.basel-sticky-social .basel-social-icon-name {
white-space: nowrap;
max-width: 0;
padding: 0;
overflow: hidden;
font-size: 14px;
font-weight: 600;
transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15), max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); }
.basel-sticky-social li[class^="social"] {
display: block;
width: auto;
border-radius: 0;
margin: 0 !important; }
.basel-sticky-social li[class^="social"] a {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
width: auto;
min-width: 40px; }
.basel-sticky-social li[class^="social"] a:hover {
text-decoration: none; }
.basel-sticky-social li[class^="social"] i {
width: 40px; }
.basel-sticky-social li[class^="social"]:hover .basel-social-icon-name {
max-width: 220px; }
.basel-sticky-social.icons-design-colored li[class^="social"] a:hover {
opacity: 1; }
.basel-sticky-social:not(.icons-design-default) li[class^="social"] a {
width: auto;
height: 40px; }
.basel-sticky-social:not(.icons-design-default) li[class^="social"] i {
line-height: 40px; }
.document-ready .basel-sticky-social {
transform: translate3d(0, -50%, 0); }
.basel-sticky-social-right {
right: 0;
align-items: flex-end;
transform: translate3d(100%, -50%, 0); }
.basel-sticky-social-right li[class^="social"] a {
flex-direction: row-reverse; }
.basel-sticky-social-right li[class^="social"]:hover .basel-social-icon-name {
padding-left: 15px; }
.basel-sticky-social-left {
left: 0;
align-items: flex-start;
transform: translate3d(-100%, -50%, 0); }
.basel-sticky-social-left li[class^="social"]:hover .basel-social-icon-name {
padding-right: 15px; }
.basel-lazy-load {
transition: all .3s ease;
transform: translateZ(0); }
.owl-carousel .basel-lazy-load {
transform: none; }
.basel-lazy-fade {
opacity: 0; }
.basel-lazy-fade.basel-loaded {
opacity: 1; }
.header-banner-enabled .website-wrapper {
margin-top: 0;
transition: margin-top .6s ease; }
.header-banner-display .header-banner {
opacity: 1;
transition: opacity 0s ease; }
.header-banner-display .website-wrapper {
transition: margin-top .6s ease .25s; }
.header-banner {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
display: flex;
flex-direction: column;
justify-content: center;
z-index: -1;
overflow: hidden;
transition: opacity 0s ease .6s; }
.header-banner-container > p,
.header-banner-container > h1 > h2,
.header-banner-container > h3,
.header-banner-container > h4,
.header-banner-container > h5,
.header-banner-container > h6 > ul,
.header-banner-container > ol {
margin-bottom: 10px; }
.header-banner-container > p:last-child,
.header-banner-container > h1 > h2:last-child,
.header-banner-container > h3:last-child,
.header-banner-container > h4:last-child,
.header-banner-container > h5:last-child,
.header-banner-container > h6 > ul:last-child,
.header-banner-container > ol:last-child {
margin-bottom: 0; }
.header-banner-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.close-header-banner {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 60px;
cursor: pointer;
padding-left: 21px;
padding-left: 0; }
.close-header-banner:after, .close-header-banner:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
width: 15px;
height: 2px;
display: inline-block;
background-color: white;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.close-header-banner:after, .close-header-banner:before {
left: 50%;
margin-left: -7px; }
.close-header-banner:after {
transform: rotate(-45deg); }
.close-header-banner:before {
transform: rotate(45deg); }
.close-header-banner:hover, .close-header-banner:focus {
opacity: .6; }
.close-header-banner + .header-banner-link {
right: 60px; }
.color-scheme-dark .close-header-banner:after, .color-scheme-dark .close-header-banner:before {
background-color: #4C4C4C; }
@media (min-width: 782px) {
.admin-bar .header-banner {
top: 32px; } }
@media (max-width: 782px) {
.admin-bar .header-banner {
top: 46px; } }
.scrollToTop {
width: 45px;
height: 45px;
text-align: center;
color: #000;
z-index: 350;
font-size: 0;
border: 1px solid #000;
border-radius: 50%;
text-decoration: none;
background-color: #FFF;
position: fixed;
bottom: 75px;
right: 40px;
visibility: hidden;
opacity: 0;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: scale(1);
transition: .2s all ease; }
.scrollToTop.button-show {
visibility: visible;
opacity: 1; }
.scrollToTop .basel-tooltip-label {
display: none; }
.scrollToTop:after {
content: "\e607";
display: inline-block;
font-size: 18px;
line-height: 42px;
font-family: 'simple-line-icons'; }
.scrollToTop:hover {
text-decoration: none;
color: #FFF;
transform: scale(0.91); }
.basel-sticky-sidebar-opener:not(.sticky-toolbar) {
position: fixed;
display: none;
top: 30%;
left: 0;
width: 50px;
height: 50px;
text-align: center;
z-index: 350;
font-size: 0;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-style: solid;
border-color: #000;
background-color: #FFF;
transition: .2s all ease; }
.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover {
text-decoration: none;
fill: #FFF; }
.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover svg {
fill: #FFF; }
.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover:not(.shop-sidebar-opener):after {
color: #FFF; }
.basel-sticky-sidebar-opener svg {
fill: #000;
width: 18px;
height: 50px;
margin-left: -5px;
transition: .2s all ease; }
.basel-sticky-sidebar-opener:not(.shop-sidebar-opener):after {
content: "\e603";
display: inline-block;
font-family: "simple-line-icons";
font-size: 20px;
line-height: 48px;
margin-left: -4px; }
.shop-sidebar-opener:not(.sticky-toolbar) {
opacity: 0;
pointer-events: none;
transform: translateX(-100%);
backface-visibility: hidden; }
.basel-sidebar-btn-shown:not(.sticky-toolbar) {
pointer-events: visible;
pointer-events: unset;
opacity: 1;
transform: none; }
aside.sidebar-container.show-hidden-sidebar {
pointer-events: visible;
pointer-events: unset;
opacity: 1;
transform: none; }
body.basel-show-hidden-sidebar .area-sidebar-shop {
transform: none; }
.basel-close-sidebar-btn {
display: none;
flex: 0 0 auto;
padding: 16px 20px;
background-color: #000;
text-align: right; }
.basel-close-sidebar-btn span {
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
letter-spacing: .6px;
line-height: 35px;
position: relative;
color: #FFF;
cursor: pointer;
padding-right: 21px; }
.basel-close-sidebar-btn span:after, .basel-close-sidebar-btn span:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
width: 15px;
height: 2px;
display: inline-block;
background-color: white;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.basel-close-sidebar-btn span:after {
transform: rotate(0deg); }
.basel-close-sidebar-btn span:before {
transform: rotate(0deg); }
.basel-close-sidebar-btn span:hover:after {
transform: rotate(-45deg); }
.basel-close-sidebar-btn span:hover:before {
transform: rotate(45deg); }
.mobile-nav .basel-close-sidebar-btn {
display: block;
height: 67px; }
.error404 .site-content {
padding-bottom: 20px; }
.error404 .page-header {
border-bottom: 0;
padding-bottom: 0;
margin: 0;
margin-bottom: 10px;
position: relative;
overflow: hidden; }
.error404 .page-header:before {
content: "404";
top: 0;
left: 50%;
position: absolute;
color: rgba(142, 142, 142, 0.15);
font-size: 400px;
line-height: 320px;
font-weight: bold;
transform: translateX(-50%); }
.error404 .page-title {
border-bottom: none;
margin-bottom: 0;
margin-top: 0;
padding: 115px 0;
text-align: center;
text-transform: uppercase;
opacity: .8;
letter-spacing: 3px;
font-size: 75px;
font-weight: bold; }
.error404 .page-content {
text-align: center; }
.error404 .page-content h3 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px; }
.error404 .page-content h6 {
font-size: 16px;
color: #6C6C6C;
margin-bottom: 30px; }
.error404 .page-content > .searchform {
max-width: 350px;
width: 100%;
margin: 0 auto;
position: relative; }
.error404 .page-content > .searchform input[type="text"] {
padding-right: 105px; }
.error404 .page-content > .searchform #searchsubmit {
position: absolute;
top: 0;
right: 0;
color: #FFF; }
.error404 .page-content > .searchform #searchsubmit:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.search-no-results .not-found .entry-header {
text-align: center; }
.search-no-results .not-found .entry-header:before {
content: "\f902";
font-family: "basel-font";
display: inline-block;
font-size: 100px;
opacity: .8;
margin-bottom: 20px; }
.search-no-results .not-found .entry-header .entry-title {
text-transform: uppercase;
letter-spacing: 1px; }
.search-no-results .not-found .entry-content {
text-align: center; }
.search-no-results .not-found .entry-content > p {
font-size: 14px;
margin-bottom: 30px; }
.search-no-results .not-found .entry-content .searchform {
max-width: 350px;
width: 100%;
margin: 0 auto;
margin-bottom: 30px;
position: relative; }
.search-no-results .not-found .entry-content .searchform input[type="text"] {
padding-right: 105px; }
.search-no-results .not-found .entry-content .searchform #searchsubmit {
position: absolute;
top: 0;
right: 0;
color: #FFF; }
.search-no-results .not-found .entry-content .searchform #searchsubmit:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.search-no-results.woocommerce .page-title .breadcrumbs,
.search-no-results.woocommerce .page-title .yoast-breadcrumb {
display: none; }
.search-no-results.woocommerce .woocommerce-info {
font-size: 18px;
text-transform: uppercase;
text-align: center;
font-weight: bold !important;
color: #1B1919;
border: none;
background-color: transparent;
padding: 0;
margin-bottom: 5px; }
.search-no-results.woocommerce .woocommerce-info:before {
content: "\f902";
font-family: "basel-font";
display: inline-block;
font-size: 80px;
font-weight: normal;
line-height: 100px;
vertical-align: middle;
opacity: .8;
margin-right: 10px;
position: static; }
.no-results {
text-align: center;
padding: 20px 0 20px; }
.no-results .searchform {
max-width: 350px;
position: relative;
margin: 0 auto; }
.no-results .searchform #searchsubmit {
position: absolute;
top: 0;
right: 0;
color: #FFF; }
.no-results .searchform #searchsubmit:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.no-results .entry-title {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 38px;
font-weight: bold !important; }
.no-products-footer {
text-align: center; }
.no-products-footer .search-extended {
max-width: 350px;
width: 100%;
display: inline-block; }
.search-results .page-title .entry-header .breadcrumbs,
.search-results .page-title .entry-header .yoast-breadcrumb,
.search-no-results .page-title .entry-header .breadcrumbs,
.search-no-results .page-title .entry-header .yoast-breadcrumb {
display: none; }
.basel-row-gradient-enable {
position: relative; }
.basel-row-gradient {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.woocommerce-message .button {
float: right;
color: #FFF;
text-decoration: none;
font-weight: bold;
background-color: transparent;
padding: 0;
border: none;
text-decoration: underline;
color: #328C34;
margin-left: 10px; }
.woocommerce-message .button:hover {
background-color: transparent; }
.woocommerce-error .button,
.woocommerce-info .button {
display: none; }
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
div.wpcf7-response-output,
.basel-notice,
div.wc-block-components-notice-banner {
position: relative;
border: 2px solid;
border-radius: 0;
overflow: hidden;
margin: 0 0 20px 0;
padding: 14px 25px 14px 55px;
line-height: 1.4;
font-size: 14px;
box-sizing: border-box; }
div.wc-block-components-notice-banner {
background-color: transparent !important;
padding: 14px 25px 14px 55px !important; }
div.wc-block-components-notice-banner > svg {
display: none; }
div.wc-block-components-notice-banner ul {
display: flex;
align-items: stretch;
flex-direction: column;
justify-content: center;
gap: 5px 7px;
width: 100%;
margin: 0 !important;
list-style: none; }
div.wc-block-components-notice-banner ul li {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px 7px;
margin-bottom: 0; }
div.wc-block-components-notice-banner > div {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px; }
.vc_color-info,
.vc_color-warning,
.vc_color-success,
.vc_color-danger,
.basel-notice,
div.wpcf7-response-output,
.woocommerce-error,
.woocommerce-message,
.woocommerce-info,
div.wc-block-components-notice-banner {
position: relative; }
.vc_color-info:before,
.vc_color-warning:before,
.vc_color-success:before,
.vc_color-danger:before,
.basel-notice:before,
div.wpcf7-response-output:before,
.woocommerce-error:before,
.woocommerce-message:before,
.woocommerce-info:before,
div.wc-block-components-notice-banner:before {
position: absolute;
top: 50%;
line-height: 0;
font-size: 18px;
font-family: "basel-font"; }
.vc_color-info .vc_message_box-icon,
.vc_color-warning .vc_message_box-icon,
.vc_color-success .vc_message_box-icon,
.vc_color-danger .vc_message_box-icon {
display: none; }
.woocommerce-error,
.woocommerce-info,
div.wpcf7-validation-errors,
.wpcf7-form:not(.send) .wpcf7-response-output,
.basel-info,
div.wc-block-components-notice-banner.is-error,
div.wc-block-components-notice-banner.is-info {
color: #AF7D27;
border-color: #E0B252;
background-color: transparent; }
.woocommerce-error a,
.woocommerce-info a,
div.wpcf7-validation-errors a,
.wpcf7-form:not(.send) .wpcf7-response-output a,
.basel-info a,
div.wc-block-components-notice-banner.is-error a,
div.wc-block-components-notice-banner.is-info a {
color: inherit;
text-decoration: underline; }
.woocommerce-error:before,
.woocommerce-info:before,
div.wpcf7-validation-errors:before,
.wpcf7-form:not(.send) .wpcf7-response-output:before,
.basel-info:before,
div.wc-block-components-notice-banner.is-error:before,
div.wc-block-components-notice-banner.is-info:before {
content: "\f971";
left: 24px; }
.woocommerce-message,
div.wc-block-components-notice-banner.is-success,
.wpcf7-mail-sent-ok,
.wpcf7-form.sent .wpcf7-response-output {
color: #3c763d;
border-color: #459647;
background-color: transparent; }
.woocommerce-message a,
div.wc-block-components-notice-banner.is-success a,
.wpcf7-mail-sent-ok a,
.wpcf7-form.sent .wpcf7-response-output a {
color: inherit;
text-decoration: underline; }
.woocommerce-message:before,
div.wc-block-components-notice-banner.is-success:before,
.wpcf7-mail-sent-ok:before,
.wpcf7-form.sent .wpcf7-response-output:before {
content: "\f90c";
left: 24px; }
.vc_message_box.vc_color-success:before {
content: "\f90c";
left: 24px; }
.vc_message_box.vc_color-warning:before {
content: "\f971";
left: 24px; }
.vc_message_box.vc_color-info:before {
content: "\f129";
left: 30px; }
.vc_message_box.vc_color-danger:before {
content: "\f957";
font-family: "basel-font";
left: 24px; }
.vc_message_box-rounded {
border-radius: 0; }
.wpb_accordion .wpb_accordion_section {
border: 1px solid #E6E6E6;
margin-bottom: 20px; }
.wpb_accordion .wpb_accordion_section .wpb_accordion_header {
background-color: transparent;
padding: 10px 20px;
cursor: pointer; }
.wpb_accordion .wpb_accordion_section .wpb_accordion_header > a {
letter-spacing: .5px;
font-size: 14px;
line-height: 1.6;
color: #818181;
padding: 0; }
.wpb_accordion .wpb_accordion_section .wpb_accordion_header .ui-accordion-header-icon {
right: 20px;
top: 50%;
transform: translateY(-50%); }
.wpb_accordion .wpb_accordion_section .wpb_accordion_header:focus {
outline: none; }
.wpb_accordion .wpb_accordion_section .wpb_accordion_header:hover a {
color: #4F4F4F; }
.wpb_accordion .wpb_accordion_section .ui-accordion-header-active {
cursor: default; }
.wpb_accordion .wpb_accordion_section .ui-accordion-header-active > a {
color: #252525;
cursor: default; }
.wpb_accordion .wpb_accordion_section .wpb_accordion_content {
padding: 5px 20px 20px 20px; }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
background-image: none;
text-align: center;
width: 12px;
height: 12px; }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after, .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before {
content: "";
display: inline-block;
background-color: #DFDFDF;
position: absolute;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after {
width: 100%;
height: 2px;
left: 0;
top: 50%;
transform: translate(0, -50%); }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before {
height: 100%;
width: 2px;
top: 0;
left: 50%;
transform: translate(-50%, 0); }
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before {
transform: rotate(90deg); }
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after {
top: 44%;
transform: rotate(-180deg); }
.wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li {
margin-right: 20px;
margin-bottom: 20px; }
.wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-state-active {
background-color: transparent; }
.wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-state-active a {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #A6A6A6;
display: inline;
color: #383838; }
.wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-state-active a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li > a {
font-size: 18px;
font-weight: 600;
padding-right: 2px;
padding-top: 5px;
padding-left: 2px;
color: #868686;
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline; }
.wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li > a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li > a:hover {
color: #383838; }
.wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover {
background-color: transparent; }
.wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {
letter-spacing: .3px;
background-color: transparent;
padding: 0; }
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav {
margin-bottom: 10px; }
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li {
margin-bottom: 10px;
border: 1px solid #E6E6E6; }
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-state-active {
background-color: transparent;
border: 1px solid #A6A6A6; }
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-state-active a {
color: #383838; }
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li > a {
font-size: 18px;
color: #868686; }
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li > a:hover {
color: #383838; }
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover {
background-color: transparent;
border: 1px solid #A6A6A6; }
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {
letter-spacing: .3px;
padding-left: 20px;
background-color: transparent; }
.parallax-yes {
background-size: cover; }
.attachment_fixed-yes {
background-attachment: fixed; }
.vc_row-full-width {
float: left;
width: 100%; }
.vc_row-no-padding .vc_row-fluid {
margin-right: 0;
margin-left: 0; }
.wpb_widgetised_column > .wpb_wrapper > *:last-child {
margin-bottom: 0; }
.widgetarea-head .wpb_widgetised_column {
margin-bottom: 0; }
body .basel-bg-left-top {
background-position: left top !important; }
body .basel-bg-left-center {
background-position: left center !important; }
body .basel-bg-left-bottom {
background-position: left bottom !important; }
body .basel-bg-right-top {
background-position: right top !important; }
body .basel-bg-right-center {
background-position: right center !important; }
body .basel-bg-right-bottom {
background-position: right bottom !important; }
body .basel-bg-center-top {
background-position: center top !important; }
body .basel-bg-center-center {
background-position: center center !important; }
body .basel-bg-center-bottom {
background-position: center bottom !important; }
body [class*="basel-bg-"] > .vc_column-inner {
background-position: inherit !important; }
.wpb_text_column ul,
.wpb_text_column ol {
padding-left: 40px;
margin-bottom: 20px;
line-height: 1.8; }
.wpb_text_column ul:not(.social-icons) > li {
position: relative; }
.wpb_text_column ul:not(.social-icons) > li:before {
content: "\f105";
font-family: "basel-font";
opacity: .7;
position: absolute;
top: 0;
left: -20px; }
.wpb_text_column ol {
list-style: decimal; }
.wpb_text_column li > ul,
.wpb_text_column li > ol {
margin-bottom: 0; }
.wpb_text_column ul.sub-menu,
.wpb_text_column ol.sub-menu,
.wpb_text_column ul.sub-sub-menu,
.wpb_text_column ol.sub-sub-menu {
margin-bottom: 0;
list-style: none;
line-height: 1.3; }
.wpb_text_column ul.sub-menu,
.wpb_text_column ul.sub-sub-menu,
.wpb_text_column ol.sub-sub-menu,
.wpb_text_column ol.sub-menu {
padding-left: 0; }
.wpb_text_column ul.sub-menu li,
.wpb_text_column ul.sub-sub-menu li,
.wpb_text_column ol.sub-sub-menu li,
.wpb_text_column ol.sub-menu li {
position: static; }
.wpb_text_column ul.sub-menu li:before,
.wpb_text_column ul.sub-sub-menu li:before,
.wpb_text_column ol.sub-sub-menu li:before,
.wpb_text_column ol.sub-menu li:before {
content: none; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top {
position: relative; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body {
height: auto !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
display: block !important;
overflow: visible; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container {
display: block !important; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-heading {
display: none; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel {
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
transform: translateY(40px);
transition: all .2s ease-in-out; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel.vc_active {
opacity: 1;
visibility: visible;
position: relative;
z-index: 2;
transform: translateY(0px);
transition: all .2s ease-in-out .2s; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 10px; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a {
display: inline-block;
padding: 0;
border: none;
background-color: transparent;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #1B1919; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a span {
position: relative; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a span:after {
content: " ";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: #1B1919;
transition: width .2s ease, background-color .2s ease; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a:hover {
text-decoration: none;
color: #1B1919;
background-color: transparent; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a:hover span:after {
width: 100%;
left: 0; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a:focus {
color: #1B1919;
background-color: transparent; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a {
background-color: transparent; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after {
width: 100%;
left: 0; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab:after {
content: "";
position: relative;
top: -1px;
height: 14px;
margin: 0 15px;
display: inline-block;
vertical-align: bottom;
width: 1px;
background-color: #ADADAD;
transform: rotate(25deg); }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab:last-child:after {
content: none; }
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-title-text:not(:empty):not(:first-child),
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-title-text:not(:empty) ~ * {
margin-left: 8px; }
.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a {
color: #FFF; }
.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a span:after {
background-color: #FFF; }
.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a:hover, .color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab > a:focus {
color: #FFF; }
.vc_tta-panel-body .basel-products-load-next {
right: -45px !important;
left: auto !important; }
.vc_tta-panel-body .basel-products-load-prev {
left: -45px !important; }
.wrapper-boxed .vc_tta-panel-body .basel-products-load-next {
right: -36px !important; }
.wrapper-boxed .vc_tta-panel-body .basel-products-load-prev {
left: -36px !important; }
.opacity-video-bg .vc_video-bg {
opacity: .3; }
[data-vc-full-width] {
box-sizing: border-box;
position: relative;
width: 100vw;
left: -2.5vw; }
[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-right: 2.5vw;
padding-left: 2.5vw; }
.platform-Windows [data-vc-full-width] {
width: calc(100vw - 17px); }
@media (min-width: 768px) {
.wrapper-boxed .vc_row[data-vc-full-width],
.wrapper-boxed section[data-vc-full-width],
.wrapper-wide .vc_row[data-vc-full-width],
.wrapper-wide section[data-vc-full-width],
.wrapper-full-width .vc_row[data-vc-full-width],
.wrapper-full-width section[data-vc-full-width] {
left: calc((-100vw - -750px) / 2); }
.wrapper-boxed .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-boxed section[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-wide .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-wide section[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-full-width .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-full-width section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 750px) / 2);
padding-right: calc((100vw - 750px) / 2); }
.platform-Windows .wrapper-boxed .vc_row[data-vc-full-width],
.platform-Windows .wrapper-boxed section[data-vc-full-width], .platform-Windows
.wrapper-wide .vc_row[data-vc-full-width],
.platform-Windows
.wrapper-wide section[data-vc-full-width], .platform-Windows
.wrapper-full-width .vc_row[data-vc-full-width],
.platform-Windows
.wrapper-full-width section[data-vc-full-width] {
width: calc(100vw - 17px);
left: calc((-100vw - -750px - -17px) / 2); }
.platform-Windows .wrapper-boxed .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows .wrapper-boxed section[data-vc-full-width]:not([data-vc-stretch-content]), .platform-Windows
.wrapper-wide .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows
.wrapper-wide section[data-vc-full-width]:not([data-vc-stretch-content]), .platform-Windows
.wrapper-full-width .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows
.wrapper-full-width section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 750px - 17px) / 2);
padding-right: calc((100vw - 750px - 17px) / 2); } }
@media (min-width: 992px) {
.wrapper-wide .vc_row[data-vc-full-width],
.wrapper-wide section[data-vc-full-width],
.wrapper-boxed .vc_row[data-vc-full-width],
.wrapper-boxed section[data-vc-full-width],
.wrapper-full-width .vc_row[data-vc-full-width],
.wrapper-full-width section[data-vc-full-width] {
left: calc((-100vw - -970px) / 2); }
.wrapper-wide .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-wide section[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-boxed .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-boxed section[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-full-width .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-full-width section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 970px) / 2);
padding-right: calc((100vw - 970px) / 2); }
.platform-Windows .wrapper-wide .vc_row[data-vc-full-width],
.platform-Windows .wrapper-wide section[data-vc-full-width], .platform-Windows
.wrapper-boxed .vc_row[data-vc-full-width],
.platform-Windows
.wrapper-boxed section[data-vc-full-width], .platform-Windows
.wrapper-full-width .vc_row[data-vc-full-width],
.platform-Windows
.wrapper-full-width section[data-vc-full-width] {
width: calc(100vw - 17px);
left: calc((-100vw - -970px - -17px) / 2); }
.platform-Windows .wrapper-wide .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows .wrapper-wide section[data-vc-full-width]:not([data-vc-stretch-content]), .platform-Windows
.wrapper-boxed .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows
.wrapper-boxed section[data-vc-full-width]:not([data-vc-stretch-content]), .platform-Windows
.wrapper-full-width .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows
.wrapper-full-width section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 970px - 17px) / 2);
padding-right: calc((100vw - 970px - 17px) / 2); } }
@media (min-width: 1200px) {
.wrapper-wide .vc_row[data-vc-full-width],
.wrapper-wide section[data-vc-full-width] {
left: -2.5vw; }
.wrapper-wide .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-wide section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: 2.5vw;
padding-right: 2.5vw; }
.platform-Windows .wrapper-wide .vc_row[data-vc-full-width],
.platform-Windows .wrapper-wide section[data-vc-full-width] {
width: calc(100vw - 17px);
left: -2.5vw; }
.platform-Windows .wrapper-wide .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows .wrapper-wide section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: 2.5vw;
padding-right: 2.5vw; }
.wrapper-boxed .vc_row[data-vc-full-width],
.wrapper-boxed section[data-vc-full-width] {
left: calc((-100vw - -1170px) / 2); }
.wrapper-boxed .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-boxed section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 1170px) / 2);
padding-right: calc((100vw - 1170px) / 2); }
.platform-Windows .wrapper-boxed .vc_row[data-vc-full-width],
.platform-Windows .wrapper-boxed section[data-vc-full-width] {
width: calc(100vw - 17px);
left: calc((-100vw - -1170px - -17px) / 2); }
.platform-Windows .wrapper-boxed .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows .wrapper-boxed section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 1170px - 17px) / 2);
padding-right: calc((100vw - 1170px - 17px) / 2); }
.wrapper-full-width .vc_row[data-vc-full-width],
.wrapper-full-width section[data-vc-full-width] {
left: calc((-100vw - -1170px) / 2); }
.wrapper-full-width .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-full-width section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 1170px) / 2);
padding-right: calc((100vw - 1170px) / 2); }
.platform-Windows .wrapper-full-width .vc_row[data-vc-full-width],
.platform-Windows .wrapper-full-width section[data-vc-full-width] {
width: calc(100vw - 17px);
left: calc((-100vw - -1170px - -17px) / 2); }
.platform-Windows .wrapper-full-width .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows .wrapper-full-width section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 1170px - 17px) / 2);
padding-right: calc((100vw - 1170px - 17px) / 2); } }
@media (min-width: 1702px) {
.wrapper-wide .vc_row[data-vc-full-width],
.wrapper-wide section[data-vc-full-width] {
left: calc((-100vw - -1600px) / 2); }
.wrapper-wide .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.wrapper-wide section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 1600px) / 2);
padding-right: calc((100vw - 1600px) / 2); }
.platform-Windows .wrapper-wide .vc_row[data-vc-full-width],
.platform-Windows .wrapper-wide section[data-vc-full-width] {
width: calc(100vw - 17px);
left: calc((-100vw - -1600px - -17px) / 2); }
.platform-Windows .wrapper-wide .vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
.platform-Windows .wrapper-wide section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: calc((100vw - 1600px - 17px) / 2);
padding-right: calc((100vw - 1600px - 17px) / 2); } }
.rtl [data-vc-full-width] {
left: 2.5vw; }
@media (min-width: 768px) {
.rtl.wrapper-boxed .vc_row[data-vc-full-width],
.rtl.wrapper-boxed section[data-vc-full-width], .rtl.wrapper-wide .vc_row[data-vc-full-width],
.rtl.wrapper-wide section[data-vc-full-width], .rtl.wrapper-full-width .vc_row[data-vc-full-width],
.rtl.wrapper-full-width section[data-vc-full-width] {
left: calc((100vw - 750px) / 2); }
.platform-Windows .rtl.wrapper-boxed .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-boxed section[data-vc-full-width], .platform-Windows .rtl.wrapper-wide .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-wide section[data-vc-full-width], .platform-Windows .rtl.wrapper-full-width .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-full-width section[data-vc-full-width] {
left: calc((100vw - 750px - 17px) / 2); } }
@media (min-width: 992px) {
.rtl.wrapper-wide .vc_row[data-vc-full-width],
.rtl.wrapper-wide section[data-vc-full-width], .rtl.wrapper-boxed .vc_row[data-vc-full-width],
.rtl.wrapper-boxed section[data-vc-full-width], .rtl.wrapper-full-width .vc_row[data-vc-full-width],
.rtl.wrapper-full-width section[data-vc-full-width] {
left: calc((100vw - 970px) / 2); }
.platform-Windows .rtl.wrapper-wide .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-wide section[data-vc-full-width], .platform-Windows .rtl.wrapper-boxed .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-boxed section[data-vc-full-width], .platform-Windows .rtl.wrapper-full-width .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-full-width section[data-vc-full-width] {
left: calc((100vw - 970px - 17px) / 2); } }
@media (min-width: 1200px) {
.rtl.wrapper-wide .vc_row[data-vc-full-width],
.rtl.wrapper-wide section[data-vc-full-width] {
left: 2.5vw; }
.platform-Windows .rtl.wrapper-wide .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-wide section[data-vc-full-width] {
left: 2.5vw; }
.rtl.wrapper-boxed .vc_row[data-vc-full-width],
.rtl.wrapper-boxed section[data-vc-full-width] {
left: calc((100vw - 1170px) / 2); }
.platform-Windows .rtl.wrapper-boxed .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-boxed section[data-vc-full-width] {
left: calc((100vw - 1170px - 17px) / 2); }
.rtl.wrapper-full-width .vc_row[data-vc-full-width],
.rtl.wrapper-full-width section[data-vc-full-width] {
left: calc((100vw - 1170px) / 2); }
.platform-Windows .rtl.wrapper-full-width .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-full-width section[data-vc-full-width] {
left: calc((100vw - 1170px - 17px) / 2); } }
@media (min-width: 1702px) {
.rtl.wrapper-wide .vc_row[data-vc-full-width],
.rtl.wrapper-wide section[data-vc-full-width] {
left: calc((100vw - 1600px) / 2); }
.platform-Windows .rtl.wrapper-wide .vc_row[data-vc-full-width],
.platform-Windows .rtl.wrapper-wide section[data-vc-full-width] {
left: calc((100vw - 1600px - 17px) / 2); } }
.macbook-carousel {
background: url(//vitrinavenezuela.com/wp-content/themes/basel/images/mockup-macbook.png) no-repeat center top;
background-size: contain;
margin: 0 auto;
width: 850px;
height: 501px; }
.macbook-carousel .vc_images_carousel {
margin: 49px 152px 49px 152px; }
.iphone-carousel {
background: url(//vitrinavenezuela.com/wp-content/themes/basel/images/mockup-iphone.png) no-repeat center top;
background-size: contain;
width: 415px;
height: 796px;
margin: 0 auto; }
.iphone-carousel .vc_images_carousel {
margin: 101px 40px 0px 42px;
height: 594px;
overflow: hidden; }
.carousel-device .wpb_gallery_heading {
display: none; }
.carousel-device .owl-dots {
position: absolute;
bottom: 0;
width: 100%;
z-index: 2; }
.carousel-device .owl-stage-outer {
z-index: 2; }
.carousel-device .owl-carousel .owl-nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%; }
.carousel-device .owl-carousel .owl-nav > div {
height: 100%;
top: 0;
width: 40px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 0;
transform: translateY(0%); }
.carousel-device .owl-carousel .owl-nav > div:before {
position: absolute;
top: 45%;
width: 100%;
height: auto;
line-height: 1;
color: #FFF; }
.carousel-device .owl-carousel .owl-nav > div.owl-prev {
left: 0; }
.carousel-device .owl-carousel .owl-nav > div.owl-next {
right: 0; }
.carousel-device .owl-carousel:hover .owl-nav div.owl-prev {
left: 0; }
.carousel-device .owl-carousel:hover .owl-nav div.owl-next {
right: 0; }
.carousel-device .owl-carousel .owl-nav div:hover {
background-color: rgba(0, 0, 0, 0.5); }
.wpb_video_wrapper {
position: relative; }
.wpb_video_wrapper .basel-video-poster-wrapper,
.wpb_video_wrapper .basel-video-poster-wrapper:after,
.wpb_video_wrapper .basel-video-poster {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.wpb_video_wrapper .basel-video-poster-wrapper {
position: absolute !important;
z-index: 2;
cursor: pointer;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
perspective: 800px;
-webkit-perspective: 800px;
transition: opacity 0.5s cubic-bezier(0, 0, 0.44, 1.18), visibility 0.5s cubic-bezier(0, 0, 0.44, 1.18); }
.wpb_video_wrapper .basel-video-poster-wrapper:after {
content: "";
background-color: rgba(0, 0, 0, 0.15);
z-index: 2;
transition: background-color 0.5s cubic-bezier(0, 0, 0.44, 1.18); }
.wpb_video_wrapper .basel-video-poster-wrapper.hidden-poster {
opacity: 0;
visibility: hidden; }
.wpb_video_wrapper .basel-video-poster {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin: -1px;
transform: scale(1.09);
transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18); }
.wpb_video_wrapper .button-play {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
line-height: 67px;
width: 70px;
margin-top: -35px;
margin-left: -35px;
padding-left: 7px;
text-align: center;
color: #FFF;
border: 2px solid #1aada3;
border-radius: 50%;
z-index: 3;
transition: opacity 0.5s cubic-bezier(0, 0, 0.44, 1.18); }
.wpb_video_wrapper .button-play:after {
content: "\f94b";
font-family: "basel-font";
display: inline-block;
font-size: 26px; }
.wpb_video_wrapper:hover .basel-video-poster-wrapper:after {
background-color: rgba(0, 0, 0, 0.3); }
.wpb_video_wrapper:hover .basel-video-poster {
transform: scale(1); }
.wpb_video_wrapper:hover .button-play {
opacity: .7; }
.vc_progress_bar .vc_single_bar {
box-shadow: none;
border-radius: 0;
margin-bottom: 15px;
background: #EDEDED; }
.vc_progress_bar .vc_single_bar .vc_label {
padding: 6px 10px;
font-size: 12px;
letter-spacing: .5px; }
.vc_progress_bar .vc_single_bar .vc_bar {
border-radius: 0;
transition-timing-function: cubic-bezier(0.22, 0.01, 0.2, 0.97); }
.wpb_gallery_slides.flexslider {
border: none;
box-shadow: none;
border-radius: 0; }
.wpb_gallery_slides .slides li .link_image {
display: block;
margin-bottom: 15px; }
.wpb_gallery_slides .slides li .flex-caption {
background: rgba(0, 0, 0, 0);
padding: 0; }
.wpb_gallery_slides .slides li .flex-caption .post-title {
margin-bottom: 7px; }
.wpb_posts_slider .wpb_wrapper .wpb_flexslider .flex-control-nav {
bottom: -17px !important; }
.wpb_content_element .wpb_wrapper .wpb_flexslider .flex-control-nav {
bottom: 20px; }
.vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
z-index: unset !important; }
.vc_toggle {
padding: 0 20px;
border: 1px solid #E6E6E6; }
.vc_toggle .vc_toggle_title {
padding: 10px 0px;
padding-right: 30px; }
.vc_toggle .vc_toggle_title h4 {
font-size: 14px;
color: #818181;
transition: all .2s ease; }
.vc_toggle .vc_toggle_title:hover h4 {
color: #4F4F4F; }
.vc_toggle .vc_toggle_content {
letter-spacing: .4px;
margin-bottom: 5px;
margin-top: 5px; }
.vc_toggle .vc_toggle_content p {
margin-bottom: 10px; }
.vc_toggle_active .vc_toggle_title h4 {
color: #252525; }
.vc_toggle_active .vc_toggle_title:hover h4 {
color: #252525; }
.vc_row .vc_toggle[class*="vc_toggle_size_"] > div {
padding-left: 0; }
.vc_row .vc_toggle[class*="vc_toggle_size_"] > div .vc_toggle_icon {
right: 0;
left: auto; }
.vc_toggle_arrow .vc_toggle_icon {
position: absolute;
right: 0;
top: 60%;
transform: translate(0, -50%); }
.vc_toggle_arrow .vc_toggle_icon:after {
content: none; }
.vc_toggle_arrow .vc_toggle_icon:before {
transition: all .3s ease; }
.vc_toggle_arrow.vc_toggle_active .vc_toggle_icon:before {
visibility: visible;
transform: rotate(225deg); }
dl.variation {
display: block;
overflow: hidden;
margin-bottom: 0;
font-size: 12px; }
dl.variation dt,
dl.variation dd {
display: block;
float: left;
clear: both;
color: #b2b2b2; }
dl.variation dt p,
dl.variation dd p {
color: #B2B2B2; }
dl.variation dt {
margin-right: 5px; }
dl.variation dd {
clear: none; }
dl.variation p {
margin-bottom: 0; }
:is(
.blockOverlay,
.basel-loader-overlay):after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
content: " ";
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
border: 2px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear; }
.basel-loader-overlay {
z-index: 340;
animation: fade-in .6s ease both;
background-color: rgba(255, 255, 255, 0.6); }
.basel-loader-overlay:not(.loading) {
display: none; }
[class*="screen-reader"] {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px); }
.woocommerce .col2-set,
.woocommerce-page .col2-set {
display: flex;
flex-direction: row;
align-items: stretch;
margin-left: -15px;
margin-right: -15px; }
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
flex: 1 0 0;
padding-left: 15px;
padding-right: 15px; }
.woocommerce .form-row-first,
.woocommerce .form-row-last,
.woocommerce-page .form-row-first,
.woocommerce-page .form-row-last {
float: left;
width: 47%;
overflow: visible; }
.woocommerce .form-row-last,
.woocommerce-page .form-row-last {
float: right; }
.woocommerce .form-row-wide,
.woocommerce-page .form-row-wide {
clear: both; }
.shop_table tr.order-total .includes_tax {
display: block;
margin-top: 5px; }
.shop_table th.product-name {
text-align: left; }
.shop_table th.product-thumbnail {
width: 10px; }
.shop_table th.product-remove {
width: 40px; }
.shop_table td.order-status {
text-align: center !important; }
.shop_table td.product-remove {
padding: 0;
text-align: center; }
.shop_table td.product-remove a {
position: relative;
font-size: 0;
display: inline-block;
border-radius: 50%;
height: 20px;
width: 20px;
line-height: 28px;
background-color: #000;
cursor: pointer;
padding-right: 16px;
padding-right: 0; }
.shop_table td.product-remove a:after, .shop_table td.product-remove a:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
width: 10px;
height: 2px;
display: inline-block;
background-color: white;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.shop_table td.product-remove a:after {
transform: rotate(-44deg); }
.shop_table td.product-remove a:before {
transform: rotate(44deg); }
.shop_table td.product-remove a:hover:after {
transform: rotate(0deg); }
.shop_table td.product-remove a:hover:before {
transform: rotate(0deg); }
.shop_table td.product-remove a:after, .shop_table td.product-remove a:before {
right: 5px; }
.shop_table td.product-name {
text-align: left; }
.shop_table td.product-name > a {
color: #424242;
text-transform: none;
letter-spacing: .3px;
display: inline-block; }
.shop_table td.product-name .variation {
display: block;
margin-top: 10px; }
.shop_table td.product-price span {
font-size: 16px; }
.shop_table td.product-price > span {
color: #000; }
.shop_table td.product-subtotal span {
font-size: 18px;
color: #000;
font-weight: bold; }
.shop_table td.product-thumbnail > a {
display: block; }
.shop_table td.product-thumbnail img {
max-width: 80px; }
#shipping_method li {
margin-bottom: 10px; }
#shipping_method li:last-child {
margin-bottom: 0; }
#shipping_method label {
display: inline-block;
margin-bottom: 0; }
.woocommerce-checkout-review-order-table {
border: none; }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {
border: none;
width: 50%;
max-width: 50%; }
.woocommerce-checkout-review-order-table th {
background-color: transparent; }
.woocommerce-checkout-review-order-table tr {
border-bottom: 1px solid rgba(129, 129, 129, 0.05); }
.woocommerce-checkout-review-order-table .product-total {
text-align: right; }
.woocommerce-checkout-review-order-table thead th {
padding-top: 10px; }
.woocommerce-checkout-review-order-table tbody td.product-name {
text-transform: none; }
.woocommerce-checkout-review-order-table tbody td.product-name .variation {
display: block;
margin-top: 10px; }
.woocommerce-checkout-review-order-table tfoot tr:last-child {
border-bottom: none; }
.woocommerce-checkout-review-order-table tfoot td {
text-align: right; }
.woocommerce-checkout-review-order-table tfoot th {
text-align: left; }
.woocommerce-checkout-review-order-table tfoot .cart-subtotal th,
.woocommerce-checkout-review-order-table tfoot .shipping th {
font-size: 16px; }
.woocommerce-checkout-review-order-table tfoot .cart-subtotal p,
.woocommerce-checkout-review-order-table tfoot .shipping p {
margin-bottom: 0; }
.woocommerce-checkout-review-order-table tfoot .order-total th {
font-size: 24px;
padding-top: 20px; }
.woocommerce-checkout-review-order-table tfoot .order-total th {
text-transform: uppercase;
font-weight: bold; }
.woocommerce-checkout-review-order-table tfoot .order-total td {
padding-top: 20px; }
.woocommerce-checkout-review-order-table tfoot .order-total td > strong {
font-size: 24px; }
.single-product-content .shop_attributes {
max-width: 550px;
margin: 0 auto; }
.single-product-content .shop_attributes th p,
.single-product-content .shop_attributes td p {
margin-bottom: 0; }
.single-product-content .shop_attributes th {
text-align: left;
font-size: 16px;
font-weight: bold; }
.single-product-content .shop_attributes td {
text-align: right; }
.my_account_orders th,
.my_account_orders td,
.account-payment-methods-table th,
.account-payment-methods-table td {
text-align: center; }
.my_account_orders th,
.account-payment-methods-table th {
font-size: 16px; }
.my_account_orders tr:last-child td,
.account-payment-methods-table tr:last-child td {
border-bottom: none; }
.my_account_orders tbody td,
.account-payment-methods-table tbody td {
background-color: #F9F9F9; }
.my_account_orders thead th,
.account-payment-methods-table thead th {
padding-top: 10px;
padding-bottom: 10px; }
.my_account_orders td.order-actions a,
.account-payment-methods-table td.order-actions a {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline; }
.my_account_orders td.order-actions a:hover,
.account-payment-methods-table td.order-actions a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.my_account_orders td.order-actions a:hover,
.account-payment-methods-table td.order-actions a:hover {
color: #000; }
.order_details th,
.order_details td {
width: 50%;
text-align: left; }
.order_details thead .product-total {
text-align: right; }
.order_details tbody .product-name > a {
display: inline-block; }
.order_details tbody .product-name .product-quantity + .wc-item-downloads {
margin-top: 3px; }
.order_details tbody .product-name .variation {
display: block; }
.order_details tbody .product-total {
text-align: right; }
.order_details tfoot th {
text-transform: uppercase; }
.order_details tfoot td {
text-align: right; }
.order_details tfoot td .amount {
color: #1D1C1C; }
.order_details tfoot tr:last-child th,
.order_details tfoot tr:last-child td {
border-bottom: none; }
.order_details tfoot tr:last-child th > .amount:first-child,
.order_details tfoot tr:last-child td > .amount:first-child {
font-size: 20px; }
.order_details tfoot tr:last-child .amount {
font-weight: 600; }
.customer_details th,
.customer_details td {
text-align: left;
width: 50%; }
.customer_details td {
text-align: right; }
.customer_details tr:last-child th,
.customer_details tr:last-child td {
border-bottom: none; }
.woocommerce-breadcrumb a {
margin-right: 5px; }
.woocommerce-breadcrumb a:after {
content: "/";
margin-left: 5px; }
.woocommerce-breadcrumb a:first-child:before {
content: "\f915";
font-family: "basel-font";
margin-right: 5px;
vertical-align: middle; }
.yoast-breadcrumb > span > span > a:before {
content: "\f915";
font-family: "basel-font";
margin-right: 5px; }
.woocommerce-breadcrumb,
.yoast-breadcrumb {
font-size: 13px;
line-height: 20px;
display: inline-block;
color: #9E9E9E;
vertical-align: middle; }
.woocommerce-breadcrumb a,
.yoast-breadcrumb a {
color: #1B1919;
text-decoration: none;
font-style: normal; }
.woocommerce-breadcrumb a:hover,
.yoast-breadcrumb a:hover {
text-decoration: none; }
.product-labels {
position: absolute;
display: flex;
flex-direction: column;
align-items: flex-start;
flex-wrap: nowrap;
z-index: 1;
max-width: 50%; }
.product-label {
min-width: 50px;
color: #FFF;
font-weight: bold;
word-break: break-all;
letter-spacing: 1px;
line-height: 1.2;
text-align: center;
text-transform: uppercase; }
.product-label:not(:last-child) {
margin-bottom: 10px; }
.product-label.featured {
background-color: #e22d2d; }
.product-label.new {
background-color: #438e44; }
.product-label.out-of-stock {
background-color: #000; }
.product-label.attribute-label:not(.label-with-img) {
background-color: rgba(255, 255, 255, 0.9);
color: #1B1919; }
.labels-rectangular {
top: 15px;
left: 0; }
.labels-rectangular .product-label {
letter-spacing: .4px;
font-size: 12px;
padding: 5px 10px; }
.labels-rectangular .label-with-img {
max-width: 50px;
padding: 0; }
.labels-rounded {
top: 5px;
left: 5px; }
.labels-rounded .product-label {
display: flex;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 5px 7px;
font-size: 13px;
border-radius: 35px; }
.browser-Internet .labels-rounded .product-label {
height: 50px; }
.labels-rounded .label-with-img {
min-height: auto;
max-width: 55px;
padding: 0; }
.labels-rounded .out-of-stock {
max-width: 50px;
font-size: 12px; }
div.quantity {
display: inline-flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
white-space: nowrap; }
div.quantity :is(
input[type="text"],
input[type="number"]) {
color: #848484;
text-align: center; }
div.quantity input[type="number"] {
width: 40px;
padding-right: 10px;
-moz-appearance: textfield; }
div.quantity input[type="number"]::-webkit-outer-spin-button, div.quantity input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none; }
div.quantity input[type="text"] {
width: 80px; }
div.quantity .minus,
div.quantity .plus {
background-color: transparent;
border: 1px solid #E0E0E0;
color: #848484;
min-width: 20px;
background-color: #f9f9f9;
transition: all .2s ease;
border-radius: 0; }
div.quantity .minus:hover,
div.quantity .plus:hover {
text-decoration: none; }
div.quantity .minus:hover,
div.quantity .plus:hover {
box-shadow: none;
outline: none;
background-color: #ECECEC;
border-color: #E0E0E0; }
div.quantity .minus {
border-right: 0; }
div.quantity .plus {
border-left: 0; }
.star-rating {
position: relative;
display: inline-block;
width: 66px;
height: 18px;
white-space: nowrap;
letter-spacing: 2px;
font-size: 12px;
line-height: 18px;
font-family: "basel-font"; }
.star-rating:before {
content: "\f906" "\f906" "\f906" "\f906" "\f906";
position: absolute;
top: 0;
left: 0;
color: #A5A5A5; }
.star-rating span {
position: absolute;
top: 0;
left: 0;
float: left;
overflow: hidden;
height: 18px;
font-size: 0; }
.star-rating span strong,
.star-rating span span {
display: none; }
.star-rating span:before {
content: "\f905" "\f905" "\f905" "\f905" "\f905";
position: absolute;
top: 0;
left: 0;
font-size: 12px; }
.color-scheme-light .star-rating:before {
color: rgba(255, 255, 255, 0.3); }
.color-scheme-light .star-rating span:before {
color: rgba(255, 255, 255, 0.3); }
.basel-stock-progress-bar .stock-info {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 5px; }
.basel-stock-progress-bar .stock-info span {
font-weight: 600;
margin-left: 3px; }
.amount {
color: #949494; }
.color-scheme-light .amount {
color: rgba(255, 255, 255, 0.9); }
.color-scheme-dark .amount {
color: #000; }
.price {
color: #949494; }
.price del {
color: #BDBDBD; }
.price del > .amount {
color: #BDBDBD; }
.price ins {
text-decoration: none;
background-color: transparent;
padding: 0;
opacity: 1; }
.color-scheme-light .price {
color: #FFF; }
.color-scheme-light .price del {
color: rgba(255, 255, 255, 0.5); }
.color-scheme-light .price del > .amount {
color: rgba(255, 255, 255, 0.5); }
.color-scheme-dark .price {
color: #000; }
.color-scheme-dark .price del {
color: #575656; }
.color-scheme-dark .price del > .amount {
color: #575656; }
a.login-to-prices-msg {
font-size: 13px;
font-weight: 600; }
a.login-to-prices-msg:hover {
opacity: .6;
text-decoration: none; }
.hide-larger-price .price:has(.amount ~ .amount) :is(.amount ~ .amount, [aria-hidden="true"]:not(.amount)) {
display: none; }
.hide-larger-price .price:has(.amount ~ .amount) > small {
margin-inline-start: .2em; }
.basel-product-countdown {
margin-top: 15px; }
.basel-product-countdown > span {
display: inline-block;
min-width: 50px;
height: 50px;
padding: 6px 5px;
background-color: #1b1b1b;
color: #FFF;
text-align: center;
font-size: 20px;
margin: 0 2px 5px 2px; }
.basel-product-countdown > span span {
display: block;
text-transform: uppercase;
font-size: 11px;
color: rgba(255, 255, 255, 0.5); }
.basel-cart-label {
display: inline-flex;
align-items: center;
justify-content: center;
margin-inline-start: 2px;
width: 16px;
height: 16px;
text-align: center;
font-weight: 400;
font-size: 0; }
.basel-cart-label:before {
color: #BBB;
font-size: 12px;
transition: all .25s ease; }
.basel-back-btn {
line-height: 40px;
display: inline-block;
width: 50px;
vertical-align: middle;
font-size: 0;
text-decoration: none; }
.basel-back-btn .basel-tooltip-label {
display: none; }
.basel-back-btn > span {
width: 25px;
height: 2px;
line-height: 2px;
position: relative;
display: inline-block;
background-color: #000;
transition: all .25s ease; }
.basel-back-btn > span:before {
content: "\f9d9";
font-family: "basel-font";
position: absolute;
left: -4px;
top: 0;
font-size: 14px;
line-height: 3px;
color: #000; }
.basel-back-btn > span:after {
content: "";
position: absolute;
top: -5px;
right: -1px;
width: 2px;
height: 7px;
line-height: 0;
background-color: #000; }
.basel-back-btn:hover > span {
width: 35px; }
.basel-products-loader {
position: absolute;
left: 50%;
margin-left: -17px;
opacity: 0;
visibility: hidden; }
.basel-products-loader:after {
content: " ";
width: 34px;
height: 34px;
display: inline-block;
vertical-align: middle;
border: 2px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important; }
.basel-progress-bar .progress-area,
.basel-progress-bar .progress-bar {
height: 7px; }
.basel-progress-bar .progress-area {
width: 100%;
background-color: #F4F4F4; }
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
transition: opacity .2s ease;
backface-visibility: hidden;
perspective: 800px;
-webkit-backface-visibility: hidden;
-webkit-perspective: 800px;
display: none; }
[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; }
.slick-vertical {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between; }
.slick-vertical .slick-list {
width: 100%;
flex: 1 1 100%;
order: 1;
max-width: 100%;
width: 100%; }
.slick-vertical .slick-slide {
cursor: pointer; }
.slick-vertical .slick-slide.active-thumb, .slick-vertical .slick-slide:hover {
opacity: .5; }
.slick-vertical .slick-prev,
.slick-vertical .slick-next {
order: 2; }
.slick-vertical > button {
border: none;
font-size: 0;
width: 50%;
padding: 0;
line-height: 0;
background-color: #F5F5F5;
color: #676767; }
.slick-vertical > button:hover {
background-color: #000;
color: #FFF; }
.slick-vertical > button:focus {
outline: none; }
.slick-vertical > button:before {
line-height: 26px;
font-size: 20px;
position: relative;
font-family: "basel-font"; }
.slick-vertical > button.slick-prev {
float: left;
border-right: 1px solid #FFF; }
.slick-vertical > button.slick-prev:before {
content: "\f106";
bottom: 1px; }
.slick-vertical > button.slick-next {
float: right;
border-left: 1px solid #FFF; }
.slick-vertical > button.slick-next:before {
content: "\f107"; }
body .select2-container .select2-selection {
text-align: left;
border-radius: 0;
border: 1px solid rgba(129, 129, 129, 0.25);
font-size: 14px;
line-height: 18px;
padding: 0 10px;
min-height: 40px;
transition: border-color .4s; }
body .select2-container .select2-selection .select2-selection__rendered {
line-height: 40px;
padding-left: 0; }
body .select2-container .select2-selection .select2-selection__arrow {
height: 38px;
right: 6px;
background-position: left 5px top 50%;
background-repeat: no-repeat;
background-size: auto 5px; }
body .select2-container .select2-selection .select2-selection__arrow b {
display: none; }
body .select2-container .select2-selection .select2-selection__clear {
height: 38px;
font-size: 18px;
font-weight: 400;
color: #6B6B6B; }
body .select2-container .select2-selection .select2-search__field {
outline: none; }
body .select2-container .select2-selection:focus {
outline: none; }
body .select2-container .select2-selection--multiple .select2-selection__rendered {
display: block;
margin-bottom: 9px; }
body .select2-container .select2-selection--multiple .select2-selection__rendered li {
margin-top: 9px; }
body .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
margin-right: 10px;
padding: 3px 8px;
font-size: 12px;
font-weight: 600;
color: #4E4E4E;
background-color: #F1F1F1;
border-radius: 0;
border: none;
line-height: 1; }
body .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
line-height: 1;
margin-right: 0; }
body .select2-container .select2-selection--multiple .select2-selection__choice__remove {
color: inherit;
font-size: 13px; }
body .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
color: inherit; }
body .select2-container .select2-selection--multiple .select2-search__field {
height: auto; }
body .select2-container .select2-dropdown {
border-radius: 0;
border-color: rgba(129, 129, 129, 0.25);
z-index: 99999; }
body .select2-container.select2-container--focus .select2-selection--multiple {
border-color: rgba(129, 129, 129, 0.25); }
body .select2-container.select2-container--open .select2-selection__arrow {
transform: rotate(180deg); }
body .select2-drop-active {
border-color: rgba(129, 129, 129, 0.25); }
body .select2-drop-active .select2-search {
padding: 10px; }
body .select2-drop-active .select2-search input {
padding-right: 35px !important;
padding-left: 10px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
background-image: none;
color: #747474; }
body .select2-drop-active .select2-search:after {
content: "\e090";
font-size: 18px;
color: #8C8C8C;
font-family: 'Simple-Line-Icons';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%); }
body .select2-drop-active.select2-drop.select2-drop-above {
border-color: rgba(129, 129, 129, 0.25); }
body .select2-search__field {
height: 40px; }
body .select2-container--default .select2-results__option[aria-selected=true]:focus,
body .select2-container--default .select2-results__option[data-selected=true]:focus {
outline: none; }
.categories-space-0 {
margin-left: -0px;
margin-right: -0px; }
.categories-space-0 .category-grid-item {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px; }
.categories-space-2 {
margin-left: -1px;
margin-right: -1px; }
.categories-space-2 .category-grid-item {
padding-left: 1px;
padding-right: 1px;
margin-bottom: 2px; }
.categories-space-6 {
margin-left: -3px;
margin-right: -3px; }
.categories-space-6 .category-grid-item {
padding-left: 3px;
padding-right: 3px;
margin-bottom: 6px; }
.categories-space-10 {
margin-left: -5px;
margin-right: -5px; }
.categories-space-10 .category-grid-item {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px; }
.categories-space-20 {
margin-left: -10px;
margin-right: -10px; }
.categories-space-20 .category-grid-item {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px; }
.categories-space-30 {
margin-left: -15px;
margin-right: -15px; }
.categories-space-30 .category-grid-item {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px; }
.category-grid-item {
margin-bottom: 30px; }
.category-grid-item .category-link-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.categories-style-carousel .vc_carousel_container {
margin-left: 0;
margin-right: 0; }
.categories-style-carousel .vc_carousel_container .owl-carousel-item-inner {
padding-left: 0;
padding-right: 0; }
.cat-design-default .category-content {
position: relative;
overflow: hidden;
text-align: center; }
.cat-design-default .category-content > a {
display: block;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: all .6s ease-in-out; }
.cat-design-default .products-cat-number {
display: none; }
.cat-design-default .hover-mask {
position: absolute;
bottom: 20px;
left: 50%;
box-shadow: 1px 1px 3px rgba(136, 136, 136, 0.19);
background-color: #FFF;
transform: translateX(-50%); }
.cat-design-default .hover-mask h3 {
margin-bottom: 0;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 12px;
padding-top: 12px;
line-height: 1.4;
color: #000;
font-size: 16px;
text-transform: none;
font-style: italic !important;
letter-spacing: 1.5px;
transition: all .3s ease; }
.cat-design-default .hover-mask h3 .count {
display: none; }
.cat-design-default .hover-mask > a:not(.category-link-overlay) {
display: none; }
.cat-design-default:hover > .category-content > a {
transform: scale(1.11); }
.cat-design-alt .category-content {
text-align: center; }
.cat-design-alt .category-link {
position: relative;
display: block;
overflow: hidden;
background-color: #000;
color: #FFF;
margin-bottom: 10px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.cat-design-alt .product-category-thumbnail {
margin: -2px;
transition: all .6s ease; }
.cat-design-alt .products-cat-number {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
color: #FFF;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
opacity: 0;
visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
transition: all .5s ease; }
.cat-design-alt .category-link-overlay {
display: none; }
.cat-design-alt .hover-mask > h3 {
font-size: 22px;
margin-bottom: 10px; }
.cat-design-alt .hover-mask > a:not(.category-link-overlay) {
color: #8a8a8a;
border-bottom: 1px solid #e6e6e6;
text-decoration: none; }
.cat-design-alt .hover-mask > a:not(.category-link-overlay):hover {
border-color: #bdbdbd; }
.cat-design-alt:hover .product-category-thumbnail {
opacity: .6;
transform: scale(1.11); }
.cat-design-alt:hover .products-cat-number {
opacity: 1;
visibility: visible; }
.cat-design-center .category-content {
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-transform: uppercase; }
.cat-design-center .category-link {
overflow: hidden;
background-color: #000; }
.cat-design-center .product-category-thumbnail {
margin: -2px;
opacity: .9;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
perspective: 800px;
-webkit-perspective: 800px;
transition: all .3s ease; }
.cat-design-center .products-cat-number {
display: none; }
.cat-design-center div.hover-mask {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: all .3s ease; }
.cat-design-center div.hover-mask > h3 {
display: table;
margin-bottom: 0;
font-size: 22px;
color: #FFF;
cursor: default; }
.cat-design-center div.hover-mask > a {
opacity: 0;
visibility: hidden;
margin-bottom: -20px;
line-height: 20px;
font-size: 12px;
text-decoration: none;
color: rgba(255, 255, 255, 0.8); }
.cat-design-center div.hover-mask > a:hover {
color: rgba(255, 255, 255, 0.6); }
.cat-design-center div.hover-mask .category-link-overlay {
margin: 0; }
.cat-design-center:hover .product-category-thumbnail {
opacity: .6; }
.cat-design-center:hover div.hover-mask {
transform: translateY(-15px); }
.cat-design-center:hover div.hover-mask > a {
opacity: 1;
visibility: visible; }
.categories-style-masonry-first .cat-design-center:first-child .hover-mask h3 {
font-size: 26px; }
.product-grid-item {
margin-bottom: 50px;
text-align: center; }
.product-grid-item .product-element-top {
margin-bottom: 10px; }
.product-grid-item .product-element-top > a {
display: block; }
.product-grid-item .product-element-top:after {
content: " ";
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
border: 2px solid rgba(0, 0, 0, 0.8);
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
opacity: 0;
visibility: hidden; }
.product-grid-item .product-title {
margin-bottom: 10px;
text-align: center;
line-height: 1.2;
font-family: unset; }
.product-grid-item .product-title a {
font-size: 15px;
display: inline-block; }
.product-grid-item .basel-product-cats,
.product-grid-item .basel-product-brands-links {
margin-bottom: 5px; }
.product-grid-item .basel-product-cats a,
.product-grid-item .basel-product-brands-links a {
display: inline-block;
text-transform: uppercase;
font-size: 12px; }
.product-grid-item .basel-product-cats a:hover,
.product-grid-item .basel-product-brands-links a:hover {
text-decoration: none; }
.product-grid-item .star-rating {
margin-bottom: 4px; }
.product-grid-item .price {
display: block;
font-size: 16px;
text-align: center;
margin-bottom: 0; }
.product-grid-item .price del > .amount {
font-size: 14px; }
.product-grid-item .add_to_cart_button.added {
display: none; }
.product-grid-item .basel-stock-progress-bar {
margin-top: 10px; }
.product-grid-item.product-swatched .hover-img {
display: none; }
.product-grid-item.loading-image .product-element-top {
position: relative; }
.product-grid-item.loading-image .product-element-top > a {
opacity: .4; }
.product-grid-item.loading-image .product-element-top:after {
opacity: 1;
visibility: visible;
animation: load-spin 450ms infinite linear; }
.product-grid-item.col-md-3 .basel-product-countdown > span {
padding: 3px 2px;
min-width: 40px;
height: 40px;
font-size: 18px; }
.color-scheme-light:not(.main-header):not(.header-clone) .product-grid-item .product-title > a {
color: #FFF; }
.catalog-mode-on .product-grid-item .basel-product-countdown {
display: none; }
.swatches-on-grid .swatch-on-grid {
display: inline-block;
font-size: 0;
font-weight: bold;
color: #212121;
text-align: center;
border-radius: 50%;
vertical-align: middle;
margin-right: 8px;
width: 15px;
height: 15px;
background-size: cover; }
.swatches-on-grid .swatch-on-grid .basel-tooltip-label {
margin-bottom: 2px; }
.swatches-on-grid .swatch-on-grid:last-child {
margin-right: 0; }
.swatches-on-grid .swatch-on-grid:is(
[style*="#ffffff"],
[style*="#FFFFFF"],
[style*="255,255,255"]) {
border: 1px solid rgba(0, 0, 0, 0.15); }
.swatches-on-grid .swatch-on-grid:is(
[style*="#ffffff"],
[style*="#FFFFFF"],
[style*="255,255,255"]) .basel-tooltip-label {
margin-bottom: 6px; }
.swatches-on-grid .swatch-on-grid:is(
[style*="#ffffff"],
[style*="#FFFFFF"],
[style*="255,255,255"]):hover .basel-tooltip-label {
margin-bottom: 4px; }
.swatches-on-grid .swatch-on-grid.current-swatch {
position: relative; }
.swatches-on-grid .swatch-on-grid.current-swatch:after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background-color: #000; }
.swatches-on-grid .swatch-on-grid.swatch-has-image {
cursor: pointer; }
.swatches-on-grid .swatch-on-grid.swatch-size-large {
width: 35px;
height: 35px; }
.swatches-on-grid .swatch-on-grid.swatch-size-xlarge {
width: 50px;
height: 50px; }
.swatches-on-grid .swatch-on-grid.text-only {
font-size: 14px;
width: auto;
height: 20px;
line-height: 20px;
min-width: 15px; }
.swatches-on-grid .swatch-on-grid.text-only .basel-tooltip-label {
display: none; }
.swatches-on-grid .swatch-on-grid.variation-out-of-stock {
opacity: .8; }
.swatches-on-grid .swatch-on-grid.basel-hidden {
display: none; }
.basel-swatches-divider {
cursor: pointer;
display: inline-block;
vertical-align: middle;
font-size: 12px;
font-weight: 600;
color: #4E4E4E;
transition: opacity .25s ease; }
.basel-swatches-divider:hover {
opacity: .7; }
.swatch-size-large + .basel-swatches-divider {
font-size: 14px; }
.swatch-size-xlarge + .basel-swatches-divider {
font-size: 16px; }
.basel-dark .basel-swatches-divider,
.color-scheme-light .basel-swatches-divider,
.basel-hover-info .basel-swatches-divider,
.basel-hover-standard .basel-swatches-divider {
color: #FFF; }
.basel-all-shown .basel-swatches-divider {
display: none; }
.grid-masonry .product-grid-item,
.grid-masonry .category-grid-item {
margin-bottom: 30px; }
.basel-buttons {
position: absolute;
top: 0;
right: 0;
z-index: 1; }
.basel-buttons .quick-view,
.basel-buttons .product-compare-button,
.basel-buttons .basel-wishlist-btn {
margin-bottom: 0; }
.basel-buttons .quick-view > a,
.basel-buttons .product-compare-button > a,
.basel-buttons .basel-wishlist-btn > a {
display: block;
font-size: 0;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
letter-spacing: 0;
color: rgba(0, 0, 0, 0.9);
text-decoration: none;
text-transform: none; }
.basel-buttons .quick-view > a .basel-tooltip-label,
.basel-buttons .product-compare-button > a .basel-tooltip-label,
.basel-buttons .basel-wishlist-btn > a .basel-tooltip-label {
bottom: auto;
left: auto;
right: 135%;
top: 50%;
transform: translateX(0px) translateY(-50%); }
.basel-buttons .quick-view > a:hover .basel-tooltip-label,
.basel-buttons .product-compare-button > a:hover .basel-tooltip-label,
.basel-buttons .basel-wishlist-btn > a:hover .basel-tooltip-label {
background-color: #000;
color: #FFF;
visibility: visible;
top: 50%;
bottom: auto;
left: auto;
right: 115%; }
.basel-buttons .quick-view > a:hover .basel-tooltip-label:before,
.basel-buttons .product-compare-button > a:hover .basel-tooltip-label:before,
.basel-buttons .basel-wishlist-btn > a:hover .basel-tooltip-label:before {
color: #000; }
.basel-buttons .quick-view > a .basel-tooltip-label:before,
.basel-buttons .product-compare-button > a .basel-tooltip-label:before,
.basel-buttons .basel-wishlist-btn > a .basel-tooltip-label:before {
content: "\f9d7";
font-family: "basel-font";
position: absolute;
top: 50%;
bottom: auto;
left: 99%;
right: auto;
color: transparent;
font-size: 16px;
line-height: 5px;
transform: translateX(0) translateY(-50%); }
.basel-buttons .quick-view > a .basel-tooltip-label:before,
.basel-buttons .product-compare-button > a .basel-tooltip-label:before,
.basel-buttons .basel-wishlist-btn > a .basel-tooltip-label:before {
content: "\f9da";
font-family: "basel-font"; }
.basel-buttons .quick-view > a:focus,
.basel-buttons .product-compare-button > a:focus,
.basel-buttons .basel-wishlist-btn > a:focus {
outline: none; }
.basel-buttons .quick-view > a:before,
.basel-buttons .product-compare-button > a:before,
.basel-buttons .basel-wishlist-btn > a:before {
content: "\e091";
display: inline-block;
font-size: 18px;
font-family: 'Simple-Line-Icons'; }
.basel-buttons .quick-view > a.loading:not(.added):before,
.basel-buttons .product-compare-button > a.loading:not(.added):before,
.basel-buttons .basel-wishlist-btn > a.loading:not(.added):before {
content: " ";
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear; }
.basel-buttons .product-compare-button > a,
.basel-buttons .basel-wishlist-btn > a {
padding: 0;
background-color: transparent;
border: none;
text-transform: none; }
.basel-buttons .product-compare-button > a .blockOverlay {
display: none !important; }
.basel-buttons .product-compare-button > a:before {
content: "\e098"; }
.basel-buttons .basel-wishlist-btn > a:before {
content: "\e08a"; }
.product-grid-item:not(.basel-hover-base) .quick-view,
.product-grid-item:not(.basel-hover-base) .product-compare-button,
.product-grid-item:not(.basel-hover-base) .basel-wishlist-btn {
visibility: hidden;
opacity: 0;
transform: scale(0);
transition: all .25s ease-in-out; }
.product-grid-item:not(.basel-hover-base):hover .product-element-top .quick-view,
.product-grid-item:not(.basel-hover-base):hover .product-element-top .product-compare-button,
.product-grid-item:not(.basel-hover-base):hover .product-element-top .basel-wishlist-btn {
opacity: 1;
visibility: visible;
transform: scale(1); }
.basel-hover-button .basel-buttons .quick-view > a,
.basel-hover-button .basel-buttons .product-compare-button > a,
.basel-hover-button .basel-buttons .basel-wishlist-btn > a,
.basel-hover-info .basel-buttons .quick-view > a,
.basel-hover-info .basel-buttons .product-compare-button > a,
.basel-hover-info .basel-buttons .basel-wishlist-btn > a {
color: #FFF; }
.basel-hover-button .basel-buttons .quick-view > a:hover,
.basel-hover-button .basel-buttons .product-compare-button > a:hover,
.basel-hover-button .basel-buttons .basel-wishlist-btn > a:hover,
.basel-hover-info .basel-buttons .quick-view > a:hover,
.basel-hover-info .basel-buttons .product-compare-button > a:hover,
.basel-hover-info .basel-buttons .basel-wishlist-btn > a:hover {
color: rgba(255, 255, 255, 0.9); }
.basel-hover-button .basel-buttons .quick-view > a.loading:not(.added):before,
.basel-hover-button .basel-buttons .product-compare-button > a.loading:not(.added):before,
.basel-hover-button .basel-buttons .basel-wishlist-btn > a.loading:not(.added):before,
.basel-hover-info .basel-buttons .quick-view > a.loading:not(.added):before,
.basel-hover-info .basel-buttons .product-compare-button > a.loading:not(.added):before,
.basel-hover-info .basel-buttons .basel-wishlist-btn > a.loading:not(.added):before {
border-color: #FFF; }
.add_to_cart_button {
text-align: center;
position: relative; }
.add_to_cart_button:after {
position: absolute;
top: 50%;
margin-top: -9px;
right: 0;
visibility: hidden;
opacity: 0;
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out; }
.add_to_cart_button.loading {
padding-right: 35px;
padding-left: 15px; }
.add_to_cart_button.loading:after {
visibility: visible;
opacity: 1;
right: 10px;
animation: load-spin 450ms infinite linear; }
.basel-hover-base .product-element-top {
position: relative;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.basel-hover-base .product-element-top:hover > .hover-img {
opacity: 1; }
.basel-hover-base .hover-img {
position: absolute;
top: 0;
opacity: 0;
width: 100%;
transition: all .4s ease-in-out; }
.basel-hover-base .hover-mask {
position: absolute;
text-align: center;
background-color: rgba(0, 0, 0, 0.9);
bottom: -40px;
width: 100%;
height: 40px;
visibility: hidden;
opacity: 0;
transition: all .25s ease-in-out; }
.basel-hover-base .hover-mask a {
color: rgba(255, 255, 255, 0.9); }
.basel-hover-base .hover-mask a:hover {
color: rgba(255, 255, 255, 0.6);
text-decoration: none; }
.basel-hover-base .hover-mask > .clear {
display: none; }
.basel-hover-base .hover-mask > div {
vertical-align: middle;
display: inline-block;
margin-left: 2px; }
.basel-hover-base .hover-mask > div:first-child {
margin-left: 0; }
.basel-hover-base .basel-product-brands-links {
margin-top: -5px; }
.basel-hover-base .basel-add-btn > a {
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
background-color: transparent;
font-size: 0;
border: none;
text-transform: none; }
.basel-hover-base .basel-add-btn > a:after {
content: none; }
.basel-hover-base .basel-add-btn > a:before {
font-size: 18px;
display: inline-block;
width: 19px;
font-family: 'Simple-Line-Icons'; }
.basel-hover-base .product_type_simple:before,
.basel-hover-base .product_type_variable:before {
content: "\e08b"; }
.basel-hover-base .add_to_cart_button:before {
content: "\e04e"; }
.basel-hover-base .added_to_cart:before {
content: "\e04d"; }
.basel-hover-base .add_to_cart_button.loading:before {
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear;
border-color: #FFF; }
.basel-hover-base .quick-view a,
.basel-hover-base .product-compare-button a,
.basel-hover-base .basel-wishlist-btn a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0;
position: relative; }
.basel-hover-base .quick-view a:before,
.basel-hover-base .product-compare-button a:before,
.basel-hover-base .basel-wishlist-btn a:before {
content: "\e091";
font-size: 18px;
width: 19px;
display: inline-block;
font-family: 'Simple-Line-Icons'; }
.basel-hover-base .quick-view a.loading:not(.added):before,
.basel-hover-base .product-compare-button a.loading:not(.added):before,
.basel-hover-base .basel-wishlist-btn a.loading:not(.added):before {
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear;
border-color: #FFF; }
.basel-hover-base .product-compare-button a,
.basel-hover-base .basel-wishlist-btn a {
background: none;
padding: 0;
border: none;
text-transform: none; }
.basel-hover-base .product-compare-button .blockOverlay {
display: none !important; }
.basel-hover-base .product-compare-button a:before {
content: "\e098"; }
.basel-hover-base .basel-wishlist-btn a:before {
content: "\e08a"; }
.basel-hover-base .swatches-on-grid {
margin-bottom: 5px; }
.basel-hover-base:hover > .product-element-top > .hover-mask {
visibility: visible;
opacity: 1;
bottom: 0; }
body .basel-hover-alt,
body .basel-hover-alt .product-title,
body .basel-hover-alt .price {
text-align: left; }
.basel-hover-alt .product-element-top {
position: relative;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.basel-hover-alt .product-element-top:hover .hover-img {
opacity: 1; }
.basel-hover-alt .hover-img {
position: absolute;
top: 0;
opacity: 0;
width: 100%;
transition: all .4s ease-in-out; }
.basel-hover-alt .basel-product-brands-links {
margin-bottom: 0; }
.basel-hover-alt .wrap-price {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.basel-hover-alt .product-title {
margin-bottom: 12px; }
.basel-hover-alt .product-title a {
display: inline;
padding-bottom: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1); }
.basel-hover-alt .product-title a:hover {
border-color: rgba(0, 0, 0, 0.2); }
.basel-hover-alt .swap-elements {
transition: all .2s ease-in-out; }
.basel-hover-alt .swatches-on-grid .swatch-on-grid {
margin-top: 7px;
margin-bottom: 7px; }
.basel-hover-alt .swatches-on-grid .text-only {
margin-top: 4px;
margin-bottom: 4px; }
.basel-hover-alt .star-rating {
display: none; }
.basel-hover-alt .price {
margin-bottom: 10px;
overflow: hidden;
position: relative; }
.basel-hover-alt .btn-add > a {
position: relative;
background-color: transparent;
border: none;
padding: 0;
padding-left: 22px;
color: #000;
white-space: nowrap;
font-weight: bold;
text-transform: none; }
.basel-hover-alt .btn-add > a:before {
display: inline-block;
position: absolute;
line-height: 18px;
font-size: 16px;
font-family: 'simple-line-icons'; }
.basel-hover-alt .btn-add > a.product_type_simple:before, .basel-hover-alt .btn-add > a.product_type_variable:before, .basel-hover-alt .btn-add > a.product_type_grouped:before {
content: "\e087";
left: 0;
top: -1px; }
.basel-hover-alt .btn-add > a.add_to_cart_button:before, .basel-hover-alt .btn-add > a.added_to_cart:before, .basel-hover-alt .btn-add > a.product_type_external:before {
left: 0;
top: -3px; }
.basel-hover-alt .btn-add > a.add_to_cart_button:before, .basel-hover-alt .btn-add > a.product_type_external:before {
content: "\e04e"; }
.basel-hover-alt .btn-add > a.added_to_cart:before {
content: "\e04d"; }
.basel-hover-alt .btn-add > a:after {
left: 0;
right: auto;
transition: right 0s ease-in-out, opacity 0.15s ease-in-out; }
.basel-hover-alt .btn-add > a .basel-tooltip-label {
display: none; }
.basel-hover-alt .btn-add > a.loading:before {
display: none; }
.basel-hover-alt.purchasable .product-title, .basel-hover-alt.product-type-grouped .product-title, .basel-hover-alt.product-type-external .product-title {
margin-bottom: 8px; }
.basel-hover-alt.purchasable .wrapp-swap,
.basel-hover-alt.purchasable .price,
.basel-hover-alt.purchasable .btn-add, .basel-hover-alt.product-type-grouped .wrapp-swap,
.basel-hover-alt.product-type-grouped .price,
.basel-hover-alt.product-type-grouped .btn-add, .basel-hover-alt.product-type-external .wrapp-swap,
.basel-hover-alt.product-type-external .price,
.basel-hover-alt.product-type-external .btn-add {
height: 32px;
line-height: 32px; }
.basel-hover-alt.purchasable .wrapp-swap, .basel-hover-alt.product-type-grouped .wrapp-swap, .basel-hover-alt.product-type-external .wrapp-swap {
overflow: hidden; }
.basel-hover-alt.purchasable .price, .basel-hover-alt.product-type-grouped .price, .basel-hover-alt.product-type-external .price {
margin-bottom: 0; }
.basel-hover-alt.purchasable:hover .swap-elements, .basel-hover-alt.product-type-grouped:hover .swap-elements, .basel-hover-alt.product-type-external:hover .swap-elements {
transform: translateY(-32px); }
.color-scheme-light .basel-hover-alt .btn-add > a {
color: rgba(255, 255, 255, 0.9); }
.color-scheme-light .basel-hover-alt .btn-add > a:hover {
color: #FFF; }
.login-see-prices .basel-hover-alt.purchasable:hover .swap-elements {
transform: none; }
.catalog-mode-on .basel-hover-alt .wrapp-swap {
line-height: 1.6;
height: auto;
overflow: visible; }
.catalog-mode-on .basel-hover-alt .price {
line-height: 1.6;
height: auto; }
.catalog-mode-on .basel-hover-alt .btn-add {
display: none; }
.catalog-mode-on .basel-hover-alt:hover .wrapp-swap .swap-elements {
transform: none; }
.basel-hover-link .product-element-top {
position: relative;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.basel-hover-link .product-element-top:hover .hover-img {
opacity: 1; }
.basel-hover-link .hover-img {
position: absolute;
top: 0;
opacity: 0;
width: 100%;
transition: all .4s ease-in-out; }
.basel-hover-link .basel-product-brands-links {
margin-top: -2px; }
.basel-hover-link .wrapp-swap {
height: 25px;
line-height: 25px;
overflow: hidden; }
.basel-hover-link .swap-elements {
transition: all .2s ease-in-out; }
.basel-hover-link .btn-add {
height: 25px;
line-height: 25px; }
.basel-hover-link .btn-add a {
background-color: transparent;
font-weight: bold;
position: relative;
padding: 0;
border-top: none;
border-left: none;
border-right: none;
text-transform: capitalize;
padding: 0 0 0px 0; }
.basel-hover-link .btn-add a .basel-tooltip-label {
display: none; }
.basel-hover-link .btn-add a:after {
transition: all .25s ease-in-out; }
.basel-hover-link .btn-add a.loading {
padding-right: 25px;
padding-left: 0; }
.basel-hover-link .btn-add a.loading:after {
right: 0; }
.basel-hover-link .btn-add a:hover {
opacity: .8; }
.basel-hover-link .swatches-on-grid {
margin-bottom: 6px; }
.basel-hover-link .price {
height: 25px;
line-height: 25px;
overflow: hidden; }
.basel-hover-link .star-rating {
display: none; }
.basel-hover-link:hover .wrapp-swap .swap-elements {
transform: translateY(-25px); }
.login-see-prices .basel-hover-link.purchasable:hover .swap-elements {
transform: none; }
.basel-hover-standard .product-element-top {
position: relative;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.basel-hover-standard .product-element-top:hover .hover-img {
opacity: 1; }
.basel-hover-standard .hover-img {
position: absolute;
top: 0;
opacity: 0;
width: 100%;
transition: all .4s ease-in-out; }
.basel-hover-standard .basel-product-brands-links {
margin-top: -5px; }
.basel-hover-standard .product-title a {
font-size: 16px; }
.basel-hover-standard .price {
color: #212121;
font-weight: 600; }
.basel-hover-standard .price del {
font-weight: 400; }
.basel-hover-standard .amount {
color: #212121; }
.basel-hover-standard .swatches-wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.8);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
perspective: 800px;
-webkit-perspective: 800px;
transform: translateY(100%);
transition: all .25s ease; }
.basel-hover-standard .swatches-on-grid {
padding: 8px 5px; }
.basel-hover-standard .swatches-on-grid .swatch-on-grid {
color: #FFF; }
.basel-hover-standard .swatches-on-grid .current-swatch:after {
background-color: #FFF; }
.basel-hover-standard .swatches-on-grid .swatch-on-grid:not(.text-only) {
margin-top: 5px;
margin-bottom: 5px; }
.basel-hover-standard .btn-add {
margin-top: 12px; }
.basel-hover-standard .btn-add > a {
font-size: 12px;
line-height: 16px;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 14px;
padding-right: 14px;
border-width: 2px;
font-weight: 600;
color: #FFF; }
.basel-hover-standard .btn-add > a:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.basel-hover-standard .btn-add > a.loading {
padding-right: 35px;
padding-left: 15px; }
.basel-hover-standard .btn-add > a:after {
border-color: #FFF; }
.basel-hover-standard .btn-add .basel-tooltip-label {
display: none; }
.basel-hover-standard:hover .swatches-wrapper {
transform: translateY(0); }
.basel-hover-info {
margin-bottom: 30px; }
.basel-hover-info .product-element-top {
position: relative;
background-color: #000;
margin-bottom: 0; }
.basel-hover-info .product-element-top > a {
position: relative;
transition: all .25s ease-in-out; }
.basel-hover-info .product-element-top:after {
content: none; }
.basel-hover-info .hover-mask {
position: absolute;
top: 55%;
width: 100%;
padding: 1px;
text-align: center;
opacity: 0;
transform: translateY(-49%);
transition: all .25s ease-in-out; }
.basel-hover-info .product-actions {
transform: translateY(20px);
transition: all .25s ease-in-out; }
.basel-hover-info .product-actions > a {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.9); }
.basel-hover-info .product-actions > a .basel-tooltip-label {
display: none; }
.basel-hover-info .product-actions > a:after {
border-color: rgba(255, 255, 255, 0.9); }
.basel-hover-info .product-actions > a:hover {
background-color: #FFF;
color: #5F5F5F;
border-color: #FFF; }
.basel-hover-info .product-actions > a:hover:after {
border-color: #5F5F5F; }
.basel-hover-info .product-title {
position: relative; }
.basel-hover-info .product-title a {
color: #FFF;
padding: 0 30px;
display: inline-block;
line-height: 1.5; }
.basel-hover-info .product-title a:hover {
color: rgba(255, 255, 255, 0.8); }
.basel-hover-info .basel-product-brands-links {
margin-top: -5px; }
.basel-hover-info .basel-product-brands-links a {
color: #FFF; }
.basel-hover-info .star-rating {
margin-bottom: 10px;
display: none; }
.basel-hover-info .star-rating:before {
color: rgba(255, 255, 255, 0.7); }
.basel-hover-info .star-rating span:before {
color: rgba(255, 255, 255, 0.9); }
.basel-hover-info .swatches-on-grid {
margin-bottom: 15px; }
.basel-hover-info .swatches-on-grid .swatch-on-grid {
color: #FFF; }
.basel-hover-info .swatches-on-grid .swatch-on-grid:last-child {
position: relative; }
.basel-hover-info .swatches-on-grid .swatch-on-grid:last-child:before {
position: absolute;
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid #FFF;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear;
top: 0;
right: -25px;
opacity: 0;
visibility: hidden;
transition: all .2s ease-in-out; }
.basel-hover-info .swatches-on-grid .swatch-on-grid.current-swatch:after {
background-color: #FFF; }
.basel-hover-info .price {
color: #FFF;
margin-bottom: 15px; }
.basel-hover-info .price .amount {
color: #FFF; }
.basel-hover-info .price del,
.basel-hover-info .price del .amount {
color: #a5a5a5; }
.basel-hover-info .price ins > .amount {
text-decoration: none; }
.basel-hover-info:hover > .product-element-top > .hover-mask {
top: 50%;
opacity: 1; }
.basel-hover-info:hover > .product-element-top > .hover-mask .product-actions {
transform: translateY(0px); }
.basel-hover-info:hover > .product-element-top > a {
opacity: .2; }
.basel-hover-info.loading-image .product-element-top > a {
opacity: .2; }
.basel-hover-info.loading-image .swatches-on-grid .swatch-on-grid:last-child:before {
opacity: 1;
visibility: visible; }
.basel-hover-button .product-element-top {
position: relative;
background-color: #000; }
.basel-hover-button .product-element-top > a {
position: relative;
transition: all .25s ease-in-out; }
.basel-hover-button .product-element-top > a > span {
opacity: 1;
visibility: visible;
transition: all .25s ease-in-out;
transform: scale(1); }
.basel-hover-button .basel-buttons {
transition: all .25s ease-in-out; }
.basel-hover-button .hover-mask {
position: absolute;
top: 50%;
width: 100%;
padding: 1px;
text-align: center;
opacity: 0;
transition: all .25s ease-in-out;
transform: translateY(-50%); }
.basel-hover-button .hover-mask > a {
background-color: transparent;
border: 1px solid #FFF;
color: #FFF;
transform: scale(0); }
.basel-hover-button .hover-mask > a .basel-tooltip-label {
display: none; }
.basel-hover-button .hover-mask > a:after {
border-color: rgba(255, 255, 255, 0.9); }
.basel-hover-button .hover-mask > a:hover {
background-color: #FFF;
color: #5F5F5F;
border-color: #FFF; }
.basel-hover-button .hover-mask > a:hover:after {
border-color: #5F5F5F; }
.basel-hover-button .basel-product-brands-links {
margin-top: -5px; }
.basel-hover-button .swatches-on-grid {
margin-bottom: 5px; }
.basel-hover-button:hover > .product-element-top > .hover-mask {
opacity: 1; }
.basel-hover-button:hover > .product-element-top > a {
opacity: .4; }
.basel-hover-button:hover > .product-element-top .hover-mask > a {
transform: scale(1); }
.basel-hover-button:hover > .product-element-top > a > span {
opacity: 0;
visibility: hidden;
transform: scale(0); }
.basel-hover-button.product-swatched .product-element-top .hover-mask {
opacity: 0; }
.basel-hover-button.product-swatched .product-element-top > a {
opacity: 1; }
.basel-hover-button.product-swatched .product-element-top .basel-buttons {
opacity: 0; }
.basel-hover-button.product-swatched .product-element-top:hover > .hover-mask {
opacity: 1; }
.basel-hover-button.product-swatched .product-element-top:hover .basel-buttons {
opacity: 1; }
.basel-hover-button.product-swatched .product-element-top:hover > a {
opacity: .4; }
.basel-hover-button.loading-image .product-element-top > a {
opacity: .4; }
.basel-hover-button.loading-image .product-element-top .hover-mask {
opacity: 0; }
.basel-hover-button.loading-image .product-element-top:after {
border-color: #FFF; }
.basel-hover-quick .product-element-top {
margin-bottom: 7px;
position: relative;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.basel-hover-quick .product-element-top > a {
transition: all .2s ease-in-out; }
.basel-hover-quick .product-element-top:hover .hover-img {
opacity: 1; }
.basel-hover-quick .hover-img {
position: absolute;
top: 0;
opacity: 0;
width: 100%;
transition: all .4s ease-in-out; }
.basel-hover-quick .basel-buttons {
transition: all .2s ease-in-out; }
.basel-hover-quick .product-title {
line-height: 1.4;
margin-bottom: 7px; }
.basel-hover-quick .product-title a {
display: block; }
.basel-hover-quick .swatches-on-grid {
padding-top: 5px; }
.basel-hover-quick .swatches-on-grid .swatch-on-grid:not(.text-only),
.basel-hover-quick .swatches-on-grid .basel-swatches-divider {
margin-bottom: 6px; }
.basel-hover-quick .swatches-on-grid .basel-tooltip-label {
z-index: 11; }
.basel-hover-quick .quick-shop-btn {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
transition: transform .25s ease .35s, opacity .1s ease .25s, visibility .1s ease .25s; }
.basel-hover-quick .quick-shop-btn > a {
display: block;
padding: 0;
line-height: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.9);
border: none;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .3px;
font-size: 14px;
color: #FFF;
text-decoration: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.basel-hover-quick .quick-shop-btn > a span {
vertical-align: middle; }
.basel-hover-quick .quick-shop-btn > a:before {
content: "\e04e";
position: relative;
top: -1px;
display: inline-block;
line-height: 16px;
font-size: 16px;
margin-right: 10px;
vertical-align: middle;
font-family: 'simple-line-icons'; }
.basel-hover-quick .quick-shop-btn > a.product_type_grouped:before, .basel-hover-quick .quick-shop-btn > a.product_type_simple:not(.add_to_cart_button):before {
content: "\e087"; }
.basel-hover-quick .quick-shop-btn > a.added_to_cart:before {
content: "\e04d"; }
.basel-hover-quick .quick-shop-btn > a.add_to_cart_button.loading {
padding-right: 30px; }
.basel-hover-quick .quick-shop-btn > a:after {
border-color: #FFF;
margin-top: -8px;
right: 15px; }
.basel-hover-quick .quick-shop-btn > a .basel-tooltip-label {
display: none; }
.basel-hover-quick .quick-shop-btn > a:not(.btn-quick-shop):before {
top: -2px; }
.basel-hover-quick .quick-shop-btn > a:hover {
color: #FFF;
background-color: #000; }
.basel-hover-quick .single_add_to_cart_button {
position: relative; }
.basel-hover-quick .single_add_to_cart_button:after {
position: absolute;
top: 50%;
margin-top: -8px;
right: 0;
visibility: hidden;
opacity: 0;
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid #FFF;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out; }
.basel-hover-quick .single_add_to_cart_button.loading {
padding-right: 50px; }
.basel-hover-quick .single_add_to_cart_button.loading:after {
animation: load-spin 450ms infinite linear;
visibility: visible;
opacity: 1;
right: 12px; }
.basel-hover-quick .added_to_cart {
display: none; }
.basel-hover-quick .quick-shop-wrapper {
position: absolute;
top: expression(100% + 40px);
top: calc(100% + 40px);
left: 0;
z-index: 10;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.95);
display: flex;
flex-direction: column;
transition: transform .25s ease; }
.basel-hover-quick .quick-shop-close {
position: absolute;
top: 5px;
right: 5px;
opacity: 0;
visibility: hidden;
color: #000;
z-index: 5;
transition: visibility .2s ease 0.0s, opacity .2s ease 0.0s; }
.basel-hover-quick .quick-shop-close > span {
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-weight: bold;
letter-spacing: .6px;
line-height: 35px;
position: relative;
cursor: pointer;
padding-right: 18px; }
.basel-hover-quick .quick-shop-close > span:after, .basel-hover-quick .quick-shop-close > span:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
width: 12px;
height: 2px;
display: inline-block;
background-color: black;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.basel-hover-quick .quick-shop-close > span:after {
transform: rotate(0deg); }
.basel-hover-quick .quick-shop-close > span:before {
transform: rotate(0deg); }
.basel-hover-quick .quick-shop-close > span:hover:after {
transform: rotate(-45deg); }
.basel-hover-quick .quick-shop-close > span:hover:before {
transform: rotate(45deg); }
.basel-hover-quick .quick-shop-form {
display: flex;
flex-grow: 1;
align-items: stretch;
padding-top: 30px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.basel-hover-quick .variations_form {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
padding-top: 30px;
margin-top: -30px; }
.basel-hover-quick .variations_form:before {
content: ""; }
.basel-hover-quick .variations_form .basel-swatch[style$="#FFF"] {
border: 1px solid rgba(0, 0, 0, 0.15); }
.basel-hover-quick .variations_form .basel-swatch[style$="#FFF"] .basel-tooltip-label {
margin-bottom: 2px; }
.basel-hover-quick .variations {
margin-bottom: 0; }
.basel-hover-quick .variations label {
font-weight: bold;
margin-bottom: 10px; }
.basel-hover-quick .variations label:after {
content: ":"; }
.basel-hover-quick .variations tr {
display: flex;
flex-direction: column;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.basel-hover-quick .variations tr:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
.basel-hover-quick .variations tr:last-child .value {
margin-bottom: 25px; }
.basel-hover-quick .variations td {
border: none;
padding: 0;
text-align: center; }
.basel-hover-quick .variations .value {
position: relative; }
.basel-hover-quick .variations .value select {
max-width: 260px; }
.basel-hover-quick .variations .with-swatches select {
display: none; }
.basel-hover-quick .reset_variations {
position: absolute;
top: 100%;
left: 50%;
margin-top: 7px;
font-size: 12px;
font-weight: 600;
vertical-align: middle;
display: inline-block;
transform: translate3d(-50%, 0, 0); }
.basel-hover-quick .reset_variations:before {
content: "\f90d";
font-family: "basel-font";
margin-right: 5px;
display: inline-block; }
.basel-hover-quick .swatches-select > div {
position: relative;
font-size: 16px;
font-weight: 600;
display: inline-block;
text-align: center;
vertical-align: middle;
min-width: 20px;
color: #1B1919;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
cursor: pointer; }
.basel-hover-quick .swatches-select > div:last-child {
margin-right: 0; }
.basel-hover-quick .swatches-select > div:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -5px;
height: 2px;
background-color: #000;
opacity: 0; }
.basel-hover-quick .swatches-select > div:hover:after {
opacity: 1; }
.basel-hover-quick .swatches-select > div.active-swatch:after {
opacity: 1; }
.basel-hover-quick .swatches-select .image-swatch,
.basel-hover-quick .swatches-select .colored-swatch {
font-size: 0;
width: 25px;
height: 25px;
border-bottom: none;
border-radius: 50%;
background-size: cover; }
.basel-hover-quick .swatches-select .swatch-size-large {
width: 45px;
height: 45px; }
.basel-hover-quick .swatches-select .swatch-size-large.text-only {
font-size: 18px; }
.basel-hover-quick .swatches-select .swatch-size-xlarge {
width: 70px;
height: 70px; }
.basel-hover-quick .swatches-select .swatch-size-xlarge.text-only {
font-size: 24px; }
.basel-hover-quick .swatches-select .text-only .basel-tooltip-label {
display: none; }
.basel-hover-quick .swatches-select .swatch-enabled {
cursor: pointer; }
.basel-hover-quick .swatches-select .swatch-disabled {
cursor: default;
opacity: .4;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.basel-hover-quick .woocommerce-variation,
.basel-hover-quick .woocommerce-variation-description,
.basel-hover-quick .wc-no-matching-variations {
font-size: 12px;
color: #000; }
.basel-hover-quick .woocommerce-variation > p,
.basel-hover-quick .woocommerce-variation-description > p {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px; }
.basel-hover-quick .wc-no-matching-variations {
border: none;
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
font-size: 12px; }
.basel-hover-quick .wc-no-matching-variations:before {
display: none; }
.basel-hover-quick .woocommerce-variation-availability,
.basel-hover-quick .woocommerce-variation-price {
display: inline-block;
vertical-align: middle; }
.basel-hover-quick .woocommerce-variation-availability {
text-transform: uppercase;
font-size: 12px;
letter-spacing: .3px;
margin-left: 5px;
color: #B50808;
font-weight: bold;
margin-bottom: -2px; }
.basel-hover-quick .woocommerce-variation-availability > p {
margin-bottom: 0; }
.basel-hover-quick .woocommerce-variation-price .price {
font-weight: 600;
color: #1B1919; }
.basel-hover-quick .woocommerce-variation-price .amount {
color: #1B1919; }
.basel-hover-quick .woocommerce-variation-price del > .amount {
color: #BDBDBD;
font-weight: 400; }
.basel-hover-quick .woocommerce-variation-add-to-cart {
margin-top: 10px; }
.basel-hover-quick .woocommerce-variation-add-to-cart div.quantity {
display: none !important; }
.basel-hover-quick .woocommerce-variation-add-to-cart .button {
color: #FFF;
display: block;
width: 100%;
font-weight: 600; }
.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.basel-hover-quick:hover .quick-shop-wrapper {
transform: translate3d(0, -40px, 0); }
.basel-hover-quick.loading-quick-shop .product-element-top > a {
opacity: .2; }
.basel-hover-quick.loading-quick-shop .product-element-top .hover-img {
opacity: 0; }
.basel-hover-quick.loading-quick-shop .product-element-top:after {
opacity: 1;
visibility: visible;
transition: all .2s ease-in-out;
animation: load-spin 450ms infinite linear; }
.basel-hover-quick.loading-quick-shop .product-element-top .basel-buttons {
opacity: 0;
visibility: hidden; }
.basel-hover-quick.loading-quick-shop .quick-shop-wrapper {
transform: translate3d(0, 0, 0); }
.basel-hover-quick.quick-shop-shown .quick-shop-wrapper {
top: 100%;
transform: translate3d(0, -100%, 0);
transition: transform .4s ease;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.basel-hover-quick.quick-shop-shown .quick-shop-btn {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 40px, 0);
transition: all .3s ease; }
.basel-hover-quick.quick-shop-shown .quick-shop-close {
opacity: 1;
visibility: visible;
transition: all .25s ease-in-out .35s; }
.basel-hover-quick.quick-shop-shown .product-element-top .basel-buttons {
opacity: 0;
visibility: hidden; }
.basel-hover-excerpt .product-element-top {
position: relative;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; }
.basel-hover-excerpt .product-element-top:hover .hover-img {
opacity: 1; }
.basel-hover-excerpt .hover-img {
position: absolute;
top: 0;
opacity: 0;
width: 100%;
transition: all .4s ease-in-out; }
.basel-hover-excerpt .swatches-wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #FFF;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
perspective: 800px;
-webkit-perspective: 800px;
transform: translateY(100%);
transition: all .25s ease; }
.basel-hover-excerpt .swatches-on-grid {
padding: 8px 5px;
border-top: 1px solid rgba(97, 97, 97, 0.09);
border-bottom: 1px solid rgba(97, 97, 97, 0.09); }
.basel-hover-excerpt .swatches-on-grid .swatch-on-grid:not(.text-only) {
margin-top: 5px;
margin-bottom: 5px; }
.basel-hover-excerpt .rating-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 10px; }
.basel-hover-excerpt .star-rating,
.basel-hover-excerpt .price {
margin-top: 3px;
margin-bottom: 3px !important;
margin-left: 5px;
margin-right: 5px; }
.basel-hover-excerpt .product-title {
line-height: 24px !important; }
.basel-hover-excerpt .product-title a {
font-size: 18px !important; }
.basel-hover-excerpt .product-element-bottom {
border: 3px solid rgba(97, 97, 97, 0.09);
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
min-height: 197px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column; }
.basel-hover-excerpt .product-excerpt {
line-height: 22px;
overflow: hidden;
max-height: 66px;
margin-bottom: 15px; }
.basel-hover-excerpt .product-excerpt p {
line-height: 22px; }
.basel-hover-excerpt .btn-add {
margin-top: -18px; }
.basel-hover-excerpt .btn-add a {
font-size: 12px;
line-height: 16px;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 14px;
padding-right: 14px;
font-weight: 600;
color: #FFF; }
.basel-hover-excerpt .btn-add a:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.basel-hover-excerpt .btn-add a.loading {
padding-right: 35px;
padding-left: 15px; }
.basel-hover-excerpt .btn-add a:after {
border-color: #FFF; }
.basel-hover-excerpt .btn-add .basel-tooltip-label {
display: none; }
.basel-hover-excerpt:hover .swatches-wrapper {
transform: translateY(0); }
.product-list-item {
position: relative;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
flex-wrap: nowrap;
padding-bottom: 30px;
margin-bottom: 30px; }
.product-list-item .product-element-top {
margin-bottom: 0; }
.product-list-item .product-list-content .product-title,
.product-list-item .product-list-content .product-list-info {
text-align: left; }
.product-list-item .product-title {
margin-bottom: 15px; }
.product-list-item .product-title > a {
display: inline !important;
line-height: 1.5;
font-weight: normal;
font-size: inherit !important;
border-bottom: 1px solid #F1F1F1; }
.product-list-item .product-title > a:hover {
border-color: rgba(0, 0, 0, 0.2); }
.product-list-item .woocommerce-product-rating {
margin-bottom: 12px; }
.product-list-item .woocommerce-product-rating > a {
vertical-align: middle; }
.product-list-item .star-rating {
vertical-align: middle;
margin-bottom: 0; }
.product-list-item .basel-product-countdown {
margin-top: 10px;
margin-bottom: 5px; }
.product-list-item .basel-product-brands-links {
margin-bottom: 10px; }
.product-list-item .blockOverlay {
display: none !important; }
.product-list-item .product-list-buttons > a {
margin-bottom: 15px;
color: #FFF; }
.product-list-item .product-list-buttons > a:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.product-list-item .product-list-buttons .add_to_cart_button:after {
border-color: #FFF;
margin-top: -8px; }
.product-list-item .product-list-buttons .product-compare-button > a,
.product-list-item .product-list-buttons .basel-wishlist-btn > a {
background-color: transparent;
border: none;
padding: 0;
text-transform: initial; }
.product-list-item .product-list-buttons .product-compare-button > a.loading:not(.added):after,
.product-list-item .product-list-buttons .basel-wishlist-btn > a.loading:not(.added):after {
opacity: 1;
animation: load-spin 450ms infinite linear; }
.product-list-item .product-list-buttons .product-compare-button > a.loading:not(.added):before,
.product-list-item .product-list-buttons .basel-wishlist-btn > a.loading:not(.added):before {
opacity: 0; }
.product-list-item .product-list-buttons .product-compare-button > a:before,
.product-list-item .product-list-buttons .basel-wishlist-btn > a:before {
font-size: 18px;
vertical-align: middle;
margin-right: 4px;
display: inline-block;
font-family: 'Simple-Line-Icons'; }
.product-list-item .product-list-buttons .product-compare-button > a:after,
.product-list-item .product-list-buttons .basel-wishlist-btn > a:after {
position: absolute;
left: 0;
top: 2px;
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
opacity: 0; }
.product-list-item .product-list-buttons .basel-wishlist-btn {
margin-bottom: 10px; }
.product-list-item .product-list-buttons .basel-wishlist-btn > a:before {
content: "\e08a"; }
.product-list-item .product-list-buttons .product-compare-button > a:before {
content: "\e098"; }
.product-list-item .product-list-image div.product-compare-button,
.product-list-item .product-list-image div.basel-wishlist-btn,
.product-list-item .product-list-buttons div.product-compare-button,
.product-list-item .product-list-buttons div.basel-wishlist-btn {
opacity: 1;
visibility: visible;
transform: none; }
.product-list-item:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 15px;
border-bottom: 1px solid #F1F1F1;
width: calc(100% - 15px); }
.product-list-item:last-child:after {
display: none; }
.product-list-image {
position: relative;
flex: 0 0 20%;
width: 20%;
max-width: 20%;
align-self: flex-start; }
.product-list-image > a {
display: block; }
.product-list-image .quick-view {
position: absolute;
top: 0;
right: -1px; }
.product-list-image .quick-view > a {
display: block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 0; }
.product-list-image .quick-view > a.loading:before {
content: " ";
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: load-spin 450ms infinite linear; }
.product-list-image .quick-view > a:before {
content: "\e091";
display: inline-block;
font-size: 18px;
font-family: 'Simple-Line-Icons'; }
.product-list-image .hover-img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
transition: all .4s ease-in-out; }
.product-list-image:hover .quick-view {
opacity: 1 !important;
visibility: visible !important;
transform: scale(1) !important; }
.product-list-image:hover .hover-img {
opacity: 1; }
.product-list-content {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
flex-wrap: nowrap;
flex: 1 1 auto; }
.product-list-info {
margin-left: 20px;
margin-right: 20px;
padding-right: 20px;
border-right-width: 1px;
border-right-style: solid;
border-color: #F1F1F1;
flex: 1 1 auto; }
.product-list-buttons {
flex: 0 0 165px;
width: 165px;
max-width: 165px;
align-self: center;
text-align: center; }
.product-list-buttons .price {
margin-bottom: 10px !important; }
.product-list-buttons .basel-tooltip-label {
display: none; }
.single-product.header-full-width .woocommerce-message,
.single-product.header-full-width .woocommerce-error {
width: 95%; }
.single-product .woocommerce-message,
.single-product .woocommerce-error {
max-width: 1140px;
margin: -20px auto 60px auto; }
.single-product .site-content {
margin-bottom: 0; }
.single-product .price del,
.single-product .price del .amount {
color: #BBB; }
.single-product-content .product-image-summary {
margin-bottom: 60px; }
.single-product-content .woocommerce-main-image {
cursor: url(//vitrinavenezuela.com/wp-content/themes/basel/images/cursor-zoom.png), pointer; }
.single-product-content .basel-show-product-gallery-wrap {
display: none;
position: absolute;
bottom: 4px;
right: 20px;
z-index: 2;
padding-right: 10px;
padding-bottom: 10px; }
.document-ready .single-product-content .basel-show-product-gallery-wrap {
display: block; }
.single-product-content .basel-show-product-gallery {
display: block;
background-color: #FFF;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
text-align: center;
font-size: 0;
color: #000; }
.single-product-content .basel-show-product-gallery:hover:after {
color: rgba(0, 0, 0, 0.6); }
.single-product-content .basel-show-product-gallery:after {
content: "\e091";
display: inline-block;
font-family: 'Simple-Line-Icons';
width: 38px;
font-size: 18px;
height: 38px;
line-height: 38px;
transition: all .2s ease; }
.single-product-content .product-images {
position: relative; }
.single-product-content .product-images .product-labels {
align-items: flex-end;
left: auto;
z-index: 10;
max-width: 30%;
opacity: 0; }
.single-product-content .product-images .labels-rectangular {
right: 20px; }
.single-product-content .product-images .labels-rounded {
right: 25px; }
.single-product-content .product-images .labels-rounded .product-label {
min-width: 55px;
min-height: 55px; }
.browser-Internet .single-product-content .product-images .labels-rounded .product-label {
height: 55px; }
.single-product-content .product-images .labels-rounded .label-with-img {
min-height: auto; }
.document-ready .single-product-content .product-images .product-labels {
opacity: 1; }
.single-product-content .product-images img:focus,
.single-product-content .product-images a:focus {
outline: none; }
.single-product-content .product-images .woocommerce-product-gallery__image img,
.single-product-content .product-images .woocommerce-product-gallery__image--placeholder img,
.single-product-content .product-images .product-image-thumbnail img {
width: 100%; }
.single-product-content .product-images.col-sm-8 .thumbs-position-left .slick-slider.count-3 {
margin-left: -5px;
margin-right: -5px; }
.single-product-content .product-images.col-sm-8 .thumbs-position-left .slick-slider.count-3 .slick-slide {
padding-bottom: 16px; }
.single-product-content .product-images.col-sm-8 .thumbs-position-left .slick-slide {
padding-bottom: 15px; }
.single-product-content .product-images.col-sm-6 .thumbs-position-left .slick-slider {
margin-left: -3px;
margin-right: -3px; }
.single-product-content .product-images.col-sm-6 .thumbs-position-left .slick-slider.count-3 {
margin-left: -7px;
margin-right: -7px; }
.single-product-content .product-images.col-sm-6 .thumbs-position-left .slick-slider.count-3 .slick-slide {
padding-bottom: 10px; }
.single-product-content .product-images.col-sm-6 .thumbs-position-left .slick-slide {
padding-bottom: 8px; }
.single-product-content .product-images.col-sm-4 .thumbs-position-left .slick-slider {
margin-left: -3px;
margin-right: -3px; }
.single-product-content .product-images.col-sm-4 .thumbs-position-left .slick-slider.count-3 {
margin-left: -7px;
margin-right: -7px; }
.single-product-content .product-images.col-sm-4 .thumbs-position-left .slick-slider.count-3 .slick-slide {
padding-bottom: 8px; }
.single-product-content .product-images.col-sm-4 .thumbs-position-left .slick-slide {
padding-bottom: 7px; }
.single-product-content .product-images .thumbs-position-bottom .thumbnails:not(.slick-vertical),
.single-product-content .product-images .thumbs-position-left .thumbnails:not(.slick-vertical) {
margin-top: 4px;
margin-left: -2px; }
.single-product-content .product-images .thumbs-position-bottom .thumbnails:not(.slick-vertical) .owl-item,
.single-product-content .product-images .thumbs-position-left .thumbnails:not(.slick-vertical) .owl-item {
padding: 0 2px 0 2px;
display: block;
cursor: pointer;
transition: opacity .2s ease; }
.single-product-content .product-images .thumbs-position-bottom .thumbnails:not(.slick-vertical) .owl-item.active-thumb, .single-product-content .product-images .thumbs-position-bottom .thumbnails:not(.slick-vertical) .owl-item:hover,
.single-product-content .product-images .thumbs-position-left .thumbnails:not(.slick-vertical) .owl-item.active-thumb,
.single-product-content .product-images .thumbs-position-left .thumbnails:not(.slick-vertical) .owl-item:hover {
opacity: .5; }
.single-product-content .product-images .thumbs-position-bottom .owl-nav,
.single-product-content .product-images .thumbs-position-left .owl-nav {
position: absolute;
bottom: 10px;
right: 14px;
background-color: #FFF;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); }
.single-product-content .product-images .thumbs-position-bottom .owl-nav > div,
.single-product-content .product-images .thumbs-position-left .owl-nav > div {
position: static;
filter: Alpha(Opacity=1);
opacity: 1;
box-shadow: none;
transform: none; }
.single-product-content .product-images .thumbs-position-bottom .owl-nav > div:before,
.single-product-content .product-images .thumbs-position-left .owl-nav > div:before {
width: 38px;
font-size: 18px;
height: 38px;
line-height: 38px; }
.single-product-content .product-images .thumbs-position-bottom .owl-dots,
.single-product-content .product-images .thumbs-position-left .owl-dots {
display: none; }
.single-product-content:not(.product-quick-view) .woocommerce-product-gallery__wrapper {
padding-right: 5px; }
.single-product-content .woocommerce-product-gallery__wrapper.owl-carousel > figure:nth-child(n+2) {
display: none; }
.single-product-content .woocommerce-product-gallery {
opacity: 1 !important; }
.single-product-content .thumbs-position-left .thumbnails,
.single-product-content .thumbs-position-bottom .thumbnails {
opacity: 0;
visibility: hidden;
transition: opacity .4s ease-in-out; }
.single-product-content .thumbs-position-left .thumbnails .active-thumb,
.single-product-content .thumbs-position-bottom .thumbnails .active-thumb {
transition: none !important; }
.single-product-content .thumbs-position-left .thumbnails.thumbnails-ready,
.single-product-content .thumbs-position-bottom .thumbnails.thumbnails-ready {
opacity: 1;
visibility: visible; }
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist {
display: inline-block;
margin-bottom: 15px; }
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist a {
position: relative; }
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist a .basel-tooltip-label {
display: none; }
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist a:before {
color: #4E4E4E;
transition: opacity .0s ease, color .2s ease-in-out; }
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist a:after {
position: absolute;
left: 0;
top: 5px;
margin-left: 0; }
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.feid-in > a {
color: #545454; }
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.feid-in > a:before {
opacity: 0; }
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .blockOverlay {
display: none !important; }
.single-product-content .entry-summary .wishlist-btn-wrapper a,
.single-product-content .entry-summary .compare-btn-wrapper a {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 14px;
line-height: 1.5;
color: #4E4E4E;
padding: 0;
background-color: transparent;
border: none;
text-transform: none; }
.single-product-content .entry-summary .wishlist-btn-wrapper a.loading:not(.added):after,
.single-product-content .entry-summary .compare-btn-wrapper a.loading:not(.added):after {
opacity: 1;
animation: load-spin 450ms infinite linear; }
.single-product-content .entry-summary .wishlist-btn-wrapper a.loading:not(.added):before,
.single-product-content .entry-summary .compare-btn-wrapper a.loading:not(.added):before {
opacity: 0; }
.single-product-content .entry-summary .wishlist-btn-wrapper a:after,
.single-product-content .entry-summary .compare-btn-wrapper a:after {
position: absolute;
left: 0;
top: 5px;
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
opacity: 0; }
.single-product-content .entry-summary .wishlist-btn-wrapper a:before,
.single-product-content .entry-summary .compare-btn-wrapper a:before {
font-size: 18px;
vertical-align: middle;
margin-right: 5px;
color: #4E4E4E;
display: inline-block;
font-family: 'Simple-Line-Icons';
transition: opacity .0s ease, color .25s ease-in-out; }
.single-product-content .entry-summary .wishlist-btn-wrapper {
display: inline-block;
margin-bottom: 15px; }
.single-product-content .entry-summary .wishlist-btn-wrapper a:before {
content: "\e08a"; }
.single-product-content .entry-summary .compare-btn-wrapper a:before {
content: "\e098"; }
.single-product-content .entry-summary .compare-btn-wrapper a + a {
display: none; }
.single-product-content .entry-summary .compare-btn-wrapper a .blockOverlay {
display: none !important; }
.single-product-content .entry-summary .basel-sizeguide-btn {
display: inline-flex;
align-items: center;
font-size: 14px;
line-height: 1.5;
color: #4E4E4E;
gap: 5px; }
.single-product-content .entry-summary .basel-sizeguide-btn:before {
content: "\e908";
font-family: "basel-font";
font-size: 18px;
transition: all .25s ease-in-out; }
.single-product-content .entry-summary .basel-sizeguide-btn:hover {
text-decoration: none; }
.single-product-content .entry-summary .sizeguide-btn-wrapp {
margin-top: 15px;
line-height: 27px; }
.single-product-content .entry-summary .cart + div + .sizeguide-btn-wrapp,
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist + .clear + div + .sizeguide-btn-wrapp {
margin-top: 0; }
.single-product-content .entry-summary .login-to-prices-msg {
font-size: 16px; }
.single-product-content .entry-title {
font-size: 38px;
margin-bottom: 10px; }
.single-product-content .woocommerce-breadcrumb,
.single-product-content .yoast-breadcrumb {
margin-bottom: 40px;
line-height: 1.7; }
.single-product-content .woocommerce-breadcrumb a:hover,
.single-product-content .yoast-breadcrumb a:hover {
color: #797979; }
.single-product-content .woocommerce-product-rating {
overflow: hidden;
margin-bottom: 10px;
margin-top: 5px;
display: inline-block; }
.single-product-content .woocommerce-product-rating .star-rating {
margin-right: 10px;
vertical-align: middle;
top: 1px; }
.single-product-content .woocommerce-product-rating .star-rating span:before {
color: #1F1F1F; }
.single-product-content .woocommerce-product-rating .woocommerce-review-link {
vertical-align: middle;
color: rgba(0, 0, 0, 0.5); }
.single-product-content p.price {
margin-bottom: 12px; }
.single-product-content .price {
font-size: 28px; }
.single-product-content .price del {
font-size: 16px; }
.single-product-content .price del .amount {
font-size: 16px;
font-weight: 400; }
.single-product-content div[itemprop="description"] {
margin-bottom: 25px; }
.single-product-content .cart {
margin-bottom: 25px;
margin-right: 15px;
display: inline-flex;
flex-wrap: wrap;
gap: 15px; }
.single-product-content .cart.variations_form {
margin-right: 0;
gap: 0; }
.single-product-content .variations {
margin-bottom: 0;
border: none; }
.single-product-content .variations label {
margin-bottom: 0;
vertical-align: middle;
font-weight: bold;
margin-right: 20px;
white-space: nowrap; }
.single-product-content .variations label:after {
content: ":";
margin-left: 2px; }
.single-product-content .variations tr:last-child td {
padding-bottom: 0; }
.single-product-content .variations td {
border: none;
text-align: left;
vertical-align: middle;
padding: 0;
padding-bottom: 25px; }
.single-product-content .variations td.value {
width: 100%; }
.single-product-content .variations td.value select {
max-width: 260px;
display: inline-block; }
.single-product-content .variations td.value.with-swatches select {
display: none; }
.single-product-content .variations .reset_variations {
font-size: 12px;
margin-left: 10px;
vertical-align: middle;
display: inline-block; }
.single-product-content .variations .reset_variations:before {
content: "\f90d";
font-family: "basel-font";
margin-right: 5px;
display: inline-block; }
.single-product-content .variations .swatches-select {
display: inline-block;
vertical-align: middle; }
.single-product-content .variations .swatches-select > div {
position: relative;
font-size: 16px;
font-weight: bold;
display: inline-block;
text-align: center;
vertical-align: middle;
min-width: 25px;
color: #1B1919;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 2px solid transparent; }
.single-product-content .variations .swatches-select > div:hover {
border-color: #000; }
.single-product-content .variations .swatches-select > div:last-child {
margin-right: 0; }
.single-product-content .variations .swatches-select > div.swatch-size-large {
font-size: 18px; }
.single-product-content .variations .swatches-select > div.swatch-size-xlarge {
font-size: 24px; }
.single-product-content .variations .swatches-select :is(
.image-swatch,
.colored-swatch) {
font-size: 0;
width: 25px;
height: 25px;
border-bottom: none;
border-radius: 50%;
background-size: cover; }
.single-product-content .variations .swatches-select :is(
.image-swatch,
.colored-swatch):after {
content: "";
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
border-bottom: 2px solid transparent; }
.single-product-content .variations .swatches-select :is(
.image-swatch,
.colored-swatch):is(
[style*="#ffffff"],
[style*="#FFFFFF"],
[style*="255,255,255"]) {
border: 1px solid rgba(0, 0, 0, 0.15); }
.single-product-content .variations .swatches-select :is(
.image-swatch,
.colored-swatch):is(
[style*="#ffffff"],
[style*="#FFFFFF"],
[style*="255,255,255"]) .basel-tooltip-label {
margin-bottom: 2px; }
.single-product-content .variations .swatches-select :is(
.image-swatch,
.colored-swatch):hover:after {
border-color: #000; }
.single-product-content .variations .swatches-select :is(
.image-swatch,
.colored-swatch).active-swatch:after {
border-color: #000; }
.single-product-content .variations .swatches-select :is(
.image-swatch,
.colored-swatch).swatch-size-large {
width: 45px;
height: 45px;
font-size: 0; }
.single-product-content .variations .swatches-select :is(
.image-swatch,
.colored-swatch).swatch-size-xlarge {
width: 70px;
height: 70px;
font-size: 0; }
.single-product-content .variations .swatches-select .text-only .basel-tooltip-label {
display: none; }
.single-product-content .variations .swatches-select .swatch-enabled {
cursor: pointer; }
.single-product-content .variations .swatches-select .swatch-disabled {
cursor: default;
opacity: .4; }
.single-product-content .variations .swatches-select .active-swatch {
border-color: #000; }
.single-product-content .basel-before-add-to-cart,
.single-product-content .basel-after-add-to-cart {
margin-bottom: 20px; }
.single-product-content .basel-product-countdown {
margin-top: 0;
margin-bottom: 20px; }
.single-product-content .basel-stock-progress-bar {
margin-bottom: 20px; }
.single-product-content .product_meta {
border-top: 1px solid rgba(119, 119, 119, 0.17);
padding-top: 30px;
margin-top: 15px;
margin-bottom: 15px;
display: block; }
.single-product-content .product_meta > span {
display: block;
margin-bottom: 20px;
color: #1B1919;
font-weight: bold; }
.single-product-content .product_meta > span a,
.single-product-content .product_meta > span span {
color: #4E4E4E;
display: inline-block;
font-weight: normal;
margin: 0 2px;
line-height: 1.4; }
.single-product-content .product_meta > span:last-child {
margin-bottom: 0; }
.single-product-content .product_meta > span a:hover {
color: #747474; }
.single-product-content .single_variation_wrap {
padding-top: 25px; }
.single-product-content .single_variation_wrap .variations_button {
display: inline-flex;
flex-wrap: wrap;
gap: 15px; }
.single-product-content .single_variation {
display: block;
vertical-align: middle; }
.single-product-content .single_variation:after {
content: "";
clear: both;
display: block; }
.single-product-content .single_variation .woocommerce-variation-price,
.single-product-content .single_variation .woocommerce-variation-availability {
float: left; }
.single-product-content .single_variation .price {
margin-right: 15px;
margin-bottom: 20px;
display: inline-block;
vertical-align: middle; }
.single-product-content .single_variation .out-of-stock,
.single-product-content .single_variation .in-stock {
margin-right: 0; }
.single-product-content .summary-inner .out-of-stock,
.single-product-content .summary-inner .in-stock {
display: inline-block;
margin-bottom: 20px;
margin-right: 20px;
padding: 5px 10px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .3px;
font-weight: bold; }
.single-product-content .summary-inner .out-of-stock:empty,
.single-product-content .summary-inner .in-stock:empty {
display: none; }
.single-product-content .summary-inner .out-of-stock {
border: 2px solid #CC1414;
color: #B50808; }
.single-product-content .summary-inner .in-stock {
border: 2px solid #297E29;
color: #297E29; }
.single-product-content .product-share {
margin-bottom: 10px;
text-align: left; }
.single-product-content .product-share .share-title {
font-weight: bold;
color: #1B1919;
margin-right: 5px; }
.single-product-content .product-share .share-title:after {
content: ":"; }
.single-product-content .product-share .social-icons {
display: inline-block; }
.single-product-content .product-tabs-wrapper {
margin-right: -15px;
margin-left: -15px;
padding-top: 30px;
padding-bottom: 50px;
background-color: #F9F9F9; }
.single-product-content .tabs {
margin-bottom: 25px;
text-align: center; }
.single-product-content .tabs li {
display: inline-block;
margin-right: 30px;
margin-bottom: 15px;
border-bottom: 1px solid #E4E4E4; }
.single-product-content .tabs li a {
display: inline-block;
font-size: 20px;
font-weight: 600;
color: rgba(0, 0, 0, 0.5);
padding: 3px 0; }
.single-product-content .tabs li a:hover {
text-decoration: none;
color: rgba(0, 0, 0, 0.8); }
.single-product-content .tabs li.active {
border-color: #545454; }
.single-product-content .tabs li.active a {
color: rgba(0, 0, 0, 0.9); }
.single-product-content .tabs li:last-child {
margin-right: 0; }
.single-product-content .basel-accordion-title {
display: none; }
.single-product-content #tab-description *:last-child {
margin-bottom: 0; }
.single-product-content #tab-description > h2,
.single-product-content #tab-additional_information > h2 {
font-size: 18px;
font-weight: bold; }
.single-product-content #tab-additional_information > h2 {
max-width: 530px;
margin-left: auto;
margin-right: auto; }
.single-product-content #tab-seller ul li {
margin-bottom: 15px; }
.single-product-content #tab-seller ul li > span {
font-weight: bold;
color: #525252; }
.single-product-content #tab-seller ul li > span.details {
font-weight: normal;
color: #777777; }
.single-product-content #reviews {
position: relative; }
.single-product-content #comments {
width: 50%;
padding-top: 20px;
padding-right: 40px;
float: left; }
.single-product-content #comments > h2 {
font-size: 18px;
font-weight: bold; }
.single-product-content #review_form_wrapper {
float: left;
width: 50%;
border-left: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 40px; }
.single-product-content #review_form_wrapper #reply-title {
display: block;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px; }
.single-product-content .comment-form > p {
margin-bottom: 20px; }
.single-product-content .comment-form > p > label {
display: block; }
.single-product-content .comment-form > p:last-child {
margin-bottom: 0; }
.single-product-content .comment-form .woocommerce-error {
margin: 0 0 20px 0;
width: 100%; }
.single-product-content .comment-form .comment-form-comment {
margin-bottom: 10px; }
.single-product-content .comment-form .comment-form-author,
.single-product-content .comment-form .comment-form-email {
float: left;
width: 50%;
margin-bottom: 25px; }
.single-product-content .comment-form .comment-form-author {
padding-right: 15px; }
.single-product-content .comment-form .comment-form-email {
padding-left: 15px; }
.single-product-content .comment-form textarea,
.single-product-content .comment-form input[type="text"],
.single-product-content .comment-form input[type="email"] {
background-color: #efefef;
border: none;
box-shadow: none; }
.single-product-content .comment-form textarea:focus,
.single-product-content .comment-form input[type="text"]:focus,
.single-product-content .comment-form input[type="email"]:focus {
background-color: #ECECEC; }
.single-product-content .comment-form textarea {
height: 150px;
width: 100%; }
.single-product-content .comment-form input[type="text"] {
max-width: 300px; }
.single-product-content .comment-form .comment-form-rating {
margin-bottom: 15px; }
.single-product-content .comment-form .comment-form-rating label {
display: inline-block;
margin-bottom: 0;
margin-right: 15px; }
.single-product-content .comment-form .comment-form-rating label:after {
content: ":";
margin-left: 2px; }
.single-product-content .comment-form .form-submit {
margin-bottom: 0; }
.single-product-content .comment-form .form-submit input[type="submit"] {
background-color: transparent;
border-color: #000;
color: #000;
border-width: 2px;
padding-left: 35px;
padding-right: 35px; }
.single-product-content .comment-form .form-submit input[type="submit"]:hover {
background-color: #000;
border-color: #000;
color: #FFF; }
.single-product-content p.comment-form-cookies-consent label {
display: inline;
line-height: 1; }
.basel-price-outside .woocommerce-variation {
height: auto !important;
animation: none; }
.basel-price-outside .woocommerce-variation-price {
display: none; }
.comment-form-images {
margin-bottom: 20px; }
label[for="basel-add-img-btn"] {
display: inline-block;
margin-right: 5px;
margin-bottom: 0;
border-bottom: 1px solid;
background-color: transparent;
color: #000;
letter-spacing: .3px;
font-size: 14px;
line-height: 18px;
opacity: 1;
cursor: pointer;
transition: all .25s ease-in-out; }
label[for="basel-add-img-btn"]:hover {
border-color: #C5C5C5;
opacity: .7; }
.basel-add-img-count {
display: inline-block;
margin-left: 15px;
vertical-align: middle; }
#basel-add-img-btn {
position: absolute;
clip: rect(1px, 1px, 1px, 1px); }
.basel-add-img-msg {
display: inline-block;
vertical-align: middle;
font-size: 0; }
.basel-add-img-msg .basel-tooltip-label {
min-width: 230px;
white-space: normal;
padding: 5px 10px;
line-height: 1.6; }
.basel-add-img-msg:before {
content: "?";
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
color: #FFF;
font-weight: 600;
font-size: 14px; }
.comment-form-img-message:before {
content: "\f971";
font-family: "basel-font";
margin-right: 7px; }
.commentlist .basel-images-gallery {
margin-top: 15px; }
.comment-respond .stars {
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap; }
.comment-respond .stars a {
position: absolute;
top: 0;
left: 0;
text-decoration: none;
letter-spacing: 2px;
font-size: 0; }
.comment-respond .stars a:before, .comment-respond .stars a:after {
position: absolute;
left: 0;
height: 20px;
color: #A5A5A5;
font-size: 14px;
font-family: "basel-font";
line-height: 20px; }
.comment-respond .stars a:after {
content: ""; }
.comment-respond .star-1 {
z-index: 5; }
.comment-respond .star-1:hover:after, .comment-respond .star-1.active:after {
content: "\f905"; }
.comment-respond .star-1:after {
width: 13px; }
.comment-respond .star-2 {
z-index: 4; }
.comment-respond .star-2:hover:after, .comment-respond .star-2.active:after {
content: "\f905" "\f905"; }
.comment-respond .star-2:after {
width: 29px; }
.comment-respond .star-3 {
z-index: 3; }
.comment-respond .star-3:hover:after, .comment-respond .star-3.active:after {
content: "\f905" "\f905" "\f905"; }
.comment-respond .star-3:after {
width: 44px; }
.comment-respond .star-4 {
z-index: 2; }
.comment-respond .star-4:hover:after, .comment-respond .star-4.active:after {
content: "\f905" "\f905" "\f905" "\f905"; }
.comment-respond .star-4:after {
width: 59px; }
.comment-respond .star-5 {
z-index: 1; }
.comment-respond .star-5:hover:after, .comment-respond .star-5.active:after {
content: "\f905" "\f905" "\f905" "\f905" "\f905"; }
.comment-respond .star-5:before {
content: "\f906" "\f906" "\f906" "\f906" "\f906"; }
.single_add_to_cart_button {
position: relative;
background-color: #000;
color: #FFF;
border-color: #000; }
.single_add_to_cart_button:hover {
background-color: #333333;
color: #FFF;
text-decoration: none;
border-color: #333333; }
.single_add_to_cart_button:after {
position: absolute;
top: 50%;
margin-top: -8px;
right: 0;
visibility: hidden;
opacity: 0;
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid #FFF;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
transition: right .2s ease-in-out, opacity .25s ease-in-out; }
.single_add_to_cart_button.loading {
padding-right: 40px; }
.single_add_to_cart_button.loading:after {
animation: load-spin 450ms infinite linear;
visibility: visible;
opacity: 1;
right: 12px; }
.single_add_to_cart_button + .added_to_cart {
display: none; }
.basel-buy-now-btn {
background-color: #000;
color: #FFF;
border-color: #000; }
.basel-buy-now-btn:hover {
background-color: #333333;
color: #FFF;
text-decoration: none;
border-color: #333333; }
.product-image-summary .basel-product-brands {
float: right;
margin-left: 10px;
margin-bottom: 10px; }
.product-image-summary .basel-product-brands a {
min-height: 70px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
background-color: #FFF;
border-width: 1px;
border-style: solid;
border-color: rgba(119, 119, 119, 0.1);
transition: all .3s ease; }
.product-image-summary .basel-product-brands a:hover {
border-color: rgba(119, 119, 119, 0.25); }
.product-image-summary .basel-product-brands img {
max-width: 90px; }
.product-image-summary .shop_attributes {
max-width: 100%;
margin-bottom: 20px; }
.product-image-summary .shop_attributes tr:last-child th,
.product-image-summary .shop_attributes tr:last-child td {
border-bottom: 0; }
.product-image-summary .shop_attributes th,
.product-image-summary .shop_attributes td {
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(119, 119, 119, 0.17); }
.product-image-summary .shop_attributes th {
padding-left: 0;
padding-right: 5px; }
.product-image-summary .shop_attributes td {
padding-right: 0;
padding-left: 5px; }
.commentlist {
margin-top: 30px; }
.commentlist li {
margin-bottom: 30px; }
.commentlist li:last-child {
margin-bottom: 0; }
.commentlist .review_comment_container,
.commentlist .comment_container {
position: relative;
min-height: 95px;
padding: 12px 12px 12px 85px; }
.commentlist .review_comment_container .dokan-review-author-img img,
.commentlist .review_comment_container .avatar,
.commentlist .comment_container .dokan-review-author-img img,
.commentlist .comment_container .avatar {
position: absolute;
left: 0;
top: 13px;
max-width: 60px;
border-radius: 50%; }
.commentlist .children {
margin-top: 10px; }
.commentlist .comment-text .star-rating {
float: right;
margin-bottom: 5px; }
.commentlist .comment-text .meta {
line-height: 18px;
display: inline;
font-size: 12px; }
.commentlist .comment-text .meta strong {
color: #373737; }
.commentlist .comment-text .meta time {
font-style: italic; }
.commentlist .comment-text .description {
margin-top: 10px;
margin-bottom: 0; }
.commentlist .comment-text .description p {
margin-bottom: 10px; }
.commentlist .comment-text .description p:last-child {
margin-bottom: 0; }
.product-with-attachments .thumbs-position-left + .product-additional-galleries {
margin-left: 27%; }
.related-and-upsells {
margin-top: 40px;
margin-bottom: 40px; }
.related-and-upsells > section:not(:first-child) {
margin-top: 40px; }
.related-and-upsells:empty {
display: none; }
.single-breadcrumbs-wrapper {
margin-top: -40px;
margin-bottom: 40px;
background: #F9F9F9;
margin-left: -15px;
margin-right: -15px;
padding-top: 5px;
padding-bottom: 5px; }
.single-breadcrumbs-wrapper > .container {
padding-left: 5px;
padding-right: 5px; }
.single-breadcrumbs-wrapper .basel-back-btn > span {
top: 3px; }
.single-breadcrumbs-wrapper .woocommerce-breadcrumb,
.single-breadcrumbs-wrapper .yoast-breadcrumb {
padding-left: 15px;
padding-right: 15px; }
.basel-products-nav {
float: right; }
.basel-products-nav .product-btn {
position: relative; }
.basel-products-nav .product-btn > a {
vertical-align: middle;
font-size: 0;
text-align: center;
line-height: 40px;
width: 50px;
display: inline-block; }
.basel-products-nav .product-btn > a span {
width: 23px;
height: 2px;
position: relative;
display: inline-block;
background-color: #000;
transition: all .25s ease; }
.basel-products-nav .product-btn > a span:before {
position: absolute;
top: 0;
font-size: 14px;
line-height: 3px;
color: #000;
font-family: "basel-font"; }
.basel-products-nav .product-btn.product-prev {
float: left; }
.basel-products-nav .product-btn.product-prev > a span:before {
content: "\f9d9";
left: -4px; }
.basel-products-nav .product-btn.product-prev .wrapper-short {
right: -20px; }
.basel-products-nav .product-btn.product-next {
float: right; }
.basel-products-nav .product-btn.product-next > a span:before {
content: "\f9da";
right: -4px; }
.basel-products-nav .product-btn.product-next .wrapper-short {
right: 20px; }
.basel-products-nav .product-btn:hover > a span {
width: 32px; }
.basel-products-nav .product-btn:hover > .wrapper-short {
visibility: visible;
opacity: 1;
right: 0;
transition: all .25s ease; }
.basel-products-nav .wrapper-short {
position: absolute;
top: 100%;
padding-top: 5px;
visibility: hidden;
opacity: 0;
min-width: 250px;
z-index: 350;
transition: all 0.1s ease; }
.basel-products-nav .product-short {
overflow: hidden;
padding: 10px;
background-color: #FFF;
border: 2px solid #efefef; }
.basel-products-nav .product-short .product-thumb {
float: right;
margin-left: 10px; }
.basel-products-nav .product-short .product-thumb img {
max-width: 50px; }
.basel-products-nav .product-short .product-title {
display: block;
margin-bottom: 7px;
font-weight: bold;
font-size: 12px;
line-height: 1.5;
text-transform: uppercase; }
.basel-products-nav .product-short .price {
display: block; }
.basel-products-nav .product-short .price del,
.basel-products-nav .product-short .price del .amount {
color: #D0D0D0; }
.product-type-variable .entry-summary .yith-wcwl-add-to-wishlist {
display: block; }
.product-type-variable .entry-summary .wishlist-btn-wrapper,
.product-type-variable .entry-summary .compare-btn-wrapper,
.product-type-variable .entry-summary .sizeguide-btn-wrapp {
margin-bottom: 15px; }
.product-type-variable .entry-summary .product_meta {
border-top: none;
padding-top: 0;
margin-top: 0; }
.product-type-variable.product-design-default .entry-summary .variations_form {
padding-bottom: 25px;
border-bottom: 1px solid rgba(119, 119, 119, 0.17); }
:is(
.product-design-alt,
.product-design-sticky) :is(
.cart,
.variations_button) {
justify-content: center; }
.product-type-grouped .cart {
border-top: 2px solid #161616;
margin-right: 0;
display: flex; }
.product-type-grouped .entry-summary .yith-wcwl-add-to-wishlist {
margin-bottom: 10px; }
.product-type-grouped .entry-summary .yith-wcwl-add-to-wishlist + .clear {
display: none; }
.product-type-grouped .entry-summary .sizeguide-btn-wrapp {
margin-top: 0; }
.product-type-grouped .sizeguide-btn-wrapp,
.product-type-grouped .wishlist-btn-wrapper,
.product-type-grouped .compare-btn-wrapper {
margin-bottom: 10px; }
.product-type-grouped .product_meta {
padding-top: 20px;
margin-top: 7px; }
.product-type-grouped .group_table {
margin-bottom: 10px; }
.product-type-grouped .group_table label {
margin-bottom: 0; }
.product-type-grouped .group_table .label {
text-align: left; }
.product-type-grouped .group_table div.quantity {
margin-right: 0; }
.product-type-grouped .group_table .price {
font-size: 20px;
text-align: right; }
.product-type-grouped .group_table .amount {
vertical-align: middle; }
.product-type-grouped .group_table .out-of-stock,
.product-type-grouped .group_table .in-stock {
margin-left: 15px;
margin-right: 0;
margin-bottom: 5px;
margin-top: 5px; }
.product-additional-galleries {
text-align: center;
margin-top: 10px; }
.product-additional-galleries > div:not(.product-360-view-wrapper) {
margin-right: 10px;
margin-left: 10px; }
.product-video-button,
.product-360-button {
display: inline-block;
margin-top: 10px;
margin-bottom: 10px; }
.product-video-button a,
.product-360-button a {
text-decoration: none;
color: #4E4E4E;
display: block; }
.product-video-button a:before,
.product-360-button a:before {
display: inline-block;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #f7f7f7;
color: #000;
vertical-align: middle;
margin-right: 10px;
border-radius: 50%;
font-family: 'simple-line-icons';
transition: color .3s ease, background-color .3s ease; }
.product-video-button a span,
.product-360-button a span {
vertical-align: middle;
position: relative; }
.product-video-button a:hover:before,
.product-360-button a:hover:before {
color: #FFF; }
.product-video-button a:before {
content: "\e071"; }
.product-360-button a:before {
content: "\e099"; }
.product-360-view-wrapper {
position: relative;
max-width: 800px;
margin: 100px auto; }
.product-360-view-wrapper .mfp-close {
font-size: 0;
cursor: pointer;
padding-right: 36px;
padding: 0;
opacity: 1;
background-color: rgba(255, 255, 255, 0.5); }
.product-360-view-wrapper .mfp-close:after, .product-360-view-wrapper .mfp-close:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5px;
width: 30px;
height: 1px;
display: inline-block;
background-color: black;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.product-360-view-wrapper .mfp-close:after, .product-360-view-wrapper .mfp-close:before {
right: 7px; }
.product-360-view-wrapper .mfp-close:after {
transform: rotate(-45deg); }
.product-360-view-wrapper .mfp-close:before {
transform: rotate(45deg); }
.product-design-default .entry-summary.col-sm-4 .basel-product-brands, .product-design-alt .entry-summary .basel-product-brands, .product-design-sticky .entry-summary .basel-product-brands, .product-design-compact .entry-summary.col-sm-4 .basel-product-brands, .popup-quick-view .entry-summary .basel-product-brands {
float: none;
margin-left: 0; }
.product-design-default .entry-summary.col-sm-4 .basel-product-brands a, .product-design-alt .entry-summary .basel-product-brands a, .product-design-sticky .entry-summary .basel-product-brands a, .product-design-compact .entry-summary.col-sm-4 .basel-product-brands a, .popup-quick-view .entry-summary .basel-product-brands a {
min-height: 0;
display: inline-block;
border: none;
background-color: transparent !important;
padding: 0; }
.product-design-default .entry-summary.col-sm-4 .basel-product-brands a:hover, .product-design-alt .entry-summary .basel-product-brands a:hover, .product-design-sticky .entry-summary .basel-product-brands a:hover, .product-design-compact .entry-summary.col-sm-4 .basel-product-brands a:hover, .popup-quick-view .entry-summary .basel-product-brands a:hover {
opacity: .5; }
.product-design-alt .product-image-summary {
margin-bottom: 50px; }
.product-design-alt .entry-summary {
text-align: center; }
.product-design-alt .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 0;
padding-top: 0;
border: none; }
.product-design-alt .product_meta {
border-top: none;
display: inline-block;
padding: 15px;
background-color: #F9F9F9; }
.product-design-alt .product_meta > span {
display: inline-block;
margin: 0 10px;
font-weight: bold;
line-height: 2; }
.product-design-alt .product-tabs-wrapper {
margin: 0 -15px 0px;
background-color: #F9F9F9;
padding: 40px 0; }
.product-design-alt .product-share {
margin-bottom: 50px;
text-align: center; }
.product-design-alt .tabs {
text-align: center; }
.product-design-alt .single_variation_wrap {
padding-top: 25px; }
.product-design-alt .single_variation .woocommerce-variation-price,
.product-design-alt .single_variation .woocommerce-variation-availability {
float: none;
display: inline; }
.product-design-alt .single_variation .price {
vertical-align: bottom; }
.product-design-alt .single_variation .out-of-stock,
.product-design-alt .single_variation .in-stock,
.product-design-alt .single_variation .price {
margin-left: 7px;
margin-right: 7px; }
.product-design-alt .variations {
margin-bottom: 0; }
.product-design-alt .variations td {
text-align: center; }
.product-design-alt .variations td.label {
display: none; }
.product-design-alt .variations .reset_variations {
margin-right: -54px; }
.product-design-alt.product-type-variable .variations_form {
width: 100%;
padding-bottom: 0;
border-bottom: none; }
.product-design-alt.product-type-variable .product_meta {
padding-top: 15px; }
.product-design-sticky .product-image-summary {
margin-bottom: 50px; }
.product-design-sticky .entry-summary {
position: relative;
text-align: center;
opacity: 1;
transition: opacity 0.1s ease-in-out; }
.product-design-sticky .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 0;
padding-top: 0;
border: none; }
.product-design-sticky .entry-summary div[itemprop="description"] {
max-height: 75px;
overflow: hidden;
transition: max-height .2s ease-in-out, margin .2s ease-in-out; }
.product-design-sticky .entry-summary div[itemprop="description"] > p {
line-height: 25px; }
.product-design-sticky .entry-summary .summary-inner {
padding: 0 40px;
margin: 0 auto;
max-width: 600px; }
.product-design-sticky .entry-summary.block-sticked.not-in-viewport div[itemprop="description"] {
max-height: 0;
margin: 0; }
.product-design-sticky .entry-summary.block-sticked .summary-inner {
transition: transform .5s ease; }
.product-design-sticky .entry-summary.hide-temporary {
opacity: 0; }
.product-design-sticky .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:last-child) {
margin-bottom: 4px; }
.product-design-sticky .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a {
display: block;
transform: translateY(100px);
transition: all .45s ease-in-out;
opacity: 0; }
.product-design-sticky .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a.animate-images {
transform: translateY(0px);
opacity: 1; }
.product-design-sticky .woocommerce-breadcrumb,
.product-design-sticky .yoast-breadcrumb {
display: inline-block; }
.product-design-sticky .product_meta {
border-top: none;
display: inline-block;
padding: 15px;
background-color: #F9F9F9; }
.product-design-sticky .product_meta > span {
display: inline-block;
margin: 0 10px;
font-weight: bold;
line-height: 2; }
.product-design-sticky .product-tabs-wrapper {
margin: 0 -15px 0px;
background-color: #F9F9F9;
padding: 40px 0; }
.product-design-sticky .product-share {
margin-bottom: 50px;
text-align: center; }
.product-design-sticky .tabs {
text-align: center; }
.product-design-sticky .single_variation_wrap {
padding-top: 25px; }
.product-design-sticky .single_variation .woocommerce-variation-price,
.product-design-sticky .single_variation .woocommerce-variation-availability {
float: none;
display: inline; }
.product-design-sticky .single_variation .price {
vertical-align: bottom; }
.product-design-sticky .single_variation .out-of-stock,
.product-design-sticky .single_variation .in-stock,
.product-design-sticky .single_variation .price {
margin-left: 7px;
margin-right: 7px; }
.product-design-sticky .variations {
margin-bottom: 0; }
.product-design-sticky .variations td {
text-align: center; }
.product-design-sticky .variations td.label {
display: none; }
.product-design-sticky .variations .reset_variations {
margin-right: -54px; }
.product-design-sticky.product-type-variable .variations_form {
width: 100%;
padding-bottom: 0;
border-bottom: none; }
.product-design-sticky.product-type-variable .product_meta {
padding-top: 15px; }
.product-design-compact .product-image-summary {
margin-bottom: 20px; }
.product-design-compact .product-image-summary > .row {
display: flex;
flex-wrap: wrap;
flex-direction: row; }
.product-design-compact .product-image-summary > .row:after, .product-design-compact .product-image-summary > .row:before {
content: none; }
.product-design-compact .product-images,
.product-design-compact .entry-summary {
align-items: stretch; }
.product-design-compact .entry-summary {
position: relative; }
.product-design-compact .entry-summary .yith-wcwl-add-to-wishlist,
.product-design-compact .entry-summary .compare-btn-wrapper,
.product-design-compact .entry-summary .wishlist-btn-wrapper,
.product-design-compact .entry-summary .sizeguide-btn-wrapp {
display: inline-block;
margin-right: 10px;
margin-bottom: 15px; }
.product-design-compact .entry-summary .yith-wcwl-add-to-wishlist {
padding-top: 0;
margin-top: 0;
border-top: none; }
.product-design-compact .entry-summary .sizeguide-btn-wrapp {
margin-top: 0; }
.product-design-compact .entry-summary .sizeguide-btn-wrapp > a {
margin-top: -2px; }
.product-design-compact .cart {
display: flex;
margin-right: 0; }
.product-design-compact .product_meta {
border-top: none;
padding-top: 0;
margin-top: 0;
margin-bottom: 8px; }
.product-design-compact .product_meta > span {
margin-bottom: 10px; }
.product-design-compact .basel-scroll .basel-scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-height: none;
padding-left: 15px;
padding-right: 30px; }
.product-design-compact #comments {
width: auto;
padding-top: 0;
padding-right: 0;
float: none;
margin-bottom: 20px;
margin-top: 10px; }
.product-design-compact #comments > h2 {
font-size: 14px; }
.product-design-compact .commentlist {
margin-top: 20px; }
.product-design-compact #review_form_wrapper {
float: none;
width: auto;
border-left: none;
border-bottom: none;
padding-top: 0;
padding-bottom: 0;
padding-left: 0; }
.product-design-compact #review_form_wrapper #reply-title {
font-size: 14px; }
.product-design-compact .woocommerce-tabs .shop_attributes {
margin-top: -10px;
margin-bottom: -20px; }
.tabs-layout-accordion {
border-top: 2px solid #000;
margin-bottom: 30px;
margin-top: 10px; }
.tabs-layout-accordion .basel-tab-wrapper {
border-bottom: 1px solid rgba(119, 119, 119, 0.17); }
.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title {
position: relative;
display: block;
padding-top: 15px;
padding-bottom: 15px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
text-decoration: none; }
.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title:after {
content: "\e604";
position: absolute;
right: 0;
top: 50%;
margin-top: -10px;
height: 20px;
line-height: 20px;
width: 20px;
text-align: center;
font-size: 12px;
color: #bbb;
font-family: 'simple-line-icons';
transition: transform .4s ease;
backface-visibility: hidden;
perspective: 800px;
-webkit-backface-visibility: hidden;
-webkit-perspective: 800px; }
.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title.active:after {
transform: rotate(180deg); }
.tabs-layout-accordion .basel-tab-wrapper .wc-tab {
padding-bottom: 25px; }
.tabs-layout-accordion .basel-tab-wrapper .wc-tab > h2:first-child {
display: none; }
.tabs-layout-accordion .wc-tabs {
display: none; }
.basel-product-filters {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px; }
.basel-product-filters .basel-pf-dropdown {
position: absolute;
right: 6px;
left: 6px;
top: 100%;
bottom: auto;
height: auto;
width: auto;
display: none;
overflow: hidden;
z-index: 300;
background-color: #FFF;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); }
.basel-product-filters .basel-pf-checkboxes {
position: relative;
flex: 1 1 200px;
width: 0; }
.basel-product-filters .basel-pf-checkboxes .basel-scroll-content {
max-height: 35vh; }
.basel-product-filters > div {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px; }
.basel-pf-btn button {
padding-left: 40px;
padding-right: 40px;
color: #FFF; }
.basel-pf-btn button:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.basel-pf-title {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
border: 1px solid rgba(129, 129, 129, 0.2);
padding-left: 15px;
padding-right: 40px;
height: 42px;
line-height: 1;
color: #4E4E4E;
cursor: pointer;
user-select: none;
transition: border-color .5s ease; }
.basel-pf-title .title-text {
flex: 1 0 auto;
font-weight: 600;
font-size: 12px;
text-transform: uppercase; }
.basel-pf-title:after {
content: "\e604";
font-family: 'simple-line-icons';
position: absolute;
top: 50%;
right: 15px;
margin-top: -6px;
font-size: 12px;
color: #b7b7b7;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: transform .2s ease; }
.basel-pf-title:hover {
border-color: rgba(129, 129, 129, 0.3); }
.opened .basel-pf-title:after {
transform: rotate(-180deg); }
.basel-product-filters.color-scheme-light .basel-pf-title {
border-color: rgba(255, 255, 255, 0.1);
color: #FFF; }
.basel-product-filters.color-scheme-light .basel-pf-title:after {
color: rgba(255, 255, 255, 0.8); }
.basel-product-filters.color-scheme-light .basel-pf-title:hover {
border-color: rgba(255, 255, 255, 0.4); }
.basel-pf-results {
white-space: nowrap;
overflow: hidden;
line-height: 1; }
.basel-pf-results li {
position: relative;
display: inline-block;
padding: 4px 8px;
margin-left: 5px;
font-size: 12px;
font-weight: 600;
color: #4E4E4E;
background-color: #f1f1f1;
transition: all .25s ease; }
.basel-pf-results li:after {
content: "\f90d";
font-family: "basel-font";
font-weight: 300;
position: absolute;
top: 50%;
left: 7px;
margin-top: -4px;
font-size: 8px;
opacity: 0;
transition: opacity .2s ease; }
.basel-pf-results li:hover {
padding-left: 20px; }
.basel-pf-results li:hover:after {
opacity: 1; }
.basel-product-filters.color-scheme-light .basel-pf-results li {
color: #FFF;
background-color: #111111; }
.basel-pf-dropdown .pf-value {
display: flex;
flex-direction: row;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 18px;
padding-right: 18px;
color: #777777;
font-size: 14px;
line-height: 20px;
cursor: pointer;
transition: all .25s ease; }
.basel-pf-dropdown .pf-value:hover {
color: #777777;
background-color: #f9f9f9;
text-decoration: none; }
.basel-pf-dropdown .pf-active > .pf-value {
color: #333;
font-weight: 600; }
.basel-pf-dropdown .swatches-small .filter-swatch > span:after {
font-size: 8px; }
.basel-pf-dropdown .swatches-normal .filter-swatch > span:after {
font-size: 12px; }
.basel-pf-dropdown .swatches-large .filter-swatch > span:after {
font-size: 14px; }
.basel-pf-dropdown .swatches-brands .filter-swatch span {
border-radius: 0;
border: none !important; }
.basel-pf-dropdown .swatches-brands:not(.show-labels-off) .filter-swatch span:after {
content: none; }
.basel-pf-dropdown .swatches-brands.show-labels-off .filter-swatch span:after {
border-radius: 0;
background-color: rgba(255, 255, 255, 0.6);
color: #1B1919; }
.basel-pf-dropdown .show-labels-off {
padding: 10px; }
.basel-pf-dropdown .show-labels-off .filter-swatch {
margin-right: 0; }
.basel-pf-dropdown .show-labels-off li {
display: inline-block; }
.basel-pf-dropdown .show-labels-off .pf-value:hover {
background-color: transparent !important; }
.basel-pf-dropdown .show-labels-off .swatch-inner {
margin: 6px;
padding: 0; }
.basel-pf-dropdown .show-labels-off li:not(.with-swatch-text) .layer-term-name {
display: none; }
.basel-product-filters.color-scheme-light .basel-pf-dropdown {
background-color: #111111; }
.basel-product-filters.color-scheme-light .basel-pf-dropdown .pf-value {
color: rgba(255, 255, 255, 0.8); }
.basel-product-filters.color-scheme-light .basel-pf-dropdown .pf-value:hover {
color: rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.08); }
.basel-product-filters.color-scheme-light .basel-pf-dropdown .pf-active > .pf-value {
color: #FFF; }
.basel-product-filters.color-scheme-light .basel-pf-dropdown .swatches-brands.show-labels-off .filter-swatch span:after {
background-color: rgba(0, 0, 0, 0.6);
color: #FFF; }
.basel-pf-price-range .basel-pf-dropdown {
padding: 20px; }
.basel-pf-price-range .ui-slider-horizontal {
margin-bottom: 20px; }
.basel-pf-price-range .filter_price_slider_amount {
margin-bottom: -20px;
margin-left: -20px;
margin-right: -20px;
padding: 6px 20px;
text-align: center;
background-color: #f9f9f9;
border-top: 1px solid rgba(129, 129, 129, 0.2); }
.basel-pf-price-range .price_label {
font-size: 14px;
font-weight: 600;
color: #1B1919; }
.basel-pf-price-range .price_label .from:after {
content: "-";
margin-left: 10px;
margin-right: 10px; }
.basel-product-filters.color-scheme-light .basel-pf-price-range .filter_price_slider_amount {
background-color: #111111;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.basel-product-filters.color-scheme-light .basel-pf-price-range .price_label {
color: #FFF; }
.basel-pf-categories .children .pf-value {
padding-left: 35px; }
.basel-pf-categories .children .children .pf-value {
padding-left: 55px; }
.brands-widget .brand-item {
text-align: center; }
.brands-widget .brand-item a {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-top: 20px; }
.brands-widget .brand-item img {
max-height: 60px;
object-fit: contain; }
.brands-list .brand-item {
text-align: left;
margin-bottom: 15px; }
.brands-list .brand-item a {
padding: 0; }
.brands-list .brand-item a:hover {
text-decoration: none; }
.brands-list .brand-item:last-child {
margin-bottom: 0; }
.brands-grid .brands-items-wrapper,
.brands-list .brands-items-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.brands-grid.brands-columns-1 .brand-item,
.brands-list.brands-columns-1 .brand-item {
flex: 0 0 100%;
max-width: 100%; }
.brands-grid.brands-columns-2 .brand-item,
.brands-list.brands-columns-2 .brand-item {
flex: 0 0 50%;
max-width: 50%; }
.brands-grid.brands-columns-3 .brand-item,
.brands-list.brands-columns-3 .brand-item {
flex: 0 0 33.33333333%;
max-width: 33.33333333%; }
.brands-grid.brands-columns-4 .brand-item,
.brands-list.brands-columns-4 .brand-item {
flex: 0 0 25%;
max-width: 25%; }
.brands-grid.brands-columns-5 .brand-item,
.brands-list.brands-columns-5 .brand-item {
flex: 0 0 20%;
max-width: 20%; }
.brands-grid.brands-columns-6 .brand-item,
.brands-list.brands-columns-6 .brand-item {
flex: 0 0 16.66666666%;
max-width: 16.66666666%; }
.brands-style-bordered .brand-item {
border-width: 1px;
border-color: rgba(118, 118, 118, 0.14); }
.brands-style-bordered.brands-grid {
overflow: hidden; }
.brands-style-bordered.brands-grid .brands-items-wrapper {
margin-right: -2px;
margin-bottom: -2px; }
.brands-style-bordered.brands-grid .brand-item {
border-right-style: solid;
border-bottom-style: solid; }
.brands-style-bordered.brands-carousel .owl-stage-outer {
border-width: 1px;
border-style: solid;
border-color: rgba(118, 118, 118, 0.14); }
.brands-style-bordered.brands-carousel .brand-item {
border-right-style: solid; }
.brands-style-bordered.brands-list .brands-items-wrapper {
margin-left: -10px;
margin-right: -10px; }
.brands-style-bordered.brands-list .brand-item {
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px; }
.brands-style-bordered.brands-list .brand-item > a {
border-bottom: 1px solid;
border-color: rgba(118, 118, 118, 0.14); }
.color-scheme-light .brands-style-bordered.brands-grid .brand-item {
border-color: rgba(255, 255, 255, 0.1); }
.color-scheme-light .brands-style-bordered.brands-list .brand-item a {
border-color: rgba(255, 255, 255, 0.1); }
.brands-hover-simple .brand-item img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: filter .3s ease; }
.brands-hover-simple .brand-item:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0); }
.brands-hover-alt .brand-item img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .5;
transition: filter .3s ease, opacity .3s ease; }
.brands-hover-alt .brand-item:hover img {
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0); }
.brands-carousel {
margin-left: -10px;
margin-right: -10px; }
.brands-carousel .brand-item a {
padding-left: 10px;
padding-right: 10px; }
.basel-products-element {
position: relative; }
.basel-products-element .basel-products-loader {
position: fixed;
top: 50%;
margin-top: -18px; }
.basel-products-element.element-loading .basel-products-loader {
opacity: 1;
visibility: visible; }
.basel-products-element.element-loading .basel-products-loader:after {
transition: all .2s ease-in-out;
animation: load-spin 450ms infinite linear; }
.basel-products-element.element-loading .basel-products-loader.hidden-loader {
opacity: 0;
visibility: hidden;
transition: all 0.1s ease-in-out; }
.pagination-arrows {
position: relative;
opacity: 1;
transform: translate3d(0, 0, 0);
transition: .3s all ease-in-out; }
.pagination-arrows.loading {
opacity: 0;
transform: translate3d(0, 30px, 0); }
.pagination-arrows .product-grid-item {
margin-bottom: 40px; }
.basel-products-load-prev,
.basel-products-load-next {
position: fixed;
top: 50%;
margin-top: -20px;
z-index: 2;
opacity: 0;
visibility: hidden;
font-size: 0;
width: 40px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
line-height: 1;
border: none;
background-color: transparent;
color: #000;
border-color: transparent;
transition: 0.3s transform cubic-bezier(0.175, 0.885, 0.32, 1.15), opacity 0.2s ease, visibility 0.2s ease; }
.basel-products-load-prev:after,
.basel-products-load-next:after {
content: "\e605";
font-size: 36px;
line-height: 40px;
font-weight: 100;
font-family: 'simple-line-icons'; }
.basel-products-load-prev:hover,
.basel-products-load-next:hover {
background-color: transparent;
color: #000; }
.basel-products-load-prev.disabled,
.basel-products-load-next.disabled {
cursor: default; }
.basel-products-load-prev {
transform: translate3d(-20px, 0, 0); }
.basel-products-load-next {
transform: translate3d(20px, 0, 0); }
.basel-products-load-next:after {
content: "\e606"; }
.basel-animated-products .product-grid-item {
opacity: 0;
transition: 0.315s all ease-in-out;
transform: translate3d(0, 0, 0) scale(0.8); }
.basel-animated-products .product-grid-item.basel-animated {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1); }
.products-footer.show-arrow .basel-products-load-prev,
.products-footer.show-arrow .basel-products-load-next {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0); }
.products-footer.show-arrow .basel-products-load-prev:hover,
.products-footer.show-arrow .basel-products-load-next:hover {
opacity: .6; }
.products-footer.show-arrow .basel-products-load-prev.disabled,
.products-footer.show-arrow .basel-products-load-next.disabled {
opacity: .3; }
.basel-products-tabs .owl-carousel {
position: static; }
.basel-products-tabs .owl-carousel .owl-nav {
position: absolute;
top: -67px;
right: 0;
opacity: 0;
animation: fade-in .5s ease .2s forwards; }
.basel-products-tabs .owl-carousel .owl-nav div {
position: static;
visibility: visible;
opacity: 1;
transform: none; }
.basel-products-tabs .owl-carousel .owl-nav div.disabled {
color: rgba(0, 0, 0, 0.5);
cursor: default; }
.basel-products-tabs .owl-carousel .owl-nav div:before {
font-weight: bold;
width: 30px;
font-size: 14px;
height: 45px;
line-height: 45px; }
.basel-products-tabs .pagination-arrows + .products-footer {
position: absolute;
top: -67px;
right: 0;
display: block;
opacity: 0;
animation: fade-in .5s ease .2s forwards; }
.basel-products-tabs .basel-products-load-prev,
.basel-products-tabs .basel-products-load-next {
position: static;
opacity: 1;
visibility: visible;
margin-top: 0;
width: 30px;
transform: none;
transition: color .2s; }
.basel-products-tabs .basel-products-load-prev.disabled,
.basel-products-tabs .basel-products-load-next.disabled {
color: rgba(0, 0, 0, 0.5); }
.basel-products-tabs .basel-products-load-prev:after,
.basel-products-tabs .basel-products-load-next:after {
display: block;
font-weight: bold;
font-size: 14px;
height: 45px;
line-height: 45px; }
.basel-products-tabs .basel-tabs-header {
display: flex;
flex-direction: row;
align-items: flex-end;
border-bottom: 3px solid;
margin-bottom: 20px; }
.basel-products-tabs .tabs-name {
flex: 0 0 auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: -3px;
text-transform: uppercase;
line-height: 45px;
height: 45px;
font-size: 14px;
font-weight: 600;
color: #FFF; }
.basel-products-tabs .tabs-name img {
max-height: 22px;
margin-right: 8px;
width: auto; }
.basel-products-tabs .open-title-menu {
display: none;
height: 45px;
line-height: 45px;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 14px;
color: #1B1919;
font-weight: 600;
cursor: pointer;
-webkit-user-select: none; }
.basel-products-tabs .open-title-menu:before {
content: "\f9c9";
font-family: "basel-font";
display: inline-block;
font-weight: 400;
margin-right: 8px;
font-size: 16px;
margin-top: -2px;
vertical-align: middle; }
.basel-products-tabs .tabs-navigation-wrapper {
flex: 1 0 0;
position: relative;
padding-right: 65px;
margin-bottom: -3px; }
.basel-products-tabs .products-tabs-title {
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: wrap; }
.basel-products-tabs .products-tabs-title li {
line-height: 45px;
height: 45px;
padding-left: 12px;
padding-right: 12px;
cursor: pointer;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
color: #1B1919;
transition: color .2s ease, opacity .2s ease; }
.basel-products-tabs .products-tabs-title li:not(.active-tab-title):hover {
opacity: .6;
color: #1B1919; }
.basel-products-tabs .basel-products-element.element-loading .basel-products-loader.hidden-loader {
opacity: 1;
visibility: visible;
transition: opacity .2s ease, visibility .2s ease; }
.basel-products-tabs .basel-products-element.element-loading .basel-products-loader.hidden-loader:after {
animation: load-spin 450ms infinite linear; }
.basel-products-tabs .basel-products-loader {
position: absolute;
top: 180px;
left: 50% !important; }
.basel-products-tabs .basel-tab-content {
position: relative;
transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
transform: translateY(0px); }
.basel-products-tabs .basel-tab-content.loading {
opacity: 0;
visibility: hidden;
transform: translateY(40px); }
.basel-products-tabs .basel-tab-content.loading .owl-nav,
.basel-products-tabs .basel-tab-content.loading .pagination-arrows + .products-footer {
display: none; }
.basel-products-tabs.element-loading > .basel-products-loader {
opacity: 1;
visibility: visible;
transition: opacity .2s ease, visibility .2s ease; }
.basel-products-tabs.element-loading > .basel-products-loader:after {
animation: load-spin 450ms infinite linear; }
.add_to_cart_inline ins {
padding: 0;
text-decoration: none; }
.add_to_cart_inline > a {
background-color: #000;
color: #FFF;
border-color: #000;
margin-left: 10px; }
.add_to_cart_inline > a:hover {
background-color: #333333;
color: #FFF;
text-decoration: none;
border-color: #333333; }
.add_to_cart_inline > a.added {
display: none; }
.add_to_cart_inline > a:after {
border-color: #FFF; }
.woocommerce > .single-product[data-product-page-preselected-id] .woocommerce-breadcrumb,
.woocommerce > .single-product[data-product-page-preselected-id] .yoast-breadcrumb {
line-height: 40px; }
p.demo_store {
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: 0;
font-size: 14px;
padding: 10px 0;
text-align: center;
background-color: rgba(0, 0, 0, 0.9);
color: #FFF;
z-index: 299;
border-top: 2px solid rgba(255, 255, 255, 0.1); }
p.demo_store.woocommerce-store-notice {
padding-left: 125px;
padding-right: 125px; }
.woocommerce-store-notice__dismiss-link {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 12px;
line-height: 12px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 13px;
padding-right: 14px;
text-transform: uppercase;
letter-spacing: .3px;
border: 2px solid #FFF;
color: #FFF;
text-decoration: none;
text-align: center;
transition: all .25s ease-in-out; }
.woocommerce-store-notice__dismiss-link:hover {
color: #FFF;
text-decoration: none; }
.basel-sticky-btn {
position: fixed;
top: auto;
left: 0;
right: 0;
bottom: 0;
z-index: 340;
padding-top: 10px;
padding-bottom: 10px;
background-color: #FFF;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
transform: translate3d(0, 100%, 0);
transition: transform .25s ease; }
.basel-sticky-btn .basel-sticky-btn-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between; }
.basel-sticky-btn .basel-sticky-btn-container:after, .basel-sticky-btn .basel-sticky-btn-container:before {
content: none; }
.basel-sticky-btn .basel-sticky-btn-content {
display: flex;
flex-direction: row;
align-items: center;
flex: 1 1 auto;
margin-right: 15px; }
.basel-sticky-btn .basel-sticky-btn-thumbnail {
flex: 0 0 auto;
margin-right: 10px;
overflow: hidden; }
.basel-sticky-btn .basel-sticky-btn-thumbnail img {
min-width: 65px;
max-width: 65px; }
.basel-sticky-btn .basel-sticky-btn-info {
flex: 1 1 auto; }
.basel-sticky-btn .woocommerce-price-suffix {
display: block; }
.basel-sticky-btn .product-title {
font-size: 14px;
margin-bottom: 0; }
.basel-sticky-btn .star-rating {
margin-top: 5px; }
.basel-sticky-btn .price {
text-align: right;
font-size: 16px;
margin-right: 15px; }
.basel-sticky-btn .wc-stripe-payment-request-wrapper {
display: none; }
.basel-sticky-btn .in-stock {
display: inline-block;
margin-bottom: 0;
margin-right: 15px;
padding: 5px 10px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .3px;
font-weight: bold;
border: 2px solid #297E29;
color: #297E29; }
.basel-sticky-btn .in-stock:empty {
display: none; }
.basel-sticky-btn .basel-sticky-btn-cart {
display: flex;
flex-direction: row;
align-items: center; }
.basel-sticky-btn .cart {
display: flex;
gap: 10px;
flex: 0 0 auto; }
.basel-sticky-btn :is(
.cart,
.basel-sticky-add-to-cart,
.basel-buy-now-btn):not(:last-child) {
margin-right: 10px; }
.basel-sticky-btn .basel-sticky-add-to-cart {
background-color: #000;
color: #FFF;
border-color: #000; }
.basel-sticky-btn .basel-sticky-add-to-cart:hover {
background-color: #333333;
color: #FFF;
text-decoration: none;
border-color: #333333; }
.basel-sticky-btn-compare,
.basel-sticky-btn-wishlist {
flex: 0 0 auto; }
.basel-sticky-btn-compare a,
.basel-sticky-btn-wishlist a {
display: inline-block;
height: 40px;
font-size: 0;
line-height: 40px;
padding-left: 10px;
padding-right: 10px; }
.basel-sticky-btn-compare a:before,
.basel-sticky-btn-wishlist a:before {
font-family: 'Simple-Line-Icons';
display: inline-block;
font-size: 20px; }
.basel-sticky-btn-compare a:before {
content: "\e098"; }
.basel-sticky-btn-wishlist a:before {
content: "\e08a"; }
.basel-sticky-btn-shown.basel-sticky-btn {
transform: none; }
.basel-sticky-btn-shown.scrollToTop {
bottom: 120px; }
.popup-quick-view {
max-width: 920px;
background-color: #FFF;
margin: 65px auto;
position: relative;
box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.3);
overflow: hidden; }
.popup-quick-view .product-images {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden; }
.popup-quick-view .product-images > .images {
width: 100%; }
.popup-quick-view .product-images:hover .view-details-btn {
transform: translateY(0%); }
.popup-quick-view .view-details-btn {
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
display: block;
padding: 15px;
z-index: 2;
background-color: rgba(0, 0, 0, 0.9);
line-height: 1.2;
font-weight: 600;
font-size: 16px;
color: #FFF;
text-decoration: none;
text-align: center;
text-transform: uppercase;
letter-spacing: .3px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
perspective: 800px;
-webkit-perspective: 800px;
transform: translateY(100%);
transition: all .25s ease; }
.popup-quick-view .view-details-btn:hover {
background-color: #000; }
.popup-quick-view .entry-summary .basel-product-brands {
margin-right: 15px;
margin-bottom: 5px;
display: inline-block;
vertical-align: middle; }
.popup-quick-view .entry-summary .basel-product-brands img {
max-width: 65px; }
.popup-quick-view .entry-summary > .product_type_simple,
.popup-quick-view .entry-summary .product_type_variable {
background-color: #000;
color: #FFF;
border-color: #000;
margin-bottom: 20px;
margin-right: 15px; }
.popup-quick-view .entry-summary > .product_type_simple:hover,
.popup-quick-view .entry-summary .product_type_variable:hover {
background-color: #333333;
color: #FFF;
text-decoration: none;
border-color: #333333; }
.popup-quick-view .entry-summary .view-details-btn {
display: none;
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: .3px;
border-radius: 0;
border: 2px solid #000;
text-decoration: none;
text-align: center;
transition: all .25s ease-in-out; }
.popup-quick-view .entry-summary .view-details-btn:hover {
background-color: #000;
color: #FFF; }
.popup-quick-view .entry-summary .entry-title {
font-size: 32px;
margin-bottom: 5px; }
.popup-quick-view .entry-summary .entry-title a {
font-family: inherit;
font-weight: inherit;
font-style: inherit;
text-decoration: none; }
.popup-quick-view .entry-summary .woocommerce-product-rating {
margin-bottom: 5px; }
.popup-quick-view .entry-summary .price {
font-size: 28px;
margin-bottom: 7px; }
.popup-quick-view .entry-summary div[itemprop="description"] {
margin-bottom: 20px; }
.popup-quick-view .entry-summary .woocommerce-review-link {
display: none; }
.popup-quick-view .entry-summary .woocommerce-breadcrumb,
.popup-quick-view .entry-summary .yoast-breadcrumb {
display: none; }
.popup-quick-view .entry-summary .product_meta {
border-top: none;
padding-top: 0;
margin-top: 0; }
.popup-quick-view .entry-summary .share-title {
font-weight: bold;
color: #1B1919;
margin-right: 5px; }
.popup-quick-view .entry-summary .share-title:after {
content: ":"; }
.popup-quick-view .entry-summary .social-icons {
display: inline-block; }
.popup-quick-view .single-product-content .product-image-summary {
margin-bottom: 0; }
.popup-quick-view .single-product-content .product-image-summary .owl-controls {
margin-top: 0; }
.popup-quick-view .owl-carousel .owl-nav > div.owl-next {
right: -20px; }
.popup-quick-view .owl-carousel .owl-nav > div.owl-prev {
left: -20px; }
.popup-quick-view .owl-carousel .owl-dots {
display: none; }
.popup-quick-view .owl-carousel:hover .owl-nav div.owl-next {
right: 0; }
.popup-quick-view .owl-carousel:hover .owl-nav div.owl-prev {
left: 0; }
.popup-quick-view .mfp-close {
font-size: 0;
cursor: pointer;
padding-right: 36px;
opacity: 1; }
.popup-quick-view .mfp-close:after, .popup-quick-view .mfp-close:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5px;
width: 30px;
height: 1px;
display: inline-block;
background-color: black;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.popup-quick-view .mfp-close:after, .popup-quick-view .mfp-close:before {
right: 9px; }
.popup-quick-view .mfp-close:after {
transform: rotate(-45deg); }
.popup-quick-view .mfp-close:before {
transform: rotate(45deg); }
.popup-quick-view .single-product-content .product-image-summary {
display: flex;
flex-direction: row;
align-items: stretch;
min-height: 400px; }
.popup-quick-view .single-product-content .product-image-summary:before, .popup-quick-view .single-product-content .product-image-summary:after {
display: none; }
.popup-quick-view .single-product-content .variations {
position: relative; }
.popup-quick-view .single-product-content .variations td {
padding-bottom: 10px; }
.popup-quick-view .single-product-content .variations .reset_variations {
position: absolute;
bottom: -15px;
left: 0;
margin-left: 0; }
.popup-quick-view .single-product-content .variations .basel-swatch {
cursor: pointer; }
.popup-quick-view .basel-scroll {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
left: 15px;
width: auto; }
.popup-quick-view .basel-scroll .basel-scroll-content {
padding-left: 15px;
padding-right: 60px;
padding-bottom: 25px;
padding-top: 35px;
max-height: 100%; }
.popup-quick-view .price del,
.popup-quick-view .price del .amount {
color: #BBB; }
.mfp-close-btn-in .popup-wrapper .mfp-close {
color: #FFF; }
.filters-area {
display: none;
margin-bottom: 35px;
color: rgba(0, 0, 0, 0.8);
background-color: #F9F9F9;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px; }
.body-filters-opened .filters-area, .filters-area.always-open {
display: block; }
.filters-area.custom-content {
padding-bottom: 30px; }
.filters-inner-area > div:nth-of-type(4n+1) {
clear: both; }
.filter-widget {
margin-bottom: 30px; }
.basel-fg {
position: relative;
margin-bottom: 40px; }
.basel-fg .responsive-table {
margin-bottom: 0; }
.basel-fg .title {
font-size: 22px;
font-weight: bold;
text-align: center;
text-transform: uppercase; }
.basel-fg .product-btn {
text-align: end; }
.basel-fg .basel-add-gift-product {
color: #FFF; }
.basel-fg-label:before {
content: "\e906";
font-family: "basel-font"; }
.woocommerce-cart .basel-fg .product-thumbnail {
max-width: 40px; }
.woocommerce-cart .basel-fg-table {
border-top: 2px solid #EFEFEF; }
.woocommerce-cart.basel-dark .basel-fg-table {
border-color: rgba(255, 255, 255, 0.1); }
.woocommerce-checkout .basel-fg {
--table-td-br-color: rgba(129,129,129,0.05);
margin-bottom: 30px; }
.woocommerce-checkout .basel-fg tr:last-child td {
border-bottom: none; }
.woocommerce-checkout .basel-fg .responsive-table {
padding: 10px 25px !important; }
.basel-product-categories > li {
display: inline-block; }
.basel-product-categories > li > a {
display: inline-block;
line-height: 50px;
padding-left: 10px;
padding-right: 10px; }
.basel-product-categories > li > a:after {
right: 10px;
bottom: 16px;
width: calc(0% - 20px); }
.basel-product-categories > li:hover > a:after {
width: calc(100% - 20px);
left: 10px; }
.basel-product-categories > li.wc-default-cat {
display: none; }
.basel-product-categories > li.current-cat > a:after, .basel-product-categories > li.current-cat-parent > a:after {
width: calc(100% - 20px);
left: 10px; }
.basel-product-categories li {
position: relative; }
.basel-product-categories li a {
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
position: relative; }
.basel-product-categories li a:after {
content: " ";
position: absolute;
height: 1px;
background-color: rgba(0, 0, 0, 0.3);
transition: width .25s ease; }
.basel-product-categories li .children {
position: absolute;
top: 120%;
left: 50%;
width: 180px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #FFF;
opacity: 0;
visibility: hidden;
z-index: 15;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
transition: all .2s ease-in-out;
transform: translateX(-90px); }
.basel-product-categories li .children li {
padding-left: 15px;
padding-right: 15px; }
.basel-product-categories li .children li a {
padding-top: 6px;
padding-bottom: 6px;
line-height: 1.4;
display: inline-block;
font-size: 13px; }
.basel-product-categories li .children li a:after {
bottom: 4px;
width: 0;
right: 0; }
.basel-product-categories li .children li.current-cat > a:after, .basel-product-categories li .children li.current-cat-parent > a:after {
width: 100%; }
.basel-product-categories li .children li:hover > a:after {
width: 100%;
left: 0; }
.basel-product-categories li .children .children {
top: 0;
left: 100%;
transform: none; }
.basel-product-categories li .children .children:before {
content: none; }
.basel-product-categories li .children:before {
content: "\f9d8";
font-family: "basel-font";
position: absolute;
left: 50%;
margin-left: -7.5px;
top: -5px;
line-height: 0;
font-size: 26px;
color: #F9F9F9; }
.basel-product-categories li:hover > .children {
top: 100%;
opacity: 1;
visibility: visible; }
.basel-product-categories li:hover > .children .children {
top: 0; }
.color-scheme-light .basel-product-categories li a {
color: #FFF; }
.color-scheme-light .basel-product-categories li a:after {
background-color: #FFF; }
.color-scheme-light .basel-product-categories li .children {
background-color: #000;
box-shadow: none; }
.color-scheme-light .basel-product-categories li .children:before {
color: #000; }
.popup-added_to_cart {
position: relative;
max-width: 450px;
width: 100%;
margin: 0 auto;
background-color: #FFF;
border: 2px solid rgba(101, 101, 101, 0.25);
text-align: center;
overflow: hidden;
padding: 20px 40px 0 40px; }
.popup-added_to_cart p {
font-size: 20px;
font-weight: bold;
color: #1B1919;
text-transform: uppercase; }
.popup-added_to_cart a {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px; }
.popup-added_to_cart:after {
content: "\f218";
font-family: "basel-font";
position: absolute;
bottom: 0;
right: -14px;
line-height: 110px;
z-index: 1;
font-size: 161px;
color: rgba(123, 123, 123, 0.1);
transform: rotate(-30deg); }
.popup-added_to_cart .close-popup {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline;
display: inline-block;
position: relative;
z-index: 2; }
.popup-added_to_cart .close-popup:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.popup-added_to_cart .close-popup:hover {
color: #000; }
.popup-added_to_cart .view-cart {
padding-left: 40px;
padding-right: 40px;
position: relative;
z-index: 2; }
.popup-added_to_cart .mfp-close {
font-size: 28px;
opacity: 1; }
.mfp-close-btn-in .mfp-close {
color: rgba(0, 0, 0, 0.6); }
.mfp-close-btn-in .mfp-close:hover {
color: #000;
background-color: transparent; }
.basel-social-login {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px; }
.social-login-btn {
flex: 1 1 200px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 15px; }
.social-login-btn > a {
position: relative;
color: white !important;
display: block;
border: none; }
.social-login-btn > a:before {
position: absolute;
top: 50%;
left: 15px;
font-size: 22px;
line-height: 26px;
font-weight: normal;
font-family: "basel-font";
transform: translateY(-50%); }
.social-login-btn > a:hover {
color: white !important; }
.social-login-btn .login-vk-link {
background-color: #597DA3; }
.social-login-btn .login-vk-link:before {
content: "\f189"; }
.social-login-btn .login-vk-link:hover {
background-color: #4c6b8c; }
.social-login-btn .login-fb-link {
background-color: #3B5998; }
.social-login-btn .login-fb-link:before {
content: "\f99a"; }
.social-login-btn .login-fb-link:hover {
background-color: #314a7e; }
.social-login-btn .login-goo-link {
background-color: #4285F4; }
.social-login-btn .login-goo-link:before {
content: "\f9d5"; }
.social-login-btn .login-goo-link:hover {
background-color: #206ff2; }
.social-login-btn:last-child {
margin-bottom: 0; }
.basel-social-alt-style .login-fb-link:before {
left: 9px;
font-size: 28px;
content: "\f982"; }
.basel-social-alt-style .login-goo-link:before, .basel-social-alt-style .login-goo-link:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%); }
.basel-social-alt-style .login-goo-link:before {
left: 13px;
z-index: 1;
width: 16px;
height: 16px;
background-image: url(//vitrinavenezuela.com/wp-content/themes/basel/inc/assets/images/google-btn-icon.svg);
background-position: center;
background-size: cover; }
.basel-social-alt-style .login-goo-link:after {
left: 8px;
width: 26px;
height: 26px;
background-color: #FFF; }
.basel-social-alt-style .login-vk-link:before {
left: 10px; }
.basel-sizeguide .responsive-table {
margin-bottom: 0; }
.basel-sizeguide-title {
font-size: 24px;
text-transform: uppercase;
text-align: center; }
.basel-sizeguide-content {
margin-bottom: 30px; }
.basel-sizeguide-wrapper {
margin-bottom: 30px; }
.basel-sizeguide-table tr,
.basel-sizeguide-table td {
transition: all .25s ease; }
.basel-sizeguide-table td {
text-align: center; }
.basel-sizeguide-table tr:first-child {
background-color: #f4f4f4; }
.basel-sizeguide-table tr:first-child td {
color: #1B1919;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border-bottom: none; }
.basel-sizeguide-table tr:first-child td:empty {
border-color: transparent;
padding: 0; }
.basel-sizeguide-table tr:not(:first-child):hover {
background-color: #f8f8f8; }
.basel-sizeguide-table tr:not(:first-child):hover td {
color: #444; }
.basel-sizeguide-table tr:not(:first-child) td:hover {
background-color: rgba(0, 0, 0, 0.06); }
.basel-product-instagram {
padding-top: 40px;
margin-bottom: 40px;
border-top: 1px solid rgba(119, 119, 119, 0.17); }
.basel-product-instagram .product-instagram-intro {
font-size: 16px; }
.basel-product-instagram .product-instagram-intro > span {
font-weight: 600;
color: #1B1919; }
.basel-product-instagram:first-child {
padding-top: 0;
border-top: none; }
.basel-free-progress-bar {
margin-bottom: 20px;
padding: 20px;
border: 2px dashed rgba(119, 119, 119, 0.17); }
.basel-free-progress-bar .progress-bar {
margin-top: 10px;
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-size: 15px 15px; }
.basel-free-progress-bar.basel-progress-hide .progress-area {
display: none; }
.widget_shopping_cart .basel-free-progress-bar {
margin-bottom: 0;
padding: 5px 0 20px 0;
border: none;
border-top: 1px solid var(--brdcolor-gray-300); }
.woocommerce-checkout .basel-free-progress-bar {
margin-top: 20px;
margin-bottom: 0; }
.basel-fbt-wrap {
margin-block: 40px; }
.basel-fbt:not(:last-child) {
margin-bottom: 40px; }
.basel-fbt.basel-design-side .basel-fbt-form {
padding: 20px;
background-color: #f7f7f7; }
.basel-fbt.basel-design-side .product-grid-item {
transition: opacity .4s ease; }
.basel-fbt.basel-design-side .product-grid-item.basel-disabled-fbt {
opacity: .4;
pointer-events: none; }
.basel-fbt.basel-design-side .owl-stage-outer {
clip-path: inset(0 10px); }
.basel-fbt.basel-design-side .owl-item.active:before {
position: absolute;
top: calc(50% - 10px);
inset-inline-end: calc(100% - 10px);
width: 20px;
text-align: center;
font-size: 14px;
line-height: 20px;
transition: opacity .25s ease;
content: "\e904";
font-family: "basel-font"; }
.basel-fbt.basel-design-side :is(
.owl-item.active:first-child,
.owl-item:not(.active) + .owl-item.active):before {
opacity: 0; }
.basel-fbt-form {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between; }
.basel-fbt-form > div {
transition: opacity .25s ease; }
.basel-fbt-form.basel-checkbox-on .basel-fbt-product-heading {
padding-inline-start: 22px; }
.basel-fbt-product input[type="checkbox"] {
position: absolute;
top: 5px;
inset-inline-start: 0;
width: 14px;
height: 14px; }
.basel-fbt-product input[type="checkbox"]:not([disabled]),
.basel-fbt-product input[type="checkbox"]:not([disabled]) + label {
opacity: 1;
cursor: pointer; }
.basel-fbt-product:not(:last-child) {
margin-bottom: 15px; }
.basel-fbt-product-heading {
position: relative;
z-index: 2; }
.basel-fbt-product-heading label {
display: inline;
transition: opacity .25s ease;
user-select: none; }
.basel-fbt-product-heading label:hover {
opacity: .8; }
.basel-fbt-product-heading .price {
vertical-align: middle; }
.basel-fbt-product-heading .basel-entities-title {
display: inline;
margin-inline-end: 5px;
margin-bottom: 0; }
.basel-fbt-product-heading:not(:last-child) {
margin-bottom: 10px; }
.basel-fbt-purchase {
margin-top: 15px; }
.basel-fbt-purchase .price {
display: block;
font-size: 26px;
line-height: 1; }
:is(
.basel-fbt-desc,
.basel-fbt-purchase-btn) {
margin-top: 10px; }
.basel-fbt-purchase-btn.disabled {
opacity: .4;
pointer-events: none; }
.basel-fbt .basel-hover-alt.purchasable .wrapp-swap,
.basel-fbt .basel-hover-alt.purchasable .swap-elements > * {
height: auto;
line-height: inherit; }
.basel-fbt .basel-hover-excerpt .btn-add {
display: none; }
.basel-fbt .basel-fbt-sale-label + .onsale {
display: none !important; }
.basel-fbt .basel-hover-alt.purchasable:hover .swap-elements, .basel-fbt .basel-hover-link:hover .wrapp-swap .swap-elements {
transform: none; }
.basel-fbt-label:before {
content: "\e901";
font-family: "basel-font"; }
.product_list_widget li[class*="basel-fbt-item"] .basel-tooltip-label {
display: none; }
.product_list_widget li[class*="basel-fbt-item"]:not(.basel-fbt-item-last) {
padding-bottom: 0;
border-bottom: 0; }
.woocommerce-checkout-review-order-table .cart_item:is(
.basel-fbt-item-first,
.basel-fbt-item) {
border-bottom: none; }
.woocommerce-checkout-review-order-table .cart_item:is(
.basel-fbt-item-first,
.basel-fbt-item) td {
padding-bottom: 0; }
.basel-dynamic-discounts {
position: relative;
margin-bottom: 30px; }
.basel-dynamic-discounts table {
margin-bottom: 0; }
.basel-dynamic-discounts thead th {
padding-top: 0; }
.basel-dynamic-discounts tbody tr {
cursor: pointer;
transition: all .25s ease; }
.basel-dynamic-discounts tbody tr:is(
:hover,
.basel-active) {
background-color: rgba(0, 0, 0, 0.03); }
.basel-dynamic-discounts tbody span {
color: #949494; }
.basel-dynamic-discounts tr :is(
td,
th):first-child {
text-align: start; }
.basel-dynamic-discounts tr :is(
td,
th):last-child {
text-align: end; }
.basel-dark .basel-dynamic-discounts tbody span {
color: rgba(255, 255, 255, 0.8); }
.products {
transition: all .2s ease; }
.basel-loading .basel-shop-loader {
display: block;
animation: fade-in 1s ease; }
.basel-loading .basel-shop-loader.hidden-loader {
animation: fade-in 1s ease; }
.basel-loading .basel-shop-loader:after {
animation: load-spin 450ms infinite linear; }
.basel-loading .products {
position: relative;
opacity: 0;
visibility: hidden;
transform: translateY(50px); }
.basel-shop-loader {
display: none; }
.basel-shop-loader:after {
content: " ";
width: 34px;
height: 34px;
display: inline-block;
vertical-align: middle;
border: 2px solid black;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important; }
.basel-shop-loader:not(.hidden-loader) {
position: fixed;
top: 50%;
left: 50%;
margin-top: -17px; }
.basel-shop-loader.hidden-from-top {
position: relative; }
.basel-shop-loader.hidden-from-top:after {
position: absolute;
left: 50%;
margin-left: -17px;
top: 30px; }
.basel-shop-loader.hidden-from-top.hidden-loader {
margin-left: 0 !important; }
.basel-shop-loader.hidden-from-bottom {
position: absolute;
left: 50%;
margin-left: -17px;
bottom: 115px; }
.basel-shop-loader.hidden-from-bottom.hidden-loader {
margin-left: -17px !important; }
.shop-content-area.col-sm-12 .basel-shop-loader {
margin-left: -17px; }
.content-without-products .basel-shop-loader {
position: absolute;
top: 100%;
left: 50%;
margin-top: 15px;
margin-left: -17px; }
.basel-active-filters {
margin-top: -15px;
margin-bottom: 15px;
min-height: 1px; }
.basel-active-filters .widget_layered_nav_filters {
display: inline; }
.basel-active-filters .widget_layered_nav_filters ul {
display: inline; }
.basel-active-filters .widget_layered_nav_filters ul li {
margin-bottom: 5px;
margin-right: 15px;
display: inline-block; }
.basel-active-filters .widget_layered_nav_filters ul li a {
color: #1B1919;
text-decoration: none; }
.basel-active-filters .widget_layered_nav_filters ul li a:after {
transform: rotate(-45deg); }
.basel-active-filters .widget_layered_nav_filters ul li a:before {
transform: rotate(45deg); }
.basel-active-filters .widget_layered_nav_filters ul li a:hover:after {
transform: rotate(0); }
.basel-active-filters .widget_layered_nav_filters ul li a:hover:before {
transform: rotate(0); }
.basel-active-filters .widget_layered_nav_filters ul li a:after, .basel-active-filters .widget_layered_nav_filters ul li a:before {
background-color: #1B1919; }
.basel-clear-filters-wrapp {
display: inline; }
.basel-clear-filters-wrapp .basel-clear-filters {
position: relative;
font-weight: bold;
cursor: pointer;
padding-left: 16px;
text-decoration: none;
margin-right: 15px;
padding-right: 15px;
border-right-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1); }
.basel-clear-filters-wrapp .basel-clear-filters:after, .basel-clear-filters-wrapp .basel-clear-filters:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
width: 10px;
height: 2px;
display: inline-block;
background-color: black;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.basel-clear-filters-wrapp .basel-clear-filters:after {
transform: rotate(-45deg); }
.basel-clear-filters-wrapp .basel-clear-filters:before {
transform: rotate(45deg); }
.basel-clear-filters-wrapp .basel-clear-filters:hover:after {
transform: rotate(0); }
.basel-clear-filters-wrapp .basel-clear-filters:hover:before {
transform: rotate(0); }
.shop-loop-head {
margin-bottom: 20px;
margin-top: -10px;
text-align: right;
line-height: 20px;
padding: 10px 0 0 0;
vertical-align: middle;
width: 100%; }
.shop-loop-head:after {
content: "";
clear: both;
display: block; }
.shop-loop-head .woocommerce-breadcrumb,
.shop-loop-head .yoast-breadcrumb {
float: left;
margin-bottom: 10px; }
.shop-loop-head .woocommerce-result-count {
font-size: 13px;
letter-spacing: 0.3px;
color: #9E9E9E;
display: inline-block;
margin-bottom: 10px;
line-height: 20px;
vertical-align: middle; }
.shop-loop-head .basel-products-shop-view {
display: inline-flex;
align-items: stretch;
justify-content: center;
flex-wrap: nowrap;
gap: 12px;
white-space: nowrap;
vertical-align: middle;
margin-left: 20px;
margin-bottom: 10px; }
.shop-loop-head .basel-products-shop-view > a {
display: inline-flex;
align-self: center;
opacity: .3; }
.shop-loop-head .basel-products-shop-view > a.shop-view-grid:before {
content: "\e90a";
font-family: "basel-font"; }
.shop-loop-head .basel-products-shop-view > a.shop-view-list:before {
content: "\e909";
font-family: "basel-font"; }
.shop-loop-head .basel-products-shop-view > a.current-view {
opacity: .9; }
.shop-loop-head .basel-products-shop-view > a:not(.current-view):hover {
opacity: .6; }
.shop-loop-head .basel-products-shop-view > a:before {
font-size: 18px;
transition: all .25s ease-in-out; }
.shop-loop-head .basel-products-shop-view.products-view-list_grid {
flex-direction: row; }
.shop-loop-head .basel-products-shop-view.products-view-grid_list {
flex-direction: row-reverse; }
.shop-loop-head .basel-filter-buttons {
display: inline-block;
margin-left: 20px;
margin-bottom: 10px;
line-height: 19px;
vertical-align: middle; }
.shop-loop-head .basel-filter-buttons .open-filters {
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #1B1919;
position: relative;
padding-right: 20px;
text-decoration: none; }
.shop-loop-head .basel-filter-buttons .open-filters:after, .shop-loop-head .basel-filter-buttons .open-filters:before {
content: " ";
width: 10px;
height: 2px;
position: absolute;
right: 0;
top: 9px;
display: inline-block;
background-color: #1B1919;
transition: all .2s ease-in-out; }
.shop-loop-head .basel-filter-buttons .open-filters:before {
transform: rotate(-90deg); }
.shop-loop-head .basel-filter-buttons .open-filters:hover:after {
transform: translateX(-6px) rotate(50deg); }
.shop-loop-head .basel-filter-buttons .open-filters:hover:before {
transform: rotate(-50deg); }
.shop-loop-head .basel-filter-buttons .open-filters.btn-opened:before {
transform: rotate(-45deg); }
.shop-loop-head .basel-filter-buttons .open-filters.btn-opened:after {
transform: rotate(45deg); }
.shop-loop-head .woocommerce-ordering {
display: inline-block;
position: relative;
margin-top: -10px;
margin-left: 20px;
vertical-align: top;
color: #636363; }
.shop-loop-head .woocommerce-ordering select:focus {
border-color: rgba(0, 0, 0, 0.4); }
.icon-drop-category {
position: absolute;
top: 0;
right: 0;
z-index: 1;
display: inline-block;
border-radius: 50%;
width: 60px;
height: 40px;
cursor: pointer; }
.icon-drop-category:after, .icon-drop-category:before {
content: " ";
width: 10px;
height: 1px;
position: absolute;
right: 12px;
top: 19px;
display: inline-block;
background-color: #312F2F;
transition: all .2s ease-in-out; }
.icon-drop-category:after {
transform: translateX(-6px) rotate(50deg); }
.icon-drop-category:before {
transform: rotate(-50deg); }
.icon-drop-category.basel-act-icon:after, .icon-drop-category.basel-act-icon:before {
width: 15px; }
.icon-drop-category.basel-act-icon:before {
transform: rotate(-45deg); }
.icon-drop-category.basel-act-icon:after {
transform: rotate(45deg); }
.color-scheme-light .icon-drop-category:after, .color-scheme-light .icon-drop-category:before {
background-color: #FFF; }
.basel-show-categories {
display: none;
padding-top: 12px;
padding-bottom: 12px;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
position: relative;
color: #2F2D2D;
cursor: pointer;
padding-right: 16px;
padding-right: 22px; }
.basel-show-categories:after, .basel-show-categories:before {
content: " ";
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
width: 10px;
height: 2px;
display: inline-block;
background-color: #2F2D2D;
transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; }
.basel-show-categories:after {
transform: translateX(-6px) rotate(50deg); }
.basel-show-categories:before {
transform: rotate(-50deg); }
.basel-show-categories.button-open:before {
transform: rotate(-45deg); }
.basel-show-categories.button-open:after {
transform: rotate(45deg); }
.color-scheme-light .basel-show-categories {
color: #FFF; }
.color-scheme-light .basel-show-categories:after, .color-scheme-light .basel-show-categories:before {
background-color: #FFF; }
.basel-header-overlap .title-shop.without-title.title-size-small {
padding: 95px 0 50px 0; }
.basel-header-overlap .title-shop.without-title.title-size-default {
padding: 140px 0 100px 0; }
.basel-header-overlap .title-shop.without-title.title-size-large {
padding: 175px 0; }
.title-shop {
border: none; }
.title-shop.without-title.title-size-small {
padding: 0; }
.title-shop.without-title.title-size-default {
padding: 30px 0; }
.title-shop.without-title.title-size-large {
padding: 60px 0; }
.title-shop.title-design-centered {
text-align: center; }
.title-shop.title-design-centered .nav-shop .entry-title {
float: none;
margin-left: 0; }
.title-shop.title-design-centered :is(
.basel-back-btn + .entry-title,
.basel-back-btn + .entry-title + .basel-show-categories + .basel-product-categories,
.basel-back-btn + .basel-show-categories + .basel-product-categories) {
padding-left: 50px;
padding-right: 50px; }
.title-shop.title-design-centered.title-size-large .nav-shop .entry-title {
line-height: 75px; }
.title-shop .nav-shop {
position: relative; }
.title-shop .nav-shop:after {
content: "";
clear: both;
display: block; }
.title-shop .nav-shop span.entry-title {
display: block; }
.title-shop .nav-shop .entry-title {
float: right;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
letter-spacing: 2px;
line-height: 50px; }
.title-shop :is(
.basel-back-btn + .entry-title + .basel-show-categories + .basel-product-categories,
.basel-back-btn + .basel-show-categories + .basel-product-categories) {
padding-left: 60px; }
.title-shop :is(
.basel-back-btn + .entry-title + .basel-show-categories,
.basel-back-btn + .basel-show-categories) {
margin-left: 60px;
margin-right: 60px; }
.title-shop .basel-back-btn {
position: absolute;
top: 50%;
margin-top: -18px;
left: 0; }
.title-shop.color-scheme-light .nav-shop > .basel-back-btn > span {
background-color: #FFF; }
.title-shop.color-scheme-light .nav-shop > .basel-back-btn > span:after {
background-color: #FFF; }
.title-shop.color-scheme-light .nav-shop > .basel-back-btn > span:before {
color: #FFF; }
.woocommerce-pagination {
display: block;
text-align: center; }
.woocommerce-pagination .page-numbers {
display: inline-block; }
.woocommerce-pagination .page-numbers li {
display: inline-block;
text-align: center;
vertical-align: middle;
margin-right: 3px; }
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
display: inline-block;
border: 1px solid transparent;
border-bottom: 1px solid #B1B1B1;
color: #000;
font-size: 16px;
width: 34px;
line-height: 32px;
transition: all .2s ease-in-out; }
.woocommerce-pagination .page-numbers li a {
text-decoration: none; }
.woocommerce-pagination .page-numbers li a:hover {
border-color: #B1B1B1; }
.woocommerce-pagination .page-numbers li .current {
background-color: #000;
border-color: #000;
color: #FFF; }
.woocommerce-pagination .page-numbers li .next,
.woocommerce-pagination .page-numbers li .prev {
border: none;
background-color: transparent;
font-size: 0;
color: #000;
line-height: 0;
margin-right: -4px; }
.woocommerce-pagination .page-numbers li .next:before,
.woocommerce-pagination .page-numbers li .prev:before {
content: "\e606";
font-size: 16px;
line-height: 34px;
font-family: 'simple-line-icons'; }
.woocommerce-pagination .page-numbers li .next:hover,
.woocommerce-pagination .page-numbers li .prev:hover {
text-decoration: none;
color: #000;
opacity: .8;
background-color: transparent; }
.woocommerce-pagination .page-numbers li .prev:before {
content: "\e605"; }
.product-title a {
color: #252222;
letter-spacing: .3px;
text-decoration: none; }
.title-line-one .product-grid-item .product-title,
.title-line-two .product-grid-item .product-title {
line-height: 22px;
overflow: hidden; }
.title-line-one .product-grid-item .product-title a,
.title-line-two .product-grid-item .product-title a {
line-height: inherit;
vertical-align: top; }
.title-line-one .basel-hover-alt .product-title,
.title-line-two .basel-hover-alt .product-title {
line-height: 26px; }
.title-line-one .product-grid-item .product-title {
max-height: 22px; }
.title-line-one .basel-hover-alt .product-title {
max-height: 26px; }
.title-line-two .product-grid-item .product-title {
max-height: 44px; }
.title-line-two .basel-hover-alt .product-title {
max-height: 52px; }
.basel-show-sidebar-btn {
display: none;
float: left;
align-items: center;
vertical-align: middle;
font-size: 16px;
font-weight: bold;
color: #1B1919;
text-transform: capitalize;
cursor: pointer;
margin-right: 20px;
margin-bottom: 10px; }
.basel-show-sidebar-btn span:not(.basel-side-bar-icon) {
vertical-align: middle; }
.basel-show-sidebar-btn .basel-side-bar-icon {
position: relative;
margin-top: 4px;
margin-bottom: 4px;
vertical-align: middle;
margin-right: 7px; }
.basel-show-sidebar-btn .basel-side-bar-icon, .basel-show-sidebar-btn .basel-side-bar-icon::before, .basel-show-sidebar-btn .basel-side-bar-icon::after {
display: inline-block;
width: 18px;
height: 2px;
background-color: rgba(0, 0, 0, 0.8);
transition: all .25s ease-in-out; }
.basel-show-sidebar-btn .basel-side-bar-icon::before, .basel-show-sidebar-btn .basel-side-bar-icon::after {
position: absolute;
content: "";
left: 0; }
.basel-show-sidebar-btn .basel-side-bar-icon::before {
top: -6px; }
.basel-show-sidebar-btn .basel-side-bar-icon::after {
top: 6px; }
.basel-show-sidebar-btn:hover .basel-side-bar-icon, .basel-show-sidebar-btn:hover .basel-side-bar-icon:before, .basel-show-sidebar-btn:hover .basel-side-bar-icon:after {
background-color: #000; }
.basel-show-sidebar-btn:hover .basel-side-bar-icon:before {
width: 12px; }
.basel-show-sidebar-btn:hover .basel-side-bar-icon:after {
width: 10px; }
.basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon {
background-color: transparent; }
.basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon:before, .basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon:after {
background-color: #000;
width: 15px; }
.basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon:before {
transform: translate3d(0px, 6px, 0) rotate(45deg); }
.basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon:after {
transform: translate3d(0px, -6px, 0) rotate(-45deg); }
form.woocommerce-checkout:after {
content: "";
clear: both;
display: block; }
.woocommerce-checkout input {
scroll-margin-top: 105px; }
.woocommerce-checkout .woocommerce-error {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
padding-left: 6em; }
.woocommerce-checkout .woocommerce-error li {
position: relative;
margin-bottom: 15px; }
.woocommerce-checkout .woocommerce-error li:last-child {
margin-bottom: 0; }
.woocommerce-checkout .woocommerce-error li:before {
content: "\f105";
font-family: "basel-font";
opacity: .7;
position: absolute;
top: 0;
left: -15px; }
.woocommerce-checkout .woocommerce-info {
margin-bottom: 25px;
border: none;
background-color: transparent;
padding: 0;
overflow: visible;
color: #8C8C8C; }
.woocommerce-checkout .woocommerce-info a {
color: #202020;
text-decoration: none; }
.woocommerce-checkout .woocommerce-info:before {
content: none; }
.woocommerce-checkout .woocommerce-info .showcoupon,
.woocommerce-checkout .woocommerce-info .showlogin {
border-bottom: 1px solid #E6E6E6;
display: inline;
margin-left: 5px;
line-height: 1.5; }
.woocommerce-checkout .woocommerce-info .showcoupon:hover,
.woocommerce-checkout .woocommerce-info .showlogin:hover {
border-color: #A6A6A6; }
.woocommerce-checkout .checkout_coupon,
.woocommerce-checkout .login.hidden-form {
position: relative;
background-color: #f8f8f8; }
.woocommerce-checkout .checkout_coupon:before,
.woocommerce-checkout .login.hidden-form:before {
content: "\f9d8";
font-family: "basel-font";
position: absolute;
top: -4px;
line-height: 0;
left: 20px;
color: #f8f8f8;
font-size: 24px; }
.woocommerce-checkout .checkout_coupon {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 20px;
max-width: 400px;
text-align: center; }
.woocommerce-checkout .checkout_coupon > * {
flex: 1 1 100%;
margin-bottom: 0; }
.woocommerce-checkout .checkout_coupon .form-row-first {
flex: 1 1 auto;
float: none;
width: auto; }
.woocommerce-checkout .checkout_coupon .form-row-last {
flex: 0 0 auto;
float: none;
width: auto; }
.woocommerce-checkout .checkout_coupon .input-text {
box-shadow: none; }
.woocommerce-checkout .checkout_coupon .coupon-error-notice {
display: block;
margin-block: 10px 0;
color: #E01020;
text-align: start; }
.woocommerce-checkout .checkout_coupon .button {
color: #FFF; }
.woocommerce-checkout .checkout_coupon .button:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.woocommerce-checkout .checkout_coupon .clear {
display: none; }
.woocommerce-checkout .login.hidden-form {
max-width: 500px;
padding: 20px 25px 20px 25px;
margin-bottom: 20px; }
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-account-fields {
margin-top: 40px; }
.woocommerce-checkout .woocommerce-billing-fields abbr,
.woocommerce-checkout .woocommerce-shipping-fields abbr,
.woocommerce-checkout .woocommerce-account-fields abbr {
border: none;
text-decoration: none; }
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout .woocommerce-account-fields > h3 {
text-transform: uppercase;
letter-spacing: .6px;
font-weight: bold; }
.woocommerce-checkout .select2-drop-active .select2-input {
background-image: none !important; }
.woocommerce-checkout .create-account input[type="checkbox"] {
position: static;
margin-left: 0; }
.woocommerce-checkout .create-account span {
vertical-align: middle; }
.woocommerce-checkout .woocommerce-shipping-fields > h3 label {
display: inline-block;
text-transform: uppercase;
font-size: 22px;
margin: 0; }
.woocommerce-checkout .woocommerce-shipping-fields .notes textarea {
height: 110px; }
.woocommerce-checkout .checkout-order-review {
background-color: #f8f8f8;
background-image: url(//vitrinavenezuela.com/wp-content/themes/basel/images/checkout-border.jpg);
background-position: left top;
background-repeat: no-repeat;
padding: 40px 30px;
margin-top: 8px; }
.woocommerce-checkout .checkout-order-review > h3 {
text-transform: uppercase;
letter-spacing: .6px;
text-align: center;
font-weight: bold; }
.woocommerce-checkout .checkout-order-review .responsive-table {
background-color: #FFF;
padding: 20px 25px 0px 25px; }
.woocommerce-checkout .woocommerce-checkout-payment li {
margin-bottom: 15px; }
.woocommerce-checkout .woocommerce-checkout-payment li img {
max-height: 40px;
margin-left: 5px;
margin-right: 5px; }
.woocommerce-checkout .woocommerce-checkout-payment li label {
margin-bottom: 0;
display: inline-block; }
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-form__input {
position: relative;
margin-left: 0;
margin-right: 5px; }
.woocommerce-checkout .woocommerce-checkout-payment .payment_box,
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions {
position: relative;
margin-top: 15px;
padding: 10px 15px;
background-color: #FFF;
border: 2px solid rgba(115, 115, 115, 0.1); }
.woocommerce-checkout .woocommerce-checkout-payment .payment_box p,
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions p {
margin-bottom: 5px; }
.woocommerce-checkout .woocommerce-checkout-payment .payment_box:before,
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions:before {
content: "\f9d8";
font-family: "basel-font";
position: absolute;
top: -5px;
line-height: 0;
left: 25px;
color: #e8e8e8;
font-size: 22px; }
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions {
margin-bottom: 20px; }
.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions:before {
display: none; }
.woocommerce-checkout .woocommerce-checkout-payment .payment_method_paypal img {
margin-left: 10px; }
.woocommerce-checkout .woocommerce-checkout-payment .payment_method_paypal a {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline;
margin-left: 15px; }
.woocommerce-checkout .woocommerce-checkout-payment .payment_method_paypal a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.woocommerce-checkout .woocommerce-checkout-payment #wc-stripe-cc-form {
border: none;
padding: 0;
margin-bottom: 0; }
.woocommerce-checkout .woocommerce-checkout-payment #wc-stripe-cc-form label {
display: block; }
.woocommerce-checkout .woocommerce-checkout-payment .wc-saved-payment-methods {
margin-bottom: 0; }
.woocommerce-checkout .woocommerce-checkout-payment .wc-saved-payment-methods li:last-child {
margin-bottom: 5px; }
.woocommerce-checkout .woocommerce-checkout-payment .wc-saved-payment-methods + #wc-stripe-cc-form {
margin-top: 15px; }
.woocommerce-checkout .place-order {
margin-top: 25px; }
.woocommerce-checkout .place-order button {
width: 100%;
padding: 15px 0;
font-size: 16px;
letter-spacing: 1px;
color: #FFF; }
.woocommerce-checkout .place-order button:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.woocommerce-checkout .woocommerce-privacy-policy-text a,
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a {
font-weight: 600; }
.woocommerce-checkout .woocommerce-privacy-policy-text p:last-child {
margin-bottom: 25px; }
.woocommerce-checkout form#order_review #payment_method_stripe {
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: 5px; }
.woocommerce-invalid input:not(:focus),
.woocommerce-invalid .select2-container--default .select2-selection--single {
border-color: #E01020; }
.woocommerce-checkout .woocommerce > p,
.woocommerce-account .woocommerce > p {
font-size: 14px;
letter-spacing: .3px;
padding: 15px 25px;
background-color: #F9F9F9;
line-height: 1.8; }
.woocommerce-checkout .woocommerce > p strong,
.woocommerce-account .woocommerce > p strong {
color: #000; }
.woocommerce-checkout .woocommerce > p a,
.woocommerce-account .woocommerce > p a {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline; }
.woocommerce-checkout .woocommerce > p a:hover,
.woocommerce-account .woocommerce > p a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.woocommerce .cart-actions {
display: flex;
flex-direction: row;
text-align: right;
margin-bottom: 40px; }
.woocommerce .cart-actions:after, .woocommerce .cart-actions:before {
content: none; }
.woocommerce .cart-actions > div {
width: auto;
flex: 1 1 auto; }
.woocommerce .cart-actions .button {
padding-left: 30px;
padding-right: 30px; }
.woocommerce .cart-actions .coupon {
display: flex;
flex-wrap: wrap;
flex-grow: 1;
gap: 10px;
text-align: start; }
.woocommerce .cart-actions .coupon .input-text {
max-width: 250px; }
.woocommerce .cart-actions .coupon .coupon-error-notice {
flex: 1 1 100%;
color: #E01020; }
.woocommerce .cart-actions .coupon .button {
background-color: #000;
color: #FFF;
border-color: #000; }
.woocommerce .cart-actions .coupon .button:hover {
background-color: #333333;
color: #FFF;
text-decoration: none;
border-color: #333333; }
.woocommerce .cart-empty:before {
content: "\e04e";
margin-left: -18px; }
.woocommerce .cart-empty:after {
content: "\f90d";
font-family: "basel-font";
top: 91px;
font-size: 60px !important; }
.cart-collaterals {
width: 100%;
margin-top: 80px; }
.cart-collaterals:after {
content: "";
clear: both;
display: block; }
.cart-collaterals .related,
.cart-collaterals .related-products {
width: 30.75%;
float: left; }
.cart-collaterals .cross-sells {
width: 48%;
float: left; }
.cart-collaterals .cross-sells > h3 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px; }
.cart-collaterals .cross-sells ul.products {
float: none; }
.cart-collaterals .cross-sells ul.products li {
width: 48%; }
.cart-collaterals .shipping_calculator {
width: 48%;
clear: right;
float: right; }
.cart-collaterals .shipping_calculator:after {
content: "";
clear: both;
display: block; }
.cart-collaterals .cart_totals {
float: right;
width: 48%;
background-color: #f8f8f8;
background-image: url(//vitrinavenezuela.com/wp-content/themes/basel/images/checkout-border.jpg);
background-position: left top;
background-repeat: no-repeat;
padding: 25px;
padding-top: 40px; }
.cart-collaterals .cart_totals h2 {
font-size: 24px;
font-weight: bold;
text-align: center;
text-transform: uppercase; }
.cart-collaterals .cart_totals > .responsive-table {
background-color: #FFF;
padding: 10px 20px; }
.cart-collaterals .cart_totals .amount {
color: #000; }
.cart-collaterals .cart_totals table {
margin-bottom: 2px; }
.cart-collaterals .cart_totals table tr:last-child th,
.cart-collaterals .cart_totals table tr:last-child td {
border-bottom: none; }
.cart-collaterals .cart_totals table th {
text-align: left;
font-size: 14px;
width: 45%; }
.cart-collaterals .cart_totals table td {
text-align: right; }
.cart-collaterals .cart_totals table .order-total th {
font-size: 22px;
text-transform: uppercase;
font-weight: bold; }
.cart-collaterals .cart_totals table .order-total td > strong {
font-size: 22px;
font-weight: bold; }
.cart-collaterals .cart_totals table .shipping {
line-height: 1.6; }
.cart-collaterals .cart_totals table .shipping .shipping_method + .woocommerce-shipping-calculator,
.cart-collaterals .cart_totals table .shipping #shipping_method + .woocommerce-shipping-calculator {
margin-top: 15px; }
.cart-collaterals .cart_totals table .shipping a {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline; }
.cart-collaterals .cart_totals table .shipping a:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.cart-collaterals .cart_totals table .shipping .woocommerce-shipping-calculator > p {
margin-bottom: 0; }
.cart-collaterals .cart_totals table .shipping .shipping-calculator-form {
margin-top: 20px; }
.cart-collaterals .cart_totals .wc-proceed-to-checkout {
text-align: center; }
.cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button {
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
font-size: 16px;
color: #FFF; }
.cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.woocommerce .cart-empty, .basel-empty-wishlist, .basel-empty-compare {
position: relative;
margin-bottom: 30px;
padding: 250px 0 0px 0;
color: #1B1919;
font-size: 36px;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold !important; }
.woocommerce .cart-empty:after, .basel-empty-wishlist:after, .basel-empty-compare:after, .woocommerce .cart-empty:before, .basel-empty-wishlist:before, .basel-empty-compare:before {
position: absolute;
left: 50%;
font-weight: normal;
color: rgba(142, 142, 142, 0.2);
transform: translateX(-50%);
font-size: 180px; }
.woocommerce .cart-empty:before, .basel-empty-wishlist:before, .basel-empty-compare:before {
top: 0;
font-size: 180px;
font-family: 'Simple-Line-Icons'; }
.basel-registration-page {
position: relative;
margin-bottom: 20px;
margin-top: 20px; }
.basel-registration-page h2 {
font-size: 34px; }
.basel-registration-page h2:before {
content: "\e066";
font-family: 'simple-line-icons';
display: inline-block;
font-size: 24px;
margin-right: 10px; }
.basel-registration-page.basel-no-registration {
max-width: 540px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px; }
.basel-registration-page.basel-no-registration:after {
content: none; }
.register > p {
position: relative; }
.register #reg_password:focus + .woocommerce-password-strength + .woocommerce-password-hint {
opacity: 1;
visibility: visible; }
.register .woocommerce-privacy-policy-text a {
font-weight: 600; }
.register .woocommerce-privacy-policy-text p:last-child {
margin-bottom: 15px; }
.col-register h2:before {
content: "\e005"; }
.col-register-text {
text-align: center; }
.col-register-text h2:before {
content: none; }
.col-register,
.col-register-text {
border-left-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
border-style: solid; }
.registration-info,
.login-info {
margin-bottom: 20px; }
#customer_login .col-register,
#customer_login .col-login,
#customer_login .col-register-text {
flex: 1 0 0;
padding-left: 60px;
padding-right: 60px;
padding-top: 40px;
padding-bottom: 60px; }
.basel-register-tabs .col-register {
border-left: none;
display: none; }
.basel-register-tabs .col-register,
.basel-register-tabs .col-login {
animation: fade-in .7s ease; }
.active-register .col-register {
display: block; }
.active-register .col-login {
display: none; }
.with-login-reg-info .registration-info,
.with-login-reg-info .login-info {
animation: fade-in .7s ease; }
.with-login-reg-info .login-info {
display: none; }
.with-login-reg-info.active-register .registration-info {
display: none; }
.with-login-reg-info.active-register .login-info {
display: block; }
.login-form-footer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
align-items: center; }
.login-form-footer .lost_password,
.login-form-footer .woocommerce-form-login__rememberme {
margin-bottom: 10px;
font-size: 14px;
font-weight: 400; }
.login-form-footer .woocommerce-form-login__rememberme {
order: 1;
margin-right: 10px; }
.login-form-footer .lost_password {
order: 2; }
.login-form-footer .lost_password:before {
content: "\e056";
display: inline-block;
margin-top: -2px;
margin-right: 7px;
vertical-align: middle;
font-family: 'simple-line-icons'; }
.login-form-footer .lost_password:hover {
text-decoration: none; }
.lost_reset_password {
max-width: 500px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto; }
.lost_reset_password .form-row-first {
width: 100% !important;
margin-top: 20px; }
.lost_reset_password .form-row-last {
float: none;
width: 100%; }
.lost_reset_password p:first-child {
font-size: 18px;
line-height: 1.8;
display: inline;
border-bottom: 1px solid #EFEFEF; }
.register .button,
.login .button,
.lost_reset_password .button {
width: 100%;
margin-top: 10px;
border: 2px solid #000;
background-color: transparent;
color: #000; }
.register .button:hover,
.login .button:hover,
.lost_reset_password .button:hover {
background-color: #333333;
border-color: #333333;
color: #FFF; }
.register > *:last-child,
.login > *:last-child,
.lost_reset_password > *:last-child {
margin-bottom: 0; }
.social-login-title,
.register-or {
font-weight: 600;
text-transform: uppercase;
color: #000;
margin-top: 20px;
margin-bottom: 35px;
display: flex;
justify-content: space-between;
align-items: center; }
.social-login-title:after, .social-login-title:before,
.register-or:after,
.register-or:before {
content: "";
flex: 1 0 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #E2E2E2; }
.social-login-title:after,
.register-or:after {
margin-left: 20px; }
.social-login-title:before,
.register-or:before {
margin-right: 20px; }
.register-or {
display: none;
margin-top: 0; }
.woocommerce-password-hint {
position: absolute;
bottom: 100%;
right: 0;
opacity: 0;
visibility: hidden;
margin-bottom: -10px;
background: white;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
padding: 20px;
max-width: 300px;
width: 100%;
transition: opacity .5s, visibility .5s;
animation: fade-in .5s; }
.woocommerce-password-hint:after {
content: "\f9d7";
font-family: "basel-font";
position: absolute;
top: 100%;
left: 30px;
font-size: 26px;
line-height: 7px;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
color: #FFF; }
.woocommerce-password-strength {
margin-top: 20px;
margin-bottom: -10px;
padding: 10px 20px;
display: none; }
.woocommerce-password-strength.short, .woocommerce-password-strength.bad, .woocommerce-password-strength.strong, .woocommerce-password-strength.good {
display: block;
color: #FFF; }
.woocommerce-password-strength.short, .woocommerce-password-strength.bad {
background-color: #E0B252; }
.woocommerce-password-strength.strong, .woocommerce-password-strength.good {
font-weight: bold;
background-color: #459647; }
.woocommerce-password-strength:empty {
display: none;
margin: 0;
padding: 0; }
.password-input {
position: relative;
display: block; }
.password-input input {
padding-inline-end: 40px !important; }
.show-password-input {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
inset-inline-end: 0;
width: 40px;
height: 40px;
cursor: pointer;
font-size: 16px;
color: #666;
transition: all .25s ease;
background-color: transparent !important;
border: none !important; }
.show-password-input:hover {
color: #a5a5a5; }
.show-password-input:before {
font-family: "basel-font";
content: "\e902"; }
.show-password-input.display-password:before {
content: "\e903"; }
.woocommerce-account button[name="save_account_details"],
.woocommerce-account button[name="save_address"],
.woocommerce-account button[name="track"] {
padding: 12px 32px;
color: #FFF; }
.woocommerce-account button[name="save_account_details"]:hover,
.woocommerce-account button[name="save_address"]:hover,
.woocommerce-account button[name="track"]:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.woocommerce-my-account-wrapper {
margin-left: -15px;
margin-right: -15px; }
.woocommerce-MyAccount-content,
.basel-my-account-sidebar {
float: left;
padding-left: 15px;
padding-right: 15px; }
.basel-my-account-sidebar {
width: 30%; }
.woocommerce-MyAccount-content {
width: 70%; }
.woocommerce-MyAccount-content > p:not(.woocommerce-info) {
padding: 20px;
background-color: #f9f9f9; }
.woocommerce-MyAccount-content > p:not(.woocommerce-info):first-child {
font-size: 16px; }
.woocommerce-MyAccount-content > p:not(.woocommerce-info) a:not(.vendor-dashboard) {
background-color: transparent;
padding-bottom: 1px;
padding-right: 0;
padding-left: 0;
padding-top: 0;
border: none;
border-bottom: 1px solid #c7c7c7;
display: inline; }
.woocommerce-MyAccount-content > p:not(.woocommerce-info) a:not(.vendor-dashboard):hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent; }
.woocommerce-MyAccount-content .order-again {
margin-bottom: 30px; }
.woocommerce-MyAccount-title {
margin-bottom: 0;
border-bottom: none;
padding: 15px 20px;
text-align: center;
font-size: 16px;
background-color: #000;
text-transform: uppercase;
font-weight: bold;
color: #FFF; }
.woocommerce-MyAccount-navigation {
margin-bottom: 40px; }
.woocommerce-MyAccount-navigation ul {
border: 1px solid rgba(136, 136, 136, 0.12); }
.woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid rgba(136, 136, 136, 0.12); }
.woocommerce-MyAccount-navigation ul li a {
padding: 14px 20px;
display: block;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
color: rgba(71, 71, 71, 0.8); }
.woocommerce-MyAccount-navigation ul li a:hover {
color: rgba(71, 71, 71, 0.8);
background-color: rgba(136, 136, 136, 0.05); }
.woocommerce-MyAccount-navigation ul li.is-active > a {
color: rgba(71, 71, 71, 0.8);
background-color: rgba(136, 136, 136, 0.12);
cursor: default; }
.woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: none; }
.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a {
margin-top: 2px;
margin-bottom: 2px; }
.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a + a {
margin-left: 3px; }
.basel-my-account-links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 30px;
margin-left: -10px;
margin-right: -10px; }
.basel-my-account-links > div {
flex: 1 1 33%;
max-width: 33%;
width: 33%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px; }
.basel-my-account-links a {
color: rgba(71, 71, 71, 0.8);
display: block;
padding: 20px;
font-size: 14px;
text-align: center;
text-transform: uppercase;
border: 1px solid rgba(136, 136, 136, 0.12); }
.basel-my-account-links a:before {
content: "\e09a";
font-family: 'Simple-Line-Icons';
display: block;
color: #d0d0d0;
margin-bottom: 10px;
font-size: 50px;
line-height: 50px;
transition: color .25s ease; }
.basel-my-account-links a:hover {
background-color: rgba(136, 136, 136, 0.05);
text-decoration: none; }
.basel-my-account-links .dashboard-link {
display: none; }
.basel-my-account-links .wishlist-link a:before {
content: "\e08a"; }
.basel-my-account-links .edit-account-link a:before {
content: "\e005"; }
.basel-my-account-links .orders-link a:before {
content: "\e060";
margin-right: -6px; }
.basel-my-account-links .downloads-link a:before {
content: "\e083"; }
.basel-my-account-links .edit-address-link a:before {
content: "\e096"; }
.basel-my-account-links .customer-logout-link a:before {
content: "\e065";
margin-left: -10px; }
.basel-my-account-links .payment-methods-link a:before {
content: "\e025"; }
.woocommerce .track_order {
max-width: 500px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto; }
.woocommerce .track_order p:first-child {
font-size: 18px;
line-height: 1.8;
display: inline;
border-bottom: 1px solid #EFEFEF; }
.woocommerce .track_order .form-row-first {
margin-top: 20px; }
.woocommerce .track_order .form-row-first,
.woocommerce .track_order .form-row-last {
float: none;
width: 100%; }
.woocommerce .track_order input.button {
width: 100%;
margin-top: 10px;
border: 2px solid #000;
background-color: transparent;
color: #000; }
.woocommerce .track_order input.button:hover {
background-color: #333;
border-color: #333;
color: #FFF; }
.woocommerce-PaymentMethod > label {
vertical-align: baseline;
display: inline-block;
margin-bottom: 15px; }
.woocommerce-Address .title {
position: relative; }
.woocommerce-Address .title h3 {
display: inline-block;
margin-bottom: 0; }
.woocommerce-Address .edit {
font-size: 12px;
display: inline-block;
margin-left: 5px;
text-decoration: none;
border-bottom: 1px solid #E6E6E6; }
.woocommerce-Address .edit:hover {
border-color: #A6A6A6; }
.woocommerce-order-pay #order_review {
max-width: 555px;
background-color: #f8f8f8;
background-image: url(//vitrinavenezuela.com/wp-content/themes/basel/images/checkout-border.jpg);
background-position: left top;
background-repeat: no-repeat;
padding: 40px 30px;
margin-top: 8px;
margin: 0 auto; }
.woocommerce-order-pay #order_review tfoot th {
text-align: left; }
.woocommerce-order-pay #order_review tfoot td {
text-align: right; }
.woocommerce-order-pay #order_review tfoot tr:last-child {
border-bottom: none; }
.woocommerce-order-pay #order_review tfoot tr:last-child th, .woocommerce-order-pay #order_review tfoot tr:last-child td {
border: none; }
.woocommerce-order-pay #order_review .product-total,
.woocommerce-order-pay #order_review .product-subtotal {
text-align: right; }
.woocommerce-order-pay #order_review .button {
color: #FFF;
width: 100%; }
.woocommerce-order-pay #order_review .button:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
.woocommerce-order-pay .responsive-table {
background-color: #FFF;
padding: 20px 25px 0px 25px; }
.woocommerce-order-pay .wc_payment_methods {
margin-bottom: 20px; }
.woocommerce-order-pay .wc_payment_methods li label {
margin-bottom: 0;
display: inline-block; }
.woocommerce-order-pay .wc_payment_methods li img {
max-height: 40px;
margin-left: 10px;
margin-right: 5px; }
.woocommerce-order-pay .wc_payment_method {
margin-bottom: 20px; }
.woocommerce-order-pay .payment_box {
position: relative;
margin-top: 15px;
padding: 10px 15px;
background-color: #FFF;
border: 2px solid rgba(115, 115, 115, 0.1); }
.woocommerce-order-pay .payment_box p {
margin-bottom: 5px; }
.woocommerce-order-pay .payment_box:before {
content: "\f9d8";
font-family: "basel-font";
position: absolute;
top: -5px;
line-height: 0;
left: 25px;
color: #e8e8e8;
font-size: 22px; }
.woocommerce-order:not(.basel-with-extra-content) {
margin: 0 auto;
max-width: 800px; }
.basel-order-extra-content:not(:last-child) {
margin-bottom: 30px; }
.woocommerce-order-received .responsive-table {
margin-bottom: 60px; }
.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received {
background: transparent;
border: 2px dashed #7a9c59;
color: #7a9c59;
font-weight: 600;
width: 100%;
text-align: center;
font-size: 16px;
margin-bottom: 30px;
padding: 15px 25px; }
.woocommerce-order-received ul.order_details {
margin-left: 0; }
.woocommerce-order-received .order-again {
margin-top: -40px;
margin-bottom: 60px; }
.woocommerce-order-details > p {
text-align: center; }
.woocommerce-order-details > p > a {
margin-left: 5px;
margin-right: 5px; }
.woocommerce-order-details__title,
.wc-bacs-bank-details-heading {
text-transform: uppercase;
font-weight: 600;
margin-bottom: 5px;
text-align: center; }
.woocommerce-order-details__title + h3,
.wc-bacs-bank-details-heading + h3 {
font-size: 16px;
opacity: .8;
margin-bottom: 30px;
text-align: center; }
.woocommerce-customer-details > h2,
.woocommerce-customer-details > h3 {
text-transform: uppercase;
font-weight: 600;
text-align: center; }
.woocommerce-customer-details address {
padding: 30px;
border: 2px dashed #d5d5d5; }
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
margin-bottom: 0; }
.woocommerce-thankyou-order-details,
.wc-bacs-bank-details {
display: flex;
flex-direction: row;
justify-content: space-between; }
.woocommerce-thankyou-order-details .amount,
.wc-bacs-bank-details .amount {
color: #1B1919; }
.woocommerce-thankyou-order-details li,
.wc-bacs-bank-details li {
flex-grow: 1;
margin-bottom: 20px;
padding-right: 20px;
padding-left: 20px;
border-right: 1px solid #DFDFDF;
color: #4C4C4C;
text-align: center; }
.woocommerce-thankyou-order-details li strong,
.wc-bacs-bank-details li strong {
display: block;
margin-top: 10px;
color: #1B1919; }
.woocommerce-thankyou-order-details li:last-child,
.wc-bacs-bank-details li:last-child {
border-right: none; }
.woocommerce-thankyou-order-details + p,
.wc-bacs-bank-details + p {
margin-bottom: 30px;
padding-top: 20px;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
background-color: #F8F8F8;
text-align: center;
font-size: 16px; }
ul.order_details {
margin-bottom: 20px;
margin-left: 28px; }
ul.order_details li {
margin-bottom: 15px;
font-size: 16px; }
ul.order_details li:last-child {
margin-bottom: 0; }
.basel-wishlist-content .products .basel-wishlist-btn {
display: none; }
.basel-remove-button-wrap {
text-align: center; }
.basel-wishlist-heading-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 8px;
margin-bottom: 25px; }
.basel-wishlist-title,
.basel-wishlist-share {
margin-top: 4px;
margin-bottom: 4px; }
.basel-wishlist-title {
text-transform: uppercase;
margin-right: 5px; }
.basel-wishlist-share {
display: flex;
align-items: center; }
.basel-wishlist-share > span {
margin-right: 15px;
font-size: 13px;
letter-spacing: 0.3px;
margin-top: 5px; }
.basel-wishlist-share > span:after {
content: ":"; }
.basel-empty-wishlist:before {
content: "\e08a"; }
.basel-compare-table {
position: relative; }
.basel-compare-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.basel-compare-row:nth-child(even) .basel-compare-col {
background-color: #F9F9F9; }
.basel-compare-col {
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px;
word-break: break-word; }
.basel-compare-col p {
margin-bottom: 0; }
.basel-compare-col .basel-compare-brand img {
max-width: 110px; }
.basel-compare-col .product-image {
display: block; }
.basel-compare-col .product-title {
font-size: 16px; }
.basel-compare-col .add_to_cart_button,
.basel-compare-col .added_to_cart {
background-color: #000;
color: #FFF;
border-color: #000; }
.basel-compare-col .add_to_cart_button:hover,
.basel-compare-col .added_to_cart:hover {
background-color: #333333;
color: #FFF;
text-decoration: none;
border-color: #333333; }
.basel-compare-col .add_to_cart_button:after {
margin-top: -8px;
border-color: #FFF; }
.basel-compare-col .add_to_cart_button.added {
display: none; }
.basel-compare-col .stock {
display: inline-block;
padding: 5px 10px;
color: #297E29;
border: 2px solid #297E29;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .3px;
font-weight: bold; }
.basel-compare-col .stock.out-of-stock {
border-color: #B50808;
color: #B50808; }
.basel-compare-col:not(:last-child) {
border-right: 1px solid rgba(124, 124, 124, 0.15); }
.compare-field {
flex: 0 0 20%;
color: #1B1919;
font-size: 16px;
font-weight: 600;
text-transform: uppercase; }
.compare-value {
flex: 0 1 26.66666%;
text-align: center;
align-items: center; }
.compare-value *:not(:last-child) {
margin-bottom: 10px; }
.compare-value .price:not(:last-child) {
margin-bottom: 15px; }
.compare-basic .compare-value {
justify-content: flex-start;
padding-top: 0; }
.compare-basic .compare-value:before {
display: none; }
.browser-Internet .compare-value {
flex-direction: row; }
.compare-basic-content {
width: 100%; }
.basel-empty-compare:before {
content: "\e098"; }
.basel-empty-page-text {
text-align: center;
margin-top: -25px;
margin-bottom: 25px;
color: #8E8E8E; }
.return-to-shop {
text-align: center;
margin-bottom: 50px; }
.return-to-shop .button {
color: #FFF;
font-size: 16px;
line-height: 20px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 28px;
padding-right: 28px; }
.return-to-shop .button:hover {
opacity: .8;
color: #FFF;
text-decoration: none; }
@media (min-width: 769px) {
.shop_table_responsive .cart_item.basel-fbt-item-first .product-remove a {
margin-top: 15px; }
.shop_table_responsive .cart_item[class*="basel-fbt-item"]:not(.basel-fbt-item-last) td {
padding-bottom: 0;
border-bottom: none; } }
@media (min-width: 991px) {
.sticky-footer-on .main-page-wrapper,
.sticky-footer-on .basel-prefooter {
position: relative; }
.sticky-footer-on .main-page-wrapper {
z-index: 2; }
.sticky-footer-on .basel-prefooter {
z-index: 1; }
.sticky-footer-on .footer-container {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: auto;
transition: all .25s ease;
backface-visibility: hidden;
perspective: 800px;
opacity: 0;
visibility: hidden; }
.sticky-footer-on .visible-footer {
opacity: 1;
visibility: visible; }
.basel-toolbar {
display: none; }
.basel-fbt.basel-design-side {
display: flex;
gap: 30px; }
.basel-fbt.basel-design-side .basel-fbt-form {
flex: 1 0 var(--basel-form-width, 350px); }
.basel-fbt.basel-design-side > div:not(.basel-fbt-form) {
max-width: calc(100% - var(--basel-form-width, 350px) - 30px);
width: 100%; } }
@media (min-width: 1025px) {
.admin-bar {
--basel-admin-bar-h: 32px; }
.global-header-vertical .website-wrapper {
padding-left: 280px; }
.global-header-vertical .sticky-header {
display: none; }
.global-header-vertical.basel-cart-opened .cart-widget-side {
transform: translate3d(0px, 0, 0); }
.global-header-vertical .cart-widget-side {
right: auto;
left: 280px;
transform: translate3d(-340px, 0, 0); }
.global-header-vertical.offcanvas-sidebar-desktop .area-sidebar-shop {
left: 280px; }
.global-header-vertical.admin-bar .header-vertical {
padding-top: 32px; }
.global-header-vertical.admin-bar .basel-search-full-screen .basel-search-wrapper {
top: 32px !important; }
.global-header-vertical p.demo_store {
left: 280px; }
.global-header-vertical.sticky-footer-on:not(.wrapper-boxed) .footer-container {
left: 280px; }
.global-header-vertical .header-banner {
left: 280px; }
.global-header-vertical .site-content.portfolio-layout-full-width > .row {
padding-left: 295px; }
.global-header-vertical .basel-sticky-btn {
left: 280px; }
.global-header-vertical .basel-shop-loader:not(.hidden-loader) {
padding-left: 140px; }
.header-vertical {
position: fixed;
top: 0;
left: 0;
bottom: auto;
display: flex;
flex-direction: row;
align-items: stretch;
width: 280px;
min-height: 100vh;
margin: 0;
z-index: 800;
border-right-width: 2px;
border-style: solid;
border-color: rgba(150, 150, 150, 0.15); }
.header-vertical .wrapp-header {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding-left: 15px;
padding-right: 15px; }
.header-vertical .site-logo,
.header-vertical .right-column {
display: block;
padding: 0;
width: 100%;
text-align: center; }
.header-vertical .right-column {
margin-bottom: 15px;
padding-top: 15px;
padding-bottom: 15px; }
.header-vertical .site-logo img {
max-height: none;
width: 100%; }
.header-vertical .right-column,
.header-vertical .header-links {
border-top: 2px solid rgba(150, 150, 150, 0.15);
border-bottom: 2px solid rgba(150, 150, 150, 0.15); }
.header-vertical.color-scheme-light {
border-right-width: 2px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.15); }
.header-vertical.color-scheme-light .right-column,
.header-vertical.color-scheme-light .header-links {
border-top: 2px solid rgba(255, 255, 255, 0.15);
border-bottom: 2px solid rgba(255, 255, 255, 0.15); }
.social-icons .whatsapp-mobile {
display: none !important; }
.offcanvas-sidebar-desktop.admin-bar .area-sidebar-shop {
top: 32px; }
.offcanvas-sidebar-desktop .basel-shop-loader:not(.hidden-loader) {
margin-left: -17px !important; }
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) {
width: 100%;
left: 0; }
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .shop-loop-head {
margin-bottom: 30px; }
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12).content-without-products .woocommerce-breadcrumb,
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12).content-without-products .yoast-breadcrumb {
text-align: left;
float: none; }
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12).content-without-products .woocommerce-breadcrumb,
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12).content-without-products .yoast-breadcrumb,
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .woocommerce-result-count {
display: block;
border-bottom-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
padding-bottom: 20px; }
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .basel-show-sidebar-btn {
display: inline-flex; }
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .basel-active-filters {
margin-top: -20px; }
.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .basel-active-filters:before {
content: " ";
display: table;
clear: both; }
.offcanvas-sidebar-desktop .area-sidebar-shop {
position: fixed;
width: 340px;
top: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
overflow: hidden;
background-color: #FFF;
z-index: 700;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
transition: transform .25s ease;
transform: translate3d(-340px, 0, 0); }
.offcanvas-sidebar-desktop .area-sidebar-shop .widget-area {
padding-top: 30px;
padding-bottom: 30px; }
.offcanvas-sidebar-desktop .area-sidebar-shop .sidebar-widget {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom-width: 1px;
border-style: solid;
border-color: rgba(124, 124, 124, 0.15); }
.offcanvas-sidebar-desktop .area-sidebar-shop .sidebar-widget:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0; }
.offcanvas-sidebar-desktop .area-sidebar-shop .basel-close-sidebar-btn {
display: block;
height: 67px; }
.offcanvas-sidebar-desktop .area-sidebar-shop > .basel-scroll {
position: absolute;
top: 67px;
right: 0;
bottom: 0;
left: 0;
overflow: hidden; }
.offcanvas-sidebar-desktop .area-sidebar-shop .basel-sidebar-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
overflow-x: hidden; }
.offcanvas-sidebar-desktop .area-sidebar-shop .basel-sidebar-content:focus {
outline: none; }
.offcanvas-sidebar-desktop.basel-show-hidden-sidebar .basel-scroll .basel-sidebar-content {
opacity: 1;
transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95); } }
@media (min-width: 1200px) {
.wrapper-wide .container {
max-width: 1600px;
width: 95%; }
.post-title-large-image.title-size-small .entry-title {
font-size: 36px; }
.post-title-large-image.title-size-default .entry-title {
font-size: 44px; }
.post-title-large-image.title-size-large .entry-title {
font-size: 52px; } }
@media (max-width: 1024px) {
body .basel-parallax,
body .basel-parallax > .vc_column-inner {
background-position: 50% 0 !important;
background-attachment: scroll !important; }
.basel-close-side {
top: -150px;
height: calc(100vh + 300px); }
.mobile-nav {
z-index: 99999;
display: inline-block; }
#wpadminbar {
position: absolute; }
.global-header-vertical.wrapper-boxed {
padding-left: 0; }
.global-header-vertical .main-page-wrapper {
margin-top: 0;
padding-top: 0; }
.header-vertical {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 0; }
.header-vertical .vertical-header-top {
display: table;
width: 100%;
min-height: inherit; }
.header-vertical .navigation-wrap,
.header-vertical .vertical-header-bottom {
display: none; }
.header-vertical .search-button:not(.mobile-search-icon) {
display: none; }
.header-vertical .mobile-nav-icon {
display: inline-block; }
:is(.cart-widget-side,
.login-form-side) {
z-index: 99999; }
.social-icons .whatsapp-desktop {
display: none; }
.basel-slider .owl-nav > div {
opacity: 1;
visibility: visible;
pointer-events: visible; }
.basel-slider .owl-nav > div.owl-prev {
left: 0;
padding-right: 0; }
.basel-slider .owl-nav > div.owl-next {
right: 0;
padding-left: 0; }
.basel-slider .owl-nav > div:before {
width: 38px;
font-size: 18px;
height: 38px;
line-height: 38px; }
.arrows-style-2 .basel-slider .owl-nav > div.owl-prev,
.arrows-style-3 .basel-slider .owl-nav > div.owl-prev {
left: 15px; }
.arrows-style-2 .basel-slider .owl-nav > div.owl-next,
.arrows-style-3 .basel-slider .owl-nav > div.owl-next {
right: 15px; }
.arrows-style-3 .basel-slider:hover .owl-nav > div.owl-prev {
left: 15px; }
.arrows-style-3 .basel-slider:hover .owl-nav > div.owl-next {
right: 15px; }
.sticky-toolbar-on {
padding-bottom: 55px; }
.sticky-toolbar-on .basel-sticky-btn {
bottom: 55px; }
.sticky-toolbar-on .scrollToTop {
bottom: 70px; }
.sticky-toolbar-on .basel-sticky-btn-shown.scrollToTop {
bottom: 155px; }
.basel-sticky-social {
display: none; }
.scrollToTop {
bottom: 12px;
right: 12px; }
.product-list-item {
align-items: flex-start; }
.product-list-item .swatches-on-grid {
margin-bottom: 15px; }
.product-list-image {
flex-basis: 40%;
width: 40%;
max-width: 40%; }
.product-list-image .quick-view {
opacity: 1 !important;
visibility: visible !important;
transform: scale(1) !important; }
.product-list-image .quick-view span {
display: none; }
.product-list-content {
flex-wrap: wrap;
margin-left: 20px; }
.product-list-content .woocommerce-product-details__short-description > p:last-child {
margin-bottom: 10px; }
.product-list-content .woocommerce-review-link {
display: none; }
.product-list-info {
flex-basis: 100%;
width: 100%;
max-width: 100%;
margin-right: 0;
border-right: none;
padding-right: 0;
margin-left: 0; }
.product-list-content .product-list-buttons {
flex-basis: 100%;
width: 100%;
max-width: 100%;
text-align: left; }
.product-list-content .product-list-buttons .price {
text-align: left; }
.basel-products-nav .wrapper-short {
display: none; }
.basel-my-account-links > div {
flex-basis: 50%;
max-width: 50%;
width: 50%; } }
@media (max-width: 991px) {
html,
body {
max-width: 100%; }
.mobile-nav-icon {
display: inline-block; }
.right-column .mobile-nav-icon {
display: inline-block; }
.right-column .search-button:not(.mobile-search-icon),
.right-column .header-links {
display: none; }
body:not(.logged-in) .right-column .my-account-with-icon, .right-column .my-account-with-icon:not(.my-account-with-username) {
display: none; }
.right-column .wishlist-info-widget,
.right-column .compare-info-widget {
margin-right: 0; }
.right-column .shopping-cart .dropdown-wrap-cat {
display: none; }
.right-column .shopping-cart.basel-cart-design-1 > a {
position: relative;
text-align: center; }
.right-column .shopping-cart.basel-cart-design-1 > a .basel-cart-totals {
display: inline; }
.right-column .shopping-cart.basel-cart-design-1 > a .basel-cart-number {
padding: 0;
margin-left: 0;
font-size: 10px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 50%;
background-color: #F7F7F7;
color: #7E7E7E;
position: absolute;
top: -2px;
left: 19px; }
.right-column .shopping-cart.basel-cart-design-1 > a .basel-cart-subtotal {
margin-left: 2px;
font-size: 12px; }
.right-column .shopping-cart.basel-cart-design-1 > a .subtotal-divider,
.right-column .shopping-cart.basel-cart-design-1 > a .basel-cart-subtotal {
display: none; }
.right-column .shopping-cart.basel-cart-design-2 .basel-cart-subtotal {
display: none; }
.main-header:not(.header-menu-top) .site-logo img {
max-width: 100%; }
.main-header .right-column,
.main-header .site-logo {
width: 50%; }
.main-header .navigation-wrap,
.main-header .widgetarea-head,
.main-header .secondary-header,
.main-header .main-nav {
display: none; }
.main-header.header-categories {
padding-bottom: 0; }
.main-header.header-logo-center .site-logo {
padding-left: 0;
text-align: left; }
.main-header.header-menu-top {
padding: 0; }
.main-header.header-menu-top .navigation-wrap {
display: block;
padding: 10px 0; }
.main-header.header-menu-top .navigation-wrap .menu {
display: none; }
.main-header.header-menu-top .site-logo {
width: auto;
padding-top: 0;
padding-bottom: 0; }
.main-header.header-menu-top .wishlist-info-widget,
.main-header.header-menu-top .compare-info-widget {
margin-right: 0; }
.main-header.header-shop .site-logo {
padding-left: 0;
text-align: left; }
.main-header.header-shop .header-links {
display: none; }
.main-header.header-split .site-logo {
position: static;
width: auto; }
.main-header.header-split .wishlist-info-widget,
.main-header.header-split .compare-info-widget {
display: none; }
.main-header.header-split .right-column {
width: auto;
flex: 1 0 0; }
.sticky-header .right-column,
.sticky-header .site-logo {
width: 50%; }
.sticky-header .site-logo img {
max-height: 55px;
max-width: 100%; }
.sticky-header .main-nav {
display: none; }
.global-header-logo-center .sticky-header .right-column {
width: 50%; }
.topbar-wrapp .topbar-menu {
display: none; }
.topbar-wrapp .top-bar-left {
text-align: center; }
.page-title .entry-header {
text-align: center; }
.page-title .entry-header .entry-title {
float: none;
margin-bottom: 0;
line-height: 1.2; }
.page-title .entry-header .breadcrumbs,
.page-title .entry-header .yoast-breadcrumb {
margin-top: 0;
display: block;
line-height: 2;
float: none; }
.title-size-default {
padding: 20px 0; }
.title-size-default .entry-title,
.title-size-default h1 {
font-size: 34px; }
.title-size-large {
padding: 40px 0; }
.title-size-large .entry-title,
.title-size-large h1 {
font-size: 38px; }
.copyrights-wrapper .min-footer > div {
display: block;
text-align: center;
width: 100%;
margin-bottom: 10px; }
.copyrights-wrapper .min-footer > div:last-child {
margin-bottom: 0; }
.copyrights-wrapper .min-footer .social-icons {
text-align: center; }
.post-title-large-image .entry-header .entry-title {
margin-bottom: 20px; }
.blog-post-loop .entry-thumbnail,
.blog-post-loop.post-single-page .entry-thumbnail {
margin-bottom: -25px;
margin-right: 0;
float: none;
width: auto; }
.blog-post-loop .entry-title,
.blog-post-loop.post-single-page .entry-title {
margin-bottom: 10px;
font-size: 24px; }
.blog-post-loop .entry-meta,
.blog-post-loop.post-single-page .entry-meta {
margin-bottom: 10px; }
.blog-post-loop .entry-meta li.meta-tags,
.blog-post-loop.post-single-page .entry-meta li.meta-tags {
display: none; }
.blog-post-loop .entry-meta li .edit-link,
.blog-post-loop.post-single-page .entry-meta li .edit-link {
display: none; }
.blog-post-loop.post-single-page .entry-title {
font-size: 26px; }
.blog-design-default .meta-post-categories {
margin-bottom: 5px; }
.blog-design-default .post-date {
top: 40px; }
.blog-design-default-alt .entry-thumbnail {
margin-bottom: 15px; }
.blog-design-default-alt .entry-content {
padding: 0; }
.blog-design-default-alt .entry-meta {
margin-bottom: 15px; }
.blog-design-default-alt.post-single-page .entry-thumbnail {
margin-bottom: 15px; }
.blog-design-masonry .entry-title {
font-size: 20px; }
.blog-design-masonry.post-single-page .post-date,
.blog-post-loop.blog-design-masonry.post-single-page.format-gallery .post-date {
left: 10px; }
.blog-design-mask .entry-thumbnail {
margin-bottom: 0; }
.blog-design-mask h3.entry-title {
font-size: 20px; }
.blog-design-mask .entry-meta {
margin-bottom: 0; }
.blog-design-mask .has-post-thumbnail .post-mask {
padding: 15px; }
.blog-design-mask.col-md-4, .blog-design-mask.col-md-3, .blog-design-mask.col-md-2 {
width: 50%; }
.format-link .entry-content a {
padding: 20px;
font-size: 18px; }
.blog-post-loop.format-quote .entry-thumbnail {
margin-bottom: 15px; }
.blog-post-loop.format-quote .post-date {
display: none; }
.blog-post-loop.format-quote .post-img-wrapp > a img {
border-radius: 50%;
max-width: 120px; }
.blog-post-loop.format-quote .entry-content blockquote {
font-size: 18px; }
.blog-post-loop.format-quote .entry-content blockquote > p {
font-size: 18px; }
.blog-post-loop.format-quote .entry-content blockquote cite,
.blog-post-loop.format-quote .entry-content blockquote cite a {
font-size: 12px; }
.comments-area .comment-list li .comment-body {
padding-left: 65px; }
.comments-area .comment-list li .comment-author img {
max-width: 50px; }
.comments-area .comment-list li > .children {
padding-left: 20px; }
.comments-area .comment-respond .comment-form-author,
.comments-area .comment-respond .comment-form-email,
.comments-area .comment-respond .comment-form-url {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0; }
.title-wrapper.basel-title-style-bordered .liner-continer {
display: block; }
.title-wrapper.basel-title-style-bordered .liner-continer .left-line,
.title-wrapper.basel-title-style-bordered .liner-continer .right-line {
display: none; }
.title-wrapper.basel-title-style-bordered .liner-continer .title {
white-space: normal;
max-width: none;
overflow-x: visible; }
.title-wrapper.basel-title-size-extra-large .title {
font-size: 28px; }
.title-wrapper.basel-title-size-extra-large .title-subtitle {
font-size: 20px; }
.title-wrapper.basel-title-size-large .title {
font-size: 24px; }
.title-wrapper.basel-title-size-large .title-subtitle {
font-size: 18px; }
.title-wrapper.basel-title-size-large .title-after_title {
font-size: 14px; }
.title-wrapper.basel-title-size-default .title {
font-size: 20px; }
.title-wrapper.basel-title-size-default .title-subtitle {
font-size: 16px; }
.title-wrapper.basel-title-size-default .title-after_title {
font-size: 12px; }
.basel-text-block-width-70 .basel-text-block,
.basel-text-block-width-60 .basel-text-block {
max-width: 80%; }
.basel-text-block-width-50 .basel-text-block,
.basel-text-block-width-40 .basel-text-block {
max-width: 60%; }
.basel-text-block-width-30 .basel-text-block,
.basel-text-block-width-20 .basel-text-block {
max-width: 40%; }
.testimonials.testimonials-grid.testimon-columns-2 .testimonial, .testimonials.testimonials-grid.testimon-columns-3 .testimonial, .testimonials.testimonials-grid.testimon-columns-4 .testimonial, .testimonials.testimonials-grid.testimon-columns-5 .testimonial, .testimonials.testimonials-grid.testimon-columns-6 .testimonial, .testimonials.testimonials-grid.testimon-columns-7 .testimonial, .testimonials.testimonials-grid.testimon-columns-8 .testimonial {
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.instagram-per-row-6 .instagram-pics li,
.instagram-per-row-7 .instagram-pics li,
.instagram-per-row-8 .instagram-pics li,
.instagram-per-row-9 .instagram-pics li,
.instagram-per-row-10 .instagram-pics li,
.instagram-per-row-11 .instagram-pics li,
.instagram-per-row-12 .instagram-pics li {
flex-basis: 25%;
max-width: 25%; }
.instagram-widget .instagram-content {
display: none; }
.basel-menu-price .menu-price-description {
flex-wrap: wrap; }
.basel-images-gallery.view-grid.columns-3 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-3 .basel-gallery-item {
flex-basis: 50%;
max-width: 50%;
width: 50%; }
.basel-images-gallery.view-grid.columns-4 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-4 .basel-gallery-item {
flex-basis: 33.33333333%;
max-width: 33.33333333%;
width: 33.33333333%; }
.basel-images-gallery.view-grid.columns-6 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-6 .basel-gallery-item {
flex-basis: 25%;
max-width: 25%;
width: 25%; }
.close-header-banner {
width: 50px; }
.close-header-banner + .header-banner-link {
right: 50px; }
.woocommerce .shop_table td.product-thumbnail img {
max-width: 48px; }
.basel-products-tabs .open-title-menu {
display: block; }
.basel-products-tabs .products-tabs-title {
position: absolute;
top: 120%;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 10;
padding-top: 10px;
padding-bottom: 10px;
width: 160px;
display: block;
background-color: #FFF;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
transition: opacity .25s ease, visibility .25s ease, top .25s ease; }
.basel-products-tabs .products-tabs-title li {
line-height: 1.2;
height: auto;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px; }
.basel-products-tabs .products-tabs-title.list-shown {
top: 100%;
opacity: 1;
visibility: visible; }
p.demo_store.woocommerce-store-notice {
padding-left: 30px;
padding-right: 125px; }
.basel-sticky-btn .price del,
.basel-sticky-btn .price ins {
display: block; }
.popup-quick-view .single-product-content .variations td.value {
position: static; }
.filters-inner-area > div:nth-of-type(4n+1) {
clear: none; }
.filters-inner-area > div:nth-of-type(2n+1) {
clear: both; }
.basel-show-categories {
display: inline-block; }
.basel-product-categories {
display: none;
background-color: #F9F9F9; }
.basel-product-categories > li {
display: block; }
.basel-product-categories > li > a {
display: block;
line-height: 40px;
padding-left: 0;
padding-right: 0; }
.basel-product-categories > li > a:after {
content: none; }
.basel-product-categories li {
position: relative; }
.basel-product-categories li a {
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
position: relative;
line-height: 1.6;
padding-top: 9px;
padding-bottom: 9px; }
.basel-product-categories li a:after {
content: none; }
.basel-product-categories li.has-sub > a {
padding-left: 25px;
padding-right: 25px; }
.basel-product-categories li .children {
position: relative;
display: none;
top: auto;
left: auto;
width: 100%;
margin-top: 5px;
background-color: #f3f3f3;
opacity: 1;
visibility: visible;
box-shadow: none;
transition: none;
transform: none; }
.basel-product-categories li .children li {
padding-left: 0;
padding-right: 0; }
.basel-product-categories li .children li a {
padding-top: 0;
padding-bottom: 0;
line-height: 40px;
display: block;
font-size: 14px; }
.basel-product-categories li .children .children {
background-color: #ECECEC;
top: auto;
left: auto;
transform: none; }
.basel-product-categories li .children .children:before {
content: "\f9d8";
color: #ECECEC; }
.basel-product-categories li .children:before {
content: "\f9d8";
font-family: "basel-font";
position: absolute;
left: 50%;
margin-left: -7.5px;
top: -5px;
line-height: 0;
font-size: 26px;
color: #f3f3f3; }
.color-scheme-light .basel-product-categories {
background-color: rgba(0, 0, 0, 0.4); }
.color-scheme-light .basel-product-categories li .children {
background-color: rgba(0, 0, 0, 0.4); }
.color-scheme-light .basel-product-categories li .children:before {
color: rgba(0, 0, 0, 0.4); }
.basel-fbt.basel-design-side > div:not(.basel-fbt-form) {
margin-bottom: 20px; }
.basel-fbt-purchase .price {
font-size: 18px; }
.categories-style-masonry-first .cat-design-center:first-child .hover-mask h3 {
font-size: 22px; }
.cat-design-center .hover-mask {
transform: translateY(0); }
.cat-design-center .hover-mask > a {
opacity: 1;
visibility: visible;
margin-bottom: 0; }
.cat-design-center:hover .hover-mask {
transform: translateY(0); }
.single-product-content .product-images.col-sm-8 .thumbs-position-left .col-md-3, .single-product-content .product-images.col-sm-6 .thumbs-position-left .col-md-3, .single-product-content .product-images.col-sm-4 .thumbs-position-left .col-md-3 {
padding-left: 15px;
padding-right: 15px; }
.single-product-content .product-images .thumbs-position-left .woocommerce-main-image {
padding: 0 5px 0 0; }
.single-product-content .entry-summary .yith-wcwl-add-to-wishlist {
margin-bottom: 5px; }
.single-product-content .entry-summary .sizeguide-btn-wrapp {
margin-top: 5px; }
.single-product-content .basel-product-brands {
float: none;
margin-left: 0; }
.single-product-content .basel-product-brands a {
min-height: 0;
display: inline-block;
border: none;
background-color: transparent !important;
padding: 0; }
.single-product-content .basel-product-brands a:hover {
opacity: .5; }
.single-product-content .variations td.value {
position: relative; }
.single-product-content .variations td.value.with-swatches .reset_variations {
right: auto;
left: 0; }
.single-product-content .variations .reset_variations {
position: absolute;
right: 0;
bottom: -20px;
margin-left: 0;
margin-right: 0; }
.single-product-content .single_variation {
margin-top: 10px; }
.single-product-content .entry-title {
font-size: 32px; }
.single-product-content #comments {
width: auto;
padding-right: 0;
padding-bottom: 30px;
float: none;
border-bottom: 1px solid #efefef; }
.single-product-content #review_form_wrapper {
float: none;
width: auto;
border-left: none;
border-bottom: none;
padding-top: 35px;
padding-bottom: 0;
padding-left: 0; }
.single-product-content .comment-form input[type="text"] {
max-width: 100%; }
.product-type-variable .entry-summary .compare-btn-wrapper,
.product-type-variable .entry-summary .wishlist-btn-wrapper,
.product-type-variable .entry-summary .sizeguide-btn-wrapp {
margin-bottom: 5px; }
.product-type-variable .entry-summary .product_meta {
margin-top: 15px; }
.product-design-default .product-additional-galleries,
.product-design-compact .product-additional-galleries {
text-align: left; }
.product-design-default .product-additional-galleries > div,
.product-design-compact .product-additional-galleries > div {
margin-left: 0;
margin-right: 0; }
.product-design-default .product-additional-galleries .product-video-button,
.product-design-compact .product-additional-galleries .product-video-button {
margin-right: 15px; }
.product-design-alt .variations td.value.with-swatches .reset_variations,
.product-design-sticky .variations td.value.with-swatches .reset_variations {
left: 50%; }
.product-design-alt .variations .reset_variations,
.product-design-sticky .variations .reset_variations {
right: auto;
left: 50%;
margin-left: -21px; }
.product-with-attachments .thumbs-position-left + .product-additional-galleries {
margin-left: 0; }
.single-breadcrumbs-wrapper {
margin-bottom: 30px; }
.single-breadcrumbs-wrapper .woocommerce-breadcrumb,
.single-breadcrumbs-wrapper .yoast-breadcrumb {
display: none; }
.product-type-grouped .sizeguide-btn-wrapp,
.product-type-grouped .wishlist-btn-wrapper,
.product-type-grouped .compare-btn-wrapper {
margin-bottom: 5px; }
.product-type-grouped .product_meta {
margin-top: 15px; }
.product-design-compact .entry-summary .sizeguide-btn-wrapp {
margin-top: 0; }
.product-design-compact #comments {
padding-bottom: 0;
border-bottom: 0; }
.product-design-compact #review_form_wrapper {
padding-top: 0; }
.title-shop.without-title.title-size-default, .title-shop.without-title.title-size-large {
padding: 0 0; }
.title-shop.title-design-default {
text-align: center; }
.title-shop.title-design-default .nav-shop .entry-title {
float: none;
margin-left: 0; }
.title-shop.title-design-default .nav-shop :is(
.basel-back-btn + .entry-title + .basel-show-categories + .basel-product-categories,
.basel-back-btn + .basel-show-categories + .basel-product-categories) {
padding-left: 0; }
.title-shop.title-design-default .nav-shop .basel-back-btn + .entry-title {
padding-left: 50px;
padding-right: 50px; }
.title-shop.title-design-disable :is(
.basel-back-btn + .entry-title + .basel-show-categories,
.basel-back-btn + .basel-show-categories) {
margin-right: 0; }
.title-shop.title-size-large.title-design-centered .nav-shop .entry-title {
line-height: 50px; }
.title-shop .basel-back-btn {
margin-top: 0;
top: 10px; }
.without-title .basel-back-btn {
top: 2px; }
body.basel-header-overlap .title-size-small {
padding: 70px 0 30px; }
body.basel-header-overlap .title-size-default,
body.basel-header-overlap .title-size-large,
body.basel-header-overlap .title-size-default.title-shop.without-title,
body.basel-header-overlap .title-size-large.title-shop.without-title {
padding: 100px 0 60px; }
.title-shop.title-design-centered :is(
.basel-back-btn + .entry-title + .basel-show-categories + .basel-product-categories,
.basel-back-btn + .basel-show-categories + .basel-product-categories) {
padding-left: 0;
padding-right: 0; }
.shop-loop-head {
text-align: center;
margin-top: -20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.shop-loop-head .basel-filter-buttons {
margin-left: 0;
display: block;
order: 1; }
.shop-loop-head .woocommerce-breadcrumb,
.shop-loop-head .yoast-breadcrumb {
float: none;
display: block; }
.shop-loop-head .woocommerce-result-count,
.shop-loop-head .basel-products-shop-view {
display: none; }
.shop-loop-head .woocommerce-ordering {
order: 1;
position: static;
margin-bottom: 10px;
margin-left: 0; }
.woocommerce .checkout-order-review {
padding: 30px 15px 15px 15px; }
.woocommerce .checkout-order-review .responsive-table {
padding: 8px 5px 0px 5px; }
.woocommerce .cart-collaterals .cart_totals {
float: none;
width: 100%; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout {
text-align: center; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button {
display: block;
padding: 20px 0;
font-size: 18px; }
.woocommerce .cart-collaterals .cross-sells {
margin-bottom: 50px;
float: none;
width: 100%; }
#customer_login .col-register,
#customer_login .col-login,
#customer_login .col-register-text {
padding-left: 40px;
padding-right: 40px; }
.basel-compare-table {
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.basel-compare-col {
flex: 0 0 33.333333%; } }
@media (max-width: 768px) {
.main-header.header-menu-top .navigation-wrap .container {
width: 100%; }
.header-full-width .sticky-header > .container,
.header-full-width .topbar-wrapp > .container,
.header-full-width .main-header > .container,
.header-full-width .main-header .navigation-wrap > .container,
.header-full-width .main-header .secondary-header > .container,
.header-full-width .single-breadcrumbs-wrapper > .container {
width: 100%; }
.sticky-header > .container {
width: 100%; }
.global-header-vertical .owl-carousel:not(.basel-slider):hover .owl-nav div.owl-prev {
left: 20px; }
.global-header-vertical .owl-carousel:not(.basel-slider):hover .owl-nav div.owl-next {
right: 20px; }
.title-size-default,
.title-size-large,
.title-size-small {
padding: 10px 0; }
.wrapper-full-width-content .container {
width: 100%; }
.footer-container .wpb_column {
margin-bottom: 35px; }
.footer-container .wpb_column:last-child {
margin-bottom: 0; }
.comments-area .comment-list li .children {
padding-left: 0; }
.comments-area .comment-list .comment-author {
float: none; }
.comments-area .comment-list .comment-meta {
text-align: left; }
.blog-design-masonry .entry-title {
font-size: 22px; }
.blog-design-mask.col-md-4, .blog-design-mask.col-md-3, .blog-design-mask.col-md-2 {
width: 100%; }
.post-title-large-image .entry-title {
font-size: 26px; }
.promo-banner {
display: block; }
.promo-banner .banner-image img {
width: 100%; }
.basel-text-block-wrapper .basel-text-block {
max-width: 100%; }
.member-layout-hover .member-image:after {
background-color: transparent !important; }
.member-layout-hover .member-social {
top: auto;
bottom: 0;
opacity: 1;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
transform: translateY(0); }
.member-layout-hover:hover .member-image:after {
opacity: 0; }
.member-layout-hover:hover .member-social {
top: auto;
opacity: 1; }
.instagram-per-row-6 .instagram-pics li,
.instagram-per-row-7 .instagram-pics li,
.instagram-per-row-8 .instagram-pics li,
.instagram-per-row-9 .instagram-pics li,
.instagram-per-row-10 .instagram-pics li,
.instagram-per-row-11 .instagram-pics li,
.instagram-per-row-12 .instagram-pics li {
flex-basis: 33.33333%;
max-width: 33.33333%; }
.basel-images-gallery.view-grid.columns-2 .basel-gallery-item, .basel-images-gallery.view-grid.columns-3 .basel-gallery-item, .basel-images-gallery.view-grid.columns-4 .basel-gallery-item, .basel-images-gallery.view-grid.columns-6 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-2 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-3 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-4 .basel-gallery-item, .basel-images-gallery.view-masonry.columns-6 .basel-gallery-item {
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.basel-timeline-wrapper .basel-item-position-left,
.basel-timeline-wrapper .basel-item-position-right {
display: block; }
.basel-timeline-wrapper .basel-item-position-left .basel-timeline-dot,
.basel-timeline-wrapper .basel-item-position-right .basel-timeline-dot {
top: -30px; }
.basel-timeline-wrapper .basel-item-position-left .timeline-primary,
.basel-timeline-wrapper .basel-item-position-left .timeline-secondary,
.basel-timeline-wrapper .basel-item-position-right .timeline-primary,
.basel-timeline-wrapper .basel-item-position-right .timeline-secondary {
width: 100%;
max-width: 100%;
flex-basis: 100%;
margin: 0;
text-align: center; }
.basel-timeline-wrapper .basel-item-position-left .timeline-primary,
.basel-timeline-wrapper .basel-item-position-right .timeline-primary {
padding: 30px 30px 1px 30px; }
.basel-timeline-wrapper .basel-item-position-left .timeline-primary .timeline-arrow,
.basel-timeline-wrapper .basel-item-position-right .timeline-primary .timeline-arrow {
right: auto;
left: 50%;
top: -8px;
transform: translateX(-50%); }
.basel-timeline-wrapper .basel-item-position-left .timeline-primary .timeline-arrow:before,
.basel-timeline-wrapper .basel-item-position-right .timeline-primary .timeline-arrow:before {
content: "\f9d8";
line-height: 8px;
text-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15); }
.basel-timeline-wrapper .basel-item-position-left .timeline-secondary,
.basel-timeline-wrapper .basel-item-position-right .timeline-secondary {
margin-top: -1px;
padding: 0 30px 15px 30px;
box-shadow: 1px 5px 9px rgba(0, 0, 0, 0.15); }
.basel-timeline-wrapper .basel-item-position-left .timeline-secondary .timeline-arrow,
.basel-timeline-wrapper .basel-item-position-right .timeline-secondary .timeline-arrow {
display: none; }
.basel-timeline-wrapper .basel-timeline-item + .basel-timeline-item,
.basel-timeline-wrapper .basel-timeline-breakpoint + .basel-timeline-item {
margin-top: 80px; }
.basel-slider .owl-dots {
display: none; }
.basel-cookies-inner {
flex-direction: column; }
.basel-cookies-inner .cookies-info-text {
padding-right: 0;
text-align: center; }
.basel-cookies-inner .cookies-buttons {
margin-top: 15px; }
.header-banner-container {
padding-left: 40px;
padding-right: 40px; }
.close-header-banner {
width: 40px; }
.close-header-banner + .header-banner-link {
right: 40px; }
.offcanvas-sidebar-mobile .single-product-page .product-image-summary {
width: 100%;
left: 0; }
.offcanvas-sidebar-mobile .site-content:not(.col-sm-12) {
width: 100%;
left: 0; }
.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) {
width: 100%;
left: 0; }
.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .shop-loop-head {
display: block;
text-align: right; }
.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .shop-loop-head .woocommerce-breadcrumb,
.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .shop-loop-head .yoast-breadcrumb {
display: flex;
justify-content: center;
flex-wrap: wrap;
border-bottom-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
padding-bottom: 20px;
width: 100%; }
.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .woocommerce-result-count {
display: none; }
.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .basel-show-sidebar-btn {
display: inline-flex; }
.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .basel-active-filters {
margin-top: 0; }
.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .basel-active-filters:before {
content: " ";
display: table;
clear: both; }
.offcanvas-sidebar-mobile .basel-sticky-sidebar-opener {
display: block; }
.offcanvas-sidebar-mobile .basel-sticky-sidebar-opener.sticky-toolbar {
display: flex; }
.offcanvas-sidebar-mobile .sidebar-container {
position: fixed;
width: 300px;
top: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
overflow: hidden;
background-color: #FFF;
z-index: 99999;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
transition: transform .25s ease;
transform: translate3d(-300px, 0, 0); }
.offcanvas-sidebar-mobile .sidebar-container .widget-area {
padding-top: 30px;
padding-bottom: 30px; }
.offcanvas-sidebar-mobile .sidebar-container .sidebar-widget {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom-width: 1px;
border-style: solid;
border-color: rgba(124, 124, 124, 0.15); }
.offcanvas-sidebar-mobile .sidebar-container .sidebar-widget:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0; }
.offcanvas-sidebar-mobile .sidebar-container .basel-close-sidebar-btn {
display: block;
height: 67px; }
.offcanvas-sidebar-mobile .sidebar-container > .basel-scroll {
position: absolute;
top: 67px;
right: 0;
bottom: 0;
left: 0;
overflow: hidden; }
.offcanvas-sidebar-mobile .sidebar-container .basel-sidebar-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
overflow-x: hidden; }
.offcanvas-sidebar-mobile .sidebar-container .basel-sidebar-content:focus {
outline: none; }
.offcanvas-sidebar-mobile.basel-show-hidden-sidebar > .basel-scroll .basel-sidebar-content {
opacity: 1;
transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.error404 .page-header:before {
top: -60px;
font-size: 260px; }
.error404 .page-title {
padding: 70px 0;
font-size: 50px; }
.error404 .page-content h2 {
font-size: 24px; }
.error404 .page-content h6 {
font-size: 14px; }
.row-reverse-mobile:not(.vc_row-flex) {
display: flex;
flex-wrap: wrap;
box-sizing: border-box; }
.row-reverse-mobile > .wpb_column:nth-child(1) {
order: 12; }
.row-reverse-mobile > .wpb_column:nth-child(2) {
order: 11; }
.row-reverse-mobile > .wpb_column:nth-child(3) {
order: 10; }
.row-reverse-mobile > .wpb_column:nth-child(4) {
order: 9; }
.row-reverse-mobile > .wpb_column:nth-child(5) {
order: 8; }
.row-reverse-mobile > .wpb_column:nth-child(6) {
order: 7; }
.row-reverse-mobile > .wpb_column:nth-child(7) {
order: 6; }
.row-reverse-mobile > .wpb_column:nth-child(8) {
order: 5; }
.row-reverse-mobile > .wpb_column:nth-child(9) {
order: 4; }
.row-reverse-mobile > .wpb_column:nth-child(10) {
order: 3; }
.row-reverse-mobile > .wpb_column:nth-child(11) {
order: 2; }
.row-reverse-mobile > .wpb_column:nth-child(12) {
order: 1; }
.woocommerce .col2-set,
.woocommerce-page .col2-set {
flex-wrap: wrap; }
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.woocommerce .form-row-first,
.woocommerce .form-row-last,
.woocommerce-page .form-row-first,
.woocommerce-page .form-row-last {
width: 100%;
float: none; }
.product-label {
min-width: 40px;
letter-spacing: .4px; }
.labels-rectangular .product-label {
font-size: 10px;
padding: 4px 7px; }
.labels-rectangular .label-with-img {
padding-left: 0;
padding-right: 0; }
.labels-rounded .product-label {
min-height: 40px;
font-size: 10px; }
.browser-Internet .labels-rounded .product-label {
height: 40px; }
.labels-rounded .out-of-stock {
max-width: 40px;
font-size: 9px; }
.labels-rounded .label-with-img {
min-height: auto; }
.shop_table td.product-name > a {
display: block; }
.woocommerce table.shop_table_responsive thead {
display: none; }
.woocommerce table.shop_table_responsive tbody tr:first-child .product-remove {
height: 0; }
.woocommerce table.shop_table_responsive tbody tr:first-child .product-remove .remove {
top: 20px; }
.woocommerce table.shop_table_responsive tbody td {
background-color: #f8f8f8;
display: block;
text-align: right;
border: none;
padding: 20px; }
.woocommerce table.shop_table_responsive tbody td:before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
text-transform: uppercase;
font-size: 14px; }
.woocommerce table.shop_table_responsive .product-remove:before,
.woocommerce table.shop_table_responsive .product-thumbnail:before,
.woocommerce table.shop_table_responsive .product-add-to-cart:before {
display: none; }
.woocommerce table.shop_table_responsive .product-remove {
position: relative;
height: 20px;
padding: 0 !important;
border: none;
background-color: transparent; }
.woocommerce table.shop_table_responsive .product-remove .remove {
position: absolute;
left: 20px;
top: 40px; }
.woocommerce table.shop_table_responsive .product-thumbnail {
text-align: center; }
.woocommerce table.shop_table_responsive .product-thumbnail a {
max-width: 100%;
display: inline-block; }
.woocommerce table.shop_table_responsive .product-thumbnail img {
max-width: 80px; }
.woocommerce table.shop_table_responsive .product-quantity:before {
line-height: 40px; }
.woocommerce table.shop_table_responsive .product-subtotal:before {
line-height: 22px; }
.woocommerce table.shop_table_responsive .product-add-to-cart {
text-align: center; }
.brands-grid.brands-columns-4 .brand-item, .brands-grid.brands-columns-5 .brand-item, .brands-grid.brands-columns-6 .brand-item,
.brands-list.brands-columns-4 .brand-item,
.brands-list.brands-columns-5 .brand-item,
.brands-list.brands-columns-6 .brand-item {
flex: 0 0 33.33333333%;
max-width: 33.33333333%; }
.basel-products-tabs .owl-carousel .owl-nav div {
background: transparent;
box-shadow: none; }
.basel-products-tabs .owl-carousel .owl-nav div:before {
width: 30px;
height: 45px;
line-height: 45px; }
.basel-products-tabs .products-footer .basel-products-load-prev,
.basel-products-tabs .products-footer .basel-products-load-next {
width: 30px;
background: transparent;
box-shadow: none; }
.basel-products-tabs .products-footer .basel-products-load-prev:after,
.basel-products-tabs .products-footer .basel-products-load-next:after {
font-size: 14px;
line-height: 45px;
height: 45px; }
.products-footer .basel-products-load-prev:after {
margin-left: -8px; }
.products-footer .basel-products-load-next,
.products-footer .basel-products-load-prev {
width: 42px;
background-color: #FFF;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
border: none; }
.products-footer .basel-products-load-next:after,
.products-footer .basel-products-load-prev:after {
font-size: 18px;
line-height: 42px; }
.products-footer.show-arrow .basel-products-load-next.disabled, .products-footer.show-arrow .basel-products-load-next.disabled:hover,
.products-footer.show-arrow .basel-products-load-prev.disabled,
.products-footer.show-arrow .basel-products-load-prev.disabled:hover {
opacity: .5; }
.products-footer.show-arrow .basel-products-load-next:hover,
.products-footer.show-arrow .basel-products-load-prev:hover {
opacity: 1; }
.basel-sticky-btn {
padding-top: 7px;
padding-bottom: 7px; }
.basel-sticky-btn .basel-sticky-btn-content {
display: none; }
.basel-sticky-btn .basel-sticky-btn-cart {
justify-content: center;
flex: 1 1 auto; }
.basel-sticky-btn.mobile-off {
display: none; }
.basel-sticky-btn-shown.scrollToTop {
bottom: 67px; }
.popup-quick-view .entry-summary {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
padding-top: 0; }
.popup-quick-view .owl-carousel .owl-nav > div {
filter: Alpha(Opacity=1);
opacity: 1; }
.popup-quick-view .owl-carousel .owl-nav > div.owl-next {
right: 20px; }
.popup-quick-view .owl-carousel .owl-nav > div.owl-prev {
left: 20px; }
.popup-quick-view .owl-carousel:hover .owl-nav div.owl-next {
right: 20px; }
.popup-quick-view .owl-carousel:hover .owl-nav div.owl-prev {
left: 20px; }
.popup-quick-view .single-product-content .product-image-summary {
flex-direction: column; }
.popup-quick-view .basel-scroll {
position: static; }
.popup-quick-view .basel-scroll .basel-scroll-content {
padding: 0; }
.basel-fg .product-thumbnail {
max-width: unset !important; }
.basel-fg .product-btn {
text-align: center !important; }
.woocommerce-cart .basel-fg-table {
border-top: none; }
.woocommerce .basel-fg-table.shop_table_responsive .product-btn:before {
content: none; }
.woocommerce-checkout .basel-fg .responsive-table {
padding: 0 !important; }
.woocommerce-checkout .basel-fg .responsive-table .shop_table_responsive tbody td {
background-color: transparent; }
[class*="categories-space-"] {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 30px; }
[class*="categories-space-"] .category-grid-item {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px; }
.cat-design-default .hover-mask h3 {
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.product-grid-item {
margin-bottom: 30px; }
.basel-hover-button .basel-buttons .quick-view > a,
.basel-hover-button .basel-buttons .product-compare-button > a,
.basel-hover-button .basel-buttons .basel-wishlist-btn > a,
.basel-hover-info .basel-buttons .quick-view > a,
.basel-hover-info .basel-buttons .product-compare-button > a,
.basel-hover-info .basel-buttons .basel-wishlist-btn > a {
color: rgba(0, 0, 0, 0.9); }
.basel-hover-button .basel-buttons .quick-view > a:hover,
.basel-hover-button .basel-buttons .product-compare-button > a:hover,
.basel-hover-button .basel-buttons .basel-wishlist-btn > a:hover,
.basel-hover-info .basel-buttons .quick-view > a:hover,
.basel-hover-info .basel-buttons .product-compare-button > a:hover,
.basel-hover-info .basel-buttons .basel-wishlist-btn > a:hover {
color: rgba(0, 0, 0, 0.7); }
.basel-hover-button .basel-buttons .quick-view > a:before,
.basel-hover-button .basel-buttons .product-compare-button > a:before,
.basel-hover-button .basel-buttons .basel-wishlist-btn > a:before,
.basel-hover-info .basel-buttons .quick-view > a:before,
.basel-hover-info .basel-buttons .product-compare-button > a:before,
.basel-hover-info .basel-buttons .basel-wishlist-btn > a:before {
border-color: rgba(0, 0, 0, 0.9); }
.product-grid-item:not(.basel-hover-base) .product-element-top .product-compare-button,
.product-grid-item:not(.basel-hover-base) .product-element-top .basel-wishlist-btn,
.product-grid-item:not(.basel-hover-base) .product-element-top .quick-view,
.product-grid-item:not(.basel-hover-base) .product-element-top .yith-wcwl-add-to-wishlist {
opacity: 1;
visibility: visible;
transform: none; }
.basel-hover-standard .swatches-wrapper,
.basel-hover-excerpt .swatches-wrapper {
transform: none; }
.basel-hover-quick .quick-shop-wrapper {
top: 100%; }
.basel-hover-quick .variations label {
margin-bottom: 5px; }
.basel-hover-quick .variations tr {
padding-bottom: 0;
border-bottom: none; }
.basel-hover-quick:hover .quick-shop-wrapper {
transform: none; }
.basel-hover-quick.quick-shop-shown .quick-shop-wrapper {
transform: translate3d(0, -100%, 0); }
.swatch-on-grid .basel-tooltip-label {
display: none; }
.products {
margin-left: -5px;
margin-right: -5px; }
.products .product-grid-item {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 30px; }
.basel-hover-base .hover-mask {
visibility: visible;
opacity: 1;
bottom: 0; }
.basel-hover-alt .wrap-price {
flex-direction: column;
align-items: flex-start; }
.basel-hover-alt .swatches-on-grid {
margin-top: 5px; }
.basel-hover-alt .basel-product-brands-links {
margin-bottom: 5px; }
.basel-hover-alt.purchasable .wrapp-swap,
.basel-hover-alt.purchasable .price,
.basel-hover-alt.purchasable .btn-add, .basel-hover-alt.product-type-grouped .wrapp-swap,
.basel-hover-alt.product-type-grouped .price,
.basel-hover-alt.product-type-grouped .btn-add, .basel-hover-alt.product-type-external .wrapp-swap,
.basel-hover-alt.product-type-external .price,
.basel-hover-alt.product-type-external .btn-add {
height: auto;
line-height: 1.2; }
.basel-hover-alt.purchasable .wrapp-swap, .basel-hover-alt.product-type-grouped .wrapp-swap, .basel-hover-alt.product-type-external .wrapp-swap {
overflow: visible; }
.basel-hover-alt.purchasable .price, .basel-hover-alt.product-type-grouped .price, .basel-hover-alt.product-type-external .price {
margin-bottom: 10px; }
.basel-hover-alt.purchasable:hover .swap-elements, .basel-hover-alt.product-type-grouped:hover .swap-elements, .basel-hover-alt.product-type-external:hover .swap-elements {
transform: none; }
.basel-hover-link .wrapp-swap,
.basel-hover-link .btn-add,
.basel-hover-link .price {
height: auto;
line-height: inherit;
overflow: visible; }
.basel-hover-link .price {
margin-bottom: 10px; }
.basel-hover-link:hover .wrapp-swap .swap-elements {
transform: none; }
.basel-hover-info {
margin-bottom: 50px; }
.basel-hover-info > .product-element-top {
background-color: transparent; }
.basel-hover-info > .product-element-top > a {
margin-bottom: 10px;
opacity: 1 !important; }
.basel-hover-info .hover-mask {
position: static;
visibility: visible;
opacity: 1;
transform: none; }
.basel-hover-info .product-title a {
color: #403D3D; }
.basel-hover-info .product-title a:hover {
color: #403D3D;
opacity: .8; }
.basel-hover-info .basel-product-brands-links a {
color: #403D3D; }
.basel-hover-info .star-rating:before,
.basel-hover-info .star-rating span:before {
color: #383838; }
.basel-hover-info .price del,
.basel-hover-info .price del .amount {
color: #BDBDBD; }
.basel-hover-info .price,
.basel-hover-info .price .amount {
color: #949494; }
.basel-hover-info .product-actions {
transform: none; }
.basel-hover-info .product-actions > a {
background-color: #000;
color: #FFF;
border-color: #000;
color: #000;
background-color: transparent;
border-width: 2px; }
.basel-hover-info .product-actions > a:hover {
background-color: #333333;
color: #FFF;
text-decoration: none;
border-color: #333333; }
.color-scheme-light .basel-hover-info .product-title a {
color: #FFF; }
.color-scheme-light .basel-hover-info .product-title a:hover {
color: #FFF;
opacity: .8; }
.color-scheme-light .basel-hover-info .product-actions > a {
border-color: rgba(255, 255, 255, 0.8);
color: #FFF; }
.basel-hover-button > .product-element-top > a span {
opacity: 1 !important;
visibility: visible !important;
transform: none !important; }
.basel-hover-button > .product-element-top > a,
.basel-hover-button > .product-element-top .basel-buttons {
opacity: 1 !important; }
.basel-hover-button > .product-element-top .hover-mask {
display: none; }
.basel-hover-button .basel-buttons .quick-view > a,
.basel-hover-button .basel-buttons .product-compare-button > a,
.basel-hover-button .basel-buttons .basel-wishlist-btn > a {
color: rgba(0, 0, 0, 0.9); }
.basel-hover-button .basel-buttons .quick-view > a:hover,
.basel-hover-button .basel-buttons .product-compare-button > a:hover,
.basel-hover-button .basel-buttons .basel-wishlist-btn > a:hover {
color: rgba(0, 0, 0, 0.7); }
.basel-hover-button .basel-buttons .quick-view > a:before,
.basel-hover-button .basel-buttons .product-compare-button > a:before,
.basel-hover-button .basel-buttons .basel-wishlist-btn > a:before {
border-color: rgba(0, 0, 0, 0.9); }
.product-list-item {
flex-wrap: wrap;
padding-bottom: 0; }
.product-list-item .product-title {
font-size: 14px; }
.product-list-item .product-list-content .product-list-buttons,
.product-list-item .product-list-content .product-title,
.product-list-item .product-list-content .basel-product-brands-links,
.product-list-item .product-list-content .woocommerce-product-rating,
.product-list-item .product-list-content .basel-product-countdown,
.product-list-item .product-list-content .swatches-on-grid,
.product-list-item .product-list-content .price {
text-align: center; }
.product-list-item .woocommerce-product-details__short-description,
.product-list-item .product-compare-button,
.product-list-item .basel-wishlist-btn, .product-list-item:after {
display: none; }
.product-list-image {
flex-basis: 100%;
width: 100%;
max-width: 100%; }
.product-list-info {
padding-top: 20px; }
.product-list-content {
margin-left: 0; }
.single-product-content div.product-image-summary {
margin-bottom: 30px; }
.single-product-content div.product-image-summary .product-images {
margin-bottom: 20px; }
.single-product-content .product-images .labels-rounded .product-label {
min-width: 44px;
min-height: 44px; }
.browser-Internet .single-product-content .product-images .labels-rounded .product-label {
height: 44px; }
.single-product-content .product-images .labels-rounded .label-with-img {
min-height: auto; }
.single-product-content .entry-title {
font-size: 28px; }
.single-product-content .tabs {
margin-bottom: 35px; }
.single-product-content .tabs li {
display: block;
margin-right: 0;
margin-bottom: 20px;
border-bottom: none; }
.single-product-content .tabs li a {
border-bottom: 1px solid transparent; }
.single-product-content .tabs li.active a {
border-color: #545454; }
.product-design-sticky .entry-summary {
height: auto !important; }
.product-design-sticky .entry-summary .summary-inner {
padding: 0;
position: static !important; }
.product-design-sticky .entry-summary div[itemprop="description"] {
max-height: 100%;
overflow: visible; }
.product-design-sticky .entry-summary.block-sticked.not-in-viewport div[itemprop="description"] {
max-height: 100%;
margin-bottom: 20px; }
.product-design-sticky .entry-summary.block-sticked .summary-inner {
transform: none !important; }
.product-design-sticky .entry-summary.hide-temporary {
opacity: 1; }
.product-design-compact .product-image-summary {
margin-bottom: 0; }
.product-design-compact .product-image-summary .row {
display: block; }
.product-design-compact .basel-scroll .basel-scroll-content {
position: static;
overflow: visible;
padding-left: 0;
padding-right: 0; }
.basel-shop-loader:not(.hidden-loader) {
margin-left: -17px !important; }
.shop-loop-head .woocommerce-ordering {
position: relative;
margin-top: -6px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
margin-bottom: 0; }
.shop-loop-head .woocommerce-ordering:after {
content: "\e059";
font-family: "simple-line-icons";
font-size: 20px;
color: #1B1919;
font-weight: 600; }
.shop-loop-head .woocommerce-ordering select {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: none;
padding: 0;
font-size: 0;
font-weight: 400;
background-image: none;
-webkit-appearance: none;
background-color: transparent; }
.shop-loop-head .woocommerce-ordering select option {
font-size: 14px; }
.woocommerce-checkout .login,
.woocommerce-checkout .checkout_coupon {
width: 100%;
max-width: 100%; }
.woocommerce-checkout .checkout_coupon p.form-row-last, .woocommerce-checkout .checkout_coupon p.form-row-first {
width: 100%; }
.woocommerce-checkout .checkout_coupon p .input-text {
padding: 12px 10px; }
.woocommerce-checkout .checkout_coupon p .button {
padding: 14px 10px;
font-size: 16px;
letter-spacing: 1px;
width: 100%; }
.woocommerce-checkout .cart-collaterals {
width: 80%;
margin: 0 auto; }
.woocommerce .cart-actions {
flex-direction: column;
align-items: stretch;
text-align: center;
margin-bottom: 50px; }
.woocommerce .cart-actions > div:first-child {
order: 2; }
.woocommerce .cart-actions > div:last-child {
order: 1; }
.woocommerce .cart-actions .coupon {
flex-direction: column;
margin-top: 40px;
padding: 7%;
border: 2px dashed #dbdbdb; }
.woocommerce .cart-actions .coupon .input-text {
max-width: none;
margin-right: 0;
margin-bottom: 20px;
padding: 12px 15px; }
.woocommerce .cart-actions .button {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px; }
.woocommerce .cart-collaterals {
margin-top: 40px; }
.woocommerce .cart-collaterals .cart_totals {
padding: 30px 15px 15px 15px; }
.woocommerce .cart-collaterals .cart_totals th {
display: none; }
.woocommerce .cart-collaterals .cart_totals td {
background-color: transparent;
padding-left: 5px;
padding-right: 5px; }
.woocommerce .cart-collaterals .cart_totals > .responsive-table {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px; }
.woocommerce .cart-collaterals .cart_totals .order-total td:before {
font-size: 22px; }
#customer_login {
flex-wrap: wrap; }
#customer_login .col-register,
#customer_login .col-login,
#customer_login .col-register-text {
padding-top: 0;
padding-bottom: 0;
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.col-register,
.col-register-text {
border-left: none;
margin-bottom: 20px; }
.col-login,
.col-register {
margin-bottom: 30px; }
.col-register {
margin-top: 40px; }
.register-or {
display: flex; }
.woocommerce-MyAccount-content,
.basel-my-account-sidebar {
float: none;
width: 100%; }
.woocommerce-account .woocommerce + .icl_post_in_other_langs {
padding: 0; }
.basel-my-account-links > div {
flex-basis: 100%;
max-width: 100%;
width: 100%; }
.woocommerce-thankyou-order-details,
.wc-bacs-bank-details {
flex-wrap: wrap; }
.woocommerce-thankyou-order-details li,
.wc-bacs-bank-details li {
flex-basis: 50%;
margin-bottom: 30px; }
.woocommerce-thankyou-order-details li:nth-child(even),
.wc-bacs-bank-details li:nth-child(even) {
border-right: none; }
.basel-compare-col {
flex: 1 0 50%;
flex-direction: column;
background-color: transparent !important; }
.compare-field {
display: none; }
.compare-value:before {
content: attr(data-title);
display: block;
color: #1B1919;
font-size: 14px;
font-weight: 600;
width: 100%;
padding: 10px;
margin-top: -15px;
margin-bottom: 15px;
text-transform: uppercase;
background-color: rgba(136, 136, 136, 0.12); } }
@media (max-width: 767px) {
.footer-widget-collapse > *:not(.widget-title):not(:first-child) {
display: none;
margin-top: 20px; }
.footer-widget-collapse .widget-title {
position: relative;
margin-bottom: 0;
padding-right: 22px; }
.footer-widget-collapse .widget-title:after {
content: "\f107";
font-family: "basel-font";
position: absolute;
top: calc(50% - 12px);
right: 0;
width: 24px;
height: 24px;
border-radius: 50%;
color: #333;
vertical-align: middle;
text-align: center;
font-weight: 400;
font-size: 18px;
line-height: 24px;
transition: all .25s ease; }
.footer-widget-collapse.footer-widget-opened .widget-title:after {
transform: rotate(180deg); }
.color-scheme-light .footer-widget-collapse .widget-title:after {
color: rgba(255, 255, 255, 0.8); }
.color-scheme-light .footer-widget-collapse.footer-widget-opened .widget-title:after {
color: #FFF; }
.vc_row[data-vc-full-width],
section[data-vc-full-width] {
box-sizing: border-box;
position: relative;
width: auto;
left: 0; }
.vc_row[data-vc-full-width]:not([data-vc-stretch-content]),
section[data-vc-full-width]:not([data-vc-stretch-content]) {
padding-left: 0;
padding-right: 0; }
.platform-Windows .vc_row[data-vc-full-width],
.platform-Windows section[data-vc-full-width] {
width: auto; } }
@media (max-width: 480px) {
.main-header .right-column {
padding-left: 0; }
.main-header .site-logo {
padding-right: 5px; }
.main-header .left-side {
padding-right: 0; }
.main-header.header-split .site-logo {
padding-right: 0; }
.main-header.header-split .site-logo img {
padding-left: 5px;
padding-right: 5px; }
.main-header.header-split .right-column > div {
margin-left: 0;
margin-right: 0; }
.main-header.header-menu-top .site-logo {
padding-left: 0;
padding-right: 0; }
.right-column .search-button {
margin-left: 0; }
.login-form-side,
.cart-widget-side {
width: 300px; }
.login-form-side .widget-heading .widget-title,
.cart-widget-side .widget-heading .widget-title {
font-size: 18px; }
.header-vertical {
padding-left: 15px;
padding-right: 15px; }
.global-header-vertical .container {
padding-left: 15px;
padding-right: 15px; }
.global-header-vertical .vc_row:not(.vc_inner) {
margin-left: -15px;
margin-right: -15px;
padding-left: 0;
padding-right: 0; }
.error404 .page-header:before {
top: -40px;
font-size: 164px;
line-height: 200px; }
.error404 .page-title {
padding: 40px 0;
font-size: 30px; }
.blog-post-loop .entry-title {
font-size: 22px; }
.blog-post-loop.post-single-page .entry-title {
font-size: 24px; }
.title-wrapper.basel-title-size-extra-large .title, .title-wrapper.basel-title-size-large .title {
font-size: 20px; }
.title-wrapper.basel-title-size-extra-large .title-subtitle, .title-wrapper.basel-title-size-large .title-subtitle {
font-size: 16px; }
.title-wrapper.basel-title-size-extra-large .title-after_title, .title-wrapper.basel-title-size-large .title-after_title {
font-size: 12px; }
.sticky-toolbar-on .basel-sticky-btn-shown.scrollToTop {
bottom: 127px; }
.macbook-carousel,
.iphone-carousel {
background: none;
width: auto;
height: auto; }
.macbook-carousel .vc_images_carousel,
.iphone-carousel .vc_images_carousel {
margin: auto;
height: auto; }
.macbook-carousel .vc_images_carousel img,
.iphone-carousel .vc_images_carousel img {
width: 100%; }
.brands-grid.brands-columns-3 .brand-item, .brands-grid.brands-columns-4 .brand-item, .brands-grid.brands-columns-5 .brand-item, .brands-grid.brands-columns-6 .brand-item,
.brands-list.brands-columns-3 .brand-item,
.brands-list.brands-columns-4 .brand-item,
.brands-list.brands-columns-5 .brand-item,
.brands-list.brands-columns-6 .brand-item {
flex: 0 0 50%;
max-width: 50%; }
.basel-products-tabs .open-title-menu {
overflow: hidden; }
.basel-sticky-btn {
padding-top: 0;
padding-bottom: 0;
background-color: unset;
box-shadow: none; }
.basel-sticky-btn .basel-sticky-btn-cart {
margin-left: -15px;
margin-right: -15px; }
.basel-sticky-btn :is(
.price,
.stock,
.basel-buy-now-btn,
.basel-sticky-btn-wishlist,
.basel-sticky-btn-compare) {
display: none; }
.basel-sticky-btn .cart {
width: 100%;
position: relative;
margin: 0 !important; }
.basel-sticky-btn div.quantity {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
margin-right: 0; }
.basel-sticky-btn div.quantity input[type="button"],
.basel-sticky-btn div.quantity input[type="number"] {
color: #FFF;
border: none;
background-color: rgba(0, 0, 0, 0.1); }
.basel-sticky-btn div.quantity input[type="button"]:hover, .basel-sticky-btn div.quantity input[type="button"]:active,
.basel-sticky-btn div.quantity input[type="number"]:hover,
.basel-sticky-btn div.quantity input[type="number"]:active {
background-color: rgba(0, 0, 0, 0.2); }
.basel-sticky-btn div.quantity input[type="button"] {
min-width: 30px; }
.basel-sticky-btn div.quantity input[type="button"].minus {
border-right: 1px solid rgba(255, 255, 255, 0.15); }
.basel-sticky-btn div.quantity input[type="button"].plus {
border-left: 1px solid rgba(255, 255, 255, 0.15); }
.basel-sticky-btn .single_add_to_cart_button {
padding-left: 110px;
width: 100%; }
.basel-sticky-btn .basel-sticky-add-to-cart {
width: 100%;
margin: 0 !important; }
.basel-sticky-btn .wcppec-checkout-buttons {
display: none; }
.basel-sticky-btn-shown.scrollToTop {
bottom: 55px; }
.basel-hover-excerpt .product-excerpt {
display: none; }
.basel-hover-excerpt .btn-add {
margin-top: 5px; }
.single-product-content .comment-form .comment-form-author,
.single-product-content .comment-form .comment-form-email {
float: none;
width: 100%;
padding-right: 0;
padding-left: 0; }
.single-product-content .comment-form .comment-form-author {
margin-bottom: 15px; }
.single-product-content .comment-form .comment-form-email {
margin-bottom: 30px; }
.single-product-content .comment-form .form-submit input[type="submit"] {
width: 100%; }
.single-product-content .commentlist .comment-text .star-rating {
float: none; }
.single-product-content .commentlist .comment-text .meta {
display: block;
margin-bottom: 10px; }
.woocommerce-pagination {
text-align: center; }
.woocommerce-checkout .login .lost_password {
margin-bottom: 10px;
text-align: left; }
.woocommerce .cart-actions .coupon label,
.woocommerce .cart-actions .coupon .input-text {
width: 100%; }
.woocommerce .cart-actions .button {
width: 100%; }
.woocommerce .cart-collaterals .cart_totals .responsive-table {
background-color: transparent;
padding: 0; }
.woocommerce .addresses div.address {
float: none;
width: 100%; }
.woocommerce .addresses div.address.col-1 {
margin-bottom: 20px; }
.woocommerce-thankyou-order-details li,
.wc-bacs-bank-details li {
flex-basis: 100%;
border-right: none;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #dfdfdf; }
.basel-compare-col {
flex: 1 0 75%; } }
@media (min-width: 991px) and (max-width: 1024px) {
.header-shop .main-nav {
display: none; }
.header-shop .site-logo {
padding-left: 0;
text-align: left; }
.header-shop .mobile-nav-icon {
display: inline-block; }
.header-shop .shopping-cart .dropdown-wrap-cat {
display: none; }
.header-shop .shopping-cart.basel-cart-design-1 > a {
position: relative;
text-align: center; }
.header-shop .shopping-cart.basel-cart-design-1 > a .basel-cart-number {
padding: 0;
margin-left: 0;
font-size: 10px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 50%;
background-color: #F7F7F7;
color: #7E7E7E;
position: absolute;
top: -2px;
left: 19px; }
.header-shop .shopping-cart.basel-cart-design-1 > a .basel-cart-subtotal {
margin-left: 2px;
font-size: 12px; }
.header-shop .shopping-cart.basel-cart-design-1 > a .subtotal-divider,
.header-shop .shopping-cart.basel-cart-design-1 > a .basel-cart-subtotal {
display: none; }
.header-shop .shopping-cart.basel-cart-design-2 .basel-cart-subtotal {
display: none; }
.header-split .main-nav {
display: none; }
.header-split .site-logo {
position: static; }
.header-split .right-column,
.header-split .site-logo {
flex-basis: 33.333%;
flex-grow: 1; }
.header-split .mobile-nav-icon {
display: inline-block; }
.basel-menu-price .menu-price-description {
flex-wrap: wrap; } }
@media (min-width: 768px) and (max-width: 991px) {
.macbook-carousel {
width: 700px;
height: 404px; }
.macbook-carousel .vc_images_carousel {
margin: 40px 130px 40px 130px; }
.iphone-carousel {
width: 350px;
height: 700px; }
.iphone-carousel .vc_images_carousel {
margin: 89px 28px 0 29px;
height: 522px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.offcanvas-sidebar-tablet .basel-shop-loader:not(.hidden-loader) {
margin-left: -17px !important; }
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) {
width: 100%;
left: 0; }
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .shop-loop-head {
display: block;
text-align: right; }
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .shop-loop-head .woocommerce-breadcrumb,
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .shop-loop-head .yoast-breadcrumb {
float: left; }
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12).content-without-products .woocommerce-breadcrumb,
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12).content-without-products .yoast-breadcrumb {
text-align: left;
float: none; }
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12).content-without-products .woocommerce-breadcrumb,
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12).content-without-products .yoast-breadcrumb,
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .woocommerce-result-count {
display: block;
border-bottom-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
padding-bottom: 20px; }
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .basel-show-sidebar-btn {
display: inline-flex; }
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .basel-active-filters {
margin-top: 0; }
.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .basel-active-filters:before {
content: " ";
display: table;
clear: both; }
.offcanvas-sidebar-tablet .shop-sidebar-opener {
display: block; }
.offcanvas-sidebar-tablet .shop-sidebar-opener.sticky-toolbar {
display: flex; }
.offcanvas-sidebar-tablet .area-sidebar-shop {
position: fixed;
width: 300px;
top: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
overflow: hidden;
background-color: #FFF;
z-index: 99999;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
transition: transform .25s ease;
transform: translate3d(-300px, 0, 0); }
.offcanvas-sidebar-tablet .area-sidebar-shop .widget-area {
padding-top: 30px;
padding-bottom: 30px; }
.offcanvas-sidebar-tablet .area-sidebar-shop .sidebar-widget {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom-width: 1px;
border-style: solid;
border-color: rgba(124, 124, 124, 0.15); }
.offcanvas-sidebar-tablet .area-sidebar-shop .sidebar-widget:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0; }
.offcanvas-sidebar-tablet .area-sidebar-shop .basel-close-sidebar-btn {
display: block;
height: 67px; }
.offcanvas-sidebar-tablet .area-sidebar-shop > .basel-scroll {
position: absolute;
top: 67px;
right: 0;
bottom: 0;
left: 0;
overflow: hidden; }
.offcanvas-sidebar-tablet .area-sidebar-shop .basel-sidebar-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
overflow-x: hidden; }
.offcanvas-sidebar-tablet .area-sidebar-shop .basel-sidebar-content:focus {
outline: none; }
.offcanvas-sidebar-tablet.basel-show-hidden-sidebar > .basel-scroll .basel-sidebar-content {
opacity: 1;
transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.row-reverse-tablet:not(.vc_row-flex) {
display: flex;
flex-wrap: wrap;
box-sizing: border-box; }
.row-reverse-tablet > .wpb_column:nth-child(1) {
order: 12; }
.row-reverse-tablet > .wpb_column:nth-child(2) {
order: 11; }
.row-reverse-tablet > .wpb_column:nth-child(3) {
order: 10; }
.row-reverse-tablet > .wpb_column:nth-child(4) {
order: 9; }
.row-reverse-tablet > .wpb_column:nth-child(5) {
order: 8; }
.row-reverse-tablet > .wpb_column:nth-child(6) {
order: 7; }
.row-reverse-tablet > .wpb_column:nth-child(7) {
order: 6; }
.row-reverse-tablet > .wpb_column:nth-child(8) {
order: 5; }
.row-reverse-tablet > .wpb_column:nth-child(9) {
order: 4; }
.row-reverse-tablet > .wpb_column:nth-child(10) {
order: 3; }
.row-reverse-tablet > .wpb_column:nth-child(11) {
order: 2; }
.row-reverse-tablet > .wpb_column:nth-child(12) {
order: 1; } }