/* Reset */
html, body, a, a:hover, table.table{color:#000000;}

:root{
    --color-p:#003366;
    --color-s:#E6BE00;
  }

/* Colors */
.color-white{color:#ffffff!important;}
.color-black{color:#000000!important;}
.color-p, .h-color-p:hover{color:var(--color-p)!important;}
.color-s, .h-color-s:hover{color:var(--color-s)!important;}
.color-01, .color-01:hover{color:#a1a8bd;}

.bg-white{background:#ffffff!important;}
.bg-black{background:#000000!important;}
.bg-p{background:var(--color-p)!important;}
.bg-s{background:var(--color-s)!important;}
.bg-gray{background:#f5f5f5;}

.bcolor-white{border-color:#ffffff!important;}
.bcolor-black{border-color:#000000!important;}
.bcolor-p{border-color:var(--color-p)!important;}
.bcolor-s{border-color:var(--color-s)!important;}


/* Inputs */
input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], select, textarea{
    color:#000000; background:#ffffff; border-color:#E9E9E9;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus,
input[type=tel]:focus, input[type=number]:focus, input[type=phone]:focus, input[type=submit]:focus,
input[type=file]:focus, select:focus, textarea:focus{
    border-color:var(--color-p)!important;
}
input::placeholder{color:#666666;}


.filter-01 {

        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

    background: linear-gradient(to right, rgba(255, 255, 255, 1) 11%,
  rgba(255, 255, 255, 1) 47%,rgba(255, 255, 255, 0.15) 81%,rgba(255, 255, 255, 0) 100%);
}


/* Button */
.btn.btn-p, .btn.btn-p:focus{color:#ffffff; background:var(--color-p); border-color:var(--color-p);}
.btn.btn-p:hover{background:var(--color-t); border-color:var(--color-t);}
.btn.btn-p:active{background:var(--color-t); border-color:var(--color-t);}

.btn.btn-border-s, .btn.btn-border-s:focus{border-color:var(--color-s); color:var(--color-s);}
.btn.btn-border-s:hover{background:var(--color-s); color:#ffffff;}



.btn.btn-outline-p, .btn.btn-p:focus{color:var(--color-p); background:transparent; border-color:var(--color-p);}
.btn.btn-outline-p:hover{color:#ffffff; background:var(--color-p);}
.btn.btn-outline-p:active{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.12);}

.btn.btn-outline-white, .btn.btn-outline-white:focus{color:#ffffff; background:transparent; border-color:#ffffff;}
.btn.btn-outline-white:hover{color:#ffffff; background:var(--color-p); border-color:var(--color-t)!important;}
.btn.btn-outline-white:active{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.12);}
.btn.btn-outline-white .icon::before{background:#ffffff!important;}
.btn.btn-outline-white:hover .icon svg path{fill:var(--color-t)!important;}
.btn.btn-outline-white:hover .title{color:#ffffff!important;}

.btn.btn-s, .btn.btn-s:focus{color:#ffffff; background:var(--color-s); border-color:var(--color-s);}
.btn.btn-s:hover{box-shadow:inset 0 0 0 100rem rgba(255,255,255,.06);}
.btn.btn-s:active{box-shadow:inset 0 0 0 100rem rgba(255,255,255,.12);}


.banner-01 .swiper-pagination-bullet-active{background:var(--color-p)!important;}
@media screen and (max-width:767.98px){
    .banner-01 .arrows .arrow{width:2.5rem; height:2.5rem;}
}
@media screen and (max-width:375.98px){
    .banner-01 .arrows .arrow{width:2.125rem; height:2.125rem;}
}

.btn.btn-s-inverse, .btn.btn-s-inverse:focus{
    color:var(--color-s); background:#ffffff; border-color:var(--color-s);
}
.btn.btn-s-inverse:hover{
    color:#ffffff; background:var(--color-s);
    box-shadow:inset 0 0 0 100rem rgba(255,255,255,.06);
}
.btn.btn-s-inverse:active{
    color:#ffffff; background:var(--color-s);
    box-shadow:inset 0 0 0 100rem rgba(255,255,255,.12);
}

.btn.btn-t, .btn.btn-t:focus{color:#ffffff; background:#14206a; border-color:#14206a;}
.btn.btn-t:hover{box-shadow:inset 0 0 0 100rem rgba(255,255,255,.06);}
.btn.btn-t:active{box-shadow:inset 0 0 0 100rem rgba(255,255,255,.12);}

.btn.btn-01, .btn.btn-01:focus{color:#ffffff; background:#000000; border-color:#000000;}
.btn.btn-01:hover{box-shadow:inset 0 0 0 100rem rgba(255,255,255,.06);}
.btn.btn-01:active{box-shadow:inset 0 0 0 100rem rgba(255,255,255,.12);}

.btn-play:before, .btn-play:after{background:var(--color-p);}


.block-content-01 .block-header{background:var(--color-p); border-bottom:3px solid var(--color-s);}
.block-content-01 .block-body{background:#ffffff!important;}


/* Box Shadow */
.bshadow-01{box-shadow:rgba(145,158,171,.16) 0px 8px 16px!important;}
.bshadow-02{box-shadow:rgba(145,158,171,.5) 0px 8px 16px!important;}
.bshadow-03{box-shadow:rgba(0,0,0,.16) 0px 8px 16px!important;}


/* Banner 01 */
.banner-01 .swiper > .swiper-wrapper .swiper-slide .main-title{border-color:#ffffff;}
.banner-01 .swiper-pagination-bullet{background:#ffffff;}
.banner-01 .swiper-pagination-bullet-active{background:var(--color-t)}
.banner-01 .arrows .arrow{background:rgba(14, 58, 129, .5); color:#ffffff;}


.banner-02::before{background:var(--color-p);}
.banner-02::after{background:var(--color-p);}


/* Breadcrumb 01 */
.breadcrumb-01 .link-wrapper .link:first-child .menu{color:#000000!important;}
.breadcrumb-01 .link-wrapper .link:last-child .menu{color:var(--color-p)!important;}
.breadcrumb-01 .link-wrapper .link .line{background:#c4c4c4;}


.block-content-01  .arrows .arrow{background:var(--color-p);}
.block-content-01 .arrows .arrow:hover{background:var(--color-s);}


.isotope-toolbar-btn{border-color:#cccccc;}
.isotope-toolbar-btn:hover,
.isotope-toolbar-btn.active{background:var(--color-s); border-color:var(--color-s); color:#ffffff;}

/* Form Check */
.form-check .checkmark {background:#eee;}
.form-check input:checked ~ .checkmark {background:#BECAF2;}
.form-check .checkmark:after{border-color:#ffffff;}


/* Form Group */
.form-group .dropdown-icon svg path{fill:var(--color-p);}


.ss-title-02::before{background:var(--color-p);}


.ss-title-03, .ss-title-03::before{background:var(--color-p);}


.ss-title-04 .icon{background:var(--color-p); color:#ffffff;}
.ss-title-04:hover .icon{background:var(--color-s);}
.ss-title-04:hover .text p:first-child{color:var(--color-p);}



/* Special Title 02 */
/* .ss-title-02 .wrapper .title{background:var(--color-p); color:#ffffff;}
.ss-title-02 .wrapper .icon{background:#FFBF44;} */



/* Accessibility */
nav.side-panel .icon{background: linear-gradient(180deg, #122C54 0%, #0A142F 100%); fill:#ffffff;}
nav.side-panel > .wrapper > .icon:hover{background:var(--color-t);}
nav.side-panel.active > .wrapper > .icon{background:var(--color-s);}
nav.side-panel .panel-row{background:#ffffff; color:#000000; border-color:#0A112B;
  ;}
nav.side-panel .panel-row:nth-child(odd){background:#f2f2f2;}
nav.side-panel .panel-row:first-child{background:#ffffff; color:#000000;}
nav.side-panel .option:not(.btn-cursor):hover,
nav.side-panel .option:not(.btn-cursor).active nav.side-panel .option{color:#000000;}
nav.side-panel .option:not(.btn-cursor):hover, nav.side-panel .option:not(.btn-cursor).active{
  background:var(--color-s); color:#ffffff; fill:#ffffff;
}
nav.side-panel .option-row{color:#000000;}
nav.side-panel .option-row:first-child.active{background:#fec52d; color:#ffffff;}
nav.side-panel .option-row .icon + *::before{background:var(--color-p);}
nav.side-panel .hamburger > *{background:#ffffff;}



/* Client 01 */
.client-01 .client .logo{background:#ffffff;}
.client-01 .swiper-pagination .swiper-pagination-bullet-active{background:var(--color-p)}
.client-01 .swiper-expand .arrows .arrow{background:var(--color-p); color:#ffffff;}


/* Client 01 */
.department-container .logo-container .logo{background:#ffffff;}




/* Paginate */
.paginate .page.active, .paginate .page:hover{background:var(--color-p); color:#ffffff;}
.paginate .page{color:#000000;}
.paginate .arrow.arrow-prev, .paginate .arrow.arrow-next{color:#000000;}





/* Stopnav */
nav.stopnav{background:#08295D;}
nav.stopnav .icon.icon-flag{background:#ffffff;}
nav.stopnav .icon.icon-flag .flag-dropdown{background:#ffffff;}
nav.stopnav .icon.icon-flag .text{color:var(--color-p);}
nav.stopnav .icon.icon-flag .flag-dropdown .flag-item .title{color: #000000!important;}
nav.stopnav .icon.icon-flag .flag-dropdown .flag-item:hover .title{color: #ffffff!important;}
nav.stopnav .icon.icon-flag:hover .flag-dropdown .flag-item.active, nav.stopnav .icon.icon-flag:hover .flag-dropdown .flag-item:hover {
  background: var(--color-p);
}


/* Topnav */
nav.topnav .top-right .wrapper::before{background:var(--color-s);}
nav.topnav .middle{background:#f5f5f5;}
nav.topnav .bottom{background:var(--color-p);}
nav.topnav .middle .info-section .icon{border-color:#1f2a30;}
nav.topnav .bottom .menu-container .menu.active,
nav.topnav .bottom .menu-container .menu:hover{background:rgba(255,255,255, 0.10)}
nav.topnav .bottom .menu-container .menu.active::before,
nav.topnav .bottom .menu-container .menu:hover::before{background:var(--color-s);}
nav.topnav .bottom .nav-menu .options .option.quick-btn::before{background:var(--color-s);}
nav.topnav .bottom .nav-menu .options .option.quick-btn:hover,
nav.topnav .bottom .nav-menu .options .option.quick-btn:hover::before{background:#101010!important;}
nav.topnav .bottom .nav-menu .options .option.quick-btn:hover>*{color:#ffffff;}
nav.topnav .bottom .nav-menu .options .option .search{border-color:var(--color-s);}
nav.topnav .bottom .hamburger > *{background:var(--color-s);}



/* Sidenav */
nav.sidenav{background:var(--color-p);}
nav.sidenav .hamburger > *{background:var(--color-s);}
nav.sidenav .wrapper::after{background:var(--color-s);}
nav.sidenav .logo-container{background:var(--color-p);}
nav.sidenav .menu-container .menu{color:#ffffff;}
nav.sidenav .logo-container .icon{background:#ffffff;}
nav.sidenav .menu.active{color:var(--color-s);}




/* Footer */
nav.footer .footer-top::before{background-color:rgba(0, 51, 102, 1);}
nav.footer .footer-bottom{background:var(--color-s);}
nav.footer .footer-bottom .policy{border-color:#51617d;}
nav.footer .hotline .icon{border-color:var(--color-t);}
nav.footer .hotline .icon:hover{background:var(--color-t);}
nav.footer .hotline .icon:hover svg path{fill:#ffffff;}


/* Swiper Thumbs */
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active,
.swiper-thumbs .swiper-slide:hover{border-color:var(--color-s);}


.ss-card-03{background:#ffffff;}
.ss-card-03 .icon{background:var(--color-p);}
.ss-card-03 .icon em{color:#ffffff;}
.ss-card-03:hover{border-color:var(--color-s);}

.page-loader.style-02  > .bg > *{background:#ffffff;}
.page-loader.style-02 .loader-text{color:#b19777;}
.page-loader.style-02 .loader-progress{background:#262627;}
.page-loader.style-02 .loader-progress > .bar{background:var(--color-p);}



/* Global Search Container */
.global-search-container{
    color:#68459b!important;
    background:linear-gradient(to right,rgba(0, 51, 102, 1) 0%, rgba(0, 51, 102, .8) 100% );
  }
.global-search-container .input-inner input{border-color:rgba(157, 157, 157, 0.4)!important; color:#ffffff!important;}
.global-search-container .input-inner input::placeholder{color:#ffffff;}
.global-search-container .hamburger > *{background:#ffffff;}
.global-search-container button{background:#2e603c; color:#ffffff;}
.global-search-container .logo-container .logo{background:#ffffff;}