@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');
@font-face {
	font-family: 'hacen';
	src: url("../fonts/hacen.eot");
	src: 
	url("../fonts/hacen.eot?#iefix") format('embedded-opentype'), 
	url("../fonts/hacen.woff") format('woff'), 
	url("../fonts/hacen.ttf") format('truetype'), 
	url("../fonts/hacen.svg#hacen") format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	border: 0 none;
	margin: 0;
	padding: 0;
}
div {
	overflow: hidden;
}
body {
	background: url("../images/bg.png") repeat-x scroll 0 0 #EEEEEE;
	font-family: 'hacen';
}
.fullcontainer {
	direction: rtl;
	margin: 0 auto;
	width:100%;
	position: relative;
}
.fullcontainer .menu {
	height: 65px;
	line-height: 65px;
}
.menu ul {
}
.menu ul li {
	display: block;
	float: right;
	list-style: none outside none;
	text-decoration: none;
	text-shadow: 0 1px 2px #000000;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	height: 1px;
}
.menu ul li:hover {
	display: block;
	float: right;
	list-style: none outside none;
	text-decoration: none;
	text-shadow: 0 1px 2px #000000;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	height: 65px;
	background: none repeat scroll 0 0 #ff8b00;
	box-shadow: 0 0 29px #ff8b00 inset;
	-moz-box-shadow: 0 0 29px #ffffff inset;
	-webkit-box-shadow: 0 0 29px #ffffff inset;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#008bd2')";
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#008bd2');
}
.active {
	display: block;
	float: right;
	list-style: none outside none;
	text-decoration: none;
	height: 65px !important;
	background: none repeat scroll 0 0 #ff8b00;
	box-shadow: 0 0 29px #ff8b00 inset;
	-moz-box-shadow: 0 0 29px #ffb300  inset;
	-webkit-box-shadow: 0 0 29px #ffffff inset;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#008bd2')";
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#008bd2');
}
.menu ul li a {
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	padding: 0 10px 0 10px;
	text-decoration: none;
}
.menu ul li a:hover {
	color: #FFFFFF;
	text-shadow: 0 1px 1px #878787;
}
.menu .search {
	float: left;
	height: 42px;
	margin-top: 15px;
	position: relative;
	width: 229px;
}
.menu .search .sea {
	background: none repeat scroll 0 0 #EEEEEE;
	border-radius: 6px 6px 6px 6px;
	margin-right: 6px;
	margin-top: 2px;
	width: 217px;
}
.menu .search .sea input[type="text"] {
	background: none repeat scroll 0 0 #EEEEEE;
	color: #878787;
	float: right;
	font-family:hacen;
	font-size: 12px;
	height: 35px;
	text-indent: 6px;
	width: 216px;
}
.menu .search .sea input[type="submit"] {
	background: url("../images/searchicon.png") no-repeat scroll center center #EEEEEE;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	height: 35px;
	left: 6px;
	position: absolute;
	text-indent: -999px;
	top: 2px;
	width: 32px;
}
.cloud {
	background: url("../images/cloud.png") repeat-x scroll 0 0 transparent;
	top: 10px;
}
.cloud .header {
	margin: 0 auto;
	width: 980px;
    /*background: url("../images/IMG-20140511-WA0042.jpg") repeat scroll 0 0 transparent;*/
}
.cloud .header .logo {
	background: url("../images/logo.png") repeat scroll 0 0 transparent;
float: right;
height: 112px;
margin-top: 7px;
width: 151px;
}
.cloud .header .name {
	float: right;
	height: 112px;
	margin-top: 7px;
	width: 700px;
	color: #960909;
	font-family:hacen;
	font-size: 30px;
	font-weight:normal;
	text-align:center;
	line-height:100px;
	text-shadow:-2px 0px 2px #fff;
}
.cloud .header .info {
	background: url("../images/logo1.png") repeat scroll 0 0 transparent;
	height: 114px;
	margin-top: 14px;
	width: 127px;
}
.cloud .header .info .telf {
	color: #0F96CB;
	display: block;
	font-size: 13px;
	margin-left: 117px;
	margin-top: 8px;
}
.cloud .header .info .maile {
	color: #B4B4B4;
	display: block;
	font-family: sans-serif;
	font-size: 11px;
	margin-left: 102px;
	margin-top: 3px;
}


.news {
	width:980px;
	height:35px;
	background-image: url(../images/bg_3.png);
	border:1px solid #ffb200;
	margin:-7px auto 0 ;
	border:1px #ffb200 solid;
	border-radius:4px;
	position:relative;
}
.news-img {
	width:111px;
	height:35px;
	float:right;
}
.tickeroverlay-left{
	background-image:url('left.png');
	display:block;
	pointer-events:none;
	position:absolute;
	z-index:30;
	height:12px;
	width:150px;
	top:0;
	left:-2px;
}
	
.tickeroverlay-right{
	background-image:url('right.png');
	display:block;
	pointer-events:none;
	position:absolute;
	z-index:30;
	height:12px;
	width:150px;
	top:0;
	right:-2px;
}
.tickercontainer { /* the outer div */
	width: 868px; 
	height: 27px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	top: 8px;
	height: 18px;
	/*width: 718px;*/
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	/*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
	position: relative;
	margin-left: 20px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding-right: 15px;
	font-family: hacen;
	font-weight:normal;
	font-size:11px;
	color:#444;
	/*background: #fff;*/
}
ul.newsticker img {
	float:right;
} 
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #444;
	margin: 0 5px 0 10px;
	float:right;
	text-decoration:none;
} 
ul.newsticker span {
	margin: 0 10px 0 0;
} 
#webticker2{
	float:right;
}
#webticker2 li {
	float: right; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding-left: 15px;
	font-family: hacen;
	font-weight:normal;
	font-size:11px;
	/*color:#444;*/
	direction:rtl;
	/*background: #fff;*/
}
.shadow {
	background: url("../images/shadow.png") repeat-x scroll 50% 50% rgba(0, 0, 0, 0);
	display: block;
	background-repeat:no-repeat;
	background-position:center top;
	padding: 0;
	margin:-1px auto;
	width:980px;
	height:39px;
}
/* news End -------------------------------------------------------------- */

.title {
	background: url("../images/curves.gif") repeat-x scroll 50% 50% rgba(0, 0, 0, 0);
	display: block;
	font-family: hacen;
	font-weight: 400;
	margin: 15px 0 5px 0;
	padding: 0;
	position: relative;
	text-align: right;
}
.title .left {
	background: url("../images/bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #960909;
	margin-left: 5px;
	padding: 0 0 0 10px;
}
















.content {
	height: auto;
	width: 980px;
	margin:-25px auto 0;
	direction:rtl;
}
.right-side {
	float: right;
	height: auto;
	width: 345px;
}
.right-side .login {
	float: right;
	height: 220px;
	width: 345px;
	/*background-image:url(../images/Login-Form.png);*/
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:25px;
}
.right-side .login .log-title {
	float: right;
	height: 50px;
	width: 345px;
}
.right-side .login .log-title h5 {
	float: right;
	color:#374448;
	margin:15px;
	font-size:16px;
	font-weight:400;
}
.right-side .login .log-title .free {
	float: left;
	color:#374448;
	margin:15px;
	font-size:10px;
	font-weight:400;
}
.right-side .login .log-title .free a {
	color:#008bd2;
	font-size:13px;
	text-decoration:none;
	transition: all 0.6s ease-out 0s;
}
.right-side .login .log-title .free a:hover {
	color: #F3B958;
    transition: all 0.6s ease-out 0s;
}
.log-form  {
	width:345px;
	height:43px;
	float:right;
	direction:rtl;
}
.log-form label {
	width:70px;
	float:right;
	color:#fff;
	font-family: hacen;
	font-size: 10px;
	font-weight:normal;
	margin:7px 8px 2px 8px;
	line-height:25px;
	text-align:center;
}
.log-form input[type=text] {
	width:235px;
	height:20px;
	background-color:#efecec;
	padding:3px 8px 3px 8px;
	margin:7px 0 5px 5px;
	color:#666;
	font-family: hacen;
	font-size: 12px;
	font-weight:normal;
	direction:rtl;
	float:left;
}

.log-form input[type=password] {
	width:235px;
	height:20px;
	background-color:#efecec;
	padding:3px 8px 3px 8px;
	margin:7px 0 5px 5px;
	color:#666;
	font-family: hacen;
	font-size: 12px;
	font-weight:normal;
	direction:rtl;
	float:left;
}
.log-form input[type=checkbox] {
	float:right;
	margin:10px 20px 0 5px;
}
.log-form .remmber {
	width:auto;
	color:#6c797d;
	font-family: hacen;
	font-size: 10px;
	font-weight:normal;
	margin:10px 0 0 3px;
	float:right;
}
.log-form .forget {
	width:auto;
	float:left;
	margin:10px 0 0 15px;
	color:#6c797d;
	font-family: hacen;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
	transition: all 0.6s ease-out 0s;
}
.log-form .forget:hover {
	color: #F3B958;
    transition: all 0.6s ease-out 0s;
}
.log-button {
	height: 35px;
	width: 345px;
	margin:0px auto;

}
.log-button input[type=submit] {
	background-image: url("../images/log-button.png");
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-family: hacen;
	font-size: 15px;
	height: 35px;
	margin: 0 7px;
	text-align: center;
	width: 331px;
}
.log-button input:hover {
	opacity:0.8;
}


.right-side .links {
	float: right;
	height: 170px;
	width: 345px;
}
.right-side .links a img {
	float: right;
	height: 35px;
	width: 110px;
	border:1px #ccc solid;
	margin:0 1px 3px 2px;
}
.right-side .ads {
	float: right;
	height: 315px;
	width: 345px;
}
.right-side .ads a img {
	float: right;
	height: 263px;
	width: 340px;
	border:1px #ccc solid;
	margin:0 2px 0 2px;
}
.right-side .visitor {
	float: right;
	height: 115px;
	width: 345px;
}
.right-side .visitor .visit-info {
	float: right;
	height: 63px;
	width: 345px;
	margin-top:-5px;
	background-image:url(../images/visitor.png);
	background-repeat:no-repeat;
	background-position:15% top;
}
.visit-info .aaa {
	float: right;
	width:110px;
	color:#374448;
	font-family: hacen;
	font-size: 15px;
	margin: 20px 0 0 0;
	text-align:center;
}
.visit-info .num {
	float: right;
	width:167px;
	color:#fff;
	font-family: Arial;
	font-weight:bold;
	font-size: 20px;
	margin: 20px 0 0 0;
	text-align:center;
}
.visit-info .sss {
	float: left;
	color:#000000;
	font-family: hacen;
	font-size: 15px;
	margin: 20px 0 0 36px;
}
.left-side {
	float: left;
	height: auto;
	width: 615px;
}
.left-side .student {
	float: right;
	height: 490px;
	width: 615px;
}
.left-side .student .stu-content {
	height: 443px;
	width: 613px;
	border:1px #ccc solid;
	background-color:#fff;
}
.left-side .student .stu-content a {
	color:#960909;
	font-size:14px;
	/*float:left;*/
	text-decoration:none;
	margin:10px 0 0 35px;
    transition: all 0.6s ease-out 0s;
}
.left-side .student .stu-content a:hover {
	color: #960909;
    transition: all 0.6s ease-out 0s;
}
.left-side .student .stu-content .stu-info {
	height: 195px;
	width: 171px;
	float:right;
	margin: 8px 25px 0 0;
	background:url(../images/border.png) no-repeat top;
}
.left-side .student .stu-content .stu-info img {
	height: 155px;
	width: 148px;
	margin: 10px 11px 7px 11px;
}
.left-side .student .stu-content .stu-info p {
	color:#374448;
	font-size:12px;
	text-align:center;
}
.left-side .pray {
	float: right;
	height: 170px;
	width: 615px;
}
.left-side .pray .pray-info {
	float: right;
	height: 125px;
	width: 615px;
	background:url(../images/pray.png) no-repeat ;
}
.pray-form label {
	width:auto;
	float:right;
	color:#666;
	font-family:hacen; 
	font-size: 12px;
	font-weight:normal;
	margin:10px 80px 2px 0;
	line-height:25px;
}
.pray-form select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #049fe1;
	direction: rtl;
	float: right;
	font-family: hacen;
	font-size: 12px;
	font-weight: normal;
	height: 25px;
	margin: 10px 5px 5px 5px;
	padding: 2px 3px 3px 3px;
	width: 170px;
}
#gradient-style {
	border-collapse: inherit;
    font-family: hacen;
	font-size: 13px;
	text-align: center;
	margin:5px 25px 0 0 ;
}
#gradient-style th {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
	line-height:13px;
    padding: 8px 18px;
	background-color:#049fe1;
	border-radius:3px;
}
#gradient-style td {
    border: 1px solid #CCCCCC;
    color: #666;
	font-size: 12px;
    padding: 4px 18px ;
	border-radius:3px;
}
.left-side .vote {
	float: right;
	height: 300px;
	width: 615px;
}
.vote .question {
	width:100%;
	height:auto;
	margin:0px 5px 5px 0 ;
	float:right;
	color: #333;
    font-size: 13px;
	font-weight:normal;
}
.vote .question img {
	margin:0 0 0 10px ;
	direction:rtl;
}
.vote-form {
	color: #818181;
    font-size: 11px;
	font-weight:normal;
	margin-right:30px;
	width:585px;
}
.vote-form input[type=radio] {
	margin-left:5px;
}
.vote-form .mmm {
	width:115px;
	height:29px;
	margin:0 10px 3px 0 ;
	background-image:url(../images/button.png);
	float:left;
	color: #fff;
	font-family:hacen;
    font-size: 12px;
	font-weight:normal;
	cursor:pointer;
}
.vote-form .mmm:hover {
	opacity:0.8;
}
.Carousel-content {
	float: right;
	height: 240px;
	width: 980px;
	margin-top:-20px;
}
.title2 {
	background: url("../images/curves.gif") repeat-x scroll 50% 50% rgba(0, 0, 0, 0);
	display: block;
	font-family: hacen;
	font-weight: 400;
	margin: 15px 0 5px 0;
	padding: 0;
	position: relative;
	text-align: center;
}
.title2 .left {
	background: url("../images/bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #960909;
	margin-left: 5px;
	padding: 0 10px;
}

.image_carousel {
	position: relative;
	height:195px;
	background:url(../images/carousel.png) no-repeat top center;
	direction:ltr;
}
.image_carousel .ffdd {
	width:220px;
	height:145px;
	margin:2px;
	display: block;
	float: left;
}
#foo2{
	margin-left:25px;
	width:950px;
}
a.prev, a.next {
	background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 65px;
}
a.prev {
	left: 2px;
	background-position: 0 0;
}
a.prev:hover {
	background-position: 0 -50px;
}
a.prev.disabled {
	background-position: 0 -100px !important; 
}
a.next {	
	right: 3px;
	background-position: -50px 0;
}
a.next:hover {
	background-position: -50px -50px;
}
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}
.image_carousel #foo2 .ffdd img {
    margin-top: 15px;
	height:145px;
	width:220px;
}
.caroufredsel_wrapper {
	margin-left:43px !important;
}
.image_carousel .ffdd .foo2-title {
	background-color: #60859f;
	display: block;
	height: 26px;
	margin: -45px 3px;
	position: relative;
	width: 212px;
	/*z-index: 10;*/
	border:1px solid #fff;
	opacity:0.7;
	color:#fff;
	font-family: hacen;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	line-height:25px;
}
.footer {
	background: url("../images/footer.jpg") repeat-x scroll 0 0 transparent;
	height: 300px;
	margin:0 auto;
	direction:rtl;
}
.footer-top {
	height: 250px;
	width:980px;
	margin:0 auto;
}
.footer-top .nabza {
	height: 195px;
	width:263px;
	float:right;
	margin:35px 0 0 0;
}
.footer-top .nabza h5 {
	color:#fff;
	font-size:14px;
}
.footer-top .nabza p {
	color:#fff;
	font-size:10px;
	margin:10px 0 10px 50px;
}
.footer-top .nabza .social-network {
    direction: rtl;
    float: right;
    height: 33px;
    margin-right: 15px;
    margin-top: 10px;
    width: 125px;
}
.footer-top .bottom-menu {
	height: 195px;
	width:255px;
	margin: 25px 0 0;
	float:right
}
.bottom-menu li {
    border-bottom: 1px dashed #CCCCCC;
    margin: 0 0 0 60px;
	height:38px;
	line-height:35px;
}
.bottom-menu li a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin:0;
	text-decoration:none;
    text-align: right;
	transition: all 0.6s ease-out 0s;
}
.bottom-menu li a:hover {
    color: #008bd2;
    transition: all 0.6s ease-out 0s;
}
.footer-top .bottom-contact {
	height: 195px;
	width:245px;
	margin: 35px 0 0;
	float:right
}
.bottom-contact h5 {
	color:#fff;
	font-size:14px;
	margin-bottom:10px;
}
.bottom-contact .contact-info  {
	margin: 0 0 0 50px;
	float:right;
	height:40px;
}
.bottom-contact .contact-info img {
	margin:5px 0 5px 5px;
	float:right;
}
.bottom-contact .contact-info p {
	color: #fff;
	font-family:Arial;
    font-size: 13px;
    font-weight: normal;
	margin-top:12px;
	float:right;
}
.footer-top .news-letter {
	height: 195px;
	width:215px;
	margin: 35px 0 0;
	float:right
}
.news-letter h5 {
	color:#fff;
	font-size:14px;
	margin-bottom:10px;
}
.news-letter input[type=text] {
	background-image: url(../images/newsletter.png);
	float: right;
	height: 36px;
	width: 204px;
	margin:5px 0;
	padding:0 5px;
	font-family: hacen;
	font-size: 10px;
	color:#FFF;
}

.news-letter input[type=submit] {
	background-image: url("../images/newsletter-button.png");
	background-repeat: no-repeat;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	font-family: hacen;
	font-size: 13px;
	height: 34px;
	margin: 15px 0 0 0;
	text-align: center;
	width: 89px;
	transition: all 0.6s ease-out 0s;
}
.news-letter input[type=button]:hover {
	opacity:0.8;
	color: #008bd2;
    transition: all 0.6s ease-out 0s;
}
.footer-bottom {
    height: 30px;
    margin: 10px auto;
    width: 980px;
}
.copyrights1 {
    color: #666;
    float: right;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    margin-top: 3px;
}
.copyrights1 p {
    color: #666;
    float: left;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    margin: 3px;
}
.copyrights1 p a {
    color: #666;
}
.copyrights1 img {
    float: left;
}
.copyrights2 {
    color: #666;
    float: left;
    font-size: 10px;
    line-height: 30px;
}





ul.menuMain { }
ul.menuMain li { }
ul.menuMain li:first-child a { border-radius:4px 4px 0 0;}
ul.menuMain li:last-child a { border-radius:0 0 4px 4px;}
ul.menuMain li a { display:block; padding:10px 15px; border:1px solid #DDDDDD; margin:0 0 -1px 0; font-size:13px; color:#960909;background-color:white;}
ul.menuMain li a:hover { background:#F5F5F5;}
ul.menuMain li a.active { background:#428BCA; border-color:#428BCA; color:#fff;}
/*Header -------------------------------------------------------------------------------------------*/
#bgHeader { width: 100%; background: linear-gradient(to bottom, #3C3C3C 0px, #222222 100%) repeat-x; margin: 0 0 20px 0; }
header { width: 90%; min-width: 980px; margin: 0 auto; }
.logo { float: right; display: block; width: 50px; height: 57px; padding: 5px 0; background: url(images/logo.png) center center no-repeat; }
#selLang { float: left; width: 110px; height: 30px; padding: 3px 5px; margin: 18px 0 0 0; border: solid 1px #999999; background: #999999; font: 11px Tahoma; border-radius: 3px; }
/*menu Header*/
ul.menuHeader { float: right; }
ul.menuHeader > li { float: right; margin: 0 20px 0 0; }
ul.menuHeader > li > a { display: block; height:33px; padding: 17px 0; font: bold 12pt Font1; color: #999999; }
ul.menuHeader > li a:hover, ul.menuHeader li a.active { color: #fff; }
/*drop down*/
ul.menuHeader ul{position:absolute; top:0; right:100%; margin-right:-1px; background:#222222; z-index:999; border-radius:4px; display:none;}
ul.menuHeader > li > ul{ top:67px; right:0;}
ul.menuHeader li:hover > ul{display:block;}
ul.menuHeader li { position:relative;}
ul.menuHeader > li ul li .sepMenu {width:100%; background:#fff; height:1px;}
ul.menuHeader > li ul a{display:block; width:160px;padding:3px; color:#fff; overflow:hidden; font:10pt Font2; border:solid 1px #999999; margin-bottom:-1px}
ul.menuHeader > li ul a:hover{background:#3C3C3C; color:#fff;}
ul.menuHeader > li ul li:last-child a{border-radius:0 0 4px 4px;}
ul.menuHeader > li ul li:first-child a { border-radius:4px 4px 0 0;}



/*************forms******************/
.formCon{
	float:right;
	width:100%;
	margin-top:20px;	
}
.formCon h1{
	float:right;
	width:100%;
	color:#8c8c8c;
	font-size:13px;
	font-weight:bold;
	margin-bottom:13px;
    margin-right:13px;
	
}
.formCon h3{
	float:right;
	color:#898989;
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	margin:10px 9px;
	
}

.check{
	float:right;
	margin-left:10px;
	margin-top:5px;
	
}
.formCon h2{
	float:right;
	color:#62b0e1;
	font-size:14px;
	font-weight:normal;
	margin-top:3px;
	
}

.SelectBox{
	float:right;
	width:45%;
	height:33px;
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	padding:2px;
	margin-left:15px;
	border: 1px solid #dedede;
    overflow: hidden;
        margin-right: 13px;
}
.SelectBox select {
	
    padding: 5px 8px;
    color:#afafaf;
    width: 100%;
    border: none;
 
    
}
.SelectBox select:focus {
    outline: none;	
}
.InputBox{
	float:right;
	width:45%;
	height:33px;
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	color:#afafaf;
	padding:0 2px;
	background-color:#fff;
	border:1px #dedede solid;
        margin-right: 13px;
}
.InputBox2{
	
	margin-left:10px;
	
}
.starForm{
	float:right;
	width:10px;
	color:#ff0000;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:1%;
	
}
.starForm2{
	float:left;
	width:10px;
	color:#ff0000;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	margin-top:11px;
	margin-left:17%;
	
}

.contactBtn{
	float:right;
	margin-top:25px;
}
.Btn{
	height:37px;
	padding:0 22px;
	background:url('../images/btnBg.jpg');
	border:none;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;	
	-webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	-moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	-o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	-ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	transition: all 0.3s cubic-bezier(.63,.08,.35,.92);

}
.Btn:hover{
	color:#000;
	border-color:#9fd5f8;
}

.purchase{
	font-size:14px;
	color:#0081cb;
	font-weight:normal;
	border:1px #c6c6c6 solid;
	padding:15px 20px;	
	margin-top:30px;

}


.proCho{
	float:right;
	width:580px;
	padding:22px 22px 0;
	border:1px #c6c6c6  solid;
	margin:20px 0;

	
	
}
.proCho > div{
	float:right;
	width:100%;
	margin-bottom:10px;

}
.proCho > div:hover >h2{
	color:#0081cb

}

.proCho > div img{
	float:right;
	width:112px;
	height:112px;
	margin-left:27px;
	border:1px #c6c6c6  solid;

}
.proCho > div h1{
	float:right;
	width:66%;
	color:#aeaeae;
	font-size:13px;
	font-weight:normal;
	margin:20px 0;


}
.proCho > div h2{
	float:right;
	color:#7e7e7e;
	font-size:17px;
	font-weight:bold;


}
.price{
	float:right;
	margin:150px 30px;
	color:#8c8c8c;
	font-size:17px;
	font-weight:bold;

	
	
}

.newAdress{
	float:right;
	color:#8c8c8c;
	margin:25px 0;
	font-size:16px;
	font-weight:bold;
}


/*.content{
	width:1002px;
	margin:0 auto 50px;
	position:relative;
	margin-top:14px;
}

.content h4{
	font-size:14px;
	color:#626262;
	font-weight:bold;
	border:1px #c6c6c6 solid;
	padding:15px 20px;
	text-transform:uppercase;
}
.content h4 span{
	color:#0082cc;
}
.content h5{
	margin:10px  0;
	color:#0082cc;
	font-size:14px;
	
}
.content p{
	color:#a8a8a8;
	font-size:13px;
	text-align:justify;
	
}


.Center-side {
    
    height: auto;
    width: 900px;
    background-color:white;
    margin-right:50px;
}
    */
.btncontact {
        width: 115px;
    height: 29px;
    margin: 0 10px 3px 0;
    background-image: url(../images/button.png);
    float: right;
    color: #fff;
    font-family: hacen;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    margin-top:15px;
}

.contant
 {
        font-size: 12px;
    font-family: tahoma;
    padding: 15px;
}
.contant div {
        font-size: 12px;
    font-family: tahoma;
    padding: 15px;
}
/*----------according---------*/
.acordSlider {
	float: right;
	width: 100%;
	margin:10px 0;
}
.acc_trigger {
	width: 100%;
	height: 39px;
	color: #960909;
	background:#c7c7c7;
	font-family: GESSTwoMed;
	font-size:16PX;
	font-weight:normal;
	color:#e4016d;
	margin-top: 4px;
}
.acc_trigger a {
	text-decoration: none;
	display: block;
	color: #960909;
	padding-right : 10px;
	line-height:40px;
	

}
.acc_trigger:hover>a {
	background:#960909;
    color: #fff;
}
.acc_trigger.active a{
	background:#960909;
    color: #fff;
}

.acc_container {
	overflow: hidden;
	font-size: 12px;
	clear: both;
	padding: 7px 0;
	border:1px #ddd solid;
	margin:10px 0;	

}
.acc_container p {
	padding: 10px 10px !important;
	text-align: justify;
	color: #000;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	background:#f4f4f4;
	border-radius:7px;

}
/********************************************************/



/*************forms******************/
.formCon{
	float:right;
	width:100%;
	margin-top:20px;	
}
.formCon h1{
	float:right;
	width:100%;
	color:#8c8c8c;
	font-size:13px;
	font-weight:bold;
	margin-bottom:13px;
	
}
.formCon h3{
	float:right;
	color:#898989;
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	margin:10px 9px;
	
}

.check{
	float:right;
	margin-left:10px;
	margin-top:5px;
	
}
.formCon h2{
	float:right;
	color:#62b0e1;
	font-size:14px;
	font-weight:normal;
	margin-top:3px;
	
}

.SelectBox{
	float:right;
	width:45%;
	height:33px;
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	padding:2px;
	margin-left:15px;
	border: 1px solid #dedede;
    overflow: hidden;
}
.SelectBox select {
	
    padding: 5px 8px;
    color:#afafaf;
    width: 100%;
    border: none;
 
    
}
.SelectBox select:focus {
    outline: none;	
}
.InputBox{
	float:right;
	width:45%;
	height:33px;
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	color:#afafaf;
	padding:0 2px;
	background-color:#fff;
	border:1px #dedede solid;
}
.InputBox2{
	
	margin-left:10px;
	
}
.starForm{
	float:right;
	width:10px;
	color:#ff0000;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-right:1%;
	
}
.starForm2{
	float:left;
	width:10px;
	color:#ff0000;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	margin-top:11px;
	margin-left:17%;
	
}

.contactBtn{
	float:right;
	margin-top:25px;
}
.Btn{
	height:37px;
	padding:0 22px;
	background:url('../images/btnBg.jpg');
	border:none;
	color:#000;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;	
	-webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	-moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	-o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	-ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	transition: all 0.3s cubic-bezier(.63,.08,.35,.92);

}
.Btn:hover{
	color:#000;
	border-color:#9fd5f8;
}

.purchase{
	font-size:14px;
	color:#0081cb;
	font-weight:normal;
	border:1px #c6c6c6 solid;
	padding:15px 20px;	
	margin-top:30px;

}


.proCho{
	float:right;
	width:580px;
	padding:22px 22px 0;
	border:1px #c6c6c6  solid;
	margin:20px 0;

	
	
}
.proCho > div{
	float:right;
	width:100%;
	margin-bottom:10px;

}
.proCho > div:hover >h2{
	color:#0081cb

}

.proCho > div img{
	float:right;
	width:112px;
	height:112px;
	margin-left:27px;
	border:1px #c6c6c6  solid;

}
.proCho > div h1{
	float:right;
	width:66%;
	color:#aeaeae;
	font-size:13px;
	font-weight:normal;
	margin:20px 0;


}
.proCho > div h2{
	float:right;
	color:#7e7e7e;
	font-size:17px;
	font-weight:bold;


}
.price{
	float:right;
	margin:150px 30px;
	color:#8c8c8c;
	font-size:17px;
	font-weight:bold;

	
	
}

.newAdress{
	float:right;
	color:#8c8c8c;
	margin:25px 0;
	font-size:16px;
	font-weight:bold;
}

.vip {
      height: 155px;
    width: 148px;
    margin: 10px 11px 7px 11px;
}
 stu-info .avip {

    color: #960909;
    font-size: 14px;
    /* float: left; */
    text-decoration: none;
    margin: 10px 0 0 35px;
    transition: all 0.6s ease-out 0s;
}


 .home-slider {
	width: 100%;
	float: left;
	position: relative;
}
.home-slider img {
	max-height: none !important;
	max-width: none !important;
}
.home-slider .block-1 {
	text-transform: uppercase;
	color: #333;
	font-size: 48px;
}
.home-slider .block-2 {
	text-transform: uppercase;
	font-size: 24px;
}
.home-slider .block-3 {
	width: 400px;
}
.home-slider .block-5 {
	width: 960px;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
}
.home-slider .block-6 {
	text-align: center;
	width: 660px;
	color: #fff;
}
.home-slider .block-7 {
	width: 55px;
	height: 55px;
	display: inline-block;
}
.home-slider .block-8 {
	color: #333;
	text-align: left;
	text-align: left;
	width: auto;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: bold;
}
.home-slider .block-8 {
}




#owl-banner {
	width:1000px;
	height: 300px;
	background: #fff;
	overflow: hidden;
	margin:auto;
	float:left;
	direction:ltr!important;
	z-index:0;
	margin-bottom:20px;
}
#owl-banner .item {
	position:relative;
	width:1000px;
	height: 300px;
}
#owl-banner .item .txt{
	position:absolute;
	width:96%;
	bottom:0;
	right:0;
	padding:10px 2%;
	text-align:right;
	background:rgba(0, 0, 0, 0.8)
}
#owl-banner .item .txt p{
	font-size:13px;
	color:#fff;
	margin:0;
	line-height:20px;
}

#owl-banner .item img {
	width: 100%;
	height:100%;
}
#owl-banner .owl-controls .owl-pagination {
	position: absolute;
	width: 100%;
	top: 145px;
}
#owl-banner .owl-controls {
	position: absolute;
	width: 100%;
	height: 40px;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 999;
}
#owl-banner .owl-controls .owl-prev {
	position: absolute;
	left: 20px;
	width: 40px;
	height:40px;
	opacity: 1;
	font: 0 FontAwesome;
	text-align: center;
	color: #fff;
	padding: 0;
	background:url('../images/lftArrow.jpg') no-repeat ;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
#owl-banner .owl-controls .owl-next {
	position: absolute;
	right: 20px;
	width: 40px;
	height:40px;
	opacity: 1;
	font: 0 FontAwesome;
	text-align: center;
	color: #fff;
	padding: 0;
	background:url('../images/rghtArrow.jpg') no-repeat ;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
#owl-banner .owl-controls .owl-next:hover, #owl-banner .owl-controls .owl-prev:hover {
	opacity:0.5;
}


.wrap {
    width: 1002px;
    margin: 0 auto;
    position: relative;
}





ul.menu2{
     margin :0 auto ;
     width :980px;
    
}
ul.menu2 li{
	display:inline-block;
	margin:20px 10px;
	position:relative;
    text-shadow: 0 1px 2px #000000;
   
    
}
ul.menuR li{
	margin:20px 18px;

}
ul.menu2 li a{
	display:inline-block;
	font-size:14px;
	height:16px;
	color:#fff;
	padding:10px 6px;
	font-weight:bold;
	border-radius:5px;
	-webkit-transition: all .3s ;
   -moz-transition: all .3s ;
   -o-transition: all .3s ;
    transition: all .3s ;
    text-decoration:none;

	
}
ul.menu2 li a.active{
	background:#ff8b00;
	color:#fff;
	text-decoration:none;
}

ul.menu2 li a:hover{
	background:#ff8b00;
	color:#fff;
	text-decoration:none;
}
ul.menu2 li:hover >a{
	background:#ff8b00;
	color:#fff;
	text-decoration:none;
}

ul.menu2 li:hover > ul {
	visibility:visible;
	opacity:1;
	top:38px;

}

ul.menu2 ul{
	visibility:hidden;
	opacity:0;
	width:185px;
	position:absolute;
	top:85px;
	right:0px;
	z-index:1000	;
	padding:3px 5px;
	background:#960909;
	border-radius:5px;
	-webkit-transition: all .3s ;
   -moz-transition: all .3s ;
   -o-transition: all .3s ;
    transition: all .3s ;
}
ul.menu2 ul.rghtDropM{
	left:0!important;
	width:220px;
	right:auto;
}
ul.menu2 ul.membM{
	width:210px;
}
ul.menu ul li{
	width:100%;
	margin:0;
}
ul.menu2 ul a{
	display:block;
	height:auto!important;
	font-size:13px;
	margin:5px  0;
	padding:4px 10px;
	color:#fff;
	background:#ff8b00;
	-webkit-transition: all .3s ;
   -moz-transition: all .3s ;
   -o-transition: all .3s ;
    transition: all .3s ;
}

ul.menu2 ul a:hover{
	background:#960909;
	color:#fff;
	border:none
	
}


.wrap{
	position:relative;
	width:1016px;
	margin:0 auto;
	
}


ul.menu2 ul li{
	width:100%;
	margin:0;
}

.blink_me {
 /*animation: blinker 1s linear infinite;*/
  color:#960909 !important;
/*text-shadow: 0 1px 2px #000000;*/
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width:30%;
    float:right;
    margin-left :20px;
   
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.container {
    padding: 2px 16px;
}



/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}


/*ADv*/
.libraryBlock{
	float:right;
	width:316px;
	min-height:210px;
	padding:20px;
	background:#ecf0f1;
	padding:15px 20px;
	margin:0 20px;
	position:relative;

}
.libraryBlock h1{
	font-weight:bold;
	font-size:25px;
	font-family:HacenTunisiaRegular;
	color:#f39c12;
	margin-bottom:20px;
	margin-top:5px;
}

.libraryBlock img{
	float:right;
	width:70px;
	height:70px;
	margin-left:10px;
	margin-bottom:0;
	border-radius:4px;

}
.libraryBlock h2{
	font-weight:bold;
	font-size:20px;
	font-family:HacenTunisiaRegular;
	color:#34495e;

}
.libraryBlock p{
	width:237px;
	font-weight:normal;
	font-size:16px;
	font-family:HacenTunisiaRegular;
	color:#34495e;
	text-align:justify;
	direction:rtl!important

}
.libraryBlock a.more{
	position:absolute;
	left:80px;
	top:-8px;
	color:#fff;
	font-family:HacenTunisiaRegular;
	font-weight:bold;
	padding:4px 20px;
	font-size:14px;
	border-radius:3px;
	margin:28px 0 0 0;
	background:#f39c12;
	
}
.Events{
	float:left;
	margin:0;
}
.Events h1{
	color:#c22727;
}
.Events a.more{
	
	background:#c22727;
	
}

/*************Owl*****************/
.owl-banner {
	width: 100%;
	direction:ltr;
	text-align:right;
}
.owl-banner .item {
	min-height: 100%!important;
	height: 100%!important;
}
.owl-banner .owl-controls .owl-pagination {
	position: absolute;
	width: 100%;
	top: 100px;
}
.owl-banner .owl-controls {
	position: absolute;
	width: 100%;
	height: 80px;
	margin: auto;
	top: -62px!important;
	z-index: 999;
	
}
.owl-banner .owl-controls .owl-prev {
	position: absolute;
	left: 30px;
	width: 25px;
	height:25px;
	background: url('../images/prevArrow.jpg') no-repeat !important;
	font-size: 0px!important ;
	text-align: center;
	padding: 0!important;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;


}
.owl-banner .owl-controls .owl-next {
	position: absolute;
	left: 0;
	width: 25px!important;
	height:25px;
	background: url('../images/nextArrow.jpg') no-repeat !important;
	font-size: 0px !important;
	text-align: center;
	padding: 0!important;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.owl-banner .owl-controls .owl-next:hover, .owl-banner .owl-controls .owl-prev:hover {
	opacity:0.5
}

.Events .owl-controls .owl-prev {
	background: url('../images/nextArrowRed.jpg')!important;
}
.Events .owl-controls .owl-next {
	background: url('../images/prevArrowRed.jpg')!important;
}
.galleryCrsl .owl-controls .owl-prev{
	right:0!important;
	border:thin	aqua	solid
}
#footer{
	width:100%;
	background:#3598db;
	padding:40px 0 0 0;
	margin:0;
	position:relative;
}
.gallry{
	width:100%;
	border-bottom:5px #fff solid;
	padding-bottom:20px;
}
.gallry h1{
	font-weight:bold;
	font-size:25px;
	font-family:HacenTunisiaRegular;
	color:#fff;
	margin-bottom:30px;
}
.NewsItem {
	float: right;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 3px #e7e7e7 solid;
	margin-top: 8px;
}

.TecherItem {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 3px #e7e7e7 solid;
	margin-top: 8px;
}


.TecherItem p {
	float: left;
	/*width: 1000px;*/
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #929292;
	text-align:right;
}
.NewsItem:last-child {
	border: none;
}
.NewsItem img {
	float: right;
	width: 180px;
	height: 129px;
	margin-left: 8px;
	margin-bottom: 2px;
	border: 5px #e7e7e7 solid;
}
.NewsItem p {
	float: right;
	/*width: 1000px;*/
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #929292;
	text-align:right;
}
.lighty a {
width: 300px;
height: 200px;
position:relative;
float: right;
margin-left: 15px;
margin-bottom: 10px;
margin-bottom:50px;
text-decoration: none;
}
.lighty img {
height: 200px;
width:250px;
   
 
    border: 5px solid #fff;
    box-shadow: 0 0 3px #777;
    -o-box-shadow: 0 0 3px #777;
    -ms-box-shadow: 0 0 3px #777;
    -moz-box-shadow: 0 0 3px #777;
    -webkit-box-shadow: 0 0 3px #777;
}
.lighty p {
text-align: center;
display: block;
margin: 0;
text-decoration: none;
}
.lighty .shade {
position: absolute;
left: 0;
z-index: 9999;
height: 200px;
width: 100%;
background: rgba(0, 0, 0, 0.28) url(../images/video.png) no-repeat center;
}

 photos img {
    width: 100%;
    height: 316px;
    border: 5px solid #fff;
    box-shadow: 0 0 3px #777;
    -o-box-shadow: 0 0 3px #777;
    -ms-box-shadow: 0 0 3px #777;
    -moz-box-shadow: 0 0 3px #777;
    -webkit-box-shadow: 0 0 3px #777;
}

 .container {
    width: 960px;
    overflow: visible;
    position: relative;
    z-index: 0;
    margin: 0 auto;
}






 /*.last.news {
background: #f6f6f6;
clear: both;
}
.news_la {
float: right;
margin-left:15px;
}
.news_d span.a1 {
font-size: 18px;
}
.news_d .a2{
margin-top: -15px;
display: block;
font-family: tahoma;
padding-bottom: 6px;
}

.news_d {
background: #457bbe;
color: #fff;
padding:0 10px;
text-align: center;
padding-bottom:5px;
}
.news_d span.a1 {
font-size:18px;
}
.news_t {
display: block;
padding:0 10px;
font-family: tahoma;
font-size:12px;
padding-bottom: 15px;
color: #fff;
text-align: center;
padding-top: 40px;
background: #cb2229 url(../images/time.PNG) no-repeat center 23%;
}
#foo h6 {
margin: 0;
color:#333333;
font-size: 18px;
border-bottom: 1px solid #457bbe;
padding-bottom: 13px;
}
.caroufredsel_wrapper {
height: 147px !important;	
width: 968px !important;
}*/

/*.news-nav {
    float: left;
    margin-top: -56px;
}

.nnext2, .nnext, .nnext3 {
    width: 26px;
    height: 26px;
    background: url(../images/news_right.PNG) no-repeat center;
    background-position: 0 -26px;
    cursor: pointer;
    float: right;
    margin-left: 7px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.news2-title {
font-size: 24px;
margin-bottom: 15px;
margin-top: 10px;
float: right;
color: #457bbe;
border-bottom: 3px solid;
}
ul#nt-example1 li {
list-style:none;	
}
span.line_ro {
width: 100%;
height: 1px;
background: #457bbe;
float: left;
margin: 0;
margin-top: -15px;
}
.news2-nav {
float: left;
margin-top: -56px;
}
#nt-example1 li h6 {
font-size: 16px;
font-family: gflow;
color: #0164a2;
}
#nt-example1 li img {
width:155px;
height:155px;
float: left;
margin-bottom: 12px;
}



.news2 #nt-example1 {
/*	background: #F7F7F7;
	list-style-image: url("images/news1.png");
	color: #777777;
	font-size: 11px;
	text-align:justify;
	height: 105px;
	margin: 10px 0 0;
	padding: 10px 25px 10px 10px;
	width: 200px;
	overflow:hidden;*/
}
.news2 #nt-example1 li {
	/*margin:0 0 40px 0;*/
	clear:both;
	padding-bottom:19px;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
.news2 #nt-example1 li:first-child {
padding-top: 10px;
}
.news2 #nt-example1 a {
/*	float:left;
	text-decoration:none;
	color: #10a7bf;
	font-size: 11px;
	transition: all 0.4s ease-out 0s;*/
}
.news2 #nt-example1 a:hover {
	/*color:#f3b958;
	transition: all 0.6s ease-out 0s;*/
}
#nt-example1-next {
width: 27px;
height: 27px;
background: url(../images/top.PNG) no-repeat center;
cursor: pointer;
float: right;
margin-left: 12px;
-webkit-transition: all 0.3s  ease-in-out;
-moz-transition: all 0.3s  ease-in-out;
-ms-transition: all 0.3s  ease-in-out;
-o-transition: all 0.3s  ease-in-out;
transition: all 0.3s  ease-in-out;
}
#nt-example1-next:hover {
background: url(../images/active_top.PNG) no-repeat center;
}
#nt-example1-prev {
width: 27px;
height: 27px;
background: url(../images/bottom.PNG) no-repeat center;
cursor: pointer;
float: right;
-webkit-transition: all 0.3s  ease-in-out;
-moz-transition: all 0.3s  ease-in-out;
-ms-transition: all 0.3s  ease-in-out;
-o-transition: all 0.3s  ease-in-out;
transition: all 0.3s  ease-in-out;
}
#nt-example1-prev:hover {
	background: url(../images/active_bottom.png) no-repeat center;
}
ul#nt-example1 li:hover h5 {
color: #cb2229;
}
ul#nt-example1 h5 {
font-size: 18px;
font-weight: normal;
margin: 0;
color:#333333;
}
ul#nt-example1 li:hover .date p {
border-color: #cb2229;	
}
ul#nt-example1 p {
margin: 0;
font-size: 14px;
color:#333333;
}
p.liney {
line-height: 19px;
}
h5.liney {
line-height: 25px;
}
.date {
line-height: 13px;
}
.date h3 {
color: #457bbe;
font-size: 40px;
margin: 0;
padding: 0;
line-height: 13px;
display: inline-block;
}
.date p {
color: #457bbe;
font-size: 20px;
line-height: 49px;
margin: 0;
padding: 0;
border-bottom: 1px solid;
}
.post-detail p {
margin: 0;
color : #457bbe;
line-height: 27px;
}
.post-detail span {
color: #cb2229;
}
.post_detail i {
color: #666666;
}
.post_details {
float:right;	
}
.list_carousel {

}

.list_carousel ul {
margin-left: 28px;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
width: 316px;
padding: 0;
margin-left: 7px;
display: block;
float: left;
text-align: right;
}
.list_carousel li img {
width: 30% !important;
float: right;
margin-bottom: 12px;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}


.pprev2, .pprev, .pprev3 {
    width: 26px;
    height: 26px;
    background: url(../images/news_left.PNG) no-repeat center;
    background-position: 0 -26px;
    cursor: pointer;
    float: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}*/