/*
Theme Name: PRINTEES
Theme URI: 
Description: Custom WordPress Theme by Rass Digital
Author: RassDigital
Author URI: https://rassdigital.com
Version: 1.0
License: GPL
License URI: http://www.gnu.org/copyleft/gpl.html
*/

/* -------------------------------------------------- 
BASIC STYLES
-------------------------------------------------- */
html, body {border: 0; margin: 0; padding: 0; width: 100%; height: 100%; position: relative;} a img {border: 0}
html {scroll-behavior: smooth;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body {background: #fff; color: #000; padding: 0; margin: 0!important; font-size: 1rem; line-height: 1.4;}
img, object, embed {max-width: 100%; height: auto;} input:focus {outline: none;} *:focus {outline: none;} 
input, textarea, select, button {transition: .3s;}
input::placeholder {color: #adadad; opacity: 1;}
.icon::before {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.8em center; background-size: 1em; padding-right: 2em; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; line-height: 1.4; color: #333;}
select:focus {outline: none; border-color: #009b5d;}
select::-ms-expand {display: none;}
select {cursor: pointer;box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
select option:first-child {color: #d3d3d3;}
.select {position: relative; line-height: 3; display: flex; overflow: hidden;}
.select::after {content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 600; color: #222; position: absolute; top: 3px; right: 10px; cursor: pointer; pointer-events: none; transition:.25s all ease;}
.select:hover::after {color: #23b499;}
::-webkit-scrollbar {width: 8px; height: 6px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background-color: #7f7f7f; border-radius: 30px; border: 1px solid #f1f1f1;}
::-webkit-scrollbar-thumb:hover {background-color: #555;}
/* -------------------------------------------------- 
LINK
-------------------------------------------------- */
a, input, #submit, textarea, button, button:hover, a i, a:hover i,.thumb a img, .thumb a:hover img, a:hover .thumb img, a .thumb img, .close img, .close img:hover, a .thumb::before, a:hover .thumb::before, .b-menu a, .b-menu a:hover {text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
a {-webkit-tap-highlight-color: transparent !important;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}
/* -------------------------------------------------- 
TYPOGRAPHY
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: 700; text-transform: capitalize; letter-spacing: -.02em; margin: 0; padding: 0;}
ul, li, ol {list-style: none; margin: 0; padding: 0;}
p {margin: 0;}
li, p, input, textarea, select, button {letter-spacing: -.02em;}
body, input, textarea, select, button {font-family: 'Inter', Helvetica Neue, Helvetica, Arial, "sans-serif"!important;}
button, select {cursor: pointer;}
button {border: none; padding: 0; box-shadow: 0; background: none;}
/* -------------------------------------------------- 
LAYOUT CONTROL
-------------------------------------------------- */
.control {max-width: 1400px; margin: 0 auto; position: relative; padding: 0 20px;}
.sec {width: 100%; position: relative;}
.thumb img {width: 100%; height: auto; margin-bottom: -5px;}
.js-offcanvas, .b-menu, .fancybox-caption-wrap {display: none;}
/* -------------------------------------------------- 
ELEMENTOR FIX
-------------------------------------------------- */
.elementor-widget-text-editor p {margin-bottom: 15px!important;}
.elementor-widget-text-editor p strong {font-weight: 600;}
.elementor-widget-text-editor a {color: #101e8b; font-weight: 500;}
.elementor-widget-text-editor a:hover {text-decoration: underline;}
.elementor-widget-text-editor h3 {font-weight: normal;}
.elementor-widget-text-editor h3 strong {font-weight: 600;}
.elementor-widget-text-editor ul, .elementor-widget-text-editor ol {padding-left: 18px; margin-bottom: 20px;}
.elementor-widget-text-editor ul li {list-style: disc; margin-bottom: 10px;}
.elementor-widget-text-editor ol li {list-style: decimal;}
.elementor-widget:not(:last-child), .elementor-widget-text-editor p:last-child {margin-bottom: 0!important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px!important;}
.i-btn a i {font-size: .55rem;}

.vbox .elementor-container {display: flex; flex-wrap: wrap; justify-content: center;}
.vbox.one .elementor-column {width: 50%!important;}
.vbox.two .elementor-column {width: 33.333333333%!important;}
.vbox.one .vbox-fix .elementor-container {justify-content: flex-start;}
.vbox.one .elementor-widget-wrap {overflow: hidden;}
.vbox.one .vbox-fix .vf-one {width: 63%!important;}
/* --------------------------------------------------
HEADER
-------------------------------------------------- */
.h-top {background: #fc8000; color: #fff;}
.h-top .h-box {display: flex; justify-content: space-between; align-items: center;}
.h-btm {border-top: 1px solid #333; border-bottom: 1px solid #333;}
.l-head h2 {font-size: .75rem; line-height: 1; font-weight: 600; text-transform: uppercase;}
.r-head {display: flex; justify-content: flex-end; gap: 30px;}
#navtop ul {display: flex; gap: 15px;}
#navtop li a {font-size: .86rem; line-height: 1.2; color: #fff; padding: 12px 0; display: block;}
.h-socmed {display: flex; align-items: center; justify-content: flex-end; gap: 14px;}
.h-socmed h4 {font-size: .76rem; line-height: 1; font-weight: 400;}
.h-socmed ul {display: flex; align-items: center; gap: 12px;}
.h-socmed a {font-size: 1rem; line-height: 1; color: #fff; display: flex; justify-content: center; align-items: center;}
.h-main {padding: 15px 0 4px; background: #fff;}
.h-main .h-box {display: grid; grid-template-columns: 1fr 600px 1fr; justify-content: space-between; align-items: center; gap: 80px;}
.logo-head img {height: auto; margin-bottom: -6px;}
.sc {max-width: 600px; position: relative;}
.sc-text input {font-size: 1rem; line-height: 1; padding: 10px 40px 10px 16px; background: #fff; width: 100%; border: 1px solid #8c8c8c; border-radius: 8px;}
.sc-text input:hover {border-color: #606060;}
.sc-text input:focus {border-color: #000;}
.sc-btn {top: 0; right: 0; position: absolute;}
.sc-btn button {width: 40px; height: 40px; padding: 12px; display: flex; justify-content: center; align-items: center;}
.h-cs {display: flex; justify-content: flex-end;}
.h-cs a {display: grid; grid-template-columns: 50px 1fr; align-items: center; gap: 10px;}
.h-cs a img {margin-bottom: -6px;}
.h-cs a h5 {color: #7c7c7c; font-size: .74rem; line-height: 1.1; font-weight: 500; text-transform: uppercase; margin-bottom: 5px;}
.h-cs a h3 {color: #000; font-size: 1.3rem; line-height: 1; font-weight: 600;}
/* --------------------------------------------------
NAVIGATION
-------------------------------------------------- */
#cssmenu {display: block; padding: 0; margin: 0;}
#cssmenu > ul {padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; gap: 30px;}
#cssmenu > ul > li {padding: 0; margin: 0; display: block; position: relative; list-style: none;}
#cssmenu > ul > li > a {padding: 16px 0; color: #000; font-size: 1.1rem; line-height: 1.2; font-weight: 600; text-decoration: none; display: block; position: relative; transition: .3s ease-in-out;}
#cssmenu > ul > li > a:hover {color: #666;}
#cssmenu > ul > li.has-sub > a:after {content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: .7rem; vertical-align: 2px; position: relative; margin-left: 5px; transition: .3s ease-in-out;}
#cssmenu > ul > li.has-sub:hover > a,
#cssmenu > ul > li.has-sub:hover > a:after {color: #101e8b;}
#cssmenu .submenu-wrap {width: 300px; padding: 5px 0; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; opacity: 0; visibility: hidden; position: absolute; top: 90%; left: -16px; z-index: 99; transition: all .25s ease-in-out;}
#cssmenu li.has-sub:hover > .submenu-wrap {opacity: 1; visibility: visible; top: calc(100%);}
#cssmenu .submenu-wrap ul {display: flex; flex-direction: column; margin: 0; list-style: none;}
#cssmenu .submenu-wrap ul li {width: 100%; padding: 0; margin: 0; display: block; position: relative;}
#cssmenu .submenu-wrap ul li a {color: #000; padding: 10px 15px; margin: 0; font-size: 1rem; line-height: 1.2; font-weight: 500; text-transform: capitalize; text-decoration: none; display: block; position: relative; transition: all .2s ease-in-out;}
#cssmenu .submenu-wrap ul li a:hover {color: #101e8b; background: #f7f7f7;}
#cssmenu .submenu-wrap ul li.current-menu-item > a,
#cssmenu .submenu-wrap ul li.current-menu-parent > a {color: #101e8b; font-weight: 600;}
/* -------------------------------------------------- 
BREADCRUMB
-------------------------------------------------- */
#breadcrumbs {margin-bottom: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
#breadcrumbs span {display: flex; align-items: center; gap: 8px;}
#breadcrumbs span, #breadcrumbs a {font-size: .7rem; color: #a2a2a2; text-transform: uppercase;}
#breadcrumbs a {font-weight: 500; color: #a2a2a2;}
#breadcrumbs a:hover {color: #fff;}
#breadcrumbs i {font-size: .5rem; color: #a1a1a1;}
/* --------------------------------------------------
HOME ELEMENTOR
-------------------------------------------------- */
.banner .h-banner-prev {left: 0;}
.banner .h-banner-next {right: 0;}
.banner .swiper-button-next, .banner .swiper-button-prev {width: 44px; height: 44px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after {font-size: 1.6rem; margin-top: 2px; color: #fff;}
.banner .swiper-pagination-bullet {background: #fff; opacity: 1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #EF1C22;}
.banner .swiper-slide img {width: 100%; height: auto;}

.promo .swiper-slide {height: auto;}
.promo a {background: #ffc000; display: block; height: 100%; border-radius: 20px; overflow: hidden;}
.promo .thumb img {border: 12px solid #ffc000; border-radius: 25px;}
.promo .info {padding: 0 40px 10px;}
.promo a h3 {font-size: 1.15rem; line-height: 1.15; text-transform: uppercase; color: #222; text-align: center;}

/* -------------------------------------------------- 
CUSTOM PAGE
-------------------------------------------------- */
.pg {padding: 40px 0 80px; border-bottom: 1px solid rgba(255,255,255,.15);}
.pg-title {margin-bottom: 40px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.2);}
.pg-title h2 {font-size: 2rem; line-height: 1.2; text-transform: uppercase; color: #fff;}
.gal-sec {margin-bottom: 40px;}
.gal-title {margin-bottom: 15px;}
.gal-title h2 {font-size: 1.8rem; line-height: 1.2;}
.gal-desc {margin-top: 5px; font-size: .96rem; line-height: 1.4;}
.gal-item {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.gal-item a {overflow: hidden; display: block;}
.gal-item a img {width: 100%; height: auto; margin-bottom: -6px; transition: .3s;}
.gal-item a:hover img {opacity: .7;}

/* --------------------------------------------------
FOOTER
-------------------------------------------------- */
.footer {background: #fff; border-top: 1px solid #ddd; overflow: hidden;}
.f-box {display: flex;}
.f-top {padding: 50px 0 40px; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.f-top h3 {font-size: .85rem; text-transform: uppercase; margin-bottom: 12px;}
.f-top .l-foot {width: 40%; padding-right: 40px;}
.f-top .r-foot {width: 60%; display: flex;}
.f-top .row-one {width: 25%;}
.f-top .row-two {width: 50%; padding: 0 40px;}
.f-top .row-three {width: 25%;}
.f-info .logo {margin-bottom: 10px;}
.f-info p {font-size: .9rem; line-height: 1.3;}
.f-add {margin-top: 15px;}
.f-add strong {font-weight: 500;}
.f-add p {font-size: .9rem; line-height: 1.4;}
.f-dir {margin-top: 5px; display: flex; gap: 5px;}
.f-dir img {width: auto; height: 30px!important;}
.f-ctc {margin-top: 10px;}
.f-ctc li {margin-bottom: 6px;}
.f-ctc li a {font-size: .95rem; color: #000;}
.f-ctc li a:hover {color: #0053b6;}
.f-ctc li i {width: 18px; height: 18px; text-align: center; display: inline-block;}
.f-ctc li .fa-whatsapp {font-size: 1.1rem; vertical-align: -1px;}
.f-ctc a.f-call i {color: #2240f7;}
.f-ctc a.f-wasap i {color: #24CC63;}
.f-hour h3 {margin-bottom: 3px;}
.f-hour p {font-size: .9rem; line-height: 1.4;}
.f-hour span {display: block;}
/** FOOTER BOTTOM **/
.partner {width: 100%; overflow: hidden;}
.partner h4 {margin-bottom: 10px;}
.partner a {display: block;}
.rakan .swiper-slide {width: auto;}
.rakan img {width: auto; height: 40px;}
.f-end {border-top: 1px solid #ddd; margin-top: 20px; padding: 20px 0;}
.f-end .f-box {justify-content: space-between; align-items: flex-end;}
.copy p {font-size: .86rem; line-height: 1.4; color: #000;}
.copy p strong {font-weight: 600;}
.btm-link {margin-top: 6px;}
.btm-link a {font-size: .86rem; line-height: 1.2; color: #000;}
.btm-link a:hover {text-decoration: underline;}
.btm-link span {margin: 0 3px; font-size: .5rem; color: rgba(0,0,0,1.00); vertical-align: 2px;}
.wdsgn a {font-size: .7rem; color: #000; font-weight: 500; text-transform: uppercase;}
.wdsgn a:hover {text-decoration: underline;}
/** FOOTER OTHER **/
.f-socmed {margin: 30px 0;}
.f-socmed h3 {margin-bottom: 5px;}
.f-socmed ul {display: flex; align-items: center; gap: 4px;}
.f-socmed li a {width: 35px; height: 35px; font-size: 1.1rem; line-height: 1; color: #fff; padding-top: 9px; display: block; text-align: center; border-radius: 50%;}
#footnav > ul {}
#footnav > ul > li {width: 100%; margin-bottom: 14px;}
#footnav > ul > li:last-child {margin-bottom: 0;}
#footnav > ul > li > a {font-size: 1rem; line-height: 1.3; color: #000;}
#footnav > ul > li > a:hover {color: #0053b6;}
#mvcwid {font-size: .83rem; font-weight: 300; padding: 0!important;}
#xtvctable {margin-top: 10px;}
#xtvctable div {margin-bottom: 8px; display: flex; align-items: center; gap: 8px;}
.f-note {margin-top: 20px; padding-right: 40px;}
.f-note h4 {font-size: .8rem; line-height: 1.2; margin-bottom: 6px;}
.f-note p {font-size: .8rem; line-height: 1.25; margin-bottom: 8px;}
.f-note p:last-child {margin-bottom: 0;}
/* --------------------------------------------------
SOCIAL MEDIA ICON
-------------------------------------------------- */
.socmed ul {display: flex; align-items: center; flex-wrap: wrap; gap: 4px;}
.socmed li a {width: 38px; height: 38px; border-radius: 50%; display: block; padding-top: 10px; font-size: 1.15rem; line-height: 1; text-align: center; color: #fff;}
/* -------------------------------------------------- 
CTA
-------------------------------------------------- */
.cta {position: fixed; bottom: 15px; right: 15px; z-index: 9999; cursor: pointer;}
.cta-btn {display: flex; justify-content: flex-end;}
.cta-btn a {background: #24CC63; color: #fff; font-size: 1.8rem; line-height: 1; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; animation-name: pulse; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite;}
/* -------------------------------------------------- 
PAGE
-------------------------------------------------- */
.pages {padding: 30px 0;}
.pages .control {max-width: 1000px;}
.post-edit-link {position: fixed; left: 20px; bottom: 20px; font-size: .75rem; font-weight: 500; color: #fff; background: #36980a; text-transform: uppercase; width: 50px; height: 50px; border-radius: 50%; display: block; padding-top: 17px; text-align: center; z-index: 999;}
.p-title {margin-bottom: 30px;}
.p-title h1 {font-size: 1.4rem; line-height: 1.3; font-weight: 600; color: #000; text-transform: capitalize;}
.page-content h2, .page-content h3, .page-content h4 {font-size: 1.2rem; line-height: 1.3; font-weight: 600; margin: 20px 0 15px; text-transform: capitalize;}
.page-content h2 {text-transform: uppercase; font-size: 1.3rem; text-decoration: underline;}
.page-content p {margin-bottom: 15px; word-wrap: break-word;}
.page-content p, .page-content ul li, .page-content ol li {font-size: .98rem; line-height: 1.5;}
.page-content a {color: #a10862; font-weight: 600;}
.page-content a:hover {text-decoration: underline;}
.page-content ul, .page-content ol {margin: 0 0 15px; padding-left: 30px;}
.page-content ol li {list-style: decimal;}
.page-content ul li {list-style: disc;}
.page-content ul li, .page-content ol li {padding: 1px 0; word-wrap: break-word; margin-bottom: 2px;}
.s-top {margin-bottom: 30px;}
.back button {font-size: .8rem; line-height: 1.1; color: #000; font-weight: 400; padding: 6px 8px; border: 1px solid rgba(0,0,0,.7); text-transform: uppercase; border-radius: 3px;}
.back button:hover {background: #000; color: #fff;}
.back button i {font-size: .6rem; vertical-align: 1px;}
/* -------------------------------------------------- 
PAGE CONTACT
-------------------------------------------------- */
.contact {color: #fff;}
.contact h4 {font-size: .9rem; line-height: 1.2; font-weight: 600; text-transform: uppercase; color: #b9b9b9; margin-bottom: 10px;}
.c-row {margin-bottom: 40px;}
.c-row .add h5 {font-size: .98rem; line-height: 1.2; font-weight: 600; margin-bottom: 2px;}
.c-row .add h5 span {font-size: .82rem; font-weight: 300;}
.c-row .add p {font-size: .975rem; line-height: 1.4;}
.direction {margin-top: 2px;}
.p-ctc ul {display: flex; flex-direction: column; gap: 8px;}
.p-ctc a {font-size: .97rem; line-height: 1.2; color: #fff;}
.p-ctc a i {width: 20px; height: 20px; font-size: 1.2rem; margin-right: 4px; vertical-align: -2px; text-align: center; display: inline-block;}
.p-ctc .fa-phone {color: #0453e2;}
.p-ctc .fa-whatsapp {color: #46cd04;}
.p-ctc .fa-envelope {color: #ff8106; vertical-align: -2.5px;}
/* -------------------------------------------------- 
BLOG LIST
-------------------------------------------------- */
.post-meta {font-size: .76rem; line-height: 1.1; color: #797d86;}
.post-meta span {font-size: .6rem; margin: 0 2px; vertical-align: 1px;}
.b-list {overflow: hidden;}
.b-list .box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
.b-list .row {}
.b-list .thumb {position: relative; border-radius: 8px;}
.b-list .thumb img {width: 100%; height: auto;}
.b-list .info {margin-top: 12px;}
.b-list .post-meta {margin: 15px 0 10px;}
.b-list a h3 {font-size: 1.2rem; line-height: 1.55; font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: .3s; margin-bottom: 8px;}
.b-list a:hover h3 {color: #a4a4a4;}
.b-list a .excerpt p {font-size: 1rem; line-height: 1.4; color: #afb1b6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
/* -------------------------------------------------- 
BLOG SINGLE
-------------------------------------------------- */
.b-single .box {display: grid; grid-template-columns: 1fr 300px; gap: 60px;}
.sb-top {margin-bottom: 20px;}
.sb-top h1 {font-size: 2.2rem; line-height: 1.4; font-weight: 600; color: #fff;}
.sb-top .post-meta {margin: 10px 0 25px;}
.sb-top .post-meta a {color: #797d86;}
.sb-top .post-meta a:hover {color: #fff;}
/* -------------------------------------------------- 
ENTRY CONTENT
-------------------------------------------------- */
.sb-thumb {margin-bottom: 15px;}
.sb-thumb img {width: 100%; height: auto;}
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content p, .entry-content li {color: #fff;}
.entry-content h2, .entry-content h3, .entry-content h4 {font-weight: 600; margin: 40px 0 15px; text-transform: capitalize;}
.entry-content h2, .entry-content h3 {font-size: 1.4rem; line-height: 1.3;}
.entry-content h4 {font-size: 1.3rem; line-height: 1.3;}
.entry-content p {margin-bottom: 15px;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: 1rem; line-height: 1.5;}
.entry-content a {color: #EF1C22; font-weight: 500;}
.entry-content a:hover {text-decoration: underline;}
.entry-content img, .page-content img {width: 100%; height: auto; margin-bottom: 15px;}
.entry-content ul, .entry-content ol {margin: 0 0 1.5em; padding-left: 30px;}
.entry-content ul li, .entry-content ol li {padding: 1px 0; margin-bottom: 2px;}
.entry-content ul li {list-style: disc;}
.entry-content ol li {list-style: decimal;}
.entry-content iframe {display: flex; margin: 0 auto;}
.entry-content .video {margin-bottom: 15px;}
.galeri {display: flex; flex-wrap: wrap;}
.galeri .item {width: 33.3333333333%; padding: 5px;}
.galeri .item a img {margin-bottom: -5px;}
.galeri .item a:hover img {opacity: .7;}
.wp-embedded-content {width: 100%!important;}
.twitter-tweet {margin: 0 auto 10px!important;}
.tag {margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 5px;}
.tag span {font-size: .815rem; line-height: 1.3; font-weight: 300; color: #8d9299; background: #11161f; padding: 6px 8px; border: 1px solid transparent; border-radius: 4px; display: inline-block; transition: .3s;}
.tag span:hover {border-color: #2E314A; color: #9ea2a8;}
.sharer {margin: 30px 0;}
.sharer h4 {margin-bottom: 10px; font-size: .95rem; line-height: 1.2; font-weight: 300; color: #b5b5b5; z-index: 3;}
.sharer ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px;}
.sharer li a {font-size: 1.8rem; line-height: 1; color: #fff; text-align: center; border-radius: 50%; display: block;}
.sharer li a:hover {color: #707070;}
.sharer li a span {display: block; font-size: .6rem; line-height: 1.1; color: #707070; font-weight: 400; text-transform: uppercase; margin-top: 8px;}
/* -------------------------------------------------- 
SINGLE MORE POST
-------------------------------------------------- */
.sb-more {margin-top: 40px; padding-top: 40px; border-top: 1px solid #3d4247;}
.sb-more.b-list .row {padding: 1.8em 0; border-bottom: 1px solid #3d4247;}
.sb-more.b-list .row:last-child {border-bottom: 0;}
.sb-more a {display: grid; grid-template-columns: 400px 1fr; gap: 35px;}
.sb-more.b-list a h3 {font-size: 1.45rem; line-height: 1.4; font-weight: 500;}
/* -------------------------------------------------- 
SIDEBAR
-------------------------------------------------- */
.sidebar h3 {font-size: 1.1rem; line-height: 1.2; font-weight: 500;}
.c-side li a {display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #3d4247; position: relative;}
.c-side .info {padding-right: 15px; width: 100%;}
.c-side li a h4 {font-size: .95rem; line-height: 1.4; color: #cdcfd3; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; transition: .3s;}
.c-side li a:hover h4 {color: #fff;}
.c-side li a .post-meta {font-size: .75rem; display: flex; align-items: center; margin-top: 10px;}
.c-side a .thumb {max-width: 110px; height: 110px; overflow: hidden;}
.c-side a .thumb img {min-width: 200px; margin-left: -40%; transition: 1.3s;}
/* -------------------------------------------------- 
PAGINATION
-------------------------------------------------- */
.wp-pagenavi {width: 100%; position: relative; margin: 20px 0 0; display: flex; justify-content: center;}
.wp-pagenavi span, .wp-pagenavi a {font-size: .95rem; line-height: 1; font-weight: 300; color: #afb1b6; border: none!important; border-radius: 50%; width: 2em; height: 2em; display: flex; align-items: center; justify-content: center; margin: 0!important; padding: 0!important;}
.wp-pagenavi a:hover {color: #cdcecf;}
.wp-pagenavi span.current {color: #fff; font-weight: 600!important;}
.wp-pagenavi .pages {display: none;}
.wp-pagenavi a.first, .wp-pagenavi a.last {width: auto;}
/* -------------------------------------------------- 
SINGLE MORE POST
-------------------------------------------------- */
.more-post {margin: 30px 0;}
.more-post .title {margin-bottom: 20px;}
.more-post .title h3 {font-size: 1.6rem; line-height: 1.1; font-weight: 700;}
.more-post .post-meta {margin: 10px 0 15px;}
.more-one .box {max-width: 800px;}
.more-one .col {margin-bottom: 20px;}
.more-one .col:last-child {margin-bottom: 0;}
.more-one .col a {display: flex; align-items: center;}
.more-one .thumb {min-width: 180px; margin-right: 20px; position: relative; overflow: hidden;}
.more-one a .thumb {border-radius: 8px;}
.more-one a .thumb img {transition: 1.3s;}
.more-one a:hover .thumb img {transform: scale(1.15);}
.more-one .info {width: 100%;}
.more-one a .info h4 {color: #000; font-size: 1.15rem; line-height: 1.3; font-weight: 700; margin-bottom: 10px;}
.more-one a .info .excerpt p {font-size: .95rem; line-height: 1.4; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.more-one a:hover .info h4 {text-decoration: underline;}
/* -------------------------------------------------- 
SEARCH PAGE
-------------------------------------------------- */
.search-title {margin-bottom: 30px;}
.search-title h1 {font-size: 1.4rem; line-height: 1.2; color: #000; font-weight: 600;}
/* -------------------------------------------------- 
404
-------------------------------------------------- */
.notfound {padding: 5em 0;}
.notfound h1 {font-size: 15rem; line-height: 1.1; font-weight: 700;}
.notfound p {font-size: 1.2rem; line-height: 1.2;}
/* -------------------------------------------------- 
ADD ON
-------------------------------------------------- */
.clearfix {clear: both;}
.video, .maps {overflow: hidden; padding-bottom: 50%; position: relative; height: 0;}
.video iframe, .maps iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
.maps {margin-bottom: 0;}
.fb {color: #4267b2;}
.twit {color: #55acee;}
.ig {color: #f24d58;}
.pin {color: #e60023;}
.utube {color: #ff0000;}
.whatsapp {color: #00a500;}
.tele {color: #0088cc;}
.fb-ico {background: #4267b2;}
.threads-ico {background: #000;}
.twit-ico {background: #000;}
.ig-ico {background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.pin-ico {background: #cc2127;}
.in-ico {background: #0077b5;}
.be-ico {background: #053eff;}
.utube-ico {background: #ff0000;}
.tiktok-ico {background: #000;}
.whatsapp-ico {background: #00a500;}
.web-ico {background: #a67c52;}
.tele-ico {background: #0088cc;}
.messenger-ico {background: #007fff;}
/* --------------------------------------------------
CF7
-------------------------------------------------- */
.wpcf7 br {display: none!important;}
.wpcf7 .box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.wpcf7 .col {margin-bottom: 20px; position: relative;}
.wpcf7 .col.radio {margin-bottom: 24px;}
.wpcf7 .col p {position: relative;}
.wpcf7 label {display: block; font-size: .9rem; line-height: 1.2; color: #fff; font-weight: 600; margin-bottom: 8px;}
.wpcf7 label .required {color: #ff0000; font-weight: 300;}
.wpcf7 .col input, .wpcf7 .col textarea, .wpcf7 select {width: 100%; padding: 12px 14px; font: .96rem 'Inter', sans-serif; line-height: 1.1; font-weight: 400; background: #fff; border: 1px solid #fff; border-radius: 4px; outline: none!important;}
.wpcf7 .col input:focus, .wpcf7 .col textarea:focus, .wpcf7 select:focus {box-shadow: 0 0 0 2px hsla(220, 100%, 50%, 80%);}
.wpcf7 .col textarea {line-height: 1.4!important; height: 100px;}
.wpcf7 .button {position: relative; margin-top: 5px;}
.wpcf7 .button input {background: #EF1C22; color: #fff; font-size: 1.1rem; line-height: 1.2; text-transform: capitalize; font-weight: 600; padding: 16px 0; text-align: center; width: 100%; display: block; border-radius: 4px; cursor: pointer; border: none;}
.wpcf7 .button input:hover {background: #dc1a1f;}
.wpcf7 .button input:focus {box-shadow: none;}
.wpcf7 .col.selct {position: relative;}
.wpcf7 .col.selct::after {content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: .85rem; color: #444; top: 39px; right: 10px; position: absolute; pointer-events: none;}
.wpcf7-checkbox {display: flex; gap: 20px;}
.wpcf7-radio {display: flex; gap: 20px;}
.wpcf7-list-item {margin: 0!important;}
.wpcf7-list-item label {font-weight: 400; cursor: pointer; display: flex; align-items: center; margin-bottom: 0;}
.wpcf7-list-item label input {width: 14px!important; height: 14px!important; padding: 0!important; margin: 0 6px 0 0!important; cursor: pointer;}
.wpcf7-list-item label span {color: #000; font-weight: 400;}
.wpcf7 .f-note {font-size: .84rem; line-height: 1.3; color: #5b5b5b; margin-top: 10px; text-align: center;}
.wpcf7-select::-ms-expand {display: none;}
.wpcf7-spinner {position: absolute!important; top: 12px; right: 0;}
input.wpcf7-not-valid {box-shadow: 0 0 0 2px hsla(0, 100%, 50%);}
.wpcf7-response-output {text-align: center; padding: 0 20px!important; margin: 15px 0 0!important;}
.wpcf7 form.sent .wpcf7-response-output {border: none; font-size: .9rem; line-height: 1.35; color: #46b450;}
.wpcf7 form.invalid .wpcf7-response-output {border: none; font-size: .9rem; line-height: 1.35; color: #ff0000;}
.wpcf7-not-valid-tip {display: none!important;}
/** CF7 Loding **/
#cf7-overlay {display: none; position: fixed; inset: 0; background: rgba(255, 255, 255, .85); backdrop-filter: blur(2px); z-index: 9999; align-items: center; justify-content: center; flex-direction: column; opacity: 0; transition: opacity .3s ease;}
#cf7-overlay.active {display: flex; opacity: 1;}
.cf7-spinner {width: 48px; height: 48px; border: 4px solid #e0e0e0; border-top-color: #00C332; border-radius: 50%; animation: cf7-spin .8s linear infinite;}
.cf7-success {text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px;}
.cf7-checkmark {width: 64px; height: 64px;}
.cf7-checkmark svg {width: 100%; height: 100%;}
.cf7-checkmark circle {stroke: #00C332; stroke-width: 2; stroke-dasharray: 166; stroke-dashoffset: 166; animation: cf7-circle .5s ease forwards;}
.cf7-checkmark path {stroke: #00C332; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 48; stroke-dashoffset: 48; animation: cf7-check .4s .5s ease forwards;}
.cf7-success p {font-size: 1.1rem; font-weight: 600; color: #222; margin: 0;}
.cf7-success span {font-size: .85rem; color: #666;}
@keyframes cf7-spin {
 to {transform: rotate(360deg);}
}
@keyframes cf7-circle {
 to {stroke-dashoffset: 0;}
}
@keyframes cf7-check {
 to {stroke-dashoffset: 0;}
}
/* --------------------------------------------------
MENU MOBILE
-------------------------------------------------- */
.b-menu {margin-right: -5px;}
.b-menu a {width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; padding: 3px;}
.b-menu img {width: 28px; height: 28px; display: block; filter: invert(99%) sepia(7%) saturate(123%) hue-rotate(207deg) brightness(115%) contrast(100%);}
.c-offcanvas--left {background: #000!important;}
.c-offcanvas--left button.js-offcanvas-close {font-size: 1.15rem; color: #fff; background: none; width: 32px; height: 32px; margin: 0; display: flex; justify-content: center; align-items: center; top: 5px; right: 5px; position: absolute;}
.canv {padding: 20px;}
.o-bb {}
.bb-logo {margin-bottom: 40px;}
.bb-title {margin-bottom: 10px;}
.bb-title h3 {font-size: .9rem; line-height: 1.1; font-weight: 500; color: #c2c2c2.wpcf7 .col input, .wpcf7 .col textarea, .wpcf7 select; text-transform: uppercase; position: relative;}
.bb-title h3::before {content: ''; width: 15px; height: 1.5px; background: #ef1c22; top: 7.5px; left: -22px; position: absolute;}
.bb-nav {margin-bottom: 30px;}
#navhp ul {display: flex; flex-direction: column; gap: 5px;}
#navhp li a {font-size: .98rem; line-height: 1.2; font-weight: 400; color: #fff; padding: 4px 0; display: block; width: 100%;}
/* --------------------------------------------------
OFF CANVAS
-------------------------------------------------- */
.c-offcanvas{transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index: 9999!important;}.c-offcanvas-bg.c-offcanvas-bg--push,.c-offcanvas-bg.c-offcanvas-bg--reveal,.c-offcanvas-content-wrap,.c-offcanvas{transition:transform 300ms cubic-bezier(0.4,0,0.6,1)}.c-offcanvas.is-open{transform:translate3d(0,0,0);visibility:visible}.c-offcanvas-content-wrap{z-index:3}.c-offcanvas{position:fixed;min-height:100%;max-height:none;top:0;display:block;background:#fff;overflow-x:hidden;overflow-y:auto}.c-offcanvas--opening{transition-timing-function:cubic-bezier(0.4,0,0.6,1)}.c-offcanvas.is-closed{max-height:100%;overflow:hidden;visibility:hidden;box-shadow:none}.c-offcanvas--overlay{z-index:1080}.c-offcanvas--reveal{z-index:2}.c-offcanvas-bg{position:fixed;top:0;height:100%;width:100%;z-index:1079;left:-100%;background-color:transparent;transition:background-color 400ms cubic-bezier(0.23,1,0.32,1) 0}.c-offcanvas-bg.is-animating,.c-offcanvas-bg.is-open{left:0;background-color:rgba(0,0,0,0.68);visibility:visible}.c-offcanvas-bg.is-closed{visibility:hidden}.c-offcanvas-bg--closing.is-animating{background:transparent}.c-offcanvas--left{height:100%;width:250px;transform:translate3d(-250px,0,0)}.c-offcanvas--right{height:100%;width:220px;right:0;transform:translate3d(220px,0,0)}.c-offcanvas--top{left:0;right:0;top:0;height:12.5em;min-height:auto;width:100%;transform:translate3d(0,-12.5em,0)}.c-offcanvas--bottom{top:auto;left:0;right:0;bottom:0;height:100%;min-height:auto;width:100%;transform:translate3d(0,100%,0)}.c-offcanvas-content-wrap{z-index:3}.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open{transform:translate3d(-17em,0,0)}.c-offcanvas--reveal{z-index:0;transform:translate3d(0,0,0)}.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open{transform:translate3d(-17em,0,0)}.c-offcanvas--push{z-index:6}.c-offcanvas--push--opening{transition-timing-function:cubic-bezier(0,0,0.2,1)}.c-offcanvas-content-wrap{z-index:3}.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open{transform:translate3d(-17em,0,0)}.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open{transform:translate3d(-17em,0,0)}
/* -------------------------------------------------- 
TO TOP BUTTON
-------------------------------------------------- */
#toTop {position: fixed; bottom: 15px; right: 10px; z-index: 999; cursor: pointer;}
#toTop img {background: #fff; border-radius: 50%; width: 48px; height: 48px; display: block; padding: 13px; border: 1px solid #ddd; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}