.html body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    max-width: 100%;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1920px; /* or 950px */
}

.navbar-inverse .navbar-toggle {
	color: white;
	font-weight: bold;
	border-color: white;
}

.navbar-toggle {
	color: white;
	font-weight: bold;
	border-color: white;
}

.navbar-inverse .navbar-toggle:hover {
	background-color: #ddd;
	color: #333;
}
.navbar-inverse .navbar-toggle .glyphicon {
	color: white;
}
.navbar-inverse .navbar-toggle:hover .glyphicon {
	color: #333;
}


.sidebar
{
float: right;
width: 220em;
}

footer {
	
	border-top; 1px solid #ddd;
	color: #999;
	text-align: center;
	background-color:#DEEEF1;
}

.glyphicon-ok
{
	color:#0F0;
	padding:0 2em 0 2em;
}

.anatoli
{
	background-color: #F30;
	font-weight:bold;
	color:#FFF;
}

.raz
{
	background-color:#FF0;
	font-weight:bold;
	
}

.shir
{
	background-color: #0FF;
	font-weight:bold;
}

.lili
{
	background-color: #0F0;
	font-weight:bold;
}

.niv
{
	background-color: #CCC;
	font-weight:bold;
}
.noticeboard
{
	background:url(/images/noticeboard.jpg) no-repeat center center;

	padding: 40px 15px 255px 10px;
	margin: 0px 0px 25px 0px;
	font-weight:bold;
	color:#FF6;
	
}

.sticky {
    /* General */
    margin: 20px 0px, 20px, 0 auto;
    padding: 8px 24px;
    
    /* Font */
    font-family: 'Nothing You Could Do', Arial;
    font-size: 2em;
    /* Border */
    border:1px #E8Ds47 solid;
    /* Shadow */
    -moz-box-shadow:0px 0px 6px 1px #333333;
    -webkit-box-shadow:0px 0px 6px 1px #333333;
    box-shadow:0px 0px 6px 1px #333333;
    /* Background */
    background: #fefdca; /* Old browsers */
    background: -moz-linear-gradient(top, #fefdca 0%, #f7f381 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefdca), color-stop(100%,#f7f381)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefdca 0%,#f7f381 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefdca 0%,#f7f381 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fefdca 0%,#f7f381 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdca', endColorstr='#f7f381',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fefdca 0%,#f7f381 100%); /* W3C; A catch-all for everything else */
}
 
.sticky ol {
    margin: 12px;
}
 
.sticky p {
    text-align: center;
}

.headerline
{
	color:#FFF;
	background: #1e5799; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzI0OTFlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OGQzZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 0%, #207cca 0%, #207cca 0%, #2491e5 19%, #88d3fc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#207cca), color-stop(0%,#207cca), color-stop(0%,#207cca), color-stop(19%,#2491e5), color-stop(100%,#88d3fc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 0%,#207cca 0%,#207cca 0%,#2491e5 19%,#88d3fc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#207cca 0%,#207cca 0%,#207cca 0%,#2491e5 19%,#88d3fc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 0%,#207cca 0%,#207cca 0%,#2491e5 19%,#88d3fc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#207cca 0%,#207cca 0%,#207cca 0%,#2491e5 19%,#88d3fc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#88d3fc',GradientType=0 ); /* IE6-8 */

}

.navbar-default {
  background-color: #2b2764;
  border-color: #2a3e73;
}
.navbar-default .navbar-brand {
  color: #fbfeff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #e4f800;
}
.navbar-default .navbar-text {
  color: #fbfeff;
}
.navbar-default .navbar-nav > li > a {
  color: #fbfeff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #e4f800;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #2b2764;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #fbfeff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #e4f800;
  background-color: #2a3e73;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #2b2764;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #e4f800;
  background-color: #2a3e73;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #e4f800;
  background-color: #2a3e73;
}
.navbar-default .navbar-toggle {
  border-color: #2a3e73;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #2a3e73;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fbfeff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fbfeff;
}
.navbar-default .navbar-link {
  color: #fbfeff;
}
.navbar-default .navbar-link:hover {
  color: #e4f800;
}
.h4 {
    font-size: 22px;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fbfeff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e4f800;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #e4f800;
    background-color: #2a3e73;
  }
}
/*
.slideshow-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}

.slide {
    display: none;
    width: 100%;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

.fade {
    animation: fade 1s ease-in-out;
}

@keyframes fade {
    from { opacity: 0.4; }
    to { opacity: 1; }
}
*/

.slideshow-container {
    position: relative;
    width: 100%;
    max-width: 750px; /* Adjust as needed */
    margin: auto;
    overflow: hidden;
    display: flex;
    align-items: center; /* Ensure it aligns in the center */
    justify-content: center;
}

.slideshow {
    position: relative;
    width: 100%;
}

.slide {
    position: absolute;
    width: 100%;
    height: auto;
    object-fit: contain;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    top: 50%;  /* Align to the middle */
    transform: translateY(-50%); /* Center it vertically */
}

.slide.active {
    opacity: 1;
}


.img-fade-in {
    opacity: 0;
    animation: fadeIn ease-in 2s forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
