@charset "utf-8";

@font-face {

    font-family: 'ITCAvantGardeStdMd_0';

    src: url('../fonts/ITCAvantGardeStdMd_0.eot');

    src: url('../fonts/ITCAvantGardeStdMd_0.eot') format('embedded-opentype'),

         url('../fonts/ITCAvantGardeStdMd_0.woff2') format('woff2'),

         url('../fonts/ITCAvantGardeStdMd_0.woff') format('woff'),

         url('../fonts/ITCAvantGardeStdMd_0.ttf') format('truetype'),

         url('../fonts/ITCAvantGardeStdMd_0.svg#ITCAvantGardeStdMd_0') format('svg');

}





@font-face {

    font-family: 'ITCAvantGardeStdDemi_0';

    src: url('../fonts/ITCAvantGardeStdDemi_0.eot');

    src: url('../fonts/ITCAvantGardeStdDemi_0.eot') format('embedded-opentype'),

         url('../fonts/ITCAvantGardeStdDemi_0.woff2') format('woff2'),

         url('../fonts/ITCAvantGardeStdDemi_0.woff') format('woff'),

         url('../fonts/ITCAvantGardeStdDemi_0.ttf') format('truetype'),

         url('../fonts/ITCAvantGardeStdDemi_0.svg#ITCAvantGardeStdDemi_0') format('svg');

}



 @font-face {

    font-family: 'ITCAvantGardeStdBk_0';

    src: url('../fonts/ITCAvantGardeStdBk_0.eot');

    src: url('../fonts/ITCAvantGardeStdBk_0.eot') format('embedded-opentype'),

         url('../fonts/ITCAvantGardeStdBk_0.woff2') format('woff2'),

         url('../fonts/ITCAvantGardeStdBk_0.woff') format('woff'),

         url('../fonts/ITCAvantGardeStdBk_0.ttf') format('truetype'),

         url('../fonts/ITCAvantGardeStdBk_0.svg#ITCAvantGardeStdBk_0') format('svg');

}



@font-face {

    font-family: 'ITCAvantGardeStdBold_0';

    src: url('../fonts/ITCAvantGardeStdBold_0.eot');

    src: url('../fonts/ITCAvantGardeStdBold_0.eot') format('embedded-opentype'),

         url('../fonts/ITCAvantGardeStdBold_0.woff2') format('woff2'),

         url('../fonts/ITCAvantGardeStdBold_0.woff') format('woff'),

         url('../fonts/ITCAvantGardeStdBold_0.ttf') format('truetype'),

         url('../fonts/ITCAvantGardeStdBold_0.svg#ITCAvantGardeStdBold_0') format('svg');

}





/*font-family: 'Poppins', sans-serif;*/

 

/*************** DEFAULT CSS ***************/

:root {

	--body-font: 'ITCAvantGardeStdMd_0';

	--body-color: #6D6E71;

	--primary-color: #FF9016;

	--secondary-color: #6D6E71;

	--tertiary-color: #000000;

	--black: #000;

	--white: #fff;

	--grey: #e6e6e4;

	--heading-font: 'ITCAvantGardeStdDemi_0';



}



body {

	font-family: var(--body-font);

	font-size: 16px;

	font-style: normal;

	line-height: 24px;

	font-weight: normal;

	color: var(--body-color);

	text-decoration: none;

	margin: 0px;

	-webkit-font-smoothing: antialiased;

	padding: 0;

 

}



html {

	scroll-behavior: smooth;

}



* {

	-webkit-box-sizing: border-box;

	-mox-box-sizing: border-box;

	box-sizing: border-box;

}



::selection {

	background: var(--primary-color);

	/* Safari */

	color: #fff;

}



::-moz-selection {

	background: var(--primary-color);

	/* Firefox */

	color: #fff;

}



a {

	color: var(--body-color);

	text-decoration: none;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}



a:hover {

	color: var(--secondary-color);

}



p {

	margin: 0px 0 30px 0;

	clear: left;

	padding: 0;

	font-weight: normal;

 

}



h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 0 0 25px 0;

	padding: 0;

	font-weight: normal;

}



hr {

	margin: 20px 0 50px;

	height: 1px;

	border: 0;

	border-top: 1px solid rgba(0, 0, 0 ,0.1);

	display: block;

	width: 100%;

	position: relative;

}



img {

	border: 0;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;



}



a img {

	border: 0;

}



/*-----------text styles------------*/



.text-small {

	color: var(--secondary-color);

	font-size:12px;

}

.text-white {

	color: var(--white) !important;

}



.text-black {

	color: var(--black) !important;

}



.text-orange {

	color: var(--primary-color) !important;

}





.text-center {

	text-align: center;

}

.text-right{

	text-align:right;

}



.text-justify {

	text-align: justify;

}



.caps {

	text-transform: uppercase;

}



.text-center-res {

	 

}





/*-----------background styles------------*/

.bg-pattern {

	background-image: url(../images/pattern.png) !important;

   

}

.bg-primary {

	background: var(--primary-color);

	color:var(--white)  !important;

}

.bg-secondary {

	background: var(--secondary-color);

	color:var(--white)  !important;

}

.bg-tertiary {

	background: var(--tertiary-color);

	color:var(--white)  !important;

}

.bg-white {

	background: var(--white);

}

.bg-light-grey {

	background: #EFEFEF;

	position:relative;

}

.bg-slash {

	background-image: url(../images/pattern-2.png) !important;

   

} 

 .level2{

 	position:relative;

	z-index:2;

 }



/*************** PRELOADER ***************/

#preloader {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color:var(--white);

	z-index: 999999;

}



#status {

	width: 150px;

	height: 150px;

	position: absolute;

	left: 50%;

	top: 50%;

	background-image: url(../images/lutfi-group-logo.svg);

	background-repeat: no-repeat;

	background-position: center;

	margin: -75px 0 0 -75px;

}



#status {

	-webkit-animation: flipInY 1s infinite alternate;

	-moz-animation: flipInY 1s infinite alternate;

	-ms-animation: flipInY 1s infinite alternate;

	-o-animation: flipInY 1s infinite alternate;

	animation: flipInY 1s infinite alternate;

}



/*************** BACK TO TOP ***************/

 

.column-reverse {

	flex-direction: none;

}





 

/*********************************/



.container {

	width: 1320px;

	margin: 0 auto;

	position:relative;

	z-index:1;

}



.fullwidth {

	width: 100%;

	display: block;

} 



.img-rounded{

	border-radius: 100%;

	width:100%;

	display:block;

	}

.corner-radius{

	border-radius: 40px;

	}	





/*************HOVER EFFECT*******/





.hover-effect{

	width:100%;

	position:relative;

	overflow:hidden;

	/*border-radius: 15px;*/	

}



 .hover-effect i{

    width:50px;

    height:50px;

    background-color:var(--primary-color);

	border-radius: 50%;

    color:#fff;

    position:absolute;

    left:50%;

    top:-100px;

    z-index:1;

    line-height:50px;

    text-align:center;

    margin:0 0 0 -25px;

    -webkit-transition:all 300ms ease-in-out;

    -moz-transition:all 300ms ease-in-out;

    transition:all 300ms ease-in-out;

}

 .hover-effect:hover i{

    top:50%;

    margin:-25px 0 0 -25px;

}



 .hover-effect i:hover{

	background-color:var(--secondary-color);

	}

	

	



.hover-effect img {

 	display:block;

  	width:100%;

	-webkit-filter: none;

    filter: none;

 	-webkit-transition: all .5s;

    transition: all .5s;

}

.hover-effect:hover img {

     -webkit-transform: scale(1.09, 1.09);

    transform: scale(1.09, 1.09);

    -webkit-filter: brightness(70%);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

	/*-webkit-filter: brightness(70%);*/

	filter: grayscale(60%);

	-webkit-filter: grayscale(60%);

}





.hover-effect:after {

  background:#FFF;

  width:0;

  height: 0;

  position: absolute;

  left: 50%;

  bottom: 50%;

  content: '';

  opacity: 0.7;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.hover-effect:hover:after {

	opacity: 0.1;

	width: 100%;

  	height: 100%;

	left: 0;

    bottom: 0;



}

section {

	width: 100%;

	display:flex;

	overflow:auto;

	position: relative;

}

  

 



/*************** search ***************/





.search-wrap {

    float: left;

    margin: 0;

    width: 100%;

    height: auto;

    position: relative;

    top: 5px;

    /*margin:5px 0 0 25px;*/

    padding: 0 60px 0 0;

}



.search-input {

    width: 100%;

    float: left;

    height: 60px;

    /*border-radius: 50px;*/

    color:var(--black) !important;

    background-color:var(--tertiary-color);

    outline: none;

    vertical-align: middle;

    line-height: 60px;

    height: 60px;

    padding: 0 25px;

    font-size: 14px;

    display: block;

	border:0;

	

}



.search-button  {

    background-color:var(--primary-color);

    color: #fff;

    width: 60px;

    height: 60px;

    /*border-radius: 50px;*/

    border: 0;

    outline: none;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

 

}



.search-button:hover {

   background-color:var(--tertiary-color);

}



 

/*************** FIXED HEADER ***************/



header {

	width: 100%;

	z-index:9;

	padding:0;

	top: 0;

	left: 0px;

	position:relative;

	background-color:var(--white);

	display:flex;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}



header.smaller {

	position: fixed;	

	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

	-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

	box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

	-moz-box-shadow: 0px 4px 20px #B2B2B2;

 

	

}



.logo { 

	padding:0;

}



.logo img {

	height:70px;

}

header.smaller .logo img{

	height:50px;

}



.header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding:10px 0;

}



.header-right {

	display: flex;

	align-items: center;

	justify-content: flex-end;

}



.top-links{

	font-size:12px;

	text-transform:uppercase;

	font-family:var(--heading-font);

}

.top-links a{

	display:inline-block;

	margin:0 5px;

}

.top-links .fa-message, .top-links .fa-file-download{

	font-size:16px;

	margin:0 10px 0 0;

	color:var(--primary-color);

	position:relative;

	top:2px;

}

.top-links .fa-whatsapp{

	font-size:20px;

	color:var(--white);

	background-color:#66CC00;

	position:relative;

	top:2px;

	border-radius: 50%;

	width:30px;

	height:30px;

	text-align:center;

	line-height:22px;

	margin-left:20px;

	padding:3px;

}

/*************/

.top-btn {	 

	padding: 0; 

	color: var(--white);

	font-size: 14px;

	line-height: 16px;

	font-weight: 600;

}



/**************/

.top-btn .fa-search{

	font-size:18px;

	padding:5px;

}

 .top-btn a{

	color:var(--white);

}

.top-btn a:hover{

	color:var(--primary-color);

}





/*************** videowrap***************/

.videowrap {

	width: 100%;

	height:100vh;

	position: relative;

	background-color:var(--black);

	overflow: hidden;

	display: flex;

	display: -ms-flexbox;

    -ms-flex-wrap: wrap;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	background-color:#fff;

	z-index:-1;

	/*background-image: url(../images/preloder.gif);

	background-repeat: no-repeat;

	background-position: center center;*/

}



.videowrap:before {

	content: '';

	position: absolute;

	bottom: 0;

	left:0;

	width: 100%;

	height: 3px;

	background-color: #fff;

	z-index: 2



}

 

/************************/



/*#video-backgroud{

  position:absolute;

  right : 0;

  bottom : 0;

  width : 100vw;

  height : auto;

  z-index:-1;

}*/

video{

  position : absolute;

  top : 50%;

  left :50%;

  transform : translate(-50%,-50%);

  width:100%;

 

}

 

 



.videof, .videot {

    width: 100%    !important;

    height: 100%   !important;

 }







/*.videowrap:after {

	content: '';

	background-image: url(../images/slash.png);

	height: 100%;

	width: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

	background-repeat: repeat-y;

	background-position: center top;

}

*/



.brand-logos{ 

    width: 100%;

    display: flex;

	justify-content: center;

	padding:50px 0;

}

.brand-logos ul{

	width:100%;

	display: flex;

	flex-wrap: wrap; 

	margin:0;

	padding:0;

	list-style:none;

	justify-content: center; 

 

}

.brand-logos ul li{

	width:20%;

	display: flex;

	text-align:center;

	justify-content: center;

	background-image: url(../images/slash-border.png);

	background-repeat: no-repeat;

	background-position: right center;	/*border-right:1px solid #DCDCDC;*/

}

 

.brand-logos ul li:last-child{

	background-image:none;

}

.brand-logos ul li img{

	margin-left:-25px;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.brand-logos ul li:hover img{

	margin-left:-10px;

 

}

/*********************/



.brand-logos-grid{

	padding:0;

	}



.brand-logos-grid ul{ 

	width:100%;

	display: flex;

	flex-wrap: wrap; 

	margin:0;

	padding:0;

	list-style:none;

	justify-content: center; 

 	gap:0;

	list-style:none;

}

 

 

.brand-logos-grid ul li{

	width:16.66666666666667%;

	border-right:1px solid #DCDCDC ;

	margin:0;

	padding:25px;

	display: flex;

	justify-content: center;

	

}

.brand-logos-grid ul li.c-partners{display: none;}



.brand-logos-grid ul li:last-child{

/*	border-right:none !important;*/

}

.brand-logos-grid ul li img{

	width:100%;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.brand-logos-grid ul li:hover img{

	margin-left:-10px;

 

}

.li-last{

	border-right:0 !important;

	}



/*******************/

.fullborder{

	position:relative;

	overflow:hidden;

}

.fullborder ul li{

	border:1px solid #DCDCDC !important;

	margin:-1px 0 0 -1px;

}



.fullborder ul li img{

 	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.fullborder li:hover img{

 

	margin-left:-10px;

	 

}

.mask-t, .mask-b{

	width:100%;

	height:2px;

	position:absolute;

	left:0;

	top:0;

	z-index:5;

	background:var(--white);

}

.mask-b{

	top:auto;

	bottom:0;

}

.mask-l, .mask-r {

	width:3px;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	z-index:5;

	background:var(--white);

}

  .mask-r {

  	left:auto;

	right:3px;

  }

  

  

  

 /*************** our strength syle ********/



.strenght-gap{

	gap:30px 2%;

	}



.strenght-col {

	flex: 0 0 49%;

}





	

.strenght-img{

  	width:58%;

  }

  

   

.strenght-img img{

  	width:100%;

	display:block;

  } 



.strenght-content{

  	width:42%;

	text-align:center;

	color:var(--white);

	font-size:14px;

	position:relative;

  }

 .strenght-content h2{

 	font-size:42px;

	line-height:normal;

	margin:0;

	font-family:var(--heading-font);

	} 

 .strenght-content p{

 	margin:0;

 }	

.strenght-content .icon{

	width:80px;

	height:80px;

	position:absolute;

	left:-40px;

	top:50%;

	margin-top:-40px;

	border-radius: 100%;

	background-color:var(--white);

		-webkit-transition: all 500ms ease-in-out;

	-moz-transition: all 500ms ease-in-out;

	transition: all 500ms ease-in-out;

		-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

	-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

	box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

	-moz-box-shadow: 0px 4px 20px #B2B2B2;

}

.strenght-content .icon img{

	width:100%;

	display:block;

	padding:8px;

	}

	

.strenght-content:hover .icon {

	rotate: 360deg;

	background-color:var(--black);

}

.strenght-content:hover .icon img {

	filter: brightness(5000%);

}



/*********facts secondary***********/

.fact-style{

	background-image: linear-gradient(to bottom, #FF6316 , #FF9016);

	text-align:center;

	justify-content: center;

	padding:40px 20px;

	border-radius: 20px;

	color:var(--white);

}



.fact-style h2{

	font-size:40px;

	font-family:var(--heading-font:);

	line-height:normal;

	margin:0;

	font-weight:normal;	

	color:var(--white);

	text-align:center;

}



.fact-icon{

	width:100px;

	height:100px;

	border-radius: 50%;

	background-color:#fff;

	display:inline-block;

	position:relative;

		-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

	-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

	box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

	-moz-box-shadow: 0px 4px 20px #B2B2B2;

 

}

.fact-icon:before{

	width:85px;

	height:85px;

	border-radius: 50%;

	position:absolute;

	left:5px;

	top:5px;

	border:2px solid var(--primary-color);

	content:'';

	z-index:2;

	

 

}

.fact-icon img{

	width:100%;

	display:block;

	padding:10px;

}

 /*************** funfacts ********/



.funfacts{

     

}

 .funfacts ul{

    

	justify-content: center;

    display: flex; 

	gap:30px 2%;

	list-style:none;

	margin:0;

	padding:30px 0;	

	color:var(--white);

	font-family:var(--heading-font);

	font-size:14px;

	text-transform:uppercase;

 

}

.funfacts ul li{

	flex: 0 0 22%;

	margin:0;

	padding:0;

	border-right:1px solid rgba(255 ,255, 255, 0.2);

	text-align:center;

}

.funfacts ul li:last-child{border-right:0;

}

.funfacts ul li h1{

	font-size:70px;

	line-height:normal;

	margin:0;

	font-weight:normal;	

	color:var(--primary-color);

	text-align:center;

}



.icon1, .icon2, .icon3, .icon4, .icon5{	

	background-repeat: no-repeat;

	background-position: center top;

	background-size:80px;

	padding:100px 0 0 0;

	

}

.icon1{

	background-image: url(../images/icons/icon1.png);

	}

.icon2{

	background-image: url(../images/icons/icon2.png);

	}



.icon3{

	background-image: url(../images/icons/icon3.png);

	}

.icon4{

	background-image: url(../images/icons/icon4.png);

	}

.icon5{

	background-image: url(../images/icons/icon5.png);

	}		



/*-----------final------------*/

.bg-grey{

	background: #f1f1f1;

}

 

.content-box{

	background: #fff;

	border-radius: 20px;

	margin-bottom: 50px;

	-webkit-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.25);

    -moz-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.25);

    box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.25);

   -moz-box-shadow: 0px 4px 20px #CFCFCF;

    overflow: hidden;



}

.mission-box{

	background: #fff;

	border-radius: 20px;

	margin-bottom: 50px;

	-webkit-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.25);

    -moz-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.25);

    box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.25);

    -moz-box-shadow: 0px 4px 20px #CFCFCF;

    overflow: hidden;

    padding: 25px;



}



.image-box{

    padding-right:30px;



    position: relative;

    width: 100%;

}

.image-box2{

	 padding-right:0px;

    padding-left:30px;



}

.stickybar{

    position: sticky !important;

    top: 120px;

}

.image-box .hover-effect{

/*    border-radius: 15px;

        -webkit-box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);

    -moz-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.7);

    box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);*/



    }

.image-box:after, .image-box:before{

    content: '';

    width: 10px;

    height: 70%;

    background: var(--primary-color);

    position: absolute;

    bottom: 0px;

    right: 8px;

    z-index: 1;

    clip-path: polygon(0% 0, 100% 15px, 100% 95%, 0 100%);

  /*  transform: rotate(45deg);*/

    }

    .image-box2:after, .image-box2:before{

    	    top: 0px;

    left: 8px;

        bottom: auto;

    right: auto;

    }

    .image-box:before{

    	height: 50%;

    	 width: 5px;

    	 background:#78797b;

    	 bottom: 0px;

    	 right: 0px;

    

    	 clip-path: polygon(0% 0, 100% 9px, 100% 95%, 0 100%);

    }

  .image-box2:before{

  	    top: 0px;

    left: 0px;

        bottom: auto;

    right: auto;

  }



  .proj-wrap{display: flex;gap: 3%;flex-wrap: wrap;}

.proj-col1{flex: 0 0 48%;display: flex;flex-direction: column;}

.proj-col2{flex: 0 0 22.5%;}

.proj-col3{flex: 0 0 22.5%;}

.proj-btm-gap{margin-bottom: 6%;}

.proj-col3 .proj-btm-gap{margin-bottom: 12%;}

.proj-inn-wrap{display: flex;gap: 4%;justify-content: space-between;}

.proj-inn-box{ flex: 0 0 47%;}

.text-sliding{  overflow: hidden; }



.proj-box-cnt{ position: relative; overflow: hidden; }

.pro-hvr-cnt{ position: absolute; left: 20px; bottom: -20px; z-index: 1; opacity: 0;  -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; }

.proj-box-cnt:hover .pro-hvr-cnt{ bottom: 20px; opacity: 1; }

.proj-box-cnt img{ width: 100%;  -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; }

.proj-box-cnt:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);

transform:scale(1.1); }

.proj-box-cnt:after{ position: absolute; content: ''; width: 100%; height: 0; left: 0px; bottom: 0px;

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

 -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}

.proj-box-cnt:hover:after{ height: 100%; }

.proj-box-cnt{ line-height: 0px; }

.pro-hvr-cnt h3{line-height: normal;color: var(--primary-color);font-weight: bold;font-size: 15px;margin-bottom: 12px;}

.pro-hvr-cnt h4{color: var(--white);font-size: 12px;line-height: normal;margin-bottom: 0px;}

.pro-hvr-cnt h4 i{ margin-right: 3px; }





/*************** social***************/

.social {

 	display:inline-block;

}



.social a  {

	color:#0069F9;

	font-size:30px;

	padding:0;

	border-radius: 50%;

	margin:0 10px;

 

}



.social a:hover  {

	color: var(--primary-color);

	

}

.ht{

	background-color:var(--primary-color);

	}

	

.link {}



.link a {

	color: var(--secondary-color);

	font-size: 14px;

	line-height: normal;

	padding: 15px 50px 15px 25px;

	line-height: 14px;

	font-style: normal;

	font-weight:normal;

	display: inline-block;

	border-radius: 50px;

	border:1px solid var(--secondary-color);

	position: relative;

}

 

.link a:after {

	content: "";

	width: 40px;

	height: 40px;

	position: absolute;

	top: 2px;

	right:10px;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

	background: url(../images/icons/arrow.png) no-repeat center center;

}



 

.link a:hover {

	color: var(--primary-color);

	background-color:var(--secondary-color);

	 

 

} 

.link:hover a:after {

	 	right:0;

}



.subtitle {

	width:100%;

	display:flex;

	color:var(--secondary-color);

	font-size:18px;

	line-height:normal;

	margin:0 0 25px 0;

	

}

.subtitle span{

	position:relative;

	text-transform:uppercase;

}



.subtitle span:after  {

	content: '';

	position: absolute;

	right:-130px;

	top:50%;

	width: 100px;

	height: 1px;

	background-color: var(--primary-color)

}

 

.heading, .heading-big,  .heading-small, .heading-medium, .subheading-small{

	font-weight: normal;

	font-family:var(--heading-font);

	font-size: 46px;

	line-height: normal;

	color: var(--black);

	font-family:var(--heading-font);

}

.heading span, .heading-small span, .heading-medium span{

	color:var(--primary-color);

}

 .heading-big {

	font-size: 60px; 

}

 .heading-small {

	font-size: 40px; 

}

.heading-medium {

	font-size: 30px;

}

 .subheading {

	font-size: 24px;

	line-height:34px !important; 

}

 .subheading-small {

	font-size: 20px;

	line-height:30px !important; 

} 

 .title-small {

	font-size: 28px;

	line-height:38px;

	color: var(--secondary-color);

	font-family: 'ITCAvantGardeStdBk_0';

 

}	



/****************/ 



 

.text-underline {

	text-decoration: underline;

}

 



.name {

	margin-bottom: 5px;

	display: inline-block;

	color: var(--primary-color);

	font-size:16px;

	padding:20px 0;

	text-align:center;

	font-weight:600;

	width:100%;

}

.name span{

	font-size:14px;

	color:#000;

	font-weight:400;

}



/********************intro*******************/



.intro-side{

	width:37.5%;

}

.intro-middle{

	width:25%;

	position:relative;

	text-align:center;

}

.ch-col-1{

	width:25%;

}

.chairman-img{

	widh:100%;

}

.ch-col-2{

	width:37.5%;

}

 

 .quote-style{

	 width:100%;

	 display:flex;

	 padding:70px 0;

	 border-top:1px solid var(--secondary-color);

	 border-bottom:1px solid var(--secondary-color);

	 position:relative;

	 margin-bottom:40px;

	 

}



 .quote-style:before, .quote-style:after{

	width:90px;

	height:30px;

	background-color:#fff;

	position:absolute;

	left:0;

	top:-15px;

	content:'';

	background-image: url(../images/icons/quote1.png);

	background-repeat: no-repeat;

	background-position: left top;	 

 }

  .quote-style:after{

  	left:auto;

	top:auto;

	right:0;

	bottom:-15px;

	background-image: url(../images/icons/quote2.png);

	background-position: right top;

  }

 .signature{

 	 

 }

 

.img-circle-style{

	width:100%;

	text-align:center;

	    width: 100%;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

	justify-content: center;

}



.img-circle-style img{

	width:250px;

	display:inline-block;

	border-radius: 50%;

	border:2px  solid var(--primary-color);

	padding:10px;

 

}



.year{

	font-family:var(--heading-font);

	font-size:220px;

	line-height:220px;

	letter-spacing:-1px;

	color:var(--black);

	font-family: 'ITCAvantGardeStdBold_0';

}





  .v-line{

	background-image: url(../images/v-line.png);

	background-position: left top;

	background-repeat: no-repeat;

	padding-left:80px;

  }

  

  

  .message-style{

  	width:100%;

	position:relative;

	padding:0 0 0 220px;

  }



.message-style-img{

  	width:140px;

	border-radius: 50%;

	display:block;

	position:absolute;

	left:0;

	top:0;

  }

  

  /*************************************/

  

.TickerNews{

	width: 100%;

 

}

.TickerNews h2 {

  font-size:100px;

  color:transparent;

  text-transform:uppercase;

  font-weight: normal;

  margin:0;

  line-height:normal;

  color:#000;

  font-family: 'ITCAvantGardeStdBold_0';

 -webkit-text-stroke:2px transparent;

  background-image: linear-gradient(to bottom, #FF9016 , #FF9016, #807F7D, #807F7D);

  background-size: 100% 100%;

  -webkit-background-clip: text;

  

}





.TickerNews h2 span{

 font-size:80px;

 text-align:center;

 color:var(--primary-color);

   -webkit-text-stroke-width:0;

  -webkit-text-stroke-color:none;

  width:80px;

  height:80px;

  line-height:80px;

  position:relative;

  left:15px;

  display:inline-block;

 

}

 

 

.ti_wrapper{

	width: 100%;

	position: relative;

	overflow: hidden;

}

.ti_slide{

	width: 30000px;

	position: relative;

	left: 0;

	top: 0;

}

.ti_content{

	width: 8000px;

	position: relative;

	float:left;

}

.ti_news{

	float:left;

}







/**************/

 .rotating-circle{

	width:250px;

	height:250px;

	display:inline-block;

	position:relative;

	z-index:2;

	border-radius:50%;

 

}

.rotating-circle:after {

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	content:'';

	background-image:url(../images/rotation-text.png);

	background-repeat: no-repeat;

	background-position: center  center;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	-webkit-animation: rotation 20s infinite linear;

 



}

.rotating-circle:before{

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	content:'';

	background-image:url(../images/lutfi-circle.png);

	background-repeat: no-repeat;

	background-position: center  center;

	border-radius:50%;

	/*-webkit-animation: rotation2 50s infinite linear;*/

	background-size:100%;

}

@-webkit-keyframes rotation {

		from {

				-webkit-transform: rotate(0deg);

		}

		to {

				-webkit-transform: rotate(359deg);

		}

}



@-webkit-keyframes rotation2 {

		from {

				-webkit-transform: rotate(0deg);

		}

		to {

				-webkit-transform: rotate(-359deg);

		}

}





/*---------------sbox---------*/



 .pro-img-style{

	 width:100%;

	 display:block;

	 border-radius:20px 20px 0 0;

	 overflow:hidden;

	 display:flex;

 }

  .pro-img-style img{

  	width:100%;

	display:block;

}



 .pro-des{

	width: 90%;	 

	position:relative;

	color:var(--black);

	line-height:normal;

	font-weight:normal;

	position:relative;

	padding:20px 20px;

	background-color:#fff;

	top:-20px;

	left:5%;

	/*border-radius:0 0 15px 15px;*/

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

	 	-webkit-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.25);

    -moz-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.25);

    box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.25);

   -moz-box-shadow: 0px 4px 20px #CFCFCF;

   border-bottom:4px solid var(--primary-color);

 } 

 .pro-des:hover{

	color:var(--white);

	 

 }

.pro-des:before{

  	width:100%;

	height:1px;

	position:absolute;

	content:'';

	left:0;

	bottom:0;

	z-index: 1;

	background-color:var(--primary-color);

		-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.pro-des:hover:before{

	height:100%;

	}

.pro-des h3{

	font-size:16px;

	margin:0 0 8px 0;

	line-height:normal;

	font-family:var(--heading-font);

	position:relative;

	z-index:2;

}

.pro-des p{

	font-size:14px;

	margin:0;

	line-height:normal;

	position:relative;

	z-index:2;

}



/*************************/







.project-grid{

	padding:0;

	}



.project-grid ul{ 

	width:100%;

	display: flex;

	flex-wrap: wrap; 

	margin:0;

	padding:0;

	list-style:none;

	justify-content: center; 

 	gap:30px 4%;

	list-style:none;

}

 

 

.project-grid ul li{

	flex: 0 0 22%;

	margin:0;

	display: flex;

	justify-content: center;

	

}

.project-grid ul li.c-partners{display: none;}

	

/********************start iconic style********************/

.iconic p:last-child{

	margin:0;

} 

 

.iconic, .iconic-small{

	width:100%;

	display:block;

	position:relative;

	padding: 20px 20px 20px 175px;

	margin: 0 0 0px 0;

}



.iconic-small{

	padding:20px 20px 25px 125px;

}

.iconic h2{	 

	margin:0 0 15px 0;

	font-size: 24px;

	color:var(--black); 

}

.webicon{	

	position:absolute;

	left:20px;	

	top:20px;	

	width:120px;

	height:120px;

	border-radius:50%;

	padding:25px;

	background-image: linear-gradient(to right, #E9C183 , #FF9016);

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

	/*border-radius: 100%;*/

}



.webicon img{

	display:block;

	width:100%;

}

.webicon:hover{

	background-image: linear-gradient(to left, #FFAE33 , #FFD03B);

}

 .iconic-small .webicon{

	width:92px;

	height:92px;

}

 .iconic-small-right{ 	 

	padding:0 125px 25px 0;

	text-align:right;

 }

 

 .iconic-small-right  .webicon{

	left:auto;

	right:0;

	top:0;	

}

.rc-pad{

	padding:0 20px;

}

 /********************end iconic style********************/

 

 

 

  /********************counter styles********************/

  

 

 /**********************news**********************/

 .news-style-img{

	border-radius: 20px 20px 0 0;

	overflow:hidden;

}

 .news-style-img img{

 	width:100%;

	display:block;

 }

.news-desc{

    padding: 40px 0;

}

.news-desc h2{

	font-size:18px;

	padding:0 0 25px 0;

	border-bottom:1px solid var(--black);

}



.date{

    font-size: 12px;

	margin:0 0 10px 0;

	line-height:normal; 

}

 



 .flex-grid-four {

  	display: flex;

	flex-wrap: wrap;

 	justify-content: center;  	

    width:100%;

}



 

  

.flex-grid-four .col {

  width: 25%;

   padding:20px;

}



 .footer-nav{

 	width:100%;

	padding:30px 0;

	margin-bottom:70px;

	border-top:1px solid rgba(255, 255, 255, 0.2);

	border-bottom:1px solid rgba(255, 255, 255, 0.2);

	text-align:center;

 }

 

 

  .footer-nav ul{

 	width:100%;

	margin:0;

	padding:0;

	list-style:none;

	text-align:center;

	 

 }



 .footer-nav ul li{

	padding:0 50px 0 20px;

	margin:0;

	color:#fff;

	font-size:16px;

	display:inline-block;

	background-image: url(../images/slash.png);

	background-repeat: no-repeat;

	background-position: right center;

	text-align:center;

}

 .footer-nav ul li:last-child{

 	background-image:none;

 }

 

/*************** footer CSS ***************/

footer {

	width:100%;

	padding:70px 0 0 0;

	color: #fff;

	font-size:14px;

	background-image: url(../images/parallax/bg1.jpg); 

}



footer a {

	color: #fff;

}

footer a:hover {

	color: rgba(255, 255, 255, 0.7);

}

 

.f-middle{

	padding:0 20px;

	text-align:center;

	



}

.footer-logo img{

 	height:75px;

 }

 

.f-head1, .f-head2, .f-head3{

	font-size:16px;

	line-height:normal;

	font-weight:normal;

	font-family:var(--heading-font);

	position:relative;

	margin:0 0 15px 0;

	padding:0 0 15px 0;

	justify-content: space-between;

}

	

.f-head1:before, .f-head2:before, .f-head3:before{

	width:28px;

	height:4px;

	background-color:var(--primary-color);

	position:absolute;

	left:0;

	bottom:0;

	content:'';

}

.f-head2:before{

	left:auto;

	right:0;

}	

.f-head3:before{

	left:50%;

	margin-left:-14px;

	right:0;

}

.f-head2{

	text-align:right;

}

.f-head3{

	text-align:center;

	width:100%;

 

}

.f-menu, .f-menu-right{

	margin:0;

	padding:0;

	list-style:none;

}

.f-menu-right{

	text-align:right;

}

.f-menu a{

	padding:5px 0;

	display:block;

}

.copy{

	 

	

	}

.powered{

	 

}	



.footer-bottom {

	border-top: 1px solid rgba(255, 255, 255, 0.1);

    width: 100%;

    display: flex;

	padding:40px 0;

	margin-top:50px; 

	color:var(--white);

	    display: -ms-flexbox;    

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

	justify-content: space-between;

	}

	

 

 

  

.footer-social{

	 

}

.footer-social a{

	 color:var(--white);

	 font-size:18px;

	margin:0 10px;

	display:inline-block;

 }

.footer-social a:hover{

	 color: var(--primary-color);

 }

 

 

 

ul.list {

	margin: 0;

	padding: 0;

	margin-bottom: 30px;

}



ul.list li {

	list-style: none;

	padding: 2px 7px 10px 30px;

	line-height: normal;

	position: relative;

 

}



ul.list li:before {

	/*content: "\f111";*/

	content: "*";

	position: absolute;

	top: 4px;

	left: 0;

	font-family: "FontAwesome";

	color: var(--secondary-color);

	font-size: 14px;

}



.cnt-wrap {

	background-color: var(--primary-color);

	/*border-radius: 25px;*/

	/* box-shadow: 0px 3px 40px #0000002e; */

	/* -webkit-box-shadow: 0px 3px 40px #0000002e; */

	-moz-box-shadow: 0px 3px 40px #0000002e;

	color: var(--white);

	border-radius: 15px;

	padding: 20px 10px;	

}



.icon_box {

	/*padding: 40px 30px;

	background-color:var(--grey);

	color:var(--black);

	margin-bottom:20px;*/

	/*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/

	color:var(--body-color);

}



 



.icon_box i {	 

	float: left;

	margin: 0px 30px 0px 0px;

	padding: 8px;

	/*border-radius: 100%;*/

	width: 45px;

	height: 45px;

	text-align: center;

	background-color: var(--primary-color);

	line-height: 30px;

	color:var(--white);

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

 }



.icon_box .descripion {

	display: block;

	overflow: hidden;

	margin-bottom:20px;

}



.icon_box .descripion h5 {

	font-size: 16px;

	margin: 0 0 8px 0;

 

 

}



.icon_box p {

	margin: 0;

}

.icon_box a {

	color:var(--body-color);

}

.icon_box a:hover {

	color: var(--primary-color)

}

/*************/

.gallery{}

.gallery .hover-effect img {

	display:block;

	-moz-transition: all 7s ease;

	-o-transition: all 7s ease;

	-webkit-transition: all 7s ease;

	transition: all 7s ease;

	width:100%;

  height: 250px;

  object-fit: cover;

}



/*.icon_box:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:none;}*/

.cnt-form {}



.map {

	line-height: 0;

	width: 100%;

	height:450px;

	border:0;

}



.google-map {

	width: 100%;

	height: 450px;

	border: 0;

	overflow: hidden;

	display: block;

}

.table-wrap{

	width:100%;

	position:relative;

	display:flex;

	overflow-x:scroll;

}

.table-style {

	border-collapse: collapse;

	width: 100%;

}

.thead-first,  .thead-second{

	background-color: var(--primary-color);

	color:#fff;

	font-size:20px;

	text-align:center !important;

 }

 .thead-second{

	background-color: var(--secondary-color);

 }

.table-style th,

.table-style td {	 

	padding: 10px;

	border: 1px solid #d9d9d9;

	text-align: left;

	 

}

 



.table-style tr:nth-child(even) {

	background-color: #f2f2f2

}



.table-style th {

	background-color: var(--secondary-color);

	color: white;

}



/******************************team-style*****************/





.radius-circle{

	border-radius:50%;

	overflow:hidden;

}



 

 .team-col-gap{

	gap:20px 4%;

	justify-content: center;

	}

	

.team-col {

	flex: 0 0 22%;

	position: relative;

}

.team-col2{

	flex: 0 0 30%;

	padding: 20px;

}

.team-style{

	width:100%;

	display:flex;

	position:relative;

	overflow:hidden;

}



.team-style img{

	display:block;

	width:100%;

}

.team-style:hover img {

     -webkit-transform: scale(1.09, 1.09);

    transform: scale(1.09, 1.09);

    -webkit-filter: brightness(70%);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

	/*-webkit-filter: brightness(70%);*/

	filter: grayscale(60%);

	-webkit-filter: grayscale(60%);

}



.team-style:before{

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	bottom:0;

	content:'';

	background-image: url(../images/team-bg.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	background-size:100%;

	z-index:2;

	 

}



.team-style-des{

	width:100%;

	padding:0 0 0 50px;

	/* position:relative; */

}

.team-style-des-inner{

	width:100%;

	padding:25px;

	position: absolute;

	bottom: 0;

	z-index:3;

	background-color:var(--white);

	box-shadow: 0 15px 33px 0 rgba(0,0,0,0.17);

	font-size:16px;

	line-height:22px;

	font-family:var(heading-font);

	color:var(--black);

	text-align:center;

}

.team-style-des-inner span{

	font-size:12px;

	line-height: 12px;

	color:var(--primary-color);

}





.team-style-des-inner h2{

	font-size: 25px;

	line-height: 27px;

	color: var(--black);

	margin-bottom: 5px;

}

.team-style-single{

	padding: 0;

}

.team-style-single .team-style-des-inner{

	position: relative;

	top: 0;

	left: 0;

	min-height: 141px;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

	}

.team-style-des-inner:hover{

	background-color: var(--primary-color);

	color: var(--white)

}

.team-style-des-inner:hover h2, .team-style-des-inner:hover span{

	color: var(--white)

	}

.team-style-single:after, .team-style-single:before {

    content: '';

    width: 10px;

    height: 100%;

    background: var(--primary-color);

    position: absolute;

    bottom: -28px;

    right: 43px;

    z-index: 1;

    clip-path: polygon(0% 0, 100% 15px, 100% 95%, 0 100%);

    transform: rotate(45deg);

}

.team-style-single:before {

    height: 76%;

    width: 5px;

    background: #78797b;

    bottom: -20px;

    right: 43px;

    clip-path: polygon(0% 0, 100% 9px, 100% 95%, 0 100%);

}





.bx-shadow{

	padding:50px;

	margin-bottom:50px;

	overflow:hidden; 

	box-shadow: 0 15px 33px 0 rgba(0,0,0,0.17);

	background-image: url(../images/pattern-2.png) !important;

	border-right:4px solid var(--primary-color);

	position:relative;

 

}

.bx-shadow:after{

	width:40%;

	height:100%;

	position:absolute;

	left:-25%;

	top:0;

	content:'';

	background-color:var(--primary-color);

	z-index:-1;

	transform:skewX(-55deg);

	}

	

.bx-shadow:before{

	width:15px;

	height:100%;

	position:absolute;

	left:16%;

	top:0;

	content:'';

	background-color:var(--secondary-color);

	z-index:-1;

	transform:skewX(-55deg);

	}

		

	

.bx-shadow img{

	border:8px solid var(--white);

} 

/***************STRENGHT STYLE ***************/



.primary-color-bx{

	background-color:var(--primary-color);

	padding:40px 25px;

	text-align:center;

	color:var(--white);

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.secodary-color-bx{

	background-color:var(--secondary-color);



}

.mt-style{

	margin-top:15px;

	}





.primary-color-bx:hover{

	background-color:var(--black);

	margin-top:-10px;

 }



.primary-color-bx h2{

	font-size:40px;

	line-height:normal;

	font-family:var(--heading-font);

	margin:0;

}

.primary-color-bx img{

	width:90px;

}



/*************** INNER BANNER ***************/







.banner { 

	width: 100%;

	height:250px;

	display: flex;

	position: relative;

	align-items: center;

	background-repeat: no-repeat;

	background-position: top center;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-image: url(../images/banners/banner.jpg);

	

}

.banner2 { 

	background-image: url(../images/banners/banner2.jpg);

}

.banner3 { 

	background-image: url(../images/banners/banner3.jpg);

}

.banner4 { 

	background-image: url(../images/banners/banner4.jpg);

}

.banner5 { 

	background-image: url(../images/banners/banner5.jpg);

}

.banner6 { 

	background-image: url(../images/banners/banner6.jpg);

}

.banner7 { 

	background-image: url(../images/banners/banner7.jpg);

}

.banner8 { 

	background-image: url(../images/banners/banner8.jpg);

}

.banner9 { 

	background-image: url(../images/banners/banner9.jpg);

}

.banner10 { 

	background-image: url(../images/banners/banner10.jpg);

}

.banner11 { 

	background-image: url(../images/banners/banner11.jpg);

}

.banner h2 {

	color: var(--white);

	font-weight: normal;

	line-height: normal;

	margin:0;

	padding:0;

	font-size:35px;

	text-transform: uppercase;

	font-family:var(--heading-font);

 

}



/************/

  .breadcrumb {

 	color:var(--body-color);

	border-bottom:1px solid rgba(255, 255 ,255, 0.4);

	padding:10px 0;

	align-self: end;

	justify-content: center;

	position:relative;

}



.banner-left{}

.banner-right{

	 

}



.breadcrumb ul {    

    list-style: none;

	font-size:12px;

	letter-spacing:1px;

    margin:0;

    padding:0;

	font-family:var(--heading-font);

	text-transform:uppercase;

	text-align:right;

	display:flex;

	justify-content: right;

 

}

 .breadcrumb ul li{

 	margin:0;

	padding:0;

 }  

.breadcrumb li:not(:last-child)::after {

    display: inline-block;

    margin: 0 15px;

    content: " → ";

	color:var(--primary-color);

 

}

 .breadcrumb a{

   color:var(--white) !important;	

}

 .breadcrumb a:hover{

  color:var(--white);	

 

}

 .breadcrumb  span{

	color:var(--white);

}

	

 

/*.banner:after{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; background-color:#000; opacity: .5; }*/

 

/*************** JARALLAX ***************/

.jarallax, .cover {

	position: relative;

	background-repeat: no-repeat;

	background-position: center center;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.split-bg-right{

	width:50%;

	height:100%;

	position:absolute;

	top:0;

	right:0;

	z-index:-1;

	background-repeat: no-repeat;

	background-position: center center;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}



.left-image-box{

    width: 50%;

    position: absolute;

    top:0;

    left:0;

	overflow:hidden;



}

.right-image-box{

    width: 50%;

    position: absolute;

    top:0;

    left:auto;

    right:0;

	overflow:hidden !important;



}



.split-bg-left{

	right:auto;

	left:0;

}

.bg1 {

	background: url(../images/parallax/bg1.jpg);

}



.bg2 {

	background: url(../images/bg2.jpg) no-repeat top center;

}



.bg3 {

	background: url(../images/bg3.jpg) no-repeat top center;

}







.f-name, .f-tel, .f-email, .f-comm {

	background-image: url(../images/icons/name-icon.png);

	background-repeat: no-repeat;

	background-position: 10px 10px;

	padding: 15px 0 15px 60px !important;

}



.f-tel{

	background-image: url(../images/icons/call-icon.png);

	}

.f-email{

	background-image: url(../images/icons/email-icon.png);

	}

.f-comm{

	background-image: url(../images/icons/comments-icon.png);

	}



/**********forms**************/



/*********file chosen style**************/



input.file{

    display: none;

}





.fa-upload{

	margin:0 15px 0 0;

}

.custom-file-upload {

    border: 0;

    display: inline-block;

    padding: 14px 20px;

    color: #fff;

    cursor: pointer;

    background-color: var(--primary-color);

    /*border-radius: 6px;*/

    border: 1px solid var(--primary-color);



}

.select-box {

    appearance: none;

    -webkit-appearance: none;

    background-image: url(../images/icons/icon5.svg);

    background-repeat: no-repeat;

    background-position: right 15px center;

    background-size: 14px;

}

form {

	margin: 0;

	padding: 0;

}



*:focus {

	outline: none;

}



.fieldset, .fieldset-socondary {

	width: 100%;

	padding: 15px 0;

	background-color: none;

	background-color: transparent;

	display: block;

	border: 0;

	margin: 0;

	color:var(--body-color);

	box-shadow: 0 1px 0 0 #565656;

	font-size: 14px;

 

}

.fieldset-socondary{

	color:var(--black) !important;

	}



.sendbutton {

	width: auto;

	height: auto;

	border: 0;

	outline: 0;

	margin: 0;

	display: inline-block;

	color:var(--white);

	font-family:var(--font-family);

	font-size: 20px;

	cursor: pointer;

	vertical-align: top;

	padding: 15px 30px;

	text-align: center;

	background-color: var(--primary-color); 

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;





}



.sendbutton:hover {	

	background-color: var(--tertiary-color);

}



.select-box {

	appearance: none;

	-webkit-appearance: none;

	background-image: url(../images/icons/icon5.svg);

	background-repeat: no-repeat;

	background-position: right 15px center;

	background-size: 14px;

}



.contact-form {

	float: left;

	width: 100%;

}



.contact-form .fieldset {

	margin-bottom: 0px;

}



::-webkit-input-placeholder {

	color: #6D6E71 !important;

}



:-moz-placeholder {

	/* Firefox 18- */

	color: #6D6E71 !important;

}



::-moz-placeholder {

	/* Firefox 19+ */

	color: #6D6E71 !important;

}



:-ms-input-placeholder {

	color: #6D6E71 !important;

}

/*************/

.enquiry-form ::-webkit-input-placeholder {

	color: #000 !important;

}



.enquiry-form :-moz-placeholder {

	/* Firefox 18- */

	color: #000 !important;

}



.enquiry-form ::-moz-placeholder {

	/* Firefox 19+ */

	color: #000 !important;

}



.enquiry-form :-ms-input-placeholder {

	color: #000 !important;

}


.ps-relative {
	position: relative;
}
 

span#file-name {
    position: absolute;
	left: 50%;
}
span#file-name {
    position: absolute;
    left: 27%;
    top: 25%;
	font-size: 15px;
}


/************************************* 1280px *************************************/

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



/************************************* 1400px *************************************/

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



/************************************* 1366px *************************************/

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





.header-right {

   

 

 

}



header,

header.smaller {

		 

	}





.header {		 

 		/*justify-content:center;

		align-items: center;

		flex-direction:column;*/

		 padding:10px 60px 0 0;

		}



.logo img {

	 height:50px;

	}

	

.top-links{ 

  padding:0;

 

}



.top-links span{

	display:none !important;

	font-size:0;

	text-indent:-99999px;

}



.top-links .fa-message,  .top-links .fa-whatsapp, .top-links .fa-file-download{ 

	margin:0;

	color:var(--white);

	font-size:20px;

	color:var(--white);

	background-color:#66CC00;

	position:relative;

	top:0;

	border-radius: 50%;

	width:30px;

	height:30px;

	text-align:center;

	line-height:22px;

	padding:3px;

}

.top-links .fa-message, .top-links .fa-file-download{

	background-color:var(--primary-color);

	line-height:26px;

	font-size:15px;

	 

}







}

/************************************* 1180px *************************************/

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

	.container {

		width: 100%;

		padding:0 15px;

	}

}



/************************************* 1024px *************************************/

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

 

	

 



.project-grid ul{ 

 	gap:30px 4%;

 

}

  .pro-des{

	width: 100%;	 	 

	top:0;

	left:0;

	

	 

 } 

.project-grid ul li{

	flex: 0 0 46%;	

}

.pro-des h3{

	font-size:14px;

	line-height:normal;

}

.pro-des p{

	font-size:12px;

	ine-height:normal;

}

}



/************************************* 980px *************************************/

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

.videowrap {

    width: 100%;

    height: 540px;

	 

}



 

}



/************************************* 900px *************************************/

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

 .brand-logos{ 

	padding:30px 0;

}





.brand-logos ul li, .brand-logos-grid ul li{

	width:29%;

	border:1px solid #DCDCDC;

	padding:10px;

	margin:4px;

	background-image:none;

}

.brand-logos ul li img,  .brand-logos-grid ul li img{

	width:100%;

	display:block;

	margin:0;

	 

}

.fullborder ul li{

	padding:0 10px!important;

}

.msq{

	display:none;

}

/***************/





.year{ 

	font-size:20px;

	line-height:20px;

	margin:20px 0;

	display:inline-block;

}

.intro-middle, .intro-side, .ch-col-1, .ch-col-2{

	width:100%;

	text-align:center;

	justify-content: center;

	display:flex;

	width:100%;

	align-items: center;

	flex-direction:column;

	text-align:center;

}



.chairman-img{

	width:90%

	 

}





.intro-middle{

	padding:0 0 20px 0;

}

.rotating-circle{

	width:200px;

	height:200px;

}



.subtitle {

	width: 100%;

	display: flex;

    display: -ms-flexbox;    

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

	justify-content: center;

	margin:0 0 25px 0;

	font-size:12px;

	text-align:center;

}

 

 .subtitle span{

	padding:0 0 15px 0;

}

.subtitle span:after  {

	right:auto;

	top:auto;

	left:50%;

	bottom:0;

	margin-left:-50px;

 

}



 .funfacts ul{

	gap:0;

	padding:20px 0;	

	font-size:12px; 

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

.funfacts ul li{

	flex: 0 0 50%;

	padding:20px;	

	border:1px solid rgba(255 ,255, 255, 0.2);

}



.funfacts ul li h1{

	font-size:20px;

}



.message-style{

	padding:150px 0 0 0;

  }



.message-style-img{

  	width:120px;

	left:50%;

	margin-left:-60px;

}





 .quote-style{ 

	 padding:20px 0; 

	 margin-bottom:20px;

	 text-align:center;

}



 .quote-style:before, .quote-style:after{

	width:40px;

	height:40px;

	left:0;

	top:10px;

	content:'';

	background-size: 40%;

	background-repeat: no-repeat;

	background-position: center center;	 

 }

  .quote-style:after{

  	left:auto;

	top:auto;

	right:0;

	bottom:-35px;

	 

  }

  

  

.v-line{

	padding:25px 0 0 0;

	background-image:none;

	border-top:4px solid var(--primary-color);

	margin-top:25px;

}





.text-center-res {

	text-align: center !important;

	justify-content: center;

 

    



}



/************************************* 767px *************************************/

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



body {

	font-size:14px;

}

 

	.column-reverse {

		flex-direction: column-reverse;

	}



	hr {

		margin: 20px 0;



	}

	

 

	

.footer-logo, .copy, .footer-social{

	flex: 0 0 100%; 

	text-align:center;

	padding:0;

 

	}

	

.footer-logo{

	margin:0; 	 

}

 



.ht{

	background-color:var(--black);

}



/***************************/





.bg-light-grey {

	padding:25px;

}

.bg-light-grey:after, .bg-light-grey:before{

	display:none;

 }

.iconic-small,  .iconic-small-right{

	padding:20px 0 !important;

	text-align:center !important;



}



 .iconic-small .webicon,  .iconic-small-right  .webicon{

	width:70px;

	height:70px;

	left:auto;

	top:auto;

	right:auto;

	position:relative;

	display:inline-block;

	margin:0;

}

 

.rc-pad{

	padding:0;

} 



 .signature{

 	width:150px;

 }

 

 

 .img-circle-style img{

	width:150px;

 

 

}	

.scroll h2 {

	font-size:40px;

}

 



.TickerNews h2 {

  font-size:40px;

  

}



.TickerNews h2 span{

 font-size:30px;

  width:40px;

  height:40px;

  line-height:40px;

  left:5px;

 

}



 .f-col{

 	width:50% !important;

	padding:10px;

 }

 .footer-nav, .f-middle{

    display:none;

	/* padding:20px 0;

	margin-bottom:30px;

	width:50%;

	text-align:left;*/

}





.footer-bottom {

	padding:20px 0;

	margin-top:20px; 

}

	.copy , .powered, .footer-social {

		display:block;

		text-align:left;

		padding:5px 0;

	}

/* .footer-nav ul li{

	padding:5px 0;	 

	font-size:16px;

	display:inline-block;

	background-image: none;

	text-align:left;

}

 

 .footer-nav ul li:last-child{

	 border:0;

 }*/

 

 .f-menu, .f-menu-right{

 	font-size:14px;

 	padding:2px 0;

 	text-align:left;



}



.f-head1, .f-head2, .f-head3, .f-middle{

	text-align:left !important;

}

.f-middle{

	padding:25px 0;

	text-align:left;



}



.f-head1:before, .f-head2:before, .f-head3:before{

	width:28px;

	height:4px;

	background-color:var(--primary-color);

	position:absolute;

	left:0;

	bottom:0;

	content:'';

	margin:0;

}



 



 .team-col-gap{

	gap:20px 0;

	}

	

.team-col {

	flex: 0 0 100%;

 

}





.team-style-des-inner{

	padding:15px;	 

	font-size:14px;	

	top:-100px;

}

 



.banner-left, .banner-right{

	width:100%;

	text-align:center;

	display:flex;

	justify-content: center;

}

 .breadcrumb ul {    

	font-size:11px;

	letter-spacing:0;

	}



.videowrap {

    height: 350px;

}

 .primary-color-bx:hover{

	margin-top:0;

 }



.mt-style{

	margin-top:0;

	}

	

	



.bx-shadow{

	padding:20px;

	margin-bottom:30px;

	border-right:0;

	border-bottom:4px solid var(--primary-color); 

 

}

 

	

.bx-shadow img{

	margin-bottom:30px;

	 

} 



.banner { 

	height:150px;

	

}

.videowrap {

   

    height: 540px;

	background-image: url(../images/homeslider/1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}



video{

	display:none !important;

} 



}







/************************************* 640px *************************************/

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



 

 .heading, .heading-big, .heading-small, .title-small, .heading-medium {

	font-size: 30px;

	font-size: 20px;

	line-height: 24px;

}

  .subheading,  .subheading-small {

	font-size: 16px;

	line-height:22px !important; 

}

.iconic h2{	 

	font-size: 20px;

	line-height: 24px;

} 

.banner h2{

	font-size:20px;

	}

 

 .iconic{

	padding:20px 20px 10px 90px;

	margin:0;

	 

}



.webicon{	

	width:50px;

	height:50px;

	padding:10px;

	top:20px;

 

}	



.mission-box{

	padding:20px 0;

	border-radius: 10px;

} 

.flex-grid-four .col{

	width:50%;

	padding:5px;

}	



 

.brand-logos-grid{

	 	padding:0;

}



.mask-t, .mask-b, .mask-l, .mask-r{

  display:none;

  }



 .videowrap {

    height: 260px;

}





 /*************** our strength syle ********/

  

  .strenght-gap{

	gap:20px 0;

	}



.strenght-col {

	flex: 100%;

}



.strenght-img{

  	width:100%;

  }

   



.strenght-content{

  	width:100%;

	padding:40px 20px 20px 20px;

	 

  }

 .strenght-content h2{

 	font-size:30px;

}

	

.strenght-content .icon{

	width:50px;

	height:50px;

	left:50%;

	top:-25px;

	margin-top:0;

	margin-left:-25px;

 

}

.strenght-content .icon img{

	padding:5px;

	}





}



/************************************* 480px *************************************/

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

	 

.gallery .hover-effect img {

  height: 150px;

 

}

 .videowrap {

    height: 400px;

}

}



/************************************* 360px *************************************/

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



/************************************* 320px *************************************/

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