@font-face {
    font-family: 'GothamLightRegular';
    src: url('../fonts/gotham-light-webfont.eot');
    src: url('../fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-light-webfont.woff') format('woff'),
         url('../fonts/gotham-light-webfont.ttf') format('truetype'),
         url('../fonts/gotham-light-webfont.svg#GothamLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamMediumRegular';
    src: url('../fonts/gotham-medium-webfont.eot');
    src: url('../fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-medium-webfont.woff') format('woff'),
         url('../fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('../fonts/gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamboldRegular';
    src: url('../fonts/gotham-bold-webfont.eot');
    src: url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bold-webfont.woff') format('woff'),
         url('../fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('../fonts/gotham-bold-webfont.svg#GothamboldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Swissra-Light';
    src: url('../fonts/Swissra Light.eot');
    src: url('../fonts/Swissra Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Swissra Light.woff') format('woff'),
         url('../fonts/Swissra Light.ttf') format('truetype'),
         url('../fonts/Swissra Light.svg#Swissra-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Swissra-Medium';
    src: url('../fonts/Swissra Medium.eot');
    src: url('../fonts/Swissra Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Swissra Medium.woff') format('woff'),
         url('../fonts/Swissra Medium.ttf') format('truetype'),
         url('../fonts/Swissra Medium.svg#Swissra-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}



html{
	overflow-x: hidden;
}
body
{   
/*    background-image:url(../image/dotts.png) !important;*/
	background-color:#fff !important ;
	background-repeat:repeat;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	overflow-X:hidden;
}

.bodybackground
{
	overflow: hidden; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: center;
	background-size: cover; 
	padding-bottom: 15px;
}

/*

#wrapper 
{
	position:fixed; 
	left:-50%;
	width:200%; 
	height:100%;
}
		
#wrapper img 
{
	position:absolute;
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}
*/
 
#slide1{
	background:url(../image/background/morsi.jpg) 100% 100% no-repeat;
	color: #fff;
	margin: 0;
	min-height:300px;
	background-size: cover;
	overflow:hidden;
	width: 100%;
	
}

#slide2
{
	background-color:#000;
    height:100%;
	margin: 0 auto;
	color: #fff;
	width:100%;
	margin-top:0px;
}


/* .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */

.hidenvideo
{
	display:none;
}

.slide2dotts
{
	height:100%; 
	width:100%;
	position:absolute;
	
}

 /********* video slide STYLING **********/

.bg1holder {
	
	width:100%;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:100%;
    perspective:1000px;
    -webkit-perspective:1000px;
    -moz-perspective:1000px;
	background-color:#000;
}

.video 
 {
 	position:relative;
 	overflow:hidden;
  }

.video video
 {
	min-height:100%;
	min-width:100%;
	position:fixed;
 }

/*
.videosmall{display:block;}
.postersmall{display:none;}

@media screen and (max-width:790px)
{
	.videosmall{display:none;}
    .postersmall{display:block;}
}
*/

.subtitle
{
	font-family: 'GothamboldRegular';
	color:#fff;
	z-index:200;
	font-size:22px;
	text-transform:uppercase;
	padding:0px 7%;
	line-height:30px;
	margin: 0;
}

.title
{
	font-family: 'GothamLightRegular';
	color:#fff;
	z-index:200;
	margin-top:-5px;
	text-transform:uppercase;
}

.small877
 {
	 float:right;
	 text-align:right;
	 margin-top:40px;
 }

.topmenu { position:absolute; z-index:99999; max-width:100%; width: 100%;  }

.header 
{
/*
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 70%);
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 70%);
    background: -o-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 70%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 70%);
    -webkit-transition: background .5s linear, padding .5s linear;
    -moz-transition: background .5s linear, padding .5s linear;
    -o-transition: background .5s linear, padding .5s linear;
*/  background: #000;
	position:relative; 
	padding:25px 0px; 
}

.headermenu
{
/*	position:fixed;*/
/*	background-color:rgba(0,0,0,0.98);*/
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
    background: -o-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
    -webkit-transition: background .5s linear, padding .5s linear;
    -moz-transition: background .5s linear, padding .5s linear;
    -o-transition: background .5s linear, padding .5s linear;
	z-index:9999;
	height:120px;
	width:100%;
}

.navbar {padding: 0px 15px;}

.logo{z-index:100; text-align:right; margin-top:20px; float: right;}

.logo .main-logo img {width:75%;}
.logo .acs-logo img {width:18%;}
	
.menu{margin-top:30px;z-index:100;}

.logo-home{ z-index:100; text-align:right; margin-top:50px;}
	
.menu-home{margin-top:70px; z-index:9999; background-color:transparent;}
 
.menu ul {background-color:#000; padding:5px;  z-index:9999;}

.menu a
{
	font-size:14px; 
	text-transform:uppercase;
	color:#d1d1d1;
	font-family: 'GothamMediumRegular';
	z-index:9999;
	margin:0px 5px;
	word-spacing:-2px;
}

/* dropdown */
.dropdown{
    font-size: 14px;
    text-transform: uppercase;
    color: #d1d1d1;
    font-family: 'GothamMediumRegular';
    z-index: 9999;
    margin: 0px 5px;
	word-spacing: -2px;
	position: relative;
	cursor: pointer;
}
.dropdown-content{
    position: absolute;
    width: auto;
    background: #000;
    padding: 12px 8px 5px 5px;
	/* display: none; */
	visibility: hidden;
	opacity: 0;
	left: -8px;
	transform: translateY(-5px);
	transition: all 250ms linear;
	overflow: hidden;
}
.dropdown:hover .dropdown-content {
	/* display: block; */
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition: all 250ms linear
}
/* dropdwon for mobiles */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus{
	color: #fff;
	background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
    text-align: center;
    color: #fff;
    font-family: 'GothamLightRegular';
    font-size: 16px;
    text-transform: uppercase;
}

.menu a:hover{font-family: 'GothamboldRegular';text-decoration:none; color:#fff;}
	
.menulist{list-style:none;float:left;}

.menulist li{float:left;}
	
.smallmenu{display:none;}
	
.navbar-default .navbar-nav > li > a {
    text-align:center; 
	color:#fff; 
	font-family: 'GothamLightRegular';
	font-size:16px;
	text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #5089c0;
  background-color:transparent;
  font-family: 'GothamboldRegular';
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #5089c0;
  background-color:transparent;
  font-family: 'GothamboldRegular';
}



.latestwork
{
	color:#fff;
	font-family: 'GothamLightRegular';
	font-size:2em;
	text-align:center;
	z-index:999;
	position:relative;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:middle;
	padding:0px 10px;
}

.movies
{
	color:#5089c0;
	font-family: 'GothamboldRegular';
	font-size:50px;
	line-height: 30px;
	text-align:left;
	z-index:999;
	position:relative;
	text-transform:uppercase;
	padding:15px;
	margin: 0;
	letter-spacing:-2px;
	overflow: hidden;
 
}

.contact
{
 	font-family: 'GothamboldRegular';
	font-size:50px;
	text-align:left;
	z-index:999;
	position:relative;
	text-transform:uppercase;
 	letter-spacing:-2px;
	color:#fff; margin-top:50px;
	padding-left: 20px;
 }

.contactbodytext
{
	font-family: 'GothamMediumRegular';
	color:#fff;
 	line-height:22px;
	position:relative;
	z-index:200 !important;
	text-align:justify;
	font-size:18px; margin-top:20px;
	padding-left: 20px;
}

	 
.lineleft{z-index:99;display:inline-block;vertical-align:middle;}

.lineright{z-index:99;display:inline-block;vertical-align:middle;}
 
.playicon
{
	text-align:center;
	position:absolute;
	right:0px;
	left:0px;
	top:0px;
	bottom:0px;
	z-index:200;
	margin:auto;
}

 
.playicon:hover{opacity:0.6;}

.latestworktitle
{
	font-family: 'GothamboldRegular';
	color:#5089c0;
	font-size:24px;
	margin-top:20px;
	z-index:200 !important;
	text-align:left;
	position:relative;
}
	
.latestworkdate
{
	font-family: 'GothamLightRegular';
	color:#fff;
	font-size:12px;
	z-index:200 !important;
	text-align:left;
	position:relative;
}


.latestworkbody
{
	font-family: 'GothamLightRegular';
	color:#fff;
	font-size:17px;
	position:relative;
	z-index:200 !important;
	text-align:left;
}

 
.footer{margin-top:30px;  }

.homepage-footer {position: absolute; width:100%; bottom: 20px;}
	

.imgwidth {height: 100%;width: 100%;}

.socialmedia 
{
	position:relative;
	margin-top:50px;
	padding: 0px;
	text-align: left;
	
}

.copyrights 
{
	position:relative;
	margin-top:5px;
	padding: 0px;
	list-style: none;
	color:#fff;
	font-family: 'GothamLightRegular';
	text-transform:uppercase;
	font-size:12px;
	line-height: 15px;
	text-align: left;
	margin-bottom:10px;
	z-index:99; 
}

.designedsection 
{margin-top:80px; position:absolute; z-index:99; text-align:right; right:15px; float:right; margin-bottom:40px; }

.menu1
{
	margin-top:50px;
	z-index:999;
	float:right;
}

.menu1 a
{
	font-size:13px;
	text-transform:uppercase;
	color:#d1d1d1;
	font-family: 'GothamLightRegular';
	letter-spacing:-1px;
	z-index:100;
	margin:0px 2px;
}

.menu1 a:hover{font-family: 'GothamboldRegular';text-decoration:none;}
	
.menulist1 {list-style:none; }

.menulist1 li {float:left;}

a:hover svg #facebook,
a:hover svg #imdb,
a:hover svg #Vimeo,
a:hover svg #youtube
{fill:#5089c0!important;}
a:hover{
	text-decoration: none;
}
#madicon
{
	height:29px;
	width:71px;
	text-align:left !important;
	background: url(../image/mad.png);
	background-position:0 -29px;
	border:none;
	cursor:pointer;
	padding:0;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	display:inline-block;
	vertical-align:middle;
}

#madicon:hover {background-position:0 -0px;}	

.designed
{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	font-size:12px;
	font-family: 'GothamLightRegular';
	text-transform:uppercase;
}

.modeltitle
{
	font-size:18px; 
	color:#4988c4; 
	font-family: 'GothamboldRegular'; 
	margin-left:0px; 
	margin-top:35px;
	margin-bottom: 0;
	letter-spacing:-1px;
	text-transform:uppercase;
}
 
.modelsmalltitle
{
	font-size:18px; 
	color:#ababab; 
	font-family: 'GothamLightRegular';
	margin-left:0px; 
	letter-spacing:-1px;
	margin-bottom:25px;
 } 
 
 .modelbodytitle
{
	font-size:14px;
	line-height:20px;
	color:#ababab; 
	font-family: 'GothamLightRegular';
	margin-left:15px; 
	letter-spacing:-0.5px;
	margin-bottom:25px;
	padding:10px;
 } 
 
.modalcontenttop {  top:-32px;  padding-bottom:50px; }

.modal-dialog {text-align:left !important;}

.closebutton
{
	position:absolute; 
	right:-30px; 
	opacity:1; 
	z-index:999;
}
  
.footermenu { text-align:left;   z-index:999; }

.modal { z-index: 99999 !important;}

.modal-body {padding: 15px}

.modal-content{ width: 65%; margin: 0 auto; text-align: left; }

 .newletter-title {
	display: inline-block;
	color: #5089c0;
	font-family: 'GothamboldRegular';
	font-size: 14px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-top: 25px;
}
.newsletter {
	color: #000;
	position: relative;
	margin: 5px 0;
}

.newsletter-form {display: inline-block;}

.newsletter span{display: inline-block; color: #fff;}

.newletter-title span{color: #000}
input[name='email']
{
    display: inline-block;
    position: relative;
    border: none;
	color: #fff;
	background: #666;
    text-align: left;
    padding: 2px 10px;
    font-size: 14px;
    font-family: 'GothamLightRegular';
}   
input[name='email']::-webkit-input-placeholder
{
	font-size: 10px;
	text-transform: capitalize;
	color: #fff;
	font-family: 'GothamMediumRegular';
}
input[name='email']::-moz-placeholder 
{
	font-size: 10px;
	text-transform: capitalize;
	color: #fff;
	font-family: 'GothamMediumRegular';
}
input[name='email']:-ms-input-placeholder 
{
	font-size: 10px;
	text-transform: capitalize;
	color: #fff;
	font-family: 'GothamMediumRegular';
}
input[name='email']:-moz-placeholder 
{
	font-size: 10px;
	text-transform: capitalize;
	color: #fff;
	font-family: 'GothamMediumRegular';
}
input[value='Subscribe'] 
{
    display: inline-block;
    position: relative;
    background: #5089c0;
    border: none;
    color: #fff;
    padding: 4px 10px;
    text-align: center;
    text-transform: capitalize;
		font-size: 12px;
		height: 24px;
    font-family: 'GothamMediumRegular';
    left: -8px;
}

.newsletter p {margin-bottom: 0;}

.footer-menu {position: relative; top: 35px; }

.carouseltop  { z-index:999; margin-top:60rem;  margin-left:20%; margin-right:20%;  }
 
.carouselcontrola {text-align:center; margin-left:-50px; right:0px; margin-top:15px; }

.admin-login-container{ color: #fff; }

#morsy-carousel
{
  /* height:60rem;*/
}

.admin-title {
	margin-top: 90px;
	font-size: 44px;
	font-family: 'GothamboldRegular';
	text-align: center;
	position: relative;
	text-transform: uppercase;
	padding: 15px;
}
.login-error {
		width: 30%;
		margin: 10px auto;
		text-align: left;
}
.admin-subtitle{
	font-size: 50px;
	font-family: 'GothamboldRegular';
	color: #5089c0;
	text-align: center;
	margin-bottom: 50px;
}
.form { width: 30%; margin:  0 auto; }
/*fixed header table*/
.table{
	width: 100%;
	border: 1px solid #fff;
	text-align: center
}
.table-fixed thead { width: 98%; }

.table-fixed tbody {
	height: 300px;
	overflow-y: auto;
	width: 100%;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
	display: block;
}
.table-fixed th,
.table-fixed td {
			text-align: center
}
.table-fixed tbody td,
.table-fixed thead>tr>th {
	float: left;
	border-bottom-width: 0;
}

.table-fixed tbody td {color:#5089c0;}

.page-title {padding:50px 0px;}


.videotitle
{
	position:absolute;
	top:26%;
	font-size:1.25em;
	color:#fff;
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: 'GothamLightRegular';
}


/*********************Contact Form*******************************/
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0.2em;
	max-width: 450px;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: left;
	padding: 0.5em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #4e8ac3;
	font-family: 'GothamLightRegular';
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: left;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic { position: absolute; top: 0; left: 0; fill: none; }

.icon { color: #ddd; font-size: 150%; }


/* Minoru */
.input__field--minoru {
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 0px 2px transparent;
	color: #4e8ac3;
	font-size:16px;
	-webkit-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}

.input__label--minoru {
	padding: 0;
	width: 100%;
	text-align: left;
}

.input__label--minoru::after {
	content: '';
  	position: absolute;
  	top: 0;
  	z-index: -1;
  	width: 100%;
  	height: 4em;
	box-shadow: 0px 0px 0px 0px;
	color: rgba(199,152,157, 0.6);
}

.input__field--minoru:focus { box-shadow: 0px 0px 0px 2px #4e8ac3; }

.input__field--minoru:focus + .input__label--minoru { pointer-events: none; }

.input__field--minoru:focus + .input__label--minoru::after {
	-webkit-animation: anim-shadow 0.3s forwards;
	animation: anim-shadow 0.3s forwards;
}

@-webkit-keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 100px 50px;
    	opacity: 0;
	}
}

@keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 100px 50px;
    	opacity: 0;
	}
}

.input__label-content--minoru {padding: 0.75em 0.15em;}

.catogerytitle
{
	font-family: 'GothamboldRegular';
	color:#fff;
	font-size:24px;
	margin-top:90px;
	z-index:200 !important;
	text-align:left;
	position:relative;
	padding-left:10px;
}

.aboutbodytext
{
	font-family: 'GothamLightRegular';
	color:#fff;
	font-size:17px;
	line-height:25px;
	position:relative;
	z-index:200 !important;
	text-align:left;
	padding-right: 14%;
}

.aboutbodytextsmall
{
	font-family: 'GothamboldRegular';
	color:#4e8ac3;
	font-size:18px;
	position:relative;
	z-index:200 !important;
	text-align:left;
	margin-bottom:10px;
}

.aboutbodytext_ar
{
	font-family: 'Swissra-Light';
	color:#fff;
	font-size:16px;
	line-height:35px;
	position:relative;
	z-index:200 !important;
	text-align:right;
	direction: rtl;
	padding-right: 14%;
}	

#ar-bio { display: none; }

#ar_bu 
{ 
	float: right; 
    background-color: #4e8ac3;
	border: none;
	color: #fff;
	font-family: 'GothamLightRegular';
	font-size: 14px;
	padding: 7px 10px;
}


#ar_bu:hover 
{ 
    background-color: #fff;
 	color: #4e8ac3;
 }


.show {display: block;}
.hiden {display: none;}

.awardstitle {font-family: 'GothamboldRegular'; font-size:40px; line-height: 45px;  margin: 20px 0px; text-decoration: underline; color:#fff;}


.showreel iframe 
{
	height: 500px;
	width: 100%;
}

.showreel
{
	width: 80%;
}
 
@media (min-width: 768px) {
  .morsy-news .modal-dialog {
    width: 100%;
    margin: 30px auto;
  }
   
}


.newsbox {height:430px; width:25%;}

.newstitletextsmall
{
	font-family: 'GothamboldRegular';
	color:#fff;
	font-size:14px;
	line-height: 16px;
	position:relative;
	z-index:200 !important;
	text-align:left;
	margin-bottom:10px;
	margin-top:5px;
}

.newstitletextsmall a
{
	
	color:#4e8ac3;
	font-size:16px;
	
}

.newstitletextsmall a:hover
{
	
	color:#fff;
	font-size:16px;
	
}

.movies-maincontainer
{
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	
}

.movie-item
{
	width: 50%;
	display: flex;
	justify-content: space-around;
	margin-top: 15px;
}

.movie-poster
{
	width: 40%;
	overflow: hidden;
}

.movie-text
{
	width: 55%;
	padding-right: 10%;
}


.movietexttitle
{
	 
	color:#fff;
	font-family: 'GothamMediumRegular';
	font-size:20px;
    margin-top: 15px;
	letter-spacing:-1px;
	text-transform:uppercase;
}


.movietextbody
{
	 
	color:#fff;
	font-family: 'GothamLightRegular';
	font-size:15px;
	margin-top:15px;
	line-height:23px;
	
	
}

.movietextbodybold
{
	 
	color:#fff;
	font-family: 'GothamboldRegular';
	font-size:14px;
	margin-top:2%;
	text-transform:uppercase;
}


.movietextbody a {
    color: #000;
    font-family: 'GothamMediumRegular';
    font-size: 14px;
    border: 1px solid #fff;
    padding: 5px 7px;
    background-color: #fff;
}

.movietextbody a:hover
{
	 
	color:#4e8ac3;
	font-family: 'GothamMediumRegular';
	text-decoration:none;
	border:1px solid #4e8ac3;
	background-color: #fff;	
}

.movieimage
{
	margin-top:15px;
	padding-left:0px;
}

.grow {
  display:block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}


.quote
{
	right:10%; z-index:100; text-align:center; left:10%;  
}
 
.balck
  {
	background-color:#000 !important;
 	height:100vh;
	width:100%;
  }

.preloader {
	z-index:999;
}

/*preloader*/
.preloader {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#fff;  /**** rgb(110,106,71) ***/
	display:block;
	visibility:visible;
}


.preloader img {
	z-index:2;
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
 }

#container {
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	overflow: hidden;
}

#container.active {
   opacity: 1 ;
}

.newsdate
{
	color:#4e8ac3;
	font-size:14px;
	font-family: 'GothamboldRegular';
	margin-top:5px;
}


.newssubtitle
{
	color:#4e8ac3;
	font-size:14px;
	font-family: 'GothamLightRegular';
	padding:0px 20px;
}

.newstitle
{
	color:#000;
	font-size:20px;
	font-family: 'GothamboldRegular';
	padding:0px 20px;
	text-transform:uppercase;
 }

 

.newsbodytext {
    color: #000;
    font-size: 16px;
    font-family: 'GothamLightRegular';
    padding: 20px;
    line-height: 25px;
}

.category
{
	line-height:30px;
	font-size:20px;
	font-family: 'GothamboldRegular';
	text-align:justify;
	color: #4e8ac3;
	margin-left: 15px;
	overflow: hidden;
 }
 
.year {font-family: 'GothamboldRegular'; font-size:50px; line-height:65px; color:#fff; } 	

.award {margin-top:5px;}

.awardmargin {padding:20px 0px; }

.awardmargin .aboutbodytext {  background-color:rgba(0,0,0,0.1); padding:25px 30px;  }

.movies-section .modal iframe {height: 400px;}


  

.category-btn
{
	background-color: #fff;
    border: none;
    padding: 7px 15px;
    z-index: 100;
    margin-left: 15px;
    color: #000;
    border-radius: 7px;
	font-family: 'GothamboldRegular';
}

.category-list 
{
	position: absolute;
	z-index: 999;
	margin-left: 15px;
}
.category-list li { text-align: left;}

.category-list li a:hover { background-color: #4e8ac3; color: #fff; }

.category-list li a 
 { 
	 text-align: left;
	 font-family: 'GothamMediumRegular';
	 font-size:14px;
	 text-transform: capitalize;
	 padding: 5px auto;
	 line-height: 20px;
	 color: #000;
}

.commercial-text, .commercial-list { display: inline-block; vertical-align:top;}

 .commercial-videos1 {position: relative; z-index: 50;}
.white {color:#fff;}

@media screen and (max-width:1920px)
 {
	 .carouseltop  { margin-top:45rem;  margin-left:10%; margin-right:10%;  }
 }

@media screen and (min-width:1921px) and (max-width:2561px)
 {
	 .modal-content{width: 55%}
 }

@media screen and (max-width:1366px)
{
.menu a{font-size:14px; margin:0px 4px;}
.menu1 a{font-size:13px; margin:0px 3px;}
	
.carouseltop  {  margin-top:30rem;  margin-left:15%; margin-right:15%;  }
  
#morsy-carousel{height:20rem;}
}

@media screen and (max-width:1250px)
{
 	.homepage-footer {position:relative; width:100%; bottom: 20px;}
 }

 
 @media screen and (max-width:1100px)
{
	.latestworktitle{font-size:22px;margin-top:5px;}

	.latestworkbody{font-size:16px;line-height:20px;}

	.menu1 a {font-size:12px;margin:0px 3px;}
	.modal-content{width: 100%}
}

@media screen and (max-width:1050px)
{
 	.latestworkbody{font-size:15px;line-height:18px;}
	.latestworktitle{font-size:20px;margin-top:5px; line-height:20px; }
	.menu1{text-align:left;margin-left:-100px !important;}
	.logo{text-align:center; margin-top:30px ; float:left;}
	.menu{margin-top:70px; z-index:100;  }
}

@media screen and (max-width:850px)
{
 	.modal-content{width: 90%}
 }

@media screen and (max-width:800px)
{
	#video {display:block;}
 
}

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

#video {display:block; margin-top: -50px;}
	
.menu {display:none;}

#videoControls{display:block;}
	
.smallmenu{display:block;}

.menu1 {float:none; text-align:left; margin-top:10px !important; margin-left:-45px !important;}

.copyrights {margin-bottom:0px; font-size: 11px;}

.menu1 a {margin:7px 4px;}
	
.menulist1 {list-style:none; left:0px;}

.menulist1 li {float:left;}

 .designedsection {margin-top:5px !important; position:relative; left:0px;  display:block; float:left;}

.carouseltop  { margin-top:20rem;  margin-left:5%; margin-right:5%;  }
 
.modalcontenttop{top:60px;}

.closebutton{right:7px;top:5px; }

.carouselcontrola {text-align:center; margin-left:-20px; right:0px; margin-top:15px;  }
	
.subtitle { font-size:14px;  line-height:20px; }
  	
.footer{ margin-top:50px;   max-width: 100%;    }
 	
.footer-menu { top: 0px;}
	
.page-title {padding:0px 15px;}	
	
.category { line-height:25px; font-size:18px; padding-left: 15px;    }

.productstype a { line-height:25px; font-size:16px; padding:3px; }

.productstype a:hover { line-height:25px; font-size:16px; }

#productsbycategory { margin-left:-3%; }

#productsbycategory  li { line-height:25px; margin-right:10px; }
 	
.movies-section .modal iframe {height: 250px;}
	
.contact { font-size:30px; letter-spacing:-1px; margin-top: 100px; }
	
.commercial-text, .commercial-list { display: block;  padding-left: 0px; margin-left: 0px;}
	
.commercial-text {padding:0px 0px 10px 15px;  }	

.movies { font-size:35px; padding:30px 0px; letter-spacing:-2px; margin-bottom:10px; }
	
.newsbox {height:380px; width:33.33%;}

.aboutbodytext
{
 	font-size:16px;
	line-height:25px;
	letter-spacing: 1px;
 }

.aboutbodytextsmall
{
 	font-size:16px;
 	text-align:left;
 }
	

}

@media screen and (max-width:650px)
{
  .title {font-size:18px;}
  .newsbox {height:450px; width:50%;}	
  
}

@media screen and (max-width:550px)
{
   .newsbox {height:400px; width:50%;}	
   .topmenu { position:relative;   }
}

@media screen and (max-width:460px)
{
   .newsbox {height:auto; width:100%;}	
  
}

@media screen and (max-width:360px)
{
	.movies { font-size:30px; padding:15px 0px; letter-spacing:-2px; margin-bottom:10px; }
	.movietext { margin-left:0%; }
	.movietexttitle{ font-size:18px; margin-top:15px; letter-spacing:0px;  }
    .movietextbody { font-size:14px; margin-top:10px; line-height:20px; }
    .movietextbodybold { font-size:14px; margin-top:10px; text-transform:capitalize; }
    .movietextbody a { font-size:13px; padding:5px 10px; }
     
}