@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);
*{margin:0;outline:0;border:0;vertical-align:top;padding:0}
.container{max-width:1540px;margin:0 auto;display:block;position:relative}
.mob{display:none}
.desk{display:block}
body{font-family:'Open Sans Hebrew',arial}
input,select{font-family:inherit}
header .bg{padding-bottom:70px;background-image:url(/assets/img/bg.jpg);background-position:center center}
header{text-align:center;color:#fff;z-index: 99;position: relative;}
header .logo{padding-top:30px}
header .menu{border-top:4px solid #dedee5;box-sizing:border-box;height:82px;border-bottom:1px solid #dedee5}
header .menu > ul{line-height:77px;display:block;list-style:none;font-size:20px}
header .menu > ul > li{display:inline-block;position: relative;	}
header .menu > ul > li > a{color:#777;text-decoration:none;padding:0 12px;box-sizing:border-box}
header .menu > ul > li > ul{background:#fff;width:100%;max-width:220px;margin:0;display:none;border:1px #112837 solid;transform:none}
header .menu > ul > li > ul > li{display:block;text-align:right;border-top:1px solid #ccc;padding:0 10px;box-sizing:border-box;line-height:40px}
header .menu > ul > li > ul > li > a{text-decoration: none;color:#000;text-align:right;padding:0;box-sizing:border-box;display:block}
header .menu > ul > li:hover > ul{display: block;}


header .contact-form{margin-top:60px}
header .bg>.text{margin-top:50px;font-size:18px;}
header .bg>.text>ul{list-style:none;display:block;margin:0 auto}
header .bg>.text>ul li{display:inline-block;position:relative;padding-left:25px;font-weight:600}
header .bg>.text>ul li:not(:last-child)::after{content:'';position:absolute;top:50%;left:10px;transform:translateY(-50%);width:8px;height:8px;background:#fff;border-radius:50%}


.beforeMenu {position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6);display:none;width:100%;height:100%;z-index:18;cursor:pointer;}
body.menu .beforeMenu {display:block}
header.scroll {position:fixed;top:0;right:0;left:0;top:-80px;transition:all .2s ease;display:block;z-index:10;}
.h_scroll header.scroll {top:0}
header.scroll .menuButton{display:block}
header.scroll .logo{position:absolute;top:50%;right:50%;padding-top:0;transform:translateY(-50%) translateX(50%)}
header.scroll .bg{padding-bottom:80px;height:0;top:0}
header.scroll .bg>.text{display:none}
header.scroll .contact-form .form{display:none}
header.scroll .logo img{max-height:50px}
header.scroll .logo .text span{display:none;font-size:10px}
header.scroll .contact-form{margin-top:0;position:absolute;top:0;left:10px;text-align:left}
header.scroll .logo .text{font-size:10px}
header.scroll .contact-form .call{font-size:0;width:100px;height:80px}
header.scroll .contact-form .call>span{font-size:10px;position:absolute;top:50%;left:0;transform:translateY(-50%)}
header.scroll .contact-form .call span svg{fill:#fff}
header.scroll .contact-form .leave{display:none}
.contact-form .call .mob{display:none}
header.scroll .contact-form .call .mob{display:block}
header.scroll .contact-form .call span>span{margin-bottom:5px}
.h_scroll header .menu{position:fixed;top:0;right:-320px;width:100%;max-width:320px;background:#fff;height:100vh;transition:all .2s ease;}
.h_scroll header .menu ul{line-height:40px}
.h_scroll header .menu ul li{display:block;text-align:right;padding:0 10px;box-sizing:border-box}
.h_scroll.menu header .menu {right:0;z-index:20;}
.h_scroll header .menu > ul > li > ul{display: block;border:0;max-width:100%;font-size: 14px;}
.h_scroll header .menu > ul > li > ul > li{border:0;line-height: 30px;}

.notHome header:not(.scroll) .bg {display:none}

.notHome #page {padding-top:80px}

.logo{position:relative;display:block;margin:0 auto}
.logo .text{font-weight:600;line-height:1;font-size:20px}
.logo .text span{display:block;font-size:16px;font-weight:400}
.contact-form .form{background:rgba(0,0,0,.5);max-width:950px;margin:0 auto;border-radius:3px;border:1px solid #777;padding:20px 18px 45px 18px;font-size:0;box-sizing:border-box;position:relative}
.contact-form{display:block}
.contact-form .leave{padding-bottom:5px;font-size:16px}
.contact-form .call{font-weight:600;font-size:20px}
.contact-form .inputWrap{display:inline-block}
.contact-form .form .inputWrap{display:inline-block;background:#fff;width:100%;border-radius:3px;max-width:220px;height:50px;position:relative;margin:0 4px}
.contact-form .form .inputWrap input{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;font-size:18px;background:0 0;z-index:1;padding:0 15px;box-sizing:border-box}
.contact-form .form .inputWrap input+label{font-size:18px;color:#999;position:absolute;top:0;right:0;line-height:50px;box-sizing:border-box;padding:0 15px}
.contact-form .form .submit{position:absolute;bottom:0;right:50%;transform:translateX(50%) translateY(50%);width:100%;max-width:220px;border-radius:3px;background:#0277d1;height:50px;box-sizing:border-box;font-size:20px;font-weight:600;cursor:pointer;line-height:50px;border:1px solid #fff}
.menuButton>div{font-size:10px;white-space:nowrap;text-align:right;margin-right:8px;margin-top:6px}
.menuButton{cursor:pointer;height:auto;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:57px;z-index:3;display:none}
.menuButton span{background:#fff none repeat scroll 0 0;display:block;height:2px;margin:0 auto;transition:all .5s ease 0s;width:70%}
.menuButton span:nth-child(1){margin-top:8px}
.menuButton span:nth-child(2){margin-bottom:8px;margin-top:8px}
.menuButton span:nth-child(3){margin-bottom:0}
.home{line-height:1.3;text-align:center}
.home>.title_office{padding-top:55px}
.home>.title_office .con{font-size:18px;color:#777}
.home>.title_office h2{font-size:30px;padding-bottom:24px;font-weight:400}
.home>.services{text-align:center;padding-top:80px}
.home>.services>.items{font-size:0}
.home>.services>h2{font-size:30px;padding-bottom:24px;font-weight:400}
.home>.projects{padding-top:100px}
.home>.customers{padding-top:100px}
.home>.projects>h2{font-size:30px;padding-bottom:24px;font-weight:400}
.home>.customers>h2{font-size:30px;padding-bottom:24px;font-weight:400}

.innerPage{margin-top: 130px;}
.grid{width: 100%;max-width:1240px;position: relative;margin:0 auto;padding: 0 20px;box-sizing:border-box;overflow: hidden;}

.innerPage h1{text-align: center;font-size: 30px;padding-bottom: 24px;font-weight: 400;}
.innerPage .con{text-align: center;font-size: 18px;color: #777;}


.boxesWrap{text-align: center;margin-top: 30px;}
.boxesWrap .item{max-width:30%;display: inline-block;width: 100%;margin: 1%;}
.boxesWrap .item .bg{height:0;padding-bottom:62%;border-radius:3px;box-sizing:border-box;position:Relative;background-size:cover}
.boxesWrap .item .bg .title{position:absolute;top:20px;background:rgba(0,0,0,.8);color:#fff;line-height:40px;font-size:20px;font-weight:400;padding:10px 15px;box-sizing:border-box}
.boxesWrap .item .bg .title svg{display:inline-block;vertical-align:middle;fill:currentColor;margin-left:5px}



section.projects .items .item{max-width:96%;margin:0 auto}
section.projects .items .item .bg{height:0;padding-bottom:62%;border-radius:3px;box-sizing:border-box;position:Relative;background-size:cover}
section.projects .items .item .bg .title{position:absolute;top:20px;background:rgba(0,0,0,.8);color:#fff;line-height:40px;font-size:20px;font-weight:400;padding:10px 15px;box-sizing:border-box}
section.projects .items .item .bg .title svg{display:inline-block;vertical-align:middle;fill:currentColor;margin-left:5px}
.items.owl-carousel .owl-nav.disabled{display:block}
.items.owl-carousel .owl-nav button.owl-prev{position:absolute;top:50%;right:-30px;transform:translateY(-50%) rotate(-45deg);width:30px;font-size:0;height:30px;border-right:2px solid #1c1c1c;border-bottom:2px solid #1c1c1c}
.items.owl-carousel .owl-nav button.owl-next{position:absolute;top:50%;left:-30px;transform:translateY(-50%) rotate(-45deg);width:30px;font-size:0;height:30px;border-left:2px solid #1c1c1c;border-top:2px solid #1c1c1c}
.items.owl-carousel .owl-dots{display:block;text-align:center;padding-top:20px}
.items.owl-carousel .owl-dots.disabled{display:block}
.items.owl-carousel .owl-dots .owl-dot{background:#ccc;width:10px;height:10px;border-radius:10px;display:inline-block;margin:0 5px}
.items.owl-carousel .owl-dots .owl-dot.active{background:#000}
.v-box{border:1px solid #dedee5;box-sizing:border-box;border-radius:3px;text-align:right;width:100%;max-width:32.33%;display:inline-block;padding:20px;min-height:140px;margin:0 .5% 20px .5%}
.owl-carousel .v-box{max-width:500px}
.v-box svg{fill:#0277d1}
.v-box .title{font-size:20px;color:#000;line-height:40px;font-weight:400}
.item.v-box .con p,.item.v-box .con p span{font-size:18px!important;color:#777;line-height:1.3!important}
.v-box .title span{padding-right:5px}
.v-box .con{padding-top:10px}
.v-box .pic {background-size: cover;background-position:center;width: 120px;height: 120px;float: right;margin-left: 10px;}
footer .bg{padding-bottom:70px;background-image:url(/assets/img/bg.jpg)}
footer .contact-form{padding-top:65px}
footer .logo{margin-top:100px}
footer{color:#fff;text-align:center}
footer .menu{border-top:4px solid #dedee5;box-sizing:border-box;height:82px;border-bottom:1px solid #dedee5}
footer .menu ul{line-height:77px;display:block;list-style:none;font-size:20px}
footer .menu ul li{display:inline-block}
footer .menu ul li a{color:#777;text-decoration:none;padding:0 12px;box-sizing:border-box}
footer .contact-form{margin-top:60px}
.SSD{background:#08091e;height:50px;line-height:50px;color:#fff;padding:0 10px;box-sizing:border-box}
.SSD a{color:inherit}
@media (max-width:992px){
    .container {padding:0 10px;box-sizing:border-box;}
    header .bg {background-size:cover;}
.mob{display:block}
.desk{display:none}
.contact-form .form{max-width:calc(100% - 30px);padding-bottom:25px}
.contact-form .form .inputWrap{margin-bottom:10px}
header .menu {display:none}
.h_scroll.menu header .menu {display:block}
.home>.title_office .con br{display:none}
.owl-carousel .v-box{max-width:calc(100% - 20px)}
section.projects .items .item{max-width:94%}
.v-box{max-width:calc(50% - 30px)}
.items.owl-carousel .owl-nav button.owl-next{left:10px}
.items.owl-carousel .owl-nav button.owl-prev{right:10px}
footer .menu{display:none}
.boxesWrap .item{margin: 20px 0px; max-width: 100%;}

}
@media (max-width:810px){
.v-box{max-width:calc(100% - 5px);margin-right:0;margin-left:0}
}