/* Add here all your CSS customizations */
@import url(rtl.css);


@font-face {
	font-family: 'fa-snapchat';
	src:url('fonts/fa-snapchat.eot?-73zac');
	src:url('fonts/fa-snapchat.eot?#iefix-73zac') format('embedded-opentype'),
		url('fonts/fa-snapchat.ttf?-73zac') format('truetype'),
		url('fonts/fa-snapchat.woff?-73zac') format('woff'),
		url('fonts/fa-snapchat.svg?-73zac#fa-snapchat') format('svg');
}

.fa-snapchat:before {
	font-family: 'fa-snapchat';
	content: "\e600";
}


/**
*
*
*
*************************************************
*************************************************
					Main
*************************************************
*************************************************
*
*
*
**/

/* Base Clear */
.clear { clear: both !important;}


/* size */
.font-8 {
	font-size: 8pt ;
}


/* Base Alignment */
.center 		{	text-align: center 	!important;}
.right  		{	text-align: right 	!important;}
.left    		{	text-align: left 	!important;}
.justify   	{	text-align: justify !important;}
.middle		{ 	vertical-align: middle !important;}

/* Base Colours */
.white		{color:#FFFFFF	!important;}
.lightblue	{color: #6cccea !important;}
.blue		{color:#1a8fbf	!important;}
.dkblue		{color:#2D7C9B	!important;}
.green		{color:#05ca05	!important;}
.dkgreen	{color:#009900	!important;}
.lightgrey	{color:#c8c8c8	!important;}
.lightesgrey{color:#ececec	!important;}
.grey		{color:#A8A8A8	!important;}
.dkgrey		{color:#333333	!important;}
.orange		{color:#FF9900	!important;}
.dkorange	{color:#D17F04	!important;}
.purple		{color:#9F81A9	!important;}
.dkpurple	{color:#9136AF	!important;}
.lightred	{color: #e47373 !important;}
.red		{color:#D54346	!important;}
.dkred		{color:#AC0909	!important;}
.secondary	{color:#ec5956	!important;}
.yellow		{color:#FDE803	!important;}
.dkyellow	{color:#BAA900	!important;}
.black		{color:#000000	!important;}
.pink		{color:#ef3b95	!important;}
.dkpink		{color:#b22c6f	!important;}
.brown		{color:#c98724	!important;}
.dkbrown	{color:#8e5908	!important;}
.gold		{color:#D4AF37	!important;}
.dkgold		{color:#DAA520	!important;}

/* Base Colours Background */
.bg_blue		{color:#FFFFFF	!important; background-color:#56AED4	!important;}
.bg_dkblue		{color:#FFFFFF	!important; background-color:#217da5	!important;}
.bg_lightblue	{							background-color:#bae4f7	!important;}
.bg_pink		{color:#FFFFFF	!important; background-color:#a8125d	!important;}
.bg_lightpink	{							background-color:#f8d9e8	!important;}
.bg_green		{color:#FFFFFF	!important; background-color:#C0E079	!important;}
.bg_dkgreen		{color:#FFFFFF	!important; background-color:#009900	!important;}
.bg_lightgreen	{							background-color:#cff7d9	!important;}
.bg_grey		{color:#FFFFFF	!important; background-color:#A8A8A8	!important;}
.bg_lightgrey	{						    background-color:#cccccc	!important;}
.bg_lightesgrey	{						    background-color:#f5f5f5	!important;}
.bg_dkgrey		{color:#FFFFFF	!important; background-color:#999999	!important;}
.bg_lightorange	{							background-color:#FDc777	!important;}
.bg_orange		{color:#FFFFFF	!important; background-color:#FF9900	!important;}
.bg_dkorange	{color:#FFFFFF	!important; background-color:#ad6801	!important;}
.bg_purple		{color:#FFFFFF	!important; background-color:#9F81A9	!important;}
.bg_dkpurple	{color:#FFFFFF	!important; background-color:#9136AF	!important;}
.bg_lightpurple	{							background-color:#efe1ec 	!important;}
.bg_red			{color:#FFFFFF	!important; background-color:#D54346	!important;}
.bg_dkred		{color:#FFFFFF	!important; background-color:#B2090C	!important;}
.bg_secondary	{color:#FFFFFF	!important; background-color:#ec5956	!important;}
.bg_lightred	{							background-color:#ffe6e6	!important;}
.bg_yellow		{color:#666666	!important; background-color:#FDE803	!important;}
.bg_lightyellow	{							background-color:#fffef4	!important;}
.bg_lightbeige	{							background-color:#ece8e3	!important;}
.bg_gold		{color:#FFFFFF	!important;	background-color:#D4AF37	!important;}
.bg_dkgold		{color:#dddddd	!important; background-color:#DAA520	!important;}
.bg_indigo	    {color:#ffffff	!important; background-color:#3d588f 	!important;}
.bg_lightindigo	{                           background-color:#d4d9e3 	!important;}
.bg_black		{color:#dddddd	!important; background-color:#000000	!important;}
.bg_white		{color:#666666	!important; background-color:#FFFFFF	!important;}

/* Base Colours Background */
.bg_blue		{color:#FFFFFF	!important; background-color:#56AED4	!important;}


/*** Shadow ****/
.fa-shadow {
	text-shadow: 1px 0 0 #949494, -1px 0 0 #949494, 0 1px 0 #949494, 0 -1px 0 #949494, 1px 1px #949494, -1px -1px 0 #949494, 1px -1px 0 #949494, -1px 1px 0 #949494;

}
i.bg_white {
	background-color:#FFFFFF	!important;
}


/* Base Text decoration Style */
.underline {text-decoration: underline !important;}

.rtl	{direction: rtl ;}
.ltr	{direction: ltr ;}

.f-right { float: right ; }
.f-left  { float: left  ; }

i.icon-2x { font-size: 13px	!important;}
i.icon-3x { font-size: 18px	!important;}
i.icon-4x { font-size: 22px	!important;}
i.icon-5x { font-size: 27px	!important;}
i.icon-9x { font-size: 80px	!important;}

.text-lg {font-size: 18px !important;}
.text-md {font-size: 16px !important;}
.text-sm {font-size: 12px !important;}
.text-xs {font-size: 10px !important;}

.icon-spin {
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

.icon-spin-rev {
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}


.btn10  {width:10px !important ;}
.btn15  {width:15px !important ;}
.btn20  {width:20px !important ;}
.btn25  {width:25px !important ;}
.btn30  {width:30px !important ;}
.btn35  {width:35px !important ;}
.btn40  {width:40px !important ;}
.btn45  {width:45px !important ;}
.btn50  {width:50px !important ;}
.btn55  {width:55px !important ;}
.btn60  {width:60px !important ;}
.btn75  {width:75px !important ;}
.btn80  {width:80px !important ;}
.btn90  {width:90px !important ;}
.btn100 {width:100px !important ;}
.btn120 {width:120px !important ;}
.btn150 {width:150px !important ;}
.btn160 {width:160px !important ;}
.btn175 {width:175px !important ;}
.btn180 {width:180px !important ;}
.btn190 {width:190px !important ;}
.btn200 {width:200px !important ;}

/**  Border radius **/
.rnd3 {
	-webkit-border-radius: 3px  !important;
	-moz-border-radius: 3px  !important;
	border-radius: 3px  !important;
}
.rnd5 {
	-webkit-border-radius: 5px  !important;
	-moz-border-radius: 5px  !important;
	border-radius: 5px  !important;
}
.rnd8 {
	-webkit-border-radius: 8px  !important;
	-moz-border-radius: 8px  !important;
	border-radius: 8px  !important;
}
.rnd10 {
	-webkit-border-radius: 10px  !important;
	-moz-border-radius: 10px  !important;
	border-radius: 10px  !important;
}
.rnd20 {
	-webkit-border-radius: 20px  !important;
	-moz-border-radius: 20px  !important;
	border-radius: 20px  !important;
}
.rnd30 {
	-webkit-border-radius: 30px  !important;
	-moz-border-radius: 30px  !important;
	border-radius: 30px  !important;
}
.rnd40 {
	-webkit-border-radius: 40px  !important;
	-moz-border-radius: 40px  !important;
	border-radius: 40px  !important;
}


a:Hover , a:active {
	color: #58b4e2 ;
	text-decoration: none ;
}

.pointer {
	cursor: pointer ;
}

.text-readable {
    font-family: arial;
    font-size: 13pt;
    font-weight: bold;
}

.share-icon img{
	width: 25px ;
	margin-left: 5px ;
}

/**** Headrs ****/
h1 , h2 , h3 , h4 , h5 , h6 {
    line-height: normal;
}

h1.tahoma , h2.tahoma , h3.tahoma , h4.tahoma , h5.tahoma , h6.tahoma {
	font-family: Tahoma !important;
}

h1.normal , h2.normal , h3.normal , h4.normal , h5.normal , h6.normal ,
label.normal {
	font-weight: normal !important;
}

.project-program-Guest td img{
	border: 1px black solid ;
}

/**
*
*
*
*************************************************
*************************************************
			INTRO PAGE , LANDING
*************************************************
*************************************************
*
*
*
**/

.slider-container .top-label , .slider-container .main-label , .slider-container .bottom-label {
	font-family: GESSTwoMedium ;
}

.slider-container .top-label {
	font-size: 35px;
}

.slider-container .main-label {
    font-size: 40px;
}

.slider-container .bottom-label {
	font-size: 35px;
}

.landing .counters strong {
	font-size: 26px;
}
.landing .content-grid .content-grid-item {
	padding: 10px;
}

/**
*
*
*
*************************************************
*************************************************
			Table THEAD TBODY TFOOTER
*************************************************
*************************************************
*
*
*
**/

table thead th {
	text-align: center ;
}

tr.tr-info {
	background-color: #1E6182 !important;
	color: #FFFFFF ;
}

/**	Table  ROW Color **/

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
	background-color: #469BC5 ;
	color: #FFFFFF ;
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #ebebeb;
}


table.grey tr > td {
	/*background-color: #81CCF1;*/
    color: black;
}

table.info tr:nth-child(odd)	 {background-color: #469BC5;	color:white ;}
table.grey tr:nth-child(odd)	 {background-color: #DDDDDD;}

.table > thead > tr.tertiary  > th {
	background-color: #2baab1;
    color: white;
}

.table > thead > tr.primary  > th {
	background-color: #0088cc;
    color: white;
}

/**
*
*
*
*************************************************
*************************************************
			Header Bar , Dropdown Menu
*************************************************
*************************************************
*
*
*
**/

.page-header.parallax.small {
	    padding: 50px 0 50px;
}

.page-header .breadcrumb {
	margin: -10px 0 0;
	padding-bottom: 10px ;
}

.page-header {
	margin: 0 0 17px 0;
}

#header .header-body.header-mini {
	min-height: 85px;
}
#header .header-logo.header-mini img {
    margin: 0px 0 10px 24px;
}

#header .header-nav-main {
	width: 100% ;
}

.nav  > li > a.btn-danger:hover  , .nav  > li > a.btn-danger:focus , #header .header-nav-main nav > ul > li > a.btn-danger:hover {
	background-color: #c9302c;
}

#header .page-header {
	margin: 0 0 25px 0 ;
}

#header .header-container .socialbar {
    margin-top: -40px;
    margin-bottom: 3px;
}

@media (min-width: 992px){
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		padding: 5px 0px 5px 0px;
	}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
		margin-top: -7px;
		margin-right: 0px;
	}
}

/**
*
*
*
*************************************************
*************************************************
			Table THEAD TBODY TFOOTER
*************************************************
*************************************************
*
*
*
**/

table thead th {
	text-align: center ;
}

tr.tr-info {
	background-color: #1E6182 !important;
	color: #FFFFFF ;
}

/**	Table  ROW Color **/

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
	background-color: #469BC5 ;
	color: #FFFFFF ;
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #ebebeb;
}


table.grey tr > td {
	/*background-color: #81CCF1;*/
    color: black;
}

table.info tr:nth-child(odd)	 {background-color: #469BC5;	color:white ;}
table.grey tr:nth-child(odd)	 {background-color: #DDDDDD;}

.table > thead > tr.tertiary  > th {
	background-color: #2baab1;
    color: white;
}

.table > thead > tr.primary  > th {
	background-color: #0088cc;
    color: white;
}

/**
*
*
*
*************************************************
*************************************************
				LANDING PAGE
*************************************************
*************************************************
*
*
*
**/

section.section-custom-map {
    padding: 170px 0 0;
}


/**
*
*
*
*************************************************
*************************************************
				PRODUCHT - SHOP
*************************************************
*************************************************
*
*
*
**/

.product-thumb-info .product-thumb-info-content.fixheight{
	height: 60px;
}


/**
*
*
*
*************************************************
*************************************************
					Footer
*************************************************
*************************************************
*
*
*
**/


#footer {
	margin-top: 30px;
	padding: 20px 0 0;
}

#footer .container .row > div {
	margin-bottom: 10px;
}

#footer .footer-copyright {
	margin-top: 0px;
	padding: 5px 0 5px;
}




/**
*
*
*
*************************************************
*************************************************
					ALERTS
*************************************************
*************************************************
*
*
*
**/

.alert-success {
    color: #114E12;
}

.alert-danger {
    color: #7B1816;
}

.alert-warning {
    color: #523A11;
}


/**
*
*
*
*************************************************
*************************************************
			Component , Fetures
*************************************************
*************************************************
*
*
*
**/

/**** Button  ****/

button i {
    /*padding-left: 10px;*/
}

.btn-fixdwidth {
	width: 100px ;
}

.btn i {
    float: right;
    padding: 3px;
}


/**** Check Box ****/

.checkbox-custom {
    padding: 0 25px 0 0px;
}
.checkbox-custom label:before , .checkbox-custom input[type="checkbox"]:checked + label:after {
	left: initial ;
	right: 0;
}



/**** Radio Button  ****/

.radio-custom label:before {
right: 0 ;
left: inherit ;
}

.radio-custom label {
    padding-right: 25px;
    text-align: right;
}

.radio-custom input[type="radio"] {
	right: 3px ;
	left: inherit ;
}

.radio-custom input[type="radio"]:checked + label:after {
	    right: 4px;
	left: inherit ;
}


/**** Date ****/

.datepicker.dropdown-menu {
	    width: 250px;
}

.datepicker.datepicker-primary.datepicker-inline {
    background: none;
    color: black;
}
.grey > .datepicker.datepicker-primary.datepicker-inline {
    background: #F9F9F9;
    color: black;
}


/**** Time ****/
.bootstrap-timepicker-widget {
	width: 200px !important;
	    direction: ltr;
}


/**** list  ****/
.list.list-icons.list-icons-reverse li {
    border-bottom: 1px solid #EDEDDE;
	padding-left: 5px;
}

.list.list-icons.list-icons-reverse li i{
	color: #333;
}

.list.list-icons.list-icons-reverse li a{
	display: block; 	
    color: #555;
    text-decoration: none;
}

.list.list-icons.list-icons-reverse li:hover {
	background-color: #eee;
	text-decoration: none;
	-webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    transition: background 0.1s;
}

.list.list-icons.list-icons-reverse li:first-child {
	/**/border-top: 1px solid #EDEDDE;
	border-top: 1px solid #FFFFFF;
}



/**** tooltip  ****/
.tooltip-inner{
	font-family: Tahoma ;
}




/**** circular-bar   ****/
.circular-bar .two-line label {
	top: 20% ;
}	
	
	
	
/**** Box Content ****/
.box-content h3 {
	margin-bottom: 15px;
}

.box-md {
	padding: 20px 20px 10px 20px !important;
}

.box-sm {
	padding: 10px !important;
}



/**** featured-box ****/
html .featured-box-success .icon-featured {
	background-color: #47a447;
}
html .featured-box-success h4 {
	color: #47a447;
}
html .featured-box-success .box-content {
	border-top-color: #47a447;
}

.featured-box {
	z-index: inherit;
}



/**** Toggle ****/
.toggle > label {
    padding: 10px 30px 12px 11px;
}

.toggle > label:before {
	left: inherit ;
	right: 10px ;
    color: #ffffff;
}
.toggle.active > label:before {
	left: inherit ;
	right: 10px ;
    color: #ffffff;
}
.toggle.clorise > label:before{
	border: 6px solid transparent;
    border-top-color: #FFF;
	margin-top: 0px ;
}

html .toggle-primary .toggle.clorise > label {
    background-color: #0088cc;
    border-color: #0088cc;
    color: #ffffff;
}
html .toggle-secondary .toggle.clorise > label {
    background-color: #e36159;
    border-color: #e36159;
    color: #ffffff;
}
html .toggle-tertiary  .toggle.clorise > label {
    background-color: #2baab1;
    border-color: #2baab1;
    color: #ffffff;
}
html .toggle-quaternary  .toggle.clorise > label {
    background-color: #383f48;
    border-color: #383f48;
    color: #ffffff;
}
html .toggle-dkgrey  .toggle.clorise > label {
    background-color: #777;
    border-color: #222;
    color: #ffffff;
}


/********* thumb-info-inner **********/

.thumb-info .thumb-info-inner {
	font-weight: normal ;
	text-align: right ;
	
}

.thumb-info .thumb-info-title {
	bottom: 3%;
    max-width: none;
	width: 100%;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	padding: 9px 11px 9px;
}

.thumb-info .thumb-info-type {
font-size: 12pt ;
	font-family : Arial ;
	font-weight: bold ;
}

.thumb-info .thumb-info-wrapper  {
	margin: 4px 1px 3px 1px;
}

.thumb-info .thumb-info-wrapper img.team  {
	height: 200px ;
	margin-bottom: 35px ;
}

.thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p {
	height: 50px ;
	overflow: hidden;
}

.thumb-info .thumb-info-social-icons a.unavailable {
	    background-color: #ddd;
}

.thumb-info .thumb-info-social-icons a>i.unavailable {
	    color: #aaa;
		font-weight: normal ;
}


/**** COUNTERS ****/
.counters label {
	font-family: GESSTwolight;
    font-weight: bold;
	padding-top: 20px ;
}
/** SM **/
.counters-sm label {
	font-family: GESSTwolight;
    font-weight: bold;
	padding-top: 10px ;
}
/** xS **/
.counters-xs  strong {
	font-size: 20px;
	line-height: normal;
}
.counters-xs label {
	font-family: GESSTwolight;
	padding-top: 0px ;
	font-size: 16px;
}




/**** panel ****/
.panel-group .panel {
	-webkit-border-radius: 8px  !important;
	-moz-border-radius: 8px  !important;
	border-radius: 8px  !important;
}

.panel-group .panel-heading {
	-webkit-border-radius: 10px  !important;
	-moz-border-radius: 10px  !important;
	border-radius: 10px  !important;
}



/**** popover ****/
.popover  {
	font-family: tahoma ;
}






/********* thumb-info-inner **********/



/***** Blog Comments ****/
ul.comments li {
	padding: 10px 0 0 0px;
}
@media (max-width: 479px) {
ul.comments li {
    border-right: 0px;
	}
}

ul.comments .comment-block {
	margin-right: 105px;
}
ul.comments .comment-arrow {
	border-left: 15px solid #F4F4F4;
    border-right: 0px;
	left: none;
	right: -15px;
    position: absolute;
    top: 15px;
}
@media (max-width: 479px) {
ul.comments .comment-arrow {
    display: inherit;
	}
}

ul.comments li .img-thumbnail {
	margin-right: 0px;
	display: inline-block;
}

ul.comments .comment-block .comment-by {
	font-family: DroidArabicKufi;
}

ul.comments .comment-block p, ul.comments .comment-block .date {
	font-weight: normal;
}

.comment-form .img-thumbnail {
	border-radius: 100% ;
}
.comment-form img {
	border-radius: 100% ;
	width: 50px ;
	height: 50px;
}
.comment-form span {
	font-family: DroidArabicKufi;
}





/**
*
*
*
*************************************************
*************************************************
			btn-info
*************************************************
*************************************************
*
*
*
**/

html .btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0088cc;
    border-color: #0088cc #0088cc #006699;
}

html .btn-info:hover {
    border-color: #0099e6 #0099e6 #0077b3;
    background-color: #0099e6;
}

html .btn-info:active,
html .btn-info:focus {
    border-color: #0077b3 #0077b3 #0077b3;
    background-color: #0077b3;
}

html .btn-info.dropdown-toggle {
    border-left-color: #0077b3;
}

html .btn-info[disabled] {
    border-color: #33bbff;
    background-color: #33bbff;
}

html .btn-info:hover,
html .btn-info:focus {
    color: #ffffff;
}

html .btn-info-scale-2 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006699;
    border-color: #006699 #006699 #004466;
}

html .btn-info-scale-2:hover {
    border-color: #0077b3 #0077b3 #005580;
    background-color: #0077b3;
}

html .btn-info-scale-2:active,
html .btn-info-scale-2:focus {
    border-color: #005580 #005580 #005580;
    background-color: #005580;
}

html .btn-info-scale-2.dropdown-toggle {
    border-left-color: #005580;
}

html .btn-info-scale-2[disabled] {
    border-color: #00aaff;
    background-color: #00aaff;
}




/**
*
*
*
*************************************************
*************************************************
			Chars
*************************************************
*************************************************
*
*
*
**/

.ct-chart .ct-label, .ct-chart .ct-label.ct-horizontal {
    font-size: 12pt;
}