@charset "UTF-8";
/* CSS Document */


html{
  margin: 0;
  padding: 0;
}
body {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-family: 'first' !important;
}
ul{
	margin: 0 !important;
	padding: 0;
	list-style-type: none;
}
a{
	text-decoration: none !important;
}

@font-face {font-family: first; src: url(../font/Poppins-Light.ttf);}
@font-face {font-family: sec; src: url(../font/Poppins-Regular.ttf);}
@font-face {font-family: third; src: url(../font/Poppins-SemiBold.ttf);}
@font-face {font-family: fourth; src: url(../font/Poppins-Bold.ttf);}


.top-space {
  margin-top: 70px;
}
.full-width{
	width: 100%;
}
.top-bar{
    background-color: transparent;
    padding: 14px 0 13px 0;
    position: absolute;
    z-index: 1;
}
.logo{
    font-size: 30px;
}
.logo a{
    color: #fff !important;
    font-family: sec;
}
ul.top-call{
    float: right;
}
ul.top-call li{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border-right: solid 1px;
    margin: 0 0 10px 5px;
    padding: 0 10px 0 0;
    line-height: 1;
    letter-spacing: .5px;
    font-family: 'sec';
}
ul.top-call li:nth-child(2){
    border-right: solid 0px;
    padding: 0 0 0 0;
}ul.top-call li:last-child{
    border-right: solid 0px;
    padding: 0 0 0 0;
}
ul.top-call li a{
    color: #fff;
}
.banner-box{
}
video{
    height: 100vh;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 0;
}
.banner-panel{
    height: 100vh;
    background-size: cover;
    position: relative;
}
.banner-panel:before{
    content: "";
    display: block;
    background-color: #1a4600;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .6;
}
.banner-caption{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    font-size: 18px;
    letter-spacing: .5px;
}
.banner-caption h1{
    font-size: 60px;
    font-family: 'third';
    letter-spacing: 0;
}
.about-icon{
    height: 336px;
    overflow: hidden;
}
.about-icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.content{
    font-size: 15px;
    letter-spacing: .4px;
    line-height: 1.8;
    color: #3a3a3a;
}
.content h2, .content h3, .content h6{
    font-size: 35px;
    font-family: 'third';
    color: #333;
}
.services-box{
    transition: all ease 1s;
}
.services-icon{
    height: 280px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.services-icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease 1s;
}
.services-text{
    text-align: center;
}
.services-text h4{
}
.services-text a{
    font-family: 'third';
    color: #419010;
    transition: all ease 1s;
    display: block;
    background-color: #7ccb4b;
    padding: 15px 0 15px 0;
    border-radius: 0 0 10px 10px;
}
.services-box:hover .services-icon img{
    transform: scale(1.1) rotate(3deg);
}
.services-box:hover .services-text a{
    color: #fff;
}
.green-panel{
    background-image: url(../images/conveyor-bg.jpg);
    padding: 5% 0 5% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    position: relative;
}
.green-panel:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #008e2c;
    position: absolute;
    top: 0;
    opacity: .6;
}
.process-panel{
    padding: 0 0 0 50px;
    color: #fff;
}
.process-panel h5{
    font-family: 'sec';
    font-size: 25px;
    letter-spacing: .5px;
}
ul.process-list{}
ul.process-list li{
    display: flex;
    font-size: 16px;
    margin: 0 0 10px 0;
    line-height: 1.6;
    letter-spacing: .4px;
}
ul.process-list li:before{
    content: "\ea6d";
    display: block;
    font-family: "IcoFont";
    float: left;
    margin: 3px 2% 0 0;
    font-size: 20px;
    line-height: normal;
}
.contact-panel{
    background-color: #7ccb4b;
    min-height: 450px;
    padding: 9% 8% 5% 8%;
    border-radius: 10px;
}
ul.contact-details{}
ul.contact-details li{
    margin: 0 0 6% 0;
    font-size: 18px;
    letter-spacing: .6px;
    font-family: 'sec';
    color: #fff;
    border-radius: 10px;
}
ul.contact-details li span{
    display: contents;
    font-family: 'first';
    font-size: 15px;
}
ul.contact-details li a{
    color: #fff;
}
.contact-icon i{
    width: 50px;
    height: 50px;
    background-color: #8ed861;
    border-radius: 50%;
    text-align: center;
    line-height: 2.6;
    font-size: 19px !important;
    color: #63ab36;
    margin: 8px 12px 0 0;
    float: left;
}
.footer-details h6{
    font-family: 'third';
    font-size: 22px;
    color: #fff;
    margin: 0 0 14px 0;
    letter-spacing: 1px;
}
.footer-panel{
    background-color: #4bcb6c;
    padding: 40px 0 40px 0;
    text-align: center;    
}
.footer-details{}
ul.ftr-contact{
    margin: 0 0 2px 0 !important;
}
ul.ftr-contact li{
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    font-size: 16px;
    border-right: solid 1px;
    line-height: 1.75;
    padding: 0 0 0 10px;
}
ul.ftr-contact li:last-child{
    border-right: 0;
}
ul.ftr-contact li a{
    color: #fff;
    padding: 0 10px 0 0px;
}
ul.ftr-social li{
    display: inline-block;
    color: #fff;
    border-right: solid 1px;
    line-height: 1;
    margin: 10px 0 0 10px;
    letter-spacing: 1px;
}
ul.ftr-social li:last-child{
    border-right: none;
    margin-right: 0;
}
ul.ftr-social li a{
    color: #fff;
    padding: 0 10px 0 0;
}
.copyright-panel{
    text-align: center;
    padding: 20px 0 20px 0;
    color: #696969;
    font-size: 13px;
    letter-spacing: 1px;
}
.copyright-panel p{
    margin: 0;
}





@media screen and (max-width: 1200px){}

@media screen and (max-width: 768px){
    .logo{
        text-align: center;
    }
    ul.top-call {
        float: none;
        text-align: center;
        margin: 7px 0 0 0 !important;
    }
    video {
    height: 115vh;
    }
    .banner-caption {
        top: 64%;
        width: 95%;
    }
    .banner-caption h1 {
        font-size: 35px;
    }
    .about-icon{
        margin: 0 0 20px 0;
    }
    .services-box {
        margin: 0 0 40px 0;
    }
    .contact-panel{
        margin: 0 0 40px 0;
    }
}

@media screen and (max-width: 420px){
    .banner-caption h1 {
    font-size: 28px;
    }
}