@import "fonts/font-awesome/css/font-awesome.min.css";
@font-face{
	src: url(fonts/cairo/Cairo-Regular.ttf);
	font-family: 'cairo';
	font-weight: normal;
	font-style: normal;
}
html , body{
    font-family: 'cairo', sans-serif !important;
}
.logo{max-height: 120px; width: auto}
.dark-bg {
    background-color: #343a40!important;
}
.prime-color {color: #C4161C }
.white-btn {
    background: white;
	color: #5caceb;
	border-radius: 0px;
}
.prime-bg{background-color: #9e1116; color: #fff}

* {
  box-sizing: border-box;
}

.primary {
  background-color: #1c4f77;
}
.home img {
  max-width: 100%;
  height: 313px;
}
.home .text p {
  color: #fff;
  font-size: 20px;
}
.home .text {
  margin-top: 60px;
}
.home .pargraph {
  margin-top: 78px;
}
.home .pargraph p {
  color: #5da4d8;
  font-size: 20px;
}
.home .top {
  position: absolute;
  top: 130px;
  left: 27px;
}
.home .top p {
  font-size: 20px;
}
.home .task {
  top: -25px;
  position: relative;
}
.home .top span {
  font-weight: bold;
  font-size: 38px;
  top: -57px;
  position: relative;
}
.test img {
  max-width: 100%;
  height: 381px;
}
.test span {
  font-weight: bold;
  font-size: 18px;
}
.test p {
  font-size: 17px;
}
.test .write {
  margin-left: 55px;
  margin-right: 60px;
}
.test .write .first {
  margin-top: 60px;
}
.test .write .last {
  margin-bottom: 50px;
}

.font-color{color:#126fb5;}
.highList {
    
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.highList li{
    font-size:20px;
    margin-bottom:5px;
}
.highImg img{ width:50px; height:auto;}
/* site colors */

/** header **/
	.af-map{height: 190px;}
	.thelogo{max-height: 150px; padding: 20px}
	.special{font-family: 'Lalezar', cursive; font-size: 65px;}
	.contact li a{color: #191818;}
	/*.MICE-img{overflow: hidden; height: 250px; position: relative;}
	.MICE-img img {
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}*/
	/** menu **/
		.header-menu {background: #5caceb}
		#menu .largenav {padding-top: 0px;}
		.responsive-menu{display:none;}
		#menu ul li{padding: 5px 15px; position: relative; }
		#menu ul li a{color:#000; font-size: 18px; font-weight: 600;}
		.responsive-menu .logo{width:90px;}
		.responsive-menu .close-btn {
			font-size: 30px;
			cursor: pointer;
			transition: all 0.4s ease-in-out;
			color: #fff
		}
		#menu .sub-menu{
			transform: scale(0);
			position: absolute;
			background-color:#fff;
			min-width: 200px;
			top: 53px;
			left: 0px;
			transition: ease 0.2s;
			padding: 5px;
			z-index:9999;
		}
		#menu .sub-menu li a{ font-size: 15px;}
		#menu ul li:hover .sub-menu{
			transform: scale(1)
		}
		#menu .sub-menu li:hover{background-color: #5caceb}
		#menu .sub-menu li:hover a{color: #fff}

		/*Sidenav */
			.sidenav {
			    height: 100%;
			    width: 0;
			    position: fixed;
			    z-index: 1;
			    top: 0;
			    left: 0;
			    background-color: #fff;
			    overflow-x: hidden;
			    transition: 0.5s;
			    box-shadow: 0 4px 8px -3px #555454;
			    padding-top: 0px;
			}
			.sidenav ul {margin-top:25px;}
			.sidenav a {
			    padding: 8px 8px 8px 32px;
			    text-decoration: none;
			    font-size: 17px;
			    display: block;
			    transition: 0.3s;
			    color:#000;
			}

			.sidenav .closebtn {
			    position: absolute;
			    top: -19px;
			    right: 10px;
			    font-size: 36px;
			    margin-left: 50px;
			    color: #000;        
			}
			
			@media screen and (max-height: 450px) {
			  .sidenav a {font-size: 18px;}
			}

			.sidenav-heading{
			    font-size: 36px;
			    color: #fff;
			}

    
            
		
	/** end header **/


/** Homepage **/
	.services {
		background: url(../images/bg1.html) no-repeat center fixed;
		background-size: cover;
	}
	video {width: 100%; height: auto;}
	.welcome p{font-size: 17px; line-height: 40px}
	.welcome b{font-size: 19px;}      .welcome a{color: #C4161C}
	.services article figure{
		height: 200px;  overflow: hidden; position: relative;
	}
	.services article .title {
		position: absolute;
		background-color: rgba(0,0,0,0.6);
		bottom: 0px; right: 0; left: 0;
	}
	.services article .title a{ color: #fff; font-size: 22px}
	
	.btn-custom {
		width: 100%; border-radius: 0px;
		background-color: #5caceb;
		color: #fff;
	}
	.btn-custom:hover{
		background-color: #519bd3;
		color: #fff;
	}
	.header-title {
		position: relative;
		display: inline-block;
		padding: 0px 60px;
		margin-bottom: 20px;
	}
	.header-title:before {
		content: "";
		position: absolute;
		width: 60px;
		height: 3px;
		background: #fff;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-color: #C4161C;
		right: -35px;
	}
	.header-title:after {
		content: "";
		position: absolute;
		width: 60px;
		height: 3px;
		background: #fff;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-color: #C4161C;
		left:-35px;
	}
	.sponsors .partners-owl-demo img{width: 150px;}
	a.prime-color:hover {color: #9e1116;}
	.attract {
		background: url(../images/bg-2.html)fixed no-repeat center;
		background-size: cover;
		width: 100%;
	}
	.attract .overlay-bg{background-color: rgba(0,0,0,0.6); padding-top: 50px;}
	.attract article{position: relative; border-bottom: #C4161C  2px solid;}
	.attract article figure {
		position: absolute;
		top: -30px;
		margin: auto;
		right: 0;
		left: 0;
		background-color: #fff;
		border-radius: 50%;
		width: 70px;
		height: 70px;
	}

	.attract article figure img{
		width: 50px; height: auto; padding-top: 5px;
	}
	.organized-img{width: auto; height: 100px; margin-top:15px;}
	.magazine {
		color: #fff;
		background-color: #9e1116;
		padding: 7 15px;
		border-top-left-radius: 50px; border-bottom-right-radius: 50px;
		font-size: 20px;
		margin-top:70px;
	
	}
	.magazine:hover , .prochure:hover{color: #fff; background-color: #C4161C}
	.prochure {
		color: #fff;
		background-color: #9e1116;
		padding: 7 15px;
		/*border-top-left-radius: 50px;*/
		font-size: 20px;
	}
	.floor {
		color: #fff;
		background-color: #191818;
		padding: 7 15px;
		/*border-bottom-right-radius: 50px;*/
		font-size: 20px;
	
	
	}
	.floor:hover{color: #fff; background-color: #2d2b2b}
	.partners .partners-owl-demo img{width: 90px;}
	.tech{
		max-height: 200px;
		overflow: hidden;
	}
	.map iframe{width: 100%; height: 200px; overflow: hidden;}
	.loc{font-size: 17px; line-height: 30px;}
	
/** #END# Homepage **/
/***************** Footer ******************/

footer ul li{
	margin-bottom: 10px;
}
footer a , footer a:hover{
	color: white;
}

footer .contact-info li{color: #fff}
footer ul.social li{
	display: inline;
}
/**footer ul.social li a svg{
	font-size: 19px;
	color: white;
}
footer ul.social li a svg:hover{
	transform: scale(1.3);
} **/
footer .links a{
	font-size: 16px;
}
footer .links a:hover{
	color: #fff;
	transform: scale(1.3);
}
footer .form-control{
	background-color: rgba(0,0,0,0.3);
	padding: 10px;
	border-radius: 0;
	border: 0;
	transition: all 0.4s ease-in-out;
	color: white !important;
	font-size: 14px;
}
footer .form-control:focus{
	background-color: rgba(0,0,0,0.4);
}
footer textarea{
	height: 150px !important;
}
footer p{
	font-size: 14px;
}
footer hr{
	border: 0;
	height: 1px;
	background-color: rgba(255,255,255,0.2);
}
/************* footer **************/
.mobile-header .logo{height: 50px;}

/** responsive **/
.mobile-header{display:none}

@media screen and (max-width: 991px) {
	.site-header { display: none; } .mobile-header , .responsive-menu{display: block;}
	#content{top: 0px;}
	.slider .carousel-item{height: 300px;}
	.slider .carousel-caption {
		top: 33%;
	}
}