/* DIBUAT OTOMATIS oleh `bin/rails css:purge` dari bootsnav.css. Jangan diedit: ubah file aslinya lalu jalankan ulang task. */
/* ==============================================================

Template name : Bootsnav - Multi Purpose Header
Categorie : Bootstrap Menu in CSS
Author : adamnurdin01
Version : v.1.2
Created : 2016-06-02
Last update : 2016-10-19

============================================================== */

nav.bootsnav .megamenu-fw .dropdown-menu {left: auto;}
nav.bootsnav .megamenu-content {padding: 15px; width: 100%;}
nav.bootsnav .megamenu-content .title{margin-top: 0;}
nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {left: 0; right: 0;}

/* navbar */
nav.navbar.bootsnav{margin-bottom: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: none; border-bottom: solid 1px #e0e0e0;}
nav.navbar.bootsnav ul.nav > li > a{color: #6f6f6f; background-color: transparent !important;}
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,nav.navbar.bootsnav ul.nav li.active > a:hover,nav.navbar.bootsnav ul.nav li.active > a:focus,nav.navbar.bootsnav ul.nav li.active > a{background-color: transparent;}
nav.navbar.bootsnav .navbar-toggle{background-color: transparent !important; border: none; padding: 0; font-size: 18px; position: relative; top: 5px;}
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{white-space:normal;}

/* navbar full */
nav.bootsnav.navbar-full{padding-bottom: 10px;padding-top: 10px;}
nav.bootsnav.navbar-full .navbar-toggler{display: inline-block; margin-right: 0; position: relative; top: 0; font-size: 30px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; margin: 0;}
nav.bootsnav.navbar-full .navbar-toggler:hover, nav.bootsnav.navbar-full .navbar-toggler:focus {background-color: inherit;}
nav.bootsnav.navbar-full .navbar-collapse{ position: fixed; width: 100%; height: 100% !important; top: 0; left: 0; padding: 0; display: none !important; z-index: 9; max-height: 100% !important}
nav.bootsnav.navbar-full .navbar-collapse.in{ display: block !important;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full{ overflow: auto;}
nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{ display: table-cell;vertical-align: middle; overflow: auto; background: rgba(0,0,0,.88)}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {width: 0;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar { width: 0;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar { width: 0;}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar { width: 0;}
nav.bootsnav.navbar-full .navbar-collapse .nav{ display: block; width: 100%; }
nav.navbar.bootsnav.navbar-full li{margin: 20px 0}
nav.navbar.bootsnav.navbar-full li a{font-size: 22px !important; color: #232323; font-weight: bold; line-height: 26px !important; background: transparent}
nav.navbar.bootsnav.navbar-full li.dropdown ul{padding: 5px 15px !important}
nav.navbar.bootsnav.navbar-full li.dropdown ul.dropdown-menu {top: 0px !important; left: auto; margin: 0; top: 10px; padding:10px 20px; position: relative; float: none; background: inherit; border: 0; box-shadow: none;}
nav.navbar.bootsnav.navbar-full li.dropdown ul.dropdown-menu li{margin: 5px 0; }
nav.navbar.bootsnav.navbar-full li.dropdown ul.dropdown-menu li a {color: #232323 !important;  border: none !important; padding: 0; font-size: 14px !important; font-weight: normal}
nav.navbar.bootsnav.navbar-full li.dropdown ul.dropdown-menu li a:hover {color: #ff214f !important;}
nav.navbar.bootsnav.navbar-full ul > li a {padding-left: 35px;position: relative;}
nav.navbar.bootsnav.navbar-full ul > li a:hover, nav.navbar.bootsnav.navbar-full ul li.dropdown.open a{color:#ff214f; }
nav.navbar.bootsnav.navbar-full ul > li a:hover:after, nav.navbar.bootsnav.navbar-full ul li.dropdown.open a:after{background: #ff214f}
nav.navbar.bootsnav.navbar-full ul > li a::after {background: #dbdbdb none repeat scroll 0 0; content: ""; display: inline-block; height: 4px;left: 0;position: absolute;top: 14px;width: 18px;}
nav.navbar.bootsnav.navbar-full ul > li.dropdown ul.dropdown-menu li a:after{display: none}
nav.navbar.bootsnav.navbar-full ul > li.dropdown ul.dropdown-menu{padding-left: 50px !important}
.close-full-menu { background: #000 none repeat scroll 0 0; position: absolute; right: 0; top: 0; z-index: 78}
.close-full-menu > a {float: left; padding: 10px 15px;}

/* atribute navigation */
.attr-nav{float: right;display: inline-block;margin-left: 13px;margin-right: -15px;}
.attr-nav > ul{ padding: 0; margin: 0 0 -7px 0; list-style: none; display: inline-block;}
.attr-nav > ul > li{float: left;display: block;}
.attr-nav > ul > li > a{color: #6f6f6f;display: block;padding: 28px 15px;position: relative;}
.attr-nav > ul > li > a span.badge{position: absolute; top: 50%; margin-top: -15px; right: 5px; font-size: 10px; padding: 0; width: 15px; height: 15px; padding-top: 2px;}
.attr-nav > ul > li.dropdown ul.dropdown-menu{ -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;border-radius: 0px; border: solid 1px #e0e0e0;}

/* top search */
.top-search{background-color: #333;padding: 10px 0; display: none;}
.top-search input.form-control{ background-color: transparent; border: none; color: #fff; height: 40px; padding: 0 15px;}
.top-search .input-group-addon{ background-color: transparent; border: none; color: #fff; padding-left: 0; padding-right: 0;}
.top-search .input-group-addon.close-search{ cursor: pointer;}

/* side menu */
body{ -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
body.on-side{    margin-left: -280px;}
.side{ position: fixed;overflow-y: auto; top: 0; right: -280px; width: 280px;padding: 25px 30px; height: 100%; display: block;background-color: #333; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 9;}
.side.on{ right: 0;}
.side .close-side{ float: right; color: #fff; position: relative; z-index: 2; font-size: 16px;}
.side .widget{ position: relative; z-index: 1; margin-bottom: 25px;}
.side .widget .title{color: #fff;margin-bottom: 15px;}
.side .widget ul.link{padding: 0;margin: 0; list-style: none;}
.side .widget ul.link li a{color: #9f9f9f; letter-spacing: 1px;}
.side .widget ul.link li a:focus,
.side .widget ul.link li a:hover{color: #fff; text-decoration: none;}

/* share */
nav.navbar.bootsnav .share{padding: 0 30px; margin-bottom: 30px;}
nav.navbar.bootsnav .share ul{display: inline-block; padding: 0; margin: 0 0 -7px 0;list-style: none;}
nav.navbar.bootsnav .share ul > li{float: left;display: block;margin-right: 5px;}
nav.navbar.bootsnav .share ul > li > a{display: table-cell; vertical-align: middle;text-align: center; width: 35px; height: 35px;-moz-border-radius: 50%;-webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #cfcfcf; color: #fff;}

/* transparent */
nav.navbar.bootsnav.navbar-fixed{ position: fixed; display: block; width: 100%;}
nav.navbar.bootsnav.no-background{ -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

/* navbar sticky */
.wrap-sticky{ position: relative; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.wrap-sticky nav.navbar.bootsnav{ position: absolute; width: 100%; left: 0; top: 0;}
.wrap-sticky nav.navbar.bootsnav.sticked{ position: fixed; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{left: -280px;}

@media (min-width: 1024px) and (max-width:1400px) {
    body.wrap-nav-sidebar .wrapper .container{width: 100%;padding-left: 30px;}
}

@media (min-width: 1024px) {
    /* general navbar */
    nav.navbar.bootsnav ul.nav > li > a {padding: 30px 15px;}
    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{font-family: 'FontAwesome'; content: "\f0d7"; margin-left: 5px; margin-top: 2px;}
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu{-moz-border-radius: 0px;-webkit-border-radius: 0px;-o-border-radius: 0px; border-radius: 0px; border: none;}
    /*nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,*/
    /*nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{border-bottom: none;}*/
    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{text-align: right;}
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{padding: 0 30px; margin: 0 -0.5px; border-left: solid 1px #f0f0f0;}
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{border-left: none;}
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{border-right: none;}
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{display: none;}
    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{display: block !important;height: auto !important;}

    /* navbar transparent */
    nav.navbar.bootsnav.no-background{ background-color: transparent; border: none;}
    nav.navbar.bootsnav.navbar-transparent .attr-nav{ padding-left: 15px; margin-left: 30px; }

    nav.navbar.bootsnav.navbar-transparent.white{ background-color: rgba(255,255,255,0.3); border-bottom: solid 1px #bbb; }
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{ border-left: solid 1px #bbb; }
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a{ color: #fff; }

    /* atribute navigation */
    .attr-nav > ul > li.dropdown ul.dropdown-menu{ margin-top: 0; margin-left: 55px; width: 250px; left: -250px; }

    /* menu center */
    nav.navbar.bootsnav.menu-center .container{ position: relative; }
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin: 0 auto; display: table; table-layout: fixed; }
     nav.navbar.bootsnav.menu-center .attr-nav{ position: absolute; }
    nav.navbar.bootsnav.menu-center .attr-nav{ right: 15px; }

    /* navbar brand top */
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{ margin-top: 2px; }
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{ margin-top: 0; }
    nav.bootsnav.navbar-brand-top .navbar-collapse{ text-align: center; }
    /*nav.bootsnav.navbar-brand-top ul.nav{ display: inline-block; float: none; margin: 0 0 -5px 0; }*/

    /* navbar center */
    nav.bootsnav.brand-center .navbar-collapse{ text-align: center; display: inline-block; padding-left: 0; padding-right: 0;}
    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{ margin-top: 2px; }
    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{ margin-top: 0; }
    nav.bootsnav.brand-center .navbar-collapse .col-half{ width: 50%; float: left; display: block; }
    nav.bootsnav.brand-center .navbar-collapse .col-half.left{ text-align: right; padding-right: 100px; }
    nav.bootsnav.brand-center .navbar-collapse .col-half.right{ text-align: left; padding-left: 100px; }
    nav.bootsnav.brand-center ul.nav{ float: none !important; margin-bottom: -5px !important; display: inline-block !important; }
    nav.bootsnav.brand-center ul.nav.navbar-right{ margin: 0; }

    /*  navbar sidebar */
    body.wrap-nav-sidebar .wrapper{ padding-left:260px;overflow-x:hidden; }
    nav.bootsnav.navbar-sidebar{ position:fixed;width:260px;overflow:hidden;left:0;padding:0 0 0 0 !important;background:#fff; }
    nav.bootsnav.navbar-sidebar .scroller{ width:280px;overflow-y:auto;overflow-x:hidden; }
    nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container{ padding:0 !important; }
    nav.bootsnav.navbar-sidebar .navbar-collapse{ padding:0 !important;width:260px; }
    nav.bootsnav.navbar-sidebar ul.nav{ float:none;display:block;width:100%;padding:0 15px !important;margin:0 0 30px 0; }
    nav.bootsnav.navbar-sidebar ul.nav li{ float:none !important; }
    nav.bootsnav.navbar-sidebar ul.nav > li > a{ padding:10px 15px;font-weight:bold; }
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{ float:right; }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{ left:100%;top:0;position:relative !important;left:0 !important;width:100% !important;height:auto !important;background-color:transparent;border:none !important;padding:0; }
    nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{ border:none !important; }
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{ margin-bottom:15px; }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{ padding-left:0;float:none;margin-bottom:0; }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{ padding:5px 15px;color:#6f6f6f;border:none; }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{ padding-left:15px;margin-top:0; }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{ font-family:'FontAwesome';content:"\f105";float:right; }
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{ content:"\f107"; }
    nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{ padding:0 !important; }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{ display:block;float:none !important;padding:0;margin:0;width:100%; }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{ padding:7px 0;text-transform:none;font-weight:400;letter-spacing:0px;margin-bottom:0;cursor:pointer;color:#6f6f6f; }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{ font-family:'FontAwesome';content:"\f105";float:right; }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{ content:"\f107"; }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{ border:none; }
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{ padding:0 0 0 15px; }

}

@media (max-width: 991px) {
    /*  navbar responsive */
    nav.navbar.bootsnav .navbar-toggler{ display:inline-block;float:right;margin-right:0;margin-top:0px;padding: 0; }
    nav.navbar.bootsnav .navbar-collapse{ border:none;margin-bottom:0; }
    nav.navbar.bootsnav.no-full .navbar-collapse{ /*max-height:335px;*/overflow-y:auto !important; }
    nav.navbar.bootsnav .navbar-collapse.collapse{ display:none !important; }
    nav.navbar.bootsnav .navbar-collapse.collapse.in, nav.navbar.bootsnav .navbar-collapse.collapse.show{ display:block !important; }
    nav.navbar.bootsnav .navbar-nav{ float:none !important;padding-left:30px;padding-right:30px;margin:0px -15px; }
    nav.navbar.bootsnav.navbar-full .navbar-nav{ padding:0;margin:0 }
    nav.navbar.bootsnav .navbar-nav > li{ float:none; }
    nav.navbar.bootsnav .navbar-nav > li > a{ display:block;width:100%;border-bottom:solid 1px #e0e0e0;padding:10px 0;border-top:solid 1px #e0e0e0;margin-bottom:-1px; }
    nav.navbar.bootsnav .navbar-nav > li:first-child > a{ border-top:none; }
    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{ border-bottom:solid 1px #e0e0e0; }
    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{ float:none !important;position:relative;display:block;width:100%; }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{ width:100%;position:relative !important;background-color:transparent;float:none;border:none;padding:0 0 0 15px !important;margin:0 0 -1px 0 !important;border-radius:0px 0px 0px; }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ display:block;width:100%;border-bottom:solid 1px #e0e0e0;padding:10px 0;color:#6f6f6f; }
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{ background-color:transparent; }
    nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{ float:none !important;left:0;padding:0 0 0 15px;position:relative;background:transparent;width:100%; }
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{ display:inline-block;margin-top:-10px; }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{ display:none; }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{ padding:10px 15px 10px 0;line-height:24px;text-transform:none;font-weight:400;letter-spacing:0px;margin-bottom:0;cursor:pointer;border-bottom:solid 1px #e0e0e0;color:#6f6f6f; }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a{ display:block;width:100%;border-bottom:solid 1px #e0e0e0;padding:8px 0; }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before{ font-family:'FontAwesome';content:"\f105";float:right;font-size:16px;margin-left:10px;position:relative;right:-15px; }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{ border-bottom:none; }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{ border-bottom:solid 1px #e0e0e0; }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{ content:"\f107"; }
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{ padding:0 0 0 15px; }
    nav.bootsnav.brand-center .navbar-collapse{ display:block; }
    nav.bootsnav.brand-center ul.nav{ margin-bottom:0px !important; }
    nav.bootsnav.brand-center .navbar-collapse .col-half{ width:100%;float:none;display:block; }
    nav.bootsnav.brand-center .navbar-collapse .col-half.left{ margin-bottom:0; }
    nav.bootsnav .megamenu-content{ padding:0; }
    nav.bootsnav .megamenu-content .col-menu{ padding-bottom:0; }
    nav.bootsnav .megamenu-content .title{ cursor:pointer;display:block;padding:10px 15px;margin-bottom:0;font-weight:normal; }
    nav.bootsnav .megamenu-content .content{ display:none; }
    .attr-nav{ position:absolute;right:60px; }
    .attr-nav > ul{ padding:0;margin:0 -15px -7px 0; }
    .attr-nav > ul > li > a{ padding:16px 15px 15px; }
    .attr-nav > ul > li.dropdown > a.dropdown-toggle:before{ display:none; }
    .attr-nav > ul > li.dropdown ul.dropdown-menu{ margin-top:2px;margin-left:55px;width:250px;left:-250px;border-top:solid 5px; }
    .top-search .container{ padding:0 45px; }

    /* navbar full responsive  */
    nav.bootsnav.navbar-full ul.nav{ margin-left: 0; }
    nav.bootsnav.navbar-full ul.nav > li > a{ border: none; }
    nav.bootsnav.navbar-full .navbar-toggler { display: inline-block; float: right; margin-right: 0; margin-top: 10px; }

    /* navbar sidebar */
    nav.navbar.bootsnav.navbar-sidebar .share{ padding: 30px 15px; margin-bottom: 0; }

    /* tab */

    /* mobile navigation */
    body > .wrapper{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
    body.side-right > .wrapper{ margin-left: 280px; margin-right: -280px !important; }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse{ position: fixed; overflow-y: auto !important; overflow-x: hidden !important; display: block; background: #fff; z-index: 99; width: 280px; height: 100% !important; left: -280px; top: 0; padding: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{ left: 0; }
    nav.navbar.bootsnav.navbar-mobile ul.nav{ width: 293px; padding-right: 0; padding-left: 15px; }
    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{ padding: 15px 15px; }
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{ padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; }
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{ padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important; }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] { width: 100%; }
    
    nav.navbar.bootsnav.navbar-mobile .tab-content{ width: 100%; display: block; }
}
/* DIBUAT OTOMATIS oleh `bin/rails css:purge` dari theme-vendors.min.css. Jangan diedit: ubah file aslinya lalu jalankan ulang task. */
@charset "UTF-8";/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 :root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,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-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,pre{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.list-unstyled{padding-left:0;list-style:none}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.figure{display:inline-block}.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.col-auto{flex:0 0 auto;width:auto}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}.g-0{--bs-gutter-x:0}.g-0{--bs-gutter-y:0}.g-4{--bs-gutter-x:1.5rem}.g-4{--bs-gutter-y:1.5rem}@media (min-width:576px){.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}}@media (min-width:768px){.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-1{margin-left:8.33333333%}.offset-md-3{margin-left:25%}}@media (min-width:992px){.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-label{margin-bottom:.5rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-text:last-child{margin-bottom:0}.card-img-top{width:100%}.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.offcanvas{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.align-middle{vertical-align:middle!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.bottom-0{bottom:0!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.order-1{order:1!important}.order-2{order:2!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-2{gap:.5rem!important}.gap-4{gap:1.5rem!important}.fw-semibold{font-weight:600!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-uppercase{text-transform:uppercase!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.visible{visibility:visible!important}@media (min-width:768px){.d-md-block{display:block!important}.d-md-flex{display:flex!important}.flex-md-row{flex-direction:row!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.align-items-md-start{align-items:flex-start!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.pe-md-3{padding-right:1rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.d-lg-block{display:block!important}.d-lg-none{display:none!important}.justify-content-lg-start{justify-content:flex-start!important}.mt-lg-0{margin-top:0!important}.text-lg-start{text-align:left!important}}

/*
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 * Copyright 2014-2023 Vladimir Kharlampidi
 * Released under the MIT License
 * Released on: November 22, 2023
 */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

/*
justifiedGallery
Version: 3.8.1
Plugin URI: http://miromannino.github.io/Justified-Gallery/
License: Copyright (c) 2020 Miro Mannino | Licensed under the MIT license
*/
.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1;margin:0;padding:0}.justified-gallery>a>a>img,.justified-gallery>a>a>svg,.justified-gallery>a>img,.justified-gallery>a>svg,.justified-gallery>div>a>img,.justified-gallery>div>a>svg,.justified-gallery>div>img,.justified-gallery>div>svg,.justified-gallery>figure>a>img,.justified-gallery>figure>a>svg,.justified-gallery>figure>img,.justified-gallery>figure>svg{position:absolute;top:50%;left:50%;margin:0;padding:0;border:none;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.jg-caption,.justified-gallery>div>.jg-caption,.justified-gallery>figure>.jg-caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.jg-caption.jg-caption-visible,.justified-gallery>div>.jg-caption.jg-caption-visible,.justified-gallery>figure>.jg-caption.jg-caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.justified-gallery>.jg-entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0}.justified-gallery>.jg-entry-visible>a>img,.justified-gallery>.jg-entry-visible>a>svg,.justified-gallery>.jg-entry-visible>img,.justified-gallery>.jg-entry-visible>svg{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.jg-spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0 10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.jg-spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px 0 4px;background-color:#000;border-radius:6px}

/*
Animate css
Version: 4.1.1
Plugin URI: https://animate.style/
License: Licensed under the MIT license - http://opensource.org/licenses/MIT
*/
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}


/*
Magnific popup
Version: 1.1.0 - 2016-02-20
Plugin URI: http://dimsemenov.com/plugins/magnific-popup/
License: Copyright (c) 2016 Dmitry Semenov
*/
.mfp-container *{transition-timing-function:none;-moz-transition-timing-function:none;-webkit-transition-timing-function:none;-o-transition-timing-function:none;transition-duration:0s;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-35px;padding:0;width:60px;height:60px;-webkit-tap-highlight-color:transparent}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;border:medium inset transparent}.mfp-arrow-left{left:40px}.mfp-arrow-right{right:40px}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/*
Bundel ikon font tema. Font Awesome dihapus (T15): ikon publik kini SVG inline lewat svg_icon (IconHelper);
hanya utilitas .sr-only yang dipertahankan dari bagian tersebut.
Themify: kelas .ti-* dan seluruh ET Line dihapus (tidak dipakai di halaman publik). @font-face themify
dipertahankan karena style.css memakainya langsung lewat font-family (panah popup Magnific .mfp-arrow-*,
kutipan .blog-image blockquote). Font hanya diunduh bila glyph-nya benar-benar tampil.
*/
.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

/*
Themify
Version: 1.0.1
Plugin URI: https://github.com/lykmapipo/themify-icons#themify-icons
License: Themify Icons font licensed under: http://scripts.sil.org/OFL
*/
@font-face{font-family:themify;src:url(/assets/themify-f1ba2ff6b8910c974fe48b17a80843b8b19ac6e6ae08d68bd27df2259ce6c658.eot?-fvbane);src:url(/assets/themify-f1ba2ff6b8910c974fe48b17a80843b8b19ac6e6ae08d68bd27df2259ce6c658.eot?#iefix-fvbane) format('embedded-opentype'),url(/assets/themify-efcb3c913adebf3e17d241a55cab2c25f0ff6fbd217d1ae4c29e7c84952a404b.woff?-fvbane) format('woff'),url(/assets/themify-67c745cef69ad6303b7cf19bd616a48401e7bb8e1e1d9de050c7d6622c56fcb5.ttf?-fvbane) format('truetype'),url(/assets/themify-e67cd83894f9e9c70f84ed1dc044bd5c2b8da02050864096a27338d9e7262b8b.svg?-fvbane#themify) format('svg');font-weight:400;font-style:normal;font-display:swap}
/* DIBUAT OTOMATIS oleh `bin/rails css:purge` dari style.css. Jangan diedit: ubah file aslinya lalu jalankan ulang task. */
@charset "UTF-8";

/* ----------------------------------

Name: style.css
Version: 3.2

-------------------------------------

Table of contents:
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Margin
    12. Padding
    13. Display and float
    14. Position
    15. Width
    16. Height
    17. Icon
    18. Magnific popup
    19. Header
    20. Page title
    21. Swiper carousel
    22. Grid
    23. Portfolio
    24. Elements
    25. Blog
    26. Footer
    27. Home page
    28. Others
*/

/* base color variable*/
:root {
  --base-color: #DC5EBD;
  --black-color: #000;
  --prisma-yellow-color: #FCDC02;
  --prisma-grey-color: #fafafa;
  --prisma-dark-grey-color: #555555;
  --dark-grey-color: #000;
  --red-color: #FF6635;
  --medium-red-color: #FD8F69;
  --light-red-color: #FFB9A3;
  --very-light-red-color: #FDE3D9;
  --gold-color: #9A6502;
  --medium-gold-color: #FFDD33;
  --light-gold-color: #FFEF93;
  --very-light-gold-color: #FFF8C5;
  --green-color: #5B8A00;
  --dark-green-color: #043904;
  --medium-green-color: #139D4F;
  --light-green-color: #D6EF9A;
  --very-light-green-color: #EBF7CD;
  --blue-color: #002787;
  --dark-blue-color: #071A3D;
  --medium-blue-color: #3761B0;
  --light-blue-color: #7D9AD9;
  --very-light-blue-color: #CCDBFD;
  --grey-color: #E7E7E7;
  --medium-grey-color: #A1A198;
  --light-grey-color: #FBFBFB;
  --very-light-grey-color: #E3E3E0;
}

/* ===================================
    02. Reset
====================================== */
html {
  font-size: 15px;
}

body {
  font-family: "Montserrat", 'arial';
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 15px;
  color: var(--black-color);
  font-weight: 300;
  line-height: 20px;
}

body,
html {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
}

a,
a:active,
a:focus {
  color: var(--black-color);
  text-decoration: none;
}

a:hover,
a:active {
  color: var(--black-color);
  text-decoration: none;
}

a:focus,
a:active,
button:focus,
button:active,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
  box-shadow: none;
}

img {
  max-width: 100%;
  height: auto;
}

video {
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

input,
textarea,
select {
  border: 1px solid var(--medium-grey-color);
  font-size: 14px;
  padding: 8px 15px;
  width: 100%;
  margin: 0 0 20px 0;
  max-width: 100%;
  resize: none;
  color: inherit;
}

input[type="submit"] {
  width: auto;
}

input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
input[type="submit"] {
  -webkit-appearance: none;
  outline: none;
}

input:focus,
textarea:focus {
  border-color: var(--prisma-grey-color) !important;
  outline: none;
}

input[type="button"]:focus,
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.btn.focus,
.btn:focus {
  outline: none;
  box-shadow: none;
}

select::-ms-expand {
  display: none;
}

iframe {
  border: 0;
}

p {
  margin: 0 0 20px;
}

b,
strong {
  font-weight: 500;
}

.last-paragraph-no-margin p:last-of-type {
  margin-bottom: 0;
}

.alt-font strong {
  font-weight: 500;
}

ul,
ol,
dl {
  list-style-position: outside;
  margin-bottom: 25px;
}

* {
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

*:hover {
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}


.swiper-container *,
.swiper *,
.mfp-container *,
.portfolio-wrapper *,
.parallax,
.header-searchbar * {
  transition-timing-function: none;
  -moz-transition-timing-function: none;
  -webkit-transition-timing-function: none;
  -o-transition-timing-function: none;
  -ms-transition-timing-function: none;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
}

::selection {
  color: #000;
  background: #dbdbdb;
}

::-moz-selection {
  color: #000;
  background: #dbdbdb;
}

::-webkit-input-placeholder {
  color: #000;
  text-overflow: ellipsis;
}

::-moz-placeholder {
  color: #000;
  text-overflow: ellipsis;
  opacity: 1;
}

.container,
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row>* {
  padding-right: 15px;
  padding-left: 15px;
}

.row.g-0 {
  margin-right: 0;
  margin-left: 0;
}

.row.g-0>* {
  padding-right: 0;
  padding-left: 0;
}

header [class^="container-"] [class^="col-"],
header [class^="container-"] [class*=" col-"] {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

.swiper-container,
.swiper {
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto;
  }
}

/* ===================================
    03. Typography
====================================== */

/* font family */
.alt-font {
  font-family: "Montserrat", 'arial';
}

/* heading */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", 'arial';
  margin: 0 0 15px;
  padding: 0;
  letter-spacing: 0;
  font-weight: 400;
  line-height: normal;
}

h1 {
  font-size: 65px;
  line-height: 65px;
}

h2 {
  font-size: 60px;
  line-height: 60px;
}

h3 {
  font-size: 50px;
  line-height: 50px;
}

h4, .text-h4 {
  font-size: 40px;
  line-height: 40px;
}

h5 {
  font-size: 30px;
  line-height: 30px;
}

h6 {
  font-size: 20px;
  line-height: 20px;
}

/* text size */

.text-small {
  font-size: 12px;
  line-height: 20px;
}

.text-medium {
  font-size: 15px;
  line-height: 20px;
}

.text-large {
  font-size: 17px;
  line-height: 22px;
}

.text-extra-large {
  font-size: 20px;
  line-height: 26px;
}

.title-small {
  font-size: 30px !important;
  line-height: 32px;
}

.title-extra-medium {
  font-size: 75px;
  line-height: 70px;
}

.title-extra-large {
  font-size: 130px;
  line-height: 120px;
}

.gap-10 {
  gap: 10px;
}

/* text color */
.text-white-2,
.btn.text-white-2 {
  color: #fff !important;
}

.text-black,
.btn.text-black {
  color: #000;
}

.text-dark-gray,
.btn.text-dark-gray {
  color: var(--prisma-dark-grey-color);
}

.text-gray,
.btn.text-gray {
  color: var(--grey-color);
}

.text-medium-gray,
.btn.text-medium-gray {
  color: var(--medium-grey-color);
}

.text-dark-green {
  color: var(--dark-green-color);
}

.text-pink {
  color: #DC5EBD;
}

.text-purple {
  color: #6F53E9;
}

.text-blue {
  color: #2A71F6;
}

.text-teal {
  color: #6EB7B8;
}

/* dropcap */

/* blockquote */
blockquote {
  padding: 20px 30px;
}

blockquote p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 17px !important;
  font-weight: 300;
}

blockquote {
  border-left: 2px solid;
  padding: 15px 40px;
  margin: 25px 0;
}

blockquote footer {
  color: var(--grey-color);
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content: "\2014 \00A0";
}

/* text link hover color */

/* hover color */

/* letter spacing */

/* font weight */

.font-weight-300 {
  font-weight: 300;
}

.font-weight-320 {
  font-weight: 320;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

/* text property */

.line-height-normal {
  line-height: normal;
}

.text-nowrap {
  white-space: nowrap;
}

/* line height */

.line-height-22 {
  line-height: 22px;
}

.line-height-26 {
  line-height: 26px;
}

/* ===================================
    04. Background color
====================================== */


.background-transparent {
  background-color: transparent;
}

.bg-white {
  background-color: var(--white-color);
}

.bg-black {
  background-color: var(--black-color);
}

.bg-dark-grey {
  background-color: var(--prisma-dark-grey-color);
}

.bg-grey {
  background-color: var(--prisma-grey-color);
}

.bg-yellow {
  background-color: var(--prisma-yellow-color);
}

.bg-green {
  background-color: var(--green-color);
}

.bg-dark-blue {
  background-color: var(--dark-blue-color);
}

.bg-transparent-black {
  background-color: rgba(0, 0, 0, 0);
  background:
    -moz-linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%),
    -moz-linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
  background: -webkit-gradient(top,
      top,
      color-stop(0%, rgba(0, 0, 0, 0)),
      color-stop(37%, rgba(0, 0, 0, 0)),
      color-stop(96%, rgba(0, 0, 0, 1)),
      color-stop(100%, rgba(0, 0, 0, 1)));
  background:
    -webkit-linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%),
    -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
  background:
    -o-linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%),
    -o-linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
  background:
    -ms-linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%),
    -ms-linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
  background:
    linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%),
    linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.bg-gradient-purple {
  background-image: linear-gradient(to right,
      #E526F6 0%,
      #FA665D 50%,
      #A22BE6 100%) !important;
}

/* ===================================
    05. Custom
====================================== */
section {
  padding: 50px 0;
  overflow: hidden;
}

section.big-section {
  padding: 160px 0;
}

section.extra-big-section {
  padding: 200px 0;
}

section.more-extra-big-section {
  padding: 300px 0;
}

section.half-section {
  padding: 80px 0;
}

section.small-section {
  padding: 30px 0;
}

label {
  margin-bottom: 5px;
  /*font-weight: 400;*/
}

.overlap-section {
  margin-top: -14%;
  position: relative;
}

.form-select,
.form-control {
  color: var(--prisma-dark-grey-color);
  font-weight: 300;
}

/* input */
.input-border-bottom {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding: 10px 0;
  margin-bottom: 30px;
  font-size: 16px;
  border-radius: 0;
}

.input-border-bottom:focus {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
}

.input-border-bottom::placeholder {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
}

.input-border-bottom::-webkit-input-placeholder {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
}

.input-border-bottom:-moz-placeholder {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  opacity: 1;
}

.input-border-bottom::-moz-placeholder {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  opacity: 1;
}

.input-border-bottom:-ms-input-placeholder {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
}

.input-border-bottom::-ms-input-placeholder {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
}

/*.input-border-white .input-border-bottom {*/
/*border-bottom: 1px solid #ffffff;*/
/*color: #fff;*/
/*border-top: transparent !important;*/
/*border-left: transparent !important;*/
/*border-right: transparent !important;*/
/*}*/
/*.input-border-white .input-border-bottom:focus {*/
/*background: transparent;*/
/*border-bottom: 1px solid #ffffff;*/
/*color: #fff;*/
/*}*/
/*.input-border-white .input-border-bottom::-webkit-input-placeholder {*/
/*color: #fff;*/
/*}*/
/*.input-border-white .input-border-bottom::-moz-placeholder {*/
/*color: #fff;*/
/*}*/
/*.input-border-white .input-border-bottom:-ms-input-placeholder {*/
/*color: #fff;*/
/*}*/

.form-results {
  clear: both;
  margin: 0 0 15px;
  text-align: center;
  padding: 10px 0;
  display: none;
  font-size: 14px;
}

/* separator */

.separator-line-horrizontal-full {
  width: 100%;
  height: 1px;
}

/* divider */

/* opacity */

.opacity-extra-medium {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  top: 0;
  left: 0;
}

.opacity-medium {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  top: 0;
  left: 0;
}

.opacity-full {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  top: 0;
  left: 0;
}

/* box-shadow */

.box-shadow-light {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

/* z-index */

.z-index-1 {
  z-index: 1;
}

.z-index-0 {
  z-index: 0;
}

.z-index-minus1 {
  z-index: -1;
}

/* verticle align */

.absolute-middle-center {
  left: 50%;
  top: 50%;
  position: absolute;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

/* google map filters */

.map iframe {
  height: 619px;
  vertical-align: bottom;
  width: 100%;
}

/* ===================================
    06. Button
====================================== */

.btn {
  display: inline-block;
  border: 1px solid transparent;
  color: inherit;
  letter-spacing: 0;
  line-height: inherit;
  border-radius: 0;
  /*text-transform: uppercase;*/
  width: auto;
  font-family: "Montserrat", 'arial';
  font-weight: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
}

/* button size */

.btn.btn-small {
  font-size: 12px;
  padding: 4px 24px;
}

.btn.btn-medium {
  font-size: 12px;
  padding: 6px 25px 5px;
}

.btn.btn-large {
  font-size: 16px;
  padding: 9px 34px;
  line-height: 25px;
}

.btn-dual .btn {
  margin-left: 10px;
  margin-right: 10px;
}

.btn i {
  margin-left: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/* button background */

/* button transparent */

.btn.btn-prisma {
  background: transparent;
  /*border-color: #fff;*/
  color: var(--dark-grey-color);
}

.btn.btn-prisma:hover,
.btn.btn-prisma:focus {
  background: var(--base-color);
  border-color: var(--base-color);
  color: #fff;
}

.btn.btn-transparent-prisma {
  background: transparent;
  border-color: #fff !important;
  color: #fff;
}

.btn.btn-transparent-prisma:hover,
.btn.btn-transparent-prisma:focus {
  background: var(--base-color);
  border-color: var(--base-color) !important;
  color: #fff;
}

/* button rounded */
.btn.btn-rounded {
  border-radius: 50px;
}

.btn.btn-border {
  border: 1px solid var(--dark-grey-color);
}

.btn.btn-rounded.btn-small {
  padding: 3px 26px;
}

.btn.btn-rounded.btn-medium {
  padding: 4px 30px;
}

.btn.btn-rounded.btn-large {
  padding: 5px 34px;
}

/* image button */

/* dropdown style 1 */

/* button link */

/* ===================================
    07. Border
====================================== */

/* boder align */
.border-top {
  border-top: 1px solid !important;
  border-color: var(--dark-grey-color);
}

.border-bottom {
  border-bottom: 1px solid !important;
  border-color: var(--dark-grey-color);
}

/* boder width */
.border-width-1 {
  border-width: 1px;
}

.border-width-2 {
  border-width: 2px !important;
}

/* border color */

.border-color-extra-medium-gray {
  border-color: #dbdbdb !important;
}

.border-color-medium-gray {
  border-color: #aeaeae !important;
}

.border-color-pink {
  border-color: var(--base-color) !important;
}

.required-error {
  /*border: 1px solid #ee2323 !important;*/
}

.input-border-bottom.required-error {
  border-width: 0 !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #ee2323 !important;
}

.g-recaptcha.required-error iframe {
  border: 1px solid #ee2323;
}

.g-recaptcha.required-error {
  border: 0 !important;
}

/* boder style */

/* border for overline icon box */

/* border color for overline icon box */

/* transparent border */

/* border radius */

.border-radius-8 {
  border-radius: 8px;
}

.border-radius-20 {
  border-radius: 2rem;
}

/* ===================================
    08. Aside style
====================================== */

.left-sidebar {
  padding-left: 60px;
}

/* ===================================
    09. Video
====================================== */

.htms-video {
  background-color: #fff;
  height: auto;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute !important;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: auto;
  z-index: -3;
}

/* ===================================
    10. Background image
====================================== */

.parallax {
  position: relative !important;
  background-size: cover !important;
  overflow: hidden;
  background-attachment: fixed !important;
  background-position: center !important;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
}

.bg-image,
.bg-image-no-parallax,
.cover-background {
  position: relative !important;
  background-size: cover !important;
  overflow: hidden !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.banner-cover-background {
  position: relative !important;
  overflow: hidden !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 100% 100% !important;
}

.background-position-left {
  background-position: left center !important;
}

.background-attachment-initial {
  background-attachment: initial !important;
}

/* white with 20% opacity */
.transparent-box,
.transparent-box-solid {
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  padding: 20px 20px;
  backdrop-filter: blur(2px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 2rem;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2),
    inset 0 4px 20px rgba(255, 255, 255, 0.3);
}

.transparent-box-whiter {
  background: rgba(255, 255, 255, 0.5) !important;
}

.transparent-box::after,
.transparent-box-solid::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2rem;
  backdrop-filter: blur(1px);
  box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 1),
    inset 0px -9px 0px -8px rgba(255, 255, 255, 1);
  opacity: 0.6;
  z-index: -1;
  filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%);
}

.box-embroided {}

.transparent-white-box {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 20px 20px;
  border-radius: 8px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/*==============================
    11. Margin
================================*/

.margin-half-all {
  margin: 0.5%;
}

.margin-40px-all {
  margin: 40px;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-lr {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

/* margin top */

.margin-10px-top {
  margin-top: 10px;
}

.margin-15px-top {
  margin-top: 15px;
}

.margin-20px-top {
  margin-top: 20px;
}

.margin-30px-top {
  margin-top: 30px;
}

.margin-40px-top {
  margin-top: 40px;
}

.margin-50px-top {
  margin-top: 50px;
}

/* margin bottom */

.margin-five-bottom {
  margin-bottom: 5%;
}

.margin-5px-bottom {
  margin-bottom: 5px;
}

.margin-10px-bottom {
  margin-bottom: 10px;
}

.margin-15px-bottom {
  margin-bottom: 15px;
}

.margin-20px-bottom {
  margin-bottom: 20px;
}

.margin-25px-bottom {
  margin-bottom: 25px;
}

.margin-30px-bottom {
  margin-bottom: 30px;
}

.margin-35px-bottom {
  margin-bottom: 35px;
}

.margin-40px-bottom {
  margin-bottom: 40px;
}

.margin-50px-bottom {
  margin-bottom: 50px;
}

.margin-70px-bottom {
  margin-bottom: 70px;
}

/* margin right */

.margin-5px-right {
  margin-right: 5px;
}

.margin-10px-right {
  margin-right: 10px;
}

/* margin left */

.margin-5px-left {
  margin-left: 5px;
}

.margin-30px-left {
  margin-left: 30px;
}

/* margin left and right */

/* margin top and bottom */

.margin-25px-tb {
  margin-top: 25px;
  margin-bottom: 25px;
}

.margin-30px-tb {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-50px-tb {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* ===============================
    12. Padding
================================= */

.no-padding {
  padding: 0 !important;
}

.no-padding-lr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-padding-tb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.padding-two-all {
  padding: 2%;
}

.padding-three-all {
  padding: 3%;
}

.padding-four-all {
  padding: 4%;
}

.padding-five-all {
  padding: 5%;
}

.padding-six-all {
  padding: 6%;
}

.padding-eight-all {
  padding: 8%;
}

.padding-nine-all {
  padding: 9%;
}

.padding-fifteen-all {
  padding: 15%;
}

.padding-20px-all {
  padding: 20px;
}

.padding-30px-all {
  padding: 30px;
}

.padding-40px-all {
  padding: 40px;
}

.padding-60px-all {
  padding: 60px;
}

/* padding top */

.padding-three-top {
  padding-top: 3%;
}

.padding-five-top {
  padding-top: 5%;
}

/* padding bottom */

.padding-30px-bottom {
  padding-bottom: 30px;
}

.padding-40px-bottom {
  padding-bottom: 40px;
}

/* padding right */

/* padding left */

/* padding top and bottom */

.padding-three-tb {
  padding-top: 3%;
  padding-bottom: 3%;
}

.padding-four-tb {
  padding-top: 4%;
  padding-bottom: 4%;
}

.padding-five-half-tb {
  padding-top: 5.5%;
  padding-bottom: 5.5%;
}

.padding-20px-tb {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-35px-tb {
  padding-top: 35px;
  padding-bottom: 35px;
}

.padding-40px-tb {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-70px-tb {
  padding-top: 70px;
  padding-bottom: 70px;
}

/* padding left and right */

.padding-three-lr {
  padding-left: 3%;
  padding-right: 3%;
}

.padding-four-lr {
  padding-left: 4%;
  padding-right: 4%;
}

.padding-five-lr {
  padding-left: 5%;
  padding-right: 5%;
}

.padding-six-lr {
  padding-left: 6%;
  padding-right: 6%;
}

.padding-ten-lr {
  padding-left: 10%;
  padding-right: 10%;
}

.padding-twelve-lr {
  padding-left: 12%;
  padding-right: 12%;
}

.padding-eighteen-lr {
  padding-left: 18%;
  padding-right: 18%;
}

.padding-10px-lr {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-50px-lr {
  padding-left: 50px;
  padding-right: 50px;
}

/* ==============================
    13. Display and float
================================ */

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-auto {
  overflow: auto !important;
}

/* ==============================
    14. Position
================================ */

/* top */

/* bottom */

.bottom-0 {
  bottom: 0;
}

/* left */

/* right */

/* ================================
    15. Width
================================ */

.w-170px {
  width: 170px !important;
}

.w-200px {
  width: 200px !important;
}

.w-600px {
  width: 600px;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-100 {
  width: 100%;
}

.w-fit-content {
  width: fit-content;
}

/* ================================
    16. Height
================================ */

.h-250px {
  height: 250px;
}

.h-300px {
  height: 300px;
}

.h-400px {
  height: 400px;
}

.h-600px {
  height: 600px;
}

.h-90p {
  height: 90%;
}

.full-screen {
  height: 980px;
}

/* min-height */

/* screen height  */

.one-second-screen {
  height: 600px;
}

/* ===================================
    17. Icon
====================================== */

/* icon size */
.icon-very-small {
  font-size: 16px;
}

.icon-large {
  font-size: 50px;
}

/* social media icon */

/* social media icon style */

.medium-icon,
.large-icon {
  list-style: none;
  padding: 0;
}


.medium-icon li,
.large-icon li {
  display: inline-block;
}


footer .medium-icon li:first-child,
footer .large-icon li:first-child {
  margin-left: 0;
}


footer .medium-icon li:last-child,
footer .large-icon li:last-child {
  margin-right: 0;
}

.medium-icon li {
  margin: 0 8px;
}

.large-icon li {
  margin: 0 10px;
}

.medium-icon a {
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 48px;
}

.large-icon a {
  font-size: 24px;
  width: 60px;
  height: 60px;
  line-height: 61px;
}

/* social icon style */

/* social icon style */

/* social icon style */

/* icon like counter */

/* icon hover effect style 1 */

/* icon hover effect style 2 */

/* icon hover effect style 3 */

/* icon hover effect style 4 */

/* icon hover effect style 5 */

/* icon hover effect style 5 light*/

/* icon hover effect style 6 */

/* icon hover effect style 7 */

/* icon hover effect style 8 */
.social-icon-style-8 ul li a {
  text-align: center;
  width: auto;
  height: auto;
}

.social-icon-style-8 a:hover {
  color: var(--base-color) !important;
}

/* icon hover effect style 9 */

/* social icon style */

/* icon hover effect style 10 light */

/* social icon style */

/* ===================================
    18. Magnific popup
====================================== */

.mfp-bg,
.my-mfp-zoom-in.mfp-ready.mfp-bg,
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  background: #000;
  opacity: 0.93;
}

.mfp-bg,
.mfp-wrap {
  z-index: 10007;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  background: transparent;
}

.mfp-iframe-scaler iframe {
  box-shadow: none;
}

.mfp-iframe-holder .mfp-content {
  max-width: 1020px;
}

.mfp-close,
.mfp-close:active {
  opacity: 1;
  background-color: transparent;
  color: #fff;
  right: 30px;
  top: 30px;
}

/* metro gallery */

/* justify-gallery */

.mfp-arrow-right:after,
.mfp-arrow-left:after {
  display: none;
}

.mfp-arrow-right:before,
.mfp-arrow-left:before {
  width: initial;
  height: initial;
  position: initial;
  left: initial;
  top: initial;
  border: initial;
}

.mfp-arrow-right:before {
  border-left: none;
  content: "\e628";
  font-size: 2em;
  font-family: "themify";
  color: #fff;
}

.mfp-arrow-left:before {
  border-right: none;
  content: "\e629";
  font-size: 2em;
  font-family: "themify";
  color: #fff;
}

.mfp-bottom-bar {
  margin-top: -24px;
  font-size: 12px;
}

.mfp-close {
  font-size: 36px;
  font-family: "Inter", 'arial';
  font-weight: 200;
}

.mfp-arrow-left {
  left: 10px;
}

.mfp-arrow-right {
  right: 10px;
}

.left-nav-sidebar .mfp-arrow-left {
  left: 90px;
}

.left-nav-sidebar .mfp-container {
  padding-left: 90px;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.mfp-figure {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

/* start state */

/* animate in */

/* animate out */

/* dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* fade move animation for second dialog */

/* animate in */

/* animate out */

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* simple fade transition */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.77;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* grid */

/* message box */

/* ===================================
    19. Header
====================================== */
.side-left-menu-close {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
}

/* header icon */
.header-searchbar {
  /*border-left: 1px solid rgba(0, 0, 0, 0.15);*/
  /*padding-left: 15px;*/
  display: inline-block;
  /*line-height: 15px;*/
  position: relative;
  padding: 10px 0;
}

.navbar-nav>li.dropdown .dropdown-toggle::after {
  display: none;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 4px;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.white-link .header-searchbar {
  /*border-left: 1px solid rgba(255, 255, 255, 0.15);*/
}


.header-searchbar a i {
  margin: 0 11px;
  font-size: 14px;
}

.header-searchbar a i {
  position: relative;
}

/* menu center */

.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  min-height: 0px;
}

/* menu center logo */

/* default pionter cursor */
header nav.navbar a:not([href]):not([tabindex]):focus,
header nav.navbar a:not([href]):not([tabindex]):hover {
  cursor: pointer;
}

/* header navigation color and logo */
header nav.navbar .navbar-nav>li>a,
nav.navbar.bootsnav ul.nav>li>a {
  color: var(--prisma-dark-grey-color);
  cursor: pointer;
}

header nav.navbar.white-link .navbar-nav>li>button,
nav.navbar.bootsnav.white-link ul.nav>li>button,
header nav.navbar.white-link .navbar-nav>li>a,
header nav.navbar.white-link .header-searchbar a,
nav.navbar.bootsnav.white-link .header-searchbar a,
header nav.navbar.bootsnav ul.nav.white-link>li>a {
  color: #fff;
}

nav.navbar.bootsnav.white-link ul.nav>li:last-child>a {
  font-weight: 700;
}


header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav>li>a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a {
  color: #fff;
}

header .logo .logo-dark,
header .logo .logo-light {
  visibility: hidden;
  opacity: 0;
  width: 0;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}

header .logo .logo-dark.default,
header .logo .logo-light.default {
  visibility: visible;
  opacity: 1;
  width: auto;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}


header.sticky nav.header-light .logo .logo-dark {
  visibility: visible;
  opacity: 1;
  width: auto;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}


header.sticky nav.header-light .logo .logo-light {
  visibility: hidden;
  opacity: 0;
  width: 0;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}

.navbar-top-scroll {
  position: absolute;
  top: 0;
  z-index: 5;
}

header.sticky nav.navbar-top-scroll {
  background-color: inherit;
}

header a.logo {
  display: inline-block;
  vertical-align: middle;
}

header a.logo img {
  max-height: 74px;
}

.logo-holder img {
  max-height: 26px;
}

/* header animation */
.navbar-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.sticky .navbar-top {
  top: -160px;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.sticky.header-appear .navbar-top {
  top: 0;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

header .bootsnav .dropdown .animated {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul:before {
  position: absolute;
  height: calc(100% + 20px);
  width: 100%;
  display: block;
  content: "";
}

header.sticky .navbar-scroll-top {
  position: fixed;
  top: -120px;
  width: 100%;
  left: 0;
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
}

header.sticky.header-appear .navbar-scroll-top {
  top: 0;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

/* navigation */

header.header-appear nav.bootsnav.header-light .navbar-nav>li>a:hover,
header.header-appear nav.header-light .header-searchbar a:hover,
header.header-appear nav.header-light.white-link .header-searchbar a:hover,
header nav.navbar .navbar-nav>li>a:hover,
nav.navbar.bootsnav ul.nav>li>a:hover,
.header-search-form:hover {
  color: rgba(0, 0, 0, 0.6);
}

header nav.navbar.white-link .navbar-nav>li>a:hover,
nav.navbar.bootsnav.white-link ul.nav>li>a:hover,
header nav.navbar.white-link .header-searchbar a:hover,
nav.navbar.bootsnav.white-link .header-searchbar a:hover,
header nav.navbar.bootsnav ul.nav.white-link>li>a:hover {
  color: rgba(255, 255, 255, 0.6);
}


header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav>li>a:hover,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover {
  color: rgba(0, 0, 0, 0.6);
}

/*.navbar-nav > li > a {*/
/*line-height: 20px;*/
/*}*/

header.sticky nav.navbar.white-link .navbar-nav>li>a:hover,
header.sticky nav.navbar.bootsnav.white-link ul.nav>li>a:hover {
  color: rgba(0, 0, 0, 0.6);
}


header.header-appear nav.bootsnav.header-light .navbar-nav>li.active>a,
header nav.navbar .navbar-nav>li.active>a,
nav.navbar.bootsnav ul.nav>li.active>a {
  color: rgba(0, 0, 0, 0.6);
}

header nav.navbar.white-link .navbar-nav>li.active>a,
nav.navbar.bootsnav.white-link ul.nav>li.active>a,
header nav.navbar.bootsnav ul.nav.white-link>li.active>a {
  color: rgba(255, 255, 255, 0.6);
}


header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav>li.active>a {
  color: rgba(0, 0, 0, 0.6);
}

header.sticky nav.navbar.white-link .navbar-nav>li.active>a,
header.sticky nav.navbar.bootsnav.white-link ul.nav>li.active>a {
  color: rgba(0, 0, 0, 0.6);
}


header.header-appear nav.bootsnav.header-light .navbar-nav>li>a.active,
header nav.navbar .navbar-nav>li>a.active,
nav.navbar.bootsnav ul.nav>li>a.active {
  color: rgba(0, 0, 0, 0.6);
}

header nav.navbar.white-link .navbar-nav>li>a.active,
nav.navbar.bootsnav.white-link ul.nav>li>a.active,
header nav.navbar.bootsnav ul.nav.white-link>li>a.active {
  color: rgba(255, 255, 255);
}


header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav>li>a.active {
  color: rgba(0, 0, 0, 0.6);
}

header.sticky nav.navbar.white-link .navbar-nav>li>a.active,
header.sticky nav.navbar.bootsnav.white-link ul.nav>li>a.active {
  /*color: rgba(0, 0, 0, 0.6);*/
  color: #fff;
}


header.header-appear nav.bootsnav.header-light .navbar-nav>li.dropdown.on>a,
header nav.navbar .navbar-nav>li.dropdown.on>a,
nav.navbar.bootsnav ul.nav>li.dropdown.on>a {
  color: rgba(0, 0, 0, 0.6);
}

header nav.navbar.white-link .navbar-nav>li.dropdown.on>a,
nav.navbar.bootsnav.white-link ul.nav>li.dropdown.on>a,
header nav.navbar.bootsnav ul.nav.white-link>li.dropdown.on>a {
  color: var(--base-color);
}

/*header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li.dropdown.on > a,*/
/*header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.dropdown.on > a {*/
/*color: rgba(0, 0, 0, 0.6);*/
/*}*/
/*header.sticky nav.navbar.white-link .navbar-nav > li.dropdown.on > a,*/
/*header.sticky nav.navbar.bootsnav.white-link ul.nav > li.dropdown.on > a {*/
/*color: rgba(0, 0, 0, 0.6);*/
/*}*/

header {
  width: 100%;
  z-index: 99;
}

.navbar-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

header nav .row {
  height: auto;
  padding: 0;
}

header nav.navbar [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

header nav.navbar {
  border-radius: 0;
  padding: 0;
}

header nav.navbar-default,
nav.navbar.bootsnav {
  border-bottom: 0;
}

header nav {
  width: 100%;
  top: 0px;
  z-index: 99;
  margin-bottom: 0;
}

header nav .nav-header-container {
  position: relative;
}

header nav .navbar-nav>li>button,
header nav .navbar-nav>li>a {
  color: var(--prisma-dark-grey-color);
  font-size: 12px;
  font-weight: 800;
  margin: 0 15px;
  padding: 5px 0px 5px;
  text-transform: uppercase;
  letter-spacing: 0.015em;
}

header nav .navbar-nav>li>a:hover,
header nav .navbar-nav>li>a:focus,
header nav .navbar-nav>li.active>a {
  background: transparent;
}

header nav .navbar-nav>li:last-child a {
  /*margin-right: 0;*/
}


.navbar-fixed-top {
  z-index: 9999;
}

header nav.navbar-default .navbar-nav>li>a:hover,
header nav.navbar-default .navbar-nav>li>a:focus,
header nav.navbar-default .navbar-nav>li.active>a {
  border-bottom-color: var(--prisma-dark-grey-color);
}

header nav .navbar-nav.text-normal>li>a {
  font-weight: 600;
  font-size: 12px;
}

.navbar-nav>li {
  position: inherit;
}


.navbar-nav>li.dropdown>.fa-solid {
  display: none;
}

.navbar-nav>li ul {
  margin: 0;
  padding: 0;
}

.navbar-toggler {
  border-radius: 0;
  margin-right: 0;
  float: right;
  border: none;
}

nav.navbar.bootsnav .navbar-toggle {
  top: 2px;
}

header.sticky nav.navbar.navbar-default.navbar-top ul.nav>li>button,
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav>li>a,
header.sticky nav.navbar.navbar-default.navbar-top ul.nav>li>a {
  /*padding: 25px 0 25px;*/
}

/* mega menu */
nav .accordion-menu {
  position: initial !important;
}

nav.navbar.bootsnav li.dropdown ul li {
  list-style: none;
  padding: 0;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full {
  width: 100%;
  box-sizing: border-box;
  background: rgba(35, 35, 35, 1);
  padding: 45px 50px;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  margin-top: 0;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full ul {
  margin: 0;
  list-style: none;
}

nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
  margin: 0 auto;
  width: 1070px;
  display: flex;
  flex-wrap: wrap;
  background: rgba(35, 35, 35, 1);
}

nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a {
  text-align: left;
  font-size: 12px;
  color: #9d9d9d;
  padding: 3px 40px;
  text-transform: capitalize;
  margin: 0;
  display: block;
  position: relative;
  overflow: hidden;
  left: 0;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li:last-child {
  border: 0;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li:last-child img {
  padding-left: 40px;
  background-size: cover;
  background-position: bottom right;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul {
  margin-top: 18px;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul:first-child {
  margin-top: 0;
}

/* header center logo */

header nav .justify-content-center .navbar-nav>li:last-child a {
  margin-right: 20px;
}


nav.bootsnav.brand-center ul.nav>li.dropdown>ul.dropdown-menu {
  margin-top: 0px;
}

.center-logo {
  left: 50%;
  position: absolute;
  margin-top: -20px;
  top: 50%;
  text-align: center;
  transform: translateX(-50%);
  z-index: 1;
  max-width: 20%;
}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
  text-align: left;
}

header nav.navbar-fixed .nav-header-container {
  width: 100%;
  float: left;
}

/* top logo */

nav.navbar-brand-top.navbar.navbar-default ul.nav>li>a {
  padding: 20px 0;
}

.navbar-brand-top .navbar-collapse.collapse {
  flex-grow: inherit;
}

/* center navigation */

nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
  display: table;
  float: none;
  margin: 0 auto;
  table-layout: fixed;
}

/* simple dropdown menu */
.simple-dropdown.dropdown {
  position: relative;
}

.simple-dropdown .dropdown-menu {
  position: absolute;
  left: 0;
  background: rgba(0, 0, 0, .85);
  min-width: unset;
  width: max-content;
  padding: 13px 0 15px;
  box-shadow: none;
}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li {
  padding-left: 18px;
  padding-right: 18px;
}

.simple-dropdown .dropdown-menu>li>a {
  font-size: 16px;
  color: #fff;
}

.simple-dropdown .dropdown-menu>li a {
  padding: 9px 6px 7px 6px;
  overflow: hidden;
  position: relative;
  left: 0;
  font-weight: 500;
  display: block;
  /*line-height: 1.42857143;*/
}

.simple-dropdown .dropdown-menu>li a:hover {
  background-color: #000;
  color: #fff;
}


.simple-dropdown .dropdown-menu>li>a.dropdown-toggle .fa-solid {
  /*position: absolute;*/
  /*right: 0;*/
  font-size: 14px;
  margin-left: 10px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  /*-webkit-transform: translateY(-50%);*/
  /*-moz-transform: translateY(-50%);*/
  /*-o-transform: translateY(-50%);*/
  /*-ms-transform: translateY(-50%);*/
}

nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul,
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul>li.dropdown>ul {
  /*background: rgba(0, 0, 0, .85);*/
  display: none;
  margin: -13px 0 0 1px;
  min-width: unset;
  width: max-content;
  white-space: nowrap;
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 220px;*/
  padding: 13px 0;
  font-weight: 500;
  text-transform: capitalize;
}

.simple-dropdown .dropdown-menu>li.dropdown>ul li a {
  color: #fff !important;
  font-size: 14px;
  /*line-height: 18px;*/
  /*font-weight: 500;*/
}

nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown>ul.dropdown-menu>li.active>a {
  color: #fff;
}

/* light transparent navigation */


header.header-appear nav.header-light .header-searchbar a,
header.header-appear nav.header-light.white-link .header-searchbar a {
  color: var(--prisma-dark-grey-color);
}

header.header-appear nav.bootsnav.header-light .navbar-nav>li>button,
header.header-appear nav.bootsnav.header-light .navbar-nav>li>a {
  color: #fff;
}


header.header-appear nav.header-light .header-searchbar,
header.sticky nav.header-light .header-searchbar {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}

/* dark transparent navigation */

/* light navigation */
header.header-appear nav.header-light,
header.sticky nav.navbar-fixed-top.header-light {
  background-color: var(--black-color);
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}

/* dark navigation */

/* collepsed menu icon */
.navbar-default .navbar-toggler .icon-bar,
header.sticky .navbar-default.header-light .navbar-toggler .icon-bar {
  background: var(--prisma-dark-grey-color);
}

.navbar-default.white-link .navbar-toggler .icon-bar {
  background: #fff !important;
}

/* hamburger menu */
nav.navbar.bootsnav .btn-hamburger {
  padding: 0;
}

nav.navbar.bootsnav .btn-hamburger .navbar-toggler {
  margin: 0;
  top: -2px;
  padding: 10px 0 10px 10px;
}

.hamburger-menu .close-button-menu {
  float: none;
  height: auto;
  margin: 0;
  padding: 0;
  position: inherit;
  right: -26px;
  top: 44px;
  width: auto;
}

.hamburger-menu .close-button-menu:after,
.hamburger-menu .close-button-menu:before {
  background: #fff;
  width: 22px;
  right: 26px;
  top: -34px;
}

/* header style two */

/* full width light transparent navigation */

.close-button-menu {
  float: right;
  padding: 10px;
  background-color: transparent;
  color: var(--prisma-dark-grey-color);
  border: 0;
  position: absolute;
  height: 40px;
  width: 40px;
  outline: none;
  top: 20px;
  right: 20px;
}

.close-button-mobile-menu {
  float: right;
  padding: 10px;
  background-color: transparent;
  color: var(--prisma-dark-grey-color);
  border: 0;
  position: absolute;
  height: 40px;
  width: 40px;
  outline: none;
  top: -25px !important;
  right: 0;
}

.full-width-pull-menu .dropdown-toggle {
  position: relative;
}

.full-width-pull-menu span.dropdown-toggle {
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  top: 43px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.full-width-pull-menu .dropdown .dropdown-toggle:before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 15px;
  height: 11px;
  width: 1px;
  background: var(--prisma-dark-grey-color);
}

.full-width-pull-menu .dropdown.show .dropdown-toggle:before {
  height: 0;
}

.full-width-pull-menu .dropdown .dropdown-toggle:after {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
  height: 1px;
  width: 11px;
  background: var(--prisma-dark-grey-color);
  border: none;
}

.full-width-pull-menu .dropdown ul {
  background-color: inherit;
}

/* full width navigation style 1 */


.dropdown ul li a:focus {
  background-color: inherit;
}

/* full width navigation style 2 */
.full-width-pull-menu .link-style-2 .link-style-2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.full-width-pull-menu .link-style-2 ul li {
  display: table;
  width: 100%;
  padding: 10px 0;
}

.full-width-pull-menu .link-style-2 ul li:last-child {
  padding-bottom: 0;
}

.full-width-pull-menu .link-style-2 ul li a {
  position: relative;
  background: inherit;
  color: var(--prisma-dark-grey-color);
  /*line-height: 42px;*/
  /*font-size: 22px;*/
}

.full-width-pull-menu .link-style-2 ul li:hover>a,
.full-width-pull-menu .link-style-2 ul li.show>a {
  color: var(--black-color);
}

.full-width-pull-menu .link-style-2 ul li.show>a:after {
  background: var(--base-color);
}

.full-width-pull-menu .link-style-2 .dropdown ul {
  display: block !important;
  height: 0;
  overflow: hidden;
}

.full-width-pull-menu .link-style-2 .dropdown ul {
  position: inherit;
  left: 0;
  right: 0;
  padding: 0;
  background-color: inherit;
  border: 0;
  float: none;
  box-shadow: none;
  margin: 0;
}

.full-width-pull-menu .link-style-2 .dropdown.show ul {
  display: block;
  height: 100%;
}

.full-width-pull-menu .link-style-2 .dropdown ul li a {
  font-size: 18px;
  line-height: 20px;
  color: var(--prisma-dark-grey-color);
  padding: 10px 0;
  margin: 0;
  display: block;
  font-weight: 400;
}

.full-width-pull-menu .link-style-2 .dropdown ul li {
  /*border-bottom: 1px solid #e3e3e3;*/
  padding: 7px 0;
}

.full-width-pull-menu .link-style-2 .dropdown ul li:last-child {
  border-bottom: 1px solid transparent;
}

.full-width-pull-menu .link-style-2 .dropdown ul li a:hover,
.dropdown ul li a:focus {
  background-color: inherit;
}

.full-width-pull-menu .link-style-2 .dropdown ul li:last-child {
  margin-bottom: 0;
}

.close-button-mobile-menu:after,
.close-button-menu:after,
.close-button-mobile-menu:before,
.close-button-menu:before {
  content: "";
  display: block;
  background: var(--prisma-dark-grey-color);
  height: 2px;
  width: 18px;
  position: absolute;
}

.close-button-mobile-menu:after,
.close-button-mobile-menu:before {
  height: 1px;
  width: 20px;
}

.close-button-mobile-menu:before,
.close-button-mobile-menu:after,
.close-button-menu:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.close-button-mobile-menu:before,
.close-button-menu:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

/* full navigation */

.prisma-mobile-menu {
  left: auto;
}

.prisma-mobile-menu.show {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  opacity: 1;
  visibility: visible;
  z-index: 10001;
}

.prisma-mobile-menu {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  width: 100%;
  z-index: -10001;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}

/* container fluid navigation padding */
header nav.nav-box-width {
  padding: 0 20px;
}

/* hamburger menu right side */
.big-menu-right {
  position: fixed;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  padding: 0 5%;
  opacity: 0;
  transform: translateX(30%) scaleX(0.6);
  -webkit-transform: translateX(30%) scaleX(0.6);
  -moz-transform: translateX(30%) scaleX(0.6);
  -o-transform: translateX(30%) scaleX(0.6);
  -ms-transform: translateX(30%) scaleX(0.6);
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  z-index: -1;
}

.big-menu-right.show {
  transform: translateX(0) scaleX(1);
  -moz-transform: translateX(0) scaleX(1);
  -webkit-transform: translateX(0) scaleX(1);
  -o-transform: translateX(0) scaleX(1);
  -ms-transform: translateX(0) scaleX(1);
  opacity: 1;
  z-index: 9999;
}

.big-menu-close {
  background: #fff;
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  color: var(--prisma-dark-grey-color);
}

/* dropdown menu */
nav.navbar.navbar-default ul.nav>li>button,
nav.navbar.navbar-default ul.nav>li>a {
  padding: 5px 0;
  background: transparent;
  border-color: transparent;
  font-weight: 600;
  display: block;
}

nav.navbar.navbar-default ul.nav>li.dropdown>a.dropdown-toggle::after {
  content: "";
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-top: 0;
}

nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu>li:last-child {
  border-bottom: 0;
  border-bottom: 0;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>a:hover {
  /*color: #000;*/
  background: transparent;
  /*left: 5px;*/
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active>a {
  color: #000;
}

.dropdown ul.second-level {
  left: 270px;
  top: 0;
  height: 100%;
}

.dropdown ul.third-level {
  left: 530px;
  top: 0;
  height: 100%;
}

nav.navbar ul.nav .dropdown-menu.second-level .dropdown-menu {
  margin-top: 0;
}

.navbar-default ul li li.dropdown ul {
  display: none;
}

.navbar-default ul li li.dropdown.on>ul {
  display: block;
  position: absolute;
  left: 100%;
  margin-top: 0;
  padding: 0;
  top: 0;
}

.navbar-default ul li li.dropdown.on>ul>li.dropdown.on>ul {
  display: block;
  position: absolute;
  left: 100%;
  margin-top: 0;
  padding: 0;
  top: 0;
}

.navbar-default ul li li.dropdown ul.dropdown-menu {
  position: absolute;
  left: 100%;
  margin-top: 0;
  padding: 0;
  top: 0;
  box-shadow: none;
}

.navbar-default ul li li.dropdown ul.dropdown-menu li {
  padding: 0;
}

.dropdown-menu .dropdown a {
  position: relative;
}

/* navigation left sidebar */

.nav.navbar-left-sidebar {
  display: block;
  transition: all 0s ease-in-out 0s;
  -webkit-transition: all 0s ease-in-out 0s;
  -moz-transition: all 0s ease-in-out 0s;
  -ms-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  overflow-y: auto;
}

.left-nav-on .sidebar-part2 .sidebar-middle .sidebar-middle-menu .nav {
  overflow-x: hidden;
  display: block;
}

.nav.navbar-left-sidebar li {
  display: inline-block;
  width: 100%;
  padding: 0 45px;
}

.nav.navbar-left-sidebar li a,
nav.navbar.bootsnav.navbar-left-sidebar ul.nav>li>a {
  font-size: 11px;
  text-transform: uppercase;
  color: #939393;
  background: transparent !important;
  font-weight: 600;
  border-bottom: 1px solid #e5e5e5 !important;
  padding: 15px 0;
  margin: 0;
}

.nav.navbar-left-sidebar li:last-child a {
  border-bottom: none;
}

.nav.navbar-left-sidebar li a:hover {
  color: #fff;
}

.nav.navbar-left-sidebar .dropdown .second-level {
  left: 290px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.nav.navbar-left-sidebar>li>a {
  line-height: 20px;
}

.nav.navbar-left-sidebar>li .second-level li a {
  line-height: 1.42857143;
}

.navbar-expand-lg .navbar-left-sidebar .dropdown-menu {
  position: fixed;
}

.nav.navbar-left-sidebar .dropdown.on .second-level {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.nav.navbar-left-sidebar .second-level .dropdown .third-level {
  left: 570px;
  opacity: 0 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.nav.navbar-left-sidebar .second-level .dropdown.on .third-level {
  opacity: 1 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  opacity: 1 !important;
}

.nav.navbar-left-sidebar .dropdown-menu .dropdown>a:after {
  display: none;
}

/* pull left sidebar */

/* custome scrollbar */

.navbar-left-sidebar::-webkit-scrollbar {
  width: 5px;
}


.navbar-left-sidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}


.navbar-left-sidebar::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* sidebar navigation */

.sidebar-wrapper {
  padding-left: 290px;
}

/* sidebar navigation style 1 */
.sidebar-nav-style-1 {
  z-index: -1;
}

.sidebar-nav-style-1 .dropdown .second-level {
  top: 0;
  left: 290px;
  width: 280px;
}

.sidebar-nav-style-1 .dropdown .second-level {
  background: #fbfbfb;
}

.sidebar-nav-style-1 .dropdown .third-level {
  top: 0;
  left: 570px;
  width: 280px;
  background: #f3f3f3;
}

.sidebar-nav-style-1 [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

/* sidebar navigation style 2 */
.left-nav-sidebar {
  padding-left: 90px;
  transition: all 0.3s ease 0s;
}

.sidebar-part1 {
  position: absolute;
  top: 0;
  width: 90px;
}

.sidebar-part1 .logo img {
  width: 100%;
}

.sidebar-part2 {
  padding: 0 0 0 115px;
  border-right: 1px solid #dfdfdf;
  width: 410px;
  height: 100%;
  position: fixed;
  background-color: #fff;
  z-index: -1;
  left: -370px;
}

.left-nav-on .sidebar-part2 {
  left: 0;
}

.sidebar-part2:before {
  width: 100%;
  height: 1px;
  background-color: #dfdfdf;
  content: "";
  position: absolute;
  bottom: 75px;
  left: 0;
  display: inline-block;
}

.sidebar-part2 .sidebar-middle {
  padding: 180px 0;
}

.sidebar-part2 .sidebar-middle-menu {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

header .sidebar-part2 nav.navbar.bootsnav ul>li>a {
  font-size: 36px;
  display: block;
  padding: 0;
  color: #0f0f0f;
  text-transform: none;
  margin: 0;
  line-height: 40px;
  font-weight: 600;
  position: relative;
}


header .sidebar-part2 nav.navbar.bootsnav ul>li>a>.fa-solid {
  font-size: 20px;
  top: 11px;
  position: absolute;
  right: 18px;
}


header .sidebar-part2 nav.navbar.bootsnav ul>li>.second-level>li>a>.fa-solid {
  font-size: 12px;
  line-height: 30px;
}

.sidebar-part2 ul>li {
  margin: 0;
  float: none;
  padding: 15px 0;
  width: 291px;
  word-break: break-all;
  position: initial;
}

.sidebar-part2 ul li a:hover {
  background-color: inherit;
}

.sidebar-part2 nav.navbar.bootsnav {
  border-bottom: 0;
  position: inherit;
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
  color: #939393;
  font-weight: 500;
}

header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown>a,
.sidebar-nav-style-1 .navbar-left-sidebar li.dropdown>a {
  padding-right: 40px;
}

header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover {
  border-bottom: 1px solid var(--base-color);
  background: inherit;
}

header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li:last-child>a:hover {
  border-bottom: 0;
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a>i {
  vertical-align: middle;
  margin-right: 5px;
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover {
  color: var(--base-color);
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li {
  margin: 0;
  padding: 0 30px;
  width: 100%;
  word-break: normal;
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li.dropdown {
  border-left: 0;
}

.sidebar-part2 .dropdown ul.second-level,
.sidebar-part2 .dropdown ul.third-level {
  border-left: 1px solid #eee !important;
}

.sidebar-part2 .dropdown ul.second-level {
  left: 405px;
  opacity: 0 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.sidebar-part2 .dropdown.on ul.second-level {
  opacity: 1 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.sidebar-part2 .dropdown ul.second-level .dropdown ul.third-level {
  left: 650px;
  opacity: 0 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.sidebar-part2 .dropdown ul.second-level .dropdown.on ul.third-level {
  opacity: 1 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  position: fixed;
  top: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  width: 250px;
  padding: 180px 0;
  background: #fff;
}

header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active>a,
header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active>a {
  color: var(--base-color);
}

.sidebar-part2 .navbar-collapse.collapse {
  overflow-y: auto !important;
}

nav.navbar.brand-center ul.nav>li>a {
  padding: 26px;
  margin: 0;
}

header.sticky nav.navbar.brand-center ul.nav>li>a {
  padding: 20px;
  margin: 0 20px;
}

.sidebar-middle ::-webkit-scrollbar,
.sidebar-nav-style-1 ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
}

.sidebar-middle ::-webkit-scrollbar-thumb,
.sidebar-nav-style-1 ::-webkit-scrollbar-thumb {
  background-color: #9e9f9f;
}

.navbar-collapse {
  -webkit-overflow-scrolling: auto;
  -moz--webkit-overflow-scrolling: auto;
  -ms--webkit-overflow-scrolling: auto;
  -o--webkit-overflow-scrolling: auto;
}

.nav.navbar-left-sidebar>li>ul li a {
  display: block;
  font-weight: 500;
}

/* navigation widget */

/* new-menu page */

/* ===================================
    20. Page title
====================================== */

/* page title font size */

.page-title-small h1 {
  font-size: 20px;
  line-height: 26px;
}

/* breadcrumb */
.breadcrumb {
  background: transparent;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}

.breadcrumb ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumb ul li {
  display: inline-block;
  line-height: normal;
}

.breadcrumb ul>li:after {
  content: "\f111";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  padding: 0 11px 0 14px;
  display: inline-block;
  vertical-align: middle;
  font-size: 5px;
  opacity: 0.6;
}

.breadcrumb ul>li:last-child:after {
  border-right: 0;
  content: "";
  padding: 0;
}

/* ===================================
    21. Swiper carousel
====================================== */

.swiper-container.swiper-blog *,
.swiper.swiper-blog * {
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

.swiper-container,
.swiper {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.swiper-pagination-bullet-active {
  background: var(--prisma-dark-grey-color);
}

.swiper-pagination {
  width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 35px;
}

.swiper-pagination-bullet {
  height: 9px;
  width: 9px;
  outline: none;
}

.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-slider-second {
  text-align: center;
}

.swiper-pagination-bottom .swiper-wrapper {
  margin-bottom: 30px;
}

.swiper-pagination-bottom.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bottom.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bottom .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-bottom .swiper-pagination-custom,
.swiper-pagination-bottom .swiper-pagination-fraction {
  bottom: 0px;
}

/* swiper bottom scrollbar full */
.swiper-bottom-scrollbar-full.swiper-container,
.swiper-bottom-scrollbar-full.swiper {
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out 0.7s;
  -webkit-transition: all 0.3s ease-in-out 0.7s;
  -moz-transition: all 0.3s ease-in-out 0.7s;
  -ms-transition: all 0.3s ease-in-out 0.7s;
  -o-transition: all 0.3s ease-in-out 0.7s;
  width: 100%;
}

.swiper-bottom-scrollbar-full .swiper-scrollbar {
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-radius: 0;
  height: 2px;
}

.swiper-bottom-scrollbar-full .swiper-scrollbar-drag {
  border-radius: 0;
  background: var(--base-color);
}

.swiper-bottom-scrollbar-full .swiper-scrollbar {
  background: rgba(255, 255, 255, 0.2);
}

.swiper-bottom-scrollbar-full .swiper-slide img {
  max-height: 450px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 0.8;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
}

.swiper-bottom-scrollbar-full .swiper-slide:hover img {
  opacity: 1;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: contrast(130%);
  -webkit-filter: contrast(130%);
  -moz-filter: contrast(130%);
  -ms-filter: contrast(130%);
  -o-filter: contrast(130%);
  max-height: 500px;
}

.swiper-bottom-scrollbar-full .swiper-slide:hover {
  z-index: 1;
}

/* swiper vertical pagination */
.swiper-vertical-pagination {
  width: 100%;
  height: 100%;
  position: absolute;
}

.swiper-vertical-pagination .swiper-slide {
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-vertical-pagination>.swiper-pagination-bullets {
  right: 60px;
}

.swiper-vertical-pagination .swiper-pagination {
  width: auto;
}

.swiper-vertical-pagination .swiper-slide .swiper-bottom-content {
  opacity: 0;
  transform: translate3d(0px, 150px, 0px);
  -webkit-transform: translate3d(0px, 150px, 0px);
  -moz-transform: translate3d(0px, 150px, 0px);
  -ms-transform: translate3d(0px, 150px, 0px);
  -o-transform: translate3d(0px, 150px, 0px);
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

.swiper-vertical-pagination .swiper-slide-active .swiper-bottom-content {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transition: all 0.3s ease-in-out 0.3s;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  -ms-transition: all 0.3s ease-in-out 0.3s;
  -o-transition: all 0.3s ease-in-out 0.3s;
}

/* swiper auto width */
.swiper-auto-slide .swiper-slide {
  width: 60%;
}

.swiper-auto-slide.swiper-container,
.swiper-auto-slide.swiper {
  height: calc(100% - 200px);
  top: 100px;
  margin: 0 auto;
  overflow: visible;
  position: absolute;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out 0.7s;
  -webkit-transition: all 0.3s ease-in-out 0.7s;
  -moz-transition: all 0.3s ease-in-out 0.7s;
  -ms-transition: all 0.3s ease-in-out 0.7s;
  -o-transition: all 0.3s ease-in-out 0.7s;
  width: 100%;
}

.swiper-auto-slide .swiper-scrollbar {
  left: 20%;
  opacity: 1;
  position: absolute;
  width: 60%;
  bottom: -50px;
  border-radius: 0;
  height: 1px;
}

.swiper-auto-slide .swiper-scrollbar-drag {
  border-radius: 0;
  background: transparent;
}

.swiper-auto-slide .swiper-scrollbar-drag:before {
  cursor: move;
  position: absolute;
  content: "";
  background: var(--base-color);
  width: 13px;
  height: 13px;
  border-radius: 100%;
  top: -6px;
  left: calc(50% - 13px);
}

.swiper-auto-slide .swiper-slide {
  filter: contrast(130%);
  -webkit-filter: contrast(130%);
  -moz-filter: contrast(130%);
  -ms-filter: contrast(130%);
  -o-filter: contrast(130%);
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

.swiper-auto-slide .swiper-slide.swiper-slide-active {
  filter: contrast(0);
  -webkit-filter: contrast(0);
  -moz-filter: contrast(0);
  -ms-filter: contrast(0);
  -o-filter: contrast(0);
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.swiper-auto-slide .swiper-slide .absolute-middle-center h2 {
  opacity: 0;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transform: translateY(-60px);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
}

.swiper-auto-slide .swiper-slide.swiper-slide-active .absolute-middle-center h2 {
  opacity: 1;
  transition: all 0.3s ease-in-out 0.7s;
  -webkit-transition: all 0.3s ease-in-out 0.7s;
  -moz-transition: all 0.3s ease-in-out 0.7s;
  -ms-transition: all 0.3s ease-in-out 0.7s;
  -o-transition: all 0.3s ease-in-out 0.7s;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.swiper-auto-slide .swiper-slide span {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.swiper-auto-slide .swiper-slide.swiper-slide-active span {
  opacity: 1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

/* slider navigation */
.swiper-next.swiper-button-disabled,
.swiper-prev.swiper-button-disabled {
  opacity: 0.6;
}

.swiper-button-next,
.swiper-button-prev {
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 3px;
  margin: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  outline: none;
}

.swiper-button-next.large,
.swiper-button-prev.large {
  height: 62px;
  width: 62px;
  line-height: 62px;
  font-size: 18px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.swiper-button-next {
  right: 20px;
}

.swiper-button-prev {
  left: 20px;
}

.swiper-button-next.light,
.swiper-button-prev.light {
  background-color: #fff;
  color: var(--prisma-dark-grey-color);
}

/* blog swiper */

/* next prev button style 2 */
.swiper-next-style2,
.swiper-prev-style2 {
  position: absolute;
  bottom: -60px;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
}

.swiper-next-style2 {
  right: 15%;
}

.swiper-prev-style2 {
  left: 15%;
}

/* portfolio next prev button */
.swiper-portfolio-prev,
.swiper-portfolio-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  background: rgba(255, 255, 255, .7);
  color: var(--prisma-dark-grey-color);
  padding: 15px;
  font-size: 18px;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.swiper-portfolio-prev.swiper-button-disabled,
.swiper-portfolio-next.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.swiper-portfolio-prev {
  left: 0;
}

.swiper-portfolio-next {
  right: 0;
}

.swiper-portfolio-prev,
.swiper-portfolio-next {
  width: auto;
  height: auto;
  border-radius: 0;
}

/* next prev button style 4 */
.navigation-area {
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 40px;
  height: 82px;
}

.swiper-button-prev.swiper-prev-style4,
.swiper-button-next.swiper-next-style4 {
  background-image: none;
  background: var(--base-color);
  color: #fff;
  text-align: center;
  line-height: 40px;
  height: 40px;
  width: 40px;
  display: block;
  float: left;
  position: relative;
  left: auto;
  right: auto;
  top: 0;
  margin: 0 auto;
  border-radius: 0;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.swiper-button-next.swiper-next-style4 {
  margin-bottom: 1px;
}

/* dot pagination white */
.swiper-pagination-white .swiper-pagination-bullet {
  background: var(--prisma-dark-grey-color);
}

.swiper-pagination-white.bullet-white .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background: #fff;
}

/* square pagination */
.swiper-pagination-square .swiper-pagination-bullet {
  height: 4px;
  width: 30px;
  border-radius: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
  /*width: 50px !important;*/
  transform: scale(1.5);
  border-radius: 10px !important;
}

.swiper-pagination-square-bottom.swiper-pagination-bullets {
  bottom: -50px;
}

/* secondary dot pagination white */
.swiper-pagination-black .swiper-pagination-bullet {
  background: var(--medium-grey-color);
}

.swiper-pagination-black.bullet-white .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background: #fff;
}

/* square pagination */
.swiper-pagination-square .swiper-pagination-bullet {
  height: 4px;
  width: 30px;
  border-radius: 0;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: var(--prisma-dark-grey-color);
  /*width: 50px !important;*/
  /*transform: scale(1.5);*/
  border-radius: 10px !important;
}

.swiper-pagination-square-bottom.swiper-pagination-bullets {
  bottom: -50px;
}


/* square pagination */

/* number pagination */
.swiper-number {
  left: auto !important;
  right: 0 !important;
  width: 35px !important;
  text-align: right !important;
  top: 38% !important;
  bottom: inherit !important;
}

.swiper-number .swiper-pagination-bullet {
  background: transparent;
  color: #939393;
  display: block;
  font-size: 20px;
  height: 45px;
  line-height: 20px;
  opacity: 0.7;
  padding: 14px 0 0;
  text-align: center;
  width: 23px;
  border-radius: 0;
  margin: 0 0 5px 0;
}

.swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.swiper-number .swiper-pagination-bullet-active {
  color: #000;
  background: transparent;
}

/* revolution slider bullet */

/* slider height */

/* cursor */

/* down scroll */
.down-section {
  position: absolute;
  width: 100%;
  bottom: 50px;
  left: 0;
  right: 0;
}

.scroll-down-section {
  position: absolute;
  width: 100%;
  bottom: -50px;
  left: 0;
  right: 0;
  z-index: 1;
}

.scroll-down-section div {
  height: 100px;
}

/* ===================================
    22. Grid
====================================== */

.blog-content,
.blog-wrapper,
.blog-wrapper .grid-item,
.blog-wrapper .grid-sizer {
  transition-timing-function: none;
  -moz-transition-timing-function: none;
  -webkit-transition-timing-function: none;
  -o-transition-timing-function: none;
  -ms-transition-timing-function: none;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
}

/* grid loading */
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.grid-loading,
.grid-loading-white {
  overflow: hidden;
  position: relative;
  opacity: 1 !important;
  transition: all 0s ease-in-out !important;
  -moz-transition: all 0s ease-in-out !important;
  -webkit-transition: all 0s ease-in-out !important;
  -ms-transition: all 0s ease-in-out !important;
  -o-transition: all 0s ease-in-out !important;
  z-index: 99;
}

.grid-loading::after,
.grid-loading-white::after {
  background: none;
  content: "" !important;
  position: absolute;
  top: 100px !important;
  left: calc(50% - 25px) !important;
  width: 50px !important;
  height: 50px !important;
  opacity: 1 !important;
  right: inherit !important;
  z-index: 9;
  text-align: center;
  border: 3px solid rgba(23, 23, 23, 0.2);
  border-top-color: rgba(23, 23, 23, 0.7);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  -webkit-animation: spin 1s linear infinite;
}

.grid-loading:before {
  content: "";
  position: absolute;
  right: 2px;
  top: 1px;
  width: calc(100% - 4px);
  height: calc(100% - 2px);
  border-radius: inherit;
  z-index: 1;
}

.grid-loading .grid-item,
.grid-loading-white .grid-item {
  visibility: hidden;
}

.grid-loading li.grid-item,
.grid-loading-white li.grid-item {
  overflow: hidden;
}

.grid-loading-white::after {
  background: none;
  content: "" !important;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: rgba(255, 255, 255, 0.7);
}

.blog-post-images img {
  width: 100%;
}

.grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

.grid-sizer {
  padding: 0 !important;
  margin: 0 !important;
}

/* gutter size */

.grid.gutter-large li {
  padding: 10px 10px;
}

/* grid 6 column */

/* grid 5 column */

/* grid 4 column */

/* grid 3 column */
.grid.grid-3col li {
  width: 33.33%;
  float: left;
  list-style: none;
}

/* grid 2 column */
.grid.grid-2col li {
  width: 50%;
  list-style: none;
}

/* grid 1 column */

/* grid filter */

/* ===================================
    23. Portfolio
====================================== */
.portfolio-wrapper .grid-item figure {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.portfolio-wrapper .grid-item {
  opacity: 1;
  overflow: hidden;
}

.portfolio-wrapper .grid-item figure img {
  cursor: pointer;
  display: block;
  opacity: 1;
  width: 100%;
  transition: all 0.3s ease 0s;
}

.portfolio-wrapper .grid-item figcaption {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  /*transition: all 0.3s ease 0s;*/
  /*-webkit-transition: all 0.3s ease 0s;*/
  /*-moz-transition: all 0.3s ease 0s;*/
  /*-ms-transition: all 0.3s ease 0s;*/
  /*-o-transition: all 0.3s ease 0s;*/
  width: 100%;
  height: 100%;
  padding: 45px;
  z-index: 1;
  text-align: center;
}

.portfolio-wrapper .grid-item figure:hover img {
  opacity: 0.15;
  /*transform: scale(1.1, 1.1);*/
  /*-webkit-transform: scale(1.1, 1.1);*/
  /*-moz-transform: scale(1.1, 1.1);*/
  /*-ms-transform: scale(1.1, 1.1);*/
  /*-o-transform: scale(1.1, 1.1);*/
  /*transition: all 0.3s ease 0s;*/
  /*-webkit-transition: all 0.3s ease 0s;*/
  /*-moz-transition: all 0.3s ease 0s;*/
  /*-ms-transition: all 0.3s ease 0s;*/
  /*-o-transition: all 0.3s ease 0s;*/
}

.portfolio-wrapper .grid-item figure:hover figcaption {
  opacity: 1;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

/* justified gallery */
.justified-gallery>a>.jg-caption,
.justified-gallery>div>.jg-caption,
.justified-gallery>figure>.jg-caption {
  padding: 7px 15px;
  opacity: 0;
  display: initial !important;
  bottom: 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  font-family: "Inter", 'arial';
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}

/* portfolio hover style */

/* hover option 1 */

/* hover option 2 */

/* hover option 3 */

/* hover option 4 */

/* hover option 5 */

/* hover option 6 */

/* hover option 7 */

/* hover option 8 */

/* hover option 10 */

/* hover option 11 */

/* portfolio filter tab style 1 */

/* portfolio filter tab style 2 */

/* blog and portfolio next pagination */

/* ===================================
    24. Elements
====================================== */

/* double quotes */

/* search box */

/* search box style 2 */

/* search form */

.header-search-form {
  color: var(--prisma-dark-grey-color);
}

.search-form .search-input {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  font-size: 30px;
  font-weight: 100;
  padding: 20px 38px 20px 2px;
  text-transform: capitalize;
  background: transparent;
  line-height: 40px;
  color: #fff;
}

.search-form .search-input:focus {
  outline: none;
}

.search-form .search-input.required-error {
  border: none !important;
  border-bottom: 2px solid #ff0000 !important;
}

.search-input ::-moz-placeholder,
.search-input [placeholder] {
  color: #ff0000;
}

.search-form .search-button {
  font-size: 21px;
  color: #fff;
  top: 31px;
  right: 0;
  outline: none;
}

#search-header {
  height: 100%;
  width: 45%;
  margin: 0 auto;
}

.close-search {
  color: #373737;
  position: absolute;
  right: 0;
  top: 23px;
  z-index: 998;
  cursor: pointer;
}

.close-search:hover {
  color: #9a9a9a;
}

.search-button {
  cursor: pointer;
  z-index: 0;
  margin-right: 0;
  border: none;
  background: none;
}

aside .search-button {
  border: 2px solid transparent;
}

/* list style 1 */

/* list style 2 */

/* list style 3 */

/* list style 4 */

/* list style 5 */

/* list style 6 */

/* list style 7 */

/* list style 8 */

/* list style 9 */

/* list style 10 */

/* list style 11 */

/* list style 12 */

/* image hover style 1 */

/* image hover style 3 */

/* info banner style 1 */
.banner-style1 figure {
  position: relative;
  overflow: hidden;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}

.banner-style1 figure figcaption {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  height: 100%;
  width: 100%;
}

.banner-style1 figure .banner-image img,
.banner-style1 figure .banner-image {
  border: 5px solid;
  border-color: transparent;
  filter: contrast(130%);
  -webkit-filter: contrast(130%);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
}

.banner-style1 figure:hover .banner-image img,
.banner-style1 figure:hover .banner-image {
  border-image: linear-gradient(to right,
      #DDE25E 0%,
      #44DC51 28%,
      #3EE2F3 50%,
      #A6EEAB 75%,
      #82E235 100%) 1;
  filter: none;
}

.banner-style1 figure figcaption p {
  opacity: 0;
  margin-bottom: 0;
  height: 0;
}

.banner-style1 figure:hover figcaption p {
  height: 100px;
  opacity: 1;
}

/* info banner style 2 */
figure {
  margin: 0;
}

/* info banner style 3 */

/* pricing box */

/* feature box style 1 */

/* feature box style 4 */

/*.grid-item.feature-box-4 figure {*/
/*min-height: 520px;*/
/*}*/

/*.grid-item.feature-box-4 figure:hover figcaption .service-title,*/
/*.grid-item.feature-box-4 figure:hover figcaption .separator-line-horrizontal-full {*/
/*display: none !important;*/
/*}*/

/* feature box style 5 */

/* feature box style 6 */

/*.feature-box-6 i {*/
/*position: absolute;*/
/*top: 10px;*/
/*left: 10px;*/
/*transform: translateY(-50%);*/
/*-webkit-transform: translateY(-50%);*/
/*-moz-transform: translateY(-50%);*/
/*-ms-transform: translateY(-50%);*/
/*-o-transform: translateY(-50%);*/
/*}*/

/* feature box style 7 */

/* feature box style 8 */

/* feature box style 9 */

/* feature box style 10 */

/* feature box style 11 */

/* feature box style 12 */

/* feature box style 13 */

/* feature box style 14 */

/* feature box style 15 */

/* feature box style 16 */

/* feature box style 17 */

/* feature box style 18 */

/* feature box style 19 */

/*.grid-item.feature-box-19 figure:hover .title-figure {*/
/*bottom: 100%;*/
/*transform: translateY(100%)*/
/*}*/

/* info banner box style 2 */

/* counter box style 1 */

/* counter box style 3 */

/* counter box style 4 */

/* counter box style 5 */

/* progress bar */
.progress {
  overflow: visible;
  height: 5px;
  position: relative;
  border-radius: 10px;
  width: 100%;
}

.progress .progress-bar {
  position: relative;
  overflow: visible;
  border-radius: 10px;
}

.progress .progress-bar span {
  position: absolute;
  top: -30px;
  right: 0;
  opacity: 0;
}

.progress .progress-bar.appear span {
  opacity: 1;
}

/* progress bar style 01 */

/* progress bar style 02 */

/* progress bar style 03 */

/* piechart style 1 */

.pie-chart-style-01 .percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/* piechart style 2 */

.pie-chart-style-02 .percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/* piechart style 3 */

.pie-chart-style-03 .percent {
  display: inline-block;
  line-height: 68px;
  z-index: 2;
  background: #fff;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  color: var(--prisma-dark-grey-color);
  right: -25px;
  top: 10px;
  position: absolute;
}

/* bootstrap panel style 3.7 */
.panel {
  border: 1px solid transparent;
}

.panel .panel-heading {
  display: block;
}

.panel-group {
  margin: 20px 0;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 1px solid #ddd;
}

/* team style 1 */

/* team style 2 */

/* accordion style */
.panel-title {
  font-size: 16px;
}

.panel-title>i {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

/* accordion style1 */
.accordion-style1 .panel {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
}

.accordion-style1.panel-group .panel:not(:last-child) .panel-heading {
  border: 0px;
  border-bottom: 1px solid #e4e4e4;
}

.accordion-style1 .panel-heading {
  padding: 16px 0;
}

.accordion-style1 .panel-title {
  font-size: 18px;
  padding-right: 30px;
  position: relative;
}

.accordion-style1.panel-group .panel-heading+.panel-collapse>.list-group,
.accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 0;
  padding: 25px 0;
}

/* accordion style 2 */
.accordion-style2.panel-group {
  display: flex;
  flex-wrap: wrap;
}

.accordion-style2.panel-group .panel {
  width: 50%;
  box-sizing: border-box;
}

.accordion-style2 .panel {
  background: transparent;
  border: none;
  margin-bottom: 15px;
  box-shadow: none;
}

.accordion-style2 .panel-title {
  background: transparent;
  border: none;
}

.accordion-style2 .panel .panel-heading {
  border-radius: 8px;
  padding: 18px 28px 19px;
  position: relative;
  margin: 0 10px;
}

.accordion-style2 .panel-body {
  padding: 35px 28px 25px;
  border-top: none !important;
}

.accordion-style2 .panel-heading i {
  font-size: 21px;
  margin: 0;
  right: 28px;
}

.accordion-style2 .panel-heading img {
  position: absolute;
  width: 50px;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.accordion-style2 .panel-title {
  padding: 0;
}

.accordion-style2 a,
.accordion-style2 a:hover,
.accordion-style2 a:hover i {
  color: #282828;
}

.accordion-style2 {
  margin-bottom: 0;
}

/* accordion style 3 */
.accordion-style3 .panel {
  background-color: transparent;
  border: none;
  margin-bottom: 15px;
  box-shadow: none;
  border-radius: 0;
}

.accordion-style3 .panel-title {
  background: transparent;
  border: none;
  font-size: 16px;
}

.accordion-style3 .panel .panel-heading {
  background: #000;
  color: #fff;
  border-radius: 0;
  padding: 18px 28px 19px;
  position: relative;
}

.accordion-style3 .panel-body {
  padding: 35px 28px 25px;
  border-top: none;
}

.accordion-style3 .panel-title>i {
  font-size: 18px;
  margin: 0;
  right: 28px;
}

.accordion-style3 a,
.accordion-style2 a:hover,
.accordion-style3 a:hover i {
  color: #fff;
}

.accordion-style3 {
  margin-bottom: 0;
}

/* toggles */
.toggles .panel {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #ddd;
}

.toggles .panel-title {
  font-size: 13px;
  padding-right: 30px;
  position: relative;
}

.toggles .panel-heading {
  padding: 18px;
  background-color: transparent;
}

.toggles .panel-heading i {
  font-size: 12px;
  color: #626262;
}

.toggles .panel+.panel {
  margin-top: -1px;
}

.toggles .panel-body {
  padding: 25px;
}

/* tab */
.nav-tabs>li>a.active,
.nav-tabs>li>a.active:focus,
.nav-tabs>li>a.active:hover {
  border: 0;
  border-bottom: 1px solid;
}

.nav-tabs a.nav-link {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

/* tab style 1 */
.tab-style1 .nav-tabs {
  border: none;
  width: 100%;
}

.tab-style1 .nav-tabs li {
  display: inline-block;
  float: none;
  width: 25%;
}

.tab-style1 .nav-tabs li a {
  margin: 0;
}

.tab-style1 .nav-tabs li:hover {
  background: transparent;
}

.tab-style1 .nav-tabs>li>a,
.tab-style1 .nav-tabs>li>a:focus,
.tab-style1 .nav-tabs>li>a:hover {
  border: none;
  background-color: transparent;
}

.tab-style1 .nav-tabs li:hover i,
.tab-style1 .nav-tabs li .active i {
  color: var(--base-color);
}

.tab-style1 .nav-tabs li:hover span,
.tab-style1 .nav-tabs li .active span {
  color: var(--prisma-dark-grey-color);
}

/* tab style 2 */

/* tab style 3 */
.tab-style3 .nav-tabs {
  border-bottom: 1px solid transparent;
}

.tab-style3 .nav-tabs li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.tab-style3 .nav-tabs li {
  float: none;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  margin: 0 5px;
  padding: 5px 15px;
}

.tab-style3 .nav-tabs li a.nav-link.active {
  color: var(--prisma-dark-grey-color);
}

.tab-style3 .nav-tabs>li>a.nav-link,
.tab-style3 .nav-tabs>li>a.nav-link:focus,
.tab-style3 .nav-tabs>li>a.nav-link.active:hover,
.tab-style3 .nav-tabs>li>a.nav-link:hover {
  background-color: transparent;
  border: none;
  padding: 0;
}

.tab-style3 .nav-tabs li:has(a.nav-link.active) {
  /*border-bottom: 1px solid var(--prisma-dark-grey-color);*/
  border-radius: 20px;
  background-color: var(--prisma-yellow-color);
}

.tab-style3 .nav-link:hover {
  color: var(--black-color);
}

/* tab style 4 */

/* tab style 5 */

/* tab style 6 */

/* testimonial style 2 */

/* testimonial style 3 */

/* testimonial-box */

/* ===================================
   25. Blog
====================================== */

/* blog post style 1 */
.blog-post.blog-post-style1 .blog-post-images {
  background: var(--black-color);
}

.blog-post.blog-post-style1 .blog-post-images img {
  width: 100%;
}

.blog-post.blog-post-style1:hover .blog-post-images img {
  opacity: 0.5;
  transform: scale(1.1, 1.1);
  transition: all 0.3s ease 0s;
}

/* blog post style 2 */

/* blog post style 3 */

/* blog post style 4 */

.blog-post-style4 figure {
  position: relative;
}

.blog-post-style4 figure figcaption {
  padding: 45px;
  bottom: 0px;
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  transition: ease-in-out 0.5s;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -ms-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
}

.blog-post-style4 .grid-item figure figcaption p {
  margin-bottom: 0;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  display: none;
}

.container .blog-post-style4 figure figcaption {
  padding: 32px;
}

/* blog post style 5 */

/* blog post style 6 */

/* blog post style 7 */

/* pagination */
.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
}

.pagination li {
  display: inline;
}

.pagination a {
  float: left;
  padding: 0 18px;
  line-height: inherit;
  text-decoration: none;
  font-family: "Montserrat", 'arial';
  font-size: 14px;
  font-weight: normal;
}

.pagination a>i {
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.pagination a:hover {
  font-weight: 500;
}

.pagination .active a {
  color: var(--prisma-dark-grey-color);
  cursor: default;
  font-weight: 500;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}

/* blog details page */
/* author */

/* list style 6 */

/* ===================================
    26. Footer
====================================== */

/* scroll to top */
.scroll-top-arrow,
.scroll-top-arrow:focus {
  color: #fff;
  background: #878787;
  line-height: 28px;
  display: none;
  height: 30px;
  width: 30px;
  padding: 0;
  position: fixed;
  right: 45px;
  text-align: center;
  text-decoration: none;
  top: 91%;
  z-index: 10006;
  border-radius: 100%;
}

.scroll-top-arrow:hover {
  background: #000;
  opacity: 0.8;
  color: #fff;
  border-color: var(--base-color);
}

.scroll-top-arrow i {
  line-height: 30px;
  position: relative;
}

.footer-logo {
  max-height: 90px;
}

/* footer input */
footer input::-webkit-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  opacity: 1;
}

footer input::-moz-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  opacity: 1;
}

footer input:-ms-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  opacity: 1;
}

/* latest post */
.latest-post {
  list-style: none;
  padding: 0;
  margin: 0;
}

.latest-post li {
  padding: 5px 0;
}

aside .latest-post li {
  /*padding: 9px 0 10px;*/
  padding: 10px;
  margin-bottom: 10px;
}

aside .latest-post li:last-child {
  /*padding-bottom: 0;*/
}

.latest-post li:first-child {
  /*padding-top: 0;*/
}

.latest-post li:last-child {
  border-bottom: none;
}

.latest-post li figure {
  /*width: 60px;*/
  float: left;
}

.latest-post li figure,
footer .latest-post li div {
  margin-bottom: 0;
}

aside .latest-post li figure {
  width: 75px;
}

.latest-post li div {
  line-height: normal;
}

.latest-post li figure:hover img,
.latest-post li figure:focus img {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

/* footer links */

footer .footer-bottom img {
  height: 37px;
  margin-bottom: 30px;
}

/* newsletter */

footer .form-results {
  font-size: 12px;
}

/* instagram feed */

/* instagram feed style 1 */

/* ===================================
   27. Home page
====================================== */

/* home - creative branding agency */

/* home - creative business */

[class^="ti-"],
[class*=" ti-"] {
  display: inline-block;
}

/* home - creative simple portfolio */

/* home - classic digital agency */

.attr-nav>ul>li>a {
  padding: 3px 15px;
}

.icon-play img {
  width: 60%;
}

.icon-play:hover img {
  width: 68%;
}

/* play icon */

/* home - creative studio */

/* home - portfolio personal */

/* home - blog masonry */
.blog-header-style1 {
  margin: 0 8px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: start;
}

.blog-header-style1 li {
  width: 25%;
  padding: 0 8px;
  margin: 0 -4px 0 0;
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: top;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
}

.blog-header-style1 li figure figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 50px;
  transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
}

.blog-header-style1 li.blog-column-active figure figcaption {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.blog-header-style1 li figure figcaption .btn {
  opacity: 0;
  transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
}

.blog-header-style1 li.blog-column-active figure figcaption .btn {
  opacity: 1;
  transition-delay: 0.6s;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}

.blog-header-style1 li.blog-column-active figure figcaption .btn:hover {
  transition-delay: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}

.blog-header-style1 li.blog-column-active {
  width: 50%;
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
}

/* home - blog clean */

/* home - classic innovation agency */

/* home - creative designer */
.color-code {
  justify-content: space-around;
  align-items: center;
  z-index: 0;
}

.bg-background-fade {
  background-color: #ff5851;
}

/* home - classic web agency */

/* home - classic corporate */

/* home - portfolio metro */

/* home - portfolio  parallax */

/* home - blog grid */

/* ===================================
   28. Others
====================================== */

/* services modern */

/* our clients */

/* sidebar nav style 2 */

/* rev slider */

/* animation */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  nav .accordion-menu {
    position: static !important;
  }

  .swiper-container,
  .swiper {
    width: 100%;
  }

  .sidebar-nav-style-1.navbar-expand-lg .navbar-collapse {
    display: block !important;
  }
}

/* demo page css */

.buy-theme {
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  position: fixed;
  top: 130px;
  right: -70px;
  background: #fff;
  z-index: 1000;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.buy-theme i {
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: #6f6f6f;
}

.all-demo i {
  font-size: 15px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: #6f6f6f;
}

.buy-theme:hover,
.all-demo:hover {
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  right: 0px;
  background: var(--base-color);
}

.buy-theme span,
.all-demo span {
  padding: 0 9px;
  position: relative;
  top: 0;
  opacity: 0;
}

.buy-theme:hover span,
.all-demo:hover span {
  opacity: 1;
  color: #fff;
}

.buy-theme:hover i,
.all-demo:hover i {
  color: #fff;
}

.buy-theme a,
.all-demo a {
  color: var(--prisma-dark-grey-color);
  font-size: 10px;
  text-transform: uppercase;
  padding: 2px 10px;
  display: block;
  text-decoration: none;
  font-weight: 500;
}

.all-demo {
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  position: fixed;
  top: 172px;
  right: -105px;
  background: #fff;
  z-index: 1000;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

/* Cookie message */

.form-control:focus {
  color: #fff !important;
}

.text-white-hover:hover {
  color: #e8e8e8 !important;
}
/* DIBUAT OTOMATIS oleh `bin/rails css:purge` dari custom.css. Jangan diedit: ubah file aslinya lalu jalankan ulang task. */
/* base color variable*/
:root {
	--bs-btn-active-color: var(--prisma-dark-grey-color);
	--bs-btn-active-bg: var(--prisma-yellow-color);
	--bs-btn-active-border-color: var(--prisma-yellow-color);
	--bs-dropdown-link-active-color: var(--prisma-dark-grey-color);
	--bs-dropdown-link-active-bg: var(--very-light-grey-color);
	--bs-btn-hover-bg: ;
}

.default_banner {
	background-size: contain !important;
	background-position: right !important;
}

header nav .navbar-nav.text-normal>li>a {
	font-size: 18px;
}

header nav .navbar-nav>li>a {
	text-transform: none;
}

.btn:hover {
	background-color: #e9ecef;
	border-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
	color: var(--prisma-dark-grey-color);
	text-decoration: none;
	background-color: #e9ecef;
}

.mfp-title {
	font-size: 18px;
}

.blog-content .post-details a:hover {
	color: var(--black-color) !important;
}

footer a:hover {
	color: var(--base-color) !important;
}

.form-label.file {
	font-size: 14px;
	font-weight: 300;
}

/*.form-control.input-border-bottom,*/
/*.form-select.input-border-bottom {*/
/*font-size: 14px;*/
/*}*/

.trix-content h3 {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: initial;
	color: var(--prisma-dark-grey-color);
	font-weight: 500;
}

header nav.navbar .navbar-nav>li>button:hover,
nav.navbar.bootsnav ul.nav>li>button:hover,
header nav.navbar.white-link .navbar-nav>li>button:hover,
nav.navbar.bootsnav.white-link ul.nav>li>button:hover,
header nav.navbar .navbar-nav>li>a:hover,
nav.navbar.bootsnav ul.nav>li>a:hover,
header nav.navbar.white-link .navbar-nav>li>a:hover,
nav.navbar.bootsnav.white-link ul.nav>li>a:hover {
	color: var(--base-color) !important;
}

header.header-appear nav.header-light .navbar-nav>li>button:hover,
header.sticky nav.header-light .navbar-nav>li>button:hover,
header.header-appear nav.header-light .navbar-nav>li>a:hover,
header.sticky nav.header-light .navbar-nav>li>a:hover {
	color: var(--base-color) !important;
}

header nav.navbar.white-link .header-searchbar a:hover,
nav.navbar.bootsnav.white-link .header-searchbar a:hover {
	color: var(--base-color);
}

header.sticky nav.header-light .header-searchbar {
	border-left: none;
	padding: 35px 0 35px;
}

nav.navbar.navbar-default ul.nav>li>button {
	border: none;
	outline: none;
	cursor: pointer;
}

nav.navbar.navbar-default .local-link>a,
nav.navbar.navbar-default ul.nav>li>button,
nav.navbar.navbar-default ul.nav>li>a {
	font-weight: 500;
	font-family: sans-serif;
}

/*nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {*/
/*border-bottom: 2px solid;*/
/*}*/

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>a {
	border: 2px solid;
	/* thickness of border */
	border-color: transparent;
	font-family: sans-serif;
}

nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>a:hover {
	border-image: linear-gradient(to right, #6759E1, #DC5EBD) 1;
}

nav.navbar.navbar-default ul.nav>li>a.active {
	border-bottom: 2px solid;
	/* thickness of border */
	border-image: linear-gradient(to right, #6759E1, #DC5EBD) 1;
}

header nav .navbar-nav.text-normal>li>button,
header nav .navbar-nav.text-normal>li>a {
	font-size: 16px;
}

nav.navbar.navbar-default .local-link>a {
	font-size: 14px;
	color: #fff;
}

nav.navbar.navbar-default .local-link>a.active {
	font-weight: 700;
}

nav.navbar.navbar-default .local-link>a:hover {
	color: var(--base-color);
}

nav.navbar.navbar-default .local-link>a {
	padding: 0 5px;
}

nav.navbar.navbar-default .local-link a:not(:first-child) {
	border-left: 1px solid rgba(255, 255, 255, .5);
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	opacity: 1;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
	border-radius: 6px;
}

@media (min-width: 1500px) {
	.swiper-3d {
		perspective: 1500px;
	}
}

.popup-youtube:hover>i {
	color: var(--base-color);
}

.prisma-text-rotate {
	position: relative;
	width: 200px;
	-webkit-transform: translateX(-100%) rotate(-90deg);
	-moz-transform: translateX(-100%) rotate(-90deg);
	-ms-transform: translateX(-100%) rotate(-90deg);
	-o-transform: translateX(-100%) rotate(-90deg);
	transform: translateX(-100%) rotate(-90deg);
	transform-origin: top;
	left: 100px;
	/* change this value to match needs */
	top: -30px;
	/* change this value to match needs */
	font-size: 25px;
	line-height: 25px;
}

.awards-desc p {
	margin-bottom: 0;
}

.blog-post.awards-style-1 .blog-post-images img {
	max-height: 250px;
}

/* running text */
/*.scroll-box {*/
/*width: 100%;*/
/*height: 5em;*/
/*overflow: hidden;*/
/*position: relative;*/
/*}*/
/*.scroll-text {*/
/*width: 100%;*/
/*position: absolute;*/
/*white-space: nowrap;*/
/*line-height: normal;*/
/*font-size: 60px;*/
/*font-weight: 600;*/
/*}*/


/* for text-rotate */
@media (min-width: 991px) {

	.text-flip {
		display: block !important;
		height: fit-content;
		width: fit-content;
		-webkit-transform: scale(-1, -1);
		-moz-transform: scale(-1, -1);
		-ms-transform: scale(-1, -1);
		-o-transform: scale(-1, -1);
		transform: scale(-1, -1);
		font-size: 20px;
		line-height: 20px;
		margin: 0 0 25px;
		padding: 0;
	}

	.text-rotate {
		height: fit-content;
		width: 130px;
		margin-right: -50px;
		transform-origin: center left;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.doi-sidebar-section {
		position: relative;
		height: 100%;
		width: 100%;
	}

	#awards .feature-box-image {
		min-height: 260px;
	}

	#vision_mission .desc {
		margin-bottom: 0 !important;
	}

	/* general meeting of shareholder */
}

@media (max-width: 767px) {

	/* banner for mobile position */

	/* general meeting of shareholder */

	#announcements .feature-box-image {
		min-height: 165px;
	}

	#announcements h6 {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 0;
	}
}

/* full navigation for custom pop-up menu */
.menu-wrap-menu.active,
.menu-wrap-menu {
	left: auto;
}

.menu-wrap-menu.active {
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	opacity: 1;
	visibility: visible;
	z-index: 10001;
}

.menu-wrap-menu {
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	width: 100%;
	z-index: -10001;
	position: fixed;
	top: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
}

.menu-wrap-content {
	left: 0;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	transform: translate3d(-360px, 0, 0);
}

.menu-wrap-menu.active .menu-wrap-content {
	transform: translate3d(0px, 0, 0);
}

.menu-wrap-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.menu-wrap-content-menu {
	transition: opacity 1s ease-out;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.menu-wrap-content-menu.show {
	opacity: 1;
	height: auto;
}

.full-width-pull-menu.opened-menu .center-logo,
.full-width-pull-menu.opened-menu .navbar-collapse>ul.navbar-nav {
	z-index: 10002 !important;
}

.grecaptcha-badge {
	display: none;
}

/*.full-width-pull-menu.opened-menu .center-logo > .logo > img.logo-dark {*/
/*content: url(/logo2-prisma.png);*/
/*}*/
/*.top-header-area.opened-menu .dropdown-style-1 .btn,*/
/*.full-width-pull-menu.opened-menu .navbar-collapse > .navbar-nav > li > a,*/
/*.full-width-pull-menu.opened-menu .navbar-collapse > .navbar-nav > li > button {*/
/*color: #fff !important;*/
/*}*/
/*.top-header-area.opened-menu .dropdown-style-1 .btn:hover,*/
/*.full-width-pull-menu.opened-menu .navbar-collapse > .navbar-nav > li > a:hover,*/
/*.full-width-pull-menu.opened-menu .navbar-collapse > .navbar-nav > li > button:hover {*/
/*color: var(--base-color) !important;*/
/*}*/
/* collection Galleries */
.collection {
	display: flex;
	justify-content: center;
	align-items: center;
}

.collection .content {
	height: 100%;
	width: 570px;
	overflow: hidden;
}

.content img {
	width: 100%;
	border-radius: 8px;
}

.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-left {
	display: none;
}

/* youtube wrapper */
.videowrapper {
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* timeline */

/*.timeline > li > .timeline-panel:before {*/
/*position: absolute;*/
/*top: 26px;*/
/*right: -15px;*/
/*display: inline-block;*/
/*border-top: 15px solid transparent;*/
/*border-left: 15px solid #ccc;*/
/*border-right: 0 solid #ccc;*/
/*border-bottom: 15px solid transparent;*/
/*content: " ";*/
/*}*/

/* by nano */
@media (max-width: 767px) {

	.htms-video {
		max-height: 150%;
		max-width: 150%;
	}
}

.header-search-form.mobile {
	display: inline-block;
	float: right;
	margin-right: 20px;
	margin-top: 0px;
	padding: 0;
}

video::-webkit-media-controls {
	display: none !important;
}

video {
	clip-path: inset(1px 1px);
	outline: none;
}

video:focus {
	outline: none;
}

@keyframes slides {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

.logos {
	overflow: hidden;
	padding: 30px 0px;
	white-space: nowrap;
	position: relative;
}

/*.logos:before, .logos:after {*/
/*position: absolute;*/
/*top: 0;*/
/*content: '';*/
/*width: 200px;*/
/*height: 100%;*/
/*z-index: 2;*/
/*}*/

/*.logos:before {*/
/*left: 0;*/
/*background: linear-gradient(to left, rgba(244,244,244,0), rgb(244, 244, 244));*/
/*}*/

/*.logos:after {*/
/*right: 0;*/
/*background: linear-gradient(to right, rgba(244,244,244,0), rgb(244, 244, 244));*/
/*}*/

.logo_items {
	display: inline-block;
	animation: 35s slides infinite linear;
}

.logos:hover .logo_items {
	animation-play-state: paused;
}

.logo_items img {
	margin: 8px 30px;
	height: 150px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.logo_items img:hover {
	filter: none;
}

.border-top-radius-8 {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.border-bottom-radius-8 {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.border-left-radius-20 {
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
}

.border-right-radius-20 {
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
}

.bg-prisma-color-1 {
	background: url(/assets/prisma-color-1-dd5e0f6fed732ebb47df35c5dfa3c30d0d68e452a90da875f6159929fa694e6a.webp);
}

.bg-prisma-color-2 {
	background: url(/assets/prisma-color-2-609eaaadfa079d3ed50c4cb6f11881caa0ca7eb949ca3869aa51cdb41067c75b.webp);
}

.bg-prisma-color-3 {
	background: url(/assets/prisma-color-3-627b822c5682f30fc96a90c9db7f7c53a3e6b418b816712f60c329a686045ed5.webp);
}

.service-card {
	overflow: hidden;
	border: none;
	transition: all 0.4s ease;
}

/* Image */
.service-card .card-img-container {
	overflow: hidden;
}

.service-card img {
	width: 100%;
	display: block;
	transition: all 0.4s ease;
}

/* Body setup: stack title + snippet */
.service-card .card-body {
	position: relative;
	overflow: hidden;
}

/* Title */
.service-card .card-title {
	transition: transform 0.4s ease;
	margin: 0;
}

.service-card .card-title img {
	width: auto;
	max-height: 50px;
}

.service-card .card-title img:not(.except) {
	/*filter: brightness(0) invert(1);*/
}

.service-card .card-title a:hover {
	color: #e8e8e8;
}

/* Snippet hidden below initially */
.service-card .snippet {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(100%);
	/* start below */
	transition: all 0.4s ease;
	margin: 0;
}

/* Hover effects */
.service-card:hover .card-img-container>img {
	transform: scale(0.9);
	border-radius: 0.5rem;
}

/*.service-card:hover .card-body {*/
/*margin: 0 20px;*/
/*}*/

.service-card:hover .snippet {
	max-height: 200px;
	/* adjust for content */
	opacity: 1;
	transform: translateY(0);
	/* slide up */
}

.service-card:hover .card-title {
	transform: translateY(-10px);
	/* pushed upward */
}

#services_glance .container.services .row>* {
	padding-right: 7px;
	padding-left: 7px;
}

.locations-list .location-image>a:hover>img {
	opacity: 0.5;
	transform: scale(1.2, 1.2);
	transition: all 0.3s ease 0s;
}

.swiper-pagination-bullet {
	background: #fff;
}

.swiper-pagination-bullet-active {
	background: #eee;
}



#static_billboard_benefits,
#creative_ooh_benefits,
#transit_media_benefits,
#ooh_dashboard_benefits {
	border-top: 1px solid #2A71F6;
	border-bottom: 1px solid #2A71F6;
}

#digital_billboard_benefits {
	border-top: 1px solid #DC5EBD;
	border-bottom: 1px solid #DC5EBD;
}

#pix_animation_motion ul {
	/*margin-bottom: 0 !important;*/
}

#pix_animation_motion ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	margin-top: 8px;
}

#pix_animation_motion ul li {
	width: 50%;
	box-sizing: border-box;
	margin: 5px 0;
}

.whatsapp-wrapper {
	position: fixed;
	right: 20px;
	bottom: 40px;
	overflow: hidden;
	z-index: 9811 !important;
	border-radius: 50px;
	background: white;
	box-shadow: 1px 1px 10px 1px #fff;
}

.whatsapp-wrapper>a>img {
	width: 60px;
	border: 2.5px solid #fff;
	border-radius: 50%;
}

.video-wrapper2 {
	width: 100%;
	max-width: 983px;
	/* optional */
	aspect-ratio: 16 / 9;
}

.video-wrapper2 iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

/* Articles page - equal size images */
#articles-section .blog-post.blog-post-style1 .blog-post-images,
#blogs .blog-post.blog-post-style1 .blog-post-images,
#blogs-section .blog-post.blog-post-style1 .blog-post-images {
	position: relative;
	width: 100%;
	padding-top: 62.5%;
	/* 16:10 aspect ratio */
	overflow: hidden;
}

#articles-section .blog-post.blog-post-style1 .blog-post-images img,
#blogs .blog-post.blog-post-style1 .blog-post-images img,
#blogs-section .blog-post.blog-post-style1 .blog-post-images img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* DIBUAT OTOMATIS oleh `bin/rails css:purge` dari responsive.css. Jangan diedit: ubah file aslinya lalu jalankan ulang task. */
@media (min-width: 992px) {

    /* top logo */
    .navbar-brand-top .nav-header-container { text-align: center;}
    .navbar-brand-top .nav-header-container .row { display: block !important; display: block !important; display: block !important;}
}

@media (max-width: 1600px) {
    /* grid */
    .grid.xl-grid-3col li { width: 33.33%; }
    .grid.xl-grid-2col li { width: 50%; }

    /* margin */

    /* margin top */

    /* margin bottom */

    /* margin right */

    /* margin left */

    /* margin left right */

    /* margin top bottom */

    /* padding */
    .xl-no-padding {padding:0 !important}
    .xl-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
    .xl-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
    .xl-no-padding-top {padding-top:0 !important}
    .xl-no-padding-bottom {padding-bottom:0 !important}
    .xl-no-padding-left {padding-left:0 !important}
    .xl-no-padding-right {padding-right:0 !important}
    .xl-padding-nine-all {padding:9%;}

    /* padding top */

    /* padding bottom */

    /* padding right */

    /* padding left */

    /* padding top bottom */

    /* padding left right */

    /* width */

    /* height */

    /* line height */

    /* top */

    /* bottom */

    /* left */

    /* right */

    /* border */
}

@media (max-width: 1500px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 1000px;}

    /* blog post style 2 */

    /* homepage 14 */
}

@media (max-width: 1400px) {
    .banner-style1 figure figcaption img {width: 100px;}

    /* tab-style5 */
}
@media (max-width: 1300px) {
	header nav .navbar-nav > li > button,
	header nav .navbar-nav > li > a {
		margin: 0 10px;
	}
}
@media (max-width: 1138px) {
	header nav .navbar-nav > li > button,
	header nav .navbar-nav > li > a {
		margin: 0 21px;
	}
}

@media (max-width: 1300px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 830px;}

    /* feature box style 4 */

    /* menu center */
     .menu-center .header-searchbar a i {margin: 0 8px;}
    .menu-center .header-searchbar { padding-left: 0; padding-right: 5px;}

    /* sidebar nav style 2 */
    .left-nav-sidebar .container {width: 1070px;}

    /* small box-layout */
}

@media (min-width: 1199px) {
    /* page container */
    .container { max-width: 1370px; }
}

@media (max-width: 1199px) {
    .panel-group * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -ms-transition-timing-function: none; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
    section {padding: 90px 0}

    /* typography */
    h1, h2, h3, h4, h5, h6 {margin:0 0 22px; padding:0; letter-spacing: 0; font-weight: 400;}
    h1 {font-size:65px; line-height: 65px;}
    h2 {font-size:50px; line-height:55px}
    h3 {font-size:42px; line-height:48px}
    h4, .text-h4 {font-size:35px; line-height:41px}
    h5 {font-size:27px; line-height:32px}
    h6 {font-size:22px; line-height:27px}

    /* image position*/

    /* margin */

    /* margin top */

    /* margin bottom */
    .lg-margin-30px-bottom {margin-bottom:30px;}

    /* margin right */

    /* margin left */

    /* margin left right */

    /* margin top bottom */

    /* header padding top */

    /* padding */
    .lg-no-padding {padding:0 !important}
    .lg-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
    .lg-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
    .lg-no-padding-top {padding-top:0 !important}
    .lg-no-padding-bottom {padding-bottom:0 !important}
    .lg-no-padding-left {padding-left:0 !important}
    .lg-no-padding-right {padding-right:0 !important}
    .lg-padding-two-all {padding:2%;}
    .lg-padding-five-all {padding:5%;}
    .lg-padding-six-all {padding:6%;}

    /* padding top */

    /* padding bottom */

    /* padding right */

    /* padding left */

    /* padding top bottom */

    /* padding left right */
    .lg-padding-four-lr {padding-left:4%; padding-right:4%;}
    .lg-padding-fourteen-lr {padding-left:14%; padding-right:14%;}

    /* col height  */

    /* owl slider height */

    /* top */

    /* bottom */

    /* left */

    /* right */

    /* width */
    .lg-w-30 {width:30% !important;}
    .lg-w-80 {width:80% !important;}

    /* height */

    /* line height */

    /* border */

    /* box layout */

    /* navigation */
    header nav .navbar-nav > li > a { margin: 0 15px;}

    /* nav box width */
    header nav.nav-box-width { padding: 0 15px;}

    /* sidebar menu */
    .sidebar-wrapper {padding-left: 230px;}
    .nav.navbar-left-sidebar li { padding: 0 20px; }

    .sidebar-nav-style-1 .nav.navbar-left-sidebar .dropdown.on .second-level {left: 230px; width: 230px}
    .sidebar-nav-style-1 .nav.navbar-left-sidebar .second-level .dropdown.on .third-level {left: 460px;  width: 230px}

    /* feature-box-4 */

    /* feature-box-10 */

    /* feature box style 12 */

    /* footer */

    /* hamburg menu */
    .side-left-menu-close.active { display: block; }

    /* sidebar nav style 2 */
    .left-nav-sidebar .container {width: 850px;}

    /* next prev button style 3 */
    .swiper-button-prev.swiper-prev-style3,.swiper-button-next.swiper-next-style3 {left:57.8%;}

    /* tab style 4 */

    /* tab-style5 */

    /* homepage 14 */

    /* font size */
    .text-extra-large { font-size: 18px; line-height: 24px;}
    .percent {line-height: 125px;}

    /* mega menu */
    nav.navbar.bootsnav li.dropdown .mega-menu-full {padding: 25px;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {border-right: none;}
    nav.navbar.bootsnav li.dropdown ul li ul li:last-child{border-bottom: none;}
    nav.navbar.bootsnav li.dropdown .menu-back-div > ul {width: 100%;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {padding: 2px 0;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img { padding-left: 20px; }

    /* menu center */
     .menu-center .header-searchbar a i {margin: 0 6px;}

    /* new-menu page */

    /* search form style */
    #search-header { width: 60%; }

    /* counter-box */

    /* counter box style 5 */

    /* banner style 01 */
    .banner-style1 figure:hover figcaption p {height: 80px;}
    .banner-style1 figure figcaption img {width: 130px;}
    .swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper, .swiper-pagination-bottom.swiper-horizontal .swiper-wrapper {margin-bottom: 50px;}
    .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
    .swiper-slider-third .swiper-pagination-bullets {bottom: 25px;}
    .swiper-full-screen .swiper-pagination {bottom: 30px;}

    /* hover option 3 */

    /* next prev button style 2 */
    .swiper-next-style2 {right: 5%;}
    .swiper-prev-style2 {left: 5%;}
    .swiper-auto-slide .swiper-scrollbar { left: 15%; width: 70%; }
    .swiper-auto-slide .swiper-slide.swiper-slide-active .absolute-middle-center h2 { transition: all 0.4s ease-in-out 0.4s; -webkit-transition: all 0.4s ease-in-out 0.4s; -moz-transition: all 0.4s ease-in-out 0.4s; -ms-transition: all 0.4s ease-in-out 0.4s; -o-transition: all 0.4s ease-in-out 0.4s; }

    /* swiper-bottom-scrollbar-full */
    .swiper-bottom-scrollbar-full .swiper-slide img {max-height: 450px; opacity:1; filter: contrast(130%); -webkit-filter: contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%);}
    .swiper-bottom-scrollbar-full .swiper-slide:hover img {max-height: 450px; }

    /* blog header style1 */
    .blog-header-style1 li figure figcaption {padding: 30px;}

    /* grid */
    .grid.lg-grid-3col li { width: 33.33%; }
    .grid.lg-grid-2col li { width: 50%; }

    /* aside style */
    .left-sidebar {padding-left:45px;}
}

@media (max-width: 1150px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 750px;}
}

@media (max-width: 1050px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 100%; max-width: 100%;}
    .parallax {background-attachment: inherit; }
    .nav.navbar-left-sidebar li a { padding: 17px 0; }
    .sidebar-part2 .sidebar-middle { padding: 90px 0 90px; }
    .sidebar-part2 .sidebar-middle {padding: 110px 0;}
}

@media (max-width: 1024px) and (min-width: 992px) {
    .sidebar-part2 .sidebar-middle, .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu { padding: 90px 0 220px; }
    header .sidebar-part2 nav.navbar.bootsnav ul > li > a { font-size: 30px; line-height: 37px; }
    .sidebar-part2 ul > li { padding: 7px 20px 7px 0; }
}

@media (max-width: 991px) {
    /* typography */
    h1, h2, h3, h4, h5, h6 {margin:0 0 18px; padding:0; letter-spacing: 0; font-weight: 400;}
    h1 {font-size:57px; line-height: 58px;}
    h2 {font-size:43px; line-height:48px}
    h3 {font-size:36px; line-height:41px}
    h4, .text-h4 {font-size:30px; line-height:35px}
    h5 {font-size:24px; line-height:30px}
    h6 {font-size:22px; line-height:26px}
    p { margin: 0 0 20px; }
    .title-extra-large {font-size: 100px; line-height:95px}
    .percent {line-height: 125px;}

    /* custom */
    section {padding: 75px 0;}
    section.big-section {padding:120px 0;}
    section.extra-big-section {padding: 150px 0;}
    section.half-section {padding:40px 0;}

    /* header style */
    header * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; }
    /*header nav .container { padding-left: 0; padding-right: 0;}*/
    .dropdown-menu { box-shadow: none; border: none; border-top: 1px solid rgba(255, 255, 255, 0.06);}
    .navbar-collapse {left: 0; padding:0; position: absolute; top: 100%; width: 100%; backface-visibility: hidden;}
    nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu { padding: 10px 40px 0 !important; margin: 0; float: left; top: 0 !important; }
    nav.navbar.bootsnav .navbar-nav { margin: 0; padding: 0; background-color: rgba(23, 23, 23, 0.95); padding-right: 1px; }
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {border-bottom: none; margin-bottom: 10px}
    nav.navbar.bootsnav li.dropdown.open .mega-menu-full {padding-top: 10px;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {margin-bottom: 0}
    nav.navbar.bootsnav .navbar-nav li { display: block; clear: both; /*border-bottom: 1px solid rgba(255, 255, 255, 0.06);*/ border-top: 0; }
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a , nav.navbar.bootsnav li.dropdown ul.mega-menu-full li > a,header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a{ margin: 0; padding: 12px 40px 11px; color: #fff; display: block; line-height: normal;}
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a,header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a { color: #fff; }
    nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu  li a, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu li a { padding-left: 0; padding-right: 0;}
    .simple-dropdown.open > ul > li { border: 0 !important}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {padding: 0; margin: 0;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul { margin-top: 0;}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a {color: #939393; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.active > a{background-color: transparent; color: #fff;}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li:hover > a {color: #fff;}
    nav.navbar.bootsnav li.dropdown ul.mega-menu-full li ul {margin-top: 0}
    .navbar-nav > li.simple-dropdown ul.dropdown-menu {top: 0; min-width: 0;}
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu {background-color: var(--base-color);}
    nav.navbar.bootsnav .navbar-toggler { top: 3px; }
     .navbar-nav > li.dropdown > .fa-solid { display: block; position: absolute; right: 25px; top: 0; color: #fff; font-size: 13px; cursor: pointer; padding: 14px 15px 12px}
    nav.navbar.bootsnav .navbar-nav > li.dropdown.open > ul, nav.navbar.bootsnav .navbar-nav > li.dropdown.on > ul { display: block !important; opacity: 1 !important}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ border: 0; padding: 10px 0}
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li > a{padding: 7px 0; left: 0; color: aqua;}
    .dropdown.simple-dropdown.open .dropdown-menu .dropdown .dropdown-menu {display: block !important; opacity: 1 !important}
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown.open ul.dropdown-menu li > a.dropdown-toggle {/*border-bottom: 1px solid rgba(255, 255, 255, 0.06);*/ color: aqua;}
    nav.navbar.bootsnav ul.nav .simple-dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {padding-left: 10px !important}
    nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul {left : 0;}
    .footer-widget-area h6 { font-size: 16px !important; line-height: 20px !important; }
    .sm-border-radius-8 { border-radius: 8px !important; }
    .title-small { font-size: 20px !important; line-height: 24px !important; }
    #pix_animation_motion ul {
      list-style: none;
      padding-left: 0;
    }
    #pix_animation_motion ul li {
      width: 100%;
    }
    #our_innovations .accordion-style2.panel-group .panel {
      width: 100% !important;
    }
    #our_innovations .accordion-style2 .panel .panel-heading {
      margin: 0 !important;
    }
    #our_innovations .accordion-style2.panel-group .panel .panel-title .text-large {
      font-size: 16px !important;
      line-height: 20px !important;
    }
    #our_innovations .accordion-style2 .panel-heading img {
      width: 35px;
      right: 18px;
    }

     .simple-dropdown .dropdown-menu > li > a.dropdown-toggle .fa-solid {display:none}
    nav .accordion-menu {padding: 26px 0 26px 0;}
    .sticky nav .accordion-menu {padding: 26px 0 26px 0;}
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center {width:100%;}
    .center-logo {left: 0; position: relative; max-width:100%; margin: 0; top: 0; transform:  none; padding: 26px 15px 26px 0;}
    .navbar-nav li {position: relative}
    nav.navbar.bootsnav li.dropdown ul.mega-menu-full > li { padding: 0; border: 0; }
    nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li { padding-left: 0; padding-right: 0; }
    nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown { margin-bottom: 10px}
    nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul:before {display: none;}
    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu { border: 0;}
     header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover,header.sticky nav.navbar.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.active > a {color: rgba(255,255,255,0.6)}
    header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.white-link .header-searchbar a:hover, nav.navbar.bootsnav.white-link .header-searchbar a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover { color: rgba(255,255,255,0.6)}
     header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover {color: rgba(255,255,255,0.6)}
    header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header.sticky nav.navbar.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a.active { color: rgba(255,255,255,1);}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img {display: none }
    nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover { left: 0;}
    .dropdown.open > div { display: block !important; opacity: 1 !important}
    header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a { color: #fff;}
    header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a:hover, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li.active > a { color: #939393;}
    header .sidebar-part2 nav.navbar.bootsnav ul > li > a:hover, header .sidebar-part2 nav.navbar.bootsnav ul > li.active > a { color: rgba(0, 0, 0, 0.6) !important; }
    header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active > a { color: var(--base-color) !important; }
     header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fa-solid { top: -4px; }
    nav.navbar .container-fluid { position: initial;}
		header a.logo img { max-height: 60px; }
    #search-header {width: 75%}
    header nav.nav-box-width.navbar-default, header nav.nav-box-width { /*padding: 0 25px;*/ }

    /* sidebar nav style 1 */
    .sidebar-wrapper {padding-left: 0;}
     .sidebar-part2 nav.navbar.bootsnav .navbar-collapse.collapse {display:block !important; max-height: 100%; position: relative; top: 0;}
    .sidebar-nav-style-1 .nav.navbar-left-sidebar li {padding: 0;}
    .sidebar-part2 nav.navbar.bootsnav li.dropdown.open > a > i {transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
    .sidebar-part2 nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu { padding: 10px 15px 0 !important; }

    /* mega menu */
    nav.navbar.bootsnav li.dropdown .menu-back-div > ul {width: 100%; }
    nav.navbar.bootsnav li.dropdown .mega-menu-full {padding: 0 40px; width: 100%; left: 0; position: relative; top: 0; }
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {padding: 8px 0; margin: 0;}
    header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a, .dropdown-menu,  header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a  {color:rgba(255,255,255,0.6) !important;}
     header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a  {color:#fff}

    /* sidebar nav style 2 */
    .left-nav-sidebar {padding-left: 0;}
    .sidebar-part2 .sidebar-middle {padding: 30px 0; display: block;}
    .sidebar-part2 .sidebar-middle-menu {display: block; overflow-y: auto; max-height: calc(100% - 10px);}
    .sidebar-part1 {width: 50px}
    .sidebar-part2 nav.navbar.bootsnav .navbar-nav {background: transparent; padding: 0}
    .sidebar-part2 ul > li {width: 100%; padding: 5px 30px 5px 0;}
     header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fa-solid {right: -20px; top: 0px; font-size: 22px;}
    .sidebar-part2:before {bottom: 55px; display: none;}
    .sidebar-part2 { background-color: #fff; border-right: 0 solid #dfdfdf; height: calc(100% - 50px); left: -300px; padding: 0 20px; overflow: auto; position: fixed; top: 50px; text-align: center; width:300px; z-index: -1; transition: ease-in-out 0.5s}
    .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before {display: none;}
    .sidebar-part2 nav.navbar.bootsnav li.dropdown.open ul.dropdown-menu {display: block !important; opacity: 1 !important}
    .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu,.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu .third-level { top: 0; transform: translateY(0); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); left: 0; background-color: transparent !important; padding-left: 10px !important;}
    header .sidebar-part2 nav.navbar.bootsnav ul li ul li {padding: 0;}
    .sidebar-part2 .dropdown ul.second-level, .sidebar-part2 .dropdown ul.third-level {border-left: none !important;}
    .sidebar-part2 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a {color: #232323; padding: 0; margin-bottom: 2px;}
    header .sidebar-part2 nav.navbar.bootsnav ul > li > a {font-size: 20px; line-height: 24px; border: 0}
    .sidebar-part2 nav.navbar.bootsnav li.dropdown.open ul.dropdown-menu .third-level {display: inherit; }
    .left-nav-sidebar .container {width: 700px;}
    .sidebar-part2 nav.navbar { text-align: left;}
    header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown .dropdown-menu.second-level > li > a {font-weight: 500; margin-top: 8px; margin-bottom: 0}
    header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown .dropdown-menu.second-level > li:last-child {margin-bottom: 8px}
    header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown .dropdown-menu.second-level > li > .dropdown-menu.third-level > li:first-child > a {margin-top: 8px}

    /* sidebar nav style 1-2 */
     .sidebar-part2 nav.navbar.bootsnav .navbar-nav {background-color: transparent; padding:0 0px 0 0}
     .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar .dropdown .second-level {display: none !important}
     .sidebar-part2 nav.navbar.bootsnav .navbar-left-sidebar > li > a {margin: 0; padding: 15px 15px 15px 0}
     .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar li a {border-bottom: 0 !important;}
     .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar .dropdown.open .second-level, .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar .dropdown.open .second-level .dropdown .third-level {display:block !important; left: 0; width: 100%; height: auto; visibility: visible; opacity: 1 !important; background: transparent; padding: 0 0 0 8px !important}
    header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {border: 0; color: #ff214f}
    .sidebar-part1 { position: inherit; width: 50px; float: left; }

    /* new-menu page */

    /* full width light transparent navigation */
    .close-button-menu { top: 15px; right: 15px; }

    /* top logo */
    .navbar.navbar-brand-top.bootsnav .navbar-toggler { top: 5px;}
    .navbar-brand-top .navbar-nav { text-align: left;}

    /* brand center */
    .brand-center .accordion-menu {float: right;}
    .brand-center .center-logo {max-width: 100%;}

    /* image position*/

    /* margin */

    /* margin top */

    /* margin bottom */
    .md-margin-15px-bottom {margin-bottom:15px;}
    .md-margin-20px-bottom {margin-bottom:20px;}
    .md-margin-30px-bottom {margin-bottom:30px;}
    .md-margin-40px-bottom {margin-bottom:40px;}
    .md-margin-50px-bottom {margin-bottom:50px;}
    .md-margin-70px-bottom {margin-bottom:70px;}

    /* margin right */

    /* margin left */

    /* margin left right */

    /* margin top bottom */

    /* header padding top */

    /* padding */
    .md-no-padding {padding:0 !important}
    .md-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
    .md-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
    .md-no-padding-top {padding-top:0 !important}
    .md-no-padding-bottom {padding-bottom:0 !important}
    .md-no-padding-left {padding-left:0 !important}
    .md-no-padding-right {padding-right:0 !important}
    .md-padding-three-all {padding:3%;}
    .md-padding-four-all {padding:4%;}

    /* padding top */

    /* padding bottom */

    /* padding right */

    /* padding left */

    /* padding top bottom */
    .md-padding-ten-half-tb {padding-top:10.5%; padding-bottom:10.5%;}

    /* padding left right */
    .md-padding-twelve-half-lr {padding-left:12.5%; padding-right:12.5%;}
    .md-padding-80px-lr {padding-right:80px; padding-left:80px;}

    /* top */

    /* bottom */

    /* left */

    /* right */

    /* width */
    .md-w-50 {width:50% !important;}
    .md-w-70 {width:70% !important;}
    .md-w-80 {width:80% !important;}
    .md-w-100 {width:100% !important;}

    /* height */
    .md-h-400px {height: 400px !important}
    .md-h-450px {height: 450px !important}

    /* line height */

    /* border */

    /* parallax */
    .parallax {background-position: center; background-attachment: inherit !important;}

    /* feature-box-4 */

    /* homepage option-3 */

    /* blog post style 3 */

    /* blog post style 3 */

    /* swiper button 3 */
    .swiper-button-prev.swiper-prev-style3, .swiper-button-next.swiper-next-style3 {left: 64.5%}

    /* feature box style 8 */

    /* homepage 14 */

    /* full width menu nav */
    /*.full-width-pull-menu .link-style-2 ul li a {font-size: 36px; line-height: 70px}*/
    .full-width-pull-menu .dropdown .dropdown-toggle {top: 35px}

    /* feature box 10 */

    /* feature box 4 */

    /* hamburger menu */

    /* homepage 10 */
    .swiper-auto-slide { padding: 0 15px;}
    .swiper-auto-slide .swiper-slide { width: 100%; }

    /* feature-box-11 */

    /* feature box style 14 */

    /* homepage 6 */

    /* swiper pagination */
    .swiper-vertical-pagination > .swiper-pagination-bullets { right: 30px; }

    /* banner style 01 */
    .banner-style1 figure:hover figcaption p {height: 100px;}

    /* counter box style 5 */

    /* aside style */
    .left-sidebar {padding: 0 15px 15px;}

    /* scroll to top */
    .scroll-top-arrow {display: none !important; opacity: 0 !important}

    /* text property */

    /* hover-option 3 */

    .mfp-close, .mfp-close:active {top: 0; right: 0;}
    button.mfp-arrow {background-color: #000; height: 80px; width: 80px; opacity: 1}
    .mfp-arrow:before {margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 80px; border: 0}  
    .mfp-arrow-left, .left-nav-sidebar .mfp-arrow-left {left: 6px}
    .mfp-arrow-right {right: 6px}
    .search-form .search-input {font-size: 24px; padding-top: 15px; padding-bottom: 15px;}
    .search-form .search-button {font-size: 15px;}
    .mfp-container, .left-nav-sidebar .mfp-container { padding-left: 15px; padding-right: 15px; }

    /* next prev button style 2 */
    .swiper-next-style2 {right: 15px;}
    .swiper-prev-style2 {left: 15px;}
    .swiper-auto-slide .swiper-scrollbar { left: 12%; width: 76%; }

    /* opacity */

    /* blog comments list */

    /* blog post style4 */
    .blog-post-style4 figure figcaption {padding: 30px}

    .blog-header-style1 { display: block; }
    .blog-header-style1 li {width: 100%; margin-bottom: 15px; }
    .blog-header-style1 li.blog-column-active {width: 100%;}

    /* feature box */

    /* icon type */

    /* pricing table */
    .nav.navbar-left-sidebar > li > a { line-height: normal; }
    .nav.navbar-left-sidebar > li .second-level li a { line-height: 20px; }

    /* latest post */
    aside .latest-post li { padding: 0 0 5px; }

    /* tab style 5 */

    /* play icon */

    /* grid */
    .grid.md-grid-2col li { width: 50%; }

    /* footer */
}

@media only screen and (max-width: 991px) and (orientation: landscape) {
    /* height */
    .md-landscape-h-580px { height: 580px !important; }
}

@media (max-width: 767px) {
    h1, h2, h3, h4, h5, h6 {margin:0 0 17px; padding:0; letter-spacing: 0; font-weight: 400;}
    h1 {font-size:38px; line-height:38px;}
    h2 {font-size:38px; line-height:38px;}
    h3 {font-size:28px; line-height:30px;}
    h4, .text-h4 {font-size:24px; line-height:24px;}
    h5 {font-size:24px; line-height:24px;}
    h6 {font-size:20px; line-height:23px;}

    /* opacity */

    /* image position*/

    /* margin */
    .sm-no-margin-bottom {margin-bottom:0 !important}
    .sm-no-margin-left {margin-left:0 !important}
    .sm-margin-20px-all {margin:20px;}

    /* margin top */
    .sm-margin-20px-top {margin-top:20px;}
    .sm-margin-50px-top {margin-top:50px;}

    /* margin bottom */
    .sm-margin-ten-bottom {margin-bottom:10%;}
    .sm-fs-16 {font-size:16px;}
    .sm-margin-5px-bottom {margin-bottom:5px;}
    .sm-margin-10px-bottom {margin-bottom:10px;}
    .sm-margin-15px-bottom {margin-bottom:15px;}
    .sm-margin-20px-bottom {margin-bottom:20px;}
    .sm-margin-25px-bottom {margin-bottom:25px;}
    .sm-margin-30px-bottom {margin-bottom:30px;}
    .sm-margin-40px-bottom {margin-bottom:40px;}
    .sm-margin-50px-bottom {margin-bottom:50px;}

    /* margin right */

    /* margin left */

    /* margin left right */

    /* margin top bottom */
    .sm-margin-10px-tb {margin-top:10px; margin-bottom:10px;}
    .sm-margin-20px-tb {margin-top:20px; margin-bottom:20px;}
    .sm-margin-30px-tb {margin-top:30px; margin-bottom:30px;}
    .sm-margin-40px-tb {margin-top:40px; margin-bottom:40px;}

    /* header padding top */
    .sm-no-border-radius { border-radius: 0;}


    /*.border-top-radius-8 {*/
      /*border-top-left-radius: 0;*/
      /*border-top-right-radius: 0;*/
    /*}*/
    /*.border-bottom-radius-8 {*/
      /*border-bottom-left-radius: 0;*/
      /*border-bottom-right-radius: 0;*/
    /*}*/
    /*.border-left-radius-8 {*/
      /*border-top-left-radius: 0;*/
      /*border-bottom-left-radius: 0;*/
    /*}*/
    /*.border-right-radius-8 {*/
      /*border-top-right-radius: 0;*/
      /*border-bottom-right-radius: 0;*/
    /*}*/
    .border-left-radius-20 {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .border-right-radius-20 {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

    /* padding */
    .sm-no-padding {padding:0 !important}
    .sm-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
    .sm-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
    .sm-no-padding-top {padding-top:0 !important}
    .sm-no-padding-bottom {padding-bottom:0 !important}
    .sm-no-padding-left {padding-left:0 !important}
    .sm-no-padding-right {padding-right:0 !important}
    .sm-padding-twelve-all {padding:12%;}
    .sm-padding-15px-all {padding:15px;}
    .sm-padding-20px-all {padding:20px;}
    .sm-padding-30px-all {padding:30px;}

    /* padding top */
    .sm-padding-30px-top {padding-top:30px;}

    /* padding bottom */
    .sm-padding-20px-bottom {padding-bottom:20px;}
    .sm-padding-30px-bottom {padding-bottom:30px;}

    /* padding right */

    /* padding left */

    /* padding top bottom */
    .sm-padding-20px-tb {padding-top:20px; padding-bottom:20px;}
    .sm-padding-40px-tb {padding-top:40px; padding-bottom:40px;}

    /* padding left right */
    .sm-padding-one-lr {padding-left:1%; padding-right:1%;}
    .sm-padding-four-lr {padding-left:4%; padding-right:4%;}
    .sm-padding-five-lr {padding-left:5%; padding-right:5%;}
    .sm-padding-15px-lr {padding-left:15px; padding-right:15px;}
    .sm-padding-20px-lr {padding-left:20px; padding-right:20px;}

    /* col height  */
    .one-second-screen {height:300px;}

    /* top */

    /* bottom */

    /* left */

    /* right */

    /* width */
    .sm-w-60 {width:60% !important;}
    .sm-w-100 {width:100% !important;}

    /* height */
    .sm-h-100 {height: 100% !important}
    .sm-h-250px {height: 250px !important}
    .sm-h-300px {height: 300px !important}
    .sm-h-350px {height: 350px !important}

    /* line height */
    .title-extra-large {font-size: 35px; line-height:40px}

    /* position */

    /* border */

    .whatsapp-wrapper {
      right: 10px;
    }
    .whatsapp-wrapper > a > img {
      width: 50px;
    }
    .text-large {
      font-size: 16px;
      line-height: 20px;
    }

    #services_glance .container.services .row > * {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }

    /* custom */
    section {padding: 35px 0;}
    section.big-section {padding:80px 0;}
    section.extra-big-section {padding:100px 0;}
    section.half-section {padding:30px 0;}
		section.small-section {padding:25px 0;}
		section.pt-0 {padding-top: 0 !important;}
		section.pb-0 {padding-bottom: 0 !important;}
    .mobile-height, .swiper-full-screen { height: auto !important;}
    .mobile-height .full-screen, .swiper-full-screen .full-screen {height: 480px !important; min-height: 480px !important}
    .overlap-section {margin-top: 0}

    /* blockquote */

    /* slider */

    /* slider navigation */
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }

    /* portfolio grid */

    /* swiper-bottom-scrollbar-full */
    .swiper-bottom-scrollbar-full .swiper-slide img {max-height: 100%;}
    .swiper-bottom-scrollbar-full .swiper-slide:hover img {max-height: 100%; }

    /* feature box style 4 */

    /* swipe carousel  */
    .swiper-full-screen .swiper-pagination {bottom: 20px;}

    /* counter box style 3 */

    /* counter box style 4 */

    /* feature box 4*/

    /* feature box 5*/

    /* feature box 9 */

    /* feature box 10 */

    /* feature box style 12 */

    /* feature box style 17 */

    /* hover option3 */

    /* header social icon */
    .header-searchbar { padding-left: 5px;}
    .header-searchbar a i { margin-right: 0; font-size: 12px; }

    /* header with sticky topbar */

    /* header style */
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li > a, header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a { padding-left: 15px; padding-right: 15px; }
     .navbar-nav > li.dropdown > .fa-solid { right: 0; }
    nav.navbar.bootsnav li.dropdown .mega-menu-full { padding: 0 15px; }
    nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu { padding-left: 15px !important; padding-right: 15px !important; }
    header nav.navbar-default { padding-left: 0; padding-right: 0; }
    header nav.nav-box-width.navbar-default, header nav.nav-box-width { padding: 0 0; }
    nav.navbar .container-fluid { padding-left: 15px; padding-right: 15px; }

    /* home-page-7 */

    /* swiper pagination */
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-horizontal > .swiper-pagination-bullets { bottom: 20px; }
    .swiper-pagination-square-bottom.swiper-pagination-bullets {bottom: -35px}
    .swiper-number-pagination .swiper-pagination-bullets {bottom: auto; top: 25% !important;}
    .swiper-vertical-pagination > .swiper-pagination-bullets { right: 20px; }

    /* verticle slder homepage 12 */
    .swiper-container-autoheight .swiper-slide, .swiper-autoheight .swiper-slide {height: auto}
    .swiper-container-autoheight .swiper-slide:last-child, .swiper-autoheight .swiper-slide:last-child {margin-bottom: 0;}
    .swiper-bottom-scrollbar-full .swiper-slide img {opacity: 1; filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: contrast(130%); -webkit-filter: contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%);  width: 100%; max-height: 100%}
    .swiper-auto-slide.swiper-container, .swiper-auto-slide.swiper {height: calc(100% - 93px); top: 78px;}

    /* swiper button style3 */
    .swiper-button-prev.swiper-prev-style3, .swiper-button-next.swiper-next-style3 {position: relative; bottom: 24px; display: inline-block; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); left: 50%; margin: 0;}
    .swiper-button-prev.swiper-prev-style3 {left: 50%; margin: 0 0 0 -85px;}

    /* left nav */
    .sidebar-part1 {width: 50px}

    /* testimonial-style2 */

    /* left-sidebar style 2 */
    .sidebar-part2 { width: 280px; left: -280px;}

    /* link style 2 */
    .full-width-pull-menu .link-style-2 ul li a {font-size: 26px; line-height: 60px}
    .full-width-pull-menu .link-style-2 ul li a {line-height:42px; font-size: 22px;}
    .full-width-pull-menu .link-style-2 .dropdown ul li a {line-height:20px; font-size:18px; padding: 10px 0;}

    /* close button */
    .close-button-menu {top:0; right:0;}

    /* full width pull menu */
    .full-width-pull-menu .dropdown span.dropdown-toggle {width:30px; height:30px; top:30px; right: 0;}
    .full-width-pull-menu .dropdown .dropdown-toggle:before {right:15px; top:10px}
    .full-width-pull-menu .dropdown .dropdown-toggle:after {right:10px; top:15px}

    /* btn */
    .btn-dual .btn { margin:10px auto !important; display: table; min-width: 160px; }

    /* search form style */
    .search-form {width: 100%}

    /* hamburger menu */

    /* footer */
    .latest-post li div {float: left; width: 70%;}
    .latest-post li {width: 100%;}
    .footer-widget-area .list-unstyled { margin-bottom: 0;}

    /* sidebar nav style 2 */
    .left-nav-sidebar .container { width: 100%; }
    .sidebar-part2 .sidebar-middle { padding: 15px 0 100px; }
    .sidebar-part2 .widget ul {bottom: -12px;}

    /* homepage 14 */

    /* swiper bootom scroll bar for portfoio personal */
    .swiper-bottom-scrollbar-full.swiper-container, .swiper-bottom-scrollbar-full.swiper {height: 100%; top: 0; padding-top: 50px; overflow: hidden; float: left; display: block; position: relative;}
    .swiper-bottom-scrollbar-full .swiper-wrapper {display: block; overflow-y: auto; overflow-x: hidden; transform: inherit !important; transition-duration: inherit !important;}
    .swiper-bottom-scrollbar-full .swiper-wrapper .swiper-slide { margin: 0 !important; }

    /* homepage 19 */
    .down-section {bottom:40px;}

    /* social media icon style 3*/

    /* tab */
    .nav-tabs { text-align: center;}

    /* tab style 1 */
    .tab-style1 .nav-tabs li {width: 100%; /*margin-bottom: 30px;*/}
    .tab-style1 .nav-tabs {text-align: start; margin-left: 20px;}
    .tab-style1 .nav-tabs li a { padding: 0; }

    /* tab style 2 */

    /* tab style 3 */
    .tab-style3 .tab-content {padding: 30px 0 0}
		.tab-style3 .nav-tabs { overflow-x: auto; overflow-y: hidden; }
    .tab-style3 .nav-tabs li {display: block; width: fit-content; text-wrap: nowrap; text-align: left; margin:0; padding: 0 20px;}
    .tab-style3 .nav-tabs li a { padding: 8px 0 !important; }

    /* tab style 4 */

    /* tab style 5 */

    /* team style 2 */

    /* team  */

    /* counter */

    .navigation-area { right: 0;}
    .swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 { transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); top: 5px; right: -4px;}
    .swiper-button-next.swiper-next-style4 { top: 14px;}

    /* top logo */
    .navbar.navbar-brand-top.bootsnav .navbar-toggler { top: 4px;}

    /* slider image */

    /* hover option 6 */

    /* header style */
    /*header .container, header .container-fluid, header .container-lg, header .container-md, header .container-sm, header .container-xl, header .container-xxl { padding-right: 0; padding-left: 0; }*/

    .mfp-close, .mfp-close:active {top: 20px; right: 5px;}
    button.mfp-arrow {background-color: #000; height: 50px; width: 50px; opacity: 1}
    .mfp-arrow:before {margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; border: 0}
    .mfp-arrow, .mfp-arrow:active, .mfp-arrow:focus {margin-top: -25px}
    .mfp-arrow-left {left: 6px}
    .mfp-arrow-right {right: 6px}
    #search-header {width: 90%; margin: 0 auto}
    .search-form .search-input {font-size: 16px; padding-top: 10px; padding-bottom: 10px; line-height: 34px;}
    .search-form .search-button {font-size: 12px; top: 20px;}

    /* social style */

    /* blog comment */
    blockquote {margin: 10px 0; padding: 15px 25px;}
    blockquote p {font-size: 16px; line-height: 24px;}

    /* blog caption */

    /* icon type */
    .icon-large {font-size: 40px}
     .medium-icon li, .large-icon li { /*margin-bottom: 10px;*/ margin: 0 5px; }
		.parallax, .cover-background { background-position: 50% center; }
		.banner-cover-background { background-size: cover !important; }

    /* latest post */
    aside .latest-post li { padding: 10px 0; }

    /* custome large icon size for mobile */

    /* scroll down */
    .scroll-down-section { bottom: -35px; }
    .scroll-down-section div { height: 70px;}

    /* small arrow */

    /* play icon */

    /* grid */
    .grid.sm-grid-2col li { width: 50%; }

    /* display */

    /* nav box width */
    header nav.nav-box-width { padding: 0;}

    /* Cookie message */
}

@media (max-width: 640px) {
    /* special character */

    /* accordion-style2 */
    .accordion-style2 .panel-body {padding: 20px 10px}
    .accordion-style2 .panel .panel-heading { padding: 15px 10px 16px 10px}
    .accordion-style2 .panel-heading i { right: 10px; }

    /* accordion-style3 */
    .accordion-style3 .panel-body {padding: 20px 10px}
    .accordion-style3 .panel .panel-heading { padding: 15px 10px 16px 10px}
    .accordion-style3 .panel-title > i { right: 10px; }

    /* hover style 7 */

    /* breadcrumb */
    .breadcrumb ul > li:after {padding: 0 3px 0 5px}
}

@media (max-width: 575px) {
    /* grid */
    .grid.xs-grid-1col li { width: 100%; }

    /* gutter type */
    .grid.gutter-large { margin: 0 -10px }
    .grid.gutter-large li { padding:7px 10px; }

    /* instagram feed */

    /* margin */

    /* margin top */

    /* margin bottom */
    .xs-margin-15px-bottom {margin-bottom:15px;}

    /* margin right */

    /* margin left */

    /* margin left right */

    /* margin top bottom */

    /* padding */
    .xs-no-padding {padding:0 !important}
    .xs-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
    .xs-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
    .xs-no-padding-top {padding-top:0 !important}
    .xs-no-padding-bottom {padding-bottom:0 !important}
    .xs-no-padding-left {padding-left:0 !important}
    .xs-no-padding-right {padding-right:0 !important}
    .xs-padding-25px-all {padding:25px;}

    /* padding top */
    .xs-padding-10px-top {padding-top:10px;}

    /* padding bottom */

    /* padding right */

    /* padding left */

    /* padding top bottom */
    .xs-padding-45px-tb {padding-top:45px; padding-bottom:45px;}

    /* padding left right */
    .xs-padding-15px-lr {padding-left:15px; padding-right:15px;}

    /* width */
    .xs-w-95 {width:95% !important;}

    /* height */

    /* line height */

    /* border */

    /* top */

    /* bottom */

    /* left */

    /* right */

    /* counter */

    /* counter box style 4 */

    /* feature box style 7 */

    /* feature box style 14 */

    /* feature-box-11 */
}

/* ipad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    /* slider image */
    .parallax {background-attachment: inherit; background-position: center;}
}

/* ipad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    /* slider image */
    .parallax {background-attachment: inherit !important; background-position: center !important;}
}

@media screen and (max-height: 320px){
    nav.navbar.bootsnav.no-full .navbar-collapse {max-height: 240px;}
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 * T15: CSS tema dimuat dalam versi *.purged.css (rule yang tidak dipakai halaman publik sudah dibuang;
 * ±1 MB -> ±270 KB mentah). File aslinya tetap di vendor/assets/stylesheets sebagai sumber. Setelah
 * mengubah view, kelas CSS di view, CSS tema, atau mengisi kelas baru di CMS: jalankan `bin/rails css:purge`
 * lalu commit hasilnya (lihat lib/tasks/css.rake).
 *







 */

@media (max-width: 991px) {
	nav.navbar.bootsnav .navbar-nav {
		background-color: rgba(0, 0, 0, 0.95);
	}

	.center-logo {
		padding: 10px 15px 10px 0;
	}
}

.alert {
	border-color: transparent;
	font-weight: 500;
}

.alert a {
	color: #fff;
	font-weight: 500;
}

.alert-danger {
	--bs-alert-color: #fff;
	--bs-alert-bg: var(--bs-form-invalid-color);
	--bs-alert-border-color: var(--bs-form-invalid-color);
	--bs-alert-link-color: #fff;
	margin-bottom: 2rem;
}

.alert-success {
	--bs-alert-color: #fff;
	--bs-alert-bg: var(--medium-green-color);
	--bs-alert-border-color: var(--very-light-green-color);
	--bs-alert-link-color: #fff;
	margin-bottom: 2rem;
}

.btn-close {
	--bs-btn-close-color: #fff;
	opacity: 1;
	background: none;
}

/* running text */
.scroll-box {
	width: 100%;
	height: 10em;
	overflow: hidden;
	position: relative;
}

.scroll-text {
	width: 100%;
	position: absolute;
	white-space: nowrap;
	line-height: normal;
	font-size: 28px;
	font-weight: 400;
}

.pipe {
	margin: 0 10px;
	opacity: 0.6;
	font-size: 48px;
}

.scroll-box:before {
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.scroll-box:after {
	right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.scroll-box:before,
.scroll-box:after {
	position: absolute;
	top: 0;
	content: '';
	width: 200px;
	height: 100%;
	z-index: 2;
}

.form-control::file-selector-button {
	padding: .25rem .75rem;
	margin: .25rem;
	font-size: small;
	border-radius: 8px;
}

.trix-content a {
	color: revert;
	font-weight: 400;
}

.trix-content a:hover {
	color: revert;
}

/* SEO: Visually hidden but accessible to screen readers and search engines */
.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Override dropdown menu top position */
.simple-dropdown>.dropdown-menu {
	top: 44px !important;
}

/* Show dropdown on li hover instead of link hover */
@media (min-width: 992px) {

	/* Create invisible bridge between link and dropdown to prevent hover gap */
	.simple-dropdown:hover::before {
		content: '';
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		height: 44px;
		z-index: 999;
	}

	.simple-dropdown:hover>.dropdown-menu {
		display: block !important;
	}

	/* Ensure dropdown stays visible when hovering over it */
	.simple-dropdown>.dropdown-menu:hover {
		display: block !important;
	}
}

/* Heading di isi artikel (body dari editor). Ukuran h2 bawaan tema (60px) terlalu besar
   untuk sub-judul di dalam artikel. Di-scope ke .article-content agar h2 lain tidak ikut. */
.article-content h2 {
	font-size: 30px;
	line-height: 1.3;
}

/* Banner default (halaman tanpa banner section, mis. Privacy Policy). Tingginya kecil karena
   hanya memuat judul; h1 bawaan tema terlalu besar untuk ruang ini. */
.default-banner h1 {
	font-size: 56px;
	line-height: 1.2;
}

@media (max-width: 767px) {
	.default-banner h1 {
		font-size: 36px;
	}
}

/* T6: heading semantik tanpa mengubah tampilan.
   .heading-reset membungkus elemen bergaya yang sudah ada (class aslinya tetap di elemen dalam),
   sehingga tag heading tidak membawa ukuran/margin bawaan tema. */
.heading-reset {
	font: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
}

/* .size-h2: H1 yang dulunya H2 (nama campaign, nama billboard) tetap berukuran h2 tema.
   Nilai disalin dari style.css & responsive.css (breakpoint 1199/991/767). */
.size-h2 {
	font-size: 60px;
	line-height: 60px;
}

@media (max-width: 1199px) {
	.size-h2 {
		font-size: 50px;
		line-height: 55px;
	}
}

@media (max-width: 991px) {
	.size-h2 {
		font-size: 43px;
		line-height: 48px;
	}
}

@media (max-width: 767px) {
	.size-h2 {
		font-size: 38px;
		line-height: 38px;
	}
}

/* Isi halaman teks panjang (Privacy Policy, Terms). Heading bawaan tema (h2 60px) terlalu besar untuk
   dokumen bernomor, jadi diturunkan seperti .article-content. Hanya halaman ber-konten yang terkena;
   halaman ber-section tidak memakai wrapper ini. */
.page-content h2 {
	font-size: 28px;
	line-height: 1.3;
	margin-top: 30px;
}

.page-content h3 {
	font-size: 22px;
	line-height: 1.3;
	margin-top: 24px;
}

@media (max-width: 767px) {
	.page-content h2 {
		font-size: 24px;
	}

	.page-content h3 {
		font-size: 19px;
	}
}

/* Blok FAQ & tabel (T8). Accordion memakai .accordion-style1 tema; desain final menunggu designer. */
.block-heading {
	font-size: 34px;
	line-height: 1.25;
	font-weight: 400;
}

.faq-accordion .panel-title {
	margin: 0;
	padding-right: 0;
	font-size: 18px;
	line-height: 1.45;
	font-weight: 500;
}

.faq-accordion .panel-body ul,
.faq-accordion .panel-body ol {
	padding-left: 20px;
	margin-bottom: 15px;
}

.faq-accordion .panel-body ul {
	list-style: disc;
}

.faq-accordion .faq-toggle {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.faq-accordion .faq-toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

.faq-accordion .faq-toggle i {
	flex-shrink: 0;
	font-size: 14px;
	transition: transform .2s ease;
}

.faq-accordion .faq-toggle:not(.collapsed) i {
	transform: rotate(45deg);
}

.faq-accordion .panel-heading {
	border-bottom: 1px solid #e4e4e4;
}

.content-table table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
}

/* Jawaban FAQ boleh berisi tabel: digulir horizontal di mobile seperti blok tabel. */
.faq-accordion .panel-body.content-table {
	overflow-x: auto;
}

.faq-accordion .panel-body table {
	margin: 10px 0 15px;
}

.content-table th,
.content-table td {
	padding: 12px 16px;
	border: 1px solid #e4e4e4;
	text-align: left;
	vertical-align: top;
}

.content-table th,
.content-table thead td {
	background: #f7f7f7;
	font-weight: 600;
	color: #232323;
}

.content-table caption {
	caption-side: bottom;
	padding-top: 10px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.block-heading {
		font-size: 26px;
	}

	.faq-accordion .panel-title {
		font-size: 16px;
	}
}

/* T10 aksesibilitas: skip link (terlihat hanya saat fokus keyboard) */
.skip-link {
	position: absolute;
	left: 8px;
	top: -100px;
	z-index: 100000;
	padding: 10px 16px;
	background: #fff;
	color: #000;
	font-weight: 600;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}
.skip-link:focus {
	top: 8px;
	outline: 3px solid #0d6efd;
	outline-offset: 2px;
}
#main-content:focus { outline: none; }

/* Fokus keyboard yang terlihat untuk kontrol ikon */
[role="button"][tabindex]:focus-visible,
.faq-toggle:focus-visible,
.navbar-toggler:focus-visible,
.header-search-form:focus-visible,
.local-link a:focus-visible {
	outline: 2px solid #0d6efd;
	outline-offset: 2px;
}

/* T15 LCP: tinggi hero mengikuti layar sejak awal. Tema menulis 980px lalu menyesuaikannya lewat JS
   (fullScreenHeight di main.js) setelah application.js dan gambar selesai dimuat; di HP judul hero
   (align-items-end) berada di luar layar sampai saat itu sehingga LCP tertunda. svh = tinggi layar
   tanpa bilah alamat; vh sebagai cadangan browser lama. */
.full-screen { height: 100vh; height: 100svh; }

/* Gambar hero responsif (hero_bg_style di PerformanceHelper): 1200px di HP, 1920px di layar lebar.
   Media query harus sama dengan <link rel="preload"> agar hanya satu ukuran yang diunduh. */
.hero-bg { background-image: var(--hero-lg); }
@media (max-width: 767px) {
	.hero-bg { background-image: var(--hero-sm); }
}

/* Ikon SVG inline (svg_icon di IconHelper) pengganti glyph Font Awesome. SVG berperilaku seperti
   glyph FA: inline setinggi 1em, dasar 0.125em di bawah baseline, sehingga text-align/line-height
   dari aturan tema tetap memusatkannya. :where() membuat specificity 0, jadi aturan tema yang
   menyasar elemen ini (mis. menyembunyikan panah menu di desktop) tetap menang. */
:where(.svg-icon) {
	display: inline-block;
	line-height: 0; /* tinggi kotak = tinggi SVG (1em), tidak ditambah tinggi baris font teks */
	font-style: normal;
}
.svg-icon > svg {
	display: inline-block;
	vertical-align: -0.125em;
	fill: currentColor;
	overflow: visible;
}

/* Ikon bergradien accordion PiX (pages/_pix_services): gradien didefinisikan sebagai <linearGradient> di partial. */
.pix-icon-1 > svg { fill: url(#pix-gradient-1); }
.pix-icon-2 > svg { fill: url(#pix-gradient-2); }
.pix-icon-3 > svg { fill: url(#pix-gradient-3); }

/* Peta lokasi (hub, halaman area, halaman billboard; locations.js). Dipindah dari locations/show
   agar dipakai bersama. */
.product-item {
  cursor: pointer;
  transition: background-color 0.3s;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 
          0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.product-item:hover {
  background-color: #f8f9fa;
}

.product-item.selected {
  background-color: #000000 !important;
  border: 2px solid !important;
  border-color: var(--base-color) !important;
}

.product-item.selected .media-body span {
  color: #fff !important;
}

.gm-style-iw {
  max-width: 250px;
}
#map {
  background-color: #e5e3df; /* warna dasar Google Maps selama skrip belum dimuat */
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
          0 1px 3px 1px rgba(60, 64, 67, 0.15);
}


/* Custom info window styling - only targets our custom markers */
/* These styles apply when the info window contains .custom-info-window wrapper */
.gm-style .gm-style-iw-c:has(.custom-info-window) {
  background-color: #000000 !important;
  padding: 0 !important;
  border: 2px solid;
  border-radius: 12px !important;
  border-color: var(--base-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

/* Target the InfoWindow content wrapper for custom info windows */
.gm-style .gm-style-iw-c:has(.custom-info-window) .gm-style-iw-d {
  overflow: auto !important;
  max-height: none !important;
}

/* Arrow styling for custom info windows */
.gm-style .gm-style-iw-tc:has(+ .gm-style-iw-c .custom-info-window)::after,
.gm-style .gm-style-iw-t:has(.custom-info-window)::after {
  background: #000000 !important;
}

/* Style the close button for custom info windows */
.gm-style .gm-style-iw-c:has(.custom-info-window) button {
  background-color: transparent !important;
  filter: brightness(0) invert(1); /* Make close button white */
}

/* Custom content styling */
.custom-info-window {
  background-color: #000000;
  color: #ffffff;
  padding: 0 15px 15px;
  border-radius: 12px;
  min-width: 200px;
  transition: all 0.3s ease;
}

/* Change text color to pink (base-color) when hovering the window */
.custom-info-window:hover h6 a,
.custom-info-window:hover p {
  color: var(--base-color) !important;
  transition: color 0.3s ease;
}

.custom-info-window h6 {
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 1.1em;
}

.custom-info-window p {
  color: #ecf0f1;
  margin-bottom: 8px;
}

.custom-info-window img {
  border-radius: 8px;
  margin-bottom: 12px;
}

.custom-info-window strong {
  color: #3498db;
}

.custom-info-window small {
  color: #bdc3c7;
}

/* T12: breadcrumb visual (shared/_breadcrumb), dari array yang sama dengan schema BreadcrumbList. */
.page-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.6;
}
.page-breadcrumb li + li::before {
	content: "\203A";
	padding: 0 8px;
	opacity: .6;
}
.page-breadcrumb a { color: inherit; }
.page-breadcrumb a:hover { color: var(--base-color); }
.page-breadcrumb [aria-current] { font-weight: 600; }

/* Foto titik sering terang: lapisan gelap tambahan di atas gradien banner supaya teks terbaca. */
.product-banner .opacity-medium { background-color: rgba(0, 0, 0, .45); }

/* Panah slider "Billboard lain di area" (menggantikan dot, jumlah titik bisa belasan). */
.related-nav { display: flex; gap: 10px; margin-top: 20px; }
.related-nav button {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	border-radius: 50%;
	background: transparent;
	color: #fff;
	cursor: pointer;
	transition: background-color .2s, color .2s, opacity .2s;
}
.related-nav button:hover:not(.swiper-button-disabled),
.related-nav button:focus-visible { background: #fff; color: #000; }
.related-nav button.swiper-button-disabled { opacity: .35; cursor: default; }

/* T13: intro dan strip statistik hub/halaman area (locations/_explorer). */
.location-intro { max-width: 760px; font-size: 16px; line-height: 1.6; }
.location-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 28px;
	list-style: none;
	margin-bottom: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
}
.location-stats li { display: flex; align-items: baseline; gap: 6px; }
.location-stats strong { font-size: 22px; font-weight: 700; color: #232323; }

/* Legenda warna marker di bawah peta hub/area. */
.map-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
}
.map-legend li { display: inline-flex; align-items: center; gap: 6px; }

/* T12: judul area dan pill area di hub/halaman area (locations/_explorer). */
.area-heading {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
.area-pills-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 6px 10px;
}
.area-pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.area-pill {
	display: inline-block;
	padding: 1px 10px;
	border: 1px solid #232323;
	border-radius: 50px;
	font-size: 12px;
	line-height: 1.5;
	color: #232323;
	transition: background-color .2s, color .2s, border-color .2s;
}
.area-pill:hover,
.area-pill:focus-visible {
	background: var(--base-color);
	border-color: var(--base-color);
	color: #fff;
}

/* Nama titik di daftar hub/area adalah link; tampilannya tetap seperti teks kartu. */
.product-item .product-link { color: inherit; }
.product-item .product-link:hover span { text-decoration: underline; }

/* T12: kartu data titik di halaman billboard (sementara, sampai ada desain). */
.billboard-facts { padding: 30px 35px; font-size: 16px; line-height: 1.5; }
.billboard-facts dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px 24px;
}
.billboard-fact { display: contents; }
.billboard-facts dt { font-weight: 700; }
.billboard-facts dd {
	margin: 0;
	text-align: right;
	overflow-wrap: anywhere;
}
@media (max-width: 575px) {
	.billboard-facts { padding: 24px 22px; }
	.billboard-facts dl { grid-template-columns: 1fr; gap: 2px; }
	.billboard-facts dd { text-align: left; margin-bottom: 10px; }
}

/* Kartu titik terkait: gambar seragam tingginya walau rasio foto berbeda. */
.related-sites .location-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.billboard-map { height: 450px; }
@media (max-width: 767px) {
	.billboard-map { height: 320px; }
}

/* H2 seukuran h5 tema (judul section billboard terkait, peta). Nilai disalin dari style.css &
   responsive.css (breakpoint 1199/991/767). */
.size-h5 { font-size: 30px; line-height: 30px; }
@media (max-width: 1199px) { .size-h5 { font-size: 27px; line-height: 32px; } }
@media (max-width: 991px) { .size-h5 { font-size: 24px; line-height: 30px; } }
@media (max-width: 767px) { .size-h5 { font-size: 24px; line-height: 24px; } }

/* Logo wide partner (BoostAD, PiX) di kartu Our Services (wide_logo? di PerformanceHelper).
   Desktop: sejajar dengan judul seperti icon lain, tapi max-height dilebihkan (75px vs 50px icon
   lain) karena bentuk landscape-nya terasa "gepeng"/kurang solid kalau disamakan tinggi persis
   dengan icon square. HP: logo landscape terlalu lebar untuk sejajar, jadi ditumpuk di atas judul
   & diperbesar (width, bukan max-height) supaya tetap terbaca. Dipisah dari style inline
   opt_image_tag karena style inline tidak bisa di-override media query. */
.wide-logo-img { /*max-height: 75px;*/ width: 30%; }

@media (max-width: 767px) {
	.wide-logo-row {
		/*flex-direction: column;
		align-items: flex-start !important;*/
	}

	.wide-logo-img {
		max-height: none;
		width: 30%;
	}
}