/*
Theme Name: orly Mautner!
Theme URI: http://empirethemes.com/ships-ahoy/
Description: A simple, three column, widget-ready WordPress theme.
Author: ET
Author URI: http://empirethemes.com
version: 3.5
Tags: fixed-width, three-columns, threaded-comments, brown
*/


/* basics */
@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Bold.eot');
    src: url('fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Bold.woff') format('woff'),
         url('fonts/Alef-Bold.ttf') format('truetype'),
         url('fonts/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Regular.eot');
    src: url('fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Regular.woff') format('woff'),
         url('fonts/Alef-Regular.ttf') format('truetype'),
         url('fonts/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*==// RESET */

* {
	margin: 0;
	padding: 0;
	outline: 0 !important;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
*:focus {
	outline: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block;
}
ol, ul, li {
	display: block;
	list-style: none;
}
body {
	font-family: 'Alef';
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	color: #777774;
	direction: rtl;
	background: #fff;
}
p, h1, h2, h3, h4, h5, h6, ul, li, a {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {	
	font-family: 'Alef';

}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, caption {
	font-weight: normal;
	vertical-align: central;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
sub, sup, small {
	font-size: 75%;
}
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: 10px;
}
sup {
	top: 10px;
}
svg {
	overflow: hidden;
}
pre, code {
	font-family: monospace;
}
hr {
	border: 0;
	border: 1px solid #eee;
	clear: both;
}
blockquote {
	border-left: 1px solid #A5ABAB;
	margin: 15px;
	padding: 0 12px 0 12px;
}
code {
	margin: 10px;
}
strong, .bold, b {
	font-weight: 700;
}
.clr {
	clear: both;
	display: block;
}
img {
	max-width: 100%;
	display: block;
	border: 0px;
}
img a {
	border: none;
}
label {
	color: #777774;
	font-size: 20px;
	font-family: 'Alef';
}
input, select, textarea {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 0px;
	padding: 0 10px;
	width: 100%;
	background: #fff;
	font-family: 'Alef';
	color: #343434;
	font-size:85%;
}
textarea {
	resize: none;
	font-size:85%;
}
input[type=button], input[type=submit], .button {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	transition: ease 0.2s;
	font-family: 'Alef';
}
select {
	box-shadow: none;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select:focus {
	outline: none;
}



::-webkit-input-placeholder {
color: #777774;
}

:-moz-placeholder {
color: #777774;
}

::-moz-placeholder {
color: #777774;
}

:-ms-input-placeholder {
color: #777774;
}
a {
	color: #777774;
	text-decoration: none;
	border: none;
}
a:hover {
	text-decoration: none;
}
.main_container {
	max-width: 100%;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	
}
.top_container {border-right:#493d53 1px solid; padding:0 0 35px 0;}
.wrap {
	max-width: 100%;
	padding:0 39px 0 29px;
	margin: 0 auto;
}
.clr{clear:both;}

/* ------ Header ------ */

.header {
	width: 100%;

}
.header_top {
	padding:33px 0 38px;
}
.logo {
	float: left;
	width:430px;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0px;
	bottom:-1px;
	background:#fff;
}
.logo a {
	display: block;
}
.header_right{width:190px; float:right; padding-right:10px; padding-top:30px;}
.header_social{ width:100%;}
.header_social ul li{ display:inline-block; position:relative;}
.header_social ul li img{ width:100%;}
.hover_bg{width:100%; position:absolute; top:0; right:0; display:none;}
.hover_bg img{ width:100%;}
.header_social ul li:hover .hover_bg{ display:block;}

.font_resizer{width:100%;}
.font_resizer ul li{ display:inline-block; width:50px; margin-left:6px; padding:0 0 0 15px; box-sizing:border-box;}
.font_resizer ul li a{ color:#171717; font-size:80%; font-weight: bold; line-height: 36px;}
.plus_icon{background:url(images/plus-icon.jpg) no-repeat left center;}
.minus_icon{background:url(images/minus-icon.jpg) no-repeat left center;}
.refresh_icon{background:url(images/refresh-icon.jpg) no-repeat left center;}

.top_line{width:64%; float:right; padding-top:93px;}


.menu {
	float: right;
	padding-right:10px;
	width:157px;
}


.tglmenu {
	display: none;
}
.menu ul li {
	display:block;
	position: relative;
}
.menu ul li a {
	font-size:110%;
	line-height: 22px;
	color: #7a7a7a;
	margin-bottom:30px;
	display: block;
	position:relative;
	
}
.menu ul li a:after {content:''; background:url(images/menu_hover.png) no-repeat right center; position:absolute; right:-42px; top:-10px; width:21px; height:40px; display:none;}
.menu ul li:hover ul li a:after {display:none;}
.menu ul li a:hover {
	color:#000;
	 
}
.menu ul li a:hover ul li a {color:#7a7a7a;}
li.lang-item-he {display:none !important;}

.menu ul li ul {display:none;}
.menu ul li:hover ul {display:block; right:0px; z-index:999;}
.menu ul li.current-menu-item ul li a {
	background: none;
}
.menu ul li.current-menu-item a:after { display:block;}
.menu ul li.current-menu-item ul.sub-menu li a:after {display:none;}
.menu ul li.current-menu-item a {color:#000;}

/* ------ middele ------ */

.mid_container{width:89.5%; float:left;}

.hslider{}
.slider_img{}

.hslider .owl-dots .owl-dot span {width:18px !important; height:18px !important;  background: url(images/unactive.png) no-repeat !important;  display:inline-block !important; vertical-align:top; margin:0px 2px !important;} 
.hslider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: url(images/active.png) no-repeat !important;}
.hslider .owl-dots {padding:3px 0 0 0 !important;}

.hslider .owl-nav {position:absolute !important; top:45% !important; width:100%; display:none !important; transition:0.5s !important; }
.hslider .owl-controls .owl-nav .owl-prev { background:url(images/left_arrw.png) no-repeat !important; width:30px !important; height:49px !important; left:2% !important; padding:0px !important; margin:0px !important; position:absolute !important; font-size:0 !important;}
.hslider .owl-controls .owl-nav .owl-next { background:url(images/right_arrw.png) no-repeat !important; width:30px !important; height:49px !important; right:2% !important; padding:0px !important; margin:0px !important; position:absolute !important; font-size:0 !important;}
.hslider:hover .owl-nav {display:block !important; transition:0.5s !important;}


/* ------ footer ------ */
.footer{ width:89.5%; float:left; padding:1px 0 30px;}
.footer p{ font-size:70%; color:#000; text-align:left; line-height:10px;}
.copyright_txt{ width:260px; float:left;}
.foot_line{width:84%; float:right; padding-top:5px;}
.foot_line img{ height:1px;}

.foot_logo{width:330px; float:left; padding-top:30px;}
.foot_logo_box{ width:44%; float:left;}
.foot_logo_txt{ font-size:12px; color:#777774; float:right; line-height:23px;}
.foot_logo_icon{ float:left; margin-right:4px;}

.foot_logo_box2{ width:40%; float:left; margin-left:20px}
.foot_logo_txt2{ font-size:12px; color:#777774; float:left; line-height:23px;}
.foot_logo_icon2{ float:left; margin-right:10px; padding-top:7px;}

/* ------ project page ------ */
.category_main{}
.category_main h3{font-size: /*43px*/ 36px; color:#fff; text-align:center; padding-bottom:40px; font-weight:normal;}
.category_main p{ font-size: /*36px*/ 28px; color:#fff; text-align:center; line-height:36px;}
.category_box{width:32.5%; float:right; margin-left:1.25%;  margin-bottom:18px;  position: relative; /*height:405px;*/}
.category_box2{ float: left; margin-bottom:18px; width:32.5%;  position: relative; /*height:405px;*/}
.category_box img{ width:100%;}
.category_box a, .category_box2 a { display: block; }
.category_box2 img{ width:100%;}


.img {
    overflow: hidden;
    position: relative;
}
.img.nwbgpro{ padding:33.8%;}
.overlay {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background: rgba(0,0,0, 0.7);
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%; width: 100%;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%) scale(1.5,1.5); -webkit-transform: translate(-50%,-50%) scale(1.5,1.5);
}
.img:hover .overlay { transform: translate(-50%,-50%) scale(1,1); -webkit-transform: translate(-50%,-50%) scale(1,1); 
	opacity: 1;  visibility: visible; }

.hover_txt{ display: inline-block; /*transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);*/ top: 33%; position: relative; width:100%;}




/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */

/* ------ project page ------ */

/* ------ project detail page ------ */ 
.project_detail{width:100%;}
.project_detail h3{ font-size:30px; color:#777774; font-weight:normal;}
.project_detail p{ font-size:20px; color:#777774; line-height:22px;}

.project_slider{width:100%;}
.project_slider_img{width:100%;}

.project_slider .owl-dots .owl-dot span {width:18px !important; height:18px !important;  background: url(images/unactive.png) no-repeat !important;  display:inline-block !important; vertical-align:top; margin:0px 2px !important;}
.project_slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: url(images/active.png) no-repeat !important;}
.project_slider .owl-dots {padding:3px 0 0 0 !important;}

.project_slider .owl-nav {position:absolute !important; top:45% !important; width:100%; display:none; transition:0.5s !important;}
.project_slider .owl-controls .owl-nav .owl-prev { background:url(images/left_arrw.png) no-repeat !important; width:30px !important; height:49px !important; left:2% !important; padding:0px !important; margin:0px !important; position:absolute !important; font-size:0 !important; }
.project_slider .owl-controls .owl-nav .owl-next { background:url(images/right_arrw.png) no-repeat !important; width:30px !important; height:49px !important; right:2% !important; padding:0px !important; margin:0px !important; position:absolute !important; font-size:0 !important;}
.project_slider:hover .owl-nav {display:block !important; transition:0.5s !important;}


.project_txt{width:100%; padding:10px 0 35px;}
.project_txt_lft{ width:33%; float:left; padding-top:5px;}
.project_txt_lft2{ width:32%; float:right; padding-top:5px;}
.project_txt_rgt{ width:24%; float:right;}

.arealist{padding-top:10px;}


/* ------ project detail page ------ */ 

/* ------arctecture page ------ */ 
.arctecture_main{width:100%; padding-bottom:20px;}
.arctecture_main h4{ font-size:150%; color:#493f53; padding-bottom:35px;} 
.arctecture_main p{ font-size:100%; color:#777774; line-height:22px;}
.arctecture_rgt{width:47%; float:right;}
.arctecture_rgt img{ width:100%;}
.arctecture_lft{width:51%; float:left;}
.arctecture_txt{width:90%;} 
.projdetail{ display:none;}
.projreadmore{ cursor:pointer; margin-top:15px; font-weight:bold;}

/* ------contact page ------ */ 

.form_main{width:50%; padding:50px 0 0 0}
.form_main h6{font-size:94%; color:#777774; padding-bottom:15px; font-weight:normal;}
.form_bx{ padding-bottom:13px; width:100%;}
.form_bx input{ display:block; width:100%; height:44px; box-sizing:border-box; font-size:94%; color:#493f53; padding:0px 13px; background:#fff; border:#c4c4c4 2px solid; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;}
.form_bx textarea{display:block; width:100%; background:#fff; border:#c4c4c4 2px solid; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; height:44px; box-sizing:border-box; font-size:94%; color:#493f53; padding:0px 13px;}
.submit_btn2{ width:100%; padding-top:6px;}
.submit_btn2 input{width:100%; height:47px; background:#6d6d6d; border:none; text-align:center; color:#fff; font-size:122%; font-weight:bold;  cursor:pointer; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;}
.gmap{width:50%; padding-top:40px;}
.gmap iframe{width:100%; border:none;}

/* ------Search main ------ */ 
.readmore:hover { color:#000;}
.repost {padding-bottom:20px;}
#searchform input {border:1px solid #000; width:30%; height:45px;}
.notfound {margin-bottom:20px;}
/* ------contact page ------ */ 



.header_leftrow{ float:left; width:89.5%; border-bottom:#4a3e52 1px solid; position:relative; z-index:0; min-height:94px;}
.footer_social_icons{ display:none;}

@media only screen and (max-width:1919px) {
.header_leftrow{width:86.8%;}
.category_box, .category_box2 {/*height:360px;*/}
}

@media only screen and (max-width:1660px) {
.header_leftrow{width:87%;}

.header_top {   padding: 33px 0 25px;}
.top_line {  width: 60%;}
.mid_container { width: 87%;}

.footer { width: 87%;}
.foot_line {width: 75%;}

.category_main h3 { font-size: 200%; padding-bottom: 15px;}
.category_main p { font-size: 120%; line-height: 30px;}

.form_main { width:65%;}
.gmap { width:65%;}
.category_box, .category_box2 {/*height:300px;*/}
}

@media only screen and (max-width:1500px) {
	.header_leftrow,.mid_container{width:85%;}
}

@media only screen and (max-width:1366px) {

.top_line {  width:50%;}

.mid_container { width: 84.2%;}

.footer { width: 84.2%;}
.foot_line {width: 70%;}

.header_leftrow{ float:left; width:84.2%;}
}
@media only screen and (max-width:1365px) {
.header_leftrow{width:82.9%;}
.hover_txt {top:20%;}
.category_box, .category_box2 {/*height:252px;*/}
}

@media only screen and (max-width:1280px) {
.header_leftrow{width:80%;}

.top_line { display:none;}
.mid_container { width: 80%;}
.menu ul li a {font-size:107%; margin-bottom: 20px;}

.footer { width:100%;}
.foot_line { display:none;}

.category_main h3 { font-size:150%; padding-bottom:0px;}
.category_main p { font-size:90%; line-height: 20px;}

.project_txt_lft { padding-top: 10px;}
.project_txt_lft2 {padding-top: 10px; width: 41%;}
.project_detail p { font-size:90%;}

.arctecture_txt { width: 100%;}

.form_main { width:80%;}
.gmap { width:80%;}
.category_box, .category_box2 {/*height:252px;*/}

}
@media only screen and (max-width:1279px) {
.category_box, .category_box2 {/*height:200px; */overflow:hidden;}	
.category_main h3 { font-size: 175%;}	
}

@media only screen and (max-width:1080px) {
.header_leftrow{width:78%;}
.logo{width:380px;}
.mid_container { width:78%;}
.menu ul li a {margin-bottom:15px;}

.category_box { width:47.5%; margin-left:1.2%; margin-right:1.2%;}
.category_box2 { width:47.5%; margin-left:1.2%; margin-right:1.2%;}

.project_txt_rgt { float:none; width:100%;}
.project_txt_lft { float:none; width:100%; padding-top:15px;}
.project_txt_lft2 { float:none; width:100%; padding-top:15px;}

.arctecture_rgt { float:none; width:100%;}
.arctecture_lft { float:none; width:100%; margin-top:20px;}
.arctecture_main h4 { padding-bottom:10px;}
.header_leftrow { float: left; width: 78%;}

}
@media only screen and (max-width:980px) {
.mid_container { width:76%;}
.header_leftrow { float: left; width: 76%;}
.category_box, .category_box2 {/*height:177px;*/ overflow:hidden;}
}
@media only screen and (max-width:979px) {
.category_box, .category_box2 {height:auto;}	
}
@media only screen and (max-width:800px) {

.header_top {padding:16px 0 15px;}
.logo{width:330px;}
.menu ul li a {font-size:100%; margin-bottom:13px;}
.mid_container { width:72%;}
.header_leftrow { float: left; width: 72%;}
}
@media only screen and (max-width:690px) {
.header_leftrow{width:62%;}
.mid_container { width:62%;}

.arctecture_txt iframe{width:100% !important;}
.arctecture_rgt{ display:none;}
body.page-id-7 .arctecture_rgt{ display: block;}
}

@media only screen and (max-width:620px) {
.logo{width:100%; float:none;}
.logo img{ margin:0 auto;}
.header_right {  width: 100%; padding-right:0;}
.header_social { text-align:center;}
.font_resizer {text-align:center;}

.copyright_txt { width:100%; float:none;}
.copyright_txt p{ text-align:center;}
.footer p {line-height:18px;}
.foot_logo { float:none; margin:0 auto; width:100%; text-align:center; direction:ltr;}
.foot_logo_box2, .foot_logo_box { float:none; width:auto; display:inline-block; direction:rtl;}

.mid_container { width:62%;}

.category_box { width:100%; margin-left:0; margin-right:0;}
.category_box2 {  width:100%; margin-left:0; margin-right:0;}

.form_main { width:100%;}
.gmap { width:100%;}
admin@beerpackage
.logo{position:absolute;z-index:1;bottom:0px;left:0px;right:0px;bottom:-1px;background:#fff;margin:0 auto; width:80%;}
.header_leftrow {float: left; width: 94%;}
}
@media only screen and (max-width:575px) {
.tglmenu {display:block; background:url(images/menuicon.png) no-repeat right center; width:100%; height:24px; cursor:pointer;} 	
.mid_container { width:100%; float:none; padding:0px 5px;}
.menu { width:100%; float:none; padding-bottom:20px;}
.menu ul {display:none; padding-top:20px;}
.menu ul li a {font-size:100%; margin-bottom:21px;}

.logo{position:absolute;z-index:1;bottom:0px;left:0px;right:0px;bottom:-1px;background:#fff;margin:0 auto; width:80%;}
.header_leftrow {float: left; width: 100%; border-bottom:0px;}
.footer_social_icons{ display:block;}
.header_right{ display:none;}
.top_container{ border: none;}
.menu ul li a::after{right:-32px;}
}
@media only screen and (max-width:460px) {
.wrap {padding: 0 25px 0 20px;}
.font_resizer ul li { width: 53px;}
.header_leftrow{ min-height:60px;}
}

@media only screen and (max-width:360px) {
/*.foot_logo_box { float:none; margin:0 auto; width:100%;}
.foot_logo_box2 { float:none; margin:0 auto; width:100%;}*/
}