@font-face{font-family: "Poppins";src: url('/static/font/Poppins.ttf');}
body{font-family: "Poppins", Arial; max-width:1920px; margin:0 auto}
h1,h2,h3,h4,h5,h6,.h1, .h2, .h3, .h4, .h5, .h6{font-weight: bold; text-transform: capitalize;}
a{color: inherit;text-decoration: unset;}
.img-fluid{height: auto !important;}
.oembed-container{position: relative; padding-top: 56.25%; overflow: hidden;height: auto; background-color: #000;}
.oembed-container iframe{position: absolute; top: 0; width: 100%; height: 100%; left: 0;}
table td{background-color: transparent !important;}


/* header */
.navbar-nav .nav-link{color: #fff;}
/* nav */
.navbar .btn-close{--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")}
.navbar-nav .dropdown:hover > .btn,.navbar-nav .nav-item:hover .nav-link{color: #fff;}
.navbar-nav .dropend:hover > .btn, .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover{color: #77b917;background: unset;}
.navbar-nav .dropdown-menu{padding: 30px;background: rgba(0,0,0,.8);border-radius: 0;}
.navbar-nav .dropdown-item{width: auto;color: #fff;}
.navbar-nav .dropdown-item::before{width: 26px;display: inline-block; content: "▶";}
.navbar-nav .dropend .dropdown-toggle{text-align: right;}
.navbar-nav .dropdown-submenu>.dropdown-item{color: #77b917;}
.navbar-nav .dropdown-submenu .dropdown-menu{display: block;position: unset;background: unset;padding: 0;}
.navbar-nav .dropdown-submenu .dropdown-menu .dropdown-item::before{content: '';}
/* search */
@media(min-width:1200px){
    header{background-color: rgba(0, 0, 0, 0.9);position: fixed;}
    .headbar{position: relative;}
    .navbar{position: unset;}
    .navbar-nav .nav-item .l{border-left: 2px solid #fff;}
    .navbar-nav .nav-item{position: unset;}
    .navbar-nav .nav-link{padding-top: 1.5rem;padding-bottom: 1.5rem;border-radius: 0;}
    .navbar-nav .nav-item>.dropdown-toggle{display: none;}
    .navbar-nav .dropdown-menu{box-shadow:0px 0px 40px rgba(29, 58, 83, 0.1);border: 0;}
    .navbar-nav .dropdown > .dropdown-menu{top: 100%;left: 0;}
    .navbar-nav .dropdown > .dropdown-menu, .navbar-nav .dropend > .dropdown-menu{display:block;visibility: hidden;opacity: 0; margin-top: 0;}
    .navbar-nav .dropdown:hover > .dropdown-menu, .navbar-nav .dropend:hover > .dropdown-menu{visibility:visible; opacity: 1; transition: all .3s ease-in-out;}
}
@media(max-width:1199px){
    .topbar{display: none;}
    header{background-color: #fff;position: sticky;}
    .navbar .offcanvas{background-color: #333333f2;}
    .navbar .navbar-nav{border-bottom:1px solid #4d4d4d}
    .navbar-nav .nav-link{padding-left:10px}
    .navbar-nav .nav-item{padding: 4px 20px; border-radius: 0;}
    .navbar-nav .nav-item>.dropdown-toggle{color: #fff;}
    .navbar-nav .dropdown-submenu .dropdown-menu{margin-top: 10px;}
    .navbar-toggler:focus{box-shadow: none;}
    .navbar-nav .dropdown-item{white-space: normal;}
}


/* gtranslate */
 @media screen and (min-width:1093px){
     .gt_switcher_wrapper{top:23px !important;right:20px !important; z-index:99999999 !important; }
 }
  @media screen and (max-width:1092px) {
      .gt_switcher_wrapper{top:80px !important;right:0 !important; z-index:99999999 !important}
  }


/* animate */
.animate__bounceInLeft{animation:bounceInleft 1s}
@keyframes bounceInleft{
    0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    
    0% {
    opacity: 0;
    transform: translate3d(-3000px, 0px, 0px) scaleX(3);
    }
    
    60% {
    opacity: 1;
    transform: translate3d(25px, 0px, 0px) scaleX(1);
    }
    
    75% {
        transform: translate3d(-10px, 0px, 0px) scaleX(0.98);
    }
    
    90% {
        transform: translate3d(5px, 0px, 0px) scaleX(0.995);
    }
    
    100% {
        transform: translateZ(0px);
    }

}


.animate__bounceInRight{animation:bounceInRight 1s}
@keyframes bounceInRight{
    0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    
    0% {
    opacity: 0;
    transform: translate3d(3000px, 0px, 0px) scaleX(3);
    }
    
    60% {
    opacity: 1;
    transform: translate3d(-25px, 0px, 0px) scaleX(1);
    }
    
    75% {
        transform: translate3d(10px, 0px, 0px) scaleX(0.98);
    }
    
    90% {
        transform: translate3d(-5px, 0px, 0px) scaleX(0.995);
    }
    
    100% {
        transform: translateZ(0px);
    }
    
}





/* footer */
footer{border-top: 2px solid #77b917;background-color: #333;color: #fff;padding-top: 4%;}
footer .bg{top: 10%;}
footer .bg img{width: 100%;height: auto;}
footer .quik-link a{display: block;}
footer form{color: #333;}
footer form .item{margin-bottom: 10px;}
footer form .text-area .item{position: absolute;width:calc(100% - calc(var(--bs-gutter-x) * .5));height: 100%;}
footer form textarea.form-control{height: calc(100% - 10px);padding-top: 3rem;}
footer form textarea+label{position: absolute;padding: 1rem .75rem;top: 0;}
footer form .sub{background-color: #77b917;animation:bring 1s infinite}
footer form .sub:hover{border-color: #77b917;color: #77b917;}
@keyframes bring{from{box-shadow:none}
50%{box-shadow:0 0 10px #fff}
to{box-shadow:none}
}
@media(max-width:767px){
    footer form .text-area .item{position: unset;width: 100%;min-height: 10rem;}
}

.finfo{position: relative;border-top: 1px solid #606060;margin-top: 4%;}
.finfo .container{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

/* form */
form .successed,form .sending { pointer-events: none; background: #999 !important; font-weight: bold; }
/* popup form */
.popup-form{z-index:9999999}
.popup-form .form-close{position: absolute;right: 0;top: 0;transform: translate(50%, -50%);background-color: #000;border-radius: 50%;border:2px solid #fff;padding: 2px;}
.popup-form .form-close button{display: block;opacity:1;background-image:url(
    "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")}
.popup-form .form-tit{margin-bottom: 2%;}
.popup-form p{line-height: 2rem;margin-bottom: 4%;}
.popup-form ol li{margin-bottom: 15px;line-height: 1.5rem;font-size: .9rem;color: #666;}
.popup-form ol li i{display: inline-block; float: left; width: 28px;height: 28px;text-align: center;line-height: 28px;color: #fff;background-color: #014489;border-radius: 50%;margin-right: 10px;}
.popup-form li span{display: inline-block;width: calc(100% - 38px);}
.popup-form form{padding: 2%;}
.popup-form form .item{margin-bottom: 20px;}
.popup-form form textarea.form-control{min-height: 100px;}
.popup-form form .form-floating>label{width: 100%;}
.popup-form.show{display:flex !important;align-items:center}
.popup-form form .sub{background-color: #014489;color: #fff;}