.sb-preloader {
width: 100%;
height: 100vh;
position: fixed;
z-index: 99999999999999999;
display: flex;
justify-content: center;
align-items: center;
transition: 0.4s ease-in-out;
}
.sb-preloader .sb-preloader-bg {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
border-radius: 50%;
position: absolute;
background-color: #F5C332;
height: 1600px;
width: 1600px;
top: 20%;
transform: scale(2);
transition: 0.6s ease-in-out;
}
.sb-preloader .sb-preloader-body {
position: absolute;
bottom: 0;
z-index: 999;
width: 100%;
text-align: center;
transition: 0.4s ease-in-out;
}
.sb-preloader .sb-preloader-body .sb-loading {
opacity: 0;
font-size: 16px;
font-weight: 400;
margin-bottom: 30px;
}
.sb-preloader .sb-preloader-body .sb-loading-bar {
margin-bottom: 15px;
width: 1px;
height: 80vh;
margin: 0 auto;
border-radius: 2px;
overflow: hidden;
background-color: #FFFFFF;
}
.sb-preloader .sb-preloader-body .sb-loading-bar .sb-bar {
width: 100%;
height: 0;
background-color: #231E41;
}
.sb-preloader.sb-hidden {
pointer-events: none;
transition-delay: 0.2s;
}
.sb-preloader.sb-hidden .sb-preloader-bg {
transform: scale(0);
transition-delay: 0.2s;
}
.sb-preloader.sb-hidden .sb-preloader-body {
transform: translateY(30%);
opacity: 0;
transition-delay: 0s;
} body {
background-color: #F9FAFC;
padding: 0;
margin: 0;
font-family: 'Rubik', sans-serif;
letter-spacing: 0.03em;
font-size: 16px;
color: #231E41;
}
*:focus {
outline: inherit !important;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: none;
color: inherit;
}
hr {
margin-top: 40px;
margin-bottom: 30px;
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style-type: none;
}
.sb-text,
.description,
.single-post-text {
color: #6F6F87;
margin: 0;
font-size: 15px;
}
.sb-text.sb-text-xs {
font-size: 12px;
}
.sb-text.sb-text-sm {
font-size: 14px;
}
.sb-text.sb-text-lg {
font-size: 16px;
}
.sb-text a, .description a {
color: #231E41;
}
.sb-suptitle {
display: inline-block;
padding: 2px 5px;
background-color: #F2F3F5;
font-size: 12px;
font-weight: 400;
color: #231E41;
}
.sb-suptitle .sb-author {
font-weight: 500;
}
.sb-h1,
.sb-h2,
.sb-h3,
.sb-h4,
.sb-h5,
.sb-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
margin: 0;
padding: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.sb-h1,
h1 {
line-height: 100%;
font-size: 72px;
letter-spacing: -3px;
}
.sb-h1 b,
.sb-h1 span span,
h1 b,
h1 span span {
background-color: #F9FAFC;
font-weight: 600;
}
.sb-h2,
h2 {
line-height: 110%;
font-size: 40px;
letter-spacing: -2px;
}
.sb-h2 b,
.sb-h2 span span,
h2 b,
h2 span span {
background-color: #F9FAFC;
font-weight: 600;
}
.sb-h3,
h3 {
line-height: 120%;
font-size: 22px;
letter-spacing: -1px;
}
.sb-h4,
h4 {
line-height: 120%;
font-size: 16px;
letter-spacing: 0;
}
.sb-h5,
h5 {
font-size: 14px;
letter-spacing: 0;
}
.sb-title-lg {
font-size: 100px;
}
.sb-ib-title-frame {
display: flex;
justify-content: space-between;
align-items: center;
}
.sb-ib-title-frame i {
color: #6F6F87;
font-size: 10px;
opacity: 0.5;
}
@media (max-width: 768px) {
.sb-h1,
h1 {
font-size: 54px;
letter-spacing: -2px;
}
.sb-h2,
h2 {
font-size: 36px;
letter-spacing: -1px;
}
.sb-h3,
h3 {
font-size: 20px;
letter-spacing: -1px;
}
.sb-title-lg {
font-size: 68px;
}
}
@media (max-width: 450px) {
.sb-h1,
h1 {
font-size: 46px;
}
.sb-h2,
h2 {
font-size: 28px;
}
.sb-h3,
h3 {
font-size: 18px;
}
}
.sb-cate-title {
font-size: 28px;
letter-spacing: -1px;
}
.sb-signature {
width: 160px;
}
.sb-404 {
display: block;
color: #F5C332;
font-size: 56px;
font-family: 'Monoton', cursive;
margin-bottom: 10px;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
} .sb-group-title {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.sb-group-title .sb-left {
width: 50%;
}
.sb-group-title .sb-right {
width: 50%;
display: flex;
justify-content: flex-end;
}
@media (max-width: 768px) {
.sb-group-title {
flex-direction: column;
}
.sb-group-title .sb-left {
width: 100%;
}
.sb-group-title .sb-right {
width: 100%;
justify-content: space-between;
}
} .sb-list li {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
padding: 15px 0;
border-bottom: solid 1px #F2F3F5;
}
.sb-list li b {
font-weight: 400;
}
.sb-list li b a {
display: block;
text-decoration: none;
color: inherit;
transition: 0.3s ease-in-out;
}
.sb-list li b a:hover {
transform: translateX(10px);
}
.sb-list li span {
font-size: 12px;
color: #6F6F87;
}
.sb-list li span.sb-number {
background-color: #F2F3F5;
padding: 2px 5px;
color: #231E41;
}
.sb-list li:first-child {
border-top: solid 1px #F2F3F5;
} .sb-pagination,
.woocommerce nav.woocommerce-pagination,
.page-links {
margin-top: 30px;
display: flex;
color: #6F6F87;
align-items: center;
border: none;
background: none;
}
.page-links {
clear: both;
}
.type-page .page-links {
padding-top: 30px;
margin-top: 30px;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
background: none;
margin: 0;
}
.sb-pagination.sb-mt-0 {
margin-top: 0;
}
.sb-pagination a.page-numbers,
.sb-pagination span.page-numbers,
.woocommerce nav.woocommerce-pagination > ul > li,
.page-links a.post-page-numbers,
.page-links span.post-page-numbers {
margin-right: 10px;
border: none;
}
.page-links a.post-page-numbers,
.page-links span.post-page-numbers {
margin-left: 10px;
}
.sb-pagination a.page-numbers,
.sb-pagination span.page-numbers,
.woocommerce nav.woocommerce-pagination a.page-numbers,
.woocommerce nav.woocommerce-pagination span.page-numbers,
.page-links a.post-page-numbers,
.page-links span.post-page-numbers {
position: relative;
background-color: #F9FAFC;
text-align: center;
display: block;
height: 55px;
width: 55px;
padding: 0;
color: #231E41;
line-height: 55px;
border: none;
}
.sb-pagination a.page-numbers:after,
.sb-pagination span.page-numbers:after,
.woocommerce nav.woocommerce-pagination a.page-numbers:after,
.woocommerce nav.woocommerce-pagination span.page-numbers:after,
.page-links a.post-page-numbers:after,
.page-links span.post-page-numbers:after {
position: absolute;
bottom: 0;
left: 0;
content: '';
height: 2px;
width: 0;
background-color: #F5C332;
transition: 0.3s ease-in-out;
}
.sb-pagination a.page-numbers:hover:after,
.sb-pagination span.page-numbers:hover:after,
.woocommerce nav.woocommerce-pagination a.page-numbers:hover:after,
.woocommerce nav.woocommerce-pagination span.page-numbers:hover:after,
.page-links a.post-page-numbers:hover:after,
.page-links span.post-page-numbers:hover:after {
width: 100%;
}
.sb-pagination a.page-numbers:hover,
.sb-pagination span.page-numbers:hover,
.woocommerce nav.woocommerce-pagination a.page-numbers:hover,
.woocommerce nav.woocommerce-pagination span.page-numbers:hover,
.page-links a.post-page-numbers:hover,
.page-links span.post-page-numbers:hover {
background-color: #F9FAFC;
color: #231E41;
}
.sb-pagination a.page-numbers.current,
.sb-pagination span.page-numbers.current,
.woocommerce nav.woocommerce-pagination a.page-numbers.current,
.woocommerce nav.woocommerce-pagination span.page-numbers.current,
.page-links a.post-page-numbers.current,
.page-links span.post-page-numbers.current {
background-color: #F5C332;
color: #231E41;
}
.sb-pagination a.page-numbers.prev,
.sb-pagination span.page-numbers.prev,
.woocommerce nav.woocommerce-pagination a.page-numbers.prev,
.woocommerce nav.woocommerce-pagination span.page-numbers.prev {
font-size: 12px;
}
.sb-pagination a.page-numbers.next,
.sb-pagination span.page-numbers.next,
.woocommerce nav.woocommerce-pagination a.page-numbers.next,
.woocommerce nav.woocommerce-pagination span.page-numbers.next {
font-size: 12px;
}
.sb-post-navigation {
margin-top: 60px;
margin-bottom: 90px;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 3px dotted #F2F3F5;
padding-top: 30px;
}
.sb-post-navigation a,
.sb-post-navigation > span {
font-size: 12px;
text-transform: uppercase;
}
.sb-post-navigation i:last-child {
margin-left: 7px;
}
.sb-post-navigation i:first-child {
margin-right: 7px;
}
.sb-post-navigation > span {
opacity: 0.5;
cursor: default;
}
.sb-post-navigation a span {
transition: 0.3s ease 0s;
display: inline-block;
}
.sb-post-navigation a:hover i + span {
transform: translateX(5px);
}
.sb-post-navigation a:hover span {
transform: translateX(-5px);
} .attr-featured-false .sb-menu-item .sb-cover-frame,
.attr-featured-false .sb-blog-card .sb-cover-frame {
display: none !important;
}
.attr-readmore-false .sb-menu-item .sb-btn-gray,
.attr-readmore-false .sb-blog-card .sb-el-more {
display: none !important;
}
.attr-addtocart-false .sb-menu-item .sb-atc {
display: none !important;
}
.attr-desc-false .sb-menu-item .sb-description,
.attr-desc-false .sb-blog-card .sb-text {
display: none !important;
}
.attr-author-false .sb-blog-card .sb-suptitle span:nth-child(2) {
display: none !important;
}
.attr-date-false .sb-blog-card .sb-suptitle span:nth-child(1) {
display: none !important;
}
.attr-details-false .sb-blog-card .sb-suptitle {
display: none !important;
}
.attr-title-false .sb-menu-item .sb-card-tp .sb-card-title,
.attr-title-false .sb-blog-card h3 {
display: none !important;
}
.attr-price-false .sb-menu-item .sb-card-tp .sb-price {
display: none !important;
}
.attr-title-false.attr-price-false .sb-menu-item .sb-card-tp {
display: none !important;
}
.attr-rating-false .sb-menu-item .sb-stars {
display: none !important;
} .sb-instagram {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.sb-instagram li {
padding: 5px;
width: 33.33%;
}
.sb-instagram li a {
position: relative;
overflow: hidden;
display: block;
width: 100%;
padding-bottom: 100%;
}
.sb-instagram li a img {
position: absolute;
object-fit: cover;
object-position: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .sb-keywords {
display: flex;
flex-wrap: wrap;
}
.sb-keywords li {
padding-right: 5px;
padding-bottom: 5px;
}
.sb-keywords li a {
display: block;
font-size: 14px;
background-color: #F5C332;
padding: 2px 5px;
color: #231E41;
transition: 0.3s ease-in-out;
}
.sb-keywords li a:hover {
position: relative;
filter: brightness(110%);
} .sb-slider-nav {
height: 55px;
display: flex;
justify-content: space-between;
align-items: center;
width: 115px;
margin-right: 15px;
}
.sb-slider-nav .sb-next-btn,
.sb-slider-nav .sb-prev-btn {
height: 50px;
width: 50px;
font-size: 12px;
border-radius: 50%;
border: solid 2px #231E41;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.sb-slider-nav .sb-next-btn.swiper-button-disabled,
.sb-slider-nav .sb-prev-btn.swiper-button-disabled {
opacity: 0.2;
}
.sb-slider-nav .sb-next-btn:focus,
.sb-slider-nav .sb-prev-btn:focus {
outline: inherit;
} .sb-breadcrumbs {
border: solid 2px #FFFFFF;
position: relative;
overflow: hidden;
max-width: 100%;
background-color: #F5C332;
display: inline-flex;
align-items: center;
font-weight: 500;
font-size: 14px;
padding: 0 20px;
height: 55px;
transition: 0.3s ease-in-out;
}
.sb-breadcrumbs li {
white-space: nowrap;
display: flex;
letter-spacing: 0;
}
.sb-breadcrumbs li:after {
content: "/";
}
.sb-breadcrumbs li:last-child:after {
display: none;
}
.sb-breadcrumbs li:last-child > a, .sb-breadcrumbs li:last-child > span {
cursor: not-allowed;
opacity: 1;
}
.sb-breadcrumbs li a {
opacity: 0.4;
transition: 0.3s ease-in-out;
}
.sb-breadcrumbs li > a {
padding: 0 10px;
}
.sb-breadcrumbs li > span {
padding: 0 10px;
}
.sb-breadcrumbs li a:hover {
opacity: 1;
} .sb-badge {
position: absolute;
z-index: 2;
top: 15px;
left: 15px;
background-color: #F5C332;
padding: 3px 10px;
font-size: 14px;
display: flex;
align-items: center;
line-height: 1.5;
}
.sb-badges {
position: absolute;
z-index: 2;
top: 15px;
left: 15px;
}
.sb-badge-i {
position: relative;
top: auto;
left: auto;
margin-right: 7px;
z-index: 2;
display: inline-flex;
}
.sb-badge i {
font-size: 11px;
margin-right: 5px;
}
.sb-badge.sb-vegan {
background-color: #9CCC65;
}
.sb-badge.sb-hot {
background-color: #FF5252;
}
.sb-badge.sb-onsale {
background-color: #FF5252;
} .sb-stars {
padding: 0;
display: flex;
}
.sb-stars li {
margin-right: 5px;
color: #F5C332;
font-size: 14px;
}
.sb-stars li.sb-empty {
color: #F2F3F5;
filter: brightness(95%);
}
.sb-stars li span {
font-size: 12px;
color: #6F6F87;
white-space: nowrap;
}
.sb-stars.sb-unrated li {
color: #FFFFFF !important;
text-shadow: 0 0 1px #6F6F87;
}
.sb-stars.sb-unrated li span {
text-shadow: none;
} .sb-social {
display: flex;
justify-content: center;
}
.sb-social li {
margin-right: 15px;
}
.sb-social li a {
transition: 0.3s ease-in-out;
font-size: 14px;
}
.sb-social li a:hover {
color: #F5C332;
}
.sb-social li:last-child {
margin-right: 0;
}
.sb-social li a svg {
fill: #231E41;
max-width: 15px;
max-height: 15px;
width: 100%;
}
.sb-social li a:hover svg {
fill: #F5C332;
} .sb-btns {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.sb-btn {
opacity: 1;
border: none;
padding: 0 5px;
cursor: pointer;
position: relative;
display: inline-flex;
align-items: center;
transform: scale(1);
height: 55px;
letter-spacing: 0;
font-size: 14px;
margin-right: 10px;
margin-bottom: 10px;
background-color: #F5C332;
transition: 0.3s ease-in-out;
}
.sb-btn .sb-icon {
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0 !important;
margin: 0;
width: 55px;
height: 55px;
}
.sb-btn .sb-icon img,
.sb-btn .sb-icon .sb-icon-arrow,
.sb-btn .sb-icon .sb-icon-menu {
width: 22px;
}
.sb-btn .sb-icon svg {
max-width: 22px;
max-height: 22px;
fill: #231E41;
width: 100%;
}
.sb-btn .sb-icon .sb-icon-arrow {
display: inline-block;
vertical-align: middle;
height: 22px;
background: url(//unfear.io/wp-content/themes/starbelly/assets/img/ui/icons/arrow.svg) no-repeat 0 0;
background-size: contain;
}
.sb-btn .sb-icon .sb-icon-arrow-2 {
display: inline-block;
vertical-align: middle;
width: 22px;
height: 22px;
background: url(//unfear.io/wp-content/themes/starbelly/assets/img/ui/icons/arrow-2.svg) no-repeat 0 0;
background-size: contain;
}
.sb-btn .sb-icon .sb-icon-menu {
display: inline-block;
vertical-align: middle;
height: 22px;
background: url(//unfear.io/wp-content/themes/starbelly/assets/img/ui/icons/menu.svg) no-repeat 0 0;
background-size: contain;
}
.sb-btn .sb-icon .sb-icon-dialog {
display: inline-block;
vertical-align: middle;
width: 22px;
height: 20px;
background: url(//unfear.io/wp-content/themes/starbelly/assets/img/ui/icons/dialog.svg) no-repeat 0 0;
background-size: contain;
}
.sb-btn .sb-icon .sb-icon-play {
display: inline-block;
vertical-align: middle;
width: 22px;
height: 28px;
background: url(//unfear.io/wp-content/themes/starbelly/assets/img/ui/icons/play.svg) no-repeat 0 0;
background-size: contain;
}
.sb-btn .sb-icon .sb-icon-cart {
display: inline-block;
vertical-align: middle;
width: 22px;
height: 24px;
background: url(//unfear.io/wp-content/themes/starbelly/assets/img/ui/icons/cart.svg) no-repeat 0 0;
background-size: contain;
}
.sb-btn span {
white-space: nowrap;
line-height: 55px;
display: inline-block;
padding: 0 20px 0 0;
font-weight: 500;
}
.sb-btn:hover {
filter: brightness(110%);
}
.sb-btn.sb-btn-gray {
background-color: #F9FAFC;
box-shadow: 0 0 0 2px #FFFFFF;
}
.sb-btn.sb-btn-gray:hover {
filter: brightness(102%);
}
.sb-btn.sb-btn-2 {
padding: 0;
background-color: transparent;
box-shadow: none;
}
.sb-btn.sb-btn-2 .sb-icon {
background-color: #F5C332;
transform: scale(0.95);
}
.sb-btn.sb-btn-2 span {
padding: 0 0 0 15px;
}
.sb-btn.sb-btn-2.sb-btn-gray {
background-color: transparent;
}
.sb-btn.sb-btn-2.sb-btn-gray .sb-icon {
background-color: #F2F3F5;
box-shadow: 0 0 0 2px #FFFFFF;
}
.sb-btn.sb-btn-2.sb-btn-gray:hover {
filter: brightness(102%);
}
.sb-btn.sb-btn-icon .sb-icon {
background-color: #F5C332;
transform: scale(0.95);
}
.sb-btn.sb-btn-icon.sb-btn-gray {
background-color: transparent;
}
.sb-btn.sb-btn-icon.sb-btn-gray .sb-icon {
background-color: #F2F3F5;
}
.sb-btn.sb-btn-icon.sb-btn-gray:hover {
filter: brightness(102%);
}
.sb-btn.sb-btn-text {
background-color: #F5C332;
}
.sb-btn.sb-btn-text .sb-icon {
background-color: #F5C332;
transform: scale(0.95);
}
.sb-btn.sb-btn-text span {
padding: 0 20px;
}
.sb-btn.sb-btn-text.sb-btn-gray {
background-color: #F2F3F5;
}
.sb-btn.sb-btn-text.sb-btn-gray .sb-icon {
background-color: #F2F3F5;
}
.sb-btn.sb-btn-text.sb-btn-gray:hover {
filter: brightness(102%);
}
.sb-btn:focus {
outline: inherit;
}
@media (max-width: 340px) {
.sb-btn {
margin-right: 0;
margin-bottom: 10px;
}
} .sb-icon-svg {
display: inline-block;
vertical-align: top;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.sb-icon-svg-cart {
width: 22px;
height: 24px;
background-image: url(//unfear.io/wp-content/themes/starbelly/assets/img/ui/icons/cart.svg);
}
.sb-icon-svg-zoom {
width: 22px;
height: 22px;
background-image: url(//unfear.io/wp-content/themes/starbelly/assets/img/ui/icons/zoom.svg);
} .sb-info-btn,
.sb-menu-btn {
margin-left: 15px;
padding-top: 20px;
width: 30px;
height: 55px;
cursor: pointer;
display: none;
justify-content: center;
text-align: center;
transition: 0.3s ease-in-out;
}
.sb-info-btn span,
.sb-info-btn span:after,
.sb-info-btn span:before,
.sb-menu-btn span,
.sb-menu-btn span:after,
.sb-menu-btn span:before {
content: "";
display: block;
width: 20px;
height: 2px;
border-radius: 1px;
background: #231E41;
backface-visibility: hidden;
transition: 0.3s ease-in-out;
}
.sb-info-btn span,
.sb-menu-btn span {
position: relative;
margin: 7px 0 0;
}
.sb-info-btn span:after,
.sb-info-btn span:before,
.sb-menu-btn span:after,
.sb-menu-btn span:before {
position: absolute;
}
.sb-info-btn span:before,
.sb-menu-btn span:before {
top: -7px;
}
.sb-info-btn span:after,
.sb-menu-btn span:after {
top: 7px;
}
.sb-info-btn.sb-active span,
.sb-menu-btn.sb-active span {
transform: rotate(45deg);
}
.sb-info-btn.sb-active span:before,
.sb-menu-btn.sb-active span:before {
transform: translate(0px, 7px) rotate(-90deg);
}
.sb-info-btn.sb-active span:after,
.sb-menu-btn.sb-active span:after {
transform: translate(0px, -7px) rotate(-90deg);
}
.sb-info-btn {
margin-left: 10px;
width: 20px;
display: flex !important;
}
.sb-info-btn span,
.sb-info-btn span:after,
.sb-info-btn span:before {
width: 3px;
height: 3px;
border-radius: 50%;
}
.sb-info-btn.sb-active span,
.sb-info-btn.sb-active span:after,
.sb-info-btn.sb-active span:before {
width: 20px;
height: 2px;
border-radius: 1px;
}
@media (max-width: 992px) {
.sb-menu-btn {
display: flex;
}
} .sb-click-effect {
opacity: 0;
pointer-events: none;
position: absolute;
margin-top: -2px;
margin-left: -2px;
z-index: 999999999;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #FFFFFF;
}
.sb-click-effect:after {
opacity: 0;
content: "";
position: absolute;
width: 40px;
height: 40px;
top: -1px;
left: -1px;
border-radius: 50%;
border: 10px solid #FFFFFF;
mix-blend-mode: difference;
}
.sb-click-effect.sb-click {
animation: ce-1 0.6s alternate;
}
.sb-click-effect.sb-click:after {
opacity: 1;
animation: ce-2 0.6s alternate;
} .sb-load {
border-radius: 50%;
background-color: #F5C332;
width: 80vw;
height: 80vw;
left: 50%;
bottom: 0;
margin-bottom: -40vw;
pointer-events: none;
position: fixed;
margin-left: -40vw;
transform: scale(0);
z-index: 9;
opacity: 0.9;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
transition: 0.6s ease-in-out;
}
html.is-animating .sb-load {
top: 0;
left: 50%;
margin-top: -40vw;
bottom: auto;
transform: scale(2);
pointer-events: all;
}
.sb-transition-fade {
transition: 0.6s ease-in-out;
opacity: 1;
}
html.is-animating .sb-transition-fade {
opacity: 0;
}
.sb-menu-transition {
opacity: 1;
transition: 0.1s ease-in-out;
}
html.is-animating .sb-menu-transition {
opacity: 0.999;
}
html.is-animating .sb-menu-transition .sb-navigation li a:before {
transform: scale(0);
}
html.is-animating .sb-menu-transition .sb-navigation li ul {
opacity: 0;
transform: translateY(10px);
}
@media (max-width: 992px) {
html.is-animating .sb-load {
transform: scale(3);
}
html.is-animating .sb-menu-transition .sb-navigation {
transform: translateY(30px);
opacity: 0;
}
}
@media (max-width: 768px) {
html.is-animating .sb-load {
transform: scale(6.5);
}
} .container {
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.container {
padding: 0 30px;
}
.swiper-container {
overflow: visible;
}
}
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
background: #F2F3F5;
}
::-webkit-scrollbar-thumb {
background: #F5C332;
border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
-webkit-filter: brightness(110%);
filter: brightness(110%);
}
.sb-about-text,
.sb-blog-list,
.sb-features,
.sb-popular,
.sb-reviews,
.sb-short-menu,
.sb-team {
position: relative;
} @keyframes addToCart {
0% {
transform: scale(1);
}
50% {
transform: scale(0);
}
0% {
transform: scale(1);
}
}
@keyframes anima1 {
0% {
transform: translateY(0) scale(1);
}
50% {
transform: translateY(-5px) scale(1.05);
}
0% {
transform: translateY(0) scale(1);
}
}
@keyframes anima2 {
0% {
transform: translateY(0) scale(1) rotate(0);
}
25% {
transform: translateY(-5px) scale(1.1) rotate(-5deg);
}
75% {
transform: translateY(-5px) scale(1.1) rotate(5deg);
}
0% {
transform: translateY(0) scale(1) rotate(0);
}
}
@keyframes anima3 {
0% {
transform: translateY(0);
}
25% {
transform: translateY(-5px);
}
75% {
transform: translateY(5px);
}
0% {
transform: translateY(0);
}
}
@keyframes anima4 {
0% {
margin-top: 0;
}
50% {
margin-top: -5px;
}
0% {
margin-top: 0;
}
}
@keyframes ce-1 {
0% {
transform: scale(1);
opacity: 0;
}
50% {
transform: scale(1.7);
opacity: 0.8;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes ce-2 {
0% {
transform: scale(1);
opacity: 0;
}
50% {
transform: scale(0.4);
opacity: 0.8;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes zoom {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@keyframes message {
0% {
opacity: 0;
transform: translateX(30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes marker {
0% {
transform: scale(1.4) translateY(0);
}
50% {
transform: scale(1.4) translateY(-10px);
}
0% {
transform: scale(1.4) translateY(0);
}
} .sb-mb-90 {
margin-bottom: 90px !important;
}
.sb-mb-60 {
margin-bottom: 60px !important;
}
.sb-mb-40 {
margin-bottom: 40px !important;
}
.sb-mb-30 {
margin-bottom: 30px !important;
}
.sb-mb-25 {
margin-bottom: 25px !important;
}
.sb-mb-15 {
margin-bottom: 15px !important;
}
.sb-mb-10 {
margin-bottom: 10px !important;
}
.sb-mb-5 {
margin-bottom: 5px !important;
}
.sb-p-210-90 {
padding-top: 210px;
padding-bottom: 90px;
}
.sb-p-90-90 {
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.sb-p-90-60 {
padding-top: 90px !important;
padding-bottom: 60px !important;
}
.sb-p-90-0 {
padding-top: 90px !important;
}
.sb-p-0-90 {
padding-bottom: 90px !important;
}
.sb-p-60-60 {
padding-top: 90px !important;
padding-bottom: 90px !important;
}
.sb-p-90-30 {
padding-top: 90px !important;
padding-bottom: 30px !important;
}
.sb-p-30-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.sb-p-0-30 {
padding-bottom: 30px;
}
.sb-p-60-0 {
padding-top: 60px !important;
}
.sb-p-0-60 {
padding-bottom: 60px !important;
}
.sb-p-60-30 {
padding-top: 60px;
padding-bottom: 30px;
}
.sb-m-0 {
margin: 0 !important;
}
.sb-mt-15 {
margin-top: 15px !important;
} .sb-masonry-grid {
width: calc(100% + 30px);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: -15px;
margin-right: -15px;
}
.sb-masonry-grid .sb-grid-item {
padding: 0 15px;
width: 100%;
}
.sb-masonry-grid .sb-grid-item.sb-item-25 {
width: 25%;
padding: 0 15px;
}
.sb-masonry-grid .sb-grid-item.sb-item-33 {
width: 33.333%;
padding: 0 15px;
}
.sb-masonry-grid .sb-grid-item.sb-item-50 {
width: 50%;
padding: 0 15px;
}
.grid-sizer {
width: 100%;
}
@media (max-width: 992px) {
.sb-masonry-grid .sb-grid-item.sb-item-25 {
width: 33.333%;
}
.sb-masonry-grid .sb-grid-item.sb-item-33 {
width: 50%;
}
.sb-masonry-grid .sb-grid-item.sb-item-50 {
width: 50%;
}
}
@media (max-width: 768px) {
.sb-masonry-grid .sb-grid-item.sb-item-25 {
width: 100%;
}
.sb-masonry-grid .sb-grid-item.sb-item-33 {
width: 100%;
}
.sb-masonry-grid .sb-grid-item.sb-item-50 {
width: 100%;
}
} .sb-app {
position: relative;
overflow: hidden;
background-color: #FFFFFF;
}
#sb-dynamic-content .sb-p-90-90:nth-child(2):nth-last-child(2) {
min-height: calc(100vh - 433px);
}
.admin-bar #sb-dynamic-content .sb-p-90-90:nth-child(2):nth-last-child(2) {
min-height: calc(100vh - 465px);
} .sb-top-bar-frame {
width: 100%;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
right: 0;
border-bottom: solid 1px #F2F3F5;
border-top: solid 1px #F2F3F5;
}
.admin-bar .sb-top-bar-frame {
top: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar .sb-top-bar-frame {
top: 46px;
}
}
.sb-top-bar-frame .container {
padding: 0 !important;
position: static !important;
}
.sb-top-bar-frame .sb-top-bar-bg {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.sb-top-bar-frame .sb-top-bar {
padding: 0 15px;
position: relative;
height: 120px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
transition: 0.3s ease-in-out;
}
.sb-top-bar-frame .sb-top-bar .elementor {
width: 100%;
}
.sb-top-bar-frame .sb-top-bar .sb-logo-frame {
display: flex;
align-items: center;
height: 80px;
width: 130px;
transition: 0.3s ease-in-out;
}
.sb-top-bar-frame .sb-top-bar .sb-logo-frame img {
width: 100%;
}
.sb-top-bar-frame .sb-top-bar .sb-logo-frame:hover {
filter: brightness(110%);
}
.sb-top-bar-frame .sb-top-bar .sb-right-side {
display: flex;
justify-content: flex-end;
}
.sb-top-bar-frame .sb-top-bar .sb-buttons-frame {
display: flex;
justify-content: flex-end;
}
.sb-default .sb-top-bar-frame .sb-top-bar .sb-buttons-frame {
margin-left: 30px;
}
.sb-top-bar-frame.sb-scroll {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.sb-top-bar-frame.sb-scroll .sb-top-bar {
height: 90px;
}
@media (max-width: 992px) {
.sb-top-bar-frame .sb-top-bar {
height: 90px;
}
}
@media (max-width: 768px) {
.sb-top-bar-frame .sb-top-bar {
padding: 0 30px;
}
.sb-top-bar-frame .sb-top-bar .elementor-container {
justify-content: space-between;
display: flex;
}
.sb-top-bar-frame .sb-top-bar .elementor-container > div.elementor-column {
width: auto;
}
} .sb-default nav {
margin-right: 0px;
}
nav {
width: 100%;
margin-right: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
nav .sb-navigation {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
nav .sb-navigation::-webkit-scrollbar {
display: none;
}
nav .sb-navigation li {
display: flex;
align-items: center;
position: relative;
}
nav .sb-navigation li a {
position: relative;
padding: 0 30px;
display: inline-block;
font-weight: 400;
height: 100%;
color: #231E41;
font-size: 14px;
transition: 0.3s ease-in-out;
}
nav .sb-navigation.sb-navigation-default > li > a {
padding-right: 20px;
}
nav .sb-navigation.sb-navigation-default > li:last-child > a {
padding-right: 0px;
}
nav .sb-navigation li a:after,
nav .sb-navigation li a:before {
content: '';
position: absolute;
top: 50%;
left: 15px;
margin-top: -4px;
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #F5C332;
transform: scale(0);
}
nav .sb-navigation li a:after {
left: auto;
right: 15px;
}
nav .sb-navigation li a:hover {
color: #F5C332;
}
nav .sb-navigation li.sb-active>a:before {
transform: scale(1);
transition: 0.3s ease-in-out;
}
nav .sb-navigation li ul {
min-width: 120px;
transform: translateY(10px);
opacity: 0;
pointer-events: none;
padding: 30px 0 10px;
position: absolute;
top: 70.5px;
left: 0;
border: solid 1px #F2F3F5;
background-color: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: 0.3s ease-in-out;
display: grid;
grid-template-columns: repeat(2, 1pr);
grid-template-rows: repeat(4, auto);
grid-auto-flow: column;
}
nav .sb-navigation li ul li ul {
left: 100%;
top: -31px;
}
nav .sb-navigation li ul li {
display: block;
position: relative;
white-space: nowrap;
width: 100%;
margin-bottom: 30px;
height: 20px;
}
nav .sb-navigation li ul li a {
width: 100%;
line-height: 20px;
}
nav .sb-navigation li ul:before {
content: '';
height: 50px;
width: 100%;
top: -50px;
position: absolute;
}
nav .sb-navigation li:hover > ul {
transform: translateY(0);
opacity: 1;
pointer-events: all;
}
.sb-top-bar-frame.sb-scroll nav .sb-navigation li ul {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
top: 55.5px;
}
.sb-top-bar-frame.sb-scroll nav .sb-navigation li ul:before {
height: 35px;
top: -35px;
}
@media (max-width: 992px) {
nav .sb-navigation {
padding-top: 30px;
box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.05);
border-top: solid 1px #F2F3F5;
position: absolute;
top: 90px;
opacity: 0;
transform: translateY(30px);
pointer-events: none;
left: 0;
width: 100%;
display: block;
height: calc(100vh - 80px);
overflow: scroll;
background-color: rgba(255, 255, 255, 0.92);
transition: 0.3s ease-in-out;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
width: 100vw;
left: calc(7.5px - 50vw);
top: 45px;
overflow: auto;
}
nav .sb-navigation li {
text-align: center;
width: 100%;
height: auto;
display: block;
}
nav .sb-navigation li a {
line-height: 20px;
margin-bottom: 30px;
}
nav .sb-navigation li a:hover {
color: #231E41;
}
nav .sb-navigation li.sb-active>a:after {
transform: scale(1);
}
nav .sb-navigation li ul {
box-shadow: none !important;
border: none;
background-color: #F5C332;
opacity: 0;
max-height: 0;
overflow: hidden;
padding: 0;
transform: none;
opacity: 1;
pointer-events: all;
position: relative;
top: 0 !important;
left: 0;
display: block;
}
nav .sb-navigation li ul li {
text-align: center;
}
nav .sb-navigation li ul li a {
line-height: 20px;
height: 20px;
}
nav .sb-navigation li:hover ul {
padding-top: 30px;
opacity: 1;
max-height: 750px;
margin-bottom: 30px;
}
nav .sb-navigation.sb-active {
opacity: 1;
transform: translateY(0);
pointer-events: all;
}
} .footer {
border-top: solid 1px #F2F3F5;
position: relative;
background-color: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 2;
}
.footer .sb-footer-frame {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0;
}
.footer .sb-footer-frame .sb-logo-frame {
width: 33.333%;
display: flex;
align-items: center;
transition: 0.3s ease-in-out;
}
.footer .sb-footer-frame .sb-logo-frame img {
width: 130px;
}
.footer .sb-footer-frame .sb-logo-frame:hover {
filter: brightness(110%);
}
.footer .sb-footer-frame .sb-copy {
text-align: right;
width: 33.333%;
font-size: 12px;
color: #6F6F87;
}
.sb-default .sb-footer-frame .sb-copy {
width: 100%;
}
.footer .elementor-widget-image a img[src$=".svg"] {
width: 100%;
}
.footer p:last-child {
margin-bottom: 0;
}
@media (max-width: 992px) {
.footer .sb-footer-frame {
padding: 30px 0;
height: auto;
flex-direction: column;
}
.footer .sb-footer-frame .sb-logo-frame {
width: 100%;
justify-content: center;
margin-bottom: 30px;
}
.footer .sb-footer-frame .sb-social {
width: 100%;
margin-bottom: 30px;
}
.footer .sb-footer-frame .sb-copy {
width: 100%;
text-align: center;
}
} .sb-info-bar {
border-top: solid 1px #F2F3F5;
top: 121px;
right: 0;
height: calc(100vh - 120px);
width: 100%;
max-width: 403px;
position: absolute;
transform: translateX(100%);
background-color: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.05);
border-left: solid 1px #F2F3F5;
transition: 0.4s ease-in-out;
}
.admin-bar .sb-info-bar {
height: calc(100vh - 152px);
}
.sb-info-bar.sb-active {
transform: translateX(0);
}
.sb-info-bar.sb-scroll {
top: 91px;
height: calc(100vh - 91px);
}
.sb-info-bar .sb-infobar-content {
position: relative;
padding: 60px 60px 120px;
height: 100%;
overflow: scroll;
}
.sb-info-bar .sb-infobar-content::-webkit-scrollbar {
display: none;
}
.sb-info-bar .sb-info-bar-footer {
border-top: solid 1px #F2F3F5;
background-color: #FFFFFF;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px;
display: flex;
justify-content: center;
}
.sb-info-bar .sb-el-more {
display: none !important;
}
.sb-info-bar .sb-text p {
margin-bottom: 0;
}
@media (max-width: 992px) {
.sb-info-bar {
top: 90px;
height: calc(100vh - 90px);
}
.sb-info-bar .sb-infobar-content {
padding: 30px 30px 120px;
}
} .sb-minicart {
border-top: solid 1px #F2F3F5;
top: 121px;
right: 0;
height: calc(100vh - 120px);
width: 100%;
max-width: 403px;
position: fixed;
transform: translateX(100%);
background-color: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.05);
border-left: solid 1px #F2F3F5;
transition: 0.4s ease-in-out;
}
.admin-bar .sb-minicart {
top: calc(121px + 32px);
}
.sb-minicart.sb-active {
transform: translateX(0);
}
.sb-minicart.sb-scroll {
top: 91px;
height: calc(100vh - 91px);
}
.admin-bar .sb-minicart.sb-scroll {
top: calc(91px + 32px);
}
.sb-minicart .sb-minicart-content {
position: relative;
padding: 60px 50px 200px;
height: 100%;
overflow: scroll;
}
.sb-minicart .sb-minicart-content::-webkit-scrollbar {
display: none;
}
.sb-minicart .sb-minicart-content .sb-menu-item {
background-color: #F2F3F5;
padding: 0;
}
.sb-minicart .sb-minicart-content .sb-menu-item .sb-card-tp {
margin-bottom: 0px;
}
.sb-minicart .sb-minicart-content .sb-menu-item .sb-card-tp .sb-card-title {
width: calc(100% - 100px);
padding: 10px 0;
}
.sb-minicart .sb-minicart-content .sb-menu-item .variation {
border: none;
font-weight: 400;
padding: 0;
margin-top: 4px;
}
.sb-minicart .sb-minicart-content .sb-menu-item .variation-size {
margin: 0;
font-weight: 400;
padding: 0;
}
.sb-minicart .sb-minicart-footer {
border-top: solid 1px #F2F3F5;
background-color: #FFFFFF;
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 50px;
}
.sb-minicart .sb-minicart-footer .sb-btn {
margin: 0;
}
.sb-minicart .sb-minicart-footer .sb-btn:last-child {
margin-right: 0;
}
@media (max-width: 992px) {
.sb-minicart {
top: 90px;
height: calc(100vh - 90px);
}
.sb-minicart .sb-minicart-content {
padding: 30px 30px 120px;
}
.sb-minicart .sb-minicart-footer {
padding: 30px;
}
.admin-bar .sb-minicart {
top: calc(90px + 32px) !important;
}
}
@media only screen and (max-width: 782px) {
.admin-bar .sb-minicart {
top: calc(90px + 46px) !important;
}
} .sb-banner.sb-banner-with-bg {
position: relative;
overflow: hidden;
}
.sb-banner.sb-banner-with-bg .sb-bg-banner {
position: absolute;
top: 0;
height: 100vh;
width: 100%;
}
.sb-banner.sb-banner-with-bg .sb-bg-banner img {
position: absolute;
top: 0;
right: 0;
width: 70%;
height: 100%;
object-fit: cover;
object-position: left;
animation: zoom 40s infinite ease-in-out;
}
.sb-banner .sb-main-title-frame {
padding-top: 7vh;
display: flex;
align-items: center;
height: 100vh;
}
.sb-banner .sb-main-title-frame .sb-main-title {
width: 100%;
}
.sb-banner.sb-banner-sm .sb-main-title-frame {
height: auto;
padding: 210px 0 90px;
}
.sb-banner.sb-banner-xs .sb-main-title-frame {
height: auto;
padding: 210px 0 90px;
}
.sb-banner.sb-banner-xs .sb-main-title-frame .sb-main-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.sb-banner.sb-banner-color {
background-color: #F9FAFC;
border-left: solid 30px #FFFFFF;
border-right: solid 30px #FFFFFF;
}
@media (max-width: 992px) {
.sb-banner.sb-banner-with-bg {
position: relative;
overflow: hidden;
padding-bottom: 30vh;
}
.sb-banner.sb-banner-with-bg .sb-bg-banner {
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
height: 100vh;
width: 100vw;
}
.sb-banner.sb-banner-with-bg .sb-bg-banner img {
transform: rotate(90deg);
position: absolute;
right: 0;
left: 0;
right: auto;
top: 0;
height: 150%;
width: 100vh;
object-fit: cover;
object-position: left;
}
.sb-banner .sb-main-title-frame {
height: auto;
padding: 150px 0 30px;
}
.sb-banner .sb-main-title-frame .sb-main-title {
text-align: center;
}
.sb-banner.sb-banner-sm .sb-main-title-frame {
height: auto;
padding: 150px 0 60px;
}
.sb-banner.sb-banner-xs .sb-main-title-frame {
height: auto;
padding: 150px 0 60px;
}
.sb-banner.sb-banner-xs .sb-main-title-frame .sb-main-title {
flex-direction: column;
}
.sb-banner.sb-banner-xs .sb-main-title-frame .sb-main-title h1 {
margin-bottom: 30px;
}
.sb-banner.sb-banner-color {
background-color: #F9FAFC;
border: none;
}
}
@media (max-width: 500px) {
.sb-banner.sb-banner-with-bg .sb-bg-banner img {
height: 110%;
}
} .sb-features-item {
display: flex;
position: relative;
z-index: 2;
}
.sb-features-item .sb-number {
min-width: 62px;
margin-right: 30px;
font-family: 'Monoton', cursive;
color: #F5C332;
font-size: 42px;
line-height: 36px;
white-space: nowrap;
}
.sb-features-item.sb-features-item-sm {
flex-direction: column;
}
.sb-features-item.sb-features-item-sm .sb-number {
min-width: 30px;
margin-right: 15px;
font-size: 22px;
line-height: 22px;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.sb-features-item {
flex-direction: column;
justify-content: flex-start;
}
.sb-features-item .sb-number {
margin: 0;
padding: 0;
margin-bottom: 20px;
}
} .sb-menu-item {
width: 100%;
display: block;
}
.sb-menu-item .sb-cover-frame {
display: block;
background-color: #F2F3F5;
overflow: hidden;
position: relative;
padding-bottom: 100%;
transition: 0.3s ease-in-out;
line-height: 0;
}
.sb-menu-item .sb-cover-frame img {
width: 100% !important;
height: 100% !important;
position: absolute;
object-fit: cover;
object-position: center;
z-index: 1;
top: 0;
left: 0;
right: 0;
margin: 0 !important;
transform: scale(1.001);
transition: 0.3s ease-in-out;
}
.sb-menu-item .sb-card-tp {
margin-bottom: 15px;
padding-left: 15px;
background-color: #F2F3F5;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
min-height: 60px;
}
.sb-menu-item .sb-card-tp .sb-card-title {
max-width: calc(100% - 90px);
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
box-orient: vertical;
}
.sb-menu-item .sb-card-tp .sb-price {
min-width: 60px;
height: 60px;
font-weight: 500;
background-color: #F5C332;
font-size: 24px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 7.5px;
position: relative;
}
.sb-menu-item .sb-card-tp .sb-price sub, .sb-menu-item .sb-card-tp .sb-price small, .sb-menu-item .sb-card-tp .sb-price .woocommerce-Price-currencySymbol {
font-size: 12px;
font-weight: 400;
}
.sb-menu-item .sb-card-tp .sb-price ins {
text-decoration: none;
}
.sb-menu-item .sb-card-tp .sb-price del {
position: absolute;
top: -30px;
right: 0;
z-index: 2;
font-size: 60%;
height: 30px;
line-height: 30px;
background: rgb(255 255 255 / 50%);
min-width: 100%;
padding: 0 7.5px;
text-decoration: none;
}
.sb-menu-item .sb-card-tp .sb-price del > span {
display: inline-block;
position: relative;
}
.sb-menu-item .sb-card-tp .sb-price del > span:before {
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
width: 100%;
background: #231E41;
z-index: 2;
}
.sb-menu-item .sb-card-buttons-frame {
display: flex;
justify-content: space-between;
}
.sb-menu-item .sb-card-buttons-frame .sb-btn {
margin: 0;
}
.sb-menu-item.sb-menu-item-sm {
display: flex;
justify-content: space-between;
}
.sb-menu-item.sb-menu-item-sm .sb-cover-frame {
width: 60px;
height: 60px;
padding-bottom: 0;
}
.sb-menu-item.sb-menu-item-sm .sb-card-tp {
width: calc(100% - 60px);
box-shadow: none;
}
.sb-menu-item.sb-menu-item-sm .sb-card-tp .sb-card-title {
font-size: 14px;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.sb-menu-item.sb-menu-item-sm .sb-card-tp .sb-price {
font-size: 18px;
}
.sb-menu-item.sb-menu-item-sm .sb-card-tp .sb-price sub {
font-size: 9px;
}
.sb-menu-item:hover .sb-cover-frame img {
transform: scale(1.05);
}
.sb-menu-item:focus {
outline: inherit;
}
.sb-menu-item .star-rating {
position: absolute;
top: -25px;
left: 15px;
z-index: 2;
} .sb-call-to-action {
position: relative;
padding: 30px 0;
}
.sb-download-btn {
background-color: #231E41;
border-radius: 11px;
display: inline-block;
margin-right: 15px;
height: 55px;
transform: scale(1.001);
transition: 0.3s ease-in-out;
}
.sb-download-btn img {
height: 100% !important;
}
.sb-download-btn:last-child {
margin-bottom: 0;
}
.sb-download-btn:hover {
transform: scale(1.05);
}
@media (max-width: 992px) {
.sb-call-to-action {
position: relative;
padding: 60px 0;
}
.sb-download-btn {
margin-bottom: 10px;
}
.sb-download-btn:last-child {
margin-bottom: 0;
}
.sb-call-to-action {
position: relative;
}
.sb-call-to-action .sb-cta-text {
text-align: center;
margin-bottom: 60px;
}
} .sb-popup-frame {
opacity: 0;
padding: 30px;
pointer-events: none;
background-color: rgba(38, 31, 65, 0.9);
width: 100%;
height: 100vh;
display: flex;
z-index: 999999;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: 0.4s ease-in-out;
}
.sb-popup-frame .sb-popup-body {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
transform: scale(0.8);
opacity: 0;
display: flex;
position: relative;
background-color: #FFFFFF;
font-weight: 300;
width: 100%;
max-width: 580px;
transition: 0.4s ease-in-out;
transition-delay: 0s;
overflow: hidden;
}
.sb-popup-frame .sb-popup-body .sb-close-popup {
position: absolute;
z-index: 9;
top: 15px;
right: 30px;
font-size: 32px;
transform: rotate(45deg);
cursor: pointer;
transition: 0.3s ease-in-out;
}
.sb-popup-frame .sb-popup-body .sb-close-popup:hover {
transform: scale(1.1) rotate(45deg);
}
.sb-popup-frame.sb-active {
display: flex;
opacity: 1;
pointer-events: all;
}
.sb-popup-frame.sb-active .sb-popup-body {
transform: scale(1);
opacity: 1;
transition-delay: 0.3s;
} .sb-promo-content {
width: 100%;
align-items: center;
display: flex;
}
.sb-promo-content .sb-text-frame {
padding: 30px;
width: 45%;
}
.sb-promo-content .sb-image-frame {
display: flex;
align-items: center;
width: 55%;
height: 100%;
background-color: #F9FAFC;
}
.sb-promo-frame {
box-shadow: 0 0 0 2px #FFFFFF;
padding: 30px 0 30px 30px;
background-color: #F9FAFC;
overflow: hidden;
}
.sb-promo-frame .sb-promo-content {
position: relative;
}
.sb-promo-frame .sb-promo-content .sb-text-frame {
padding: 0;
position: relative;
z-index: 1;
}
@media (max-width: 580px) {
.sb-popup-frame .sb-popup-body .sb-close-popup {
top: 0;
right: 10px;
}
.sb-promo-content {
padding-top: 15px;
flex-direction: column;
}
.sb-promo-content .sb-text-frame {
width: 100%;
text-align: center;
}
.sb-promo-content .sb-text-frame .sb-h1 {
margin-bottom: 15px;
}
.sb-promo-content .sb-image-frame {
width: 100%;
padding-bottom: 30px;
}
.sb-promo-frame {
padding: 30px 0;
}
} .sb-review-card {
position: relative;
}
.sb-review-card .sb-review-header {
flex-wrap: nowrap;
}
.sb-review-card .sb-review-header h3 {
width: calc(100% - 110px);
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
box-orient: vertical;
}
.sb-review-card .sb-review-header .sb-stars {
width: 110px;
}
@media (max-width: 768px) {
.sb-review-card .sb-review-header span {
display: none;
}
} .sb-author-frame {
display: flex;
align-items: center;
}
.sb-author-frame h4 {
font-weight: 500px;
font-size: 14px;
}
.sb-author-frame .sb-avatar-frame {
margin-right: 15px;
position: relative;
overflow: hidden;
height: 50px;
width: 50px;
border-radius: 50%;
}
.sb-author-frame .sb-avatar-frame img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sb-author-panel {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.sb-author-panel .sb-suptitle {
background-color: #F9FAFC;
} .sb-contact-form-frame {
width: 100%;
margin-top: 120px;
position: relative;
background-color: #FFFFFF;
padding: 30px;
text-align: center;
box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.1);
}
.sb-contact-form-frame .sb-form-content {
position: relative;
border: dotted 3px #F2F3F5;
}
.sb-group-input {
position: relative;
margin-bottom: 30px;
}
.sb-group-input.sb-group-with-btn button {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 50px;
border: none;
background-color: #F5C332;
transition: 0.3s ease-in-out;
}
.sb-group-input.sb-group-with-btn button img {
width: 20px;
}
.sb-group-input.sb-group-with-btn button:hover {
filter: brightness(110%);
}
.sb-group-input input,
.sb-group-input select,
.sb-group-input textarea,
textarea,
select {
height: 50px;
position: relative;
padding: 0 20px;
font-size: 14px;
background-color: #F9FAFC;
display: block;
width: 100%;
border: none;
border-bottom: solid 1px #F2F3F5;
transition: border-bottom-color 1s ease 0s;
}
.sb-group-input select,
select {
text-indent: -1px; -webkit-appearance: none;
-moz-appearance: none;
appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-size: .6em;
background-position: calc(100% - 1.3em) center;
background-repeat: no-repeat;
}
.sb-group-input input:focus~.sb-bar:before,
.sb-group-input textarea:focus~.sb-bar:before {
width: 100%;
}
.sb-group-input textarea,
textarea {
padding-top: 15px;
height: 100px;
resize: none;
}
.sb-group-input input:focus,
.sb-group-input textarea:focus {
outline: none;
}
.sb-group-input label {
font-size: 14px;
color: #6F6F87;
font-weight: normal;
transition: 0.3s ease-in-out;
padding-bottom: 5px;
}
.sb-group-input .placeholder {
font-size: 14px;
color: #6F6F87;
font-weight: normal;
position: absolute;
pointer-events: none;
left: 20px;
top: 15px;
transition: 0.3s ease-in-out;
}
.sb-group-input input:focus~.placeholder,
.sb-group-input input:valid~.placeholder,
.sb-group-input textarea:focus~.placeholder,
.sb-group-input textarea:valid~.placeholder {
top: -25px;
left: 0;
font-size: 12px;
color: #231E41;
}
.sb-group-input input:valid~.placeholder:after {
margin-left: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f058";
color: #F5C332;
}
.sb-group-input input:valid~.sb-bar:before {
width: 100%;
}
.sb-group-input input:invalid~.placeholder:after {
transform: scale(0);
}
.sb-group-input .sb-bar {
position: relative;
display: block;
width: 100%;
}
.sb-group-input .sb-bar:before {
content: '';
height: 2px;
width: 0;
bottom: 1px;
position: absolute;
background: #F5C332;
transition: 0.2s ease all;
}
.sb-group-input .sb-bar:before {
left: 0;
}
.sb-main-content {
width: 100%;
padding: 30px;
}
.sb-success-result {
pointer-events: none;
opacity: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px;
background-color: #FFFFFF;
position: absolute;
top: 0;
left: 0;
height: 100%;
transition: 0.4s ease-in-out;
}
.sb-success-result img {
width: 80%;
}
.sb-success-result .sb-success-title {
font-size: 32px;
letter-spacing: -1px;
font-weight: 600;
margin: 0;
}
.sb-success-result.sb-active {
pointer-events: all;
opacity: 1;
}
.sb-powered {
font-size: 12px;
margin: 0;
padding-top: 15px;
text-align: center;
}
.sb-powered img {
max-width: 100px !important;
filter: grayscale(1);
vertical-align: middle;
margin-left: 7px;
} .sb-group-input input.wpcf7-not-valid,
.sb-group-input select.wpcf7-not-valid,
.sb-group-input textarea.wpcf7-not-valid {
border-bottom-color: #dc3232;
}
.sb-group-input .wpcf7-not-valid-tip {
color: transparent;
font-size: 0px;
position: absolute;
top: 100%;
margin: 0;
width: 100%;
padding-top: 2px;
transition: all 0.33s ease 0s;
}
.sb-group-input .wpcf7-not-valid-tip:hover {
font-size: 12px;
color: #dc3232;
}
.sb-group-input .wpcf7-not-valid-tip:before {
position: absolute;
right: -20px;
width: 16px;
height: 16px;
top: -33px;
font-size: 12px;
color: #666;
content: 'i';
border: 1px solid #666;
border-radius: 50%;
line-height: 14px;
text-align: center;
font-family: math;
cursor: pointer;
}
.sb-group-input .wpcf7-form-control-wrap {
display: block;
}
.wpcf7-response-output {
font-size: 80%;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
padding: 10px;
margin: 20px 0 0 0;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
}
.wpcf7 form.sent .wpcf7-response-output {
color: green;
}
.wpcf7-not-valid-tip {
position: relative;
margin: -10px 0 20px 0;
font-size: 14px;
text-align: left;
}
@media (max-width: 992px) {
.sb-contact-form-frame {
margin-top: 60px;
margin-bottom: 90px;
}
}
@media (max-width: 768px) {
.sb-contact-form-frame {
padding: 0;
}
.sb-contact-form-frame .sb-form-content {
border: none;
}
} .sb-map-frame {
border-left: solid 30px #FFFFFF;
border-right: solid 30px #FFFFFF;
width: 100%;
padding-bottom: 30%;
position: relative;
overflow: hidden;
}
.sb-map-frame .sb-map {
pointer-events: none;
position: absolute;
width: 150%;
height: 150%;
top: -20%;
left: -25%;
filter: brightness(103%);
transform: scale(1);
transition: 0.3s ease-in-out;
}
.sb-map-frame .sb-map.sb-active {
pointer-events: all;
background-color: #F5C332;
transform: scale(1.15);
}
.sb-lock {
cursor: pointer;
box-shadow: 0 0 0 2px #FFFFFF;
position: absolute;
top: 30px;
right: 30px;
z-index: 2;
background-color: #F5C332;
width: 55px;
height: 55px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s ease-in-out;
}
.sb-lock.sb-active {
background-color: #F2F3F5;
}
.sb-lock:hover {
filter: brightness(110%);
}
@media (max-width: 768px) {
.sb-map-frame {
padding-bottom: 70%;
}
}
.mapboxgl-marker {
padding-bottom: 20px;
}
.mapboxgl-marker svg {
transform: scale(1.4);
animation: marker 1s infinite ease-in-out;
}
.mapboxgl-marker svg g {
fill: #F5C332;
}
.mapboxgl-marker svg circle {
fill: #F2F3F5;
}
.mapboxgl-marker svg ellipse {
fill: #aaa;
} .sb-blog-card {
display: block;
width: 100%;
}
.sb-blog-card .sb-cover-frame {
position: relative;
overflow: hidden;
width: 100%;
padding-bottom: 65%;
background-color: #F9FAFC;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.sb-blog-card .sb-cover-frame img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1.001);
transition: 0.3s ease-in-out;
}
.sb-blog-card .sb-cover-frame.sb-cover-vert {
padding-bottom: 112%;
}
.sb-blog-card .sb-blog-card-descr h3,
.sb-blog-card .sb-blog-card-descr h4,
.sb-blog-card .sb-blog-card-descr h5 {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
box-orient: vertical;
}
.sb-blog-card:hover .sb-cover-frame img {
transform: scale(1.05);
}
.sb-blog-card.sb-blog-card-sm {
display: flex;
align-items: center;
}
.sb-blog-card.sb-blog-card-sm .sb-cover-frame {
width: 35%;
padding-bottom: 25%;
}
.sb-blog-card.sb-blog-card-sm .sb-blog-card-descr {
width: 65%;
padding-left: 15px;
}
.sb-blog-card.sb-blog-card-sm .sb-blog-card-descr .sb-text {
font-size: 12px;
}
.sb-post-cover {
padding-bottom: 65%;
position: relative;
}
.sb-post-cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sb-post-cover.sb-post-cover-vert {
padding-bottom: 130%;
}
.sb-el-more {
display: block;
margin-top: 20px;
}
.sb-el-more .sb-btn {
margin-bottom: 0;
} .sb-sidebar-frame {
width: 100%;
padding: 30px;
background-color: #FFFFFF;
box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.1);
}
.sb-sidebar-frame .sb-sidebar {
border: dotted 3px #F2F3F5;
padding: 30px;
}
@media (max-width: 992px) {
.sb-sidebar-frame.sb-pad-type-1 {
margin-top: 60px;
margin-bottom: 60px;
}
.sb-sidebar-frame.sb-pad-type-2 {
margin-top: 90px;
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.sb-sidebar-frame .sb-sidebar {
border: none;
padding: 0;
}
} .sb-gallery-item {
position: relative;
overflow: hidden;
padding-bottom: 65%;
border: solid 1px #eee;
}
.sb-gallery-item > a > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: center;
transform: scale(1.001);
transition: 0.3s ease-in-out;
}
.sb-gallery-item .sb-zoom {
opacity: 0;
transform: scale(0.5);
position: absolute;
bottom: 15px;
right: 15px;
}
.sb-gallery-item.sb-gallery-vert {
padding-bottom: 120%;
}
.sb-gallery-item.sb-gallery-square {
padding-bottom: 100%;
}
.sb-gallery-item:hover > a > img {
transform: scale(1.05);
}
.sb-gallery-item:hover .sb-zoom {
transform: scale(1);
opacity: 1;
}
.sb-item-50 .sb-gallery-item.sb-gallery-vert {
padding-bottom: 136%;
}
.sb-menu-section {
position: relative;
} .sb-filter {
margin-bottom: 60px;
}
.sb-filter .sb-filter-link {
padding: 0 20px;
font-weight: 500;
line-height: 55px;
cursor: pointer;
position: relative;
display: inline-block;
text-align: center;
height: 55px;
font-size: 14px;
margin-right: 10px;
background-color: #F2F3F5;
transition: 0.3s ease-in-out;
color: #6F6F87;
}
.sb-filter .sb-filter-link:last-child {
margin-right: 0;
}
.sb-filter .sb-filter-link.sb-active {
background-color: #F5C332;
color: #231E41;
}
.sb-filter .sb-filter-link:hover {
filter: brightness(102%);
color: #231E41;
}
@media (max-width: 768px) {
.sb-filter {
margin-bottom: 60px;
}
.sb-filter .sb-filter-link {
display: block;
margin-right: 0;
}
} .sb-team-member .sb-photo-frame {
overflow: hidden;
background-color: #F9FAFC;
border: 2px solid #FFFFFF;
position: relative;
padding-bottom: 120%;
}
.sb-team-member .sb-photo-frame:before {
content: "";
background-color: #F5C332;
border-radius: 50%;
width: 70%;
height: 57%;
position: absolute;
bottom: 15%;
left: 15%;
border: dotted 3px #FFFFFF;
box-shadow: 0 0 0 3px #F5C332;
filter: blur(5px);
transition: 0.3s ease-in-out;
}
.sb-team-member .sb-photo-frame img {
width: 80%;
height: 100%;
position: absolute;
top: 0;
left: 10%;
object-fit: cover;
object-position: bottom;
transform: scale(1.001) translateY(0);
transition: 0.3s ease-in-out;
}
.sb-team-member .sb-member-description {
text-align: center;
}
.sb-team-member .sb-member-description .sb-social {
margin: 0 auto;
}
.sb-team-member:hover .sb-photo-frame {
overflow: hidden;
background-color: #F9FAFC;
border: 2px solid #FFFFFF;
position: relative;
padding-bottom: 120%;
}
.sb-team-member:hover .sb-photo-frame:before {
transform: scale(0.9) translateY(-10%);
}
.sb-team-member:hover .sb-photo-frame img {
transform: scale(1.05) translateY(3%);
} .sb-categorie-card {
display: block;
background-color: #F9FAFC;
box-shadow: 0 0 0 2px #FFFFFF;
}
.sb-categorie-card .sb-card-body {
text-align: center;
padding: 30px;
transition: 0.3s ease-in-out;
}
.sb-categorie-card .sb-card-body .sb-category-icon {
margin: 0 auto;
position: relative;
width: 110px;
height: 110px;
margin-bottom: 30px;
}
.sb-categorie-card .sb-card-body .sb-category-icon:before {
content: "";
background-color: #F5C332;
border-radius: 50%;
width: 60px;
height: 60px;
position: absolute;
bottom: -15px;
left: 25px;
transition: 0.3s ease-in-out;
}
.sb-categorie-card .sb-card-body .sb-category-icon img {
position: relative;
width: 90px;
transition: 0.3s ease-in-out;
}
.sb-categorie-card:hover .sb-card-body .sb-category-icon:before {
transform: scale(1.2);
bottom: 0;
}
.sb-categorie-card:hover .sb-card-body .sb-category-icon img {
transform: translateY(-10px);
}
.sb-categorie-card.sb-categorie-card-2 .sb-card-body {
text-align: left;
display: flex;
align-items: center;
}
.sb-categorie-card.sb-categorie-card-2 .sb-card-body .sb-category-icon {
width: 70px;
height: 70px;
margin-bottom: 0;
}
.sb-categorie-card.sb-categorie-card-2 .sb-card-body .sb-category-icon:before {
width: 30px;
height: 30px;
position: absolute;
bottom: -5px;
left: 15px;
}
.sb-categorie-card.sb-categorie-card-2 .sb-card-body .sb-category-icon img {
width: 60px;
}
.sb-categorie-card.sb-categorie-card-2 .sb-card-body .sb-card-descr {
padding-left: 30px;
} .sb-radio {
position: relative;
margin-bottom: 15px;
}
.sb-radio input[type=radio] {
position: absolute;
visibility: hidden;
}
.sb-radio label {
font-weight: 500;
display: block;
position: relative;
letter-spacing: 0;
font-size: 14px;
line-height: 24px;
padding-left: 30px;
z-index: 9;
cursor: pointer;
transition: all 0.25s linear;
}
.sb-radio .sb-check {
display: block;
position: absolute;
border: 2px solid #6F6F87;
border-radius: 100%;
height: 21px;
width: 21px;
top: 0;
left: 0;
z-index: 5;
transition: 0.3s ease-in-out;
}
.sb-radio .sb-check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 13px;
width: 13px;
top: 2px;
left: 2px;
margin: auto;
transition: 0.3s ease-in-out;
}
.sb-radio input[type=radio]:checked~.sb-check {
border-color: #F5C332;
}
.sb-radio input[type=radio]:checked~.sb-check::before {
background: #F5C332;
} .sb-product-lt {
position: relative;
}
.sb-product-description {
margin-bottom: 90px;
}
.sb-product-description .sb-price-frame {
padding-left: 30px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #F9FAFC;
}
.sb-product-description .sb-price-frame .sb-price {
height: 70px;
background-color: #F5C332;
padding: 0 20px;
font-weight: 500;
font-size: 32px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.sb-product-description .sb-price-frame .sb-price sub {
font-size: 12px;
font-weight: 400;
}
.sb-product-description .sb-price-frame .sb-price sub, .sb-product-description .sb-price-frame .sb-price small, .sb-product-description .sb-price-frame .sb-price .woocommerce-Price-currencySymbol {
font-size: 12px;
font-weight: 400;
}
.sb-product-description .sb-price-frame .sb-price ins {
text-decoration: none;
}
.sb-product-description .sb-price-frame .sb-price del {
position: absolute;
top: -30px;
right: 0;
z-index: 2;
font-size: 60%;
height: 30px;
line-height: 30px; min-width: 100%;
padding: 0 7.5px;
text-decoration: none;
text-align: center;
}
.sb-product-description .sb-price-frame .sb-price del > span {
display: inline-block;
position: relative;
}
.sb-product-description .sb-price-frame .sb-price del > span:before {
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
width: 100%;
background: #231E41;
z-index: 2;
}
.sb-product-description .sb-buttons-frame {
display: flex;
align-items: center;
}
.sb-product-description .sb-buttons-frame .sb-input-number-frame {
margin-bottom: 10px;
margin-right: 15px;
}
.sb-product-lt .sb-badges {
left: 30px;
} .sb-tab {
width: 100%;
margin-bottom: 90px;
}
.sb-tab .sb-list {
display: grid;
grid-template-columns: repeat(2, 50%);
grid-template-rows: repeat(4, auto);
grid-auto-flow: column;
grid-column-gap: 30px;
}
@media (max-width: 768px) {
.sb-tab {
width: 100%;
margin-bottom: 90px;
}
.sb-tab .sb-list {
grid-template-columns: repeat(1, 100%);
grid-template-rows: repeat(100, auto);
grid-column-gap: 0;
}
} .sb-faq {
list-style: none;
}
.sb-faq li {
border-top: solid 1px #F2F3F5;
}
.sb-faq li:last-child {
border-bottom: solid 1px #F2F3F5;
margin-bottom: 0;
}
.sb-faq li.sb-active .sb-answer {
max-height: 400px !important;
padding-bottom: 25px;
transition: max-height 0.5s ease, padding-bottom 0.5s ease;
}
.sb-faq .sb-answer {
font-size: 16px;
line-height: 24px;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease, padding-bottom 0.5s ease;
}
.sb-faq .sb-plus-minus-toggle {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
left: 0;
top: 0;
z-index: 2;
background-color: #F5C332;
transition: 0.3s ease-in-out;
}
.sb-faq .sb-plus-minus-toggle:after,
.sb-faq .sb-plus-minus-toggle:before {
background: #000;
content: '';
height: 2px;
left: 0;
top: 0;
width: 21px;
transition: transform 500ms ease;
}
.sb-faq .sb-plus-minus-toggle:after {
transform-origin: center;
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 10px);
}
.sb-faq .sb-plus-minus-toggle.sb-collapsed {
background-color: #F9FAFC;
}
.sb-faq .sb-plus-minus-toggle.sb-collapsed:after {
transform: rotate(90deg);
}
.sb-faq .sb-plus-minus-toggle.sb-collapsed:before {
transform: rotate(180deg);
}
.sb-faq .sb-question {
padding-top: 20px;
margin-bottom: 20px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
cursor: pointer;
transition: 0.3s ease-in-out;
} .datepicker {
margin-top: -13px;
border: none;
border-radius: 0;
}
.datepicker .datepicker--pointer {
display: none;
}
.datepicker .datepicker--cell {
border-radius: 0;
}
.datepicker .datepicker--cell.-selected- {
background-color: #F5C332;
}
.datepicker .datepicker--cell.-current- {
color: #F5C332;
}
.datepicker .datepicker--cell.-current-.-selected- {
color: #FFFFFF;
} .sb-cart-number {
text-align: center;
font-style: normal;
font-weight: 500;
font-size: 12px;
position: absolute;
top: 0;
right: 0;
text-align: center;
line-height: 20px;
background-color: #F5C332;
border-radius: 15px;
height: 20px;
min-width: 20px;
text-align: center;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.sb-cart-number > span {
padding: 0!important;
line-height: 20px;
display: block;
}
.sb-cart-number.sb-added {
animation: addToCart 0.6s ease-in-out;
} .sb-co-cart-frame {
padding: 30px;
background-color: #F9FAFC;
}
.sb-product {
display: flex;
align-items: center;
}
.sb-product .sb-cover-frame {
position: relative;
width: 90px;
padding-bottom: 90px;
}
.sb-product .sb-cover-frame img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sb-product .sb-prod-description {
padding-left: 15px;
width: calc(100% - 90px);
}
.sb-product .sb-prod-description h4 {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}
.sb-product .sb-prod-description dt.variation-size {
font-size: 12px;
text-transform: uppercase;
opacity: 0.6;
font-weight: 500;
}
.sb-input-number-frame {
display: flex;
align-items: center;
}
.sb-input-number-frame .sb-input-number-btn {
border-radius: 50%;
background-color: #F5C332;
cursor: pointer;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border: none;
transition: 0.3s ease-in-out;
}
.sb-input-number-frame .sb-input-number-btn:hover {
filter: brightness(110%);
}
.sb-input-number-frame .sb-input-number-btn:focus {
outline: inherit;
}
.sb-input-number-frame input {
margin: 0 5px;
text-align: center;
height: 50px;
width: 60px;
background-color: #F9FAFC;
position: relative;
padding: 0 20px;
display: block;
border: none;
}
.sb-input-number-frame input::-webkit-inner-spin-button,
.sb-input-number-frame input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sb-input-number-frame input:focus {
outline: inherit;
}
.sb-cart-table .sb-cart-item .sb-remove,
.sb-remove {
float: right;
text-align: center;
display: block;
border-radius: 50%;
background-color: #F2F3F5;
cursor: pointer;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
transition: 0.3s ease-in-out;
font-size: 16px;
font-weight: 400;
color: #231E41 !important;
}
.sb-remove:hover {
filter: brightness(102%);
}
.sb-price-1 {
color: #6F6F87;
font-size: 14px;
}
.sb-price-1 span.label {
display: none;
}
.sb-price-2 {
color: #231E41;
font-weight: 500;
font-size: 14px;
}
.sb-price-2 span.label {
display: none;
}
.sb-price-1 strong, .sb-price-2 strong {
font-weight: 500;
}
.sb-cart-table .sb-cart-table-header {
margin-bottom: 30px;
font-weight: 600;
font-size: 16px;
letter-spacing: 0;
}
.sb-cart-table .sb-cart-item {
padding: 15px 0;
margin-bottom: 15px;
border-top: solid 1px #F2F3F5;
border-bottom: solid 1px #F2F3F5;
}
.sb-cart-table .sb-cart-item h4:last-child {
margin-bottom: 0 !important;
}
.sb-cart-table .sb-cart-item .sb-text {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}
.sb-cart-total {
padding: 30px 0;
border-top: solid 1px #F2F3F5;
border-bottom: solid 1px #F2F3F5;
}
.sb-cart-total .sb-sum {
font-weight: 600;
margin-bottom: 30px;
letter-spacing: 0;
}
.sb-cart-total .sb-sum .sb-price-1 {
font-weight: 400;
}
.sb-cart-total .sb-realy-sum {
font-size: 22px;
font-weight: 600;
letter-spacing: 0;
}
.sb-cart-total .sb-realy-sum .sb-price-2 {
font-weight: 600;
font-size: 24px;
}
.sb-cart-total.sb-cart-total-2 {
border: none;
padding-top: 15px;
padding-bottom: 0;
}
.sb-cart-total.sb-cart-total-2 .sb-realy-sum {
font-size: 20px;
}
.sb-cart-total.sb-cart-total-2 .sb-realy-sum .sb-price-2 {
font-size: 20px;
}
.sb-cart-btns-frame {
padding: 15px 0 10px;
display: flex;
justify-content: space-between;
border-bottom: solid 1px #F2F3F5;
}
@media (max-width: 992px) {
.sb-cart-table .sb-cart-table-header {
display: none;
}
.sb-cart-table .sb-cart-item {
position: relative;
}
.sb-cart-table .sb-cart-item .sb-product {
align-items: flex-start;
margin-bottom: 15px;
flex-direction: column;
}
.sb-cart-table .sb-cart-item .sb-product .sb-cover-frame {
margin-bottom: 15px;
}
.sb-cart-table .sb-cart-item .sb-product .sb-prod-description {
padding-left: 0;
}
.sb-cart-table .sb-cart-item .sb-input-number-frame {
margin-bottom: 15px;
}
.sb-cart-table .sb-cart-item .sb-price-1,
.sb-cart-table .sb-cart-item .sb-price-2 {
margin-bottom: 15px;
}
.sb-cart-table .sb-cart-item .sb-price-1 span.label,
.sb-cart-table .sb-cart-item .sb-price-2 span.label {
display: inline;
}
.sb-cart-table .sb-cart-item .sb-remove {
position: absolute;
top: 15px;
right: 0;
}
}
@media (max-width: 768px) {
.sb-cart-btns-frame .sb-btn-gray {
display: none;
}
} .sb-atc {
overflow: hidden;
}
.sb-atc .sb-added-text {
transition: 0.3s ease-in-out;
position: absolute;
opacity: 0;
top: 0;
right: -100%;
pointer-events: none;
}
.sb-atc .sb-add-to-cart-text {
transition: 0.3s ease-in-out;
max-width: 140px;
text-overflow: ellipsis;
overflow: hidden;
}
.sb-atc.sb-added,
.sb-atc.added { background-color: #F9FAFC !important;
}
.sb-atc.sb-added .sb-add-to-cart-text {
opacity: 0;
}
.sb-atc.sb-added .sb-added-text {
opacity: 1;
right: 20px;
pointer-events: all;
}
.sb-atc.sb-added:hover {
filter: none;
} .sb-checkout-form {
box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.1);
background-color: #FFFFFF;
padding: 30px;
}
@media (max-width: 992px) {
.sb-checkout-form {
margin-bottom: 90px;
}
} .sb-bg-1 {
border-left: solid 30px #FFFFFF;
border-right: solid 30px #FFFFFF;
position: absolute;
width: 100%;
height: 300%;
overflow: hidden;
}
.sb-bg-1 div {
width: 100%;
position: relative;
}
.sb-bg-1 div:after {
content: '';
height: 40vw;
width: 300%;
background-color: #F9FAFC;
position: absolute;
top: 500px;
left: -100%;
transform: rotate(-30deg);
}
.sb-bg-2 {
position: absolute;
top: 0;
width: 100%;
height: 250%;
overflow: hidden;
}
.sb-bg-2 div {
width: 100%;
position: relative;
}
.sb-bg-2 div:after {
content: '';
height: 1200px;
width: 1200px;
position: absolute;
z-index: 0;
top: 0;
right: -20%;
border-radius: 50%;
border: solid 200px #F9FAFC;
}
.sb-bg-3 {
background-color: #F9FAFC;
width: 63%;
height: 100%;
position: absolute;
border-left: solid 30px #FFFFFF;
top: 0;
left: 0;
}
@media (max-width: 768px) {
.sb-bg-1 {
border-left: solid 15px #FFFFFF;
border-right: solid 15px #FFFFFF;
}
.sb-bg-1 div:after {
height: 50vh;
top: 450px;
}
.sb-bg-3 {
width: 100%;
border: none;
}
} .sb-illustration-1 {
position: relative;
overflow: hidden;
height: calc(100vh - 150px);
margin-top: 120px;
width: 100%;
float: right;
border-bottom-right-radius: 400px;
border-bottom-left-radius: 400px;
box-shadow: 0 8px 8px -9px rgba(0, 0, 0, 0.4);
}
.sb-illustration-1 .sb-girl {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
bottom: 0;
right: 0;
}
.sb-illustration-1 .sb-cirkle-1 {
position: absolute;
height: 140px;
width: 140px;
border-radius: 50%;
border: solid 25px #FFFFFF;
right: 10%;
bottom: 15%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-1 .sb-cirkle-2 {
position: absolute;
top: 40%;
right: 20%;
height: 25px;
width: 25px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 3s infinite ease-in-out;
}
.sb-illustration-1 .sb-cirkle-3 {
position: absolute;
bottom: 10%;
left: 8%;
width: 55px;
height: 55px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s infinite ease-in-out;
}
.sb-illustration-1 .sb-cirkle-4 {
position: absolute;
top: 15%;
right: 30%;
width: 15px;
height: 15px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 4s infinite ease-in-out;
}
.sb-illustration-1 .sb-cirkle-5 {
position: absolute;
height: 40px;
width: 40px;
border-radius: 50%;
border: solid 10px #FFFFFF;
left: 28%;
bottom: 45%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1.5s infinite ease-in-out;
}
.sb-illustration-1 .sb-pik-1,
.sb-illustration-1 .sb-pik-2,
.sb-illustration-1 .sb-pik-3 {
position: absolute;
width: 8%;
opacity: 0.07;
}
.sb-illustration-1 .sb-pik-1 {
bottom: 45%;
left: 2%;
animation: anima2 3s 2s infinite ease-in-out;
}
.sb-illustration-1 .sb-pik-2 {
right: 2%;
bottom: 38%;
animation: anima2 3s 1s infinite ease-in-out;
}
.sb-illustration-1 .sb-pik-3 {
top: 24%;
right: 18%;
animation: anima2 3s infinite ease-in-out;
}
@media (max-width: 992px) {
.sb-illustration-1 {
margin-top: 0;
height: auto;
padding-bottom: 105%;
}
}
@media (max-width: 768px) {
.sb-illustration-1 .sb-cirkle-1 {
height: 60px;
width: 60px;
border: solid 15px #FFFFFF;
}
.sb-illustration-1 .sb-cirkle-5 {
position: absolute;
height: 30px;
width: 30px;
left: 25%;
bottom: 30%;
border: solid 10px #FFFFFF;
}
} .sb-ilustration-fix {
padding-top: 120px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
}
.sb-illustration-1-2 {
position: relative;
padding-bottom: 110%;
width: 100%;
float: right;
}
.sb-illustration-1-2 .sb-food-1,
.sb-illustration-1-2 .sb-food-2,
.sb-illustration-1-2 .sb-food-3 {
position: absolute;
width: 60%;
}
.sb-illustration-1-2 .sb-food-1 {
top: 18%;
left: -5%;
animation: anima1 3s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-food-2 {
top: -2%;
right: -5%;
animation: anima1 2s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-food-3 {
bottom: -3%;
right: 0;
animation: anima1 4s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-illu-dialog-1 {
top: 10%;
right: 20%;
margin-right: -30px;
animation: message 0.4s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 2s;
}
.sb-illustration-1-2 .sb-illu-dialog-2 {
bottom: 35%;
left: 25%;
margin-right: 30px;
animation: message 0.4s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 1s;
}
.sb-illustration-1-2 .sb-illu-dialog-1,
.sb-illustration-1-2 .sb-illu-dialog-2 {
white-space: nowrap;
opacity: 0;
background-color: #FFFFFF;
display: block;
padding: 5px 30px 10px;
position: absolute;
font-weight: 500;
font-size: 16px;
letter-spacing: 0;
border-radius: 20px;
box-shadow: 0 2px 46px 0 rgba(0, 0, 0, 0.36);
}
.sb-illustration-1-2 .sb-illu-dialog-1 span.smile,
.sb-illustration-1-2 .sb-illu-dialog-2 span.smile {
display: inline-block;
margin-right: 15px;
font-size: 26px;
transform: translateY(5px);
}
.sb-illustration-1-2 .sb-illu-dialog-1:after,
.sb-illustration-1-2 .sb-illu-dialog-2:after {
transform: rotate(45deg);
content: '';
position: absolute;
z-index: 9;
bottom: -5px;
right: 30px;
background-color: #FFFFFF;
height: 10px;
width: 10px;
}
.sb-illustration-1-2 .sb-cirkle-1 {
position: absolute;
height: 100px;
width: 100px;
border-radius: 50%;
border: solid 22px #FFFFFF;
right: 0;
top: 35%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-cirkle-2 {
position: absolute;
top: 20%;
left: 20%;
height: 25px;
width: 25px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 3s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-cirkle-3 {
position: absolute;
bottom: 15%;
right: 52%;
width: 55px;
height: 55px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-cirkle-4 {
position: absolute;
bottom: 35%;
right: 0;
width: 15px;
height: 15px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 4s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-cirkle-5 {
position: absolute;
height: 40px;
width: 40px;
border-radius: 50%;
border: solid 10px #FFFFFF;
left: 15%;
bottom: 30%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1.5s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-pik-1,
.sb-illustration-1-2 .sb-pik-2,
.sb-illustration-1-2 .sb-pik-3 {
position: absolute;
width: 8%;
opacity: 0.07;
}
.sb-illustration-1-2 .sb-pik-1 {
top: 5%;
left: 25%;
animation: anima2 3s 2s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-pik-2 {
right: 0;
bottom: 0;
animation: anima2 3s 1s infinite ease-in-out;
}
.sb-illustration-1-2 .sb-pik-3 {
left: 22%;
bottom: 18%;
animation: anima2 3s infinite ease-in-out;
}
@media (max-width: 992px) {
.sb-ilustration-fix {
padding: 0;
height: auto;
}
}
@media (max-width: 768px) {
.sb-illustration-1-2 .sb-illu-dialog-2 {
bottom: 15%;
}
.sb-illustration-1-2 .sb-illu-dialog-1 {
top: 15%;
}
.sb-illustration-1-2 .sb-cirkle-1 {
height: 60px;
width: 60px;
border: solid 12px #FFFFFF;
}
.sb-illustration-1-2 .sb-cirkle-2 {
top: 5%;
left: 5%;
}
.sb-illustration-1-2 .sb-cirkle-3 {
bottom: 5%;
left: 15%;
width: 30px;
height: 30px;
}
.sb-illustration-1-2 .sb-pik-3 {
left: 0;
bottom: 18%;
animation: anima2 3s infinite ease-in-out;
}
} .sb-illustration-1-404 {
position: relative;
overflow: hidden;
height: calc(100vh - 150px);
margin-top: 120px;
width: 100%;
float: right;
border-bottom-right-radius: 400px;
border-bottom-left-radius: 400px;
box-shadow: 0 8px 8px -9px rgba(0, 0, 0, 0.4);
}
.sb-illustration-1-404 .sb-man {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
bottom: 0;
right: 0;
}
.sb-illustration-1-404 .sb-cirkle-1 {
position: absolute;
height: 140px;
width: 140px;
border-radius: 50%;
border: solid 25px #FFFFFF;
right: 15%;
bottom: 15%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-1-404 .sb-cirkle-2 {
position: absolute;
top: 40%;
right: 20%;
height: 25px;
width: 25px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 3s infinite ease-in-out;
}
.sb-illustration-1-404 .sb-cirkle-3 {
position: absolute;
bottom: 10%;
left: 8%;
width: 55px;
height: 55px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s infinite ease-in-out;
}
.sb-illustration-1-404 .sb-cirkle-4 {
position: absolute;
top: 15%;
left: 20%;
width: 15px;
height: 15px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 4s infinite ease-in-out;
}
.sb-illustration-1-404 .sb-cirkle-5 {
position: absolute;
height: 40px;
width: 40px;
border-radius: 50%;
border: solid 10px #FFFFFF;
left: 24%;
bottom: 55%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1.5s infinite ease-in-out;
}
.sb-illustration-1-404 .sb-pik-1,
.sb-illustration-1-404 .sb-pik-2,
.sb-illustration-1-404 .sb-pik-3 {
position: absolute;
width: 8%;
opacity: 0.07;
}
.sb-illustration-1-404 .sb-pik-1 {
bottom: 50%;
left: 9%;
animation: anima2 3s 2s infinite ease-in-out;
}
.sb-illustration-1-404 .sb-pik-2 {
right: 2%;
bottom: 38%;
animation: anima2 3s 1s infinite ease-in-out;
}
.sb-illustration-1-404 .sb-pik-3 {
top: 24%;
right: 18%;
animation: anima2 3s infinite ease-in-out;
}
@media (max-width: 992px) {
.sb-illustration-1-404 {
margin-top: 0;
height: auto;
padding-bottom: 105%;
margin-bottom: 60px;
}
}
@media (max-width: 768px) {
.sb-illustration-1-404 .sb-cirkle-1 {
height: 60px;
width: 60px;
border: solid 15px #FFFFFF;
}
.sb-illustration-1-404 .sb-cirkle-5 {
position: absolute;
height: 30px;
width: 30px;
left: 25%;
bottom: 30%;
border: solid 10px #FFFFFF;
}
} .sb-illustration-2 {
position: relative;
padding-bottom: 120%;
width: 100%;
}
.sb-illustration-2 .sb-interior-frame {
position: absolute;
overflow: hidden;
z-index: 2;
width: 80%;
height: 90%;
bottom: 10%;
left: 0;
box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.1);
}
.sb-illustration-2 .sb-interior-frame .sb-interior {
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
animation: zoom 30s infinite ease-in-out;
}
.sb-illustration-2 .sb-square {
right: 0;
bottom: 0;
position: absolute;
z-index: 1;
width: 70%;
height: 80%;
background-color: #F9FAFC;
}
.sb-illustration-2 .sb-cirkle-1 {
position: absolute;
z-index: 4;
height: 100px;
width: 100px;
border-radius: 50%;
border: solid 20px #FFFFFF;
left: 15%;
bottom: 2%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-2 .sb-cirkle-2 {
position: absolute;
z-index: 4;
top: 35%;
right: 18%;
height: 20px;
width: 20px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 3s infinite ease-in-out;
}
.sb-illustration-2 .sb-cirkle-3 {
position: absolute;
z-index: 4;
bottom: 15%;
left: -5%;
width: 55px;
height: 55px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s infinite ease-in-out;
}
.sb-illustration-2 .sb-cirkle-4 {
position: absolute;
z-index: 4;
height: 35px;
width: 35px;
border-radius: 50%;
border: solid 7px #FFFFFF;
left: 15%;
top: -2%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-2 .sb-experience {
background-color: #FFFFFF;
position: absolute;
z-index: 3;
bottom: 0;
right: 10%;
width: 40%;
padding: 30px;
box-shadow: 6px 6px 8px -6px rgba(0, 0, 0, 0.1);
}
.sb-illustration-2 .sb-experience .sb-exp-content {
padding: 15px;
text-align: center;
border: dotted 3px #F2F3F5;
}
.sb-illustration-2 .sb-experience .sb-exp-content .sb-h1 {
font-weight: 500;
font-family: 'Monoton', cursive;
}
@media (max-width: 1200px) {
.sb-illustration-2 .sb-experience {
width: 50%;
}
}
@media (max-width: 992px) {
.sb-illustration-2 {
padding-bottom: 65%;
}
.sb-illustration-2 .sb-interior-frame {
width: 100%;
}
.sb-illustration-2 .sb-cirkle-1 {
left: 5%;
width: 80px;
height: 80px;
}
.sb-illustration-2 .sb-cirkle-2 {
right: -2%;
}
.sb-illustration-2 .sb-cirkle-3 {
width: 30px;
height: 30px;
bottom: 40%;
}
.sb-illustration-2 .sb-experience {
width: 40%;
right: 0;
}
}
@media (max-width: 768px) {
.sb-illustration-2 {
padding-bottom: 110%;
}
.sb-illustration-2 .sb-experience {
width: 60%;
}
} .sb-illustration-3 {
position: relative;
padding-bottom: 90%;
}
.sb-illustration-3 .sb-phones {
position: absolute;
width: 113%;
height: 105%;
object-fit: cover;
object-position: center;
top: 0;
right: -13%;
animation: anima3 3s infinite ease-in-out;
}
.sb-illustration-3 .sb-cirkle-1 {
position: absolute;
height: 80px;
width: 80px;
border-radius: 50%;
border: solid 20px #FFFFFF;
left: 23%;
bottom: 30%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-3 .sb-cirkle-2 {
position: absolute;
bottom: 45%;
left: 2%;
width: 35px;
height: 35px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 2s infinite ease-in-out;
}
.sb-illustration-3 .sb-cirkle-3 {
position: absolute;
top: 20%;
right: 20%;
width: 15px;
height: 15px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 3s infinite ease-in-out;
}
.sb-illustration-3 .sb-cirkle-4 {
position: absolute;
bottom: 5%;
left: 35%;
width: 10px;
height: 10px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 4s infinite ease-in-out;
}
.sb-illustration-3 .sb-pik-1,
.sb-illustration-3 .sb-pik-2,
.sb-illustration-3 .sb-pik-3 {
position: absolute;
width: 8%;
opacity: 0.07;
}
.sb-illustration-3 .sb-pik-1 {
bottom: 10%;
left: 15%;
animation: anima2 3s 2s infinite ease-in-out;
}
.sb-illustration-3 .sb-pik-2 {
right: 32%;
top: 5%;
animation: anima2 3s 1s infinite ease-in-out;
}
.sb-illustration-3 .sb-pik-3 {
top: 20%;
left: 5%;
animation: anima2 3s infinite ease-in-out;
}
@media (max-width: 768px) {
.sb-illustration-3 .sb-cirkle-1 {
height: 60px;
width: 60px;
border: solid 15px #FFFFFF;
}
} .sb-illustration-4 {
width: 100%;
position: relative;
z-index: 1;
padding-bottom: 60%;
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-4 .sb-burger {
position: absolute;
width: 95%;
height: 100%;
object-fit: cover;
object-position: center;
top: 0;
right: 0;
animation: anima2 3s infinite ease-in-out;
}
.sb-illustration-4 .sb-cirkle-1 {
position: absolute;
height: 60px;
width: 60px;
border-radius: 50%;
border: solid 15px #FFFFFF;
right: 15%;
bottom: 0;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-4 .sb-cirkle-2 {
position: absolute;
top: 0;
left: 12%;
width: 15px;
height: 15px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 2s infinite ease-in-out;
}
.sb-illustration-4 .sb-cirkle-3 {
position: absolute;
bottom: -5%;
right: 50%;
width: 10px;
height: 10px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 3s infinite ease-in-out;
}
@media (max-width: 580px) {
.sb-illustration-4 {
margin-top: 30px;
}
} .sb-illustration-5 {
width: 100%;
position: relative;
z-index: 1;
padding-bottom: 60%;
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-5 .sb-cup {
position: absolute;
width: 55%;
bottom: -12%;
right: 20%;
transform: rotate(-5deg);
}
.sb-illustration-5 .sb-cirkle-1 {
position: absolute;
height: 60px;
width: 60px;
border-radius: 50%;
border: solid 15px #FFFFFF;
left: 30%;
bottom: 0;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-5 .sb-cirkle-2 {
position: absolute;
bottom: 20%;
left: 12%;
width: 20px;
height: 20px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 2s infinite ease-in-out;
}
.sb-illustration-5 .sb-cirkle-3 {
position: absolute;
top: 30%;
right: 10%;
width: 10px;
height: 10px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 3s infinite ease-in-out;
}
@media (max-width: 580px) {
.sb-illustration-5 {
margin-top: 30px;
margin-bottom: 30px;
}
.sb-illustration-5 .sb-cup {
width: 50%;
right: 25%;
}
} .sb-illustration-6 {
position: relative;
padding-bottom: 75%;
}
.sb-illustration-6 .sb-burger {
position: absolute;
width: 100%;
top: 1%;
animation: anima3 3s infinite ease-in-out;
}
.sb-illustration-6 .sb-cirkle-1 {
position: absolute;
height: 110px;
width: 110px;
border-radius: 50%;
border: solid 25px #FFFFFF;
right: 3%;
bottom: 10%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-6 .sb-cirkle-2 {
position: absolute;
bottom: 30%;
left: 0;
width: 35px;
height: 35px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 2s infinite ease-in-out;
}
.sb-illustration-6 .sb-cirkle-3 {
position: absolute;
top: 20%;
right: 0;
width: 15px;
height: 15px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 3s infinite ease-in-out;
}
.sb-illustration-6 .sb-cirkle-4 {
position: absolute;
bottom: 5%;
left: 15%;
width: 10px;
height: 10px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 4s infinite ease-in-out;
}
.sb-illustration-6 .sb-cirkle-5 {
position: absolute;
height: 40px;
width: 40px;
border-radius: 50%;
border: solid 10px #FFFFFF;
left: 25%;
top: 30%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-6 .sb-pik-2,
.sb-illustration-6 .sb-pik-3 {
position: absolute;
width: 8%;
opacity: 0.07;
}
.sb-illustration-6 .sb-pik-2 {
right: 12%;
top: 0;
animation: anima2 3s 1s infinite ease-in-out;
}
.sb-illustration-6 .sb-pik-3 {
top: 10%;
left: 2%;
animation: anima2 3s infinite ease-in-out;
} .sb-illustration-7 {
position: relative;
padding-bottom: 65%;
width: 100%;
}
.sb-illustration-7 .sb-interior-frame {
position: absolute;
overflow: hidden;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.1);
}
.sb-illustration-7 .sb-interior-frame .sb-interior {
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
animation: zoom 30s infinite ease-in-out;
}
.sb-illustration-7 .sb-interior-frame .sb-video-play {
border: solid 3px #FFFFFF;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
width: 90px;
height: 90px;
font-size: 24px;
margin-left: -45px;
margin-top: -45px;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
padding-left: 3px;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
text-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
transition: 0.3s ease-in-out;
}
.sb-illustration-7 .sb-interior-frame .sb-video-play:hover {
transform: scale(1.05);
}
.sb-illustration-7 .sb-cirkle-1 {
position: absolute;
z-index: 4;
height: 70px;
width: 70px;
border-radius: 50%;
border: solid 15px #FFFFFF;
right: 5%;
bottom: -4%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-7 .sb-cirkle-2 {
position: absolute;
z-index: 4;
top: 35%;
right: -2%;
height: 20px;
width: 20px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 3s infinite ease-in-out;
}
.sb-illustration-7 .sb-cirkle-3 {
position: absolute;
z-index: 4;
bottom: 15%;
left: -4%;
width: 55px;
height: 55px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s infinite ease-in-out;
}
.sb-illustration-7 .sb-cirkle-4 {
position: absolute;
z-index: 4;
height: 35px;
width: 35px;
border-radius: 50%;
border: solid 7px #FFFFFF;
left: 15%;
top: -4%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
@media (max-width: 1200px) {
.sb-illustration-2 .sb-experience {
width: 50%;
}
}
@media (max-width: 992px) {
.sb-illustration-2 {
padding-bottom: 65%;
}
.sb-illustration-2 .sb-interior-frame {
width: 100%;
}
.sb-illustration-2 .sb-cirkle-1 {
left: 5%;
width: 80px;
height: 80px;
}
.sb-illustration-2 .sb-cirkle-2 {
right: -2%;
}
.sb-illustration-2 .sb-cirkle-3 {
width: 30px;
height: 30px;
bottom: 40%;
}
.sb-illustration-2 .sb-experience {
width: 40%;
right: 0;
}
}
@media (max-width: 768px) {
.sb-illustration-2 {
padding-bottom: 110%;
}
.sb-illustration-2 .sb-experience {
width: 60%;
}
} .sb-illustration-8 {
position: relative;
padding-bottom: 80%;
}
.sb-illustration-8 .sb-reserved {
position: absolute;
width: 140%;
height: 130%;
max-width: 140%;
object-fit: cover;
top: 0;
right: 0;
}
.sb-illustration-8 .sb-cirkle-1 {
position: absolute;
height: 110px;
width: 110px;
border-radius: 50%;
border: solid 25px #FFFFFF;
left: -3%;
bottom: 10%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-8 .sb-cirkle-2 {
position: absolute;
bottom: 50%;
right: 0;
width: 35px;
height: 35px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 2s infinite ease-in-out;
}
.sb-illustration-8 .sb-cirkle-3 {
position: absolute;
top: 20%;
left: 45%;
width: 15px;
height: 15px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 3s infinite ease-in-out;
}
.sb-illustration-8 .sb-cirkle-4 {
position: absolute;
top: 5%;
left: 15%;
width: 10px;
height: 10px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 4s infinite ease-in-out;
}
.sb-illustration-8 .sb-cirkle-5 {
position: absolute;
height: 40px;
width: 40px;
border-radius: 50%;
border: solid 10px #FFFFFF;
right: 33%;
bottom: 0;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-8 .sb-pik-2,
.sb-illustration-8 .sb-pik-3 {
position: absolute;
width: 8%;
opacity: 0.07;
}
.sb-illustration-8 .sb-pik-2 {
right: 12%;
top: 25%;
animation: anima2 3s 1s infinite ease-in-out;
}
.sb-illustration-8 .sb-pik-3 {
top: 40%;
left: -2%;
animation: anima2 3s infinite ease-in-out;
} .sb-illustration-9 .sb-envelope-1 {
position: absolute;
z-index: 2;
width: 65%;
left: -43%;
bottom: -5%;
animation: anima3 3s 1s infinite ease-in-out;
}
.sb-illustration-9 .sb-envelope-2 {
position: absolute;
z-index: 2;
width: 25%;
right: -5%;
bottom: 0;
animation: anima2 3s 1s infinite ease-in-out;
}
.sb-illustration-9 .sb-cirkle-1 {
position: absolute;
z-index: 1;
height: 60px;
width: 60px;
border-radius: 50%;
border: solid 15px #FFFFFF;
left: -10%;
bottom: 45%;
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima3 3s 0.5s infinite ease-in-out;
}
.sb-illustration-9 .sb-cirkle-2 {
position: absolute;
bottom: 50%;
right: -4%;
width: 35px;
height: 35px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 2s 2s infinite ease-in-out;
}
.sb-illustration-9 .sb-cirkle-3 {
position: absolute;
top: -1.5%;
left: 25%;
width: 15px;
height: 15px;
background-color: #F5C332;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
animation: anima1 3s 3s infinite ease-in-out;
} .datepicker {
z-index: 999999999999999;
border: none;
font-weight: 400;
font-family: "Josefin Sans", sans-serif;
-webkit-box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
}
.datepicker .datepicker--nav {
padding-top: 10px;
color: #1a2f33 !important;
opacity: 1;
font-size: 14px;
}
.datepicker .datepicker--cell.-current- {
background-color: rgba(26, 47, 51, 0.2);
color: #1a2f33;
}
.datepicker .datepicker--cell.-selected-,
.datepicker .datepicker--cell.-selected-.-current- {
background: #F5C332;
color: #fff;
}
.datepicker .datepicker--cell.-selected-:hover,
.datepicker .datepicker--cell.-selected-.-current-:hover {
background: #F5C332;
}
.datepicker--pointer {
display: none;
} .widget-area .widget_block h2 {
line-height: 120%;
font-size: 16px;
letter-spacing: 0;
position: relative;
margin-bottom: 30px;
}
.widget-area .widget_block h2:before {
content: "\f063";
position: absolute;
right: 0;
font-family: "Font Awesome 5 Free";
color: #6F6F87;
font-size: 10px;
opacity: 0.5;
font-weight: 900;
}
.widget-area .widget {
margin-bottom: 30px;
}
.widget-area ul,
.widget-area ol {
padding: 0;
margin: 0;
list-style: none;
}
.widget-area ul li,
.widget-area ol li {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
padding: 15px 0;
border-bottom: solid 1px #F2F3F5;
color: #6F6F87;
}
.widget-area ul li:first-child,
.widget-area ol li:first-child {
border-top: solid 1px #F2F3F5;
}
.widget-area ul li a,
.widget-area ol li a {
font-size: 14px;
display: block;
text-decoration: none;
color: #231E41;
transition: 0.3s ease-in-out;
}
.widget-area ul li a:hover,
.widget-area ol li a:hover {
text-decoration: none;
transform: translateX(10px);
}
.widget-area .widget_categories ul ul,
.widget-area ul li.page_item_has_children ul,
.widget-area .widget_nav_menu ul ul,
.widget-area ul.wp-block-categories-list ul {
border-left: 1px solid #F2F3F5;
}
.widget-area .widget_categories ul li,
.widget-area ul li.page_item_has_children,
.widget-area .widget_nav_menu ul li,
.widget-area .widget_recent_comments ul li,
.widget-area ol.wp-block-latest-comments li,
.widget-area .widget_rss ul li,
.widget-area ul.wp-block-categories-list li {
display: block;
}
.widget-area .widget_categories ul li a,
.widget-area ul li.page_item_has_children a,
.widget-area .widget_nav_menu ul li a,
.widget-area .widget_recent_comments ul li a,
.widget-area ol.wp-block-latest-comments li a,
.widget-area ul.wp-block-categories-list li a {
display: inline;
}
.widget-area .widget_categories ul li li,
.widget-area ul li.page_item_has_children li,
.widget-area .widget_nav_menu ul li li,
.widget-area ul.wp-block-categories-list li li {
border-bottom: none;
padding-bottom: 0;
padding-left: 15px;
position: relative;
}
.widget-area .widget_categories ul li li:after,
.widget-area ul li.page_item_has_children li:after,
.widget-area .widget_nav_menu ul li li:after,
.widget-area ul.wp-block-categories-list li li:after {
content: '';
position: absolute;
left: 0px;
top: 26px;
width: 10px;
height: 1px;
background: #F2F3F5;
}
.widget-area .widget_categories ul li li:first-child,
.widget-area ul li.page_item_has_children li:first-child,
.widget-area .widget_nav_menu ul li li:first-child,
.widget-area ul.wp-block-categories-list li li:first-child {
border-top: none;
}
.widget-area .widget_recent_comments ul li .comment-author-link,
.wp-block-latest-comments__comment-author {
font-weight: 500;
}
.widget-area .widget_rss .rss-date {
display: inline-block;
padding: 2px 5px;
background-color: #F2F3F5;
font-size: 12px;
font-weight: 400;
color: #231E41;
}
.widget-area .widget_rss ul li a {
transform: none;
font-weight: 500;
margin-bottom: 4px;
}
.wp-block-search,
.widget-area .widget_search .search-form {
position: relative;
max-width: 300px;
}
.wp-block-search label,
.widget-area .widget_search label {
margin: 0;
}
.wp-block-search input[type=text],
.wp-block-search input[type=search],
.widget-area .widget_search input.search-field {
height: 50px;
position: relative;
padding: 0 60px 0 20px;
font-size: 14px;
background-color: #F9FAFC;
display: block;
width: 100%;
border: none;
border-bottom: solid 1px #F2F3F5;
}
.widget-area .widget_search input.search-submit,
.wp-block-search .wp-block-search__button {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 50px;
border: none;
background-color: #F5C332;
transition: 0.3s ease-in-out;
background-repeat: no-repeat;
background-position: center center;
background-size: 40%;
background-image: url(//unfear.io/wp-content/themes/starbelly/assets/img/ui/icons/search.svg);
font-size: 0px;
color: transparent;
}
.widget_rss a.rss-widget-feed {
margin-right: 3px;
display: inline-block;
vertical-align: baseline;
}
.widget_rss .rss-date,
.widget_rss cite {
margin: 5px 0 10px 0;
display: block;
font-size: 13px;
font-weight: 400;
opacity: 0.8;
}
.widget_rss cite {
margin: 5px 0 20px 0;
font-style: normal;
}
.widget-area .widget_text img {
max-width: 100%;
height: auto;
}
.widget-area .widget_text p {
margin: 15px 0;
}
.post-text-bottom .tags-links,
.wp-block-tag-cloud .tagcloud,
.widget-area .widget_tag_cloud .tagcloud {
font-size: 0px;
}
.post-text-bottom .tags-links a,
.wp-block-tag-cloud .tag-cloud-link,
.widget-area .widget_tag_cloud .tag-cloud-link {
margin: 0 5px 5px 0;
display: inline-block;
vertical-align: top;
padding: 0 7px;
font-size: 14px !important;
background-color: #F5C332;
padding: 2px 5px;
color: #231E41;
transition: 0.3s ease-in-out;
}
.post-text-bottom .tags-links a:hover,
.wp-block-tag-cloud .tag-cloud-link:hover,
.widget-area .widget_tag_cloud .tag-cloud-link:hover {
filter: brightness(110%);
}
.widget-area table {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
background: #fff;
border: 1px solid #6F6F87;
}
.widget-area table caption {
padding: 5px;
font-weight: 600;
font-size: 13px;
border-bottom: none;
background: #6F6F87;
text-align: center;
color: #eee;
}
.widget-area th {
padding: 5px 0;
font-size: 13px;
font-weight: 700;
text-align: center;
border: none;
text-transform: uppercase;
}
.widget-area td {
border: none;
padding: 5px 0;
font-size: 13px;
background: none;
text-align: center;
border: none;
}
.widget-area tfoot td {
border: none;
}
.widget-area td.pad {
background: none;
}
.widget-area td#today {
background: #F5C332;
color: #000!important;
}
@media (max-width: 992px) {
} span.logotype__title {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
}
span.logotype__sub {
display: none;
} .align-center {
text-align: center !important;
}
.align-right {
text-align: right !important;
}
.align-left {
text-align: left !important;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.pull-none {
float: none !important;
}
.alignright {
margin-left: 20px !important;
margin-bottom: 10px !important;
float: right !important;
max-width: 50% !important;
}
img.alignright {
clear: right;
}
.alignleft {
margin-right: 20px !important;
margin-bottom: 10px !important;
float: left !important;
max-width: 50% !important;
}
img.alignleft {
clear: left;
}
.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
display: block;
}
.full-width {
max-width: 100%;
width: 100%;
}
.full-max-width {
max-width: 100%;
width: auto;
}
.centrize {
display: table !important;
table-layout: fixed !important;
height: 100% !important;
position: relative !important;
top: 0;
left: 0;
z-index: 2;
}
.vertical-center {
display: table-cell !important;
vertical-align: middle !important;
}
form input[type="checkbox"] {
display: inline-block;
width: auto;
height: auto;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
iframe,
object {
max-width: 100%;
}
.sticky {
position: relative;
}
.sticky:before {
content: '';
position: absolute;
left: -30px;
top: 0;
bottom: 0;
width: 4px;
height: 100%;
background: #F5C332;
z-index: 3;
}
.post-edit-link {
text-decoration: underline;
color: #231E41;
}
.post-edit-link:hover {
text-decoration: none;
}
.edit-link {
margin-top: 15px;
display: block;
} .single-post-text>*:first-child,
.single-post-text>div>*:first-child {
margin-top: 0;
}
.single-post-text>*:last-child {
margin-bottom: 0;
}
.single-post-text ul,
.single-post-text ol {
line-height: 2;
}
.single-post-text ul {
display: block;
list-style-type: disc;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
.single-post-text ul>li {
list-style-type: disc;
}
.single-post-text li {
display: list-item;
text-align: -webkit-match-parent;
}
.single-post-text ol {
display: block;
list-style-type: decimal;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
.single-post-text ol>li {
list-style-type: decimal;
}
.single-post-text p {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.single-post-text img {
max-width: 100%;
}
.single-post-text img+figure {
margin-top: 20px;
}
.single-post-text table{
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
background: none;
border: 1px solid rgba(0, 0, 0, 0.3);
}
.single-post-text table th {
padding: 15px 20px;
font-size: 14px;
font-weight: 700;
background: transparent;
border: 1px solid #eee;
text-align: left;
}
.single-post-text table tbody th {
background: transparent;
}
.single-post-text table td {
border: none;
padding: 10px;
font-size: 15px;
background: none;
border: 1px solid #eee;
}
.single-post-text table td#today{
background: rgba(0, 0, 0, 0.3);
font-weight: 700;
}
.single-post-text table caption {
margin: 0 0 10px 0;
padding: 0;
font-size: 13px;
font-weight: 600;
caption-side: top;
text-align: center;
}
@media screen and (max-width: 720px) {
.single-post-text table th {
padding: 10px;
font-size: 13px;
}
.single-post-text table td {
padding: 10px;
font-size: 13px;
}
}
.single-post-text {
word-wrap: break-word;
}
.single-post-text:after {
content: '';
position: relative;
clear: both;
display: block;
}
.single-post-text img {
max-width: 100%;
height: auto;
}
.single-post-text p a:hover {
text-decoration: underline;
}
.single-post-text dt {
margin-bottom: 5px;
font-weight: 700;
color: #231E41;
}
.single-post-text dd {
margin-top: 0;
margin-bottom: 20px;
margin-left: 20px;
}
.single-post-text blockquote p {
margin-bottom: 0.5rem!important;
font-style: normal;
font-weight: 600;
}
.single-post-text blockquote p:first-child {
margin-top: 0;
}
.single-post-text blockquote cite {
font-size: 16px;
font-style: normal;
}
.single-post-text blockquote cite:before {
margin-right: 5px;
content: '-';
}
.single-post-text blockquote cite br {
display: none;
}
.single-post-text blockquote.has-text-align-right cite:before {
display: none;
}
.single-post-text blockquote.has-text-align-right cite:after {
margin-left: 5px;
content: '-';
}
.single-post-text figure {
margin: 0 0 20px 0;
max-width: 100%;
overflow: auto;
}
.single-post-text figure .wp-caption-text,
.gallery-caption {
font-style: italic;
}
.bypostauthor strong {
font-weight: 500;
}
.gallery {
margin: 30px -10px;
}
.single-post-text .gallery {
margin-bottom: 0;
}
.single-post-text h1,
.single-post-text h2,
.single-post-text h3,
.single-post-text h4,
.single-post-text h5,
.single-post-text h6 {
margin-top: 20px;
margin-bottom: 20px;
color: #231E41;
}
.single-post-text h1+h2,
.single-post-text h2+h3,
.single-post-text h3+h4,
.single-post-text h4+h5,
.single-post-text h5+h6,
.single-post-text h6 {
margin-top: 1.25rem;
}
.single-post-text pre.wp-block-code,
.single-post-text pre {
padding: 20px;
overflow: auto;
white-space: pre-wrap;
background: linear-gradient(159deg, #252532 0%, #23232d 100%);
background: -webkit-linear-gradient(159deg, #252532 0%, #23232d 100%);
color: rgba(233, 237, 237, 1);
font-size: 13px;
}
.single-post-text blockquote {
margin: 30px 0;
color: #231E41;
background: transparent;
padding: 30px 30px 30px 40px;
font-style: italic;
position: relative;
}
.single-post-text blockquote p:last-child {
margin-bottom: 0px!important;
}
.single-post-text blockquote:before {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f10d";
font-size: 16px;
opacity: .3;
color: #231E41;
top: 0px;
left: 0px;
}
.single-post-text blockquote:after {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f10d";
font-size: 16px;
opacity: .3;
color: #231E41;
bottom: 0px;
right: 0px;
transform: rotate(180deg);
}
.single-post-text footer {
width: auto;
}
.gallery .gallery-item {
margin: 0;
padding: 10px;
display: inline-block;
vertical-align: top;
width: 100%;
text-align: center;
}
.gallery .gallery-item img {
max-width: 100%;
height: auto;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.333%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.666%;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.111%;
}
.post-text-bottom {
margin-top: 30px;
color: #6F6F87;
font-size: 15px;
}
.post-text-bottom .social-share {
line-height: 20px;
}
.post-text-bottom .share-btn {
position: relative;
display: inline-block;
top: 1px;
margin-left: 7px;
margin-right: 7px;
font-size: 16px;
}
.social-share strong {
font-weight: 400;
}
.social-share a {
margin-right: 15px;
display: inline-block;
vertical-align: top;
text-align: center;
color: #1a2f33;
transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
-moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
-webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
-o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
}
.social-share a .icon {
color: #1a2f33;
}
.social-share a:hover, .social-share a:hover .icon {
color: #F5C332;
}
.social-share a:last-child {
margin-right: 0;
}
.social-share a .icon {
font-size: 16px;
}
.social-share span {
line-height: 28px;
}
.post-text-bottom span.cat-links a {
color: #231E41;
text-decoration: none;
}
.post-text-bottom span.cat-links a:hover {
color: #231E41;
text-decoration: underline;
}
.post-text-bottom .tags-links {
margin: 15px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 15px;
}
.post-text-bottom .tags-links a {
margin-top: 2.5px;
margin-bottom: 2.5px;
}
.post-text-bottom .tags-links *:nth-child(1) {
margin-left: 5px;
} .sb-comments-list {
padding: 0;
margin-top: 30px;
position: relative;
}
.sb-comments-list + .form-comment {
margin-top: 90px;
}
.sb-comments-list + .sb-text {
margin-top: 60px;
}
.sb-comments-list:before {
content: '';
width: 1px;
height: 100%;
background-color: #E4E9EA;
position: absolute;
left: 32px;
top: 0;
}
.sb-comments-list>li {
list-style-type: none;
position: relative;
}
.sb-comments-list>li:after {
content: '';
display: block;
clear: both;
height: 0;
width: 0;
}
.sb-comments-list .sb-comment-avatar {
width: 65px;
height: 65px;
position: relative;
z-index: 99;
float: left;
border-radius: 50%;
overflow: hidden;
-webkit-box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
}
.sb-comments-list .sb-comment-avatar img {
width: 100%;
height: 100%;
}
.sb-comments-list .children {
padding-left: 88px;
clear: both;
margin-top: 15px;
list-style: none;
}
.sb-comments-list .comment {
list-style: none;
}
.comment-info {
padding: 15px 0 0 0;
color: #cacace;
}
.comment-info span.comment-reply {
position: absolute;
top: 0;
right: 0;
}
.comment-reply-link {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.comment-reply-link:after {
content: '';
margin-left: 8px;
content: '\f3e5';
display: inline-block;
vertical-align: middle;
font-family: 'Font Awesome 5 Free';
font-size: 12px;
line-height: 14px;
opacity: 0.8;
}
.post-comments .title h5 {
margin-bottom: 30px;
}
.comment-respond {
position: relative;
margin-top: 0;
margin-bottom: 40px;
margin-left: 90px;
}
.form-comment .comment-respond {
margin-top: 0;
margin-left: 0;
}
.trackback .sb-comment-avatar,
.pingback .sb-comment-avatar {
display: none;
}
.comment-respond .small,
.comment-respond small {
font-size: 14px;
}
.comment-respond .title_inner small {
position: absolute;
top: 10px;
left: auto;
right: 0;
display: block;
font-size: 14px;
white-space: nowrap;
}
.comment-respond .title_inner small a {
text-decoration: none;
opacity: 0.8;
}
.comment-respond .title_inner small a:hover {
opacity: 1;
}
.comment:after {
content: '';
position: relative;
display: block;
clear: both;
}
.comment-reply {
margin-top: 15px;
}
.sb-comment-box {
width: calc(100% - 90px);
float: right;
position: relative;
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
border: solid 1px #F2F3F5;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
box-shadow: -1px 1px 3px 0 rgb(0 0 0 / 5%);
}
.sb-comment-box .sb-comment-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.sb-comment-box .sb-comment-head h6 {
font-size: 13px;
line-height: 1.5;
}
.sb-comment-box .sb-comment-head .sb-date {
padding: 2px 5px;
background-color: #F2F3F5;
font-size: 12px;
font-weight: 400;
color: #231E41;
}
.sb-comments-list.sb-reply-list>li:last-child .sb-comment-box {
margin-bottom: 30px !important;
}
.form-comment .sb-group-input textarea {
background: #fff;
max-width: 800px;
height: 180px;
}
@media (max-width: 790px) {
.sb-comments-list:before {
left: 17px;
}
.sb-comments-list .sb-comment-avatar {
width: 35px;
height: 35px;
}
.sb-reply-list {
padding-left: 50px;
}
.sb-reply-list>li:before {
top: 17px;
left: -33px;
}
.sb-comment-box {
width: calc(100% - 50px);
}
}
.comment-form-cookies-consent label {
display: inline;
}
.title.comment-reply-title,
.post-comments .title {
margin: 0 0 30px 0;
font-size: 17px;
font-weight: 600;
}
.post-comments > .form-comment > .comment-respond {
margin-bottom: 0;
}
@media (max-width: 480px) {
.comment-respond .title_inner small {
position: relative;
top: 0;
left: 0;
}
}
@media (max-width: 1160px) {
.post-comments .post-comment .image {
width: 60px;
height: 60px;
}
.post-comments .post-comment .desc {
margin-left: 80px;
}
.post-comments .post-comment.pingback .desc {
margin-left: 0;
}
.post-comments ul.children {
padding: 20px 20px 0 80px;
}
.post-comments ul.children ul.children {
padding: 20px 0 0 20px;
}
.post-comments ul.children ul.children ul.children ul.children {
padding: 20px 0 0 10px;
}
}
@media (max-width: 840px) {
.post-comments ul.children {
padding: 20px 20px 0 20px;
}
.post-comments ul.children ul.children {
padding: 20px 0 0 20px;
}
.post-comments ul.children ul.children ul.children {
padding: 20px 0 0 20px;
}
.post-comments ul.children ul.children ul.children ul.children {
padding: 20px 0 0 10px;
}
}
@media (max-width: 480px) {
.post-comments ul.children {
padding: 15px 15px 15px 15px;
}
.post-comments ul.children ul.children {
padding: 15px 0 0 10px;
}
.post-comments ul.children ul.children ul.children {
padding: 15px 0 0 5px;
}
.post-comments ul.children ul.children ul.children ul.children {
padding: 15px 0 0 5px;
}
.post-comments .post-comment .image {
width: 40px;
height: 40px;
}
.post-comments .post-comment .desc {
margin-left: 55px;
}
.post-comments .post-comment.pingback .desc {
margin-left: 0;
}
.gallery .gallery-item {
width: 100%;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-7 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-8 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-9 .gallery-item {
width: 100%;
}
} .wp-caption-text,
.wp-block-image figcaption,
.wp-block-video figcaption,
.wp-block-embed figcaption {
max-width: 100%;
margin: 0;
padding: 5px 10px 0 10px;
text-align: center;
font-size: 14px;
font-style: italic;
color: #6F6F87;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
padding: 0;
}
.wp-block-gallery .blocks-gallery-image:before,
.wp-block-gallery .blocks-gallery-item:before {
display: none;
}
.wp-block-cover,
.wp-block-cover-image {
margin: 30px 0;
}
.wp-block-cover.alignleft,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignright {
margin-bottom: 30px!important;
}
.wp-block-cover p a:hover,
.wp-block-cover-image p a:hover {
text-decoration: underline;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 30px 40px !important;
}
.wp-block-pullquote {
padding-top: 0;
padding-bottom: 0;
}
.wp-block-pullquote blockquote {
padding-bottom: 30px;
border-left: none;
border-bottom: 2px solid #F5C332;
}
.wp-block-pullquote.is-style-solid-color {
background-color: transparent;
border: none;
}
.wp-block-pullquote.is-style-solid-color blockquote {
border: none;
}
.wp-block-calendar,
.wp-block-archives,
.wp-block-categories {
margin: 1.2rem 0;
max-width: 480px;
}
.wp-block-search .wp-block-search__label {
display: none;
}
.wp-block-group.has-background {
padding: 20px;
color: #101010;
}
.wp-block-group.has-background p:first-child {
margin-top: 0;
}
.wp-block-group.has-background p:last-child {
margin-bottom: 0;
}
.wp-block-media-text.has-background {
color: #101010;
}
.wp-block-media-text.has-background .has-large-font-size {
line-height: 1.7;
}
hr.wp-block-separator {
margin: 30px 0;
border: none;
border-bottom: 1px solid #585d65;
max-width: 50px;
}
hr.wp-block-separator.is-style-wide {
max-width: 100%;
}
.wp-block-separator.is-style-dots:before {
color: #ccc;
}
.wp-block-button {
margin-bottom: 1.25rem;
}
.wp-block-button a.wp-block-button__link {
padding: 13px 35px;
background: #F5C332;
color: #20202a;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
border-radius: 46px;
-webkit-border-radius: 46px;
}
.wp-block-button a.wp-block-button__link:hover {
color: #20202a;
}
.wp-block-button.is-style-outline a.wp-block-button__link {
padding-top: 11px;
padding-bottom: 11px;
border: 2px solid #F5C332;
color: #F5C332;
background: none;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
border-radius: 0;
-webkit-border-radius: 0;
}
.wp-block-columns {
margin-bottom: 0;
}
.wp-calendar-nav:after {
content: '';
position: relative;
display: block;
clear: both;
}
.wp-calendar-nav span.wp-calendar-nav-prev {
float: left;
}
.wp-calendar-nav span.wp-calendar-nav-next {
float: right;
}
.wp-block-latest-comments__comment {
line-height: 1.5;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
padding: 0;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt a,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a {
font-weight: 600;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-top: 8px;
margin-bottom: 22px;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #eee;
}
ul.blocks-gallery-grid {
margin: 0 !important;
}
.elementor-lightbox .elementor-swiper-button-next,
.elementor-lightbox .elementor-swiper-button-prev {
outline: none!important;
}
body .wp-block-cover-image-text,
body .wp-block-cover-image-text a,
body .wp-block-cover-image-text a:active,
body .wp-block-cover-image-text a:focus,
body .wp-block-cover-image-text a:hover,
body .wp-block-cover-text,
body .wp-block-cover-text a,
body .wp-block-cover-text a:active,
body .wp-block-cover-text a:focus,
body .wp-block-cover-text a:hover,
body section.wp-block-cover-image h2,
body section.wp-block-cover-image h2 a,
body section.wp-block-cover-image h2 a:active,
body section.wp-block-cover-image h2 a:focus,
body section.wp-block-cover-image h2 a:hover {
color: #fff!important;
}
.wp-block-archives-dropdown .nice-select,
.wp-block-categories-dropdown .nice-select {
max-width: 390px;
float: none;
display: block;
}
.wp-block-calendar,
.wp-block-archives,
.wp-block-categories {
max-width: 390px;
}
.wp-block-calendar table {
background: #fff;
border: 1px solid #eee;
}
.wp-calendar-table tr th {
padding-left: 5px;
padding-right: 5px;
text-align: center!important;
}
.post-password-form label {
margin-bottom: 0;
display: inline-block;
vertical-align: bottom;
}
.post-password-form label input {
margin-bottom: 0;
margin-top: 10px;
border-left: none;
}
.post-password-form input[type="submit"] {
margin-bottom: 0;
display: inline-block;
vertical-align: bottom;
width: 220px;
background: #F5C332;
text-transform: uppercase;
}
.pswp__caption__center {
text-align: center;
}
.pswp__button {
margin-right: 10px!important;
max-height: 44px!important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: none;
-webkit-box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 30px;
padding-right: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #1a2f33;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 11px;
right: 20px;
}
.itemGallery__box {
margin-bottom: 30px;
position: relative;
background-color: white;
-webkit-box-shadow: 0 5px 10px 0 rgb(26 47 51 / 15%);
box-shadow: 0 5px 10px 0 rgb(26 47 51 / 15%);
border-radius: 5px;
}
.itemGallery__box a {
position: relative;
overflow: hidden;
display: block;
}
.itemGallery__box a:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
opacity: 0;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.itemGallery__box img.cover {
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 5px;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.itemGallery__details {
padding: 30px;
pointer-events: none;
position: absolute;
left: 0;
bottom: 0;
color: #fff;
opacity: 0;
-webkit-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
.itemGallery__box:hover a:after {
opacity: 1;
}
.itemGallery__box:hover img.cover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.itemGallery__box:hover .itemGallery__details {
opacity: 1;
}
@media (max-width: 992px) {
.sticky:before {
left: 0;
top: 0;
bottom: 0;
}
}
@media (max-width: 720px) {
.single-post-text table th {
padding: 8px;
}
.single-post-text table td {
padding: 8px;
}
.post-comments ul.children ul.children ul.children {
padding: 15px 0 0 10px;
}
}
@media (max-width: 768px) {
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
width: 100%!important;
max-width: 100%!important;
margin-right: 0!important;
float: none!important;
}
}
@media (max-width: 767px) {
blockquote {
margin: 20px 0;
padding-top: 20px;
padding-bottom: 20px;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 1.2em;
font-style: italic;
line-height: 1.4;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
}
.wp-block-pullquote p {
font-size: 1.75em;
line-height: 1.4;
}
.single-post-text table th {
font-size: 12px;
}
form.post-password-form label input {
margin-top: 10px;
margin-bottom: 10px;
}
.post-password-form label {
display: block;
}
.post-password-form input[type="submit"] {
width: 100%;
}
.comment-respond {
margin-left: 50px;
}
.single-post-text table th {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
nav.wp-calendar-nav {
margin-top: 10px;
}
.wp-block-categories-list li:last-child, .wp-block-archives-list li:last-child, .widget.widget_nav_menu ul li:last-child, .widget.widget_pages ul li:last-child, .widget_categories ul li:last-child {
margin-bottom: 0;
}
.socials-inline {
display: block;
text-align: center;
}
} .sb-input-number-frame input::-webkit-outer-spin-button,
.sb-input-number-frame input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
.sb-input-number-frame input[type="number"] {
-moz-appearance: textfield;
appearance: textfield;
} .sb-filter .sb-filter-link {
margin-bottom: 10px;
}
.sb-card-buttons-frame a.added_to_cart {
margin: 0;
opacity: 1;
border: none;
padding: 0 25px;
position: relative;
display: inline-flex;
align-items: center;
transform: scale(1);
height: 55px;
letter-spacing: 0;
font-size: 14px;
background-color: #f2f3f5;
transition: 0.3s ease-in-out;
text-align: center;
font-weight: 500;
}
.sb-card-buttons-frame a.button.add_to_cart_button.added {
display: none;
}