﻿body { background:#fff  }

.pre-header { background:#fff }

.main > .container {  background:#fff; margin-top:0px; padding-top:15px; padding-bottom:15px; border-radius:5px !important}
.main .main-header {
    background: none;
    margin: -15px 0 20px 0;
    border-bottom: 1px solid #ccc;
}


.header { background:url(../images/HeaderBG.jpg) center top no-repeat #2c8978; padding:0;  margin-bottom:15px; }
.site-logo { float: right; font-size: 23px; font-weight: 400; margin-left: 60px; padding-bottom: 10px; padding-top: 10px; }
.site-logo img { height:90px;}

.TxtNote h1 { font-size:21px; margin:0 0 10px 0; color:#3e4d5c !important  }
.TxtNote h3 { color: #767f88; font-size: 14px; text-align: justify; line-height:24px; }
.TxtNote .more { text-align:left; float:left;}
.TxtNote .more:after { content:'...' }
.TxtNote .more:before {  content: "\f053"; font-family: 'FontAwesome'; margin-left:3px; font-size:8px;}
.QuickEdit { display:none; }

.journal-slider li { list-style:none; text-align:center }
.journal-slider li img { background-color: #fff; background-position:center; background-repeat: no-repeat; background-size: contain; height: 200px; margin-bottom: 10px; }
.journal-slider li h4, .journal-slider li h3, .journal-slider li p { display:none;}
.journal-slider .owl-controls { bottom:-39px !important }

.literature-slider li { list-style:none; text-align:center }
.literature-slider li img { background-color: #fff; background-position:center; background-repeat: no-repeat; background-size: contain; height: 100px; margin-bottom: 10px; }
.literature-slider li h4 {
    display:none;
}
.literature-slider li h3 a {
    font-size:14px; color:#006b80
}
.literature-slider  p {
    display:none;
}
.literature-slider .owl-controls { bottom:-39px !important }


.gallery-list .latest-featured-post-small .common-post-item-in { height:140px; }

.footer {
  background: none;
  border-top:1px solid #ccc;
  color:#006b80
}
    .footer a { color:#006b80 }

.blog-title {margin:0 0 20px 0;}

.reg-icon i#badge {
  background: #fff;
}

.lang-bar { display:none; }

h1 { color:#006b80 !important  }
h1 small { color:#50c6d8 }

/**/

.Header {
  background:none;
  height: 120px;
  margin-bottom: 0;
  padding: 0;
  position: relative;
}

.header {
  height: 145px;
}
.header .container {
  position:static
}

.header-navigation {
	position: absolute;
	top: 105px;
	background: rgba(0,0,0,0.2);
	right: 0;
	width: 100%;
    height:40px;

}

.header-navigation li.menu-search {
	position: relative;
	top: 8px;
}

.header-navigation .search-box {
	top: 33px;
}


.header-navigation > ul{
width:1170px; margin:auto; padding:0 15px;
}

.header-navigation > ul > li > a {
    color: #fff;
    padding: 5px 10px;
}

.header-navigation ul > li.active > a, .header-navigation ul > li > a:hover, .header-navigation ul > li > a:focus, .header-navigation ul > li.open > a, .header-navigation ul > li.open > a:hover, .header-navigation ul > li.open > a:focus {
    background: none repeat scroll 0 0;
    color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,0.8);
}

.header-navigation .dropdown-menu > li > a:hover, .header-navigation .dropdown-menu > li.active > a, .header-navigation .header-navigation-content .header-navigation-col li > a:hover, .header-navigation .header-navigation-content .header-navigation-col li.active > a {
  background: #00a146;
  color: #fff;
}

.header-navigation .dropdown-menu > li:first-child {
  border-top: 3px solid #29cb59;
}

.header-navigation > ul > li > .dropdown-menu {
  border-top: none;
  margin-top: -3px;
}

.header-navigation > ul > li.dropdown:hover > a:after { 
  border-bottom: 8px solid #29cb59;
}





.header-navigation li.menu-search i {
  color: #fff;
  opacity: 1;

}
.header-navigation li.menu-search i:hover {
  color: #fff; text-shadow:0 0 3px rgba(0,0,0,0.8);
}

.header-navigation .search-box::after {
  border-bottom: 8px solid #29cb59;
}

.header-navigation .search-box {
  border-top: 3px solid #29cb59;
}






/* */

.list-group-item i { color:#0062d0;}


#GalleryList { text-align:center }
    #GalleryList .Item { float:right; width:159px; height:150px; overflow:hidden; margin:5px; }
#GalleryList img { height:115px;background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#fff; margin-bottom:5px; border:1px solid #ccc }
    #GalleryList h4 { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#GalleryList p { display:none; }


#VideoList { text-align:center }
    #VideoList .Item { width:100%; height:315px; overflow:hidden; margin:5px; }
#VideoList img { height:250px; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#fff; margin-bottom:5px; border:1px solid #ccc }
 #VideoList img::after {
  color: rgba(255, 255, 255, 0.7);
  content: "\f144";
  cursor: pointer;
  font-family: "FontAwesome";
  font-size: 68px;
  font-style: normal;
  left: 40%;
  position: absolute;
  top: 35%;

}
 #VideoList h4 {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 28px;
}
#VideoList p { display:none; }




.tag-cloud a { background:#005aab }
.tag-cloud a:hover { background:rgba(0,60,65,0.9) }



.UserSearch { border: 1px solid #dadada; border-radius: 3px; margin-top: 7px; direction:rtl; font-size:12px; position:relative }

.UserSearch input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none !important;
  line-height: 30px;
  padding: 0 10px;
  width: 100%;
}

.UserSearch .SearchBtn {
  display: block;
  height: 30px;
  margin: 3px 0 0;
  text-align: center;
  width: 30px;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
}
.UserSearch .SearchBtn:hover:after { color:#2c8978 }

.UserSearch .SearchBtn:after {
  color: #ccc;
  content: "\f002";
  font-family: fontawesome;
  font-size: 1.2em;
}




.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color:#00a146 }
.owl-theme .owl-controls {top: inherit; width: 100%; }
.owl-theme .owl-dots { bottom: 0; left: 0; top:inherit; position: absolute; width: 100%; text-align: center; }
.news-slider .owl-dots { left:15px; }


.row-list li { list-style:none; margin-bottom:1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; float:right; width:49%; margin-left:1px}


.logo-slider .item img {border:1px solid #ccc; }
.logo-slider .ads-title { display:block; margin-top:5px; text-align:center; line-height:18px; }
.logo-slider .owl-controls { top:-15px; }
.logo-slider .owl-dots { text-align:left !important }

.ads-list .ads-title { display:none; }
.ads-list .item {
	display: inline-block;
	width: 140px;
	height: 140px;
	margin: 10px;
	border: 1px solid #f1f1f1;
}

.avatar-info {
    display:none !important;
}