:root {
--bs-black:#000000;
--bs-blue:#0d6efd;
--bs-indigo:#6610f2;
--bs-purple:#6f42c1;
--bs-pink:#d63384;
--bs-red:#dc221c;
--bs-orange:#fd7e14;
--bs-orange-dark:#ee4a34;
--bs-orange-dark-light:#fae4df;
--bs-yellow:#ffcc00;
--bs-green:#28a745;
--bs-teal:#20c997;
--bs-cyan:#17a2b8;
--bs-white:#ffffff;
--bs-gray:#dedede;
--bs-gray-light: #f7f7f7;
--bs-gray-dark:#343a40;
--bs-primary:#CE397D;
--bs-primary-dark:#025ce2;
--bs-primary-light: #effffc;
--bs-primary-shadow:rgb(0 123 255 / 0.5);
--bs-secondary:#214462;
--bs-secondary-dark: #1f2120;
--bs-gray-500: #f2f2f2;
--bs-gray-500-thumb: #c2c2c2;
--bs-success:#28a745;
--bs-info:#17a2b8;
--bs-warning:#ffc107;
--bs-danger:#dc3545;
--bs-light:#f8f9fa;
--bs-dark:#343a40;
--bs-font-sans-serif:"Source Sans Pro",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--bs-font-awesome: "FontAwesome";
--bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
--bs-gradient-image:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
--bs-shadow: 2px 5px 20px rgba(0, 0, 0, .2);
--bs-radius: 0.1875rem;
--bs-theme-radius: 6.25rem;
--bs-transition: all .35s cubic-bezier(.645,.045,.355,1);
--bs-transition-slow: all .55s cubic-bezier(.645,.045,.355,1);
--bs-transition-very-slow: all .75s cubic-bezier(.645,.045,.355,1);
}
.logo a {
margin: 0;
}
.homepage-3 .header-cart {
background: none !important;
} .cta-section {
color: var(--bs-white);
background-color: var(--bs-secondary);
}
.home-cta .cta-wrapper {
padding: 45px 0;
}
.cta-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: flex-start;
align-items: center;
justify-content: space-between;
position: relative;
}
.cta-content,
.cta-icon-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
}
.cta-icon-wrap {
margin-right: 0.35rem;
}
.cta-img {
border: 1px solid rgb(255 255 255 / 0.075);
overflow: hidden;
border-radius: 100%;
position: relative;
left: -12px;
width: 4.375rem;
height: 4.375rem;
z-index: 0;
}
.cta-icon {
width: 4.375rem;
height: 4.375rem;
line-height: 4.375rem;
text-align: center;
background-color: var(--bs-primary);
border-radius: 100%;
font-size: 1.563rem;
}
.cta-content h3 {
line-height: 1;
}
.cta-content h5 {
font-weight: 500;
}
.cta-btn-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.cta-btn-wrap aside {
margin-left: 1.35rem;
padding-left: 1.35rem;
position: relative;
z-index: 0;
border-width: 0;
border-left-width: 3px;
border-style: dotted;
border-color: rgb(255 255 255 / 0.15);
}
.cta-btn-wrap aside:after {
content: "";
position: absolute;
top: 0;
left: -10px;
height: 100%;
border-width: inherit;
border-style: inherit;
border-color: inherit;
}
.cta-wrapper .title {
font-size: 1.25rem;
color: var(--bs-primary);
}
.cta-wrapper p.text {
font-size: 1.875rem;
font-weight: bold;
}
.cta-wrapper .text a:not(:hover):not(:focus) {
color: var(--bs-white);
}@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1280px;
}
.home-slider .owl-nav .owl-prev {
left: 0.67rem;
}
.home-slider .owl-nav .owl-next {
right: 0.67rem;
}
}
@media only screen and (max-width: 1045px) and (min-width: 992px) {
.main-slider div.main-content {
padding: 0 55px;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
[class*="lg-shape"] {
display: none;
}
}
@media (min-width: 992px) {
.header-transparent .main-header {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
border-top: 0;
margin: 0 auto;
z-index: 99;
}
.header-transparent .main-header,
.header-transparent .main-navigation:not(.is-sticky-menu) {
background: none;
}
body.admin-bar.header-transparent .main-header {
top: 32px;
}
.header-transparent .header-search-popup {
z-index: 3;
}
.header-transparent .main-slider div.main-content {
margin-top: 15rem;
}
.header-transparent .breadcrumb-area .breadcrumb-content {
padding-top: 300px;
padding-bottom: 90px;
}
.header-transparent:not(.homepage-3) .main-header .contact-area,
.header-transparent:not(.homepage-3) .main-header .contact-area a:not(:hover):not(:focus) {
color: var(--bs-white);
}
.header-transparent .above-header .widget-left {
background: linear-gradient( 116deg, transparent 30%, currentColor 30%, currentColor 70%, transparent 70% ) 50% / 215% 100% no-repeat;
color: rgb(0 0 0 / 0.5);
mix-blend-mode: inherit;
padding-left: 55px;
}
.header-transparent .home-slider div.owl-nav button[class*=owl-] {
transform: translateY(85px);
}
.homepage-3 .navigation-wrapper {
margin-bottom: -40px;
}
.info-section:not(.support-section) {
margin-top: -3.75rem;
margin-bottom: 1.25rem;
}
.footer-copyright .widget-left {
background: linear-gradient( 116deg, transparent 30%, currentColor 30%, currentColor 70%, transparent 70% ) 50% / 215% 100% no-repeat;
color: rgb(0 0 0 / 0.5);
mix-blend-mode: inherit;
padding-left: 60px;
}
.footer-copyright .contact-area .contact-icon-duplicate {
right: 50px;
}
}
@media (min-width: 1350px) {
.header-transparent .main-slider div.main-content {
margin-top: 17rem;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-transparent .above-header .widget-left {
padding-left: 45px;
}
.header-transparent .above-header .widget-left,
.footer-copyright .widget-left {
background: linear-gradient( 116deg, transparent 30%, currentColor 30%, currentColor 70%, transparent 70% ) 50% / 209% 100% no-repeat;
}
.above-header .contact-icon {
font-size: 0.95rem;
width: 35px;
height: 35px;
border-radius: 100%;
margin-right: 7px;
}
.main-header p:not(.site-description) {
font-size: 0.875rem;
}
.main-header h6.title {
font-size: 0.938rem;
}
.footer-copyright .widget-left {
padding-left: 62px;
}
.footer-copyright .contact-area .title {
font-size: 1.2rem;
}
.footer-copyright .contact-area .text {
font-size: 1.5rem;
}
.footer-copyright .contact-area .contact-icon-duplicate {
font-size: 3rem;
}
.main-menu-right > ul {
padding-left: 0.5rem;
}
.main-menu-right > ul > li {
margin-right: 0.625rem;
}
.main-navigation-area .main-menu-right > ul li:last-child {
padding-left: 0.625rem;
}
.main-navigation-area .contact-icon {
margin-right: 0.5rem;
width: 35px;
height: 35px;
font-size: 1.875rem;
}
.main-navigation-area .contact-info .title {
font-size: 0.75rem;
}
.main-navigation-area .contact-info .text {
font-size: 1.25rem;
}
.main-navbar .main-menu > li.menu-item > a {
padding: 0 0.4375rem;
}
.main-content h4 {
font-size: 1rem;
padding: 0.35rem 1.35rem;
margin-bottom: .5rem;
}
.main-content h4 i {
font-size: 0.8rem;
margin-right: 0.2rem;
}
.main-content h1 {
font-size: 2.125rem;
margin-bottom: .5rem;
}
.main-content p {
margin-bottom: 1rem;
}
.home-slider.owl-theme .owl-dots {
bottom: 5.5rem;
}
.homepage-2 .main-header .header-search-toggle,
.homepage-2 .header-cart, .homepage-2 .menu-social-list ul li a,
.footer .main-menu > li > a, .main-navbar .main-menu > li > a {
font-size: 0.9375rem;
}
.gallery-item figcaption {
padding: 1.5rem;
}
.calendar_wrap table caption {
font-size: 90%;
text-align: left;
}
.main-header .widget_nav_menu .sub-menu li .sub-menu,
.main-navbar .dropdown-menu li .dropdown-menu {
right: 100%;
left: auto;
margin-left: 0;
margin-right: 10px;
}
.woocommerce ul.products li.product .product-action .button.add_to_cart_button {
font-size: 13px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cta-btn-wrap aside:not(:first-child) {
padding-top: 1.125rem;
}
}
@media (max-width: 991px) {
.main-slider div.main-content {
margin-bottom: 0;
margin-top: 0;
}
.main-content h4 {
font-size: 1.125rem;
padding: 0.5rem 1.5rem;
}
.main-content h4 i {
font-size: 0.85rem;
margin-right: 0.2rem;
}
.main-content h1 {
font-size: 1.75rem;
}
.main-content p {
font-size: 0.975rem;
margin-bottom: 1.6rem;
}
.comment-list .children {
margin-left: 0;
}
.home-slider.owl-theme .owl-dots,
.home-slider.owl-theme .owl-nav.disabled+.owl-dots {
bottom: 3.75rem;
}
.cta-content, .cta-icon-wrap, .cta-wrapper {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
[class*="lg-shape"] {
display: none;
}
.header-above-bar .widget-left,
.header-above-bar .widget-right,
.header-above-bar .header-widget .widget {
display: block;
padding: 0;
}
.header-above-bar {
width: 100%;
}
.header-above-bar [class*='widget-'] .widget:not(:first-child) {
margin-top: 1rem;
}
.main-content h4,
.main-content h1,
.main-content p {
margin-bottom: 0.625rem;
}
.main-content .btn {
padding: 0.375rem 0.875rem;
}
.main-content .btn.btn-like-icon {
padding-right: 2.3rem;
}
.main-content .btn-like-icon .bticn {
top: 3px;
right: 3px;
width: 29px;
height: 29px;
line-height: 29px;
font-size: .9rem;
}
.info-section:not(.support-section) .col-12:not(:first-child) {
margin-top: 4rem;
}
.cta-content, .cta-icon-wrap, .cta-wrapper {
justify-content: center;
}
.breadcrumb-area .breadcrumb-content,
.breadcrumb-area .breadcrumb-content *:not(a):not(i):not(li):not(ol) {
width: 100%;
max-width: 100%;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.post-items .widget,
.post-items blockquote {
width: 100%;
}
.comments-area li {
padding-left: 0;
}
.comments-area .comment-meta .comment-author img {
left: 20px;
top: 20px;
}
.comments-area .comment-body {
padding-left: 130px;
}
}
@media (max-width: 599px) {
.main-mobile-build .header-close-menu {
position: relative;
margin: 5px 5px 5px auto;
left: 0;
}
}
@media (min-width: 396px) and (max-width: 767px) {
.cta-btn-wrap aside {
margin-left: 0;
}
.cta-btn-wrap aside:first-child {
padding-left: 0;
}
.cta-btn-wrap aside {
padding-top: 1.35rem;
border-left-width: 0;
border-top-width: 3px;
min-height: 85px;
display: flex;
align-items: center;
}
.cta-btn-wrap aside:after {
top: -10px;
left: 0;
width: 100%;
}
}
@media (max-width: 575px) {
.calendar_wrap table th,
.calendar_wrap table td {
height: 35px;
}
.calendar_wrap table caption {
text-align: left;
}
}
@media (max-width: 540px) {
.main-content h4 {
padding: 0.3125rem 0.625rem;
font-size: 0.85rem;
margin-bottom: 0.3125rem;
}
.main-content h4 i {
font-size: 0.65rem;
margin-right: 0.15rem;
}
.main-content h1 {
font-size: 1.25rem;
margin-bottom: 0.3125rem;
}
.main-content p {
font-size: 0.8125rem;
margin-bottom: 0.3125rem;
max-width: 275px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.main-slider .text-center p {
margin-left: auto;
margin-right: auto;
}
.main-slider .text-right p {
margin-left: auto;
}
.main-content .btn {
font-size: 0.68rem;
padding: 0.25rem 0.45rem;
}
.btn.btn-play span.btn {
width: 2rem;
height: 2rem;
line-height: 1.95rem;
}
.main-content .btn.btn-like-icon {
padding-right: 1.65rem;
}
.main-content .btn-like-icon .bticn {
top: 1px;
right: 2px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: .65rem;
}
.main-content .btn:not(.btn-play) {
margin-right: 0;
}
.comment-list .children {
margin-left: .5rem;
}
.comment-list .children .comment-body {
padding: 16px;
}
}
@media (max-width: 504px) {
.comments-area .comment-body {
border-radius: 10px;
}
}
@media (min-width: 437px) and (max-width: 700px) {
.home-slider.owl-theme .owl-dots,
.home-slider.owl-theme .owl-nav.disabled+.owl-dots {
bottom: 1.75rem;
}
}
@media (max-width: 436px) {
.comments-area .comment-meta .comment-author img {
position: unset;
margin-right: 0.5rem;
display: inline-block;
}
.comments-area .comment-body {
padding: 25px 22px;
}
.comment-meta .comment-metadata {
margin: 0;
white-space: nowrap;
}
.comment-metadata .edit-link {
margin-left: 0;
}
.comment-meta .comment-metadata time {
font-size: 14px;
}
.home-slider.owl-theme .owl-dots,
.home-slider.owl-theme .owl-nav.disabled+.owl-dots {
bottom: 1rem;
}
}
@media (max-width: 424px) {
.btn, .more-link {
line-height: 0.85rem;
padding: 0.75rem 1rem;
line-height: 0.95rem;
}
.btn.btn-like-icon {
padding-right: 2.25rem;
}
a.more-link:after,
.btn-like-icon .bticn {
width: 28px;
height: 28px;
line-height: 29px;
font-size: 0.85rem;
}
a.more-link {
padding: 0.75rem 1rem;
line-height: 0.95rem;
padding-right: 2.25rem;
}
.card-404 h1 {
font-size: 9rem;
}
.card-404 h1 img {
width: 103px;
height: 103px;
margin-right: 1.19rem;
}
}
@media (max-width: 395px) {
.cta-btn-wrap,
.cta-btn-wrap .contact-area {
justify-content: center;
}
.cta-btn-wrap .contact-info {
text-align: center;
}
.cta-btn-wrap aside {
width: 100%;
margin-left: 0;
padding-left: 0;
border: none;
}
.cta-btn-wrap aside:not(:first-child) {
padding-top: 1.35rem;
}
.cta-btn-wrap aside:after {
display: none;
}
.about-footer > div {
width: 100%;
}
.about-footer > div:not(:last-child) {
margin-bottom: 1rem;
}
}
@media (max-width: 362px) {
.home-slider.owl-theme .owl-dots,
.home-slider.owl-theme .owl-nav.disabled+.owl-dots {
bottom: 0.6rem;
}
.card-404 h1 {
font-size: 7rem;
}
.card-404 h1 img {
width: 75px;
height: 75px;
margin-right: 1.19rem;
}
}
@media (max-width: 330px) {
.main-mobile-menu .header-wrap-right li {
margin-right: 6px;
}
.mobile-logo .logo {
max-width: 168px;
}
}