@import "http://fonts.googleapis.com/css?family=Open+Sans:400,700,800";
@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
body {
    /*font-family: 'Open Sans',sans-serif;*/
   font-family: 'Droid Arabic Kufi',tahoma;
    margin: 0;
    padding: 0;
    background-color: #cff09e;
    height:auto !important;
}
body a {
    transition: all 0.5s ease 0s;
}
table {
    width: 100%;
}
section h1 {
    border-bottom: 3px solid #eee;
    display: block;
    margin: 40px auto;
    padding-bottom: 15px;
    text-align: center;
    width: 50%;
}

h1 {
    font-size: 20px;
	font-weight: 700;
}
p {
    color: #555;
    font-size: 13px;
    line-height: 28px;
    font-weight: 600;
    padding: 10px 0 20px;
    text-align: justify;
}
.vertical-menu {
  width: 200px; /* Set a width if you like */
}

.vertical-menu a {
  background-color: #eee; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color: #4CAF50; /* Add a green color to the "active/current" link */
  color: white;
}
.btn-primary {
    background-color: #2980b9;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
}
.btn-danger {
    background-color: #CFF09E;
    border-color: #CFF09E;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
}
.login .fa, .links .fa, .gallery .fa, .video .fa {
    font-size: 20px;
}
.loading {
    background: #222 none repeat scroll 0 0;
    color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.spinner {
    font-size: 10px;
    height: 30px;
    margin: 300px auto;
    text-align: center;
    width: 50px;
}
.spinner > div {
    animation: 1.2s ease-in-out 0s normal none infinite running stretchdelay;
    background-color: #ddd;
    display: inline-block;
    height: 100%;
    width: 6px;
}
.spinner .rect2 {
    animation-delay: -1.1s;
}
.spinner .rect3 {
    animation-delay: -1s;
}
.spinner .rect4 {
    animation-delay: -0.9s;
}
.spinner .rect5 {
    animation-delay: -0.8s;
}
@keyframes stretchdelay {
0%, 40%, 100% {
    transform: scaleY(0.4);
}
20% {
    transform: scaleY(1);
}
}
header {
    background-color: #FFF;
    min-height: 95px;
    padding: 0;
}
.social-icons {
    margin-top: 30px;
    overflow: hidden;
}
.social-icons ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.social-icons ul li {
    display: inline-block;
    margin: 0 5px 10px;
    text-align: center;
}
.social-icons ul li a {
    border-radius: 50%;
    display: block;
    font-size: 18px;
}
.social-icons ul li a i {
    border: 2px solid #f5f5f5;
    color: #fff;
    height: 36px;
    line-height: 33px;
    transition: all 0.3s ease-in-out 0s;
    width: 36px;
    background-color: #3b8686;
}
.social-icons ul li a i:hover {
    border-color: #79bd9a;
    color: #79bd9a;
}
/*.nav.navbar-nav a {
    padding: 5px 10px;
}*/
#search {
    float: right;
    margin-top: 9px;
    width: 250px;
}

.search {
    padding: 5px 0;
    width: 230px;
    height: 30px;
    position: relative;
    left: 30px;
    float: left;
    line-height: 22px;
    margin-top: 6px;
}

.search input {
	position: absolute;
	width: 0px;
	float: Left;
	margin-left: 210px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	height: 30px;
	line-height: 18px;
	padding: 0 2px 0 2px;
	border-radius:1px;
}

.search:hover input, .search input:focus {
	width: 200px;
	margin-left: 0px;
}

.btns {
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius:1px;
    background-color: #3b8686;
}
.navbar {
    margin-bottom: 0;
    padding-top: 0;
}
.navbar-collapse {
	padding-left: 0;
}
.navbar-default {
    border: medium none;
    border-radius: 0;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #FFFFFF;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #79BD9A;
    color: #fff;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #FFF;
	background-color: #79BD9A;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    border-radius: 0;
    left: 100%;
    margin-right: -1px;
    margin-top: -6px;
    top: 0;
}
ul.dropdown-menu {
	border: none;
	background-color: #0B486B;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu > a::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3B8686;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-left: -10px;
    margin-top: 5px;
    width: 0;
}
.dropdown-submenu:hover > a::after {
    border-right-color: #fff;
}
.dropdown-submenu.pull-right {
    float: none;
}
.dropdown-submenu.pull-right > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    min-width: 100%;
}
.carousel.slide {
    height: 460px;
}
.carousel-inner {
    height: 460px;
}
.carousel-caption {
    background-color: rgba(4, 4, 4, 0.5);
    bottom: 120px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.carousel-caption h3 {
    color: #e74c3c;
    font-size: 25px;
}
.carousel-caption p {
    color: #fff;
    font-size: 15px;
}
.carousel-indicators {
    bottom: 10px;
    right: 50%;
}
.carousel-indicators li {
    border-radius: 10px;
    height: 10px;
    width: 10px;
}
.carousel-indicators .active {
    background-color: #e74c3c;
    height: 15px;
    margin: 0;
    width: 15px;
}
.carousel-control {
    color: #0B486B;
}
.main-content {
    margin-bottom: 20px;
    margin-top: 20px;
}
.main-content h1 {
    color: #3B8686;
    line-height: 1.8;
}
.block-title {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
}
.event-list {
    padding: 0 10px;
}
.event-list li {
    list-style: outside none none;
    margin: 35px auto;
}
.event-list-full li {
    list-style: outside none none !important;
    margin: 0 0 25px !important;
}
.event-list li:last-child {
    margin: 0 !important;
}
.event-date {
    float: right;
    margin: 0 15px 0 0;
    width: 60px;
}
.event-info {
}
.event-m {
    color: #fff;
    font-size: 13px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}
.event-d {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    color: #79bd9a;
    font-size: 24px;
    padding: 6px 0;
    text-align: center;
}
.event-info h4 {
    font-size: 15px;
    line-height: 200%;
    margin: 0 0 6px !important;
}
.events-info p {
    line-height: 10px;
    padding: 0;
}
.event-full {
    margin: 0 0 15px !important;
    padding: 0 0 20px;
}
.event-full .event-info {
    width: 90%;
}
.event-full .event-info h4 {
    font-size: 16px !important;
    font-weight: 400;
}
.event-full .event-info p {
    color: #424242;
    font-size: 14px;
}
.event-image {
    margin: 30px 0 0;
    max-width: 100%;
}
.event-full p {
    margin: 0 0 20px !important;
}
.event-info p {
    color: #999;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
}
.event-meta p {
    margin: 0 !important;
}
.event-single {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 40px;
    height: 20px;
    margin-top: -15px;
    width: 20px;
}
.events-list-blog-blocks {
    background-color: #24303d;
    float: right;
    margin: 5px;
    min-height: 240px;
    overflow: hidden;
    position: relative;
}
.events-list-blog-blocks .img-shop-list {
    background-color: #202b36;
    height: 265px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.events-list-blog-blocks .events-list-blog-text {
    padding-bottom: 20px;
}
.events-list-blog-blocks .events-list-blog-text h4 {
    background-color: #e74c3c;
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
    padding: 10px;
}
.events-list-blog-blocks .events-list-blog-text p {
    color: #848b94;
    font-weight: 400;
    margin: 10px;
}
.events-list-blog-blocks .events-list-blog-text span {
    color: #b4bbc4;
    display: block;
    margin-bottom: 26px;
}
.events-list-blog-blocks .events-list-blog-text ul {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
}
.events-list-blog-blocks .events-list-blog-text .icons-hover {
    display: inline-block;
    position: relative;
}
.events-list-blog-blocks .events-list-blog-text li .hover {
    color: #d5d8dc !important;
    left: 50%;
    margin-left: -8px;
    margin-top: -19px;
    min-width: 100px;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
}
.events-list-blog-blocks .events-list-blog-text li span {
    font: 400 10px "Open Sans",sans-serif;
}
.events-list-blog-blocks .events-list-blog-text li a i {
    background-color: #161d25;
    color: #324152;
    font-size: 20px;
    height: 32px;
    line-height: 32px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    width: 35px;
}
.events-list-blog-blocks .events-list-blog-text li a i:hover {
    background-color: #e84c3d;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.events-list-blog-blocks .events-list-blog-text .btn-blog-blocks {
    display: inline-block;
    font-size: 12px;
    height: 30px;
    margin-bottom: auto;
}
.subscribe {
    background: rgba(0, 0, 0, 0) url("../img/sub-header.png") repeat-x scroll center top;
    border: 1px solid #ddd;
    min-height: 132px;
    padding: 10px;
    text-align: center;
}
.subscribe h3 {
    font-size: 15px;
    margin-bottom: 20px;
}
.subscribe .form-control {
    border-radius: 0;
    font-size: 12px;
    margin-left: -5px;
}
.news-items {
    list-style: outside none none;
    padding: 5px;
}
.news li {
    border-bottom: 1px solid #eee;
    margin-top: 10px;
}
.news-image {
    float: left;
    height: 100px;
    width: 23%;
}
.news-image img {
    height: 100px;
    width: 100px;
}
.news-content {
    float: left;
    padding-left:15px;
    width: 75%;
}
.news-content h4, .event-info h4 {
    font-size: 14px !important;
    line-height: 120%;
    margin: 0 0 2px !important;
    font-weight: 700;
}
.news-content h4 a, .event-info h4 a {
    color: #3B8686;
    line-height: 23px;
    font-size: 14px;
}
.news-content h4 a:hover {
    color: #79bd9a;
    text-decoration: none;
}
.news-content p {
    line-height: 170%;
    padding: 0 0 8px;
    text-align: justify;
}
.news-date {
    color: #999;
    font-size: 12px;
    margin: 0;
}
.news-items li:last-child {
    border: medium none;
}
.news, .events, .links {
	position: relative;
}
.news > a, .events > a, .links > a {
	position: absolute;
	bottom: 5px;
	left: 0;
	background-color: #79BD9A;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	margin: 0 10px;
}
.btn-default:hover, .btn-default:focus,
.btn-default.focus, .btn-default:active,
.btn-default.active, .open>.dropdown-toggle.btn-default {
	color: #FFF;
	background-color: #3B8686;
	border-color: #276464;
}
.news-excerpt > a {
    color: #3B8686;
    margin-right: 5px;
    display: block;
    font-size: 12px;
}
.links {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color: #fff;
  

}

.links ul {
    margin: 10px;
   margin-left:170px;
   position:absolute;
   top:50px;

}
.links ul li {
    line-height: 33px;
}
.links li a {
	color: #888;
	font-size: 13px;
	font-weight: 700;
}
.links p
{
margin:7px;
margin-top:20px;    
}
li span.glyphicon.glyphicon-chevron-right {
	font-size: 10px;
	margin-right: 10px;
	color: #888;
}
.gallery {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color: #fff;
}
.gallery .block-title a {
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    text-align: center;
}
.gallery-container {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.gallery-container li {
    display: inline-block;
    margin: 0;
    padding: 5px;
    text-align: center;
}
.gallery-container li img {
    height: 100px;
    width: 100px;
}
.gallery-container li:hover {
    opacity: 0.7;
}
.mt {
    margin-top: 25px;
}
.photo-wrapper {
    background-color: #e74c3c;
    display: block;
    overflow: hidden;
    position: relative;
    transition: background-color 0.4s ease 0s;
}
.project .overlay {
    color: #fff;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: opacity 0.4s ease 0s;
}
.project:hover .photo-wrapper {
    background-color: #e74c3c;
    background-image: url("../img/zoom.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
}
.photo-wrapper .photo img.img-responsive {
    height: 250px;
}
.project:hover .photo {
    opacity: 0.1;
}
.project:hover .overlay {
    opacity: 1;
}
.fancybox title {
    width: auto;
}
.desc {
    margin-bottom: 25px;
}
.video {
    border: 1px solid #ddd;
}
.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 70%;
}
.ads img {
    width: 100%;
}
.footer {
    border-bottom: 5px solid #60CD9B;
    color: #e5e5e5;
    margin: 20px 0 0;
    min-height: 200px;
    padding: 10px 0 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.footer::after {
    background-color: #2e313d;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.footer h4 {
    color: #60CD9B;
}
.footer a {
    color: #f1f1f1;
    font-size: 12px;
    line-height: 3;
    padding: 0;
    transition: all 0.3s ease-in-out 0s;
}
.footer a:hover {
    color: #60CD9B;
    text-decoration: none;
}
.copyrights {
    background-color: #60CD9B;
    font-size: 13px;
    font-weight:bold;
    line-height: 0;
    margin: 0;
    min-height: 40px;
    padding: 20px;
}
aside {
    padding: 10px 5px;
    /* background-color: #fff; */
}
aside img {
    margin: 5px 0;
}
.contents {
    background-color: #fff;
    padding: 5px;
}
.contents h1 {
	color: #3B8686;
	/*line-height: 1.8;*/
	margin: 0;
	/*margin-bottom: 10px;*/
}
.contents img {
 	height: 150px;
}
.date {
    color: #ccc;
    font-size: 12px;
    margin-bottom: 20px;
}
.nav-pills > li > a {
    border-radius: 0;
    color: #2c3e50;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #e74c3c;
}
.nav-stacked > li + li {
    background-color: #f7f7f7;
}
article img.img-responsive {
    height: 400px;
    margin: 0 auto;
    min-width: 50%;
    width: 800px;
}
.blog-list-content {
    margin-top: 15px;
}
.list-blog-m {
    margin-bottom: 20px;
}
.list-blog-m img {
    height: 240px;
    margin: 15px 10px;
    width: 100%;
}
.list-blog-blocks {
    background-color: #3B8686;
    min-height: 265px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.list-blog-blocks .img-shop-list {
    background-color: #202b36;
    height: 265px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.list-blog-blocks .list-blog-text {
    margin: 9px 20px 5px 0;
}
.list-blog-blocks .list-blog-text h4 {
    background-color: #CFF09E;
    color: #0B486B;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 10px;
    text-decoration: none;
}
.list-blog-blocks .list-blog-text p {
    color: #FFFFFF;
    font-weight: 400;
}
.list-blog-blocks .list-blog-text span {
    color: #CFF09E;
    display: block;
    margin-bottom: 26px;
}
.list-blog-blocks .list-blog-text ul {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
}
.list-blog-blocks .list-blog-text .icons-hover {
    display: inline-block;
    position: relative;
}
.icons-hover:hover .icons {
    opacity: 1 !important;
    transition: all 0.5s ease 0s;
}
.list-blog-blocks .list-blog-text li .first {
    margin-left: -15px !important;
}
.list-blog-blocks .list-blog-text li .hover {
    color: #d5d8dc !important;
    left: 50%;
    margin-left: -8px;
    margin-top: -19px;
    min-width: 100px;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
}
.list-blog-blocks .list-blog-text li span {
    font: 400 10px "Open Sans",sans-serif;
}
.list-blog-blocks .list-blog-text li a i {
    background-color: #CFF09E;
    color: #324152;
    font-size: 20px;
    height: 32px;
    line-height: 32px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    width: 35px;
}
.list-blog-blocks .list-blog-text li a i:hover {
    background-color: #1C3C53;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.list-blog-blocks .list-blog-text .btn-blog-blocks {
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 30px;
    margin-bottom: 10px;
    margin-right: -16px;
    padding: 5px 16px;
    color: #0B486B;
}
.pagination > li > a, .pagination > li > span {
    color: #2C3E50;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #2C3E50;
    border-color: #2C3E50;
}
.album {
    padding-bottom: 20px;
}
.album-wrapper {
    background-color: #2c3e50;
    text-align: center;
}
.album-title {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    padding: 10px;
}
.album img:hover {
    opacity: 0.7;
}
.album img.img-responsive {
    height: 270px;
}
.video-list-thumbs {
    padding-top: 30px;
}
.video-list-thumbs > li {
    margin-bottom: 30px;
}
.video-list-thumbs > li:last-child {
}
.video-list-thumbs > li > a {
    background-color: #e74c3c;
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 8px;
    position: relative;
}
.video-list-thumbs > li > a:hover {
    background-color: #000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    transition: all 500ms ease 0s;
}
.video-list-thumbs h2 {
    bottom: 0;
    font-size: 14px;
    height: 41px;
    line-height: 21px;
    margin: 8px 0 0;
}
.video-list-thumbs .glyphicon-play-circle {
    font-size: 60px;
    opacity: 0.6;
    position: absolute;
    right: 39%;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    top: 20%;
}
.video-list-thumbs > li > a:hover .glyphicon-play-circle {
    color: #fff;
    opacity: 1;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    transition: all 500ms ease 0s;
}
.video-list-thumbs .duration {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    left: 12px;
    line-height: 13px;
    padding: 2px 3px 1px;
    position: absolute;
    top: 12px;
}
.video-list-thumbs > li > a:hover .duration {
    background-color: #000;
    transition: all 500ms ease 0s;
}
@media (min-width: 320px) and (max-width: 480px) {
.video-list-thumbs .glyphicon-play-circle {
    font-size: 35px;
    right: 36%;
    top: 27%;
}
.video-list-thumbs h2 {
    bottom: 0;
    font-size: 12px;
    height: 22px;
    margin: 8px 0 0;
}
}
@media only screen and (max-width: 479px) {
.navbar-toggle {
    float: none;
    margin-right: 15px;
}
.nav li {
    border-bottom: 1px solid #999;
    display: block;
    text-align: center;
}
#big-slider {
    display: none;
}
.col-xs-6, .col-xs-12 {
    text-align: center;
    width: 100%;
}
aside {
    float: none;
    padding: 15px 5px;
    width: 100%;
}
aside img {
    margin: 20px 0;
}
.contents {
    margin: 0;
    padding: 0;
}
.contents h1 {
    font-size: 16px;
    line-height: 1.7;
}
}
.navbar-default, .footer {
    background-color: #0b486b;
}
.news .block-title, .gallery .block-title,
.events .block-title, .links .block-title,
.video .block-title, .calander .block-title {
    background-color: #3b8686;
}
.news .block-title, .gallery .block-title,
.events .block-title, .links .block-title,
.video .block-title, .calander .block-title {
    min-height: 37px;
}
.event-m {
    background-color:#79bd9a;
}
.events, .news, .links {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #fff;
    min-height: 430px;
}
.journal.links {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #fff;
    min-height: 430px;
    height:auto;
}
h3.block-title span {
    float: left;
}
.news h3.block-title a, .gallery h3.block-title a, .video h3.block-title a {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    color: #fff;
    float: right;
    font-size: 12px;
    line-height: 13px;
    padding: 4px 7px;
}
.news h3.block-title a:hover, .gallery h3.block-title a:hover, .video h3.block-title a:hover {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 4px 10px;
    text-decoration: none;
}
.panel-heading {
    background: #f5f5f5 none repeat scroll 0 0;
}
@media (min-width: 480px) and (max-width: 767px) {
.navbar-toggle {
    float: none;
    margin-right: 15px;
}
.nav li {
    border-bottom: 1px solid #999;
    display: block;
    text-align: center;
}
.logo {
    text-align: center;
}
.langu {
    text-align: center;
}
.social-icons {
    text-align: center;
}
.col-md-5.col-sm-6.col-xs-12, .col-md-4.col-sm-6.col-xs-12 {
    width: 50%;
}
.carousel-caption {
    display: none;
}
aside {
    float: none;
    padding: 15px 5px;
    width: 100%;
}
aside img {
    margin: 20px 0;
}
.contents {
    margin: 0;
    padding: 0;
}
.contents h1 {
    font-size: 16px;
    line-height: 1.7;
}
.news-content {
    float: none;
    width: 100%;
}
.news li {
    text-align: center !important;
}
.news-image {
    float: none;
    height: 100px;
    margin: 0 auto;
    width: 100px;
}
.carousel.slide {
    height: auto;
}
.carousel-inner {
    height: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.carousel-caption {
    bottom: 20%;
}
.carousel-caption h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.carousel-caption p {
    font-size: 13px;
    margin: 0;
    padding: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
.container {
    width: 1170px;
}
}
/* Widget Calendar */
.boxed-green, a.boxed-green{background: #60CD9B;}
.widget_calendar .inner{padding:0 10px 10px;}
.ie8 #date_departure {display: none !important;}

.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden;}
#ui-datepicker-div{width: 213px; background: #e87352;}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #eee;
    color: #88361f;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #5a5c5c; text-decoration: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #5a5c5c; text-decoration: none;}
.ui-widget:active {outline: none;}

.ui-datepicker {
    padding:0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position:relative;
    padding:0;
    border-bottom: 1px solid #ea8164;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.widget_calendar .ui-datepicker .ui-datepicker-header {margin: 0 -10px;}

.ui-datepicker-prev,
.ui-datepicker-next{
    position:absolute;
    top: 6px;
    left:6px;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../img/pagination.png) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-position: 5px 5px !important;
}
.ui-datepicker-next{
    left: auto;
    right: 6px;
    background-position: -45px 5px !important;
}
.widget_calendar .ui-datepicker-prev,
.widget_calendar .ui-datepicker-next{
    top: 10px;
    left:19px;
}
.widget_calendar .ui-datepicker-next{
    left: auto;
    right: 19px;
}

.ui-datepicker .ui-datepicker-title {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.widget_calendar .ui-datepicker .ui-datepicker-title{
    height: 45px;
    line-height: 45px;
}
.ui-datepicker table {width: 100%; border-collapse: collapse;}
.ui-datepicker th {padding: .7em .3em; text-align: center;}
.ui-datepicker td {padding: 0;}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 2px auto;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
}
td.ui-datepicker-today  a{
    background: #fff !important;
    color: #88361f;
}
td.ui-state-highlight a,
td.ui-datepicker-today.ui-state-highlight  a{
    background: #fff !important;
    font-weight: 700;
    color: #88361f;
}
td.ui-datepicker-other-month span{color: #88361f;}

.ui-datepicker-calendar thead th {
    padding:4px 0 2px;
    font-size: 10px;
    color:#fff;
    text-transform:uppercase;
}
.widget_calendar .ui-datepicker-calendar thead th {
    padding: 30px 0 10px;
    font-size: 12px;
    font-weight: 700;
}
.ui-datepicker-calendar tbody td,
.ui-datepicker-calendar tbody td.ui-state-disabled{
    padding:0;
    text-align:center;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
li.dropdown:hover {
  background-color: #79BD9A;
}
.dropdown-menu>li>a {
	color: #fff;
}


.nav-link:hover {
  transition: all 0.4s;
}

.nav-link-collapse:after {
  float: right;
  content: '\f067';
  font-family: 'FontAwesome';
}

.nav-link-show:after {
  float: right;
  content: '\f068';
  font-family: 'FontAwesome';
}

.nav-item ul.nav-second-level {
  padding-left: 0;
}

.nav-item ul.nav-second-level > .nav-item {
  padding-left: 20px;
  
  
}



  .navbar-expand-lg .sidenav {
    flex-direction: column;
  }

  .content-wrapper {
    margin-left: 230px;
  }