@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);

@import url(http://fonts.googleapis.com/earlyaccess/notonaskharabicui.css);



/*html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers 

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}





ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



*/

html{

	overflow-x: hidden;

}



body {

	font-size: 16px;

	font-family: "Alef Hebrew",

	   “Helvetica Neue”,

	   Helvetica,

	   Arial,

	   sans-serif;

}

body.he {

	direction: rtl;

}



body.ar {

	font-family: 'Noto Naskh Arabic UI', sans-serif;

}



#logo_img {

	float: right;

	margin-top: 20px;

}



.en #logo_img {

	float: left;

	

}



a#logo_txt, a:hover#logo_txt {

    margin-top: 20px;

	color: black;

	/*font-weight: bold;*/

	font-size: 1.2em;

	text-decoration: none;

	line-height: 1.2em;

	margin-right: 90px;

	display: block;

}



.en a#logo_txt {

	margin-left: 90px;

	margin-right: 0;

}



@media (max-width: 768px) {

    #logo_img {

        margin-top: 0px;

    }

	

	a#logo_txt, a:hover#logo_txt {

		margin-top: 20px;

		font-size: 0.7em;

		line-height: 1em;

	}

}





body.he li {

    text-align: right;

    

}



.he .caret {

    margin-right: 2px;

    margin-left: 0;

}

.main_menu {

    border: 0;

    background-color: transparent;

    font-size: 1.2em;

    /*font-weight: bold;*/

    color: black;

}



.navbar-default .navbar-nav>li>a {

    color: black;   

}

.navbar-default .navbar-nav>.active.menu-item-has-children>a  {

	background-color: white;

}





@media (min-width:750px) {



    

	

	.main_menu .nav > li:first-child a{

        padding-right: 0;

    }

	

	body.en .main_menu .nav > li:first-child a{

        padding-left: 0;

		padding-right: 15;

    }



    .main_menu .navbar-left > li:last-child a {

        padding-left: 0;   

    }



    .main_menu .container-fluid, .main_menu .navbar-collapse {

        padding: 0;   



    }

}

    

.carousel-fade .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

  transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

  opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  right: 0;

  opacity: 0;

  z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}

.carousel-fade .carousel-control {

  z-index: 2;

}





.carousel-caption {

    background-color: rgb(255,193,5);

    background-color: rgba(255,193,5,0.8);

    left: 20%;

    right: 0;

    bottom: 50px;

    padding-bottom: 10px;

    padding-top: 0px;

    padding-left: 15px;

    padding-right: 20px;

    color:black;

    text-align: right;

}



.carousel-caption h1 {

    font-size: 1.5em;

}

.carousel-indicators {

    bottom: 10px;   

}



@media (max-width: 992px) {

    .carousel-caption {

        left:0;

    }

}



@media (max-width: 768px) {

    a.carousel-control {

        display: none;   

    }

}



.carousel-caption a,.carousel-caption a:hover, .carousel-caption a:visited {

	color: black;

	text-decoration: none;

}



@media (max-width: 600px) {

	.carousel-caption  h1 {

        font-size: 1em;

        margin-top: 5px;

		color

    }

    .carousel-caption {

        font-size: 1em;

        padding-bottom: 5px;

        padding-top: 0px;

        padding-left: 10px;

        padding-right: 10px;

        bottom: 25px;

    }

    

    .carousel-indicators {

        bottom: 0; 

        margin-bottom: 0;

    }

}









h2.media-heading {

    font-weight: bold;

	font-size: 18px;

}



h2.media-heading.single {

	margin-bottom: 20px;

}



.media a, .media a:hover {

    color: black;   

    text-decoration: none;

}



a.cat_btn {

    padding-top: 70px;

    padding-bottom: 20px;

    margin-top: 20px;

    text-align: center;

    background-size: cover;

    display: block;

    color: black;

}



a:hover.cat_btn {

    text-decoration: none;   

}



.cat_btn h3 {

    background-color: rgb(255,255,255);   

    background-color: rgba(255,255,255,0.8);   

    padding: 5px 0;

}



@media (min-width:992px) { 

a.cat_btn {

    width: 100%;    

}

.cat_btn.center {

    margin-left:  auto;   

    margin-right: auto;

}



.cat_btn.left {

    margin-right: auto;   

}



}

    

.footer {

    text-align: center;

    font-size: 1.2em;

    padding-top: 1em;

    padding-bottom: 0.5em;

    background-color: #e6e6e6;

    margin-top: 2em;

}







.cat_btn.prawer {

    background-image: url(img/prawer.jpg);

}



.cat_btn.demolition {

    background-image: url(img/demolitions.jpg);

}



.cat_btn.tours {

    background-image: url(img/tours.jpg);

}





.navbar-nav>li>.dropdown-menu {

    -webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

    border-radius: 0;

    font-size: 1em;

}



.carousel-indicators li.active {

    background-color: rgb(255,193,5);  

}

.widget {

    background-color:#e6e6e6;

}



.mailform {

    padding-top: 5px;

    padding-right: 12px;

    padding-left: 12px;

    padding-bottom: 15px;

    text-align: left;

}



.mailform .form-group {

    text-align: right;

}



body.en .mailform label {

    text-align: left;

	display: block;

}



body.en .mailform form {

	text-align: right;

}



.mailform span.glyphicon {

    margin-left:  7px;

    color: white;

    vertical-align: middle

}



body.en .mailform span.glyphicon {

    margin-right:  7px;

    margin-left:  0;

}



.mailform input {

    border-radius: 0;   

}



#mce-EMAIL {

    width: 65%;

    float: right;

}



body.en #mce-EMAIL {

    float: left;

}



.mailform .form-group {

    margin-bottom: 0;   

}



.mailform .button {

    border-radius: 0;

    background-color: #d9d9d9;

}

element.style {

}



#mc_embed_signup input.button {

display: inline !important;

width: 35%;

margin: 0 !important;

margin-right: 2% !important;

min-width: inherit !important;

}



#mc_embed_signup {

background: inherit !important;



}



#mc_embed_signup input.email {

min-width: inherit !important;

margin: 0 !important;

}





.widget {

    margin-top: 2em;   

}



.widget:first-child {

       margin-top: 0;   

}



#donate_btn img{

    width: 100%;

    height: auto;

}



.widget h4 {

    background-color: #cccccc;

    padding-right: 10px;

    font-weight: bold;

    line-height: 1.5em;

    

}



body.en .widget h4 {

    padding-right: 0px;

    padding-left: 10px;

}



.widget.news a,.widget.news a:hover, .widget.news p{

    padding: 5px 10px;

    color: black;

    text-decoration: none;

    display: block;

}



.widget.news a:hover {

	color: rgb(255, 193, 5);

}

.widget.news a:hover b {

	color: black;

}



.widget a.more_link {

    text-align: left;

    color:#0101fd;

    text-decoration: underline;

}



body.en .widget a.more_link {

	text-align: right;

}



.widget.feature a.title{

    padding-top: 10px;

    display: block;

    font-size: 1.2em;

    color: #0101fd;

    text-decoration: underline;

}

.widget.feature a {

    

}

.widget.feature img{

    margin : 10px 10px 10px 10px;

    float:right;

}

body.en .widget.feature img{

    margin : 10px 10px 10px 10px;

    float:left;

}



@media (min-width: 768px) {

    #bg_tl {

        background-image: url(img/bg_tl.png);

        background-repeat: no-repeat;

        background-position: left top;

    }

	

	body.en #bg_tl {

		background-image: url(img/bg_tl_flip.png);

        background-position: right top;

    }

}



@media (min-width:992px) {

    #bg_tr {

        background-image: url(img/bg_tr.png);

        background-repeat: no-repeat;

        background-position: right top;

    }

	

	body.en #bg_tr {

		background-image: url(img/bg_tr_flip.png);

		background-position: left top;

	}

	

    #bg_bl {

        background-image: url(img/bg_bl.png);

        background-repeat: no-repeat;

        background-position: left bottom;

    }

	

	body.en #bg_bl {

		background-image: url(img/bg_bl_flip.png);

		background-position: right bottom;

	}

	

	div.media.frontpage {

		margin-top: 40px;

	}

	.dropdown-menu {

	border: 1px solid black;

	padding: 0;

	}



	.dropdown-menu  li {

		border-bottom: 1px solid black;

	}



	.dropdown-menu  li a {

		line-height: 1.5em;

	}

}









.dropdown-menu  li:last-child {

	border-bottom: none;

}

.carousel-caption {

	text-shadow: none;

}



body.en h2{

	font-size: 18px;

}



#main-carousel .carousel-inner img {

	width: 100%;

}



.navbar-default .navbar-nav>.active>a {

	color: black;

}



#social_btn {

	text-align: center;

	background-color: white;

}



#social_btn div {

	width: 20%;

	display: inline-block;

	margin: 0 1%;

}

#social_btn div img {

	margin-bottom: 0.5em;

}



#social_btn div a,#social_btn div a:hover {

	color: #808080;

	font-weight: bold;

	text-decoration: none;

}



#social_btn div:last-child {

	/*float: none;*/

}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

	background-color: transparent;

}



.alignleft {

	float: left;

	clear: left;

	margin-right: 10px;

	margin-bottom: 10px;

}



.alignright  {

	float: right;

	clear: left;

	margin-left: 10px;

	margin-bottom: 10px;

}



.clear {

	clear: both;

}



hr { 

	margin-top: 10px;

	margin-bottom: 10px;

	height: 10px;

	border: 0;

	clear: both;

}

.wp-caption-text {

	text-align: center;

	margin-right: -10px;



}



.en .wp-caption-text {

	  margin-left: -10px;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



@media (min-width: 992px) {

	p {

		max-width: 800px;

	}

	

	.page ul {

		max-width: 800px;

	}

}

.myButton {
	-moz-box-shadow: 3px 3px 0px 0px #3dc21b;
	-webkit-box-shadow: 3px 3px 0px 0px #3dc21b;
	box-shadow: 3px 3px 0px 0px #3dc21b;
	background-color:#44c767;
	border:5px solid #18ab29;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	padding: 10px;
	text-decoration:none;
	text-shadow:0px 2px 7px #2f6627;
	width:100%;
	margin: 30px 0 30px 0;
	text-align: center;
}
.myButton:hover {
	background-color:#37A855;
	color: #E8E8E8;
}
.myButton:active {
	position:relative;
	top:1px;
}

