@font-face {
  font-family: 'pd';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/DroidKufi-Regular.eot);
  src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
  url(fonts/DroidKufi-Regular.woff2) format('x-woff2'),
  url(fonts/DroidKufi-Regular.woff) format('woff'),
  url(fonts/DroidKufi-Regular.ttf) format('truetype');
}
body,td{
	font-family: pd,Arial, Helvetica, sans-serif !important;
	line-height: 20px !important;
}
/* =Reset
-------------------------------------------------------------- */
/* default */
h1,h2,h3,h4,h5{ padding:0; margin:0; }
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */
img{ border:none;}
.inlineblock{ display:inline-block}

/* Images */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
img.alignleft { margin: 5px 20px 5px 0;}
.wp-caption.alignleft { margin: 5px 10px 5px 0;}
img.alignright {margin: 5px 0 5px 20px;}
.wp-caption.alignright {margin: 5px 0 5px 10px;}
img.aligncenter {margin: 5px auto 6px;}
img.alignnone {margin: 5px 0;}


/* general */
.fLeft{ float:left}
.fRight{ float:right;}
.borderNone{border:none !important}
.textDecorationNone{ text-decoration:none !important}
.mr10{ margin-right:10px !important;}
.mr20{ margin-right:20px !important;}
.ml10{ margin-left:10px !important;}
.ml20{ margin-left:20px !important;}
.mt10{ margin-top:10px !important}
.mb10{ margin-bottom:10px !important}
.mt20{ margin-top:20px !important}
.mb20{ margin-bottom:20px !important}
.mt30{ margin-top:30px !important}

.bgNone{background:#FFF !important}
mNone{margin:0 !important}
.hidden, .bot{ display:none}

h1{ font-size:24px;  font-family: pd,Arial, Helvetica, sans-serif !important; color:#000; font-weight:600 }
h2, h2 b, h2 strong{ font-size:16px; font-family:pd,Arial, Helvetica, sans-serif !important; color:#000; font-weight:600 }
h3{ font-size:13px;  font-family:pd,Arial, Helvetica, sans-serif !important; color:#000; font-weight:600}
h5{ font-size:12px;  font-family:pd,Arial, Helvetica, sans-serif !important; color:#000; font-weight:600} 

.tLeft{ text-align:right !important; }
.tCenter{ text-align:center !important;}
.tRight{ text-align:left !important; padding-left:10px !important;  }
/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}
img.alignright {
	margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}
img.aligncenter {
	margin: 5px auto 6px;
}
img.alignnone {
	margin: 5px 0;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
	list-style-position: inside;
}

body{ margin:0; padding:0; color:#666; font: 100% Arial, Helvetica, sans-serif;}
    #headerWrapper{ z-index:999; background:#FFF url(images/mene-bg.jpg) repeat-x left bottom;background-size: cover; border-bottom:1px solid #eeeeee; text-align:center;}
	#headerWrapper .top-wrapper{ max-width:1004px; text-align:center; margin:0 auto; position:relative;  z-index:9999;}
    #headerWrapper .top-wrapper .contacts{float:left;margin-left:100px;}
    #header{ max-width:1004px; text-align:center; margin:0 auto; position:relative;  z-index:9999;   padding:0px 0px; display:inline-block;}
	#header .logoCon{ float:right; margin:0; text-align:center}
	#header .iso{ text-align:center; font-size:9px; margin:5px 0 0 0}
	.searchTop { position:absolute; top:15px; right:20px}
    .socialTop { position:absolute; left:0px/*left:20px*/}
    .emailTop { position:absolute; right:20px}
	.searchBoxTop { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 5px; width: 220px;direction: rtl;}
	.searchBoxTop input[type="text"] { border: medium none; border-radius: 5px; color: #999 !important; min-width: 200px padding: 3px; width:80%}
	.searchBoxTop input[type="submit"] {background: rgba(0, 0, 0, 0) url("images/mrGlass.png") no-repeat scroll center top; border: medium none; cursor: pointer; height: 18px; margin: 2px; width: 25px;}
	

	#navigation-cont{ float:right; margin:0}
	
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation { margin: 0; padding:10px 0;   text-align:left; border-top:1px solid #F2F2F2; }
ul.nav-menu, div.nav-menu > ul { margin:0;  padding:5px 0; display:inline-block; width:100%; z-index:8888;direction: rtl; }

.nav-menu li {
	display: inline-block;
	position: relative;
	*display: inline;
	zoom: 1;
	z-index:888;
	padding:0;
	margin:0;
}
.nav-menu li ul{ z-index:888; *width:220px;}
.nav-menu li ul li{ background:none;  z-index:888; 	border-bottom:1px solid #333
}
.nav-menu li a {
	color:#000;
	display: block;
	font-size: 16px;
	line-height: 1;
	padding: 5px 20px;
	line-height:20px;
	text-decoration: none; z-index:889;
	text-transform:uppercase;
	font-weight:normal;
	font-family:pd, Arial, Helvetica, sans-serif;
}
.nav-menu li ul li a,.nav-menu li ul li ul li a { 
	font-weight:normal	
}
.nav-menu .sub-menu,
.nav-menu .children {
	background:#000;
	display: none;
	padding: 0;
	position: absolute;
	right: -1px;
	z-index: 999999999999;
	box-shadow:0 1px 2px #FFF;
	
}

.nav-menu .lasttab .sub-menu {
	right: -80px;
}
.sub-menu li a, .sub-menu li, .sub-menu{ background:#232322;}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-right: 0;
	right: 100%;
	top: 0;
}
.nav-menu ul li {
	 /*border-bottom:1px solid #CCC; */
	 text-align:right !important; 
	
}
ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
	font-size: 12px !important;
	line-height: 2.181818182;
	padding: 5px 10px;
	text-transform:none !important;
    text-align: right;
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}
ul.nav-menu  a:hover {
 background:url(images/hover.jpg) bottom repeat-x  
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a { 
background:url(images/hover.jpg) bottom repeat-x  
}
.menu-toggle {
	display: none;
}
ul.nav-menu ul  li a:hover {
	 background:#14dfce;
     color: #000;
}
.slicknav_menu {
	display:none;
}

.PF{ position:absolute; top:10px; right:20px}
.toll-free{ position:absolute; top:10px; right:260px; margin:8px 0 0 0; color:#14dfce; font-weight:600; font-size:14px}
.toll-free a{ text-decoration:none; color:#14dfce; font-size:16px}

/* news */
#newsWrapper{ background:#FFF; border-bottom:1px solid #eeeeee; text-align:center;  background:#E1E2E4;}
	#newsCon{ width:1024px; text-align:left; margin:0 auto; position:relative;  z-index:9999;   padding:5px 10px; display:inline-block;}
	#newsCon .newsTitle{ float:left; width:10%; margin:0; font-size:12px; font-family:Verdana, Geneva, sans-serif !important; padding:1.5px 0; color:#ff8d02}
ul.marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	float:left;

	/* optional styles for appearance */
	width: 50%;
	height: 20px; /* height should be included to reserve visual space for the marquee */

}

ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	font: 13px Arial, Helvetica, sans-serif;
	padding: 3px 5px;
}

ul.marquee li a{ color:#000; text-decoration:none; font-family:Verdana, Geneva, sans-serif !important}
ul.marquee li a span{ padding:1.5px 20px; text-align:center; background:#ff8d02; color:#FFF; border-radius:5px; margin-right:20px}

/* banner */
#bannerWrapper{ border-bottom:1px solid #eeeeee; text-align:center;}
	#bannerWrapper .banner{ max-width:1024px;  margin:0 auto;  padding:30px 10px; display:inline-block;}
	#bannerWrapper .banner h1{ font-size:28px; font-weight:normal; font-weight:400; color:#333; border-bottom:2px solid #DDD; padding-bottom:10px;}
	#bannerWrapper .banner p{ font-size:12px; font-weight:400; line-height:1.6}
	
	#socialWrapper{ border-top:1px solid #eeeeee; text-align:center; background:#1B82E9}
	#socialWrapper .social{ max-width:1024px;  margin:0 auto; padding:30px 10px 30px 10px; display:inline-block;}
	#socialWrapper .social h3 span.big{ font-size:32px; color:#FFFF01; font-weight:400; }
	#socialWrapper .social h3 span.small{font-size:16px; color:#FFF; font-weight:400; }
	#socialWrapper .social p{ margin:0; display:inline-block}
	#socialWrapper .social p a{ float:left; display:block; margin:10px 5px; font-size:12px; color:#FFF; text-align:center; text-decoration:none}
	#articlesWrapper{ border-top:1px solid #eeeeee; text-align:center;}
	.articles .addtoany_share_save_container{ display:none !important}
	#articlesWrapper .articles{ max-width:1024px;  margin:0 auto; padding:30px 10px 30px 10px; display:inline-block;}
	#articlesWrapper .articles p.see-all{ margin:0; border-top:1px dashed #CCC; padding:10px 0 0 0}
	#articlesWrapper .articles p.see-all a{ text-decoration:none; color: #14dfce; }
	#articlesWrapper .articles h3{ color: #333;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;}
	#advps_container3 .advs-title, #advps_container3 .advs-title a{color:#14dfce !important; font-size:12px !important; line-height:14px !important}
	.advps-excerpt-three{ text-align:left !important; max-width: inherit !important; width:95% !important}
	.advps-excerpt-three p{ font-size:11px !important}
	#advps_container3 .advps-slide p a { text-decoration:none !important; color:#14dfce !important}
	.advps-slide-field-three img{ width:300px !important; height:150px !important; border:1px solid #CCC}
	.not-art img{ display:none}
	.addtoany_list a img{ margin:0 !important}
	.advps-slide-container{ border-top:1px dashed #ccc} 
	
	
.training-plan{ width:100%}
.training-plan ul{ width:100%; margin:20px 0 0 0; padding:0; display:inline-block}
.training-plan ul li{ width:50%; /*float:left;*/ list-style-type:none; padding:0; margin:0}
.training-plan ul li a{ text-decoration:none; display: block; margin:0 5%; padding:10px 0; background:#14dfce; color:#FFF; font-size:16px; border-radius:5px; font-weight:bold; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.25)}	
.training-plan ul li a:hover{background:#990207;transition: all 0.5s ease; cursor:pointer;}
	
/*search Wrapper */
    #searchWrapper{ z-index:9999; background:url(../images/banners/i30274.jpg) center no-repeat; text-align:right;}
	#search-margin{ max-width:940px; margin:0 auto; padding:0 10px; position:relative;text-align: right;}
	#search-margin .pdf-btn{ position:absolute; top:60%; left:26%}
	#searchCon{ background:#232322; max-width:400px; text-align:center; margin:20px auto; position:relative;   padding:10px 0; display:inline-block; width:auto; border:2px solid #DDD; width:100%; box-shadow:0 10px 5px -10px #666666}
	#searchCon h3{ font-size:18px; margin:10px 0 10px 0; font-weight:400; color:#FFF}
		#searchCon #searchForm{ display:inline}
		#searchCon #searchForm select{
			background-color: #FFF;
			background-position: 10px center;
			background-repeat: no-repeat;
			border: 0 none;
			border-radius: 5px;
			height: 30px;
			margin: 1.5% 1%;
			max-width:230px;
			min-width:230px;
			color:#333;
			text-align:right;
			padding-right:5px;
			box-shadow:0 0 10px #e8e8e8 inset;
			border:1px solid #e5e5e5;
            direction: rtl;
		}
		#searchCon #searchForm input[type="text"] {
			background-color: #EEE;
			background-position: 10px center;
			background-repeat: no-repeat;
			border: 0 none;
			border-radius: 5px;
			height: 30px;
			margin: 0.8% 0.5%;
			max-width:230px;
			min-width:230px;
			color:#333;
			text-align:right;
			padding-right:10px
		}	
		#searchCon #searchForm input[type="button"], #searchForm input[type="submit"], #searchCon #searchForm input[type="reset"] {
			background: #14dfce none repeat scroll 0 0;
			border: medium none;
			border-radius: 5px;
			color: #fff;
			cursor: pointer;
			height: 30px;
			max-width:70px;
			min-width:70px;
            font-family: pd;
		}

/* Home Content */
#homeContentWrapper{ border-bottom:1px solid #eeeeee; text-align:center;}
	#homeContentWrapper .homeContent{ max-width:1024px;  margin:0 auto; position:relative;   padding:20px 10px; display:inline-block;}
	#homeContentWrapper .homeContent a{ text-decoration:none}
	#homeContentWrapper .homeContent img.mainImage{ width:100%}
	#homeContentWrapper .homeContent h2{font-size:30px; font-weight:normal; font-weight:400; color:#FFF; margin-top:20px;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25)}
    #homeContentWrapper .homeContent a h2{text-decoration:none; color:#FFF}
	#homeContentWrapper .homeContent h2 a{ text-decoration:none; color:#FFF}
	#homeContentWrapper .homeContent a p{color:#FFF; text-decoration:none}
	#homeContentWrapper .homeContent p{ font-size:12px; font-weight:400; line-height:1.6; text-align:center; margin-bottom:30px; margin-left:5px; margin-right:5px; color:#FFF;min-height: 58px;direction: rtl;}
	#homeContentWrapper .homeContent .view-arrow{ display:none}
	.bcolor1{ background:#062D7F; }
	.bcolor2{ background:#598EFF;}
	.bcolor3{ background:#2C477F}
	.bcolor4{ background:#0A48CC}

/* .grp{background:#EEE} */
.grp{border:2px solid #EEE; padding-bottom:5px; box-shadow:0 10px 5px -10px #666666}
.grp:hover{background:#eee; transition: all 0.5s ease; cursor:pointer}
.grp:hover  h2, .grp:hover p{ color:#000 !important}


/* general */
.moreBtn{  background-color: #000;
    color: #fff;
    font-family: pd, "Trebuchet MS",sans-serif;
    font-style: normal;
    font-weight: normal;
	font-size:12px;
	padding: 6px 20px;
	text-decoration:none;
	border-radius:5px}
	
.moreBtn:hover,#searchCon #searchForm input[type="button"]:hover, #searchForm input[type="submit"]:hover, #searchCon #searchForm input[type="reset"]:hover{background:#14dfce; color:#000; transition: all 0.5s ease;}	
.moreBtn:hover{color: #fff}
.slider img{ width:100%}
.divider-line{ background:#EFEFEF; height:5px; border:none; margin:40px 0 0 0; box-shadow:0 10px 5px -10px #666666}	


/* col */
.col2{ float:right; width:48%; margin:0 1%;direction: rtl;text-align: right;}
.col4{ float:right; width:23%; margin:0 1%;direction: rtl;text-align: right;}
.col4-b{ float:right; width:22%; margin:0 1%;direction: rtl;text-align: right;}
.col3{ float:right; width:31%; margin:0 1%;direction: rtl;text-align: right;}
.slicknav_menu{background:url(images/black-transparent.png) repeat !important}
.divider{background:url(images/divider.png) top center no-repeat; height:12px;}

/* catContent */
#catContentWrapper{ border-bottom:1px solid #eeeeee; text-align:center; background:#F2F2F2}
	#catContentWrapper .catContent{ max-width:1024px;  margin:0 auto; position:relative;   padding:20px 10px; display:inline-block; text-align:left}
	#catContentWrapper .catContent h2{ font-size:28px; font-weight:400; font-style:normal; letter-spacing:-1; line-height:1.2; clear:both; text-align:center; color:#333; margin:30px 0}
	#catContentWrapper .catContent h3{font-size:20px; font-weight:400; line-height:1.2; color:#14dfce}
	#catContentWrapper .cat{ margin:10px 0; padding:0;}
	#catContentWrapper .cat li{ list-style-type:none; float:left; margin:5px 11px; }
	#catContentWrapper .cat li a{ float:left; width:250px; text-decoration:none; font-size:12px; display:block; padding:10px; border:1px solid #EEE; margin:0; background:#FFF; color:#14dfce; padding-left:50px; font-weight:600; position:relative}
	#catContentWrapper .cat li a img{ position:absolute; top:0; left:0; height:35px; width:35px}
	#catContentWrapper .cat li a:hover{ background:#FFC908; transition: all 0.5s ease;}


/* venContent */
#venContentWrapper{ border-bottom:1px solid #eeeeee; text-align:center; background:#FFF}
	#venContentWrapper .venContent{ max-width:1024px;  margin:0 auto; position:relative;   padding:20px 10px; display:inline-block; text-align:left}
	#venContentWrapper .venContent h2{font-size:28px; font-weight:400; font-style:normal; letter-spacing:-1; line-height:1.2; clear:both; text-align:center; color:#333; margin:30px 0}
	#venContentWrapper .venContent h3{font-size:20px; font-weight:400; line-height:1.2; color:#14dfce}
	
.venueBox{ }
	#venContentWrapper .ven{ margin:10px 0; padding:0;}
	#venContentWrapper .ven li{ list-style-type:none; float:left; margin:5px 11px; border-bottom:1px solid #CCC }
	#venContentWrapper .ven li a{ float:left; width:155px; text-decoration:none; font-size:12px; display:block; padding:10px; margin:0; color:#000;  font-weight:600; position:relative}
	#venContentWrapper .ven li:hover{ border-bottom:1px solid #000 }


/* catContent */
#contentBtmWrapper{ text-align:center; background:#FFF}
	#contentBtmWrapper .contentBtm{ max-width:1024px;  margin:0 auto; position:relative;   padding:30px 10px; display:inline-block; text-align:right}
	#contentBtmWrapper .contentBtm h3{ color: #14DFCE;font-size:21px; font-style:normal; font-weight:400; line-height:1.2; margin-bottom:20px}
	#contentBtmWrapper .contentBtm .upcomingList{ margin:0; padding:0; font-size:13px;direction: rtl;text-align: right; }
	
	#contentBtmWrapper .contentBtm .upcomingList li{ margin: 0; padding:8px 0; list-style-type:none; border-bottom: 1px solid #eeeeee; display:inline-block; display:block; box-shadow:0 6px 5px -10px #666666}
	#contentBtmWrapper .contentBtm .upcomingList li table{ margin:0; padding:0; width:95%}
	#contentBtmWrapper .contentBtm .upcomingList li table td{ margin:0; padding:0}
	#contentBtmWrapper .contentBtm .upcomingList li table td.dateList{ width:7%; padding-right:0; font-weight:600; color:#4e9cd4; text-align:center; background:#14dfce;}
		td.dateList { vertical-align:top; border-radius:5px}
		td.dateList .dateList-day{ font-size:28px; color:#FFF; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.25)}
		td.dateList .dateList-venue{color:#333}
		td.dateList .dateList-month-year{ background:#000 ;color:#FFF; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.25); display:block; padding:5px 0; text-transform:uppercase; border-top-right-radius:5px; border-top-left-radius:5px}
		td.dateList .dateList-venue{ background:#000 ;color:#FFF; display:block; padding:5px 0}
	#contentBtmWrapper .contentBtm .upcomingList li table td.titleList{width:50%; }
	
	#contentBtmWrapper .contentBtm .upcomingList li a{ margin:0 2.5% 0 0; padding:0; text-decoration:none; color:#666; line-height:1.5;  display:block;}
	#contentBtmWrapper .contentBtm .upcomingList li a .upTitle{color:#14dfce; font-family: pd; }
	#contentBtmWrapper .videCon{ margin:0; padding:15px; background:#FFF; border:3px solid #EEE; border-radius:5px;}
	#contentBtmWrapper .videCon p{ font-size:13px; font-style:normal; font-weight:400; line-height:1.2}
	.videoCon{max-width:356px; float:right; margin-left:10px; padding:0;}
		.vContent{ margin-top:10px;}
		.video-container {
			position:relative;
			padding-bottom:56.25%;
			padding-top:30px;
			height:0;
			overflow:hidden;
		}
		
		.video-container iframe, .video-container object, .video-container embed {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
/* tpContent */
#tpWrapper{  text-align:center; background:#EEE; background:rgba(0, 0, 0, 0) linear-gradient(to right, #DAD6DD, #ECECFB) repeat scroll 0 0;} 
	#tpWrapper .tpContent{ max-width:1024px;  margin:0 auto; position:relative;   padding:0 0 10px 0; display:inline-block;}
	#tpWrapper .tpContent p{ margin:15px 0 0 0}
	#tpWrapper .tpContent h3{ font-size:21px; font-style:normal; font-weight:400; line-height:1.2; color:#333; margin-bottom:20px}
	.tpContent .tpBox a{ width:350px; float:left; margin:20px 10px; padding:8px 90px 8px 50px; background:url(images/arrow-box.jpg) #F3F3F3 right center no-repeat; color:#000; text-decoration:none; box-shadow:0 10px 5px -10px #666666  }
	.tpContent .tpBox a:hover{ background: url(images/arrow-box.jpg) #14dfce right center no-repeat; transition: all 0.5s ease; color:#000}
	.tpContent .tpBox a img{ float:left; margin:0 50px 0 0;}
	.tpContent .tpBox a span { font-size:1.38em; font-weight:500; }
	.tpContent .tpBox a span span{ font-size:40px;}
	.tpBox-fullwidth{ text-align:center}
	.tpBox-fullwidth img{ height:90px; -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
	.tpBox-fullwidth img:hover{ height:95px}

/* accreditations */
#accWrapper{ text-align:center; background:#000; color:#FFF} 
	#accWrapper .accContent{ max-width:1024px;  margin:0 auto; position:relative;   padding:15px 10px; display:inline-block; text-align:center;}
	#accWrapper .accContent h3{color:#FFF; padding:8px 0}
	



/* footer */
#topFooterWrapper{  text-align:center; background:#232322}
	#topFooterWrapper .topFooter{ max-width:1004px;  margin:0 auto; position:relative;   padding:30px 10px; display:inline-block; text-align:left; color:#d6d6d6; font-size:12px;}	
	.dd1{ width:270px}
	.dd2{ width:180px}
	#topFooterWrapper .topFooter h3{ color:#14dfce; font-size:16px; font-style:normal; font-weight:400; line-height:1.2; font-weight:normal;text-align: right;}
	#topFooterWrapper .topFooter ul{ margin:10px 0; padding:0}
    #topFooterWrapper .topFooter ul.image-gallery li{ margin:-3px 0; padding:0 0 0 5px; list-style-type:none}
	#topFooterWrapper .topFooter ul li{ margin:3px 0; padding:0; list-style-type:none;text-align: right;}
	#topFooterWrapper .topFooter a{ text-decoration:none; color:#fff; font-size:11px}
	#topFooterWrapper .topFooter a:hover{ color:#14dfce}
	.search { margin: 0 0 20px;}
	.searchBox { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 5px; width: 220px;}
	.searchBox input[type="text"] { border: medium none; border-radius: 5px; color: #999 !important; min-width: 200px padding: 3px; width:80%}
	
	.searchBox input[type="submit"] {background: rgba(0, 0, 0, 0) url("images/mGlass.png") no-repeat scroll center top; border: medium none; cursor: pointer; height: 18px; margin: 2px; width: 25px;}
	
/* footer */
#footerWrapper{ text-align:center; background:#14dfce}
#footerWrapper .footer{ max-width:1004px;  margin:0 auto; position:relative; padding:0 10px; display:inline-block; text-align:center; font-size:14px;color: #232322;font-family: pd;direction: rtl;}


/* footer */
#titleWrapper{ border-bottom:1px solid #eeeeee; text-align:center; background:#FFF}
	#titleWrapper .titleCon{ max-width:984px;  margin:0 auto; position:relative;   padding:15px; display:inline-block; text-align:right !important; display:block}
	#titleWrapper .titleCon h1{ font-size:24px; font-weight:400; color:#FFF; text-align:right !important;}

	
/* Content */
#main{ max-width:1024px;  margin:0 auto;}
	#content{ max-width:100%; float:left; margin:0; padding:20px 20px 20px 0;direction: rtl;text-align: right;}
		#content h1{color: #333; font-size: 28px;  font-weight: 400; border-bottom:2px solid #DDD; padding-bottom:10px; margin-bottom:20px;text-align: right;margin-top: 0; }
		#content p, #content ul li, #content ol li, .ui-helper-reset, .ui-widget-content ul li{font-family: pd;direction: rtl;font-size:12px; font-weight:400; line-height:1.6; text-align:justify}
		#content a{color: #232322; text-decoration: none;font-family: pd;}
        #content a.page{color: #232322; text-decoration: none;font-family: inherit;}
.titleBoxCon{ height:170px; position:relative; margin-bottom:10px; padding-top:30px}
	.titleBoxCon img{ position:absolute;top:0; right:0; z-index:80}
	.titleBox{ background:#14dfce; position:absolute; top:30px; right:0; z-index:100} 
	.titleBox .headingTitle{ font-size:11px !important; margin-top:0;color: #fff;}
	#crumbs{ color:#666; font-size:11px}
	#crumbs .current{ color:#14dfce}
	#crumbs a{color:#666; text-decoration:none}
	#crumbs a:hover{ text-decoration:underline}
.image-gallery{ display:inline-block;padding-right: 0;}	
.image-gallery li{ list-style-type:none; float:right; margin:10px 0 10px 53px}



.titleBoxCon{ height:200px; position:relative; margin-bottom:10px; padding-top:30px}
	.titleBoxCon img{ position:absolute;top:0; right:0; z-index:80; width:744px; height:269px;}
	.titleBox{ background:#14dfce; position:absolute; top:30px; right:10px; z-index:100; padding:15px;}
	.titleContentBox { background: #C0C0C0; color:#000; padding:5px 10px; text-align:right; margin-bottom:30px;}
	.titleBox h1.mypostTitle{ line-height:29px; font-size:28px; color:#000 !important; font-weight:normal; text-align:right ; border:none !important; *background:none; margin-bottom:0 !important; padding-bottom: 5px !important;}
	.titleBox h2{color:#666; font-style:italic; font-weight:normal; font-size:16px; }
	.titleBox h2 small{ color:#D1232A !important; font-weight:bold}
	.titleBox h2.listingTitle{  padding-bottom: 5px; font-style:normal; color:#000}
	.accTitle { margin-top:30px; display:inline-block; border-bottom:1px solid #CCC; width:100%; padding-bottom:10px; margin-bottom:10px}
      	.accTitle .acc-content img{ float:left; margin:0 10px 50px 0;}
	 	.accTitle .acc-content h2{ margin-bottom:10px;text-align: right;}
		.accTitle .acc-content p{ margin-top:0;direction: rtl;}
		.accTitle .acc-content{}
		.accTitle .catalog{ float:right; width:130px; text-align:center; font-size:12px}
		.accTitle .catalog img{border:1px solid #CCC; width:100px; }
	.btnCon{ margin:20px 0;}	
	.catBtn{ text-decoration:none; color:#FFF !important; background:url("images/arrow-box-small.jpg")#14dfce center right no-repeat; padding:15px 60px 15px 15px; font-size:14px; }
	.catBtn:hover{color:#000 !important; background:url("images/arrow-box-small.jpg") #FFC905 center right no-repeat; transition: all 0.5s ease;}
	.dateBtn{ float:left; margin:2px 1px 1px 0; background:#5D96C0; padding:3px 6px;  color:#FFF !important; text-align:center;  cursor:pointer; text-decoration:none; font-size:10px; *font-size:9px;text-decoration:none;}
	
	.dateBtn2{ float:right; margin:3px 0 1px 5px; background:url("images/arrow-rmobile.png") #14dfce 8px center no-repeat; padding:4px 5px 4px 25px;  color:#000 !important; text-align:right;  cursor:pointer; text-decoration:none; font-size:12px; *font-size:11px;text-decoration:none; width:210px; border-radius:2px;font-family: pd;}
	.dateBtn2:hover{background:url("images/arrow-rmobile.png") #00BCAD 8px center no-repeat; color:#FFF !important; transition: all 0.5s ease;}
		/* table */
	.tableDate{ margin:0; padding:0; border-collapse:collapse; width:100%;direction: rtl;  }
	.tableDate th{  padding:5px 15px; font-size:11px; text-align:right; color:#000; font-weight:normal; background:#14DFCE; font-family:pd, Verdana, Geneva, sans-serif !important}
	.tableDate tr{}
	.tableDate td{ font-size:11.2px; padding:13px 1.5px; border-bottom:1px solid #EEE; line-height:20px; color:#666;}
	.tableDate td a{ text-decoration:none; color:#000;}
	.tableDate td a:hover{ color:#03F}
	.tableDate .scNav{ color:#000; font-size:18px; font-weight:400; line-height:40px; background:#FFF}
	.tableDate .scNav img{ margin-bottom:13px}

	.catListing{ padding:0;}
	.catListing tr{ margin:0; border-bottom:1px solid #EEE; list-style-type:none;}
	.catListing tr td a { font-size:12px;}
	
	.catListing{
		border-collapse:collapse; width:100% 
	}
	.catListing th{
	  background:#5d96c0; padding:8px; color:#FFF; font-weight:bold; font-size:16px; text-align:left
	}
	
	.catListing td{ 
		padding:4px 8px;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.catListing tr{
		background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.catListing tr:nth-child(odd),.tableDate tr:nth-child(odd)  { 
		background: #FFF;
	}
	/*  Define the background color for all the EVEN background rows  */
	.catListing tr:nth-child(even),.tableDate tr:nth-child(even) {
		background: #EEE;
	}
	.LT{ padding:8px 10px; display:block; text-transform:uppercase}

	.otherTitle{margin:20px 0 0 0; padding-top:8px; border-top:2px solid #EEE}
	p.otherCat a{ margin:0 5px 0 0; border-right:1px solid #CCC; padding-right:10px}
	p.otherCat a:last-child{ border:none}
	.qt{ margin:0 0 15px 50px; font-size:16px; background:url(images/qt.html) top left no-repeat; padding:17px 0 0 79px; font-style:italic;}
	.qt small{ font-weight:normal !important; font-size:10px }
	.sp{ font-size:13px !important; line-height:20px !important;   }
	.resultF{ color:#999; font-style:italic}
	.highlight_word{ font-weight:bold}
	.pagination{ float:right; }
	.pagination span{ padding:0 5px;}
	.pagination a{ padding:0 5px; }

/* panel slide */
    #panel { width:100%
    }
    .slide {
        margin: 0;
        padding: 0;
        border-top: solid 2px #E6E6E6;
        background: url(images/btn-slide.gif) no-repeat left top;
		width:100%
		
    }
    .btn-slide {
        background: url(images/white-arrow.gif) no-repeat right 12px;
        text-align: center;
        width: 144px;
        height: 31px;
        padding: 10px 10px 0 0;
        /*margin: 0 auto;*/
        display: block;
        font: bold 120%/100% Arial, Helvetica, sans-serif;
        color: #fff !important;
        text-decoration: none;
    }
	.btn-slide:hover{ text-decoration: none !important }
   .slide .active {
        background-position: right -50px !important;
    }

/*Program Finder*/

	#searchBoxCon{ padding:11px; position:relative; background:#E6E6E6; border-top-left-radius:10px; border-top-right-radius:10px}
	#searchBoxCon dl{ padding:0; margin:0; display:inline-block; width:100%}
	#searchBoxCon dl dd{ margin:0; padding:0;  float:left; width:20%}
	#searchBoxCon dl dd:first-child{ width:35% !important}
	#searchBoxCon dl dd h2{ margin-bottom:10px; border-bottom:1px solid #CCC; padding-bottom:10px; width:90% }
	#searchBoxCon dl dd.center{ border-left:1px solid #CCC; border-right:1px solid #CCC; padding:0 20px; margin-right:20px;}
	#searchBoxCon dl dd p{  font-size:11px; line-height:17px; margin:0; color:#000}
	#searchBoxCon dl dd input[type="checkbox"]{ visibility:hidden; margin-right:10px; }
	#searchBoxCon a.clearBtn{ cursor:pointer; position:absolute; top:15px; right:25px; visibility:hidden; background:url(images/x.png) center left no-repeat; padding-left:23px; font-size:12px;}
	#searchBoxCon a.clearBtn:hover{ text-decoration:none;}
	#checkForm, #checkFormAcc{ border:2px solid #FFF; display:inline-block; width:97%; padding:10px; border-radius:10px}
	#checkForm h2, #checkFormAcc h2{ font-weight:bold;}
	#resultUpdate{ margin-top:20px;}
	#loader{ background:url(images/ajax-loader.gif) center 200px no-repeat; width:940px; height:100%; position:absolute; top:0; left:10px;  z-index:9999}
	#loaderAcc{ background:url(images/ajax-loader.gif) center 200px no-repeat; width:940px; height:100%; position:absolute; top:0; left:10px;  z-index:9999}

.pfbtn{ padding:5px 10px; background:#FFC908; display:block; border-radius:10px; margin-bottom:5px; text-align:center; font-size:13px}

#searchBoxCon{ text-align:left !important}

/* panel slide 2*/
    #panel2 { width:100%;
	display:none;
    }
    .slide2 {
        margin: 0 0 10px 0;
        padding: 0;
        border-top: solid 2px #E6E6E6;
        background:#999;
		width:100%;
		
		
    }
    .btn-slide2 {
        background: url(images/white-arrow.gif) no-repeat right 12px;
        text-align: center;
        width: 99%;
        height: 25px;
        padding: 10px 10px 0 0;
        /*margin: 0 auto;*/
        display: block;
        font: bold 120%/100% Arial, Helvetica, sans-serif;
        color: #fff !important;
        text-decoration: none;
    }
	.btn-slide2:hover{ text-decoration: none !important }
   .slide2 .active {
        background-position: right -50px !important;
    }
	#loader{ background:url(images/ajax-loader.gif) center 200px no-repeat; width:940px; height:100%; position:absolute; top:0; left:10px;  z-index:9999}

/* blog */
	.assistive-text{ display:none}
	.blogCon h2 a{text-decoration:none;}
	.post{border:2px solid #EEE; padding:20px; border-radius:20px; margin-bottom:10px; box-shadow:0 10px 5px -10px #666666; display:block}
	.post .meta strong{ color:#333; font-weight:normal; font-size:12px;}
	.post .author-con{ color:#333; font-weight:normal; font-size:11px; font-style:italic}
	.blogCon img{ float:right; margin:5px 0 10px 10px; border:1px solid #CCC; width:200px; height:120px;}
	.navigation{ margin-top:30px;margin-right:7px}
/* Navigation */ 
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%; font-size:12px; padding-top:10px
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%; font-size:12px; padding-top:10px
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}
.searchSched{ font-size:12px;}
.searchSched tr th, .searchSched tr td{ text-align:left;}
	
/* SIDEBAR */	
#sidebar{ max-width:220px; float:right; padding:20px; margin:0}	
	#sidebar #sideCon{box-shadow: 0 10px 5px -10px #666666; margin-bottom: 20px}
	.sideTitleHolder{ background: #000;color: #fff;font-weight: normal; margin-top: 0; padding: 5px; font-size:12px;text-align: right;font-family: pd;}
	#sidebar .cat{ margin:0; padding:0}
	#sidebar p, #sidebar ul li {font-size: 11px;line-height: 14px;}
	#sidebar .cat{ margin:0; padding:0;}
	#sidebar .cat li{ list-style-type: none; margin:0 !important; padding:0 !important;}
	#sidebar .cat li a{ background:url(images/arrow.png) center right no-repeat; border-bottom:1px solid #EFEFEF; text-decoration:none; padding:5px 15px 5px 0; display:block;  color:#333 !important; font-size:14px;text-align: right;font-family: pd;}
	#sidebar .cat li a:hover{ background-color: #14dfce;color:#000!important; text-decoration:none !important}
	#sidebar .qat{border:none !important; border-bottom:4px solid #eeeeee !important}
	#sidebar .qat p{font-size:13px !important;margin-top:0 !important; text-align:center !important}
	#sidebar #sideCon{ margin-bottom:20px; box-shadow:0 10px 5px -10px #666666;}
	#sidebar #sideCon a img{ margin:10px 0;}
	#sidebar .acc_content{ text-align:center; background:#FFF;  padding:5px 10px; margin-bottom:20px; border:1px solid #CCC}	
	#sidebar .acc_content img{ text-align:center !important; }
	#sidebar .acc_content p{ line-height:14px !important; text-align:justify; font-size:10px; margin:0 0 10px 0;}
	#sidebar .acc_content p img{text-align:center !important;}
	#sidebar .upcomingRelated{border:1px solid #CCC; border-radius:10px; padding:10px; font-size:13px; margin-bottom:20px;}/*background:#CAD7DF; */
	#sidebar .upcomingRelated h2{ line-height:20px; font-size:16px; font-weight:normal; color:#000; }
	#sidebar .upcomingRelated p{ text-align:left !important}
	#sidebar .upcomingRelated p a{ text-decoration:none;  color:#004080}
	#sidebar .upcomingRelated p a:hover{ text-decoration:underline;}
	.globe {background:url(images/globe.gif) #000 right 10px top 2px no-repeat}

#searchConSide{ background:#eeeeee; border:1px solid #dadada; padding:0px 10px; margin-bottom:20px;float: left;
	width: 250px; }
#searchConSide h3{ margin-bottom:15px;font-weight: normal;text-align: right;font-size: 18px;}
#searchConSide p{ text-align:center}
		#searchConSide #searchForm select{
		border-color: #cccccc #eeeeee #eeeeee #cccccc;
		border-style: solid;
		border-width: 1px;
		color: #777777;
		font-size: 12px;
		padding: 5px;
		text-indent: 0.1px;
		text-overflow: "";
		width:100%;
		margin:5px 0;
        direction: rtl;
			}
        #searchConSide #searchForm input[type="text"]{		
        border-color: #cccccc #eeeeee #eeeeee #cccccc;
		border-style: solid;
		border-width: 1px;
		color: #777777;
		font-size: 12px;
		padding: 5px;
		text-indent: 0.1px;
		text-overflow: "";
		width:100%;
		margin:5px 0;
        direction: rtl;
        height: 30px;
			}
		#searchConSide #searchForm input[type="button"], #searchForm input[type="submit"], #searchConSide #searchForm input[type="reset"] {
			background: #14dfce none repeat scroll 0 0;
			border: medium none;
			border-radius: 5px;
			color: #fff;
			cursor: pointer;
			height: 30px;
			max-width:70px;
			min-width:70px;
            font-family: pd;
		}
.side-tp{ text-align:center; margin:0 0 20px 0; font-size:13px; border:1px solid #CCC; padding:10px}
.side-tp img{ border:1px solid #333; max-width:120px}
.side-tp  a{ text-decoration:none; color:#14dfce; font-weight:bold}
/*PROGRAM PAGE */
/* program icon */

.programBtn{ margin:0; border-top:1px solid #CCC; border-bottom:1px solid #CCC;padding:0 ; display:inline-block; width:100%}
.programBtn p{ margin:5px 0;}
.programBtn .Icon{ padding:2px 2px 2px 25px; text-decoration:none; color:#333; font-size:11px;}
.programBtn .first{ background:url(images/rIcon.jpg) center left no-repeat;}
.programBtn .second{ background:url(images/tIcon.jpg) center left no-repeat;}
.programBtn .third{ background:url(images/pIcon.jpg) center left no-repeat;}
.programBtn .fourth{ background:url(images/pdfIcon.jpg) center left no-repeat;}
.blueBtn{ background:#003F69; padding:5px 10px; text-align:center;  font-size:11px; text-decoration:none; border-radius:2px; color:#FFF !important; display:block}
.blueBtn:hover{background:#14dfce; color:#000 !important; transition: all 0.5s ease;}
.redBtn{ background:#FF0000; padding:5px 10px; text-align:center;  font-size:11px; text-decoration:none; border-radius:2px; color:#FFF !important; display:block;font-family: inherit!important;}
.redBtn:hover{background:#E80624; color:#000 !important; transition: all 0.5s ease;}
.shareCon{ display:none; padding-top:8px}
/* new layout for date table course page */
.note{ text-align:center; padding:10px; background:#DDD; margin:20px 0; border-radius:5px;}
.note p{ font-weight:bold !important; color:#000 !important}
.dateHolder{ padding:55px 10px 20px 10px;}
.dateHolder .skedCon{ float:right; width:100%}
.dateHolder .contact { float:left; width:30%; text-align:center;}
.dateHolder .contact img{ /*border:1px solid #292828*/}
.dateHolder h2{ background:#CAD7DF; padding:3px 10px;}
.dateHolder .skedCon table{ width:100%; border-collapse:collapse;}
.dateHolder .skedCon table th{background:#C0C0C0; color:#000;}
.dateHolder .skedCon table td,.dateHolder .skedCon table th{ border-bottom:1px solid #CCC; font-size:11px; padding:5px 10px;
	text-align: right;}
.dateHolder .contact p{ padding:0 10px;}
.a2a_mini{ z-index:999999999999999999 !important}
.share-home{ margin:0 0 5px 0; text-align:right}
/* registration form*/
.RForm{ width:95%; font-size:12px !important; padding:2.5%; border:1px solid #CCC; border-radius:10px; background:#F8F8F8}
.RForm table{width:100%}
.RForm table td{width:40%; padding:5px 5px;font-size:12px !important;}
.RForm h4{ color:#069}
.RForm input[type="text"]{ width:100%}
.RForm select{width:100%}
.formBox { background:#eeeeee; padding:10px 5px; margin:10px 0;}/*#EAF1F7*/
.RForm input[type="submit"]{background:#5D96C0; padding:5px 8px; border-radius:5px; color:#FFF; text-align:center; border:none; cursor:pointer}

.ilm{ font-size:20px; font-style:italic}
/*tabs*/
.ui-widget-header {
  /*  background:url(images/titleSeminarBg.jpg) #DCEAF3 bottom repeat-x !important;*/
  background:none;
}
.mypost{ border:none; padding:0 !important }
.mypost .ui-tabs-panel{ border:1px solid #CCC;}
.mypost .ui-tabs-nav{ border:none; padding:0 !important}
.ui-tabs-nav li a {font-weight:normal;}
.mypost .ui-state-default{ background:#1A4D86; padding:0 !important;}
.mypost .ui-state-default a { color:#FFF !important; padding:2px 10px !important }
.mypost .ui-state-default a:hover , .mypost .ui-tabs-active a{ text-decoration:none !important; color:#000 !important ;}
.mypost .ui-state-default:hover , .mypost .ui-tabs-active{ background:#FAC902 !important; }
.ui-widget-content{ color:#666}

/* download page */

.dl table td{ border:1px solid #CCC; min-width:160px; padding:5px; background:#EDEDED; text-align:center !important;}
.dl table td, .dl table td h2{  font-size:11px; font-weight:normal; line-height:17px}
.dl img{ border:1px solid #333; width:106px !important; height:150px !important;}
.dl ul{ margin:10px 0; display:inline-block; padding:0;}
.dl ul li{ float:left; margin:3px !important;  border: 1px solid #CCCCCC; width: 155px ; padding:10px  5px;text-align: center !important; list-style-type:none}
.dl ul li a{ display:block}
/*.dl ul li:hover{ background:#CCC;  box-shadow:0 10px 18px -10px #666666}*/
.dl ul li h2{font-size: 11px; font-weight: normal; line-height: 17px;min-height:60px}


/* popup_box DIV-Styles*/
#contactForm, #contactForm2, #contactForm3, .statusMessage, input[type="submit"], input[type="button"] {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;  
border-radius: 10px;
z-index:99999999999999999999999999999999999999999999999999 !important;
font-family: pd
}
/* Style for the contact form and status messages */
#contactForm, .statusMessage, #contactForm2, #contactForm3{
color: #FFF;
border: 1px solid #aaa;
background:#036;
-moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
box-shadow: 0 0 1em rgba(0, 0, 0, .5);
opacity: .95;
}
#contactForm p, .statusMessage p, #contactForm2 p, #contactForm3 p, #contactForm label,  #contactForm2 label, #contactForm3 label {
color:#FFF !important;
font-family: pd
}

/* The form dimensions */
#contactForm , #contactForm2, #contactForm3{
max-width: 40em;
max-height:20em;
padding: 0 1.5em 1.5em 1.5em;
margin: 0 auto;
}
.bForm{ max-height:25em !important}
/* Position the form in the middle of the window (if JavaScript is enabled) */
#contactForm.positioned, #contactForm2.positioned, #contactForm3.positioned  {
position: fixed;
top: 50px;
bottom: 0;
left: 0;
right: 0;
margin-top: auto;
margin-bottom: auto;
}
/* Dimensions and position of the status messages */
.statusMessage {
display: none;
margin: auto;
max-width: 30em;
height: 2em;
padding: 1.5em;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.statusMessage p {
text-align: center;
margin: 0;
padding: 0;
}
/* The header at the top of the form */
/* Give form elements consistent margin, padding and line height */
#contactForm ul, #contactForm2 ul,#contactForm3 ul  {
list-style: none;
margin: 0;
padding: 0;
}
#contactForm ul li ,#contactForm2 ul li,#contactForm3 ul li {
margin: .9em 0 0 0;
padding: 0;
list-style-type:none;
}
#contactForm input, #contactForm label,  #contactForm2 input, #contactForm2 label, #contactForm3 input, #contactForm3 label {
line-height: 1em;
}
/* The field labels */
/* The fields */
#contactForm  input[type="text"], #contactForm2  input[type="text"],#contactForm3  input[type="text"] { width:80%; color:#000 !important  }
#contactForm  input[type="email"], #contactForm2  input[type="email"], #contactForm3  input[type="email"]{ width:80%; color:#000 !important  }
/* Place a border around focused fields, and hide the inner shadow */
#contactForm *:focus ,#contactForm2 *:focus, #contactForm3 *:focus{
border: 1px solid #66f;
outline: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/* Display correctly filled-in fields with a green background */
#contactForm #input:valid, textarea:valid ,#contactForm2 #input:valid, textarea:valid,#contactForm3 #input:valid {
background: #FFF;
}
/* The Send and Cancel buttons */
/* Header/footer boxes */
#contactForm .wideBox, #contactForm2 .wideBox ,#contactForm3 .wideBox {
clear: both;
text-align: center;
margin: 70px;
padding: 10px;
background: #ebedf2;
border: 1px solid #333;
}
#contactForm .wideBox h1,#contactForm2  .wideBox h1, #contactForm3  .wideBox h1{
font-weight: bold;
margin: 20px;
color: #666;
font-size: 1.5em;
}

.fullWidth{ max-width:984px !important; padding:20px !important}
.mobileOn, .mobileTelOn{display:none}
.mobileTelOn a{ text-decoration:none; font-weight:bold}	
	
.slicknav_nav li ul.sub-menu a{margin:0 !important; font-size:12px !important; padding:2px 5px !important}	

@media screen and (max-width: 1024px) {
	#content { width:70%}
	#sidebar{ width:21%}
	#sidebar img{ width:100%}
	.searchBox{ width:100% }
	.titleBoxCon img{ width:100%}
	.fullWidth{ width:95% !important}
	.tpBox-fullwidth img{ width:100%; height:auto !important}
	#tpWrapper{ height:auto !important}
	#accWrapper .accContent img{ width:93% !important}
	#articlesWrapper{ display:none !important}
	iframe{ width:100% !important}

}

@media screen and (max-width: 320px) {
	iframe, p iframe{ width:100%}
	.tdHide{ display:none}
	#accWrapper .accContent img{ width:100% !important}
	#content p img{ width:auto}
	.dateBtn2{ width:89%; margin:4px 0; padding-top:8px; padding-bottom:8px}
	.tableDate .scNav{ line-height:inherit !important;}
	#content img{ float:none !important; margin:10px auto !important}
		.videCon img{ width:97%}
	#socialWrapper .social p a{ font-size:10px;}
	#socialWrapper .social p a img{ width:25px;}
}

@media screen and (max-width:744px) {
	
}

@media screen and (max-width: 580px) {
	.col3{ width:95%; padding:10px 2.5%}
	#sideCon .cat, .cat li a, .ven li a{max-width:100% !important}	
	.dateHolder .skedCon{ float:left; width:100%}
	.dateHolder .contact { float:right; width:100%; text-align:center; margin:20px 0 0 0}
	.programBtn{ display:none}
	.dateHolder{ padding:0}
	.dateList{ display:none}
	#searchBoxCon dl dd h2{ font-size:12px}
	#searchBoxCon dl dd p{ font-size:10px; text-align:left !important}
	.videoCon{ width:100% !important; max-width:inherit !important; text-align:center !important; padding:0 !important}
	.tableDate .scNav{ font-size:14px !important; line-height:16px !important}
.catBtn{ display:block  }
	.videCon img{ width:70% !important}
	
}
@media screen and (max-width: 680px) {
	#sidebar{ max-width:95%}
	#header{ text-align:center}	
	#header .logoCon{ float:none}
	#headerWrapper{ position:relative !important}
	#navigation-cont{ margin:0 !important}
	.PF,.toll-free, .searchBoxTop{ display:none;}
	
	.col4, .col4-b,.col2, #content,#sidebar { width:95% !important; padding:10px 2.5% !important;}
	.col4-b{margin:10px 0}
	.titleBoxCon{ height: auto; padding:0; margin-bottom:20px}
	.titleBox{ position:inherit; top:inherit; left:inherit}
	.titleBoxCon img{ display:none}
	.tpContent .tpBox a{width:60% !important; padding-left:10px !important;}
	.tpContent .tpBox a img{ display:none}
	.tpContent .tpBox a{ margin:10px 0 !important; }
    .tpContent{padding:10px 0 !important}
	.cat li a, .ven li a{ margin:0 !important;}
	#homeContentWrapper .homeContent img.mainImage{ width:254px}
	td.dateList .dateList-day{ font-size:15px}
	.accTitle .catalog{ width:100%; text-align:center; float:none}
	.dateHolder{ padding:10px 0;}
	.mypost .ui-tabs-panel{ padding:10px !important}
	#sidebar img{ width: auto !important}
	.RForm{ width:95%; font-size:12px !important; padding:2.5%; border:1px solid #CCC; border-radius:10px; background:#F8F8F8}
	.mobileHide{ display:none}
	#checkForm, #checkFormAcc{ padding:30px 0 10px 0 !important; width:100% !important}
	#searchBoxCon dl dd{ padding:0 1px !important}
	.videoOutline iframe{ width:100% !important}
	#homeContentWrapper .homeContent .view-arrow{ display:block; margin: 5px auto 0}

}

@media screen and (min-width: 1024px) {
	#header ,.banner,.searchCon,.homeContent, .catContent,.venContent, .contentBtm, .footer, .topFooter, .titleCon, .tpContent, .accContent, .social, .articles{width:1024px}	
	#content { width:100%}
	#sidebar{ width:220px;}
	/*.accTitle .acc-content{ width:600px}*/
	.fullWidth{width:984px !important; padding:20px !important}
	.wacc-catalog{width:600px; float:left}
}


@media screen and (max-width: 40em) {
	
	#menu-main-navigation, .bg-video, .pdf-btn{
		display:none;
	}
		
	.slicknav_menu {
		display:block;
	}
	#header{ margin-top:50px;}
	.acc-content{ display:none}
	.mobileOn{ visibility:visible}
	.mobileTelOn, .shareCon{ display:block !important}
	#searchWrapper{background:url(images/banner-bg.jpg) center no-repeat !important}
    .cnts-links{text-align: center!important;}
}

.slicknav_nav ul li ul li a{ padding:0 !important; font-size:11px !important}
/*video*/
.bg-video {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index:-1
  
}

video#bgvid { 
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background:url(images/transparent-bg.html) center no-repeat;
    background-size: cover; 
	object-fit:cover;
}

video { display: block; }

.a2a_floating_style{ z-index:999999999999999999999999999999999999999999999 !important}


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0 1em;
	padding: 0.2em 1em;
    text-align: right;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f00;
}

.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
	margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
	cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
	cursor: default;
}




/***/

.wp-pagenavi {
    clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #bfbfbf;
    margin: 2px;
    padding: 3px 5px;
    text-decoration: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
}
.wp-pagenavi span.current {
    font-weight: bold;
}

.sm-links .fa{float: right;font-size: 18px; padding: 10px;color: #000;}
.lang .fa{float: left;font-size: 18px; padding-left: 10px;color: #000;}
.viewUp{text-align: left;}
.ui-tabs .ui-tabs-nav li{float: right; margin: 1px 0 0 0.2em ;}

/********************New Design**************************/
.top-header{
    background: #232322;
    height: 50px;
}
.top-green{
    background: #14dfce;
}
.lang{
    color: #000;
    text-decoration: none;
}
.lang:hover{text-decoration: none;color: #000;}
.black{
    color: #000!important;  
}
.cnts-links{
    text-align: left;  
    padding: 12px 0;
}
.cnts-links a{
    padding-right: 10px;
    color: #232322;
    text-decoration: none;
}
.cnts-links a:hover,.cnts-links a:visited{color: #232322;text-decoration: none;}
.cnts-links a:hover{text-decoration: none;}




.features-content {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 15px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
      
}
.single-features {
    position: relative; 
    margin: 30px 0; 
}
.single-features::after {
    background: #14DFCE none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.88;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 1;
}
.single-features::before {
    border: 1px dashed #ffffff;
    content: "";
    height: 90%;
    left: 3%;
    position: absolute;
    top: 5%;
    transition: all 0.6s ease 0s;
    width: 94%;
    z-index: 2;
}
.single-features:hover::after {
    background: rgb(0, 0, 0) none repeat scroll 0 0;
    opacity: 0.88;
}
.single-features:hover::before {
    border: 1px dashed #14DFCE;
}
.features-content > p {
    color: #ffffff;
    font-weight: 300;
    margin: 0;
}
.single-features {
    overflow: hidden;
}
.single-features img {
    transition: all 0.6s ease 0s;
}
.single-features:hover img {
    transform: scale(1.2);
    transition: all 0.6s ease 0s;
}
.features-content h4 {
    color: #ffffff;
    font-size: 4em;
    font-weight: 500;
    margin-top: 20px;
    font-family: pd;
}
.features-content p {
    font-size: 4em;
}






.newslatter-area {
    background: rgba(0, 0, 0, 0) url("images/newslatter-bg.jpg") no-repeat scroll center center / cover ;
    padding-bottom: 40px;
    padding-top: 55px;
    position: relative;
    z-index: 1;
        
}
.newslatter-area::after {
    background: rgba(20, 222, 206, 0.9);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.96;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.newslatter-area form button.submit-btn {
    background: #000;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    font-family: pd;
    padding: 12px 28px;
    position: absolute;
    left: 17px;
    top: -2px;
    
}
.newslatter-area form input.form-control {
    background: #ffffff;
    color: #838383;
    font-size: 17px;
    font-weight: 300;
    height: 42px;
    text-align: right;
}
.newslatter-area p {
    font-size: 18px;
    text-align: right;
}
.newslatter-area h1 {
    font-size: 32px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: right;
}
.newslatter-area form {
    margin-top: 0;
}
.footer-area {
    background: #000;
    overflow: hidden;
}
.news-content {
    display: inline-block;
    float: right;
    margin-left: 10px;
    overflow: hidden;
    width: 72%;
}

.col4 .fa{color: #fff;}
a.readmore {color: #14DFCE!important;}
a.readmore:hover {color: #00FFEA!important;}
.gray{background: #f1f1f1!important;}
.white{background: #ffffff!important;margin: 40px 0 30px!important;}
.fa-calendar{color: #14DFCE;font-size: 35px!important;}
#sidebar p{font-size: 16px;padding: 10px;}

#myUL {
  /* Remove default list styling */
text-align:justify;width:90%;color:#14DFCE;border: 1px #ccc solid;border-radius: 5px;padding-left: 27px;margin: 10px 0 15px;
}
.carousel-inner>.item>img{width:100%;}