/*template*/
body {
       background: #deeef9!important;
}
.under-cons1 {
    display: none;
}
.mobile-navigation {
    background: rgb(18 84 133);
}
@media (max-width: 991px){
body {
    padding-top: 0px;
}
}
.header {
 position: relative;
 top: 0;
 right: 0;
 width: 92.5%;
 position: relative;
 margin: auto;
 text-align: center;
 width: 100%;
 z-index: 9999;
 -o-transition: .5s;
 -ms-transition: .5s;
 -moz-transition: .5s;
 -webkit-transition: .5s;
 transition: .5s;
 padding-top: 8px;
 height: 100px;
 border: 0px;
 background: rgb(221 230 237);
}


.col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 284px;
    max-width: 284px;
}

.header a {
	color: inherit;
}

.header .bar {
    width: 92.5%;
    position: relative;
    text-align: center;
    height: 90px;
    position: relative;
    width: 100%;
    background: #125485;
}
.header.offset {
    width: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    position: fixed;
    /* margin-right: 4%; */
    background: rgb(221 230 237);
}

/* Logo */

.header .logo {
    position: absolute;
    bottom: 10px;
    right: 35px;
    display: block;
    z-index: 3;
}

.header .logo img {
    display: block;
    height: 85px;
    border-radius: 15%;
    margin-top: 19px;
    margin-right: 6px;
}


/* Navigation */

.header nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.header nav a {
	color: inherit;
}

.header nav a.on,
.header nav li.on > span > a {
	font-weight: bold;
}

.header nav button {
	display: none;
}

@media (min-width: 1200px) {

	.header nav > ul {
		margin: 0 auto;
		text-align: center;
		position: relative;
	}

	.header nav li:hover > ul {
		display: block;
	}

	.header nav > ul > li {
		display: inline-block;
		position: relative;
	}
	.header nav > ul > li > ul > li {
    color: black;
}
	.header nav > ul > li > span > a {
		display: block;
		padding: 1.5rem .75rem 2.3rem .75rem;
		margin: 0 .5rem;
		font-size: 1.2em;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		position: relative;
	}

	.header nav > ul > li > span > a:after {
		background-image: url(https://www.betshemesh.muni.il/uploads/n/n1.PNG);
		background-position: center;
		background-repeat: no-repeat;
		width: 62px;
		height: 15px;
		display: block;
		content: '';
		position: absolute;
		bottom: 18px;
		right: 50%;
		margin-right: -31px;
		-o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
	}
@media (min-width: 1200px){
.header nav > ul > li:nth-child(5n+1) > span > a:after {
   	background-image: url(https://www.betshemesh.muni.il/uploads/n/n1.PNG);
}}
	.header nav > ul > li > span > a:hover,
	.header nav > ul > li:hover > span > a {
		text-decoration: none;
	}

	.header nav > ul > li > span > a:hover,
	.header nav > ul > li:hover > span > a {
		color: #ffb034;
	}


	.header nav > ul > li > span > a:hover:after,
	.header nav > ul > li:hover > span > a:after {
		transform: rotate(180deg);
	}

	.header nav > ul > li.on > span > a,
	.header nav > ul > li > span > a.on {

	}
@media (min-width: 992px){
.header nav > ul > li > ul > li > span > a, .header nav > ul > li:nth-child(4) > ul > li > span > a{
    font-size: 1.1rem;
}}
@media (min-width: 992px){
.header nav > ul > li > ul > li {
    width: 100%;
    max-width: 100%;
}}
.header nav ul li {
    margin-left: 0;
}
	.header nav > ul > li > ul {
      display: none;
    text-align: right;
    position: absolute;
    top: 141%;
    right: 81%;
    z-index: 9999;
    width: 261px;
    margin-right: -150px;
    background: #333;
    color: #fff;
    padding: 1rem;
    border-radius: 0 0 2rem 2rem;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;
	}

	.header nav > ul > li > ul {
		background: #ffb034c7;
    border-radius: 0 0 6px 6px;
	}


	.header nav > ul > li > ul > li > span > a {
		font-size: 1.1rem;
	}

	.header nav > ul > li > ul > li > span > a > em.arrow {
		content: '';
		font-family: 'FontAwesome';
		font-style: normal;
	}

	.header nav > ul > li > ul > li > span > a > em.arrow:before {
		content: '\f104';
	}
}

@media (max-width: 1199px) {
	.header .navigation {
		display: none;
	}
}

/* Toggle Navigation Button */

a.toggle-nav {
	display: none;
}

@media (max-width: 1199px) {
	a.toggle-nav {
		position: absolute;
		top: 25px;
		left: 4%;
		width: 40px;
		height: 40px;
		background: #efa94c;
		color: #fff;
		display: block;
		padding: .6rem;
		text-align: center;
		border-radius: 50%;
	}

	a.toggle-nav em {
		font-size: 18px;
	}
}


.rich-content  {
 text-align: center;
       font-size: 1.4rem;
    font-weight: bold;
       color: white;
}
.menu {
	width: 88%;
    text-align: center;
    margin-right: 11%;
    position: absolute;
    margin-top: 1%;
}
.menu p{
font-weight: bold;
}


.col-md-2 {
    color: white;
    font-size: 1.5rem;
}
@media (max-width: 1600px)and(min-width:992px){
.col-md-2 {
    -ms-flex: 0 0 16.5%;
    flex: 0 0 16.5%;
    max-width: 16.5%;
}}
@media (max-width:992px)and(min-width:768px){
.col-md-2 {
    -ms-flex: 0 0 16.5%;
    flex: 0 0 16.4%;
    max-width: 16.4%;
}}
.card-header+.list-group .list-group-item:first-child{
	min-height: 4rem
}

h1,h2.h3,h4,h5,strong{
    /* color: #125485; */
    /* position: relative; */
    /* margin: auto; */
    /* text-align: center; */
    /* padding-left: 33%; */
    /* display: block; */
}

<?/*cover*/?>

.mySlides {display: none;}


 .container {
	/* background: #12548524; */
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	/* margin-top: 2%; */
	}

/* Slideshow container */
 .slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
  text-align: center;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3.5s;
  animation-name: fade;
  animation-duration: 105s;
}
@-webkit-keyframes fade {
  from {opacity: 0.2}
  to {opacity: 4}
}
@keyframes fade {
  from {opacity: 0.8}
  to {opacity: 4}
}

@media only screen and (max-width: 600px) {
li.nav-item {
    width: 50%;
    text-align: center;
    border: solid 1px #125485;
    border-radius: 15px;
    margin-top: 5px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #125485;
    border-color: #125485;
    border-radius: 15px;
}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
.mySlides.fade img{
	width: 100%;
}


.page-slick a, .page-slick .a {
    position: relative;
    padding-bottom: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin: 15px;
    display: block;
    background: #ffffff;
}
.page-slick img {
    max-width: 100px;
    max-height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
main {
    margin: 2% 6% 1% 6%;
}
/**/

.list {
	list-style: none;
	padding: 0;
	margin: 0 -20px;
}

.list li {
	border-bottom: 1px solid #cdcdcd;
	padding: 20px;
}

.list li:last-child {
	border-bottom: 0;
}

.list company img {
	display: block;
	width: 100%;
}

@media(min-width: 768px) {
	.list company img {
		float: right;
		width: 300px;
		margin-left: 10px;
	}
}

.list company a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 0.9em;
}

.list company h2 {
	margin: 0;
}

.list company a:hover h2,
.list company a:focus h2 {
	color: #126d3c;
}

.list company p {
	margin: 0;
	font-size: 1.1em;
}

/**/

.pager {
	margin-top: 20px;
}


.pager a {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 10px;
}

.pager a:hover {
	background: #f1f1f1;
}

.pager a:focus {
	background: #f1f1f1;
}

.card-header {
    background: #125485;
    color: #fff;
}
.card>.list-group:last-child .list-group-item:last-child {
    border-radius: 13px;
}
.card-header {
    border-radius: 13px 13px 0 0;

}
.card-header:first-child {
    border-radius: 13px 13px 0 0;
    font-size: 2rem;
    height: 5rem;
    color: #ffffff;
    position: relative;
    text-align: center;
    display: block;

}
.card {
    border-radius: 13px;
	margin-bottom: 31px;
	    background-color: #125485;
border: 1px solid rgb(152 158 187);
}
.card>.list-group:last-child .list-group-item:last-child {
    border-radius: 0 0 13px 13px;
}
li.list-group-item {
    background-color: #deeef9;
}
.ststus {
position: absolute;
    top: 6px;
    right: 70%;
    height: 88%;
    width: 33%;
    border-radius: 10px 10px 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.2rem;
    color: #3249cd;
    font-size: 1rem;
    z-index: 100;
	border-radius: 10px 10px 10px 0;
    background-size: cover;
    background-position: center;
}
.card-header h2 {
    color: inherit;
    font-size: 1.15rem;
    text-align: right;
    margin-left: 33%;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #125485;
    border-color: #125485;
}
.nav-tabs {
    border-bottom: 1px solid #125485;
}
.add{
	margin-bottom: 20px;
    color: #fff;
    background-color: #125485;
    border-color: #125485;
}