:root { --karoons-font: "Barlow", sans-serif; --karoons-heading-font: "Barlow", serif; --karoons-text: #838383; --karoons-text-rgb: 131, 131, 131; --karoons-text-dark: #6e6b70; --karoons-text-dark-rgb: 110, 107, 112; --karoons-text-gray: #89868d; --karoons-text-gray-rgb: 137, 134, 141; --karoons-base: #E23B33; --karoons-base-rgb: 226, 59, 51; --karoons-gray: #F4F4F4; --karoons-gray-rgb: 244, 244, 244; --karoons-white: #fff; --karoons-white-rgb: 255, 255, 255; --karoons-black: #212226; --karoons-black-rgb: 33, 34, 38; --karoons-black2: #141215; --karoons-black2-rgb: 20, 18, 21; --karoons-black3: #000; --karoons-black3-rgb: 0, 0, 0; --karoons-border-color: #DEDEDE; --karoons-border-color-rgb: 222, 222, 222; --karoons-letter-space: 0.1em; --karoons-letter-space-xl: 0.2em;
} body,
button,
input,
select,
optgroup,
textarea { color: var(--karoons-black, #212226); font-family: var(--karoons-font, "Barlow", sans-serif); font-size: 1rem; line-height: 1.5;
} h1,
h2,
h3,
h4,
h5,
h6 { clear: both;
} p { margin-bottom: 1.5em;
} dfn,
cite,
em,
i { font-style: italic;
} blockquote { margin: 0 1.5em;
} address { margin: 0 0 1.5em;
} pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; overflow: auto; padding: 1.6em;
} code,
kbd,
tt,
var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
} abbr,
acronym { border-bottom: 1px dotted var(--karoons-gray, #F4F4F4); cursor: help;
} mark,
ins { background: #eceae0; text-decoration: none;
} big { font-size: 125%;
} b,
strong { color: var(--karoons-black, #212226);
} body { background: #fff;
} .elementor img { max-width: unset;
} .e-con { --padding-top: 0; --padding-bottom: 0; --padding-left: 0; --padding-right: 0; --container-default-padding-top: 0; --container-default-padding-left: 0; --container-default-padding-right: 0; --container-default-padding-bottom: 0;
} .e-font-icon-svg { width: 1em; height: 1em; color: currentColor; fill: currentColor;
} .has-fixed-footer,
.has-fixed-footer body { height: 100%; overflow: unset;
}
.has-fixed-footer .page-wrapper { min-height: 100%; margin-bottom: -100px;
}
.has-fixed-footer .error-404,
.has-fixed-footer .blog-one,
.has-fixed-footer .blog-single,
.has-fixed-footer .product-details,
.has-fixed-footer .shop-one.product.news-sidebar,
.has-fixed-footer .woocommerce-cart .woocommerce,
.has-fixed-footer .woocommerce-checkout .woocommerce { padding-bottom: 220px;
}
.has-fixed-footer .blog-details { padding-bottom: 0px;
}
.has-fixed-footer .default-footer .site-footer__bottom { padding: 34.5px 0;
}
.has-fixed-footer .page-template-default.woocommerce-cart .woocommerce,
.has-fixed-footer .page-template-default.woocommerce-checkout .woocommerce { padding-top: 0; padding-bottom: 0px;
}
.has-fixed-footer .woocommerce-cart .woocommerce,
.has-fixed-footer .woocommerce-checkout .woocommerce { padding-top: 0; margin-top: -15px; margin-bottom: -27px; padding-bottom: 0;
}
.has-fixed-footer .woocommerce-checkout .woocommerce { margin-top: 0; margin-bottom: -30px;
}
.has-fixed-footer .copyright { padding: 36px 0;
} hr { background-color: #eceae0; border: 0; height: 1px; margin-bottom: 1.5em;
} ul,
ol { margin: 0 0 0.5em 3em; padding-left: 1em;
} ul { list-style: disc;
} ol { list-style: decimal;
} li > ul,
li > ol { margin-bottom: 0; margin-left: 1.5em;
} dt { font-weight: 700;
} dd { margin: 0 1.5em 1.5em;
} embed,
iframe,
object { max-width: 100%;
} img { height: auto; max-width: 100%;
} figure { margin: 1em 0;
} .logo-retina img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);
} table { margin: 0 0 1.5em; width: 100%; max-width: 100%;
} tr { display: table-row; vertical-align: inherit; border-color: inherit;
} table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th { padding: 8px; vertical-align: middle; border: 1px solid #eceae0; border-top: 1px solid #eceae0;
} table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th { padding: 8px; vertical-align: middle; border: 1px solid #eceae0; border-top: 1px solid #eceae0;
} .sidebar__single .calendar_wrap .wp-calendar-table thead { background-color: var(--karoons-primary, #f1cf69);
} .sidebar__single .calendar_wrap .wp-calendar-table thead th { text-align: center; line-height: 40px; color: var(--karoons-base, #ffffff); font-weight: 600; font-size: 18px; padding-top: 4px;
} .wp-block-calendar .wp-calendar-table caption { padding-bottom: 0; line-height: 1; text-align: center; font-weight: 500; font-size: 18px;
} .wp-block-calendar .wp-calendar-nav { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;
} .wp-block-calendar .wp-calendar-nav a { text-decoration: none; line-height: 1; color: var(--moniz-black, #1e1e22); text-transform: uppercase; font-weight: 600; transition: all 500ms ease;
} a { color: var(--karoons-black, #212226);
}
a:hover, a:focus, a:active { color: var(--karoons-base, #E23B33);
}
a:focus { outline: none;
}
a:hover, a:active { outline: none;
} button,
input[type=button],
input[type=reset],
input[type=submit] { border: 1px solid; border-color: #eceae0 #eceae0 #eceae0; background: #eceae0; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover { border-color: #eceae0 #eceae0 #eceae0;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus { border-color: #eceae0 #eceae0 #eceae0;
} .wp-block-button:not(.wp-block-button.align-left) { margin-bottom: 20px;
} .news-details__left .wp-block-button a:hover { background-color: var(--karoons-gray, #F4F4F4); border-color: var(--karoons-gray, #F4F4F4); color: var(--karoons-base, #E23B33);
} .news-details__left .wp-block-button a { transition: all 500ms ease;
}
.news-details__left .wp-block-button a:hover { background-color: var(--karoons-gray, #F4F4F4); border-color: var(--karoons-gray, #F4F4F4); color: #fff;
} .news-details__left .wp-block-button.is-style-squared a { border-radius: 0;
} input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea { color: var(--karoons-black, #212226); border: 1px solid #eceae0; border-radius: 0px; padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus { color: var(--karoons-black, #212226);
} input[type=search]::-ms-clear { display: none; width: 0; height: 0;
} input[type=search]::-ms-reveal { display: none; width: 0; height: 0;
} input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration { display: none;
} select { border: 1px solid #eceae0;
} textarea { width: 100%;
} .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation { margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links { display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous { flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next { text-align: end; flex: 1 0 50%;
} .sticky { display: block;
} .post,
.page { margin: 0 0 0em;
} .updated:not(.published) { display: none;
} .page-content,
.entry-content,
.entry-summary { margin: 1.5em 0 0;
} .page-links { clear: both; margin: 0 0 1.5em;
} .comment-content a { word-wrap: break-word; font-weight: 500;
} .bypostauthor { display: block;
} .comments-area { position: relative; display: block; border-top: 1px solid var(--karoons-text-gray, #89868d); padding-top: 52px;
} .comments-area .comment-one__title { font-size: 30px; margin-bottom: 30px; text-transform: uppercase;
} .comments-area .comment-form__title { margin-bottom: 45px;
} .comments-area .comment-list { margin: 0; padding: 0; list-style: none;
} .comments-area .comment-list ul.children { margin: 0; list-style: none; padding-left: 1em;
}
@media (min-width: 992px) { .comments-area .comment-list ul.children { padding-left: 3em; }
} .comments-area .comment-box { position: relative;
} .comments-area .comment { position: relative; min-height: 90px;
} .comments-area .comment-box .author-thumb { position: relative; left: 0px; top: 0px; width: 165px; height: 165px; border-radius: 50%; margin-bottom: 20px; overflow: hidden;
} .comments-area .comment-box .author-thumb img { width: 100%; height: 100%; display: block; border-radius: 50%;
} .comments-area .comment-box .info { position: relative; margin-bottom: 25px; line-height: 24px;
} .comments-area .comment-box .info .name { position: relative; display: block; font-size: 24px; line-height: 30px; font-weight: 800; color: var(--karoons-gray, #F4F4F4); text-transform: uppercase;
} .comments-area .comment-box .info .date { position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 600; color: var(--karoons-gray, #F4F4F4);
} .comments-area .comment-box .text { position: relative; display: block; color: var(--karoons-gray, #F4F4F4); font-weight: 300; line-height: 1.5em; letter-spacing: 0.1em; margin-bottom: 30px;
} .comments-area .comment-box .reply-btn { position: relative; display: block;
} .comments-area .comment-box .theme-btn .btn-title { padding: 6px 30px 4px; line-height: 30px;
} .comments-area .comment-body .says { display: none;
} .comments-area .comment-body { width: 100%; position: relative; padding-left: 120px; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #eceae0;
}
@media (max-width: 991px) { .comments-area .comment-body { padding-left: 0; }
} .comments-area .trackback .comment-body,
.comments-area .pingback .comment-body { padding-left: 0;
} .comments-area .comment-body .avatar { position: absolute; top: 0; left: 0; border-radius: 50%;
}
@media (max-width: 991px) { .comments-area .comment-body .avatar { position: relative; margin-bottom: 40px; }
} .comments-area .fn a,
.comments-area .fn { position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 600; color: var(--karoons-black); font-family: var(--heading-font); text-decoration: none; text-transform: uppercase;
} .comments-area .comment-body .comment-metadata { margin-bottom: 25px;
} .comments-area .comment-body .comment-metadata a { position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-weight: 400; color: var(--karoons-base, #E23B33); text-decoration: none;
} .comments-area .comment-body .comment-metadata .edit-link a::before { content: "."; margin-left: 8px; margin-right: 10px;
} .comments-area .comment-content p { position: relative; display: block; color: var(--karoons-text, #838383); line-height: 1.875em; margin-bottom: 1em; font-size: 15px; font-family: var(--karoons-font, "Barlow", sans-serif); letter-spacing: var(--karoons-letter-spacing-two); font-weight: 500;
} .comments-area .comment-content table a { color: var(--karoons-text, #838383); text-decoration: none;
} .comments-area .comment-content table a:hover { color: var(--karoons-gray, #F4F4F4);
} .comments-area .comment-content p:last-of-type { margin-bottom: 0;
} .comments-area .reply a { padding: 8.5px 18px; position: absolute; top: -15px; right: 0; font-size: 12px; font-weight: 700; color: var(--karoons-white); background-color: var(--karoons-black); overflow: hidden; transition: all 0.5s linear; z-index: 1; appearance: none; outline: none !important; border: none; display: inline-block; vertical-align: middle; text-transform: uppercase; letter-spacing: 1.2px; font-family: var(--heading-font);
} .comments-area .reply a:hover { background-color: var(--karoons-base); color: var(--karoons-black);
} .comments-area .reply a:hover:before { transform: scalex(1); transform-origin: left center;
} @media (min-width: 992px) { .comments-area .reply a { margin-top: 0; position: absolute; top: 0; right: 0; }
}
.comments-area .blog-pagination a,
.comments-area .blog-pagination span { margin-bottom: 45px;
} .comment-respond .blog-details__content-title { margin-bottom: 50px;
} .reply-form .logged-in-as { display: flex; color: var(--karoons-base, #E23B33); margin-bottom: 24px; margin-top: -30px;
} .reply-form .logged-in-as a { text-decoration: none; margin-left: 10px; margin-right: 10px; color: var(--karoons-black);
} .reply-form .logged-in-as a:hover { color: var(--karoons-base);
} .comment-form__title small { font-size: 20px;
} .comment-form__title small a { text-decoration: none; color: var(--karoons-base, #E23B33); text-decoration: underline;
} .comment-form__title small a:hover { color: var(--karoons-black); opacity: 0.5;
} .comment-list .comment-respond { margin-bottom: 30px;
} .reply-form.row { --bs-gutter-x: 20px;
} .comment-respond .comment-form__input-box input[type=text],
.comment-respond .comment-form__input-box input[type=url],
.comment-respond .comment-form__input-box input[type=email] { margin-bottom: 20px;
}
.comment-respond .form-submit { margin-bottom: 0 !important;
} .comment-list .comment-respond .form-submit { margin-bottom: 30px !important;
} .widget { margin: 0 0 1.5em;
}
.widget select { max-width: 100%;
} .sidebar .widget ul,
.sidebar__single ul { margin-left: 0; padding-left: 0;
}
.sidebar .widget ul ul,
.sidebar__single ul ul { padding-left: 0.5em; margin-top: 15px; box-shadow: none;
} .sidebar .widget select,
.sidebar__single select { width: 100%; height: 68px; background-color: var(--karoons-white, #fff); font-weight: 400; outline: none; color: var(--karoons-gray, #717178); font-size: 16px; padding-left: 30px; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-family: var(--karoons-font, "Kumbh Sans", sans-serif); background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M540.1 776.847l472.32-473.63c15.466-15.518 15.44-40.642-0.080-56.134-15.518-15.48-40.656-15.44-56.134 0.080l-444.208 445.438-444.206-445.454c-15.48-15.518-40.602-15.558-56.122-0.080-7.78 7.766-11.67 17.94-11.67 28.114 0 10.148 3.864 20.282 11.59 28.034l472.308 473.632c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z"></path></svg>'); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: 0.65em auto; border-radius: 0;
} .sidebar .widget,
.sidebar__single { position: relative; display: block; padding: 50px 45px 50px; background-color: var(--karoons-gray, #F4F4F4); border-radius: var(--karoons-bdr-radius);
} .sidebar__single.widget_search { padding: 35px 30px;
} .sidebar .widget ul li,
.sidebar__single ul li { position: relative;
} .sidebar .widget ul li a::after,
.sidebar__single ul li a::after { font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; position: absolute; font-size: 16px; top: -1px; right: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease;
}
.sidebar .widget ul li a,
.sidebar__single ul li a { transition: all 500ms ease; font-weight: 400; color: var(--karoons-color);
}
.sidebar .widget ul li a:hover,
.sidebar__single ul li a:hover { color: var(--karoons-black, #212226);
} .sidebar .widget.widget_rss,
.sidebar__single.widget_rss { padding-bottom: 40px;
} .sidebar .widget.widget_rss ul,
.sidebar__single.widget_rss ul { list-style: none;
} .sidebar .widget.widget_rss ul li,
.sidebar__single.widget_rss ul li { position: relative;
}
.sidebar .widget.widget_rss ul li ::after,
.sidebar__single.widget_rss ul li ::after { content: "";
}
.sidebar .widget.widget_rss ul li + li,
.sidebar__single.widget_rss ul li + li { margin-top: 10px;
} .sidebar .widget.widget_rss li .rsswidget,
.sidebar__single.widget_rss li .rsswidget { color: var(--karoons-black, #212226); font-size: 18px; line-height: 1.5em; display: block; font-weight: 600;
} .sidebar .widget p,
.sidebar__single p,
.sidebar .widget.widget_rss li .rssSummary,
.sidebar__single.widget_rss li .rssSummary { font-size: 16px; line-height: 32px;
} .sidebar .widget p,
.sidebar__single p,
.sidebar .widget.widget_rss li .rssSummary { font-weight: 400;
} .sidebar .widget.widget_rss li .rss-date,
.sidebar__single.widget_rss li .rss-date { display: flex; align-items: center; color: var(--karoons-text, #838383); font-size: 14px; margin-top: 12px; margin-bottom: 10px; line-height: 1; font-weight: 500;
} .sidebar .widget.widget_rss li .rss-date::before,
.sidebar__single.widget_rss li .rss-date::before { content: "\f017"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; color: var(--karoons-base, #E23B33); margin-right: 10px;
} .sidebar .widget.widget_rss cite,
.sidebar__single.widget_rss cite { color: var(--karoons-black, #212226); font-size: 14px;
} .sidebar .widget .tagcloud,
.sidebar__single .tagcloud { margin-bottom: -10px; margin-left: -5px;
} .sidebar .widget .tagcloud a,
.sidebar__single .tagcloud a,
.sidebar__single .wp-block-tag-cloud a { font-size: 12px !important; color: var(--karoons-gray); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: var(--karoons-white); display: inline-block; padding: 4px 20px 4px; margin-left: 5px; text-transform: uppercase; font-weight: 600; margin-bottom: 13px; font-family: var(--karoons-heading-font, "Barlow", serif); letter-spacing: 1.2px; margin-right: 5px;
}
.sidebar .widget .tagcloud a:hover,
.sidebar__single .tagcloud a:hover,
.sidebar__single .wp-block-tag-cloud a:hover { color: var(--karoons-black, #212226); background: var(--karoons-base, #E23B33);
} .sidebar .widget .wp-block-search input[type=search],
.sidebar__single .wp-block-search input[type=search] { background-color: var(--karoons-white, #fff); height: 64px; padding-left: 25px; padding-right: 15px; padding-top: 0; padding-bottom: 0; font-weight: 400; color: var(--karoons-text, #838383); border: none; border-radius: var(--karoons-bdr-radius);
} .sidebar .widget .wp-block-search .wp-block-search__button,
.sidebar__single .wp-block-search .wp-block-search__button { padding: 15px 20px; text-transform: capitalize; color: var(--karoons-white, #fff); background-color: var(--karoons-black, #212226); line-height: 1; fill: var(--karoons-white, #fff); border-radius: 0; margin-left: 0; transition: all 500ms ease; font-size: 14px; border-top-right-radius: var(--karoons-bdr-radius); border-bottom-right-radius: var(--karoons-bdr-radius); text-transform: uppercase;
} .sidebar .widget .wp-block-search .wp-block-search__button:hover,
.sidebar__single .wp-block-search .wp-block-search__button:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-black, #212226); fill: var(--karoons-black, #212226);
} .sidebar .widget:last-child,
.sidebar__single.widget:last-child { margin-bottom: 0;
} .wp-calendar-table { margin-bottom: 0;
}
.wp-calendar-table th,
.wp-calendar-table td { text-align: center;
}
.wp-calendar-table caption { padding: 0; text-align: center; color: var(--karoons-black, #212226); padding-top: 5px; padding-bottom: 5px; font-weight: 500;
} .wp-calendar-nav { line-height: 1; display: flex; justify-content: space-between; align-items: center;
}
.wp-calendar-nav a { color: var(--karoons-black, #212226); transition: all 500ms ease; font-weight: 500;
}
.wp-calendar-nav a:hover { color: var(--karoons-gray, #F4F4F4);
} .sidebar .widget .calendar_wrap .wp-calendar-table thead,
.sidebar__single .calendar_wrap .wp-calendar-table thead { background-color: var(--karoons-black, #212226);
} .sidebar .widget .calendar_wrap .wp-calendar-table thead th,
.sidebar__single .calendar_wrap .wp-calendar-table thead th { text-align: center; color: var(--karoons-white, #fff); font-weight: 400; font-size: 18px; border: none;
} .wp-block-calendar .wp-calendar-table caption { padding-bottom: 0; line-height: 1; text-align: center; font-weight: 500; font-size: 18px; padding-top: 10px;
} .wp-block-calendar .wp-calendar-nav { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;
} .wp-block-calendar .wp-calendar-nav a { text-decoration: none; line-height: 1; color: var(--karoons-black, #212226); text-transform: uppercase; font-weight: 400; transition: all 500ms ease;
} tbody { background-color: var(--karoons-white, #fff);
} .sidebar .widget ul,
.sidebar__single ul { list-style: none;
}
.sidebar .widget .widget-title,
.sidebar__single .widget-title { display: flex; align-items: center;
}
.sidebar .widget .widget-title .rss-widget-icon,
.sidebar__single .widget-title .rss-widget-icon { position: relative; top: -2px; margin-right: 5px;
}
.sidebar .widget .widget-title a,
.sidebar__single .widget-title a { color: inherit; transition: all 500ms ease;
}
.sidebar .widget .widget-title a:hover,
.sidebar__single .widget-title a:hover { color: var(--karoons-gray, #F4F4F4);
}
.sidebar .widget.widget_nav_menu > ul, .sidebar .widget.widget_meta > ul, .sidebar .widget.widget_pages > ul, .sidebar .widget.widget_archive > ul,
.sidebar__single.widget_nav_menu > ul,
.sidebar__single.widget_meta > ul,
.sidebar__single.widget_pages > ul,
.sidebar__single.widget_archive > ul { margin-top: -8px; padding-left: 0;
}
.sidebar .widget.widget_nav_menu > ul ul, .sidebar .widget.widget_meta > ul ul, .sidebar .widget.widget_pages > ul ul, .sidebar .widget.widget_archive > ul ul,
.sidebar__single.widget_nav_menu > ul ul,
.sidebar__single.widget_meta > ul ul,
.sidebar__single.widget_pages > ul ul,
.sidebar__single.widget_archive > ul ul { margin-top: 15px; padding-left: 0.7em;
}
.sidebar .widget.widget_nav_menu li, .sidebar .widget.widget_meta li, .sidebar .widget.widget_pages li, .sidebar .widget.widget_archive li,
.sidebar__single.widget_nav_menu li,
.sidebar__single.widget_meta li,
.sidebar__single.widget_pages li,
.sidebar__single.widget_archive li { font-size: 16px;
}
.sidebar .widget.widget_nav_menu li + li, .sidebar .widget.widget_meta li + li, .sidebar .widget.widget_pages li + li, .sidebar .widget.widget_archive li + li,
.sidebar__single.widget_nav_menu li + li,
.sidebar__single.widget_meta li + li,
.sidebar__single.widget_pages li + li,
.sidebar__single.widget_archive li + li { margin-top: 15px;
}
.sidebar .widget.widget_recent_entries ul, .sidebar .widget.widget_recent_comments ul,
.sidebar__single.widget_recent_entries ul,
.sidebar__single.widget_recent_comments ul { padding: 0; margin-top: 7px;
}
.sidebar .widget.widget_recent_entries ul li ::after, .sidebar .widget.widget_recent_comments ul li ::after,
.sidebar__single.widget_recent_entries ul li ::after,
.sidebar__single.widget_recent_comments ul li ::after { display: none;
}
.sidebar .widget.widget_recent_entries ul li, .sidebar .widget.widget_recent_comments ul li,
.sidebar__single.widget_recent_entries ul li,
.sidebar__single.widget_recent_comments ul li { padding-left: 65px; font-size: 16px; margin: 0; line-height: 26px; color: var(--karoons-text, #838383); min-height: 45px;
}
.sidebar .widget.widget_recent_entries ul li + li, .sidebar .widget.widget_recent_comments ul li + li,
.sidebar__single.widget_recent_entries ul li + li,
.sidebar__single.widget_recent_comments ul li + li { margin-top: 23px;
}
.sidebar .widget.widget_recent_entries ul li a, .sidebar .widget.widget_recent_comments ul li a,
.sidebar__single.widget_recent_entries ul li a,
.sidebar__single.widget_recent_comments ul li a { color: var(--karoons-color); transition: all 500ms ease;
}
.sidebar .widget.widget_recent_entries ul li a:hover, .sidebar .widget.widget_recent_comments ul li a:hover,
.sidebar__single.widget_recent_entries ul li a:hover,
.sidebar__single.widget_recent_comments ul li a:hover { color: var(--karoons-black, #212226); text-shadow: 0 0 1px currentColor;
}
.sidebar .widget.widget_recent_entries ul li::before, .sidebar .widget.widget_recent_comments ul li::before,
.sidebar__single.widget_recent_entries ul li::before,
.sidebar__single.widget_recent_comments ul li::before { height: 45px; width: 45px; border-radius: 50%; font-size: 15px; color: var(--karoons-black, #212226); display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0; transition: all 0.4s ease; content: "\f075"; font-family: "Font Awesome 5 Free"; font-weight: 900; background-color: var(--karoons-white, #fff);
}
.sidebar .widget.widget_recent_entries ul li:hover::before, .sidebar .widget.widget_recent_comments ul li:hover::before,
.sidebar__single.widget_recent_entries ul li:hover::before,
.sidebar__single.widget_recent_comments ul li:hover::before { background-color: var(--karoons-base, #E23B33); color: var(--karoons-black, #212226);
}
.sidebar .widget.widget_recent_entries li,
.sidebar__single.widget_recent_entries li { min-height: 45px; display: flex; align-items: center;
}
.sidebar .widget.widget_recent_entries ul li::before,
.sidebar__single.widget_recent_entries ul li::before { content: "\f044";
}
.sidebar .widget.widget_rss ul,
.sidebar__single.widget_rss ul { padding: 0; margin-top: -5px;
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul,
.sidebar__single.recent-posts-widget-with-thumbnails ul { margin: -20px !important; padding-left: 20px;
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li ::after,
.sidebar__single.recent-posts-widget-with-thumbnails ul li ::after { display: none;
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li,
.sidebar__single.recent-posts-widget-with-thumbnails ul li { display: flex; flex-direction: column-reverse; padding: 20px; padding-bottom: 20px; padding-left: 90px; position: relative; margin-bottom: 0; transition: all 500ms ease; border-radius: var(--karoons-bdr-radius); border-bottom: 1px solid var(--karoons-border-color, #e8e3da);
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li:hover,
.sidebar__single.recent-posts-widget-with-thumbnails ul li:hover { background-color: transparent;
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li img,
.sidebar__single.recent-posts-widget-with-thumbnails ul li img { position: absolute; top: 22px; left: 1px; width: 70px; height: auto; background-color: var(--karoons-black, #212226);
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date::before,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date::before { content: "\f017"; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right: 5px; color: var(--karoons-base, #E23B33);
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-author::before,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-author::before { content: "\f2bd"; font-weight: 400; font-family: "Font Awesome 5 Free"; margin-right: 5px; color: var(--karoons-base, #E23B33);
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-author,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-author { font-size: 14px; font-weight: 500;
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title { font-size: 16px; color: var(--karoons-black, #212226); transition: all 500ms ease; text-transform: capitalize; font-weight: 400; letter-spacing: var(--karoons-letter-space-small); line-height: 28px; display: block;
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title:hover,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title:hover { color: var(--karoons-base, #E23B33);
}
.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: var(--karoons-gray); margin-bottom: 0px; line-height: 1; color: var(--karoons-gray); font-size: 14px; text-transform: capitalize;
} .news-one .blog-pagination { justify-content: center; margin-top: 30px;
} .sidebar .widget .wp-block-categories,
.sidebar__single .wp-block-categories { padding-left: 0;
} .sidebar .widget .wp-block-tag-cloud,
.sidebar__single .wp-block-tag-cloud { margin-bottom: -10px;
}
.sidebar .widget .wp-block-latest-comments__comment-meta,
.sidebar__single .wp-block-latest-comments__comment-meta { font-size: 16px; line-height: 26px; color: var(--karoons-gray, #F4F4F4);
}
.sidebar .widget .wp-block-categories,
.sidebar__single .wp-block-categories { margin-top: -8px; margin-bottom: -8px;
}
.sidebar .widget .wp-block-categories li + li,
.sidebar__single .wp-block-categories li + li { margin-top: 15px;
}
.sidebar .widget ul li,
.sidebar__single ul li { font-size: 16px;
}
.sidebar .widget.recent-posts-widget-with-thumbnails,
.sidebar__single.recent-posts-widget-with-thumbnails { padding-bottom: 55px;
}
.sidebar .widget .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li,
.sidebar__single .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li { margin-bottom: 0;
}
.sidebar .widget .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li + li,
.sidebar__single .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li + li { margin-top: 20px;
} .widget_nav_menu ul.menu { margin-top: -10px; margin-bottom: -6px;
} .widget_recent_entries > ul { margin-top: -7px;
} .sidebar .widget.widget_recent_comments ul li:hover::before,
.sidebar__single.widget_recent_comments ul li:hover::before { background-color: var(--karoons-base); color: var(--karoons-black, #212226);
} .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number::before,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number::before { content: "\f086"; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right: 5px; color: var(--karoons-base, #976147);
} .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number { font-size: 13px; padding-bottom: 5px;
} .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title { color: var(--karoons-black, #212226); transition: all 500ms ease; margin-top: -5px; display: block; font-family: var(--karoons-heading-font, "Cormorant"); font-weight: 700; font-size: 16px; text-transform: uppercase; line-height: 26px;
} .sidebar .widget input[type=email],
.sidebar .widget input[type=search],
.sidebar .widget input[type=password],
.sidebar .widget input[type=text] { width: 100%; display: block; height: 68px; background-color: #fff; padding-left: 30px; padding-right: 30px; color: var(--karoons-text, #838383); outline: none; border-radius: 0;
}
.sidebar .widget .textwidget > p:first-child { margin-top: -10px;
}
.sidebar .widget .wp-block-tag-cloud { margin-bottom: -10px; margin-left: -5px;
}
.sidebar .widget .wp-block-tag-cloud a { font-size: 12px !important; color: var(--karoons-gray); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: var(--karoons-white); display: inline-block; padding: 4px 20px 4px; margin-left: 5px; text-transform: uppercase; font-weight: 700; margin-bottom: 13px; font-family: var(--karoons-heading-font, "Barlow", serif); letter-spacing: 1.2px; line-height: 30px;
}
.sidebar .widget .wp-block-tag-cloud a:hover { color: var(--karoons-black, #212226); background: var(--karoons-base, #E23B33);
}
.sidebar .widget .wp-calendar-table td { padding: 3px 0px; font-size: 14px;
}
.sidebar .widget .wp-block-calendar thead th { background-color: var(--karoons-black, #212226); color: #fff; border: none; font-weight: 400;
}
.sidebar .widget .wp-calendar-table td { color: var(--karoons-black, #212226);
}
.sidebar .widget .wp-block-archives { margin-top: -10px; margin-bottom: -10px;
}
.sidebar .widget .wp-block-archives li + li { margin-top: 10px;
}
.sidebar .widget .wp-block-archives li a::after { display: none;
}
.sidebar .widget .wp-block-categories-dropdown,
.sidebar .widget .wp-block-archives-dropdown { margin-bottom: 0;
}
.sidebar .widget .wp-block-calendar .wp-calendar-table caption { padding-top: 15px; padding-bottom: 15px; color: var(--karoons-black, #212226); font-weight: 500;
}
.sidebar .widget .wp-block-calendar .wp-calendar-nav a { text-transform: capitalize; font-weight: 500;
}
.sidebar .widget .wp-block-latest-comments__comment-meta { color: var(--karoons-black, #212226);
}
.sidebar .widget .wp-block-latest-comments__comment-meta a:hover { color: var(--karoons-base, #E23B33);
}
.sidebar .widget .wp-block-latest-comments__comment-date { display: flex; align-items: center; font-size: 14px; font-weight: 500; font-family: var(--karoons-font, "Barlow", sans-serif);
}
.sidebar .widget .wp-block-latest-comments__comment-date::before { content: "\f017"; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--karoons-base, #E23B33);
}
.sidebar .widget .has-avatar .wp-block-latest-comments__comment-date { margin-left: 5px;
}
.sidebar .widget .wp-block-latest-comments__comment:last-child { margin-bottom: 0;
}
.sidebar .widget .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0;
}
.sidebar .widget .has-excerpts.wp-block-latest-comments { margin-bottom: -10px;
}
.sidebar .widget .wp-block-latest-posts__list li a::after { display: none;
}
.sidebar .widget .wp-block-latest-posts__list.has-dates li { padding-left: 0; display: flex; flex-wrap: wrap;
}
.sidebar .widget .wp-block-latest-posts__list.has-dates li::before { display: none;
}
.sidebar .widget .wp-block-latest-posts__list.has-dates li a::after { display: none;
}
.sidebar .widget .wp-block-latest-posts__list { margin-bottom: -10px;
}
.sidebar .widget .wp-block-latest-posts__list li > a,
.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { flex: 0 0 100%;
}
.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { font-weight: 400; margin-bottom: 0; color: var(--karoons-text, #838383); font-size: 16px; line-height: 32px;
}
.sidebar .widget .wp-block-latest-posts__list li + li { margin-top: 15px;
}
.sidebar .widget .wp-block-latest-posts__list li > a { color: var(--karoons-black, #212226) !important; font-weight: 400;
}
.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author { margin-right: 5px;
}
.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author::before { color: var(--karoons-base, #E23B33); font-weight: 900; font-family: "Font Awesome 5 Free"; content: "\f2bd"; margin-right: 5px;
}
.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-date::before { content: "\f017"; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--karoons-base, #E23B33);
}
.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author,
.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-date { font-weight: 500; font-size: 14px; color: var(--karoons-text, #838383);
}
.sidebar .widget .wp-block-page-list { margin-top: -10px; margin-bottom: -10px;
}
.sidebar .widget .wp-block-page-list li + li { margin-top: 15px;
}
.sidebar .widget .wp-block-rss__item { margin-bottom: -10px; padding-left: 0; display: flex; flex-wrap: wrap;
}
.sidebar .widget .wp-block-rss__item::before { display: none;
}
.sidebar .widget .wp-block-rss__item a::after { display: none;
}
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-title,
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt { flex: 0 0 100%;
}
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt { font-weight: 400; margin-bottom: 0; color: var(--karoons-text, #838383);
}
.sidebar .widget .wp-block-rss__item li + li { margin-top: 15px;
}
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-title { color: var(--karoons-black, #212226); font-weight: 400;
}
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-author { margin-right: 5px;
}
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-author { margin-left: 10px;
}
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-author::before { color: var(--karoons-base, #E23B33); font-weight: 900; font-family: "Font Awesome 5 Free"; content: "\f2bd"; margin-right: 5px;
}
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-publish-date::before { content: "\f017"; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--karoons-base, #E23B33);
}
.sidebar .widget .wp-block-rss__item-author,
.sidebar .widget .wp-block-rss__item-publish-date,
.sidebar .widget .wp-block-archives-dropdown label { font-weight: 500;
}
.sidebar .widget .wp-block-rss__item-author,
.sidebar .widget .wp-block-rss__item-publish-date { font-size: 14px; color: var(--karoons-gray, 117, 120, 115);
}
.sidebar .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.sidebar .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 60px;
}
.sidebar .widget #loginform { margin-top: -10px;
}
.sidebar .widget #loginform input[type=text],
.sidebar .widget #loginform input[type=password] { margin-bottom: 10px;
}
.sidebar .widget #loginform p { margin: 0;
}
.sidebar .widget #loginform input[type=checkbox] { width: 15px; height: 15px; margin-right: 5px;
}
.sidebar .widget #loginform .login-submit .button { padding: 25px 39px; color: #fff; font-size: 16px; background-color: var(--karoons-black, #212226); text-transform: uppercase; font-family: var(--karoons-font, "Barlow", sans-serif); transition: all 500ms ease; border: none; border-radius: 0px;
}
.sidebar .widget #loginform .login-submit .button:hover { color: #fff; background-color: var(--karoons-base, #E23B33);
}
.sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta { font-family: var(--karoons-font, "Barlow", sans-serif); font-size: 15px; text-transform: lowercase; color: inherit;
}
.sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a { color: var(--karoons-text, #161617);
}
.sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a:hover { color: var(--karoons-base, #E23B33);
}
.sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta:first-letter { text-transform: uppercase;
} .widget.widget_block h2,
.widget .sidebar__title,
.sidebar .widget .title h2 { font-size: 22px; font-weight: 600; margin-bottom: 25px; text-transform: uppercase; margin-top: -5px; font-family: var(--heading-font);
} h2 .rss-widget-title { color: var(--karoons-black);
} .sidebar .widget ul.wp-block-social-links li a::after { content: "";
} .sidebar .widget.widget_categories > ul,
.sidebar .widget.widget_pages > ul,
.sidebar .widget.widget_meta > ul,
.sidebar .widget.widget_recent_comments > ul,
.sidebar .widget.widget_archive > ul { margin-bottom: -10px;
} .sidebar .widget ::placeholder { opacity: 1; color: var(--karoons-text, #838383);
} .sidebar .widget .wp-block-latest-posts__list.has-dates li a,
.sidebar .widget .wp-block-rss li a { color: var(--karoons-black, #212226); font-weight: 600; font-size: 18px;
} .sidebar .widget .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-weight: 400; font-size: 16px; line-height: 24px;
} .widget.widget_archive ul li a::after,
.sidebar .widget ul.wp-block-categories li a::after,
.sidebar .widget.widget_categories ul li a::after { content: "";
} .shop-one__sidebar.sidebar .widget ul.wp-block-categories li a::after { font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900;
} .widget.widget_archive ul li,
.sidebar .widget .wp-block-categories li,
.sidebar .widget_categories ul li,
.sidebar__single .widget_categories ul li,
.sidebar__single .wp-block-categories li { display: flex; justify-content: space-between; flex-wrap: wrap;
} .sidebar .widget .wp-block-categories li ul.children,
.sidebar .widget_categories ul li ul.children,
.sidebar__single .widget_categories ul li ul.children,
.sidebar__single .wp-block-categories li ul.children { flex: 0 0 100%;
} .sidebar .widget .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-radius: 0; border-color: #fff; padding: 0; border: 1px solid #e6e1d8; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
} .sidebar .widget ul li a:hover,
.sidebar__single ul li a:hover { color: var(--karoons-black, #161617); text-shadow: 0 0 0 currentColor; accent-color: currentcolor;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0;
} .custom-logo-link { display: inline-block;
} .wp-caption { margin-bottom: 1.5em; max-width: 100%;
}
.wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto;
}
.wp-caption .wp-caption-text { margin: 0.8075em 0;
} .wp-caption-text { text-align: center;
} .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em;
} .gallery-item { display: inline-block; text-align: center; width: 100%;
} .gallery-columns-2 { grid-template-columns: repeat(2, 1fr);
} .gallery-columns-3 { grid-template-columns: repeat(3, 1fr);
} .gallery-columns-4 { grid-template-columns: repeat(4, 1fr);
} .gallery-columns-5 { grid-template-columns: repeat(5, 1fr);
} .gallery-columns-6 { grid-template-columns: repeat(6, 1fr);
} .gallery-columns-7 { grid-template-columns: repeat(7, 1fr);
} .gallery-columns-8 { grid-template-columns: repeat(8, 1fr);
} .gallery-columns-9 { grid-template-columns: repeat(9, 1fr);
} .gallery-caption { display: block;
} .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: var(--karoons-gray, #F4F4F4); display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;
} #primary[tabindex="-1"]:focus { outline: 0;
} .alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em;
} .alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em;
} .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em;
} @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); }
}
@-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }
}
@-o-keyframes rotateme { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); }
}
@-webkit-keyframes shine { 100% { left: 125%; }
}
@keyframes shine { 100% { left: 125%; }
}
.rotate-me { animation-name: rotateme; animation-duration: 24s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 24s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 24s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 24s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 24s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;
} @-webkit-keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); }
}
@keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); }
}
.float-bob { animation-name: float-bob; animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob; -webkit-animation-duration: 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob; -moz-animation-duration: 7s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 7s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 7s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;
} @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; }
}
@keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; }
} .zoom-fade { animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;
} @-webkit-keyframes zoom-fade { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); }
}
@keyframes zoom-fade { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); }
} .zoominout { animation-name: zoomInOut; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: zoomInOut; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: zoomInOut; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -ms-animation-name: zoomInOut; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out; -o-animation-name: zoomInOut; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-in-out;
} @keyframes zoomInOut { 0% { -webkit-transform: rotate(0deg) scale(0.7); transform: rotate(0deg) scale(0.7); opacity: 0; } 50% { -webkit-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(360deg) scale(0.7); transform: rotate(360deg) scale(0.7); opacity: 0; }
}
@-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; }
}
@keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; }
}
@-webkit-keyframes bgSlideReverse2 { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; }
}
@keyframes bgSlideReverse2 { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; }
}
@-webkit-keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); }
}
@keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); }
}
.banner-animate { animation-name: banner-animate; animation-duration: 70s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: banner-animate; -webkit-animation-duration: 70s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: banner-animate; -moz-animation-duration: 70s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: banner-animate; -ms-animation-duration: 70s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: banner-animate; -o-animation-duration: 70s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;
} @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 20px 0 0 20px 0 #fff; box-shadow: 0 0 0 20px 0 0 20px 0 #fff; } 100% { -webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; }
}
@keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
} @-webkit-keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); }
}
@keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); }
} @keyframes animation2 { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@-moz-keyframes animation2 { 0% { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@-o-keyframes animation2 { 0% { -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -o-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@keyframes animation2 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@-webkit-keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; }
}
@keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; }
}
@-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; }
}
@keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; }
}
@-webkit-keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
}
@keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
}
@-webkit-keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); }
}
@keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); }
}
@-webkit-keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); }
}
@keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); }
} @-webkit-keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); }
}
@keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); }
}
.float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;
} @-webkit-keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); }
}
@keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); }
}
.footertree { -webkit-animation: footerTree 5s ease-in infinite; animation: footerTree 5s ease-in infinite;
} @keyframes service_hexagon_2 { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@-moz-keyframes service_hexagon_2 { 0% { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@-o-keyframes service_hexagon_2 { 0% { -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -o-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@keyframes service_hexagon_2 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; }
}
@keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); }
}
@-webkit-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); }
}
@-moz-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); }
}
@-o-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); }
}
.rotatescale { -webkit-animation-name: rotateScale; -webkit-animation-duration: 20s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateScale; -moz-animation-duration: 20s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateScale; -ms-animation-duration: 20s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: rotateScale; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear;
} @-webkit-keyframes bubbleMover { 0% { transform: translateY(0px) translateX(0) rotate(0); } 30% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: center center; } 50% { transform: translateY(50px) translateX(100px) rotate(45deg); transform-origin: right bottom; } 80% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: left top; } 100% { transform: translateY(0px) translateX(0) rotate(0); transform-origin: center center; }
}
@keyframes bubbleMover { 0% { transform: translateY(0px) translateX(0) rotate(0); } 30% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: center center; } 50% { transform: translateY(50px) translateX(100px) rotate(45deg); transform-origin: right bottom; } 80% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: left top; } 100% { transform: translateY(0px) translateX(0) rotate(0); transform-origin: center center; }
}
@-webkit-keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); }
}
@keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); }
}
@-webkit-keyframes banner3Shake { 0% { transform: rotate3d(0, 1, 0, 0deg); } 30% { transform: rotate3d(0, 0, 1, 5deg); } 60% { transform: rotate3d(1, 0, 0, 0deg); } 80% { transform: rotate3d(0, 0, 1, 5deg); } 100% { transform: rotate3d(0, 1, 0, 0deg); }
}
@keyframes banner3Shake { 0% { transform: rotate3d(0, 1, 0, 0deg); } 30% { transform: rotate3d(0, 0, 1, 5deg); } 60% { transform: rotate3d(1, 0, 0, 0deg); } 80% { transform: rotate3d(0, 0, 1, 5deg); } 100% { transform: rotate3d(0, 1, 0, 0deg); }
}
@-webkit-keyframes squareMover { 0%, 100% { transform: translate(0, 0) rotate(0); } 20%, 60% { transform: translate(20px, 40px) rotate(180deg); } 30%, 80% { transform: translate(40px, 60px) rotate(0deg); }
}
@keyframes squareMover { 0%, 100% { transform: translate(0, 0) rotate(0); } 20%, 60% { transform: translate(20px, 40px) rotate(180deg); } 30%, 80% { transform: translate(40px, 60px) rotate(0deg); }
}
@-webkit-keyframes treeMove { 0%, 100% { transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(5deg) translateX(15px); } 50% { transform: rotate(10deg) translateX(30px); }
}
@keyframes treeMove { 0%, 100% { transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(5deg) translateX(15px); } 50% { transform: rotate(10deg) translateX(30px); }
} @-webkit-keyframes animateBubble { 0% { margin-top: 20%; } 100% { margin-top: -30%; }
}
@-moz-keyframes animateBubble { 0% { margin-top: 20%; } 100% { margin-top: -30%; }
}
@keyframes animateBubble { 0% { margin-top: 20%; } 100% { margin-top: -30%; }
}
@-webkit-keyframes sideWays { 0% { margin-left: 0; } 100% { margin-left: 25px; }
}
@-moz-keyframes sideWays { 0% { margin-left: 0; } 100% { margin-left: 25px; }
}
@keyframes sideWays { 0% { margin-left: 0; } 100% { margin-left: 25px; }
} .zoom-fade { animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;
} @-webkit-keyframes zoom-fade { 0% { transform: scale(0.9); } 50% { transform: scale(1); } 100% { transform: scale(0.9); }
}
@keyframes zoom-fade { 0% { transform: scale(0.9); } 50% { transform: scale(1); } 100% { transform: scale(0.9); }
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown;
} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
} @-webkit-keyframes sunMove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes sunMove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@-webkit-keyframes planeMove { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 25% { -webkit-transform: translateY(15px); transform: translateY(15px); } 50% { -webkit-transform: translateY(30px); transform: translateY(30px); } 75% { -webkit-transform: translateY(15px); transform: translateY(15px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}
@keyframes planeMove { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 25% { -webkit-transform: translateY(15px); transform: translateY(15px); } 50% { -webkit-transform: translateY(30px); transform: translateY(30px); } 75% { -webkit-transform: translateY(15px); transform: translateY(15px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}
@-webkit-keyframes bridMove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 50% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 75% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes bridMove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 50% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 75% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
} @keyframes squares { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); transform: scale(2.1); opacity: 0; }
}
@-moz-keyframes squares { 0% { -moz-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -moz-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -moz-transform: scale(2.1); transform: scale(2.1); opacity: 0; }
}
@-o-keyframes squares { 0% { -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; }
}
@keyframes squares { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); -moz-transform: scale(1.24); -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); -moz-transform: scale(2.1); -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; }
} .mt-20 { margin-top: 20px;
} .mt-30 { margin-top: 30px;
} .mt-40 { margin-top: 40px;
} .mt-50 { margin-top: 50px;
} .mt-60 { margin-top: 60px;
} .mt-80 { margin-top: 80px;
} .mt-120 { margin-top: 120px;
} .mt--60 { margin-top: -60px;
} .mt--120 { margin-top: -120px;
} .mb-20 { margin-bottom: 20px;
} .mb-30 { margin-bottom: 30px;
} .mb-40 { margin-bottom: 40px;
} .mb-50 { margin-bottom: 50px;
} .mb-60 { margin-bottom: 60px;
} .mb-80 { margin-bottom: 80px;
} .mb-120 { margin-bottom: 120px;
} .mb--60 { margin-bottom: -60px;
} .mb--120 { margin-bottom: -120px;
} .pt-20 { padding-top: 20px;
} .pt-30 { padding-top: 30px;
} .pt-40 { padding-top: 40px;
} .pt-50 { padding-top: 50px;
} .pt-60 { padding-top: 60px;
} .pt-80 { padding-top: 80px;
} .pt-100 { padding-top: 100px;
} .pt-110 { padding-top: 110px;
} .pt-115 { padding-top: 115px;
} .pt-120 { padding-top: 120px;
} .pt-142 { padding-top: 142px;
} .pb-20 { padding-bottom: 20px;
} .pb-30 { padding-bottom: 30px;
} .pb-40 { padding-bottom: 40px;
} .pb-50 { padding-bottom: 50px;
} .pb-60 { padding-bottom: 60px;
} .pb-80 { padding-bottom: 80px;
} .pb-90 { padding-bottom: 90px;
} .pb-100 { padding-bottom: 100px;
} .pb-110 { padding-bottom: 110px;
} .pb-115 { padding-bottom: 115px;
} .pb-120 { padding-bottom: 120px;
} .pl-5 { padding-left: 5px;
} .pl-10 { padding-left: 10px;
} .pl-15 { padding-left: 15px;
} .pl-20 { padding-left: 20px;
} .pl-30 { padding-left: 30px;
} .pr-5 { padding-right: 5px;
} .pr-10 { padding-right: 10px;
} .pr-15 { padding-right: 15px;
} .pr-20 { padding-right: 20px;
} .pr-30 { padding-right: 30px;
} .social { position: relative; border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .social__list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-between;
} @media (max-width: 767px) { .social__list { flex-direction: column; }
}
.social__list li { position: relative;
} @media (max-width: 767px) { .social__list li { width: 100%; }
}
.social__list li a { font-size: 32px; color: var(--karoons-black, #212226); text-transform: uppercase; font-weight: 500; display: flex; align-items: center; gap: 18px; padding: 50px 0;
} @media (max-width: 1199px) { .social__list li a { font-size: 30px; }
}
@media (max-width: 991px) { .social__list li a { font-size: 24px; gap: 10px; padding: 40px 0; }
}
@media (max-width: 767px) { .social__list li a { justify-content: center; }
}
.social__list li a i { color: var(--karoons-text, #838383); position: relative; top: 4px; transition: all 0.3s ease;
} .social__list li a:hover { color: var(--karoons-base, #E23B33);
} .social__list li a:hover i { color: var(--karoons-base, #E23B33); animation: bounceIn 1s linear; animation-duration: 1s;
} .social__list li + li { position: relative;
} .social__list li + li::before { position: absolute; left: -36%; top: 0; width: 1px; height: 100%; content: ""; background-color: var(--karoons-border-color, #DEDEDE);
} @media (max-width: 1199px) { .social__list li + li::before { left: -20%; }
}
@media (max-width: 991px) { .social__list li + li::before { left: -15%; }
}
@media (max-width: 767px) { .social__list li + li::before { width: 100%; height: 1px; left: 0; }
} body { font-family: var(--karoons-font, "Barlow", sans-serif); color: var(--karoons-text, #838383); font-size: 16px; line-height: 1.625; font-weight: 400;
} body.locked { overflow: hidden;
} a { color: var(--karoons-base, #E23B33); transition: all 400ms ease;
} a,
a:hover,
a:focus,
a:visited { text-decoration: none;
} ::placeholder { color: inherit; opacity: 1;
} h1,
h2,
h3,
h4,
h5,
h6 { font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226);
} @media (max-width: 575px) { h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { display: none; }
}
@media (max-width: 575px) { p br { display: none; }
}
::placeholder { color: inherit; opacity: 1;
} .background-base { background-color: var(--karoons-base, #E23B33);
} .background-gray { background-color: var(--karoons-gray, #F4F4F4);
} .background-black { background-color: var(--karoons-black, #212226);
} .background-black-2 { background-color: var(--karoons-black2, #141215);
} .karoons-text-dark { color: var(--karoons-text-dark, #6e6b70);
} .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden;
} .container-fluid,
.container { padding-left: 15px; padding-right: 15px;
} @media (min-width: 1200px) { .container { max-width: 1200px; }
}
.row { --bs-gutter-x: 30px;
} .gutter-y-10 { --bs-gutter-y: 10px;
} .gutter-y-15 { --bs-gutter-y: 15px;
} .gutter-y-20 { --bs-gutter-y: 20px;
} .gutter-y-30 { --bs-gutter-y: 30px;
} .gutter-y-60 { --bs-gutter-y: 60px;
} .karoons-btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 16px; font-weight: 600; padding: 9px 21px; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center;
} .karoons-btn i { font-size: 13px; margin-right: 20px; color: inherit; display: inline-block; transition: all 0.2s ease;
} .karoons-btn::after { content: ""; background-color: var(--karoons-black, #212226); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1;
} .karoons-btn:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .karoons-btn:hover i { transform: rotate(45deg);
} .karoons-btn:hover:after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
} .tabs-box .tabs-content .tab:not(.active-tab) { display: none;
} .bootstrap-select .dropdown-menu { padding-top: 0; padding-bottom: 0; border-radius: 0;
} .bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active { background-color: var(--karoons-base, #E23B33);
} .tns-outer .tns-controls { display: flex; justify-content: center; align-items: center; margin-top: 40px;
} .tns-outer .tns-controls button { width: 45px; height: 45px; border: 2px solid #f4f4f4; outline: none; display: flex; justify-content: center; align-items: center; color: var(--karoons-text, #838383); border-radius: 50%; margin-left: 5px; margin-right: 5px;
} .block-title { margin-top: -8px; margin-bottom: 50px;
} .block-title__decor { width: 21px; height: 14px; background-image: url(https://domingosmachado-pecas-auto.pt/wp-content/themes/images/shapes/leaf-1-1.png); background-repeat: no-repeat; background-position: top center; display: inline-block; line-height: 1; margin-bottom: -5px; position: relative; top: -7px;
} .block-title p { margin: 0; color: var(--karoons-text, #838383); font-size: 16px; line-height: 1; margin-bottom: 7px;
} @media (min-width: 768px) { .block-title p { font-size: 18px; }
}
@media (min-width: 992px) { .block-title p { font-size: 20px; }
}
.block-title h3 { margin: 0; font-size: 35px; color: var(--karoons-black, #212226);
} @media (min-width: 768px) { .block-title h3 { font-size: 42px; }
}
@media (min-width: 992px) { .block-title h3 { font-size: 50px; }
}
.ul-list-one { margin-bottom: 0;
} .ul-list-one li { position: relative; padding-left: 45px; font-size: 16px; font-weight: 500; color: var(--karoons-black, #212226);
} @media (min-width: 481px) { .ul-list-one li { font-size: 20px; }
}
.ul-list-one li::before { content: "\e907"; color: var(--karoons-base, #E23B33); font-size: 26px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-family: "azino-icon";
} .preloader { position: fixed; background-color: var(--karoons-black, #212226); background-position: center center; background-repeat: no-repeat; top: 0; left: 0; right: 0; bottom: 0; z-index: 9991; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center;
} .preloader__image { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-repeat: no-repeat; background-position: center center; background-size: 60px auto; width: 100%; height: 100%;
} .scroll-top { position: fixed; right: 30px; bottom: 30px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50%; background-color: var(--karoons-black, #212226); z-index: 99; opacity: 0; padding: 6px; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear;
} .scroll-top--active { opacity: 1; visibility: visible; transform: translateY(0);
} .scroll-top::after { position: absolute; content: "\e919"; font-family: "icomoon" !important; text-align: center; line-height: 50px; font-size: 12px; transform: rotate(-45deg); color: var(--karoons-base, #E23B33); left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear;
} .scroll-top__circle path { stroke: var(--karoons-base, #E23B33); stroke-width: 4; fill: none; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear;
} .post-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; margin-top: 30px;
} .post-pagination.text-left { justify-content: flex-start;
} @media (max-width: 767px) { .post-pagination { margin-top: 10px; }
}
.post-pagination--mt0 { margin-top: 0;
} .post-pagination a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--karoons-gray, #F4F4F4); border: 1px solid var(--karoons-gray, #F4F4F4); color: var(--karoons-text, #838383); font-size: 14px; font-weight: 500; border-radius: 50%; transition: 500ms ease;
} .post-pagination a:hover { background-color: transparent; border-color: var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33);
} .post-pagination a.current { font-weight: 800; background-color: transparent; border-color: var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33);
} .post-pagination a.prev { font-size: 20px;
} .post-pagination a.prev:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .post-pagination a.prev span { display: inline-block; transform: rotate(180deg);
} .post-pagination a.next { font-size: 20px;
} .post-pagination a.next:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .karoons-owl__carousel--with-shadow .owl-stage-outer { overflow: visible;
} .karoons-owl__carousel--with-shadow .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease;
} .karoons-owl__carousel--with-shadow .owl-item.active { opacity: 1; visibility: visible;
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav { display: flex; justify-content: center; gap: 10px; margin-top: 40px;
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav button { border: none; outline: none; width: 44px; height: 44px; margin: 0; padding: 0; opacity: 1; background-color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 0; color: var(--karoons-white, #fff); transition: all 500ms ease;
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav button:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-black, #212226);
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav button.owl-prev { background-color: var(--karoons-black, #212226);
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav button.owl-prev i { display: inline-block; transform: rotate(180deg);
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav button.owl-prev:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-dots { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 50px;
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span { width: 6px; height: 6px; display: block; border-radius: 50%; background-color: var(--karoons-border-color, #DEDEDE); border: none; position: relative; margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease;
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span::after { width: 22px; height: 22px; position: absolute; content: ""; left: -8px; top: 0; bottom: 0; margin: auto; border-radius: 50%; border: 1px solid var(--karoons-base, #E23B33); transform: scale(0); -webkit-transition: all 300ms ease; transition: all 300ms ease;
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span,
.karoons-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span { background-color: var(--karoons-base, #E23B33);
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span::after,
.karoons-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span::after { transform: scale(1);
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-dots.disabled { display: none;
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots { margin-top: 50px;
} .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled { display: none;
} .custom-cursor-two { position: absolute; top: 0; left: 0; padding: 3px 10px 0; display: flex; align-items: center; justify-content: center; gap: 8px; width: 82px; height: 82px; border-radius: 50%; background-color: var(--karoons-white, #fff); opacity: 0; transition: all 500ms ease; z-index: 11; pointer-events: none;
} .custom-cursor-two__icon { font-size: 22px; color: var(--karoons-black, #212226); display: inline-block;
} .custom-cursor-two__icon--left { position: relative; top: -3px; transform: rotate(-180deg);
} .custom-cursor-two-hover:hover + .custom-cursor-two { opacity: 1;
} .sec-title { position: relative; line-height: 1; padding-bottom: 30px;
} @media (min-width: 768px) { .sec-title { padding-bottom: 50px; margin-top: -2px; }
}
.sec-title__tagline { margin: 0; color: var(--karoons-base, #E23B33); text-transform: uppercase; display: inline-block; font-weight: 600; font-size: 16px; line-height: 1em; margin-bottom: 13px;
} .sec-title__tagline__border { width: 9px; height: 3px; display: inline-block; position: relative; top: -3px; margin-left: 10px; background-color: var(--karoons-base, #E23B33);
} .sec-title__tagline__border::after { position: absolute; left: 13px; content: ""; width: 20px; height: 3px; background-color: var(--karoons-base, #E23B33);
} .sec-title__title { margin: 0; font-size: 32px; line-height: 40px; letter-spacing: -1px; text-transform: uppercase; font-weight: 700; margin: 0;
} .sec-title__title > span { color: var(--karoons-base, #E23B33); font-weight: 600; font-style: italic;
} @media (min-width: 768px) { .sec-title__title { font-size: 50px; line-height: 60px; }
}
.sec-title.text-end .sec-title__tagline { margin-right: 25px;
} .sec-title.text-center .sec-title__tagline { margin-left: -20px;
} .ui-datepicker .ui-datepicker-header { background-image: none; background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff); font-family: var(--karoons-font, "Barlow", sans-serif);
} .ui-datepicker-calendar th span { font-family: var(--karoons-font, "Barlow", sans-serif);
} .ui-datepicker-calendar td { background-color: var(--karoons-gray, #F4F4F4); background-image: none; font-family: var(--karoons-font, "Barlow", sans-serif); color: var(--karoons-text, #838383);
} .ui-datepicker-calendar td a { border-color: var(--karoons-border-color, #DEDEDE); background-color: var(--karoons-gray, #F4F4F4); background-image: none;
} .ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default { border-color: var(--karoons-border-color, #DEDEDE); background-color: var(--karoons-gray, #F4F4F4); background-image: none; color: var(--karoons-text, #838383); padding: 10px 5px; text-align: center; line-height: 1em;
} .ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-header .ui-state-default:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { background-image: none; background-color: var(--karoons-white, #fff); color: var(--karoons-black, #212226);
} .ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); top: 2px;
} .ui-datepicker .ui-datepicker-prev:hover { left: 2px;
} .ui-datepicker .ui-datepicker-next:hover { right: 2px;
} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: var(--karoons-base, #E23B33); box-shadow: var(--karoons-base, #E23B33) 0 1px 3px 0 inset; color: var(--karoons-white, #fff); font-weight: 700;
} .xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: var(--karoons-base, #E23B33) !important; color: var(--karoons-white, #fff) !important;
} .video-one { height: 647px; width: 100vw; z-index: 1; position: relative; overflow: hidden;
} .video-one img { width: 100%; height: 100%; object-fit: cover;
} .video-one .video-popup { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; transition: all 500ms ease; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1;
} .video-one .video-popup i { background-color: var(--karoons-white, #fff); border-radius: 50%; z-index: 2; width: 70px; height: 70px; transition: all 500ms ease; font-size: 18px; color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center;
} .video-one .video-popup .ripple { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 25px); height: calc(100% + 25px); border-radius: 50%; animation: videoZoom 3s linear infinite; animation-delay: 0s; animation-delay: 0.55s;
} .video-one .video-popup .ripple::after { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 50px); height: calc(100% + 50px); border-radius: 50%; animation: videoZoom 1.5s linear infinite; animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s;
} .video-one .video-popup:hover i { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .video-space { height: 100vh; width: 100vw; display: grid; place-content: center; position: relative;
} .video-two { position: relative; background-color: var(--karoons-black, #212226); padding: 143px 0 320px;
} @media (max-width: 767px) { .video-two { padding: 100px 0 270px; } .video-two .text-end { text-align: left !important; }
}
.video-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--karoons-black, #212226); background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0.5;
} .video-two__shape { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; background-size: auto;
} @media (max-width: 1199px) { .video-two__shape { display: none; }
}
.video-two .container { position: relative;
} .video-two__btn { width: 145px; height: 145px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; position: relative; margin-top: 42px;
} .video-two__btn .video-popup { font-size: 24px; color: var(--karoons-white, #fff); transition: all 500ms ease; position: relative; z-index: 10;
} .video-two__btn .video-popup:hover { color: var(--karoons-base, #E23B33);
} .video-two__btn .curved-circle { position: absolute; top: 0; left: 0; width: 145px; height: 145px; transform-origin: center center; display: flex; justify-content: center; align-items: center; animation: textRotate 15s linear 0s forwards infinite alternate;
} .video-two__btn .curved-circle--item { width: 145px !important; height: 145px !important;
} .video-two__btn .curved-circle--item span { text-transform: uppercase; font-size: 14px; color: var(--karoons-white, #fff); letter-spacing: 0.4em;
} .video-two__title { margin: 0; text-transform: uppercase; color: var(--karoons-white, #fff); font-size: 40px; line-height: 1.2em; margin-bottom: 40px;
} @media (min-width: 768px) { .video-two__title { font-size: 50px; }
}
@media (min-width: 992px) { .video-two__title { font-size: 60px; margin-bottom: 35px; }
}
.video-two__link::before { background-color: var(--karoons-base, #E23B33);
} .team-one { padding: 120px 0; position: relative;
} @media (max-width: 767px) { .team-one { padding: 80px 0; }
}
.team-one__btn { position: relative; text-align: right; margin: 33px 0 0;
} @media (max-width: 767px) { .team-one__btn { margin: 0 0 45px; text-align: left; }
}
.team-one__btn .karoons-btn { background-color: transparent; color: var(--karoons-base, #E23B33); border: 1px solid var(--karoons-base, #E23B33);
} .team-one__btn .karoons-btn::after { background-color: var(--karoons-base, #E23B33);
} .team-one__btn .karoons-btn:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .team-card { position: relative; z-index: 1; border: 1px solid var(--karoons-border-color, #DEDEDE); padding: 19px;
} .team-card::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 0; z-index: -1; background-color: rgba(var(--karoons-base-rgb, 226, 59, 51), 0.2); transition: all 0.5s;
} .team-card:hover { border-color: rgba(var(--karoons-base-rgb, 226, 59, 51), 0.2);
} .team-card:hover .team-card__designation { color: var(--karoons-black, #212226);
} .team-card:hover .team-card__social { border-color: rgba(var(--karoons-text-rgb, 131, 131, 131), 0.2);
} .team-card:hover:after { height: 100%;
} .team-card__image { position: relative; overflow: hidden;
} .team-card__image img { width: 100%; height: auto; -webkit-transition: all 500ms ease; transition: all 500ms ease;
} .team-card__image::after { background: linear-gradient(90deg, rgba(var(--karoons-white-rgb, 255, 255, 255), 0.05) 0px, rgba(var(--karoons-white-rgb, 255, 255, 255), 0.05) 77%, rgba(var(--karoons-white-rgb, 255, 255, 255), 0.25) 92%, rgba(var(--karoons-white-rgb, 255, 255, 255), 0)); content: ""; height: 200%; left: -210%; opacity: 0; position: absolute; top: -50%; transition: all 0.7s ease 0s; width: 200%;
} .team-card:hover .team-card__image::after { left: -30%; opacity: 1; top: -20%; transition-duration: 0.7s, 0.7s, 0.15s; transition-property: left, top, opacity; transition-timing-function: linear;
} .team-card:hover .team-card__image img { transform: rotate(2deg) scale(1.05);
} .team-card__content { position: relative; text-align: center; padding: 30px 30px 5px;
} @media (min-width: 992px) and (max-width: 1199px) { .team-card__content { padding-left: 0; padding-right: 0; }
}
.team-card__title { margin: 0; font-size: 22px; text-transform: uppercase; font-weight: 500; margin-bottom: 3px;
} .team-card__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .team-card__title a:hover { background-size: 100% 1px;
} .team-card__title a:hover { color: var(--karoons-base, #E23B33);
} .team-card__designation { margin: 0 0 16px; text-transform: capitalize; transition: all 0.3s;
} .team-card__social { display: flex; align-items: center; justify-content: center; gap: 25px; border-top: 1px solid var(--karoons-border-color, #DEDEDE); padding: 16px 0 0; transition: all 0.3s;
} .team-card__social a { font-size: 20px; color: var(--karoons-text, #838383);
} .team-card__social a:hover { color: var(--karoons-base, #E23B33);
} .team-two { padding: 120px 0; position: relative;
} @media (max-width: 767px) { .team-two { padding: 80px 0; }
}
.team-card-two { position: relative;
} .team-card-two__image { position: relative; overflow: hidden; width: 100%;
} .team-card-two__image img { width: 100%; height: auto; -webkit-transition: all 500ms ease; transition: all 500ms ease;
} .team-card-two__image img:nth-child(2) { transition: 0.4s; transform: translatey(-50%) scaley(2); opacity: 0; filter: blur(10px); position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
} .team-card-two:hover .team-card-two__image img:nth-child(2) { transform: translatey(0) scaley(1); opacity: 1; filter: blur(0);
} .team-card-two__content { position: absolute; z-index: 1; right: 30px; bottom: 30px; padding: 15px 20px 13px; background-color: var(--karoons-white, #fff); display: inline-block; transform: rotate(180deg); white-space: nowrap; writing-mode: vertical-rl;
} .team-card-two__content::after { position: absolute; left: 0; top: 0; width: 100%; height: 0; content: ""; background-color: var(--karoons-base, #E23B33); z-index: -1; transition: 0.5s;
} .team-card-two:hover .team-card-two__content::after { height: 100%;
} .team-card-two__title { margin: 0; font-size: 22px; text-transform: uppercase; font-weight: 600; margin-bottom: 6px;
} .team-card-two__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .team-card-two__title a:hover { background-size: 100% 1px;
} .team-card-two__title a:hover { background-size: 1px 100%;
} .team-card-two:hover .team-card-two__title { color: var(--karoons-white, #fff);
} .team-card-two__designation { margin: 0; text-transform: capitalize; transition: 0.3s;
} .team-card-two:hover .team-card-two__designation { color: var(--karoons-white, #fff);
} .team-card-two__social { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; position: absolute; left: 30px; top: 30px; transform: translateX(-100%) scale(0.1); z-index: 1; transition: 0.7s; opacity: 0;
} .team-card-two__social a { width: 40px; height: 40px; background-color: var(--karoons-white, #fff); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--karoons-base, #E23B33);
} .team-card-two__social a:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .team-card-two:hover .team-card-two__social { transform: translateX(0) scale(1); opacity: 1;
} .team-details { padding: 120px 0 60px; position: relative;
} @media (max-width: 767px) { .team-details { padding: 80px 0 40px; }
}
.team-details__inner { position: relative; border: 1px solid var(--karoons-border-color, #DEDEDE); overflow: hidden; padding: 29px;
} @media (max-width: 767px) { .team-details__inner { padding-left: 25px; padding-right: 25px; }
}
.team-details__image { display: inline-block; position: relative; overflow: hidden;
} .team-details__image img { max-width: 100%;
} .team-details__content { position: relative; padding: 3px 0 0 0;
} @media (min-width: 1200px) { .team-details__content { margin-left: -53px; }
}
.team-details__title { text-transform: uppercase; margin: 0; font-weight: 700; font-size: 20px; letter-spacing: -0.4px; line-height: 1; margin-bottom: 7px;
} .team-details__designation { display: block; font-size: 15px; font-weight: 500; letter-spacing: -0.3px; text-transform: uppercase; margin: 0;
} .team-details__social { display: flex; align-items: center; justify-content: center; gap: 10px; position: absolute; top: 5px; right: 0; z-index: 2;
} @media (max-width: 767px) { .team-details__social { position: relative; top: 0; justify-content: flex-start; margin: 15px 0 0; }
}
.team-details__social a { width: 36px; height: 36px; background-color: var(--karoons-gray, #F4F4F4); display: flex; align-items: center; justify-content: center; color: var(--karoons-base, #E23B33); border-radius: 50%; font-size: 14px; transition: all 500ms ease;
} .team-details__social a i { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;
} .team-details__social a:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .team-details__social a:hover i { animation: iconTranslateY 0.4s forwards;
} .team-details__divider { position: relative; width: 100%; height: 1px; background-color: var(--karoons-border-color, #DEDEDE); margin: 24px 0 20px;
} .team-details__text { line-height: 30px; letter-spacing: -0.32px; margin: 0 0 12px;
} .team-details__sign { position: relative; margin: 68px 0 30px; padding-bottom: 28px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} .team-details__sign img { max-width: 100%; height: auto;
} .team-details__list { margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px;
} @media (max-width: 767px) { .team-details__list { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
}
.team-details__list li { position: relative; font-size: 16px; font-weight: 500; color: var(--karoons-text, #838383); display: flex; align-items: center; gap: 10px;
} .team-details__list li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .team-details__list li a:hover { background-size: 100% 1px;
} .team-details__list li a:hover { color: var(--karoons-base, #E23B33);
} .team-details__list li:hover .team-details__list__icon { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .team-details__list li:hover .team-details__list__icon span { animation: iconTranslateY 0.4s forwards;
} .team-details__list__icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: var(--karoons-gray, #F4F4F4); color: var(--karoons-base, #E23B33); border-radius: 50%; font-size: 16px; transition: all 0.4s;
} .team-details__list__icon span { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;
} .team-details-info { position: relative; padding: 60px 0; background-color: var(--karoons-gray, #F4F4F4);
} .team-details-info__title { margin: 0; text-transform: uppercase; font-size: 20px; letter-spacing: -0.4px; font-weight: 700; margin-bottom: 19px;
} .team-details-info__text { line-height: 30px; letter-spacing: -0.32px; margin: 0 0 27px;
} .team-details-info__area { margin-top: 50px; position: relative; background-color: var(--karoons-white, #fff); padding: 55px 40px 52px;
} @media (max-width: 767px) { .team-details-info__area { padding-left: 25px; padding-right: 25px; }
}
.team-details-info__area .team-details-info__title { margin-bottom: 35px;
} .team-details-info__area .team-details-info__text { margin: 5px 0 0;
} .team-details-info__progress { position: relative; margin-bottom: 26px;
} .team-details-info__progress__title { text-transform: uppercase; margin: 0; font-size: 16px; font-weight: 500; margin-bottom: 8px;
} .team-details-info__progress__bar { width: 100%; height: 15px; background-color: var(--karoons-border-color, #DEDEDE); position: relative;
} .team-details-info__progress__inner { position: absolute; height: 100%; left: 0; top: 0; background-color: var(--karoons-base, #E23B33); transition: all 700ms linear; width: 0px;
} .team-details-info__progress__number { position: absolute; bottom: calc(100% + 4px); right: 0; font-size: 16px; font-weight: 700; color: var(--karoons-base, #E23B33);
} .blog-card { position: relative; border: 1px solid var(--karoons-border-color, #DEDEDE); padding: 19px;
} .blog-card__image { position: relative; overflow: hidden; margin: 0 0 30px;
} .blog-card__image img { transition: 0.5s; background-size: cover; width: 100%;
} .blog-card__image img:nth-child(2) { position: absolute; top: 0; left: 0; object-fit: cover; visibility: hidden; height: 100%; width: 0; transition: 1s; overflow: hidden;
} .blog-card:hover .blog-card__image img:nth-child(2) { width: 100%; visibility: visible;
} .blog-card__date { width: 59px; height: 51px; background-color: var(--karoons-base, #E23B33); display: flex; justify-content: center; text-align: center; align-items: center; font-size: 12px; font-family: var(--karoons-font, "Barlow", sans-serif); color: var(--karoons-white, #fff); padding: 0; line-height: 1.2em; position: absolute; top: 16px; left: 16px; z-index: 10; text-transform: uppercase; font-weight: 400; flex-direction: column;
} .blog-card__date span { font-size: 24px; font-weight: 600; display: block; margin-bottom: 2px;
} .blog-card__content { position: relative; padding: 0 10px 10px;
} .blog-card__meta { display: flex; align-items: center; gap: 30px; margin: 0; margin-bottom: 11px;
} .blog-card__meta li { color: var(--karoons-text, #838383); font-size: 14px; font-weight: 400; display: flex; align-items: center;
} .blog-card__meta li i { font-size: 20px; color: var(--karoons-base, #E23B33); margin-right: 8px;
} .blog-card__meta li a { display: flex; align-items: center; color: inherit; transition: all 500ms ease;
} .blog-card__meta li a:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .blog-card__title { margin: 0; text-transform: uppercase; font-size: 21px; line-height: 30px; margin-bottom: 14px; font-weight: 600;
} @media (min-width: 992px) { .blog-card__title { font-size: 24px; line-height: 32px; }
}
.blog-card__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .blog-card__title a:hover { background-size: 100% 1px;
} .blog-card__title a:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .blog-card__text { line-height: 28px; margin: 0 0 30px;
} .blog-card__bottom { position: relative; display: flex; align-items: center; justify-content: space-between;
} @media (max-width: 767px) { .blog-card__bottom { flex-direction: column; gap: 20px; align-items: flex-start; }
}
.blog-card__author { position: relative; min-height: 56px; padding: 4px 0 0 73px;
} .blog-card__author img { width: 56px; height: 56px; border-radius: 50%; position: absolute; left: 0; top: 0;
} .blog-card__author__text { margin: 0; color: var(--karoons-base, #E23B33); font-size: 14px;
} .blog-card__author__name { display: inline-block; color: var(--karoons-black, #212226); font-size: 16px; text-transform: uppercase; font-weight: 500; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .blog-card__author__name:hover { background-size: 100% 1px;
} .blog-card__author__name:hover { color: var(--karoons-base, #E23B33);
} .blog-card .karoons-btn { padding: 12px 27px;
} .blog-card .karoons-btn i { font-size: 11px; margin-left: 10px; margin-right: 0; transform: rotate(45deg);
} .blog-card--reverse { display: flex; align-items: center; gap: 30px;
} @media (min-width: 992px) and (max-width: 1199px) { .blog-card--reverse { gap: 20px; } .blog-card--reverse .blog-card__meta { gap: 12px; } .blog-card--reverse .blog-card__meta i { font-size: 15px; }
}
@media (max-width: 767px) { .blog-card--reverse { flex-direction: column; }
}
.blog-card--reverse .blog-card__image { margin: 0; width: 47.6%;
} @media (max-width: 767px) { .blog-card--reverse .blog-card__image { width: 100%; }
}
.blog-card--reverse .blog-card__image img:nth-child(2) { transition: 0.7s;
} .blog-card--reverse .blog-card__content { padding: 0; width: 52.4%;
} @media (max-width: 767px) { .blog-card--reverse .blog-card__content { width: 100%; }
}
.blog-card--reverse .blog-card__title { margin-bottom: 31px;
} @media (min-width: 992px) and (max-width: 1199px) { .blog-card--reverse .blog-card__title { font-size: 19px; line-height: 28px; }
}
.blog-one { padding: 120px 0; position: relative;
} @media (max-width: 767px) { .blog-one { padding: 80px 0; }
}
.blog-one__btn { position: relative; text-align: right; margin: 33px 0 0;
} @media (max-width: 767px) { .blog-one__btn { margin: 0 0 45px; text-align: left; }
}
.blog-one__btn .karoons-btn { background-color: transparent; color: var(--karoons-base, #E23B33); border: 1px solid var(--karoons-base, #E23B33);
} .blog-one__btn .karoons-btn::after { background-color: var(--karoons-base, #E23B33);
} .blog-one__btn .karoons-btn:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .blog-one--home-four { background-color: var(--karoons-gray, #F4F4F4); padding: 60px 0;
} .blog-one--home-four__mb { margin-bottom: 40px;
} .blog-one--home-four__sec-title { font-size: 24px; letter-spacing: -0.48px; text-transform: uppercase; font-weight: 700; margin: 0;
} .blog-one--home-four .blog-one__btn { margin: 0;
} @media (max-width: 767px) { .blog-one--home-four .blog-one__btn { margin-top: 30px; }
}
.blog-two { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .blog-two { padding: 80px 0; }
}
.blog-card-two { position: relative; background-color: var(--karoons-white, #fff); filter: drop-shadow(0px 4px 12.5px rgba(0, 0, 0, 0.06)); transition: all 400ms ease;
} .blog-card-two:hover { filter: drop-shadow(0px 4px 12.5px rgba(0, 0, 0, 0.1));
} .blog-card-two__image { position: relative; overflow: hidden;
} .blog-card-two__image img { transition: 0.5s; background-size: cover; width: 100%;
} .blog-card-two__image img:nth-child(2) { position: absolute; bottom: 0; left: 0; object-fit: cover; visibility: hidden; height: 0; width: 100%; transition: 0.5s; overflow: hidden;
} .blog-card-two:hover .blog-card-two__image img:nth-child(2) { height: 100%; visibility: visible;
} .blog-card-two__content { position: relative; padding: 30px 30px 25px;
} @media (min-width: 992px) and (max-width: 1199px) { .blog-card-two__content { padding-left: 25px; padding-right: 22px; }
}
.blog-card-two__meta { display: flex; align-items: center; gap: 30px; margin: 0; margin-bottom: 14px;
} @media (min-width: 992px) and (max-width: 1199px) { .blog-card-two__meta { gap: 15px; }
}
.blog-card-two__meta li { color: var(--karoons-text, #838383); font-size: 14px; font-weight: 500; text-transform: capitalize; display: flex; align-items: center;
} .blog-card-two__meta li i { font-size: 20px; color: var(--karoons-base, #E23B33); margin-right: 8px;
} @media (min-width: 992px) and (max-width: 1199px) { .blog-card-two__meta li i { margin-right: 5px; }
}
.blog-card-two__meta li a { display: flex; align-items: center; color: inherit; transition: all 500ms ease;
} .blog-card-two__meta li a:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .blog-card-two__meta li.blog-card-two__meta__date { width: 59px; height: 54px; background-color: var(--karoons-base, #E23B33); display: flex; justify-content: center; text-align: center; align-items: center; font-size: 12px; color: var(--karoons-white, #fff); font-weight: 400; padding: 0; line-height: 1.2em; position: relative; z-index: 2; flex-direction: column; margin-right: -10px;
} @media (min-width: 992px) and (max-width: 1199px) { .blog-card-two__meta li.blog-card-two__meta__date { margin-right: 0px; width: 54px; }
}
.blog-card-two__meta li.blog-card-two__meta__date span { font-size: 24px; display: block; margin-bottom: 5px;
} .blog-card-two__title { margin: 0; text-transform: uppercase; font-size: 22px; line-height: 32px; margin-bottom: 10px; font-weight: 600;
} .blog-card-two__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .blog-card-two__title a:hover { background-size: 100% 1px;
} .blog-card-two__title a:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .blog-card-two__rm { font-weight: 500; color: var(--karoons-text, #838383); font-size: 16px; text-transform: capitalize; display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .blog-card-two__rm:hover { background-size: 100% 1px;
} .blog-card-two__rm i { display: inline-block; margin-left: 10px; position: relative; top: 2px;
} .blog-card-two__rm:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .blog-card-two--reverse { position: relative; display: flex; flex-direction: column-reverse;
} .blog-card-two--reverse .blog-card-two__image img:nth-child(2) { bottom: auto; top: 0;
} .blog-three { position: relative; padding: 120px 0 100px;
} @media (max-width: 767px) { .blog-three { padding: 80px 0 60px; }
}
@media (min-width: 1500px) { .blog-three .container { max-width: 1600px; }
}
.blog-three .blog-card-two__title { text-transform: capitalize;
} .blog-card-list { position: relative; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); padding: 0 0 40px; margin: 0 0 40px;
} .blog-card-list__image { position: relative; overflow: hidden; margin: 0 0 26px;
} .blog-card-list__image img { transition: 0.5s; background-size: cover; width: 100%;
} .blog-card-list__image img:nth-child(2) { position: absolute; top: 0; left: 0; object-fit: cover; visibility: hidden; height: 100%; width: 0; transition: 1s; overflow: hidden;
} .blog-card-list:hover .blog-card-list__image img:nth-child(2) { width: 100%; visibility: visible;
} .blog-card-list__date { width: 59px; height: 54px; background-color: var(--karoons-base, #E23B33); display: flex; justify-content: center; text-align: center; align-items: center; font-size: 12px; font-family: var(--karoons-font, "Barlow", sans-serif); color: var(--karoons-white, #fff); padding: 0; line-height: 1.2em; position: absolute; top: 20px; left: 20px; z-index: 10; text-transform: capitalize; font-weight: 400; flex-direction: column;
} .blog-card-list__date span { font-size: 24px; font-weight: 400; display: block; margin-bottom: 6px;
} .blog-card-list__content { position: relative; padding: 0;
} .blog-card-list__meta { display: flex; align-items: center; gap: 30px; margin: 0; margin-bottom: 18px;
} .blog-card-list__meta li { color: var(--karoons-text, #838383); font-size: 12px; font-weight: 500; text-transform: capitalize; display: flex; align-items: center;
} .blog-card-list__meta li i { color: var(--karoons-base, #E23B33); margin-right: 10px;
} .blog-card-list__meta li a { display: flex; align-items: center; color: inherit; transition: all 500ms ease;
} .blog-card-list__meta li a:hover { color: var(--karoons-base, #E23B33);
} .blog-card-list__title { margin: 0; text-transform: uppercase; font-size: 20px; line-height: 30px; letter-spacing: -0.4px; margin-bottom: 14px; font-weight: 700;
} .blog-card-list__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .blog-card-list__title a:hover { background-size: 100% 1px;
} .blog-card-list__title a:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .blog-card-list__text { line-height: 28px; margin: 0 0 22px;
} .blog-card-list .karoons-btn { font-size: 15px; padding: 15px 22px; font-weight: 700;
} .blog-card-list .karoons-btn i { position: relative; top: 3px; font-size: 20px; margin: 0 0 0 24px; padding-left: 13px; border-left: 1px solid rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2); transform: none !important;
} .form-one__group { display: grid; grid-template-columns: 1fr; grid-gap: 20px 12px; margin: 0;
} @media (min-width: 576px) { .form-one__group { grid-template-columns: repeat(2, 1fr); }
}
.form-one__control { border: none; width: auto; height: auto; border-radius: 0; padding: 0; position: relative;
} .form-one__control label { display: block; line-height: 1; font-size: 14px; margin: 0 0 8px; font-weight: 500; cursor: pointer; text-transform: uppercase;
} .form-one__control__icon { position: absolute; bottom: 17px; right: 20px; font-size: 16px;
} .form-one__control--full { grid-column-start: 1; grid-column-end: -1;
} .form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; height: 60px; display: flex; align-items: center;
} .form-one .bootstrap-select > .dropdown-toggle { padding: 0; background-color: transparent; border-radius: 0; border: none; outline: none !important; color: var(--karoons-text, #838383); font-size: 16px; font-weight: 400;
} .form-one .bootstrap-select > .dropdown-toggle,
.form-one input[type=text],
.form-one input[type=tel],
.form-one input[type=email],
.form-one textarea { display: block; width: 100%; height: 50px; background-color: var(--karoons-gray, #F4F4F4); color: var(--karoons-text, #838383); font-size: 16px; font-weight: 400; border: none; outline: none; padding-left: 30px; padding-right: 30px;
} .form-one textarea { height: 135px; padding-top: 15px;
} .form-one .bootstrap-select > .dropdown-toggle { display: flex; align-items: center;
} .form-one .bootstrap-select > .dropdown-toggle .filter-option { display: flex; align-items: center;
} .form-one .bootstrap-select > .dropdown-toggle::after { display: none;
} .form-one .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 25px; font-weight: normal; font-family: "icomoon" !important; content: "\e909"; font-size: 20px; color: var(--karoons-text, #838383); display: flex; align-items: center;
} .form-one .bootstrap-select .dropdown-menu li a { padding: 15px 20px; color: var(--karoons-text, #838383); font-size: 16px;
} .form-one .bootstrap-select .dropdown-menu li a:hover,
.form-one .bootstrap-select .dropdown-menu li a.active { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .custom-cursor__cursor { width: 25px; height: 25px; border-radius: 100%; border: 1px solid var(--karoons-base, #E23B33); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; position: fixed; pointer-events: none; left: 0; top: 0; -webkit-transform: translate(calc(-50% + 5px), -50%); transform: translate(calc(-50% + 5px), -50%); z-index: 999991;
} .custom-cursor__cursor-two { width: 10px; height: 10px; border-radius: 100%; background-color: var(--karoons-base, #E23B33); opacity: 0.3; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s; transition: width 0.3s, height 0.3s, opacity 0.3s; z-index: 999991;
} .custom-cursor__hover { background-color: var(--karoons-base, #E23B33); opacity: 0.4;
} .custom-cursor__innerhover { width: 25px; height: 25px; opacity: 0.4;
} .main-footer { position: relative;
} .main-footer__top { padding-top: 60px; padding-bottom: 0;
} .main-footer__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.4; mix-blend-mode: overlay; background-size: cover; background-position: center center; background-repeat: no-repeat;
} .main-footer .container { position: relative;
} .main-footer__bottom { position: relative; text-align: center; border-top: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2);
} .main-footer__bottom__inner { padding: 24px 0;
} .main-footer__copyright { margin: 0; font-size: 16px; font-weight: 500; color: var(--karoons-text, #838383);
} .footer-widget { margin-bottom: 33px;
} .footer-widget--contact { position: relative;
} @media (min-width: 992px) and (max-width: 1199px) { .footer-widget--contact { margin-left: -30px; }
}
.footer-widget__logo { display: inline-flex; margin-bottom: 21px;
} .footer-widget__text { margin: 0; text-transform: capitalize; letter-spacing: -0.48px; margin-bottom: 22px;
} .footer-widget__about-info { position: relative; margin: 0; padding: 21px 0 0; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2);
} @media (max-width: 767px) { .footer-widget__about-info { grid-template-columns: repeat(1, 1fr); gap: 20px; }
}
.footer-widget__about-info li { position: relative; letter-spacing: -0.48px; text-transform: capitalize;
} .footer-widget__about-info li span { display: block; font-weight: 600;
} .footer-widget__title { font-size: 16px; font-weight: bold; color: var(--karoons-white, #fff); text-transform: uppercase; margin: 0; margin-top: 10px; margin-bottom: 25px;
} .footer-widget__links { padding: 0; margin: 0 0 -13px;
} .footer-widget__links li { line-height: 40px; letter-spacing: -0.48px; text-transform: capitalize;
} .footer-widget__links li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .footer-widget__links li a:hover { background-size: 100% 1px;
} .footer-widget__links li a:hover { color: var(--karoons-white, #fff);
} .footer-widget__newsletter { position: relative; width: 100%; margin-top: -8px;
} .footer-widget__newsletter::before { position: absolute; left: 0; top: 52%; transform: translateY(-50%); font-family: "icomoon" !important; content: "\e90a"; font-size: 16px; color: var(--karoons-text, #838383);
} .footer-widget__newsletter input[type=text] { width: 100%; display: block; outline: none; border: none; border-bottom: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2); height: 55px; background-color: transparent; color: var(--karoons-text, #838383); font-size: 16px; font-weight: 400; padding-left: 32px; padding-right: 20px; transition: all 500ms ease;
} .footer-widget__newsletter input[type=text]:focus { color: var(--karoons-white, #fff);
} .footer-widget__newsletter button[type=submit] { background-color: transparent; width: auto; height: auto; border: none; outline: none; color: var(--karoons-white, #fff); font-size: 20px; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(45deg); transition: all 500ms ease;
} .footer-widget__newsletter button[type=submit]:hover { color: var(--karoons-base, #E23B33);
} .footer-widget__checked-box { position: relative; display: block; margin-top: 15px; margin-bottom: 41px;
} .footer-widget__checked-box label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0; color: var(--karoons-text, #838383); font-size: 16px; font-weight: 400; text-transform: capitalize; cursor: pointer;
} .footer-widget__checked-box label a { color: inherit; text-decoration: underline;
} .footer-widget__checked-box label a:hover { color: var(--karoons-base, #E23B33);
} .footer-widget__checked-box label span:before { position: absolute; top: 5px; left: 5px; display: block; content: ""; width: 6px; height: 6px; background-color: var(--karoons-base, #E23B33); border-radius: 50%; pointer-events: none; transform-origin: 66% 66%; transition: all 0.15s ease-in-out; opacity: 0;
} .footer-widget__checked-box input[type=checkbox] { display: none;
} .footer-widget__checked-box input[type=checkbox] + label span { position: absolute; top: 4px; left: 0; width: 18px; height: 18px; border-radius: 50%; vertical-align: middle; background: transparent; cursor: pointer; transition: all 300ms ease; border: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2);
} .footer-widget__checked-box input[type=checkbox]:checked + label span:before { opacity: 1;
} .footer-widget__info { position: relative; display: flex; align-items: center; gap: 16px;
} .footer-widget__info__icon { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--karoons-white, #fff); background-color: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.1); transition: all 300ms ease;
} .footer-widget__info:hover .footer-widget__info__icon { background-color: var(--karoons-base, #E23B33);
} .footer-widget__info__title { margin: 0; font-size: 14px; font-weight: 500; text-transform: uppercase;
} .footer-widget__info__number { font-size: 24px; font-weight: 600; color: var(--karoons-base, #E23B33); margin: 0;
} .footer-widget__info__number a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .footer-widget__info__number a:hover { background-size: 100% 1px;
} .footer-widget__info__number a:hover { color: var(--karoons-white, #fff);
} .mail { position: relative; background-color: var(--karoons-gray, #F4F4F4);
} .mail__inner { position: relative; background-color: var(--karoons-base, #E23B33); border-radius: 20px; overflow: hidden; padding: 40px 40px 40px; margin-bottom: -67px; z-index: 2;
} @media (max-width: 991px) { .mail__inner { padding: 40px 30px 40px; }
}
@media (max-width: 767px) { .mail__inner { padding: 40px 20px 40px; }
}
.mail__inner__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; mix-blend-mode: multiply; opacity: 0.15;
} .mail__inner__title { margin: 0; color: var(--karoons-white, #fff); position: relative; font-size: 32px; font-weight: 700; text-transform: uppercase;
} @media (max-width: 767px) { .mail__inner__title { margin: 0 0 30px; }
}
.mail__inner__newsletter { position: relative; width: 100%;
} .mail__inner__newsletter input[type=text] { width: 100%; display: block; outline: none; border: none; height: 55px; background-color: var(--karoons-white, #fff); color: var(--karoons-text, #838383); font-size: 16px; font-weight: 400; padding-left: 22px; padding-right: 180px; border-radius: 10px; transition: all 500ms ease;
} .mail__inner__newsletter input[type=text]:focus { color: var(--karoons-text, #838383);
} .mail__inner__newsletter button[type=submit] { position: absolute; top: 5px; right: 5px; border-radius: 10px; font-weight: 700; padding: 9.5px 19px;
} @media (max-width: 400px) { .mail__inner__newsletter button[type=submit] { padding: 9.5px 15px; }
}
.main-footer-four { position: relative;
} .main-footer-four__top { padding-top: 127px; padding-bottom: 23px;
} .main-footer-four__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.4; mix-blend-mode: overlay; background-size: cover; background-position: center center; background-repeat: no-repeat;
} .main-footer-four .container { position: relative;
} .main-footer-four .footer-widget__title { margin-bottom: 38px;
} @media (max-width: 991px) { .main-footer-four .footer-widget__title { margin-bottom: 25px; }
}
.main-footer-four__about-title { font-size: 16px; color: var(--karoons-white, #fff); letter-spacing: -0.48px; margin: 13px 0 14px;
} .main-footer-four .footer-widget__text { margin-bottom: 18px;
} .main-footer-four__mail { font-size: 16px; font-weight: 700; text-transform: uppercase; color: var(--karoons-base, #E23B33); margin: 0;
} .main-footer-four__mail a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .main-footer-four__mail a:hover { background-size: 100% 1px;
} .main-footer-four__mail a:hover { color: var(--karoons-white, #fff);
} .main-footer-four .footer-widget--contact { margin-left: 32px;
} @media (max-width: 991px) { .main-footer-four .footer-widget--contact { margin-left: 0; }
}
.main-footer-four__number { font-size: 16px; letter-spacing: -0.48px; font-weight: 700; text-transform: uppercase; color: var(--karoons-white, #fff); margin: 46px 0 14px;
} @media (max-width: 991px) { .main-footer-four__number { margin-top: 30px; }
}
.main-footer-four__number a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .main-footer-four__number a:hover { background-size: 100% 1px;
} .main-footer-four__number a:hover { color: var(--karoons-base, #E23B33);
} .main-footer-four .footer-widget__about-info { display: block; border: none; padding: 0;
} .main-footer-four .footer-widget__links li { line-height: 35px;
} @media (min-width: 1200px) { .main-footer-four__links { margin-left: 60px; }
}
.main-footer-four__bottom { position: relative; text-align: center; border-top: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2);
} .main-footer-four__bottom__inner { padding: 24px 0;
} .main-footer-four__copyright { margin: 0; font-size: 16px; font-weight: 500; color: var(--karoons-text, #838383);
} .contact-one { position: relative; background-color: var(--karoons-base, #E23B33); background-position: center center; background-repeat: no-repeat; background-size: cover; background-blend-mode: multiply; padding: 120px 0;
} .contact-one__bg { position: absolute; right: 0; top: 0; height: 100%; width: 60.2%; background-position: center center; background-repeat: no-repeat; background-size: cover;
} @media (max-width: 767px) { .contact-one__bg { display: none; }
}
@media (max-width: 767px) { .contact-one { padding: 80px 0; }
}
.contact-one__form { padding: 60px 60px; position: relative; z-index: 1; background-color: var(--karoons-white, #fff);
} @media (max-width: 767px) { .contact-one__form { padding: 50px 30px; }
}
.contact-one__form__dot-one { position: absolute; left: -1px; top: -1px; width: 14px; height: 14px; background-color: var(--karoons-base, #E23B33); animation: zoomsIn 3s linear 0s infinite;
} .contact-one__form__dot-two { position: absolute; right: -1px; top: -1px; width: 14px; height: 14px; background-color: var(--karoons-base, #E23B33); animation: zoomsIn 3s linear 0s infinite;
} .contact-one__form__dot-three { position: absolute; right: -1px; bottom: -1px; width: 14px; height: 14px; background-color: var(--karoons-base, #E23B33); animation: zoomsIn 3s linear 0s infinite;
} .contact-one__form__dot-four { position: absolute; left: -1px; bottom: -1px; width: 14px; height: 14px; background-color: var(--karoons-base, #E23B33); animation: zoomsIn 3s linear 0s infinite;
} .contact-one__form .sec-title { padding-bottom: 29px; margin-bottom: 29px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} .contact-one__form .karoons-btn { margin-top: 10px;
} .contact-one--home-two { background-color: var(--karoons-black, #212226);
} .contact-one--home-two .contact-one__bg { max-height: 975px;
} .contact-one--home-two__shap-one { position: absolute; left: 2%; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; animation: zumpX 1500ms infinite alternate;
} @media (max-width: 1600px) { .contact-one--home-two__shap-one { display: none; }
}
.contact-one--home-two__shap-two { position: absolute; left: 3%; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; animation: zumpX 1400ms infinite alternate;
} @media (max-width: 1600px) { .contact-one--home-two__shap-two { display: none; }
}
.contact-one--home-two__shap-three { position: absolute; left: 0; top: 42%; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; animation: movebounce3 4s linear infinite;
} @media (max-width: 1600px) { .contact-one--home-two__shap-three { display: none; }
}
.contact-one--home-two .contact-one__form__bg { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-position: right bottom; background-repeat: no-repeat;
} .contact-one--home-two .form-one__control label { color: var(--karoons-black, #212226); font-weight: 500;
} .contact-one--home-two__divider { width: 100%; height: 1px; position: relative; background-color: rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2); margin: 180px 0 60px; z-index: 1;
} @media (max-width: 767px) { .contact-one--home-two__divider { margin-top: 80px; }
}
.contact-one--home-two .why-choose-one__content .why-choose-one__highlighted,
.contact-one--home-two .why-choose-one__content .sec-title__title { color: var(--karoons-white, #fff);
} .contact-one--home-two .why-choose-one__list__item + .why-choose-one__list__item,
.contact-one--home-two .why-choose-one__list { border-color: rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2);
} .contact-one--home-two .why-choose-one__list__icon { background-color: rgba(var(--karoons-gray-rgb, 244, 244, 244), 0.1);
} .contact-one--home-two__video { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; top: 0; margin: auto; display: flex; align-items: center; justify-content: center; width: 138px; height: 156px; background-color: var(--karoons-base, #E23B33); -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 138 156" xmlns="http://www.w3.org/2000/svg"><path d="M64 1.88675C67.094 0.100422 70.906 0.100423 74 1.88675L132.416 35.6132C135.51 37.3996 137.416 40.7008 137.416 44.2735V111.726C137.416 115.299 135.51 118.6 132.416 120.387L74 154.113C70.906 155.9 67.094 155.9 64 154.113L5.58399 120.387C2.48998 118.6 0.583992 115.299 0.583992 111.726V44.2735C0.583992 40.7008 2.48998 37.3996 5.58399 35.6132L64 1.88675Z"/></svg>'); mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 138 156" xmlns="http://www.w3.org/2000/svg"><path d="M64 1.88675C67.094 0.100422 70.906 0.100423 74 1.88675L132.416 35.6132C135.51 37.3996 137.416 40.7008 137.416 44.2735V111.726C137.416 115.299 135.51 118.6 132.416 120.387L74 154.113C70.906 155.9 67.094 155.9 64 154.113L5.58399 120.387C2.48998 118.6 0.583992 115.299 0.583992 111.726V44.2735C0.583992 40.7008 2.48998 37.3996 5.58399 35.6132L64 1.88675Z"/></svg>'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: cover; mask-size: cover;
} .contact-one--home-two__video svg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: center; content: ""; width: calc(100% - 24px); height: calc(100% - 24px);
} .contact-one--home-two__video svg path { stroke-width: 1px; fill: transparent; stroke: var(--karoons-white, #fff);
} .contact-one--home-two__video .video-popup { width: 47px; height: 47px; display: flex; align-items: center; justify-content: center; transition: all 500ms ease; position: relative; z-index: 1;
} .contact-one--home-two__video .video-popup i { background-color: var(--karoons-white, #fff); border-radius: 50%; z-index: 2; width: 47px; height: 47px; transition: all 500ms ease; font-size: 13px; color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center;
} .contact-one--home-two__video .video-popup .ripple { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 25px); height: calc(100% + 25px); border-radius: 50%; animation: videoZoom 3s linear infinite; animation-delay: 0s; animation-delay: 0.55s;
} .contact-one--home-two__video .video-popup .ripple::after { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 50px); height: calc(100% + 50px); border-radius: 50%; animation: videoZoom 1.5s linear infinite; animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s;
} .contact-one--home-three { background-color: var(--karoons-gray, #F4F4F4);
} .contact-one--home-three .contact-one__bg { width: 49.7%; max-height: 920px;
} .contact { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .contact { padding: 80px 0; }
}
.contact__content { position: relative; width: 100%;
} @media (max-width: 991px) { .contact__content { margin-bottom: 30px; }
}
.contact__info { position: relative; display: flex; align-items: flex-start; gap: 20px; border-top: 1px solid var(--karoons-border-color, #DEDEDE); padding: 25px 0 22px;
} .contact__info__icon { width: 60px; height: 60px; background-color: var(--karoons-gray, #F4F4F4); border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; z-index: 1; font-size: 24px; color: var(--karoons-base, #E23B33); transition: all 300ms ease;
} .contact__info__icon::after { position: absolute; content: ""; background-color: var(--karoons-base, #E23B33); width: 100%; height: 0%; left: 50%; top: 50%; border-radius: 25px; transform: translate(-50%, -50%) rotate(-45deg); z-index: -1; transition: all 500ms ease;
} .contact__info:hover .contact__info__icon { color: var(--karoons-white, #fff);
} .contact__info:hover .contact__info__icon::after { height: 100%;
} .contact__info__title { font-size: 16px; font-weight: 600; text-transform: uppercase; margin: -4px 0 8px;
} .contact__info__text { margin: 0;
} .contact__info__text a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .contact__info__text a:hover { background-size: 100% 1px;
} .contact__info__text a:hover { color: var(--karoons-base, #E23B33);
} .contact__info__text br { display: block;
} .contact .contact-one__form { position: relative; background-color: var(--karoons-gray, #F4F4F4); padding: 50px;
} @media (max-width: 767px) { .contact .contact-one__form { padding: 40px 25px; }
}
.contact__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; mix-blend-mode: multiply; opacity: 0.1;
} .contact .form-one .bootstrap-select > .dropdown-toggle,
.contact .form-one input[type=text],
.contact .form-one input[type=tel],
.contact .form-one input[type=email],
.contact .form-one textarea { background-color: var(--karoons-white, #fff); height: 60px;
} .contact .form-one textarea { height: 153px;
} .contact .contact-one__form .karoons-btn { margin-top: 20px; padding: 12px 21px;
} .contact .contact-one__form .karoons-btn i { font-size: 20px; margin: 0 0 0 15px; position: relative; top: 3px; transform: none;
} .contact .form-one__group { gap: 20px;
} .main-header__topbar { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid RGBA(var(--karoons-border-color-rgb, 222, 222, 222), 0.2); padding: 17px 60px;
} @media (max-width: 1299px) { .main-header__topbar { padding: 17px 30px; }
}
@media (max-width: 767px) { .main-header__topbar { display: none; }
}
.main-header__topbar__info { display: flex; align-items: center; margin: 0;
} .main-header__topbar__info__item { position: relative; font-size: 16px; font-weight: 500; color: var(--karoons-white, #fff); text-transform: uppercase;
} .main-header__topbar__info__item__text { font-size: 14px; color: var(--karoons-text, #838383); display: block;
} .main-header__topbar__info__item a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .main-header__topbar__info__item a:hover { background-size: 100% 1px;
} .main-header__topbar__info__item a:hover { color: var(--karoons-base, #E23B33);
} @media (max-width: 1199px) { .main-header__topbar__info__item:nth-child(3) { display: none; }
}
.main-header__topbar__info__item + .main-header__topbar__info__item { margin-left: 60px;
} @media (max-width: 1199px) { .main-header__topbar__info__item + .main-header__topbar__info__item { margin-left: 30px; }
}
.main-header__topbar__social { display: flex; align-items: center; gap: 10px;
} .main-header__topbar__social a { width: 36px; height: 36px; font-size: 14px; color: var(--karoons-text, #838383); border: 1px solid var(--karoons-text, #838383); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 500ms ease;
} .main-header__topbar__social a i { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;
} .main-header__topbar__social a:hover { color: var(--karoons-base, #E23B33); border-color: var(--karoons-base, #E23B33);
} .main-header__topbar__social a:hover i { animation: iconTranslateY 0.4s forwards;
} .topbar { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); padding: 13px 120px;
} @media (max-width: 1499px) { .topbar { padding: 13px 60px; }
}
@media (max-width: 1299px) { .topbar { padding: 10px 60px; }
}
@media (max-width: 767px) { .topbar { display: none; }
}
.topbar__info { display: flex; align-items: center; margin: 0;
} .topbar__info__item { position: relative; font-size: 16px; font-weight: 500; color: var(--karoons-black, #212226); text-transform: uppercase;
} .topbar__info__item__text { font-size: 14px; color: var(--karoons-text, #838383); display: block;
} .topbar__info__item a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .topbar__info__item a:hover { background-size: 100% 1px;
} .topbar__info__item a:hover { color: var(--karoons-base, #E23B33);
} @media (max-width: 1199px) { .topbar__info__item:nth-child(3) { display: none; }
}
.topbar__info__item + .topbar__info__item { margin-left: 60px;
} @media (max-width: 1199px) { .topbar__info__item + .topbar__info__item { margin-left: 30px; }
}
.topbar__social { display: flex; align-items: center; gap: 10px;
} .topbar__social a { width: 36px; height: 36px; font-size: 14px; color: var(--karoons-text, #838383); border: 1px solid var(--karoons-border-color, #DEDEDE); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 500ms ease;
} .topbar__social a i { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;
} .topbar__social a:hover { color: var(--karoons-base, #E23B33); border-color: var(--karoons-base, #E23B33);
} .topbar__social a:hover i { animation: iconTranslateY 0.4s forwards;
} .topbar-four { position: relative; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} .topbar-four .container { max-width: 1350px;
} .topbar-four__inner { position: relative; display: flex; align-items: center; gap: 52px; padding: 29px 0;
} @media (max-width: 1199px) { .topbar-four__inner { gap: 30px; padding: 20px 0; }
}
@media (max-width: 767px) { .topbar-four__inner { justify-content: center; padding: 15px 0; }
}
.topbar-four__logo { position: relative;
} .topbar-four__search { position: relative; display: flex; align-items: center; max-width: 632px; width: 100%; height: 55px; border: 1px solid var(--karoons-base, #E23B33); border-radius: 10px; margin-left: auto;
} @media (max-width: 767px) { .topbar-four__search { display: none; }
}
.topbar-four__search form { width: 100%; position: relative;
} .topbar-four__search__category { position: relative;
} .topbar-four__search__category::after { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 33px; content: ""; background-color: var(--karoons-border-color, #DEDEDE);
} .topbar-four__search__category .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 165px !important; font-family: var(--karoons-font, "Barlow", sans-serif);
} .topbar-four__search__category .bootstrap-select > .dropdown-toggle::after { display: none;
} .topbar-four__search__category .bootstrap-select .dropdown-menu { border: none;
} .topbar-four__search__category .bootstrap-select > .dropdown-toggle { position: relative; height: 55px; outline: none !important; border-radius: 0; border: 0; background-color: transparent !important; margin: 0; padding: 0; padding-left: 20px; padding-right: 20px; color: var(--karoons-black, #212226) !important; font-size: 16px; line-height: 55px; font-weight: 400; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center;
} .topbar-four__search__category .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 3px; bottom: 0; right: 28px; font-family: "icomoon" !important; content: "\e909"; font-weight: normal; font-size: 14px; color: var(--karoons-text, #838383);
} .topbar-four__search__category .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .topbar-four__search__category .bootstrap-select .dropdown-menu > li > a { font-size: 16px; font-weight: 400; padding: 10px 30px; color: var(--karoons-black, #212226); background-color: var(--karoons-gray, #F4F4F4); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
} .topbar-four__search__category .bootstrap-select .dropdown-menu > li:hover > a,
.topbar-four__search__category .bootstrap-select .dropdown-menu > li.selected > a { background: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); border-color: var(--karoons-base, #E23B33);
} .topbar-four__search input[type=search] { height: 53px; font-size: 16px; font-weight: 400; color: var(--karoons-text, #838383); text-transform: capitalize; border: none; background: transparent; outline: none; padding: 0 30px; width: 100%;
} .topbar-four__search button[type=submit] { margin: 0; border: none; outline: none; box-shadow: none; line-height: 53px; padding: 0; background-color: transparent; position: absolute; right: 25px; font-size: 20px; color: var(--karoons-black, #212226); transition: all 300ms ease;
} .topbar-four__search button[type=submit]:hover { color: var(--karoons-base, #E23B33);
} .topbar-four__info { position: relative; margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 30px;
} @media (max-width: 1199px) { .topbar-four__info { gap: 20px; }
}
@media (max-width: 991px) { .topbar-four__info { gap: 0; }
}
@media (max-width: 767px) { .topbar-four__info { display: none; }
}
.topbar-four__info__item { position: relative; font-size: 14px; font-weight: 500; color: var(--karoons-text, #838383); text-transform: capitalize; display: flex; align-items: center;
} .topbar-four__info__item i { margin-right: 8px; color: var(--karoons-base, #E23B33); position: relative; top: -1px;
} .topbar-four__info__item span { margin: 0 4px;
} .topbar-four__info__item a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .topbar-four__info__item a:hover { background-size: 100% 1px;
} .topbar-four__info__item a:hover { color: var(--karoons-base, #E23B33);
} .topbar-four__info__currency,
.topbar-four__info__language { position: relative; display: flex; align-items: center; text-transform: capitalize;
} @media (max-width: 991px) { .topbar-four__info__currency, .topbar-four__info__language { display: none; }
}
.topbar-four__info__currency > a,
.topbar-four__info__language > a { display: flex; align-items: center; position: relative; font-size: 14px; font-weight: 500; color: var(--karoons-text, #838383); text-transform: capitalize;
} .topbar-four__info__currency > a i,
.topbar-four__info__language > a i { margin-right: 8px; position: relative; top: -1px; color: var(--karoons-base, #E23B33);
} .topbar-four__info__currency > a::after,
.topbar-four__info__language > a::after { position: relative; right: 0; top: 1px; font-size: 14px; font-weight: normal; font-family: "icomoon" !important; content: "\e909"; color: currentColor; margin-left: 8px;
} .topbar-four__info__currency > a:hover,
.topbar-four__info__language > a:hover { color: var(--karoons-base, #E23B33);
} .topbar-four__info__currency__dropdown,
.topbar-four__info__language__dropdown { position: absolute; left: 0; top: calc(100% + 15px); width: 110px; background-color: var(--karoons-gray, #F4F4F4); padding: 18px 20px; z-index: 99; display: none;
} .topbar-four__info__currency__dropdown a,
.topbar-four__info__language__dropdown a { display: flex; align-items: center; position: relative; font-size: 14px; font-weight: 500; color: var(--karoons-text, #838383); line-height: 12px; padding-right: 17px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} .topbar-four__info__currency__dropdown a:hover,
.topbar-four__info__language__dropdown a:hover { color: var(--karoons-base, #E23B33);
} .topbar-four__info__currency__dropdown a:last-child,
.topbar-four__info__language__dropdown a:last-child { border: none; padding-bottom: 0; margin-bottom: 0;
} .main-header { background-color: transparent; position: absolute; left: 0; top: 0; width: 100%; z-index: 9; border-bottom: 1px solid RGBA(var(--karoons-border-color-rgb, 222, 222, 222), 0.2);
} .main-header__inner { position: relative; padding-left: 240px;
} @media (max-width: 1500px) { .main-header__inner { padding-left: 220px; }
}
.main-header__logo { position: absolute; left: 0; top: 0; width: 240px; height: 100%; display: flex; align-items: center; justify-content: center; border-right: 1px solid RGBA(var(--karoons-border-color-rgb, 222, 222, 222), 0.2);
} @media (max-width: 1500px) { .main-header__logo { width: 220px; }
}
@media (max-width: 767px) { .main-header__logo { padding: 0 20px; width: auto; }
}
.main-header__bottom { display: flex; align-items: center; justify-content: space-between; padding: 0 60px;
} @media (max-width: 1299px) { .main-header__bottom { padding: 0 30px; }
}
@media (max-width: 1199px) { .main-header__bottom { padding: 15px 30px; }
}
@media (max-width: 767px) { .main-header__bottom { padding: 30px 20px; }
}
.main-header__btn { margin-left: 70px;
} @media (max-width: 1500px) { .main-header__btn { margin-left: 40px; }
}
@media (max-width: 1299px) { .main-header__btn { margin-left: 20px; }
}
@media (max-width: 767px) { .main-header__btn { display: none; }
}
.main-header__btn::after { background-color: var(--karoons-white, #fff);
} .main-header__btn:hover { background-color: var(--karoons-white, #fff); color: var(--karoons-base, #E23B33);
} .main-header__right { display: flex; align-items: center;
} .main-header__cart,
.main-header__search { font-size: 16px; color: var(--karoons-white, #fff); transition: all 500ms ease; margin-left: 40px; line-height: 1em;
} @media (max-width: 1500px) { .main-header__cart, .main-header__search { margin-left: 30px; }
}
@media (max-width: 1299px) { .main-header__cart, .main-header__search { margin-left: 20px; }
}
.main-header__cart:hover,
.main-header__search:hover { color: var(--karoons-base, #E23B33);
} .main-header--two { position: relative; left: 0; top: 0; z-index: 9; width: 100%; border: none; padding: 0 120px;
} @media (max-width: 1499px) { .main-header--two { padding: 0 60px; }
}
@media (max-width: 767px) { .main-header--two { padding: 0 20px 0 0; }
}
.main-header--two.sticky-header--cloned { background-color: var(--karoons-white, #fff); border: none; box-shadow: 0px 3px 18px rgba(var(--karoons-black-rgb, 33, 34, 38), 0.07);
} .main-header--two .main-header__logo { position: relative; border: none; width: auto; height: auto;
} .main-header--two .main-header__inner { background-color: transparent; padding: 0; display: flex; align-items: center;
} @media (max-width: 1199px) { .main-header--two .main-header__inner { padding: 20px 0; }
}
.main-header--two .main-menu { margin-left: auto;
} .main-header--two .main-menu .main-menu__list > li { padding-top: 39px; padding-bottom: 39px;
} .main-header--two .main-menu .main-menu__list > li > a { color: var(--karoons-black, #212226);
} .main-header--two .main-menu .main-menu__list > li.current > a,
.main-header--two .main-menu .main-menu__list > li:hover > a { color: var(--karoons-base, #E23B33);
} .main-header--two .mobile-nav__btn span { background-color: var(--karoons-black, #212226);
} .main-header--two .main-header__btn { margin-left: 60px;
} @media (max-width: 1500px) { .main-header--two .main-header__btn { margin-left: 40px; }
}
@media (max-width: 1299px) { .main-header--two .main-header__btn { margin-left: 20px; }
}
@media (max-width: 767px) { .main-header--two .main-header__btn { display: none; }
}
.main-header--two .main-header__btn::after { background-color: var(--karoons-black, #212226);
} .main-header--two .main-header__btn:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .main-header--two .main-header__toggler { color: var(--karoons-black, #212226); font-size: 16px; margin-left: 100px;
} @media (max-width: 1500px) { .main-header--two .main-header__toggler { margin-left: 40px; }
}
@media (max-width: 767px) { .main-header--two .main-header__toggler { margin-left: 25px; }
}
.main-header--two .main-header__toggler:hover { color: var(--karoons-base, #E23B33);
} .main-header--two .main-header__cart,
.main-header--two .main-header__search { color: var(--karoons-black, #212226);
} .main-header--two .main-header__cart:hover,
.main-header--two .main-header__search:hover { color: var(--karoons-base, #E23B33);
} @media (max-width: 1199px) { .main-header--two .main-header__right { border-left: 1px solid var(--karoons-border-color, #DEDEDE); }
}
.main-header--three { background-color: transparent; position: absolute; left: 0; top: 0; z-index: 9; width: 100%; padding: 0 60px; border: none;
} @media (max-width: 1699px) { .main-header--three { padding: 0 30px; }
}
@media (max-width: 1199px) { .main-header--three { padding: 0; }
}
.main-header--three.sticky-header--cloned { background-color: var(--karoons-white, #fff); border: none; box-shadow: 0px 3px 18px rgba(var(--karoons-black-rgb, 33, 34, 38), 0.07);
} .main-header--three .main-header__inner { display: flex; align-items: center; position: relative; padding: 0 30px 0 0; background-color: var(--karoons-white, #fff); justify-content: space-between;
} @media (max-width: 767px) { .main-header--three .main-header__inner { padding-right: 20px; }
}
.main-header--three .main-header__logo { position: relative; z-index: 1; border: none; width: auto; height: auto; padding: 30px 64px 30px 30px; background-color: var(--karoons-black, #212226); clip-path: polygon(0 0, 100% 0, 77% 100%, 0% 100%);
} @media (max-width: 767px) { .main-header--three .main-header__logo { padding-left: 20px; }
}
.main-header--three .main-header__logo::after { position: absolute; left: 0; top: 0; width: calc(100% - 10px); height: 100%; content: ""; background-color: var(--karoons-base, #E23B33); z-index: -1; clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
} .main-header--three .main-menu { margin-left: auto;
} .main-header--three .main-menu .main-menu__list > li { padding-top: 37px; padding-bottom: 37px;
} .main-header--three .main-menu .main-menu__list > li > a { color: var(--karoons-black, #212226);
} .main-header--three .main-menu .main-menu__list > li.current > a,
.main-header--three .main-menu .main-menu__list > li:hover > a { color: var(--karoons-base, #E23B33);
} .main-header--three .mobile-nav__btn span { background-color: var(--karoons-black, #212226);
} .main-header--three .main-header__cart,
.main-header--three .main-header__search { color: var(--karoons-black, #212226);
} .main-header--three .main-header__cart:hover,
.main-header--three .main-header__search:hover { color: var(--karoons-base, #E23B33);
} .main-header--three .main-header__right { padding-left: 20px;
} .main-header--three__info { display: flex; align-items: flex-start; flex-direction: column; position: relative; font-size: 24px; line-height: 1.1; font-weight: 500; color: var(--karoons-black, #212226); text-transform: uppercase; border-left: 1px solid var(--karoons-border-color, #DEDEDE); margin-left: 40px; padding-left: 40px;
} @media (max-width: 1499px) { .main-header--three__info { margin-left: 30px; padding-left: 30px; }
}
@media (max-width: 1199px) { .main-header--three__info { margin-left: 20px; padding-left: 20px; }
}
@media (max-width: 767px) { .main-header--three__info { display: none; }
}
.main-header--three__info__text { font-size: 14px; color: var(--karoons-text, #838383); display: block; margin-bottom: 6px;
} .main-header--three__info a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .main-header--three__info a:hover { background-size: 100% 1px;
} .main-header--three__info a:hover { color: var(--karoons-base, #E23B33);
} .main-header--three .main-header__btn { margin-left: 60px;
} @media (min-width: 1200px) and (max-width: 1599px) { .main-header--three .main-header__btn { display: none; }
}
@media (max-width: 1299px) { .main-header--three .main-header__btn { margin-left: 30px; }
}
@media (max-width: 767px) { .main-header--three .main-header__btn { display: none; }
}
.main-header--three .main-header__btn::after { background-color: var(--karoons-black, #212226);
} .main-header--three .main-header__btn:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .main-header--four { position: relative; left: 0; top: 0; z-index: 9; width: 100%; border: none;
} .main-header--four .container { max-width: 1350px;
} .main-header--four.sticky-header--cloned { background-color: var(--karoons-white, #fff); border: none; box-shadow: 0px 3px 18px rgba(var(--karoons-black-rgb, 33, 34, 38), 0.07);
} .main-header--four .main-header__inner { background-color: transparent; padding: 0; display: flex; align-items: center;
} @media (max-width: 1199px) { .main-header--four .main-header__inner { padding: 23px 0; }
}
@media (max-width: 767px) { .main-header--four .main-header__inner { padding: 28px 0; }
}
.main-header--four .main-menu { margin-right: auto;
} .main-header--four .main-menu .main-menu__list > li { padding-top: 22px; padding-bottom: 22px;
} .main-header--four .main-menu .main-menu__list > li > a { color: var(--karoons-black, #212226);
} .main-header--four .main-menu .main-menu__list > li.current > a,
.main-header--four .main-menu .main-menu__list > li:hover > a { color: var(--karoons-base, #E23B33);
} .main-header--four .mobile-nav__btn span { background-color: var(--karoons-black, #212226);
} .main-header--four .main-header__cart,
.main-header--four .main-header__wishlist { color: var(--karoons-black, #212226); font-size: 16px; transition: all 500ms ease; margin-left: 60px; line-height: 1em;
} @media (max-width: 767px) { .main-header--four .main-header__cart, .main-header--four .main-header__wishlist { margin-left: 30px; }
}
.main-header--four .main-header__cart:hover,
.main-header--four .main-header__wishlist:hover { color: var(--karoons-base, #E23B33);
} @media (max-width: 1199px) { .main-header--four .main-header__right { width: 100%; } .main-header--four .mobile-nav__btn { margin-left: 0; margin-right: auto; }
}
.main-header--four__info { position: relative; display: flex; align-items: center; gap: 11px; margin-left: 55px; font-size: 24px; color: var(--karoons-base, #E23B33); line-height: 1;
} @media (max-width: 767px) { .main-header--four__info { display: none; }
}
.main-header--four__info a { color: var(--karoons-black, #212226); font-weight: 600; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .main-header--four__info a:hover { background-size: 100% 1px;
} .main-header--four__info a:hover { color: var(--karoons-base, #E23B33);
} .sticky-header--cloned { position: fixed; top: 0; left: 0; right: 0; z-index: 999; top: 0; background-color: var(--karoons-black, #212226); transform: translateY(-100%); box-shadow: 0px 3px 18px rgba(var(--karoons-white-rgb, 255, 255, 255), 0.07); transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); visibility: hidden; transition: transform 500ms ease, visibility 500ms ease;
} .sticky-header--cloned.active { transform: translateY(0%); visibility: visible;
} .sticky-header--cloned .main-header__topbar { display: none;
} .mobile-nav__btn { width: 24px; display: flex; align-items: center; flex-direction: column; flex-wrap: wrap; cursor: pointer; z-index: 3;
} @media (max-width: 1199px) { .mobile-nav__btn { margin-left: -50px; margin-right: 10px; }
}
@media (max-width: 767px) { .mobile-nav__btn { margin-left: -40px; margin-right: 10px; }
}
@media (min-width: 1200px) { .mobile-nav__btn { display: none; }
}
.mobile-nav__btn span { width: 100%; height: 2px; background-color: var(--karoons-white, #fff);
} .mobile-nav__btn span:nth-child(2) { margin-top: 4px; margin-bottom: 4px;
} .main-menu { } .main-menu .main-menu__list,
.main-menu .main-menu__list ul { margin: 0; padding: 0; list-style-type: none; align-items: center; display: none;
} @media (min-width: 1200px) { .main-menu .main-menu__list, .main-menu .main-menu__list ul { display: flex; }
}
.main-menu .main-menu__list > li { padding-top: 33px; padding-bottom: 33px; position: relative;
} .main-menu .main-menu__list > li.dropdown > a { position: relative;
} .main-menu .main-menu__list > li + li { margin-left: 44px;
} @media (max-width: 1490px) { .main-menu .main-menu__list > li + li { margin-left: 35px; }
}
@media (min-width: 1200px) and (max-width: 1300px) { .main-menu .main-menu__list > li + li { margin-left: 30px; }
}
.main-menu .main-menu__list > li > a { font-size: 16px; display: flex; align-items: center; color: var(--karoons-white, #fff); font-weight: 600; text-transform: uppercase; position: relative; transition: all 500ms ease;
} .main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a { color: var(--karoons-base, #E23B33); text-shadow: 0 0 0.5px currentColor;
} .main-menu .main-menu__list li ul { position: absolute; top: 100%; left: -25px; min-width: 270px; flex-direction: column; justify-content: flex-start; align-items: flex-start; opacity: 0; visibility: hidden; transform-origin: top center; transform: scaleY(0) translateZ(100px); transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; z-index: 99; background-color: var(--karoons-white, #fff); box-shadow: 0px 10px 60px 0px RGBA(var(--karoons-white-rgb, 255, 255, 255), 0.07); padding: 15px 20px 11px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
} .main-menu .main-menu__list li:hover > ul { opacity: 1; visibility: visible; transform: scaleY(1) translateZ(0px);
} .main-menu .main-menu__list > .megamenu { position: static;
} .main-menu .main-menu__list > .megamenu > ul { top: 100% !important; left: -130px !important; right: 0 !important; background-color: transparent; box-shadow: none; padding: 0;
} .main-menu .main-menu__list li ul li { flex: 1 1 100%; width: 100%; position: relative;
} .main-menu .main-menu__list li ul li > a { font-size: 14px; line-height: 26px; color: var(--karoons-text, #838383); font-weight: 500; display: flex; text-transform: uppercase; padding: 8px 20px; transition: 400ms; margin-bottom: 4px;
} .main-menu .main-menu__list li ul li > a::after { position: absolute; right: 20px; top: 8px; border-radius: 0; font-size: 6px; font-weight: 700; font-family: "Font Awesome 5 Free"; content: "\f111"; color: var(--karoons-base, #E23B33); visibility: hidden; opacity: 0; transition: all 500ms ease; transform: scale(0);
} .main-menu .main-menu__list li ul li.current > a,
.main-menu .main-menu__list li ul li:hover > a { background-color: var(--karoons-gray, #F4F4F4); color: var(--karoons-base, #E23B33);
} .main-menu .main-menu__list li ul li.current > a::after,
.main-menu .main-menu__list li ul li:hover > a::after { visibility: visible; opacity: 1; transform: scale(1);
} .main-menu .main-menu__list li ul li > ul { top: 0; left: calc(100% + 20px);
} .main-menu .main-menu__list li ul li > ul.right-align { top: 0; left: auto; right: 100%;
} .main-menu .main-menu__list li ul li > ul ul { display: none;
} @media (min-width: 1200px) and (max-width: 1400px) { .main-menu__list li:nth-last-child(1) ul li > ul, .main-menu__list li:nth-last-child(2) ul li > ul { left: auto; right: calc(100% + 20px); }
} .mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul { position: fixed; top: 0 !important; left: 0 !important; width: 100vw; height: 100vh; visibility: visible; overflow-y: scroll; visibility: hidden; opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease; z-index: 999999; -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; padding: 0; background-color: var(--karoons-white, #fff); display: block !important; margin: 0;
} .main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar { display: none;
} .mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
} body.megamenu-popup-active { overflow: hidden;
} body.megamenu-popup-active .stricky-header { bottom: 0;
} body.megamenu-popup-active .mobile-nav__content { overflow: unset;
} .mobile-nav__content .demo-one .container { padding-left: 15px; padding-right: 15px;
} .megamenu-popup { position: relative;
} .megamenu-popup .megamenu-clickable--close { position: absolute; top: 18px; right: 20px; display: block; color: var(--karoons-black, #212226);
} @media (min-width: 1300px) { .megamenu-popup .megamenu-clickable--close { top: 38px; right: 40px; }
}
.megamenu-popup .megamenu-clickable--close:hover { color: var(--karoons-base, #E23B33);
} .megamenu-popup .megamenu-clickable--close span { width: 24px; height: 24px; display: block; position: relative; color: currentColor; transition: all 500ms ease;
} .megamenu-popup .megamenu-clickable--close span::before,
.megamenu-popup .megamenu-clickable--close span::after { content: ""; width: 100%; height: 2px; background-color: currentColor; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg);
} .megamenu-popup .megamenu-clickable--close span::after { transform: translate(-50%, -50%) rotate(45deg);
} .demo-one { padding-top: 120px; padding-bottom: 120px;
} .demo-one .row { --bs-gutter-y: 30px;
} .demo-one__card { background-color: var(--karoons-white, #fff); box-shadow: 0px 10px 60px 0px rgba(var(--karoons-black3-rgb, 0, 0, 0), 0.1); text-align: center; transition: 500ms ease; transform: translateY(0px);
} .demo-one__card:hover { transform: translateY(-10px);
} .demo-one__title { margin: 0; text-transform: uppercase; font-size: 16px; color: var(--karoons-black, #212226); font-weight: 600;
} .demo-one__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .demo-one__title a:hover { background-size: 100% 1px;
} .demo-one__image { position: relative; overflow: hidden;
} .demo-one__image img { max-width: 100%; transition: filter 500ms ease; filter: blur(0px);
} .demo-one__card:hover .demo-one__image img { filter: blur(2px);
} .demo-one__btns { background-color: rgba(var(--karoons-black3-rgb, 0, 0, 0), 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; gap: 20px; transform: scale(1, 0); transition: transform 500ms ease, opacity 600ms linear; transform-origin: bottom center; opacity: 0;
} .demo-one__card:hover .demo-one__btns { transform: scale(1, 1); opacity: 1; transform-origin: top center;
} .demo-one__btn { font-size: 14px;
} @media (min-width: 768px) { .demo-one__btn { display: inline-flex; }
}
.demo-one__title { padding-top: 20.5px; padding-bottom: 20.5px;
} .home-showcase .row { --bs-gutter-x: 30px; --bs-gutter-y: 20px;
} .home-showcase__inner { padding: 40px 40px 21px; background-color: var(--karoons-white, #fff); box-shadow: 0px 10px 60px 0px rgba(var(--karoons-black3-rgb, 0, 0, 0), 0.07);
} .home-showcase .demo-one__card { box-shadow: none;
} .home-showcase .demo-one__btns { flex-direction: column;
} .home-showcase .demo-one__btn { min-width: 135px; text-align: center; justify-content: center;
} .home-showcase .demo-one__title { padding: 0; font-weight: 600; font-size: 14px; margin-top: 15px; padding-bottom: 15px;
} .why-choose-one { position: relative; background-color: var(--karoons-gray, #F4F4F4); padding: 120px 0;
} .why-choose-one__bg { position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;
} @media (max-width: 767px) { .why-choose-one { padding: 80px 0; }
}
.why-choose-one__image { position: relative; max-width: 570px; padding-top: 30px;
} .why-choose-one__image__one { position: relative;
} .why-choose-one__image__one__shape { position: absolute; left: -20px; top: -17px;
} @media (max-width: 767px) { .why-choose-one__image__one__shape { display: none; }
}
.why-choose-one__image__one__shape img { animation: blinkAnim 3s linear 0s infinite;
} .why-choose-one__image img { max-width: 100%; height: auto;
} .why-choose-one__image__two { text-align: right; margin-top: -376px; position: relative; z-index: 1;
} @media (max-width: 767px) { .why-choose-one__image__two { display: none; }
}
.why-choose-one__image__logo { position: absolute; z-index: 2; display: inline-block; max-width: 202px; height: 87px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; display: flex; align-items: center; justify-content: center; background-color: var(--karoons-black, #212226); border: 7px solid var(--karoons-white, #fff);
} @media (max-width: 767px) { .why-choose-one__image__logo { display: none; }
}
.why-choose-one__content { position: relative;
} @media (max-width: 991px) { .why-choose-one__content { margin-top: 45px; }
}
.why-choose-one__content .sec-title { padding-bottom: 22px;
} .why-choose-one__highlighted { margin: 0 0 23px; color: var(--karoons-black, #212226); font-weight: 600; letter-spacing: -0.48px; text-transform: capitalize;
} .why-choose-one__list { margin: 0 0 34px; border-top: 1px solid var(--karoons-border-color, #DEDEDE); border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); padding: 21px 0;
} .why-choose-one__list__item { align-items: flex-start; display: flex; align-items: center; position: relative; gap: 20px;
} .why-choose-one__list__item:hover .why-choose-one__list__icon { background-color: var(--karoons-base, #E23B33);
} .why-choose-one__list__item:hover .why-choose-one__list__icon i { transform: scale(0.9); color: var(--karoons-white, #fff);
} .why-choose-one__list__item + .why-choose-one__list__item { border-top: 1px solid var(--karoons-border-color, #DEDEDE); margin-top: 21px; padding-top: 21px;
} .why-choose-one__list__icon { width: 63px; height: 63px; background-color: var(--karoons-white, #fff); display: flex; justify-content: center; align-items: center; text-align: center; color: var(--karoons-base, #E23B33); font-size: 30px; flex-shrink: 0; border-radius: 50%; transition: all 300ms ease;
} .why-choose-one__list__icon i { position: relative; top: 3px; transform: scale(1); transition: 300ms ease;
} .why-choose-one__list__text { margin: 0; text-transform: capitalize; letter-spacing: -0.48px;
} .why-choose-one__clients { position: relative; display: flex; align-items: center; background-color: var(--karoons-white, #fff); border-radius: 100px; max-width: 330px; padding: 17px; transition: all 400ms linear;
} .why-choose-one__clients:hover { filter: drop-shadow(0px 4px 12.5px rgba(0, 0, 0, 0.06));
} .why-choose-one__clients img { width: 50px; height: 50px; border-radius: 50%; border: 3px solid var(--karoons-white, #fff);
} .why-choose-one__clients img + img { margin-left: -19px;
} .why-choose-one__clients span { font-weight: 600; display: inline-block; color: var(--karoons-black, #212226); font-weight: 600; text-transform: uppercase; letter-spacing: -0.32px; margin-left: 10px;
} .why-choose-one--service { position: relative; background-color: transparent;
} .why-choose-one--service .why-choose-one__list__icon { background-color: rgba(var(--karoons-base-rgb, 226, 59, 51), 0.1);
} .why-choose-one--service .why-choose-one__clients { background-color: var(--karoons-gray, #F4F4F4);
} .why-choose-two { position: relative; padding: 60px 0 180px;
} @media (max-width: 767px) { .why-choose-two { padding: 0 0 80px; }
}
.why-choose-two__bg { position: absolute; right: 0; top: 0; height: 605px; width: 55%; background-position: top right; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: flex-end; overflow: hidden;
} @media (max-width: 767px) { .why-choose-two__bg { display: none; }
}
.why-choose-two__bg__name { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--karoons-white, #fff); font-size: 192px; text-transform: uppercase; margin: 0; position: absolute; letter-spacing: 17px; right: -34%;
} .why-choose-two__shape { position: absolute; left: 2%; top: 0; bottom: 0; margin: auto; background-position: center center; display: flex; align-items: center; width: 143px; height: 253px; animation: treeMove2 6s linear 0s infinite;
} @media (max-width: 1300px) { .why-choose-two__shape { display: none; }
}
.why-choose-two__content { position: relative; z-index: 1; background-color: var(--karoons-black, #212226); border-right: 11px solid var(--karoons-base, #E23B33); padding: 60px 60px 56px;
} @media (max-width: 1199px) { .why-choose-two__content { padding: 60px 40px 56px; }
}
@media (max-width: 767px) { .why-choose-two__content { padding: 40px 25px 40px; }
}
.why-choose-two__content__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; mix-blend-mode: multiply; opacity: 0.25; z-index: -1;
} .why-choose-two__content .sec-title { padding-bottom: 22px;
} .why-choose-two__content .sec-title__title { color: var(--karoons-white, #fff);
} .why-choose-two__content__text { letter-spacing: -0.48px; text-transform: capitalize; margin: 0 0 27px;
} .why-choose-two__list { margin: 0 0 41px; padding: 0; display: grid; grid-template-columns: repeat(2, auto); max-width: 550px; align-items: center; gap: 10px;
} @media (min-width: 1200px) { .why-choose-two__list { justify-content: space-between; }
}
@media (max-width: 767px) { .why-choose-two__list { grid-template-columns: repeat(1, auto); }
}
.why-choose-two__list li { list-style: none; display: flex; align-items: center; gap: 10px; text-transform: uppercase; font-weight: 600; color: var(--karoons-white, #fff);
} .why-choose-two__list li i { line-height: 1; position: relative; top: 1px; display: inline-block; color: var(--karoons-base, #E23B33); transition: all 0.6s ease;
} .why-choose-two__list li:hover i { transform: rotateY(180deg);
} .why-choose-two__info-wrapper { display: flex; align-items: center; gap: 20px;
} @media (max-width: 767px) { .why-choose-two__info-wrapper { flex-direction: column; align-items: flex-start; }
}
.why-choose-two__info-wrapper .karoons-btn:hover { background-color: var(--karoons-white, #fff); color: var(--karoons-base, #E23B33);
} .why-choose-two__info-wrapper .karoons-btn::after { background-color: var(--karoons-white, #fff);
} .why-choose-two__info { position: relative; display: flex; align-items: center; gap: 16px;
} .why-choose-two__info__icon { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--karoons-base, #E23B33); background-color: var(--karoons-white, #fff); transition: all 400ms ease;
} .why-choose-two__info:hover .why-choose-two__info__icon { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .why-choose-two__info__title { margin: 0; font-size: 14px; font-weight: 500; text-transform: uppercase;
} .why-choose-two__info__number { font-size: 24px; font-weight: 600; color: var(--karoons-base, #E23B33); margin: 0;
} .why-choose-two__info__number a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .why-choose-two__info__number a:hover { background-size: 100% 1px;
} .why-choose-two__info__number a:hover { color: var(--karoons-white, #fff);
} .why-choose-three { position: relative; padding: 120px 0 220px; background-color: var(--karoons-black, #212226); margin-bottom: -100px;
} @media (max-width: 767px) { .why-choose-three { padding: 80px 0 180px; }
}
.why-choose-three__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--karoons-black, #212226); background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0.3;
} .why-choose-three__content { position: relative;
} .why-choose-three__content__text { font-size: 15px; line-height: 30px; color: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.6); margin: 0;
} .why-choose-three .sec-title__title { color: var(--karoons-white, #fff);
} .why-choose-three .sec-title { padding-bottom: 26px;
} .why-choose-three__list { position: relative; background-color: var(--karoons-black2, #141215); margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; row-gap: 0;
} @media (max-width: 991px) { .why-choose-three__list { margin: 50px 0 0; }
}
.why-choose-three__item { flex: 0 0 50%; max-width: 50%; padding: 40px 40px 36px;
} .why-choose-three__item:nth-child(1),
.why-choose-three__item:nth-child(3) { border-right: 1px solid rgba(var(--karoons-white-rgb, 255, 255, 255), 0.1);
} .why-choose-three__item:nth-child(1),
.why-choose-three__item:nth-child(2) { border-bottom: 1px solid rgba(var(--karoons-white-rgb, 255, 255, 255), 0.1);
} @media (min-width: 992px) and (max-width: 1199px) { .why-choose-three__item { padding-left: 25px; padding-right: 25px; }
}
@media (max-width: 767px) { .why-choose-three__item { flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid rgba(var(--karoons-white-rgb, 255, 255, 255), 0.1); }
}
.why-choose-three__item:hover .why-choose-three__item__icon span { transform: scale(0.8);
} .why-choose-three__item__top { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 12px;
} .why-choose-three__item__icon { width: 57px; height: 57px; background-color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--karoons-white, #fff); font-size: 21px; margin-right: 18px;
} @media (min-width: 992px) and (max-width: 1199px) { .why-choose-three__item__icon { margin-right: 12px; }
}
.why-choose-three__item__icon span { display: inline-block; transition: all 500ms linear; transition-delay: 0s; transition-delay: 0s; transition-delay: 0.1s; transform: scale(1);
} .why-choose-three__item__title { color: var(--karoons-white, #fff); font-size: 20px; text-transform: uppercase; font-weight: 700; margin: 0;
} .why-choose-three__item__text { color: var(--karoons-text-dark, #6e6b70); font-size: 15px; line-height: 30px; margin: 0;
} .funfact-one { background-color: var(--karoons-base, #E23B33); background-image: url(https://domingosmachado-pecas-auto.pt/wp-content/themes/images/shapes/funfact-bg-1-1.jpg); background-size: cover; background-position: center center; padding-top: 80px; padding-bottom: 80px;
} @media (min-width: 1200px) { .funfact-one { padding-top: 73.5px; padding-bottom: 73.5px; }
}
.funfact-one__list { margin: 0;
} @media (min-width: 768px) { .funfact-one__list { display: flex; flex-wrap: wrap; row-gap: 20px; }
}
@media (min-width: 1200px) { .funfact-one__list { justify-content: space-between; gap: 0; }
}
.funfact-one__item { display: flex; align-items: center; margin-top: -6px; position: relative;
} .funfact-one__item:not(:first-of-type)::before { content: ""; width: 1px; height: 67px; background-color: var(--karoons-white, #fff); position: absolute; top: 50%; left: -57px; transform: translateY(-50%); opacity: 0.3; display: none;
} @media (min-width: 1200px) { .funfact-one__item:not(:first-of-type)::before { display: block; }
}
@media (min-width: 768px) { .funfact-one__item { flex: 0 0 50%; max-width: 50%; }
}
@media (min-width: 1200px) { .funfact-one__item { flex: 0 0 auto; max-width: none; }
}
.funfact-one__item:hover .funfact-one__icon { transform: rotateY(360deg);
} .funfact-one__item + .funfact-one__item { margin-top: 20px;
} @media (min-width: 768px) { .funfact-one__item + .funfact-one__item { margin-top: 0; }
}
.funfact-one__icon { font-size: 60px; color: var(--karoons-white, #fff); margin-right: 20px; flex-shrink: 0; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;
} .funfact-one__count { margin: 0; color: var(--karoons-white, #fff); font-family: var(--karoons-font, "Barlow", sans-serif); font-size: 35px; font-weight: 500; line-height: 1;
} @media (min-width: 768px) { .funfact-one__count { font-size: 40px; }
}
.funfact-one__text { margin: 0; color: var(--karoons-white, #fff); font-size: 16px; line-height: 36px; margin-top: 7px; margin-bottom: -6px;
} .funfact-two { position: relative; background-color: var(--karoons-base, #E23B33); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 120px 0;
} .funfact-two__shape { position: absolute; left: -10px; top: 0;
} .funfact-two__shape img { animation: shapeMove 3s linear 0s infinite;
} @media (max-width: 767px) { .funfact-two { padding: 80px 0; }
}
.funfact-two .sec-title { padding-bottom: 33px;
} .funfact-two .sec-title__tagline,
.funfact-two .sec-title__title { color: var(--karoons-white, #fff);
} .funfact-two__list { position: relative; background-color: var(--karoons-white, #fff); margin: 0 0 0 -7px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; row-gap: 0;
} @media (max-width: 991px) { .funfact-two__list { margin: 50px 0 0; }
}
.funfact-two__list__icon { width: 94px; height: 94px; background-color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto;
} .funfact-two__list__icon img { height: 65px; transform: scale(1); transition: 500ms ease;
} @media (max-width: 767px) { .funfact-two__list__icon { display: none; }
}
.funfact-two__list:hover .funfact-two__list__icon img { transform: scale(0.9);
} .funfact-two__item { flex: 0 0 50%; max-width: 50%; padding: 42px 58px;
} .funfact-two__item:nth-child(1),
.funfact-two__item:nth-child(3) { border-right: 1px solid var(--karoons-base, #E23B33);
} .funfact-two__item:nth-child(1),
.funfact-two__item:nth-child(2) { border-bottom: 1px solid var(--karoons-base, #E23B33);
} @media (max-width: 1199px) { .funfact-two__item { padding-left: 30px; padding-right: 25px; }
}
@media (max-width: 991px) { .funfact-two__item { padding-left: 50px; }
}
@media (max-width: 767px) { .funfact-two__item { padding-left: 50px; flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid var(--karoons-base, #E23B33); }
}
.funfact-two__count { margin: 0; color: var(--karoons-black, #212226); font-size: 40px; font-family: var(--karoons-font, "Barlow", sans-serif); font-weight: 500; line-height: 1; margin-bottom: 0px;
} @media (min-width: 768px) { .funfact-two__count { font-size: 50px; }
}
.funfact-two__text { margin: 0; font-size: 18px; margin: 0;
} .funfact-three { position: relative; padding: 100px 0;
} @media (max-width: 767px) { .funfact-three { padding: 80px 0 50px; }
}
.funfact-three__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: var(--karoons-gray, #F4F4F4);
} @media (min-width: 1400px) { .funfact-three__bg { width: calc(100% - 240px); left: 120px; }
}
.funfact-three__list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; row-gap: 0;
} @media (max-width: 767px) { .funfact-three__list { display: block; }
}
.funfact-three__item { flex: 0 0 25%; max-width: 25%; position: relative;
} @media (max-width: 991px) { .funfact-three__item { flex: 0 0 50%; max-width: 50%; padding: 0 0 30px !important; }
}
@media (max-width: 767px) { .funfact-three__item { flex: 0 0 100%; max-width: 100%; padding: 0 0 30px !important; text-align: center; }
}
.funfact-three__item:not(:last-of-type)::before { content: ""; width: 1px; height: 100%; background-color: var(--karoons-border-color, #DEDEDE); position: absolute; top: 0; right: 54px;
} @media (max-width: 991px) { .funfact-three__item:not(:last-of-type)::before { right: 50px !important; }
}
@media (max-width: 767px) { .funfact-three__item:not(:last-of-type)::before { display: none; }
}
.funfact-three__item:not(:first-of-type) { padding-left: 37px;
} @media (max-width: 1199px) { .funfact-three__item:not(:first-of-type) { padding-left: 0; }
}
.funfact-three__item:nth-child(2)::before { right: 16px;
} @media (max-width: 991px) { .funfact-three__item:nth-child(2)::before { display: none; }
}
.funfact-three__item:nth-child(3)::before { right: -20px;
} .funfact-three__item:nth-child(3) { padding-left: 63px;
} @media (max-width: 1199px) { .funfact-three__item:nth-child(3) { padding-left: 40px; }
}
.funfact-three__item:last-child { padding-left: 104px;
} @media (max-width: 1199px) { .funfact-three__item:last-child { padding-left: 70px; }
}
.funfact-three__item:hover .funfact-three__icon::before { transform: scale(0.9);
} .funfact-three__icon { width: 103px; height: 104px; background-color: var(--karoons-base, #E23B33); font-size: 60px; color: var(--karoons-white, #fff); display: flex; align-items: center; justify-content: center; margin: 0 0 13px;
} @media (max-width: 767px) { .funfact-three__icon { margin-left: auto; margin-right: auto; }
}
.funfact-three__icon::before { transition: all 500ms linear; transition-delay: 0s; transition-delay: 0s; transition-delay: 0s; transition-delay: 0s; transition-delay: 0.1s; transform: scale(1);
} .funfact-three__count { margin: 0; color: var(--karoons-black, #212226); font-family: var(--karoons-font, "Barlow", sans-serif); font-size: 35px; font-weight: 500; line-height: 1;
} @media (min-width: 768px) { .funfact-three__count { font-size: 40px; }
}
.funfact-three__text { margin: 0; color: var(--karoons-text, #838383); font-size: 16px; margin-top: 9px; margin-bottom: -6px;
} .testimonials-one { position: relative; padding: 120px 0; overflow: hidden;
} @media (max-width: 767px) { .testimonials-one { padding: 80px 0; }
}
.testimonials-one__shape { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 255px; height: 273px; background-repeat: no-repeat; background-position: right center; opacity: 0.12; animation: treeMove 4s linear 0s infinite;
} @media (max-width: 1500px) { .testimonials-one__shape { right: -50px; }
}
@media (max-width: 1300px) { .testimonials-one__shape { display: none; }
}
.testimonials-one__content { position: relative;
} @media (max-width: 991px) { .testimonials-one__content { margin-top: 45px; }
}
.testimonials-one__content .sec-title { padding-bottom: 40px;
} .testimonials-one__carousel-nav { position: relative; display: flex; align-items: center; gap: 10px;
} .testimonials-one__carousel-nav a { width: 44px; height: 44px; background-color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--karoons-white, #fff); transition: all 500ms ease;
} .testimonials-one__carousel-nav a:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-black, #212226);
} .testimonials-one__carousel-nav a.testimonials-one__prev { background-color: var(--karoons-black, #212226);
} .testimonials-one__carousel-nav a.testimonials-one__prev i { display: inline-block; transform: rotate(180deg);
} .testimonials-one__carousel-nav a.testimonials-one__prev:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .testimonials-one .karoons-stretch-element-inside-column { position: relative;
} .testimonials-one__carousel { padding-right: 30px;
} .testimonials-one__carousel .owl-stage-outer { height: calc(100% + 30px); margin: -15px; padding: 15px; width: calc(100% + 30px);
} .testimonials-one--about { position: relative;
} .testimonials-one--about__top { position: relative; display: flex; align-items: end; justify-content: space-between; margin: 0 0 50px;
} .testimonials-one--about__top .sec-title { padding: 0;
} .testimonials-one--about__top .testimonials-one__carousel-nav { margin-bottom: 10px;
} .testimonials-one--about .testimonials-one__carousel { padding: 0;
} .testimonials-one--about .testimonials-card__rating { justify-content: flex-start;
} .testimonials-one--page { position: relative;
} .testimonials-one--page .testimonials-card__rating { justify-content: flex-start;
} .testimonials-card { transition: all 500ms ease; background-color: var(--karoons-white, #fff); filter: drop-shadow(0px 4px 12.5px rgba(0, 0, 0, 0.06)); padding: 39px 40px 50px; text-align: left;
} @media (max-width: 767px) { .testimonials-card { padding: 39px 25px 50px; }
}
.testimonials-card:hover { filter: drop-shadow(0px 4px 12.5px rgba(0, 0, 0, 0.1));
} .testimonials-card__rating { display: flex; align-items: center; justify-content: flex-end; margin: 0 0 14px;
} .testimonials-card__rating i { color: var(--karoons-base, #E23B33); font-size: 16px; letter-spacing: 6px;
} .testimonials-card__content { line-height: 28px; margin-bottom: 33px;
} .testimonials-card__author { position: relative; min-height: 70px; padding: 13px 0 0 99px;
} .testimonials-card__image { width: 70px; height: 70px; position: absolute; z-index: 1; left: 8px; top: 0;
} .testimonials-card__image::after { width: 100%; height: 100%; position: absolute; left: -10px; bottom: -10px; content: ""; background-color: var(--karoons-base, #E23B33); z-index: -1;
} .testimonials-card__image img { width: 100%; height: 100%; object-fit: cover;
} .testimonials-card__name { margin: 0; text-transform: uppercase; color: var(--karoons-black, #212226); font-size: 20px; font-weight: 600; letter-spacing: -0.4px; line-height: 1; margin-bottom: 11px;
} .testimonials-card__designation { margin: 0; line-height: 1;
} .testimonials-card__quote { width: 50px; height: 37px; background-position: center center; position: absolute; right: 40px; bottom: 40px;
} @media (max-width: 767px) { .testimonials-card__quote { right: 25px; }
}
.testimonials-two { position: relative; padding: 120px 0; background-color: var(--karoons-base, #E23B33);
} @media (max-width: 767px) { .testimonials-two { padding: 80px 0; }
}
.testimonials-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0.2; mix-blend-mode: multiply;
} .testimonials-two__content { position: relative;
} .testimonials-two__content .sec-title__tagline { color: var(--karoons-white, #fff);
} .testimonials-two__content .sec-title__tagline__border { background-color: var(--karoons-white, #fff);
} .testimonials-two__content .sec-title__tagline__border::after { background-color: var(--karoons-white, #fff);
} .testimonials-two__content .sec-title__title { color: var(--karoons-white, #fff);
} .testimonials-two__content .sec-title__title span { color: var(--karoons-white, #fff);
} .testimonials-two__content__quote { position: relative; display: flex; align-items: center; gap: 35px;
} .testimonials-two__content__quote img { max-width: 100%; height: auto; -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 203 360" xmlns="http://www.w3.org/2000/svg"><path d="M0 203.68H116.248V237.705C116.248 257.143 100.487 272.957 81.1132 272.957H36.4359V360H81.1132C148.322 360 203 305.139 203 237.705V0H0V203.68Z"/></svg>'); mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 203 360" xmlns="http://www.w3.org/2000/svg"><path d="M0 203.68H116.248V237.705C116.248 257.143 100.487 272.957 81.1132 272.957H36.4359V360H81.1132C148.322 360 203 305.139 203 237.705V0H0V203.68Z"/></svg>'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center bottom; mask-position: center bottom; -webkit-mask-size: cover; mask-size: cover;
} @media (max-width: 1199px) { .testimonials-two__content__quote img { width: 160px; }
}
@media (max-width: 450px) { .testimonials-two__content__quote img { width: 140px; }
}
.testimonials-two__wrapper { position: relative; background-color: var(--karoons-white, #fff); border-radius: 30px; text-align: center; padding: 46px 50px 50px;
} @media (max-width: 991px) { .testimonials-two__wrapper { margin-top: 50px; }
}
@media (max-width: 767px) { .testimonials-two__wrapper { padding: 35px 22px 40px; }
}
.testimonials-two__image { max-width: 550px; margin: auto; padding: 0 0 95px; position: relative; display: flex; align-items: center; justify-content: space-between;
} .testimonials-two__image .item { position: relative; text-align: center; display: inline-block; padding: 35px 0;
} .testimonials-two__image .item .testimonials-two__image__item { width: 106px; height: 106px; border-radius: 50%; object-fit: cover; display: block; position: relative; margin-bottom: 0; transform: scale(1); transition: all 400ms ease; cursor: pointer;
} .testimonials-two__image .item .testimonials-two__image__item img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover;
} .testimonials-two__image .slick-current.slick-active.slick-center .testimonials-two__image__item { transform: scale(1.6); z-index: 2;
} @media (min-width: 992px) and (max-width: 1199px) { .testimonials-two__image .slick-current.slick-active.slick-center .testimonials-two__image__item { transform: scale(1.4); }
}
.testimonials-two .slick-dots { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; position: absolute; list-style: none; left: 0; right: 0; bottom: 41px; gap: 25px;
} .testimonials-two .slick-dots li { position: relative; width: 8px; height: 8px; background-color: var(--karoons-base, #E23B33); border-radius: 50%; margin: 0; cursor: pointer; padding: 0; transition: all 300ms ease;
} .testimonials-two .slick-dots li button { display: none;
} .testimonials-two .slick-dots li::after { width: 32px; height: 32px; position: absolute; content: ""; left: -12px; top: 0; bottom: 0; margin: auto; border-radius: 50%; border: 2px solid var(--karoons-base, #E23B33); transform: scale(0); transition: all 300ms ease;
} .testimonials-two .slick-dots li.slick-active::after { transform: scale(1);
} .testimonials-two__item { position: relative;
} .testimonials-two__item__content { font-size: 22px; line-height: 35px; font-weight: 500; font-style: italic; margin-bottom: 31px;
} @media (min-width: 1200px) { .testimonials-two__item__content { padding: 0 10px; }
}
.testimonials-two__item__bottom { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--karoons-border-color, #DEDEDE); padding: 35px 0 0;
} .testimonials-two__item__rating { display: flex; justify-content: center; align-items: center; color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33); border-radius: 100px; line-height: 36px; height: 36px; font-size: 14px; letter-spacing: 8px; padding: 2px 0 0 11px;
} @media (max-width: 767px) { .testimonials-two__item__rating { letter-spacing: 4px; }
}
.testimonials-two__item__author { position: relative; text-align: left;
} .testimonials-two__item__author__name { font-size: 24px; font-weight: 500; text-transform: uppercase; line-height: 1; margin-bottom: 9px;
} @media (max-width: 767px) { .testimonials-two__item__author__name { font-size: 20px; }
}
.testimonials-two__item__author__designation { font-size: 16px; line-height: 1; font-weight: 400; text-transform: capitalize; margin: 0;
} .testimonials-three { position: relative; overflow: hidden; padding: 120px 0;
} @media (max-width: 767px) { .testimonials-three { padding: 80px 0; }
}
.testimonials-three__content { position: relative; transform: rotate(180deg); white-space: nowrap; writing-mode: vertical-rl;
} @media (max-width: 1199px) { .testimonials-three__content { transform: none; writing-mode: inherit; margin: 0 0 40px; }
}
.testimonials-three__content .sec-title { padding: 0;
} .testimonials-three__content .sec-title__tagline__border { margin-top: 17px; transform: rotate(90deg); left: -6px;
} @media (max-width: 1199px) { .testimonials-three__content .sec-title__tagline__border { transform: none; margin-top: 0; left: 0; }
}
.testimonials-three__wrapper { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; background-blend-mode: multiply; background-color: var(--karoons-white, #fff); filter: drop-shadow(0 0 19px rgba(0, 0, 0, 0.1));
} .testimonials-three__wrapper .prev { border: none; outline: none; width: 44px; height: 44px; margin: 0; padding: 0; opacity: 1; background-color: var(--karoons-black, #212226); transform: rotate(180deg); display: flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 0; color: var(--karoons-white, #fff); transition: all 500ms ease; position: absolute; z-index: 3; left: 0; bottom: 0;
} .testimonials-three__wrapper .prev:hover { background-color: var(--karoons-base, #E23B33);
} .testimonials-three__wrapper .next { border: none; outline: none; width: 44px; height: 44px; margin: 0; padding: 0; opacity: 1; background-color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 0; color: var(--karoons-white, #fff); transition: all 500ms ease; position: absolute; z-index: 2; left: 49px; bottom: 0;
} .testimonials-three__wrapper .next:hover { background-color: var(--karoons-black, #212226);
} .testimonials-three__item { position: relative; padding: 60px 30px 96px;
} @media (max-width: 767px) { .testimonials-three__item { padding: 35px 22px 80px; z-index: 1; margin-bottom: 40px; }
}
.testimonials-three__item__top { position: relative; display: flex; align-items: center; justify-content: space-between;
} .testimonials-three__item__rating { display: flex; align-items: center; margin: 0;
} .testimonials-three__item__rating i { color: var(--karoons-base, #E23B33); font-size: 16px; letter-spacing: 6px;
} .testimonials-three__item__quote { width: 50px; height: 37px; background-position: center center;
} .testimonials-three__item__title { font-size: 22px; font-weight: 600; font-style: italic; letter-spacing: -0.44px; text-transform: uppercase; margin: 33px 0 19px;
} .testimonials-three__item__content { font-size: 20px; line-height: 28px; font-weight: 500; font-style: italic; margin: 0;
} .testimonials-three__image__wrapper { position: relative;
} @media (max-width: 767px) { .testimonials-three__image__wrapper { overflow: hidden; height: 395px; padding: 30px 0 20px; }
}
.testimonials-three__image { margin: 0; padding: 0; list-style: none; position: absolute; right: 0; top: 0; width: 100%; height: 355px;
} @media (max-width: 767px) { .testimonials-three__image { position: relative; }
}
.testimonials-three__image .slick-list { overflow: visible;
} .testimonials-three__image .slick-slide { opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; border: none;
} .testimonials-three__image .slick-active { visibility: visible; opacity: 1;
} .testimonials-three__image__item { position: relative; background-color: var(--karoons-white, #fff); filter: drop-shadow(0 0 25px rgba(7, 35, 114, 0.1)); border: 1px solid transparent; padding: 16px 18px; display: flex; align-items: center; cursor: pointer; gap: 20px; transition: all 400ms ease; margin-bottom: 20px;
} .testimonials-three__image__item__image { width: 70px; height: 70px; position: relative; z-index: 1; flex-shrink: 0;
} .testimonials-three__image__item__image::after { position: absolute; left: -8px; bottom: -8px; background-color: var(--karoons-base, #E23B33); z-index: -1; width: 100%; height: 100%; content: "";
} .testimonials-three__image__item__image img { width: 100%; height: 100%; object-fit: cover;
} .testimonials-three__image__item__author { position: relative; text-align: left;
} .testimonials-three__image__item__author__name { font-size: 20px; font-weight: 600; letter-spacing: -0.4px; text-transform: uppercase; line-height: 1; margin-bottom: 9px;
} .testimonials-three__image__item__author__designation { line-height: 1; text-transform: capitalize; margin: 0;
} .testimonials-three__image .slick-current.slick-active.slick-center .testimonials-three__image__item { border-color: var(--karoons-base, #E23B33);
} .testimonials-four { position: relative; padding: 60px 0; overflow: hidden; background-color: var(--karoons-black, #212226);
} .testimonials-four__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0.15;
} .testimonials-four__shape { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-position: left bottom; background-repeat: no-repeat; background-size: auto;
} .testimonials-four__top { position: relative; display: flex; align-items: center; justify-content: space-between; margin: 0 0 40px; position: relative; z-index: 1;
} .testimonials-four__top::before { position: absolute; height: 1px; width: calc(50% - 196px); top: 0; bottom: 0; margin: auto; left: 78px; content: ""; background-color: rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2);
} @media (max-width: 767px) { .testimonials-four__top::before { display: none; }
}
.testimonials-four__top::after { position: absolute; height: 1px; width: calc(50% - 196px); top: 0; bottom: 0; margin: auto; right: 78px; content: ""; background-color: rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2);
} @media (max-width: 767px) { .testimonials-four__top::after { display: none; }
}
.testimonials-four__top__title { font-size: 24px; letter-spacing: -0.48px; text-transform: uppercase; color: var(--karoons-white, #fff); font-weight: 700; margin: 0 0;
} .testimonials-four__next,
.testimonials-four__prev { background-color: transparent; border: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.75); border-radius: 50%; color: var(--karoons-base, #E23B33); font-size: 16px; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0;
} .testimonials-four__next:hover,
.testimonials-four__prev:hover { border-color: var(--karoons-base, #E23B33); background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .testimonials-four__wrapper { margin-left: -100px;
} @media (max-width: 1199px) { .testimonials-four__wrapper { margin: 0 15px; }
}
.testimonials-four .testimonials-card__rating { justify-content: flex-start;
} .cta-one { position: relative;
} .cta-one__bg { position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;
} .cta-one__bg::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(90deg, rgb(226, 59, 51) 0%, rgba(226, 59, 51, 0.6) 100%);
} .cta-one__content { position: relative; z-index: 1; padding: 120px 0;
} @media (max-width: 991px) { .cta-one__content { padding: 120px 0 30px; }
}
@media (max-width: 767px) { .cta-one__content { padding: 80px 0 30px; }
}
.cta-one__content .sec-title { padding-bottom: 30px;
} .cta-one__content .sec-title__tagline { color: var(--karoons-white, #fff);
} .cta-one__content .sec-title__tagline__border { background-color: var(--karoons-white, #fff);
} .cta-one__content .sec-title__tagline__border::after { background-color: var(--karoons-white, #fff);
} .cta-one__content .sec-title__title { color: var(--karoons-white, #fff);
} @media (min-width: 992px) and (max-width: 1199px) { .cta-one__content .sec-title__title { font-size: 46px; line-height: 56px; }
}
.cta-one__content .sec-title__title span { color: var(--karoons-white, #fff);
} .cta-one__content .karoons-btn { background-color: transparent; color: var(--karoons-white, #fff); border: 1px solid var(--karoons-white, #fff);
} .cta-one__content .karoons-btn::after { background-color: var(--karoons-white, #fff);
} .cta-one__content .karoons-btn:hover { color: var(--karoons-base, #E23B33); background-color: var(--karoons-white, #fff);
} .cta-one__image { position: relative; z-index: 1; text-align: right; padding: 76px 50px 0 0;
} @media (max-width: 991px) { .cta-one__image { text-align: left; padding: 0 0 0; }
}
.cta-one__image__bg { position: absolute; z-index: -1; right: -200px; top: 0; width: 730px; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;
} @media (max-width: 991px) { .cta-one__image__bg { display: none; }
}
.cta-one__image img { max-width: none; height: auto; animation: movebounce2 3s linear 0s infinite;
} @media (max-width: 767px) { .cta-one__image img { max-width: 100%; }
}
.cta-one--service-details { position: relative;
} @media (max-width: 991px) { .cta-one--service-details { padding-bottom: 90px; }
}
@media (max-width: 767px) { .cta-one--service-details { padding-bottom: 50px; }
}
.cta-one--service-details .cta-one__bg::after { background: rgba(var(--karoons-black-rgb, 33, 34, 38), 0.7);
} .cta-one--service-details .cta-one__content .karoons-btn { border: none; background-color: var(--karoons-base, #E23B33);
} .cta-two { position: relative; background-color: var(--karoons-black, #212226); padding: 120px 0;
} @media (max-width: 767px) { .cta-two { padding: 80px 0; }
}
.cta-two__bg { position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;
} .cta-two__bg::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(90deg, rgba(244, 141, 40, 0.5) 35%, rgb(244, 141, 40) 95%);
} .cta-two__shpe-one { position: absolute; left: 0; top: 80px; width: 107px; height: 225px; background-position: left top; animation: movebounce3 4s linear infinite;
} @media (max-width: 1199px) { .cta-two__shpe-one { display: none; }
}
.cta-two__shpe-two { position: absolute; left: 0; top: 100px; width: 107px; height: 225px; background-position: left top; animation: movebounce3 3s linear infinite;
} @media (max-width: 1199px) { .cta-two__shpe-two { display: none; }
}
.cta-two__shpe-three { position: absolute; right: 0; top: 150px; width: 166px; height: 225px; background-position: right top; animation: movebounce3 4s linear infinite;
} @media (max-width: 1199px) { .cta-two__shpe-three { display: none; }
}
.cta-two__shpe-four { position: absolute; right: 0; top: 170px; width: 166px; height: 225px; background-position: right top; animation: movebounce3 3s linear infinite;
} @media (max-width: 1199px) { .cta-two__shpe-four { display: none; }
}
.cta-two__content { position: relative; z-index: 1;
} .cta-two__content .sec-title { padding-bottom: 30px;
} .cta-two__content .sec-title__tagline { color: var(--karoons-white, #fff);
} .cta-two__content .sec-title__tagline__border { background-color: var(--karoons-white, #fff);
} .cta-two__content .sec-title__tagline__border::after { background-color: var(--karoons-white, #fff);
} .cta-two__content .sec-title__title { color: var(--karoons-white, #fff);
} @media (min-width: 992px) and (max-width: 1199px) { .cta-two__content .sec-title__title { font-size: 46px; line-height: 56px; }
}
.cta-two__content .sec-title__title span { color: var(--karoons-white, #fff);
} .cta-two__content .karoons-btn { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .cta-two__content .karoons-btn::after { background-color: var(--karoons-white, #fff);
} .cta-two__content .karoons-btn:hover { color: var(--karoons-base, #E23B33); background-color: var(--karoons-white, #fff);
} .cta-three { position: relative;
} .cta-three__inner { position: relative; background-color: var(--karoons-black, #212226); border-radius: 20px; overflow: hidden; padding: 55px;
} @media (max-width: 767px) { .cta-three__inner { padding: 40px 25px; }
}
.cta-three__inner__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; mix-blend-mode: lighten; opacity: 0.3;
} .cta-three__sub-title { position: relative; text-transform: uppercase; color: var(--karoons-base, #E23B33); font-size: 16px; line-height: 1; font-weight: 700; margin: 0 0 14px;
} .cta-three__title { position: relative; color: var(--karoons-white, #fff); text-transform: uppercase; font-size: 45px; font-weight: 700; letter-spacing: -1.29px; margin: 0 0 11px;
} @media (max-width: 767px) { .cta-three__title { font-size: 35px; }
}
.cta-three__title span { font-weight: 500;
} .cta-three__text { position: relative; color: var(--karoons-white, #fff); text-transform: capitalize; font-weight: 500; line-height: 30px; margin: 0 0 40px;
} @media (max-width: 1199px) { .cta-three__text { max-width: 425px; } .cta-three__text br { display: none; }
}
@media (max-width: 991px) { .cta-three__text { max-width: 100%; }
}
.cta-three__btn { position: relative; display: flex; align-items: center; gap: 10px;
} .cta-three__btn img { max-width: 100%; height: auto; border-radius: 6px;
} .cta-three__image { position: absolute; right: 0; bottom: 0; text-align: right;
} @media (max-width: 991px) { .cta-three__image { display: none; }
}
.cta-three__image img { max-width: 100%; height: auto;
} @media (max-width: 1199px) { .cta-three__image img { max-width: 80%; }
}
.cta-three__star { position: absolute; right: 18%; top: 42px; width: 84px; height: 89px; animation: startIconOne 1.8s infinite alternate;
} @media (max-width: 767px) { .cta-three__star { right: 20px; top: 20px; }
}
.cta-four { position: relative; padding: 60px 0;
} .cta-four__item { position: relative; background-color: var(--accent-color); padding: 30px; border-radius: 20px; overflow: hidden;
} @media (min-width: 992px) and (max-width: 1199px) { .cta-four__item { padding-left: 20px; }
}
.cta-four__item::after { background: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; pointer-events: none; transition: all 400ms linear;
} .cta-four__item:hover::after { left: 0; right: 0; opacity: 0; transition: all 400ms linear;
} .cta-four__item::before { background: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.3); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 51%; opacity: 1; pointer-events: none; transition: all 400ms linear;
} .cta-four__item:hover::before { bottom: 0; top: 0; opacity: 0; transition: all 400ms linear;
} .cta-four__item__image { position: absolute; right: -2px; bottom: -2px; text-align: right;
} .cta-four__item__image img { max-width: 100%; height: auto; transition: all 400ms linear; transform: scale(1);
} @media (max-width: 1199px) { .cta-four__item__image img { max-width: 90%; }
}
@media (min-width: 992px) and (max-width: 1199px) { .cta-four__item__image img { max-width: 80%; }
}
.cta-four__item:hover .cta-four__item__image img { transform: scale(0.97);
} .cta-four__item__sub-title { display: inline-block; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; border-radius: 100px; text-transform: capitalize; line-height: 26px; padding: 0 10.5px; margin: 0 0 13px;
} .cta-four__item__title { font-size: 24px; line-height: 32px; font-weight: 600; text-transform: uppercase; letter-spacing: -0.48px; margin: 0 0 8px;
} @media (max-width: 1199px) { .cta-four__item__title { font-size: 22px; }
}
@media (min-width: 992px) and (max-width: 1199px) { .cta-four__item__title { font-size: 20px; line-height: 30px; }
}
.cta-four__item__text { font-size: 14px; text-transform: capitalize; font-weight: 500; margin: 0 0 18px;
} .cta-four__item__rm { font-weight: 500; color: var(--karoons-black, #212226); font-size: 16px; text-transform: capitalize; display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; margin-bottom: -2px;
} .cta-four__item__rm:hover { background-size: 100% 1px;
} .cta-four__item__rm i { color: var(--karoons-base, #E23B33); display: inline-block; margin-left: 7px; font-size: 14px; position: relative; top: 2px;
} .cta-four__item__rm:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .cta-five { position: relative; padding: 0 0 60px;
} .cta-five__item { position: relative; background-color: var(--karoons-base, #E23B33); border-radius: 20px; padding: 40px 40px 0; min-height: 406px;
} .cta-five__item::after { background: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; pointer-events: none; transition: all 400ms linear;
} .cta-five__item:hover::after { left: 0; right: 0; opacity: 0; transition: all 400ms linear;
} .cta-five__item::before { background: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.3); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; z-index: 1; top: 51%; opacity: 1; pointer-events: none; transition: all 400ms linear;
} .cta-five__item:hover::before { bottom: 0; top: 0; opacity: 0; transition: all 400ms linear;
} .cta-five__item__sub-title { position: relative; z-index: 2; border: 1px solid var(--karoons-white, #fff); border-radius: 100px; line-height: 24px; font-size: 14px; font-weight: 700; color: var(--karoons-white, #fff); text-transform: capitalize; display: inline-block; padding: 0 9px; margin: 0 0 17px;
} .cta-five__item__title { position: relative; z-index: 2; margin: 0 0 7px; font-size: 30px; font-weight: 700; color: var(--karoons-white, #fff); text-transform: uppercase; letter-spacing: -0.6px;
} .cta-five__item__text { position: relative; z-index: 2; font-size: 16px; font-weight: 700; color: var(--karoons-white, #fff); text-transform: capitalize; margin: 0 0 24px;
} .cta-five__item__rm { position: relative; z-index: 2; display: flex; align-items: center; gap: 20px; font-size: 16px; font-weight: 500; color: var(--karoons-white, #fff); text-transform: capitalize;
} .cta-five__item__rm span { display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 400ms ease;
} .cta-five__item__rm i { position: relative; width: 30px; height: 30px; background-color: var(--karoons-white, #fff); display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--karoons-base, #E23B33); border-radius: 50%;
} .cta-five__item__rm:hover span { background-size: 100% 1px;
} .cta-five__item__image { position: relative; text-align: center; line-height: 1; position: absolute; padding: 0 15px; left: 0; bottom: 0; right: 0; margin: auto;
} @media (max-width: 1199px) { .cta-five__item__image img { max-width: 100%; }
}
.cta-five__item--two { position: relative; overflow: hidden;
} .cta-five__item--two .cta-five__item__image { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; margin: 0; padding: 0;
} .cta-five__item--two .cta-five__item__image::after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; background-image: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
} .cta-five__item--two .cta-five__item__image img { width: 100%; height: 100%; object-fit: cover;
} .cta-six { position: relative; padding: 0 0 60px;
} .cta-six__inner { position: relative; background-color: rgba(var(--karoons-base-rgb, 226, 59, 51), 0.1); border: 1px dashed var(--karoons-base, #E23B33); border-radius: 10px; padding: 0px 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
} .cta-six__text { padding: 25px 0; position: relative;
} @media (max-width: 991px) { .cta-six__text { padding-bottom: 0; }
}
.cta-six__sub-title { position: relative; display: inline-block; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; border-radius: 100px; text-transform: capitalize; line-height: 24px; padding: 0 10.5px; margin: 0 0 21px;
} .cta-six__title { margin: 0; font-size: 24px; letter-spacing: -0.48px; text-transform: uppercase; font-weight: 600;
} .cta-six__middle { color: var(--karoons-white, #fff); -webkit-text-stroke: 1px var(--karoons-base, #E23B33); font-size: 70px; font-weight: 800; position: relative;
} @media (min-width: 1200px) { .cta-six__middle { padding-left: 50px; }
}
.cta-six__coupone { font-size: 14px; color: var(--karoons-black, #212226); display: flex; align-items: center; gap: 13px;
} @media (max-width: 1199px) { .cta-six__coupone { margin: -40px 0 20px; }
}
@media (max-width: 991px) { .cta-six__coupone { margin: 0; }
}
@media (max-width: 767px) { .cta-six__coupone { margin-bottom: 20px; }
}
.cta-six__coupone span { font-size: 24px; color: var(--karoons-base, #E23B33); font-weight: 600; display: inline-block;
} .cta-seven { position: relative; padding: 60px 0;
} .cta-seven__inner { position: relative; background-color: var(--karoons-black, #212226); border-radius: 20px; overflow: hidden; padding: 60px 65px 57px;
} @media (max-width: 767px) { .cta-seven__inner { padding: 40px 25px; }
}
.cta-seven__inner::after { background: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; pointer-events: none; transition: all 400ms linear;
} .cta-seven__inner:hover::after { left: 0; right: 0; opacity: 0; transition: all 400ms linear;
} .cta-seven__inner::before { background: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.3); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 51%; z-index: 1; opacity: 1; pointer-events: none; transition: all 400ms linear;
} .cta-seven__inner:hover::before { bottom: 0; top: 0; opacity: 0; transition: all 400ms linear;
} .cta-seven__inner__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;
} .cta-seven__inner__bg::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(90deg, rgb(33, 34, 38) 22%, rgba(235, 62, 50, 0) 100%);
} .cta-seven__sub-title { position: relative; display: inline-block; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; border-radius: 100px; text-transform: capitalize; line-height: 24px; padding: 0 10.5px; margin: 0 0 19px;
} .cta-seven__title { position: relative; color: var(--karoons-white, #fff); text-transform: uppercase; font-size: 30px; font-weight: 700; letter-spacing: -0.6px; margin: 0 0 16px;
} .cta-seven__list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 29px;
} .cta-seven__list li { display: flex; align-items: center; gap: 10px; color: var(--karoons-white, #fff); text-transform: capitalize; font-weight: 700;
} .cta-seven__btn { position: relative; display: flex; align-items: center; justify-content: flex-end;
} @media (max-width: 991px) { .cta-seven__btn { justify-content: flex-start; margin: 30px 0 0; }
}
.cta-seven__btn .karoons-btn { background-color: var(--karoons-white, #fff); border-radius: 10px; color: var(--karoons-base, #E23B33); padding: 15px 21px;
} .cta-seven__btn .karoons-btn i { font-size: 15px; margin-right: 10px;
} .cta-seven__btn .karoons-btn:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .cta-seven__btn .karoons-btn::after { background-color: var(--karoons-base, #E23B33);
} .car-showcase { position: relative; padding: 0 120px 120px;
} @media (max-width: 1700px) { .car-showcase { padding: 0 30px 120px; }
}
@media (max-width: 1199px) { .car-showcase { padding: 0 15px 120px; }
}
@media (max-width: 767px) { .car-showcase { padding-bottom: 80px; }
}
.car-showcase__inner { position: relative; z-index: 1; background-color: var(--karoons-gray, #F4F4F4); text-align: center; padding: 14px 50px 12px;
} @media (max-width: 1199px) { .car-showcase__inner { padding: 14px 30px 12px; }
}
@media (max-width: 767px) { .car-showcase__inner { padding: 14px 20px 12px; }
}
.car-showcase__inner::after { position: absolute; left: 0; top: 0; width: 77.6%; height: 100%; content: ""; background-color: var(--karoons-base, #E23B33); clip-path: polygon(0 0, 72% 0, 100% 100%, 0% 100%); z-index: -1;
} .car-showcase__inner img { max-width: 100%; height: auto; position: relative; z-index: 2; animation: movebounce2 3s linear 0s infinite;
} .car-showcase__name { position: absolute; left: 55px; top: 52px; width: 81%; height: 37%; background-position: top left; background-repeat: no-repeat; background-size: cover;
} .car-showcase__blop { position: absolute; right: 102px; top: 50px; width: 331px; height: 356px; z-index: -1;
} @media (max-width: 1700px) { .car-showcase__blop { right: 50px; top: 30px; }
}
@media (max-width: 1300px) { .car-showcase__blop { display: none; }
}
.car-showcase--about { padding-bottom: 0;
} .gallery-one { padding: 120px 0 0; position: relative;
} @media (max-width: 767px) { .gallery-one { padding: 80px 0 0; }
}
.gallery-one__bg { position: absolute; left: 0; top: 440px; right: 0; margin: auto; width: calc(100% - 160px); height: 649px; background-color: var(--karoons-base, #E23B33); background-position: center center; background-repeat: no-repeat; background-size: cover; mix-blend-mode: multiply;
} @media (max-width: 1600px) { .gallery-one__bg { width: calc(100% - 60px); height: 600px; }
}
@media (max-width: 1300px) { .gallery-one__bg { width: 100%; }
}
@media (max-width: 767px) { .gallery-one__bg { height: 349px; }
}
.gallery-one__compare { position: relative; display: flex; align-items: center; justify-content: center; padding: 29px; border: 1px solid var(--karoons-border-color, #DEDEDE); margin-bottom: 60px;
} @media (max-width: 767px) { .gallery-one__compare { padding: 14px; }
}
.gallery-one__compare figure { position: relative; background-size: cover; background-position: center center; font-size: 0; width: 100%; height: 490px; margin: 0;
} @media (max-width: 767px) { .gallery-one__compare figure { height: 320px; }
}
.gallery-one__compare__text { width: calc(100% - 58px); position: absolute; z-index: 999; left: 0; right: 0; margin: 0 auto; bottom: 29px; display: flex; align-items: center; justify-content: space-between; transition: all 400ms ease;
} .gallery-one__compare__text span { background-color: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2); color: var(--karoons-white, #fff); font-size: 16px; letter-spacing: -0.48px; padding: 3px 11px; transition: all 400ms ease;
} .gallery-one__compare__text.af_hide span:first-child,
.gallery-one__compare__text.bf_hide span:last-child { opacity: 0; visibility: hidden;
} .gallery-one__compare #gallery-one__compare__divisor { background-size: cover; position: absolute; width: 50%; bottom: 0; height: 100%;
} @media (max-width: 767px) { .gallery-one__compare #gallery-one__compare__divisor { background-position: center center; }
}
.gallery-one__compare #gallery-one__compare__handle { position: absolute; height: 82px; width: 82px; background-color: var(--karoons-white, #fff); border-radius: 50%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1; overflow: hidden; cursor: pointer;
} .gallery-one__compare #gallery-one__compare__handle::before { content: "\e907"; font-family: "icomoon" !important; color: var(--karoons-black, #212226); font-size: 25px; display: flex; align-items: center; justify-content: center; transform: rotate(180deg); width: 50%; height: 100%; position: absolute; left: 0; right: auto; top: -4px; bottom: 0; padding-right: 15px; margin: auto;
} .gallery-one__compare #gallery-one__compare__handle::after { content: "\e907"; font-family: "icomoon" !important; color: var(--karoons-black, #212226); font-size: 25px; display: flex; align-items: center; justify-content: center; width: 50%; height: 100%; position: absolute; left: auto; right: 0; top: 0; bottom: 0; padding-right: 15px; margin: auto;
} .gallery-one__compare input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); background-color: transparent; width: calc(100% + 50px); z-index: 2;
} .gallery-one__compare input[type=range]:focus,
.gallery-one__compare input[type=range]:active { border: none; outline: none;
} .gallery-one__compare input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; height: 100px; width: 100px; border-radius: 50%; background: transparent; cursor: ew-resize;
} .gallery-one__compare input[type=range]::-moz-range-track { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 15px; width: 100%; background-color: transparent; position: relative; outline: none; cursor: pointer;
} .gallery-one .container-fluid { max-width: 1656px;
} .gallery-one__card { position: relative; overflow: hidden; background-color: var(--karoons-black, #212226); border-radius: 50%;
} .gallery-one__card img { transform: scale(1); max-width: 100%; object-fit: cover; border-radius: 50%; transition: transform 500ms ease, opacity 500ms ease; opacity: 1;
} .gallery-one__card__hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--karoons-black-rgb, 33, 34, 38), 0.8); display: flex; justify-content: center; align-items: center; transform: scale(1, 0); transition: transform 500ms ease; transform-origin: bottom center;
} .gallery-one__card__hover .img-popup { width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; margin: auto; font-size: 36px; color: var(--karoons-base, #E23B33);
} .gallery-one__card:hover img { transform: scale(1.05) rotate(2deg);
} .gallery-one__card:hover .gallery-one__card__hover { transform-origin: top center; transform: scale(1, 1);
} .gallery-page { padding: 120px 0 90px; position: relative;
} @media (max-width: 767px) { .gallery-page { padding: 80px 0 50px; }
}
.gallery-page__card { position: relative; overflow: hidden; background-color: var(--karoons-black, #212226); margin: 0 0 30px;
} .gallery-page__card img { transform: scale(1); width: 100%; transition: transform 500ms ease, opacity 500ms ease; opacity: 1;
} .gallery-page__card__hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--karoons-base-rgb, 226, 59, 51), 0.8); display: flex; justify-content: center; align-items: center; transform: scale(1, 0); transition: transform 500ms ease; transform-origin: bottom center;
} .gallery-page__card__hover .img-popup { position: relative;
} .gallery-page__card:hover img { transform: scale(1.05);
} .gallery-page__card:hover .gallery-page__card__hover { transform-origin: top center; transform: scale(1, 1);
} .gallery-page__card__icon { width: 52px; height: 52px; background-color: var(--karoons-white, #fff); border-radius: 50%; display: block; position: relative; transition: all 0.4s ease;
} .gallery-page__card__icon::after,
.gallery-page__card__icon::before { content: ""; width: 2px; height: 20px; background-color: var(--karoons-base, #E23B33); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
} .gallery-page__card__icon::after { transform: translate(-50%, -50%) rotate(90deg);
} .gallery-page__carousel { position: relative; margin-bottom: 30px;
} .gallery-page__carousel .gallery-page__card { margin: 0;
} .sidebar__single { position: relative; background-color: var(--karoons-gray, #F4F4F4); padding: 30px;
} @media (min-width: 992px) and (max-width: 1199px) { .sidebar__single { padding: 30px 20px; }
}
.sidebar__single + .sidebar__single { margin-top: 30px;
} .sidebar__title { text-transform: uppercase; line-height: 1em; font-size: 20px; font-weight: 600; margin-top: -2px; margin-bottom: 27px;
} .sidebar__search { position: relative;
} .sidebar__search input[type=search],
.sidebar__search input[type=text] { outline: none; width: 100%; height: 60px; background-color: var(--karoons-white, #fff); font-size: 16px; color: var(--karoons-text, #838383); border: none; padding-left: 20px; padding-right: 20px; transition: all 400ms ease;
} .sidebar__search input[type=search]:focus,
.sidebar__search input[type=text]:focus { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
} .sidebar__search button[type=submit] { border: none; outline: none; background-color: rgba(0, 0, 0, 0); position: absolute; padding: 0; top: 50%; right: 18px; transform: translateY(-50%); width: auto; font-size: 20px; color: var(--karoons-base, #E23B33); transition: all 400ms ease;
} .sidebar__search button[type=submit]:hover { color: var(--karoons-black, #212226);
} .sidebar__posts { margin-bottom: 0;
} .sidebar__posts__item { display: flex; align-items: center;
} .sidebar__posts__item:not(:last-of-type) { margin-bottom: 20px;
} .sidebar__posts__image { flex-shrink: 0; margin-right: 16px;
} .sidebar__posts__image img { max-width: 100%; height: 84px; width: 80px; object-fit: cover;
} .sidebar__posts__title { margin: 0; text-transform: uppercase; font-size: 18px; font-weight: 600; line-height: 28px;
} .sidebar__posts__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .sidebar__posts__title a:hover { background-size: 100% 1px;
} .sidebar__posts__title a:hover { color: var(--karoons-base, #E23B33);
} .sidebar__posts__meta { margin: 0; line-height: 1em; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 12px;
} .sidebar__posts__meta a { display: inline-flex; align-items: center; color: var(--karoons-text, #838383); font-size: 12px; font-weight: 500; line-height: 1em; transition: all 500ms ease;
} .sidebar__posts__meta a:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .sidebar__posts__meta a i { color: var(--karoons-base, #E23B33); margin-right: 10px;
} .sidebar__categories { margin-bottom: -10px; margin-top: -18px;
} .sidebar__categories li { font-size: 16px; font-weight: 400; color: var(--karoons-black, #212226); display: flex; justify-content: space-between; align-items: center; text-transform: capitalize; padding: 10px 0;
} .sidebar__categories li a { display: inline-block; font-weight: 500; color: var(--karoons-text, #838383);
} .sidebar__categories li a:hover { padding-left: 5px; color: var(--karoons-base, #E23B33);
} .sidebar__tags { display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
} .sidebar__tags a { background-color: var(--karoons-white, #fff); text-transform: uppercase; font-size: 14px; font-weight: 500; color: var(--karoons-black, #212226); transition: all 500ms ease; display: inline-flex; padding: 5px 8px;
} .sidebar__tags a:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .sidebar__comments { margin-top: -2px; margin-bottom: -2px;
} .sidebar__comments__item { display: flex; align-items: center;
} .sidebar__comments__item:not(:last-of-type) { margin-bottom: 32px;
} .sidebar__comments__icon { flex-shrink: 0; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; background-color: var(--karoons-base, #E23B33); font-size: 20px; color: var(--karoons-white, #fff); margin-right: 20px; border-radius: 50%; transition: all 500ms ease;
} .sidebar__comments__item:hover .sidebar__comments__icon { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .sidebar__comments__title { margin: 0; font-size: 16px; line-height: 25px; font-weight: 500; text-transform: capitalize; color: var(--karoons-text, #838383);
} .sidebar__comments__title a { color: inherit; transition: all 500ms ease;
} .sidebar__comments__title a:hover { color: var(--karoons-black, #212226);
} .service-sidebar { position: relative;
} .service-sidebar__single + .service-sidebar__single { margin-top: 30px;
} .service-sidebar__nav { margin: 0; padding: 0;
} .service-sidebar__nav li { position: relative; z-index: 1; font-size: 24px; font-weight: 500; color: var(--karoons-black, #212226); text-transform: uppercase; background-color: var(--karoons-gray, #F4F4F4); padding: 19px 30px; transition: all 400ms ease;
} .service-sidebar__nav li::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; height: 17px; margin: auto; background-color: var(--karoons-base, #E23B33); transition: all 400ms ease;
} .service-sidebar__nav li::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--karoons-base, #E23B33); transform: scalex(0); transform-style: preserve-3d; transition: transform 0.4s ease-in-out; transform-origin: right center; z-index: -1;
} .service-sidebar__nav li a { color: inherit; display: inline-block; transition: none;
} .service-sidebar__nav li.current,
.service-sidebar__nav li:hover { color: var(--karoons-white, #fff); border-color: var(--karoons-base, #E23B33);
} .service-sidebar__nav li.current::after,
.service-sidebar__nav li:hover::after { background-color: var(--karoons-white, #fff);
} .service-sidebar__nav li.current::before,
.service-sidebar__nav li:hover::before { transform: scalex(1); transform-origin: left center;
} .service-sidebar__nav li + li { border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .service-sidebar__contact { padding: 149px 25px 144px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;
} .service-sidebar__contact::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: rgba(var(--karoons-black-rgb, 33, 34, 38), 0.8);
} .service-sidebar__contact__left-triangle { position: absolute; z-index: 1; left: 20px; top: 20px; width: 0px; height: 0px; border-style: solid; border-width: 41px 47px 0 0; border-color: var(--karoons-base, #E23B33) transparent transparent transparent; transform: rotate(0deg);
} .service-sidebar__contact__right-triangle { position: absolute; z-index: 1; right: 20px; bottom: 20px; width: 0px; height: 0px; border-style: solid; border-width: 0 0 41px 47px; border-color: transparent transparent var(--karoons-base, #E23B33) transparent; transform: rotate(0deg);
} .service-sidebar__contact__icon { position: relative; z-index: 1; border-radius: 50%; margin-left: auto; margin-right: auto; width: 72px; height: 72px; background-color: var(--karoons-white, #fff); display: flex; justify-content: center; align-items: center; transition: all 500ms ease; margin-bottom: 36px;
} .service-sidebar__contact__icon i { color: var(--karoons-base, #E23B33); font-size: 36px; transition: color 500ms ease, transform 500ms ease; transform: scale(1);
} .service-sidebar__contact:hover .service-sidebar__contact__icon { background-color: var(--karoons-base, #E23B33);
} .service-sidebar__contact:hover .service-sidebar__contact__icon i { transform: scale(0.9); color: var(--karoons-white, #fff);
} .service-sidebar__contact__number { position: relative; z-index: 1; color: var(--karoons-white, #fff); font-size: 30px; line-height: 36px; font-weight: 700; letter-spacing: -0.9px; margin-bottom: 0;
} .service-sidebar__contact__number span { text-transform: uppercase; font-size: 16px; letter-spacing: -0.48px; font-weight: 600; display: block; line-height: 1; margin-bottom: 9px;
} .service-sidebar__contact__number a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .service-sidebar__contact__number a:hover { background-size: 100% 1px;
} .service-sidebar__contact__number a:hover { color: var(--karoons-base, #E23B33);
} .sidebar-one { position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; z-index: 999; transform: translateX(100%); transform-origin: right center; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
} .sidebar-one.active { opacity: 1; transform: translateX(0%); visibility: visible; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
} .sidebar-one.active .sidebar-one__content { opacity: 1; visibility: visible; transform: translateX(0); transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
} .sidebar-one__overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--karoons-black3, #000); opacity: 0.5; cursor: url(https://domingosmachado-pecas-auto.pt/wp-content/themes/images/close.png), auto;
} .sidebar-one__close { position: absolute; right: 25px; top: 20px; font-size: 16px; color: var(--karoons-white, #fff); transition: all 0.4s ease; cursor: pointer;
} .sidebar-one__close:hover { color: var(--karoons-base, #E23B33);
} .sidebar-one__content { width: 350px; background-color: var(--karoons-black2, #141215); z-index: 10; position: relative; position: absolute; top: 0; right: 0; height: 100%; overflow-y: auto; padding-top: 40px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; opacity: 0; visibility: hidden; transform: translateX(100%); transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms; scrollbar-width: none;
} .sidebar-one__text { color: var(--karoons-gray, #F4F4F4); margin: 35px 0 30px; line-height: 28px;
} .sidebar-one__title { color: var(--karoons-white, #fff); font-weight: 700; font-size: 20px; margin: 0 0 18px;
} .sidebar-one__info { margin: 0; padding: 0; list-style: none;
} .sidebar-one__info li { position: relative; padding: 0 0 0 28px; margin-bottom: 10px; color: var(--karoons-gray, #F4F4F4);
} .sidebar-one__info li span { position: absolute; left: 0; top: 1px; font-size: 15px; color: var(--karoons-base, #E23B33); line-height: inherit;
} .sidebar-one__info li a { background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; color: inherit;
} .sidebar-one__info li a:hover { background-size: 100% 1px;
} .sidebar-one__info li a:hover { color: var(--karoons-base, #E23B33);
} .sidebar-one__social { position: relative; display: flex; align-items: center; gap: 10px; margin: 25px 0 40px;
} .sidebar-one__social a { width: 37px; height: 37px; background-color: RGBA(var(--karoons-white-rgb, 255, 255, 255), 0.08); border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--karoons-white, #fff);
} .sidebar-one__social a i { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;
} .sidebar-one__social a:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .sidebar-one__social a:hover i { animation: iconTranslateY 0.4s forwards;
} .sidebar-one__newsletter { position: relative;
} .sidebar-one__newsletter input[type=text] { width: 100%; display: block; border: none; outline: none; height: 60px; background-color: RGBA(var(--karoons-white-rgb, 255, 255, 255), 0.08); color: var(--karoons-gray, #F4F4F4); font-size: 16px; font-weight: 400; padding-left: 30px; padding-right: 50px; transition: all 500ms ease; border-radius: 5px;
} .sidebar-one__newsletter button[type=submit] { background-color: transparent; width: auto; height: auto; border: none; outline: none; color: var(--karoons-white, #fff); font-size: 16px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transition: all 500ms ease;
} .sidebar-one__newsletter button[type=submit]:hover { color: var(--karoons-base, #E23B33);
} .blog-details { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .blog-details { padding: 80px 0; }
}
.blog-details__image { position: relative; overflow: hidden; margin: 0 0 26px;
} .blog-details__image img { transition: 0.5s; background-size: cover; width: 100%;
} .blog-details__date { width: 59px; height: 54px; background-color: var(--karoons-base, #E23B33); display: flex; justify-content: center; text-align: center; align-items: center; font-size: 12px; font-family: var(--karoons-font, "Barlow", sans-serif); color: var(--karoons-white, #fff); padding: 0; line-height: 1.2em; position: absolute; top: 20px; left: 20px; z-index: 10; text-transform: capitalize; font-weight: 400; flex-direction: column;
} .blog-details__date span { font-size: 24px; font-weight: 400; display: block; margin-bottom: 6px;
} .blog-details__meta { display: flex; align-items: center; gap: 30px; margin: 0; margin-bottom: 18px;
} .blog-details__meta li { color: var(--karoons-text, #838383); font-size: 12px; font-weight: 500; text-transform: capitalize; display: flex; align-items: center;
} .blog-details__meta li i { color: var(--karoons-base, #E23B33); margin-right: 10px;
} .blog-details__meta li a { display: flex; align-items: center; color: inherit; transition: all 500ms ease;
} .blog-details__meta li a:hover { color: var(--karoons-base, #E23B33);
} .blog-details__title { margin: 0; text-transform: uppercase; font-size: 20px; line-height: 30px; letter-spacing: -0.4px; margin-bottom: 14px; font-weight: 700;
} .blog-details__content { position: relative;
} .blog-details__content__text { line-height: 28px; margin: 0 0 22px;
} .blog-details__content__image { position: relative;
} .blog-details__content__image img { width: 100%; height: auto;
} .blog-details__content .mb { margin-bottom: 31px; margin-top: -19px;
} .blog-details__content__list { margin: 0; padding: 6px 0 0 9px; list-style: none;
} .blog-details__content__list li { font-weight: 500; text-transform: capitalize; list-style: disc; list-style-position: inside; margin-bottom: 8px;
} .blog-details__bottom-meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--karoons-border-color, #DEDEDE); border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); padding-top: 17px; padding-bottom: 17px; margin-top: 45px; margin-bottom: 52px;
} .blog-details__cats { display: flex; align-items: center; gap: 10px;
} .blog-details__cats__title { text-transform: uppercase; margin: 0 20px 0 0; line-height: 1em; font-size: 18px; font-weight: 600;
} .blog-details__cats a { border: none; font-size: 14px; font-weight: 500; padding: 9px 23px; text-transform: capitalize; color: var(--karoons-text, #838383); background-color: var(--karoons-gray, #F4F4F4);
} @media (max-width: 400px) { .blog-details__cats a { padding: 9px 15px; }
}
.blog-details__cats a:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .blog-details__tags { display: flex; align-items: center; gap: 0;
} .blog-details__tags__title { text-transform: uppercase; margin: 0; line-height: 1em; font-size: 18px; font-weight: 600; margin-right: 15px;
} .blog-details__tags a { border: none; font-size: 14px; font-weight: 500; padding: 0; text-transform: capitalize; color: var(--karoons-text, #838383); background-color: transparent; margin-left: 5px;
} .blog-details__tags a:hover { color: var(--karoons-base, #E23B33);
} .comments-one { margin-top: 55px;
} .comments-one__title { margin: 0; text-transform: uppercase; font-size: 30px; font-weight: 600; margin-top: -4px; margin-bottom: 37px;
} .comments-one__list { padding: 0; margin: 0; margin-top: 35px;
} .comments-one__card { margin-bottom: 30px; padding-bottom: 22px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); display: flex; align-items: flex-start;
} @media (max-width: 767px) { .comments-one__card { flex-direction: column; }
}
.comments-one__card__image { position: relative; margin-right: 21px;
} .comments-one__card__image img { border-radius: 50%; width: 96px; height: 96px;
} .comments-one__card__title { margin: 0; font-size: 16px; text-transform: uppercase; font-weight: 600; margin-top: 20px; margin-bottom: 8px;
} .comments-one__card__date { display: block; text-transform: capitalize; margin-bottom: 15px;
} .comments-one__card__text { margin: 0; line-height: 30px;
} .comments-one__card__btn { position: absolute; right: 0; top: 22px;
} @media (max-width: 767px) { .comments-one__card__btn { position: relative; top: 0; margin: 20px 0 8px; }
}
.comments-one__card .karoons-btn { padding: 4px 13px; font-size: 14px; font-weight: 600; text-transform: capitalize;
} .comments-one__card__content { position: relative;
} .comments-form { margin-top: 55px;
} .comments-form__title { margin: 0; text-transform: uppercase; font-size: 30px; font-weight: 600; margin-top: -4px; margin-bottom: 37px;
} .comments-form__form { margin-top: 37px;
} .comments-form__form.form-one textarea { height: 143px;
} .comments-form__form .form-one__group { gap: 30px;
} .comments-form__form .karoons-btn { font-weight: 700; padding: 10px 31px;
} .product-one { position: relative;
} .product-one__title { font-size: 24px; letter-spacing: -0.48px; text-transform: uppercase; font-weight: 700; margin: 0 0 55px; position: relative;
} @media (max-width: 767px) { .product-one__title { margin-bottom: 35px; }
}
.product-one__title::after { position: absolute; right: 129px; top: 0; bottom: 0; margin: auto; width: calc(100% - 490px); height: 1px; content: ""; background-color: var(--karoons-border-color, #DEDEDE);
} @media (max-width: 991px) { .product-one__title::after { width: calc(100% - 290px); right: 0; }
}
.product-one__categories { position: relative; background-color: var(--karoons-black, #212226); border-radius: 20px; overflow: hidden;
} .product-one__categories__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.5;
} .product-one__categories__list { margin: 0; padding: 25px 0; list-style: none; position: relative;
} .product-one__categories__list li { padding: 0 30px; font-size: 16px; font-weight: 600; color: var(--karoons-base, #E23B33); letter-spacing: -0.32px; text-transform: capitalize; display: flex; justify-content: space-between; align-items: center;
} .product-one__categories__list li a { color: var(--karoons-white, #fff);
} .product-one__categories__list li a:hover { color: var(--karoons-base, #E23B33);
} .product-one__categories__list li + li { border-top: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2); padding-top: 14px; margin-top: 14px;
} .product-one .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav { position: absolute; right: 0; top: -89px; margin: 0; gap: 15px;
} @media (max-width: 991px) { .product-one .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav { position: relative; top: 0; margin: 40px 0 0; }
}
.product-one .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav button { background-color: transparent; border: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.75); border-radius: 50%; color: var(--karoons-base, #E23B33); font-size: 16px;
} .product-one .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav button:hover { border-color: var(--karoons-base, #E23B33); background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .product__item { position: relative; background-color: var(--karoons-white, #fff); border: 1px solid var(--karoons-border-color, #DEDEDE); border-radius: 20px; overflow: hidden; transition: all 500ms ease;
} .product__item__img { background-color: var(--karoons-white, #fff); position: relative; text-align: center; padding: 29px 15px 0;
} .product__item__img::after { background: rgba(var(--karoons-white-rgb, 255, 255, 255), 0.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; pointer-events: none; transition: all 400ms linear;
} .product__item__img img { max-width: 100%; width: auto !important; height: auto; margin: auto; mix-blend-mode: multiply; transition: all 500ms ease; transform: scale(1);
} .product__item:hover .product__item__img::after { left: 0; right: 0; opacity: 0; transition: all 400ms linear;
} .product__item:hover .product__item__img img { transform: scale(1.05);
} .product__item__flash { position: absolute; left: 19px; top: 19px;
} .product__item__flash__off { background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33); font-size: 14px; font-weight: 700; padding: 9px 8px 8px; line-height: 0.8; display: inline-block; text-transform: capitalize; border-radius: 100px;
} .product__item__content { position: relative; text-align: center; padding: 27px 20px 29px;
} .product__item__ratings { display: flex; justify-content: center; align-items: center; font-size: 12px; color: var(--karoons-base, #E23B33); letter-spacing: 7px; margin-bottom: 11px;
} .product__item__title { font-size: 16px; line-height: 26px; text-transform: uppercase; font-weight: 700; letter-spacing: -0.32px; margin: 0 auto 19px; max-width: 192px;
} .product__item__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .product__item__title a:hover { background-size: 100% 1px;
} .product__item__title a:hover { color: var(--karoons-base, #E23B33);
} .product__item__price { display: flex; justify-content: center; align-items: center; font-size: 18px; color: var(--karoons-text, #838383); line-height: 1em; font-weight: 500; margin-bottom: 22px;
} .product__item__link { border-radius: 100px; padding: 9px 17px; font-size: 14px; font-weight: 700;
} .product__item__link i { font-size: 15px; margin: 0 0 0 12px; padding-left: 9px; border-left: 1px solid rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2); transform: none !important;
} .product-two { position: relative; padding: 0 0 60px;
} .product-two__top { position: relative; display: flex; align-items: center; justify-content: space-between; margin: 0 0 40px;
} @media (max-width: 767px) { .product-two__top { margin: 0 0 30px; }
}
.product-two__top__title { font-size: 24px; letter-spacing: -0.48px; text-transform: uppercase; font-weight: 700; margin: 0 0;
} .product-two__top__rm { position: relative; z-index: 1; font-weight: 500; color: var(--karoons-black, #212226); font-size: 14px; line-height: 20px; text-transform: capitalize; display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .product-two__top__rm:hover { background-size: 100% 1px;
} .product-two__top__rm i { color: var(--karoons-base, #E23B33); display: inline-block; margin-left: 3px; position: relative; top: 3px; width: 12px; font-size: 20px;
} .product-two__top__rm:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .product-two__filter { position: relative; display: flex; align-items: center; justify-content: center; margin: -65px auto 40px; padding: 0;
} @media (max-width: 991px) { .product-two__filter { padding-left: 160px; }
}
@media (max-width: 767px) { .product-two__filter { padding: 0; flex-wrap: wrap; margin: 0 0 35px; justify-content: flex-start; }
}
.product-two__filter__list { position: relative; display: flex; align-items: center; justify-content: center; gap: 24px; margin: 0; padding: 0 0 9px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} @media (max-width: 991px) { .product-two__filter__list { gap: 20px; }
}
@media (max-width: 767px) { .product-two__filter__list { justify-content: flex-start; flex-wrap: wrap; }
}
.product-two__filter__list li { position: relative; font-size: 14px; font-weight: 500; color: var(--karoons-black, #212226); text-transform: capitalize; cursor: pointer; transition: all 400ms linear;
} .product-two__filter__list li::after { position: absolute; left: 0; right: 0; bottom: -10px; margin: 0 auto; content: ""; width: 0; height: 1px; background-color: var(--karoons-base, #E23B33); transition: all 400ms linear;
} .product-two__filter__list li:hover,
.product-two__filter__list li.active { color: var(--karoons-base, #E23B33);
} .product-two__filter__list li:hover::after,
.product-two__filter__list li.active::after { width: 100%;
} .product-three { position: relative; padding: 60px 0;
} .product-three__title { font-size: 24px; letter-spacing: -0.48px; text-transform: uppercase; font-weight: 700; text-align: center; margin: 0 0 34px; position: relative;
} .product-three__title::before { position: absolute; height: 1px; width: calc(50% - 118px); top: 0; bottom: 0; margin: auto; left: 0; content: ""; background-color: var(--karoons-border-color, #DEDEDE);
} .product-three__title::after { position: absolute; height: 1px; width: calc(50% - 118px); top: 0; bottom: 0; margin: auto; right: 0; content: ""; background-color: var(--karoons-border-color, #DEDEDE);
} .product-three__item { position: relative; background-color: var(--karoons-gray, #F4F4F4); border-radius: 10px; min-height: 148px; padding: 20px 150px 15px 20px;
} .product-three__item__img { background-color: var(--karoons-gray, #F4F4F4); position: absolute; overflow: hidden; right: 0; top: 0; padding: 0;
} .product-three__item__img img { max-width: 100%; height: auto; mix-blend-mode: multiply; transition: all 500ms ease;
} .product-three__item:hover .product-three__item__img img { transform: scale(1.03);
} .product-three__item__ratings { display: flex; align-items: center; font-size: 12px; color: var(--karoons-base, #E23B33); letter-spacing: 7px; margin-bottom: 14px;
} .product-three__item__title { font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 600; margin: 0 0 14px;
} .product-three__item__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .product-three__item__title a:hover { background-size: 100% 1px;
} .product-three__item__title a:hover { color: var(--karoons-base, #E23B33);
} .product-three__item__text { font-size: 14px; font-weight: 500; margin: 0 0 5px;
} .product-three__item__price { display: flex; align-items: center; font-size: 16px; color: var(--karoons-black, #212226); font-weight: 500; margin: 0;
} .product-four { position: relative;
} .product-four__top { position: relative; display: flex; align-items: center; justify-content: space-between; margin: 0 0 35px;
} @media (max-width: 767px) { .product-four__top { margin: 0 0 25px; flex-wrap: wrap; gap: 20px; }
}
.product-four__top__title { font-size: 24px; letter-spacing: -0.48px; text-transform: uppercase; font-weight: 700; margin: 0 0;
} .product-four__top__rm { position: relative; z-index: 1; font-weight: 500; color: var(--karoons-black, #212226); font-size: 14px; line-height: 20px; text-transform: capitalize; display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .product-four__top__rm:hover { background-size: 100% 1px;
} .product-four__top__rm i { color: var(--karoons-base, #E23B33); display: inline-block; margin-left: 3px; position: relative; top: 3px; width: 12px; font-size: 20px;
} .product-four__top__rm:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .product-four__carousel { position: relative; padding: 0 75px;
} @media (max-width: 1499px) { .product-four__carousel { padding: 0 30px; }
}
@media (max-width: 1299px) { .product-four__carousel { padding: 0 20px; }
}
.product-four .product__item__price { margin: 0;
} .product { position: relative; position: relative; padding: 120px 0;
} @media (max-width: 767px) { .product { padding: 80px 0; }
}
.product__sidebar { position: relative;
} .product__sidebar--title { position: relative; font-size: 18px; text-transform: uppercase; font-weight: bold; margin-top: -5px;
} .product__search { position: relative; display: block; background-color: var(--karoons-gray, #F4F4F4); padding: 30px; margin-bottom: 30px;
} @media (min-width: 992px) and (max-width: 1199px) { .product__search { padding: 30px 20px; }
}
.product__search form { border-radius: 0; position: relative;
} .product__search form input[type=text] { width: 100%; height: 60px; background-color: var(--karoons-white, #fff); padding-left: 15px; padding-right: 15px; font-family: var(--karoons-font, "Barlow", sans-serif); font-size: 14px; color: var(--karoons-text, #838383); border: 1px solid var(--karoons-border-color, #DEDEDE); outline: none; font-weight: 400; border-radius: 0;
} .product__search form button[type=submit] { border: none; outline: none; background-color: transparent; position: absolute; padding: 0; top: 50%; right: 13px; transform: translateY(-50%); width: auto; font-size: 20px; color: var(--karoons-base, #E23B33); transition: all 400ms ease;
} .product__search form button[type=submit]:hover { color: var(--karoons-black, #212226);
} .product__price-ranger { background-color: var(--karoons-gray, #F4F4F4); padding: 30px; margin-bottom: 30px;
} @media (min-width: 992px) and (max-width: 1199px) { .product__price-ranger { padding: 30px 20px; }
}
.product__price-ranger #slider-range { margin: 22px 0 0 0px; background: var(--karoons-white, #fff); border: none; border: 1px solid var(--karoons-base, #E23B33); height: 7px; border-radius: 10px; position: relative;
} .product__price-ranger #slider-range .ui-slider-range { height: 100%; background: var(--karoons-base, #E23B33);
} .product__price-ranger #slider-range .ui-slider-handle { position: absolute; top: -7px; background: var(--karoons-base, #E23B33); border: 0; height: 18px; width: 18px !important; border-radius: 50%; margin-left: -2px; outline: medium none; cursor: pointer; z-index: 2;
} .product__price-ranger #slider-range .ui-slider-handle::after { width: 8px; height: 8px; content: ""; background-color: var(--karoons-gray, #F4F4F4); border-radius: 50%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto;
} .product__price-ranger .ranger-min-max-block { position: relative; display: block; margin: 18px 0 0 0px;
} .product__price-ranger .ranger-min-max-block input[type=text] { position: relative; display: inline-block; color: var(--karoons-text, #838383); font-size: 14px; font-weight: 500; width: 40px; line-height: 30px; border: none; outline: none; font-family: var(--karoons-font, "Barlow", sans-serif); padding: 0; text-align: center; background-color: transparent;
} .product__price-ranger .ranger-min-max-block span { position: relative; display: inline-block; color: var(--karoons-text, #838383); font-size: 14px; font-weight: 500; line-height: 40px; left: -2px;
} .product__price-ranger .ranger-min-max-block input[type=submit] { position: relative; display: block; background-color: var(--karoons-white, #fff); font-family: var(--karoons-font, "Barlow", sans-serif); float: right; text-align: center; border: none; color: var(--karoons-black, #212226); font-size: 10px; letter-spacing: var(--karoons-letter-space, 0.1em); font-weight: 600; line-height: 38px; margin: 0; cursor: pointer; padding: 0 20px; height: 38px; border-radius: 0; box-shadow: 0px 10px 30px 0px rgba(var(--karoons-black-rgb, 33, 34, 38), 0.07); text-transform: uppercase; -webkit-transition: all 500ms ease; transition: all 500ms ease;
} @media (min-width: 992px) and (max-width: 1199px) { .product__price-ranger .ranger-min-max-block input[type=submit] { padding: 0 15px; }
}
.product__price-ranger .ranger-min-max-block input[type=submit]:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .product__categories { background-color: var(--karoons-gray, #F4F4F4); padding: 30px;
} @media (min-width: 992px) and (max-width: 1199px) { .product__categories { padding: 30px 20px; }
}
.product__categories ul { margin: 0; padding: 0; list-style: none; margin-left: -15px; margin-right: -15px; margin-bottom: -20px;
} .product__categories ul li { position: relative; margin: 0 0 4px;
} .product__categories ul li a { position: relative; display: flex; align-items: center; line-height: 24px; font-size: 16px; text-transform: capitalize; color: var(--karoons-text, #838383); font-weight: 500; transition: all 0.3s ease; z-index: 1; padding: 9px 15px 11px;
} .product__categories ul li a span { position: relative; top: 1px; display: inline-block; font-size: 18px; color: var(--karoons-text, #838383); margin-right: 10px; transition: all 0.3s ease;
} .product__categories ul li a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background-color: var(--karoons-white, #fff); z-index: -1; transform: scale(1, 0); perspective: 400px; visibility: hidden; transition: transform 500ms ease-in-out, visibility 500ms ease-in-out; transform-origin: bottom center;
} .product__categories ul li:hover a,
.product__categories ul li.active a { color: var(--karoons-black, #212226); padding-left: 27px;
} .product__categories ul li:hover a::before,
.product__categories ul li.active a::before { transform: scale(1, 1); visibility: visible; transform-origin: top center;
} .product__categories ul li:hover a span,
.product__categories ul li.active a span { color: var(--karoons-base, #E23B33);
} .product__categories ul li.active a { font-weight: 600;
} .product__info-top { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 30px;
} @media (max-width: 767px) { .product__info-top { align-items: flex-start; flex-direction: column; }
}
.product__showing-text { margin: 0; font-weight: 500;
} .product__showing-sort { margin: 0; font-size: 16px;
} .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 180px !important; font-family: var(--karoons-font, "Barlow", sans-serif);
} .product__showing-sort .bootstrap-select > .dropdown-toggle::after { display: none;
} .product__showing-sort .bootstrap-select .dropdown-menu { border: none;
} .product__showing-sort .bootstrap-select > .dropdown-toggle { position: relative; height: 56px; outline: none !important; border-radius: 0; border: 0; background-color: var(--karoons-gray, #F4F4F4) !important; margin: 0; padding: 0; padding-left: 20px; padding-right: 20px; color: var(--karoons-text, #838383) !important; font-size: 16px; line-height: 56px; font-weight: 400; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center;
} .product__showing-sort .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 18px; font-weight: normal; font-family: "icomoon" !important; content: "\e909"; font-size: 20px; color: var(--karoons-text, #838383); display: flex; align-items: center;
} .product__showing-sort .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .product__showing-sort .bootstrap-select .dropdown-menu > li > a { font-size: 16px; font-weight: 400; padding: 12px 20px; color: var(--karoons-text, #838383); text-transform: capitalize; background-color: var(--karoons-gray, #F4F4F4); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
} .product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a,
.product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a { background: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); border-color: var(--karoons-base, #E23B33);
} .product .product__item { border-radius: 0;
} .product-details { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .product-details { padding: 80px 0; }
}
.product-details__img { background-color: var(--karoons-gray, #F4F4F4); position: relative; display: flex; align-items: center; justify-content: center; min-height: 570px;
} @media (max-width: 767px) { .product-details__img { min-height: 420px; }
}
.product-details__img img { max-width: 100%; height: auto; mix-blend-mode: multiply;
} .product-details__img-search { position: absolute; right: 30px; top: 30px; z-index: 2; line-height: 1;
} .product-details__img-search a { display: inline-block; font-size: 21px; color: var(--karoons-black, #212226); transition: all 500ms ease;
} .product-details__img-search a:hover { color: var(--karoons-base, #E23B33);
} .product-details__content { position: relative; margin: 0 0 0;
} @media (max-width: 991px) { .product-details__content { margin: 50px 0 0; }
}
.product-details__top { display: flex; align-items: baseline; gap: 145px; font-family: var(--karoons-heading-font, "Barlow", serif); margin-bottom: 18px;
} @media (max-width: 767px) { .product-details__top { flex-direction: column; gap: 8px; }
}
.product-details__title { font-size: 24px; font-weight: 700; text-transform: uppercase; margin: 0;
} .product-details__price { font-size: 24px; color: var(--karoons-base, #E23B33); font-weight: 700; margin: 0;
} .product-details__review { position: relative; display: flex; align-items: center; letter-spacing: 9px; font-size: 16px; color: var(--karoons-base, #E23B33);
} .product-details__review a { display: inline-block; color: var(--karoons-text, #838383); font-size: 16px; text-transform: capitalize; letter-spacing: 0; margin-left: 1px; font-weight: 400; transition: all 500ms ease;
} .product-details__review a:hover { color: var(--karoons-base, #E23B33);
} .product-details__divider { width: 100%; height: 1px; background-color: var(--karoons-border-color, #DEDEDE); margin: 25px 0 21px;
} .product-details__excerpt { margin: 0; line-height: 30px; margin: 0 0 31px;
} .product-details__quantity { position: relative; display: flex; align-items: center; margin: 32px 0 40px;
} .product-details__quantity-title { margin: 0; font-size: 16px; line-height: 1; text-transform: uppercase; margin-right: 20px; font-weight: bold;
} .product-details__quantity .quantity-box { position: relative; width: 98px; height: 53px;
} .product-details__quantity .quantity-box input { width: 98px; height: 53px; border: 1px solid var(--karoons-border-color, #DEDEDE); -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; font-family: var(--karoons-font, "Barlow", sans-serif); color: var(--karoons-base, #E23B33); padding-left: 30px; outline: none; font-size: 16px; font-weight: 700; background-color: transparent;
} .product-details__quantity .quantity-box button { width: 24px; height: 24px; color: var(--karoons-text, #838383); font-size: 8px; position: absolute; top: 1px; right: 1px; background-color: transparent; border: none; border-left: 1px solid var(--karoons-border-color, #DEDEDE); display: flex; align-items: center; justify-content: center; outline: none; transition: all 500ms ease;
} .product-details__quantity .quantity-box button.sub { bottom: 1px; top: auto; border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .product-details__quantity .quantity-box button:hover { color: var(--karoons-base, #E23B33);
} .product-details__buttons { display: flex; flex-wrap: wrap; gap: 20px;
} .product-details__buttons .karoons-btn { border-radius: 0; padding: 15.4px 32px; font-size: 15px; font-weight: 700;
} .product-details__buttons .karoons-btn i { font-size: 15px; margin: 0 0 0 12px; padding-left: 9px; border-left: 1px solid rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2); transform: none !important;
} .product-details__buttons .karoons-btn.wishlist { background-color: var(--karoons-black, #212226);
} .product-details__buttons .karoons-btn.wishlist::after,
.product-details__buttons .karoons-btn.wishlist:hover { background-color: var(--karoons-base, #E23B33);
} .product-details__socials { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 40px;
} .product-details__socials__title { font-size: 16px; text-transform: capitalize; margin: 0; font-weight: 500; margin-right: 10px; flex: 0 0 100%;
} @media (min-width: 768px) { .product-details__socials__title { flex: 0 0 auto; }
}
.product-details__socials a { width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; background-color: transparent; border: 1px solid var(--karoons-border-color, #DEDEDE); font-size: 14px; color: var(--karoons-text, #838383); transition: all 500ms ease; border-radius: 0;
} .product-details__socials a:hover { background-color: var(--karoons-base, #E23B33); border-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .product-details__description { position: relative; margin: 54px 0 0;
} .product-details__description__title { font-size: 24px; text-transform: uppercase; margin-bottom: 14px; font-weight: bold;
} .product-details__description__text { margin-bottom: 30px; line-height: 30px;
} .product-details__comment { border-top: 1px solid var(--karoons-border-color, #DEDEDE); margin: 32px 0 0; padding: 54px 0 0; position: relative;
} .product-details__review-title { font-size: 24px; text-transform: uppercase; margin-bottom: 44px; font-weight: bold;
} .product-details__comment-box { position: relative; padding: 11px 0 22px 122px; margin-bottom: 30px; min-height: 166px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} @media (max-width: 767px) { .product-details__comment-box { padding-left: 0; }
}
.product-details__comment-box__thumb { width: 96px; height: 96px; position: absolute; left: 0; top: 0; border-radius: 50%; margin: 0; border: none;
} @media (max-width: 767px) { .product-details__comment-box__thumb { position: relative; margin: 0 0 20px; }
}
.product-details__comment-box__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
} .product-details__comment-box__meta { font-size: 20px; line-height: 30px; text-transform: uppercase; margin: 0 0 15px; font-weight: bold; color: var(--karoons-black, #212226);
} .product-details__comment-box__date { font-size: 16px; line-height: 26px; display: block; text-transform: inherit; color: var(--karoons-text, #838383); font-weight: 500; letter-spacing: 0; margin: 3px 0 0 0; text-transform: capitalize;
} .product-details__comment-box__text { line-height: 30px; margin: 0;
} .product-details__comment-box__ratings { position: absolute; right: 0; top: 0; display: flex; align-items: center; letter-spacing: 9px; font-size: 16px; color: var(--karoons-base, #E23B33);
} @media (max-width: 767px) { .product-details__comment-box__ratings { position: relative; top: 0; margin: 0 0 22px; }
}
.product-details__form { position: relative; margin: 55px 0 0;
} .product-details__form .row { --bs-gutter-x: 20px;
} .product-details__form-title { font-size: 24px; text-transform: uppercase; margin-bottom: 8px; font-weight: bold;
} .product-details__form-text { font-weight: 500; text-transform: capitalize; margin: 0;
} .product-details__form-ratings { display: flex; align-items: center; letter-spacing: 9px; font-size: 16px; color: var(--karoons-text, #838383); margin: 21px 0 30px;
} .product-details__form-ratings__label { display: inline-block; font-size: 16px; font-weight: bold; letter-spacing: 0; text-transform: uppercase; color: var(--karoons-black, #212226); margin: 0 17px 0 0;
} .product-details__form__form { margin-top: 0;
} .cart-page { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .cart-page { padding: 80px 0; }
}
.cart-page .table-responsive { position: relative; display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
} @media (max-width: 1199px) { .cart-page .table-responsive { margin-bottom: 30px; }
}
.cart-page__table { position: relative; width: 100%; border: none; margin: 0 0 31px;
} @media (max-width: 1199px) { .cart-page__table { min-width: 1170px; }
}
.cart-page__table thead tr th { color: var(--karoons-black, #212226); font-size: 20px; line-height: 30px; font-weight: 600; padding: 0 0 24px; text-transform: uppercase; border: none; background-color: transparent; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE) !important; box-shadow: none;
} .cart-page__table thead tr th:last-child { text-align: right;
} .cart-page__table tbody tr td { font-size: 16px; font-weight: 500; color: var(--karoons-text, #838383); vertical-align: middle; border: none; box-shadow: none; background-color: transparent; border-top: 1px solid var(--karoons-border-color, #DEDEDE); border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); padding: 30px 0; letter-spacing: 0;
} .cart-page__table tbody tr td:last-child { text-align: right;
} .cart-page__table__meta { display: flex; align-items: center;
} .cart-page__table__meta-img { width: 70px; height: 70px; background-color: var(--karoons-gray, #F4F4F4); padding: 5px; margin-right: 21px; border-radius: 6px;
} .cart-page__table__meta-img img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply;
} .cart-page__table__meta-title { font-size: 18px; text-transform: uppercase; margin: 0; font-weight: 600; color: var(--karoons-black, #212226);
} .cart-page__table__meta-title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .cart-page__table__meta-title a:hover { background-size: 100% 1px;
} .cart-page__table__meta-title a:hover { color: var(--karoons-base, #E23B33);
} .cart-page__table__remove { display: block; color: var(--karoons-text, #838383); font-size: 12px;
} .cart-page__table__remove:hover { color: var(--karoons-base, #E23B33);
} .cart-page .product-details__quantity { margin: 0;
} .cart-page__coupone-form { position: relative; width: 100%;
} .cart-page__coupone-form__inner { position: relative; display: flex; align-items: center;
} @media (max-width: 767px) { .cart-page__coupone-form__inner { display: block; }
}
.cart-page__coupone-form label { display: block; font-size: 16px; font-weight: 600; text-transform: capitalize; color: var(--karoons-black, #212226); margin: 0 0 8px;
} .cart-page__coupone-form input[type=text] { height: 60px; width: 268px; border: 1px solid var(--karoons-border-color, #DEDEDE); background-color: transparent; padding-left: 20px; padding-right: 20px; outline: none; font-size: 16px; color: var(--karoons-text, #838383); display: block; font-weight: 400; margin-right: 15px;
} @media (max-width: 767px) { .cart-page__coupone-form input[type=text] { width: 100%; margin: 0 0 10px; }
}
.cart-page__coupone-form .karoons-btn { font-weight: 700; padding: 17px 26px;
} .cart-page__coupone-form .karoons-btn.update { padding: 16px 32px; margin-left: auto; background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33);
} .cart-page__coupone-form .karoons-btn.update:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .cart-page__coupone-form .karoons-btn.update:after { background-color: var(--karoons-base, #E23B33);
} .cart-page__cart-total { position: relative; margin: 60px 0 0 auto; max-width: 315px;
} .cart-page__cart-total__title { font-size: 24px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); margin: 0 0 33px; padding: 0 0 20px;
} .cart-page__cart-total__list { position: relative; margin: 0 0 24px; padding: 0;
} .cart-page__cart-total__list li { display: flex; align-items: center; justify-content: space-between; font-size: 18px; color: var(--karoons-black, #212226); text-transform: capitalize; font-weight: 700; margin: 0 0 12px;
} .cart-page__cart-total__list li.shipping { display: block; font-size: 16px;
} .cart-page__cart-total__list li.shipping p { line-height: 26px; font-weight: 400; color: var(--karoons-text, #838383); font-size: 16px; margin: 8px 0 0;
} .cart-page__cart-total__list li:last-child { padding-top: 17px; margin-top: 18px; border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .cart-page__buttons { display: flex; justify-content: flex-end; gap: 10px;
} .cart-page__buttons .karoons-btn { font-size: 15px; font-weight: 700; padding: 15px 37px;
} .wishlist-page { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .wishlist-page { padding: 80px 0; }
}
.wishlist-page .table-responsive { position: relative; display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
} @media (max-width: 1199px) { .wishlist-page .table-responsive { margin-bottom: 30px; }
}
.wishlist-page__table { position: relative; width: 100%; border: none; margin: 0 0 31px;
} @media (max-width: 1199px) { .wishlist-page__table { min-width: 1170px; }
}
.wishlist-page__table thead tr th { color: var(--karoons-black, #212226); font-size: 20px; line-height: 30px; font-weight: 600; padding: 0 0 24px; text-transform: uppercase; border: none; background-color: transparent; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE) !important; box-shadow: none;
} .wishlist-page__table thead tr th:last-child { text-align: right;
} .wishlist-page__table tbody tr td { font-size: 16px; font-weight: 500; color: var(--karoons-text, #838383); vertical-align: middle; border: none; box-shadow: none; background-color: transparent; border-top: 1px solid var(--karoons-border-color, #DEDEDE); border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); padding: 30px 0; letter-spacing: 0;
} .wishlist-page__table tbody tr td:last-child { text-align: right;
} .wishlist-page__table__meta { display: flex; align-items: center;
} .wishlist-page__table__meta-img { width: 70px; height: 70px; background-color: var(--karoons-gray, #F4F4F4); padding: 5px; margin-right: 21px; border-radius: 6px;
} .wishlist-page__table__meta-img img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply;
} .wishlist-page__table__meta-title { font-size: 18px; text-transform: uppercase; margin: 0; font-weight: 600; color: var(--karoons-black, #212226);
} .wishlist-page__table__meta-title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .wishlist-page__table__meta-title a:hover { background-size: 100% 1px;
} .wishlist-page__table__meta-title a:hover { color: var(--karoons-base, #E23B33);
} .wishlist-page__table__remove { display: block; color: var(--karoons-text, #838383); font-size: 12px;
} .wishlist-page__table__remove:hover { color: var(--karoons-base, #E23B33);
} .checkout-page { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .checkout-page { padding: 80px 0; }
}
.checkout-page .bs-gutter-x-20 { --bs-gutter-x: 30px;
} .checkout-page__billing-address { position: relative;
} .checkout-page__billing-address__title { font-size: 24px; text-transform: uppercase; margin: 0 0 41px; font-weight: bold;
} .checkout-page__shipping-address { position: relative; margin: 54px 0 0;
} .checkout-page__shipping-address__title { font-size: 24px; text-transform: uppercase; margin: 0 0 21px; font-weight: 500;
} .checkout-page__shipping-address__title input[type=checkbox] { display: none;
} .checkout-page__shipping-address__title label { position: relative; display: inline-block; padding-right: 29px; cursor: pointer;
} .checkout-page__shipping-address__title label span:before { position: absolute; top: 0; left: 5px; line-height: 20px; display: inline-block; color: var(--karoons-white, #fff); font-family: "Font Awesome 5 Free"; content: "\f00c"; font-size: 8px; font-weight: 900; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 0;
} .checkout-page__shipping-address__title input[type=checkbox] + label span { position: absolute; bottom: 5px; right: 0; width: 19px; height: 19px; background-color: var(--karoons-base, #E23B33); border-radius: 50%; border: none; vertical-align: middle; cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
} .checkout-page__shipping-address__title input[type=checkbox]:checked + label span:before { opacity: 1;
} .checkout-page__input-box { position: relative; line-height: 1; margin: 0 0 20px;
} .checkout-page__input-box label { display: block; font-size: 16px; font-weight: 500; line-height: 1; text-transform: capitalize; color: var(--karoons-black, #212226); cursor: pointer; margin: 0 0 18px;
} .checkout-page__input-box input[type=text],
.checkout-page__input-box input[type=email],
.checkout-page__input-box input[type=tel] { height: 60px; width: 100%; border: none; background-color: var(--karoons-gray, #F4F4F4); padding-left: 20px; padding-right: 20px; outline: none; font-size: 14px; color: var(--karoons-text, #838383); text-transform: capitalize; font-family: var(--karoons-font, "Barlow", sans-serif); display: block; font-weight: 400;
} .checkout-page__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; font-family: var(--karoons-font, "Barlow", sans-serif);
} .checkout-page__input-box .bootstrap-select > .dropdown-toggle::after { display: none;
} .checkout-page__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 60px; outline: none !important; border-radius: 0; border: 0; background-color: var(--karoons-gray, #F4F4F4) !important; margin: 0; padding: 0; padding-left: 20px; padding-right: 20px; color: var(--karoons-text, #838383) !important; font-size: 14px; line-height: 60px; text-transform: capitalize; font-weight: 400; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center;
} .checkout-page__input-box .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 18px; font-weight: normal; font-family: "icomoon" !important; content: "\e909"; font-size: 20px; color: var(--karoons-text, #838383); display: flex; align-items: center;
} .checkout-page__input-box .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .checkout-page__input-box .bootstrap-select .dropdown-menu { border: none;
} .checkout-page__input-box .bootstrap-select .dropdown-menu > li > a { font-size: 14px; font-weight: 400; padding: 12px 20px; color: var(--karoons-text, #838383); text-transform: capitalize; background-color: var(--karoons-gray, #F4F4F4); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
} .checkout-page__input-box .bootstrap-select .dropdown-menu > li:hover > a,
.checkout-page__input-box .bootstrap-select .dropdown-menu > li.selected > a { background: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); border-color: var(--karoons-base, #E23B33);
} .checkout-page__input-box textarea { font-size: 16px; font-weight: 400; color: var(--karoons-text, #838383); height: 177px; width: 100%; background-color: var(--karoons-gray, #F4F4F4); font-family: var(--karoons-font, "Barlow", sans-serif); padding: 20px 30px 30px; border: none; outline: none; margin-bottom: 0px;
} .checkout-page__check-box { position: relative; display: block; margin-top: -6px;
} .checkout-page__check-box input[type=checkbox] { display: none;
} .checkout-page__check-box label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0; color: var(--karoons-text, #838383); font-size: 15px; line-height: 24px; text-transform: none; cursor: pointer;
} .checkout-page__check-box label span:before { position: absolute; top: 0; left: 5px; line-height: 20px; display: inline-block; color: var(--karoons-white, #fff); font-family: "Font Awesome 5 Free"; content: "\f00c"; font-size: 8px; font-weight: 900; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 0;
} .checkout-page__check-box input[type=checkbox] + label span { position: absolute; top: 4px; left: 0; width: 19px; height: 19px; background-color: var(--karoons-base, #E23B33); border-radius: 50%; border: none; vertical-align: middle; cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
} .checkout-page__check-box input[type=checkbox]:checked + label span:before { opacity: 1;
} .checkout-page__your-order { position: relative; margin: 40px 0 0;
} .checkout-page__your-order__title { font-size: 24px; text-transform: uppercase; margin-bottom: 35px; font-weight: bold;
} .checkout-page__your-order .karoons-btn { font-size: 15px; font-weight: 700; padding: 16px 32px; margin-top: 44px;
} .checkout-page__order-table { position: relative; width: 100%; border: none; margin: 0 0 0;
} .checkout-page__order-table thead tr th { font-size: 20px; color: var(--karoons-black, #212226); text-transform: uppercase; font-weight: 500; margin: 0; padding: 15.5px 0; border: none; border-top: 1px solid var(--karoons-border-color, #DEDEDE); border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} .checkout-page__order-table thead tr th:last-child { text-align: right;
} .checkout-page__order-table tbody tr td { font-size: 16px; line-height: 24px; font-weight: 500; text-transform: capitalize; color: var(--karoons-text, #838383); margin: 0; padding: 0 0 24px; border: none;
} .checkout-page__order-table tbody tr td:last-child { text-align: right;
} .checkout-page__order-table tbody tr:first-child td { padding-top: 25px;
} .checkout-page__order-table tbody tr:last-child td { padding-bottom: 0; padding-top: 24px; font-weight: 700; color: var(--karoons-black, #212226); border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .checkout-page__payment { background-color: var(--karoons-gray, #F4F4F4); padding: 30px 30px; min-height: 295px; margin-top: 6px;
} @media (max-width: 991px) { .checkout-page__payment { margin-top: 50px; }
}
@media (max-width: 767px) { .checkout-page__payment { padding-left: 25px; padding-right: 25px; }
}
.checkout-page__payment__item { position: relative;
} .checkout-page__payment__title { display: flex; font-size: 16px; text-transform: uppercase; margin: 0; align-items: center; margin-bottom: 11px; cursor: pointer; font-weight: bold; color: var(--karoons-black, #212226);
} .checkout-page__payment__title::before { content: ""; width: 20px; height: 20px; background-color: transparent; border: 1px solid var(--karoons-text, #838383); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 14px; position: relative; top: 1px; transition: all 500ms ease;
} .checkout-page__payment__title::after { position: absolute; left: 7px; top: 8px; width: 6px; height: 6px; content: ""; background-color: var(--karoons-text, #838383); border-radius: 50%; transition: all 500ms ease;
} .checkout-page__payment__item--active .checkout-page__payment__title::before { border-color: var(--karoons-base, #E23B33);
} .checkout-page__payment__item--active .checkout-page__payment__title::after { background-color: var(--karoons-base, #E23B33);
} .checkout-page__payment__content { margin-left: 34px; margin-bottom: 30px; padding-right: 2px; font-weight: 500; line-height: 30px;
} .login-page { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .login-page { padding: 80px 0; }
}
.login-page__image { position: relative;
} @media (max-width: 991px) { .login-page__image { margin-bottom: 45px; }
}
.login-page__image img { width: 100%; height: auto;
} .login-page__wrap { position: relative; background-color: var(--karoons-gray, #F4F4F4); border-radius: 0; padding: 60px 105px 55px;
} @media (min-width: 991px) and (max-width: 1199px) { .login-page__wrap { padding: 40px; }
}
@media (max-width: 767px) { .login-page__wrap { padding: 40px 25px; }
}
.login-page__wrap__title { font-size: 20px; font-weight: 600; text-transform: uppercase; margin: 43px 0 27px;
} .login-page__form { position: relative; display: block;
} .login-page__form-input-box { position: relative; display: block; margin-bottom: 18px;
} .login-page__form-input-box input[type=text],
.login-page__form-input-box input[type=email],
.login-page__form-input-box input[type=password] { height: 48px; width: 100%; border: 0.5px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.5); border-radius: 0; background-color: var(--karoons-white, #fff); padding-left: 20px; padding-right: 20px; outline: none; font-size: 15px; color: var(--karoons-text, #838383); display: block; font-weight: 400;
} .login-page__form-input-box label { display: block; line-height: 1; font-size: 14px; cursor: pointer; font-weight: 500; color: var(--karoons-black, #212226); letter-spacing: 0.3px; margin: 0 0 7px 16px;
} .login-page__form-input-box__icon { position: absolute; right: 15px; bottom: 13px; color: var(--karoons-text, #838383); font-size: 12px;
} .login-page__form-check-wrapper { display: flex; align-items: center; justify-content: space-between; position: relative; margin: 0 0 29px;
} .login-page__checked-box { position: relative;
} .login-page__checked-box label { position: relative; display: inline-block; padding-left: 50px; margin-right: 0px; margin-bottom: 0; color: var(--karoons-text, #838383); font-size: 14px; font-weight: 400; text-transform: none; cursor: pointer;
} .login-page__checked-box label span:before { position: absolute; top: 2px; left: 2px; display: block; content: ""; width: 16px; height: 16px; background: var(--karoons-text, #838383); border-radius: 50%; pointer-events: none; transform-origin: 66% 66%; transition: all 300ms ease;
} .login-page__checked-box input[type=checkbox] { display: none;
} .login-page__checked-box input[type=checkbox] + label span { position: absolute; top: 1px; left: 0; width: 40px; height: 20px; vertical-align: middle; background: var(--karoons-border-color, #DEDEDE); border-radius: 40px; cursor: pointer; transition: all 300ms ease;
} .login-page__checked-box input[type=checkbox]:checked + label span:before { left: auto; left: 22px;
} .login-page__form-forgot-password { position: relative; margin-top: 0;
} .login-page__form-forgot-password a { font-size: 14px; font-weight: 400; color: var(--karoons-text, #838383); position: relative; display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .login-page__form-forgot-password a:hover { background-size: 100% 1px;
} .login-page__form-forgot-password a:hover { color: var(--karoons-base, #E23B33);
} .login-page__form-btn-box { position: relative; display: flex; align-items: center; flex-wrap: wrap;
} .login-page__form-btn-box .karoons-btn { width: 100%; font-weight: 700; padding: 7px 30px;
} .login-page__form-btn-box__border { height: 1px; background-color: var(--karoons-border-color, #DEDEDE); width: 100%; margin: 30px 0;
} .login-page__form-btn-box__google.karoons-btn { background-color: var(--karoons-black, #212226); font-size: 12px; display: flex; align-items: center; justify-content: center; font-weight: 400; padding: 10px 30px;
} .login-page__form-btn-box__google.karoons-btn img { width: 20px; height: 20px; margin-right: 8px;
} .login-page__form-btn-box__google.karoons-btn:after { background-color: var(--karoons-base, #E23B33);
} .login-page__form-btn-box__google.karoons-btn:hover { background-color: var(--karoons-base, #E23B33);
} .login-page__form-btn-box__register-text { margin: 22px auto 0; text-align: center; font-size: 14px; letter-spacing: 0.3px; color: var(--karoons-black, #212226);
} .login-page__form-btn-box__register-text a { color: var(--karoons-base, #E23B33); position: relative; display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .login-page__form-btn-box__register-text a:hover { background-size: 100% 1px;
} .error-404 { position: relative; padding: 120px 0; text-align: center;
} @media (max-width: 767px) { .error-404 { padding: 80px 0; }
}
.error-404__image { position: relative; margin-bottom: 59px;
} @media (max-width: 767px) { .error-404__image { margin-bottom: 39px; }
}
.error-404__image img { max-width: 100%; height: auto; animation: movebounce2 3s linear 0s infinite;
} .error-404__title { font-size: 30px; font-weight: 600; text-transform: uppercase; border-top: 1px solid var(--karoons-border-color, #DEDEDE); margin-bottom: 15px; padding: 61px 0 0; position: relative;
} @media (max-width: 767px) { .error-404__title { padding-top: 41px; }
}
.error-404__text { line-height: 28px; text-transform: capitalize; margin-bottom: 40px;
} .error-404 .karoons-btn { font-weight: 700; padding: 10px 36px;
} .faq-one { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .faq-one { padding: 80px 0; }
}
.faq-one__image { position: relative; z-index: 1; min-height: 599px; padding: 20px; display: flex; align-items: center; justify-content: center;
} @media (max-width: 767px) { .faq-one__image { min-height: 499px; }
}
.faq-one__image::after { position: absolute; right: 0; top: 0; height: 100%; width: 44.2%; content: ""; background-color: var(--karoons-black, #212226); z-index: -1;
} .faq-one__image__border { position: absolute; left: -25px; bottom: -25px; width: 1px; height: 384px; background-color: var(--karoons-base, #E23B33);
} @media (max-width: 1300px) { .faq-one__image__border { display: none; }
}
.faq-one__image__border-two { position: absolute; left: -25px; bottom: -25px; width: 314px; height: 1px; background-color: var(--karoons-base, #E23B33);
} @media (max-width: 1300px) { .faq-one__image__border-two { display: none; }
}
.faq-one__image__car { position: relative; display: flex; align-items: center; justify-content: center;
} .faq-one__image__car img { max-width: 100%; height: auto;
} .faq-one__image__logo { position: absolute; right: 60px; bottom: 40px;
} .faq-one__accordion { position: relative;
} @media (max-width: 991px) { .faq-one__accordion { margin-top: 45px; }
}
.faq-one__accordion .sec-title { padding-bottom: 29px; margin-bottom: 39px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} .faq-one__accordion .accrodion { margin: 10px 0 0; position: relative; background-color: var(--karoons-gray, #F4F4F4);
} .faq-one__accordion .accrodion-title { padding: 20px 28px 21px; padding-right: 50px; cursor: pointer;
} .faq-one__accordion .accrodion-title h4 { text-transform: uppercase; font-weight: bold; color: var(--karoons-black, #212226); font-size: 16px; margin: 0; transition: all 500ms ease; position: relative;
} .faq-one__accordion .accrodion-title__icon { width: 18px; height: 18px; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);
} .faq-one__accordion .accrodion-title__icon::after { width: 100%; height: 100%; position: absolute; color: var(--karoons-text, #838383); top: 0; left: 0; font-family: "icomoon" !important; font-size: 16px; content: "\e91d"; transform: rotate(180deg); font-weight: normal; transition: all 500ms ease;
} .faq-one__accordion .active .accrodion-title h4 { color: var(--karoons-base, #E23B33);
} .faq-one__accordion .active .accrodion-title__icon::after { color: var(--karoons-base, #E23B33); transform: rotate(0);
} .faq-one__accordion .accrodion-content .inner { padding: 12px 28px 23px; margin-top: -2px; border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .faq-one__accordion .accrodion-content p { margin: 0; text-transform: capitalize; letter-spacing: -0.48px;
} .faq-one--home-two { background-color: var(--karoons-gray, #F4F4F4);
} .faq-one--home-two__bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.06; mix-blend-mode: multiply;
} .faq-one--home-two .faq-one__image { padding: 0; justify-content: flex-start; gap: 28px; display: grid; grid-template-columns: repeat(2, 1fr);
} @media (max-width: 991px) { .faq-one--home-two .faq-one__image { display: flex; }
}
@media (max-width: 767px) { .faq-one--home-two .faq-one__image { display: grid; min-height: inherit; }
}
.faq-one--home-two .faq-one__image img { max-width: 100%; height: 100%; object-fit: cover;
} .faq-one--home-two .faq-one__image::after { display: none;
} .faq-one--home-two .faq-one__accordion .accrodion { background-color: var(--karoons-white, #fff);
} .faq-one--home-three { background-color: var(--karoons-gray, #F4F4F4);
} .faq-one--home-three__bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.06; mix-blend-mode: multiply;
} .faq-one--home-three__image { position: relative; padding: 15px 0 0;
} .faq-one--home-three__image__one { position: relative; padding-left: 104px;
} @media (min-width: 992px) and (max-width: 1199px) { .faq-one--home-three__image__one { padding-left: 64px; }
}
@media (max-width: 767px) { .faq-one--home-three__image__one { padding-left: 0; }
}
.faq-one--home-three__image__one img { max-width: 100%; height: auto; border-radius: 50%;
} .faq-one--home-three__image__two { position: relative; z-index: 2; display: inline-block; margin-top: -76px; margin-left: -6px;
} @media (min-width: 992px) and (max-width: 1199px) { .faq-one--home-three__image__two { margin-top: -35px; }
}
@media (max-width: 767px) { .faq-one--home-three__image__two { margin-top: -40px; }
}
.faq-one--home-three__image__two img { max-width: 100%; height: auto; -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 576 439" xmlns="http://www.w3.org/2000/svg"><path d="M163.162 103.635C243.3 94.317 269.039 84.4852 324.59 41.9668C407.079 -21.151 530.138 -21.4368 565.328 99.2966C592.386 192.154 566.296 307.362 506.246 360.183C405.128 449.134 217.984 465.038 101.82 396.415C1.67396 337.262 -30.5073 223.462 31.9374 149.299C53.1163 124.144 86.4061 112.557 163.162 103.635Z"/></svg>'); mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 576 439" xmlns="http://www.w3.org/2000/svg"><path d="M163.162 103.635C243.3 94.317 269.039 84.4852 324.59 41.9668C407.079 -21.151 530.138 -21.4368 565.328 99.2966C592.386 192.154 566.296 307.362 506.246 360.183C405.128 449.134 217.984 465.038 101.82 396.415C1.67396 337.262 -30.5073 223.462 31.9374 149.299C53.1163 124.144 86.4061 112.557 163.162 103.635Z"/></svg>'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center bottom; mask-position: center bottom; -webkit-mask-size: cover; mask-size: cover;
} .faq-one--home-three__image svg { position: absolute; z-index: -1; top: 41px; left: 0; width: 100%; animation: treeMove2 6s linear 0s infinite;
} .faq-one--home-three__image svg path { stroke-width: 1px; fill: transparent; stroke: var(--karoons-base, #E23B33);
} .faq-one--home-three .faq-one__accordion .accrodion { background-color: var(--karoons-white, #fff);
} .faq-one--home-four { padding: 60px 0;
} .faq-one--home-four__sec-title { font-size: 24px; letter-spacing: -0.48px; text-transform: uppercase; text-align: center; font-weight: 700; margin: -5px 0 40px;
} @media (max-width: 767px) { .faq-one--home-four__sec-title { margin-bottom: 25px; }
}
.faq-one--home-four .faq-one__accordion { margin: 0;
} .faq-one--home-four .faq-one__accordion .accrodion { border-radius: 10px; filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.05)); background-color: var(--karoons-white, #fff);
} .faq-page-search { padding-top: 105px; padding-bottom: 60px;
} @media (max-width: 767px) { .faq-page-search { padding-top: 60px; }
}
.faq-page-search__inner { max-width: 770px; position: relative; margin: 0 auto; text-align: center;
} .faq-page-search__title { text-transform: uppercase; margin: 0; font-weight: bold; color: var(--karoons-black, #212226); font-size: 30px; line-height: 42px; letter-spacing: -1px; margin-bottom: 30px;
} @media (min-width: 992px) { .faq-page-search__title { font-size: 45px; line-height: 60px; letter-spacing: -1.5px; margin-bottom: 48px; }
}
.faq-page-search__form { display: flex; align-items: center; position: relative; width: 100%;
} .faq-page-search__form input[type=text] { border: 1px solid var(--karoons-border-color, #DEDEDE); outline: none; display: block; background-color: transparent; color: var(--karoons-text, #838383); font-size: 14px; width: 100%; padding-left: 22px; height: 55px;
} .faq-page-search__form__btn { border: none; outline: none; background-color: transparent; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); font-size: 18px; color: var(--karoons-base, #E23B33);
} .faq-page-search__form__btn:hover { color: var(--karoons-black, #212226);
} .faq-page { padding: 120px 0; position: relative; margin-bottom: -1px; z-index: 1; background-color: var(--karoons-gray, #F4F4F4);
} @media (max-width: 767px) { .faq-page { padding: 80px 0; }
}
.faq-page__image { position: relative;
} .faq-page__image img { max-width: 100%; height: auto;
} @media (max-width: 991px) { .faq-page__image img { width: 100%; }
}
.faq-page__accordion { position: relative;
} @media (max-width: 991px) { .faq-page__accordion { margin-top: 45px; }
}
.faq-page__accordion .accrodion { position: relative; background-color: var(--karoons-white, #fff);
} .faq-page__accordion .accrodion + .accrodion { margin-top: 20px;
} .faq-page__accordion .accrodion-title { cursor: pointer;
} .faq-page__accordion .accrodion-title h4 { text-transform: uppercase; font-weight: bold; color: var(--karoons-black, #212226); font-size: 16px; margin: 0; padding: 25px 15px 26px 78px; position: relative; transition: all 500ms ease;
} .faq-page__accordion .accrodion-title__icon { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: var(--karoons-base, #E23B33); border: 1px solid var(--karoons-border-color, #DEDEDE); position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
} .faq-page__accordion .accrodion-title__icon::after,
.faq-page__accordion .accrodion-title__icon::before { width: 2px; height: 16px; position: absolute; background-color: var(--karoons-white, #fff); border-radius: 5px; top: 50%; left: 50%; content: ""; transform: translate(-50%, -50%); transition: all 500ms ease;
} .faq-page__accordion .accrodion-title__icon::after { width: 16px; height: 2px;
} .faq-page__accordion .active .accrodion-title__icon::before { opacity: 0;
} .faq-page__accordion .accrodion-content .inner { border-top: 1px solid var(--karoons-border-color, #DEDEDE); padding: 19px 30px 22px 0; margin-left: 15px; margin-top: -13px;
} .faq-page__accordion .accrodion-content p { margin: 0; line-height: 30px;
} .package-one { padding: 120px 0; position: relative;
} @media (max-width: 767px) { .package-one { padding: 80px 0; }
}
.package-one .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav { margin: 0; position: absolute; right: 0; top: -104px;
} @media (max-width: 767px) { .package-one .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav { position: relative; top: 0; margin: 40px 0 0; }
}
.package-one__item { border: 1px solid var(--karoons-border-color, #DEDEDE); padding: 23px; background-color: var(--karoons-white, #fff); display: flex; align-items: center; transition: all 400ms ease;
} @media (max-width: 767px) { .package-one__item { flex-direction: column; align-items: flex-start; }
}
.package-one__item:hover { border-color: var(--karoons-base, #E23B33);
} .package-one__item__image { position: relative; overflow: hidden; width: 57.4%;
} @media (max-width: 767px) { .package-one__item__image { width: 100%; }
}
.package-one__item__image > img { width: 100%; height: 100%; min-height: 264px; object-fit: cover; transform: scale(1); transition: transform 500ms ease;
} @media (max-width: 767px) { .package-one__item__image > img { min-height: inherit; }
}
.package-one__item:hover .package-one__item__image > img { transform: scale(1.05) rotate(2deg);
} .package-one__item__price { height: 38px; background-color: var(--karoons-base, #E23B33); border-radius: 100px; text-align: center; display: flex; justify-content: center; align-items: center; color: var(--karoons-white, #fff); font-weight: 600; font-size: 18px; position: absolute; z-index: 1; left: 16px; top: 16px; line-height: 1; padding: 0 20px;
} .package-one__item__content { position: relative; width: 42.6%; padding: 0 0 0 28px;
} @media (max-width: 767px) { .package-one__item__content { width: 100%; padding: 28px 0 0; }
}
.package-one__item__title { margin: 0; text-transform: uppercase; font-weight: 600; color: var(--karoons-base, #E23B33); background-color: rgba(var(--karoons-base-rgb, 226, 59, 51), 0.1); font-size: 16px; line-height: 20px; display: inline-block; padding: 11px 33px 11px 14px; clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
} .package-one__item__list { margin: 24px 0; padding: 0; list-style: none;
} .package-one__item__list li { font-size: 14px; line-height: 28px; display: flex; align-items: center; gap: 5px; margin: 4px 0; color: var(--karoons-black, #212226);
} .package-one__item__list li i { color: var(--karoons-base, #E23B33);
} .package-one__item .karoons-btn { height: 50px; width: 152px; padding: 0; justify-content: center; display: flex; align-items: center; border: 1px solid var(--karoons-base, #E23B33); background-color: transparent; color: var(--karoons-base, #E23B33); font-size: 14px; font-weight: 500;
} .package-one__item .karoons-btn:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .package-one__item .karoons-btn::after { background-color: var(--karoons-base, #E23B33);
} .package-one__item .karoons-btn i { position: relative; font-size: 16px; margin: 0 0 0 10px; padding-left: 10px; border-left: 1px solid currentColor; transform: none;
} .package-page { padding: 120px 0; position: relative;
} @media (max-width: 767px) { .package-page { padding: 80px 0; }
}
.package-page__item { position: relative; background-color: var(--karoons-white, #fff); padding: 42px 40px 30px; box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.08); transition: all 400ms ease;
} @media (min-width: 992px) and (max-width: 1199px) { .package-page__item { padding-left: 25px; padding-right: 25px; }
}
.package-page__item:hover { box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
} .package-page__item__price { position: relative; font-size: 40px; line-height: 1; font-weight: 700; color: var(--karoons-black, #212226); margin: 0 0 25px;
} .package-page__item__price span { display: block; font-size: 16px; font-weight: 400; color: var(--karoons-text, #838383); margin-top: 9px;
} .package-page__item__title { position: absolute; right: 0; top: 50px; background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff); font-size: 16px; font-weight: 500; text-transform: capitalize; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%); margin: 0; padding: 12px 15px 12px 35px; transition: all 400ms ease;
} .package-page__item:hover .package-page__item__title { background-color: var(--karoons-base, #E23B33);
} .package-page__item__text { line-height: 28px; margin: 0 0 34px;
} .package-page__item__list { margin: 0; padding: 23px 0 16px; list-style: none; border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .package-page__item__list li { margin: 0 0 17px; display: flex; text-transform: capitalize; font-weight: 500; line-height: 26px; font-size: 16px; gap: 10px;
} .package-page__item__list li i { display: inline-block; color: var(--karoons-base, #E23B33); position: relative; top: 6px;
} .package-page__item .karoons-btn { width: 100%; background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33); padding: 14px 21px;
} .package-page__item .karoons-btn i { font-size: 16px; transform: none; margin: 0 0 0 10px; position: relative; top: 1px; transition: none;
} .package-page__item .karoons-btn:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .package-page__item .karoons-btn::after { background-color: var(--karoons-base, #E23B33);
} @keyframes bubbleMover { 0% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); } 30% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: center center; transform-origin: center center; } 50% { -webkit-transform: translateY(50px) translateX(100px) rotate(45deg); transform: translateY(50px) translateX(100px) rotate(45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 80% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: left top; transform-origin: left top; } 100% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); -webkit-transform-origin: center center; transform-origin: center center; }
}
@keyframes cloudMove { 0% { background-position: 1920px 100%; } 100% { background-position: 0 100%; }
}
@keyframes startIconOne { 0% { transform: scale(1) rotate(0); } 100% { transform: scale(0.5) rotate(45deg); }
}
@keyframes iconTranslateX { 49% { -webkit-transform: translateX(100%); transform: translateX(100%); } 50% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 51% { opacity: 1; }
}
@-webkit-keyframes widths { 0% { width: 0%; } 50% { width: 97%; left: 0; } 100% { width: 0; }
}
@keyframes widths { 0% { width: 0%; } 50% { width: 97%; left: 0; } 100% { width: 0; }
}
@keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px); }
}
@keyframes banner3Shake { 0% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); } 30% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 60% { -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 100% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); }
}
@keyframes squareMover { 0%, 100% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } 20%, 60% { -webkit-transform: translate(20px, 40px) rotate(180deg); transform: translate(20px, 40px) rotate(180deg); } 30%, 80% { -webkit-transform: translate(40px, 60px) rotate(0deg); transform: translate(40px, 60px) rotate(0deg); }
}
@keyframes treeMove { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); }
}
@keyframes treeMove2 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(-10deg) translateX(0); transform: rotate(-10deg) translateX(0); } 50% { -webkit-transform: rotate(10deg) translateX(0); transform: rotate(10deg) translateX(0); }
}
@keyframes treeMove3 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(-10deg) translateX(0); transform: rotate(-3deg) translateX(0); } 50% { -webkit-transform: rotate(3deg) translateX(0); transform: rotate(3deg) translateX(0); }
}
@keyframes leafMove { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(-2deg) translateX(5px); } 50% { transform: rotate(-4deg) translateX(10px); }
}
@keyframes messageMove { 0%, 100% { transform: translateX(0); } 25%, 75% { transform: translateX(5px); } 50% { transform: translateX(10px); }
}
@keyframes textRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}
@keyframes flowerRotate { 0%, 100% { transform: rotate(0deg); } 25%, 75% { transform: rotate(5deg); } 50% { transform: rotate(10deg); }
}
@keyframes zump { 0%, 100% { transform: translateY(0); } 25%, 75% { transform: translateY(5px); } 50% { transform: translateY(-5px); }
}
@-webkit-keyframes ripple { 70% { box-shadow: 0 0 0 40px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); }
}
@keyframes ripple { 70% { box-shadow: 0 0 0 40px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); }
}
@keyframes videoZoom { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; border-width: 3px; } 40% { opacity: 1; border-width: 2px; } 65% { border-width: 1px; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 1px; }
}
@keyframes zumpX { 0% { transform: translateX(0px); } 100% { transform: translateX(-30px); }
}
@keyframes zumpY { 0% { transform: translateY(0px); } 100% { transform: translateY(-30px); }
}
@keyframes zumpXtwo { 0% { transform: translateX(0px); } 100% { transform: translateX(30px); }
}
@keyframes zoom-hover { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 120%; height: 120%; opacity: 0; }
}
@keyframes zoomsIn { 100%, 0% { transform: scale(1); } 50% { transform: scale(0.9); }
}
@keyframes shrinkAnim { 0%, 100% { transform: rotate(0deg); transform-origin: 0 50%; } 10% { transform: rotate(2deg); } 20%, 40%, 60% { transform: rotate(-4deg); } 30%, 50%, 70% { transform: rotate(4deg); } 80% { transform: rotate(-2deg); } 90% { transform: rotate(2deg); }
}
@keyframes shrinkAnim2 { 0%, 100% { transform: rotate(0deg); transform-origin: 100% 50%; } 10% { transform: rotate(2deg); } 20%, 40%, 60% { transform: rotate(-4deg); } 30%, 50%, 70% { transform: rotate(4deg); } 80% { transform: rotate(-2deg); } 90% { transform: rotate(2deg); }
}
@keyframes rollInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes vibrant { 0% { transform: translate(0); } 20% { transform: translate(-2px, 2px); } 40% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 80% { transform: translate(2px, -2px); } 100% { transform: translate(0); }
}
@keyframes blinkAnim { 0% { opacity: 1; } 50% { opacity: 0.2; } 100% { opacity: 1; }
}
@keyframes movebounce2 { 0% { transform: translateX(0px); } 50% { transform: translateX(-15px); } 100% { transform: translateX(0px); }
}
@keyframes movebounce3 { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); }
}
@keyframes shapeMove { 0%, 100% { transform: translateX(0px); } 50% { transform: translateX(10px); }
}
@keyframes rotated { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); }
}
@-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
.animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp;
} @keyframes iconTranslateY { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; }
}
@keyframes zumpXtwo { 0% { transform: translateX(0px); } 100% { transform: translateX(5px); }
}
@keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}
@keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); }
}
@keyframes shadows { 0% { box-shadow: 0 0 0 0 rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2), 0 0 0 30px rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2), 0 0 0 50px rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2); } 100% { box-shadow: 0 0 0 30px rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2), 0 0 0 50px rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2), 0 0 0 70px rgba(var(--karoons-white-rgb, 255, 255, 255), 0); }
}
@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;
} @keyframes wobble-horizontal-on-hover { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); }
} .mobile-nav__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; transform: translateX(-100%); transform-origin: left center; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; visibility: hidden; position: fixed;
} .mobile-nav__wrapper .container { padding-left: 0; padding-right: 0;
} .mobile-nav__wrapper .home-showcase .row [class*=col-] { flex: 0 0 100%;
} .mobile-nav__wrapper .home-showcase { margin-bottom: -1px; margin-top: 0; border-bottom: 1px solid RGBA(var(--karoons-white-rgb, 255, 255, 255), 0.1);
} .mobile-nav__wrapper .home-showcase__inner { padding: 15px 0px; background-color: transparent; box-shadow: none;
} .mobile-nav__wrapper .home-showcase__title { color: var(--karoons-white, #fff);
} .mobile-nav__wrapper.expanded { opacity: 1; transform: translateX(0%); visibility: visible; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
} .mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; transform: translateX(0); transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
} .mobile-nav__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--karoons-black, #212226); opacity: 0.3; cursor: url(https://domingosmachado-pecas-auto.pt/wp-content/themes/images/close.png), auto;
} .mobile-nav__content { width: 300px; background-color: var(--karoons-black2, #141215); z-index: 10; position: relative; height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
} .mobile-nav__content .main-menu__nav { display: block; padding: 0;
} .mobile-nav__content .logo-box { margin-bottom: 40px; display: flex;
} .mobile-nav__close { position: absolute; top: 20px; right: 15px; font-size: 18px; color: var(--karoons-white, #fff); cursor: pointer;
} .mobile-nav__close:hover { color: var(--karoons-base, #E23B33);
} .mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul { margin: 0; padding: 0; list-style-type: none;
} .mobile-nav__content .main-menu__list ul { display: none; border-top: 1px solid RGBA(var(--karoons-white-rgb, 255, 255, 255), 0.1);
} .mobile-nav__content .main-menu__list ul li > a { padding-left: 1em;
} .mobile-nav__content .main-menu__list li:not(:last-child) { border-bottom: 1px solid RGBA(var(--karoons-white-rgb, 255, 255, 255), 0.1);
} .mobile-nav__content .main-menu__list li > a { display: flex; justify-content: space-between; line-height: 30px; color: var(--karoons-white, #fff); font-size: 12px; font-family: var(--karoons-font, "Barlow", sans-serif); text-transform: uppercase; font-weight: 500; height: 46px; letter-spacing: var(--karoons-letter-space, 0.1em); align-items: center; transition: 500ms;
} .mobile-nav__content .main-menu__list li a.expanded { color: var(--karoons-base, #E23B33);
} .mobile-nav__content .main-menu__list li a button { width: 30px; height: 30px; background-color: var(--karoons-base, #E23B33); border: none; outline: none; color: var(--karoons-white, #fff); display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(-90deg); transition: transform 500ms ease;
} .mobile-nav__content .main-menu__list li a button.expanded { transform: rotate(0deg); background-color: var(--karoons-white, #fff); color: var(--karoons-black, #212226);
} .mobile-nav__social { display: flex; align-items: center;
} .mobile-nav__social a { font-size: 16px; color: var(--karoons-white, #fff); transition: 500ms;
} .mobile-nav__social a + a { margin-left: 20px;
} .mobile-nav__social a:hover { color: var(--karoons-base, #E23B33);
} .mobile-nav__contact { margin-bottom: 0; margin-top: 20px; margin-bottom: 20px;
} .mobile-nav__contact li { color: var(--karoons-white, #fff); font-size: 14px; font-weight: 500; position: relative; display: flex; align-items: center;
} .mobile-nav__contact li + li { margin-top: 15px;
} .mobile-nav__contact li a { color: inherit; transition: 500ms;
} .mobile-nav__contact li a:hover { color: var(--karoons-base, #E23B33);
} .mobile-nav__contact li > i { width: 30px; height: 30px; border-radius: 50%; background-color: var(--karoons-base, #E23B33); display: flex; justify-content: center; align-items: center; text-align: center; font-size: 12px; margin-right: 10px; color: var(--karoons-white, #fff);
} .mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right { display: none;
} .search-popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -2; -webkit-transition: all 1s ease; -khtml-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;
} .search-popup__overlay { position: fixed; width: 224vw; height: 224vw; top: calc(90px - 112vw); right: calc(50% - 112vw); z-index: 3; display: block; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: transform 0.8s ease-in-out; -khtml-transition: transform 0.8s ease-in-out; -moz-transition: transform 0.8s ease-in-out; -ms-transition: transform 0.8s ease-in-out; -o-transition: transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out; transition-delay: 0s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; background-color: #000; opacity: 0.9; cursor: url(https://domingosmachado-pecas-auto.pt/wp-content/themes/images/close.png), auto;
} @media (max-width: 767px) { .search-popup__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: none; width: 100%; height: 100%; border-radius: 0; transform: translateY(-110%); }
}
.search-popup__content { position: fixed; width: 0; max-width: 560px; padding: 30px 15px; left: 50%; top: 50%; opacity: 0; z-index: 3; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; transition-delay: 0s, 0.8s, 0s; transition-delay: 0s, 0.4s, 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s;
} .search-popup__form { position: relative;
} .search-popup__form input[type=search],
.search-popup__form input[type=text] { width: 100%; background-color: var(--karoons-white, #fff); font-size: 15px; color: var(--karoons-text, #838383); border: none; outline: none; height: 66px; padding-left: 30px;
} .search-popup__form .karoons-btn { padding: 0; width: 66px; height: 66px; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0; right: -1px; border-radius: 0;
} .search-popup__form .karoons-btn i { font-size: 16px; margin: 0; transform: none;
} .search-popup.active { z-index: 9999;
} .search-popup.active .search-popup__overlay { top: auto; bottom: calc(90px - 112vw); -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition-delay: 0s; -webkit-transition-delay: 0s; opacity: 0.9; -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
} @media (max-width: 767px) { .search-popup.active .search-popup__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: none; width: 100%; height: 100%; border-radius: 0; transform: translateY(0%); }
}
.search-popup.active .search-popup__content { width: 100%; opacity: 1; transition-delay: 0.7s; -webkit-transition-delay: 0.7s;
} .page-header { background-color: var(--karoons-black, #212226); position: relative; padding-top: 287px; padding-bottom: 118px;
} @media (max-width: 767px) { .page-header { padding-top: 200px; padding-bottom: 90px; }
}
.page-header__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-image: url(https://domingosmachado-pecas-auto.pt/wp-content/themes/images/backgrounds/page-header-bg-1-1.jpg);
} .page-header__bg::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgb(33, 34, 38) 10%, rgba(33, 34, 38, 0.75) 100%);
} .page-header .container { position: relative; z-index: 1; text-align: center;
} .page-header__title { margin: 0 0 16px; font-size: 40px; color: var(--karoons-white, #fff); font-weight: 700; letter-spacing: -1px; text-transform: uppercase;
} @media (min-width: 768px) { .page-header__title { font-size: 50px; }
}
.page-header--details { position: relative;
} .page-header--details .karoons-breadcrumb li span { color: var(--karoons-white, #fff);
} .karoons-breadcrumb { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0;
} .karoons-breadcrumb li { font-size: 16px; line-height: 20px; color: var(--karoons-white, #fff); text-transform: uppercase; font-weight: 600; display: flex; align-items: center;
} .karoons-breadcrumb li:not(:last-of-type)::after { content: "\e907"; font-family: "icomoon" !important; position: relative; font-weight: normal; top: 0; margin-left: 5px; margin-right: 5px;
} .karoons-breadcrumb li span { color: var(--karoons-base, #E23B33); display: inline-flex;
} .karoons-breadcrumb li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .karoons-breadcrumb li a:hover { background-size: 100% 1px;
} .karoons-breadcrumb li a i { margin-right: 9px; display: inline-flex;
} .karoons-breadcrumb li a:hover { color: var(--karoons-base, #E23B33);
} .google-map { position: relative;
} .google-map iframe { position: relative; display: block; border: none; height: 570px; width: 100%; mix-blend-mode: luminosity;
} @media (max-width: 767px) { .google-map iframe { height: 450px; }
}
.google-map__contact { overflow: hidden; background-color: var(--karoons-gray, #F4F4F4);
} .contact-map { position: relative; overflow: hidden; margin-bottom: -1px; z-index: 1;
} .client-carousel { background-color: var(--karoons-gray, #F4F4F4); background-size: cover; padding: 60px 0;
} .client-carousel__one__item { text-align: center;
} .client-carousel__one__item img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 500ms ease; max-width: 100%; width: auto !important; margin: 0 auto;
} .client-carousel__one__item:hover img { -webkit-filter: grayscale(0); filter: grayscale(0);
} .client-carousel--two { background-color: transparent; padding: 0 0 100px;
} @media (max-width: 767px) { .client-carousel--two { padding-bottom: 60px; }
} .main-slider-one { position: relative;
} .main-slider-one__carousel { position: relative; width: 100%;
} .main-slider-one__carousel.owl-carousel .owl-nav { left: 118px; margin: auto 0; position: absolute; right: 0; text-align: left; top: 50%; transform: translateY(-50%); max-width: 120px;
} @media (max-width: 1400px) { .main-slider-one__carousel.owl-carousel .owl-nav { left: 50px; }
}
@media (max-width: 1199px) { .main-slider-one__carousel.owl-carousel .owl-nav { left: 20px; }
}
@media (max-width: 767px) { .main-slider-one__carousel.owl-carousel .owl-nav { display: none; }
}
.main-slider-one__carousel.owl-carousel .owl-nav button { transition: all 400ms ease; width: 52px; height: 52px; outline: none; box-shadow: none; border: none; background-color: RGBA(var(--karoons-white-rgb, 255, 255, 255), 0.1); border-radius: 50%; display: block; color: var(--karoons-white, #fff); line-height: 53px; font-size: 16px; margin: 9px 0; text-align: center;
} .main-slider-one__carousel.owl-carousel .owl-nav button:hover { background-color: var(--karoons-base, #E23B33);
} .main-slider-one__carousel .owl-dots { right: 118px; margin: auto 0; position: absolute; right: 0; text-align: left; top: 50%; transform: translateY(-50%); width: 140px;
} @media (max-width: 1400px) { .main-slider-one__carousel .owl-dots { width: 60px; }
}
@media (max-width: 1199px) { .main-slider-one__carousel .owl-dots { width: 40px; }
}
@media (max-width: 767px) { .main-slider-one__carousel .owl-dots { display: flex; align-items: center; justify-content: center; width: auto; margin: auto; left: 0; top: 68%; }
}
.main-slider-one__carousel .owl-dots .owl-dot { display: block; margin: 6px 0;
} @media (max-width: 767px) { .main-slider-one__carousel .owl-dots .owl-dot { margin: 0 6px; }
}
.main-slider-one__carousel .owl-dots .owl-dot span { width: 16px; height: 16px; display: block; border-radius: 50%; background-color: transparent; border: 2px solid var(--karoons-white, #fff); margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease;
} .main-slider-one__carousel .owl-dots .owl-dot:hover span,
.main-slider-one__carousel .owl-dots .owl-dot.active span { background-color: var(--karoons-white, #fff);
} .main-slider-one__item { background-color: var(--karoons-black, #212226); position: relative; z-index: 3; padding-top: 345px; padding-bottom: 142px; padding-left: 270px;
} @media (max-width: 1699px) { .main-slider-one__item { padding-left: 120px; }
}
@media (max-width: 1499px) { .main-slider-one__item { padding-left: 70px; }
}
@media (max-width: 1299px) { .main-slider-one__item { padding-left: 50px; padding-right: 50px; }
}
@media (max-width: 991px) { .main-slider-one__item { padding-left: 30px; padding-right: 30px; padding-top: 245px; padding-bottom: 122px; }
}
@media (max-width: 767px) { .main-slider-one__item { padding-left: 20px; padding-right: 20px; padding-top: 145px; padding-bottom: 85px; }
}
.main-slider-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center;
} .main-slider-one__bg::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(180deg, rgba(var(--karoons-black-rgb, 33, 34, 38), 1) 10%, rgba(var(--karoons-black-rgb, 33, 34, 38), 0.75) 100%);
} .main-slider-one__content { position: relative; z-index: 3; overflow: hidden; max-width: 1200px;
} .main-slider-one__name { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2); font-size: 345px; text-transform: uppercase; text-align: center; position: absolute; left: 0; letter-spacing: 35px; right: 0; margin: auto; bottom: 0; top: 0; display: flex; align-items: center; justify-content: center; visibility: hidden; transition: transform 1200ms ease, opacity 1200ms ease; transform: scale(0.1);
} @media (max-width: 1699px) { .main-slider-one__name { font-size: 295px; letter-spacing: 30px; }
}
@media (max-width: 1499px) { .main-slider-one__name { font-size: 255px; letter-spacing: 28px; }
}
@media (max-width: 1299px) { .main-slider-one__name { font-size: 225px; letter-spacing: 22px; }
}
@media (max-width: 1199px) { .main-slider-one__name { display: none; }
}
.main-slider-one__title-one { color: var(--karoons-white, #fff); font-size: 200px; font-weight: 800; line-height: 165px; text-transform: uppercase; display: flex; align-items: center; gap: 10px; overflow: hidden; margin: 0 0 0; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(200px);
} @media (max-width: 1199px) { .main-slider-one__title-one { font-size: 160px; line-height: 155px; }
}
@media (max-width: 767px) { .main-slider-one__title-one { font-size: 90px; }
}
.main-slider-one__title-one__video { width: 264px; height: 138px; border-radius: 69px; position: relative; display: flex; align-items: center; padding: 0 0 0 42px; top: 9px;
} @media (max-width: 767px) { .main-slider-one__title-one__video { height: 100px; }
}
.main-slider-one__title-one__video .video-popup { width: 47px; height: 47px; display: flex; align-items: center; justify-content: center; transition: all 500ms ease; position: relative; z-index: 1;
} .main-slider-one__title-one__video .video-popup i { background-color: var(--karoons-white, #fff); border-radius: 50%; z-index: 2; width: 47px; height: 47px; transition: all 500ms ease; font-size: 13px; color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center;
} .main-slider-one__title-one__video .video-popup .ripple { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 25px); height: calc(100% + 25px); border-radius: 50%; animation: videoZoom 3s linear infinite; animation-delay: 0s; animation-delay: 0.55s;
} .main-slider-one__title-one__video .video-popup .ripple::after { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 50px); height: calc(100% + 50px); border-radius: 50%; animation: videoZoom 1.5s linear infinite; animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s;
} .main-slider-one__title-one__video .video-popup:hover i { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .main-slider-one__title-middle { text-align: right; color: var(--karoons-white, #fff); font-size: 24px; font-weight: 600; text-transform: uppercase; overflow: hidden; margin: -10px 0 0; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateY(-200px) scale(0.7);
} @media (max-width: 1199px) { .main-slider-one__title-middle { font-size: 20px; }
}
@media (max-width: 991px) { .main-slider-one__title-middle { margin-top: 10px; }
}
@media (max-width: 767px) { .main-slider-one__title-middle { font-size: 19px; }
}
.main-slider-one__title-middle span { color: var(--karoons-base, #E23B33);
} .main-slider-one__title-two { color: var(--karoons-white, #fff); font-size: 200px; font-weight: 800; line-height: 165px; text-transform: uppercase; text-align: right; overflow: hidden; margin: -2px 0 109px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(-200px);
} @media (max-width: 1199px) { .main-slider-one__title-two { font-size: 160px; line-height: 155px; }
}
@media (max-width: 991px) { .main-slider-one__title-two { font-size: 140px; line-height: 145px; margin-bottom: 50px; }
}
@media (max-width: 767px) { .main-slider-one__title-two { font-size: 70px; line-height: 75px; margin-bottom: 40px; }
}
.main-slider-one__btn { position: relative; display: flex; justify-content: flex-start; align-items: center; z-index: 5; gap: 15px; overflow: hidden; opacity: 0; transform: perspective(400px) rotateY(0deg) translateY(80px); transform-origin: bottom; transition: all 1200ms ease;
} .main-slider-one__btn .video-popup { background-color: transparent; border: 1px solid var(--karoons-white, #fff); color: var(--karoons-white, #fff);
} .main-slider-one__btn .video-popup i { color: var(--karoons-base, #E23B33);
} .main-slider-one__btn .video-popup::after { background-color: var(--karoons-white, #fff);
} .main-slider-one__btn .video-popup:hover { background-color: var(--karoons-white, #fff); color: var(--karoons-base, #E23B33);
} .main-slider-one__btn .video-popup:hover i { transform: none;
} .main-slider-one__layer { position: absolute; right: 70px; bottom: 60px; overflow: hidden; opacity: 0; transform: perspective(400px) rotateY(45deg) translateY(150px); transform-origin: bottom; transition: all 1000ms ease;
} @media (max-width: 991px) { .main-slider-one__layer { display: none; }
}
.main-slider-one__layer img { max-width: 100%; height: auto; border-radius: 115px;
} .main-slider-one .active .main-slider-one__name { visibility: visible; transform: scale(1); transition-delay: 1100ms;
} .main-slider-one .active .main-slider-one__title-one { opacity: 1; transform: translateX(0); transition-delay: 1400ms;
} .main-slider-one .active .main-slider-one__title-two { opacity: 1; transform: translateX(0); transition-delay: 1500ms;
} .main-slider-one .active .main-slider-one__title-middle { opacity: 1; transform: translateY(0) scale(1); transition-delay: 1700ms;
} .main-slider-one .active .main-slider-one__btn { opacity: 1; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1800ms;
} .main-slider-one .active .main-slider-one__layer { opacity: 1; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1900ms;
} .main-slider-two { position: relative; padding: 0 120px;
} @media (max-width: 1499px) { .main-slider-two { padding: 0 60px; }
}
@media (max-width: 767px) { .main-slider-two { padding: 0; }
}
.main-slider-two__carousel { position: relative; width: 100%;
} .main-slider-two__carousel .owl-dots { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; z-index: 2;
} .main-slider-two__carousel .owl-dots .owl-dot { display: inline-block; margin: 0 3px;
} .main-slider-two__carousel .owl-dots .owl-dot span { width: 16px; height: 16px; display: block; border-radius: 50%; background-color: transparent; border: 2px solid var(--karoons-white, #fff); margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease;
} .main-slider-two__carousel .owl-dots .owl-dot:hover span,
.main-slider-two__carousel .owl-dots .owl-dot.active span { background-color: var(--karoons-white, #fff);
} .main-slider-two__item { background-color: var(--karoons-black, #212226); position: relative; z-index: 3; padding-top: 225px; padding-bottom: 153px; padding-left: 80px;
} @media (max-width: 1199px) { .main-slider-two__item { padding-top: 180px; padding-bottom: 140px; padding-left: 50px; padding-right: 100px; }
}
@media (max-width: 767px) { .main-slider-two__item { padding-top: 100px; padding-bottom: 100px; padding-left: 20px; padding-right: 20px; }
}
.main-slider-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; transform: scale(1); transition: transform 10000ms ease, -webkit-transform 10000ms ease; overflow: hidden;
} .main-slider-two__bg::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(33, 34, 38, 0) 100%); z-index: 1;
} .main-slider-two__shape-one { position: absolute; z-index: 1; left: 0; top: 0; width: 200px; height: 223px; background-position: left top; background-repeat: no-repeat; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: scale(1.2) translateY(-100%) translateX(-100%);
} @media (max-width: 1199px) { .main-slider-two__shape-one { display: none; }
}
.main-slider-two__shape-two { position: absolute; z-index: 1; right: 0; bottom: 0; width: 200px; height: 223px; background-position: right bottom; background-repeat: no-repeat; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: scale(1.2) translateY(100%) translateX(100%);
} @media (max-width: 1199px) { .main-slider-two__shape-two { display: none; }
}
.main-slider-two__content { position: relative; z-index: 3;
} .main-slider-two__sub-title { color: var(--karoons-white, #fff); font-size: 16px; font-weight: 600; letter-spacing: 3.2px; text-transform: uppercase; line-height: 1; margin: 0 0 18px; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: scale(1.2) translateY(200px);
} @media (max-width: 767px) { .main-slider-two__sub-title { letter-spacing: 1px; font-size: 14px; }
}
.main-slider-two__title { color: var(--karoons-white, #fff); font-size: 75px; font-weight: 700; line-height: 85px; text-transform: uppercase; letter-spacing: -1.4px; display: inline-block; overflow: hidden; margin: 0 0 12px; opacity: 0; transition: transform 1100ms ease, opacity 1100ms ease; transform: scale(1.2) translateY(200px);
} .main-slider-two__title span { font-weight: 600; font-style: italic;
} @media (max-width: 991px) { .main-slider-two__title { font-size: 60px; line-height: 70px; }
}
@media (max-width: 767px) { .main-slider-two__title { font-size: 38px; line-height: 50px; letter-spacing: 0; }
}
.main-slider-two__text { color: rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.7); font-size: 16px; line-height: 26px; font-weight: 500; margin: 0 0 42px; text-transform: capitalize; letter-spacing: -0.48px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: scale(1.2) translateY(200px);
} @media (max-width: 991px) { .main-slider-two__text br { display: none; }
}
.main-slider-two__btn { position: relative; display: flex; justify-content: flex-start; align-items: center; z-index: 5; gap: 15px; overflow: hidden; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: scale(1.2) translateY(200px);
} @media (max-width: 500px) { .main-slider-two__btn { gap: 10px; } .main-slider-two__btn .karoons-btn i { display: none; }
}
.main-slider-two__btn .video-popup { background-color: transparent; border: 1px solid var(--karoons-white, #fff); color: var(--karoons-white, #fff);
} .main-slider-two__btn .video-popup::after { background-color: var(--karoons-white, #fff);
} @media (max-width: 500px) { .main-slider-two__btn .video-popup.karoons-btn i { display: inline-block; margin-right: 10px; }
}
.main-slider-two__btn .video-popup:hover { background-color: var(--karoons-white, #fff); color: var(--karoons-base, #E23B33);
} .main-slider-two__btn .video-popup:hover i { transform: none;
} .main-slider-two .slick-active .main-slider-two__bg { transform: scale(1.1);
} .main-slider-two .slick-active .main-slider-two__shape-one { opacity: 1; transform: scale(1) translateY(0) translateX(0); transition-delay: 900ms;
} .main-slider-two .slick-active .main-slider-two__shape-two { opacity: 1; transform: scale(1) translateY(0) translateX(0); transition-delay: 1000ms;
} .main-slider-two .slick-active .main-slider-two__sub-title { opacity: 1; transform: scale(1) translateY(0); transition-delay: 1100ms;
} .main-slider-two .slick-active .main-slider-two__title { opacity: 1; transform: scale(1) translateY(0); transition-delay: 1300ms;
} .main-slider-two .slick-active .main-slider-two__text { opacity: 1; transform: scale(1) translateY(0); transition-delay: 1500ms;
} .main-slider-two .slick-active .main-slider-two__btn { opacity: 1; transform: scale(1) translateY(0); transition-delay: 1700ms;
} .main-slider-two__nav { margin: 0; padding: 0; position: absolute; margin: auto 0; position: absolute; right: 150px; top: 50%; transform: translateY(-50%); z-index: 1; width: 90px; max-height: 290px;
} @media (max-width: 1499px) { .main-slider-two__nav { right: 90px; }
}
@media (max-width: 991px) { .main-slider-two__nav { display: none; }
}
.main-slider-two__nav .item { position: relative; text-align: center; display: inline-block; padding: 0 0; transition: all 400ms ease;
} .main-slider-two__nav .item .main-slider-two__nav__item { width: 90px; height: 90px; border-radius: 0; object-fit: cover; display: block; position: relative; margin-bottom: 0; transition: all 400ms ease; cursor: pointer;
} .main-slider-two__nav .item .main-slider-two__nav__item::after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; content: ""; border: 4px solid var(--karoons-white, #fff); transition: all 400ms ease; transform: scale(1.2); opacity: 0;
} .main-slider-two__nav .item .main-slider-two__nav__item img { width: 100%; height: 100%; object-fit: cover;
} .main-slider-two__nav .slick-current.slick-active.slick-center .main-slider-two__nav__item:after { transform: scale(1); opacity: 1;
} .main-slider-two__nav .karoons-slick__counter { display: none !important;
} .main-slider-two .karoons-slick__counter { display: flex; align-items: baseline; flex-direction: column; position: absolute; margin: auto 0; position: absolute; left: -75px; top: 50%; transform: translateY(-50%); z-index: 1; gap: 10px; font-size: 16px; font-weight: 600; color: var(--karoons-text, #838383); line-height: 1;
} @media (max-width: 1499px) { .main-slider-two .karoons-slick__counter { left: -45px; }
}
.main-slider-two .karoons-slick__counter span { display: inline-block; transform: rotate(-90deg); position: relative;
} .main-slider-two .karoons-slick__counter span::before { position: relative; display: inline-block; content: "0";
} .main-slider-two .karoons-slick__counter__active { font-size: 24px;
} .main-slider-two .prev { display: flex; align-items: center; flex-direction: column; position: absolute; margin: auto 0; position: absolute; left: -75px; top: 42%; transform: translateY(-50%) rotate(-90deg); background-color: transparent; border: none; outline: none; z-index: 1; font-size: 40px; color: var(--karoons-text, #838383); line-height: 1; width: 25px; transition: all 0.4s ease;
} @media (max-width: 1499px) { .main-slider-two .prev { left: -45px; }
}
.main-slider-two .prev:hover { color: var(--karoons-base, #E23B33);
} .main-slider-two .next { display: flex; align-items: center; flex-direction: column; position: absolute; margin: auto 0; position: absolute; left: -75px; top: 58%; transform: translateY(-50%) rotate(90deg); background-color: transparent; border: none; outline: none; z-index: 1; font-size: 40px; color: var(--karoons-text, #838383); line-height: 1; width: 25px; transition: all 0.4s ease;
} @media (max-width: 1499px) { .main-slider-two .next { left: -45px; }
}
.main-slider-two .next:hover { color: var(--karoons-base, #E23B33);
} .main-slider-two__social { display: flex; align-items: center; flex-direction: column; position: absolute; margin: auto 0; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); z-index: 1; gap: 13px;
} @media (max-width: 1499px) { .main-slider-two__social { right: 12px; }
}
@media (max-width: 767px) { .main-slider-two__social { display: none; }
}
.main-slider-two__social a { width: 36px; height: 36px; font-size: 14px; color: var(--karoons-text, #838383); border: 1px solid var(--karoons-border-color, #DEDEDE); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 500ms ease;
} .main-slider-two__social a i { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;
} .main-slider-two__social a:hover { color: var(--karoons-base, #E23B33); border-color: var(--karoons-white, #fff); background-color: var(--karoons-white, #fff);
} .main-slider-two__social a:hover i { animation: iconTranslateY 0.4s forwards;
} .main-slider-three { position: relative; overflow: hidden;
} .main-slider-three__carousel { position: relative; width: 100%;
} .main-slider-three__carousel .owl-dots { display: flex; align-items: center; flex-direction: column; position: absolute; margin: auto 0; position: absolute; left: 42px; top: 57%; transform: translateY(-50%); z-index: 1; gap: 17px;
} @media (max-width: 1299px) { .main-slider-three__carousel .owl-dots { flex-direction: row; top: auto; bottom: 42px; transform: none; left: 0; right: 0; margin: auto; justify-content: center; }
}
.main-slider-three__carousel .owl-dots .owl-dot { display: inline-block; margin: 0; padding: 0; font-size: 16px; font-weight: 600; color: RGBA(var(--karoons-white-rgb, 255, 255, 255), 0.5); display: block; line-height: 1; border-radius: 0; background-color: transparent; border: none; transition: all 400ms ease; position: relative;
} .main-slider-three__carousel .owl-dots .owl-dot::after { position: absolute; left: -42px; width: 7px; height: 2px; content: ""; transition: all 400ms ease; top: 0; bottom: 0; margin: auto; background-color: var(--karoons-white, #fff);
} @media (max-width: 1299px) { .main-slider-three__carousel .owl-dots .owl-dot::after { left: 0; right: 0; height: 7px; width: 2px; top: auto; bottom: -42px; }
}
.main-slider-three__carousel .owl-dots .owl-dot button { border: none; width: auto; height: auto; background-color: transparent; margin: 0; padding: 0; color: inherit;
} .main-slider-three__carousel .owl-dots .owl-dot:hover,
.main-slider-three__carousel .owl-dots .owl-dot.active { color: var(--karoons-base, #E23B33);
} .main-slider-three__carousel .owl-dots .owl-dot:hover::after,
.main-slider-three__carousel .owl-dots .owl-dot.active::after { width: 29px;
} @media (max-width: 1299px) { .main-slider-three__carousel .owl-dots .owl-dot:hover::after, .main-slider-three__carousel .owl-dots .owl-dot.active::after { height: 29px; width: 2px; }
}
.main-slider-three__carousel .owl-dots .owl-dot.active { transform: scale(1.5);
} .main-slider-three__item { background-color: var(--karoons-black, #212226); position: relative; z-index: 3; padding-top: 364px; padding-bottom: 223px; padding-left: 200px;
} @media (max-width: 1499px) { .main-slider-three__item { padding-left: 150px; }
}
@media (max-width: 1299px) { .main-slider-three__item { padding-left: 50px; }
}
@media (max-width: 1199px) { .main-slider-three__item { padding-top: 250px; padding-bottom: 180px; padding-left: 50px; padding-right: 100px; }
}
@media (max-width: 767px) { .main-slider-three__item { padding-top: 200px; padding-bottom: 150px; padding-left: 20px; padding-right: 20px; }
}
.main-slider-three__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; transform: scale(1); transition: transform 10000ms ease, -webkit-transform 10000ms ease; overflow: hidden;
} .main-slider-three__bg::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(270deg, rgba(33, 34, 38, 0.4) 0%, rgb(33, 34, 38) 100%); z-index: 1;
} .main-slider-three__shape-one { position: absolute; left: 0; top: 0; width: 396px; height: 239px; background-position: left top; background-repeat: no-repeat; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: scale(1.2) translateY(-100%) translateX(-100%);
} @media (max-width: 1199px) { .main-slider-three__shape-one { display: none; }
}
.main-slider-three__shape-two { position: absolute; right: 0; bottom: -1px; width: 100%; height: 100%; background-position: right bottom; background-repeat: no-repeat; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: scale(1.2) translateY(100%) translateX(100%);
} @media (max-width: 1199px) { .main-slider-three__shape-two { display: none; }
}
.main-slider-three__content { position: relative; z-index: 3; overflow: hidden; display: inline-block;
} .main-slider-three__sub-title { color: var(--karoons-base, #E23B33); background-color: var(--karoons-white, #fff); font-size: 16px; font-weight: 600; letter-spacing: 3.2px; text-transform: uppercase; padding: 6px 8px; display: inline-block; line-height: 1; margin: 0 0 11px; opacity: 0; animation-duration: 1s; animation-fill-mode: both;
} .main-slider-three__sub-title::after { position: absolute; right: -11px; height: 100%; width: 6px; background-color: var(--karoons-base, #E23B33); content: ""; top: 0;
} .main-slider-three__sub-title::before { position: absolute; right: -19px; height: 100%; width: 3px; background-color: var(--karoons-base, #E23B33); content: ""; top: 0;
} @media (max-width: 767px) { .main-slider-three__sub-title { letter-spacing: 1px; font-size: 14px; }
}
.main-slider-three__title { color: var(--karoons-white, #fff); font-size: 95px; font-weight: 700; line-height: 95px; text-transform: uppercase; letter-spacing: -1.8px; display: block; overflow: hidden; margin: 0 0 12px; opacity: 0; animation-duration: 1s; animation-fill-mode: both;
} .main-slider-three__title span { font-weight: 600; font-style: italic;
} @media (max-width: 1199px) { .main-slider-three__title { font-size: 75px; line-height: 85px; }
}
@media (max-width: 991px) { .main-slider-three__title { font-size: 58px; line-height: 70px; letter-spacing: -1px; }
}
@media (max-width: 767px) { .main-slider-three__title { font-size: 38px; line-height: 50px; letter-spacing: -0.5px; letter-spacing: 0; }
}
.main-slider-three__text { color: var(--karoons-white, #fff); font-size: 16px; line-height: 26px; font-weight: 500; margin: 0 0 42px; text-transform: capitalize; letter-spacing: -0.48px; opacity: 0; animation-duration: 1s; animation-fill-mode: both;
} @media (max-width: 991px) { .main-slider-three__text br { display: none; }
}
.main-slider-three__btn { position: relative; display: flex; justify-content: flex-start; align-items: center; z-index: 5; gap: 15px; overflow: hidden; opacity: 0; animation-duration: 1s; animation-fill-mode: both;
} @media (max-width: 500px) { .main-slider-three__btn { gap: 10px; } .main-slider-three__btn .karoons-btn i { display: none; }
}
.main-slider-three__btn .video-popup { background-color: transparent; border: 1px solid var(--karoons-white, #fff); color: var(--karoons-white, #fff);
} .main-slider-three__btn .video-popup::after { background-color: var(--karoons-white, #fff);
} @media (max-width: 500px) { .main-slider-three__btn .video-popup.karoons-btn i { display: inline-block; margin-right: 10px; }
}
.main-slider-three__btn .video-popup:hover { background-color: var(--karoons-white, #fff); color: var(--karoons-base, #E23B33);
} .main-slider-three__btn .video-popup:hover i { transform: none;
} .main-slider-three .active .main-slider-three__bg { transform: scale(1.1);
} .main-slider-three .active .main-slider-three__shape-one { opacity: 1; transform: scale(1) translateY(0) translateX(0); transition-delay: 900ms;
} .main-slider-three .active .main-slider-three__shape-two { opacity: 1; transform: scale(1) translateY(0) translateX(0); transition-delay: 1000ms;
} .main-slider-three .active .main-slider-three__sub-title { opacity: 1; animation-delay: 1.2s; animation-name: rotateInUpLeft;
} .main-slider-three .active .main-slider-three__title { opacity: 1; animation-delay: 1.4s; animation-name: rotateInUpRight;
} .main-slider-three .active .main-slider-three__text { opacity: 1; animation-delay: 1.6s; animation-name: rotateInUpLeft;
} .main-slider-three .active .main-slider-three__btn { opacity: 1; animation-delay: 1.8s; animation-name: rotateInUpRight;
} .main-slider-three__social { display: flex; align-items: center; flex-direction: column; position: absolute; margin: auto 0; position: absolute; right: 55px; top: 50%; transform: translateY(-50%); z-index: 1; gap: 13px;
} @media (max-width: 1499px) { .main-slider-three__social { right: 15px; }
}
@media (max-width: 767px) { .main-slider-three__social { display: none; }
}
.main-slider-three__social a { width: 36px; height: 36px; font-size: 14px; color: var(--karoons-white, #fff); border: 1px solid var(--karoons-border-color, #DEDEDE); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 500ms ease;
} .main-slider-three__social a i { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;
} .main-slider-three__social a:hover { color: var(--karoons-white, #fff); border-color: var(--karoons-base, #E23B33); background-color: var(--karoons-base, #E23B33);
} .main-slider-three__social a:hover i { animation: iconTranslateY 0.4s forwards;
} .main-slider-four { position: relative; overflow: hidden;
} .main-slider-four__carousel { position: relative; width: 100%;
} .main-slider-four__carousel .owl-dots { left: 40px; margin: auto 0; position: absolute; right: 0; text-align: left; top: 50%; transform: translateY(-50%); width: 100%;
} @media (max-width: 1299px) { .main-slider-four__carousel .owl-dots { left: 30px; }
}
@media (max-width: 767px) { .main-slider-four__carousel .owl-dots { display: flex; align-items: center; justify-content: flex-start; left: 20px; top: auto; transform: none; bottom: 30px; margin: 0; }
}
.main-slider-four__carousel .owl-dots .owl-dot { display: block; margin: 20px 0;
} @media (max-width: 767px) { .main-slider-four__carousel .owl-dots .owl-dot { margin: 0 10px; }
}
.main-slider-four__carousel .owl-dots .owl-dot span { width: 6px; height: 6px; display: block; border-radius: 50%; background-color: var(--karoons-base, #E23B33); border: none; position: relative; margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease;
} .main-slider-four__carousel .owl-dots .owl-dot span::after { width: 20px; height: 20px; position: absolute; content: ""; left: -7px; top: 0; bottom: 0; margin: auto; border-radius: 50%; border: 1px solid var(--karoons-base, #E23B33); transform: scale(0); -webkit-transition: all 300ms ease; transition: all 300ms ease;
} .main-slider-four__carousel .owl-dots .owl-dot:hover span,
.main-slider-four__carousel .owl-dots .owl-dot.active span { background-color: var(--karoons-base, #E23B33);
} .main-slider-four__carousel .owl-dots .owl-dot:hover span::after,
.main-slider-four__carousel .owl-dots .owl-dot.active span::after { transform: scale(1);
} .main-slider-four__item { background-color: var(--karoons-gray, #F4F4F4); position: relative; z-index: 3; padding-top: 54px; padding-bottom: 40px; padding-left: 80px;
} @media (max-width: 1299px) { .main-slider-four__item { padding-left: 50px; }
}
@media (max-width: 1199px) { .main-slider-four__item { padding-left: 50px; padding-right: 100px; }
}
@media (max-width: 767px) { .main-slider-four__item { padding-left: 20px; padding-right: 20px; }
}
.main-slider-four__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: top left; overflow: hidden;
} .main-slider-four__content { position: relative; z-index: 3;
} .main-slider-four__top { position: relative;
} .main-slider-four__top__title { color: var(--karoons-white, #fff); font-size: 50px; font-weight: 700; text-transform: uppercase; letter-spacing: -1px; display: block; overflow: hidden; margin: 0 0 5px; opacity: 0; transition: transform 1100ms ease, opacity 1100ms ease; transform: translateX(-200px);
} .main-slider-four__top__sub-title { color: var(--karoons-white, #fff); font-size: 16px; font-weight: 600; letter-spacing: 0.48px; text-transform: uppercase; margin: 0; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(200px);
} .main-slider-four__title { color: var(--karoons-white, #fff); font-size: 128px; font-weight: 800; line-height: 110px; text-transform: uppercase; letter-spacing: -2.6px; display: block; overflow: hidden; margin: 103px 0 80px 15px; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: translatex(50%) scalex(2); filter: blur(-10px);
} @media (max-width: 1299px) { .main-slider-four__title { font-size: 112px; }
}
@media (max-width: 767px) { .main-slider-four__title { font-size: 90px; line-height: 90px; margin: 75px 0 70px 0px; }
}
.main-slider-four__title span { display: block; margin-left: 149px;
} @media (max-width: 1299px) { .main-slider-four__title span { margin-left: 129px; }
}
@media (max-width: 767px) { .main-slider-four__title span { margin-left: 40px; }
}
.main-slider-four__text { font-size: 16px; line-height: 26px; font-weight: 500; margin: 0 0 7px; text-transform: capitalize; letter-spacing: -0.48px; opacity: 0; transition: transform 1100ms ease, opacity 1100ms ease; transform: translateX(-200px);
} .main-slider-four__price { color: var(--karoons-base, #E23B33); font-size: 128px; font-weight: 800; line-height: 110px; text-transform: uppercase; letter-spacing: -2.6px; position: relative; display: flex; align-items: baseline; opacity: 0; transition: transform 1100ms ease, opacity 1100ms ease; transform: translateX(-200px);
} @media (max-width: 767px) { .main-slider-four__price { font-size: 100px; line-height: 100px; }
}
.main-slider-four__price span { font-size: 38px; letter-spacing: -0.8px;
} .main-slider-four__image { position: absolute; right: 12%; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: flex-end; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: translatex(50%) scalex(2); filter: blur(10px); overflow: hidden;
} @media (max-width: 1499px) { .main-slider-four__image { right: 10%; }
}
@media (max-width: 1299px) { .main-slider-four__image { right: 8%; }
}
@media (max-width: 1199px) { .main-slider-four__image { display: none; }
}
.main-slider-four__image img { max-width: 100%; height: auto;
} @media (max-width: 1699px) { .main-slider-four__image img { max-width: 75%; }
}
@media (max-width: 1499px) { .main-slider-four__image img { max-width: 60%; }
}
.main-slider-four .active .main-slider-four__top__title { opacity: 1; transform: translateX(0); transition-delay: 1100ms;
} .main-slider-four .active .main-slider-four__top__sub-title { opacity: 1; transform: translateX(0); transition-delay: 1300ms;
} .main-slider-four .active .main-slider-four__title { opacity: 1; transform: translatex(0) scalex(1); filter: blur(0); transition-delay: 1500ms;
} .main-slider-four .active .main-slider-four__text { opacity: 1; transform: translateX(0); transition-delay: 1900ms;
} .main-slider-four .active .main-slider-four__price { opacity: 1; transform: translateX(0); transition-delay: 2100ms;
} .main-slider-four .active .main-slider-four__image { opacity: 1; transform: translatex(0) scalex(1); filter: blur(0); transition-delay: 2200ms;
} .main-slider-four__social { display: flex; align-items: center; flex-direction: column; position: absolute; margin: auto 0; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); z-index: 1; gap: 13px;
} @media (max-width: 1499px) { .main-slider-four__social { right: 15px; }
}
@media (max-width: 767px) { .main-slider-four__social { display: none; }
}
.main-slider-four__social a { width: 36px; height: 36px; font-size: 14px; color: var(--karoons-white, #fff); border: 1px solid var(--karoons-border-color, #DEDEDE); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 500ms ease;
} .main-slider-four__social a i { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;
} .main-slider-four__social a:hover { color: var(--karoons-base, #E23B33); border-color: var(--karoons-white, #fff); background-color: var(--karoons-white, #fff);
} .main-slider-four__social a:hover i { animation: iconTranslateY 0.4s forwards;
} .feature-one { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .feature-one { padding: 80px 0; }
}
.feature-one__item { position: relative; overflow: hidden; background-color: var(--karoons-gray, #F4F4F4); padding: 30px 25px 23px 30px;
} .feature-one__item__shape { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background-position: center center; background-repeat: no-repeat; background-size: cover; mix-blend-mode: multiply;
} .feature-one__item::after { content: ""; width: 100%; height: 0; position: absolute; left: 0; top: 0; bottom: auto; transition: height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0.2s; background-color: var(--karoons-base, #E23B33); background-image: url(https://domingosmachado-pecas-auto.pt/wp-content/themes/images/shapes/feature-1-shape-hover.png); background-repeat: no-repeat; background-position: center center; background-size: cover; background-blend-mode: multiply;
} .feature-one__item:hover::after { height: 100%; top: auto; bottom: 0;
} .feature-one__item__icon { position: relative; z-index: 1; color: var(--karoons-base, #E23B33); font-size: 60px; line-height: 1; transition: 400ms ease; margin-bottom: 19px;
} .feature-one__item__icon i { display: inline-block; transform: scale(1); transition: 500ms ease;
} .feature-one__item:hover .feature-one__item__icon { color: var(--karoons-white, #fff);
} .feature-one__item:hover .feature-one__item__icon i { transform: scale(0.9);
} .feature-one__item__title { position: relative; z-index: 1; font-size: 20px; font-weight: 700; text-transform: uppercase; transition: 400ms ease; margin: 0 0 8px;
} .feature-one__item:hover .feature-one__item__title { color: var(--karoons-white, #fff);
} .feature-one__item__text { position: relative; z-index: 1; text-transform: capitalize; letter-spacing: -0.48px; transition: 400ms ease; margin: 0 0 18px;
} .feature-one__item:hover .feature-one__item__text { color: var(--karoons-white, #fff);
} .feature-one__item__rm { position: relative; z-index: 1; font-size: 14px; color: var(--karoons-black, #212226); transition: 400ms ease;
} .feature-one__item__rm:hover { color: var(--karoons-base, #E23B33);
} .feature-one__item:hover .feature-one__item__rm { color: var(--karoons-white, #fff);
} .feature-one__item__angle { width: 23px; height: 26px; position: absolute; z-index: 1; right: 20px; top: 20px; background-color: var(--karoons-border-color, #DEDEDE); clip-path: polygon(100% 50%, 0 0, 0 100%); transition: 400ms ease;
} .feature-one__item:hover .feature-one__item__angle { background-color: var(--karoons-white, #fff);
} .feature-one--about { position: relative; background-color: var(--karoons-gray, #F4F4F4); padding-bottom: 0;
} .feature-one--about__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.07; mix-blend-mode: multiply;
} .feature-one--about .feature-one__item { background-color: var(--karoons-white, #fff);
} .feature-one--about .service-one__funfact { margin-top: 60px;
} .feature-two { position: relative; padding: 120px 0; background-color: var(--karoons-black, #212226);
} @media (max-width: 767px) { .feature-two { padding: 80px 0; }
}
.feature-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; mix-blend-mode: overlay;
} .feature-two__shape-one { position: absolute; left: -20px; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; animation: zumpX 1400ms infinite alternate;
} @media (max-width: 1300px) { .feature-two__shape-one { display: none; }
}
.feature-two__shape-two { position: absolute; right: -20px; bottom: 0; width: 100%; height: 100%; background-position: right bottom; background-repeat: no-repeat; animation: zumpX 1400ms infinite alternate;
} @media (max-width: 1300px) { .feature-two__shape-two { display: none; }
}
.feature-two__item { position: relative; z-index: 2; overflow: hidden;
} .feature-two__item__icon { width: 120px; height: 120px; border: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; color: var(--karoons-base, #E23B33); overflow: hidden; font-size: 60px; line-height: 1; transition: 300ms ease; margin: auto;
} .feature-two__item__icon::after { position: absolute; content: ""; background-color: var(--karoons-base, #E23B33); width: 100%; height: 0%; left: 50%; top: 50%; border-radius: 25px; transform: translate(-50%, -50%) rotate(-45deg); z-index: -1; transition: all 500ms ease;
} .feature-two__item__icon i { display: inline-block; transform: scale(1); transition: 500ms ease;
} .feature-two__item:hover .feature-two__item__icon { color: var(--karoons-white, #fff); border-color: var(--karoons-base, #E23B33);
} .feature-two__item:hover .feature-two__item__icon::after { height: 100%;
} .feature-two__item:hover .feature-two__item__icon i { transform: scale(0.9);
} .feature-two__item__title { position: relative; z-index: 1; font-size: 24px; font-weight: 700; color: var(--karoons-white, #fff); text-transform: uppercase; margin: 25px 0 0;
} .feature-three { position: relative; counter-reset: count; padding: 0 0 120px;
} @media (max-width: 767px) { .feature-three { padding: 0 0 80px; }
}
.feature-three .container { max-width: 1600px;
} .feature-three__item { position: relative; z-index: 2; overflow: hidden; transition: 300ms ease; counter-increment: count; border: 1px solid var(--karoons-border-color, #DEDEDE); padding: 12px 29px 22px;
} .feature-three__item::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 3px; height: 16px; background-color: var(--karoons-base, #E23B33); transition: all 0.5s; animation: movebounce3 4s linear infinite;
} .feature-three__item__number { width: 110px; height: 90px; display: flex; position: relative; z-index: 2; letter-spacing: -1.8px; color: transparent; -webkit-text-stroke: 1px var(--karoons-base, #E23B33); overflow: hidden; font-size: 95px; font-weight: 700; line-height: 1; transition: 300ms ease; transform: scale(1);
} .feature-three__item__number::before { content: counters(count, ".", decimal-leading-zero); position: absolute; top: 0; left: 0;
} .feature-three__item:hover .feature-three__item__number { color: var(--karoons-white, #fff); -webkit-text-stroke: 1px var(--karoons-white, #fff); transform: scale(0.95);
} .feature-three__item__title { position: relative; z-index: 2; font-size: 22px; letter-spacing: -0.44px; font-weight: 700; text-transform: uppercase; transition: all 300ms ease; margin: 18px 0 17px;
} .feature-three__item__text { position: relative; z-index: 2; letter-spacing: -0.48px; text-transform: capitalize; transition: all 300ms ease; margin: 0;
} .feature-three__item:hover .feature-three__item__title,
.feature-three__item:hover .feature-three__item__text { color: var(--karoons-white, #fff);
} .feature-three__item__shape { position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 77px; height: 69px;
} .feature-three__item__hover { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: 500ms ease; transform: scale(1.2);
} .feature-three__item__hover::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(180deg, rgba(244, 141, 40, 0.2) 0%, rgb(244, 141, 40) 100%);
} .feature-three__item__hover img { position: absolute; right: 0; top: 0; z-index: 1; width: 77px; height: 69px;
} .feature-three__item:hover { border-color: transparent;
} .feature-three__item:hover .feature-three__item__hover { opacity: 1; visibility: visible; transform: scale(1);
} .feature-four { position: relative;
} .feature-four__wrapper { display: flex; align-items: center; justify-content: space-between; padding: 115px 0 55px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} @media (max-width: 991px) { .feature-four__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
}
@media (max-width: 767px) { .feature-four__wrapper { grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 55px 0 55px; }
}
@media (max-width: 500px) { .feature-four__wrapper { grid-template-columns: repeat(1, 1fr); }
}
.feature-four__item { display: flex; align-items: center; gap: 20px; position: relative;
} .feature-four__item:not(:first-of-type)::before { content: ""; width: 1px; height: 40px; background-color: var(--karoons-border-color, #DEDEDE); position: absolute; top: 50%; left: -40px; transform: translateY(-50%); display: none;
} @media (min-width: 1200px) { .feature-four__item:not(:first-of-type)::before { display: block; }
}
.feature-four__item__icon { font-size: 37px; color: var(--karoons-base, #E23B33); line-height: 37px; display: flex; align-items: center;
} .feature-four__item__icon i { transform: scale(1); transition: all 500ms ease;
} .feature-four__item:hover .feature-four__item__icon i { transform: scale(1.07);
} .feature-four__item__title { font-size: 20px; text-transform: uppercase; font-weight: 600; margin: 0 0 4px;
} .feature-four__item__text { font-size: 14px; font-weight: 500; text-transform: capitalize; margin: 0;
} .feature-five { position: relative; padding: 60px 0;
} .feature-five .container { max-width: 1500px;
} .feature-five .col-xl-3 { width: 20%;
} @media (max-width: 1199px) { .feature-five .col-xl-3 { width: 33.33%; }
}
@media (max-width: 991px) { .feature-five .col-xl-3 { width: 50%; }
}
@media (max-width: 574px) { .feature-five .col-xl-3 { width: 100%; }
}
.feature-five__item { position: relative; background-color: var(--accent-color); border-radius: 20px; padding: 30px;
} @media (max-width: 1400px) { .feature-five__item { padding: 30px 25px; }
}
.feature-five__item__shape { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; opacity: 0.1; mix-blend-mode: multiply;
} .feature-five__item__image { position: relative; margin: 0 0 24px; min-height: 100px;
} .feature-five__item__image img { max-width: 100%; height: auto;
} .feature-five__item:hover .feature-five__item__image { animation-name: wobble-horizontal-on-hover; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1;
} .feature-five__item__title { position: relative; font-size: 24px; font-weight: 700; letter-spacing: -0.48px; text-transform: uppercase; margin: 0 -20px 4px 0;
} @media (max-width: 1400px) { .feature-five__item__title { font-size: 22px; }
}
.feature-five__item__text { position: relative; line-height: 27px; font-weight: 500; text-transform: capitalize; margin-bottom: 24px;
} .feature-five__item__rm { position: relative; width: 30px; height: 30px; background-color: var(--karoons-white, #fff); display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--karoons-base, #E23B33); border-radius: 50%;
} .feature-five__item__rm i { position: relative; z-index: 2; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;
} .feature-five__item__rm:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .feature-five__item__rm:hover i { animation: iconTranslateX 0.4s forwards;
} .about-one { position: relative; background-color: var(--karoons-gray, #F4F4F4); padding: 150px 0; overflow: hidden;
} @media (max-width: 767px) { .about-one { padding: 80px 0; }
}
.about-one::before { position: absolute; left: 0; top: 120px; width: 100%; height: 1px; content: ""; background-color: var(--karoons-border-color, #DEDEDE);
} @media (max-width: 767px) { .about-one::before { display: none; }
}
.about-one::after { position: absolute; left: 0; bottom: 120px; width: 100%; height: 1px; content: ""; background-color: var(--karoons-border-color, #DEDEDE);
} @media (max-width: 767px) { .about-one::after { display: none; }
}
.about-one__shape { position: absolute; right: 0; bottom: 70px; width: 323px; height: 229px; z-index: 1; animation: movebounce3 4s linear infinite;
} @media (max-width: 1500px) { .about-one__shape { display: none; }
}
.about-one__image { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, auto); gap: 30px; margin-right: -11px;
} @media (max-width: 767px) { .about-one__image { gap: 20px; }
}
.about-one__image img { max-width: 100%; height: 100%; object-fit: cover; min-height: 509px;
} @media (max-width: 767px) { .about-one__image img { min-height: auto; }
}
.about-one__image::after { position: absolute; right: -31px; top: -30px; width: 1px; height: calc(100% + 60px); content: ""; background-color: var(--karoons-border-color, #DEDEDE);
} @media (max-width: 1199px) { .about-one__image::after { right: -20px; }
}
.about-one__content { position: relative; padding: 0 0 0 70px;
} @media (max-width: 1199px) { .about-one__content { padding-left: 20px; }
}
@media (max-width: 991px) { .about-one__content { padding: 45px 0 0; }
}
.about-one__content .sec-title { padding-bottom: 24px;
} .about-one__content__heading { font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 9px;
} .about-one__content__text { letter-spacing: -0.48px; text-transform: capitalize; margin: 0 0 27px;
} .about-one__content__list { margin: 0 0 44px; padding: 0; display: flex; align-items: center; gap: 30px;
} @media (max-width: 1199px) { .about-one__content__list { gap: 15px; }
}
@media (max-width: 767px) { .about-one__content__list { display: block; }
}
.about-one__content__list li { list-style: none; display: flex; align-items: center; gap: 10px; text-transform: uppercase; font-weight: 600; color: var(--karoons-black, #212226);
} @media (max-width: 1199px) { .about-one__content__list li { font-size: 15px; }
}
.about-one__content__list li i { line-height: 1; position: relative; top: 1px; display: inline-block; color: var(--karoons-base, #E23B33); transition: all 0.6s ease;
} .about-one__content__list li:hover i { transform: rotateY(180deg);
} .about-one__content__info-wrapper { display: flex; align-items: center; gap: 20px;
} @media (max-width: 767px) { .about-one__content__info-wrapper { flex-direction: column; align-items: flex-start; }
}
.about-one__content__info { position: relative; display: flex; align-items: center; gap: 16px;
} .about-one__content__info__icon { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--karoons-base, #E23B33); background-color: rgba(var(--karoons-base-rgb, 226, 59, 51), 0.1); transition: all 400ms ease;
} .about-one__content__info:hover .about-one__content__info__icon { background-color: rgba(var(--karoons-base-rgb, 226, 59, 51), 1); color: var(--karoons-white, #fff);
} .about-one__content__info__title { margin: 0; font-size: 14px; font-weight: 500; text-transform: uppercase;
} .about-one__content__info__number { font-size: 24px; font-weight: 600; color: var(--karoons-base, #E23B33); margin: 0;
} .about-one__content__info__number a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .about-one__content__info__number a:hover { background-size: 100% 1px;
} .about-one__content__info__number a:hover { color: var(--karoons-black, #212226);
} .about-one--about-page { position: relative; padding: 120px 0; background-color: transparent;
} .about-one--about-page::after,
.about-one--about-page::before { display: none;
} @media (max-width: 767px) { .about-one--about-page { padding: 80px 0; }
}
.about-one--about-page__image { position: relative; margin-left: -41px;
} @media (max-width: 1199px) { .about-one--about-page__image { margin-left: 0; }
}
@media (max-width: 991px) { .about-one--about-page__image { margin-left: 150px; }
}
@media (max-width: 767px) { .about-one--about-page__image { margin: 0 0; }
}
.about-one--about-page__image img { max-width: 100%; height: auto;
} .about-one--about-page__image__two { position: relative; margin: -415px 0 0 -150px;
} @media (min-width: 992px) and (max-width: 1199px) { .about-one--about-page__image__two { margin: -115px 0 0 -15px; }
}
@media (max-width: 767px) { .about-one--about-page__image__two { margin: 20px 0 0; }
}
@media (min-width: 992px) and (max-width: 1199px) { .about-one--about-page__image__two img { max-width: 80%; }
}
.about-one--about-page .about-one__content { padding: 30px 0 0 30px;
} @media (max-width: 991px) { .about-one--about-page .about-one__content { padding: 45px 0 0 0; }
}
@media (max-width: 1199px) { .about-one--about-page .about-one__content { padding-left: 0; }
}
.about-two { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .about-two { padding: 80px 0; }
}
.about-two__shape-one { position: absolute; top: 120px; left: 50px; width: 100px; height: 94px; opacity: 0.4; animation: startIconOne 1.8s infinite alternate;
} @media (max-width: 1300px) { .about-two__shape-one { display: none; }
}
.about-two__shape-two { position: absolute; bottom: 120px; right: 50px; width: 100px; height: 94px; opacity: 0.4; animation: startIconOne 1.8s infinite alternate;
} @media (max-width: 1300px) { .about-two__shape-two { display: none; }
}
.about-two__image { position: relative;
} .about-two__image img { width: 100%; height: auto;
} @media (min-width: 992px) and (max-width: 1199px) { .about-two__image img { min-height: 275px; object-fit: cover; }
}
.about-two__image__quality { position: absolute; left: 200px; right: 0; bottom: 0; top: 0; margin: auto; display: flex; align-items: center; justify-content: center; width: 158px; height: 158px; background-color: var(--karoons-white, #fff); border-radius: 50%; padding: 6px; animation: treeMove2 4s linear 0s infinite;
} .about-two__image__quality img { max-width: 100%; height: auto;
} @media (min-width: 992px) and (max-width: 1199px) { .about-two__image__quality img { min-height: auto; }
}
@media (max-width: 767px) { .about-two__image__quality { display: none; }
}
.about-two__experiance { position: relative; width: 100%; height: 100%; background-color: var(--karoons-black, #212226); background-blend-mode: multiply; background-position: center center; background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; white-space: nowrap; justify-content: space-between; padding: 62px 0 0;
} @media (max-width: 1199px) { .about-two__experiance { padding-top: 85px; }
}
@media (max-width: 767px) { .about-two__experiance { min-height: 300px; padding-top: 160px; }
}
.about-two__experiance img { width: 131px;
} @media (min-width: 992px) and (max-width: 1199px) { .about-two__experiance img { min-height: auto; }
}
.about-two__experiance__content { transform: rotate(-90deg); text-align: right;
} .about-two__experiance__text { font-size: 20px; font-weight: 600; color: var(--karoons-white, #fff); text-transform: uppercase; letter-spacing: -0.3px; margin: 15px 0 0 -10px;
} .about-two__experiance__years { position: relative; background-color: var(--karoons-base, #E23B33); background-blend-mode: multiply; background-position: center center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; font-size: 40px; font-weight: 300; color: var(--karoons-white, #fff); padding: 7px 10px 11px; line-height: 1; gap: 8px;
} .about-two__experiance__years span { font-weight: 700;
} .about-two__content { position: relative; padding: 0;
} @media (min-width: 1200px) { .about-two__content { padding-left: 30px; }
}
@media (max-width: 991px) { .about-two__content { padding: 45px 0 0; }
}
.about-two__content .sec-title { padding-bottom: 25px;
} .about-two__content__heading { font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 9px;
} .about-two__content__text { letter-spacing: -0.48px; text-transform: capitalize; margin: 0 0 27px;
} @media (min-width: 1200px) { .about-two__content__text { margin-right: -48px; }
}
.about-two__content__list { margin: 0 0 26px; padding: 0 0 24px; display: grid; grid-template-columns: repeat(2, auto); align-items: center; gap: 10px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} @media (min-width: 1200px) { .about-two__content__list { justify-content: space-between; }
}
@media (max-width: 767px) { .about-two__content__list { grid-template-columns: repeat(1, auto); }
}
.about-two__content__list li { list-style: none; display: flex; align-items: center; gap: 10px; text-transform: uppercase; font-weight: 600; color: var(--karoons-black, #212226);
} @media (max-width: 1199px) { .about-two__content__list li { font-size: 15px; }
}
.about-two__content__list li i { line-height: 1; position: relative; top: 1px; display: inline-block; color: var(--karoons-base, #E23B33); transition: all 0.6s ease;
} .about-two__content__list li:hover i { transform: rotateY(180deg);
} .about-two__content__info-wrapper { display: flex; align-items: center; gap: 20px;
} @media (max-width: 767px) { .about-two__content__info-wrapper { flex-direction: column; align-items: flex-start; }
}
.about-two__content__info { position: relative; display: flex; align-items: center; gap: 16px;
} .about-two__content__info__icon { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--karoons-base, #E23B33); background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); transition: all 400ms ease;
} .about-two__content__info:hover .about-two__content__info__icon { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .about-two__content__info__title { margin: 0; font-size: 14px; font-weight: 500; text-transform: uppercase;
} .about-two__content__info__number { font-size: 24px; font-weight: 600; color: var(--karoons-base, #E23B33); margin: 0;
} .about-two__content__info__number a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .about-two__content__info__number a:hover { background-size: 100% 1px;
} .about-two__content__info__number a:hover { color: var(--karoons-black, #212226);
} .about-three { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .about-three { padding: 80px 0; }
}
.about-three__image { position: relative; max-width: 545px;
} .about-three__image__one { position: relative;
} .about-three__image__one img { max-width: 100%; height: auto; border-radius: 15px;
} .about-three__image__two { position: absolute; right: 0; bottom: 85px; display: inline-block; border: 7px solid var(--karoons-white, #fff); border-radius: 6px; max-width: 285px; overflow: hidden;
} @media (max-width: 767px) { .about-three__image__two { position: relative; margin: 20px 0 0; bottom: 0; }
}
.about-three__image__two img { max-width: 100%; height: auto;
} .about-three__image__two .video-popup { width: 54px; height: 54px; background-color: var(--karoons-base, #E23B33); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto; font-size: 16px; color: var(--karoons-white, #fff); transition: all 500ms ease; transform: scale(1); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2;
} .about-three__image__two .video-popup .ripple,
.about-three__image__two .video-popup .ripple:before,
.about-three__image__two .video-popup .ripple:after { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); box-shadow: 0 0 0 0 rgba(var(--karoons-white-rgb, 255, 255, 255), 0.25); animation: ripple 3s infinite; border-radius: 50%;
} .about-three__image__two .video-popup .ripple:before { animation-delay: 0.9s; content: ""; position: absolute;
} .about-three__image__two .video-popup .ripple::after { animation-delay: 0.6s; content: ""; position: absolute;
} .about-three__image__two .video-popup:hover { transform: scale(1.1);
} .about-three__image__bar { position: absolute; right: 27px; top: 15px; width: 13px; height: 136px; background-color: var(--karoons-base, #E23B33); border-radius: 6px; animation: movebounce3 4s linear infinite;
} @media (max-width: 767px) { .about-three__image__bar { display: none; }
}
.about-three__image__bar::before { width: 13px; height: 87px; background-color: var(--karoons-base, #E23B33); border-radius: 6px; content: ""; position: absolute; right: -20px; top: 0;
} .about-three__image__bar::after { width: 13px; height: 39px; background-color: var(--karoons-black, #212226); border-radius: 6px; content: ""; position: absolute; right: -20px; bottom: 0;
} .about-three__content { position: relative; padding: 0;
} @media (max-width: 1199px) { .about-three__content { padding: 45px 0 0; }
}
.about-three__content .sec-title { padding-bottom: 22px;
} .about-three__content__text { letter-spacing: -0.48px; text-transform: capitalize; margin: 0 0 27px;
} .about-three__content__list { margin: 0 0 54px; padding: 0; display: grid; grid-template-columns: repeat(2, auto); align-items: center; gap: 10px; max-width: 550px;
} @media (min-width: 1200px) { .about-three__content__list { justify-content: space-between; }
}
@media (max-width: 767px) { .about-three__content__list { grid-template-columns: repeat(1, auto); }
}
.about-three__content__list li { list-style: none; display: flex; align-items: center; gap: 10px; text-transform: uppercase; font-weight: 600; color: var(--karoons-black, #212226);
} .about-three__content__list li i { line-height: 1; position: relative; top: 1px; display: inline-block; color: var(--karoons-base, #E23B33); transition: all 0.6s ease;
} .about-three__content__list li:hover i { transform: rotateY(180deg);
} .about-three__content__info-wrapper { display: flex; align-items: center; max-width: 540px; gap: 0; background-color: var(--karoons-white, #fff); padding: 14px 25px; filter: drop-shadow(0 0 32px rgba(0, 0, 0, 0.07));
} @media (max-width: 767px) { .about-three__content__info-wrapper { flex-direction: column; align-items: flex-start; gap: 20px; }
}
.about-three__content__award { position: relative; display: flex; align-items: center; gap: 16px; border-right: 1px solid var(--karoons-border-color, #DEDEDE); padding-right: 30px; margin-right: 30px;
} @media (max-width: 767px) { .about-three__content__award { border: none; }
}
.about-three__content__award img { width: 66px; height: 66px;
} .about-three__content__award__title { margin: 0 0 -2px; font-size: 24px; font-weight: 600;
} .about-three__content__award__text { margin: 0; font-size: 16px; font-weight: 600; text-transform: uppercase;
} .about-three__content__info { position: relative; display: flex; align-items: center; gap: 18px;
} .about-three__content__info__icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 38px; color: var(--karoons-base, #E23B33); transition: all 400ms ease;
} .about-three__content__info:hover .about-three__content__info__icon { transform: rotateY(180deg);
} .about-three__content__info__title { margin: 0; font-size: 14px; font-weight: 500; text-transform: uppercase;
} .about-three__content__info__number { font-size: 24px; font-weight: 600; color: var(--karoons-base, #E23B33); margin: 0;
} .about-three__content__info__number a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .about-three__content__info__number a:hover { background-size: 100% 1px;
} .about-three__content__info__number a:hover { color: var(--karoons-black, #212226);
} .service-one { position: relative; background-color: var(--karoons-black, #212226); padding: 120px 0 0;
} .service-one__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.3; mix-blend-mode: overlay;
} @media (max-width: 767px) { .service-one { padding: 80px 0 0; }
}
.service-one__top { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2); margin-bottom: 60px;
} @media (max-width: 767px) { .service-one__top { margin-bottom: 30px; padding-bottom: 30px; flex-direction: column; align-items: flex-start; }
}
.service-one__top .sec-title { padding-bottom: 23px;
} .service-one__top .sec-title__title { color: var(--karoons-white, #fff);
} .service-one__top .karoons-btn { background-color: transparent; color: var(--karoons-white, #fff); border: 1px solid rgba(var(--karoons-white-rgb, 255, 255, 255), 0.2);
} .service-one__top .karoons-btn::after { background-color: var(--karoons-white, #fff);
} .service-one__top .karoons-btn:hover { color: var(--karoons-base, #E23B33); background-color: var(--karoons-white, #fff);
} .service-one__carousel { position: relative; padding: 0 75px;
} @media (max-width: 1699px) { .service-one__carousel { padding: 0 50px; }
}
@media (max-width: 1299px) { .service-one__carousel { padding: 0 15px; }
}
.service-one__carousel__wrapper { position: relative;
} .service-one__item { position: relative; z-index: 2; min-height: 356px; overflow: hidden; transition: all 500ms ease;
} .service-one__item__normal { position: relative; border: 1px solid rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2); text-align: center;
} .service-one__item__normal img { width: 100%; height: auto; min-height: 279px; object-fit: cover;
} .service-one__item__image { position: relative; padding: 0 40px; margin: -1px 0 0;
} .service-one__item__title { font-size: 24px; font-weight: 700; text-transform: uppercase; color: var(--karoons-white, #fff); transition: all 300ms ease; margin: 24px 15px;
} .service-one__item__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .service-one__item__title a:hover { background-size: 100% 1px;
} .service-one__item__title a:hover { color: var(--karoons-base, #E23B33);
} .service-one__item__hover { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; border: 3px solid var(--karoons-base, #E23B33); display: flex; align-items: end; transition: 0.5s; transform: translatex(50%) scalex(2); opacity: 0; filter: blur(10px);
} .service-one__item__hover__title { font-size: 24px; font-weight: 700; text-transform: uppercase; background-color: var(--karoons-base, #E23B33); display: inline-block; color: var(--karoons-white, #fff); transition: all 300ms ease; position: relative; z-index: 3; margin: 0 0 -3px -3px; padding: 9px 16px;
} .service-one__item__hover__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .service-one__item__hover__title a:hover { background-size: 100% 1px;
} .service-one__item:hover .service-one__item__hover { transform: translatex(0) scalex(1); opacity: 1; filter: blur(0);
} .service-one__funfact { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin: 120px 0 0; padding: 59px 0 61px; row-gap: 0; justify-content: space-between; background-color: var(--karoons-base, #E23B33);
} @media (max-width: 767px) { .service-one__funfact { margin-top: 80px; flex-direction: column; gap: 30px; }
}
.service-one__funfact__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.5; mix-blend-mode: multiply;
} .service-one__funfact__item { display: flex; align-items: center; justify-content: center; z-index: 1; position: relative; min-height: 70px; flex-grow: 1;
} .service-one__funfact__item:not(:first-of-type)::before { content: ""; width: 1px; height: 100%; background-color: rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.2); position: absolute; top: 50%; left: 0; transform: translateY(-50%);
} @media (max-width: 767px) { .service-one__funfact__item:not(:first-of-type)::before { display: none; }
}
.service-one__funfact__count { margin: 0; color: rgba(var(--karoons-border-color-rgb, 222, 222, 222), 0.3); font-size: 100px; font-weight: 700; line-height: 1; position: absolute; right: 0; left: 0; top: -10px; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: center;
} @media (max-width: 991px) { .service-one__funfact__count { font-size: 90px; }
}
.service-one__funfact__text { margin: 0; color: var(--karoons-white, #fff); font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 1;
} .service-one--page { position: relative; background-color: transparent; padding: 120px 0;
} @media (max-width: 767px) { .service-one--page { padding: 80px 0; }
}
.service-one--page .service-one__item__normal { border-color: var(--karoons-border-color, #DEDEDE);
} .service-one--page .service-one__item__title { color: var(--karoons-black, #212226);
} .service-one--page .service-one__item__hover { justify-content: center;
} .service-one--page .service-one__item__hover__title { margin: 0; background-color: transparent; text-align: center; padding: 9px 15px 21px;
} .service-one--page-carousel { position: relative;
} .service-one--page-carousel .service-one__carousel { padding: 0;
} .service-two { position: relative; background-color: var(--karoons-gray, #F4F4F4); padding: 120px 0; counter-reset: count;
} .service-two__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.15;
} @media (max-width: 767px) { .service-two { padding: 80px 0; }
}
.service-two__shape-one { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; opacity: 0.3;
} @media (max-width: 1300px) { .service-two__shape-one { display: none; }
}
.service-two__shape-two { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: right bottom; background-repeat: no-repeat; opacity: 0.3;
} @media (max-width: 1300px) { .service-two__shape-two { display: none; }
}
.service-two__top { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); margin-bottom: 0;
} @media (max-width: 991px) { .service-two__top { padding-bottom: 40px; flex-direction: column; align-items: flex-start; }
}
.service-two__top .sec-title { padding-bottom: 30px;
} .service-two__top .karoons-btn { background-color: transparent; color: var(--karoons-base, #E23B33); border: 1px solid rgba(var(--karoons-base-rgb, 226, 59, 51), 0.2);
} .service-two__top .karoons-btn::after { background-color: var(--karoons-base, #E23B33);
} .service-two__top .karoons-btn:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .service-two__item { position: relative; z-index: 2; transition: all 500ms ease; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); counter-increment: count; padding: 25px 0 20px;
} .service-two__item__left { position: relative;
} .service-two__item__number { width: 16px; height: 16px; display: block; position: relative; font-size: 16px; font-weight: 600; color: var(--karoons-base, #E23B33); margin-bottom: 7px;
} .service-two__item__number::before { content: counters(count, ".", decimal-leading-zero); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; align-items: center; justify-content: center;
} .service-two__item__title { font-size: 40px; font-weight: 700; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px var(--karoons-text, #838383); text-transform: uppercase; transition: all 0.2s ease-in-out; margin: 0;
} .service-two__item__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .service-two__item__title a:hover { background-size: 100% 1px;
} .service-two__item:hover .service-two__item__title { color: var(--karoons-base, #E23B33); -webkit-text-stroke: 1px var(--karoons-base, #E23B33);
} .service-two__item__text { letter-spacing: -0.48px; text-transform: capitalize;
} @media (max-width: 991px) { .service-two__item__text { margin: 16px 0 20px; }
}
.service-two__item__rm { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; margin-left: auto; border: 1px solid var(--karoons-border-color, #DEDEDE); font-size: 14px;
} @media (max-width: 991px) { .service-two__item__rm { margin: 0; }
}
.service-two__item__rm i { color: var(--karoons-black, #212226); display: inline-block; transition: all 0.3s ease;
} .service-two__item__rm:hover { border-color: var(--karoons-base, #E23B33); background-color: var(--karoons-base, #E23B33);
} .service-two__item__rm:hover i { color: var(--karoons-white, #fff); transform: rotate(45deg);
} .service-two__item__image { position: absolute; width: 242px; height: 242px; border: 10px solid var(--karoons-white, #fff); top: 50%; left: 0; pointer-events: none; transform: translate(-100%, -50%); overflow: hidden; opacity: 0; transform: scale(0.8); transition: all 0.5s ease-out;
} .service-two__item__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease-out;
} .service-two--page { background-color: transparent;
} .service-two--page .service-two__item { border-top: 1px solid var(--karoons-border-color, #DEDEDE); margin-bottom: -1px;
} .service-three { position: relative; background-color: var(--karoons-gray, #F4F4F4); padding: 120px 0; overflow: hidden; counter-reset: count;
} .service-three__bg { position: absolute; left: 0; top: 0; width: 37.6%; height: 100%; background-color: var(--karoons-base, #E23B33);
} @media (max-width: 991px) { .service-three__bg { display: none; }
}
@media (max-width: 767px) { .service-three { padding: 80px 0; }
}
.service-three__shape-one { position: absolute; left: 0; top: 95px; z-index: 1; width: 273px; height: 193px; background-position: left top; background-repeat: no-repeat; animation: movebounce3 4s linear infinite;
} @media (max-width: 1700px) { .service-three__shape-one { display: none; }
}
.service-three__shape-two { position: absolute; left: 13.2%; top: 45px; width: 234px; height: 248px; background-position: left top; background-repeat: no-repeat; animation: startIconOne 1.8s infinite alternate;
} @media (max-width: 1700px) { .service-three__shape-two { left: 4%; }
}
@media (max-width: 1500px) { .service-three__shape-two { display: none; }
}
.service-three__shape-three { position: absolute; left: 0; bottom: 120px; width: 100%; height: 100%; background-position: left bottom; background-repeat: no-repeat; animation: movebounce3 4s linear infinite;
} @media (max-width: 1500px) { .service-three__shape-three { display: none; }
}
.service-three__accordion { position: relative; z-index: 2; background-color: var(--karoons-white, #fff); padding: 0 30px;
} .service-three__accordion .accrodion { margin: 0 0; padding: 24px 0 26px; position: relative;
} .service-three__accordion .accrodion + .accrodion { border-top: 1px solid var(--karoons-border-color, #DEDEDE);
} .service-three__accordion .accrodion-title { padding-right: 50px; cursor: pointer; transition: all 500ms ease;
} .service-three__accordion .accrodion-title h4 { font-size: 22px; font-weight: 700; letter-spacing: -0.44px; text-transform: uppercase; margin: 0; transition: all 500ms ease; position: relative;
} .service-three__accordion .accrodion-title__icon { width: 16px; height: 16px; position: absolute; top: 50%; right: -50px; transform: translateY(-50%);
} .service-three__accordion .accrodion-title__icon::after { width: 100%; height: 100%; position: absolute; color: var(--karoons-text, #838383); top: 0; left: 0; font-family: "icomoon" !important; font-size: 16px; content: "\e912"; font-weight: normal; transition: all 500ms ease;
} .service-three__accordion .active .accrodion-title { visibility: hidden; opacity: 0;
} .service-three__accordion .accrodion-content .inner { position: relative; margin-bottom: -28px;
} .service-three__accordion .accrodion-content .inner__image { position: relative; margin-bottom: 24px; margin-top: 6px;
} .service-three__accordion .accrodion-content .inner__image img { width: 100%; height: auto;
} .service-three__accordion .accrodion-content .inner__title { font-size: 22px; font-weight: 700; letter-spacing: -0.44px; text-transform: uppercase; margin: 0 0 18px;
} .service-three__accordion .accrodion-content .inner p { margin: 0 0 17px; text-transform: capitalize; letter-spacing: -0.48px;
} .service-three__accordion .accrodion-content .inner__rm { display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; color: var(--karoons-base, #E23B33); background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .service-three__accordion .accrodion-content .inner__rm:hover { background-size: 100% 1px;
} .service-three__accordion .accrodion-content .inner__rm i { margin-right: 19px; font-size: 14px; display: inline-block;
} .service-three__content { position: relative;
} @media (max-width: 991px) { .service-three__content { margin-top: 50px; }
}
@media (min-width: 1300px) { .service-three__content img { margin-left: 50px; }
}
@media (max-width: 1299px) { .service-three__content img { max-width: 100%; }
}
.service-about { position: relative; background-color: var(--karoons-gray, #F4F4F4); padding: 120px 0;
} @media (max-width: 767px) { .service-about { padding: 80px 0; }
}
.service-about .sec-title { padding-bottom: 30px;
} .service-about__image { position: relative;
} .service-about__image img { width: 100%; height: auto;
} .service-about__text { letter-spacing: -0.48px; text-transform: capitalize; margin: 33px 0 0;
} @media (max-width: 1199px) { .service-about__text br { display: none; }
} .service-details { padding: 120px 0;
} @media (max-width: 767px) { .service-details { padding: 80px 0; }
}
.service-details__thumbnail { margin-bottom: 24px;
} .service-details__thumbnail img { width: 100%;
} .service-details__title { margin: 0; text-transform: uppercase; font-size: 24px; font-weight: bold; margin-bottom: 16px;
} .service-details__text { margin: 0 0 18px; letter-spacing: -0.48px; text-transform: capitalize;
} .service-details__quote { background-color: var(--karoons-gray, #F4F4F4); border-left: 6px solid var(--karoons-base, #E23B33); padding: 21px 25px 22px; font-size: 20px; line-height: 35px; font-weight: 500; letter-spacing: -0.6px; text-transform: capitalize; margin: 24px 0 22px;
} .service-details__list { margin: 0; padding: 0;
} .service-details__list li { position: relative; font-size: 16px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 10px; color: var(--karoons-black, #212226);
} .service-details__list li + li { margin-top: 8px;
} .service-details__list li > i { color: var(--karoons-base, #E23B33);
} .service-details .mb { margin-top: -21px; margin-bottom: 32px;
} .service-details__video { position: relative; margin-top: 6px;
} .service-details__video img { width: 100%; height: auto;
} .service-details__video .video-popup { width: 47px; height: 47px; transition: all 500ms ease; left: 0; right: 0; bottom: 0; top: 0; margin: auto; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1;
} .service-details__video .video-popup i { background-color: var(--karoons-white, #fff); border-radius: 50%; z-index: 2; width: 47px; height: 47px; transition: all 500ms ease; font-size: 14px; color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center;
} .service-details__video .video-popup .ripple { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 25px); height: calc(100% + 25px); border-radius: 50%; animation: videoZoom 3s linear infinite; animation-delay: 0s; animation-delay: 0.55s;
} .service-details__video .video-popup .ripple::after { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 50px); height: calc(100% + 50px); border-radius: 50%; animation: videoZoom 1.5s linear infinite; animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s;
} .service-details__video .video-popup:hover i { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .service-details .faq-one__accordion { margin: 53px 0 0;
} .service-details .faq-one__accordion .accrodion { border-radius: 10px; filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.05)); background-color: var(--karoons-white, #fff);
} .related-service { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .related-service { padding: 80px 0; }
}
.related-service .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav { margin: 0; position: absolute; right: 0; top: -104px;
} @media (max-width: 767px) { .related-service .karoons-owl__carousel--basic-nav.owl-carousel .owl-nav { position: relative; top: 0; margin-top: 40px; }
}
.related-service .service-one__carousel { padding: 0;
} .related-service .service-one__item__normal { border-color: var(--karoons-border-color, #DEDEDE);
} .related-service .service-one__item__title { color: var(--karoons-black, #212226);
} .related-service .service-one__item__hover { justify-content: center;
} .related-service .service-one__item__hover__title { margin: 0; background-color: transparent; text-align: center; padding: 9px 15px 21px;
} .portfolio-one { padding: 120px 0; overflow: hidden; position: relative; counter-reset: count;
} @media (max-width: 767px) { .portfolio-one { padding: 80px 0; }
}
.portfolio-one .sec-title { padding-bottom: 30px; margin-bottom: 60px; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE);
} @media (max-width: 767px) { .portfolio-one .sec-title { padding-bottom: 100px; margin-bottom: 30px; }
}
.portfolio-one__content { position: relative;
} .portfolio-one__carousel-nav { position: absolute; right: 0; bottom: 30px; display: flex; align-items: center; gap: 10px;
} @media (max-width: 767px) { .portfolio-one__carousel-nav { right: auto; left: 0; }
}
.portfolio-one__carousel-nav a { width: 44px; height: 44px; background-color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--karoons-white, #fff); transition: all 500ms ease;
} .portfolio-one__carousel-nav a:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-black, #212226);
} .portfolio-one__carousel-nav a.portfolio-one__prev { background-color: var(--karoons-black, #212226);
} .portfolio-one__carousel-nav a.portfolio-one__prev i { display: inline-block; transform: rotate(180deg);
} .portfolio-one__carousel-nav a.portfolio-one__prev:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .portfolio-one__wrapper { margin-left: -100px;
} @media (max-width: 1199px) { .portfolio-one__wrapper { margin: 0 15px; }
}
.portfolio-one__item { position: relative; overflow: hidden; counter-increment: count;
} .portfolio-one__item::after { background: linear-gradient(90deg, rgba(var(--karoons-white-rgb, 255, 255, 255), 0.05) 0px, rgba(var(--karoons-white-rgb, 255, 255, 255), 0.05) 77%, rgba(var(--karoons-white-rgb, 255, 255, 255), 0.25) 92%, rgba(var(--karoons-white-rgb, 255, 255, 255), 0)); content: ""; height: 200%; left: -210%; opacity: 0; position: absolute; top: -50%; transition: all 0.7s ease 0s; width: 200%;
} .portfolio-one__item:hover::after { left: -30%; opacity: 1; top: -20%; transition-duration: 0.7s, 0.7s, 0.15s; transition-property: left, top, opacity; transition-timing-function: linear;
} .portfolio-one__item img { width: 100%; height: auto; transition: all 400ms ease;
} .portfolio-one__item:hover img { transform: translateY(-50px);
} .portfolio-one__item__content { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; background-color: var(--karoons-white, #fff); padding: 24px 30px 0 0; transition: all 400ms ease; transform: translateY(100px);
} .portfolio-one__item:hover .portfolio-one__item__content { transform: translateY(0);
} .portfolio-one__item__title { margin: 0 0 -1px; font-weight: 700; text-transform: uppercase; font-size: 24px;
} @media (max-width: 575px) { .portfolio-one__item__title { font-size: 20px; }
}
.portfolio-one__item__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .portfolio-one__item__title a:hover { background-size: 100% 1px;
} .portfolio-one__item__title a:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .portfolio-one__item__number { position: absolute; right: 0; bottom: 13px; width: 30px; line-height: 1; font-weight: 700; text-transform: uppercase; font-size: 24px; color: var(--karoons-base, #E23B33);
} @media (max-width: 575px) { .portfolio-one__item__number { font-size: 20px; }
}
.portfolio-one__item__number::before { content: counters(count, ".", decimal-leading-zero); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; align-items: center; justify-content: center;
} .portfolio-one__item__rm { position: absolute; right: 30px; top: 30px; z-index: 1; width: 50px; height: 50px; background-color: var(--karoons-white, #fff); font-size: 14px; color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.4s ease; transform: translateX(100px) scale(0.1) rotate(-135deg); transition: transform 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} .portfolio-one__item__rm:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); transition: all 0.4s ease;
} .portfolio-one__item:hover .portfolio-one__item__rm { opacity: 1; transform: translateX(0px) scale(1) rotate(0);
} .portfolio-two { padding: 120px 0; position: relative;
} @media (max-width: 767px) { .portfolio-two { padding: 80px 0; }
}
.portfolio-two .container { max-width: 1502px;
} .portfolio-two__wrapper { display: flex; width: 100%; gap: 30px; box-sizing: border-box;
} @media (max-width: 1199px) { .portfolio-two__wrapper { gap: 20px; }
}
@media (max-width: 767px) { .portfolio-two__wrapper { flex-direction: column; }
}
.portfolio-two__item { position: relative; overflow: hidden; flex: 1; overflow: hidden; transition: 0.5s; margin: 0; line-height: 0; height: 423px;
} @media (max-width: 767px) { .portfolio-two__item { height: auto; }
}
.portfolio-two__item::after { background: linear-gradient(90deg, rgba(var(--karoons-white-rgb, 255, 255, 255), 0.05) 0px, rgba(var(--karoons-white-rgb, 255, 255, 255), 0.05) 77%, rgba(var(--karoons-white-rgb, 255, 255, 255), 0.25) 92%, rgba(var(--karoons-white-rgb, 255, 255, 255), 0)); content: ""; height: 200%; left: -210%; opacity: 0; position: absolute; top: -50%; transition: all 0.7s ease 0s; width: 200%;
} .portfolio-two__item.active::after { left: -30%; opacity: 1; top: -20%; transition-duration: 0.7s, 0.7s, 0.15s; transition-property: left, top, opacity; transition-timing-function: linear;
} .portfolio-two__item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 0.5s;
} .portfolio-two__item.active { flex: 1 1 20.2%;
} @media (max-width: 1199px) { .portfolio-two__item.active { flex: 1 1 30%; }
}
@media (max-width: 991px) { .portfolio-two__item.active { flex: 1 1 32%; }
}
.portfolio-two__item__content { position: absolute; z-index: 2; left: 0; right: 0; bottom: 30px; width: calc(100% - 60px); background-color: var(--karoons-white, #fff); margin: auto; padding: 0 0 0 26px; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; visibility: hidden; opacity: 0; animation-duration: 0.5s; animation-fill-mode: both;
} @media (max-width: 991px) { .portfolio-two__item__content { padding: 0 0 0 20px; width: calc(100% - 40px); bottom: 20px; }
}
.portfolio-two__item.active .portfolio-two__item__content { visibility: visible; opacity: 1; animation-delay: 0.2s; animation-name: fadeInUp;
} .portfolio-two__item__title { margin: 0 0; font-weight: 700; text-transform: uppercase; font-size: 24px; letter-spacing: -0.48px;
} @media (max-width: 991px) { .portfolio-two__item__title { font-size: 20px; }
}
.portfolio-two__item__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .portfolio-two__item__title a:hover { background-size: 100% 1px;
} .portfolio-two__item__title a:hover { color: var(--karoons-base, #E23B33); text-shadow: 0 0 1px currentColor;
} .portfolio-two__item__rm { position: relative; z-index: 2; width: 67px; height: 67px; background-color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--karoons-white, #fff);
} @media (max-width: 991px) { .portfolio-two__item__rm { width: 60px; height: 60px; }
}
.portfolio-two__item__rm::after { position: absolute; width: calc(100% - 23px); height: calc(100% - 23px); content: ""; border: 1px solid var(--karoons-white, #fff); transition: 0.5s; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: -1;
} .portfolio-two__item__rm i { transition: 0.3s;
} .portfolio-two__item__rm:hover i { transform: rotate(45deg);
} .portfolio-details { position: relative; padding: 120px 0;
} @media (max-width: 767px) { .portfolio-details { padding: 80px 0; }
}
.portfolio-details__image { position: relative; margin: 0 0 21px;
} .portfolio-details__image img { width: 100%; height: auto;
} .portfolio-details__title { font-size: 30px; font-weight: 700; text-transform: uppercase; margin: 0 0 22px;
} .portfolio-details__content { position: relative;
} .portfolio-details__content__title { font-size: 30px; font-weight: 700; text-transform: uppercase; margin: 0 0 22px;
} .portfolio-details__content__title.mt { margin-top: 24px;
} .portfolio-details__content__text { line-height: 28px; margin: 0 0 14px;
} .portfolio-details__content__list { margin: 16px 0 37px; padding: 0; list-style: none;
} .portfolio-details__content__list li { font-size: 16px; line-height: 28px; color: var(--karoons-black, #212226); font-weight: 600; margin: 0 0 8px; display: flex; align-items: center; gap: 10px;
} .portfolio-details__content__list li i { color: var(--karoons-base, #E23B33); display: inline-block;
} .portfolio-details__content__image { position: relative;
} .portfolio-details__content__image img { width: 100%; height: auto;
} .portfolio-details__content__image .video-popup { width: 62px; height: 62px; transition: all 500ms ease; left: 0; right: 0; bottom: 0; top: 0; margin: auto; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1;
} .portfolio-details__content__image .video-popup i { background-color: var(--karoons-white, #fff); border-radius: 50%; z-index: 2; width: 62px; height: 62px; transition: all 500ms ease; font-size: 16px; color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center;
} .portfolio-details__content__image .video-popup .ripple { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 25px); height: calc(100% + 25px); border-radius: 50%; animation: videoZoom 3s linear infinite; animation-delay: 0s; animation-delay: 0.55s;
} .portfolio-details__content__image .video-popup .ripple::after { content: ""; border: 1px solid var(--karoons-white, #fff); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: calc(100% + 50px); height: calc(100% + 50px); border-radius: 50%; animation: videoZoom 1.5s linear infinite; animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s;
} .portfolio-details__content__image .video-popup:hover i { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .portfolio-details__content .mb { margin-bottom: 21px;
} .portfolio-details__pagination { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid var(--karoons-border-color, #DEDEDE); border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); padding: 22px 0 21px; margin: 50px 0 0;
} .portfolio-details__pagination__next,
.portfolio-details__pagination__prev { position: relative; font-size: 16px; font-weight: 500; text-transform: capitalize; color: var(--karoons-black, #212226); display: block;
} .portfolio-details__pagination__next__meta,
.portfolio-details__pagination__prev__meta { display: inline-block; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); text-transform: capitalize; font-size: 14px; line-height: 14px; letter-spacing: -0.28px; font-weight: 600; padding: 5px 8px; margin: 23px 0 11px;
} .portfolio-details__pagination__next__title,
.portfolio-details__pagination__prev__title { font-size: 20px; font-weight: 600; letter-spacing: -0.4px; text-transform: uppercase; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease;
} .portfolio-details__pagination__next:hover .portfolio-details__pagination__next__title,
.portfolio-details__pagination__next:hover .portfolio-details__pagination__prev__title,
.portfolio-details__pagination__prev:hover .portfolio-details__pagination__next__title,
.portfolio-details__pagination__prev:hover .portfolio-details__pagination__prev__title { color: var(--karoons-base, #E23B33); background-size: 100% 1px;
} .portfolio-details__info { position: relative; background-color: var(--karoons-gray, #F4F4F4);
} .portfolio-details__info__title { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 24px; font-weight: 700; letter-spacing: -0.48px; text-transform: uppercase; margin: 0; padding: 20px 30px;
} .portfolio-details__info__list { margin: 0; padding: 22px 30px; list-style: none;
} .portfolio-details__info__list li { display: block; font-size: 16px; font-weight: 500; text-transform: capitalize; color: var(--karoons-text, #838383);
} .portfolio-details__info__list li span { display: block; color: var(--karoons-black, #212226); text-transform: uppercase; font-weight: 700; margin: 0 0 5px;
} .portfolio-details__info__list li + li { border-top: 1px solid var(--karoons-border-color, #DEDEDE); padding: 22px 0 0; margin: 23px 0 0;
} .portfolio-details__service { margin-top: 40px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 20px 30px 30px;
} .portfolio-details__service::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: rgba(var(--karoons-black-rgb, 33, 34, 38), 0.8);
} .portfolio-details__service__price { position: relative; z-index: 1; font-size: 50px; line-height: 1; font-weight: 700; color: var(--karoons-base, #E23B33); margin-bottom: 20px;
} .portfolio-details__service__title { position: relative; z-index: 1; color: var(--karoons-white, #fff); font-size: 20px; font-weight: 700; text-transform: capitalize; margin-bottom: 8px;
} .portfolio-details__service__text { position: relative; z-index: 1; color: var(--karoons-white, #fff); margin: 0 0 82px;
} .portfolio-details__service .karoons-btn { padding: 14px 21px; font-size: 15px; font-weight: 600;
} @media (min-width: 992px) and (max-width: 1199px) { .portfolio-details__service .karoons-btn { padding: 14px 12px; }
}
.portfolio-details__service .karoons-btn i { font-size: 12px; margin: 0 0 0 20px; padding-left: 10px; border-left: 1px solid var(--karoons-white, #fff); transform: none !important;
} body.boxed-wrapper { position: relative;
} body.boxed-wrapper .page-wrapper { max-width: 1530px; margin-left: auto; margin-right: auto; background-color: var(--karoons-white, #fff); box-shadow: 0px 0px 100px 0px rgba(var(--karoons-black3-rgb, 0, 0, 0), 0.08);
} body.boxed-wrapper .about-one__shape { display: none;
} @media (min-width: 1600px) { body.boxed-wrapper .main-slider-one__name { font-size: 295px; letter-spacing: 30px; }
} .work-process-one { position: relative; counter-reset: count; padding: 120px 0;
} @media (max-width: 767px) { .work-process-one { padding: 80px 0; }
}
.work-process-one__border { width: 100%; height: 1px; background-color: var(--karoons-border-color, #DEDEDE); top: 27px; position: relative;
} @media (max-width: 991px) { .work-process-one__border { display: none; }
}
.work-process-one__item { position: relative; counter-increment: count;
} .work-process-one__item__number { width: 54px; height: 54px; margin: 0 auto; background-color: var(--karoons-white, #fff); border: 3px solid var(--karoons-border-color, #DEDEDE); display: flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--karoons-base, #E23B33); font-size: 20px; font-weight: 600; line-height: 1; position: relative; transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1);
} .work-process-one__item__number::before { content: counters(count, ".", decimal-leading-zero); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; align-items: center; justify-content: center;
} .work-process-one__item:hover .work-process-one__item__number { border-color: var(--karoons-base, #E23B33); transform: scale(1.05);
} .work-process-one__item__title { font-size: 20px; line-height: 28px; font-weight: 600; text-transform: uppercase; margin: 23px 0 9px;
} .work-process-one__item__text { letter-spacing: -0.48px; text-transform: capitalize; margin: 0;
} .work-process-one--home-three { position: relative; background-color: var(--karoons-black, #212226);
} .work-process-one--home-three__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; mix-blend-mode: luminosity;
} .work-process-one--home-three__bg::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: var(--karoons-black, #212226); mix-blend-mode: multiply;
} .work-process-one--home-three__shpe-one { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-position: left bottom; background-repeat: no-repeat; animation: movebounce3 3s linear infinite;
} @media (max-width: 1599px) { .work-process-one--home-three__shpe-one { display: none; }
}
.work-process-one--home-three__shpe-two { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-position: right bottom; background-repeat: no-repeat; animation: movebounce3 4s linear infinite;
} @media (max-width: 1599px) { .work-process-one--home-three__shpe-two { display: none; }
}
.work-process-one--home-three .container { position: relative; z-index: 2;
} .work-process-one--home-three .work-process-one__item__title,
.work-process-one--home-three .sec-title__title { color: var(--karoons-white, #fff);
} .work-process-one--home-three .work-process-one__border { opacity: 0.2;
} .work-process-one--home-three .work-process-one__item__number { border: none;
} .work-process-one--home-three .work-process-one__item:hover .work-process-one__item__number { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .main-header.default-header { background-color: var(--karoons-white, #fff);
}
.main-header.default-header .main-header__inner { padding: 0px;
}
.main-header.default-header .main-header__inner .main-header__logo { position: relative;
}
.main-header.default-header .mobile-nav__btn span { background-color: var(--karoons-black, #212226);
} .main-header.default-header .main-header__inner { position: relative; display: flex; align-items: center; justify-content: space-between;
} .main-header.default-header .main-menu .main-menu__list li a, .main-header.default-header .main-menu .main-menu__list li ul li > a { color: var(--karoons-text, #838383); text-transform: capitalize;
}
.main-header.default-header .main-menu .main-menu__list li a:hover, .main-header.default-header .main-menu .main-menu__list li ul li > a:hover { color: var(--karoons-base, #E23B33);
} .blog-one.blog-one--page .blog-card-list { margin: 0 0 29px;
}
.blog-one.blog-one--page .blog-card-list__image { margin: 0 0 20px;
}
.blog-one.blog-one--page .tag-sticky-2 { position: relative;
}
.blog-one.blog-one--page .tag-sticky-2::before { position: absolute; right: 15px; content: ""; width: 40px; height: 40px; background-color: var(--karoons-base); z-index: 10; clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0); top: 0px;
}
.blog-one.blog-one--page .blog-card-list__title a { word-wrap: break-word; max-width: 900px;
}
.blog-one.blog-one--page .blog-card-list__title a b { color: inherit;
}
.blog-one.blog-one--page .blog-card-list__title a:hover b { color: inherit;
}
.blog-one.blog-one--page .blog-card-list__image { display: inline-block;
}
.blog-one.blog-one--page .blog-pagination { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; list-style: none;
}
.blog-one.blog-one--page .blog-pagination a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--karoons-gray, #F4F4F4); border: 1px solid var(--karoons-gray, #F4F4F4); color: var(--karoons-text, #838383); font-size: 14px; font-weight: 500; border-radius: 50%; transition: 500ms ease;
}
.blog-one.blog-one--page .blog-pagination a:hover { background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33); transition: 500ms ease;
}
.blog-one.blog-one--page .blog-pagination span.current { font-weight: 800; background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 14px; border-radius: 50%; transition: 500ms ease;
}
.blog-one.blog-one--page .blog-card-list__date.page-header--unit-test { font-size: 16px; font-weight: 500; display: flex; padding: 10px; width: 150px;
}
.blog-one.blog-one--page .blog-details.karoons-custom-wrap { padding: 0px;
}
.blog-one.blog-one--page .blog-details.karoons-custom-wrap .blog-card-two__content { padding: 0px;
}
.blog-one.blog-one--page .blog-details ul { margin-left: 0px;
}
.blog-one.blog-one--page .blog-details ol { margin: 0 0 0.5em 0.6em; padding-left: 1.2rem;
}
.blog-one.blog-one--page .blog-details .blog-card__content__inner.clearfix { padding-top: 20px;
}
.blog-one.blog-one--page .blog-details .blog-details__meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--karoons-border-color, #DEDEDE); border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); padding-top: 17px; padding-bottom: 17px; margin-top: 45px; margin-bottom: 52px;
}
.blog-one.blog-one--page .blog-details .blog-details__meta .blog-details__tags.cat-links span, .blog-one.blog-one--page .blog-details .blog-details__meta .blog-details__tags.tag-links span { text-transform: uppercase; line-height: 1em; font-size: 18px; font-weight: 600;
}
.blog-one.blog-one--page .blog-details .blog-details__meta .blog-details__tags.cat-links a { border: none; font-size: 14px; font-weight: 500; padding: 9px 23px; text-transform: capitalize; color: var(--karoons-text, #838383); background-color: var(--karoons-gray, #F4F4F4);
}
.blog-one.blog-one--page .blog-details .blog-details__meta .blog-details__tags.cat-links a:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
}
.blog-one.blog-one--page .blog-details .blog-details__meta .blog-details__tags.tag-links a { border: none; font-size: 14px; font-weight: 500; padding: 0; text-transform: capitalize; color: var(--karoons-text, #838383); background-color: transparent; margin-left: 5px;
}
.blog-one.blog-one--page .blog-details .blog-details__meta .blog-details__tags.tag-links a:not(:last-of-type)::after { content: ",";
}
.blog-one.blog-one--page .blog-details .blog-details__meta .blog-details__tags.tag-links a:hover { color: var(--karoons-base, #E23B33);
}
.blog-one.blog-one--page .comments-area { padding-top: 0px; border: 0px;
}
.blog-one.blog-one--page .comments-area .comment-one__title { text-transform: uppercase; font-size: 30px; font-weight: 600; font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226);
}
.blog-one.blog-one--page .comments-area .comment-author.vcard .fn a { font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226); font-size: 16px; text-transform: uppercase; font-weight: 600;
}
.blog-one.blog-one--page .comments-area .comment-metadata a, .blog-one.blog-one--page .comments-area .comment-metadata span { text-transform: capitalize; font-family: var(--karoons-font, "Barlow", sans-serif); color: var(--karoons-text, #838383); font-size: 16px; line-height: 1.625; font-weight: 400;
}
.blog-one.blog-one--page .comments-area .reply a { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 16px; font-weight: 600; transition: 0.5s ease-in-out; z-index: 2; text-align: center; padding: 4px 13px; font-size: 14px; font-weight: 600; text-transform: capitalize;
}
.blog-one.blog-one--page .comments-area .reply a:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
}
.blog-one.blog-one--page .comments-area .comment-form__title { font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226); text-transform: uppercase; font-size: 30px; font-weight: 600; margin-bottom: 15px;
}
.blog-one.blog-one--page .comments-area .reply-form .logged-in-as { margin-top: 0px;
}
.blog-one.blog-one--page .comments-area .form-one input[type=text], .blog-one.blog-one--page .comments-area .form-one input[type=email], .blog-one.blog-one--page .comments-area .form-one textarea { margin-bottom: 20px;
}
.blog-one.blog-one--page .comments-area .form-submit .karoons-btn { font-weight: 700; padding: 15px 31px;
}
.blog-one.blog-one--page .wp-block-group.has-border-color.has-black-border-color { margin-top: 30px; margin-bottom: 30px;
} .blog-card-two__meta li a, .blog-card-two__meta li i { font-size: 12px;
} .blog-details.karoons-custom-wrap .blog-details__image { margin: 0 0 28px;
}
.blog-details.karoons-custom-wrap .list-unstyled.blog-card-two__meta { margin-bottom: -2px;
}
.blog-details.karoons-custom-wrap .tag-sticky-2::before { display: none;
} .wp-block-query-pagination > .wp-block-query-pagination-numbers { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; list-style: none;
}
.wp-block-query-pagination > .wp-block-query-pagination-numbers a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--karoons-gray, #F4F4F4); border: 1px solid var(--karoons-gray, #F4F4F4); color: var(--karoons-text, #838383); font-size: 14px; font-weight: 500; border-radius: 50%; transition: 500ms ease;
}
.wp-block-query-pagination > .wp-block-query-pagination-numbers a:hover { background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33); transition: 500ms ease;
}
.wp-block-query-pagination > .wp-block-query-pagination-numbers span.current { font-weight: 800; background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 14px; border-radius: 50%; transition: 500ms ease;
} .blog-card__content__inner .wp-block-archives-list.wp-block-archives, .wp-block-categories-list.wp-block-categories { list-style: none; padding-left: 0px; margin-bottom: 30px !important;
} .blog-card__content__inner a { color: var(--karoons-text, #838383);
}
.blog-card__content__inner a:hover { color: var(--karoons-base, #E23B33);
} .wp-block-post-comments-form input[type=submit] { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 16px; font-weight: 600; padding: 9px 21px; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center;
}
.wp-block-post-comments-form input[type=submit]:hover { background-color: var(--karoons-black, #212226);
} .wp-block-post-comments-form .comment-form textarea, .wp-block-post-comments-form .comment-form .comment-form-author input, .wp-block-post-comments-form .comment-form .comment-form-email input, .wp-block-post-comments-form .comment-form .comment-form-url input, .wp-block-post-comments-form .comment-form .comment-form-comment input { display: block; width: 100%; background-color: var(--karoons-gray, #F4F4F4); color: var(--karoons-text, #838383); font-size: 16px; font-weight: 400; outline: none;
} .blog-card__content__inner .wp-block-rss li { position: relative; padding-left: 68px; font-size: 16px; font-weight: 600; color: var(--karoons-black, #212226); min-height: 44px; margin-bottom: 20px;
} .blog-card__content__inner .wp-block-rss li::before { content: "\f09e"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--karoons-black, #212226); width: 44px; height: 44px; color: var(--karoons-white, #fff); transition: all 500ms ease; position: absolute; top: 50%; left: 0; transform: translateY(-50%);
} .wp-block-search input[type=search] { padding: 20px 80px 19px 35px;
} .wp-block-search .wp-block-search__button { display: inline-block; vertical-align: middle; border: none; outline: none; background-color: var(--karoons-black, #212226); text-align: center; color: var(--karoons-white); font-size: 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-transform: capitalize; letter-spacing: 0.01em; border-radius: 0px; border: none; margin-left: 0px;
} .sidebar-one__overlay,
.mobile-nav__overlay,
.search-popup__overlay { cursor: url(https://domingosmachado-pecas-auto.pt/wp-content/themes/karoons/assets/images/close.png), auto;
} .blog-card__content__inner .wp-block-tag-cloud a { font-size: 18px !important; color: var(--karoons-black, #212226); display: inline-block; vertical-align: middle; margin-left: 5px; transition: all 500ms ease; font-weight: 300; font-family: var(--karoons-font);
}
.blog-card__content__inner .wp-block-tag-cloud a:hover { color: var(--karoons-base, #E23B33);
} .blog-card__content__inner .wp-block-button a { color: var(--karoons-white, #fff);
}
.blog-card__content__inner .wp-block-button a:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
}
.blog-card__content__inner .is-style-outline a { border: 2px solid var(--karoons-black, #212226); color: var(--karoons-black, #212226);
}
.blog-card__content__inner .is-style-outline a:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); border-color: var(--karoons-base, #E23B33);
}
.blog-card__content__inner .wp-block-column.has-background { padding: 20px;
}
.blog-card__content__inner .page-links { display: flex; align-items: center; gap: 10px;
}
.blog-card__content__inner .page-links a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--karoons-gray, #F4F4F4); border: 1px solid var(--karoons-gray, #F4F4F4); color: var(--karoons-text, #838383); font-size: 14px; font-weight: 500; border-radius: 50%; transition: 500ms ease;
}
.blog-card__content__inner .page-links a:hover { background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33); transition: 500ms ease;
}
.blog-card__content__inner .page-links span.current { font-weight: 800; background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 14px; border-radius: 50%; transition: 500ms ease;
}
.blog-card__content__inner .wp-block-separator { width: 100% !important;
}
.blog-card__content__inner .has-large-font-size { color: var(--karoons-gray, #F4F4F4);
}
.blog-card__content__inner blockquote:not([class*=has-]), .blog-card__content__inner .comment-content blockquote, .blog-card__content__inner blockquote.has-text-align-right { background-color: var(--karoons-gray, #F4F4F4); border-left: 2px solid var(--karoons-border-color, #E4DACC); padding: 20px 30px; position: relative; overflow: hidden; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; border-radius: 5px;
}
.blog-card__content__inner blockquote:not([class*=has-])::before, .blog-card__content__inner .comment-content blockquote::before { content: "\f10d"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; transform: rotate(180deg); font-size: 100px; color: var(--karoons-base, #E23B33); opacity: 0.4; right: 30px; line-height: 0.9em; bottom: -25px;
}
.blog-card__content__inner .wp-block-code { padding: 1.6em;
}
.blog-card__content__inner .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0px;
} .wp-block-cover.has-left-content .wp-block-cover-text strong { color: var(--karoons-white, #fff) !important;
} .wp-block-cover-text a { color: var(--karoons-white, #fff) !important;
} .wp-block-gallery:not(.has-nested-images).alignleft { margin-right: 30px;
} .wp-block-gallery:not(.has-nested-images) figcaption { margin-bottom: 24px; text-align: left;
} :root :where(.wp-block-image figcaption) { text-align: left;
} .blog-card__content__inner blockquote.has-text-align-right { border-right: 0px;
} .blog-card__content__inner blockquote.has-text-align-right::before { content: "\f10d"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; transform: rotate(180deg); font-size: 100px; color: var(--karoons-base, #E23B33); opacity: 0.4; right: 30px; line-height: 0.9em; bottom: -25px;
} .blog-card__content__inner .has-large-font-size { color: var(--karoons-text, #838383);
}
.blog-card__content__inner .wp-block-file * + .wp-block-file__button { color: var(--karoons-white, #fff);
}
.blog-card__content__inner .wp-block-file * + .wp-block-file__button:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .wp-block-heading { position: relative; text-transform: capitalize; margin-bottom: 30px; margin-left: 0; font-weight: 700; font-family: var(--karoons-heading-font, "Cormorant", serif);
} .blog-details blockquote:not([class*=has-]), .comment-content blockquote { background-color: var(--karoons-gray, #F4F4F4); border-left: 2px solid var(--karoons-black, #1e1e22); padding: 20px 30px; position: relative; overflow: hidden; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; border-radius: 5px;
}
.blog-details blockquote:not([class*=has-])::before, .comment-content blockquote::before { content: "\f10d"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; transform: rotate(180deg); font-size: 100px; color: var(--karoons-base); opacity: 0.4; right: 30px; line-height: 0.9em; bottom: -25px;
} .blog-one.blog-one--page .comments-area ul { margin-left: 1px;
} .blog-one.blog-one--page .comments-area ol { margin: 0 0 0.5em 0.6em; padding-left: 1.2rem;
} .blog-one.blog-one--page .blog-details.karoons-custom-wrap .has-avatars.has-dates.has-excerpts.wp-block-latest-comments { padding-left: 0px; margin-left: 0px;
} .wp-block-archives-list li { font-size: 16px; font-weight: 400; color: var(--karoons-black, #212226); display: flex; justify-content: space-between; align-items: center; text-transform: capitalize; padding: 9px 0;
} .wp-block-archives-dropdown { margin-bottom: 30px;
} .wp-block-categories { margin-bottom: 30px;
} .wp-block-archives-dropdown select, .wp-block-categories-dropdown select { width: 100%; height: 60px; background-color: var(--karoons-gray, #F4F4F4); border: 1px solid var(--karoons-border-color, #DEDEDE); outline: none; color: var(--karoons-color, #717178); font-size: 16px; font-weight: 500; padding-left: 30px; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-family: var(--karoons-font, "Kumbh Sans", sans-serif); background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="rgb(34, 36, 41)" d="M540.1 776.847l472.32-473.63c15.466-15.518 15.44-40.642-0.080-56.134-15.518-15.48-40.656-15.44-56.134 0.080l-444.208 445.438-444.206-445.454c-15.48-15.518-40.602-15.558-56.122-0.080-7.78 7.766-11.67 17.94-11.67 28.114 0 10.148 3.864 20.282 11.59 28.034l472.308 473.632c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z"></path></svg>'); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: 0.65em auto; border-radius: 0px;
} .blog-one.blog-one--page .blog-details.karoons-custom-wrap .wp-block-latest-comments { padding-left: 0px; margin-left: 0px;
} .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li { position: relative; padding-left: 60px; min-height: 44px; display: flex; align-items: center; flex-wrap: wrap; white-space: pre-wrap;
} .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li::before { content: "\e92a"; font-family: "icomoon" !important; font-weight: 400; font-size: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--karoons-base); width: 44px; height: 44px; color: var(--karoons-white); margin-right: 20px; transition: all 500ms ease; position: absolute; top: 0; left: 0; transform: scale(1); opacity: 1;
} .blog-one.blog-one--page.default-single .tag-sticky-2::before { display: none !important;
} .blog-one.blog-one--page .post-password-form input[type=password] { display: inline-block; height: 60px; background-color: var(--karoons-gray, #F4F4F4); color: var(--karoons-text, #838383); font-size: 16px; font-weight: 400; border: none; outline: none; padding-left: 30px; padding-right: 30px; padding-top: 9px; padding-bottom: 10px;
}
.blog-one.blog-one--page .post-password-form input[type=submit] { display: inline-block; height: 60px; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff); font-size: 16px; font-weight: 600; padding: 14px 21px 13px; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center;
}
.blog-one.blog-one--page .post-password-form input[type=submit]:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .page-header__title { word-break: break-word;
} .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important;
} .wp-block-cover p:not(.has-text-color) { color: var(--karoons-white);
} .wp-block-embed :where(figcaption) { text-align: left;
} .blog-details.karoons-custom-wrap .blog-details__image { margin: 0 0 20px; display: inline-block;
}
.blog-details.karoons-custom-wrap .blog-details__tags { display: flex; align-items: center; gap: 15px 11px; flex-wrap: wrap;
} .main-footer__bottom.default-footer { position: relative; padding-top: 37.5px; padding-bottom: 34.5px; background-color: var(--karoons-black); z-index: 1; color: var(--karoons-white);
} .sidebar .widget, .sidebar__single { padding: 30px;
} .sidebar .widget.widget_block h2 { margin-bottom: 26px; font-size: 20px;
}
.sidebar .widget .wp-block-archives li { padding: 4px;
}
.sidebar .widget select { color: var(--karoons-text, #838383);
}
.sidebar .widget .has-excerpts.wp-block-latest-comments { padding-left: 0px; margin-left: 0px;
}
.sidebar .wp-block-latest-comments__comment-meta a,
.sidebar .wp-block-latest-comments__comment-meta,
.sidebar .widget .wp-block-latest-posts__list.has-dates li a,
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-title a { color: var(--karoons-black); font-size: 18px; margin: 0; text-transform: capitalize; font-weight: 600; line-height: 28px;
}
.sidebar .wp-block-latest-comments__comment-meta a:hover,
.sidebar .wp-block-latest-comments__comment-meta:hover,
.sidebar .widget .wp-block-latest-posts__list.has-dates li a:hover,
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-title a:hover { color: var(--karoons-base, #E23B33);
}
.sidebar .widget ul li a::after { display: none;
}
.sidebar .wp-block-rss li + li { margin-top: 20px;
} .sidebar .widget .wp-block-page-list { margin-top: -8px;
}
.sidebar .widget .wp-block-page-list li + li { margin-top: 17px;
} .sidebar .widget .wp-block-rss__item-publish-date,
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-author { font-weight: 500; font-size: 14px; color: var(--karoons-text, #838383); line-height: 1.7;
} .has-dates.has-authors.has-excerpts.wp-block-rss { margin-top: -9px;
} .sidebar .widget .wp-block-tag-cloud a { background-color: var(--karoons-white, #fff); text-transform: uppercase; font-size: 14px; font-weight: 500; color: var(--karoons-black, #212226); transition: all 500ms ease; display: inline-flex; padding: 5px 8px;
}
.sidebar .widget .wp-block-tag-cloud a:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .sidebar .widget.widget_categories .title h2 { font-size: 20px; font-weight: 600;
}
.sidebar .widget.widget_categories ul li + li { margin-top: 0; margin-bottom: 5px; z-index: 999; padding: 5px 0;
}
.sidebar .widget.widget_pages .title h2 { margin-bottom: 26px; font-size: 20px; font-weight: 600;
}
.sidebar .widget.widget_meta .title h2,
.sidebar .widget_nav_menu .title h2,
.sidebar .widget_recent_comments .title h2,
.sidebar .widget_recent_entries .widget_rss .title h2,
.sidebar .widget_search .title h2,
.sidebar .widget_text .title h2,
.sidebar .widget_tag_cloud .title h2 { font-size: 20px; font-weight: 600;
}
.sidebar .widget_nav_menu .title h2 { margin-bottom: 28px;
}
.sidebar .widget.widget_search .search-form.error-404__search { position: relative;
}
.sidebar .widget.widget_search .search-form.error-404__search button { position: absolute; top: 15px; right: 15px; background-color: transparent; border: none; outline: none;
} .sidebar .widget .title h2 { font-size: 20px; font-weight: 600;
} .sidebar .widget ul li a:hover, .sidebar__single ul li a:hover { color: var(--karoons-base, #E23B33);
} .sidebar .widget.widget_recent_comments ul li::before, .sidebar .widget.widget_recent_entries ul li::before { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .sidebar .widget.widget_recent_comments ul li:hover::before, .sidebar .widget.widget_recent_entries ul li:hover::before { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .sidebar .widget .tagcloud a { background-color: var(--karoons-white, #fff); text-transform: uppercase; font-size: 14px; font-weight: 500; color: var(--karoons-black, #212226); transition: all 500ms ease; display: inline-flex; padding: 5px 8px;
}
.sidebar .widget .tagcloud a:hover { color: var(--karoons-white, #fff); background-color: var(--karoons-base, #E23B33);
} .mobile-nav__wrapper.default-mobile-header .logo-box a h1 { color: var(--karoons-white, #fff); font-family: var(--karoons-font, "Kumbh Sans", sans-serif); font-weight: 700;
}
.mobile-nav__wrapper.default-mobile-header .mobile-nav__content .main-menu__list li > a { text-transform: capitalize; line-height: 30px; color: var(--karoons-white, #fff); font-size: 12px; font-family: var(--karoons-font, "Barlow", sans-serif); font-weight: 500; letter-spacing: var(--karoons-letter-space, 0.1em);
} .sidebar .sidebar__single.widget.widget_custom_recent_posts_widget .sidebar__posts.list-unstyled .sidebar__posts__title a { font-weight: 600;
}
.sidebar .sidebar__comments.list-unstyled .sidebar__comments__title a { font-weight: 500;
} .search-form.error-404__search { position: relative; margin-bottom: 18px; max-width: 496px; width: 100%; margin-left: auto; margin-right: auto;
}
.search-form.error-404__search input[type=search] { border: none; outline: none; display: block; background-color: var(--karoons-gray, #F4F4F4); color: var(--karoons-text, #838383); font-size: 16px; font-weight: 600; line-height: normal; width: 100%; padding-left: 70px; height: 60px; border-radius: 6px;
}
.search-form.error-404__search .error-404__search__btn { border: none; outline: none; background-color: transparent; color: var(--karoons-text, #838383); position: absolute; top: 50%; font-weight: 700; left: 20px; transform: translateY(-50%); font-size: 20px;
} .feature-one__item::after { background-image: url(https://domingosmachado-pecas-auto.pt/wp-content/themes/karoons/assets/images/shapes/feature-1-shape-hover.png);
} .ml-0 { margin-left: 0px !important;
} .testimonials-card__rating.testi-ct-class { justify-content: start;
} .main-slider-two .next,
.main-slider-two .prev { padding: 0px;
} a.portfolio-two__item__rm:hover i { color: var(--karoons-white);
} .blog-card-two__content .blog-card-two__meta li a { font-size: inherit;
}
.blog-card-two__content .blog-card-two__meta li i { font-size: 20px;
} .cta-five__item__rm:hover { color: var(--karoons-white, #fff);
} .sidebar .widget ul li a::after, .sidebar__single ul li a::after { display: none;
} .sidebar__single.widget.widget_custom_recent_posts_widget .title h2 { text-transform: uppercase; line-height: 1em; font-size: 20px; font-weight: 600; margin-top: -2px; margin-bottom: 27px; font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226);
}
.sidebar__single.widget.widget_custom_recent_posts_widget .sidebar__posts__title { margin: 0; text-transform: uppercase; font-size: 18px; font-weight: 600; line-height: 28px; font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226);
}
.sidebar__single.widget.widget_custom_recent_posts_widget .sidebar__posts__title a { font-weight: inherit;
}
.sidebar__single.widget.widget_custom_recent_posts_widget .sidebar__posts__meta a { font-weight: 500; text-transform: capitalize;
} .sidebar__single.widget.widget_karoons_blog_categories_widget .title h2 { text-transform: uppercase; line-height: 1em; font-size: 20px; font-weight: 600; margin-top: -2px; margin-bottom: 27px; font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226);
}
.sidebar__single.widget.widget_karoons_blog_categories_widget .sidebar__categories.list-unstyled li a { font-weight: 500; color: var(--karoons-text, #838383);
}
.sidebar__single.widget.widget_karoons_blog_categories_widget .sidebar__categories.list-unstyled li a:hover { padding-left: 5px; color: var(--karoons-base, #E23B33);
} .sidebar__single.widget.widget_karoons_blog_comments_widget .title h2 { text-transform: uppercase; line-height: 1em; font-size: 20px; font-weight: 600; margin-top: -2px; margin-bottom: 27px; font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226);
}
.sidebar__single.widget.widget_karoons_blog_comments_widget .sidebar__comments.list-unstyled.nl-0 .sidebar__comments__item .sidebar__comments__title a { margin: 0; font-size: 16px !important; line-height: 25px !important; font-weight: 500 !important; text-transform: capitalize; color: var(--karoons-text, #838383);
}
.sidebar__single.widget.widget_karoons_blog_comments_widget .sidebar__comments.list-unstyled.nl-0 .sidebar__comments__item .sidebar__comments__title a:hover { color: var(--karoons-base, #E23B33);
} .elementor-widget-footer-bg-image { position: static !important;
} .mail__inner__newsletter button[type=submit] { padding: 14.5px 19px;
} .sidebar__single.widget.widget_block.widget_search .wp-block-search__inside-wrapper { display: flex; align-items: center;
}
.sidebar__single.widget.widget_block.widget_search .wp-block-search__inside-wrapper input[type=search] { width: 100%;
} .sidebar__posts__item .sidebar__posts__content .sidebar__posts__meta i { color: var(--karoons-base, #E23B33); margin-right: 10px;
}
.sidebar__posts__item .sidebar__posts__content .sidebar__posts__meta .author.vcard { display: inline-flex; align-items: center; color: var(--karoons-text, #838383); font-size: 12px; font-weight: 500; line-height: 1em; transition: all 500ms ease;
} .form-one__group .karoons-btn i { line-height: 26px;
}
.form-one__group .karoons-btn span { line-height: 26px;
} .admin-bar .sticky-header--cloned { top: 32px;
} .blog-one--home-four { padding-bottom: 120px;
} .default-footer .main-footer__bottom__inner { padding-bottom: 0; padding-top: 0;
} .page-header--unit-test { padding-top: 176px;
} .star-rating { overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; width: 6.9em; font-family: star; font-weight: 900;
} .star-rating::before { content: "SSSSS"; opacity: 0.25; float: left; top: 0; left: 0; position: absolute;
} .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em;
} .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0; color: var(--karoons-base);
} p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400;
} p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: star; content: "S"; color: #404040; text-indent: 0; opacity: 0.25;
} p.stars a:hover ~ a::before { content: "S"; color: #404040; opacity: 0.25;
} p.stars:hover a::before { content: "S"; color: var(--karoons-base); opacity: 1;
} p.stars.selected a.active::before { content: "S"; color: var(--karoons-base); opacity: 1;
} p.stars.selected a.active ~ a::before { content: "S"; color: #404040; opacity: 0.25;
} p.stars.selected a:not(.active)::before { content: "S"; color: var(--karoons-base); opacity: 1;
} .star-rating span:before,
.star-rating::before,
p.stars a:hover:after,
p.stars a:after { color: var(--karoons-base); letter-spacing: 4px;
} .sidebar .widget_rating_filter .star-rating { display: block; color: var(--karoons-primary); font-size: 16px;
} .woocommerce-ordering { float: right;
} .woocommerce-pagination { overflow: hidden; width: 100%;
} .woocommerce div.product div.images.woocommerce-product-gallery { position: relative;
} @media screen and (min-width: 992px) { .product-content { margin-top: 35px; padding-bottom: 30px; }
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { -webkit-transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s; transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s; margin: 0; padding: 0;
} .woocommerce div.product div.summary { margin-bottom: 2em;
} a.woocommerce-product-gallery__trigger img { display: none !important;
} .woocommerce-product-gallery__trigger::after { position: absolute; content: "\e91b"; font-family: "icomoon" !important; font-size: 25px; color: #222429; top: -20px; right: 0; text-indent: 0;
} .woocommerce .woocommerce-product-rating .star-rating { float: left;
} .comment-form-rating { display: block; overflow: hidden;
} label.rate-this-pro { float: left; margin-right: 10px; font-size: 18px;
} .comment-form-rating p.stars { padding-top: 12px;
} .comment-form-rating p { margin-bottom: 17px;
} .product__card { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr);
} @media (max-width: 991px) { .product__card { grid-template-columns: repeat(1, 1fr); } .single-product div.product .woocommerce-product-gallery { grid-column-start: 1; grid-column-end: 3; width: 100%; }
}
.woocommerce-cart .woocommerce { padding-top: 70px; padding-bottom: 105px;
} .woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce { max-width: 1200px; padding-left: 15px; padding-right: 15px; width: 100%; margin-left: auto; margin-right: auto;
} .shop_table .product-thumbnail a { display: inline-block; background-color: var(--karoons-white, #fff);
} .shop_table .product-thumbnail img { max-width: 120px; mix-blend-mode: darken; border: 1px solid var(--karoons-text-gray, #89868d); border-radius: var(--karoons-bdr-radius);
} .shop_table .product-subtotal .amount,
.shop_table .amount { font-family: var(--karoons-font); font-size: 16px; color: #686a6f; font-weight: 400;
} .shop_table .coupon label { display: none;
} .shop_table tr { position: relative;
} table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th:last-child { margin-left: 0; padding-left: 0;
} .shop_table tbody tr { border: 1px solid var(--karoons-text-gray, #89868d); border-left: 0; border-right: 0;
} .shop_table td { border: 0;
} .woocommerce-order-details .shop_table td,
.order_details.shop_table tfoot tr th { border: 1px solid var(--karoons-text-gray, #89868d);
} .woocommerce-checkout-review-order-table thead tr { border-top: 1px solid var(--karoons-text-gray, #89868d); border-bottom: 1px solid var(--karoons-text-gray, #89868d);
} .woocommerce-cart-form .shop_table tbody tr:last-child,
.woocommerce-checkout-review-order-table tbody tr,
.cart_totals .shop_table tbody tr,
.cart_totals .shop_table tbody th,
.woocommerce-checkout .shop_table tfoot th { border: 0; font-family: var(--karoons-font-two); font-weight: 400; font-size: 20px;
} .cart_totals .shop_table tbody th { padding-left: 0;
} .cart_totals .shop_table tbody th { font-family: var(--karoons-heading-font, "Cormorant", serif); font-weight: 700; font-size: 20px; color: var(--karoons-black, #1c1a1d);
} .woocommerce-checkout-review-order-table tbody td.product-name,
.woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name a { text-transform: capitalize;
} .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name a { font-size: 16px;
} .woocommerce-view-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td { padding-left: 10px;
} .woocommerce-order-details .woocommerce-table--order-details tfoot th { color: var(--karoons-black); font-size: 20px; font-weight: 700; font-family: var(--karoons-font);
} .woocommerce-checkout .shop_table tfoot tr:last-child { border-bottom: 1px solid var(--karoons-text-gray, #89868d);
} .woocommerce-checkout .shop_table td { padding: 10px; padding-left: 20px;
} .cart_totals .shop_table td,
.cart_totals .shop_table th { padding-top: 10px; padding-bottom: 10px;
} form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart_item .product-name,
form.woocommerce-checkout .shop_table tfoot tr th { font-family: var(--karoons-font); color: var(--karoons-text, #838184); font-size: 16px; line-height: 18px; font-weight: 500;
} form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart_item .product-name { width: 100%;
} .woocommerce-checkout .shop_table .amount { font-family: var(--karoons-font); color: var(--karoons-text); font-size: 16px; line-height: 18px; text-align: right; font-weight: 500; letter-spacing: 0; transition: all 500ms ease;
} @media screen and (min-width: 768px) { .col2-set .form-row-first { float: left; margin-right: 3.8%; } .col2-set .form-row-last { float: right; margin-right: 0; } .col2-set .form-row-first, .col2-set .form-row-last { width: 48.1%; }
} .woocommerce-password-strength { text-align: right;
} .woocommerce-password-strength.strong { color: #0f834d;
} .woocommerce-password-strength.short { color: #e2401c;
} .woocommerce-password-strength.bad { color: #e2401c;
} .woocommerce-password-strength.good { color: #3d9cd2;
} .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #0f834d;
} .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c;
} .required { color: #f00;
} .sidebar__single.shop-one__sidebar__item { background-color: #fff;
} .sidebar .wc-block-product-search .wc-block-product-search__fields { display: inline-flex;
} .sidebar .wc-block-product-search .wc-block-product-search__field { max-width: 170px;
} .widget_price_filter .price_slider { margin-bottom: 1.5em;
} .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4;
} .widget_price_filter .price_slider_amount .button { float: left;
} .widget_price_filter .ui-slider { position: relative; text-align: left;
} .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: var(--karoons-primary); box-sizing: border-box; margin-top: -0.25em; opacity: 1; top: -4px;
} .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em;
} .widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
} .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: var(--karoons-primary);
} .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1);
} .widget_price_filter .ui-slider-horizontal { height: 0.5em;
} .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%;
} .sidebar .widget_product_search .searchform { position: relative; margin: 0px;
} .sidebar .widget_product_search .searchform input[type=text],
.sidebar .widget_product_search .searchform input[type=search] { position: relative; line-height: 40px; padding: 19px 80px 19px 35px; background: #f4f5f8; color: #222429; display: block; font-size: 14px; font-weight: 300; letter-spacing: 0px; width: 100%; height: 60px; border: 1px solid #f4f5f8; font-family: var(--karoons-font); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;
} .sidebar .widget_product_search .searchform input:focus { border-color: #222429;
} .sidebar .widget_product_search .searchform button { position: absolute; right: 10px; top: 3px; border: none; outline: none; padding: 0; height: 60px; width: 60px; line-height: 60px; display: block; font-size: 18px; color: #222429; background: none; font-weight: normal;
} .sidebar .widget_product_search .searchform input:focus + button,
.sidebar .widget_product_search .searchform button:hover { color: #181b1f;
} .sidebar .wc-block-product-search__button { border: 1px solid; border-color: var(--karoons-base); border-radius: 3px; background: var(--karoons-base); color: var(--karoons-white); line-height: 1; padding: 0.6em 1em 0.4em;
} .wc-block-product-categories__button { border-color: var(--karoons-base); background: var(--karoons-base); color: var(--karoons-white);
} .woocommerce-MyAccount-navigation ul,
.sidebar .widget_product_categories ul,
.sidebar .woocommerce-widget-layered-nav ul { position: relative; margin-top: -9px;
} .woocommerce-MyAccount-navigation ul li,
.sidebar .widget_product_categories ul li,
.sidebar .woocommerce-widget-layered-nav ul li { position: relative; line-height: 30px; font-size: 20px; letter-spacing: 1px; text-transform: capitalize; color: var(--thm-text); font-weight: 300; margin-bottom: 15px; font-size: 16px; font-family: var(--karoons-font); letter-spacing: 0; font-weight: 400;
} .woocommerce-MyAccount-navigation ul li:last-child,
.sidebar .widget_product_categories ul li:last-child,
.sidebar .woocommerce-widget-layered-nav ul li:last-child { margin-bottom: 0;
} .woocommerce-MyAccount-navigation ul li a,
.sidebar .widget_product_categories ul li a,
.sidebar .woocommerce-widget-layered-nav ul li a { position: relative; display: inline-block; line-height: 30px; font-size: 20px; letter-spacing: 1px; text-transform: capitalize; color: var(--thm-text); font-weight: 300; transition: all 0.3s ease; z-index: 1; font-size: 16px; font-family: var(--karoons-font); letter-spacing: 0; font-weight: 400;
} .woocommerce-MyAccount-navigation ul li > a:hover,
.sidebar .widget_product_categories ul li > a:hover,
.sidebar .woocommerce-widget-layered-nav ul li > a:hover,
.sidebar .widget_product_categories ul li.active > a,
.sidebar .woocommerce-widget-layered-nav ul li.active > a { color: #222429; text-shadow: 0 0 1px #222429;
} .woocommerce-MyAccount-navigation ul ul,
.sidebar .widget_product_categories ul ul,
.sidebar .woocommerce-widget-layered-nav ul ul { margin-top: 15px;
} .woocommerce-MyAccount-navigation ul li::after,
.sidebar .widget_product_categories ul li:after,
.sidebar .woocommerce-widget-layered-nav ul li:after { position: absolute; right: 0; top: -1px; font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; opacity: 1; font-size: 10px; line-height: 30px; font-weight: 700; z-index: 1;
} .sidebar .widget_price_filter .ui-slider-horizontal { height: 4px;
} .sidebar .widget_price_filter .ui-slider .ui-slider-handle { width: 14px; height: 14px; border-radius: 50%; border: none; margin-top: -1px; margin-left: -1.5px;
} .sidebar .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -13px;
} .sidebar .widget_price_filter .theme-btn { border-radius: 5px;
} .sidebar .widget_price_filter .theme-btn .btn-title { padding: 7px 21px 3px; font-size: 16px;
} .widget_price_filter .price_slider_amount { display: flex; flex-direction: row-reverse; text-align: left;
} .widget_price_filter .clear { display: none;
} .widget_price_filter .price_label { margin-right: auto; padding-top: 3px;
} .sidebar .widget_price_filter .price_slider_amount { font-family: var(--karoons-font); font-size: 16px; font-weight: 400; color: var(--thm-text);
} .sidebar .widget_rating_filter .star-rating { display: block; color: var(--karoons-base); font-size: 16px;
} .sidebar .widget_rating_filter a { display: flex; justify-content: space-between; align-items: center; color: #222429;
} .sidebar .widget_rating_filter ul { margin-top: -10px;
} .sidebar .widget_recently_viewed_products li + li,
.sidebar .widget_recent_reviews li + li,
.widget_top_rated_products li + li,
.sidebar .widget_products li + li,
.sidebar .wc-block-product-categories li + li { margin-top: 20px;
} .sidebar .widget_recently_viewed_products li .size-woocommerce_thumbnail,
.sidebar .widget_recent_reviews li .size-woocommerce_thumbnail,
.sidebar .widget_products li .size-woocommerce_thumbnail { width: 60px; float: left; margin-right: 30px;
} .sidebar .widget_recently_viewed_products li .product-title,
.sidebar .widget_recent_reviews li .product-title,
.sidebar .widget_products li .product-title,
.sidebar .widget_top_rated_products .product-title { display: block; text-transform: capitalize; color: #222429; font-size: 16px; line-height: 1.3em; font-weight: 800; margin-top: 10px;
} .sidebar .widget_recently_viewed_products li ins,
.sidebar .widget_recent_reviews li ins,
.sidebar .widget_products li ins { background-color: transparent;
} .sidebar .widget_recently_viewed_products li .star-rating,
.sidebar .widget_recent_reviews li .star-rating { font-size: 14px;
} .woocommerce-active .content-area .site-main::after { content: ""; clear: both; display: table;
} .woocommerce-active .content-area .woocommerce-result-count { float: left; margin: 0; color: var(--thm-text); font-size: 18px; font-family: var(--karoons-font); padding-top: 18px;
} .woocommerce-active .content-area .woocommerce-ordering { float: right;
} .variations_form.cart select,
.woocommerce-active .content-area .woocommerce-ordering select { border: none; outline: none; display: block; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; height: 64px; background-color: var(--karoons-gray, #F4F4F4); color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 500; font-family: var(--karoons-font); letter-spacing: 0em; border: 1px solid var(--karoons-extra); background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="rgb(34, 36, 41)" d="M540.1 776.847l472.32-473.63c15.466-15.518 15.44-40.642-0.080-56.134-15.518-15.48-40.656-15.44-56.134 0.080l-444.208 445.438-444.206-445.454c-15.48-15.518-40.602-15.558-56.122-0.080-7.78 7.766-11.67 17.94-11.67 28.114 0 10.148 3.864 20.282 11.59 28.034l472.308 473.632c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z"></path></svg>'); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: 0.65em auto; margin-bottom: 30px; border-radius: var(--karoons-bdr-radius);
} .product-cart-btn { margin-top: 5px;
} .product-cart-btn .btn-title { padding: 7px 21px 3px; font-size: 16px;
} ul.products li.product .button { display: inline-block;
} .shop-one__image { text-align: center; width: 100%;
} .product .added_to_cart,
.shop-one__image .added_to_cart { border: none; position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none !important; background-color: var(--karoons-base); color: var(--karoons-white); font-family: var(--heading-font); transition: all 0.5s linear; font-weight: 700; z-index: 1; color: var(--karoons-black); padding: 4px 21px 4px; font-size: 12px; overflow: hidden; text-transform: uppercase; letter-spacing: 1.2px;
} .wc-proceed-to-checkout a:hover { background-color: var(--karoons-base); color: var(--karoons-white);
} .product .added_to_cart:hover { color: var(--karoons-white); background-color: var(--karoons-black);
} .products .product { text-align: center;
} .products .product .price { font-size: 16px; font-weight: 500; color: var(--karoons-gray); font-family: var(--karoons-font); letter-spacing: var(--karoons-letter-spacing); line-height: 16px;
} .products .product .shop-one__price ins { background-color: transparent;
} .products .product .star-rating { margin-left: auto; margin-right: auto; font-size: 12px; margin-bottom: 0px;
} .products .product .woocommerce-loop-product__title { margin: 0; color: #222429; font-size: 24px; font-weight: 400; text-transform: uppercase; margin-top: 25px; margin-bottom: 5px;
} ul.products li.product img { margin-left: auto; margin-right: auto; width: 100%;
} ul.products li.product:hover img { filter: grayscale(0);
} ul.products li.product { position: relative;
} ul.products li.product .onsale { background-color: #222429; color: #fff; padding-top: 5px; letter-spacing: 0.05em; text-transform: uppercase; display: inline-flex; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 5px; justify-content: center; align-items: center; text-align: center; font-size: 15px; line-height: 1; position: absolute; top: 20px; left: 20px;
} .woocommerce-pagination ul { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; margin-top: 30px;
} .woocommerce-pagination ul a,
.woocommerce-pagination ul span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--karoons-gray, #F4F4F4); border: 1px solid transparent; color: var(--karoons-text, #838383); font-size: 14px; font-weight: 500; border-radius: 50%; transition: 500ms ease;
} .woocommerce-pagination ul span.current,
.woocommerce-pagination ul a:hover { background-color: transparent; border-color: var(--karoons-base); color: var(--karoons-base);
} .woocommerce-pagination ul li a.prev { text-indent: -99999px;
}
.woocommerce-pagination ul li a.prev::before { content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; text-indent: 0;
} .woocommerce-pagination ul li a.next { text-indent: -99999px;
}
.woocommerce-pagination ul li a.next::before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; text-indent: 0;
} .woocommerce-pagination ul .prev,
.woocommerce-pagination ul .next { padding-top: 0;
} .woocommerce-active .product__card { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr);
} @media (max-width: 991px) { .woocommerce-active .product__card { grid-template-columns: repeat(1, 1fr); } .single-product div.product .woocommerce-product-gallery { grid-column-start: 1; grid-column-end: 3; width: 100%; }
}
.woocommerce-active .product__card .onsale { background-color: #222429; color: #fff; padding-top: 5px; letter-spacing: 0.05em; text-transform: uppercase; display: inline-flex; padding-left: 20px; padding-right: 20px; padding-top: 13px; padding-bottom: 10px; justify-content: center; align-items: center; text-align: center; font-size: 16px; line-height: 1; position: absolute; top: 20px; left: 20px; z-index: 10;
} .woocommerce-product-gallery__wrapper { margin-top: 0; overflow: hidden; background-color: var(--karoons-gray, #F4F4F4);
} .woocommerce-product-gallery__wrapper a img { width: 100%; border: 1px solid #dedee5;
} .woocommerce-product-gallery__image { border-radius: 0px;
} .woocommerce-active .product .woocommerce-tabs { grid-column-start: 1; grid-column-end: 3;
} .woocommerce-active .product .related.products { grid-column-start: 1; grid-column-end: 3; margin-top: 20px;
} .product__card .product_title { font-size: 45px; text-transform: uppercase; margin: 0; margin-top: -10px;
} .product__card .entry-summary { margin-top: 0;
} .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 20px; right: 20px;
} .single-product .woocommerce-grouped-product-list-item__price,
.product__card .price { margin: 0; color: var(--karoons-base); font-size: 20px; line-height: 1; font-weight: 500; margin-left: 17px;
} .single-product .woocommerce-product-rating { display: flex; align-items: center; font-size: 16px;
} .single-product .woocommerce-review-link { font-family: var(--karoons-font); color: var(--thm-text); font-size: 15px; color: var(--thm-text); position: relative; font-weight: 500; margin-left: 20px;
} .woocommerce-variation-description p,
.single-product .woocommerce-product-details__short-description p { font-family: var(--karoons-font); font-size: 15px; line-height: 30px; margin-bottom: 20px; font-weight: 500;
} .product-quantity .quantity,
.single-product .quantity { position: relative; width: 98px; height: 60px;
} .product-quantity .quantity input,
.single-product .quantity input { width: 98px; height: 50px; border: 1px solid var(--karoons-text-gray, #89868d); -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; font-family: var(--karoons-font); padding-left: 30px; border-radius: var(--karoons-bdr-radius); color: var(--karoons-text);
} .product-quantity .quantity button,
.single-product .quantity button { width: 29px; height: 22px; background-color: transparent; color: var(--karoons-text); font-size: 8px; position: absolute; top: 1px; right: 1px; background-color: #fff; border: 0; border-left: 1px solid var(--karoons-text-gray, #89868d); border-top-right-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--karoons-extra);
} .product-quantity .quantity button.sub,
.single-product .quantity button.sub { bottom: 13px; top: auto; border-top: 1px solid var(--karoons-text-gray, #89868d); border-top-right-radius: 0px; border-bottom-right-radius: 8px;
} .single-product .woocommerce-variation-add-to-cart,
.single-product .cart { display: block; flex-wrap: wrap; align-items: center;
} .single-product .cart h2 { margin: 0; color: #222429; text-transform: uppercase; font-size: 24px; margin-right: 20px;
} .single-product .woocommerce-variation-add-to-cart .cart-button-wrap,
.single-product .cart .cart-button-wrap { margin-top: 30px; flex: 0 0 100%;
} .single-product .product_meta { display: flex; flex-direction: column; margin-top: 20px;
} .single-product .posted_in,
.single-product .sku_wrapper { color: var(--karoons-black); font-size: 20px; font-weight: 700; letter-spacing: var(--karoons-letter-spacing);
} .single-product .posted_in a,
.single-product .sku_wrapper span { font-family: var(--karoons-font); font-weight: 700; color: var(--thm-text); font-size: 14px; margin-left: 5px; position: relative; top: -1px; text-transform: capitalize;
} .single-product .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity h2 { display: none;
} .single-product .woocommerce-grouped-product-list-item__label label { margin: 0; color: #222429; text-transform: uppercase; font-size: 24px;
} .single-product .woocommerce-grouped-product-list-item__label label a { color: inherit; transition: all 500ms ease; font-weight: 700; text-transform: uppercase; font-size: 20px; font-family: var(--karoons-heading-font, "Cormorant", serif);
} .single-product .woocommerce-grouped-product-list-item__label label a:hover { color: var(--karoons-base);
} .single-product .woocommerce-grouped-product-list-item__price { font-size: 18px;
} .variations_form.cart label,
.woocommerce-tabs .woocommerce-product-attributes-item__label { color: #222429; text-transform: uppercase; margin: 0; font-size: 20px; font-weight: 400;
} .woocommerce-tabs .woocommerce-product-attributes-item__value { position: relative; top: 3px;
} .variations_form.cart select { width: 250px; margin-bottom: 0; float: right; height: 50px;
} #review_form .comment-respond { margin-top: 30px;
} #review_form #commentform { margin-top: 9px;
}
#review_form #commentform .row { --bs-gutter-x: 20px;
} .woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce { max-width: 1200px; padding-left: 15px; padding-right: 15px; width: 100%; margin-left: auto; margin-right: auto;
} .woocommerce-checkout .woocommerce { padding-top: 120px; padding-bottom: 120px;
} .cart_totals h2,
.shop_table thead th { color: var(--karoons-black); font-size: 20px; line-height: 30px; font-weight: 700; font-family: var(--karoons-heading-font, "Cormorant", serif); text-transform: uppercase; border: none; background-color: transparent; border-bottom: 1px solid var(--karoons-text-gray, #89868d) !important; box-shadow: none; padding-bottom: 20px;
} .cart_totals h2 { padding: 0 0 24px;
} .shop_table thead th { padding-left: 0; padding-right: 0;
} .woocommerce-checkout-review-order-table thead tr th { padding: 20px 0;
} .shop_table thead th:first-child { padding-left: 0;
} .shop_table .product-remove { text-align: right;
} .shop_table tbody td.actions { padding-top: 60px; padding-left: 0;
} .shop_table tbody .cart_item td { padding-top: 30px; padding-bottom: 30px; padding-left: 0px;
} .cart_totals h2 { font-size: 30px;
} .shop_table .product-remove a { font-size: 16px; color: var(--karoons-black); font-style: normal; font-weight: normal; font-variant: normal; font-weight: 500; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;
} .cart_totals th,
.shop_table .product-name:not(th),
.shop_table .product-name a { margin: 0; font-size: 20px; text-transform: uppercase; font-family: var(--karoons-heading-font, "Cormorant", serif); color: var(--karoons-black); font-weight: 700; transition: all 500ms ease;
} .shop_table .product-name a:hover { color: var(--karoons-base);
} .shop_table .product-subtotal .amount,
.shop_table .amount { font-family: var(--karoons-font); font-size: 18px; font-weight: 500;
} .shop_table .coupon label { display: none;
} .shop_table tr { position: relative;
} .woocommerce .checkout_coupon input[type=text],
.shop_table .coupon input[type=text] { width: 100%; max-width: 370px; border-radius: 0; background-color: var(--karoons-gray, #F4F4F4); padding-left: 30px; padding-right: 30px; margin-right: 20px; font-family: var(--karoons-font); font-size: 14px; color: var(--karoons-text, #838184); height: 59px; margin-bottom: 20px; border: none; outline: none; font-weight: 400;
} .shop_table .coupon input::placeholder { color: var(--karoons-text); opacity: 1;
} .shop_table button[name=update_cart] { position: absolute; top: 60px; right: 0px; cursor: pointer;
} .cart_totals td { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px;
} .cart_totals td { font-family: var(--karoons-font); font-size: 18px; color: #686a6f; font-weight: 400;
} .cart_totals .woocommerce-shipping-methods { margin: 0; padding: 0; list-style: none;
} .cart_totals p { margin: 0;
} .cart_totals .shop_table td:last-child { text-align: right; padding-right: 0px;
} .shipping-calculator-form { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;
} .shipping-calculator-form p:last-of-type,
.shipping-calculator-form p:nth-child(1),
.shipping-calculator-form p:nth-child(4) { grid-column-start: 1; grid-column-end: 3;
} .shipping-calculator-form ::placeholder { opacity: 1; color: var(--thm-text);
} .shipping-calculator-form input[type=text],
.shipping-calculator-form .select2-container--default .select2-selection--single { width: 100%; border: none; outline: none; display: block; width: 100%; height: 70px; background-color: #f4f5f8; color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--karoons-font); letter-spacing: 0em; border: 1px solid #f4f5f8; display: flex; align-items: center;
} .shipping-calculator-form p > span { display: block; width: 100%;
} .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 20px; right: 20px;
} .cart-collaterals { display: flex; justify-content: flex-end;
} .cart_totals { width: 100%; max-width: 400px;
} .woocommerce-cart .woocommerce { padding-top: 120px; padding-bottom: 120px;
} .woocommerce-account .news-details .woocommerce,
.woocommerce-checkout .news-details .woocommerce,
.woocommerce-cart .news-details .woocommerce { padding-top: 0; padding-bottom: 0;
} .woocommerce-cart .woocommerce-notices-wrapper { margin-bottom: 0px;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments { background-color: #222; clear: both; color: #fff !important; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-family: var(--karoons-font); font-size: 16px; margin-bottom: 30px; text-align: center; text-align: left; display: inline-flex;
} .woocommerce-error { display: inline-block;
} .woocommerce-error strong { color: #fff;
} .woocommerce-info { line-height: 1.7;
} .woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a { color: var(--karoons-base); margin-right: 5px; margin-left: 5px;
} a.woocommerce-privacy-policy-link { color: var(--karoons-base);
} .woocommerce-error { list-style-type: none; margin-left: 0;
} .woocommerce-error { background-color: #e2401c;
} .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; background-color: #3d9cd2; z-index: 9999;
} .woocommerce-cart .wc-proceed-to-checkout { text-align: right; margin-top: 40px;
} .woocommerce-checkout .col2-set { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;
} .woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 { padding: 0 !important; width: 100%; max-width: 100%;
} #order_review_heading,
.woocommerce-column__title,
.woocommerce-order-details__title,
.woocommerce-Address-title h3,
.woocommerce-EditAccountForm fieldset legend,
.woocommerce-checkout #customer_details h3 { margin: 0; display: flex; align-items: center; margin: 0; font-family: var(--karoons-heading-font, "Cormorant", serif); color: var(--karoons-black); font-weight: 700; margin-bottom: 30px; font-size: 30px; line-height: 45px; text-transform: uppercase;
} .woocommerce-checkout #customer_details h3 label { margin: 0; cursor: pointer;
} .woocommerce-checkout #customer_details h3 label input { display: none; visibility: hidden;
} .woocommerce-checkout #customer_details h3 label span { display: flex; align-items: center;
} .woocommerce-checkout #customer_details h3 label span::after { content: ""; width: 19px; height: 19px; background-color: #f4f5f8; border-radius: 50%; margin-left: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center;
} .woocommerce-checkout #customer_details h3 label input:checked + span::after { content: "\f00c"; background-color: var(--karoons-primary);
} .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;
} .karoons-edit-address h3,
.karoons-edit-address .form-row { margin-bottom: 30px;
} .woocommerce-EditAccountForm label,
.lost_reset_password label,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper label,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper label,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper label,
.karoons-edit-address label { font-family: var(--karoons-font); color: var(--karoons-black); font-size: 18px; margin: 0; display: block; width: 100%; margin-bottom: 10px; text-transform: capitalize;
} .woocommerce form .form-row .required { text-decoration: none;
} .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p { margin: 0; float: none; width: 100%; display: block;
} .woocommerce-checkout #customer_details { position: relative; margin-top: 30px;
} .woocommerce-form-login input[type=text],
.woocommerce-form-register input[type=text],
.woocommerce-form-register input[type=email],
.woocommerce-form-login input[type=password],
.lost_reset_password input[type=text],
.karoons-edit-address input[type=text],
.karoons-edit-address input[type=email],
.karoons-edit-address input[type=password],
.karoons-edit-address input[type=tel],
.karoons-edit-address input[type=url],
.karoons-edit-address input[type=file],
.karoons-edit-address input[type=number],
.karoons-edit-address textarea,
.woocommerce-EditAccountForm input[type=text],
.woocommerce-EditAccountForm input[type=email],
.woocommerce-EditAccountForm input[type=password],
.woocommerce-EditAccountForm input[type=tel],
.woocommerce-EditAccountForm input[type=url],
.woocommerce-EditAccountForm input[type=file],
.woocommerce-EditAccountForm input[type=number],
.woocommerce-EditAccountForm textarea,
.woocommerce-checkout #customer_details input[type=text],
.woocommerce-checkout #customer_details input[type=email],
.woocommerce-checkout #customer_details input[type=password],
.woocommerce-checkout #customer_details input[type=tel],
.woocommerce-checkout #customer_details input[type=url],
.woocommerce-checkout #customer_details input[type=file],
.woocommerce-checkout #customer_details input[type=number],
.woocommerce-checkout #customer_details textarea { position: relative; display: block; height: 60px; width: 100%; font-size: 16px; color: var(--karoons-text, #838184); line-height: 40px; padding: 14px 30px; letter-spacing: 0.1em; background-color: var(--karoons-gray, #F4F4F4); border: none; transition: all 300ms ease; font-family: var(--karoons-font); font-size: 14px; font-weight: 500; letter-spacing: 0; border-radius: 0;
} .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--karoons-text, #838184); line-height: 28px; font-weight: 500; font-size: 14px; font-family: var(--karoons-font);
} .woocommerce-EditAccountForm textarea,
.woocommerce-checkout #customer_details textarea { height: 220px; resize: none;
} .woocommerce-EditAccountForm ::placeholder,
.woocommerce-checkout #customer_details ::placeholder { opacity: 1; color: var(--thm-text);
} .woocommerce-checkout #customer_details ::-webkit-input-placeholder { opacity: 1; color: var(--thm-text);
} .woocommerce-checkout #customer_details ::-moz-input-placeholder { opacity: 1; color: var(--thm-text);
} .woocommerce-checkout #customer_details ::-ms-input-placeholder { opacity: 1; color: var(--thm-text);
} .woocommerce-checkout #customer_details label.error { color: #ff0000; font-size: 12px; text-transform: capitalize; text-align: left; display: block; letter-spacing: 1px; padding-top: 7px; line-height: 24px;
} .woocommerce-checkout .woocommerce-input-wrapper { display: block; width: 100%;
} .woocommerce-checkout #customer_details .select2-container--default .select2-selection--single,
.karoons-edit-address .select2-selection--single { width: 100%; border: none; outline: none; display: block; width: 100%; height: 60px; background-color: var(--karoons-gray, #F4F4F4); color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--karoons-font); letter-spacing: 0em; display: flex; align-items: center;
} .woocommerce-checkout #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow,
.karoons-edit-address .select2-selection--single .select2-selection__arrow { top: 12px; right: 20px;
} .woocommerce-checkout #customer_details #shipping_address_1_field,
.woocommerce-checkout #customer_details #shipping_postcode_field,
.woocommerce-checkout #customer_details #billing_email_field,
.woocommerce-checkout #customer_details #shipping_address_2_field,
.woocommerce-checkout #customer_details #billing_address_2_field,
.woocommerce-checkout #customer_details #billing_address_1_field { grid-column-start: 1; grid-column-end: 3;
} .woocommerce-checkout .shipping_address { margin-bottom: 30px;
} .woocommerce-checkout #order_review_heading { margin-top: 60px;
} .return-to-shop { margin-top: 30px !important; text-align: left !important;
} .woocommerce-checkout .shop_table ul { margin: 0; padding: 0; list-style: none;
} .woocommerce-checkout .shop_table ul li { font-size: 16px; color: #686a6f; font-weight: 400;
}
.woocommerce-checkout .shop_table ul li label { margin-bottom: 0;
} .woocommerce-checkout .shop_table tfoot td,
.woocommerce-checkout .shop_table tfoot th { padding-left: 20px; padding-right: 20px; padding-top: 13px; padding-bottom: 10px;
} form.woocommerce-checkout .shop_table tfoot th { margin: 0; color: var(--karoons-gray); font-size: 24px; font-weight: 300; padding-top: 10px; padding-bottom: 10px;
} .woocommerce-checkout .shop_table { margin-bottom: 0;
} .woocommerce-checkout-payment .place-order,
.woocommerce-checkout-payment .wc_payment_methods { background-color: var(--karoons-gray, #F4F4F4); padding: 30px 30px 18px 30px; margin: 0; list-style: none; line-height: 1;
} .woocommerce-checkout-payment .place-order { padding-left: 30px; padding-bottom: 12px;
} .woocommerce-checkout-payment .place-order { padding-top: 0; padding-bottom: 30px;
} .woocommerce-checkout-payment .wc_payment_methods li label { display: flex; align-items: center; margin: 0; font-size: 20px; color: var(--karoons-black); font-weight: 700; display: flex; align-items: center; margin-bottom: 20px; cursor: pointer; font-family: var(--heading-font); text-transform: uppercase; font-family: var(--karoons-heading-font, "Cormorant", serif);
} .woocommerce-checkout-payment .wc_payment_methods li + li { margin-top: 20px;
} .woocommerce-checkout-payment .wc_payment_methods li input { display: none;
} .woocommerce-checkout-payment .wc_payment_methods li label { margin-bottom: 0;
} .woocommerce-checkout-payment .wc_payment_methods li label::before { content: ""; width: 19px; height: 19px; background-color: #fff; border-radius: 50%; margin-right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 8px; color: #fff; display: flex; justify-content: center; align-items: center; margin-right: 15px; position: relative; top: 1px; transition: all 500ms ease;
} .woocommerce-checkout-payment .wc_payment_methods li input:checked + label::before { background-color: var(--karoons-base); border-color: var(--karoons-base); content: "\f00c";
} .woocommerce-checkout-payment .wc_payment_methods li img { mix-blend-mode: multiply; width: 170px; margin-right: 10px; margin-left: 10px;
} .checkout_coupon p,
.woocommerce-checkout-payment .place-order p,
.woocommerce-checkout-payment .wc_payment_methods li p { font-size: 15px; line-height: 30px; color: var(--karoons-text, #838383); font-family: var(--karoons-font, "Barlow", sans-serif); font-weight: 500;
} .wc_payment_methods .payment_box { padding-left: 35px; padding-top: 15px; padding-bottom: 0px;
} .woocommerce-ResetPassword .woocommerce-Button { margin-top: 20px;
} .checkout_coupon { margin-top: 30px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; max-width: 540px;
} .checkout_coupon p:nth-child(1) { grid-column-start: 1; grid-column-end: 3;
} .checkout_coupon input[type=text] { border: none; width: 100%; max-width: 370px; background-color: var(--karoons-primary); padding-left: 30px; padding-right: 30px; margin-right: 10px; font-family: var(--karoons-font); font-size: 14px; color: #686a6f; height: 64px; margin: 0;
} .woocommerce-account .woocommerce { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; width: 100%; display: grid; grid-template-columns: 300px 1fr; grid-gap: 30px; padding-top: 120px; padding-bottom: 100px;
} .woocommerce-account.woocommerce-lost-password .woocommerce { display: block;
} .woocommerce-order-overview { margin: 0; padding: 0; list-style: none; margin-bottom: 10px;
} legend { float: none;
} .woocommerce-form-login label,
.woocommerce-form-register label { display: block;
} .woocommerce-MyAccount-content,
.woocommerce-order p,
.woocommerce-order address,
.woocommerce-order-overview li { font-family: var(--karoons-font); font-weight: 400; font-size: 16px;
} .woocommerce-MyAccount-content a { color: var(--karoons-base, #fff);
} .woocommerce-MyAccount-content .order-again a { font-weight: bold;
} .woocommerce b,
.woocommerce strong { color: #222429;
} .woocommerce-order-details { margin-bottom: 60px; margin-top: 60px;
} .woocommerce-Addresses { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); margin-top: 10px;
} .woocommerce-Addresses .col-2,
.woocommerce-Addresses .col-1 { padding: 0; width: 100%; max-width: 100%;
} .woocommerce-EditAccountForm .clear { display: none;
} .woocommerce-EditAccountForm { margin-bottom: 20px;
} .woocommerce-EditAccountForm fieldset,
.woocommerce-EditAccountForm { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; width: 100%;
} .woocommerce-EditAccountForm p:nth-child(4),
.woocommerce-EditAccountForm p:nth-child(6),
.woocommerce-EditAccountForm fieldset { grid-column-start: 1; grid-column-end: 3; padding: 0;
} .woocommerce-EditAccountForm p { margin: 0;
} .woocommerce-EditAccountForm label { font-size: 20px;
} .woocommerce-EditAccountForm p > span { display: block; width: 100%;
} .woocommerce-EditAccountForm input + span { margin-top: 10px;
} .woocommerce-EditAccountForm fieldset legend { margin-top: 20px;
} .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; position: relative; display: block; padding: 35px 45px; background: var(--karoons-gray, #F4F4F4);
} @media (max-width: 991px) { .shop_table button[name=update_cart] { position: relative; margin-top: 20px; top: auto; right: auto; transform: translateY(0); }
}
@media (max-width: 767px) { table.shop_table_responsive .product-thumbnail { justify-content: center; } table.shop_table_responsive .product-thumbnail::before { display: none; } table.shop_table_responsive tr td.actions { flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } table.shop_table_responsive tr td.actions .coupon { text-align: left; } table.shop_table_responsive tr td.actions .coupon button[type=submit] { margin-top: 20px; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p, .woocommerce-EditAccountForm p { grid-column-start: 1; grid-column-end: 3; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
}
.woocommerce-checkout #order_review { width: 100%; overflow: hidden; display: block;
} .woocommerce-checkout #order_review .woocommerce-checkout-review-order-table { float: left; width: 49%; margin-right: 30px; overflow: hidden;
} .woocommerce-checkout #order_review .woocommerce-checkout-payment { float: right; width: 48%;
} @media (max-width: 991px) { .woocommerce-checkout #order_review, .woocommerce-account .woocommerce, .woocommerce-checkout .col2-set { grid-template-columns: 1fr; } .woocommerce-checkout #order_review .woocommerce-checkout-review-order-table { float: none; width: 100%; } .woocommerce-checkout #order_review .woocommerce-checkout-payment { width: 100%; float: none; }
}
.woocommerce-terms-and-conditions-wrapper { margin-bottom: 23px;
} abbr[title] { border-bottom: none;
} .single-product div.product { position: relative;
} .single-product div.product .woocommerce-product-gallery { position: relative;
} .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 45px; right: 35px; display: block; z-index: 99; text-indent: -999999px;
} .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1em;
} .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { margin: 0; padding: 0;
} .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: left;
} .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: 0.5;
} .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1;
} .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 48.1%;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 30.79667%;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 22.15%;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 16.96%;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0;
} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both;
} .stock:empty::before { display: none;
} .stock.in-stock { color: #0f834d;
} .stock.out-of-stock { color: #e2401c;
} ul.products { margin: 0; padding: 0;
} ul.products li.product { list-style: none; position: relative; margin-bottom: 2em;
} ul.products li.product img { display: block;
} ul.products li.product .button { display: inherit;
} .shop-one__product-count { display: inline-block; padding-top: 15px; font-size: 18px; font-weight: 500; text-transform: capitalize;
} .entry-summary .yith-wcwl-add-to-wishlist { margin-top: 0; margin-bottom: 20px; margin-right: 10px;
} a.thm-btn.wishlist { display: flex; flex-direction: row-reverse; align-items: center;
} .yith-wcwl-add-button > a i { margin-right: 0;
} .checkout-button,
.return-to-shop .button,
.shop_table .button,
.form-row.place-order .button,
.woocommerce-form-coupon .button { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; appearance: none; border: none; outline: none !important; background-color: var(--karoons-base); color: var(--karoons-white); font-size: 14px; font-weight: 700; padding: 12px 50px; transition: 500ms; line-height: 28px; border-radius: 0px; z-index: 1; overflow: hidden;
} .widget_price_filter .price_slider_amount .button.thm-btn { padding: 3px 10px; font-size: 12px;
} input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=textarea]:focus,
input[type=textarea]:focus-visible,
.product-quantity .quantity input,
#customer_details textarea { outline-style: none;
} mark,
ins { background: #fff9c0; text-decoration: none;
} .entry-summary ins { background: transparent;
} .product-details__social + .yith-wcwl-add-to-wishlist { display: none !important;
} .woocommerce-checkout .shop_table .cart_item td { padding-top: 0px; padding-bottom: 5px;
} .woocommerce-checkout .shop_table td:last-child { padding-right: 0;
} form.woocommerce-checkout .shop_table tfoot th { padding-left: 0;
} .product-details__content__quantity__text { font-size: 14px;
} .variations_form.cart label,
.woocommerce-tabs .woocommerce-product-attributes-item__label,
.single-product .woocommerce-grouped-product-list-item__label label { font-size: 18px; text-transform: capitalize; font-weight: 400;
}
.variations_form.cart label a:hover,
.woocommerce-tabs .woocommerce-product-attributes-item__label a:hover,
.single-product .woocommerce-grouped-product-list-item__label label a:hover { color: var(--karoons-base, #E23B33);
} .variations_form.cart label { font-family: var(--heading-font); font-weight: 600;
} .product-details__content__quantity { padding-left: 10px;
} .shop-one__sidebar .sidebar__single ul li ul { margin-top: 0;
} .sidebar__single.shop-one__sidebar__item.widget .wc-block-product-categories-list-item-count::after { content: ")"; position: static; font-family: inherit; font-weight: inherit;
} .sidebar__single.shop-one__sidebar__item.widget li::after { display: none;
} .checkout_coupon { margin-top: 0;
} .shop_table tbody .cart_item td:first-child { padding-left: 0; width: 120px; padding-right: 35px;
} @media screen and (max-width: 992px) { .woocommerce-cart-form__contents { border: 0; } .woocommerce-cart-form__contents caption { font-size: 1.3em; } .woocommerce-cart-form__contents thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .woocommerce-cart-form__contents tr { border-bottom: 1px solid var(--karoons-extra); display: block; margin-bottom: 0.625em; } .woocommerce-cart-form__contents td { border-bottom: 1px solid var(--karoons-extra); display: block; font-size: 0.8em; display: flex; align-items: center; justify-content: space-between; margin: 0; color: var(--karoons-black); font-size: 20px; font-weight: 700; font-family: var(--karoons-font); } .woocommerce-cart-form__contents td::before { content: attr(data-title); font-weight: bold; } .woocommerce-cart-form__contents td:last-child { border-bottom: 0; } .shop_table button[name=update_cart] { position: relative; } .woocommerce-cart-form .actions { display: block; } .shop_table tbody tr + tr { border-top: 0; } .woocommerce-cart-form__contents .product-thumbnail { justify-content: center; }
}
.product-details__content__rating { display: flex; align-items: center; padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid var(--karoons-text-gray, #89868d);
} .product-review .comments-area .comment-box .info { margin-bottom: 0;
} .product__all-content ins { background-color: transparent;
} .product-details__title ins span { margin-left: 0;
} .product__all-btn-box .thm-btn { padding: 6px 25px;
} .product__all-btn-box .thm-btn:focus { color: #fff;
} .product-details__title del span { text-decoration: line-through;
} .karoons-overlay { position: fixed; top: 0; z-index: 99999; width: 100%; height: 100%; left: 0; display: none; background: rgba(0, 0, 0, 0.1);
} .cv-spinner { height: 100%; display: flex; justify-content: center; align-items: center;
} .spinner { width: 40px; height: 40px; border: 4px #ddd solid; border-top: 4px solid; border-radius: 50%; animation: sp-anime 0.8s infinite linear; border-top-color: var(--karoons-primary);
} @keyframes sp-anime { 100% { transform: rotate(360deg); }
}
.is-hide { display: none;
} .woocommerce-form-register,
.woocommerce-form-login { margin-top: 20px;
} .shop-category.widget_block.widget_categories { padding: 30px 20px;
} .sidebar .shop-category h2 { margin-bottom: 23px;
} .sidebar.shop-one__sidebar .widget .wp-block-categories li,
.sidebar.shop-one__sidebar .widget_categories ul li { display: block; margin-bottom: 0; position: relative;
} .sidebar.shop-one__sidebar .widget .wp-block-categories li { margin-top: 0; margin-bottom: 5px; z-index: 999; padding: 6px 0;
} .woo-widget .wc-block-components-filter-submit-button { font-size: 13px; font-weight: 800; background-color: var(--karoons-base); line-height: 1em; padding: 13px 19px 13px; transition: all 500ms ease; border-radius: 0;
} .wc-block-components-price-slider__actions button[type=submit]:not(.wp-block-search__button).wc-block-components-filter-submit-button { font-size: 10px; margin-left: 0; margin-top: 0; font-weight: 600; background: var(--karoons-white); font-family: var(--heading-font); color: var(--karoons-black); text-transform: uppercase; letter-spacing: var(--karoons-letter-space, 0.1em); box-shadow: 0px 10px 30px 0px rgba(var(--karoons-black4-rgb), 0.07);
} .woo-widget div .wc-block-components-filter-submit-button:hover { background-color: var(--karoons-base, #1a1414) !important; color: var(--karoons-white) !important;
} .wc-block-components-price-slider__range-input-progress { --track-background: linear-gradient(90deg, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%; --range-color: var(--karoons-base); background: var(--track-background); height: 6px;
} .wc-block-components-price-slider__range-input-wrapper { height: 6px;
} input[type=range i] { appearance: auto; cursor: default; padding: initial; border: initial; margin: 0; accent-color: var(--karoons-base); margin-top: -2px;
} .wc-block-price-filter__title { font-size: 20px; font-weight: 700; line-height: 20px; letter-spacing: var(--karoons-letter-spacing); margin: 0; margin-bottom: 22px;
} .shop-one__sidebar.sidebar .widget ul li::after { content: "";
} .shop-one__sidebar.sidebar .widget ul.wp-block-categories li a::after { position: absolute; left: 0; top: 47%; transform: translateY(-40%); opacity: 1; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; font-family: "Font Awesome 5 Free"; content: "\f061"; font-size: 12px; color: var(--karoons-text);
} .shop-one__sidebar.sidebar .widget ul.wp-block-categories li a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background-color: var(--karoons-white, #fff); z-index: -1; transform: scale(1, 0); perspective: 400px; visibility: hidden; transition: transform 500ms ease-in-out, visibility 500ms ease-in-out; transform-origin: bottom center;
} .shop-one__sidebar.sidebar .widget ul.wp-block-categories li:hover a::before { transform: scale(1, 1); visibility: visible; transform-origin: top center;
} .shop-one__sidebar.sidebar .widget ul.wp-block-categories li:hover a,
.shop-one__sidebar.sidebar .widget ul.wp-block-categories li:hover a::after { padding-left: 27px;
} .shop-one__sidebar.sidebar .price,
.sidebar .price { padding: 0;
} .shop-one__sidebar.sidebar .wc-block-components-sort-select__label { float: left;
} .shop-one__sidebar.sidebar .wc-block-components-review-list-item__info { display: block;
} .shop-one__sidebar.sidebar .wc-block-components-review-list-item__image { width: 100%; height: 100%;
} .wc-block-featured-category__link,
.wc-block-featured-category__title,
.wc-block-featured-product__description,
.wc-block-featured-product__link { padding: 0;
} .sidebar .widget_products li .size-woocommerce_thumbnail,
.sidebar .widget_recent_reviews li .size-woocommerce_thumbnail { width: 100%; float: unset;
} .shop-one__sidebar.sidebar .wc-block-stock-filter__title { font-size: 16px;
} .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image { max-width: unset; margin-bottom: 5px;
} .wc-block-product-categories-list--has-images li ul,
.wc-block-product-categories-list--has-images li ul li.wc-block-product-categories-list-item { margin-left: 0;
} .sidebar .select2-container .select2-selection--single { height: 60px; margin-bottom: 5px;
} .sidebar .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 55px; padding: 0 20px;
} .sidebar .select2-container--default .select2-selection--single .select2-selection__arrow { height: 55px; margin-right: 10px;
} .shop-one__sidebar.sidebar .wc-block-product-categories__dropdown select { padding-left: 10px; background-image: none;
} .woocommerce-product-search button,
.woocommerce-widget-layered-nav button { background: var(--karoons-base); color: #fff; line-height: 32px; width: 100%;
} .wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__meta { margin-top: 10px;
} .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after,
.sidebar .widget ul.wc-block-grid__products li::after,
.sidebar .widget .wc-block-product-categories-list li::after,
.sidebar .widget .widget_shopping_cart_content ul li:after,
.sidebar ul.product_list_widget li:after { content: " ";
} .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link { width: 100%;
} .wp-block-woocommerce-price-filter > .wc-block-price-filter__title { margin-bottom: 30px; margin-top: 0;
} .wc-block-grid__product:last-child { border-bottom: 0; margin-bottom: -16px;
} .wc-block-grid__products,
.wc-block-components-review-list-item__item,
.wc-block-product-categories { margin-bottom: 0;
} .wc-block-components-price-slider { margin-bottom: 5px;
} .wc-block-grid__product .wc-block-grid__product-title { color: #222429; font-weight: 800; font-size: 16px;
} .wc-block-grid__product-onsale { position: absolute; top: 0; right: 0; background: var(--karoons-base); border-color: var(--karoons-base); text-transform: capitalize; color: #fff;
} .woo-widget .select2-container--default .select2-selection--single { border: 1px solid #e6e1d8;
} .select2-container--default .select2-selection--multiple { border: none !important;
} .wc-block-components-price-slider__range-input { top: -2px;
} .wc-blocks-filter-wrapper h3,
.woocommerce-account h3 { font-family: var(--karoons-heading-font, "Cormorant", serif); font-size: 20px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px;
} .sidebar .wc-block-components-price-slider::after { content: ""; display: table; clear: both;
}
.sidebar .wc-block-components-price-slider__range-text { float: left; margin: 0; padding-top: 6px;
}
.sidebar .wc-block-components-price-slider__range-text span:first-child::after { content: "-"; margin-left: 5px; margin-right: 5px;
}
.sidebar .wc-block-components-price-slider__actions { float: right;
} .product__add-to-cart { display: flex; justify-content: space-around; margin-top: 16px;
} ul.products .product__add-to-cart .add_to_cart_button.thm-btn { position: relative; z-index: 1;
} .product-one .add_to_cart_button.thm-btn.loading::after,
.woosw-list .add_to_cart_button.loading::after,
ul.products .product__add-to-cart .add_to_cart_button.thm-btn.loading::after { font-family: "Font Awesome 5 Free"; content: "\f110"; vertical-align: top; font-weight: 900; position: absolute; right: 5px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;
} .product-one .product__item .thm-btn:hover { color: var(--karoons-white); background-color: var(--karoons-base);
} .product-one .added_to_cart { height: 38px; background-color: var(--karoons-base); font-family: var(--heading-font); font-size: 10px; font-weight: 600; letter-spacing: 1.2px; color: var(--karoons-white); padding: 13px 27px; text-transform: uppercase;
} .product-one .price ins { background: transparent;
} .product-one .product__item__btn { right: 30px;
} .product-two .add_to_cart_button.added,
.product-one .add_to_cart_button.added,
.woosw-list .add_to_cart_button.added,
ul.products .product__add-to-cart .add_to_cart_button.thm-btn.added,
.product-widget .add_to_cart_button.thm-btn.added { display: none;
} .woocommerce-Reviews .comment { position: relative; display: flex; align-items: center; flex-direction: inherit;
} .product__items ul.products { width: calc(100% + 30px); display: block; margin-left: -15px; margin-right: -15px; float: left;
} .product__items ul.products li { width: 100%; border: 0; margin-bottom: 0; float: none; padding-left: 15px; padding-right: 15px; box-shadow: none !important; padding-bottom: 30px;
}
@media (min-width: 768px) { .product__items ul.products li { width: 50%; }
}
@media (min-width: 992px) { .product__items ul.products li { width: 33.333%; }
} .product__all-img { border: 1px solid var(--karoons-border-color, var(--karoons-text-gray, #89868d)); background-color: var(--karoons-white); border-radius: var(--karoons-bdr-radius); border-bottom: 0;
} .product__all-content { border: 1px solid var(--karoons-border-color, var(--karoons-text-gray, #89868d)); border-top: 0; margin-top: 0; padding-top: 26px; padding-bottom: 30px; border-radius: var(--karoons-bdr-radius);
} .product__sidebar .widget,
.product__sidebar-single { padding: 30px;
} .product__sidebar .product__sidebar-single .wp-block-categories { margin-top: -17px;
} .cart_totals .woocommerce-shipping-methods label { margin-bottom: 0;
} .woocommerce-checkout-review-order-table th:first-child,
.woocommerce-checkout-review-order-table td:first-child { color: var(--karoons-black); font-size: 20px; line-height: 30px; font-weight: 700; font-family: var(--karoons-heading-font, "Cormorant", serif); text-transform: uppercase;
}
.woocommerce-checkout-review-order-table th:last-child,
.woocommerce-checkout-review-order-table td:last-child { text-align: right;
} .woosq-popup .woosw-btn { background-color: var(--karoons-base);
} .woosq-popup .woosw-btn:hover,
.product-details .cart .woosw-btn:hover { color: var(--karoons-white);
} .woosq-popup .woosw-added { padding: 15px 45px 13px;
} .woosw-added:hover { background-color: var(--karoons-base);
} .woosw-list .added_to_cart.wc-forward { padding: 16px 45px 13px; font-size: 12px; font-weight: 600; text-transform: uppercase;
} .shop-one.product.news-sidebar { padding: 120px 0;
} .shop_table tbody .cart_item td.product-name { position: relative;
} .shop_table.woocommerce-checkout-review-order-table tbody .cart_item td.product-name { left: 0;
} .shop-one__sidebar .sidebar__single .wp-block-search .wp-block-search__button.has-icon { color: var(--treck-black, #687469); padding: 0; background-color: transparent; position: absolute; top: 50%; right: 50px; transform: translateY(-50%);
} .wp-block-search__button svg { min-height: 2.5em; min-width: 2.5em;
} .woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_inline { text-align: right; margin-right: 10px;
} .woosw-list table.woosw-items .woosw-item .woosw-item--image img { border-radius: var(--karoons-bdr-radius);
} .product .blog-sidebar__meta,
.product .blog-sidebar__btn,
.product .blog-sidebar__date { display: none;
} .product__all-content .thm-btn,
.product__item .thm-btn { background-color: var(--karoons-gray); font-family: var(--heading-font); font-size: 10px; font-weight: 600; letter-spacing: 1.2px; color: var(--karoons-text, #838184); padding: 9px 20px; text-transform: uppercase;
} .item .thm-btn { padding: 12px 20px;
} .product__all-content .thm-btn:hover,
.product__item .thm-btn:hover { color: var(--karoons-white);
} p.comment-notes { margin-bottom: 10px;
} .woocommerce-ResetPassword .woocommerce-Button,
.karoons-edit-address button[type=submit],
.checkout_coupon button[type=submit],
.woocommerce-EditAccountForm button[type=submit],
.woocommerce-checkout-payment #place_order,
.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-register .woocommerce-form-register__submit,
.wc-proceed-to-checkout a,
.shop_table button[name=update_cart],
.shop_table .coupon .thm-btn,
.entry-summary .thm-btn.cart-btn,
.woosq-popup .woosw-btn,
.product-details .cart .woosw-btn,
.woosw-list .add_to_cart_button { font-size: 16px; letter-spacing: 1.4px; padding: 16px 49.5px 17px; background-color: var(--karoons-base); color: var(--karoons-black); font-weight: 700; font-family: var(--heading-font); letter-spacing: 1.6px; text-transform: uppercase; line-height: 30px; transition: all 0.5s linear;
} .shop_table .coupon .thm-btn { line-height: 27px;
} .wc-proceed-to-checkout a { padding: 23px 50px;
} .entry-summary .thm-btn.cart-btn { margin-right: 10px;
} .woocommerce-ResetPassword .woocommerce-Button:hover,
.karoons-edit-address button[type=submit]:hover,
.checkout_coupon button[type=submit]:hover,
.woocommerce-EditAccountForm button[type=submit]:hover,
.woocommerce-checkout-payment #place_order:hover,
.woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-form-register .woocommerce-form-register__submit:hover,
.wc-proceed-to-checkout a:hover,
.shop_table button[name=update_cart]:hover,
.shop_table .coupon .thm-btn:hover,
.entry-summary .thm-btn.cart-btn:hover { background-color: var(--karoons-black); color: var(--karoons-white);
} .woosq-popup .woosw-btn,
.product-details .cart .woosw-btn,
.woosw-list .add_to_cart_button { background-color: var(--karoons-black); color: var(--karoons-white);
} .woosq-popup .woosw-btn:hover,
.product-details .cart .woosw-btn:hover,
.woosw-list .add_to_cart_button:hover { background-color: var(--karoons-base); color: var(--karoons-black);
} .product__sidebar-title { position: relative; font-size: 20px; text-transform: uppercase; margin-bottom: 30px; margin-left: 0; font-weight: 700; font-family: var(--karoons-heading-font, "Cormorant", serif);
} .shop-category.product__sidebar-single ul.wp-block-categories li a { margin-left: 20px; font-weight: 500;
} .review-form-one__title { text-transform: uppercase; font-size: 30px;
} .wc-block-components-price-slider__range-text .wc-block-components-formatted-money-amount { font-size: 14px;
} @media (min-width: 992px) { .product__items ul.products.columns-1 li { width: calc(100% / 1); }
}
@media (min-width: 992px) { .product__items ul.products.columns-2 li { width: calc(100% / 2); }
}
@media (min-width: 992px) { .product__items ul.products.columns-3 li { width: calc(100% / 3); }
}
@media (min-width: 992px) { .product__items ul.products.columns-4 li { width: calc(100% / 4); }
}
@media (min-width: 992px) { .product__items ul.products.columns-5 li { width: calc(100% / 5); }
}
@media (min-width: 992px) { .product__items ul.products.columns-6 li { width: calc(100% / 6); }
} .product__item__btn .woosw-btn-text-icon .woosw-btn-text { display: none;
} .product-details__buttons .woosw-btn-icon { display: none;
} .blog-sidebar__single.product .blog-one__meta,
.blog-sidebar__single.product .karoons-btn { display: none;
} input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;
} input[type=number] { -moz-appearance: textfield; appearance: textfield;
} .products .product .price { color: var(--karoons-text);
} .product-details .product__card .price { font-weight: 600; font-size: 24px; font-family: var(--karoons-font, "Plus Jakarta Sans", sans-serif);
} .review-form-one__title { text-transform: uppercase; font-size: 30px; font-weight: 700;
} .thm-btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; appearance: none; border: none; outline: none !important; background-color: var(--karoons-black, #1c1a1d); color: #fff; font-size: 12px; font-weight: 600; font-family: var(--karoons-font, "Plus Jakarta Sans", sans-serif); padding: 16.25px 48px; transition: 500ms; letter-spacing: 0.2em; text-transform: uppercase; background-color: var(--karoons-black, #1c1a1d); color: #fff; position: relative; overflow: hidden; text-align: center;
} .thm-btn:hover::before { bottom: -50%; color: #ddd;
} .product-details .comment-form textarea { height: 195px; display: block; width: 100%; background-color: var(--karoons-text-gray, #89868d); color: var(--karoons-text, #838184); font-size: 14px; font-weight: 500; border: none; outline: none; padding-left: 30px; padding-right: 30px; padding-top: 30px;
} .product-details .comment-form input[type=text],
.product-details .comment-form input[type=email] { display: block; width: 100%; height: 58px; background-color: var(--karoons-text-gray, #89868d); color: var(--karoons-text, #838184); font-size: 14px; font-weight: 500; border: none; outline: none; padding-left: 30px; padding-right: 30px; margin-top: 20px;
} form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart_item .product-name,
form.woocommerce-checkout .shop_table tfoot tr th { text-transform: capitalize;
} .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 3px;
} .woosw-list .add_to_cart_button,
.woosq-popup .woosw-btn,
.product-details .cart .woosw-btn,
.entry-summary .thm-btn.cart-btn,
.woocommerce-checkout-payment #place_order,
.checkout_coupon button[type=submit],
.wc-proceed-to-checkout a,
.shop_table button[name=update_cart],
.shop_table .coupon .thm-btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #1c1a1d); color: #fff; font-size: 12px; font-weight: 600; font-family: var(--karoons-font, "Plus Jakarta Sans", sans-serif); padding: 14.5px 48px; transition: 500ms; letter-spacing: var(--karoons-letter-space-xl, 0.2em); text-transform: uppercase; color: #fff; position: relative; overflow: hidden; text-align: center; z-index: 1;
} .woosw-list .add_to_cart_button:before,
.woosq-popup .woosw-btn:before,
.product-details .cart .woosw-btn:before,
.entry-summary .thm-btn.cart-btn:before,
.woocommerce-checkout-payment #place_order:before,
.checkout_coupon button[type=submit]:before,
.wc-proceed-to-checkout a::before,
.shop_table button[name=update_cart]::before,
.shop_table .coupon .thm-btn::before { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--karoons-black, #fff); transition-duration: 700ms; color: var(--karoons-white); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); z-index: -1;
} .woosw-list .add_to_cart_button:hover,
.woosq-popup .woosw-btn:hover,
.product-details .cart .woosw-btn:hover,
.entry-summary .thm-btn.cart-btn:hover,
.woocommerce-checkout-payment #place_order:hover,
.checkout_coupon button[type=submit]:hover,
.wc-proceed-to-checkout a:hover,
.shop_table button[name=update_cart]:hover,
.shop_table .coupon .thm-btn:hover { color: var(--karoons-white); background-color: var(--karoons-black);
} .woosw-list .add_to_cart_button:hover::before,
.woosq-popup .woosw-btn:hover::before,
.product-details .cart .woosw-btn:hover::before,
.entry-summary .thm-btn.cart-btn:hover::before,
.woocommerce-checkout-payment #place_order:hover::before,
.checkout_coupon button[type=submit]:hover::before,
.wc-proceed-to-checkout a:hover::before,
.woocommerce-ResetPassword .woocommerce-Button:hover::before,
.shop_table button[name=update_cart]:hover::before,
.shop_table .coupon .thm-btn:hover::before { bottom: -50%; color: #ddd;
} .woosw-list .add_to_cart_button:hover::before,
.woocommerce-ResetPassword .woocommerce-Button:hover::before,
.shop_table button[name=update_cart] { position: absolute; padding: 14.5px 48px;
} .woosq-popup .woosw-added:hover,
.woosq-popup .woosw-btn,
.product-details .cart .woosw-btn { background-color: var(--karoons-black);
} .woosq-popup .woosw-btn,
.product-details .cart .woosw-btn:before { background-color: var(--karoons-base);
} .product-details .cart .woosw-btn:hover,
.woosq-popup .woosw-btn:hover { background-color: var(--karoons-base);
} .product__item__btn { right: 40px;
} .woosq-popup .entry-summary .thm-btn.cart-btn,
.woosq-popup .woosw-btn { padding: 16.5px 35px;
} .entry-footer { margin-top: 0px; margin-left: 15px;
} .woosw-list .product .added_to_cart { height: 58px;
} .product .added_to_cart { height: 38px; background-color: var(--karoons-base); font-family: var(--heading-font); font-size: 10px; font-weight: 600; letter-spacing: 1.2px; color: var(--karoons-white); padding: 9px 20px; text-transform: uppercase;
} .product .added_to_cart::before { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--karoons-black, #fff); transition-duration: 700ms; color: var(--karoons-white); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); z-index: -1;
} .product .added_to_cart:hover { color: var(--karoons-white, #1c1a1d);
} .product .added_to_cart:hover::before { bottom: -50%; color: #ddd;
} .blog-one .woocommerce { padding-top: 0px; padding-bottom: 0px;
} .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 35px; right: 30px;
} .shop-one__sidebar.sidebar .widget ul.wp-block-categories li a:hover::after { color: var(--karoons-base);
} .product-two .thm-btn { background-color: var(--karoons-base); letter-spacing: 0; font-size: 14px; padding: 4.2px 21px;
} .product-two .thm-btn:hover { background-color: var(--karoons-black); color: var(--karoons-white); letter-spacing: 0; font-size: 14px; padding: 4.2px 21px;
} .product-two .added_to_cart { background-color: var(--karoons-black); color: var(--karoons-white); letter-spacing: 0; font-size: 14px; padding: 10.4px 21px; text-transform: uppercase; font-weight: 600;
} .product-two .added_to_cart:hover { background-color: var(--karoons-base);
} .main-header__cart__quantity { font-size: 10px; position: relative; top: -18px; background: var(--karoons-base); width: 20px; display: inline-block; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; color: white; left: -6px;
} .product-review.review-one { border-top: 1px solid var(--karoons-border-color);
} .product-details__review-title { font-size: 30px;
} .product-details__comment-box { position: relative; padding: 11px 0 64px 212px; margin-bottom: 50px; min-height: 166px; border-bottom: 1px solid var(--karoons-text-gray, #89868d);
} .product-details__comment-box__thumb { width: 166px; height: 166px; position: absolute; left: 0; top: 0; border-radius: 50%; margin: 0; border: none;
} .product-details__comment-box__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
} .product-details__comment-box__date { font-weight: 400; font-size: 16px; color: var(--karoons-text); padding-left: 15px;
} .product-details__comment-box__meta { text-transform: capitalize; padding-right: 10px; font-size: 20px;
} .entry-summary .thm-btn.cart-btn:before { content: unset;
} .product-details__comment-box__ratings { position: absolute; right: 0; top: 13px; display: flex; align-items: center; letter-spacing: 6px; font-size: 16px; color: var(--karoons-base);
} .product-details__review-title { margin-bottom: 50px;
} .review-form-one__title { text-transform: uppercase;
} .comment-form-rating p.stars { padding-top: 8px;
} .comment-form-rating { padding-bottom: 10px;
} .product-review .form-submit { margin-top: 30px;
} .woocommerce-Reviews .karoons-btn:hover { background-color: var(--karoons-primary);
} .wp-block-woocommerce-cart { position: relative;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout { display: block; position: relative; margin: 0; padding: 0;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main { position: relative; margin: 0; padding: 0; width: 100%;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items { position: relative; width: 100%; border: none; margin: 0 0 60px;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items thead tr th,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items thead tr th,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items thead tr th,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items thead tr th,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items thead tr th { padding: 0 0 11px; border: none; background-color: transparent; border-bottom: 1px solid var(--karoons-text-gray, #EFE6E1) !important; box-shadow: none; color: var(--karoons-secondary, #232728); text-transform: uppercase; font-size: 20px; font-weight: 700; line-height: normal; font-family: var(--karoons-font, "Roboto", sans-serif);
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td { font-size: 16px; font-weight: 700; color: var(--karoons-base, #111117); vertical-align: middle; border: none; box-shadow: none; background-color: transparent; border-top: 1px solid var(--karoons-border-color, #E6E6E6); padding: 30px 0; letter-spacing: 0;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-cart-item__wrap { display: flex; justify-content: space-between; align-content: center; margin: 0; padding: 0;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge.wc-block-components-sale-badge,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge.wc-block-components-sale-badge,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge.wc-block-components-sale-badge,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge.wc-block-components-sale-badge,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge.wc-block-components-sale-badge { display: none;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td.wc-block-cart-item__image,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td.wc-block-cart-item__image,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td.wc-block-cart-item__image,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td.wc-block-cart-item__image,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td.wc-block-cart-item__image { position: relative;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td.wc-block-cart-item__image a,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td.wc-block-cart-item__image a,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td.wc-block-cart-item__image a,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td.wc-block-cart-item__image a,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td.wc-block-cart-item__image a { display: block; width: 119px; height: 119px; background-color: var(--karoons-white, #fff); border: 1px solid var(--karoons-border-color, #E6E6E6); margin-right: 34px;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td.wc-block-cart-item__image a img,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td.wc-block-cart-item__image a img,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td.wc-block-cart-item__image a img,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td.wc-block-cart-item__image a img,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td.wc-block-cart-item__image a img { width: 100%; height: 100%; object-fit: cover;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-product-metadata,
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-product-metadata__description,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-metadata,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-metadata__description,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-product-metadata,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-product-metadata__description,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-metadata,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-metadata__description,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-product-metadata,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-product-metadata__description { display: none;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-product-name,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-name,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-product-name,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-name,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-product-name { transition: all 0.4s ease; font-size: 18px; text-transform: capitalize; margin: 0; font-weight: bold; color: var(--karoons-primary, #111117); font-family: var(--karoons-font, "Urbanist", sans-serif); display: flex; align-items: center; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 70%/0px 1px no-repeat; transition: all 500ms ease;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-product-name:hover,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-name:hover,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-product-name:hover,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-name:hover,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-product-name:hover { color: var(--karoons-base, #EC2526); background-size: 100% 1px;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-cart-item__prices,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__prices,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-cart-item__prices,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__prices,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-cart-item__prices { display: flex; align-items: center;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td mark,
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td ins,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td mark,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td ins,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td mark,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td ins,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td mark,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td ins,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td mark,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td ins { background: transparent;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-product-badge,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-badge,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-product-badge,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-product-badge,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-product-badge { font-size: 16px; font-weight: 700; color: var(--karoons-base, #111117); vertical-align: middle; border: none; box-shadow: none; margin: 0; padding: 0; text-transform: none; gap: 5px; display: flex; align-items: center;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-cart-item__quantity,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__quantity,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-cart-item__quantity,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__quantity,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-cart-item__quantity { line-height: 1; display: flex; align-items: center;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-quantity-selector { position: relative; display: flex; align-items: center; margin: 0; padding: 0; border-radius: 0; border: 1px solid var(--karoons-border-color, #E6E6E6); width: 150px; height: 50px;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector:after,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector:after,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector:after,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector:after,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-quantity-selector:after { display: none;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { width: 45px; height: 50px; border-right: 1px solid var(--karoons-border-color, #E6E6E6); opacity: 1; font-size: 20px; font-weight: 700; border-radius: 0; min-width: 45px; box-shadow: none; transition: all 0.4s ease; color: var(--karoons-text);
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover { color: var(--karoons-primary, #EC2526);
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus { border-right: none; border-left: 1px solid var(--karoons-border-color, #E6E6E6);
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { height: 50px; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; font-family: var(--karoons-font, "Manrope", sans-serif); color: var(--karoons-base, #6D7076); outline: none; font-size: 18px; font-weight: 500; background-color: transparent; box-shadow: none;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link { position: relative; font-size: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin-left: 20px;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:after,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:after,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:after,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:after,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:after { position: absolute; left: 0; top: 0; width: 50px; height: 50px; font-family: "Font Awesome 5 Free"; content: "\f2ed"; font-weight: 900; font-size: 20px; color: var(--karoons-primary, #EC2526); bottom: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;
}
.wp-block-woocommerce-cart .is-medium table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:hover:after,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:hover:after,
.wp-block-woocommerce-cart .is-mobile table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:hover:after,
.wp-block-woocommerce-cart .is-small table.wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:hover:after,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items tbody tr td .wc-block-cart-item__remove-link:hover:after { color: var(--karoons-black2, #111117);
}
.wp-block-woocommerce-cart .wc-block-components-sidebar { padding-left: 0; width: 35%; margin-left: auto;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit { margin: 0 0 0;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit .components-button { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none; background-color: var(--karoons-black2, #111117); color: var(--karoons-white, #fff); font-size: 16px; font-weight: 700; font-family: var(--karoons-font, "Manrope", sans-serif); padding: 20px 48px; line-height: 100%; transition: 500ms; text-transform: capitalize; background-color: var(--karoons-primary, #111117); color: var(--karoons-white, #fff); position: relative; overflow: hidden; text-align: center; z-index: 1;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit .components-button:before { content: unset; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: var(--karoons-primary, #EC2526); transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); z-index: -1;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit .components-button:after { content: unset; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--karoons-black2, #111117); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); z-index: -1;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit .components-button:hover:before { top: 100%;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit .components-button:hover:after { bottom: -50%;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit .components-button span { position: relative; color: inherit; z-index: 2;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper { padding: 0;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-item__label { color: var(--karoons-primary, #1d1d1f); font-size: 20px; font-style: normal; font-weight: 600; font-family: var(--karoons-heading-font, "Urbanist", sans-serif); margin: 0 0 0px;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-item__value { font-size: 18px; color: var(--karoons-base, #6D7076); font-weight: 700; text-transform: inherit;
}
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart__totals-title { font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; color: var(--karoons-primary, #111117); text-align: left; margin: 0 0 20px; padding: 0;
}
.wp-block-woocommerce-cart .is-large .wc-block-components-sidebar .wc-block-components-panel,
.wp-block-woocommerce-cart .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon,
.wp-block-woocommerce-cart .is-large .wc-block-components-sidebar .wc-block-components-totals-item { padding: 20px 0;
}
.wp-block-woocommerce-cart .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link,
.wp-block-woocommerce-cart .wc-block-components-totals-coupon-link { font-weight: 700; color: var(--karoons-primary, #111117); text-transform: capitalize; text-decoration: underline; transition: all 0.4s ease;
}
.wp-block-woocommerce-cart .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link:hover,
.wp-block-woocommerce-cart .wc-block-components-totals-coupon-link:hover { color: var(--karoons-primary, #EC2526);
}
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=number],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=url],
.wp-block-woocommerce-cart .wc-block-components-text-input input:-webkit-autofill,
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=email],
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=number],
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=tel],
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=text],
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=url],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input input[type=email],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input input[type=number],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input input[type=tel],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input input[type=text],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input input[type=url],
.wp-block-woocommerce-cart .wc-block-components-text-input input[type=email],
.wp-block-woocommerce-cart .wc-block-components-text-input input[type=number],
.wp-block-woocommerce-cart .wc-block-components-text-input input[type=tel],
.wp-block-woocommerce-cart .wc-block-components-text-input input[type=text],
.wp-block-woocommerce-cart .wc-block-components-text-input input[type=url] { height: 60px; border: none; background-color: var(--karoons-gray2, #F5F5F5); outline: none; font-size: 14px; color: var(--karoons-text, #6D7076); font-family: var(--karoons-font, "Manrope", sans-serif); display: block; font-weight: 500; margin-right: 10px; padding: 0 25px; border-radius: 0;
}
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=number],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input.is-active input[type=url],
.wp-block-woocommerce-cart .wc-block-components-text-input input:-webkit-autofill,
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=email],
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=number],
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=tel],
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=text],
.wp-block-woocommerce-cart .wc-block-components-text-input.is-active input[type=url] { box-shadow: none; padding-top: 12px;
}
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input label,
.wp-block-woocommerce-cart .wc-block-components-text-input label { left: 25px;
}
.wp-block-woocommerce-cart .wc-block-components-radio-control__description,
.wp-block-woocommerce-cart .wc-block-components-radio-control__secondary-description,
.wp-block-woocommerce-cart .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label-group,
.wp-block-woocommerce-cart .wc-block-components-totals-item__description { font-size: 14px; width: 100%; font-weight: 500; line-height: 24px;
}
.wp-block-woocommerce-cart .wc-block-components-totals-shipping .wc-block-components-shipping-address { margin: 0;
}
.wp-block-woocommerce-cart .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__description-group,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator,
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel) { padding: 0 0 20px; font-size: 14px; width: 100%; font-weight: 500; line-height: 24px;
}
.wp-block-woocommerce-cart .wc-block-components-button:not(.is-link) { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none; background-color: var(--karoons-primary, #111117); color: var(--karoons-white, #fff); font-size: 16px; font-weight: 700; font-family: var(--karoons-font, "Manrope", sans-serif); padding: 20px 48px; line-height: 100%; transition: 500ms; text-transform: capitalize; color: var(--karoons-white, #fff); position: relative; overflow: hidden; text-align: center; z-index: 1;
}
.wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):before { content: unset; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: var(--karoons-primary, #EC2526); transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); z-index: -1;
}
.wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):after { content: unset; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--karoons-black2, #111117); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); z-index: -1;
}
.wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):hover:before { top: 100%;
}
.wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):hover:after { bottom: -50%;
}
.wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):hover { background-color: var(--karoons-base); color: var(--karoons-white);
}
.wp-block-woocommerce-cart .wc-block-components-button:not(.is-link) span { position: relative; color: inherit; z-index: 2;
}
.wp-block-woocommerce-cart .wc-block-components-shipping-calculator-address__button { width: auto;
}
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { border-radius: 0; padding: 0 0; border-color: var(--karoons-border-color, #E6E6E6);
}
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true] { box-shadow: none; background: var(--karoons-gray2, #F5F5F5);
}
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion { border-top: 1px solid var(--karoons-border-color, #E6E6E6); font-size: 14px; color: var(--karoons-text, #6D7076); font-family: var(--karoons-font, "Manrope", sans-serif); display: block; font-weight: 500; padding: 10px 25px; cursor: pointer; transition: all 0.4s ease;
}
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted,
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active,
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus,
.wp-block-woocommerce-cart .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus,
.wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover { background-color: var(--karoons-primary, #EC2526); color: var(--karoons-white, #fff);
}
.wp-block-woocommerce-cart .wc-block-components-validation-error { font-size: 14px; color: var(--karoons-primary, #EC2526);
}
.wp-block-woocommerce-cart .wc-block-components-validation-error p { font-size: inherit;
} @media (max-width: 991px) { .wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper { padding: 20px 0; } .wc-block-components-product-metadata, .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge { display: none; } .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { overflow: auto; } .is-medium table.wc-block-cart-items, .is-small table.wc-block-cart-items, .is-large.wc-block-cart .wc-block-cart-items, .is-mobile table.wc-block-cart-items, .is-small table.wc-block-cart-items, .is-large.wc-block-cart .wc-block-cart-items { min-width: 1020px; overflow: auto; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row { display: grid !important; grid-template-columns: 155px 0 !important; padding: 0 !important; } .wc-block-cart table.wc-block-cart-items, .wc-block-cart table.wc-block-cart-items td, .wc-block-cart table.wc-block-cart-items th { margin: 0 !important; } .wc-block-cart-item__wrap { padding: 25px 0 !important; } table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { padding: 80px 0 !important; }
}
.woocommerce-cart .product-page.section-space-bottom { padding-top: 100px; padding-bottom: 40px;
} .woocommerce-checkout .product-page.section-space-bottom { padding-top: 100px; padding-bottom: 52px;
} .wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-address-form__country input[type=text],
.wc-block-components-form .wc-block-components-address-form__state input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=tel],
.wc-block-components-address-form-wrapper .wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url] { border: none !important; background-color: var(--karoons-text-gray, #EFE6E1); color: var(--karoons-text, #7D8081); font-size: 16px; font-weight: 600; line-height: normal;
} .wc-block-components-order-summary__button-text { font-family: var(--karoons-font, "Outfit", sans-serif); font-weight: 700; color: var(--karoons-primary, #004DA1); font-size: 20px;
} .wc-block-checkout__sidebar .wc-block-components-product-name { font-weight: 500; color: var(--karoons-secondary, #232728) !important; font-size: 16px; text-transform: uppercase !important;
} .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
.wc-block-components-order-summary .wc-block-components-order-summary-item__description p { font-size: 16px;
} .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price { font-weight: 500 !important; font-size: 16px;
} .wc-block-components-product-price__regular.wc-block-components-order-summary-item__regular-individual-price { font-size: 16px;
} .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 16px !important;
} .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { color: var(--karoons-primary);
} .components-button.wc-block-components-button { font-weight: 600; font-size: 15px; background-color: var(--karoons-base); color: var(--karoons-white); text-transform: uppercase;
} .woocommerce-checkout .components-button.wc-block-components-button { min-height: 3.8em !important;
} .woocommerce-checkout .components-button.wc-block-components-button:hover { background-color: var(--karoons-primary);
} .woocommerce-grouped-product-list .product-details__quantity { margin-bottom: 0px; margin-top: 40px;
} .single-product .woocommerce-grouped-product-list-item__label label a { color: var(--karoons-primary); text-transform: capitalize; font-family: var(--karoons-font, "Outfit", sans-serif);
} .shop-one__product-count { display: inline-block; padding-top: 15px; font-size: 16px; font-weight: 400; text-transform: capitalize;
} .product__item__btn { position: absolute; right: 40px; top: 20px; z-index: 2;
} .product__item__btn a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: var(--karoons-gray, #f9f6f1); border-radius: 50%; color: var(--karoons-black, #1c1a1d); font-size: 14px; visibility: hidden; opacity: 0;
} .product__item__btn a + a { margin-top: 10px;
} .product__item__btn a:hover { background-color: var(--karoons-base, #c2a74e); color: var(--karoons-white, #fff);
} .product__item:hover .product__item__btn a { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transition: all 500ms ease;
} .product-page .thm-btn { padding: 9px 20px;
} .product-page .added_to_cart { padding: 12px 20px;
} .product-page .product__item__price .added_to_cart { padding-bottom: 25px;
} .shop-category.product__sidebar-single ul.wp-block-categories li a:hover,
.shop-one__sidebar.sidebar .widget ul.wp-block-categories li a:hover::after { color: #ffffff;
} .product-page .added_to_cart { padding: 8px 20px; display: inline-block;
} .woocommerce .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total { font-weight: 500;
} .woocommerce .checkout_coupon input[type=text],
.shop_table .coupon input[type=text] { position: relative; margin-top: -5px; color: var(--karoons-secondary, #232728); font-size: 20px; font-weight: 700; line-height: 130%; margin-bottom: 23px; text-transform: uppercase;
} form.woocommerce-checkout .shop_table tfoot tr th { color: var(--karoons-primary, #838184); font-size: 16px; font-weight: 700;
} .shop_table .product-thumbnail img { border: 0px solid var(--karoons-text-gray, #89868d);
} .product-quantity input[type=number] { border: 1px solid var(--karoons-border-color, #CFD7E0);
} .product .added_to_cart { height: auto; font-family: var(--heading-font); font-size: 14px; font-weight: 600; letter-spacing: 1.2px; padding: 4.5px 20px; text-transform: uppercase;
} .product-details .cart .woosw-btn,
.entry-summary .thm-btn.cart-btn { font-size: 16px; letter-spacing: 0; background-color: var(--karoons-black, #212226); padding: 12.5px 40px;
}
.product-details .cart .woosw-btn::before,
.entry-summary .thm-btn.cart-btn::before { display: none;
}
.product-details .cart .woosw-btn:hover,
.entry-summary .thm-btn.cart-btn:hover { background-color: var(--karoons-base, #E23B33);
} .product-details .cart .woosw-btn { background-color: var(--karoons-base, #E23B33);
}
.product-details .cart .woosw-btn:hover { background-color: var(--karoons-black, #212226);
} .single-product .woocommerce-grouped-product-list-item__label label a { text-transform: uppercase; font-size: 18px; line-height: 1.2em;
} .product-details .comment-form textarea { text-transform: capitalize; font-size: 16px; margin-bottom: 0; font-weight: 500;
} .product-review .form-submit { margin-top: 20px;
} .product-details .comment-form input[type=text],
.product-details .comment-form input[type=email] { text-transform: capitalize; font-size: 16px; line-height: 58px; padding-bottom: 0; margin-bottom: 20px; font-weight: 500;
} .product-details .comment-form input[type=text],
.product-details .comment-form input[type=email] { margin-bottom: 0;
} .type-product .blog-card-two__meta,
.type-product .blog-card-two__date { display: none;
} .sidebar .wc-block-components-price-slider__range-text { margin: 16px 0 0;
} .sidebar .wc-block-components-price-slider__range-input-progress { height: 8px; color: var(--karoons-base, #E23B33);
} .sidebar .wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min,
.sidebar .wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max { margin-top: 0px;
} .product__sidebar .wp-block-woocommerce-filter-wrapper .wp-block-heading { border-bottom: 0; padding-bottom: 5px;
} .sidebar .wc-block-components-price-slider { margin-bottom: 0 !important;
} .sidebar .wc-block-components-price-slider__actions { margin-top: 11px;
} .product-review.review-one .woocommerce-Reviews .comment-list .product-details__comment-box__meta { margin: 0 0 20px; color: var(--karoons-secondary, #232728); font-size: 24px; font-weight: 700; line-height: 108.333%; text-transform: uppercase;
}
.product-review.review-one .woocommerce-Reviews .comment-list .product-details__comment-box__meta .product-details__comment-box__date { margin-left: 20px; display: inline-block; text-transform: none; letter-spacing: 0; color: var(--karoons-base, #CA4445); font-size: 16px; font-weight: 600; line-height: 187.5%; font-family: var(--karoons-font, "Roboto", sans-serif);
} .product-details.news-sidebar .content-area .summary.entry-summary .product-details__content__rating .woocommerce-product-rating .woocommerce-review-link { display: inline-block; margin-left: 20px; transition: all 500ms ease; color: var(--karoons-text, #7D8081); font-size: 16px; letter-spacing: 0; font-weight: 600; line-height: normal; text-transform: uppercase;
}
.product-details.news-sidebar .content-area .summary.entry-summary .product-details__content__rating .woocommerce-product-rating .woocommerce-review-link:hover { color: var(--karoons-base, #CA4445);
}
.product-details.news-sidebar .content-area .summary.entry-summary .product-details__content__text .woocommerce-product-details__short-description p { margin: 0 0 17px; color: var(--karoons-text, #7D8081); font-size: 16px; font-weight: 600; line-height: 187.5%; font-family: var(--karoons-font, "Roboto", sans-serif);
} .product-details .product__card .price { font-size: 20px;
}
.product-details .summary.entry-summary .product-details__top { padding-bottom: 8px !important;
}
.product-details .product-details__content__rating { padding-bottom: 24px !important;
} .woocommerce .woocommerce-cart-form__cart-item.cart_item .product-price span { border: none; box-shadow: none; background-color: transparent; padding: 30px 0; letter-spacing: 0; color: var(--karoons-secondary, #232728); font-size: 20px; font-weight: 500; line-height: 235%; text-transform: uppercase; font-family: var(--karoons-heading-font, "Roboto", sans-serif);
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-quantity input { appearance: textfield; color: var(--karoons-secondary, #232728); outline: none; font-size: 18px; font-weight: 500; background-color: transparent;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-quantity button { color: var(--karoons-secondary, #232728); background-color: transparent; display: flex; align-items: center; justify-content: center; transition: all 500ms ease;
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-remove a span.icon-close::before { content: "\f00d"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; font-family: "Font Awesome 5 Free";
}
.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-subtotal span { border: none; box-shadow: none; background-color: transparent; padding: 30px 0; letter-spacing: 0; color: var(--karoons-secondary, #232728); font-size: 20px; font-weight: 500; line-height: 235%; text-transform: uppercase; font-family: var(--karoons-heading-font, "Roboto", sans-serif);
}
.woocommerce .shop_table .coupon { display: flex; gap: 10px; position: relative;
}
.woocommerce .shop_table .coupon input[type=text] { padding-bottom: 0px !important; margin: 0px; background-color: var(--karoons-text-gray, #EFE6E1); font-size: 16px; color: var(--karoons-text, #7D8081); display: block; font-weight: 600; text-transform: capitalize;
}
.woocommerce .shop_table .coupon button.thm-btn { vertical-align: middle; -webkit-appearance: none; font-family: var(--karoons-font, "Roboto", sans-serif); padding: 19px 40px; transition: 500ms; font-style: normal; font-weight: 700; font-size: 16px; line-height: 112%; position: relative; overflow: hidden; text-align: center; z-index: 1;
}
.woocommerce .shop_table .actions > .thm-btn { vertical-align: middle; -webkit-appearance: none; font-family: var(--karoons-font, "Roboto", sans-serif); padding: 19px 40px; transition: 500ms; font-style: normal; font-weight: 700; font-size: 16px; line-height: 112%; overflow: hidden; text-align: center; z-index: 1;
} @media (max-width: 767px) { .woocommerce .shop_table .coupon { flex-direction: column; } .woocommerce .shop_table .actions > .thm-btn { position: relative; width: 100%; } .woocommerce .cart-collaterals .wc-proceed-to-checkout a { width: 100%; }
}
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info { max-width: 570px; padding: 34px 50px; background: var(--karoons-text-gray, #EFE6E1); color: var(--karoons-secondary, #232728) !important; font-family: var(--karoons-font, "Roboto", sans-serif); font-style: normal; font-weight: 600; font-size: 18px; line-height: 1.3888888889;
}
.woocommerce .woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single { width: 100%; border: none; background-color: var(--karoons-gray, #F4F4F4); outline: none; display: block; color: var(--karoons-text, #7D8081); font-size: 16px !important; font-weight: 600; line-height: normal;
}
.woocommerce .woocommerce-checkout-review-order-table th:first-child { font-weight: 700;
}
.woocommerce .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total { font-weight: 700;
}
.woocommerce form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart_item .product-name { font-family: var(--karoons-heading-font, "Roboto", sans-serif); color: var(--karoons-secondary, #232728); font-size: 20px; font-weight: 700; line-height: 100%; border: none; text-transform: uppercase; text-shadow: 0 0 0.1px currentColor;
}
.woocommerce form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart_item .product-total span { color: var(--karoons-text, #7D8081); font-size: 20px; font-weight: 600; text-shadow: 0 0 0.1px currentColor;
}
.woocommerce .woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce .woocommerce-checkout-review-order-table .order-total th { font-family: var(--karoons-heading-font, "Roboto", sans-serif); color: var(--karoons-secondary, #232728); font-size: 20px; font-weight: 700; line-height: 100%; border: none; text-transform: uppercase; text-shadow: 0 0 0.1px currentColor;
}
.woocommerce .woocommerce-checkout-review-order-table .cart-subtotal td span,
.woocommerce .woocommerce-checkout-review-order-table .order-total td span { color: var(--karoons-text, #7D8081); font-size: 20px; font-weight: 600; text-shadow: 0 0 0.1px currentColor;
}
.woocommerce .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea { color: var(--karoons-text, #7D8081) !important; font-size: 16px !important; font-weight: 500; line-height: normal; width: 100%; background-color: var(--karoons-text-gray, #EFE6E1) !important; border: none; outline: none; margin-bottom: 0px;
}
.woocommerce .woocommerce-checkout-payment .wc_payment_methods,
.woocommerce .woocommerce-checkout-payment .form-row.place-order { background-color: var(--karoons-text-gray, #EFE6E1) !important;
}
.woocommerce .woocommerce-checkout-payment .form-row.place-order button { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-black, #171818); color: #fff; font-family: var(--karoons-font, "Roboto", sans-serif); transition: 500ms; text-transform: uppercase; background-color: var(--karoons-black, #171818); color: #fff; font-style: normal; font-weight: 700; font-size: 16px !important; line-height: 112%; position: relative; overflow: hidden; text-align: center; z-index: 1; letter-spacing: 0px !important;
} .woocommerce-pagination ul a,
.woocommerce-pagination ul span { border: 1px solid var(--karoons-border-color, #F4F2EE);
} .woocommerce .checkout_coupon input[type=text],
.shop_table .coupon input[type=text] { height: 56px;
} .wc-proceed-to-checkout a,
.woocommerce .shop_table .actions > .thm-btn,
.woocommerce .shop_table .coupon button.thm-btn { letter-spacing: 0;
} .wc-proceed-to-checkout a { font-size: 16px; padding: 13px 40px;
} .cart-collaterals { margin-top: 50px;
} .woocommerce .checkout_coupon input[type=text],
.shop_table .coupon input[type=text] { font-size: 16px; font-weight: 600; height: 56px; text-transform: capitalize; line-height: 56px; padding: 0 30px;
} .woosw-list .add_to_cart_button,
.checkout_coupon button[type=submit] { padding: 13px 40px; font-size: 16px; letter-spacing: 0;
} .woocommerce .checkout_coupon input[type=text] { margin-top: 0;
} .checkout_coupon p:nth-child(1) { margin: 0;
} .woocommerce .checkout_coupon input[type=text],
.shop_table .coupon input[type=text] { background-color: var(--karoons-text-gray, #89868d); font-weight: 600; color: var(--karoons-text, #838383);
} .woocommerce-product-gallery__wrapper a img,
.product-quantity input[type=number] { border-color: var(--karoons-text-gray, #89868d);
} .woocommerce .content-area ul.products .product { padding-top: 0px;
}
.woocommerce .content-area .shop-one__product-count { font-weight: 500;
} .woocommerce-active .content-area .woocommerce-ordering select { color: var(--karoons-text, #838383) !important; font-size: 16px; font-weight: 400;
} .woocommerce .products .product .star-rating { display: flex; justify-content: center; align-items: center; font-size: 12px; color: var(--karoons-base, #E23B33); letter-spacing: 7px; margin-bottom: 7px;
}
.woocommerce .product__all-content .product__all-price .price { display: flex; justify-content: center; align-items: center; gap: 5px; font-size: 18px; color: var(--karoons-text, #838383); line-height: 1em; font-weight: 500; margin-bottom: 22px;
} .product .added_to_cart::before { display: none;
} .woocommerce .product__all-content .product__add-to-cart .thm-btn,
.woocommerce .product__all-content .product__item .thm-btn,
.product .added_to_cart { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; padding: 9px 17px; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center; font-weight: 700;
}
.woocommerce .product__all-content .product__add-to-cart .thm-btn::after,
.woocommerce .product__all-content .product__item .thm-btn::after,
.product .added_to_cart::after { content: ""; background-color: var(--karoons-black, #212226); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1;
}
.woocommerce .product__all-content .product__add-to-cart .thm-btn:hover::after,
.woocommerce .product__all-content .product__item .thm-btn:hover::after,
.product .added_to_cart:hover::after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.woocommerce .product__all-content .product__add-to-cart .thm-btn:hover,
.woocommerce .product__all-content .product__item .thm-btn:hover,
.product .added_to_cart:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .woocommerce .woocommerce-cart-form__cart-item.cart_item .product-quantity input { color: var(--karoons-base, #E23B33);
} .woocommerce .shop_table thead th { font-weight: 600;
} .shop_table .product-name a { font-weight: 600;
} .woocommerce .shop_table .coupon input[type=text] { border: 1px solid var(--karoons-border-color, #DEDEDE); background-color: transparent; padding-left: 20px; padding-right: 20px; outline: none; font-size: 16px; color: var(--karoons-text, #838383); display: block; font-weight: 400; margin-right: 15px;
} .shop_table .coupon .thm-btn::before { display: none;
} .woocommerce .shop_table .coupon button.thm-btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; padding: 9px 17px; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center; font-weight: 700;
}
.woocommerce .shop_table .coupon button.thm-btn::after { content: ""; background-color: var(--karoons-black, #212226); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1;
}
.woocommerce .shop_table .coupon button.thm-btn:hover::after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.woocommerce .shop_table .coupon button.thm-btn:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .shop_table button[name=update_cart]::before { display: none;
} .woocommerce .shop_table .actions > .thm-btn { margin-left: auto; background-color: transparent; border: 1px solid var(--karoons-base, #E23B33); color: var(--karoons-base, #E23B33);
}
.woocommerce .shop_table .actions > .thm-btn::after { content: ""; background-color: var(--karoons-base, #E23B33); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1;
}
.woocommerce .shop_table .actions > .thm-btn:hover::after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.woocommerce .shop_table .actions > .thm-btn:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .woocommerce .cart_totals h2 { font-size: 24px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid var(--karoons-border-color, #DEDEDE); margin: 0 0 33px; padding: 0 0 20px;
}
.woocommerce .cart_totals .shop_table tbody th { display: flex; align-items: center; justify-content: space-between; font-size: 18px; color: var(--karoons-black, #212226); text-transform: capitalize; font-weight: 700; margin: 0 0 12px;
}
.woocommerce .shop_table .amount { font-size: 18px; color: var(--karoons-black, #212226); text-transform: capitalize; font-weight: 700; margin: 0 0 12px;
}
.woocommerce .wc-proceed-to-checkout a { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center; font-weight: 700;
}
.woocommerce .wc-proceed-to-checkout a::after { content: ""; background-color: var(--karoons-black, #212226); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1;
}
.woocommerce .wc-proceed-to-checkout a:hover::after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.woocommerce .wc-proceed-to-checkout a:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .wc-proceed-to-checkout a::before { display: none;
} .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info { background-color: var(--karoons-gray, #F4F4F4);
} .woocommerce-checkout #customer_details input[type=text] { background-color: var(--karoons-gray, #F4F4F4);
} .woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading { font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226); font-size: 24px; text-transform: uppercase; font-weight: bold;
} .woocommerce .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea { background-color: var(--karoons-gray, #F4F4F4) !important;
} .woocommerce .woocommerce-checkout-review-order-table th:first-child,
.woocommerce .checkout.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total { font-size: 20px; color: var(--karoons-black, #212226); text-transform: uppercase; font-weight: 500; margin: 0; border: none;
} .woocommerce form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart_item .product-name { font-size: 16px; line-height: 24px; font-weight: 500; text-transform: capitalize; color: var(--karoons-text, #838383); margin: 0; border: none;
} .woocommerce form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart_item .product-total span { font-size: 16px; line-height: 24px; font-weight: 500; text-transform: capitalize; color: var(--karoons-text, #838383); margin: 0; border: none;
} .woocommerce .woocommerce-checkout-review-order-table th:first-child { font-weight: 700; color: var(--karoons-black, #212226); font-size: 16px; line-height: 24px; text-transform: capitalize;
} .woocommerce .woocommerce-checkout-review-order-table .cart-subtotal td span,
.woocommerce .woocommerce-checkout-review-order-table .order-total td span { font-weight: 700; color: var(--karoons-black, #212226); font-size: 16px; line-height: 24px; font-weight: 500; text-transform: capitalize; border: none;
} .woocommerce .woocommerce-checkout-payment .wc_payment_methods, .woocommerce .woocommerce-checkout-payment .form-row.place-order { background-color: var(--karoons-gray, #F4F4F4) !important;
} .woocommerce-checkout-payment #place_order:before { display: none;
} .woocommerce-checkout-payment #place_order { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center; font-weight: 700;
}
.woocommerce-checkout-payment #place_order::after { content: ""; background-color: var(--karoons-black, #212226); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1;
}
.woocommerce-checkout-payment #place_order:hover::after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.woocommerce-checkout-payment #place_order:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .woocommerce .product-details.news-sidebar .product { padding-top: 0px; padding-bottom: 0px;
} .woocommerce-product-gallery__wrapper a img, .product-quantity input[type=number],
.product-details__content__rating { border-color: var(--karoons-border-color, #DEDEDE);
} .woocommerce-product-gallery__trigger::after { content: "\e940"; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;
} .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 45px; right: 30px;
} .product-details .product__card .price { font-family: var(--karoons-heading-font, "Barlow", serif); font-size: 24px; color: var(--karoons-base, #E23B33); font-weight: 700;
} .product-details.news-sidebar .content-area .summary.entry-summary .product-details__content__rating .woocommerce-product-rating .woocommerce-review-link { display: inline-block; color: var(--karoons-text, #838383); font-size: 16px; text-transform: capitalize; letter-spacing: 0; margin-left: 1px; font-weight: 400; transition: all 500ms ease;
} .product-details.news-sidebar .content-area .summary.entry-summary .product-details__content__text .woocommerce-product-details__short-description p { font-family: var(--karoons-font, "Barlow", sans-serif); color: var(--karoons-text, #838383); font-size: 16px; font-weight: 400;
} .single-product .quantity input { color: var(--karoons-base, #E23B33);
} .entry-summary .thm-btn.cart-btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center; font-weight: 700;
}
.entry-summary .thm-btn.cart-btn::after { content: ""; background-color: var(--karoons-base, #E23B33); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1;
}
.entry-summary .thm-btn.cart-btn:hover::after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.entry-summary .thm-btn.cart-btn:hover { background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff);
} .product-details .cart .woosw-btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center; font-weight: 700;
}
.product-details .cart .woosw-btn::after { content: ""; background-color: var(--karoons-black, #212226); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1;
}
.product-details .cart .woosw-btn:hover::after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.product-details .cart .woosw-btn:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .product-review.review-one .comments-area { border-color: var(--karoons-border-color, #DEDEDE);
} .product-details__comment-box { border-color: var(--karoons-border-color, #DEDEDE);
} .product-details__review-title { font-size: 24px; text-transform: uppercase; margin-bottom: 44px; font-weight: bold; font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226);
} .product-review.review-one .woocommerce-Reviews .comment-list .product-details__comment-box__meta { font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: bold; color: var(--karoons-black, #212226);
} .product-review.review-one .woocommerce-Reviews .comment-list .product-details__comment-box__meta .product-details__comment-box__date { font-size: 16px; line-height: 26px; text-transform: inherit; color: var(--karoons-text, #838383); font-weight: 500; letter-spacing: 0; margin: 3px 0 0 0; text-transform: capitalize;
} .woocommerce .product-review.review-one .woocommerce-Reviews .comment-respond .review-form-one__title { font-size: 24px; text-transform: uppercase; margin-bottom: 8px; font-weight: bold;
} .comment-respond .comment-form .comment-form-rating { padding-bottom: 0px;
} .product-details .comment-form textarea,
.product-details .comment-form input[type=text],
.product-details .comment-form input[type=email] { background-color: var(--karoons-gray, #F4F4F4); color: var(--karoons-text, #838383);
} .product-review.review-one .comment-form .form-submit .karoons-btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: var(--karoons-base, #E23B33); color: var(--karoons-white, #fff); font-size: 14px; font-weight: 600; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; padding: 15px 31px; z-index: 2; overflow: hidden; text-align: center; font-weight: 700;
}
.product-review.review-one .comment-form .form-submit .karoons-btn::after { content: ""; background-color: var(--karoons-black, #212226); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1;
}
.product-review.review-one .comment-form .form-submit .karoons-btn:hover::after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.product-review.review-one .comment-form .form-submit .karoons-btn:hover { background-color: var(--karoons-black, #212226); color: var(--karoons-white, #fff);
} .product-one .added_to_cart { font-size: 14px;
} .product-details__socials .product-details__socials__item { display: flex; gap: 10px;
} .product .product__item__content .product__item__price .price ins { background: unset;
} .product-three__item__img { background-color: var(--karoons-gray, #F4F4F4); position: absolute; overflow: hidden; right: 0; top: 0; padding: 0; width: 120px; height: 120px;
} .blog-one.blog-one--page .blog-one__item.product.type-product { padding: 0px;
} .blog-one.blog-one--page .blog-one__item.product.type-product .blog-card-list__meta { display: none;
} .wc-block-components-price-slider__actions button[type=submit]:not(.wp-block-search__button).wc-block-components-filter-submit-button { position: relative; display: block; background-color: var(--karoons-white, #fff); font-family: var(--karoons-font, "Barlow", sans-serif); float: right; text-align: center; border: none; color: var(--karoons-black, #212226); font-size: 10px; letter-spacing: var(--karoons-letter-space, 0.1em); font-weight: 600; line-height: 38px; margin: 0; cursor: pointer; padding: 0 20px; height: 38px; border-radius: 0; box-shadow: 0px 10px 30px 0px rgba(var(--karoons-black-rgb, 33, 34, 38), 0.07); text-transform: uppercase; -webkit-transition: all 500ms ease; transition: all 500ms ease;
} .wc-block-components-price-slider__range-text .wc-block-components-formatted-money-amount { color: var(--karoons-text, #838383); font-size: 14px; font-weight: 500;
} .product__item__price .price ins, .product-three__item__price .price ins { background: transparent;
} .woosw-list table.woosw-items .woosw-item .woosw-item--name a { font-size: 18px; text-transform: uppercase; margin: 0; font-weight: 600; color: var(--karoons-black, #212226); font-family: var(--karoons-heading-font, "Barlow", serif); color: var(--karoons-black, #212226);
}
.woosw-list table.woosw-items .woosw-item .woosw-item--name a:hover { transition: all 500ms ease; background-size: 100% 1px; color: var(--karoons-base, #E23B33);
} .woosw-list .woosw-item--price { font-size: 16px; font-weight: 500; color: var(--karoons-text, #838383); vertical-align: middle; border: none; box-shadow: none; background-color: transparent; letter-spacing: 0;
}
.woosw-list .woosw-item--price ins { background-color: transparent;
} .woocommerce .checkout_coupon input[type=text], .shop_table .coupon input[type=text],
.woocommerce-checkout .shop_table tfoot tr:last-child,
.woocommerce-checkout-review-order-table thead tr,
.cart_totals h2, .shop_table thead th,
.woocommerce-checkout-review-order-table thead tr,
.shop_table tbody tr,
.cart_totals h2, .shop_table thead th { border-color: var(--karoons-border-color, #DEDEDE);
} .woocommerce .checkout_coupon input[type=text], .shop_table .coupon input[type=text] { background-color: transparent; border: 1px solid var(--karoons-border-color, #DEDEDE);
}