@font-face{
	font-family:'Almarai';
	src:url('../fonts/almarai-font.ttf') format('truetype');
}

body{

	background-color:#F8F8F9;

}

.container{

	width:100%;

}



/*navbar*/



.navbar{

	margin-bottom: 65px;

}

.navbar .logo {

	max-width: 180px;

	margin: 0 auto;

}

.navbar-default{

	background-color:transparent;

	border:0;

}



.navbar-default .container{

	padding-left: 50px;

	padding-top: 60px;

	padding-right: 50px;

}



div.menu {

    width: 37px;

    height: 5px;

    background-color: #F2682B;

    margin: 6px 0;

}



.navbar-default a{



	display: inline-block;

}



/* end navbar */



/* content */



.content .container{

	padding-left: 35px;

	padding-right: 35px;

}



.content p{

	font-size:18px;

	color:#1f8694;

	font-family: 'Almarai', sans-serif;

	margin-bottom: 25px;

	margin-top: 25px;

}



.content p.first-text {
	
	margin-top: 0;

}



.video {

	height: 350px;

}



.icons{

	text-align: right;

	margin-top: 10px;

}



.icons a{

	display:inline-block;

	vertical-align: middle;

}

.icons a > .fa {

	background: #f26724;

    width: 30px;

    height: 30px;

    color: #fff;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    font-size: 22px;

}

.icons a.download img {

	width: 30px;

	height: 30px;

}



.content .col-md-4{

	margin-bottom: 40px;

}



.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{

	display:none;

}



@media (max-width:1024px){

	.content .col-md-6 {

		width: 100%;

	}

	.first-text {

		float: right;

	}

	.owl-carl{

		padding:0;

		margin-bottom: 10px;

	}

/*	.owl-carousel .owl-stage {

		margin-left: -50px;

		margin-right: -50px;

	}*/

	.owl-item.active.center {

		

	}

	.hidden-sm{

		display:none;

	}

}



@media (max-width: 767px) {

	.hidden-sm{

		display:none;

	}

	.video {

		height: auto;

	}



}