/*
----------------------------------
Designer: Rectangle Comunications Design Team
Developed By: Shihab 22june2021
---------------------------------
*/

@font-face {
    font-family: "Aristocrat-Regular";
    src: url("font/Aristocrat-Regular.otf");
} 
@font-face {
    font-family: "exo-pro";
    src: url("font/exo_slab_pro.ttf");
} 
@font-face {
    font-family:"exo-light";
    src: url("font/exo_slab_pro_ex_light.ttf");
} 
@font-face {
    font-family:"exo-midium";
    src: url("font/exo_slab_pro_medium.ttf");
} 
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500;600;700&display=swap');

body,html{
	width:100%;
	height:100%;
	  font-family: "exo-pro";
}
h1,h2,h3{
	
	
} 
.aris{
	
	font-family: "Aristocrat-Regular";
}
.corm{
	
	font-family: 'Cormorant Garamond', serif;
}
.exo{
	    font-family: 'Exo', sans-serif;

}
.ex{
	
	font-family: "exo-pro";
}
.exl{
	
  font-family:"exo-light";
}
.exm{
	
  font-family:"exo-midium";
}
.wrap:after{
	content:'';
	clear:both;
	display:block;
} 
.sec-title{
	font-size:48px;
}
.big-title{
	font-size:54px;
	
}
.fillScreen{
	
	width:100%;
	height:100%;
}
.container-fluid{
	
	padding:0px;
}

.desktop{
	display:block;
}
.tab{
	display:none;
}
 
 .bg-green{
	 background:#74914b;
	 
 }
 .color-w{
	 color:#ffffff;
 }
 .row{
	 
	 margin:0px;
	 margin:0px;
 } 
 .pd-body{
	 
	 padding:0 8%;
	
 }
 .color-w{
	 color:#ffffff;
 }
 .flex-box{
	 display: flex;
  align-items: center;
 }
 .con-top{
	 display:none;
 }
/****************Header Design===========*/

.fixed-header{
	
	width:100%;
	
	background:#ffffff;
	
	z-index:1000;
	display:none;
	box-shadow:0px 1px 4px rgba(0,0,0,.18);
	
} 
.header-wrap{
	
	padding:28px 8%;
	
}
.h-logo img{
	max-height:24px;
}
.sticky-menu-list{
	padding-left:0px;
	text-align:right;
	margin:0px;
}
.sticky-menu-list li{
	list-style:none;
	display:inline-block;
	margin-left:20px;
}


.sticky-menu-list li a{
	font-family: "exo-pro";
	font-size:18px;
	line-height:24px;
	color:#231F20;
	transition:.3s;
}
.sticky-menu-list li a:hover{
	
	transition:.3s;
	color:#ed1c24;
	text-decoration:none;
}
.sticky-social{
	text-align:right;
}
.sticky-social a img{
max-height:24px;
margin-left:6px;
}
.fixedNav{
	display:block;
	position:fixed;
} 
.header-wrap:after{
	
	content:'';
	clear:both;
	display:block;
}
.h-logo{
	width:16%;
	float:left;
	float:left;
}
.h-menu{
	width:80%;
		float:right;
}

.tab-mob{
	display:none;
}
.tab-head{
	display:none;
}
/****************Header Design End===========*/

/**********************Home section design===========*/ 

.home{
	
	background:#ffffff;
 background-image:url('image/home-bg.jpg');
	background-size:cover;
	background-position:bottom center;
	overflow:hidden;
	position:relative;
}
.home-menu-bar{
	
	padding:28px 8%;
	background:#ffffff;
}

.top-bar:after{
	
	content:'';
	clear:both;
	display:block;
}
.home-logo{
	width:20%;
	float:left;
	text-align:left;
} 
.home-logo img{
	max-height:40px;
}
.top-right{
	
	width:80%;
	float:right;
	text-align:right;
}

.home-menu-list {
	padding:8px 0px 0px;
	margin:0px;
}
.home-menu-list li{
	list-style:none;
	display:inline-block;
	margin-right:28px;
	
}
.home-menu-list li a{

	font-size:19px;
	color:#231f20;
	transition:.3s;
	text-decoration:none;
	
}
.home-menu-list li a:hover{
	
	transition:.3s;
	color:#ed1c24;
}
.home-img img{
	max-width:100%;
	margin-top:4px;
}
.home-txt-box{
	position:absolute;
	top:6%;
	left:20%;
	bottom:0;
	margin:auto;
	max-height:200px;
}
.home-txt-box h1{
	font-family:"exo-light";
	font-size:64px;
	color:#ffffff;
	font-style:italic;
	
	margin:0px;
	line-height:1.2;
	
}
.home-bottom{
	width:100%;
	position:absolute;
	bottom:40px;
	left:0;
	
	
}
.hb-left{
	width:48%;
	float:left;
	
}

.hb-right{
	width:48%;
	float:left;
	text-align:right;
	
}
.hb-left h2{
	font-size:24px;
	line-height:36px;
	font-weight:400;
	margin:0px;
}
.hb-right .fo_icon_bar{
	margin:0px;
	
}
.hb-right .fo_icon_bar img{
	max-width:40px;
	margin:0 0 0 12px;
	
}
/*----------Home Section End====================*/ 


/*----------Our Philosophy===================*/ 

.op-left{
	
	width:48%;
	float:left;
}
.op-head{
	
	padding:120px 8% 0px;
	
}
.op-head h2{
	color:#EC2227;
	font-size:42px;
	margin:0px 0px 24px;
	font-weight:400;
	
	
}
.op-text{
	padding:0px 8% 0px 16%;
}
.op-text p{
	font-size:36px;
	color:#231F20;
	text-align:justify;
}
.op-right{
	
	width:48%;
	float:right;
}
.op-img{
	text-align:right;
}
.op-img img{
	max-width:80%;
}
/*----------Our Philosophy end===================*/ 

/*----------===================Business================================*/ 
.bussiness{
	
		background:#ffffff;
 background-image:url('image/hollywood.jpg');
	background-size:cover;
	background-position:top center;
	overflow:hidden;
	
	
}

.biz-box{
	padding-top:160px;
	
}
.biz-box h2{
	color:#ffffff;
	font-size:42px;
	margin:0px 0px 24px 0px;
}
.biz-box p{
	color:#ffffff;
	font-size:24px;
	text-align:justify;
	max-width:70%;
	line-height:1.9;
	
}
/*-
/*----------===================Business end=============================*/ 
/*----------===================team================================*/ 
.team{
	
	background:#E4EEF3;
}
.team-left{
	width:32%;
	float:left;
}
.team-left h2{
	font-size:42px;
	color:#ED1C24;
	margin:0 0 24px 0px;
	font-weight:400;
}
.team-left p{
	font-size:20px;
	color:#231F20;
	line-height:1.8;
	text-align:justify;
	margin-bottom:28px;
}
.trp{
	padding-top:100px;
}
.team-left img{
	max-width:90%;
}
.team-right{
	width:60%;
	float:right;
}
.team-box h3{
	font-size:34px;
	color:#ED1C24;
	margin:0px;
	
	font-weight:400;
	
}
.team-box p{
	font-size:20px;
	color:#231F20;
	line-height:1.6;
	text-align:justify;
	margin-bottom:32px;

	
}
/*----------===================team end================================*/ 


/*----------===================Film Projects================================*/ 

.film{
	
	
	background:#ffffff;
	background-image:url('image/film-bg.jpg');
	background-size:cover;
	background-position:top center;
	overflow:hidden;
	
}
.film-box{
	
	
	padding-top:120px;
	max-width:50%;
	
}
.film-box h2{
	
	font-size:42px;
	margin:0 0 32px 0;
	
}
.film-box p{
	
	font-size:24px;
	margin:0 0 32px 0;
	text-align:justify;
	
}
/*----------===================Film Projects end================================*/ 

/*----------===================Event================================*/ 

.events{
	background:linear-gradient(305deg,#312E78,#312E78,#312E78,#7268AF);
	position:relative;
	
}
.events-box {
	
	max-width:50%;
	padding-top:120px;
	
}
.events-box h2{
	
	font-size:42px;
	margin:0px 0px 32px 0px;
	
}
.events-box p{
	
	font-size:24px;
	text-align:justify;
	line-height:1.8;
}
.event-eye{
	
	width:44%;
	position:absolute;
	top:84px;
	right:0;
}
.event-eye img{
	
	max-width:100%;

}
.event-bottom{
	
	width:70%;
	position:absolute;
	bottom:0;
	left:0;
}
.event-bottom img{
	
	max-width:100%;

}

/*----------===================Event End================================*/ 

/*----------===================blog================================*/ 

.blog{
	background:#ffffff;
	background-image:url('image/blog-bg.jpg');
	background-size:cover;
	background-position:center center;
	overflow:hidden;
	
}
.blog-box {
	
	max-width:40%;
	padding-top:120px;
	
}
.blog-box h2{
	
	font-size:42px;
	margin:0px 0px 32px 0px;
	
}
.blog-box p{
	
	font-size:28px;
	text-align:justify;
	line-height:1.8;
}


/*----------===================blog End================================*/ 

/*----------===================contact================================*/ 

.contact{
	background:#ffffff;
	background-image:url('image/contact-bg.jpg');
	background-size:cover;
	background-position:center bottom;
	overflow:hidden;
	
}
.con-box {
	
	max-width:40%;
	padding-top:180px;
	
}
.contact_info h1{
	
	font-size:42px;
	margin:0px 0px 42px 0px;
	
}
.contact_info h3{
	
	font-size:32px;
	margin:0px 0px 8px 0px;
	
}
.contact_info p{
	
	font-size:24px;
	
	
	line-height:1.5;
	margin:28px 0px;
}
.contact_info p span{
	
display:block;
}
.con-icon{
	width:10%;
	float:left;
}
.con-con{
	
	width:88%;
	float:right;
}
.con-icon img{
	
	max-width:28px;
	margin-right:2px;
}


/*----------===================blog End================================*/ 
.footer{
	
	padding-top:120px;
	padding-bottom:120px;
	
	background-image:url(image/footer-bg.jpg);
 background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center right; 
  background-size: cover;
  color:#ffffff;
  text-align:center;
}

.footer_nav li{
	
	display:inline-block;
	margin:0px 10px;
}
.footer_nav{
margin:0px;
}
.footer_nav li a{
	
	line-height:28px;
	font-size:18px;
	color:#ffffff;
	 font-family:"exo-midium";
}
#quick-link{
	font-size:22px;
	line-height:28px;
	margin-right:28px;
}
#arrow img{
	
	height:28px
}

.footer-social{
	
	padding:40px 0px;
}

.fo_icon_bar {
	
margin:40px 0px;
}
.fo_icon_bar img{
	
	max-width:44px;
	margin:0px 12px;
}
.footer_p{
	margin:0px;
	font-size:18px;
	font-family: 'Exo', sans-serif;
}

.mb-btn{
	width:30px;
	background:transparent;
	border:none;
	
	
}
.navbar-header{
	width:100%;
}
.fix-mob .homenav{
	padding:0px;
}
.mb-menu{
	
	float:right;
	width:46%;
	text-align:right;
	padding-right:28px;
	margin-top: 20px;
	
} 
.mb-btn{
	cursor:pointer;
}
.mb-logo{
	
	float:left;
	width:42%;
	
}
.icon-bar{
	
	display:block;
	margin:7px;
	width:30px;
	height:1px;
	background:#ffffff;
}

.mb-logo img{
	
	max-height:70px;
	padding-left:28px;
	
}
#myNavbar2{
	text-align:right;
	padding:24px;
}
#myNavbar2 ul li a{
	font-size:16px;
	color:#ffffff;
	line-height:2.3;
}


/* =================Work proccesss end=====*/