/*
Theme Name: الجمعية السعودية للادارة
Author: zeem creative | زيم كريتف
Author URI: http://www.zeem.sa
EMAIL : info@zeem.sa
Version: 0.0.1
*/

@font-face {
    font-family: "DroidKufi";
    font-style: normal;
    font-weight: normal;
    src: url('assets/fonts/DroidKufi-Regular.ttf')
}

@font-face {
    font-family: "TheSans";
    font-style: normal;
    font-weight: normal;
    src: url('assets/fonts/THESANS-PLAIN.OTF')
}

@font-face {
    font-family: "DroidKufi-Bold";
    font-style: normal;
    font-weight: normal;
    src: url('assets/fonts/DroidKufi-Bold.ttf')
}

body {
    background: url(images/bg-line.png)/*,url(images/bg-tree.png) left -145px top 180px*/;
    background-color: #EDEDED;
	background-repeat: repeat-x/*,no-repeat*/;
    font-family: TheSans, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.72222;
	direction: rtl;
}

a{
	text-decoration: none;
}

a:active, a:hover, a:focus{
	text-decoration: none;
	outline-width: 0px;
}

a:hover, a:focus{
	color: #72ac3e;
}
.top-bar {
	border-bottom: 1px solid #ffffff;
    height: 41px;
	background: #eeeeee none repeat scroll 0 0;
}
.top-bar-left-span,.top-bar-right-span {
	color: #9c9c9c;
	font: 13px TheSans;
	line-height: 41px;
}
.top-bar-left-span {
    /*float: right;*/
}

.top-bar-right-span {
    /*float: left;*/
}

.search-icon{
	background: url(images/search.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 13px;
	width: 34px;
	display: inline-block;
	margin-top: 14px;
	float: right;
	padding-left: 21px;
	border-left: 1px solid #9c9c9c;
	cursor: pointer;
}

.search-query{
	display: inline-block;
	/*float: right;*/
	height: 30px;
	margin-top: 5px;
	border: 0px;
	background:transparent;
	line-height: 30px;
	padding-right: 21px;
}
.search-query:focus {
    outline-width: 0;
}
.search-query::-webkit-input-placeholder
{
	line-height: 30px;
	text-align: right;
	padding-right: 2px;
	color: #b3b3b3;
	font: 12px/28px TheSans;
}
.search-query:-ms-input-placeholder{
	line-height: 30px;
	text-align: right;
	padding-right: 2px;
	color: #b3b3b3;
	font: 12px/28px TheSans;
}
.search-query::-moz-placeholder {
	line-height: 30px;
	text-align: right;
	padding-right: 2px;
	color: #b3b3b3;
	font: 12px/28px TheSans;
}
 .search-query:-moz-placeholder {
	line-height: 30px;
	text-align: right;
	padding-right: 2px;
	 color: #b3b3b3;
	 font: 12px/28px TheSans;
}
.style-btn{
	background-color: #659f3d;
	border-radius: 4px;
	height: 38px;
	border-bottom: 2px solid #297437;
}

.second-bar{
	min-height: 38px;
	margin-top: 30px;
	margin-bottom: 5px;
}

.second-bar .login-btn{
	text-align: center;
	width: 210px;
	height: 38px;
	margin-right: 10px;
}
.second-bar .login-btn a{
	color: #ffffff;
	font: 14px TheSans;
	line-height: 38px;
}

.logo-row{
    margin: 20px 0px;
}
.social-icon {
    list-style: outside none none;
	margin: 0;
	padding: 0;
}
.social-icon li {
    height: 40px;
    float: right;
	width: 43px;
    text-align: center;
    border-right: 1px solid #ffffff;
}
.social-icon li:last-child{
	border-left: 1px solid #ffffff;
}

.social-icon li a{
	line-height: 40px;
    cursor: pointer;
    font-size: 18px;
	width: 43px;
    color:#b8b8b8;
}
/*
.facebook{
	background-color: #627aad;
	border-bottom: 2px solid #50638d;
}


.twitter{
	background-color: #00aced;
	border-bottom: 2px solid #4686b6;
}


.instagram{
	background-color: #9d7143;
	border-bottom: 2px solid #7b5835;
}

.youtube{
	background-color: #c42f2a;
	border-bottom: 2px solid #a22824;
}*/

.facebook:hover{
    background-color: #fff;
}
.facebook:hover a{
	color: #3b5998;
}

.twitter:hover{
    background-color: #fff;
}
.twitter:hover a{
    color: #00aced;
}
.instagram:hover{
    background-color: #fff;
}

.instagram:hover a{
    color: #9d7143;
}

.youtube:hover{
    background-color: #fff;
}
.youtube:hover a{
	color: #c42f2a;
}

.logo {
    display: ;
	background: url(images/Layer-19.png);
	width: 187px;
    height: 72px;
	float:right;
}
#main-menu.navbar-default .navbar-nav > li > a {
	color: #6f6f6f;
	font: 14px / 24.006px TheSans;
	padding: 0px 22px;
	height: 34px;
	line-height: 34px;
}
#main-menu.navbar-default .navbar-nav > li > a:hover, #main-menu.navbar-default .navbar-nav > li > a:focus {
	height: 34px;
	color: #ffffff;
}
.dropdown-menu, .dropdown-menu, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #ffffff !important;
}
.unf-logo{
    background: url(images/logo.png);
   height: 73px;
	width: 265px;

}
@media screen
and (min-width: 640px) {
	.menu {
		/*margin-right: 40px;*/
		height: 34px;
		/*margin-top: 40px;*/
        margin-right: auto;
        margin-left: auto;
	}
    .navbar .navbar-nav {
        display: inline-block;
        float: none !important;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
	#main-menu {
		font-size: 10px;
		height: 16px;
		color: #f5f5f5;
		font: 400 12px / 23px DroidKufi
	}

	.navbar {
		margin-bottom: 0;
		height: 34px;
	}

	#main-menu.navbar-default .navbar-brand {
		color: rgba(255, 255, 255, 1)
	}

	#main-menu.navbar-default {
		font: 14px / 24.006px TheSans;
		background-color: transparent;;
		border-bottom-width: 0;
		height: 17px;
	}

	#main-menu.navbar-default .navbar-nav > li > a {
		float: left
	}

	#main-menu .container-fluid {
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	#main-menu.navbar-default .navbar-nav > li + li::before {
		content: "|";
		color: #9c9c9c;
		font: 10px TheSans;
		line-height: 34px;
		margin-right: 7px;
		margin-left: 7px;
	}

	#main-menu.navbar-default .navbar-nav > li > a:hover, #main-menu.navbar-default .navbar-nav > li > a:focus {
		background-color: #72ac3e;
		border-radius: 4px;
	}

	#main-menu.navbar-default .navbar-nav > .active > a, #main-menu.navbar-default .navbar-nav > .active > a:hover, #main-menu.navbar-default .navbar-nav > .active > a:focus {
		background-color: #72ac3e;
	}

	#main-menu.navbar-default .navbar-toggle {
		border-color: #494c50
	}

	#main-menu.navbar-default .navbar-toggle:hover, #main-menu.navbar-default .navbar-toggle:focus {
		background-color: #72ac3e;
	}

	#main-menu.navbar-default .navbar-toggle .icon-bar {
		background-color: #72ac3e;
	}

	#main-menu.navbar-default .navbar-toggle:hover .icon-bar, #main-menu.navbar-default .navbar-toggle:focus .icon-bar {
		background-color: #72ac3e;
	}

	.dropdown-menu, .dropdown-menu, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		background-color: rgba(114, 172, 62, 0.9);
		border-radius: 4px;
	}

	.dropdown-menu {
		min-height: 40px;
		list-style: none;
	}

	.caret, .caret-up {
		left: -10px;
		position: relative;
	}

	.navbar-right .dropdown-menu {
		border-radius: 4px !important;
		border-width: 0 !important;
		top: 45px;
	}

	.navbar-nav {
		position: relative;
	}

	li.dropdown {
		position: static;
		top: 10px;
	}

	.dropdown-menu {
		width: auto;
	}

	.dropdown-menu > li {
		display: inline-block;
	}

	.dropdown-menu li {
		/*float: right;*/
		padding: 0 31px;
		display: table-cell;

	}

	.dropdown-menu li a {
		color: #ffffff;
		font: 12px / 24.006px TheSans;
		/*float: left;*/
	}

	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		background-color: #fff;
		border-radius: 4px;
	}

	.dropdown-menu li a::after {
		color: #fff;
		content: "|";
		/*display: flex;*/
		font: 10px/30px TheSans;
		margin-right: 27px;
		margin-left: -27px;
		/*right: 7px;
        position: relative;*/
		/* margin-left: 30px;
            margin-right: -30px;*/
	}

	.dropdown-menu li:last-child a:after {
		content: "";
		margin: 0px;
	}

	.dropdown-menu li {
		/*padding:0px;*/
		padding: 0 7px;
		float: right;
	}

	.dropdown-menu li + li {
		/*padding:0px;*/
		/*padding-left: 7px;*/
	}

	.caret-up {
		width: 0;
		height: 0;
		border-left: 4px solid rgba(0, 0, 0, 0);
		border-right: 4px solid rgba(0, 0, 0, 0);
		border-bottom: 4px solid;
		display: inline-block;
		margin-right: 2px;
		vertical-align: middle;
		margin-left: 2px;
	}
}

.clearfix {
    clear: both
}

::-webkit-input-placeholder {
    color: #b3b3b3;
    font: 12px/28px TheSans;
}

:-moz-placeholder {
    color: #b3b3b3;
    font: 12px/28px TheSans;
}

::-moz-placeholder {
    color: #b3b3b3;
    font: 12px/28px TheSans;
}

:-ms-input-placeholder {
    color: #b3b3b3;
    font: 12px/28px TheSans;
}

.main-breadcrumb {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 2px;
	height: 30px;
	width: 100%;
}

.breadcrumb {
	background-color: transparent;;
	color: #6f6f6f;
	font: 12px / 16px TheSans;
    padding-bottom: 12px;
	margin-bottom: 10px;
    /*display: table;*/
    border-radius: 0
}

.breadcrumb > li {
	color: #6f6f6f;
	font: 12px / 16px TheSans;
    /*display: table-cell;*/
    width: auto;
    font-weight: normal;
}
.breadcrumb > li a {
	color: #6f6f6f;
	font: 12px TheSans;
	line-height: 16px;
}

.breadcrumb > li:last-child a {
	color: #6f6f6f;
	font: 12px / 16px TheSans;
}

.breadcrumb > li + li::before {
	content: "\f104";
    color: #848484;
	  display: inline-block;
	  font: normal normal normal 14px/1 FontAwesome;
	  font-size: inherit;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  transform: translate(0, 0);
    margin-left: 14px;
    margin-right: 14px;
}

.col-centered {
    float: none;
    margin: 0 auto
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.table-bordered {
    border: 1px solid #ddd
}

h2, .h2 {
    font-size: 20px;
    padding-bottom: 10px
}

h3, .h3 {
    font-size: 18px
}

h4, .h4 {
    font-size: 14px
}

h4, h5, h6 {
    margin-bottom: 10px;
    margin-top: 10px
}

.header{
	margin-bottom: 20px;
}

.slider{
	padding-right: 15px;
	padding-left: 15px;
}
.slider img{
	max-width: 100%;
}

.hr{
	background-color: rgba(205, 205, 205, 0.5);
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.main-news{
	margin-bottom: 15px;
}
.main-news .title{
	color: #0b6c3e;
	font: 18px / 24.006px TheSans;
	margin-bottom: 20px;
}


.main-news p{
	color: #5f5f5f;
	font: 13px / 24.006px TheSans;
	text-align: justify;
}

.more{
	background-color: #72ac3e;
	height: 26px;
	padding: 0 12px;
	border-radius: 2px;
	color: #ffffff;
	font: 13px TheSans;
	line-height: 26px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	min-width: 125px;
	width: auto;
	word-wrap: normal;
	word-break: break-word;
}
.small-news .more{
	font: 12px/30px TheSans;
}
a.more:hover {
	color: #ffffff;
}

.box-last-news{
	background-color: #f5f5f5;
	border-radius: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 17px;
	padding-right: 25px;
	padding-left: 25px;
}

.box-last-news h1{
	color: #0c6c3e;
	font: 700 16px TheSans;
	line-height: 21px;
	margin: 0px;
	margin-bottom: 15px;
}
.box-last-news div[class*="col-"] {
	padding: 0 10px;
}
@media screen
and (min-width: 640px) {
	.box-last-news div[class*="col-"]:first-child {
		padding-right: 0px;
	}

	.box-last-news div[class*="col-"]:last-child {
		padding-left: 0px;
	}
}
.clear-padding{
	padding: 0px !important;
}

.box-last-news{
	/*border-bottom:4px solid #72ac3e;*/
}
.box-last-news .box-news{
	background-color: #72ac3e;
	border-radius: 4px;
	height: 205px;
	padding: 10px;
	margin-bottom: 12px;
}

.box-last-news .box-news img{
	margin-bottom: 10px;
	border-radius: 4px;
	height: 157px;
	max-width: 100%;
	width: 310px;
}

.box-last-news .box-news .title{
	color: #f3f3f3;
	font: 700 14px TheSans;
	line-height: 16px;
	position: relative;
	display: block;
	padding-right: 15px;
    /*top: -3px;*/
}

.box-last-news .desc{
	color: #5f5f5f;
	font: 12px / 24.006px TheSans;
	text-align: justify;
	margin-bottom: 15px;
}

.fo-news{
    background-color: #72ac3e;
    /*bottom: -4px;*/
    /*height: 4px;*/
    /*position: relative;*/
}
.fo-more{
	position: relative;
	bottom: -4px;
	float: left;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}


.small-news-group{
}


.small-news-group div[class*="col-"]{
	padding: 0 10px;
}
.small-news-group div[class*="col-"]:first-child{
	padding-right: 0px;
}
.small-news-group div[class*="col-"]:last-child{
	padding-left: 0px;
}
.small-news-group .small-news{
	height: 100px;
	background-repeat: no-repeat;
	background-size: auto 100px;
	padding: 0 17px;
}
.small-news-group .fo-more{
	margin-top: 66px;
}
.widg:not(:first-child){
	margin-top: 50px;
}
.widg h1{
	color: #0c6c3e;
	font: 16px / 24.006px TheSans;
	margin: 0px 0px 15px 0px;
}
.calendar-side{
	background-color: #f5f5f5;
	padding: 18px;
}
.calendar{
	background: transparent;;
	border: 0px;
	box-shadow: none;
	padding: 0px;
}

.calendar .years,.dp_pec_wrapper .dp_pec_nav{
	background-color: #7eae60;
	border-radius: 2px;
	height: 35px;
}
.dp_pec_wrapper .dp_pec_nav .selectric .label{

}
.dp_pec_wrapper .dp_pec_nav .selectric .label,.light.dp_pec_wrapper .dp_pec_nav span,.dp_pec_wrapper .selectric .button{
	color:#fff;
}
.dp_pec_wrapper .dp_pec_nav .selectric .button{
	height: 24px !important;
}

.calendar .years .next em, .calendar .years .prev em{
	border-radius: 50%;
	border-style: solid;
	border-color: #cbd1d2;
	border-width: 2px;
	height: 12px;
	width: 12px;
}

.calendar .years .next em::before, .calendar .years .prev em::before{
	color: #ffffff;
	font: 400 12px FontAwesome;
	height: 5px;
	
}

.calendar .years .monyear{
	color: #f5f5f5;
	font: 15.77px TheSans;
	line-height: 35px;
}

.calendar .days .unit{
	color: #0e171c;
	font: 400 10px 'Myriad Pro';
	position: relative;
}

.light.dp_pec_wrapper .dp_pec_dayname{
	color: #0e171c;
	background: transparent !important;
	-webkit-box-shadow: none !important; 	-moz-box-shadow: none !important; 	box-shadow: none !important;
}
.dp_pec_date_event_head i{
	color: #0e171c;
}
.pec_event_page_book i, .dp_pec_wrapper .dp_pec_content .dp_pec_date_event span i{
	margin-left: 10px;
	margin-right: 10px;
}
.dp_pec_monthly_row.days :first-child{
	clear: both;
}
.calendar .days .unit.older b{
	color: #cbd1d2;
	font: 300 10px Lato;
	line-height: 34px;
}
.calendar .days .unit b{
	color: #7c8a95;
	font: 300 10px Lato;
	line-height: 34px;
}

.calendar .days .unit.active b, .calendar .days .unit:active b, .calendar .days .unit:hover b{
	background-color: #8bba60;
	line-height: 34px;
	color: #f9f9f9;
}
.calendar .days .unit.older:active b, .calendar .days .unit.older:hover b{
	background-color: #8bba60;
	line-height: 34px;
	color: #f9f9f9;
	border-radius: 50%;
    height: 34px;
    width: 34px;
}


.content-title{
	background-color: #72ac3e;
	border-radius: 2px;
	height: 40px;
	color: #ffffff;
	font: 700 16px TheSans;
	line-height: 40px;
	padding-right: 20px;
	margin-bottom: 26px;
}


.content-page , .content-page p {
	color: #5f5f5f;
	font: 13px / 24.006px TheSans;
	text-align: justify;
}


.small-hr{
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: rgba(0, 0, 0, 0.07);
	height: 1px;
}








.footer{
	/*background:  rgba(114, 172, 62, 1);*/
	margin-top: 30px;
	border-top: 4px solid rgba(205, 205, 205, 0.28);
	background-color: rgba(255, 255, 255, 0.5);
	padding: 20px 0 0;
}

.indeep-footer{
	background: rgba(114, 172, 62, 1) url("images/footer-bg.png") no-repeat scroll left top / auto 112px;
	min-height: 100px;
	padding: 20px;
    position: relative;
}

.indeep-footer:before {
   /* display: block;
    position: absolute;
    background-image: url(images/bg-tree.png) no-repeat;
    background-position: top right;
    opacity:0.2;
    background: url(images/Rectangle-1-copy-8.png);*/
}

.banner-news .small-news, .col-lg-6.banner-news{
	width: 360px;
	/*margin-left: auto !important;
	margin-right: auto !important;*/
}
.widg-butm:nth-child(even) .small-news-group2 .small-news{
	margin-right: 5px;
}
.footer .container:first-child{
	padding: 0 30px;
}

.footer-menu{
	font: 12px  TheSans;
	list-style: outside none none;
	margin: 0px;
	padding: 0px;
}
.footer-menu li{
	float: right;
}
.footer-menu li + li{
	padding-right: 24px;
}
.footer-menu li > a{
	padding: 0px !important;
	color: #dae7d2;
	font: 12px / 18px TheSans;
}
.footer-menu li > a:hover {
	color: #fff !important;
}
.footer-menu  li + li::before {
    content: "|";
	color: #ffffff;
	font: 10px TheSans;
	margin-left: 24px;
	display: inline;
}

.footer p{
	padding: 0px;
	margin: 0px;
	color: #dae7d2;
	font: 12px / 20px TheSans;
}

.copyright{
	color: #ffffff;
	font: 14px / 30px TheSans;
}
.footer .fo-more{
	width: 160px;
}
.footer .fo-news,.footer .fo-more{
	background-color: #e5e5e5;
	color: #646464;
	font: 12px / 30px TheSans;
	position: relative;
	float:unset;
	/*bottom: -20px;*/

}
.footer .fo-news,.footer .fo-more a{
	color: #646464;
}
.fo-footer{
	bottom: -4px;
	border-bottom: 4px solid #e5e5e5;
    padding-bottom: 4px;
    position: absolute;
    text-align: left;
    width: calc(100% - 130px);
	margin-right: 35px;
	border-radius: 2px;
}
.fo-footer .fo-more{
	color:#646464;
}
.footer .note{
	text-align: center;
	color: #aaaaaa;
	font: 12px / 30px TheSans;
}

.fo-down-footer{
	position: relative;
	padding-bottom: 40px;
}

.fo-down-box-footer{
    bottom: -4px;
	border-bottom: 4px solid #72ac3e;    
    padding-bottom: 4px;
    position: absolute;
    text-align: left;
    width: calc(100% - 50px);
	border-radius: 2px;
}
.small-padding-down-box{
    width: calc(100% - 40px);
}

.content-title.fo-down-footer .fo-down-box-footer{
	border-bottom: 4px solid #fafafa;    
}
.content-title.fo-down-footer .fo-more {
	background-color: #fafafa;
	color: #5f5f5f;
}


/** events **/
.box-event{
	/*padding-bottom: 20px;*/
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.07);*/
}
.img-event{
	float: right;
	margin-left: 30px;
}
.box-event img {
	border: 9px solid #fff;
	width: 200px;
	height: 160px;
	max-width: 100%;
}
.event-infos{
	/*float: right;*/
	margin-top: 10px;
}
.box-event .title {
	color: #177247;
	font: 700 18px / 24px TheSans;
	margin-bottom: 15px;
	display: block;
}

.box-event p{
	color: #5f5f5f;
	font: 13px / 24px TheSans;
}

.box-event .p-bold{
	font: 12px / 24px TheSans;
}

.box-event .show{
	color: #72ac3e;
	font: 12px / 24px TheSans;
}
.event-info {
	margin-top: 20px;
}
.event-info div{
	float: right;
	margin-left: 5px;
	font: 700 12px / 24px TheSans;
	text-align: right;
    word-break: break-word;
}
.event-info div + div::before{
	content: '-';
	padding-left: 5px;
}
.event-info:after{
	clear: both;
	display: table;
	content: '';
}

.show-event{
	background: url(images/icon/event-show.png);
	background-position: right;
	padding-right: 40px;
	background-repeat: no-repeat;
	height: 17px;
	float: left;
	line-height: 17px;
	margin-top: 20px;
	color: #72ac3e;
	font: 12px / 17px TheSans;
}

.event-content h1{
	color: #5f5f5f;
	font: 700 13px / 36px TheSans;
	text-align: center;
}


.pagination{
	float: left;
}

.pagination li a{
	width: 33px;
	height: 33px;
	margin-left: 3px !important;
	border: 0px;
	background-color: #e0e0e0;
	color: #616161;
	font: 400 14px / 21px 'PT Sans';
	border-radius: 0px !important;
	text-align: center;
}


.pagination > li.previous > a , .pagination > li.previous > span{
	background-color: transparent;
	border: 0px;
	border-radius: 0px;
	margin-left: 3px;
}
.pagination > li.next > a , .pagination > li.next > span{
	background-color: transparent;
	border: 0px;
	border-radius: 0px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #72ac3e;
	color: #ffffff;
	font: 400 14px 'PT Sans';
	line-height: 21px;
	border: 0px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
	background-color: #72ac3e;
	color: #ffffff;
	font: 400 14px 'PT Sans';
	line-height: 21px;
	border: 0px;
}
.pagination > li > a > i{
	line-height: 22px;
}

/** magazine **/

.magazine-box{
    height: 210px;
    width: 225px;
    border: 10px solid #ffffff;
    margin-left: auto !important;
    margin-right: auto !important;    
}
 
.img-magazine {
    position: relative;
    width: 205px;
    height: 190px;
}
.img-magazine img{
    width: 205px;
    height: 190px;
}

.magazine-info{
    background-color: rgba(229, 229, 229, 0.5);
    height: 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 40px;
    padding: 0px 20px;
}
.magazine-info a{
    width: 50%;
    display: block;
    float: right;
    color: #929292;
    font: 12px TheSans;
    line-height: 40px;
    padding-right: 30px;
    background: url(images/pdf-icon.png);
    background-position: right;
    background-repeat: no-repeat;
}
.download-pdf{
    background: url(images/download-pdf.png);   
}
.magazine-info a + a{
    padding: 0px;  
    padding-right: 35px;
    background: url(images/download-pdf.png) no-repeat;   
    background-position: center right 10px;
}
.magazine-info a:last-child:before{
    content: "|";
    color:#d6d6d6;
	font: 16px TheSans;
    margin-right: -40px;
    margin-left: 40px;
}

.magzine{
    padding: 0px;   
}

a.magzine-title{
	display: block;
	margin-top: 10px;
	margin-bottom: 0;
}
.magzine div[class*="col-"]{
    padding: 0px;   
    margin: 0 0px;   
}

.magzine div[class*="col-"]:first-child{
    margin-right: 0px;   
}

.magzine div[class*="col-"]:lasr-child{
    margin-left: 0px;   
}
.magzine-title{
    color: #6f6f6f;
    font: 700 14px TheSans;
    text-align: center;
    margin:  17px 0px;
}
.album-box div[class*="col-"]{
	margin-bottom: 20px;
}

/** news **/

.news-info{
    margin-top: 9px;   
}
.news-info .show-event{
   	float: right; 
    margin-right: 30px;
}

.news-data{
    background: url(images/icon/NOTEPAD.png);
	background-position: right;
	padding-right: 40px;
	background-repeat: no-repeat;
	height: 17px;
	float: right;
	line-height: 17px;
	margin-top: 20px;
	color: #72ac3e;
	font: 12px / 17px TheSans;
	display: inline-table;
}


/** photos-box **/

.photos-box{
    border:6px solid #ffffff;
    height: 110px;
    width: 138px;
    float: right;
    margin: 4px;
}
.photos-box img{
    height: 98px;
    width: 126px;
}


.small-news{
	background-size: 316px 100px;
	background-repeat: no-repeat;
}

.small-banner div[class*="col-"]{
	/*margin-bottom: 20px;*/
}

.calendar .days{
	border: 0px;
}




.user-name{
	color: #6f6f6f;
	font: 14px TheSans;
	margin-bottom: 0px;
}
.user-place{
	color: #929292;
	font: 12px TheSans;
	text-align: center;
}

.user-list div[class*="col-"] {
	min-height: 280px;
	margin-bottom: 10px;
}



/** slider **/
.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count{
	position: unset !important;
	right: unset !important;
}

.ms-bullets {
	background: #72ac3e none repeat scroll 0 0;
	border-bottom: 0 none;
	height: 30px;
	left: 5% !important;
	padding: 0 15px;
	position: absolute !important;
	right: unset !important;
	text-align: center;
	bottom: -4px !important;
	width: auto !important;
	border-radius: 2px;
}

.ms-bullets-count{
	padding-top: 7px;
}

.master-slider-parent{
	/*border-bottom: 4px solid #72ac3e;*/
	padding-bottom: -1px;
}


.hr-slider{
	border-bottom:  1px solid rgba(255, 255, 255, 0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	/*height: 2px;*/
	margin-top: 20px;
	margin-bottom: 20px;
}
.ms-skin-light-3 .ms-bullet{
	background: rgba(255, 255, 255, 0.47) !important;
	border-radius: 50% !important;
	height: 10px !important;
	width: 10px !important;
}

.ms-skin-light-3 .ms-bullet.ms-bullet-selected{
	background: #72ac3e !important;
	border: 2px solid rgba(255, 255, 255,1) !important;
	border-radius: 50% !important;
	height: 6px !important;
	width: 6px !important;
}


/** email **/
.news-litter{
	border: 5px solid   #ffffff;
	background-color: #535353;
	background: url(images/Layer-16.png);
	padding-bottom: 90px;
	border-radius: 3px;
}

.news-litter .logo-litter{
	background: url(images/logo3.png);
	height: 80px;
	width: 69px;
	margin-top: 40px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.news-litter h1{
	color: #ffffff;
	font: 18px / 36px TheSans;
	text-align: center;
}

.news-litter p{
	color: #dedede;
	font: 12px / 24px TheSans;
	margin-bottom: 30px;
	text-align: center;
}

.news-litter .form-control{
	background-color: #ffffff;
	border-radius: 3px;
	height: 40px;
	border: 0px;
	line-height: 40px;
}
.gfield_label{
	float: right;
	margin-left: 0px;
}
.ginput_container{
	float: right;
}
.large{
	background-color: #ffffff;
	border-radius: 3px;
	height: 40px;
	border: 0px;
	line-height: 40px;
}
.news-litter .btn-submit{
	background-color: #414141;
	border-radius: 3px;
	height: 40px;
	line-height: 40px;
	color: #ffffff;
	font: 12px / 23px TheSans;
	width: 123px;
}



.dp_pec_nav_monthly{
	padding-left: 30px;
	position: relative;
}

.next_month{
	left: 0;
	position: absolute;
	top: 6px;
}

.prev_month{
	position: absolute;
	right: 10px !important;
	top: 6px;
}

.dp_pec_wrapper .dp_pec_nav .selectricWrapper{
	max-width: 150px;
}

.dp_pec_wrapper .dp_pec_nav .selectric .label{
	font-size: 14px;
	line-height: 14px;
	margin-right: 0;
	margin-top: 6px;
}

.dp_pec_wrapper .dp_pec_nav .selectricWrapper.pec_switch_year{
	max-width: 80px;
}

.dp_pec_wrapper{
	background: transparent  !important;
	border: 0 none  !important;
	
	-webkit-box-shadow: none !important; 	-moz-box-shadow: none !important; 	box-shadow: none !important;
}

.dp_pec_wrapper .dp_pec_dayname{
	margin-right: 0  !important;
	font-size: 11px;
}

/* scroll fixes */
.modal-open .modal {
	padding-left: 0px !important;
	padding-right: 0px !important;
	overflow-y: scroll;
}

.dp_pec_wrapper .dp_pec_content .dp_pec_date_event h1.dp_pec_event_title, .dp_pec_wrapper .dp_pec_content .dp_pec_date_event h1.dp_pec_event_title .dp_pec_event_title_sp{
	font:16px/14.006px TheSans
}
.dp_pec_date_event.dp_pec_isotope > span{
	font:11px thesans !important
}

.dp_pec_wrapper .dp_pec_content .dp_pec_date_event .dp_pec_event_description{
	font:14px  TheSans;
	text-align: justify;
}

.gform_wrapper .top_label .gfield_label{
	font-weight: normal !important;
}

.textarea {
	width: 100%;
}
.send-btn,.button{
	background-color: #72ac3e;
	border-radius: 3px;
	border:0px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #f5f5f5;
	font: 700 14px / 23px DroidArabicKufi;
	width: 217px;
	float: left;
}

.gform_body .form-control{
	background-color: #fcfcfc;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	min-height: 40px;
	line-height: 40px;
	box-shadow: none;
}
.form-horizontal .control-label{
	text-align: right;
}
.gform_body textarea.form-control{
	line-height: 14px;
	width:100% !important;
}
.gform_body::after{
	clear: both;
}

#main-menu.navbar-default .navbar-nav > .active  > a{
	border-radius: 4px;
	color: #ffffff;
}

.calendar-side,.box-last-news{
	border: 1px solid #d4d4d4;
	border-radius: 4px;
}

.main-news .more{
	margin-left: 25px;
	font: 13px/30px TheSans;
	height: 30px;
}

.small-news .more{
	padding: 0 10px;
}

.desc a{
	color: #5f5f5f;
}

.event-ce{
	background-color: #468d80;
	border-radius: 50%;
	height: 6px;
	width: 6px;
	display: block;
	position: absolute;
	bottom: 5px;
	z-index: 9;
	right: 17.5px;
}

.unit:hover .event-ce{
	background-color: #f9f9f9;
}



.event-ce{
	background-color: #f9f9f9;
	border-radius: 50%;
	height: 6px;
	width: 6px;
	background-color: #468d80;
}
.last-event {
	padding: 0;
	list-style: none;
	margin: 0px;
}
.last-event li{
	border-top: 1px solid #e7e7e7;
	padding: 20px 0;
}
.last-event li:last-child {
	padding-bottom: 0;
}
.last-event li h1,.last-event li h1 a{
	color: #0c6c3e;
	font: 15px / 24.006px TheSans;
	margin: 0;
}


.last-event li p{
	color: #9e9e9e;
	font: 11px / 24.006px TheSans;
	padding: 0px;
	margin: 0px;
}


@media screen
and (min-width: 320px) and (max-width: 480px){
	/*.second-bar{
		float:none !important;
	}*/
	.login-btn,.social-icon{
		display: inline-flex;
	}
	.second-bar .login-btn{
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	.fo-down-box-footer{
		width: calc(100% - 30px);
	}
	.content-page > .container > .col-md-8,.content-page > .container > .col-md-4{
		padding: 0;
	}
}
@media screen
and (min-width: 320px)
and (max-width: 640px) {
	.col-lg-6.banner-news{
		width: 360px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.top-bar-left-span,.top-bar-right-span{
		padding-left: 0;
	}
	.top-bar-left-span,.top-bar-right-span {
		font: 11px/41px TheSans;
	}
	.search-icon{
		padding-left: 0;
		width: 22px;
	}
	.search-query{
		padding-right: 12px;
		width: 93px;
	}
	.second-bar{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.social-icon{
		margin-bottom: 10px;
	}
	.login-btn, .social-icon{
		float:none !important;
	}
	.second-bar{
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
		float: none !important;
	}
	.top-bar-right-span{
		display: none;
	}
	.navbar-default{
		background: transparent;;
	}
	#slidemenu{
		background-color: #72ac3e;
		margin-left: 0;
		margin-right: 0;
		position: relative;
		top: -8px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border:0px;
	}
	.menu{
		left: 0;
		position: absolute;
		top: -4px;
	}
	.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background-color: #72ac3e;
		color:#fff;
		border-color: #72ac3e;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color:#fff;
	}
	#main-menu.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color:#fff;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
		background-color: #eeeeee;
	}
	.dropdown-menu, .dropdown-menu, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
		color: #9c9c9c !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
		color: #fff !important;
	}

	.box-last-news{
		padding-left: 10px;
		padding-right: 10px;
	}

	.box-last-news div[class*="col-"]{
		margin-bottom: 10px;
	}
	.box-last-news .box-news .title{
		padding-right: 5px;
	}
	.box-last-news .box-news img{
		width: 100%;
	}
	.small-news-group div[class*="col-"] {
		margin-bottom: 20px;
	}

	.footer-menu,.indeep-footer p {
		display: none;
	}
	.indeep-footer{
		min-height: 100px;
	}
	.fo-more{
		overflow: hidden;
	}
	.copyright {
		font: 12px/23px TheSans;
		text-align: center;
	}
	.small-news-group .col-lg-12.clear-padding {
		margin-bottom: 0px !important;
	}
	.content-page > .container > .col-md-8{
		margin-bottom: 20px;
	}
	.photos-box{
		width: 122px;
	}
	.photos-box img{
		width: 110px;
	}
	/*.small-news{
		background-position: 100% 100px !important;
	}*/
	.content-title{
		font-size:100%;
	}
}


@media screen
and (min-width: 320px)
and (max-width: 639px) {
	.logo{
		float: unset !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.unf-logo{
		float: unset !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 10px !important;
	}
	.col-lg-6.banner-news, .banner-news .small-news{
		width: 100%
	}
}

.fo-more:hover, .fo-more:focus{
    color: #ffffff;
}
.non-active{
    background-color: #d9d9d9;
    color: #808080;
}
.more-links a {
    margin-left: 2px;
}

.banner-news{
        margin-bottom: 20px;   
}
.list-link{
    margin-bottom: 10px;  
    display: none;
    transform: scale(0);
    opacity: 0;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.active-menu {
    display: block;
    transform: scale(1);
    opacity: 1;
    animation: anim .3s ease-in-out;
}
@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.nano{
	width: 100%;
	height: 184px;
}
.list-link ul{
    list-style: outside none none;
	margin: 0;
	padding: 0;
}
.list-link ul li:before{
    content: '\f190'; /* FontAwesome char code inside the '' */
    font-family: FontAwesome; /* FontAwesome or whatever */
    display: inline-block;
    width: 16px; /* same as padding-left set on li */
    font-size: 16px;
    margin-left: 14px;
}
.list-link ul li{
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #e7e7e7;
}

.list-link  ul li a{
    color: #72ac3e;
    font: 14px "TheSans";
}

.center-text{
	text-align: center;
}