@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Heebo:400,500');

@font-face {
    font-family: 'FbMetali';
    src: url('fonts/FbMetali/FbMetali-Lightwebfont.eot');
    src: url('fonts/FbMetali/FbMetali-Lightwebfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/FbMetali/FbMetali-Lightwebfont.woff') format('woff'),
         url('fonts/FbMetali/FbMetali-Lightwebfont.ttf') format('truetype'),
         url('fonts/FbMetali/FbMetali-Lightwebfont.svg#alefbold') format('svg');
    font-weight: lighter;
    font-style: normal;

}

*{margin:0px; padding:0;}
html{margin:0px; padding:0;height:100%;font-family: 'FbMetali';}
body{margin:0px;padding:0px 0 0 0;font-size: 16px;min-height:100%;min-width:320px;font-family: 'FbMetali';}
body *{direction:rtl}
img{border:0;}
a{text-decoration: none;cursor:pointer;}
a:link{text-decoration: none;}
h1{}
h2{}
h3{}
h3{}
h4{}

textarea,input[type="text"],input[type="button"],input[type="submit"] {-webkit-appearance: none;-webkit-border-radius:0px;}

/*
font-family: 'Lora' , Serif;
font-family: 'Heebo', sans-serif;
*/
/*-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s*/
.container-100{overflow:hidden;position:relative;width:100%;min-width:320px;text-align:center;min-height:100%;height:auto;margin:0 auto;}
.grid{max-width:1160px;width:100%;margin:0 auto;text-align:center;position:relative;overflow: hidden;}
.menuButton {border-radius:50px;cursor:pointer;display: none;position: absolute;right: 10px;top: 165px;width: 40px;z-index: 3;}
.menuButton span {background: #2a4d69 none repeat scroll 0 0;border-radius: 10px;display: block;height: 4px;margin: 0 auto;transition: all 0.5s ease 0s;width: 70%;}
.menuButton span:nth-child(1) {margin-top: 15px;}
.menuButton span:nth-child(2) {margin-bottom: 5px;margin-top: 5px;}
.menuButton span:nth-child(3) {margin-bottom: 0;}
.menuButton .meLab{font-size:14px;color:#2a4d69}
#bigHeader, .closeMenu {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;width: calc(0% - 300px);bottom: 0;right: 0;top: 0;position: fixed;z-index: 99;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.open .menuButton > span:nth-child(1) {transform: translateY(10px) rotate(135deg);}
.open .menuButton > span:nth-child(2) {transform: scale(0);}
.open .menuButton > span:nth-child(3) {transform: translateY(-9px) rotate(-135deg);}
.open .closeMenu {width: calc(100% - 300px);}


#header{height:226px;background:#f9f9f9;}
#header .grid{padding:0 20px;box-sizing:border-box;}
#header .grid.topHeader{height:170px;}
#header .grid .social{float:right;margin-top:40px;}
#header .grid .social .insta{width:50px;height:50px;background:url('/webimages/instaBtn.png') no-repeat center center;display: inline-block;margin-left:14px}
#header .grid .social .face{width:50px;height:50px;background:url('/webimages/faceBtn.png') no-repeat center center;display: inline-block;}
#header .grid .phoneNum{font-family: 'FbMetali';margin-top:40px;line-height:50px;font-size:28px;color:#2a4d69;padding-left:60px;display: block;float:left;height:50px;background:url('/webimages/phoneBtn.png') no-repeat left center;}
#header .grid .logo{max-width:240px;width:100%;position:absolute;margin:auto;top:30px;right: 0;left: 0;}
#header .grid .logo img{max-width:100%;}


.topMenu{display:none !important;}
.topMenu img{width:150px;}

.menuHolder {z-index: 999;}
.menuHolder .grid{overflow:visible;}
#menu{display:table;width:100%; box-sizing:border-box; margin:0;}
#menu ul{list-style: none;display:table-row;}
#menu > ul > li{position:relative;display:table-cell;}
#menu > ul > li > a{font-size:20px;letter-spacing:3px;display:block; line-height: 56px;color:#2a4d69;height:56px;}
#menu > ul > li:hover{}
#menu > ul > li.active{}
#menu > ul > li.active a{}
#menu ul > li > ul{height: auto;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: #ededed none repeat scroll 0 0;border-color: -moz-use-text-color #cccccc #cccccc;border-image: none;border-style: none solid solid;border-width: 0 1px 1px;display: inline-block;max-height:0px;right: 0;opacity: 0;overflow: hidden;position: absolute;width:calc(100% - 2px);-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
#menu ul > li > ul > li{width:100%;height:40px;line-height:40px;}
#menu ul > li > ul > li > a{color:#5a5a5a;text-align:center;}
#menu ul > li > ul > li > a:hover{}


#mainGallery{}
#mainGallery .galPic{padding-bottom: 32%; height:0px;overflow:hidden;background-size:cover!important; background-position:center center !important; background-repeat:no-repeat !important; }
.singalPic{padding-bottom: 32%; height:0px;overflow:hidden;background-size:cover!important; background-position:center center !important; background-repeat:no-repeat !important; }

#mainGallery .owl-dot {width: 80px;height: 8px;background: #b0b8b9;display: inline-block;margin: 0 1%;}
#mainGallery .owl-dots {width: 100%;height: 10px;text-align: center;padding: 15px 0}
#mainGallery .owl-dot.active {background: #2e445b;}
#mainGallery .owl-nav{position: absolute;top: calc(50% - 25px);max-width: 1200px;margin: 0 auto;width: 100%;left: 0;right: 0;height:0;}
#mainGallery .owl-nav .owl-prev{width:50px;height:50px;border-radius:50px;background:rgba(0,0,0,0.5) url('/webimages/arrow-24-32R.png') no-repeat center center;font-size:0;float:right;}
#mainGallery .owl-nav .owl-next{width:50px;height:50px;border-radius:50px;background:rgba(0,0,0,0.5) url('/webimages/arrow-24-32L.png') no-repeat center center;font-size:0;float:left;}



#inc_index{}
#inc_index .mid{padding-bottom:20px;}
#inc_index .mid .grid{}
#inc_index .grid .title h2{font-size:38px;color:#2497b2;margin:20px auto;text-align:center;}
#inc_index .grid .subTitle{font-size:20px;letter-spacing:3px;text-align:center;color:#2e445b;max-width:90%;margin:0 auto;}
#inc_index .grid .wrraper{margin-top:20px;}
#inc_index .grid .wrraper .box{max-width:568px;width:100%;height:362px;;display:inline-block;vertical-align: top;margin:4px;background-size:cover !important;font-family: 'Lora' , Serif;text-align:right;font-size:30px;color:#fff;padding-right:10px;padding-top:10px;box-sizing:border-box;}

#inc_index .sap1 {border-top:3px #2e445b solid; border-bottom:3px #2e445b solid;margin:20px 0}
#inc_index .sap1 .grid{}
#inc_index .sap1 .grid h2{letter-spacing: 8px;line-height:120px;font-family: 'Lora' , Serif;font-size: 38px;color: #2e445b;text-align:justify;font-weight: 700;height:120px }
#inc_index .sap1 .grid h2::after{content: "";display: inline-block;width: 100%;}

#inc_index .aboutSec{padding:40px 0;margin-top: 40px;}
#inc_index .aboutSec .grid{}
#inc_index .aboutSec .grid .wrapAbout{position:relative;}
#inc_index .aboutSec .title h2{font-size:38px;text-align:center;color:#2e445b;font-weight:500}
#inc_index .aboutSec .shlomit{max-width:372px;height:496px;right:15px;top:0;position:absolute;width:90%;}
#inc_index .aboutSec .text{line-height:24px;text-align:right;font-size:20px;letter-spacing:3px;color:#2e445b;margin-right: 415px;padding-left:20px;position:relative;}
#inc_index .aboutSec .readMore{margin: 20px 0;font-size:18px;color:#2e445b;text-decoration:underline;margin-left: 30px;display:none;text-align:left;}
#inc_index .aboutSec  img{max-width:240px;float:left;}
#inc_index .aboutSec.open .text{max-height:1000px;}


#inc_pages{margin-top: 30px;}
#inc_pages .grid{}
#inc_pages .grid .title{}
#inc_pages .grid .title h1{font-size: 48px;color: #2e445b;text-align: right;font-weight: 200;} 
#inc_pages .grid .pageText{font-size:22px;}
#inc_pages .grid .wrapper{position:relative;margin-top:10px;min-height:430px;} 
#inc_pages .grid .PageImgWrap{float: right;max-width:568px;height: 370px;overflow: hidden;} 
#inc_pages .grid .PageImgWrap img{vertical-align:top;max-width: 100%;} 
#inc_pages .grid .content{font-size:18px;text-align:right;color:#717171;margin-right: 600px;padding-left: 20px;}
#inc_pages .grid .links{clear: both;position:absolute;top:390px;right:10px} 
#inc_pages .grid .links ul{float: right;}
#inc_pages .grid .links ul li:first-child{margin: 0 0 20px 0;}
#inc_pages .grid .links ul li{display: inline-block;margin: 0 8px;}
#inc_pages .grid .links ul li a{display: inline-block;font-size:20px;color:#2e445b;}
#inc_pages .grid .links ul li a p{float: right;}
#inc_pages .grid .links ul li a img{}


#inc_contact{}
#inc_contact .grid{}
#inc_contact .grid h2{font-size: 48px;color: #2e445b;text-align: right;font-weight: 200;}
#inc_contact .grid .wrapper{margin-top:20px;}
#inc_contact .grid .contact{width:49%;display:inline-block;vertical-align:top;}
#inc_contact .grid .contact .contactForm{}
#inc_contact .grid .contact .contactForm .title{font-weight: normal;text-align: right;color: #717171;padding-bottom: 10px;font-size: 18px;}
#inc_contact .grid .contact .contactForm .field{position: relative;margin: 8px 0;}
#inc_contact .grid .contact .contactForm .field input{border-radius: 5px;font-size: 16px;color: #767676;max-width: 300px;width:92%;padding: 0 10px;border: 1px solid #d0d1cf;background: #f6f6f6;height: 40px;line-height: 40px;}
#inc_contact .grid .contact .contactForm .field .submit{border: 0;border-radius: 5px;font-size: 18px;cursor: pointer;background: #2e445b;color: #fff;max-width: 320px;width:100%;height: 42px;line-height: 20px;}
#inc_contact .grid .mapFrame{width:49%;display:inline-block;vertical-align:top;height: 400px;}



.orderForm{box-sizing:border-box;opacity: 1;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;position: fixed;right: 0;bottom: 0;overflow: hidden;z-index: 9; max-height: 490px;height: 70px;max-width:460px;width: 100%;background: #fff;border:1px solid #2a4d69;border-bottom:0;border-radius:5px 5px 0 0;}
.orderForm.hide{opacity: 0;}
.orderForm.open{height: 100vh;}
.orderForm .topForm{height: 70px;width: 100%;background: #2497b2;cursor: pointer;position: relative;}
.orderForm .topForm .infclose{display: none;position: absolute;cursor: pointer;top: 2px;left: 2px;}
.orderForm.open .topForm .infclose{display: block;}
.orderForm .topForm .topFormttl{font-size: 28px;text-align: center;font-weight: bold;color: #fff;padding-top: 8px;}
.orderForm .topForm .topFormSubttl{font-size:20px;text-align: center;color: #fff;}
.orderForm form{box-sizing:border-box;padding: 25px;width: 100%;overflow: auto;height: calc(100vh - 70px);}
.orderForm .formTxt{color: #2a4d69;font-size: 20px;text-align: right;}
.orderForm .inputsWrap{display:flex;justify-content: space-between;flex-wrap: wrap;margin-top: 15px;}
.orderForm .inputWrap{width: 48%;height: 50px;border:1px solid #2a4d69;position: relative;border-radius:5px;overflow: hidden;margin: 2% 0;}
.orderForm .inputWrap input[type="text"]{background: transparent;padding-top: 8px;width: 100%;height: 100%;border:0;box-sizing:border-box;padding-right: 10px;font-size: 24px;color: #2a4d69;}
.orderForm .inputWrap input[type="text"] + label{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;position: absolute;right: 10px;font-size: 24px;color: #aaaaaa;top: 12px;}
.orderForm .inputWrap input[type="text"]:focus + label{font-size: 14px;color: #2497b2;top: 2px;}
.orderForm .inputWrap input[type="text"]:valid + label{font-size: 14px;color: #2497b2;top: 2px;}
.orderForm .inputWrap input[type="tel"]{background: transparent;padding-top: 8px;width: 100%;height: 100%;border:0;box-sizing:border-box;padding-right: 10px;font-size: 24px;color: #2a4d69;}
.orderForm .inputWrap input[type="tel"] + label{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;position: absolute;right: 10px;font-size: 24px;color: #aaaaaa;top: 12px;}
.orderForm .inputWrap input[type="tel"]:focus + label{font-size: 14px;color: #2497b2;top: 2px;}
.orderForm .inputWrap input[type="tel"]:valid + label{font-size: 14px;color: #2497b2;top: 2px;}
.orderForm .inputWrap select{background: transparent;-webkit-appearance: none;cursor: pointer;width: 100%;height: 100%;border:0;box-sizing:border-box;padding-right: 10px;font-size: 20px;color: #2a4d69;}
.orderForm .inputWrap select + label{cursor: pointer;position: absolute;right: 10px;font-size: 24px;color: #aaaaaa;top: 12px;}
.orderForm .inputWrap.date{background:url('/webimages/calIco.png') no-repeat center left 4px;}
.orderForm .inputWrap.time{background:url('/webimages/clockIco.png') no-repeat center left 4px;}
.orderForm .inputWrap.selectw{background:url('/webimages/arrDownSelect.png') no-repeat center left 4px;}
.orderForm .sendMsg{width: 100%;height: 70px;margin-top: 2%;line-height: 70px;text-align: center;color: #fff;font-size: 34px;font-weight: bold;cursor: pointer;border-radius:5px;background:#e53631;}


.ui-timepicker-standard{z-index: 99 !important; }

#footer{}
#footer .contact{min-height:220px;position:relative;}
#footer .contact .contactForm .title h2 {font-size:38px;text-align:right;color:#2e445b;font-weight:500;padding-right: 22px;}
#footer .contact .contactForm .title h3{font-weight: normal;text-align:right;color:#717171 ;padding-bottom: 10px;font-size: 18px;padding-right: 22px;}
#footer .contact .contactForm .field{display:inline-block;position:relative;margin:3px}
#footer .contact .contactForm .field input{border-radius:5px;font-size:16px;color:#767676;width:234px;padding:0 10px;border:1px solid #d0d1cf;background:#f6f6f6;height:40px;line-height:40px;}
#footer .contact .contactForm .field input.submit{border:0;border-radius:5px;font-size:18px;cursor:pointer;background:#2e445b;color:#fff;width:256px;height:42px;line-height:20px;}
#footer .contact .contactForm .field span.select{font-size:16px;cursor:pointer;color:#767676;background:url(../webimages/sel.png) left 5px center no-repeat #fff;display:block;margin:0 auto;padding:0 10px;text-align:right;border:1px solid #c9c9c9;height:40px;line-height:40px;-moz-box-shadow:inset 0px 0 4px rgba(0,0,0,0.07);-webkit-box-shadow:inset 0px 0 4px rgba(0,0,0,0.07);box-shadow:inset 0px 0 4px rgba(0,0,0,0.07);}
#footer .contact .contactForm .field select{cursor:pointer;position:absolute;left:0;right:0;bottom:0;top:0;width:100%}
#footer .contact .contactForm .field .orderEmail{width: 20vw;min-width: 256px;max-width:334px;}
#footer .contact .contactForm .field.small {width:68px;display:inline-block;vertical-align:top;}
#footer .contact .contactForm .field.small span.select{padding:0 2px;font-size:12px;}


::-webkit-input-placeholder{color:#797878;font-size:18px;font-family: 'FbMetali';}
:-moz-placeholder {color:#797878;font-size:18px;font-family: 'FbMetali';}
::-moz-placeholder {color:#797878;font-size:18px;font-family: 'FbMetali';}
:-ms-input-placeholder {color:#797878;font-size:18px;font-family: 'FbMetali';}


.SSD{min-height:50px;overflow:hidden;}
.SSD .centerDiv{max-width:1200px;margin:0 auto;position:relative}
.SSD .allRight{color:#707070;float: right;line-height: 50px;}
.SSD .ssdLogo{background:url(../webimages/ssd-logo_07.png) center left no-repeat;line-height:50px;color:#707070;float: left; text-align: right;padding-left:80px;}

@media (max-width: 1200px) {
#inc_index .grid .wrraper .box{width: 47vw;height: 30vw;}
#inc_index .sap1 .grid h2{text-align:center;height:auto;font-size: 24px;}
#inc_index .sap1 .grid h2::after{display:none;}
.grid {padding:0 20px;box-sizing:border-box;}
}


@media(min-width:1024px){

	#menu > ul > li:hover{border-bottom:2px solid #2e445b;}
	#menu ul > li > ul > li:hover{background:#a2a2a2;}
	#menu ul > li > ul > li:hover a{color:#fff;}
	#menu ul > li:hover ul{opacity: 1;max-height:500px;z-index:9}


}

/* side menu */
@media (max-width: 1024px) {
	.menuButton{display:block}
	#header .menuWrap{z-index: 100;}
	.open #menu{left:0}
	#menu{position: fixed;overflow: auto;width: 300px;left: -302px;top: 0;border-right:1px solid #525947 ;background:#fff;height: 100%;bottom: 0;z-index: 99;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
    #menu ul {display: block;height: 100%;overflow: auto;padding:0;margin: 0;}
	#menu > ul > li.expand{display:block;font-size: 20px;line-height: 40px;}
	#menu > ul > li{display:block;border-bottom: 1px solid rgba(55, 110, 148, 0.3);margin: 0;padding: 0;width:100%;}
	#menu > ul > li a{display: block;color:#e7e7e7}
	.topMenu{display:block !important;} 

	#menu ul li:hover{background:#f5f5f2;}
	#menu ul li:hover a{color:#444444;}
	#menu ul li.expandable::after {background: rgba(0, 0, 0, 0) url("/webimages/arDown_white.png") no-repeat scroll center center / contain ;color: #fff;content: "";height: 40px;left: 0px;position: absolute;top: 0;width: 50px;background-size: auto;}
	#menu ul li.open{height: auto;}
	#menu ul > li.open > ul{position:static;opacity: 1;max-height: none;}
	#menu > ul > li > a{padding-left:0;color:#525947; height: 40px;line-height: 40px;}
	#menu > ul > li:hover > a{background:transparent;color:#525947;}
	#menu > ul > li.active a {text-shadow:none}
	#menu > ul > li.active {background:#f5f5f2 }
	#menu ul > li > ul{-moz-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;width:100%;border:none;}
	#inc_index .aboutSec{margin-top:0}
	#inc_index .aboutSec .shlomit{max-width: 240px;height: 380px;}
	#inc_index .aboutSec .text{margin-right: 285px;}
	#inc_index .aboutSec .grid .wrapAbout{min-height:530px}
	#inc_index .aboutSec  img{position: absolute;top: 400px;right: 10px;}
	#footer .grid{max-width: 530px;}
	#footer .contact .contactForm .field #orderEmail{width: 234px;min-width: initial;}

	#inc_pages .grid .title h1{text-align:center}
	#inc_pages .grid .wrapper{min-height:auto;}
	#inc_pages .grid .PageImgWrap{float:none;}
	#inc_pages .grid .content{margin:20px auto;padding-right:20px}
	#inc_pages .grid .links{position:static;}
	#inc_pages .grid{max-width:570px;height:auto}

	

}


/*768*/
@media (max-width: 768px) {

#header .grid .phoneNum{margin-top:10px}
#header .grid .social{margin-top:10px}
#header .grid .logo{top:60px;max-width: 190px;}
#mainGallery .owl-dot {width: 4%;}
#inc_index .grid .wrraper .box{max-width:368px;height:254px;width:80%;}
#inc_index .aboutSec .text {padding:0 20px;margin-bottom: 20px;margin-right: 0px;max-height: 192px;overflow: hidden;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s}
#inc_index .aboutSec .shlomit{position: static;max-width:155px;height:188px;background-size: cover !important;margin-right:20px;float: right;position: static;float: right;}
#inc_index .aboutSec  img{position: static;float: right; width: 40vw;margin-right: 10px;}
#inc_index .aboutSec .readMore{display:block;}
#inc_index .aboutSec .grid .wrapAbout{min-height:auto;}
#inc_index .grid .title h2{font-size: 38px;}
#inc_pages .grid .links{margin-right:20px}
#inc_pages .grid .links ul li{display:block;margin: 10px 0;text-align: right;}
#inc_pages .grid .links ul li:first-child{display:block;margin: 10px 0;}
#inc_index .sap1 .grid h2{line-height: 50px;}

#inc_contact .grid .contact{display:block;max-width:600px;width:100%;margin: 0 auto;}
#inc_contact .grid .mapFrame{display:block;width:100%;margin-top:30px;}
/* *{
  -webkit-touch-callout: none;
  -webkit-user-select: none; 
  -khtml-user-select: none;    
  -moz-user-select: none;   
  -ms-user-select: none;      
  user-select: none;           
                                 
 }*/

   input, input:before, input:after {
      -webkit-user-select: initial;
      -khtml-user-select: initial;
      -moz-user-select: initial;
      -ms-user-select: initial;
      user-select: initial;
     } 

}

@media (max-width: 400px){

#header .grid .phoneNum{font-size:20px;}
.orderForm .inputWrap input[type="text"]{font-size: 16px;}
.orderForm .inputWrap select{font-size: 16px;}
.orderForm .inputWrap input[type="text"] + label{font-size: 16px;}


}