@charset "utf-8";

/*! ***************************************** Global */
/*! Arrow to TOP */
.ui-to-top{position:fixed; text-align:center; overflow:hidden; right:15px; bottom:100px; z-index:100; width:40px; height:40px; font-size:20px; line-height:36px; text-decoration:none; opacity:.5; border-radius:50%;}
.ui-to-top, .ui-to-top:focus{color:#111111; background:#068800;}
.ui-to-top:hover{opacity:1; color:#111111; text-decoration:none;}

header{height:100vh;width:100%}
header .video-bg{position:absolute;display:block;width:100%;top:-50px;}
header .video-bg video{object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0;}
header .mask{position:absolute;display:block;width:100%;height:100%;background:rgba(255,255,255,.5);}
header .navbar{background-color:rgba(255,255,255,.9);z-index:999999;}
header .navbar-nav .nav-item{font-family:Termina-Demi;font-size:.9rem;position:relative;display:inline-block;}
header .navbar-nav .nav-item a{color:#068800;}
header .navbar-nav .nav-item a:after{content:''; position:absolute; top:100%; left:50%; width:0; height:2px; background:#068800; transition:.3s all ease;}
header .navbar-nav .nav-item a:hover:after{left:0;width:100%;}
.logo{width:150px;}
header .hdr-content{position:relative;top:35%;color:#fff;font-family:Termina-Demi;}
header .bg-color ul{list-style-type:none;}
header .bg-color li span, header .bg-color p>span{padding:.25rem .5rem;background:#068800;}
header .navbar-toggler{border:1px solid #068800;}
header .navbar-toggler-icon{height:auto; width:auto; color:#068800;}
header .m-cont p{font-family:Termina-Demi; margin:.5rem 0;}
header .m-cont p span{color:#068800;}
header .hdr-btns{list-style-type:none;}
header .hdr-btns li{display:inline-block;padding:.25rem .5rem;}
header .hdr-btns li a{display:block;color:#000;border-bottom:1px solid #000;transition:all .3s ease;text-decoration:none;padding:.25rem .5rem;}
header .hdr-btns li a:hover{border-bottom:1px solid transparent;background-color:#068800;}

footer{background:#231f20;}
footer .ftr-form h2{color:#888888;font-family:Termina-Demi;}
footer .ftr-form form div{margin:1.5rem 0;}
footer .ftr-form form label{color:#888888;font-family:Termina-Demi;}
footer .ftr-form form input,footer form textarea{background:transparent!important;color:#fff!important;border-top:0px!important;border-right:0px!important;border-bottom:1px solid #888888;border-left:0px!important;border-radius:0!important;}
footer .ftr-form form .btn-success{background-color:#068800; border-color:#068800;font-family:Termina-Demi;}
footer .ftr-form form .btn-success:hover{background-color:#068800; border-color:#068800; color:#000;}
footer .ftr-content p{font-family:Termina-Demi;color:#fff;}
footer .ftr-content p.ftr-label{color:#888888;}
footer .ftr-content p small{color:#888888;}
footer .ftr-copy{color:#888888;font-family:Termina-Demi;}

/*! ***************************************** Index */
/*! About */
#about{z-index:1;background-color:#f8f8f8;}
#about h2{font-family:Termina-Demi; letter-spacing:5px;}
#about p{margin:1rem 0; font-weight:600;}
#about .cube-classic{position:absolute; display:none; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; width:250px; height:250px; z-index:-1;}
#about .cube-classic:empty{margin-bottom:0; margin-left:0;}
#about .cube-classic > * {display:inline-block; margin-top:0; margin-bottom:22px; margin-left:22px;}
@media(min-width:1200px){
	#about .cube-classic{display:-ms-flexbox; display:flex;}
}
@media(min-width:1200px){
	#about .cube-classic-wrap{position:relative; z-index:1;}
}
#about .cube-classic-1{top:27%; right:12%;}
#about .cube-classic-2{top:40%; left:10%;}
#about .cube-classic-item{display:block; width:3px; height:3px; background:#cccccc; -webkit-transform:none; transform:none; -webkit-animation:cube-classic 10s infinite ease-in-out; animation:cube-classic 10s infinite ease-in-out;}
@-moz-document url-prefix(){
	#about .cube-classic-item{animation:none;}
}
@-webkit-keyframes cube-classic{
	25%{opacity:0.5; -webkit-transform:scale(0.4) rotate(10deg); transform:scale(0.4) rotate(10deg);}
	50%{opacity:1; -webkit-transform:scale(0.7) rotate(10deg); transform:scale(0.7) rotate(10deg);}
	75%{opacity:0.5; -webkit-transform:scale(0.4) rotate(10deg); transform:scale(0.4) rotate(10deg);}
}
@keyframes cube-classic{
	25%{opacity:0.5; -webkit-transform:scale(0.4) rotate(10deg); transform:scale(0.4) rotate(10deg);}
	50%{opacity:1; -webkit-transform:scale(0.7) rotate(10deg); transform:scale(0.7) rotate(10deg);}
	75%{opacity:0.5; -webkit-transform:scale(0.4) rotate(10deg); transform:scale(0.4) rotate(10deg);}
}
#about .cube-classic-item:nth-child(10n + 2){transition-delay:0.72s;}
#about .cube-classic-item:nth-child(10n + 3){transition-delay:1.44s;}
#about .cube-classic-item:nth-child(10n + 4){transition-delay:2.16s;}
#about .cube-classic-item:nth-child(10n + 5){transition-delay:2.88s;}
#about .cube-classic-item:nth-child(10n + 6){transition-delay:3.6s;}
#about .cube-classic-item:nth-child(10n + 7){transition-delay:4.32s;}
#about .cube-classic-item:nth-child(10n + 8){transition-delay:5.04s;}
#about .cube-classic-item:nth-child(10n + 9){transition-delay:5.76s;}
#about .cube-classic-item:nth-child(10n + 10){transition-delay:6.48s;}

/*! Features */
#features{background-color:#068800;color:#fff;}
#features ul{list-style-type:none;height:100%;}
#features ul li{display:block;float:left;width:20%;height:100%;padding:0 .5rem;border-right:1px solid #fff;border-left:1px solid #fff;}
#features ul li:first-child{border-right:1px solid #fff;border-left:0px solid #fff;}
#features ul li:last-child{border-right:0px solid #fff;border-left:1px solid #fff;}

/*! Services */
#services{background-color:#fff;}
#services h2{font-family:Termina-Demi; letter-spacing:5px;}
#services .card{height:100%; width:100%; background-color:#fff; color:#000; transition:all .3s ease;}
#services .card:hover{background-color:#068800;color:#fff;}
#services .card p, #services .card li{margin:.5rem 0;}

/*! Slogan */
#slogan{background-color:#231f20;}
#slogan h2{font-family:Termina-Demi; letter-spacing:5px; color:#fff;}
#slogan p{margin:.5rem 0; color:#fff;}
#slogan a{color:#fff; text-decoration:none; border-bottom:1px solid #fff; transition: all .25s ease-in-out;}
#slogan a:hover{color:#000; border-bottom:1px solid transparent; padding:0 .5rem; background-color:#068800;}

/*! OurServices */
#ourservices{background-color:#fff;}
#ourservices .card{height:100%;width:100%;}
#ourservices .card img{filter:grayscale(100%);}
#ourservices .card:hover img{filter:grayscale(0%);}
#ourservices h2{font-family:Termina-Demi; letter-spacing:5px;}
#ourservices a{color:#000; text-decoration:none; border-bottom:1px solid #000; transition: all .25s ease-in-out;}
#ourservices a:hover{border-bottom:1px solid transparent; padding:0 .5rem; background-color:#068800;}

/*! Introduction */
#introduction{background-color:#231f20;}
#introduction h2{font-family:Termina-Demi; letter-spacing:5px; color:#fff;}
#introduction p{margin:.5rem 0; color:#fff;}
#introduction a{color:#fff; text-decoration:none; border-bottom:1px solid #fff; transition: all .25s ease-in-out;}
#introduction a:hover{color:#000; border-bottom:1px solid transparent; padding:0 .5rem; background-color:#068800;}

/*! Documents */
#documents{background-color:#fff;}
#documents h2{font-family:Termina-Demi; letter-spacing:5px;}
#documents .card{height:100%;width:100%;padding-top:1rem;}
#documents .card img{width:160px;height:110px;opacity:.5;margin:0 auto;}
#documents .card:hover img{opacity:1;}
#documents .card a{color:#000; text-decoration:none;border-bottom:1px solid #151515; transition: all .25s ease-in-out;}
#documents .card a:hover{border-bottom:1px solid transparent; background-color:#068800;}

/*! ***************************************** Thanks */
#thanks{}