/* 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-9{flex:0 0 auto;width:75%}.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}.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-light-red-light-orange {
  background-image: linear-gradient(to right top,
      #ff8e43,
      #ff7a41,
      #ff6343,
      #ff4848,
      #ff214f) !important;
}

.bg-gradient-green {
  background-image: linear-gradient(to right,
      #DDE25E 0%,
      #44DC51 28%,
      #3EE2F3 50%,
      #A6EEAB 75%,
      #82E235 100%) !important;
}

.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);
}

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

/* 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); }