/************ TABLE OF CONTENTS ***************

**********************************************/

/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,300,300italic);*/
/*@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700);*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('hover.css');

/***************************/


/*------ arabic Headings -------*/
@font-face {
    font-family: "DroidNaskhb";
    font-style: normal;
    font-weight: normal;
	src: url("../fonts/DroidNaskh-Bold.woff") format("woff"), url("../fonts/DroidNaskh-Bold.ttf") format("truetype"), url("../fonts/DroidNaskh-Bold.ttf") format("svg");
}

@font-face {
    font-family:"DroidNaskh";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/DroidNaskh-Regular.woff") format("woff"), url("../fonts/DroidNaskh-Regular.ttf") format("truetype"), url("../fonts/DroidNaskh-Regular.ttf") format("svg");
}


@font-face {
  font-family: "DroidNaskhb";
  src: url("../fonts/DroidNaskh-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DroidNaskh-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/DroidNaskh-Bold.woff") format("woff"), /* Pretty Modern Browsers */
       url("../fonts/DroidNaskh-Bold.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("../fonts/DroidNaskh-Bold.svg#svgFontName") format("svg"); /* Legacy iOS */
}

@font-face {
  font-family: "DroidNaskh";
  src: url("../fonts/DroidNaskh-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DroidNaskh-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/DroidNaskh-Regular.woff") format("woff"), /* Pretty Modern Browsers */
       url("../fonts/DroidNaskh-Regular.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("../fonts/DroidNaskh-Regular.svg#svgFontName") format("svg"); /* Legacy iOS */
}
/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#47656e;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#dda930;
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-family: "DroidNaskhb",Helvetica,Arial,sans-serif;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	direction: rtl;
}

input,button,select,textarea{
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
	padding: 3px 5px;
}

p{
	position:relative;
	line-height:1.8em;	
}

.strike-through{
	text-decoration:line-through;	
}

.auto-container{
	position:static;
	max-width:90%; /*1200px*/
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
	text-align: right;

}

.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

.anim-3,.anim-3-all *{
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;	
}

.anim-5,.anim-5-all *{
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.anim-7,.anim-7-all *{
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;	
}

.btn-theme-light{
	position:relative;
	padding:10px 25px;
	line-height:24px;
	text-transform:uppercase;
	background:none;
	color:#ffffff !important;
	font-size:12px;
	border:1px solid #ffffff !important;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.btn-theme-light:hover{
	background:#fdc236;
	color:#ffffff !important;
	border-color:#fdc236 !important;	
}

.btn-theme-grey{
	position:relative;
	padding:10px 25px;
	line-height:24px;
	text-transform:uppercase;
	background:none;
	color:#555555 !important;
	font-size:12px;
	border:1px solid #999999 !important;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.btn-theme-grey:hover{
	background:#999999;
	color:#ffffff !important;
	border-color:#999999 !important;	
}

.btn-style-one{
	position:relative;
	padding:15px 32px;
	line-height:24px;
	text-transform:uppercase;
	background:#202e31;
	color:#ffffff !important;
	font-size:16px;
	font-weight:700;
	outline:2px solid #ffffff;
	outline-offset:-6px;
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
}

.btn-style-one:hover{
	border-color:#ffffff !important;
	background:#fdc236;
	outline:2px solid #ffffff;
	outline-offset:-6px;	
}

.btn-style-two{
	position:relative;
	padding:15px 32px;
	line-height:24px;
	text-transform:uppercase;
	background:#ca9720;
	color:#ffffff !important;
	font-size:14px;
	font-weight:700;
	outline:2px solid #ffffff;
	outline-offset:-6px;
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
}

.btn-style-two:hover{
	border-color:#ffffff !important;
	background:#10325a;
	outline:2px solid #ffffff;
	outline-offset:-6px;	
}

.btn-style-three{
	position:relative;
	padding:13px 30px;
	line-height:24px;
	text-transform:uppercase;
	background:none;
	color:#ffffff !important;
	font-size:16px;
	font-weight:700;
	border:2px solid #ffffff;
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
	direction: rtl;
}

.btn-style-three:hover{
	border-color:#fdc236 !important;
	color:#fdc236 !important;
}

.btn-style-four{
	position:relative;
	padding:13px 30px;
	line-height:24px;
	text-transform:uppercase;
	background:none;
	color:#ffffff !important;
	font-size:16px;
	font-weight:700;
	border:2px solid #ffffff30;
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
	direction: rtl;
}

.btn-style-four:hover{
	border-color:#fdc236 !important;
	color:#fdc236 !important;
}


.theme-btn .fa{
	font-size:16px;	
}

.theme-btn .icon-left{
	padding-right:10px;
	font-weight:normal;
}

.theme-btn .icon-right{
	padding-right:10px;
	font-weight:normal;
}

.theme_color2{
	color:#f5c351;	
}
.theme_color{
	color:#cc9c2c;	
}


.light-font{
	font-weight:300;	
}

.regular-font{
	font-weight:400;	
}

.semibold-font{
	font-weight:600;	
}

.bold-font{
	font-weight:700;	
}

.padd-top-10{
	padding-top:10px !important;	
}

.padd-top-20{
	padding-top:20px !important;	
}

.padd-top-30{
	padding-top:30px !important;	
}

.padd-top-40{
	padding-top:40px !important;	
}

.padd-top-50{
	padding-top:50px !important;	
}

.padd-top-60{
	padding-top:60px !important;	
}

.padd-top-70{
	padding-top:70px !important;	
}
.padd-top-90{
	padding-top:90px !important;	
}

.padd-left-10{
	padding-left:10px !important;	
}

.padd-left-20{
	padding-left:20px !important;	
}

.padd-left-30{
	padding-left:30px !important;	
}

.padd-left-40{
	padding-left:40px !important;	
}

.padd-left-50{
	padding-left:50px !important;	
}

.padd-left-60{
	padding-left:60px !important;	
}

.padd-left-70{
	padding-left:70px !important;	
}

.padd-bott-10{
	padding-bottom:10px !important;	
}

.padd-bott-20{
	padding-bottom:20px !important;	
}

.padd-bott-30{
	padding-bottom:30px !important;	
}

.padd-bott-40{
	padding-bottom:40px !important;	
}

.padd-bott-50{
	padding-bottom:50px !important;	
}

.padd-bott-60{
	padding-bottom:60px !important;	
}

.padd-bott-70{
	padding-bottom:70px !important;	
}

.padd-bott-90{
	padding-bottom:90px !important;	
}

.padd-bott-100{
	padding-bottom:100px !important;	
}

.padd-right-10{
	padding-right:10px !important;	
}

.padd-right-20{
	padding-right:20px !important;	
}

.padd-right-30{
	padding-right:30px !important;	
}

.padd-right-40{
	padding-right:40px !important;	
}

.padd-right-50{
	padding-right:50px !important;	
}

.padd-right-60{
	padding-right:60px !important;	
}

.padd-right-70{
	padding-right:70px !important;	
}

.margin-top-10{
	margin-top:10px !important;	
}

.margin-top-20{
	margin-top:20px !important;	
}

.margin-top-30{
	margin-top:30px !important;	
}

.margin-top-40{
	margin-top:40px !important;	
}

.margin-top-50{
	margin-top:50px !important;	
}

.margin-top-60{
	margin-top:60px !important;	
}

.margin-top-70{
	margin-top:70px !important;	
}

.margin-bott-10{
	margin-bottom:10px !important;	
}

.margin-bott-20{
	margin-bottom:20px !important;	
}

.margin-bott-30{
	margin-bottom:30px !important;	
}

.margin-bott-40{
	margin-bottom:40px !important;	
}

.margin-bott-50{
	margin-bottom:50px !important;	
}

.margin-bott-60{
	margin-bottom:60px !important;	
}

.margin-bott-70{
	margin-bottom:70px !important;	
}

.no-padd-bottom{
	padding-bottom:0px !important;	
}

.no-padd-top{
	padding-top:0px !important;	
}

.no-margin-bottom{
	margin-bottom:0px !important;	
}

.no-margin-top{
	margin-bottom:0px !important;	
}

.no-padd-left{
	padding-left:0px !important;	
}

.no-padd-right{
	padding-right:0px !important;	
}

.bg-lightgrey{
	background-color:#f6f6f6 !important;	
}

.no-bg{
	background:none !important;	
}

.text-uppercase{
	text-transform:uppercase !important;	
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.GIF);}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:60px;
	left:10px;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	line-height:48px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	display:none;	
}

.scroll-to-top:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:40px;
	background:#dda930;
	border:1px solid #dda930;
/*	border-radius:20px 0px 20px 20px;*/
/*	-ms-border-radius:20px 0px 20px 20px;*/
/*	-webkit-transform:rotate(135deg);*/
/*	-ms-transform:rotate(135deg);*/
/*	-o-transform:rotate(135deg);*/
/*	-moz-transform:rotate(135deg);*/
/*	transform:rotate(135deg);*/
	
}

.scroll-to-top span{
	position:relative;
	display:block;
	z-index:1;	
	margin-top: 10px;
}

.scroll-to-top:hover{
	color:#dda930;
}

.scroll-to-top:hover:before{
	background:#10325a;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:relative;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .header-top{
	position:relative;
	background:#10325a;
	color:#ffffff;
	z-index:2;
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
}

.main-header.header-style-two{
	position:absolute;
}

.main-header.header-style-two .header-top{
	background:#10325a;	
}

.main-header .header-top .top-left{
	position:relative;
	float:left;
	padding:5px 0px;
	color:#c9c9c9;
	font-size:11pt;
	z-index: 2;
}

.main-header .header-top .top-left:before{
	content:'';
	position:absolute;
	right:0px;
	top:0px;
	width:1200px;
	height:100%;
	background:#11233e;
	-webkit-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);
	transform:skewX(-25deg);	
}

.main-header .header-top ul{
	position:relative;
	z-index:1;	
}

.main-header .header-top ul li{
	position:relative;
	float:right;
	/*margin-right:30px !important;*/
}

.main-header .header-top .top-right ul li{
	margin-right:0px;
	padding:0px 5px;	
}

.main-header .header-top .top-right ul li:before{
	/*content:'|';*/
	position:absolute;
	left:-1px;
	top:-3px;
	color:#ffffff;
	font-size:10px;
}

.main-header .header-top .top-right ul li:last-child:before{
	display:none;	
}

.main-header .header-top .top-right ul li:last-child{
	padding-left:0px;	
}

.main-header .header-top ul li a{
	position:relative;
	display:block;
	line-height:24px;
	color:#ffffff;
	font-size:10.5pt;
	text-transform:uppercase;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.main-header.header-style-two .header-top .top-left ul li a{
	color:#fff;
	text-transform:capitalize;	
}

.main-header .header-top ul li .icon{
	position:relative;
	top:1px;
	font-size:14px;
	padding-right:5px;	
}

.main-header .header-top .top-left ul li .icon{
	padding-right:10px;	
}

.main-header .header-top ul li a:hover{
	color:#dda930 !important;
}

.main-header .header-top .top-right{
	position:relative;
	padding:5px 0px;
	float:right;
}

.main-header .header-upper{
	position:relative;
	padding:25px 0px;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	z-index:1;
}

.main-header.header-style-two .header-upper{
	background:none;	
}

.main-header .header-upper .upper-right{
	position:relative;	
}

.main-header .header-upper .upper-column{
	position:relative;
	float:left;
	min-width:80px;
	margin-left:40px;
	padding-top:22px;
}

.main-header .info-box{
	position:relative;
	padding-left:50px;	
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:12px;
	width:50px;
	line-height:60px;
	color:#4a5c7a;
	font-size:36px;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.main-header .info-box:hover .icon-box{
	color:#dda930;	
}

.main-header .info-box li{
	position:relative;
	line-height:20px;
	margin:0px 0px;
	color:#202e31;
	text-transform:uppercase;
}

.main-header .info-box li .small-title{
	font-size:10px;
	letter-spacing:1px;	
}

.main-header .info-box li a{
	color:#202e31;		
}

.main-header .info-box strong{
	font-weight:700;
	color:#555555;
	font-size:16px;
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
}

.main-header .header-lower{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	z-index:1;
	padding: 20px 0;
}

.main-header .header-lower .auto-container{
	padding:0px 30px;
}	

.main-header.header-style-three .header-lower{
	background:none;	
}

.main-header .nav-outer{
	position:relative;
	padding-left:110px;
}

.main-header.header-style-two .nav-outer{
	margin-top:15px;	
}

.main-header .nav-outer:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#11233e;	
/*	-webkit-transform:skewX(-25deg);*/
/*	-ms-transform:skewX(-25deg);*/
/*	-o-transform:skewX(-25deg);*/
/*	-moz-transform:skewX(-25deg);*/
/*	transform:skewX(-25deg);	*/
}

.main-header.header-style-two .nav-outer:before{
	background:none;
}

.main-menu{
	position:relative;
	z-index:1;	
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;
	font-family: "DroidNaskhb",Helvetica,Arial,sans-serif;
	font-weight:400;
}

.main-menu .navigation > li{
	position:relative;
	float:right;
	padding:0px;
}

.main-menu .navigation > li:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#11233e;	
/*	-webkit-transform:skewX(-25deg);*/
/*	-ms-transform:skewX(-25deg);*/
/*	-o-transform:skewX(-25deg);*/
/*	-moz-transform:skewX(-25deg);*/
/*	transform:skewX(-25deg);*/
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.bounce-in-header .main-menu .navigation > li{
	margin-right:0px;
}

.main-menu .navigation > li > a{
	position:relative;
	z-index:1;
	display:block;
	padding:10px 8px;
	font-size:1.05em;
	color:#ffffff;
	line-height:24px;
	border-top:none;
	text-transform:uppercase;
	opacity:1;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-style-two .navigation > li:before{
	display:none;	
}

.header-style-two .main-menu .navigation > li > a{
	color:#ffffff;
}

.header-style-two .main-menu .navigation > li.current > a{
	color:#dda930;
}

.main-menu .navigation > li:hover:before,
.main-menu .navigation > li.current:before,
.main-menu .navigation > li.current-menu-item:before{
	background:#dda930;	
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
	border-color:#dda930;
	opacity:1;
}

.main-menu .navigation > li:hover > a:after{
	opacity:1;
}

.main-menu .navigation > li > ul:before{
	content:'';
	position:absolute;
	left:0px;
	top:-5px;
	display:block;
	width:100%;
	height:5px;	
}

.main-menu .navigation > li > ul{
	position:absolute;
	right:0px;
	margin-top:5px;
	top:110%;
	width:220px;
	padding:0px;
	z-index:100;
	display:none;
/*	-webkit-transform:skewX(-25deg);*/
/*	-ms-transform:skewX(-25deg);*/
/*	-o-transform:skewX(-25deg);*/
/*	-moz-transform:skewX(-25deg);*/
/*	transform:skewX(-25deg);	*/
	background:#09294ee6;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.20);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	text-align: right;
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 15px 10px 20px;
	line-height:22px;
	font-weight:400;
	font-size:11pt;
	text-transform:capitalize;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
/*	-webkit-transform:skewX(25deg);*/
/*	-ms-transform:skewX(25deg);*/
/*	-o-transform:skewX(25deg);*/
/*	-moz-transform:skewX(25deg);*/
/*	transform:skewX(25deg);	*/
}

.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li:hover{
	color:#dda930;
	border-color:#dda930;
	background-color: #0e4175e6;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	left:10px;
	top:6px;
	width:34px;
	height:30px;
	/*border:1px solid #ffffff;*/
	background:url(../images/icons/submenu-icon.png) center center no-repeat;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .btn-outer{
	position:absolute;
	left:5px;
	top:0px;
	width:100px;
	height:100%;
	/*background:#dda930;	*/
}

.main-header.header-style-two .btn-outer{
	background:none;	
}

.main-header .btn-outer .inq-btn{
	position:relative;
	display:block;
	line-height:24px;
	text-align:center;
	padding:10px 0px;
/*	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;*/
	font-weight:700;
	font-size:1.1em;
	color:#ffffff;
	text-transform:uppercase;	
}

.main-header .btn-outer .inq-btn .txt{
	position:relative;
	z-index:1;	
}

.main-header .btn-outer .inq-btn:before{
	content:'';
	position:absolute;
	left:-5px;
	top:0px;
	width:100%;
	height:100%;
	background:#c72e2e;
/*	-webkit-transform:skewX(-25deg);*/
/*	-ms-transform:skewX(-25deg);*/
/*	-o-transform:skewX(-25deg);*/
/*	-moz-transform:skewX(-25deg);*/
/*	transform:skewX(-25deg);*/
}


/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup{
	position:fixed;
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
	left:0px;
	top:-100%;
	width:100%;
	height:100%;
	background:#041a33cc;
	z-index:9999;
	visibility:hidden;
	opacity:0;
	overflow:auto;
	transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
}

.search-popup.popup-visible{
	top:0;
	visibility:visible;
	opacity:1;
}

.search-popup .close-search{
	position:absolute;
	right:15px;
	top:10px;
	font-size:24px !important;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
}

.search-popup .close-search .fa{
	font-size:24px !important;	
}

.search-popup .close-search:hover{
	opacity:0.70;	
}

.search-popup .search-form{
	position:relative;
	padding:0px 15px 50px;
	padding-top:130px;
	max-width:1024px;
	margin:0 auto;	
}

.search-popup .search-form fieldset{
	position:relative;
	border:7px solid rgba(255,255,255,0.50);
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	direction: rtl;
	font-size: 1.3em;
font-weight: 600;
}

.search-popup .search-form fieldset input[type="search"],
.search-popup .search-form fieldset input[type="text"]{
	position:relative;
	height:70px;
	padding:20px 30px 20px 220px;
	background:#ffffff;
	line-height:30px;
	font-size:24px;
	color:#233145;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	direction: rtl;
}

.search-popup .search-form fieldset input[type="submit"]{
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	text-align:center;
	width:220px;
	height:70px;
	padding:20px 10px 20px 10px;
	color:#ffffff !important;
	background:#dda930;
	line-height:30px;
	font-size:20px;
	text-transform:uppercase;
	-moz-border-radius:7px 0px 0px 7px;
	-ms-border-radius:7px 0px 0px 7px;
	-o-border-radius:7px 0px 0px 7px;
	-webkit-border-radius:7px 0px 0px 7px;
	border-radius:7px 0px 0px 7px;
}

.search-popup .search-form fieldset input[type="submit"]:hover{
	background:#334551;
}

.search-popup h3{
	
	font-size:24px;
	color:#ffffff;
	margin-bottom:20px;
	text-align:center;	
}

.search-popup .recent-searches{
	font-size:16px;
	color:#ffffff;
	text-align:center;
}

.search-popup .recent-searches li{
	display:inline-block;
	margin:0px 10px 10px 0px;	
}

.search-popup .recent-searches li a{
	display:block;
	line-height:24px;
	border:1px solid #ffffff;
	padding:7px 15px;
	color:#ffffff;
	border-radius:3px;
}

.search-popup .recent-searches li a:hover{
	color:#dda930;
	border-color:#dda930;	
}


/*** 

====================================================================
	Main Slider style
====================================================================

***/

.main-slider{
	position:relative;
	width:100%;
	overflow:hidden;
	top:-50px;
	z-index:10;
	color:#ffffff;
}

.main-slider.style-two{
	top:0px;	
}

.main-slider .text{
	font-weight:400;
	font-size:16px;
	text-align: right;
}

.main-slider h1{
	line-height:1.2em;
	font-size:44px;
	font-weight:600;
	text-align: right;
	top: -80px !important;
}

.main-slider h2{
	line-height:1.2em;
	font-weight:700;
	font-size:36px;
	top: -80px !important;
}

.main-slider h3{
	font-size:24px;
	text-transform:uppercase;
	font-weight:700;
	color:#ffffff;
	text-align: right;
	top: -80px !important;
}

.main-slider .grey-color{
	color:#202e31;
}

.main-slider.style-one .tp-bullets{
	display:none;	
}

.main-slider .tp-bullets.preview4 .bullet{
	border-color:#dda930 !important;
	margin:0px 5px;	
}

.main-slider .tparrows.preview3{
	background:none !important;
	width:40px;	
}

.main-slider .tparrows.preview3::after{
	top:20px;
	background:#26393e;
	color:#ffffff;
	font-size:14px;
	height:40px;
	line-height:40px;
	width:40px;
	border-radius:3px;	
}

.main-slider .tparrows.tp-leftarrow.preview3::after{
	content: '\f10e';
	font-family:'Flaticon';
}

.main-slider .tparrows.tp-rightarrow.preview3::after{
	content: '\f102';
	font-family:'Flaticon';
}



.main-slider .tparrows.preview3.tp-leftarrow{
	left:10px !important;	
}

.main-slider .tparrows.preview3.tp-rightarrow{
	right:10px !important;	
}

.main-slider .tparrows.preview3:hover::after{
	background-color:#fac955;
	color:#ffffff !important;
}

.main-slider .tparrows.preview3 .tp-arr-iwrapper{
	visibility:hidden;
	opacity:0;	
}

.main-slider.style-one:after{
	content:'';
	position:relative;
	display:block;
	width:100%;
	height:13px;
	background:url(../images/background/slider-border.png) center center repeat-x;	
}

.main-slider .tp-bannertimer{
	display:none !important;	
}

/*** 

====================================================================
	Section  Title
====================================================================

***/

.small-container{
	max-width:800px;
	margin:0 auto;	
}

.sec-title{
	position:relative;
	margin-bottom:50px;
}

.latest-news .sec-title, .cs-event-area .sec-title {
	position:relative;
	margin-bottom:40px;
}


.sec-title h2{
	position:relative;
	font-size:2.2em;
	font-weight:600;
	color:#11233e;
	margin-bottom:5px !important;
	direction:rtl;
	letter-spacing:1px;
	word-spacing:2px;
	/*-webkit-text-shadow:5px 5px 1px #f5f5f5;
	-ms-text-shadow:5px 5px 1px #f5f5f5;
	-o-text-shadow:5px 5px 1px #f5f5f5;
	-moz-text-shadow:5px 5px 1px #f5f5f5;
	text-shadow:5px 5px 1px #f5f5f5;*/
}

.sec-title h3{
	position:relative;
	font-size:24px;
	color:#999999;
}

.sec-title .text{
	position:relative;
	font-size:16px;
	color:#757e8c;
}

.text p {
    color: #5c6e8a;
font-size: 1.1em;
	direction: rtl;
}

/*** 

====================================================================
	Services Style One
====================================================================

***/

.services-style-one{
	position:relative;
	padding:90px 0px 70px;
}

.services-style-one .default-service-column{
	position:relative;
	margin-bottom:30px;
	text-align:center;	
}

.default-service-column{
	position:relative;	
}

.default-service-column .inner-box{
	position:relative;
	border:1px solid #e0e0e0;
	max-width:420px;
	margin:0 auto;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;		
}

.default-service-column .inner-box:hover{
	-webkit-box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);
	-ms-box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);
	-o-box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);
	-moz-box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);
	box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);	
}

.default-service-column .inner-most{
	position:relative;
	overflow:hidden;	
}

/*.default-service-column .image-box{*/
/*	position:relative;	*/
/*}*/
/**/
/*.default-service-column .image-box img{*/
/*	display:block;*/
/*	width:100%;	*/
/*	height: 250px;*/
/*}*/

.default-service-column .image-box{
	
	background-size: cover;
    height: 200px;
    margin: 1px auto;
    overflow: hidden; /*to crop image height*/
    padding: 5px;
    position: relative;
    width: 100%;
}


.default-service-column .image-box img{
    background: rgba(0, 0, 0, 0)  no-repeat scroll right top / contain ;
    width: 100%;
}

.default-service-column .lower-part{
	position:relative;
	padding-top:20px;
	margin-top:-20px;	
}

.default-service-column .lower-part .left-curve{
	position:absolute;
	left:0px;
	top:-7px;
	width:53.1%;
	height:90px;
	background:#ffffff;
	border-top:10px solid transparent;
	-webkit-transform:rotate(-12deg);
	-ms-transform:rotate(-12deg);
	-o-transform:rotate(-12deg);
	-moz-transform:rotate(-12deg);
	transform:rotate(-12deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.default-service-column .lower-part .right-curve{
	position:absolute;
	right:0px;
	top:-7px;
	width:53.1%;
	height:90px;
	background:#ffffff;
	border-top:10px solid transparent;
	-webkit-transform:rotate(12deg);
	-ms-transform:rotate(12deg);
	-o-transform:rotate(12deg);
	-moz-transform:rotate(12deg);
	transform:rotate(12deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.default-service-column:hover .lower-part .left-curve,
.default-service-column:hover .lower-part .right-curve{
	border-top-color:#dda930;	
}

.default-service-column .content{
	position:relative;
	padding:20px 30px 20px;
	z-index:1;
	background: #fff;
	direction:rtl;
}


.default-service-column .content h3{
	position:relative;
	/*text-transform:uppercase;*/
	font-size:1.2em;
	margin-bottom:5px;
	color:#08326f;
	font-weight:400;
}

.default-service-column .content .text{
	position:relative;
	font-size:0.95em;
	line-height:20px;
	margin-bottom:10px;
	color:#202e31;	
	text-align:right;
}

.default-service-column .content .more-link{
	position:relative;
}

.single-info {
    direction: rtl;
}
.default-service-column .content .read-more{
	position:relative;
	display:inline-block;
	line-height:20px;
	font-weight:700;
	font-size:14px;
	border-bottom:1px solid transparent;
	color:#dda930;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.default-service-column .content .read-more:hover,
.default-service-column:hover .content .read-more{
	border-color:#dda930;	
}

/*** 

====================================================================
	Default Intro Section
====================================================================

***/

.default-intro-section{
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	overflow:hidden;
}

.default-intro-section:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(253,194,54,0.95);
}

.default-intro-section .content-box{
	position:relative;
	padding:45px 70px 40px 70px;
	color:#ffffff;	
}

.default-intro-section .content-box:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:1500px;
	height:101%;
	background:#11233e;
	-webkit-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);
	transform:skewX(-25deg);
}

.default-intro-section h3{
	text-transform:uppercase;
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;	
}

.default-intro-section .text{
	font-size:14px;
}

/*** 

====================================================================
	What We Do Section
====================================================================

***/

.what-we-do{
	position:relative;
	padding:40px 0px 90px 0px;
}

.what-we-do .auto-container{
	position:relative;
	z-index:1;	
}

.tabs-box{
	position:relative;	
	direction: rtl;
}

.tabs-box .buttons-style-one{
	position:relative;
	margin-bottom:50px;	
}

.tabs-box .buttons-style-two{
	position:absolute;
	right:0px;
	top:40px;
	margin-bottom:50px;	
	text-align: right;
	direction: rtl;
}

.tabs-box .tab-buttons{
	position:relative;
	text-align:center;
	font-family:"DroidNaskhb",Helvetica,Arial,sans-serif;
}

.tabs-box .tab-buttons .tab-btn{
	position:relative;
	display:inline-block;
	margin:0px 4px 5px;
	color:#898b95;
	padding:10px 15px 10px 20px;
	font-size:1em;
	
	cursor:pointer;
	line-height:28px;
	font-weight:500;
}

.tabs-box .buttons-style-two .tab-buttons .tab-btn{
	display:block;
	margin:0px 0px 3px 0px;
	color:#202e31;
	text-align:right;
	z-index:5;	
}

.tabs-box .buttons-style-two .tab-buttons .tab-btn:nth-child(1){
/*	left:-9px;*/
}

.tabs-box .buttons-style-two .tab-buttons .tab-btn:nth-child(2){
/*	left:-26px;*/
}

.tabs-box .buttons-style-two .tab-buttons .tab-btn:nth-child(3){
/*	left:-43px;*/
}

.tabs-box .buttons-style-two .tab-buttons .tab-btn:nth-child(4){
/*	left:-47px;*/
}

.tabs-box .buttons-style-two .tab-buttons .tab-btn:nth-child(5){
/*	left:-31px;*/
}

.tabs-box .tab-buttons .tab-btn:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border:1px solid #d0d0d0;
	background:#ffffff;
/*	-webkit-transform:skewX(-25deg);*/
/*	-ms-transform:skewX(-25deg);*/
/*	-o-transform:skewX(-25deg);*/
/*	-moz-transform:skewX(-25deg);*/
/*	transform:skewX(-25deg);*/
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;		
}

.tabs-box .buttons-style-two .tab-buttons .tab-btn:before{
/*	-webkit-transform:skewX(-15deg);*/
/*	-ms-transform:skewX(-15deg);*/
/*	-o-transform:skewX(-15deg);*/
/*	-moz-transform:skewX(-15deg);*/
/*	transform:skewX(-15deg);	*/
}

.tabs-box .buttons-style-two .tab-buttons .tab-btn:nth-child(4):before,
.tabs-box .buttons-style-two .tab-buttons .tab-btn:nth-child(5):before{
/*	-webkit-transform:skewX(15deg);*/
/*	-ms-transform:skewX(15deg);*/
/*	-o-transform:skewX(15deg);*/
/*	-moz-transform:skewX(15deg);*/
/*	transform:skewX(15deg);	*/
}

.tabs-box .tab-buttons .tab-btn:hover:before,
.tabs-box .tab-buttons .tab-btn.active-btn:before{
	background:#dda930;
	border-color:#dda930;
}

.tabs-box .tab-buttons .tab-btn:hover,
.tabs-box .tab-buttons .tab-btn.active-btn{
	color:#ffffff;
}

.tabs-box .tab-buttons .tab-btn .txt{
	position:relative;	
}

.tabs-box .tab-buttons .tab-btn .icon{
	position:relative;
	font-size:22px;
	padding-right:10px;	
}

.tabs-box .tab{
	display:none;
	box-shadow:0px 5px 15px 1px rgba(2,2,2,0.10);	
}

.tabs-box .tab.active-tab{
	display:block;	
}

.tabs-box .left-image-box,
.tabs-box .main-content-box,
.tabs-box .how-works-box{
	position:relative;
	padding:0px !important;	
}

.tabs-box .left-image-box .image-outer{
	position:relative;
	padding-right:40px;	
}

.tabs-box .left-image-box .image img{
	display:block;
	width:100%;	
}

.tabs-box .tab .outer{
	position:relative;
	background:#ffffff;
	overflow:hidden;
	border:1px solid #f4f4f4;	
}

.tabs-box.tab-style-two .tab{
	margin-left:180px;
	margin-right:160px;
	padding-left:20px;	
}

.tabs-box.tab-style-two .tab .outer{
	border:1px solid #f0f0f0;
	border-left:none;	
}

.tabs-box .main-content-box .inner-content{
	position:relative;
	padding:50px 70px 20px 30px;
	/*padding-left:10px;*/
	background:#ffffff;
	overflow:hidden;
}

.tabs-box .main-content-box .inner-content .image-box{
	position:relative;
	margin-bottom:20px;	
}

.tabs-box .main-content-box .inner-content .image-box img{
	display:block;
	width:100%;	
}

.tabs-box .left-image-box .upper-curve{
	position:absolute;
	right:-31px;
	top:0px;
	width:100px;
	height:54.25%;
	background:#ffffff;
	border-left:10px solid #f4f4f4;
	-webkit-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	-o-transform:rotate(15deg);
	-moz-transform:rotate(15deg);
	transform:rotate(15deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.tabs-box .left-image-box .lower-curve{
	position:absolute;
	right:-31px;
	bottom:0px;
	width:100px;
	height:54.25%;
	background:#ffffff;
	border-left:10px solid #f4f4f4;
/*	-webkit-transform:rotate(-15deg);*/
/*	-ms-transform:rotate(-15deg);*/
/*	-o-transform:rotate(-15deg);*/
/*	-moz-transform:rotate(-15deg);*/
/*	transform:rotate(-15deg);*/
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.tabs-box.tab-style-two .curves-outer{
	position:absolute;
	/*right:120px;*/
	top:0px;
	width:110px;
	height:100%;
	overflow:hidden;	
}

.tabs-box.tab-style-two .upper-curve{
	position:absolute;
	left:40px;
	top:0px;
	width:100px;
	height:54.25%;
	background:#ffffff;
	border-top:1px solid #f0f0f0;
	/*	-webkit-transform:rotate(15deg);*/
/*	-ms-transform:rotate(15deg);*/
/*	-o-transform:rotate(15deg);*/
/*	-moz-transform:rotate(15deg);*/
/*	transform:rotate(15deg);*/
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.tabs-box.tab-style-two .lower-curve{
	position:absolute;
	left:40px;
	bottom:0px;
	width:100px;
	height:54.25%;
	background:#ffffff;
	border-bottom:1px solid #f0f0f0;
/*	-webkit-transform:rotate(-15deg);*/
/*	-ms-transform:rotate(-15deg);*/
/*	-o-transform:rotate(-15deg);*/
/*	-moz-transform:rotate(-15deg);*/
/*	transform:rotate(-15deg);*/
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.tabs-box h3{
	font-size: 2em;
	text-transform:uppercase;
	margin-bottom:15px;
	color:#11233e;
	font-weight:700;	
}

.tabs-box h4{
	font-size: 1.7em;
	text-transform:capitalize;
	margin-bottom:5px;
	color:#11233e;
	font-weight:600;	
}

.tabs-box .main-content-box .text{
	position:relative;
	margin-bottom:30px;
	color:#a2a2a2;
	font-size:14px;
}

.tabs-box .man-image-right{
	position:absolute;
	left:0px;
	top:-132px;	
}

.progress-boxes{
	position:relative;	
}

.progress-boxes .progress-box{
	position:relative;
	margin-bottom:15px;	
}

.progress-boxes .bar-outer{
	position:relative;
	height:20px;
	width:100%;
	overflow:hidden;
	background:#eeeeee;
	color:#ffffff;
	line-height:20px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:700;
}

.progress-boxes .bar-outer .bar-bg{
	position:absolute;
	left:0px;
	top:0px;
	margin-left:-10px;
	height:100%;
	background:#dda930;
	-webkit-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);
	transform:skewX(-25deg);	
}

.progress-boxes .bar-outer .txt{
	position:relative;
	padding:0px 18px;
}

.tabs-box .how-works-box .inner-content{
	position:relative;
	color:#ffffff;
	padding:62px 30px 70px 40px;
	background:#e6b74a;
	font-family:"DroidNaskh",Helvetica,Arial,sans-serif;	
}

.tabs-box .styled-steps li{
	position:relative;
	padding:22px 10px 23px 0px;
	border-bottom:1px solid rgba(255,255,255,0.80);
	font-weight:400;
	font-size: 1.15em;
	text-transform:capitalize;
}

.tabs-box .styled-steps li .count{
	position:absolute;
	left:0px;
	top:10px;
	width:40px;
	height:40px;
	line-height:36px;
	text-align:center;
	border:2px solid #ffffff;
	border-radius:50%;	
}

.tabs-box .styled-steps li:last-child{
	border-bottom:none;
	padding-bottom:0px;
}

.tabs-box .styled-steps li .small-text{
	font-size:12px;
	display:block;	
}

.what-we-do .image-section{
	position:absolute;
	left:0px;
	bottom:1px;
	z-index:0;
	width:100%;
	height:365px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#082547;
}

.what-we-do .image-section:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#082547;
	opacity:0.95;	
}


.how-works-box .btn-style-three:hover {
    border-color: #9b7d3a !important;
    color: #514938 !important;
}

/*** 

====================================================================
	Latest Work Section
====================================================================

***/

.latest-work{
	position:relative;
	padding:90px 0px 50px;
}

.latest-work .owl-controls{
	display:none;	
}

.latest-work .carousel-outer{
	position:relative;
	margin-bottom:50px;
}

.default-work-column{
	position:relative;	
}

.work-carousel .default-work-column{
	position:relative;
	margin-bottom:10px;	
}

.default-work-column .inner-box{
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #e0e0e0;
	margin-left:-1px;
	margin-right:-1px;	
}

.work-carousel .default-work-column:hover,
.projects-section .default-work-column:hover{
	z-index:5;
	-webkit-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
	-o-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
	-moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
	box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
}	

.default-work-column:hover .inner-box{
	border-color:#e0e0e0;	
}

.default-work-column .image-box img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.default-work-column .overlay-link{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	color:#ffffff;
	border-bottom:120px solid transparent;
	text-align:center;
	background-color:rgba(32,46,49,0.85);
	opacity:0;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	-o-transform:scaleY(0);
	-moz-transform:scaleY(0);
	transform:scaleY(0);
}

.default-work-column:hover .overlay-link{
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	-moz-transform:scaleY(1);
	transform:scaleY(1);
	opacity:1;
}

.default-work-column .overlay-link .icon{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	height:50px;
	font-size:36px;
	line-height:50px;
	margin-top:-25px;
	text-align:center;	
}

.default-work-column .caption-layer{
	position:absolute;
	left:0px;
	bottom:-42px;
	width:100%;
	height:auto;
	background:#ffffff;
	border:1px solid #e0e0e0;
	border-bottom:none;
	border-top:5px solid #dda930;
	padding-bottom:1px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.default-work-column:hover .caption-layer{
	bottom:0px;	
}

.default-work-column .caption-layer .upper{
	position:relative;
	padding:18px 20px 20px;
	text-align:center;	
}

.default-work-column .caption-layer h3{
	font-size:16px;
	font-weight:700;
	color:#202e31;
	text-transform:uppercase;
	margin-bottom:0px;	
}

.default-work-column .caption-layer h3 a{
	color:#202e31;	
}

.default-work-column .caption-layer .category{
	font-size:12px;
	color:#4a5664;
	text-transform:uppercase;
}

.default-work-column .caption-layer .category a{
	color: #4a5664;
font-size: 1.1em;	
}

.default-work-column .caption-layer .options{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	border-right:none;
	vertical-align:middle;
}

.default-work-column .caption-layer .options li{
	position:relative;
	float:left;
	font-size:12px;
	line-height:24px;
	padding:6px 5px 6px 12px;
	color:#a6a6a6;
	text-transform:uppercase;
	vertical-align:middle;
	width:50% !important;
	border:1px solid #e0e0e0;
	border-left:none;
	border-bottom:none;
}

.default-work-column .caption-layer .options li a{
	color:#a6a6a6;
}

.default-work-column .caption-layer .options li .icon{
	position:relative;
	top:1px;
	font-size:20px;
	padding-right:10px;
	color:#202e31;
	line-height:24px;	
}

.latest-work .more-link{
	display:inline-block;
	font-weight:600;
	color:#202e31;
	line-height:20px;
	border-bottom:1px solid #202e31;	
}

/*** 

====================================================================
	contacts Section
====================================================================

***/

.contact-bg {
    background: #fff;
    box-shadow: 0 0 29px #efeded;
    padding: 30px;
	margin-bottom: 8px;
	direction: rtl;
}
.quick-contact-widget span {
    display: block !important;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.8em;
    display: table;
    clear: both;
}

.quick-contact-widget span i {
    font-size: 1.4em;
    color: #222;
    display: inline-block;
    text-align: center;
    padding: 5px 0 0 5px;
    height: 40px;
/*    width: 40px;*/
    margin-leftt: 10px;
    float: right;
}
.contact-bg h4 {
    padding-bottom: 20px;
    font-weight: 600;
}
.collegeTitle {
    position: relative;
    font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 1.6em;
    font-size: 1.4em;
    padding-top: 10px;
    text-transform: uppercase;
    color: #11233e;
}
/*** 

====================================================================
	Our Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:90px 0px 50px;
	background-color:#202e31;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
}

.team-section:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0.95;
	background-color:#202e31;
}

.bg-light{
	background:#f5f5f5;	
}

.bg-light:before{
	display:none;	
}

.team-section .sec-title h2{
	color:#ffffff;
	-webkit-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	-moz-text-shadow:none;
	text-shadow:none;	
}

.bg-light.team-section .sec-title h2{
	color:#202e31;
/*	-webkit-text-shadow:5px 5px 1px #e5e5e5;*/
/*	-ms-text-shadow:5px 5px 1px #e5e5e5;*/
/*	-o-text-shadow:5px 5px 1px #e5e5e5;*/
/*	-moz-text-shadow:5px 5px 1px #e5e5e5;*/
/*	text-shadow:5px 5px 1px #e5e5e5;*/
}

.team-section .sec-title .text{
	color:#e0e0e0;	
}

.bg-light.team-section .sec-title .text{
	color:#999999;	
}

.team-section .team-member{
	position:relative;
	margin-bottom:50px;	
}

.team-member .inner-box{
	position:relative;
	max-width:450px;
	margin:0 auto;
	overflow:hidden;
}

.team-member .inner-box .image-box{
	position:relative;
	text-align:center;
	z-index:1;
}

.team-member .inner-box .image-box img{
	display:inline-block;
	max-width:100%;	
}

.team-member .lower-part{
	position:absolute;
	left:0px;
	bottom:-39px;
	width:100%;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.team-member:hover .lower-part{
	bottom:0px;	
}

.team-member .lower-part .left-curve{
	position:absolute;
	left:0px;
	top:-30px;
	width:53.1%;
	height:90px;
	background:#ffffff;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	-webkit-transform:rotate(-12deg);
	-ms-transform:rotate(-12deg);
	-o-transform:rotate(-12deg);
	-moz-transform:rotate(-12deg);
	transform:rotate(-12deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	z-index:2;	
}

.team-member .lower-part .right-curve{
	position:absolute;
	right:0px;
	top:-30px;
	width:53.1%;
	height:90px;
	background:#ffffff;
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	-webkit-transform:rotate(12deg);
	-ms-transform:rotate(12deg);
	-o-transform:rotate(12deg);
	-moz-transform:rotate(12deg);
	transform:rotate(12deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	z-index:2;	
}

.team-member:hover .lower-part .right-curve,
.team-member:hover .lower-part .left-curve{
	border-top-color:#dda930;
	border-top-width:5px;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);	
}

.team-member .caption-layer{
	position:relative;
	left:0px;
	bottom:0px;
	width:100%;
	height:auto;
	background:#ffffff;
	border:1px solid #e0e0e0;
	border-top:none;
	padding-bottom:1px;
	z-index:2;
}

.team-member .caption-layer .upper{
	position:relative;
	padding:0px 20px 13px;
	text-align:center;
	border-bottom:1px solid #e0e0e0;	
}

.team-member .caption-layer h3{
	font-size:16px;
	font-weight:700;
	color:#202e31;
	text-transform:uppercase;
	margin-bottom:10px;	
}

.team-member .caption-layer h3 a{
	color:#202e31;	
}

.team-member .caption-layer .category{
	font-size:16px;
	color:#b2b2b2;
	text-transform:uppercase;
}

.team-member .caption-layer .category a{
	color:#c1940e;	
}

.team-member .caption-layer .options{
	position:relative;
	display:table;
	width:100%;
	height:auto;
	border-right:none;
	vertical-align:middle;
}

.team-member .caption-layer .options li{
	position:relative;
	display:table-cell;
	font-size:11px;
	line-height:24px;
	padding:6px 15px;
	color:#a6a6a6;
	text-transform:uppercase;
	vertical-align:middle;
	border-right:1px solid #e0e0e0;
}

.team-member .caption-layer .options li:last-child{
	border-right:none;	
}

.team-member .caption-layer .options li a{
	color:#a6a6a6;
}

.team-member .caption-layer .options li .icon{
	position:relative;
	top:1px;
	font-size:16px;
	padding-right:10px;
	color:#202e31;
	line-height:24px;	
}

.team-member .bg-layer{
	position:absolute;
	left:10%;
	bottom:0px;
	height:250px;
	width:80%;
	background:#2f4448;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.team-member:hover .bg-layer{
	background:none;	
}

.team-member .bg-layer:before{
	content:'';
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#dda930 url(../images/background/bg-pattern.png) right top repeat-y;
	opacity:0;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transform:skewY(0deg);
	-ms-transform:skewY(0deg);
	-o-transform:skewY(0deg);
	-moz-transform:skewY(0deg);
	transform:skewY(0deg);	
}

.team-member:hover .bg-layer:before{
	opacity:1;
	-webkit-transform:skewY(-10deg);
	-ms-transform:skewY(-10deg);
	-o-transform:skewY(-10deg);
	-moz-transform:skewY(-10deg);
	transform:skewY(-10deg);	
}


/*** 

====================================================================
	Testimonials Section
====================================================================

***/

.testimonials-section{
	position:relative;
	padding:90px 0px 120px;
	background-color:#f3f6fc;
}

.testimonials-section .carousel-outer{
	position:relative;	
}

.testimonials-section .testi-box{
	position:relative;
	padding-right:130px;
	min-height:152px;
	/*border:1px solid #e0e0e0;	*/
}

.testimonials-section .testi-box:hover{
	border-color:#dda930;	
}

.testimonials-section .testi-box .text-content{
	position:relative;
	padding:20px 20px 10px;
/*	font-style:italic;*/
	color: #757a7e;
line-height: 1.5em;
font-size: 1em;
text-align: right;
}

.testimonials-section .testi-box .author-thumb{
	position:absolute;
	right:0px;
	top:20px;
	width:150px;
	height:150px;
	overflow:hidden;
	direction: rtl;
}

.testimonials-section .testi-box .author-thumb img{
	display:block;
width: 120px !important;
height: 120px !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;	
}

.testimonials-section .testi-box .info-box{
	position:absolute;
	left:0px;
	bottom:-1px;
	width:100%;
	background:#202e31;
	text-align:center;
}

.testimonials-section .testi-box .info-box .left-curve{
	position:absolute;
	left:0px;
	top:-15px;
	width:56%;
	height:50px;
	background:#202e31;
	border-top:5px solid transparent;
	-webkit-transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
	-o-transform:rotate(-15deg);
	-moz-transform:rotate(-12deg);
	transform:rotate(-15deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.testimonials-section .testi-box .info-box .right-curve{
	position:absolute;
	right:0px;
	top:-15px;
	width:56%;
	height:50px;
	background:#202e31;
	border-top:5px solid transparent;
	-webkit-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	-o-transform:rotate(15deg);
	-moz-transform:rotate(15deg);
	transform:rotate(15deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.testimonials-section .testi-box .info-box .content{
	position:relative;
	left:0px;
	bottom:0px;
	width:100%;
	height:auto;
	background:#202e31;
	line-height:18px;
	padding-bottom:3px;
}

.testimonials-section .testi-box .info-box .content h4{
	font-size:13px;
	font-weight:700;
	color:#ffffff;
	text-transform:uppercase;
	margin-bottom:0px;
	line-height:14px;	
}

.testimonials-section .testi-box .info-box .content .designation{
	font-size:10px;
	color:#cccccc;
	text-transform:uppercase;
}

.testimonials-section .owl-controls{
	margin:0px;
	padding:0px;	
}

.testimonials-section .owl-dots{
	display:none !important;	
}

.testimonials-section .testimonials-carousel{
	position:static;	
}

.testimonials-section .carousel-outer .owl-prev{
	position:absolute;
	left:0px !important;
	top:50% !important;
	margin:-20px 0px 0px 0px !important;
	border-radius:0px !important;
	width:40px;
	height:40px;
	padding:0px !important;
	background:#4d585a !important;
	color:#ffffff;
	line-height:40px;
}

.testimonials-section .carousel-outer .owl-next{
	position:absolute;
	right:0px !important;
	top:50% !important;
	margin:-20px 0px 0px 0px !important;
	border-radius:0px !important;
	width:40px;
	height:40px;
	padding:0px !important;
	background:#4d585a !important;
	color:#ffffff;
	line-height:40px;
}

.testimonials-section .carousel-outer .owl-prev:hover,
.testimonials-section .carousel-outer .owl-next:hover{
	background:#dda930 !important;	
}

/*** 

====================================================================
	Latest News Section
====================================================================

***/

.latest-news{
	position:relative;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	overflow:hidden;
}

.latest-news .outer-box{
	position:relative;
	margin-left:120px;
	padding:60px 15px 65px;
	padding-left:260px;
	background:#0b2141e6 ;
	z-index:1;
}

.latest-news .outer-box:after{
	content:'';
	position:absolute;
	left:100%;
	top:0px;
	width:1500px;
	height:100%;
	background:#0b2141e6;
}

.latest-news .outer-box .left-image{
	position:absolute;
/*	left:-120px;*/
/*	top:-80px;*/
left: -180px;
top: 40px;
}

.latest-news .outer-box .sec-title h2, .video-section h2, .hero h2{
	color:#ffffff;
	-webkit-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	-moz-text-shadow:none;
	text-shadow:none;	
	/*text-align: right;*/
}


.latest-news .outer-box .sec-title .text{
	color:#e0e0e0;
}

.latest-news .outer-box .post-item{
	margin-bottom:10px;	
}

.latest-news .outer-box .post-item :hover {
    color: #dda930;
}

.latest-news .outer-box .curve-box{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:10px;
	background:#202e31;
}


.latest-news .outer-box .curve-box .left-curve{
	position:absolute;
	left:0px;
	top:-7px;
	width:59%;
	height:50px;
	background:#202e31;
	border-top:5px solid #ffffff;
	-webkit-transform:rotate(-20deg);
	-ms-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	transform:rotate(-20deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.latest-news .outer-box .curve-box .right-curve{
	position:absolute;
	right:0px;
	top:-7px;
	width:59%;
	height:50px;
	background:#202e31;
	border-top:5px solid #ffffff;
	-webkit-transform:rotate(20deg);
	-ms-transform:rotate(20deg);
	-o-transform:rotate(20deg);
	-moz-transform:rotate(20deg);
	transform:rotate(20deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.latest-news .outer-box .post-item:hover .curve-box .left-curve,
.latest-news .outer-box .post-item:hover .curve-box .right-curve,
.latest-news .outer-box .post-item:hover .post-thumb{
	border-color:#dda930;	
	border-top-color:#dda930;
}

.latest-news .outer-box .post-item .post-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	border:5px solid #ffffff;
	/*border-bottom:none;*/
	overflow:hidden;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.latest-news .outer-box .post-item .post-thumb img{
	display:block;
	width:100%;	
}

.latest-news .outer-box .post-item h4{
	font-size:16px;
	font-weight:400;
	color:#ffffff;
	line-height:20px;
	/*text-transform:uppercase;*/
	margin-bottom:5px;	
}

.latest-news .outer-box .post-item h4 a{
	color:#ffffff;
}

.latest-news .outer-box .post-item .time{
	color:#969696;
	font-size:12px;
	/*text-transform:uppercase;	*/
}

.latest-news .outer-box .post-item .inner-box{
	position:relative;
	max-width:420px;
	/*padding-left:120px;*/
	padding-top:5px;	
}

/****************************************/

.highlight{
	position:relative;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	overflow:hidden;
}

.highlight .outer-box{
	position:relative;
	margin-left:0px;
	padding:60px;
	padding-left:0px;
	background:#0b2141e6 ;
	z-index:1;
}

.highlight .outer-box:after{
	content:'';
	position:absolute;
	left:100%;
	top:0px;
	width:1500px;
	height:100%;
	background:#0b2141e6;
}

.highlight .outer-box .left-image{
	position:absolute;
/*	left:-120px;*/
/*	top:-80px;*/
left: -180px;
top: 40px;
}

.highlight .outer-box .sec-title h2, .video-section h2, .hero h2{
	color:#ffffff;
	-webkit-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	-moz-text-shadow:none;
	text-shadow:none;	
	/*text-align: right;*/
}


.highlight .outer-box .sec-title .text{
	color:#e0e0e0;
}

.highlight .outer-box .post-item{
	margin-bottom:10px;	
}

.highlight .outer-box .post-item :hover {
    color: #dda930;
}

.highlight .outer-box .curve-box{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:10px;
	background:#202e31;
}

.highlight .outer-box .curve-box .left-curve{
	position:absolute;
	left:0px;
	top:-7px;
	width:59%;
	height:50px;
	background:#202e31;
	border-top:5px solid #ffffff;
	-webkit-transform:rotate(-20deg);
	-ms-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	transform:rotate(-20deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.highlight .outer-box .curve-box .right-curve{
	position:absolute;
	right:0px;
	top:-7px;
	width:59%;
	height:50px;
	background:#202e31;
	border-top:5px solid #ffffff;
	-webkit-transform:rotate(20deg);
	-ms-transform:rotate(20deg);
	-o-transform:rotate(20deg);
	-moz-transform:rotate(20deg);
	transform:rotate(20deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.highlight .outer-box .post-item:hover .curve-box .left-curve,
.highlight .outer-box .post-item:hover .curve-box .right-curve,
.highlight .outer-box .post-item:hover .post-thumb{
	border-color:#dda930;	
	border-top-color:#dda930;
}

.highlight .outer-box .post-item .post-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	border:5px solid #ffffff;
	/*border-bottom:none;*/
	overflow:hidden;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.highlight .outer-box .post-item .post-thumb img{
	display:block;
	width:100%;	
}

.highlight .outer-box .post-item h4{
	font-size:16px;
	font-weight:400;
	color:#ffffff;
	line-height:20px;
	/*text-transform:uppercase;*/
	margin-bottom:5px;	
}

.highlight .outer-box .post-item h4 a{
	color:#ffffff;
}

.highlight .outer-box .post-item .time{
	color:#969696;
	font-size:12px;
	/*text-transform:uppercase;	*/
}

.highlight .outer-box .post-item .inner-box{
	position:relative;
	max-width:420px;
	/*padding-left:120px;*/
	padding-top:5px;	
}
/*** 

====================================================================
	Sponsors Slider Style
====================================================================

***/

.sponsors-section{
	position:relative;
	padding:70px 0px;	
}

.sponsors-outer .owl-controls{
/*	display:none;*/
}

.sponsors-carousel .slide-item{
	position:relative;
/*	border:1px solid #e0e0e0;*/
	border-radius:2px;
	margin:1px;
	text-align:center;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sponsors-carousel .slide-item:hover{
	border-color:#999999;	
}
	
.sponsors-carousel .slide-item img{
	display:block;
	max-width:60%;
	width:100%;
	opacity:1;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
/*	height: 90%;*/
/*	width:auto;*/
}


/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	color:#72868a;
	background:#172224;
}

.main-footer .footer-upper{
	position:relative;
	padding:80px 0px 20px;
	color:#72868a;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

.main-footer .footer-upper:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0.97;
	background:#082547;	
}

.main-footer .footer-upper .auto-container{
	position:relative;
	z-index:10;
}

.main-footer .footer-upper .column{
	position:relative;
	margin-bottom:40px;	
}

.footer-upper .column h3{
	position:relative;
	font-size:18px;
	line-height:24px;
	margin-bottom:30px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#ffffff;
}

.main-footer .about-widget{
	font-size:14px;
	color:#ffffff;
	line-height:2em;
	word-spacing:2px;
	padding-left:10px;
}

.footer-upper .text {

    text-align: right;

}
.main-footer .footer-upper a{
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.main-footer .footer-upper a:hover{
	color:#ffffff;	
}

.footer-upper .links-widget li{
	position:relative;
	margin-bottom:15px;
}

.footer-upper .links-widget li a{
	position:relative;
	display:block;
	font-size:14px;
	color:#c3d3d7;
	line-height:20px;
}

.footer-upper .links-widget li a:hover{
	color:#dda930;
	text-decoration:underline;
}

.main-footer .social-links a{
	position:relative;
	display:inline-block;
	font-size:13px;
	width:32px;
	height:32px;
	line-height:30px;
	border:1px solid #c3d3d7;
	text-align:center;
	margin:0px 5px 10px 0px;
	color:#ffffff;
	background:none;
	border-radius:50%;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.main-footer .social-links a:hover{
	color:#101010;
	background:#dda930;
	border-color:#dda930;	
}

.main-footer .contact-info{
	font-size:14px;
	margin-bottom:20px;	
}

.main-footer .contact-info li{
	position:relative;
	margin-bottom:8px;
	padding-left:120px;
	line-height:24px;
}

.main-footer .contact-info li strong{
	position:absolute;
	left:0px;
	top:0px;
	font-weight:700;
	text-transform:uppercase;	
}

.main-footer .contact-info li a{
	 color:#72868a;	
}

.footer-bottom{
	position:relative;
	padding:20px 0px;
	line-height:30px;
	color:#738d93;
	background:#071e39;
	font-size:14px;
}

.footer-bottom a{
	color:#738d93;	
}

.footer-bottom a:hover{
	color:#ffffff;	
}

/*** 

====================================================================
	Fun Facts Section
====================================================================

***/

.fun-facts{
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	overflow:hidden;
/*	border: 1px solid #3d628f;*/
/*	border-left: none;*/
/*border-right: none;*/
margin-bottom: 80px;

}

.fun-facts:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#11233e;
}

.fun-facts .content-box{
	position:relative;
	padding:40px 80px 15px 50px;	
}

.fun-facts .content-box:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#11233e;
	/*border:1px solid #e0e0e0;
	border-left:none;
	border-right:none;*/
	-webkit-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);
	transform:skewX(-25deg);
}

.fun-facts .counter-column{
	position:relative;
	margin-bottom:20px;	
	text-align: center;
}

.fun-facts .count-outer, .fun-facts .count-outer a{
	text-transform:uppercase;
	font-size:18px;
	color:#fff;
	font-weight:700;
	font-family:"DroidNaskh",Helvetica,Arial,sans-serif;
}

.fun-facts .count-outer a:hover{
	color:#d7aa3e;
}
.fun-facts .counter-column .icon-box{
	position:relative;
	font-size:30px;
	margin-bottom:15px;
	color:#fff;
	/*margin-left: 15%;*/
}

/*  6. Fun Factor Area
/*----------------------------------------*/

.fun-factor-area {
	background: rgba(0, 0, 0, 0) url("img/banner/2.jpg") repeat scroll 0 0;
	color: #ffffff;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 100px;
	padding-bottom: 70px;
}
.fun-factor-area:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(7, 20, 39, 0.77);
	/*rgba(2, 18, 41, 0.87)*/
}
.single-fun-factor {
	text-align: center;
	padding: 40px 20px;
/*	border: 1px solid rgba(255, 255, 255, 0.2);*/
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
/*	background: rgba(0, 21, 51, 0.62);*/
}
.single-fun-factor:hover {
	border-color: #DDA930;
}
.single-fun-factor > h4 {
	font-size: 24px;
	line-height: 14px;
	margin-top: 20px;
	position: relative;
	margin-bottom: 0;
	font-weight: 500;
	color: #fff;
}
.single-fun-factor h2 {
	font-size: 50px;
	line-height: 46px;
	font-weight: 800;
	color: #DDA930;
}
.fun-factor-area.fun-bg-img {
	background-image: url("../images/background/3.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
/*----------------------------------------*/

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section{
	position:relative;
}

.gallery-section .filters{
	position:relative;
	text-align:center;
	margin-bottom:40px;
}

.gallery-section .filters{
	position:relative;
	text-align:center;
	font-family:"DroidNaskh",Helvetica,Arial,sans-serif;
}

.gallery-section .filters li{
	position:relative;
	display:inline-block;
	padding:5px 25px;
	line-height:30px;
	color:#082547;
	cursor:pointer;
	text-transform:uppercase;
	font-size:12px;
	font-weight:700;
	min-width:100px;
	margin:0px 10px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.gallery-section .filters li .txt{
	position:relative;
	z-index:2;	
}

.gallery-section .filters li:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border:1px solid #e0e0e0;
	background:#ffffff;
	-webkit-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);
	transform:skewX(-25deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;		
}

.gallery-section .filters li:hover:before,
.gallery-section .filters li.active:before{
	background:#dda930;
}

.gallery-section .filters li:hover,
.gallery-section .filters li.active{
	color:#ffffff;	
}


.default-portfolio-item{
	position:relative;
}

.sortable-masonry .column{
	padding:0px 15px 0px;
	margin-bottom:30px;	
}

.default-portfolio-item .inner-box{
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #e0e0e0;
	margin-left:-1px;
	margin-right:-1px;	
}

.default-portfolio-item  .inner-box:hover{
	z-index:5;
	-webkit-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
	-o-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
	-moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
	box-shadow:0px 0px 10px 3px rgba(0,0,0,0.10);
}	

.default-portfolio-item:hover .inner-box{
	border-color:#e0e0e0;	
}

.default-portfolio-item .image-box img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.default-portfolio-item .overlay-link{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	color:#ffffff;
	border-bottom:70px solid transparent;
	text-align:center;
	background-color:rgba(32,46,49,0.85);
	opacity:0;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	-o-transform:scaleY(0);
	-moz-transform:scaleY(0);
	transform:scaleY(0);
}

.default-portfolio-item:hover .overlay-link{
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	-moz-transform:scaleY(1);
	transform:scaleY(1);
	opacity:1;
}

.default-portfolio-item .overlay-link .icon{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	height:50px;
	font-size:36px;
	line-height:50px;
	margin-top:-25px;
	text-align:center;	
}

.default-portfolio-item .caption-layer{
	position:absolute;
	left:0px;
	bottom:-150px;
	width:100%;
	height:auto;
	background:#ffffff;
	border:1px solid #e0e0e0;
	border-bottom:none;
	border-top:5px solid #dda930;
	padding-bottom:1px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.default-portfolio-item:hover .caption-layer{
	bottom:0px;	
}

.default-portfolio-item .caption-layer .upper{
	position:relative;
	padding:15px 15px 10px;
	text-align:center;	
}

.default-portfolio-item .caption-layer h3{
	font-size:16px;
	font-weight:700;
	color:#082547;
	text-transform:uppercase;
	margin-bottom:0px;	
}

.default-portfolio-item .caption-layer h3 a{
	color:#082547;	
}

.default-portfolio-item .caption-layer .category{
	font-size:12px;
	color:#b2b2b2;
	text-transform:uppercase;
}

.default-portfolio-item .caption-layer .category a{
	color:#b2b2b2;	
}

/*** 

====================================================================
	Page Title Section
====================================================================

***/

.page-title{
	position:relative;
	padding:90px 0px 20px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	margin-top:-50px;
	color:#ffffff;
	text-align:center;
}

.page-title:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(7, 33, 63, 0.67);
}

.page-title:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	display:block;
	width:100%;
	height:13px;
	
}

.page-title .auto-container{
	position:relative;
	z-index:1;	
}

.page-title h1{
	font-size:28px;
	margin-bottom:5px;
	color:#ffffff;	
	text-align: right;
padding-top: 20px;
}

.page-title .text{
	color:#ffffff !important;
	line-height:2em;
}

.theme-breadcrumb{
	position:relative;
	padding:0px;
	background-color: #fff;
	direction: rtl;
}

.theme-breadcrumb .breadcrumb{
	background:none;
	padding-left:0px;	
}

.theme-breadcrumb .breadcrumb li,
.theme-breadcrumb .breadcrumb li a{
	color:#8898a2;
	font-size:1em;
	text-transform:uppercase;	
}

.theme-breadcrumb .breadcrumb li a:hover {
    color: #bb861d; text-decoration: underline;
 }
 .breadcrumb > li + li::before {  padding: 0 2px;}
/*** 

====================================================================
	Default Two COlumn
====================================================================

***/

.default-two-column{
	position:relative;
}

.default-two-column .column{
	position:relative;
	margin-bottom:40px;	
}

.default-two-column .skewed-image{
	position:relative;
}

.default-two-column .image-box{
	position:relative;
	display:block;
	width:auto;
	margin-right:20px;
}

.default-two-column .image-box:before{
	content:'';
	position:absolute;
	width:300px;
	height:100%;
	top:10px;
	right:40px;
	background:#dda930;
	-webkit-transform:skewX(-15deg);
	-ms-transform:skewX(-15deg);
	-o-transform:skewX(-15deg);
	-moz-transform:skewX(-15deg);
	transform:skewX(-15deg);	
}

.default-two-column .image-box img{
	position:relative;
	display:block;
	width:100%;
	z-index:1;
}

.default-two-column .text-column .text{
	font-size:16px;	
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position:relative;
	padding:20px 0px 100px;
}

.services-section .outer-box{
	position:relative;
	padding:50px 200px 10px 50px;
	color:#ffffff;
	margin-right:130px;
	background:#082547;	
}

.services-section .outer-box .man-image{
	position:absolute;
	right:-130px;
	bottom:0px;	
}

.services-section .column{
	position:relative;
	margin-bottom:40px;	
}

.services-section h3{
	color:#ffffff;
	font-size:18px;
	font-weight:700;
	margin-bottom:15px;
	text-transform:uppercase;	
}

.services-section .text{
	color:#88979a;
	font-size:14px;
	line-height:2em;
}

/*** 

====================================================================
	Projects Section
====================================================================

***/

.projects-section{
	position:relative;
	padding:90px 0px 100px;
	overflow:hidden;
}

.projects-section .default-work-column{
	position:relative;
	float:left;
	width:25%;	
}

/*** 

====================================================================
	Single Projects Section
====================================================================

***/

.single-project{
	position:relative;
	padding:90px 0px 0px;
}

.single-project .upper-part{
	position:relative;
	margin-bottom:30px;	
}

.single-project .upper-part .upper-box{
	position:relative;
	overflow:hidden;
	margin-bottom:30px;	
}

.single-project .upper-part .main-image{
	position:relative;
	margin-left:750px;	
}

.single-project .upper-part .main-image img{
	 display:block;
	 width:100%;	
}
.single-project h2 {
    color: #fff;
	    text-align: right;
}
.single-project .upper-part .info-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	max-width:750px;
	padding:50px 60px 20px;
	color:#ffffff;
	background:#082547;	
}

#section2 {   padding-top: 0;}
.single-project .upper-part .info-box:before{
	content:'';
	position:absolute;
	right:-35px;
	top:0px;
	width:80px;
	height:100%;
	background:#082547;
	-webkit-transform:skewX(-10deg);
	-ms-transform:skewX(-10deg);
	-o-transform:skewX(-10deg);
	-moz-transform:skewX(-10deg);
	transform:skewX(-10deg);
	z-index:1;		
}

.single-project .upper-part .info-box .white-bar{
	position:absolute;
	right:-35px;
	top:0px;
	width:20px;
	height:100%;
	background:#ffffff;
	-webkit-transform:skewX(-10deg);
	-ms-transform:skewX(-10deg);
	-o-transform:skewX(-10deg);
	-moz-transform:skewX(-10deg);
	transform:skewX(-10deg);
	z-index:4;		
}

.single-project .upper-part .info-box:after{
	content:'';
	position:absolute;
	right:0px;
	bottom:0px;
	width:400px;
	height:40px;
	
	z-index:2;
}

.single-project .upper-part .info-box h4{
	font-size:1.1em;
	margin-bottom:10px;
	color:#fff;
	font-weight:500;
	z-index:5;		
}
.single-project .upper-part .info-box h4 a{	color:#fff; font-size: 1.1em;}
.single-project .upper-part .info-box h4 a:hover{	color:#f7c247; cursor: pointer;	}
.info-box .sec-title {
    position: relative;
    margin-bottom: 30px;
}

.single-project .upper-part .info-box ul{
	position:relative;
	z-index:5;	
}

.single-project .upper-part .info-box ul li{
	margin-bottom:10px;
	line-height:24px;
	color:#9fb0b4;
	font-size:14px;
}

.single-project .upper-part .info-box ul li strong{
	display:block;
	float:left;
	width:40%;
	font-size:14px;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:700;
	font-family:"DroidNaskh",Helvetica,Arial,sans-serif;	
}

.single-project .upper-part .info-box ul li .data{
	display:block;
	float:left;
	width:60%;	
}

.single-project .upper-part .lower-box{
	position:relative;
}

.single-project .upper-part .lower-box .related-thumbs{
	position:relative;	
}

.single-project .upper-part .lower-box .related-thumbs .thumb{
	float:left;
	margin-right:15px;
	margin-bottom:20px;
}

.single-project .upper-part .lower-box .related-thumbs .thumb img{
	display:block;
	max-width:100%;	
}

.single-project .text-column h3{
	font-size:20px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#082547;	
}

.single-project .text-column p{
	margin-bottom:20px;	
}


/*** 

====================================================================
	Sidebar Page Style
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:40px 0px 100px;
	background-color:#f2f2f2;
}

.sidebar-widget {
	position:relative;
	background:#ffffff;
	margin-bottom:30px;
	direction: rtl;
}

.sidebar-title{
	position:relative;
	padding:20px 25px;
	border-bottom:1px solid #e0e0e0;	
}

.sidebar-title:before{
	content:'';
	position:absolute;
	left:25px;
	bottom:-1px;
/*	height:1px;*/
	width:150px;
/*	background:#dda930;	*/
}

.sidebar-title h3{
	font-size:18px;
	text-transform:uppercase;
	color:#082547;
	font-weight:400;
	line-height:26px;	
}

.sidebar-widget hr{
	margin:10px 0px 15px;	
}

.sidebar-widget .widget-inner{
	position:relative;
	padding:25px 20px;
	background:#ffffff;
	display: block;
overflow: hidden;
}

.sidebar .search-widget{
	position:relative;
}

.sidebar .search-widget .form-group{
	 position:relative;
	 margin:0px;	
}

.sidebar .search-widget .form-group input[type="text"],
.sidebar .search-widget .form-group input[type="search"]{
	display:inline-block;
	width:97%;
	line-height:24px;
	padding:10px 15px 10px 50px;
	border:1px solid #f1f1f1;
	font-size:13px;
	background:#f3f3f3;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
	float: right;
    margin-right: 10px;
}

.sidebar .search-widget .form-group input[type="text"]:focus,
.sidebar .search-widget .form-group input[type="search"]:focus{
	border-color:#dda930;
}

.sidebar .search-widget .form-group input[type="date"]{

	display:inline-block;
	width:90%;
	line-height:24px;
	padding:10px 50px 10px 15px;
	border:1px solid #f1f1f1;
	font-size:13px;
	background:#f3f3f3;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
	float: right;
    margin-right: 10px;
}
.sidebar .search-widget .form-group label{
display:inline-block;
	/*width:30%;*/
	line-height:2px;
	padding:10px 50px 10px 15px;
	border:0px solid #ffffff;
	font-size:13px;
	background:#ffffff;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
	float: right;
    margin-right: 10px;
}

.sidebar .search-widget .form-group input[type="date"]:focus{
	border-color:#dda930;
}
.sidebar .search-widget .form-group button{
	position:absolute;
	left:0px;
	top:0;
	width:50px;
	height:45px;
	line-height:42px;
	text-align:center;
	font-size:14px;
	background:#dda930;
	color:#ffffff;
}

.sidebar .links-widget ul{
	/*font-family:'Poppins',sans-serif;*/
}

.sidebar .links-widget ul li{
	position:relative;
}

.sidebar .links-widget ul li:before{
	content:'\f104';
	font-family:'FontAwesome';
	position:absolute;
	right:0px;
	top:4px;
	width:15px;
	line-height:24px;
	display:block;
	color:#2b3338;
}

.sidebar .links-widget ul li:last-child{
	border:none;	
}

.sidebar .links-widget ul li a{
	position:relative;
	display:block;
	line-height:24px;
	padding:5px 20px 5px 0px;
	color:#082547;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;	
}

.sidebar .links-widget ul li a:hover{
	color:#dda930;	
}

.sidebar .news-widget .news-item{
	position:relative;
	padding-right:80px;
	margin-bottom:25px;
	min-height:65px;
}

.sidebar .news-widget .news-item .post-thumb{
	position:absolute;
	right:0px;
	top:0px;
	width:66px;	
}

.sidebar .news-widget .news-item .post-thumb:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:66px;
	/*border:33px solid transparent;
	border-bottom:10px solid #ffffff;*/	
}

.sidebar .news-widget .news-item .post-thumb img{
	display:block;
	width:100%;	
}

.sidebar .news-widget .news-item:last-child{
	margin-bottom:0px;	
}

.sidebar .news-widget .news-item h4{
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	margin-bottom:0px;
	color:#082547;
	line-height:18px;
	max-width:300px;	
}

.sidebar .news-widget .news-item h4 a{
	color:#082547;		
}

.sidebar .news-widget .news-item h4 a:hover{
	color:#dda930;	
}

.sidebar .news-widget .news-item .time{
	color:#a4a4a4;
	font-size:12px;	
}

.comments-container{
	position:relative;
	margin-bottom:50px;
	background:#ffffff;	
}

.content-side .sidebar-title h3{
	font-size:18px;
}

.comments-container .inner-box{
	padding:0px 25px;	
}

.comments-container .comment-box{
	position:relative;
	padding:40px 0px 20px;
	border-bottom:1px solid #e5e5e5;
}

.comments-container .comment-box:last-child{
	border-bottom:none;	
}

.comments-container .comment-box .inner{
	position:relative;
	padding-left:90px;
	min-height:80px;
	font-size:14px;
	color:#6b6b6b;
}

.comments-container .comment-box .inner .image{
	position:absolute;
	left:0px;
	top:0px;
	width:70px;
}

.comments-container .comment-box .inner .image:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	border:35px solid transparent;
	border-bottom:10px solid #ffffff;	
}

.comments-container .comment-box .inner .image img{
	display:block;
	width:100%;	
}

.comments-container .comment-box .author-title{
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	color:#082547;
	font-family:"DroidNaskh",Helvetica,Arial,sans-serif;	
}

.comments-container .comment-box .time{
	text-transform:capitalize;
	color:#a4a4a4;
	font-size:12px;
	margin-bottom:10px;	
}

.comments-container .comment-box .text{
	color:#6d6d6d;
	margin-bottom:10px;	
}

.comments-container .comment-box .reply-btn{
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	color:#082547;
	font-family:"DroidNaskh",Helvetica,Arial,sans-serif;
}

.comments-form-outer{
	position:relative;
	background:#ffffff;	
}

.comments-form-outer .inner-box{
	position:relative;
	padding:25px 25px;	
}

.comments-form-outer .form-group{
	 position:relative;
	 margin-bottom:22px;	
}

.comments-form-outer .form-group input[type="text"],
.comments-form-outer .form-group input[type="email"],
.comments-form-outer .form-group select,
.comments-form-outer .form-group textarea{
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 15px;
	border:1px solid #e0e0e0;
	height:56px;
	font-size:13px;
	background:#ffffff;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.comments-form-outer .form-group input[type="text"]:focus,
.comments-form-outer .form-group input[type="email"]:focus,
.comments-form-outer .form-group select:focus,
.comments-form-outer .form-group textarea:focus{
	border-color:#dda930;
	color:#dda930;
}

.comments-form-outer .form-group textarea{
	resize:none;
	height:150px;	
}

.comments-form-outer button.theme-btn{
	font-size:14px;
	font-weight:700;
	padding:12px 30px;	
}


.about-slider-area {
    padding: 60px 0 100px 0;
    background: #fff;
}
/*** 

====================================================================
	Default Blog Style
====================================================================

***/

.blog-page-body{
	background:#f1f1f1;	
}

.blog-posts-container{
	position:relative;
}

.default-blog-post{
	position:relative;
/*	margin-bottom:50px;	*/
}

.default-blog-post .inner-box{
	position:relative;
	border:1px solid #e0e0e0;
	margin:0 auto;
	background:#ffffff;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;		
}

.default-blog-post .inner-box:hover{
	-webkit-box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);
	-ms-box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);
	-o-box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);
	-moz-box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);
	box-shadow:0px 0px 7px 5px rgba(0,0,0,0.05);	
}

.default-blog-post .inner-most{
	position:relative;
	overflow:hidden;	
}

.default-blog-post .image-box{
	position:relative;	
}

.default-blog-post .image-box img{
	display:block;
	width:100%;	
}

.default-blog-post .lower-part{
	position:relative;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:-20px;	
}

.default-blog-post .lower-part .left-curve{
	position:absolute;
	left:0px;
	top:-30px;
	width:52%;
	height:90px;
	background:#ffffff;
	border-top:7px solid #f1f1f1;
	-webkit-transform:rotate(-12deg);
	-ms-transform:rotate(-12deg);
	-o-transform:rotate(-12deg);
	-moz-transform:rotate(-12deg);
	transform:rotate(-12deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.default-blog-post .lower-part .right-curve{
	position:absolute;
	right:0px;
	top:-30px;
	width:52%;
	height:90px;
	background:#ffffff;
	border-top:7px solid #f1f1f1;
	-webkit-transform:rotate(12deg);
	-ms-transform:rotate(12deg);
	-o-transform:rotate(12deg);
	-moz-transform:rotate(12deg);
	transform:rotate(12deg);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.default-blog-post:hover .lower-part .left-curve,
.default-blog-post:hover .lower-part .right-curve{
	border-top-color:#dda930;	
}

.two-column .default-blog-post .lower-part .left-curve,
.two-column .default-blog-post .lower-part .right-curve{
	top:-10px;	
}

.default-blog-post .content{
	position:relative;
	padding:30px 40px 10px;
	z-index:1;	
}

.two-column .default-blog-post .content{
	padding:20px 30px 20px;
}

.default-blog-post .content h3{
	position:relative;
	font-size:1.35em;
	margin-bottom: 10px;
	color: #082547;
	font-weight: 500;
	padding-bottom: 5px;
	padding-right: 0;
	padding-top: 0px;
}

.blog-posts-container.two-column .default-blog-post .content h3{
	font-size:20px;	
}

.default-blog-post .content .author-info{
	color:#082547;
	text-transform:uppercase;
	margin-bottom:20px;
	font-size:12px;
}

.two-column .default-blog-post .content .author-info{
	margin-bottom:10px;	
}

.default-blog-post .content h3 a,
.default-blog-post .content .author-info a{
	color:#082547;	
}

.default-blog-post .content h3 a:hover,
.default-blog-post .content .author-info a:hover{
	color:#dda930;	
}

.default-blog-post .content .text{
	position:relative;
	font-size:16px;
	line-height:30px;
	margin-bottom:10px;
	color:#8e8e8e;	
}

.default-blog-post .content .more-link{
	position:relative;
}

.default-blog-post .content .read-more{
	position:relative;
	display:inline-block;
	line-height:20px;
	font-weight:700;
	font-size:14px;
	font-family:"DroidNaskh",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	border-bottom:1px solid transparent;
	color:#082547;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;	
}

.default-blog-post .content .read-more:hover{
	color:#dda930;
	border-color:#dda930;
}

.default-blog-post .date-box{
	position:absolute;
	margin-left:-30px;
	width:80px;
	height:60px;
	padding:12px 5px 5px;
	text-align:center;
	color:#ffffff;
	background:#dda930;
	font-size:12px;
	font-weight:700;
	line-height:20px;
	left: 95%;
	top: -40px;
}

.two-column .default-blog-post .date-box{
	top:-55px;	
}

.default-blog-post .date-box .day{
	font-size:24px;	
}

.blog-details .content .text{
	font-size:14px;	
	text-align: right;
}

.blog-details .content .text p{
	margin-bottom:20px;	
}

.blog-details .content .text p:last-child{
	margin-bottom:0px;	
}

.blog-details blockquote{
	border-left:6px solid #dda930;
	padding:15px 20px;
	background:#ffffff;
	font-size:14px;	
}

.blog-details .post-info{
	position:relative;
	border-top:1px solid #e0e0e0;
	direction: rtl;
}

.blog-details .post-info li{
	display:inline-block;
	padding:10px 25px;
	line-height:24px;
	text-transform:uppercase;
	color: #416f8e;
   font-size: 1em;
	border-left:1px solid #e0e0e0;	
	direction: rtl;
}

.blog-details .post-info li:last-child{
	border:none;	
}

.blog-details .post-info li .icon{
	line-height:24px;
	font-size:16px;
	padding-left:5px;	
}

.blog-details .post-info li a{
	color:#8e8e8e;	
}

.blog-details .post-info li strong{
	padding-left:5px;
		
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
	font-family:"DroidNaskh",Helvetica,Arial,sans-serif;
	direction: rtl;
	margin-top: 30px;
	margin-bottom: 30px;
}

.styled-pagination li{
	position:relative;
	display:inline-block;
	margin:0px 3px 10px 0px;	
}

.styled-pagination li a{
	position:relative;
	display:block;
	line-height:24px;
	padding:6px 5px 4px;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	min-width:40px;
	border:2px solid rgba(0,0,0,0);	
	background:#ffffff;
	color:#1a1a1a;
	text-align:center;
	border-radius:3px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.styled-pagination li a .fa{
	line-height:24px;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#dda930;
	border-color:#dda930;	
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section{
	position:relative;
	padding:0px;
	margin-bottom:100px;
}

.contact-section .map-container{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border-top:66px solid transparent;
	border-bottom:64px solid transparent;
}

.map-container .map-canvas{
	position:relative;
	width:100%;
}

.map-container .map-canvas .map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	font-family:'Roboto',sans-serif;	
}

.map-container .map-canvas .map-data h6{
	font-weight:600;
	text-transform:uppercase;
	font-size:14px;
	text-align:center;
	margin-bottom:5px;
	color:#181818;
	font-family:"DroidNaskh",Helvetica,Arial,sans-serif;	
}

.contact-section .contact-form-outer{
	position:relative;
	background:#ffffff;
	max-width:700px;
}

.contact-section .contact-form-outer .inner-box{
	position:relative;
	padding:40px 30px;	
}

.contact-section .contact-form-outer .row{
	margin-left:-10px;
	margin-right:-10px;	
}

.contact-section .contact-form-outer .form-group{
	 position:relative;
	 margin-bottom:20px;
	 padding:0px 10px !important;	
}

.contact-section .contact-form-outer .form-group label.error{
	display:block;
	line-height:20px;
	padding:10px 0px 0px;
	color:#ff0000;
	font-weight:normal;
	font-size:12px;
	text-transform:uppercase;	
}

.contact-section .contact-form-outer .form-group input[type="text"],
.contact-section .contact-form-outer .form-group input[type="email"],
.contact-section .contact-form-outer .form-group select,
.contact-section .contact-form-outer .form-group textarea{
	display:block;
	width:100%;
	line-height:24px;
	padding:14px 15px;
	border:1px solid #e0e0e0;
	height:54px;
	font-size:13px;
	background:#ffffff;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.contact-section .contact-form-outer .form-group input[type="text"]:focus,
.contact-section .contact-form-outer .form-group input[type="email"]:focus,
.contact-section .contact-form-outer .form-group select:focus,
.contact-section .contact-form-outer .form-group textarea:focus{
	border-color:#dda930;
	color:#dda930;
}

.contact-section .contact-form-outer .form-group input.error,
.contact-section .contact-form-outer .form-group select.error,
.contact-section .contact-form-outer .form-group textarea.error{
	border-color:#ff0000;
	color:#ff0000;
}

.contact-section .contact-form-outer .form-group textarea{
	resize:none;
	height:150px;	
}

.contact-section .contact-form-outer button.theme-btn{
	font-size:14px;
	font-weight:700;
	padding:14px 35px;	
}

.contact-section .contact-info{
	position:relative;
	background:#142326;
	padding:10px 20px 0px;
	color:#ffffff;	
}

.contact-section .contact-info .column{
	position:relative;
	float:left;
	min-width:80px;
	margin:0px 25px 10px;
}

.contact-section .contact-info .info-box{
	position:relative;
	padding-left:45px;	
}

.contact-section .contact-info .info-box .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	line-height:42px;
	color:#ffffff;
	font-size:26px;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.contact-section .contact-info .info-box:hover .icon-box{
	color:#dda930;	
}

.contact-section .contact-info .info-box li{
	position:relative;
	line-height:20px;
	margin:0px 0px;
	color:#ffffff;
	text-transform:uppercase;
}

.contact-section .contact-info .info-box li .small-title{
	font-size:10px;
	letter-spacing:1px;	
}

.contact-section .contact-info .info-box li a{
	color:#ffffff;		
}

.contact-section .contact-info .info-box strong{
	font-weight:700;
	color:#ffffff;
	font-size:12px;
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section{
	position:relative;
	padding:0px 0px 100px;
}

.error-section .image-column{
	position:relative;
}

.error-section .image-column img{
	display:inline-block;
	max-width:100%;	
}

.error-section .text-column{
	position:relative;
}

.error-section .text-column h2{
	font-size:84px;
	margin:70px 0px 20px;
	line-height:90px;
	color:#082547;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
/*	-webkit-text-shadow:5px 6px 1px #e7e8e8;
	-ms-text-shadow:5px 6px 1px #e7e8e8;
	-o-text-shadow:5px 6px 1px #e7e8e8;
	-moz-text-shadow:5px 6px 1px #e7e8e8;
	text-shadow:5px 6px 1px #e7e8e8;	*/
}

.error-section .text-column h4{
	font-size:18px;
	margin-bottom:30px;
	line-height:30px;
	color:#acacac;
	font-weight:700;
	text-transform:uppercase;	
}

/*****************/
.auto-container2 {
    position: static;
    max-width: 1200px !important;
    padding: 0px 15px;
    margin: 0 auto;
}
.follow {
    font-size: 15px;
    font-weight: 600;
   
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.footer-social li {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
.footer-social a{
  position: relative;
  display: inline-block;
  font-size: 1.3em;
  color: #fff;
  width: 42px;
  height: 42px;
  line-height: 1.8em;
  text-align: center;
  background: #2b457a;
  border-radius: 50%;
  padding-top: 5px !important;
}
.footer-social a:hover{
  color: #fdc236;
  background: #dda930;
}

.gallery-wideget {
    position: relative;
    margin: 0px -9px 0px 5px;
}
.gallery-wideget .footer-title {
    margin-bottom: 32px;
}
 .gallery-wideget .img-list li{
  position: relative;
  overflow-x: hidden;
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 5px;
  float: right;
}
 .gallery-wideget .img-list li img{
  transform: scale(1.0);
  transition: all 500ms ease;
}

.gallery-wideget{
  position: relative;
  margin: 0px -9px 0px 5px;
}
.gallery-wideget .img-list li img {
    transform: scale(1.0);
    transition: all 500ms ease;
}
figure {
    margin: 0;
	display:block;
}
.copyright-text {
    text-align: center;
	direction: rtl;
	font-size: 0.9em;
}

.text-content h4 {
    color: #333;
    font-size: 10.5pt;
    font-style:none;
	font-weight: 600;
	text-align: right;
	padding-bottom: 10px;
}

.text-content h3 a {
    color: #fff;
    font-size: 0.8em;
    font-style: none;
    font-weight: 400;
}

.text-content h3 a:hover {
/*    color: #dda930;*/
}

.designation {
    font-size: 11pt;
    color: #b6820b;
	 font-style:none;
	text-align: right;
	padding-bottom: 10px;
}

.default-blog-post .image-box figure {max-height:350px;}

/************* news and updates *********************/

.section-gap {
    padding: 120px 0;
}
.slide-item .image-box {
   /* width: 120px;*/
}
.logo {
    margin-top: -15px;
	direction: rtl;
}

/********** video ***************/
.overlay-black::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(10, 19, 32, 0.8);
}

.video-section {
    /*padding: 100px 0;*/
    background: url(../images/background/4.jpg);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.video-col {
    text-align: center;
}
.video-col h2 {
    color: #ffffff;
    margin-bottom: 30px;
    letter-spacing: 1px;
}
.video-col i {
    color: #FFB606;
    font-size: 100px;
}

/** gallery-section **/


.gallery-section{
  position: relative;
  background: #f4f6f8;
  padding-bottom: 57px;
}
.gallery-section .single-item{
  position: relative;
}
.single-item-overlay .img-box img {
  width: 100%;
}
.gallery-section .four-column-carousel{
  position: relative;
  margin-bottom: 46px;
}
.gallery-section .link-text{
  position: relative;
  font-size: 19px;
  line-height: 30px;
  color: #333;
  font-family: 'Hind', sans-serif;
}
.gallery-section .link-text a{
  color: #fdc236;
  font-weight: 600;
  text-decoration: underline;
}
.gallery-section .owl-next {
  position: absolute;
  right: 100px;
  bottom: -85px;
  width: 49px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
}
.gallery-section .owl-prev {
  position: absolute;
  left: 100px;
  bottom: -85px;
  width: 49px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
}
.gallery-section .owl-prev:hover,
.gallery-section .owl-next:hover{
  background: #fdc236;
}
.owl-dots{
  display: none !important;
}
.single-item-overlay .img-box .overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.50);
  width: 100%;
  transform: scale(0.7,0);
  transition: .5s ease-in-out;
}
.single-item:hover .img-box .overlay {
  transform: scale(1,1);
  transition: .5s ease-in-out;
}

.gallery-section .single-item-overlay .inner-box {
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.single-item:hover .single-item-overlay .content {
  top: 0;
  transition: .5s cubic-bezier(0.4, 0, 1, 1);
  transition-delay: .3s;
}
.single-item-overlay .content .text{
  position: relative;
  font-size: 18px;
  font-family: 'Hind', sans-serif;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.single-item-overlay .content span{
  color: #fdc236;
  font-size: 16px;
  font-style: italic;
}

/***********************/

.search-course-area .search-course-right {
    background: rgba(255,255,255,.1);
}
.section-gap {
    padding: 0px 0 170px 0;
}
.video-section .details-content .single-detials h4 {
    margin: 20px 0;
    color: #fff;
}

.search-course-area .details-content {
    margin-top: 50px;
}
.search-course-area .search-course-right .form-wrap {
    padding: 0 40px;
}
.search-course-area .search-course-right .form-wrap .form-control {
    margin-bottom: 5px;
    border-radius: 0;
    padding: .675rem .75rem;
    font-size: 13px;
    font-weight: 300;
}
.form-select {
    height: 40px;
    width: 100%;
}
.search-course-area .search-course-right .form-wrap .form-control {
    margin-bottom: 5px;
    border-radius: 0;
    padding: .675rem .75rem;
    font-size: 13px;
    font-weight: 300;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.primary-btn {
    background: #f7631b;
    line-height: 42px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    cursor: pointer;
    position: relative;
}
.form-select .nice-select {
    border: none;
    border-radius: 0;
    height: 40px;
    background: #fff !important;
    padding-left: 45px;
    padding-right: 40px;
    width: 100%;
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}
.search-course-area .search-course-right .form-wrap .current {
    margin-left: -32px;
    font-size: 13px;
}
.form-select .current {
    margin-right: 50px;
    font-weight: 300;
}
/************/
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.search-course-area .details-content .single-detials span {
    color: #f7631b;
    font-size: 30px;
}
.lnr {
    font-family: linearicons-free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lnr-graduation-hat::before {
    content: "\e821";
}
*, ::before, ::after {
    box-sizing: border-box;
}
.search-course-area .details-content .single-detials span {
    color: #f7631b;
    font-size: 30px;
	}


.select-outline {
   
    padding: 18px 10px;
    float: left;
    width: 50%;
    border: 0px;
    height: 70px;
    line-height: 1.7;
    background: transparent;
}
select option {
overflow:hidden;

}
.text-white.pb-20.text-center.mb-30 {
    margin-top: -50px;
}

.testimonials-carousel .slide-item {
    background-color: white;
    padding: 20px;
}

.numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/*********/

====================================================================
    Event Start
====================================================================
***/
.cs-event-area {
    padding: 100px 0 70px;
    overflow: hidden;
}
.cs-event-area .cs-event-col {
    margin-bottom: 42px;
}
.cs-event-area .cs-event-col {
    margin-left: 15px;
    width: 45%;
    display: inline-block;
	vertical-align: top;
	float:right;
}
.cs-event-area.event-area2 .cs-event-col {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 50px;
}
.cs-single-event {
    position: relative;
    padding-right: 160px;
	height: 75px;
	direction: rtl;
}

.cs-single-event .cs-event-img {
    position: absolute;
    top: 0;
    right: 0;
}
.cs-inside-bdr img { width: 140px;}

.fa-bookmark::before {
    content: "\f02e";
    margin-left: 15px;
}
.color-white {
    color: #fff;
}
.color-black {
    color: #0a0a0a;
}
.color-thm {
    color: #af9a7d !important;
}
.font-14 {
    font-size: 14px !important;
}

.cs-single-event .cs-event-img .cs-event-img-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    padding: 5px 15px;
    background: #0c2248b3;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cs-single-event .cs-event-img::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(11, 93, 153, 0.46);
    padding: 10px;
    outline: none;
}



.cs-single-event .cs-event-img .cs-event-img-text h2 {
	 color: #ffffff; 
	 font-size: 36px; 
	 margin-bottom: 0; 
	color: #ffffff;
	font-size: 1em;
	margin-bottom: 0;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: none;
}

.cs-single-event .cs-event-img .cs-event-img-text::after {
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    width: 0;
    height: 100%;
    border-left: 40px solid #0c2248b3;
    border-top: 27px solid transparent;
}
.cs-single-event .cs-event-img .cs-event-img-text p {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    margin-top: 0;
}
.cs-single-event h4 {
    font-size: 16px;
    margin-bottom: 10px;
	color: #333;
	font-weight:400;
}
.cs-single-event span {
    color: #838B97;
/*    text-transform: uppercase;
    margin-right: 20px;*/
	direction: rtl;
    text-align: right;
}
.cs-single-event p {
    margin-top: 10px;
}
.event-area-list .cs-event-col .cs-single-event {
    padding-left: 280px;
}
/*message field start*/
.cs-message-field {
    padding: 60px;
    padding-bottom: 30px;
    background-color: #F1F1F1; 
}
.cs-message-field .form-control {
    margin-bottom: 20px;
}
/*event two start*/
.cs-event-area-two {
    background: #F7F7F7;
}
/*event three start*/
.cs-team-col2 {
    position: relative;
}

/*event single start*/
.cs-event-details {
    margin-top: 99px;
    margin-bottom: 80px;
}
.cs-event-details .cs-mins-box ul {
    margin-top: -40px;
    text-align: center;
}
.cs-event-details .cs-mins-box ul li {
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
    display: inline-block;
    font-weight: 600;
    margin-right: 3px;
    min-height: 70px;
    min-width: 100px;
    padding: 18px 38px;
    text-align: center;
    text-transform: uppercase;
}
.cs-event-details .cs-mins-box ul li .mins-title {
    color: #0a0a0a;
    font-size: 24px;
    font-weight: bold;
}
.cs-event-details-inner {
    margin-top: 50px;
}
.cs-event-details-inner .event-details-time {
    color: #af9a7d;
    margin-bottom: 15px;
}
.cs-event-details-inner p.p-text {
    margin-bottom: 30px;
}

.gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-info {
    margin-bottom: 2px;
    margin-right: 20px;
}
.gdlr-core-event-item-info.gdlr-core-type-start-date-month {
    border-color: #dda930;
}
.gdlr-core-event-item-info.gdlr-core-type-start-date-month {
    display: block;
    float: right;
    width: 40px;
    text-align: center;
    white-space: nowrap;
    margin-left: 25px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    padding-bottom: 10px;
}

.gdlr-core-type-start-date-month .gdlr-core-date {
    color: #dda930;
}
.gdlr-core-type-start-date-month .gdlr-core-date {
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    display: block;
}
.gdlr-core-type-start-date-month .gdlr-core-month {
    color: #152647;
}
.gdlr-core-type-start-date-month .gdlr-core-month {
    font-size: 16px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}

.gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-title {
    font-size: 18px;
    margin-bottom: 14px;
}

.gdlr-core-event-item-list .gdlr-core-event-item-title a, .gdlr-core-event-item-list .gdlr-core-event-item-title a:hover {
    color: #182847;
}

.gdlr-core-event-item .gdlr-core-event-item-info-wrap {
    color: #f3f3f3;
}
.gdlr-core-event-item .gdlr-core-event-item-info-wrap {
    font-size: 13px;
}
.gdlr-core-event-item-content-wrap h4 a {
    font-size: 16px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 400;
}
.cs-event-area {
    padding-top: 70px;
	padding-bottom: 50px;
    background-color: #f6f9fb;
	overflow: hidden;
}

.gdlr-core-event-item-info-wrap {
    height: 30px;
	direction: rtl;
}

.gdlr-core-event-item-info.gdlr-core-type-time {
    color: #7E8793;
	font-size: 15px;
}
.bd-example {
    padding: 1.5rem;
    margin-right: 0;
    margin-left: 0;
    border-width: .2rem;
	text-align: center;
}



.lower-box .related-thumbs{
	position:relative;	
	margin: 10px;
}

.lower-box .related-thumbs .thumb{
	float:right;
	margin-left:15px;
	margin-bottom:20px;
}

.lower-box .related-thumbs .thumb img{
	display:block;
	max-width:100%;	
}


.cs-event-area .read-more {
    position: relative;
    display: inline-block;
    line-height: 20px;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid transparent;
    color: #082547;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

.cs-event-area .read-more:hover { color: #dda930;}



/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
/*        position: fixed;*/
/*        top: 60px;*/
/*        left: 225px;*/
/*        width: 225px;*/
/*        margin-left: -225px;
        border: none;
        border-radius: 0;
        border-top: 1px rgba(0,0,0,.5) solid;*/
        overflow-y: auto;
        /*background-color: #222;
        background-color: #5A6B7D;*/
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 260px;
        border-bottom: 1px rgba(0, 0, 0, 0.08) solid;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
/*        background-color: #1a242f !important;*/
    }
}


.side-nav>li>ul {
    padding: 0;
    border-bottom: 1px rgba(0,0,0,.3) solid;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    /*color: #999;*/
    color: #fff;    
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

.navbar .nav > li > a > .label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  right: 6px;
  font-size: 10px;
  font-weight: normal;
  min-width: 15px;
  min-height: 15px;
  line-height: 1.0em;
  text-align: center;
  padding: 2px;
}

.navbar .nav > li > a:hover > .label {
  top: 10px;
}

.navbar-brand {
    padding: 5px 15px;
}    

.main-header .header-top .top-right2 {
    position: relative;
    padding: 5px 0px;
    float: left;
    margin-left: 30px;
}
.top-right2 ul li a.active {
    color: #f0c15f;
}
.main-header .header-top .top-right2 ul li {
    position: relative;
    float: left;
    margin-right: 10px;
}
/********** side-nav **************/


.sidebar .links-widget ul ul li::before {
    content: '\f101';
    font-family: 'FontAwesome';
    position: absolute;
    left: 10px;
    top: 4px;
    width: 15px;
    line-height: 24px;
    display: block;
    color: #2b3338;
}

.sidebar .links-widget ul ul li a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 5px 0px 5px 20px;
    color: #082547;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
/*=======================================================================
[09] Featured Area
=========================================================================*/
.featured-box {
  overflow: hidden;
  background: #ffffff;
  margin-bottom: 30px;
}
.featured-box .featured-img-holder {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.featured-box .featured-img-holder img {
  width: 100%;
}
.featured-box .featured-img-holder:before {
  background-color: rgba(253, 200, 0, 0.8);
  z-index: 1;
}
.featured-box .featured-img-holder a {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  line-height: 54px;
  background-color: rgba(0, 33, 71, 0.9);
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
  opacity: 0;
  -moz-transform: scale(1) translateX(-400px);
  -webkit-transform: scale(1) translateX(-400px);
  -o-transform: scale(1) translateX(-400px);
  -ms-transform: scale(1) translateX(-400px);
  transform: scale(1) translateX(-400px);
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.featured-box .featured-img-holder a i {
  color: #fdc800;
  font-size: 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.featured-box .featured-img-holder a:hover i {
  color: #ffffff;
}
.featured-box .featured-img-holder:hover a {
  opacity: 1;
  -moz-transform: scale(1) translateX(0px);
  -webkit-transform: scale(1) translateX(0px);
  -o-transform: scale(1) translateX(0px);
  -ms-transform: scale(1) translateX(0px);
  transform: scale(1) translateX(0px);
  -webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
}
.featured-box .featured-content-holder {
  padding: 10px 10px 5px 15px;
}
.featured-box .featured-content-holder h3 {
  font-size: 22px;
  margin-bottom: 5px;
}
.featured-box .featured-content-holder h3 a {
  color: #002147;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.featured-box .featured-content-holder h3 a:hover {
  color: #fdc800;
}
.featured-box .featured-content-holder p {
  margin-bottom: 10px;
}
.featured-box2 {
  width: 100%;
  background: #f5f5f5;
  padding: 20px 15px 20px 18px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
	direction: rtl;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .featured-box2 {
    text-align: center;
    padding: 25px 10px 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featured-box2 {
    height: 198px;
  }
}
@media only screen and (max-width: 479px) {
  .featured-box2 {
    text-align: center;
    padding: 15px 10px 5px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-box2 {
    margin-bottom: 15px;
  }
}
.featured-box2 i {
  float: right;
  margin-left: 20px;
  text-align: center;
  height: 60px;
  width: 60px;
  line-height: 58px;
  border-radius: 50%;
  background: #ecb73e;
  font-size: 24px;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .featured-box2 i {
    float: none;
    margin-right: 0;
  }
}
@media only screen and (max-width: 479px) {
  .featured-box2 i {
    float: none;
    margin-right: 0;
  }
}
.featured-box2 h3 {
font-size: 1.3em;
font-weight: 500;
line-height: 3em;
}
.featured-box2 h3 a {
  color: #002147;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-size: 1em;
}
.featured-box2 h3 a:hover {
  color: #ffffff !important;
}
.featured-box2:before {
  background: #002147;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.featured-box2:hover i {
  background: #ffffff;
  color: #002147;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.featured-box2:hover h3 a {
  color: #fdc800;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.featured-area {
  padding: 88px 0 100px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featured-area {
    padding: 78px 0 90px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featured-area {
    padding: 68px 0 80px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .featured-area {
    padding: 58px 0 70px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .featured-area {
    padding: 48px 0 60px;
  }
}
@media only screen and (max-width: 320px) {
  .featured-area {
    padding: 38px 0 50px;
  }
}
.featured-wrapper > div:first-child .featured-img-holder a {
  top: 50%;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.featured-wrapper > div:first-child .featured-img-holder:hover {
  -webkit-transition: all 1.2s ease-out;
  -moz-transition: all 1.2s ease-out;
  -ms-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
}
.featured-wrapper > div:first-child .featured-content-holder {
  padding: 30px 30px 18px 40px;
}
.featured-wrapper > div:first-child .featured-content-holder h3 {
  margin-bottom: 10px;
}
.view-all-btn-area {
  text-align: center;
  margin-top: 30px;
}

.about-slider-area {
    padding: 10px 0 100px 0;
	/*background-color: #fff;*/
}

.about-slider-area h2 {color: #002147; padding-bottom: 30px; font-weight: 400; font-size: 1.7em;}

.about-slider-area h3, .about-slider-area h4 {color: #dda930; padding-bottom: 10px; font-weight: 400;}


.about-slider-area p {
font-size: 1.1em;
color: #68747e;
padding-bottom: 20px;
	direction: rtl;
}
.about-slider-area li {font-size: 1.1em;}

/*********** Students ****************/
/* ==================================================
  Hero Styling
================================================== */
.hero {
    display: table;
    position: relative;
    background-image: url(../images/background/cover.jpg);
    background-size: cover;
    padding: 150px 0;
    color: #fff;
    width: 100%;
    height: 100vh;
}


.hero:after {
  content: '';
  z-index: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.hero .container {
  position: relative;
  z-index: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.hero-brand {
  margin-bottom: 75px;
  display: inline-block;
}

.hero-brand:hover {
  opacity: .75;
}

.tagline {
  
  font-size: 26px;
  margin: 45px 0 75px 0;
  color: #fff;
}


.footer-widget.links-widget {  text-align: right;}

/********************* service-section **/

.service-section{
  position: relative;
  padding: 120px 0px 115px 0px;
}
.service-section:before{
  position: absolute;
  content: '';
  background: url(../images/background/bg1.jpeg);
  width: 50%;
  height: 100%;
  right: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-section:after{
  position: absolute;
  content: '';
  background: url(../images/service/bg2.jpg);
  width: 50%;
  height: 100%;
  right: 0px;
  top: 0px;
}
.service-section .tab-content-area{
  position: relative;
  z-index: 1;
	direction: rtl;
}
.service-section .tab-content-area .nav-pills{
  position: relative;
  width: 45%;
  left: -320px;
  display: inline-block;
}
.service-section .tab-content-area .tab-content{
  position: relative;
  display: inline-block;
  width: 55%;
  float: left;
}
.service-section .tab-content-area .nav-pills li{
  position: relative;
  display: block;
  
}
.service-section .tab-content-area .nav-pills li a{
  width: 280px;
  padding: 20px 20px 21px 0px;
  background: #ffffff;
  margin-bottom: 2px;
  border-radius: 0px;
  text-align: right;
  font-size: 1.2em;
  font-weight: 600;
  color: #11233e;
  border: 1px solid #d0d0d0;
}
.service-section .tab-content-area .nav-pills li:first-child a{
  left: 2px;
}
.service-section .tab-content-area .nav-pills li.active a{
  background: #fdc236;
 
}
.service-section .tab-content-area .nav-pills li i:before{
  color: #fdc236;
  margin-left: 20px;
  transition: all 500ms ease;
}
.service-section .tab-content-area .nav-pills li.active i:before{
  color: #fff;
}
.service-section .service-content{
  position: relative;
  margin-right: 120px;
  margin-top: -10px;
  z-index: 1;
	direction: rtl;
}
.service-section .service-content .service-title{
  position: relative;
  font-size: 30px;
  font-family: "DroidNaskhb",Helvetica,Arial,sans-serif;
  line-height: 45px;
  color: #333;
  font-weight: 600;
  margin-bottom: 46px;
  text-transform: uppercase;
}
.service-section .service-content .service-title:before{
  position: absolute;
  content: '';
  background: url(../images/service/shap.png);
  width: 79px;
  height: 3px;
  left: 0px;
  bottom: -17px;
}
.service-section .service-content .content-text{
  position: relative;
  padding: 0px 0px 0px 119px;
  /*margin-bottom: 34px;*/
}
.service-section .service-content .content-text .img-box{
  position: absolute;
  left: 0px;
  top: 11px;
}
.service-section .service-content .list-content li{
  position: relative;
  display: block;
  padding: 0px 38px 0px 0px;
  margin-bottom: 10px;
}
.service-section .service-content .list-content li:before{
  position: absolute;
  content: "\f05d";
  font-family: 'FontAwesome';
  font-size: 20px;
  right: 0px;
  top: 0px;
}

/**********/
.tz-introduce-content {
    padding-bottom: 50px;
}
.tz-introduce-content {
    
    padding: 40px;
        padding-bottom: 0px;
    position: relative;
    text-align: center;
}
.tz-introduce-content p{font-size:1.3em;line-height:1.6em;margin:0 30px;color:#16577B;}
.tz-background-tranparent{background:transparent!important;}





/***************/

@media(max-width:480px) {
.search-course-area .search-course-left {
	padding-top: 30px;
	margin-bottom: 40px
}
.pt-60, .pt-90, .fun-factor-area {  padding-top: 30px !important;}

.video-section .sec-title {  margin-bottom: 10px;}
.sec-title h2, .main-bxslider h2, .sec-title h2, .main-bxslider h2 {
    font-size: 1.6em;
}
.section-gap {  padding: 0px 0 460px 0;}
.select-outline {width: 100%;}
.latest-work, .what-we-do {  padding: 50px 0px 50px;}
.gdlr-core-event-item-content-wrap h4 a {
    font-size: 1em;
    margin-bottom: 10px;
    color: #46545f;
    font-weight: 600;
}
.cs-event-area .cs-event-col {  margin-bottom: 20px;}
.cs-single-event {  padding-left: 10px;}
.cs-single-event h4 { font-size: 1em;}
.cs-single-event .cs-event-img {  display: none;}
.single-fun-factor h2 {  font-size: 35px;}
.single-fun-factor > h4 {  font-size: 18px;}
.single-fun-factor { padding: 20px;  width: 300px;}
.what-we-do .sec-title {   margin-bottom: 0px;}
.search-course-area .search-course-left {  padding-top: 20px;  margin-bottom: 0px;}
.tabs-box h4 {  font-size: 1.4em;}
.page-title h1 { font-size: 26px !important;}
.main-header .header-lower {padding:0;}
.logo img {width:80%; padding-top: 40px;}
.main-header .btn-outer { top: -100px; padding:3px; width: 120px !important; margin-left: -15px;}
.main-header .btn-outer .inq-btn { font-weight: 600; font-size: 0.9em; }
.page-title { padding: 30px 0px !important;}
.navbar-nav { margin: 7.5px -5px;}
.default-blog-post .content {padding: 20px 20px 30px;}
.default-blog-post .content h3 {  font-size: 22px;font-weight: 600;}
.blog-details .post-info li { width: 100%; border-right: none;}
.sidebar-page-container {padding: 40px 0px 10px;}
.main-footer .footer-upper { padding: 40px 0px 20px; }
.main-header .nav-outer::before {background: none;}
.auto-container { max-width: 95% !important;}
.about-section .bottom-content .single-item .title { font-size: 1.3em; font-weight: 400; font-family: "DroidNaskh",Helvetica,Arial,sans-serif;}

}

.more-link {
    direction: rtl;
}
/***************/

@media(min-width:700px) {
.auto-container { max-width: 95% !important;}
}



/*****************************/

.about-section .left-content .top-title {
    position: relative;
    font-size: 36px;
    line-height: 45px;
    color: #fdc236;
    margin-bottom: 12px;
}
.about-section .bottom-content {
    position: relative;
    margin-top: 30px;
}
.about-section .bottom-content .single-item{
  position: relative;
  padding: 0px 128px 0px 25px;
  margin-bottom: 48px;
	direction: rtl;
	
}
.about-section .bottom-content .single-item .icon-box{
  position: absolute;
  right: 0px;
  top: 7px;
  width: 98px;
  height: 98px;
  line-height: 98px;
  text-align: center;
  border: 1px solid #eeeeee;
  transition: all 500ms ease;
}
.about-section .bottom-content .single-item:hover .icon-box{
  border: 1px solid #fdc236;
}
.about-section .bottom-content .single-item .icon-box i:before{
  font-size: 30px;
  color: #fdc236;
  margin: 0px;
}
.about-section .bottom-content .single-item .title{
  position: relative;
  font-size: 1.6em;
font-weight: 600;
  color: #333;
  margin-bottom: 29px;
 font-family: "DroidNaskhb",Helvetica,Arial,sans-serif;
 padding-top: 35px;
}
.about-section .bottom-content .single-item .title:before{
  position: absolute;
  content: '';
  background: #fdc236;
  width: 30px;
  height: 1px;
  right: 0px;
  bottom: -11px;
}
.about-section .bottom-content .single-item p{
  line-height: 26px;
}

.about-section .bottom-content .single-item .icon-box i::before {
    font-size: 3em;
    color: #fdc236;
    margin: 0px;
}

/*.about-section {  padding-bottom: 50px;}*/
.title a {  color: #0d396b;}
.title a:hover {  color: #dda930;}

.inner-most .date-box {
    position: absolute;
    width: 80px;
    height: 60px;
    padding: 12px 5px 5px;
    text-align: center;
    color: #ffffff;
    background: #dda930;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 20px;
    font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    right: 0;
    top: -40px;
}

.ct-btn-scroll {
  width: 50%;
  height: 50px;
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 500px;
  z-index: 99999;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
 text-align: center;
	color: #fff;
	font-size: 1.5em;
}

.ct-btn-scroll:hover { color: #dda930;}
.grad-btn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #A7D1DD;
    display: inline-block;
    margin: 3px 1px;
    padding: 4px 6px 1px;
	font-size: 0.9em;
 color: #427bab;
}

.post-info.college li a {
    color: #333;
    font-size: 0.95em;
    font-family: tahoma, sans-serif;
}
.post-info.college li a:hover {
    color: #dda930;
}

.post-info.college {
    text-align: center;
	direction: rtl;
    
}
/**********/

.inner-most .new-box {
    position: absolute;
width: 80px;
height: 65px;
padding: 10px 5px 8px;
text-align: center;
color: #ffffff;
background: red;
font-size: 1em;
font-weight: 600;
line-height: 18px;
right: 0;
top: -45px;
}
.content h3 a {
    color: #08326f !important;
}

/************* Events ********************/
.event-inner-wrapper .single-item {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
	direction: rtl;
}
@media only screen and (max-width: 1199px) {
  .event-inner-wrapper .single-item {
    display: block;
  }
}

.event-inner-wrapper .single-item .item-content {
  padding: 0 30px;
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -webkit-flex: 1;
  flex: 1;
	direction: rtl;
}
@media only screen and (max-width: 1199px) {
  .event-inner-wrapper .single-item .item-content {
    padding: 30px 0;
  }
}
.event-inner-wrapper .single-item .item-content p {
  margin-bottom: 10px;
}
.event-inner-wrapper .event-info-block li {
  line-height: 1.4;
  margin-top: 0px;
	margin-bottom: 15px;
  font-size: 1em;
  color: #002147;
  padding-right: 30px;
  position: relative;
  display: inline-block;
	margin-left: 20px;
}
@media only screen and (max-width: 479px) {
  .event-inner-wrapper .event-info-block li {
    font-size: 16px;
  }
}
.event-inner-wrapper .event-info-block li:last-child {
  margin-bottom: 0;
}
.event-inner-wrapper .event-info-block li i {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  font-size: 24px;
  margin-left: 15px;
  color: #fdc800;
}
.event-details-page-area {
  padding: 100px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-details-page-area {
    padding: 90px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-details-page-area {
    padding: 80px 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .event-details-page-area {
    padding: 70px 0;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .event-details-page-area {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 320px) {
  .event-details-page-area {  padding: 50px 0;  }
  .about-section .bottom-content .single-item .title { font-size: 1.3em; font-weight: 400; font-family: "DroidNaskh",Helvetica,Arial,sans-serif;}

}
.event-details-inner .event-details-img {
  position: relative;
  margin-bottom: 30px;
}
.event-details-inner .event-details-img .countdown-content {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .event-details-inner .event-details-img .countdown-content {
    top: inherit;
    bottom: 0;
    transform: translateY(0);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
}
.event-details-inner .event-details-img .countdown-content .countdown-section {
  padding: 15px 0;
  text-align: center;
  width: 80px;
}
@media only screen and (max-width: 991px) {
  .event-details-inner .event-details-img .countdown-content .countdown-section {
    padding: 8px 0 4px;
    width: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .event-details-inner .event-details-img .countdown-content .countdown-section {
    width: 65px;
    display: inline-block;
  }
}
.event-details-inner .event-details-img .countdown-content .countdown-section h3 {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
}
.event-details-inner .event-details-img .countdown-content .countdown-section p {
  margin-bottom: 0;
}
.event-details-inner .event-details-img .countdown-content .countdown-section:nth-child(odd) {
  background: #002147;
}
.event-details-inner .event-details-img .countdown-content .countdown-section:nth-child(odd) p {
  color: #a0a5ac;
}
.event-details-inner .event-details-img .countdown-content .countdown-section:nth-child(even) {
  background: #fdc800;
}
.event-details-inner .event-details-img .countdown-content .countdown-section:nth-child(even) p {
  color: #856900;
}
.event-details-inner p {
  margin-bottom: 50px;
}
.event-info-inline {
  margin-bottom: 55px;
}
.event-info-inline li {
  display: inline-block;
  line-height: 1.4;
  margin-right: 30px;
  font-size: 18px;
  color: #002147;
  padding-left: 40px;
  position: relative;
  margin-bottom: 10px;
}
@media only screen and (max-width: 479px) {
  .event-info-inline li {  font-size: 16px;  }
    .about-section .bottom-content .single-item .title { font-size: 1.2em; font-weight: 400; font-family: "DroidNaskhb",Helvetica,Arial,sans-serif;}
.tabs-box h3 { font-size: 1.8em;}
.cs-event-area .cs-event-col { margin-right: 10px; width: 100% !important;}
.h4, h4 {  font-size: 16px; font-family: "DroidNaskh",Helvetica,Arial,sans-serif;}
.gdlr-core-event-item-content-wrap h4 a { font-weight: 400;}
.single-project .upper-part .info-box {  padding: 40px;}
.sec-title h2 { font-family: "DroidNaskhb",Helvetica,Arial,sans-serif;}
.testimonials-section .testi-box { padding-right: 30px; }
.main-header .btn-outer { top: 0;}
}
.event-info-inline li:last-child {
  margin-bottom: 0;
}
.event-info-inline li i {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-size: 24px;
  margin-right: 15px;
  color: #fdc800;
}

/************* Events end ********************/

/******************************/
/** helping-us **/
.helping-us {
    position: relative;
    padding: 70px 0px 70px 0px;
	background-color: #f6f6f6;
}
.media { background-color: #fff;}
.video-gallery {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.helping-us .helping-content .title {
    position: relative;
    font-size: 36px;
      line-height: 45px;
    color: #333;
    font-weight: 500;
    margin-bottom: 27px;
}
.helping-us .helping-content .text {
    position: relative;
    margin-bottom: 46px;
}
.font_size_16 {
    font-size: 16px;
}

.helping-content h2{
  margin-bottom: 15px;
	font-size: 20px;
	color: #606d80;

}

.helping-title .sec-title h2{
  margin-bottom: 55px;
}
.helping-us .sec-title h2:before{
  left: 50%;
  margin-left: -25px;
  bottom: -28px;
}
.media-gallery {

    width: 100%;
    height: 200px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;

}
.media-gallery img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.video-gallery {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.video-gallery img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.video-gallery .overlay-gallery {
  background-color: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  transition: all 500ms ease;
}
.video-gallery .overlay-gallery .icon-holder{
  display: table;
  height: 100%;
  width: 100%;    
}
.video-gallery .overlay-gallery .icon-holder .icon{
  display: table-cell;
  vertical-align: middle;    
}
.video-gallery .overlay-gallery .icon-holder .icon a img{
  width: auto;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.video-gallery .overlay-gallery .icon-holder .icon a:hover img{
  transform: scale(1.1);
}
.helping-us .helping-content{
  position: relative;
  margin-left: 20px;
}
.helping-us .helping-content .title{
  position: relative;
  font-size: 30px;
  line-height: 45px;
  color: #333;
  margin-bottom: 10px;
	color: #11233e;
	direction: rtl;
	font-family: "DroidNaskhb",Helvetica,Arial,sans-serif;

}
.helping-us .helping-content .title span{
  color: #dda930;
}
.helping-us .helping-content .text{
  position: relative;
  margin-bottom: 26px;
	direction: rtl;
}
.helping-us .helping-content .info-box{
  position: relative;
}
.helping-us .helping-content .single-info{
  position: relative;
  display: inline-block;
  margin: 0px 26px;
}
.helping-us .helping-content .single-info .img-box{
  position: relative;
  width: 97px;
  height: 97px;
  line-height: 97px;
  text-align: center;
  border: 2px solid #ececec;
  border-radius: 50%;
  margin-bottom: 21px;
}
.helping-us .helping-content .single-info h4{
  margin-bottom: 0px;
}
.tit-text{
  position: relative;
  margin-bottom: 42px;
  font-size: 16px;
}

/*****************************/

.content-side.col-lg-9.col-md-9.col-sm-12.col-xs-12 {
    padding: 30px 40px 30px 20px;
    background: #fff;
}
.footer-social {
    direction: rtl;
}

/************************** tabs ************************************************/

.tab{
    margin-top: 30px;
}
.tab .nav-tabs{
    border:none;
    border-bottom: 1px solid #e4e4e4;
}
.nav-tabs li a{
    padding: 15px 40px;
    border:1px solid #ededed;
    border-top: 2px solid #ededed;
    border-right: 0px none;
    background: #d7c08c;
    color:#fff;
    border-radius: 0px;
    margin-right: 0px;
    font-weight: 600;
    transition: all 0.3s ease-in 0s;
	font-size: 1.2em;
}
.nav-tabs li a:hover{
    border-bottom-color: #ededed;
    border-right: 0px none;
    background: #bc994a;
    color: #fff;
}
.nav-tabs li a i{
    display: inline-block;
    text-align: center;
    margin-right:10px;
}
.nav-tabs li:last-child{
    border-right:1px solid #ededed;
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover{
    border-top: 6px solid  #dda930;
    border-right: 1px solid #d3d3d3;
    margin-top: -15px;
    color: #444;
    padding: 22px 40px;
	font-size: 1.2em;
}
.tab .tab-content{
    padding: 20px 30px;
   /* line-height: 22px;*/
    box-shadow:0px 1px 0px #808080;
	background: #fff;
}
.tab .tab-content h3{
    margin-top: 0;
}
.tab-content.tabs img {
    float: right;
    padding: 0 0px 20px 20px;
}
.tab .tab-content h3 {
    font-size: 1.3em;
	color: #444;
}
@media only screen and (max-width: 767px){
    .nav-tabs li{
        width:100%;
        margin-bottom: 10px;
    }
    .nav-tabs li a{
        padding: 15px;
    }
    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover{
        padding: 15px;
        margin-top: 0;
    }
}
/*******************************/

.list li::before {
    content: '\f104';
    font-family: 'FontAwesome';
    position: relative;
    right: 0px;
    top: 0px;
    width: 15px;
    line-height: 24px;
    display: block;
    color: #2b3338;
    float: right;
}

.list li a {  color: #2b3338;}
.list li a:hover {  color: #dda930;}

.tab .tab-content h3 {
    margin-top: 20px;
}

/*****************************/
.single-latest-item {
    overflow: hidden;
    margin-bottom: 50px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-latest-image {
    float: right;
}
.single-latest-text {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 2px solid #f0be48;
    overflow: hidden;
    padding: 18px 20px 10px 20px;
}
/*----------------------------------------*/
/*  7. Latest News Area
/*----------------------------------------*/
.latest-area {
	padding: 40px 0 70px;
background-color: #fff;}

.single-latest-text > h3 {
   
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 5px;
}
.single-latest-item {
    overflow: hidden;
    margin-bottom: 50px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.section-title h2 { font-weight: 600;  color: #333;}
.single-latest-item:hover {box-shadow: 2px 5px 25px rgba(34, 30, 31, 0.25);}
.single-latest-text > h3 a {color: #2d3e50;}
.single-latest-text p{font-size: 1em;	color: #5f6469; text-align: right;}
.single-latest-image {float: right;}
.single-latest-image a {display: inline-block}
.single-latest-text {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 2px solid #f0be48;
    overflow: hidden;
    padding: 18px 20px 10px 20px;
	direction: rtl;
}
.section-title p { padding-bottom: 20px; text-align: right

}
.single-latest-item .single-item-comment-view span {margin-right: 13px;}
.single-latest-item .single-item-comment-view {
    display: block;
    margin-bottom: 2px;
}
.single-latest-item .button-default {
    font-size: 1em;
    padding: 2px 10px;
	color:#7282a7;
}
.single-latest-item:hover .button-default {background: #2D3E50 none repeat scroll 0 0; color: #fff;}

/******************************/
/** helping-us **/
.helping-us {
    position: relative;
    padding: 70px 0px 70px 0px;
	background-color: #f6f6f6;
}
.media { background-color: #fff;}
.video-gallery {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.helping-us .helping-content .title {
    position: relative;
    font-size: 36px;
      line-height: 45px;
    color: #333;
    font-weight: 500;
    margin-bottom: 27px;
}
.helping-us .helping-content .text {
    position: relative;
    margin-bottom: 46px;
}
.font_size_16 {
    font-size: 16px;
}

.helping-content h2{
  margin-bottom: 15px;
	font-size: 18px;
	color: #0b1017;

}

.helping-title .sec-title h2{
  margin-bottom: 55px;
}
.helping-us .sec-title h2:before{
  left: 50%;
  margin-left: -25px;
  bottom: -28px;
}
.media-gallery {

    width: 100%;
    height: 200px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;

}
.media-gallery img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.video-gallery {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.video-gallery img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.video-gallery .overlay-gallery {
  background-color: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  transition: all 500ms ease;
}
.video-gallery .overlay-gallery .icon-holder{
  display: table;
  height: 100%;
  width: 100%;    
}
.video-gallery .overlay-gallery .icon-holder .icon{
  display: table-cell;
  vertical-align: middle;    
}
.video-gallery .overlay-gallery .icon-holder .icon a img{
  width: auto;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.video-gallery .overlay-gallery .icon-holder .icon a:hover img{
  transform: scale(1.1);
}
.helping-us .helping-content{
  position: relative;
  margin-left: 20px;
}
.helping-us .helping-content .title{
  position: relative;
  font-size: 30px;
  line-height: 45px;
  color: #333;
  font-weight: 700;
  margin-bottom: 10px;
	color: #11233e;

}
.helping-us .helping-content .title span{
  color: #dda930;
}
.helping-us .helping-content .text{
  position: relative;
  margin-bottom: 26px;
 line-height: 1.8em;
 font-size: 1.1em;
}
.helping-us .helping-content .info-box{
  position: relative;
}
.helping-us .helping-content .single-info{
  position: relative;
  display: inline-block;
  margin: 0px 26px;
}
.helping-us .helping-content .single-info .img-box{
  position: relative;
  width: 97px;
  height: 97px;
  line-height: 97px;
  text-align: center;
  border: 2px solid #ececec;
  border-radius: 50%;
  margin-bottom: 21px;
}
.helping-us .helping-content .single-info h4{
  margin-bottom: 0px;
}
.tit-text{
  position: relative;
  margin-bottom: 42px;
  font-size: 16px;
}

/******************* search results ****************/
.results { border-bottom: 1px solid #eae6e6; padding-bottom: 15px; direction:rtl;}
.result-title {font-size: 1.1em; padding-top: 10px;}
.result-summary { margin-top: 3px;}
.result-summary p {font-size: 1em; line-height: 1.5em; margin-bottom: 10px;}
.results span, .results time { color: #3eafe3; text-align: right;}
#resultStats {
    margin: 25px 0;
    padding-bottom: 3px;
    border-bottom: 1px solid #eee;
	text-align: right;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
	direction: rtl;
}
.result-title a {
    font-size: 1.1em;
	color:#333;
}

h5 a {
    color: #c89111;
    font-weight: 400;
    line-height: 2.2em;
    padding-bottom: 30px;
    font-size: 1.2em;
}
.auto-container.edu {
    width: 80%;
}

.list { text-align: right;}

.info-text {
    direction: rtl;
    text-align: right;
}

h5 {
    padding-top: 40px;
    direction: rtl;
    text-align: right;
}

.at-share-btn-elements { float: right;}

.top-right li a {
    color: #b8d0d5 !important;

}

.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a {
    border-color: #f0c15f;
    opacity: 1;
    color: #fff;
}

/******************************/
.card {
    font-weight: 400;
    border: 0;
   	direction: rtl;
}
.card {
 position:relative;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 min-width:0;
 word-wrap:break-word;
 background-color:#fff;
 background-clip:border-box;
 
}
.card>hr {
 margin-right:0;
 margin-left:0
}
.card>.list-group:first-child .list-group-item:first-child {
 border-top-left-radius:.25rem;
 border-top-right-radius:.25rem
}
.card>.list-group:last-child .list-group-item:last-child {
 border-bottom-right-radius:.25rem;
 border-bottom-left-radius:.25rem
}
.card-body {
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 padding:1.25rem
}
.card-title {
 margin-bottom:.75rem
}
.card-subtitle {
 margin-top:-.375rem;
 margin-bottom:0
}
.card-text:last-child {
 margin-bottom:0
}
.card-link:hover {
 text-decoration:none
}
.card-link+.card-link {
 margin-left:1.25rem
}
.card-header {
 padding:.75rem 1.25rem;
 margin-bottom:0;
 background-color:rgba(0,0,0,.03);
 border-bottom:1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
 border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
 border-top:0
}
.card-footer {
 padding:.75rem 1.25rem;
 background-color:rgba(0,0,0,.03);
 border-top:1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
 border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
 margin-right:-.625rem;
 margin-bottom:-.75rem;
 margin-left:-.625rem;
 border-bottom:0
}
.card-header-pills {
 margin-right:-.625rem;
 margin-left:-.625rem
}
.card-img-overlay {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 padding:1.25rem
}
.card-img {
 width:100%;
 border-radius:calc(.25rem - 1px)
}
.card-img-top {
 width:100%;
 border-top-left-radius:calc(.25rem - 1px);
 border-top-right-radius:calc(.25rem - 1px)
}
.card-img-bottom {
 width:100%;
 border-bottom-right-radius:calc(.25rem - 1px);
 border-bottom-left-radius:calc(.25rem - 1px)
}
.card-deck {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column
}
.card-deck .card {
 margin-bottom:15px
}
@media (min-width:576px) {
 .card-deck {
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  margin-right:-15px;
  margin-left:-15px
 }
 .card-deck .card {
  display:-ms-flexbox;
  display:flex;
  -ms-flex:1 0 0%;
  flex:1 0 0%;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-right:15px;
  margin-bottom:0;
  margin-left:15px
 }
}
.card-group {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column
}
.card-group>.card {
 margin-bottom:15px
}
@media (min-width:576px) {
 .card-group {
  -ms-flex-flow:row wrap;
  flex-flow:row wrap
 }
 .card-group>.card {
  -ms-flex:1 0 0%;
  flex:1 0 0%;
  margin-bottom:0
 }
 .card-group>.card+.card {
  margin-left:0;
  border-left:0
 }
 .card-group>.card:not(:last-child) {
  border-top-right-radius:0;
  border-bottom-right-radius:0
 }
 .card-group>.card:not(:last-child) .card-header,
 .card-group>.card:not(:last-child) .card-img-top {
  border-top-right-radius:0
 }
 .card-group>.card:not(:last-child) .card-footer,
 .card-group>.card:not(:last-child) .card-img-bottom {
  border-bottom-right-radius:0
 }
 .card-group>.card:not(:first-child) {
  border-top-left-radius:0;
  border-bottom-left-radius:0
 }
 .card-group>.card:not(:first-child) .card-header,
 .card-group>.card:not(:first-child) .card-img-top {
  border-top-left-radius:0
 }
 .card-group>.card:not(:first-child) .card-footer,
 .card-group>.card:not(:first-child) .card-img-bottom {
  border-bottom-left-radius:0
 }
}
.card-columns .card {
 margin-bottom:.75rem
}
@media (min-width:576px) {
 .card-columns {
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
  -webkit-column-gap:1.25rem;
  -moz-column-gap:1.25rem;
  column-gap:1.25rem;
  orphans:1;
  widows:1
 }
 .card-columns .card {
  display:inline-block;
  width:100%
 }
}

.card.card-image {
 width:100%;
 background-position:center;
 background-size:cover
}
.card.card-image [class*=rgba-] {
 border-radius:.25rem
}
.card.card-cascade .view.view-cascade {
 border-radius:.25rem;
 box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}
.card.card-cascade .view.view-cascade.gradient-card-header {
 padding:1.6rem 1rem;
 color:#fff;
 text-align:center
}
.card.card-cascade .view.view-cascade.gradient-card-header .card-header-title {
 font-weight:500
}
.card.card-cascade .view.view-cascade.gradient-card-header .btn-floating {
 background-color:rgba(255,255,255,.2)
}
.card.card-cascade.wider {
 background-color:transparent;
 box-shadow:none
}
.card.card-cascade.wider .view.view-cascade {
 z-index:2
}
.card.card-cascade.wider .card-body.card-body-cascade {
 z-index:1;
 margin-right:4%;
 margin-left:4%;
 background:#fff;
 border-radius:0 0 .25rem .25rem;
 box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}
.card.card-cascade.wider .card-body.card-body-cascade .card-footer {
 margin-right:-1.25rem;
 margin-left:-1.25rem
}
.card.card-cascade.wider.reverse .card-body.card-body-cascade {
 z-index:3;
 margin-top:-1rem;
 border-radius:.25rem;
 box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}
.card.card-cascade.narrower {
 margin-top:1.25rem
}
.card.card-cascade.narrower .view.view-cascade {
 margin-left:4%;
 margin-right:4%;
 margin-top:-1.25rem
}
.card .btn-action {
 margin-top:-1.44rem;
 margin-bottom:-1.44rem
}
.card .activator {
 position:absolute;
 right:0;
 font-size:1.2rem
}
.card .card-reveal {
 position:absolute;
 width:100%;
 overflow-y:auto;
 top:100%;
 height:100%;
 z-index:1;
 display:none
}
.card .card-reveal .content {
 position:relative
}
.card.ovf-hidden {
 overflow:hidden
}
.card .card-share {
 position:relative
}
.card .card-share .social-reveal {
 position:absolute;
 top:-1.44rem;
 right:1.88rem;
 opacity:0;
 width:auto;
 transform:translateZ(0);
 transform:translateX(80px);
 transition:transform .35s ease,opacity .35s ease
}
.card .card-share .social-reveal-active {
 z-index:11;
 opacity:1;
 transform:translateZ(0);
 transform:translateX(-48px);
 transition:transform .35s ease,opacity .35s ease
}
.card .card-reveal .card-title,
.card-wrapper .card-rotating .card-title {
 cursor:pointer
}
.card .card-reveal .card-title i,
.card-wrapper .card-rotating .card-title i {
 color:#9e9e9e;
 position:absolute;
 right:.63rem
}
.card-wrapper {
 perspective:800px;
 position:relative;
 margin:0;
 width:100%
}
.card-wrapper .card-up {
 height:200px;
 overflow:hidden
}
.card-wrapper .card-up img {
 vertical-align:middle
}
.card-wrapper .avatar {
 display:block;
 margin-top:-60px;
 overflow:hidden;
 width:120px
}
.card-wrapper .avatar img {
 border:5px solid #fff;
 background:none repeat scroll 0 0 #fff;
 width:100%
}
.card-wrapper .card-rotating {
 height:100%;
 transform-style:preserve-3d;
 transition:.5s
}
.card-wrapper .card-rotating .face {
 width:100%;
 position:absolute;
 background:#fff;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 z-index:2
}
.card-wrapper .card-rotating.flipped {
 transform:rotateY(180deg)
}
.card-wrapper .card-rotating .front {
 z-index:1
}
.card-wrapper .card-rotating .back {
 transform:rotateY(-180deg)
}
.card-wrapper .card-rotating .back,
.card-wrapper .card-rotating .front {
 transition:1s
}
.testimonial-card .card-up {
 overflow:hidden;
 height:80px;
 border-top-left-radius:.25rem;
 border-top-right-radius:.25rem
}
.testimonial-card .avatar {
 border-radius:50%;
 width:120px;
 margin-top:-60px;
 overflow:hidden;
 border:5px solid #fff
}
.testimonial-card .avatar img {
 width:100%
}
.testimonial-card .card-body {
 text-align:center
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}

/******/
.cid-qpgOXa3hjk {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #f3f4f6;
}
/*! Media  */
.media-size-item {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  flex: 1 1 auto; }

.media-content {
  -webkit-flex-basis: 100%;
  flex-basis: 100%; }

.media-container-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start; }
  .media-container-row .media-size-item {
    width: 400px; }

.media-container-column {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .media-container-column > * {
    width: 100%; }

@media (min-width: 992px) {
  .media-container-row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } }
figure {
  overflow: hidden; }

figure[mbr-media-size] {
  transition: width 0.1s; }

.mbr-figure img, .mbr-figure iframe {
  display: block;
  width: 100%; }
.card-body h4 {
    color: #cc9c2c;
}
.button-default.read-more.theme-btn.padd-top-20 {
    color: #d09a20;
}

footer .info-text a {
    color: #bfa76e;
    padding: 0 4px;
}
/**************************************************************************/


/************** Modale *******************/

#jm-top-bar .logo{margin-top: 15px !important;}
.modal-content {background-color: #091f34;}
.contrast, .resizer, .listen {   font-size: 1.3em;  color: #fff; margin: 10px 0;}
#jm-page-settings ul.nav.menu .day-night [class^="icon-"],#jm-page-settings ul.nav.menu .day-night [class*="icon-"] {
 margin-right: 5px;
 vertical-align: top;
 top: 0
}
#jm-page-settings ul.nav.menu .contrast a {
    display: inline-block;
    line-height: 1;
    padding: 3px 7px;
    border: 1px solid #444;
    box-sizing: border-box;
    background-color: #ccc;
}
#jm-page-settings ul.nav.menu .contrast .jm-highcontrast3 {
    background: #ff0;
    color: #000;
}

#jm-page-settings ul.nav.menu .contrast .jm-highcontrast2 {
    background: #000;
    color: #ff0;
}
#jm-page-settings ul.nav.menu .contrast .jm-highcontrast {
 background: #000;
 color: #fff  !important;
}
#jm-top-bar .nav.menu li a, #jm-top-bar .nav.menu li span.separator {
    text-transform: uppercase;
    color: #364e72;
}

.jm-font-larger span, .jm-font-normal span, .jm-font-smaller span { color: #fff;}

#jm-top-bar .nav.menu li a, #jm-top-bar .nav.menu li span.separator {
    text-transform: uppercase;
    color: #364e72 !important;
}

#jm-page-settings ul.nav.menu .contrast .jm-highcontrast2 {
    background: #000;
    color: #ff0 !important;
}

/****************** High cONTRAST Black and White  *******************************/

body.highcontrast, body.highcontrast .page-wrapper, body.highcontrast .latest-work {  background-color: #000; color: #fff;}
body.highcontrast .navbar-default, body.highcontrast .navbar-inverse, body.highcontrast .navbar-inverse .navbar-nav > li > a {
    background-color: #000; color: #fff;}
body.highcontrast .navbar-inverse .navbar-nav > li > a:hover, body.highcontrast .navbar-inverse .navbar-nav > li > a:focus
{ background-color: #000; color: #fff;}
body.highcontrast .service, body.highcontrast #service, body.highcontrast #about, body.highcontrast .footer_wrapper{color: #fff; background-color: #000;}

body.highcontrast .col-sm-4.sm-margin-b-2 {color: #8bfffb; background-color: #000; border: 1px solid #fff;}
body.highcontrast a { color: #fff; text-decoration: none;}
body.highcontrast h2, body.highcontrast h3, body.highcontrast .card-body h4 { color: #fff;}

body.highcontrast .main-header.header-style-two .header-top {  background: #000;}
body.highcontrast .top-right2 ul li a.active, body.highcontrast .theme_color, body.highcontrast .sec-title .text  {  color: #fff;}
body.highcontrast .main-header .btn-outer .inq-btn:before {background: #000; border: 1px solid #fff;}
body.highcontrast .inner-most .date-box {background: #000; border: 1px solid #fff; border-right: none;}
body.highcontrast .main-header .header-top .top-left:before { background: #000;}
body.highcontrast .main-header .header-top ul li a, body.highcontrast .default-service-column .content h3, 
body.highcontrast .default-service-column .content .read-more, body.highcontrast .about-section .bottom-content .single-item .icon-box i:before,
body.highcontrast .cs-event-area .read-more, body.highcontrast .latest-work .more-link, body.highcontrast .default-work-column .caption-layer h3 a,
body.highcontrast .default-work-column .caption-layer .category a
{ color: #fff;}
body.highcontrast .default-work-column .caption-layer, body.highcontrast .latest-news .outer-box, body.highcontrast .latest-news .outer-box:after,
body.highcontrast .testimonials-section {background: #000;} 

body.highcontrast .tabs-box.tab-style-two .tab .outer, body.highcontrast .default-work-column .caption-layer, body.highcontrast .default-work-column .inner-box { border: none;}
body.highcontrast .what-we-do .image-section, body.highcontrast .tabs-box .how-works-box .inner-content, body.highcontrast .what-we-do .image-section:before { background: #000;} 
body.highcontrast .tabs-box .tab-buttons .tab-btn.active-btn:before {background:#000;	border-color:#fff;}
body.highcontrast .gdlr-core-type-start-date-month .gdlr-core-month, body.highcontrast .gdlr-core-type-start-date-month .gdlr-core-date {  color: #fff;}

body.highcontrast .latest-news .btn-style-three, body.highcontrast .single-project .upper-part .info-box h4 a { color: #fff !important; border-color: #000;} 
body.highcontrast .tabs-box .tab .outer, body.highcontrast .cid-qpgOXa3hjk, body.highcontrast .card, body.highcontrast .single-project .upper-part .info-box .white-bar, body.highcontrast .single-project .upper-part .info-box, body.highcontrast .single-project .upper-part .info-box:before,
body.highcontrast .btn-style-two { background: #000 !important; }

body.highcontrast .gdlr-core-type-start-date-month .gdlr-core-month, body.highcontrast .testimonials-section .more-link {  color: #fff!important;}
body.highcontrast .main-footer .footer-upper:before {background: #000000d9;}
body.highcontrast .footer-bottom {color: #fff;   background: #000;}
body.highcontrast .text p {	color: #fff;}
body.highcontrast .footer-upper .links-widget li a { color: #fff;   }
body.highcontrast .footer-social a { background: #000; border:1px solid #fff;}
body.highcontrast .scroll-to-top:before { background: #000;	border: 1px solid #fff;}
body.highcontrast .gdlr-core-event-item-info.gdlr-core-type-start-date-month {    border-color: #fff;}
body.highcontrast .main-menu .navigation > li:hover > a, body.highcontrast  .main-menu .navigation > li.current > a, body.highcontrast .main-menu .navigation > li.current-menu-item > a, body.highcontrast .main-header .header-top ul li a:hover, body.highcontrast .default-service-column .content .read-more:hover,
body.highcontrast .title a:hover, body.highcontrast .how-works-box .btn-style-three:hover { color: #000 !important;    background: #fff;}

body.highcontrast .tabs-box .tab-buttons .tab-btn:hover:before { background: #000;   border-color: #fff;}
body.highcontrast .tabs-box .main-content-box .inner-content, body.highcontrast .tabs-box.tab-style-two .lower-curve { background: #000; }
body.highcontrast .tabs-box.tab-style-two .lower-curve, body.highcontrast .tabs-box.tab-style-two .upper-curve {border:none; background: #000;}
body.highcontrast .fun-factor-area:before {background-color: rgba(2, 6, 11, 0.72);}

body.highcontrast .jm-font-larger span, body.highcontrast .jm-font-normal span, body.highcontrast .jm-font-smaller span,
body.highcontrast .gdlr-core-event-item-content-wrap h4 a:hover
{  color: #000;  background: #fff;}
body.highcontrast .cs-event-area {background: #000;}


body.highcontrast .highlight .outer-box { color: #fff; background: #000;}
body.highcontrast .highlight .outer-box .post-item :hover, body.highcontrast .highlight .outer-box .post-item, body.highcontrast .highlight .outer-box .post-item h4 a, 
body.highcontrast .theme_color, body.highcontrast .highlight .outer-box .sec-title h2, body.highcontrast .highlight .outer-box .sec-title .text,
body.highcontrast .gdlr-core-event-item-info.gdlr-core-type-time {color: #fff !important; }


/********* academics *********/

body.highcontrast .media, body.highcontrast .media .content-side, body.highcontrast .media .page-wrapper .theme-breadcrumb, body.highcontrast .media .text,
body.highcontrast .media .sec-title .sec-title2 .text-center, body.highcontrast .media .about-section, body.highcontrast .featured-box2,
body.highcontrast .helping-us, body.highcontrast .media .fun-factor-area .fun-bg-img, body.highcontrast .media .sponsors-section,
body.highcontrast .media .about-slider-area, body.highcontrast .media .featured-box2 .hvr-bounce-to-right, body.highcontrast .media .title span,
body.highcontrast .media .sponsors-section, body.highcontrast .media .page-title, body.highcontrast .media .main-header.header-style-two .header-top, body.highcontrast .single-latest-text,
body.highcontrast .latest-area.bg-white, body.highcontrast .tz-introduce-content, body.highcontrast .service-section, body.highcontrast .about-slider-area, body.highcontrast .theme-breadcrumb,
body.highcontrast .block-webform, body.highcontrast .page-title h1, body.highcontrast .main-menu .navigation > li > a, body.highcontrast .lgn-btn, body.highcontrast .about-section,
body.highcontrast .video-section, body.highcontrast .sponsors-section, body.highcontrast .text-content.text-content_w h3, body.highcontrast .text-content.text-content_w h3 a,
body.highcontrast .text-content h3 a, body.highcontrast .service-section .service-content .service-title, body.highcontrast .main-header .header-top, body.highcontrast .facul-list li a,
body.highcontrast .content h3 a, body.highcontrast .search-popup, body.highcontrast fieldset, body.highcontrast .featured-box2 i,
body.highcontrast .default-blog-post .inner-box, body.highcontrast .sidebar-widget, body.highcontrast .sidebar-widget .widget-inner, body.highcontrast .sidebar .links-widget ul li a,
body.highcontrast .styled-pagination li a
{
    background: #000 !important;
	color:#fff !important;
}

body.highcontrast .media .featured-box2 .hvr-bounce-to-right:hover, body.highcontrast .media span .theme_color, body.highcontrast .featured-box2:before, body.highcontrast .grad-btn,
body.highcontrast .text-content_w h3 a:hover, body.highcontrast .text-content h3 a:hover, body.highcontrast .footer-upper .links-widget li a:hover,
body.highcontrast .single-project .upper-part .info-box h4 a:hover, body.highcontrast .single-latest-text p, body.highcontrast .inner-most .new-box, body.highcontrast .block-webform > label, 
body.highcontrast legend, body.highcontrast .helping-us .helping-content .title, body.highcontrast .services-style-one, body.highcontrast .default-service-column .content
     {background-color: #000 !important; 	color:#fff !important; } 

body.highcontrast .main-menu .navigation > li:hover > a, body.highcontrast .tabs-box h4 a:hover, body.highcontrast .block-webform .webform-submit,
body.highcontrast .search-popup .search-form fieldset input[type="submit"]
{
    background-color: #fff !important;
    color: #000 !important; border:none;}

body.highcontrast .title span, body.highcontrast .content-text p, body.highcontrast .service-section .service-content .list-content li,
body.highcontrast .default-service-column .content .text, body.highcontrast .latest-work .more-link, body.highcontrast .theme-breadcrumb .breadcrumb li a,
body.highcontrast .sidebar .news-widget .news-item h4
{color:#fff !important;}
body.highcontrast .tabs-box .tab-buttons.tab-btn span
     {color:#000 !important;} 
body.highcontrast .page-title:before, body.highcontrast .hero:after, body.highcontrast .media .fun-factor-area:before  { background: rgba(0, 0, 0, 0.69);}
body.highcontrast .single-latest-text p, body.highcontrast .tab-pane p, body.highcontrast .tab-btn.active-btn, body.highcontrast .tab-btn.active-btn span,
body.highcontrast .single-latest-item .button-default, body.highcontrast .button-default.read-more.theme-btn {color: #fff !important;}
body.highcontrast .service-section .tab-content-area .nav-pills li.active a {
    background: #abacac;
}

/****************** High cONTRAST Black and Yellow  *******************************/

body.highcontrast2, body.highcontrast2 .page-wrapper { background-color: #000;  color: #ffff00;}
body.highcontrast2 .navbar-default, body.highcontrast2 .navbar-inverse, body.highcontrast2 .navbar-inverse .navbar-nav > li > a {
    background-color: #000; color: #ffff00;}
body.highcontrast2 .navbar-inverse .navbar-nav > li > a:hover, body.highcontrast2 .navbar-inverse .navbar-nav > li > a:focus
{ background-color: #000; color: #ffff00;}
body.highcontrast2 .service, body.highcontrast2 #service, body.highcontrast2 #about, body.highcontrast2 .footer_wrapper, body.highcontrast2 .footer_bottom, body.highcontrast2 .footer_bottom span
{color: #ffff00; background-color: #000;}

body.highcontrast2 .col-sm-4.sm-margin-b-2 {color: #8bfffb; background-color: #000; border: 1px solid #ffff00;}
body.highcontrast2 a { color: #ff0; text-decoration: none;}
body.highcontrast2 h2, body.highcontrast2 h2 { color: #000;}

body.highcontrast2 .header-style-two .main-menu .navigation > li > a { color: #ff0;}
body.highcontrast2 .main-header .btn-outer .inq-btn:before { background: #ff0;  color: #000;}
body.highcontrast2 .main-header .btn-outer .inq-btn {color: #000;}
body.highcontrast2 .text p, body.highcontrast2 .latest-news .outer-box .sec-title h2 { color: #000;}
body.highcontrast2 .theme_color, body.highcontrast2 .sec-title .text, body.highcontrast2 .latest-news .outer-box .post-item h4 a { color: #000;}
body.highcontrast2 .main-header .header-top ul li a { color: #000;}
body.highcontrast2 .main-slider h3, body.highcontrast2 .main-slider h1 { color: #ff0;}
body.highcontrast2 .latest-news { background-color: #000;}
body.highcontrast2 .contrast, body.highcontrast2 .resizer, body.highcontrast2 .listen { color: #ff0;}

body.highcontrast2 .top-right2 ul li a.active, body.highcontrast2 .main-header .header-top ul li a { color: #ff0;}
body.highcontrast2 .main-header.header-style-two .header-top {  background: #000;}
body.highcontrast2 .main-header .header-top .top-left:before { background: #000;}
body.highcontrast2 .theme_color, body.highcontrast2 .sec-title .text, body.highcontrast2 .tabs-box h4,
body.highcontrast2 .date-box .day, body.highcontrast2 .date-box, body.highcontrast2 .video-section .details-content .single-detials h4 { color: #ff0;}
body.highcontrast2 .about-section .bottom-content .single-item .icon-box i:before {  font-size: 3em; color: #ff0;}
body.highcontrast2 .services-style-one .theme_color, body.highcontrast2 .what-we-do .theme_color, body.highcontrast2 .what-we-do h2,
body.highcontrast2 .cs-event-area .section-wrap h2 .theme_color, body.highcontrast2 .latest-news h2 .theme_color {  color: #ff0;}
body.highcontrast2 .tabs-box .how-works-box .inner-content, body.highcontrast2 .inner-most .date-box {   background: #000;}
body.highcontrast2 .latest-news .outer-box, body.highcontrast2 .latest-news .outer-box:after {   background: #000;}
body.highcontrast2 .text p, body.highcontrast2 .latest-news .outer-box .sec-title h2 { color: #ff0;}
body.highcontrast2 .btn-style-three:hover { border-color: #ff0 !important;  color: #ff0 !important;}
body.highcontrast2 .default-work-column .caption-layer {border-top: 5px solid #b5b8ba;}
body.highcontrast2 .testimonials-section, body.highcontrast2 .what-we-do,  body.highcontrast2 .cs-event-area {  background-color: #000;}
body.highcontrast2 .designation, body.highcontrast2 .latest-news .outer-box .sec-title .text { color: #ff0;}
body.highcontrast2 .testimonials-carousel .slide-item, body.highcontrast2 .tabs-box .main-content-box .inner-content, body.highcontrast2 .tabs-box.tab-style-two .lower-curve, body.highcontrast2 .tabs-box.tab-style-two .upper-curve, body.highcontrast2 .services-style-one { background-color: #000;}
body.highcontrast2 .about-section .bottom-content .single-item:hover .icon-box { border: 1px solid #000;}
body.highcontrast2 .about-section .bottom-content .single-item .title:before {background: #ff0;}
body.highcontrast2  h2 { color: #ff0;}
body.highcontrast2 .main-slider .style-two .theme_color  {color: #ff0;}
body.highcontrast2 .what-we-do .image-section {  background-color: #ff0;}
body.highcontrast2 .testimonials-section h2, body.highcontrast2 .services-style-one h2, body.highcontrast2 .testimonials-section h2 span { color: #ff0;}
body.highcontrast2 .owl-theme .owl-controls .owl-nav [class*="owl-"] {	background: none repeat scroll 0 0 #ff0;}
body.highcontrast2 .default-service-column .content .read-more {  border-color: #ff0; color: #ff0;}
body.highcontrast2 .default-service-column .content h3 {color: #ff0;}
body.highcontrast2 .main-slider .theme_color, body.highcontrast2 .ct-btn-scroll { color: #ff0;}
body.highcontrast2 .scroll-to-top:before {  background: #ff0; border: 1px solid #000;}
body.highcontrast2 .title a:hover {  color: #000;}
body.highcontrast2 .btn-style-three { color: #ff0 !important;}
body.highcontrast2 .footer-widget .text p { color:#ff0;}
body.highcontrast2 .main-footer .footer-upper:before {  background: #000000e6;}
body.highcontrast2 .footer-bottom {background: #000; color: #ff0;}
body.highcontrast2 .footer-social a {  background-color: #000; color: #ff0; border: 1px solid #ff0;}
body.highcontrast2 .gdlr-core-event-item-info.gdlr-core-type-start-date-month, body.highcontrast2 .gdlr-core-type-start-date-month .gdlr-core-date { color: #ff0;}
body.highcontrast2 .gdlr-core-event-item-info.gdlr-core-type-start-date-month {  border-color: #000;}
body.highcontrast2 .title a {  color: #ff0;}
body.highcontrast2 .main-header .btn-outer .inq-btn:before { background: #000;}
body.highcontrast2 .main-header .btn-outer .inq-btn span { color: #ff0;}
body.highcontrast2 .main-slider .tp-bullets.preview4 .bullet { border-color: #ccc !important;}
body.highcontrast2 .header-style-two .main-menu .navigation > li.current > a { color: #ff0;}
body.highcontrast2 .numbers h2, body.highcontrast2 .numbers h4 {color: #ff0;}
body.highcontrast2 .footer-upper .column h3, body.highcontrast2 .follow, body.highcontrast2 .footer-upper .links-widget li a  {color: #ff0;}
body.highcontrast2 .scroll-to-top span {  color: #000;}
body.highcontrast2 .logo { background-color: #000;}
body.highcontrast2 .main-header .header-top, body.highcontrast2 .main-header .header-top .top-right ul li::before { color: #000;}
body.highcontrast2 .about-section .bottom-content .single-item .icon-box { border: 1px solid #000;}
body.highcontrast2 .tabs-box h3 { color: #ff0;}
body.highcontrast2 .tabs-box .tab-buttons .tab-btn.active-btn:before { background: #ff0; border-color: #000;}
body.highcontrast2 .tabs-box .tab-buttons .tab-btn.active-btn { color: #000;}
body.highcontrast2 .tabs-box .tab-buttons .tab-btn:before {background: #000; color:#ff0;}
body.highcontrast2 .tabs-box .buttons-style-two .tab-buttons .tab-btn {	color: #ff0;}
body.highcontrast2 .tabs-box .buttons-style-two .tab-buttons .tab-btn.active-btn {	color: #000;}
body.highcontrast2 .latest-work { background: #000; color: #ff0;}
body.highcontrast2 .latest-work .more-link { color: #ff0;}
body.highcontrast2 .default-work-column .caption-layer {background: #000; border: 1px solid #000;}
body.highcontrast2 .default-work-column .caption-layer .category a {color: #ff0;}
body.highcontrast2 .testimonials-section .carousel-outer .owl-prev, body.highcontrast2 .testimonials-section .carousel-outer .owl-next {background: #000 !important;}
body.highcontrast2 .latest-news .outer-box .post-item h4 a {  color: #ff0;}
body.highcontrast2 .latest-news .btn-style-three { color: #ff0 !important; border-color: #ff0;}
body.highcontrast2 .tabs-box .tab .outer { background: #000; }
body.highcontrast2 .what-we-do .image-section:before { background: #000;}
body.highcontrast2 .default-work-column .caption-layer h3 a, body.highcontrast2 .text-content h4, body.highcontrast2 .testimonials-section .testi-box .text-content[class*="owl-"] {color: #ff0;}

body.highcontrast2 .owl-theme .owl-controls .owl-nav [class*="owl-"] {color: #000;}
body.highcontrast2 .tabs-box.tab-style-two .tab .outer, body.highcontrast2 .tabs-box.tab-style-two .lower-curve, body.highcontrast2 .tabs-box.tab-style-two .upper-curve { border: 1px solid #000;}
body.highcontrast2 .tabs-box.tab-style-two .tab .outer {    border: none;}
body.highcontrast2 .footer-bottom a, body.highcontrast2 .helping-content a, body.highcontrast2 .card-body h4{ color: #ff0; }
body.highcontrast2 .btn-style-two { background: #ff0;}
body.highcontrast2 .cid-qpgOXa3hjk, body.highcontrast2 .card { background-color: #000; }
body.highcontrast2 .cid-qpgOXa3hjk > a.more-link, body.highcontrast2 .cs-event-area a {color: #ff0 !important; }
body.highcontrast2  .more-link {  color: #000!important;}
body.highcontrast2 .gdlr-core-type-start-date-month .gdlr-core-month, body.highcontrast2 .testimonials-section .more-link {  color: #ff0!important;}
body.highcontrast2 .content-area h4 a { color: #ff0;}

body.highcontrast2 .latest-news .btn-style-three, body.highcontrast2 .single-project .upper-part .info-box h4 a { color: #ff0 !important; border-color: #000;} 
body.highcontrast2 .tabs-box .tab .outer, body.highcontrast2 .cid-qpgOXa3hjk, body.highcontrast2 .card, body.highcontrast2 .single-project .upper-part .info-box .white-bar, body.highcontrast2 .single-project .upper-part .info-box, body.highcontrast2 .single-project .upper-part .info-box:before { background: #000 !important; }

body.highcontrast2 .main-menu .navigation > li:hover > a, body.highcontrast2 .main-menu .navigation > li.current > a, body.highcontrast2 .main-menu .navigation > li.current-menu-item > a, body.highcontrast2 .main-header .header-top ul li a:hover, body.highcontrast2 .default-service-column .content .read-more:hover, body.highcontrast2 .title a:hover, body.highcontrast2 .how-works-box .btn-style-three:hover {
    color: #ff0 !important;   background: #000; border:1px solid #ff0;}

body.highcontrast2 .highlight .outer-box { color: #ff0; background: #000;}
body.highcontrast2 .highlight .outer-box .post-item :hover, body.highcontrast2 .highlight .outer-box .post-item, body.highcontrast2 .highlight .outer-box .post-item h4 a, 
body.highcontrast2 .theme_color, body.highcontrast2 .highlight .outer-box .sec-title h2, body.highcontrast2 .highlight .outer-box .sec-title .text,
body.highcontrast2 .gdlr-core-event-item-info.gdlr-core-type-time {color: #ff0 !important; }

/********* academics *********/

body.highcontrast2 .media, body.highcontrast2 .media .content-side, body.highcontrast2 .media .page-wrapper .theme-breadcrumb, body.highcontrast2 .media .text,
body.highcontrast2 .media .sec-title .sec-title2 .text-center, body.highcontrast2 .media .about-section, body.highcontrast2 .featured-box2,
body.highcontrast2 .helping-us, body.highcontrast2 .media .fun-factor-area .fun-bg-img, body.highcontrast2 .media .sponsors-section,
body.highcontrast2 .media .about-slider-area, body.highcontrast2 .media .featured-box2 .hvr-bounce-to-right, body.highcontrast2 .media .title span,
body.highcontrast2 .media .sponsors-section, body.highcontrast2 .media .page-title, body.highcontrast2 .media .main-header.header-style-two .header-top, body.highcontrast2 .single-latest-text,
body.highcontrast2 .latest-area.bg-white, body.highcontrast2 .tz-introduce-content, body.highcontrast2 .service-section, body.highcontrast2 .about-slider-area, body.highcontrast2 .theme-breadcrumb,
body.highcontrast2 .block-webform, body.highcontrast2 .page-title h1, body.highcontrast2 .main-menu .navigation > li > a, body.highcontrast2 .lgn-btn, body.highcontrast2 .about-section,
body.highcontrast2 .video-section, body.highcontrast2 .sponsors-section, body.highcontrast2 .text-content.text-content_w h3, body.highcontrast2 .text-content.text-content_w h3 a,
body.highcontrast2 .text-content h3 a, body.highcontrast2 .service-section .service-content .service-title, body.highcontrast2 .main-header .header-top, body.highcontrast2 .facul-list li a,
body.highcontrast2 .content h3 a, body.highcontrast2 .search-popup, body.highcontrast2 fieldset,
body.highcontrast2 .sidebar-widget, body.highcontrast2 .sidebar-widget .widget-inner, body.highcontrast2 .sidebar .links-widget ul li a,
body.highcontrast2 .styled-pagination li a
{ background: #000 !important; color:#ff0 !important;}

body.highcontrast2 .media .featured-box2 .hvr-bounce-to-right:hover, body.highcontrast2 .media span .theme_color, body.highcontrast2 .featured-box2:before, body.highcontrast2 .grad-btn,
body.highcontrast2 .text-content_w h3 a:hover, body.highcontrast2 .text-content h3 a:hover, body.highcontrast2 .tabs-box .tab-buttons .tab-btn, body.highcontrast2 .footer-upper .links-widget li a:hover,
body.highcontrast2 .single-project .upper-part .info-box h4 a:hover, body.highcontrast2 .single-latest-text p, body.highcontrast2 .inner-most .new-box, body.highcontrast2 .block-webform > label, 
body.highcontrast2 legend, body.highcontrast2 .helping-us .helping-content .title, body.highcontrast2 .featured-box2 i, body.highcontrast2 .default-service-column .content,
body.highcontrast2 .default-blog-post .inner-box, body.highcontrast2 .sidebar-widget, body.highcontrast2 .sidebar-widget .widget-inner
     { background-color: #000 !important; 	color:#ff0 !important;} 

body.highcontrast2 .single-latest-text p, body.highcontrast2 .tab-pane p, body.highcontrast2 .sidebar .news-widget .news-item h4 {color: #ff0 !important;}

body.highcontrast2 .main-menu .navigation > li:hover > a, body.highcontrast2 .tabs-box h4 a:hover, body.highcontrast2 .block-webform .webform-submit,
body.highcontrast2 .search-popup .search-form fieldset input[type="submit"], body.highcontrast2 .tabs-box .tab-buttons .tab-btn.active-btn
{
    background-color: #ff0 !important;
    color: #000 !important; border:none;}

body.highcontrast2 .title span, body.highcontrast2 .content-text p, body.highcontrast2 .service-section .service-content .list-content li,
body.highcontrast2 .default-service-column .content .text, body.highcontrast2 .latest-work .more-link, body.highcontrast2 .theme-breadcrumb .breadcrumb li a,
body.highcontrast2 .featured-box2 h3 a, body.highcontrast2 .single-latest-item .button-default, body.highcontrast2 .sidebar-title h3, body.highcontrast2 .sidebar .news-widget .news-item h4 a
{color:#ff0 !important;}

body.highcontrast2 .page-title:before, body.highcontrast2 .hero:after, body.highcontrast2 .media .fun-factor-area:before  { background: rgba(0, 0, 0, 0.69);}


/****************** High cONTRAST Yellow and Black *******************************/

body.highcontrast3, body.highcontrast3 .page-wrapper { background-color: #ffff00;  color: #000000;}
body.highcontrast3 .navbar-default, body.highcontrast3 .navbar-inverse, body.highcontrast3 .navbar-inverse .navbar-nav > li > a {
    background-color: #ffff00;  color: #000000;}
body.highcontrast3 .navbar-inverse .navbar-nav > li > a:hover, body.highcontrast3 .navbar-inverse .navbar-nav > li > a:focus
{ background-color: #ffff00;  color: #000000;}
body.highcontrast3 .service, body.highcontrast3 #service, body.highcontrast3 #about, body.highcontrast3 .footer_wrapper, body.highcontrast3 .footer_bottom, body.highcontrast3 .footer_bottom span
{background-color: #ffff00;  color: #000000;}
body.highcontrast3 .col-sm-4.sm-margin-b-2{background-color: #ffff00;  color: #000000; border: 1px solid #ffff00;}
body.highcontrast3 a {  color: #000000; text-decoration: none;}
body.highcontrast3 h2, body.highcontrast3 h2,  body.highcontrast3 .card-body h4 { color: #000; }

body.highcontrast3 .tabs-box.tab-style-two .tab .outer {    border: none;}
body.highcontrast3 .header-style-two .main-menu .navigation > li > a { color: #ff0;}
body.highcontrast3 .main-header .btn-outer .inq-btn:before { background: #ff0;  color: #000;}
body.highcontrast3 .main-header .btn-outer .inq-btn {color: #000;}
body.highcontrast3 .text p, body.highcontrast3 .latest-news .outer-box .sec-title h2, , body.highcontrast3 .highlight .outer-box .sec-title h2 { color: #000;}
body.highcontrast3 .theme_color, body.highcontrast3 .sec-title .text, body.highcontrast3 .latest-news .outer-box .post-item h4 a, body.highcontrast3 .highlight .outer-box .post-item h4 a { color: #000;}
body.highcontrast3 .main-header .header-top ul li a { color: #000;}
body.highcontrast3 .main-slider h3, body.highcontrast3 .main-slider h1 { color: #ff0;}
body.highcontrast3 .latest-news, body.highcontrast3 .highlight { background-color: #000;}


body.highcontrast3 .top-right2 ul li a.active { color: #000;}
body.highcontrast3 .main-header.header-style-two .header-top {  background: #ff0;}
body.highcontrast3 .main-header .header-top .top-left:before { background: #ff0;}
body.highcontrast3 .theme_color, body.highcontrast3 .sec-title .text { color: #ff0;}
body.highcontrast3 .about-section .bottom-content .single-item .icon-box i:before {  font-size: 3em; color: #000;}
body.highcontrast3 .services-style-one .theme_color, body.highcontrast3 .what-we-do .theme_color, body.highcontrast3 .what-we-do h2,
body.highcontrast3 .cs-event-area .section-wrap h2 .theme_color, body.highcontrast3 .latest-news h2 .theme_color {  color: #000;}
body.highcontrast3 .tabs-box .how-works-box .inner-content, body.highcontrast3 .inner-most .date-box {   background: #000;}
body.highcontrast3 .latest-news .outer-box, body.highcontrast3 .latest-news .outer-box:after {   background: #ff0;}
body.highcontrast3 .highlight .outer-box, body.highcontrast3 .highlight .outer-box:after {   background: #ff0;}
body.highcontrast3 .text p, body.highcontrast3 .latest-news .outer-box .sec-title h2 { color: #000; background-color: #ff0;}
body.highcontrast3 .btn-style-three:hover { border-color: #000 !important;  color: #000 !important;}
body.highcontrast3 .btn-style-three:hover {color: #ff0 !important;}
body.highcontrast3 .default-work-column .caption-layer {border-top: 5px solid #b5b8ba;}
body.highcontrast3 .testimonials-section, body.highcontrast3 .what-we-do,  body.highcontrast3 .cs-event-area, body.highcontrast3 .testimonials3-3x {  background-color: #ff0; color: #000;}
body.highcontrast3 .designation, body.highcontrast3 .latest-news .outer-box .sec-title .text { color: #000;}
body.highcontrast3 .testimonials-carousel .slide-item, body.highcontrast3 .tabs-box .main-content-box .inner-content, body.highcontrast3 .tabs-box.tab-style-two .lower-curve, body.highcontrast3 .tabs-box.tab-style-two .upper-curve, body.highcontrast3 .services-style-one { background-color: #ff0;}
body.highcontrast3 .about-section .bottom-content .single-item:hover .icon-box { border: 1px solid #000;}
body.highcontrast3 .about-section .bottom-content .single-item .title:before {background: #ff0;}
body.highcontrast3 h2 { color: #000;}
body.highcontrast3 .main-slider .style-two .theme_color  {color: #ff0;}
body.highcontrast3 .what-we-do .image-section, body.highcontrast3 .single-project .upper-part .info-box {  background-color: #ff0;}
body.highcontrast3 .testimonials-section h2, body.highcontrast3 .services-style-one h2, body.highcontrast3 .testimonials-section h2 span { color: #000;}
body.highcontrast3 .owl-theme .owl-controls .owl-nav [class*="owl-"] {	background: none repeat scroll 0 0 #000;}
body.highcontrast3 .default-service-column .content .read-more {  border-color: #000; color: #000;}
body.highcontrast3 .default-service-column .content h3 {color: #000;}
body.highcontrast3 .main-slider .theme_color, body.highcontrast3 .ct-btn-scroll { color: #ff0;}
body.highcontrast3 .scroll-to-top:before {  background: #ff0; border: 1px solid #000;}
body.highcontrast3 .title a:hover {  color: #000;}
body.highcontrast3 .btn-style-three { color: #ff0 !important;}
body.highcontrast3 .footer-widget .text p { color:#000;}
body.highcontrast3 .main-footer .footer-upper:before {  background: #ffff00e8;}
body.highcontrast3 .footer-bottom {color: #000; background-color: #ff0;}
body.highcontrast3 .footer-social a {  background-color: #ff0; border: 1px solid #000;}
body.highcontrast3 .gdlr-core-event-item-info.gdlr-core-type-start-date-month, body.highcontrast3 .gdlr-core-type-start-date-month .gdlr-core-date { color: #000;}
body.highcontrast3 .gdlr-core-event-item-info.gdlr-core-type-start-date-month {  border-color: #000;}
body.highcontrast3 .title a, body.highcontrast3.card-body h4 {  color: #000;}
body.highcontrast3 .main-header .btn-outer .inq-btn:before { background: #ff0;}
body.highcontrast3 .main-slider .tp-bullets.preview4 .bullet { border-color: #ccc !important;}
body.highcontrast3 .header-style-two .main-menu .navigation > li.current > a { color: #fff;}
body.highcontrast3 .numbers h2, body.highcontrast3 .numbers h4 {color: #ff0;}
body.highcontrast3 .footer-upper .column h3, body.highcontrast3 .follow, body.highcontrast3 .footer-upper .links-widget li a  {color: #000;}
body.highcontrast3 .scroll-to-top span {  color: #000;}
body.highcontrast3 .logo, body.highcontrast3 .las_logo { background-color: #000;}
body.highcontrast3 .main-header .header-top, body.highcontrast3 .main-header .header-top .top-right ul li::before { color: #000;}
body.highcontrast3 .about-section .bottom-content .single-item .icon-box { border: 1px solid #000;}
body.highcontrast3 .tabs-box h3 { color: #ff0;}
body.highcontrast3 .tabs-box .tab-buttons .tab-btn.active-btn:before { background: #ff0; border-color: #000;}
body.highcontrast3 .tabs-box .tab-buttons .tab-btn.active-btn { color: #000;}
body.highcontrast3 .tabs-box .tab-buttons .tab-btn:before {background: #000; color:#ff0;}
body.highcontrast3 .tabs-box .buttons-style-two .tab-buttons .tab-btn {	color: #ff0;}
body.highcontrast3 .tabs-box .buttons-style-two .tab-buttons .tab-btn.active-btn {	color: #000;}
body.highcontrast3 .latest-work { background: #ff0; color: #000;}
body.highcontrast3 .latest-work .more-link { color: #ff0;}
body.highcontrast3 .default-work-column .caption-layer {background: #ff0; border: 1px solid #ff0;}
body.highcontrast3 .default-work-column .caption-layer .category a {color: #000;}
body.highcontrast3 .testimonials-section .carousel-outer .owl-prev, body.highcontrast3 .testimonials-section .carousel-outer .owl-next {background: #000 !important;}
body.highcontrast3 .latest-news .outer-box .post-item h4 a {  color: #000;}
body.highcontrast3 .latest-news .btn-style-three, body.highcontrast3 .single-project .upper-part .info-box h4 a { color: #000 !important; border-color: #000;}
body.highcontrast3 .tabs-box .tab .outer, body.highcontrast3 .cid-qpgOXa3hjk, body.highcontrast3 .card, body.highcontrast3 .single-project .upper-part .info-box .white-bar,
body.highcontrast3 .single-project .upper-part .info-box:before  { background: #ff0; }
body.highcontrast3 .what-we-do .image-section:before { background: #000;}
body.highcontrast3 .footer-bottom .info-text a{color:#000;}
body.highcontrast3 .btn-style-two {color:#ff0 !important; background: #000;}
body.highcontrast3 .btn-style-three:hover {color: #ff0;}
body.highcontrast3 .single-project h2, body.highcontrast3 .single-project .theme_color, body.highcontrast3 .latest-work h2 , body.highcontrast3 .latest-work .theme_color, body.highcontrast3 .content-area h4 a:hover { color: #000;}

body.highcontrast3 .main-menu .navigation > li:hover > a, body.highcontrast3 .main-menu .navigation > li.current > a, body.highcontrast3 .main-menu .navigation > li.current-menu-item > a, body.highcontrast3 .main-header .header-top ul li a:hover, body.highcontrast3 .default-service-column .content .read-more:hover, body.highcontrast3 .title a:hover, body.highcontrast3 .how-works-box .btn-style-three:hover,  {
    color: #000 !important;  background: #ff0; border:1px solid #ff0;}
body.highcontrast3 .main-header.header-style-two .header-top .top-left ul li a {color: #000;}
body.highcontrast3 .content-area .text p {color:#000;}
body.highcontrast3 .default-service-column .content {background: #ff0;}
body.highcontrast3 .title a:hover, body.highcontrast3  .main-header .header-top ul li a:hover,
body.highcontrast3 .main-menu .navigation > li:hover > a
{ color: #ff0 !important;  background: #000;}

body.highcontrast3 .default-service-column .content, .cs-event-area .read-more:hover, body.highcontrast3 .single-project .upper-part .info-box h4 a:hover,
 {  background-color: #000; color: #ff0 !important;}
body.highcontrast3 .title a:hover, body.highcontrast3 .main-header .header-top ul li a:hover, body.highcontrast3 .main-menu .navigation > li:hover > a, body.highcontrast3 .tabs-box h4 a:hover 
{  background-color: #000; color: #ff0 !important; border: 1px solid #ff0;}
body.highcontrast3 .button-default.read-more.theme-btn.padd-top-20 {  color: #000;}
body.highcontrast3 .default-service-column .content .read-more:hover { border-color: #000; color: #ff0; background: #000;}

body.highcontrast3 .highlight .outer-box { color: #000; background: #ff0;}
body.highcontrast3 .highlight .outer-box .post-item :hover, body.highcontrast3 .highlight .outer-box .post-item, body.highcontrast3 .highlight .outer-box .post-item h4 a, 
body.highcontrast3 .theme_color, body.highcontrast3 .highlight .outer-box .sec-title h2, body.highcontrast3 .highlight .outer-box .sec-title .text,
body.highcontrast3 .gdlr-core-event-item-info.gdlr-core-type-time {color: #000 !important; }

/********* academics *********/

body.highcontrast3 .media, body.highcontrast3 .media .content-side, body.highcontrast3 .media .page-wrapper .theme-breadcrumb, body.highcontrast3 .media .text,
body.highcontrast3 .media .sec-title .sec-title2 .text-center, body.highcontrast3 .media .about-section, body.highcontrast3 .featured-box2,
body.highcontrast3 .helping-us, body.highcontrast3 .media .fun-factor-area .fun-bg-img, body.highcontrast3 .media .sponsors-section,
body.highcontrast3 .media .about-slider-area, body.highcontrast3 .media .featured-box2 .hvr-bounce-to-right, body.highcontrast3 .media .title span,
body.highcontrast3 .media .sponsors-section, body.highcontrast3 .media .page-title, body.highcontrast3 .media .main-header.header-style-two .header-top, body.highcontrast3 .single-latest-text,
body.highcontrast3 .latest-area.bg-white, body.highcontrast3 .tz-introduce-content, body.highcontrast3 .service-section, body.highcontrast3 .about-slider-area, body.highcontrast3 .theme-breadcrumb,
body.highcontrast3 .block-webform, body.highcontrast3 .page-title h1, body.highcontrast3 .main-menu .navigation > li > a, body.highcontrast3 .lgn-btn, body.highcontrast3 .about-section,
body.highcontrast3 .video-section, body.highcontrast3 .sponsors-section, body.highcontrast3 .service-section .tab-content-area .nav-pills li.active a,
body.highcontrast3 .default-blog-post .inner-box, body.highcontrast3 .sidebar-widget, body.highcontrast3 .sidebar-widget .widget-inner,  body.highcontrast3 .sidebar-page-container,
body.highcontrast3 .styled-pagination li a, body.highcontrast3 .sidebar .news-widget .news-item h4 a, body.highcontrast3 .sidebar-title h3
{ background: #ff0 !important; color:#000 !important;}

body.highcontrast3 .media .featured-box2 .hvr-bounce-to-right:hover, body.highcontrast3 .media span .theme_color, body.highcontrast3 .featured-box2:before, body.highcontrast3 .grad-btn,
body.highcontrast3 .text-content_w h3 a:hover, body.highcontrast3 .text-content h3 a:hover, body.highcontrast3 .tabs-box .tab-buttons .tab-btn, body.highcontrast3 .footer-upper .links-widget li a:hover,
body.highcontrast3 .single-project .upper-part .info-box h4 a:hover, body.highcontrast3 .helping-content h3, body.highcontrast3 .services-style-one,
body.highcontrast3 .sidebar .links-widget ul li a

     { background-color: #000;	color:#ffff00 !important;} 

body.highcontrast3 .main-menu .navigation > li:hover > a, body.highcontrast3 .tabs-box h4 a:hover 
{ background-color: #000  !important;  color: #ff0 !important; border:none;}

body.highcontrast3 .single-latest-text p, body.highcontrast3 .title span, body.highcontrast3 .content-text p, body.highcontrast3 .service-section .service-content .list-content li,
body.highcontrast3 .default-service-column .content .text, body.highcontrast3 .text-content h3 a, body.highcontrast3 .latest-work .more-link, body.highcontrast3 .theme-breadcrumb .breadcrumb li a
{color:#000 !important;}

body.highcontrast3 .page-title:before, body.highcontrast3 .hero:after, body.highcontrast3 .media .fun-factor-area:before  { background: rgba(255, 255, 0, 0.53);}

body.highcontrast3 .default-service-column .inner-box {border: 1px solid #cccc6e;}
/****************** Night Mode *******************************/

body.night, body.night .page-wrapper { background-color: #ccc;  color: #000000;}
body.night .navbar-default, body.night .navbar-inverse, body.night .navbar-inverse .navbar-nav > li > a {
    background-color: #ccc;  color: #000000;}
body.night .navbar-inverse .navbar-nav > li > a:hover, body.night .navbar-inverse .navbar-nav > li > a:focus
{ background-color: #ccc;  color: #000000;}

body.night .top-right2 ul li a.active { color: #fff;}
body.night .main-header.header-style-two .header-top {  background: #8294a6;}
body.night .main-header .header-top .top-left:before { background: #000;}
body.night .theme_color, body.night .sec-title .text, body.night .latest-news .outer-box .post-item h4 a { color: #000;}
body.night .about-section .bottom-content .single-item .icon-box i:before {  font-size: 3em; color: #000;}
body.night .tabs-box .tab-buttons .tab-btn:hover:before, body.night .tabs-box .tab-buttons .tab-btn.active-btn:before { background: #b5b8ba; border-color: #b5b8ba;}
body.night .tabs-box .how-works-box .inner-content, body.night .inner-most .date-box, body.night .latest-news .outer-box,
body.night .latest-news .outer-box:after {   background: #b5b8ba;}
body.night .text p, body.night .latest-news .outer-box .sec-title h2 { color: #000;}
body.night .btn-style-three:hover { border-color: #000 !important;  color: #000 !important;}
body.night .default-work-column .caption-layer {border-top: 5px solid #b5b8ba;}
body.night .testimonials-section, body.night .what-we-do,  body.night .cs-event-area {  background-color: #eaeaea;}
body.night .designation, body.night .latest-news .outer-box .sec-title .text { color: #000;}
body.night .testimonials-carousel .slide-item, body.night .tabs-box .main-content-box .inner-content, body.night .tabs-box.tab-style-two .lower-curve, body.night .tabs-box.tab-style-two .upper-curve, body.night .services-style-one { background-color: #f1f2f2;}
body.night .about-section .bottom-content .single-item:hover .icon-box { border: 1px solid #000;}
body.night .about-section .bottom-content .single-item .title:before {background: #000;}
body.night h2 { color: #000;}
body.night .main-slider .style-two .theme_color  {color: #ccc;}
body.night .what-we-do .image-section {  background-color: #000;}
body.night .testimonials-section h2, body.night .services-style-one h2 { color: #000;}
body.night .owl-theme .owl-controls .owl-nav [class*="owl-"] {	background: none repeat scroll 0 0 #71757b;}
body.night .default-service-column .content .read-more {  border-color: #000; color: #000;}
body.night .default-service-column .content h3 {color: #000;}
body.night .main-slider .theme_color, body.night .ct-btn-scroll { color: #ccc;}
body.night .scroll-to-top:before {  background: #6b6e71; border: 1px solid #6b6e71;}
body.night .title a:hover {  color: #000;}
body.night .btn-style-three { color: #333 !important;}
body.night .footer-widget .text p, body.night .footer-upper .links-widget li a, body.night .footer-upper .column h3 { color:#000;}
body.night .main-footer .footer-upper:before {  background: #bdc6ccf2;}
body.night .footer-bottom {background: #747779; color: #000;}
body.night .footer-social a {  background-color: #000;}
body.night .gdlr-core-event-item-info.gdlr-core-type-start-date-month, body.night .gdlr-core-type-start-date-month .gdlr-core-date { color: #000;}
body.night .gdlr-core-event-item-info.gdlr-core-type-start-date-month {  border-color: #000;}
body.night .title a {  color: #000;}
body.night .main-header .btn-outer .inq-btn:before { background: #a2a8ac;}
body.night .main-slider .tp-bullets.preview4 .bullet { border-color: #ccc !important;}
body.night .header-style-two .main-menu .navigation > li.current > a { color: #fff;}
body.night .main-header .header-top, body.night .main-header .header-top ul li a, body.night .main-header .header-top .top-right ul li:before, body.night .footer-bottom a {color: #000;}
body.night .what-we-do .image-section:before{ background:#b5b8ba;}
body.night .tabs-box.tab-style-two .tab .outer { border:none;}
body.night .latest-news .btn-style-three, body.night .single-project .upper-part .info-box h4 a { color: #000 !important; border-color: #000;}
body.night .tabs-box .tab .outer, body.night .card, body.night .single-project .upper-part .info-box .white-bar,
body.night .single-project .upper-part .info-box:before, body.night .single-project .upper-part .info-box, body.night .default-work-column .caption-layer { background: #cccccc; }
body.night .default-work-column .caption-layer .category a, body.night a:focus, body.night a:hover, body.night .card-body h4, body.night .single-fun-factor > h4 {color: #000;}
body.night .cid-qpgOXa3hjk {background:#eaeaea;}
body.night .fun-factor-area::before {background-color: #b0b0b0c4;}
body.night .btn-style-two {background: #ccc; color: #000 !important;}
body.night .logo, body.night .las_logo {  background-color: #8294a6;}
body.night .default-service-column .content {background-color:#ccc;}
body.night .tabs-box h4 a {color: #000;}
body.night .title a:hover, body.night  .main-header .header-top ul li a:hover,body.night .main-menu .navigation > li:hover > a
{ color: #000 !important;  background: #ccc;}
body.night .default-service-column .content, body.night .cs-event-area .read-more:hover, body.night .single-project .upper-part .info-box h4 a:hover {  background-color: #adadae; color: #000;}
body.night .title a:hover, body.night .main-header .header-top ul li a:hover, body.night .main-menu .navigation > li:hover > a, body.night .tabs-box h4 a:hover { color: #000 !important; background: #adadae;}
body.night .tabs-box h4 a, body.night .button-default.read-more.theme-btn.padd-top-20  { color: #000;}

body.night .highlight .outer-box { color: #000; background: #ccc;}
body.night .highlight .outer-box .post-item :hover, body.night .highlight .outer-box .post-item, body.night .highlight .outer-box .post-item h4 a, 
body.night .theme_color, body.night .highlight .outer-box .sec-title h2, body.night .highlight .outer-box .sec-title .text,
body.night .gdlr-core-event-item-info.gdlr-core-type-time {color: #000 !important; }

/********* academics *********/

body.night .media, body.night .media .content-side, body.night .media .page-wrapper .theme-breadcrumb, body.night .media .text,
body.night .media .sec-title .sec-title2 .text-center, body.night .media .about-section, body.night .featured-box2,
body.night .helping-us, body.night .media .fun-factor-area .fun-bg-img, body.night .media .sponsors-section,
body.night .media .about-slider-area, body.night .media .featured-box2 .hvr-bounce-to-right, body.night .media .title span,
body.night .media .sponsors-section, body.night .media .page-title, body.night .media .main-header.header-style-two .header-top, body.night .single-latest-text,
body.night .latest-area.bg-white, body.night .service-section, body.night .about-slider-area, body.night .theme-breadcrumb,
body.night .block-webform, body.night .page-title h1, body.night .main-menu .navigation > li > a, body.night .lgn-btn,
body.night .video-section, body.night .sponsors-section, body.night .text-content.text-content_w h3, body.night .text-content.text-content_w h3 a,
body.night .text-content h3 a, body.night .service-section .service-content .service-title, body.night .main-header .header-top, body.night .facul-list li a,
body.night .content h3 a, body.night .search-popup, body.night fieldset, body.night .featured-box2 i, body.night .default-blog-post .inner-box, body.night .sidebar-widget, body.night .sidebar-widget .widget-inner
{   background: #ccc !important; color:#000 !important;}

body.night .read-more.theme-btn { color: #000;}

body.night .media .featured-box2 .hvr-bounce-to-right:hover, body.night .media span .theme_color, body.night .featured-box2:before, body.night .grad-btn,
body.night .text-content_w h3 a:hover, body.night .text-content h3 a:hover, body.night .footer-upper .links-widget li a:hover,
body.night .single-latest-text p, body.night .inner-most .new-box, body.night .block-webform > label, 
body.night legend, body.night .helping-us .helping-content .title, body.night .services-style-one
     {background-color: #ccc !important; 	color:#000 !important; } 
body.night .single-project .upper-part .info-box h4 a:hover {background-color: #abacac !important;}
body.night .main-menu .navigation > li:hover > a, body.night .tabs-box h4 a:hover, body.night .block-webform .webform-submit,
body.night .search-popup .search-form fieldset input[type="submit"]
{  background-color: #ccc !important;  color: #000 !important; border:none;}

body.night .featured-box2:hover h3 a, , body.night .main-slider h1
{   background-color:#9d9999 !important; color: #000 !important; }

body.night .title span, body.night .content-text p, body.night .service-section .service-content .list-content li,
body.night .default-service-column .content .text, body.night .latest-work .more-link, body.night .theme-breadcrumb .breadcrumb li a
{color:#000 !important;}
body.night .tabs-box .tab-buttons.tab-btn span, body.night .tagline, body.night .search-course-area .details-content .single-detials h4
     {color:#000 !important;} 
body.night .page-title:before, body.night .hero:after { background: #717171bf;}
body.night .media .fun-factor-area:before  { background: #a8abaede;}
body.night .single-latest-text p, body.night .tab-pane p, body.night .tab-btn.active-btn, body.night .tab-btn.active-btn span,
body.night .single-latest-item .button-default, body.night .button-default.read-more.theme-btn, body.night .follow {color: #000 !important;}
body.night .service-section .tab-content-area .nav-pills li.active a {
    background: #9d9999;
}
body.night .single-latest-text {border-bottom: 2px solid #6b6e71;}
body.night .latest-work, body.night .tz-introduce-content, body.night .about-section {background: #eaeaea;}

/***********************************************/
/*.top-left li a {  margin-left: 15px;}*/

#jm-top-bar {
    padding: 30px 5px;
    line-height: 20px;
	font-size: 0.8em;   
}

.access {
    border-radius: 50%;
    border: 3px solid #fff;
    padding: 3px;
}

/**************************/

#feedback {
  position: fixed;
  right: 0;
  top: -30px;
 /* height: 250px;*/
  margin-left: -10px;
  margin-bottom: -3px;
	z-index: 999999;
}

#feedback-form {
  float: left;
  width: 280px;
  height: 50%;
  z-index: 1000;
  padding-left: 5px;
  padding-right: 0px;
  background-clip: 'padding-box';
  border: 1px solid rgba(0,0,0,.2);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  z-index: 999999;
	margin-right: 30px;
	direction: rtl;
}

#feedback-tab {
  float: right;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
  text-align: center;
  width: 55px;
  height: 42px;
  background-color: rgb(0, 0, 0);
  margin-top: 30px;
  margin-left: -42px;
  padding-top: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
	z-index: 999999;
 /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);*/
}

.fa-wheelchair::before {
    content: "\f193";
    font-size: 1.7em;
    font-weight: 600;
    color: #e6d362;
}
#feedback-tab:hover { background-color: rgb(0, 0, 0); }
#feedback-form textarea { resize: none; }
.panel {background-color: #11233e;}
.contrast li, .resizer li {  float: right;  margin: 10px 5px;}
#jm-top-bar ul { display: block;}
.fixed-header #feedback { top: -20px;}


/*************************************/

/* Set the parent <li>’s CSS position property to ‘relative’. */
        
           ul.main-navigation-log {
              list-style: none;        
              padding: 0;       
              margin: 0;    
              background: transparent;
            }
        
            ul.main-navigation-log li.parentddl {
       
              display: block;
              position: relative;
              float: left;
              background: transparent;
              text-decoration: none;
			  margin-right: 30px !important;
            }
            ul.main-navigation-log li.parentddl a.parent-anchor {

               text-decoration: none;
               color:#fff;
			   text-transform: capitalize !important;
             }
            ul.main-navigation-log li.parentddl a.parent-anchor:visited {
               text-decoration: none;
             }
        /* The CSS to hide the sub menus. */
            li.parentddl ul.ddl-log { display: none; right: 0; z-index: 99; }
            ul.ddl-log li.child-ddl a.child-anchor {
        
              display: block;
              padding: 0.5em;
              text-decoration: none;
              white-space: nowrap;
              color: #fff;
			  text-align: right;
        
            }
            ul.ddl-log
            {
                background: #10325a; 
                list-style: none;
                width: auto;
                padding: 0.7em 0.5em 0.7em 0.5em;
				border: 1px solid #eee !important;
	box-shadow:10px 10px 20px #232e35 !important;
	}
        
            ul.ddl-log li.child-ddl a.child-anchor:hover { color: #f0c15d ; background: #10325a;
            text-align: right; }
        
        /* Displays the dropdown menu on hover. */
        
            li.parentddl:hover > ul.ddl-log {        
              display: block;
              position: absolute;
                   }

            li.parentddl:hover li.child-ddl { float: none; }           
            li.parentddl:hover li.child-ddl a.child-anchor:hover { background: #10325a; }        
            .main-navigation-log li.parentddl ul.ddl-log li.child-ddl { border-top: 0; }
        
        /* Displays second level dropdown menus to the right of the first level dropdown menu. */        
            ul.main-navigation-log ul.ddl-log {
                right: 0% !important;
                top: 100%; 
				z-index: 5;
	border: 1px solid #fff !important;
            }
        
        /* Simple clearfix. */    
            ul.ddl-log:before, ul.ddl-log:after {content: " "; /* 1 */ display: table; /* 2 */ }        
ul.ddl-log:after { clear: both; }


/*******************/

.main-content-box h5 { padding-top: 0;}

/*********** Lihtbox **************/

@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
opacity:0
}
}
@-webkit-keyframes createBox {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
to {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes createBox {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
to {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes deleteBox {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
-webkit-transform:scale(0);
transform:scale(0)
}
}
@keyframes deleteBox {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
-webkit-transform:scale(0);
transform:scale(0)
}
}
.lightbox-container {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	padding: 2em;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	position: fixed;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #1d1d1d;
	background-color: rgba(29,29,29,.8)
}
.lightbox-wrapper {
	position: relative
}
.lightbox-image {
	max-height: 100vh;
	vertical-align: middle
}
.lightbox-btn {
	z-index: 2;
	width: 2.2em;
	height: 2.2em;
	position: absolute;
	border-radius: 50%;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat
}
.lightbox-btn:focus, .lightbox-btn:hover {
	background-color: #333
}
.lightbox-btn:disabled {
	cursor: initial;
	background-color: #aaa
}
.lightbox-btn-close {
	top: -.8em;
	right: -.8em;
	background-size: 40%;
	background-image: url(icons/icon-lightbox-close.svg)
}
.lightbox-btn-next, .lightbox-btn-previous {
top:calc(50% - (2.2em/2));
	background-size: 25% 80%;
	background-image: url(icons/icon-lightbox-arrow.svg)
}
.lightbox-btn-previous {
	left: 1.5em;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.lightbox-btn-next {
	right: 1.5em
}
.lightbox-video-wrapper {
	width: 80vw;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%
}
.lightbox-video-player {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute
}
[hidden] {
	display: none
}
.remove-scroll {
	overflow: hidden
}

#lightboxOverlay { width:100% !important; height:auto !important;}
hr { border-top: 2px solid #dfe5ee;}

@media(max-width:1366px) {
.main-menu .navigation > li > a, .main-header .header-top ul li a {
        font-size: 0.95em;
	}

.page-title h1 {
    font-size: 1.6em;
  
    margin-bottom: 5px;
    font-weight: 600;
    color: #ffffff;
    text-align: right;
    padding-top: 10px;
}

.logo {
    margin-top: -15px;
    direction: rtl;
    max-width: 300px;
}
.main-header .btn-outer {
    position: absolute;
    left: 5px;
    top: 0px;
    width: 80px;

}
.main-menu .navigation > li > a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 10px 5px;}
	
element {

}
.main-header .nav-outer {

    position: relative;
    padding-left: 85px;

}
.main-header .btn-outer .inq-btn {

    position: relative;
    display: block;
    line-height: 24px;
    text-align: center;
    padding: 10px 0px;
    font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 1em;}

	.logo img {
    width: 90%;
}
}

.fa-volume-up::before {
    content: "\f028";
    color: #fff;
}

/************************************/
/************* Cards **********************/
.card {
/*    border-radius: 6px;*/
/*    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);*/
    background-color: #FFFFFF;
    color: #252422;
    margin-bottom: 20px;
    position: relative;
}

.card .card-title,
.card .stats,
.card .category,
.card .description,
.card .social-line,
.card .actions,
.card .card-content,
.card .card-footer,
.card small,
.card a {
    position: relative;
}

.card .card-link {
    color: #444444;
}

.card .card-link:hover, .card .card-link:focus {
    color: #333333;
}

.card img {
    max-width: 100%;
    height: auto;
}

.card .card-header {
    padding: 20px 15px 0px;
    position: relative;
    border-radius: 3px 3px 0 0;
    z-index: 3;
}

.card .card-header.header-with-icon {
    height: 150px;
}

.card .card-header img {
    width: 100%;
}

.card .card-header .category {
    padding: 5px 0px;
}

.card .actions {
    padding: 10px 15px;
}

.card .more {
    float: right;
    z-index: 4;
    display: block;
    padding-top: 10px;
    padding-right: 10px;
    position: relative;
}

.card .alert {
    border-radius: 4px;
}

.card .category {
    font-size: 14px;
    font-weight: 400;
    color: #9A9A9A;
    margin-bottom: 0px;
}

.card .category i {
    font-size: 16px;
}

.card .category.error {
    color: #EB5E28;
    font-size: 12px;
}

.card .card-title {
    margin: 0;
    color: #252422;
    font-weight: 300;
}

.card .card-content {
    padding: 15px 15px 10px 15px;
	direction: rtl;
}

.card .card-content .card-title {
    margin: 10px 0 20px 0;
}

.card .card-content .big-title {
    text-transform: uppercase;
    text-align: center;
}

.card .card-content .category ~ .card-title {
    margin-top: 10px;
}

.card .card-content .description ~ .card-title {
    margin-top: -10px;
}

.card .description {
    font-size: 16px;
    color: #66615b;
}

.card h6 {
    font-size: 12px;
    margin: 10px 0;
}

.card .card-footer {
    padding: 0 15px 15px;
}

.card .card-footer .social-line .btn:first-child {
    border-radius: 0 0 0 6px;
}

.card .card-footer .social-line .btn:last-child {
    border-radius: 0 0 6px 0;
}

.card .card-footer hr {
    margin-top: 10px;
    margin-bottom: 15px;
}

.card .card-footer > .form-group {
    margin-bottom: 0;
}

.card .card-footer .footer-title {
    padding-top: 5px;
    display: inline-block;
}

.card .map {
    height: 280px;
    border-radius: 4px;
}

.card .map.map-big {
    height: 420px;
}

.card.card-separator:after {
    height: 100%;
    right: -15px;
    top: 0;
    width: 1px;
    background-color: #cfcfca;
    content: "";
    position: absolute;
}

.card .icon {
    display: block;
    margin: 0 auto;
    top: 60%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
}

.card .icon i {
    font-size: 60px;
    padding: 18px;
    width: 110px;
    border: 2px solid #ccc5b9;
    border-radius: 50%;
    height: 110px;
}

.card .icon-big {
    font-size: 3em;
}

.card .numbers {
    text-align: right;
    font-size: 1.9em;
}

.card .numbers p {
    margin: 0;
	font-size: 0.8em;
	font-weight: 600;
}

.card .pull-right .label {
    margin-top: 7px;
}

.card ul.team-members li {
    padding: 10px 0px;
}

.card ul.team-members li:not(:last-child) {
    border-bottom: 1px solid #F1EAE0;
}

.col-lg-4 .card .icon i {
    font-size: 80px;
    padding: 22px;
}

.card .stats {
    color: #a49e93;
    font-weight: 300;
}

.card.card-circle-chart .card-title {
    margin-bottom: 10px;
}

.card.card-circle-chart .card-content {
    padding: 10px 15px 10px;
    text-align: center;
}

.card .bootstrap-table {
    padding: 0px 20px;
}

.card[data-background-color="blue"] .card-title,
.card[data-background-color="blue"] .stats,
.card[data-background-color="blue"] .category,
.card[data-background-color="blue"] .description,
.card[data-background-color="blue"] .card-content,
.card[data-background-color="blue"] .card-footer,
.card[data-background-color="blue"] small,
.card[data-background-color="blue"] .content a, .card[data-background-color="green"] .card-title,
.card[data-background-color="green"] .stats,
.card[data-background-color="green"] .category,
.card[data-background-color="green"] .description,
.card[data-background-color="green"] .card-content,
.card[data-background-color="green"] .card-footer,
.card[data-background-color="green"] small,
.card[data-background-color="green"] .content a, .card[data-background-color="yellow"] .card-title,
.card[data-background-color="yellow"] .stats,
.card[data-background-color="yellow"] .category,
.card[data-background-color="yellow"] .description,
.card[data-background-color="yellow"] .card-content,
.card[data-background-color="yellow"] .card-footer,
.card[data-background-color="yellow"] small,
.card[data-background-color="yellow"] .content a, .card[data-background-color="brown"] .card-title,
.card[data-background-color="brown"] .stats,
.card[data-background-color="brown"] .category,
.card[data-background-color="brown"] .description,
.card[data-background-color="brown"] .card-content,
.card[data-background-color="brown"] .card-footer,
.card[data-background-color="brown"] small,
.card[data-background-color="brown"] .content a, .card[data-background-color="purple"] .card-title,
.card[data-background-color="purple"] .stats,
.card[data-background-color="purple"] .category,
.card[data-background-color="purple"] .description,
.card[data-background-color="purple"] .card-content,
.card[data-background-color="purple"] .card-footer,
.card[data-background-color="purple"] small,
.card[data-background-color="purple"] .content a, .card[data-background-color="orange"] .card-title,
.card[data-background-color="orange"] .stats,
.card[data-background-color="orange"] .category,
.card[data-background-color="orange"] .description,
.card[data-background-color="orange"] .card-content,
.card[data-background-color="orange"] .card-footer,
.card[data-background-color="orange"] small,
.card[data-background-color="orange"] .content a {
    color: #FFFFFF;
}

.card[data-background-color="blue"] .card-content a:hover,
.card[data-background-color="blue"] .card-content a:focus, .card[data-background-color="green"] .card-content a:hover,
.card[data-background-color="green"] .card-content a:focus, .card[data-background-color="yellow"] .card-content a:hover,
.card[data-background-color="yellow"] .card-content a:focus, .card[data-background-color="brown"] .card-content a:hover,
.card[data-background-color="brown"] .card-content a:focus, .card[data-background-color="purple"] .card-content a:hover,
.card[data-background-color="purple"] .card-content a:focus, .card[data-background-color="orange"] .card-content a:hover,
.card[data-background-color="orange"] .card-content a:focus {
    color: #FFFFFF;
}

.card[data-background-color="blue"] .icon i, .card[data-background-color="green"] .icon i, .card[data-background-color="yellow"] .icon i, .card[data-background-color="brown"] .icon i, .card[data-background-color="purple"] .icon i, .card[data-background-color="orange"] .icon i {
    color: #FFFFFF;
    border: 2px solid rgba(255, 255, 255, 0.6);
}

.card[data-background-color="blue"] {
    background: #b8d8d8;
}

.card[data-background-color="blue"] .category {
    color: #7a9e9f;
}

.card[data-background-color="blue"] .description {
    color: #506568;
}

.card[data-background-color="blue"] .icon i {
    color: #506568;
    border: 2px solid #7a9e9f;
}

.card[data-background-color="green"] {
    background: #d5e5a3;
}

.card[data-background-color="green"] .category {
    color: #92ac56;
}

.card[data-background-color="green"] .description {
    color: #60773d;
}

.card[data-background-color="green"] .icon i {
    color: #60773d;
    border: 2px solid #92ac56;
}

.card[data-bakcground-color="yellow"] {
    background: #ffe28c;
}

.card[data-bakcground-color="yellow"] .category {
    color: #d88715;
}

.card[data-bakcground-color="yellow"] .description {
    color: #b25825;
}

.card[data-bakcground-color="yellow"] .icon i {
    color: #b25825;
    border: 2px solid #d88715;
}

.card[data-background-color="brown"] {
    background: #d6c1ab;
}

.card[data-background-color="brown"] .category {
    color: #a47e65;
}

.card[data-background-color="brown"] .description {
    color: #75442e;
}

.card[data-background-color="brown"] .icon i {
    color: #75442e;
    border: 2px solid #a47e65;
}

.card[data-background-color="purple"] {
    background: #baa9ba;
}

.card[data-background-color="purple"] .category {
    color: #5a283d;
}

.card[data-background-color="purple"] .description {
    color: #3a283d;
}

.card[data-background-color="purple"] .icon i {
    color: #3a283d;
    border: 2px solid #5a283d;
}

.card[data-background-color="orange"] {
    background: #ff8f5e;
}

.card[data-background-color="orange"] .category {
    color: #e95e37;
}

.card[data-background-color="orange"] .description {
    color: #772510;
}

.card[data-background-color="orange"] .icon i {
    color: #772510;
    border: 2px solid #e95e37;
}

.btn-center {
    text-align: center;
}

.card-wizard {
    border-radius: 6px;
}

.card-wizard .nav-pills {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.card-wizard .nav-pills > li > a {
    text-align: center;
    border: none;
    background-color: #9A9A9A;
    color: #FFFFFF;
    text-transform: uppercase;
}

.card-wizard .nav-pills > li > a:hover, .card-wizard .nav-pills > li > a:focus {
    background-color: #9A9A9A;
    outline: 0 !important;
}

.card-wizard .nav-pills > li:first-child > a,
.card-wizard .nav-pills > li:last-child > a {
    border-radius: 0;
}

.card-wizard .btn-finish {
    display: none;
}

.card-wizard .card-header .category {
    padding: 0px;
}

.card-wizard .card-content h5 {
    padding: 20px;
}

.card-wizard .card-content label.error:not(.form-control) {
    color: #EB5E28;
    font-weight: 300;
    font-size: 0.8em;
}
.icon-primary {
    color: #7A9E9F;
}

.icon-info {
    color: #68B3C8;
}

.icon-success {
    color: #7AC29A;
}

.icon-warning {
    color: #F3BB45;
}

.icon-danger {
    color: #EB5E28;
}

/***********/
.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
/*.pt-5, .py-5 {*/
/*    padding-top: 3rem !important;*/
/*}*/
.bg-light {
    background-color: #f8f9fa !important;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
#contact h2 {
    margin-top: 30px;
    text-transform: none;
	font-size: 1.6em;
}

.col-md-6.message {
    padding-left: 60px;
    border-left: 1px solid #bdb6a438;
}

.col-md-6.message2 {
    padding-right: 60px;
    
}

.form-group {
    margin-bottom: 15px;
    direction: rtl;
}

/***************************/

.letter-nav {
   /* background-color: #EFEFEF;
    border-bottom: 1px solid #DDDDDD;*/
    border-radius: 2px 2px 2px 2px;
    color: #939B9F;
    font-size: 1.3em;
    font-weight: normal;
    padding: 18px;
	clear:both;
	
}

.letter-nav a:first-child {
}
.letter-nav a {
    background-color: transparent;
    border: 1px solid #E9EAF1;
    border-radius: 2px 2px 2px 2px;
    color: #3089C2;
    margin: 3px 0px;
	padding: 4px 12px;
    text-decoration: none;
	display: inline-flex;
margin-bottom: 5px !important;
}

.letter-nav a:hover, .letter-nav a:focus {
    background-color: #10325A;
    color: #FFFFFF;
}


.letter-nav a.active {
    background-color: #DDA930;
    border: 1px solid #DDA930;
    border-radius: 2px 2px 2px 2px;
    color: #fff;
   margin: 3px 0px;
padding: 4px 12px;
    text-decoration: none;
}

p.letter-group { 
    color: #11233E;
	font-weight:700;
    font-size: 26px;
    margin: 15px 10px 2px 5px;
	border-bottom: 1px solid #DDA930;
}

.helping-us.helping-us2 {
    background-color: #fff;
}
.contact_name {
    text-transform: capitalize;
}


/****************/

@media only screen and (max-width: 1350px){
.owl-carousel .owl-item {  width: 340px !important;}
.man-image-right img { width: 380px;}
.tabs-box .man-image-right { top: -115px;}
.main-slider.style-two { max-height: 600px;}
.single-project .upper-part {
	position: relative;
	margin-bottom:0 ; /*30px*/
}
.single-project .upper-part .upper-box {
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
	min-height: 350px;
}
.single-project .upper-part .main-image {
	position: relative;
	margin-left: 600px;
}

.sponsors-carousel .owl-item {  width: 300px !important;}
.sponsors-carousel.owl-carousel .owl-stage-outer {  max-height: 130px !important;}
.main-content-box h5 {  padding-top: 10px;  font-size: 0.9em; }
.single-latest-text > h3 {  font-size: 1.3em;}
.single-latest-text p {
    font-size: 1em;}
.projects-section .default-work-column { width: 25% !important;}
}

.main-header .header-top ul li { margin-right: 30px !important;}
		#jm-top-bar ul li { margin-right: 5px !important;} 

		/******************/

.addthis_inline_share_toolbox {
    margin: 20px 0 10px 0;
    width: 90%;
}
.share {

    display: block;
    margin: 20px 30px;
	direction:rtl;

}

.event-info-block {  padding-bottom: 5px;}

/***************************/
.lgn-btn.login { background-color: #dba528;}
.lgn-btn.login:hover {   background-color: #b7830b;}

/*****************/

@media only screen and (max-width: 978px)  {
	
	.container {  width: 100%;}
.service-section .tab-content-area .nav-pills {
    position: relative;
    width: 45%;
    left: -220px !important;
    display: inline-block;
}
}

.content-box.home {
    padding: 5px 30px 20px 10px !important;
}

.btn-style-five {
    position: relative;
    padding: 8px 20px;
    line-height: 24px;
    background: none;
    color: #ffffff !important;
    font-size: 1em;
    font-weight: 400;
    border: 2px solid #ffffff30;

    margin-right: 25px;
}

.news-list {
    direction: rtl;
    text-align: right;
    padding: 5px 15px 15px 5px;
}
.news-list li {
    list-style: circle;
    margin-right: 20px;
}

.alert {
z-index: 999999;
top: 140px;
position: absolute;
width: 60%;
box-shadow: 0 0 10px rgba(0,0,0,.2),0 7px 10px rgba(0,0,0,.2);
font-size: 1.3em;
right:20%;

}

.alert-success {
    color: #10325a !important;
    background-color: #FDC540 !important;
    border-color: #10325a;
	direction:rtl;
}
.alert a { color: #10325a !important;}
.fa-3 {
    font-size: 2em !important;
 color: #10325a !important;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: 97% !important;
    color: inherit;
}
.news-list {padding-top: 0 !important;}
.news-list li a {color: #e66650; font-size: 1.1em;font-weight: 600;}
.news-list li a:hover { color: #d02b0f;}

ul.message li {
    font-size: 0.9em;
    line-height: 1.5em;
    list-style: circle;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

/************************/
@media only screen and (max-width: 480px) and (min-width: 360px)  {
.team-member .lower-part .left-curve { top: -12px; width: 52.8%; transform: rotate(-8deg);}
.team-member .lower-part .right-curve { top: -12px; width: 52.8%; transform: rotate(8deg);}
.team-member .caption-layer h3, .team-member .caption-layer .category { font-size: 14px;margin-bottom: 0;}
.team-member .inner-box { margin-bottom: 15px;}
.highlight .outer-box .post-item h4 {font-size: 1em !important;}
.info {font-size: 0.9em !important;}

}
/*****************/

.sidebar .search-widget .form-group input[type="text"],
.sidebar .search-widget .form-group input[type="search"]{
	display:inline-block;
	width:97%;
	line-height:24px;
	padding:10px 15px 10px 50px;
	border:1px solid #f1f1f1;
	font-size:13px;
	background:#f3f3f3;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
	float: right;
    margin-right: 10px;
}

.sidebar .search-widget .form-group input[type="text"]:focus,
.sidebar .search-widget .form-group input[type="search"]:focus{
	border-color:#dda930;
}

.sidebar .search-widget .form-group input[type="date"]{

	display:inline-block;
	width:90%;
	line-height:24px;
	padding:10px 50px 10px 15px;
	border:1px solid #f1f1f1;
	font-size:13px;
	background:#f3f3f3;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
	float: right;
    margin-right: 10px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
	font-family: "DroidNaskh",Helvetica,Arial,sans-serif;
}
.col-lg-4 {
    -ms-flex: 0 0 33.333333% !important;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    float: right;
}