@font-face {
	font-family: 'DIN Next LT Arabic';
	src: url('fonts/DINNextLTArabic-Light.eot');
	src: url('fonts/DINNextLTArabic-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/DINNextLTArabic-Light.woff') format('woff'),
	url('fonts/DINNextLTArabic-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
/********************************************************************Common css***********************************************/
/************************************* Reset Styles ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px;
}
textarea {
	resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
	outline: none;
}
a{
	text-decoration:none;
}
input, textarea, select, body{
	font-size:14px;
	font-family: 'DIN Next LT Arabic';
}
.clearBoth{clear:both;}
/************************************* Reset End Styles ********************************/
body{text-align:left; direction:ltr;}
.safeArea{max-width:1170px; margin:0 auto;}
.header{position:relative; z-index:100;}
.header .safeArea{position:relative; z-index:3;}
.header:after, .header:before{content:""; width:50%; height:100%; position:absolute; top:0;}
.header:after{background-color:#202020; right:0;}
.header:before{background-color:#cc0011; left:0;}
.logoHolder, .mainMenu, .searchHolder{display:inline-block; vertical-align:middle;}
.regLink{float:right; position:relative; width:20%;}
.logoHolder{width:230px;}
.logoHolder a{display:block;}
.logoHolder a img{display:block; height:50px;}
.greySection{padding:30px 0 30px 50px; float:right; width:80%; background-color:#202020; box-sizing:border-box;}
.mainMenu ul li{display:inline-block;}
.mainMenu .applyBtn{display:none;}
.mainMenu ul li:hover a, .mainMenu ul li.current a{color:#cc0011;}
.mainMenu ul li a{display:block; padding:5px 10px; color:#fff; position:relative; font-size:20px; text-decoration:none !important;}
.mainMenu ul li a:after{content:""; height:1px; width:0; right:50%; margin-right:-15px; background-color:#cc0011; position:absolute; bottom:-10px;}
.mainMenu ul li:hover a:after, .mainMenu ul li.current a:after{width:30px;}
.searchHolder{float:left; position:relative; background-color:#fff; border-radius:30px; margin-top:7px;}
.searchAction{position:absolute; top:10px; left:10px; width:20px;}
.searchAction input{cursor:pointer; background-image:url(/img/search-icon.png); background-color:transparent; border:0 none; background-repeat:no-repeat; background-position:center center; width:100%; background-size:15px auto;}
.searchInput input{height:30px; padding:5px 15px 5px 35px; background-color:transparent; border:0 none; width:180px; box-sizing:content-box;}
.regLink{padding:41px 50px 41px 0}
.regLink a{color:#fff; font-size:20px;}

.pageHolder{padding:70px 0;}
h2{font-size:32px; color:#000; margin-bottom:40px; border-left:5px solid #cc0011; box-sizing:border-box; padding-left:20px;}


.flex-control-nav{display:none;}

.slideTitle{font-size:20px; padding:15px 15px 20px 15px; display:block; background-color:#2a2a2a; color:#fff; line-height:20px; box-sizing:border-box;}
.imageList ul{display:inline-block; width:100%;}
.imageList ul li{float:left; width:23.875%; margin-right:1.1%; margin-bottom:15px;}
.imageList ul li:nth-child(4n){margin-left:0;}
.imageList ul li img{width:100%; display:block;}
.imageList .slideTitle{background-color:#cc0011;}

.readmoreHolder{text-align:left;}
.readmoreHolder a{color:#cc0011; font-size:18px; position:relative; padding:10px 20px 10px 20px; display:block; text-align:right; background-color:#ccc; border-radius:5px; margin-bottom:5px;}
.readmoreHolder a:after{content:""; width:15px; height:15px; background-color:#cc0011; border-radius:50%; position:absolute; left:15px; top:15px; background-image:url(/img/more-icon.png); background-position:center center; background-repeat:no-repeat;}
.readmoreHolder a:hover{color:#202020;}
.readmoreHolder a:hover:after{background-color:#202020;}

.footer{background-color:#0d0d0d; padding:40px 0;}
.cp{float:right; font-size:18px; color:rgba(255,255,255,0.4);}
.sitemapFooter{float:left;}
.sitemapFooter ul li{display:inline-block; margin-right:10px;}
.sitemapFooter ul li a{font-size:18px; color:rgba(255,255,255,0.4);}
.sitemapFooter ul li a:hover{color:#cc0011;}

.videoThumb a{background-image:url(/img/play-icon.png); background-position:center center; background-repeat:no-repeat; display:block; height:100%;}
.videoThumb img{position:relative; z-index:-2}
.pageSection{border-bottom:1px solid #e8e8e8; padding-bottom:50px; margin-bottom:35px;}
.pageSection.noBottom{border-bottom:0 none; padding-bottom:0; margin-bottom:0;}

.selectCatHolder{float:left; margin-top:6px;}
.selectLabel{font-size:22px; display:inline-block; vertical-align:middle; margin-left:10px; line-height:22px;}
.orderDD{display:inline-block; vertical-align:middle;; border:1px solid #cc0011;}
.orderDD select{width:170px; border:0 none; padding:5px}

.videoPlayerHolder{width:47%; float:right; margin-left:3%;}
.videoPlayerHolder iframe{width:100% !important;}
.videoDesc{float:right; width:50%; font-size:22px; color:#666769;}
.applyNowBtn{margin-top:35px;}
.applyNowBtn a{color:#fff; font-size:25px; padding:10px 50px 15px 50px; background-color:#cc0011; border-bottom:5px solid #a0010e; box-sizing:border-box; display:inline-block;}
.applyNowBtn a:hover{background-color:#a0010e;}
.contentText{font-size:22px; color:#666769;}
.modal-header{background-color:#cc0011; padding:15px 15px 15px 15px;}
.modal-title{color:#fff; font-size:40px; margin:0 !important;}
.modal-title h5{margin:0 !important; font-size:23px; color:#fff;}
.modal-header .close{margin-top:0px; color:#fff; opacity:1;}
.slideTitle{text-decoration:none !important;}
.slideTitle:hover{color:#fff; background-color:#cc0011;}
.imageList .slideTitle:hover{color:#fff; background-color:#2a2a2a;}

a:hover{text-decoration:none;}
.bootbox-body input{
	border: medium none;
	border-radius: 0;
	box-shadow: 0 -1px 0 #ddd inset;
	font-size: 16px;
	padding: 0;

}
.bootbox-body input.textDireForm{
	border-bottom:1px solid #ccc;
}
.bootbox-body input:focus{
	box-shadow: 0 -2px 0 #a0010e inset
}
.optionsList{position:absolute; right:0; top:100%; width:100%; background-color:#cc0011; display:none; z-index:5;}
.optionsList li{padding:5px 10px;}
.optionsList li a{display:block;}
.contactInfo{background-color:#f9f9f9;}
.contactInfo li{border-top:1px solid #d6d6d6; padding:15px;}
.contactPage{position:fixed; right:0; bottom:0; width:100%;}
.flexslider {
	direction:ltr;
}
.carousel li {
	margin-right: 0; margin-left: 5px;
}

.owl-carousel.owl-rtl{position:relative;}
.owl-dots{display:none;}
.owl-theme .owl-nav{position:absolute; top:-60px; left:0; margin-top:0;}
.owl-theme .owl-nav [class*="owl-"]{position:relative; font-size:0; width:30px; height:40px; background-color:transparent;}
.owl-theme .owl-nav .owl-prev:after{
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f002';
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.owl-theme .owl-nav .owl-next:after{
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f001';
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.owl-theme .owl-nav [class*=owl-]:hover{background-color:transparent;;color:#FFF;text-decoration:none}



.applyTopBtn{position:relative;}
.dropdownoptions:after{
	content: "";
	position: absolute;
	left: -23px;
	top: 15px;
	border-left: 5px solid rgba(0,0,0,0);
	border-right: 5px solid rgba(0,0,0,0);
	border-top: 5px solid #fff;
}

.mainMenu ul li a, .mainMenu ul li a:after, .readmoreHolder a, .readmoreHolder a:after, .applyNowBtn a{
	transition:all linear 200ms;
	-moz-transition:all linear 200ms;
	-webkit-transition:all linear 200ms;
	-ms-transition:all linear 200ms;
}

.opIcon img{width:100%;display:block;}



ul li{
	position: relative;
}

ul li input[type=radio]{
	position: absolute;
	visibility: hidden;
}

ul li label{
	display: block;
	position: relative;
	font-weight: 300;
	margin: 10px auto;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
}

ul li .check{
	display: block;
	position: absolute;
	border: 1px solid #cc0011;
	border-radius: 100%;
	height: 15px;
	width: 15px;
	bottom:-20px;
	left: 50%;
	margin-left:-7.5px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

ul li:hover .check {
	border: 1px solid #cc0011;
}

ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 9px;
	width: 9px;
	top: 2px;
	left: 2px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ label .check {
	border: 1px solid #cc0011;
}

input[type=radio]:checked ~  label .check:before{
	background: #cc0011;
}

input[type=radio]:checked ~ label{
	color: #0DFF92;
}
.margBor20{margin-bottom:20px;}
.selectCountry{
	background: none !important;
	width: 100%;
	height: 30px;
	padding: 5px;
	background-repeat: no-repeat !important;
	-webkit-appearance: menulist-button !important;
	-moz-appearance: button !important;
}
.selectCountry:focus{
	box-shadow: inset 0 -1px 0 #ddd !important;
	-webkit-box-shadow: inset 0 -1px 0 #ddd !important;
}
.loggedin{
	color: #fff;
	font-size: 17px;
}

::-webkit-input-placeholder { /* WebKit browsers */
	direction: ltr;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	direction: ltr;
}
::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */
	direction: ltr;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	direction: ltr;
}
#popup_title{display:none;}



.searchInput input{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.moreHolder{text-align:right;}
.moreHolder a{color:#cc0011; font-size:18px; position:relative; padding-right:20px;}
.moreHolder a:after{content:""; width:15px; height:15px; transform: rotate(180deg); background-color:#cc0011; border-radius:50%; position:absolute; right:0; top:9px; background-image:url(/img/more-icon.png); background-position:center center; background-repeat:no-repeat;}
.moreHolder a:hover{color:#202020;}
.moreHolder a:hover:after{background-color:#202020;}
.image-portlet{height:250px;object-fit:cover;}