*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}html{font-size:62.5%}body{font:400 normal 14px/1.4 'Open Sans',Helvetica,sans-serif}.clear:after,.clear:before{content:' ';display:table}.clear:after{clear:both}img{width:100%;vertical-align:bottom}a,a:visited{text-decoration:none}a:focus,a:hover{text-decoration:underline}a:focus{outline:1}a:active,a:hover{outline:0}input,select,textarea{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #cacaca}.error-msg{color:tomato}.success-msg{color:#4ae08c}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.instruction{font-style:italic;text-align:center!important}.image-small{max-width:300px}.image-medium{max-width:460px}.image-large{max-width:640px}.image-full{max-width:100%}#skip-to-content a{position:absolute;top:-1000px;left:-1000px;height:1px;width:1px;text-align:left;overflow:hidden}#skip-to-content a:active,#skip-to-content a:focus,#skip-to-content a:hover{left:0;top:0;width:auto;height:auto;overflow:visible;color:#222;background:#fff;padding:1em;text-transform:uppercase;text-decoration:none;z-index:2;outline:0}.button{width:160px;margin:10px 0;padding:10px;color:#fff;background:0 0;border:1px solid #fff;font-size:12px;font-size:1.2rem;text-transform:uppercase;letter-spacing:.5px}.button:focus,.button:hover{text-decoration:none;color:#222;background:#fff;outline:0}.hidden{display:none}body,html{width:100%;height:100%;margin:0}.wrapper{width:100%;height:100%}.content{max-width:1280px;width:90%;margin:0 auto;padding:1em 0}.footer{margin:50px 0 0;padding:0}.footer a{color:#000}.copyright{margin:0;text-align:center;padding-bottom:50px}#nav-icon{width:34px;height:28px;position:absolute;top:15px;right:15px;z-index:3;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}#nav-icon span{display:block;position:absolute;height:5px;width:100%;background:#222;border-radius:2px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon span:nth-child(1){top:0;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#nav-icon span:nth-child(2){top:10px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#nav-icon span:nth-child(3){top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#nav-icon.active span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0;left:5px}#nav-icon.active span:nth-child(2){width:0%;opacity:0}#nav-icon.active span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:24px;left:5px}#nav-icon span{background:#fff}#nav-icon.active span{background:#222}.overlay{position:fixed;width:100%;height:0;top:0;left:0;background-color:#fff;background-color:#fff;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;z-index:2;visibility:hidden;overflow:hidden}.open{height:100%;visibility:visible}.nav ul{position:relative;top:10%;width:100%;padding:0;list-style-type:none}.nav li{font-style:italic;text-align:center}.nav li a{display:inline-block;padding:15px 0;font-size:2.4rem;font-size:24px;color:#222}.vzkiss-logo{max-width:120px}.content h2{font-size:28px;font-size:2.8rem;padding:1.8rem 0}.intro-section{height:50%;height:50vh;text-align:center;background:#fff;background:url(../img/vzkiss_tel-aviv.jpg) no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.intro-layer{background-color:rgba(85,85,85,.1);position:absolute;top:0;left:0;width:100%;height:50%;height:50vh}.intro-section .content{width:100%;margin:80px auto 0;animation:fadeInAnimation ease 2s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}.intro-section h1,.intro-section p{font-style:italic;color:#fff;font-family:'Open Sans',sans-serif}.intro-section .call-to-container{position:absolute;max-width:1280px;width:100%;margin:0 auto;bottom:10px}.intro-section .button{display:block;color:#fff;border-color:#fff;background-color:rgba(0,0,0,.2);margin:0 auto}.intro-section .button:focus,.intro-section .button:hover{background:#fff;border-color:#fff;color:#222;text-shadow:none}.to-about{position:absolute;bottom:0;right:0;left:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.to-about:focus,.to-about:hover{bottom:-10px}.intro-section .scroll-arrow-down{width:34px},.intro-section .scroll-arrow-down:focus,.intro-section .scroll-arrow-down:hover{top:8px}#scroll-down-arrow{position:absolute;bottom:20%;left:0;right:0}#scroll-down-arrow a{padding-top:70px}#scroll-down-arrow a:hover{outline:1}#scroll-down-arrow a span{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb05 1.5s infinite;animation:sdb05 1.5s infinite;box-sizing:border-box}@-webkit-keyframes sdb05{0%{-webkit-transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}100%{-webkit-transform:rotate(-45deg) translate(-20px,20px);opacity:0}}@keyframes sdb05{0%{transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}100%{transform:rotate(-45deg) translate(-20px,20px);opacity:0}}.intro-section h1{margin:.8em auto .2em;font-weight:400}.intro-section p{font-size:18px;font-size:1.8rem;margin:10px 0}.about-section-with-layer{position:relative;height:50%;height:50vh;text-align:center;background:#fff;background:url(../img/vzkiss_tel-aviv.jpg) no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.about-layer{background-color:rgba(85,85,85,.1);position:absolute;top:0;left:0;width:100%;height:50%;height:50vh}.about-section p{line-height:1.5em;text-align:justify;font-size:16px;font-size:1.6rem}.about-section ul{line-height:1.5em}.about-section,.work-section{height:auto}.about-section .content{padding-bottom:0}.work-section .content{max-width:100%;width:100%;padding:0}.contact-section{background:#222;color:#999;text-align:center}.contact-section h2{color:#fff}.contact-section p{font-style:italic}.content h2{text-align:center}.content ul{padding-left:2em}.case-studies-grid{font-size:0;list-style-type:none;margin:0;padding:0;overflow:hidden}.case-studies-grid li{width:100%;display:inline-block;padding:0;position:relative;vertical-align:top;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:rgba(0,0,0,.7)}.case-studies-grid li a{height:100%}.case-studies-grid li img{width:100%;height:auto}.case-study-content{display:none;position:absolute;width:100%;height:100%;top:0;left:0;margin:0 auto;font-size:14px;font-size:1.4rem;font-size:16px;font-size:1.6rem;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.case-study-content.teal:hover,.case-study-content:hover{background-color:teal}.case-study-content.onyx:hover{background-color:#3a3042}.case-study-content.deep-chesnut:hover{background-color:#ba583a}.case-study-content.cosmic-cobalt:hover{background-color:#2e3b84}.case-study-content .info{position:absolute;width:100%;top:0;padding:0 10px;color:#fff;text-align:center;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.case-study-content:hover .info{opacity:1;-webkit-transform:translateY(8%);-moz-transform:translateY(8%);-o-transform:translateY(8%);transform:translateY(8%)}.case-study-content h2{margin:0;font-size:24px;font-size:2.4rem;padding:1.5rem 0}.case-study-content p,.case-study-content span{display:none}.case-study-content span{font-style:italic}.case-study-content .call-to-container{position:absolute;width:100%;bottom:5%;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.case-study-content .call-to-container .button{display:block;margin:0 auto;text-align:center}.case-study-content:hover .call-to-container{opacity:1}.contact-form{font-style:normal}.contact-form label{display:none}.contact-form textarea{min-height:100px;resize:vertical}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin:0 0 10px;padding:10px 0;background:0 0;color:#fff;border:0;border-bottom:1px solid #555}input:focus,select:focus,textarea:focus{outline:0;border-bottom:1px solid #ccc}.contact-form .button{width:180px;margin:20px 0;padding:10px;border:1px solid #fff;cursor:pointer}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #222 inset;-webkit-text-fill-color:#fff!important}input::-webkit-input-placeholder{-webkit-text-fill-color:initial}input:-moz-ui-invalid,textarea:-moz-ui-invalid{box-shadow:none}ul.social-links{margin:0 0 30px;padding:0;list-style-type:none;text-align:center}ul.social-links li{display:inline-block;margin:0 15px;font-size:12px;font-size:1.2rem}ul.social-links a{color:#222}ul.social-links a:focus,ul.social-links a:hover{opacity:.7;text-decoration:none}ul.social-links .fa-twitter{color:#333}ul.social-links .fa-linkedin{color:#007bb5}ul.social-links span{display:none}.icon{max-width:34px}#scroll-container{position:relative;width:100%;margin:0}#scroll-triangle{position:absolute;bottom:0;right:0;width:0;height:0;border-bottom:80px solid #222;border-left:80px solid transparent}#scroll-triangle{border-bottom:80px solid teal}#return-to-top{position:absolute;top:42px;right:14px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#return-to-top i{color:#fff}#return-to-top:focus,#return-to-top:hover{top:36px}.scroll-arrow-top{width:20px;height:20px}@keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.loading{display:block;border-radius:50%;width:30px;height:30px;border:.25rem solid rgba(255,255,255,.2);border-top-color:#fff;border:.25rem solid rgba(0,0,0,.2);border-top-color:#222;-webkit-animation:spin 1s infinite linear;-ms-animation:spin 1s infinite linear;animation:spin 1s infinite linear;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto}.loading-overlay{position:fixed;z-index:999;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.4);background-color:rgba(255,255,255,.8);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;overflow:hidden;display:none;visibility:hidden}.loading-overlay.open{display:block;visibility:visible}.noscript-overlay{display:block;position:fixed;z-index:300;top:0;left:0;right:0;bottom:0;background-color:#fff}noscript .modal{position:fixed;z-index:301;top:100px;width:100%;padding:20px 0 40px;text-align:center}noscript h4{color:#222;margin-bottom:3em}noscript .button{color:#222;border-color:#222}noscript .button:hover{color:#fff;background:#222;outline:0}input.modal-closing-trick{position:absolute;top:-9999px;left:-9999px}label[for=modal-closing-trick]{cursor:pointer}input.modal-closing-trick:checked~div{display:none!important}h1,h2,h3,h4,h5,h6{font-family:'Open Sans',sans-serif}h1{font-size:34px;font-size:3.4rem;line-height:1.4em}h2{font-size:24px;font-variant:2.4rem}h3{font-size:19px;font-variant:1.9rem}h4{font-size:16px;font-variant:1.6rem}h5{font-size:14px;font-variant:1.4rem}h6{font-size:13px;font-variant:1.3rem}@media only screen and (min-width:480px){.intro-section .call-to-container{bottom:14px}.intro-section .button{display:block;width:160px;margin:0 auto}.case-study-content p,.case-study-content span{display:block}}@media only screen and (min-width:480px) and (orientation:landscape){.intro-section{height:100%;height:100vh;min-height:320px}.intro-layer{height:100%;height:100vh;min-height:320px}.about-section-with-layer{height:100%;height:100vh;min-height:320px}.about-layer{height:100%;height:100vh;min-height:320px}.case-studies-grid li{width:50%}.case-studies-grid li:nth-of-type(2n){margin-right:0}}@media only screen and (min-width:640px){.vzkiss-logo{max-width:160px}.intro-section h1{font-size:48px;font-size:4.8rem;max-width:360px}.intro-section p{font-size:22px;font-size:22px}.case-studies-grid li{width:50%}.case-studies-grid li:nth-of-type(2n){margin-right:0}.case-studies-grid li:hover .case-study-content{display:block}}@media only screen and (min-width:768px){#scroll-down-arrow{bottom:10%}.intro-section .call-to-container{bottom:40px}.case-study-content .info{top:10%}.case-study-content .call-to-container{bottom:6%}.case-study-content:hover .info{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-o-transform:translateY(10%);transform:translateY(10%)}.case-study-content h2{font-size:28px;font-size:2.8rem;padding:1.8rem 0}.contact-section .content{padding-top:1.5em}.contact-form{width:100%;max-width:640px;margin:40px auto 0}.contact-form .float-left{float:left;width:50%}.contact-form .group{padding:0 2.5%}}@media only screen and (min-width:768px) and (orientation:landscape){.intro-section h1{font-size:6px;font-size:6rem;max-width:480px;margin:1em auto}section{height:100%;height:100vh}.about-section p,.about-section ul{font-size:18px;font-size:1.8rem;line-height:1.8em}.contact-section{height:70%;height:70vh;min-height:480px}}@media only screen and (min-width:920px){.case-study-content .call-to-container{bottom:20%}}@media only screen and (min-width:1024px){.case-study-content .info{top:15%}}@media only screen and (min-width:1200px){.case-study-content .info{top:20%}}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}