/*
	Theme: ECOPACK;
	Author: OCCURA SOFTWARE
	Author 	url: https://www.occurasoftware.rw
	Copyright 2025 Allright Reserved
*/

	@import url(./bootstrap_modules/bootstrap.css);
	@import url(./fonts_modules/fontsawesome.css);
	@import url(./fonts_modules/montserrat.css);
	@import url(./plugins_modules/flexslider.css);
	@import url(./plugins_modules/animate.css);
	@import url(components.css);

/*
/* Overview
/* =================================== */

	*{
		padding:0px;
		margin:0px;
	}

	

	html, body{
	    margin: 0;
	    padding: 0;
	    font:13px/21px 'Montserrat', Arial, Helvetica, sans-serif;

	    scroll-behavior: smooth;
	}




/*
/* COMMON ID
/* =================================== */




/*
/* COMMON CLASS
/* =================================== */
	
		
	
	.clearfix{
		clear: both;
		height: 30px;
	}

	.heightfix{
		clear: both;
		height: 120px;
	}

	.container{
		max-width: 1280px;
		width: 100%;
		margin: auto;
	}

	.ecpk-wrp{
		position: relative;
		overflow: hidden;
	}

	.col-center{
		position: relative;
		padding:8vw 0;
		z-index: 1;
	}

	.bg-green { background: rgb(107 142 35)		!important; }
	.bg-brown { background: rgb(139 69 19)		!important; }
	.bg-beige { background: rgb(209 181 141)	!important; }

	.bg-light-grey { background: rgb(242 242 242 /50%) !important; }

	.text-brown { color: rgb(138 69 19) !important; }

	
/*
/* ==================================== */

	.ecpk-header{
		/*height: 120px;*/
		clear: both;
	}

	.ecpk-center {
		position: absolute;
	    top: 50%;
	    left: 50%;

	    margin: 0;
	    width: 100%;

	    transform: translate(-50%, -50%);
	    z-index: 1;
	}
	
	.ecpk-cntct .col-box{
	    padding: 35px 30px;
    	margin-right: 30px;
    	margin-left: 30px;
	}
	
	.ecpk-cntct .col-txt .txt-box{
        position: relative;
        overflow: hidden;
    }
    
    .ecpk-cntct .col-txt .txt-box:before{
    	content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0;
    }
    .ecpk-cntct .col-txt .txt-box:after{
    	content: "";
    	background: url(../images/icons/sprites.png) no-repeat;
        border: 2px solid rgb(233, 233, 233);
        border-radius: 50%;
    	color: rgb(150, 185, 31);
        position: absolute;
        width: 66px;
        height: 66px;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .ecpk-cntct .col-txt .box-adrss:after{ background-position: 0px 	0px !important; }
    .ecpk-cntct .col-txt .box-phone:after{ background-position: -67px 	0px !important; }
    .ecpk-cntct .col-txt .box-email:after{ background-position: -132px 	0px !important; }
    .ecpk-cntct .col-txt .box-time:after { background-position: -198px 	0px !important; }
    
    .ecpk-cntct .col-txt .txt-box [class*="d-inline-block"]{
    	color: rgb(115, 115, 115);
    	padding-left: 80px;
    	font-size: 15px;
    	line-height: 2;
    }

	.ecpk-hlp {
		background: rgb(209 181 141);
    	color: rgb(138 69 19);
	}

	.ecpk-footer{
		background: rgb(139 69 19);
		fill: rgb(139 69 19);
	}
	
	.ecpk-footer hr{ 
		border-color:rgb(170 107 38);	
	}

	.ecpk-footer .footer-tp,		
	.ecpk-footer .footer-btm{ 
		color: #f8ddbc;
		position: relative;	
		overflow-x: hidden;
	}

	.ecpk-footer .footer-tp .col-icon{
		background: rgb(155 88 26);
		position: relative;
		text-align: center;
		margin: 0 0 45px;
		width: 77px;
		height: 77px;
		border-radius: 100%;
	}		
	.footer-tp .ft-col .col-icon::before,
	.footer-tp .ft-col .col-icon::after{
	    content: "";
	    position: absolute;
	    background: rgb(255 184 133);
	    margin: auto;
	    border-radius: 50%;
	}

	.footer-tp .ft-col .col-icon::before{
	    top: -13px;
	    right: -13px;
	    bottom: -13px;
	    left: -13px;
	    opacity: 0.06;
	}
	.footer-tp .ft-col .col-icon::after{
	    top: -25px;
	    right: -25px;
	    bottom: -25px;
	    left: -25px;
	    opacity: 0.04;
	}

	.ft-col .col-icon i{
	    line-height: 77px;
	    font-size: 40px;
	}

	

@media only screen and (min-width: 768px){

	body{
		background-image: url(../images/bg-img.png);
	    background-attachment: fixed;
	    background-size: cover;
	
	}
	
}

@media only screen and (max-width: 767.98px){

}

@media only screen and (min-width: 992px){
	.ecpk-hm .text-md-left{
		text-align: left !important;
	}
}