body {
	/*overflow: hidden;*/
}
@font-face {
    font-family: 'kelson_sansbold';
    src: url('../fonts/kelson_sans_bold-webfont.woff2') format('woff2'),
         url('../fonts/kelson_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kelson_sanslight';
    src: url('../fonts/kelson_sans_light-webfont.woff2') format('woff2'),
         url('../fonts/kelson_sans_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kelson_sansregular';
    src: url('../fonts/kelson_sans_regular-webfont.woff2') format('woff2'),
         url('../fonts/kelson_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.arabic {
	font-family: 'kelson_sansregular';
	font-weight: normal;
}
#preloader {
	background-color: #FFF;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647
}
#status {
	background: url(../images/loading.gif) center center no-repeat;
	height: 80px;
	left: 50%;
	top: 50%;
	position: absolute;
	width: 80px;
	margin: -40px 0 0 -40px
}
.scrolltotop {
	position: fixed;
	bottom: -50px;
	right: 20px;
	height: 40px;
	width: 40px;
	color: #fff;
	background-color: rgba(0,0,0,.2);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	opacity: 0;
	z-index: 1000;
}
.scrolltotop a {
	height: 40px;
	width: 40px;
	display: block;
	color: #FFF
}
.scrolltotop a i {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
}
.scrolltotop:hover {
	color: #001ec9;
	background-color: #eee;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.5);
	box-shadow: 0 2px 0 rgba(0,0,0,.5)
}
.scrolltotop a:hover {
	color: #001ec9
}
.scrolltotop:hover i {
	opacity: 1
}
.scrolltotop i {
	line-height: 36px;
	opacity: .5
}
.show-to-top {
	opacity: 1;
	bottom: 20px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}
#header {
	padding-bottom: 20px;
}
#header nav {
	padding-top: 3px;
	padding-bottom:2px;
}
.head-img {
	text-align: center;
}
.head-img img {
	max-width: 100%;
}
.clock {
	background:#013F54;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 200px;
	padding: 17px 15px;
}
.clock #hours, .clock #min, .clock #sec, .clock #point {
	font-family: 'kelson_sansregular';
	font-weight: normal;
	font-size: 59px;
	color: #FFCD00;
	line-height: 32px;
}
#date {
	font-family: 'kelson_sansregular';
	font-size: 20px;
	color: #FFCD00;
	font-weight: normal;
	text-align: center;
}
.clock ul {
	margin: 0;
	padding: 0;
	padding-bottom: 9px;
	list-style: none;
	text-align: center;
}
.clock ul li {
	display: inline;
	text-align: center;
}
#point {
	position: relative;
	-moz-animation: mymove 1s ease infinite;
	-webkit-animation: mymove 1s ease infinite;
	padding-left: 2px;
	padding-right: 2px;
}
.navbar-header {
	float: none;
}
.navbar-brand {
	float: none;
	display: block;
}
.navbar-brand img {
	width: 100%;
}
@-webkit-keyframes mymove {
0% {
	opacity:1.0;
}
50% {
	opacity:0;
	text-shadow:none;
}
100% {
	opacity:1.0;
}
}
@-moz-keyframes mymove {
0% {
	opacity:1.0;
}
50% {
	opacity:0;
	text-shadow:none;
}
100% {
	opacity:1.0;
}
}
#content {
	padding-bottom: 30px;
}
.cnt-left h1 {
	font-family: 'kelson_sansbold';
	font-size: 22px;
	color: #282828;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0px;
}
.cnt-left h1 .arabic {
	font-family: 'kelson_sansbold';
	font-size: 30px;
	display: block;
	color: #000;
	padding-bottom: 10px;
}
.cnt-left .video-section {
	padding:0px;
	background: #fff;
	margin-bottom: 20px;
	overflow: hidden;
}
.cnt-left .slider {
	background: #fff;
	padding: 15px 10px;
}
#footer {
	background: #fff;
	padding: 20px 0px;
	position: relative !important;
	    
}
.marquee {
	overflow: hidden;
	    padding: 4px;
	margin: 0px;
	list-style: disc;
}
.marquee li {
	/*font-family: 'kelson_sansbold';
	font-size: 22px;*/
	/*color: #282828;*/
	/*font-weight: normal;*/
	float:  left;
	padding: 0px;
	/*list-style: none;*/
}
.marquee li + li {
	margin-left: 30px;
}
.cnt-right .table {
	margin-bottom: 0px;
}
.cnt-right .table > thead > tr > th {
	font-family: 'kelson_sansregular';
	font-size: 18px;
	color: #FFCD00;
	font-weight: normal;
	background: #013F54;
	border: none;
	text-align: center;
	vertical-align: middle;
}
.cnt-right .table > thead > tr > th.full-col .arabic {
	display: block;
}
.cnt-right .table > thead > tr > th + th {
	border-left: 5px solid #e7e7e7;
}
.cnt-right .table > thead > tr > th.yellow {
	border-left: 5px solid #FFCD00;
	background: #013F54;
	color: #FFCD00;
	border-top: 2px solid #FFCD00;
	
}
.cnt-right .table > thead > tr > th.yellow + th.yellow {
	border: none;
	border-left: 2px dashed #FFCD00;
}
.cnt-right .table > tbody > tr > td {
	border-top: 5px solid #e7e7e7;
	border-bottom: 5px solid #e7e7e7;
	background: #f4f4f4;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}
.cnt-right .table > tbody > tr > td + td {
	border-left: 5px solid #e7e7e7;
}
.cnt-right .table > tbody > tr > td.flagdv {
	background: #FFCD00;
	padding: 0px;
	padding-left: 10px;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}
.cnt-right .table > tbody > tr > td.flagdv img {
	width: 40px;
	display: block;
}
.cnt-right .table > tbody > tr > td.flagdv + td.flagdv {
	padding: 0px 8px;
	border-left: none;
}
.cnt-right .table > tbody > tr > td {
	font-family: 'kelson_sansbold';
	font-size: 38px;
	color: #013F54;
	font-weight: normal;
	text-align: center;
}
.cnt-right .table > tbody > tr > td span.text {
	padding-left: 15px;
}
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;  
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.cnt-right .table > tbody > tr:last-child > td {
	border-bottom: none !important;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
#currency_table_paginate {
	display: none;
}
nav.navbar > .container-fluid {
	/*background: #ff0000;*/
}
#header table {
	width: 100%;
}
#header table th.logo {
	padding-left: 0px;
}
#header table th.branch {
	font-family: 'kelson_sansbold';
	font-size: 30px;
	color: #013F54;;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	line-height: 32px;
	padding-right: 30px;
	vertical-align: middle;
}
#header table th.branch span {
	display: inline-block;
	max-width: 200px;
}
.head-img, .video-section, .slider {
	margin-bottom:0px !important;
}
.table_dv {
    display: table;
    height: 100%;
    width: 100%;
}
.table_dv .table_body {
	display: table-cell;
	vertical-align: middle;
}
#cnt-left {
	padding-bottom: 1px;
}
#ninja-slider .slider-inner > ul {
	padding-bottom: 56.25%;
	padding-top: 0px !important;
	margin-bottom: 0px !important;
}
@media (max-width: 1500px) {
.head-img img {
	max-width: 100%;
	width: 350px;
	display: inline-block;
}
.cnt-right .table > tbody > tr > td.flagdv img {
	height: 24px;
}
.cnt-left h1 {
	margin-bottom: 15px;
}
.cnt-left h1 .arabic {
	padding-bottom: 5px;
}
#header {
	padding-bottom: 0px;
}
#content {
	padding-bottom: 15px;
}
#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	    position: fixed;
    bottom: 0;
    padding-left: -31px;
    width: 100%;
}


}
@media (max-width: 1199px) {
#header table th.branch {
	font-size: 24px;
	line-height: 28px;
}
.clock #hours, .clock #min, .clock #sec, .clock #point {
	font-size: 28px;
	line-height: 30px;
}
.clock ul {
	padding-bottom: 4px;
}
#header table th.clock {
	padding: 15px;
}
.cnt-left .video-section {
	padding: 0px;
}
.marquee li {
	/*font-size: 18px;*/
}
#header nav {
	padding-top: 10px;
	padding-bottom: 10px;
}
}
@media (max-width: 1300px) {
#ninja-slider .video, .video-playbutton-layer
{
	 left: -14px !important;
}
}


@media (max-width: 991px) {
#content .cnt-left {
	padding-right: 0px;
	 position: fixed;
    bottom: 0;
	     
}
#header table th.logo {
	padding-right: 0px;
}
.cnt-left .video-section {
	margin-bottom: 15px;
}
#header table th.branch {
	font-size: 18px;
	line-height: 20px;
}
#header table th.clock {
	padding: 7px;
	width: 140px;
}
.clock ul {
	padding-bottom: 2px;
}
.clock #hours, .clock #min, .clock #sec, .clock #point {
	font-size: 20px;
	line-height: 24px;
}
#date {
	font-size: 12px;
}
.head-img img {
	width: 250px;
}
.cnt-right .table > thead > tr > th {
	font-size: 33px;
}
.marquee li {
	/*font-size: 16px;*/
}
.cnt-right .table > tbody > tr > td {
	font-size: 33px;
}
.cnt-right .table > thead > tr > th + th {
	border-left: 2px solid #e7e7e7;
}
.cnt-right .table > thead > tr > th.yellow {
	border-left: 2px solid #e7e7e7;
}
.cnt-right .table > thead > tr > th.yellow + th.yellow {
	border-left: 2px dashed #FFCD00;
}
.cnt-right .table > tbody > tr > td {
	border-top: 2px solid #e7e7e7;
	border-bottom: 2px solid #e7e7e7;
}
.cnt-right .table > tbody > tr > td + td {
	border-left: 2px solid #e7e7e7;
}
}

@media (min-width: 992px) and (max-width: 1024px) {
.cnt-left .head-img {
	/*margin-top: 40px;*/
}
.cnt-left .video-section {
	/*margin-top: 60px;
	margin-bottom: 60px;*/
}
#header nav {
	padding-bottom: 7px;
}
}
@media (min-width: 1025px) {
.cnt-left .video-section {
	/*margin-bottom: 19px;*/
}
}