@charset "utf-8";
/* Header, Footer, and Bootstrap Customize */
/* ////////// Bootstrap Customize ////////// */  

#build-log {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90vw; max-height: 60vh; z-index: 10000; background: #fffbe6; padding: 10px 15px 15px; border: 1px solid #ccc; font-family: 'Courier New', monospace; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); border-radius: 8px;}
#build-log .btn-log {position: absolute; top: -30px; right: 0; color: #ff6f6f;}
#build-log .log {margin: 4px 0; font-size: 14px; line-height: 1.4;}
#build-log .success {color: #2e7d32;}
#build-log .info  {color: #1565c0;}
#build-log .error {color: #c62828; font-weight: bold;}

a {transition: all 0.2s;}

.breadcrumb {}
.breadcrumb li {     font-size: 14px; font-weight: 300;}
.breadcrumb li a,
.breadcrumb li.active,
.breadcrumb li.active a,
.breadcrumb-item + .breadcrumb-item::before  {color: #999; text-decoration: none;}
.breadcrumb li a:not(.active):hover {color: #cccccc; text-decoration: underline;}

/*Offcanvas*/
body.offcanvas-active{overflow:hidden;}
.offcanvas-header{ display:none; }
.screen-darken{height: 100%; width:0%; z-index: 30; position: fixed; top: 0; right: 0; opacity:0; visibility:hidden; background-color: rgba(34, 34, 34, 0.6); transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;}
.screen-darken.active{z-index:2000; transition:opacity .3s ease, width 0s; opacity:1; width:100%; visibility:visible;}
.navbar-mobile {padding: 0;}

@media (max-width: 991px) {	 
    .offcanvas-header{display:block;}
    .mobile-offcanvas{visibility: hidden; transform:translateX(-100%); border-radius:0; display:block; position: fixed; top: 0; left:0; height: 100%; z-index: 1200; width:80%; overflow-y: scroll; overflow-x: hidden;  /*transition: visibility .3s ease-in-out, transform .3s ease-in-out;*/}
    .mobile-offcanvas.show{visibility: visible;	transform: translateX(0);	transition: visibility .3s ease-in-out, transform .3s ease-in-out;}
    .mobile-offcanvas .container, .mobile-offcanvas .container-fluid{display: block;}

}	
@media (min-width: 992px) {
  .screen-darken.active {opacity: 0;}	
}

/* ////////// Header ////////// */
.nav-top {height: 35px; background: #559F00; background: #559F00; background: linear-gradient(90deg, rgba(85, 159, 0, 1) 40%, rgba(6, 149, 75, 1) 100%);}
.nav-top ul.nav .nav-item .nav-link {position: relative;}
.nav-top ul.nav .nav-item .nav-link:after {content: ""; display: block; position: absolute; top: 50%; right: 0px; height: 16px; margin-top: -8px; width: 1px; background: #e7e7e7;}
.nav-top ul.nav .nav-item:last-child .nav-link:after {display: none;}

.navbar-brand {padding: 0;}
.navbar-brand .logo {background-image: url(../images/logo.svg); background-repeat: no-repeat; display: block; width: 200px; height: 100px;}

#navbar_main {min-height: 140px; background: #ffffff; padding-top: 0;}
#navbar_main .navbar-nav .nav-item .nav-link {color: #2c7500; border-radius: 45px;}
#navbar_main .navbar-nav .nav-item.active-menu .nav-link, 
#navbar_main .navbar-nav .nav-item.active-menu .nav-link:not(.link):hover, 
#navbar_main .navbar-nav .nav-item.active-menu .nav-link:not(.social):hover {color: #ffffff; background: #559F00; background: linear-gradient(90deg, rgba(85, 159, 0, 1) 0%, rgba(6, 149, 75, 1) 100%);}


#navbar_main .navbar-nav .nav-item .nav-link:not(.link):hover,
#navbar_main .navbar-nav .nav-item .nav-link:not(.social):hover {background: #eeeeee;}
#navbar_main .navbar-nav .nav-item .nav-link.link:hover {background: #ffffff;}

#navbar_main .navbar-nav.nav-contact .nav-item .nav-link,
.navbar-mobile .navbar-nav.nav-contact .nav-item .nav-link, 
.contact-xs-fixed.navbar-nav .nav-item .nav-link {font-weight: 600;}

#navbar_main .navbar-nav.nav-contact .nav-item .nav-link.link,
.navbar-mobile .navbar-nav.nav-contact .nav-item .nav-link.link,
.contact-xs-fixed.navbar-nav .nav-item .nav-link.link {}

#navbar_main .navbar-nav.nav-contact .nav-item .nav-link.link.tel,
.navbar-mobile .navbar-nav.nav-contact .nav-item .nav-link.link.tel,
.contact-xs-fixed.navbar-nav .nav-item .nav-link.link.tel {font-size: 1.0625rem; /*font-size: 17px;*/ display: flex;}

#navbar_main .navbar-nav.nav-contact .nav-item .nav-link.link.tel:hover,
.navbar-mobile .navbar-nav.nav-contact .nav-item .nav-link.link.tel:hover,
.contact-xs-fixed.navbar-nav .nav-item .nav-link.link.tel:hover {color: #2d3e1a;}

#navbar_main .navbar-nav.nav-contact .nav-item .nav-link.social,
.navbar-mobile .navbar-nav.nav-contact .nav-item .nav-link.social,
.contact-xs-fixed.navbar-nav .nav-item .nav-link.social {text-indent: -9999px; padding: 0px !important}

#navbar_main .navbar-nav.nav-contact .nav-item .nav-link.social.line,
.navbar-mobile .navbar-nav.nav-contact .nav-item .nav-link.social.line,
.contact-xs-fixed.navbar-nav .nav-item .nav-link.social.line {display: flex; width: 40px; height: 40px; background-color: #00c200; border-radius: 50%; padding: 5px 5px; align-items: center; justify-content: center;}

#navbar_main .navbar-nav.nav-contact .nav-item .nav-link.social.line:hover,
.navbar-mobile .navbar-nav.nav-contact .nav-item .nav-link.social.line:hover,
.contact-xs-fixed.navbar-nav .nav-item .nav-link.social.line:hover {background-color: #06954b;}

#navbar_main .navbar-nav.nav-contact .nav-item .nav-link.social.line span,
.navbar-mobile .navbar-nav.nav-contact .nav-item .nav-link.social.line span,
.contact-xs-fixed.navbar-nav .nav-item .nav-link.social.line span {display: inline-block; width: 26px; height: 26px; background-image: url(../images/icon-line.svg); background-repeat: no-repeat; background-size: contain;}




    
/*Switch language*/
.wrap-lang, .btn-lang {float: right;}
.btn-lang .btn-default,
.btn-lang.open > .dropdown-toggle.btn-default {font-family: inherit; padding: 0 6px; background: none; color: #23282e; font-size: 13px; border-radius: 3px !important; border: 1px solid #23282e;}
.wrap-lang {color: #23282e; padding: 7px 0 8px; position: relative;}
.btn-group.btn-lang i {margin: 3px 6px 3px;}
.btn-group.btn-lang .dropdown-menu {right: 0; left: auto; min-width: 50px;}
.btn-lang .btn-default:hover,
.btn-lang .btn-default:focus,
.btn-lang .btn-default:active,
.btn-lang .btn-default:active:hover,
.btn-lang.open > .btn-default:hover,
.btn-lang.open > .btn-default:focus,
.btn-lang.open > .btn-default:active,
.btn-lang.open > .btn-default:active:hover,
.btn-lang.open > .btn-default:active:focus {background: none; color: #40C401;}
.btn-lang.active-hover .btn-default {color: #40C401;}
.btn-lang button .caret {margin-top: -1px;}
.btn-lang img {margin-top: -6px;}
.btn-lang .dropdown-menu {min-width: 66px; margin-top: 0; border-radius: 0; border: 0; z-index: 1600; background: rgba(255, 255, 255, 0.95);}
.btn-lang .dropdown-menu li {}
.btn-lang .dropdown-menu li a {padding: 6px 5px; text-align: center; font-size: 13px;}
.btn-lang .dropdown-menu li.active a {background: #000000;}



/* ////////// Footer ////////// */
footer {background-color: #283d04; color: #ffffff; padding-top: 80px;}
footer h2 {font-size: 1.375rem; /*font-size: 22px;*/}
footer a {color: #ffffff; font-weight: 300; text-decoration: none;}
footer a:hover {text-decoration: underline;}
.footer-list {list-style-type: none; line-height: 35px;}
.footer-list li {position: relative;}
.footer-list li a {}
.footer-list li a:before {content: ""; position: absolute; top: 50%; left: -25px; margin-top: -7.5px; display: block; width: 15px; height: 15px; background-image: url(../images/footer-bullet.svg); background-repeat: no-repeat;}
footer .copyright {margin-top: 40px; border-top: 1px solid #56663a; padding: 30px 0;}
.footer-line {position: relative; background-color: #00c200; border-radius: 4px; transition: all 0.2s;}
.footer-line a {position: absolute; z-index: 1; display: block; top: 0; bottom: 0; left: 0; right: 0;}
.footer-line img {width: 25px;}
.footer-line .text {position: relative; padding: 0 15px;}
.footer-line .text:before {content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 1px; height: 100%; background-color: #29ff29;}
.footer-line:hover {background: #06954b;}


/*//////////////////Media Query//////////////////*/
/* .col- ***** [xs] < 576px */
@media (max-width: 575px) {
	    
}

/* .col-sm- *** [sm] 576px - 767px */
@media (min-width: 576px) {
    
}
@media (max-width: 767px) {
    
}

/* .col-md- *** [md] 768px - 991px */
@media (min-width: 768px) {
    
}
@media (max-width: 991px) {
    .nav-top {height: 5px;}	 
    .navbar-mobile.clone {position: fixed; z-index: 1500; top: 0; left: 0; right: 0; transform: translateY(-100%); transition: transform 0.25s cubic-bezier(.3, .73, .3, .74); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.18);}
    body.down .navbar-mobile.clone {transform: translateY(0);}
    body.down .navbar-mobile {border-top: 5px solid #559F00;}
    #navbar_main {z-index: 2100;}
    #navbar_main.mobile-offcanvas {overflow-y: visible; overflow-x: visible;}
    #navbar_main .navbar-brand {display: none;}
    #navbar_main .navbar-nav .nav-item .nav-link {padding: 15px; border-radius: 0px;}
    #navbar_main .container {padding: 0; margin: 0; max-width: 100%;}
    #navbar_main .offcanvas-header {position: absolute; right: -46px; top: 0; background: #baeacc; padding: 20px 15px; border-radius: 0 0 15px 0;}
    #navbar_main .nav-contact {flex-direction: row; position: absolute; width: 100%; bottom: 0;}
    #navbar_main .navbar-nav.nav-contact .nav-item:first-child {width: 50%;}
    #navbar_main .navbar-nav.nav-contact .nav-item:first-child .nav-link.link.tel {background: #c7c7c7; height: 45px; padding: 12px 15px; display: flex; justify-content: center;}
    #navbar_main .navbar-nav.nav-contact .nav-item:last-child {flex-grow: 1 !important; width: 50%;}
    #navbar_main .navbar-nav.nav-contact .nav-item:last-child .nav-link.social.line {width: 100%; height: 45px; border-radius: 0;}
    
    /*mobile fixed bottom*/
    .contact-xs-fixed.navbar-nav {position: fixed; z-index: 1000; width: 100%; bottom: 0;}
    .contact-xs-fixed.navbar-nav .nav-item:first-child {width: 50%;}
    .contact-xs-fixed.navbar-nav .nav-item:first-child .nav-link.link.tel {background: #c7c7c7; color: #2d3e1a; font-size: 16px; height: 45px; padding: 12px 10px; display: flex; justify-content: center;}
    .contact-xs-fixed.navbar-nav .nav-item:last-child {flex-grow: 1 !important; width: 50%;}
    .contact-xs-fixed.navbar-nav .nav-item:last-child .nav-link.social.line {width: 100%; height: 45px; border-radius: 0;}
    
    
    .navbar-mobile {min-height: 95px; background: #ffffff;}
    .navbar-mobile .navbar-brand .logo {width: 140px; height: 77px;}
    body.down .navbar-mobile {min-height: 60px;}
    body.down .navbar-mobile .navbar-brand .logo {width: 95px; height: 50px;}
    
    .navbar-mobile .nav-contact {}
    .navbar-mobile .navbar-toggler {padding: 5px 10px; border-radius: 5px;}
    .navbar-mobile .navbar-toggler:hover {background-color: #509e04; border-color: #509e04; transition: all 0.2s;}
    .navbar-toggler .navbar-toggler-icon {background-image: url('../images/hamberger.svg'); transition: all 0.2s;}
    .navbar-toggler:hover .navbar-toggler-icon{filter: brightness(0) invert(1);}
    
    footer {padding-top: 50px;}
    footer .copyright {margin-top: 50px;}
}

/* .col-lg- *** [lg] 992px - 1199px */
@media (min-width: 992px) {
    #navbar_main .navbar-nav .nav-link {padding-left: 15px; padding-right: 15px; margin: 0px 2px;}
 	.btn-group.btn-lang:hover .dropdown-menu {visibility: visible; opacity: 1; top: 100%;}  
	.btn-group.btn-lang .dropdown-menu {visibility: hidden; display: block; opacity: 0; top: 130%; transition: all 0.3s;}   
    #navbar_main.clone {position: fixed; z-index: 1500; top: 0; left: 0; right: 0; transform: translateY(-100%); transition: transform 0.25s cubic-bezier(.3, .73, .3, .74); box-shadow: 0px 3px 5px rgba(0,0,0,0.18);}
    body.down .navbar-brand .logo {width: 100px; height: 55px;}
    body:not(.down) #navbar_main.clone {visibility: hidden;}
    body.down #navbar_main.clone {transform: translateY(0);}
    body.down #navbar_main {min-height: 50px; padding: 10px 0px; border-top: 5px solid #559F00;}
}
@media (max-width: 1199px) {
	    
}

/* .col-xl- *** [xl] 1200px - 1399px */
@media (min-width: 1200px) {
    #navbar_main .navbar-nav .nav-link {padding-left: 20px; padding-right: 20px; margin: 0px 5px;}    
}
@media (max-width: 1399px) {
	    
}

/* .col-xxl- ** [xxl] 1400px++ */
@media (min-width: 1400px) {
    
}