﻿@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);
body{ font-family: 'Open Sans Hebrew', serif;    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s; 
    -o-animation: fadein 2s; background: #f2f2f2;}
kbd {
       padding: 6px 22px;
	border-bottom: 1px solid #ffffff;
    border-radius: 5px;
    font-family: 'Open Sans Hebrew', serif;
	font-weight: bold;
}

.glyphicon-chevron-left:before {
    content: "\e079";
	
}
 
}
h4.panel-title a{ font-weight: bold; text-decoration: none; }
.carousel-control {
    color: #ffffff;
    filter: alpha(opacity=100);
    opacity: 1;
}
.carousel-control.right{     background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.6) 100%); }
.carousel-control.left{     background-image: linear-gradient(to left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.6) 100%); }
.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 0;
    line-height: 0;
    border: 0;
    border-radius: 0;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.add{ width: 26px; margin: -2px 5px 0 0; }
#top{ background: url('../images/25.png') center; box-shadow: inset 0px 0px 100px rgba(0,0,0,0.7); background-size: cover; width: auto; height: 220px;min-height: 36vh; }
.logo{ margin: -111px auto; width: 200px; }
.logo img{ width: 200px; }
.info{ overflow: auto; background: url('../images/bg.jpg') repeat; padding: 130px 0px 50px 0px; height: auto; }
.info .ico{ margin: 0 0 10px 0; position: relative; z-index: 111; }
.icoicons { text-align: center; }
.info .ico img{ width: 50px; }
.info .ico span{ color: #ffffff; font-size: 16px; }
.savecontact button{ font-weight: bold; width: 350px; margin: 30px auto; background: #ffffff;     box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); bordeR: 0; font-size: 25px; color: #1c1c1c; border-radius: 10px; padding: 5px; }
.about{ text-align: center; }
.about p{ background: rgba(255,255,255,0.5);
    border-radius: 10px;
    margin: 15px;color: #ffffff; line-height: 35px; font-size: 18px; 
    padding: 10px 50px 10px 50px; }
.clear{ clear: both; } 
@media (min-width: 400px) and (max-width: 767.98px) { .savecontact button{ width: 100%; } }
.panel-group{ font-size: 20px;width: 350px; margin: 0px auto; font-size: 20px;}
.panel{ background-color: rgba(0,0,0,0.3); border: 1px solid #ffffff; border-radius: 15px;font-size: 20px; }
.panel-heading{ background-color: rgba(0,0,0,0.3); border: 1px solid #ffffff; border-radius: 15px 15px 0 0;font-size: 20px; }
.panel-default>.panel-heading {
    color: #000000;
    background-color: rgba(255,255,255,0.5);font-size: 20px;
    border: 0; 		border-radius: 15px;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: inherit;
    font-size: 20px;		font-weight: bold;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
    font-size: 20px;
    margin: 0 -40px 0 0;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 15px;font-size: 20px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;font-size: 20px;
}
.list-group-item {
    position: relative;
    display: block;
	color: #fff;
    padding: 10px 5px;
    margin-bottom: -1px;
    background-color: rgba(0,0,0,0.3);
    border: 1px solid ##525050;
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px 15px 15px 0;
}
.slider{ margin-top: 30px;}
					.hide-bullets {
						list-style:none;
						margin-left: -40px;
						margin-top:20px;
					}

					.thumbnail {
						padding: 0;
					}

					.carousel-inner>.item>img, .carousel-inner>.item>a>img {
						width: 100%;
					}
					.carousel {
						
						margin: 0px 0 0 0;
					}
.copyright{ text-ALIGN: CENTER;margin: 20px 0 20px 0;}

@media screen and (min-width: 770px) {
	#lightbox .modal-content {
		display: inline-block;
		text-align: center;
		margin: 30px 30px 0 0;
	}
}
@media screen and (min-width: 400px) {
	#lightbox .modal-content {
		display: inline-block;
		text-align: center;
		margin: 100px 30px 0 0;
	}
}