/************************************************* Header *********************************/
header { position:relative; z-index:999; width:100%;}
/******* Home Banner ********/
.HomeBanner { position:fixed; z-index:1; width:100%; height:100%; top:0px; bottom:0px; left:0px; right:0px;}
/* ****Navigation effects**** */
.nav-img {position:absolute; left:0; top:-60px; width:100%; z-index:2; display:none; }
.nav-img img {transition:transform 2s;}
.navbar-nav .nav-item:hover img { animation:imgs 0.3s;}
.navbar-nav .nav-item:hover .nav-img {display:block;}
.nv-link { height:80px;}
.navbar-nav .nav-item a { position:relative;}
.navbar-nav .nav-item a span { top:0; position:absolute; z-index:5; left:0; bottom:0; transition:0.3s ease-in-out; height:60px; width:100%; padding-top:15px;}
.navbar-nav .nav-item:hover a span { top:80px;}
.navbar-nav .nav-item:hover a { color:#000 !important;}
@keyframes imgs {from  {transform:scale(0,0);opacity:0.1;}to {transform:scale(1,1);opacity:1;}}

/******* Contents ***************/
.content-box { background:rgba(255,255,255,0.8); position:relative; z-index:5; width:50%; height:100%; min-height:100vh; }
.content-box .cus-wdth {  padding:60px; width:100%; height:100%; font-weight:300; }
.content-box pre { line-height:20px;}

.art .img { width:100%; height:100px;}
.card-header {padding: 0;background-color: rgb(28 98 7);}
.bold-li span { color: #e52b94; font-size: 40px; font-weight: 500; margin-right: 10px;
}
/********** Footer *************/
footer { position:fixed; bottom:0px; left:0px; right:0px; z-index:999; margin-top:-8px; width:100%;}
footer p { font-size:10px;}
footer a {color: #006837;}
/*************************************************************************************************************/
@media (min-width: 767.98px) {}
@media (min-width: 1920px) {}
@media (min-width: 1200px) {}
@media (max-width: 1459.98px) {
body {font-size: 13px;}
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 991.98px) and (max-width: 1199.98px) {}
@media (max-width: 1199.98px) {
	.content-box {width: 100%; top: 0;}
}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
.cus-wdth { width:100% !important;}
.slider-wrapper {position: relative;}
header { position:relative;}
.slider-wrapper {position: relative !important; top:0!important;}
.slider-progress .progress { height:20px !important;}
.slider-progress {height:20px !important;}
footer {position: relative; border-top:1px solid #ccc;}
.content-box .cus-wdth {height: auto !important;}
}
/******************************* width-ipad ***************************************/
@media (max-width:768px) {
.slick-prev { right: 11% !important;}
.slider-wrapper {top: -80px;}
}
@media (max-width: 479px) {
footer { text-align:center;}
}
@media (max-width: 320px) {}
#message{height:115px;}