*{margin:0; padding:0;font-family:"OpenSans",arial;} html{margin:0px; padding:0;height:100%;font-family:"OpenSans",arial;} body{background:#fff;margin:0px;padding:0;font-size: 16px;min-height:100%;min-width:320px;font-family:"OpenSans",arial;} body *{direction:rtl} img{border:0;} a{text-decoration: none; display:block;cursor:pointer;color: initial;} a:link{text-decoration: none;color: initial;} h1{} h2{font-size:25px;text-align:center;color:#365a60;} h3{font-size:25px;text-align:center;color:#365a60;} h3{} h4{} textarea,input[type="text"],input[type="button"],input[type="submit"] {-webkit-appearance: none;-webkit-border-radius:0px;} .ruller{width:auto;overflow:hidden;visibility:none;height:1px;white-space: nowrap;float:right;font-size:19px; padding:0 10px;} .container-100{overflow:hidden;position:relative;width:100%;min-width:320px;float:;text-align:center;min-height:100%;height:auto;margin:0 auto;} .grid{max-width:1200px;width:100%;margin:0 auto;text-align:center;position:relative;height: 100%;overflow: hidden;} .menuButton {cursor:pointer;display: none;height: 30px;position: absolute;right: 10px;top: 15px;width: 40px;z-index: 999999999;} .menuButton span {background: #3d536a none repeat scroll 0 0;border-radius: 10px;display: block;height: 4px;margin: 0 auto;transition: all 0.5s ease 0s;width: 100%;} .menuButton span:nth-child(1) {margin-top: 0;} .menuButton span:nth-child(2) {margin-bottom: 10px;margin-top: 10px;} .menuButton span:nth-child(3) {margin-bottom: 0;} #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: 9999;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;} .open .menuButton > span:nth-child(1) {transform: translateY(14px) rotate(135deg);} .open .menuButton > span:nth-child(2) {transform: scale(0);} .open .menuButton > span:nth-child(3) {transform: translateY(-14px) rotate(-135deg);} .open .closeMenu {width: calc(100% - 300px);} #header{height:156px;box-sizing:border-box;} #header .grid{z-index:2} #header .social{float:left;height:94px;position:relative;max-width:360px;width:100%;margin-top: 24px;} #header .social img{position:absolute;left:0;} #header .social .facebook{width:34px;height:34px;background:url('/webimages/facebookIco.png') no-repeat center center;position:absolute;top:calc(50% - 17px);left:110px;} #header .social .phone{background:url('/webimages/phoneIco.png') no-repeat left center;padding-left:46px;height:34px;position:absolute;top:calc(50% - 17px);left:158px;} #header .social .phone span{font-weight:bold;font-size:24px;color:#575757;} #header .grid .headerTtl{position:absolute;left:0;right:0;top:40px;margin:0 auto;width:260px} #header .grid .headerTtl .first{color:#a3a3a3;text-align:right;font-size:38px;font-weight:bold;font-style:italic;line-height: 30px;} #header .grid .headerTtl .second{color:#a3a3a3;text-align:left;font-size:42px;font-weight:bold;font-style:italic;line-height: 46px;} #header .logo{z-index: 2;width:264px;padding-top:20px;} #header .logo img{width:100%} #header .logo .logoTTl{color:#747474;text-align:center;letter-spacing:3px} .topMenu{display:none !important;} .topMenu img{width:150px;} .grid.menu{overflow:visible;z-index: 9999;} .scrl .grid.menu{position:fixed;top:0;right:0;left:0;height:0} .scrl #menu{border-bottom: 1px solid #365a60;} .scrl #inc_projects{margin-top:64px} .scrl #inc_project{margin-top:64px} .scrl #inc_index{margin-top:64px} .scrl #inc_page{margin-top:64px} .scrl #inc_page{margin-top:64px} .scrl #inc_recommend{margin-top:64px} .scrl #inc_contact{margin-top:64px} #menu{max-width:1200px;margin:0 auto;width:100%;display:table;} #menu ul{list-style: none;display:table-row;} #menu > ul > li{position:relative;background:#f5f5f2;display:table-cell;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s} #menu > ul > li:last-child a{} #menu > ul > li > a{display:block; line-height: 44px;color:#444444;font-size:16px;height:44px;padding:0 20px} #menu > ul > li:hover{background:#d79f9f ;} #menu > ul > li.active{background:#d73938;} #menu > ul > li.active a{color:#ffffff;} #menu > ul > li:hover > a{color:#ffffff;} #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: 99%;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;} #menu ul > li:hover ul{opacity: 1;max-height:500px} #menu ul > li > ul > li{width:100%;height:40px;line-height:40px;} #menu ul > li > ul > li > a{color:#444444;text-align:center;} #menu ul > li > ul > li > a:hover{} #menu ul > li > ul > li:hover{background:#a2a2a2;} #menu ul > li > ul > li:hover a{color:#fff;} ::-webkit-input-placeholder{color:#2a3848;font-size:16px;} :-moz-placeholder {color:#2a3848;font-size:16px;} ::-moz-placeholder {color:#2a3848;font-size:16px;} :-ms-input-placeholder {color:#2a3848;font-size:16px;} #inc_index{margin-top:30px;position: relative;} .sentWrap {background: rgba(255, 255, 255, 0) linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)) repeat scroll 0 0;direction: rtl;max-width: 1000px;overflow: hidden;padding: 2% 0;position: absolute;right: 0;top:0;width: 84%;margin-top:11%} .sentWrap .owl-controls{display:none;} #inc_index .galWrap {max-width:1200px;width:100%;margin:0 auto;text-align:center;position:relative;height: 100%;overflow: hidden;} #mainGallery{padding-bottom: 33%;height:0px;overflow:hidden;position:relative;background:url('/webimages/5.jpg') no-repeat bottom center;background-size:contain;} #mainGallery .owl-carousel{overflow:hidden;position:relative;width:100%;margin:0 auto;max-width:1200px;} #mainGallery .owl-carousel .owl-item{padding-bottom: 4.8%;height:0;} #mainGallery .grid{left: 0;margin: 0 auto;overflow: hidden;position: absolute;right: 0;} #mainGallery .slides{background-position: center top;background-size: cover !important;position:absolute;top:0px;:0px;bottom:0px;right:0;left:0;:0px;z-index:0;overflow:hidden;width: 100%;height: auto;} #mainGallery .owl-controls{left: 0;margin: 0 auto;position: absolute;right: 0;top: 40px;max-width: 1200px;} #mainGallery .owl-dots{left: 30px;position: absolute;} #mainGallery .owl-dot{width:15px;height:15px;border-radius:50%;background:url(/webimages/qa2.png) no-repeat center center;display:inline-block;margin:1px;font-size:0;} #mainGallery .owl-dot.active{width:15px;height:15px;border-radius:50%;background:url(/webimages/qa1.png) no-repeat center center;display:inline-block;margin:1px;font-size:0;} .hand{background: rgba(0, 0, 0, 0) url("/webimages/handhouse.png") no-repeat scroll left bottom / contain ;position:absolute;bottom:-480px;left:-480px;width:42vw;height:0px;padding-bottom: 33%;z-index:3; animation-name:growHand;animation-duration:2s;animation-fill-mode: forwards;animation-timing-function: ease-in-out;animation-delay:1s} .sentence{font-size: 29px;font-style: italic;font-weight: bold;color: #365A60;text-align:right;padding-right:26px;line-height: 30px;} #inc_index .contact{background:#f5f5f2;max-width:1200px;margin:0 auto;padding-bottom:10px;} #inc_index .contact.service{margin-top:30px;} #inc_index .contact h2{padding: 20px 0;} #inc_index .contact h3{max-width:800px;width:100%;margin:0 auto 10px;padding: 0 15px;box-sizing: border-box;font-size:14px;color:#777777;font-weight:normal} #inc_index .contact .contactForm{} #inc_index .contact .contactForm .inpt{margin: 14px 4px;vertical-align:top;width:225px;height:48px;display:inline-block;box-sizing:border-box;padding-right:40px;border:1px solid #aeaeae;border-radius:5px;} #inc_index .contact .contactForm .inpt.fullName{background:#fff url('/webimages/nameForm.png') no-repeat center right 10px;} #inc_index .contact .contactForm .inpt.phone{background:#fff url('/webimages/phoneForm.png') no-repeat center right 10px;} #inc_index .contact .contactForm .inpt.email{background:#fff url('/webimages/mailForm.png') no-repeat center right 10px;} #inc_index .contact .contactForm .inpt.note{background:#fff url('/webimages/noteForm.png') no-repeat top 12px right 10px;padding-top:12px;font-size:15px} #inc_index .contact .contactForm .inpt.note:focus {height:100px} #inc_index .contact .contactForm .sendBtn{cursor:pointer;margin: 14px 4px;vertical-align:top;display: inline-block;font-size:20px;color:#fff;width:144px;height:48px;text-align:center;line-height:48px;background:#d73938;border-radius:5px;} #inc_index .midCon{padding-bottom: 30px;} #inc_index .midCon h2{padding: 20px 0;} #inc_index .midCon .text{font-size:16px;color:#676767;max-width:880px;width:100%;margin:0 auto;padding: 0 15px;box-sizing: border-box;} .roundSec{min-height:276px;background:#f5f5f2;} .roundSec .grid{padding: 40px 0;} .roundSec .grid .box{opacity:0;width:300px;height:92px;display:inline-block;position:relative;overflow:hidden;margin:10px 48px;} .roundSec.mobile .grid .box{opacity:1;} .roundSec.animation .grid .box{animation-name:fadeBox;animation-duration:1s;animation-fill-mode: forwards;animation-timing-function: ease;} .roundSec .grid .box~.box{animation-delay: 0.3s;} .roundSec .grid .box~.box~.box{animation-delay: 0.6s;} .roundSec .grid .box~.box~.box~.box{animation-delay: 0.9s;} .roundSec .grid .box~.box~.box~.box~.box{animation-delay: 1.2s;} .roundSec .grid .box~.box~.box~.box~.box~.box{animation-delay: 1.5s;} .roundSec .grid .box~.box~.box~.box~.box~.box~box{animation-delay: 1.8s;} .roundSec .grid .box .image{width:92px;height:92px;position:absolute;right:0;border-radius:50px;} .roundSec .grid .box .image img{width:100%} .roundSec .grid .box .textWrap{width:188px;position:absolute;left:0;} .roundSec .grid .box .ttl{font-size:20px;font-weight:bold;color:#365a60;text-align:right;} .roundSec .grid .box .subTtl{font-size:14px;color:#444444;text-align:right;margin-top:6px;} #inc_index .projectsSec{} #inc_index .projectsSec .grid{max-width:1280px} #inc_index .projectsSec .grid h2{padding:40px 0;} .allBoxes{padding:10px 30px;box-sizing: border-box;} .allBoxes .box{background:#f5f5f2;display:inline-block;vertical-align:top;width:280px;height:320px;overflow:hidden;margin:10px;border:1px solid #dbdbdb;box-shadow:0 0 6px 2px rgba(219,219,219,0.5)} .allBoxes.static .box{margin:9px} .allBoxes .box .info{padding:5px;box-sizing:border-box;} .allBoxes .box .info .lineInfo{overflow:hidden;margin-top:6px;} .allBoxes .box .info .lineInfo .rgtInfo{color:#365a60;font-size:15px;float:right;} .allBoxes .box .info .lineInfo .lftInfo{color:#365a60;font-size:15px;float:left;} .allBoxes .box .info .lineInfo span{font-weight:bold} .allBoxes .box .info .moreInfo{line-height: 22px;font-size:13px;color:#365a60;text-align:right;height:50px;background:#fff;box-sizing: border-box;padding:5px;margin-top:10px;overflow:hidden} .allBoxes .box .ttl{font-size:15px;font-weight:bold;text-align:right;color:#365a60;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;} .allBoxes .box .pic{height: 180px;width: 100%;padding: 5px;box-sizing: border-box;position:relative;} .allBoxes .box .pic .inPic{width:100%;height:100%} .allBoxes .box .pic .inPic.sold{-webkit-filter: grayscale(100%);filter: grayscale(100%);} .allBoxes .owl-controls{left: 0;position: absolute;right: 0;top: calc(50% - 20px);width: 100%;} .allBoxes .owl-controls .owl-nav{} .allBoxes .owl-controls .owl-nav .owl-prev{width:23px; height:40px;background:url('/webimages/lftArrow.png') no-repeat center center;position:absolute;left:0;font-size:0} .allBoxes .owl-controls .owl-nav .owl-next{width:23px; height:40px;background:url('/webimages/rgtArrow.png') no-repeat center center;position:absolute;right:0;font-size:0} #inc_index .bottomSec{background:url('/webimages/bottomPic.jpg') no-repeat center center;height:356px;background-size:cover;margin-top:40px;} #inc_index .bottomSec .grid{padding-top:30px;} #inc_index .bottomSec .grid .topTxt{font-size:25px;color:#ffffff;margin-top:10px;} #inc_index .bottomSec .grid .logo{width:272px;margin: 10px auto;} #inc_index .bottomSec .grid .logo img{width:100%;} #inc_index .bottomSec .grid .txt{color:#ffffff;font-size:22px;font-style: italic;font-weight:bold;} #inc_index .bottomSec .grid .botText{color:#ffffff;font-size:18px;margin:15px 0;} #inc_index .bottomSec .grid .botPhone{color:#ffffff;font-size:30px;font-weight:bold;} #inc_index .news::before{z-index:5;content:"עדכונים";position:absolute;right:0;color:#365a60;font-size:15px;width:76px;background:#dee5e7;height:50px;line-height:50px;} #inc_index .news{background: #f9f9f9 none repeat scroll 0 0;height: 50px;left: 0;margin: 0 auto;max-width: 1200px;position: absolute;right: 0;width: 100%;} #inc_index .news .newsBox{background: #f9f9f9 none repeat scroll 0 0;height: 100%;margin-right: 120px;display: block;overflow: hidden;width: 60%;} #inc_index .news .newsWrap{position: relative;z-index: 999;overflow: hidden;width: 76%;height:100%;} #inc_index .news .newsBox .day{text-align: right;font-size: 13px;color: #365a60;margin-top: 8px;} #inc_index .news .newsBox .newsText{text-align: right;font-size: 17px;color: #365a60;font-weight:bold;line-height:15px;height: 20px;} #inc_index .news .owl-controls{position:absolute;width:40px;right:76px;top:0;height:50px;background:#F9F9F9;z-index:5} #inc_index .news .owl-controls .owl-nav{} #inc_index .news .owl-controls .owl-nav .owl-prev{width:18px;height:11px; background:url('/webimages/upArrow.png') no-repeat center center;position:absolute;top:8px;font-size:0;left:0;right:0;margin:auto;} #inc_index .news .owl-controls .owl-nav .owl-next{width:18px;height:11px; background:url('/webimages/downArrow.png') no-repeat center center;position:absolute;bottom:8px;font-size:0;left:0;right:0;margin:auto;} #inc_page{margin-bottom:30px;} #inc_page .grid{margin-top:50px;min-height: 680px;} #inc_page .grid .contentWrap{margin-top:50px;position:relative;} #inc_page .grid h2{text-align:right;padding-right:15px;} #inc_page .grid .textPage{margin-right:440px;font-size:18px;color:#676767;text-align:right;padding:0 15px} #inc_page .grid .textPage .roundSec .grid .box{margin:10px 28px;display:block;float:right;} #inc_page .grid .textPage .roundSec .grid{min-height:auto;margin-top:24px;} #inc_page .grid .mediaWrap{max-width:420px;width:100%;position:absolute;top:0;right:0;} #inc_page .grid .mediaWrap .pic{height: 334px;overflow: hidden;border: 1px solid #c2c2c2;box-sizing: border-box;max-width: 416px;padding: 10px;width: 100%;} #inc_page .grid .mediaWrap .pic img{width: 100%;display: block;} #inc_page .grid .mediaWrap .pageCntactForm{position: relative;margin-top:30px;padding: 20px 10px;box-sizing: border-box;max-width:416px;width:100%;height:374px;background:#f5f5f2;position:relativel} #inc_page .grid .mediaWrap .pageCntactForm .stro{width:74px;height:112px;position:absolute;left:0;top:-25px;background:url('/webimages/stro.png') no-repeat center center;} #inc_page .grid .mediaWrap .pageCntactForm .inpt{position:relative;margin: 8px 4px;vertical-align:top;width:180px;height:48px;display:inline-block;box-sizing:border-box;padding-right:40px;border:1px solid #aeaeae;border-radius:5px;} #inc_page .grid .mediaWrap .pageCntactForm .inpt.fullName{background:#fff url('/webimages/nameForm.png') no-repeat center right 10px;} #inc_page .grid .mediaWrap .pageCntactForm .inpt.phone{background:#fff url('/webimages/phoneForm.png') no-repeat center right 10px;} #inc_page .grid .mediaWrap .pageCntactForm .inpt.email{background:#fff url('/webimages/mailForm.png') no-repeat center right 10px;max-width:370px;width:100%} #inc_page .grid .mediaWrap .pageCntactForm .inpt.note{background:#fff url('/webimages/noteForm.png') no-repeat top 12px right 10px;max-width:370px;width:100%;padding-top:12px;padding-bottom:10px;height:100px} #inc_page .grid .mediaWrap .pageCntactForm .sendBtn{cursor:pointer;margin: 14px 12px;vertical-align:top;float: left;font-size:20px;color:#fff;width:225px;height:48px;text-align:center;line-height:48px;background:#d73938;border-radius:5px;} .sold{background:url('/webimages/sold.png')no-repeat center center;position:absolute;left:0;right:0;bottom:0;top:0;} #inc_projects{margin-bottom:30px;} #inc_projects .grid{margin-top:50px;max-width:1280px;} #inc_projects .grid h2{text-align:right;padding-right:45px;} #inc_project{margin-bottom:30px;} #inc_project .grid{margin-top:50px;} #inc_project .grid h2{text-align:right;padding-right:15px;} #inc_project .grid .contentWrap{position:relative;overflow:hidden;min-height:550px;} #inc_project .grid .contentWrap .zoom{max-width: 720px;text-align:center;width:100%;float:left;} #inc_project .grid .contentWrap .textPage{margin-left: 780px;padding: 0 20px;text-align: right;min-height:500px} #inc_project .grid .contentWrap .textPage .Info{margin-top:5px;color: #676767;} #inc_project .grid .contentWrap .textPage .Info span{font-weight:bold} #inc_project .grid .contentWrap .textPage .text{text-align: right;margin-top:15px;color: #676767;} #inc_project .grid .contentWrap .textPage .text *{font-size:16px !important;text-align: right;color: #676767 !important; font-family: "OpenSans",arial !important;} #inc_project .grid .contentWrap .item{max-width: 100%;max-height:500px;} #inc_project .grid .contentWrap .owl-carousel{left: 0;max-width: 720px;position: absolute;width: 100%;top: 0;} #inc_project .grid .contentWrap .owl-carousel .owl-stage-outer{} #inc_project .grid .contentWrap .item img{width: auto;margin: 0 auto;} #inc_project .grid .contentWrap .owl-controls{} #inc_project .grid .contentWrap .owl-controls .owl-nav{left: 0;position: absolute;right: 0;top: calc(50% - 25px);} #inc_project .grid .contentWrap .owl-controls .owl-nav .owl-prev{width:50px;height:50px;position:absolute;left:10px;cursor:pointer;background:url('/webimages/arLft.png') no-repeat center center;font-size:0;} #inc_project .grid .contentWrap .owl-controls .owl-nav .owl-next{width:50px;height:50px;position:absolute;right:10px;cursor:pointer;background:url('/webimages/arRgt.png') no-repeat center center;font-size:0;} #inc_project .grid .contentWrap .owl-controls .owl-dots{bottom: 8px;height: 16px;left: 0;position: absolute;right: 0;width: 100%;} #inc_project .grid .contentWrap .owl-controls .owl-dots .owl-dot{width:10px;height:10px;background:#365A60;border-radius:15px;margin:2px;display: inline-block;} #inc_project .grid .contentWrap .owl-controls .owl-dots .owl-dot.active{background:#D73938;padding:2px} #inc_project .grid .movie{max-width: 720px;margin: 30px auto;width: 100%;height:0px;position:relative;padding-bottom:35%;} #inc_project .grid .movie iframe{position:absolute;left:0;right:0;top:0;bottom:0} #inc_project .grid .movieSection h3{margin:15px auto;text-align:right;padding-right: 15px;} #inc_project .contact h2{padding: 20px 0;padding-right: 15px;} #inc_project .contact h3{max-width:800px;width:100%;margin:0 auto 10px;padding: 0 15px;box-sizing: border-box;font-size:14px;color:#777777;font-weight:normal} #inc_project .contact .contactForm{} #inc_project .contact .contactForm .inpt{margin: 14px 4px;vertical-align:top;width:225px;height:48px;display:inline-block;box-sizing:border-box;padding-right:40px;border:1px solid #aeaeae;border-radius:5px;} #inc_project .contact .contactForm .inpt.fullName{background:#fff url('/webimages/nameForm.png') no-repeat center right 10px;} #inc_project .contact .contactForm .inpt.phone{background:#fff url('/webimages/phoneForm.png') no-repeat center right 10px;} #inc_project .contact .contactForm .inpt.email{background:#fff url('/webimages/mailForm.png') no-repeat center right 10px;} #inc_project .contact .contactForm .inpt.note{background:#fff url('/webimages/noteForm.png') no-repeat top 12px right 10px;padding-top:12px;font-size:15px} #inc_project .contact .contactForm .inpt.note:focus {height:100px} #inc_project .contact .contactForm .sendBtn{cursor:pointer;margin: 14px 4px;vertical-align:top;display: inline-block;font-size:20px;color:#fff;width:144px;height:48px;text-align:center;line-height:48px;background:#d73938;border-radius:5px;} #inc_recommend{margin-bottom:30px;} #inc_recommend .grid{margin-top:50px} #inc_recommend .grid h2{text-align:right;padding-right:15px;} #inc_recommend .grid .addRec{margin:0 auto;width:200px;cursor:pointer;height:40px;color:#fff;line-height:40px;background:#D73938;border-radius:8px;margin-top:10px} #inc_recommend .grid .contentWrap{margin-top:30px;position:relative;} #inc_recommend .grid .contentWrap .recBox{vertical-align:top;margin:18px;max-width:560px;width:90%;min-height:380px;padding-bottom:50px;position:relative;display:inline-block;box-sizing:border-box;border:4px solid #f5f5f2;padding:15px 15px 40px 15px;} #inc_recommend .grid .contentWrap .recBox .qut{width:17px;height:13px;position:absolute;background:url('/webimages/qut.png') no-repeat center center;} #inc_recommend .grid .contentWrap .recBox .qut.top{top:0;right:0} #inc_recommend .grid .contentWrap .recBox .qut.bot{bottom:0;left:0;} #inc_recommend .grid .contentWrap .recBox .recText{font-size:18px;color:#676767;text-align:right} #inc_recommend .grid .contentWrap .recBox .recName{color:#365a60;position:absolute;bottom:15px;right:15px;font-size:14px;font-weight:bold} #inc_recommend .grid .contentWrap .pageCntactForm{width: 90%;vertical-align:top;margin:18px;max-width:560px;min-height:380px;padding-bottom:50px;position:relative;display:inline-block;box-sizing:border-box;border:4px solid #f5f5f2;padding:15px;background:#f5f5f2;} #inc_recommend .grid .contentWrap .pageCntactForm h3{text-align: right;margin-right: 10px;} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm{margin: 20px 0 0;max-width: 400px;overflow: hidden;width: 100%;} #inc_recommend .grid .contentWrap .pageCntactForm .stro{width:74px;height:112px;position:absolute;left:0;bottom:0;background:url('/webimages/stro.png') no-repeat center center;} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm .inpt{position:relative;margin: 8px 4px;vertical-align:top;width:180px;height:48px;display:inline-block;box-sizing:border-box;padding-right:40px;border:1px solid #aeaeae;border-radius:5px;} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm .inpt.fullName{background:#fff url('/webimages/nameForm.png') no-repeat center right 10px;} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm .inpt.phone{background:#fff url('/webimages/phoneForm.png') no-repeat center right 10px;} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm .inpt.email{background:#fff url('/webimages/mailForm.png') no-repeat center right 10px;max-width:370px;width:100%} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm .inpt.note{background:#fff url('/webimages/noteForm.png') no-repeat top 12px right 10px;max-width:370px;width:100%;padding-top:12px;padding-bottom:10px;height:100px} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm .sendBtn{cursor:pointer;margin: 14px 12px;vertical-align:top;float: left;font-size:20px;color:#fff;width:225px;height:48px;text-align:center;line-height:48px;background:#d73938;border-radius:5px;} #addREcPop{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;background:rgba(0,0,0,0.8); z-index:99999;} #addREcPop.open{display:block} #addREcPop .pagePop{box-shadow: 0 0 5px 2px rgba(245, 245, 242, 0.5);border-radius:10px;max-width: 500px;width:100%;vertical-align:top;margin:auto;background:#F5F5F2;position:absolute;top:0;right:0;left:0;bottom:0;max-height:400px;} #addREcPop .pagePop .contactForm{margin: 0 auto;width: 96%;} #addREcPop .pagePop .contactForm .fullName{width:48%;display:inline-block;margin: 10px 3px;border-radius:5px;} #addREcPop .pagePop .contactForm .phone{width:48%;display:inline-block;margin: 10px 3px;border-radius:5px;} #addREcPop .pagePop .contactForm .email{border-radius:5px;} #addREcPop .pagePop .contactForm .note{border-radius:5px;height:150px;resize:none;} #addREcPop .pagePop .contactForm .sendBtn{background: #365a60 none repeat scroll 0 0;border-radius: 8px;color: #fff;cursor: pointer;height: 40px;line-height: 40px;margin: 10px auto 0;width: 200px;} .closeBtn{border: medium none !important;cursor:pointer;width:25px;height:25px;position:absolute;left:5px;top:5px;background:url('../webimages/closeOrder.png') no-repeat center center;} .warning{border:1px solid red !important} #inc_contact{padding-bottom:30px;background:#F5F5F2;padding-top:15px;margin-top:15px;} #inc_contact .grid{margin-top:30px} #inc_contact .grid h2{text-align:right;padding-right:15px;} #inc_contact .grid .wrap{} #inc_contact .grid .wrap .contact{width: 90%;vertical-align:top;margin:18px;max-width:490px;min-height:380px;display: inline-block;position:relative} #inc_contact .grid .wrap .contact .stro{width:90px;height:140px;position:absolute;right:0;bottom:-46px;background:url('/webimages/stroBig.png') no-repeat center center;background-size:contain;} #inc_contact .grid .wrap .contact h3{font-size:14px;color:#777777;font-weight:normal;max-width:450px;width:100%;text-align:right;} #inc_contact .grid .wrap .contact .contactForm{margin: 20px 0;max-width: 400px;overflow: hidden;width: 100%;} #inc_contact .grid .wrap .contact .contactForm .inpt{position:relative;margin: 8px 4px;vertical-align:top;width:180px;height:48px;display:inline-block;box-sizing:border-box;padding-right:40px;border:1px solid #aeaeae;border-radius:5px;} #inc_contact .grid .wrap .contact .contactForm .inpt.fullName{background:#fff url('/webimages/nameForm.png') no-repeat center right 10px;} #inc_contact .grid .wrap .contact .contactForm .inpt.phone{background:#fff url('/webimages/phoneForm.png') no-repeat center right 10px;} #inc_contact .grid .wrap .contact .contactForm .inpt.email{background:#fff url('/webimages/mailForm.png') no-repeat center right 10px;max-width:370px;width:100%;} #inc_contact .grid .wrap .contact .contactForm .inpt.note{background:#fff url('/webimages/noteForm.png') no-repeat top 12px right 10px;max-width:370px;width:100%;height:100px;padding-top:12px;padding-bottom:10px} #inc_contact .grid .wrap .contact .contactForm .sendBtn{cursor:pointer;margin: 14px 12px;vertical-align:top;float: left;font-size:20px;color:#fff;width:225px;height:48px;text-align:center;line-height:48px;background:#d73938;border-radius:5px;} #inc_contact .grid .wrap .map{display: inline-block;max-width:666px;width:96%;height:405px;box-sizing:border-box;padding:5px;background:#ffffff;border:1px solid #a7a7a7;} .article-list{ height: auto; overflow: hidden; max-width: 700px;margin-right: 500px;} .article-list .picLine{width:100%;overflow:hidden;} .article-list.step .picLine .article-container{width:100%;} .article-container.pages{height:130px;} .article-container{display: inline-block;margin: 0 15px 15px;min-height: 90px;min-width: 0;overflow: hidden;position: relative;vertical-align: top;width: 300px;} .article-container img{float:right;height:auto;width:80px;position:absolute;right:0;top:0;} .article-container.pages > span { color: #555; display: block; font-size: 12px; line-height: 17px; padding-right: 90px; text-align: right;} .article-container h3{width:auto;min-height:18px;line-height:18px;padding:2px 0 5px 10px;font-size:18px;font-weight:bold;text-align:right;margin-right:90px;color:#365A60;} .article-container p{display:block;height:auto;margin:0 90px 10px 10px;text-align:right;color:#8d8d8d;line-height:17px;} .article-container .day{display:block;height:auto;margin:0 90px 10px 10px;text-align:right;color:#8d8d8d;line-height:17px;} .article-container .readMore{display:block;height:30px;text-align:center;color:#fff;line-height:30px;border-radius:5px;background:#D73938;width:80px;margin:0 auto} .footer{} .footer .grid{padding-top: 30px;} .footer .grid .face{max-width: 400px;width:98%;display: inline-block;height:400px;vertical-align:top;margin-bottom:30px;padding:10px;} .footer .grid .map{max-width: 755px;width:98%;display: inline-block;height:400px;vertical-align:top;padding:10px;} .inpt{box-sizing:border-box;box-shadow: 5px 5px 4px -4px rgba(0,0,0,0.2) inset;vertical-align: top;border:none;display:inline-block;height:50px;width:100%;border-radius:5px;margin:10px 0;color:#000000;padding-right:10px;font-size:18px;} .contact .submit{box-sizing:border-box;border-radius:5px;margin:8px 0;cursor:pointer;color:#ffffff;font-size:24px;font-weight:bold;text-align:center;height:50px;line-height:47px;width:100%;background:#b4d228;border:none;} ::-webkit-input-placeholder { color:#a5a5a5; } ::-moz-placeholder { color:#a5a5a5; } /* firefox 19+ */ :-ms-input-placeholder { color:#a5a5a5; } /* ie */ input:-moz-placeholder { color:#a5a5a5; } .SSD{height:50px;} .SSD .centerDiv{max-width:1200px;margin:0 auto;position:relative} .SSD .allRight{color:#707070;position:absolute;right:6px;line-height: 50px;} .SSD .ssdLogo{background:url(../webimages/ssd-logo_07.png) center left no-repeat;line-height:50px;color:#707070;position:absolute;left:6px; text-align: right;width: 160px;} @keyframes growHand{ from{bottom:-480px;left:-480px;} to{bottom:0;left:0;} } @-webkit-keyframes growHand{ from{bottom:-480px;left:-480px;} to{bottom:0;left:0;} } @keyframes fadeBox{ from{opacity:0;} to{opacity:1;} } @-webkit-keyframes fadeBox{ from{opacity:0;} to{opacity:1;} } @media (max-width: 1200px) { #header .grid{padding:0 15px;box-sizing: border-box;} #inc_page .grid{padding:0 15px;box-sizing: border-box;} } @media (max-width: 1000px) { .sentence{font-size: 2.6vw;} #inc_project .grid .contentWrap .textPage{margin-left: 0px;min-height: initial;} #inc_project .grid .contentWrap .item{position: static;margin:20px auto} #inc_project .grid .contentWrap .owl-carousel{position: relative;margin:20px auto} #inc_index .news{position:relative;} #inc_index .news .newsWrap{overflow: hidden;width: 100%;} .article-list{margin-right: 420px;} #header .grid .headerTtl{position:static;width:auto;margin:0} #header .grid .headerTtl .first{float:right;font-size: 32px;line-height:32px} #header .grid .headerTtl .second{text-align:right;font-size: 32px;line-height:32px;padding-right: 184px;} } /* side menu */ @media (max-width: 800px) { .grid.menu{z-index:999999} .menuButton{display:block} #menu{display:block;z-index:9;width:300px;position:fixed;height:100%;top:0px;left:-302px;background:#F3F3F3;border-right:2px solid #086687;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;} #menu ul{display: block;height: 100%;overflow-y: scroll;} #menu > ul > li.expand{display:block;font-size: 20px;line-height: 40px;} #menu > ul > li{display:block;border-bottom: 1px solid gray;margin: 0;padding:0;width:100%;} #menu > ul > li a{display: block;} .topMenu{display:block !important;} .open #menu{left:0;} #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;} #header .logo {margin-right: 40px;} .roundSec .grid .box .image{width:50px;height:50px;background-size:contain !important;} .roundSec .grid .box{width:244px;margin: 10px 0;} #inc_index{margin-top:10px} } /*768*/ @media (max-width: 768px) { #inc_project .grid .movie{padding-bottom: 56%;} .article-list{margin:0;max-width: none;} .article-container{margin: 20px 0;width: 290px;} #header .logo{width: 160px;} #header .social img {width: 60px;} #header .social{height: 60px;} #header .social .facebook{left: 70px;} #header .social .phone{left: 108px;} #inc_page .grid{padding:0 5px;} #inc_page .grid .textPage{padding: 0 10px;margin:30px auto 0;} #inc_page .grid .mediaWrap{margin:30px auto 0;position:static;} #inc_index .bottomSec{height: 176px;margin-top: 5px;} #inc_index .bottomSec .grid {padding-top: 0;} #inc_index .bottomSec .grid .topTxt{font-size: 20px;margin-top: 5px;} #inc_index .bottomSec .grid .logo {margin: 4px auto;width: 135px;} #inc_index .bottomSec .grid .txt{font-size: 16px;} #inc_index .bottomSec .grid .botText {font-size: 16px;margin: 2px 0;} #inc_index .bottomSec .grid .botPhone {font-size: 20px;} #inc_index .news .newsBox .newsText{font-size:14px } #header{height:120px;} #inc_page .grid .textPage .roundSec .grid .box{margin:10px} *{ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } } @media (max-width: 600px) { #header .social .phone span{display:none;} #header .social{max-width: 160px;} #inc_recommend .grid .contentWrap .pageCntactForm .stro{display:none;} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm{margin: 20px auto;} .sentence{font-size: 20px;line-height: 20px;} #header .grid .headerTtl .first{font-size: 26px;line-height:26px} #header .grid .headerTtl .second{font-size: 26px;line-height:26px;padding-right: 148px;} } @media (max-width: 500px) { #header {height:80px} #header .social{margin-top: 8px;} #header .social img{position:absolute;width: 50px;top:-2px;left:-8px} #header .social .facebook{top:6px;left:48px} #header .social .phone{top:6px;left:88px} #header .logo{padding-top: 10px;position: absolute;width: 110px;} .roundSec .grid .box{width:300px;margin: 10px auto;} .sentence{font-size: 15px;line-height: 15px;padding-right:10px;} #inc_project .grid .contentWrap .owl-controls .owl-nav .owl-prev {background-size:contain;width: 30px;} #inc_project .grid .contentWrap .owl-controls .owl-nav .owl-next {background-size:contain;width: 30px;} #inc_index .news .newsBox .newsText{font-size:13px;} #addREcPop .pagePop{max-height: 350px;overflow-y: auto;width: 96%;overflow-x: hidden;} #addREcPop .pagePop .contactForm .fullName{width:100%;} #addREcPop .pagePop .contactForm .phone{width:100%;} .roundSec .grid .box .textWrap{right:70px;left:0;text-align:right;} .allBoxes{padding: 10px 0;} .allBoxes .box{margin: 20px 0px;} #header .grid .headerTtl{top: auto;position: absolute;right:10px;bottom:0;} #header .grid .headerTtl .first{font-size: 22px;line-height:22px} #header .grid .headerTtl .second{font-size: 22px;line-height:22px;padding-right: 128px;} } @media (max-width: 470px) { #inc_index .contact .contactForm{max-width:320px;width:100%;margin:0 auto} #inc_index .news .newsBox .day{margin-top: 1px;} } @media (max-width: 450px) { #inc_page .grid .mediaWrap .pic{width:98%;margin:0 auto} #inc_page .grid .mediaWrap .pageCntactForm{height: auto;} #inc_page .grid .mediaWrap .pageCntactForm .inpt{max-width: 300px !important;width: 90% !important;} #inc_page .grid .mediaWrap .pageCntactForm .sendBtn{float:none;margin:14px auto;} #inc_contact .grid .wrap .contact .contactForm .inpt{max-width: 300px !important;width: 90% !important;} #inc_contact .grid .wrap .contact .contactForm .sendBtn{float:none;margin:14px auto;} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm .inpt{max-width: 300px !important;width: 90% !important;} #inc_recommend .grid .contentWrap .pageCntactForm .contactForm .sendBtn{margin: 14px auto;float:none} #inc_contact .grid .wrap .contact .stro{display:none;} #inc_page .grid .textPage .roundSec .grid .box{margin:10px 10px;width:100%;box-sizing:border-box;} } @media (max-width: 400px) { .sentence{font-size: 13px;line-height: 25px;} #inc_index .bottomSec .grid .txt {font-size: 14px;letter-spacing: -0.5px;} } @font-face { font-family: 'OpenSans'; src: url('fonts/opensanshebrew-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-bold-webfont.svg#8b4b25a9e6dee2304c08fefb363a9190') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'OpenSans'; src: url('fonts/opensanshebrew-bolditalic-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-bolditalic-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-bolditalic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-bolditalic-webfont.svg#c21c03ab7080535ee57497eccfdf86e3') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 700; } @font-face { font-family: 'OpenSans'; src: url('fonts/opensanshebrew-extrabold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-extrabold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-extrabold-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-extrabold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-extrabold-webfont.svg#f7e80113069d64680d94be62885b159d') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 900; } @font-face { font-family: 'OpenSans'; src: url('fonts/opensanshebrew-extrabolditalic-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-extrabolditalic-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-extrabolditalic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-extrabolditalic-webfont.svg#0aa7139bf6d3c365c59c140c3c8e269e') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 900; } @font-face { font-family: 'OpenSans'; src: url('fonts/opensanshebrew-italic-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-italic-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-italic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-italic-webfont.svg#c710e2592c6201f5dff5fe5ae74e9d58') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 400; } @font-face { font-family: 'OpenSans'; src: url('fonts/opensanshebrew-light-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-light-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-light-webfont.svg#1e3cbe1d61c0f2b766b8aff35f09f556') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'OpenSans '; src: url('fonts/opensanshebrew-lightitalic-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-lightitalic-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-lightitalic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-lightitalic-webfont.svg#c137a74dd645478d57aebcd9a32af039') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 200; } @font-face { font-family: 'OpenSans'; src: url('fonts/opensanshebrew-regular-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-regular-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-regular-webfont.svg#265e1bf8eadfa92b8d955acd546bd2c3') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } iframe[name='google_conversion_frame']{display:none;}