/*
Theme Name: Costa
Theme URI: http://www.costa.co.il
Author: Studio Costa
Author URI: http://www.costa.co.il
Description: Studio Costa Custom Theme
Version: 2.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: costa
Tags: custom, costa

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

* {margin:0;padding:0;list-style:none;outline:none;border:none;vertical-align:top;text-decoration:none;font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
:root {--blue:#29AAE1}
:select {background-color:var(--blue)}
a[href],input[type='submit'],input[type='image'],label[for],select,button {cursor:pointer}
a,input {transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
img {max-width:100%;height:auto}
body {cursor:default;font-family: 'Open Sans Condensed', sans-serif;}
div.wpcf7-validation-errors {display:none!important}
h1 {font-size:6em;text-transform:uppercase;line-height:.8;letter-spacing:-0.02em}
h1:after {content:'';display:block;width:200px;height:2px;background-color:var(--blue);margin:20px 0}
section {position:relative;max-width:1200px;margin:0 auto}
.big404 {display:inline-block;font-size:15em;color:#fff;border:25px #fff solid;padding:20px;margin:40px auto;font-weight:900;line-height:1}
.buttons {display:flex}
.buttons a {display:flex;align-items:center;padding:10px 30px;color:#fff;font-weight:bold;fill:#fff;margin:0 10px 0 0}
.buttons a:hover {transform:translateY(-2px);box-shadow:0 3px 4px rgba(0,0,0,.2)}
.buttons svg {width:1em;height:1em;margin-left:10px}
.buttonsform {background-color:var(--blue)}
.buttonswhatsapp {border:2px #fff solid}
.cfield {flex-basis:1px;flex-grow:1;padding:5px}
.cfrow {display:flex}
.cfrow input,.cfrow textarea {width:100%;font-size:inherit;font-family:inherit;padding:10px;border:1px #ccc solid;border-radius:5px;box-sizing:border-box;max-height:150px}
.cfrow button {background-color:var(--blue);color:#fff;padding:10px 30px;fill:#fff;display:flex;align-items:center;font-size:1.2em;font-family:inherit;font-weight:bold;border-radius:5px}
.cfrow button svg {width:1em;height:1em;margin-left:10px}
.clients {padding:40px 0}
.clients section {display:flex}
.clients figure {background-color:#fff;position:relative;margin:5px;flex-grow:1;flex-basis:1px;border-radius:5px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px}
.clients figure:hover span {transform:translateY(0);opacity:1;visibility:visible}
.clients span {position:absolute;bottom:calc(100% + 10px);background-color:#29aae1;border-radius:10px;line-height:1;padding:10px;text-align:center;color:#fff;font-size:.9em;transition:all .2s ease-in-out;opacity:0;visibility:hidden;transform:translateY(-10px)}
.clients span:before {content:'';position:absolute;top:100%;right:50%;transform:translateX(50%);border:8px transparent solid;border-top-color:#29aae1}
.manifest section {display:flex;justify-content:flex-end}
.manifestxt {max-width:350px;padding:20px;color:#fff;font-size:1.1em}
.manifestxt h2 {font-weight:300}
.manifestxt h2:after {content:'';display:block;width:200px;height:2px;background-color:var(--blue);margin:10px 0}
.manifestxt p {margin:5px 0;line-height:1.1}
.main {position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:100vh}
.main:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.2));z-index:-1}
.main video {position:absolute;top:0;right:0;left:0;bottom:0;z-index:-2;min-height:100%}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0;transition:all .5s;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.mfp-content {perspective:2000px}
.mfp-ready .popup {opacity:1;transform:rotateY(0deg)}
.mfp-removing .popup {transform:rotateY(60deg);opacity:0}
.mfp-removing.mfp-bg{opacity:0}
.page404 {text-align:center;padding:80px}
.page404 a {display:inline-block;background:#c22114;color:#fff;padding:20px 40px}
.post-edit-link {position:fixed;bottom:0;right:50%;transform:translate(50%,40%);background-image:linear-gradient(to left,#89005E,#47005A);fill:#fff;border-radius:50% 50% 0 0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px #fff solid;box-shadow:0 0 5px rgba(0,0,0,.4);border-bottom:0}
.post-edit-link:hover {transform:translate(50%,0)}
.post-edit-link svg {width:30px;height:30px}
.popup {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.9);margin:auto;position:relative;border-radius:5px;max-width:400px;padding:40px;opacity:0;transition:all .3s  ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}
.top {padding:20px;color:#fff}
.top img {max-width:200px}
.top section {display:flex;align-items:flex-end;justify-content:space-between}
.top span {font-size:1.2em;display:block;line-height:1;margin-left:20px}
.txt {color:#fff;padding:20px}
.txt section {padding-right:40%;box-sizing:border-box}
.quote {margin:20px 0}
.quote p {font-size:1.1em;font-style:italic;line-height:1.2}
.quote span {display:block;margin-top:10px}
.quote span:before {content:'- '}

@media (max-width:700px){
	h1 {font-size:3.5em}
	.clients {padding:20px 10px}
	.clients section {flex-wrap:wrap}
	.clients figure {flex-grow:0;flex-basis:calc(100%/3 - 10px);flex-direction:column;justify-content:flex-start}
	.clients img {height:30px}
	.clients span {position:static;background-color:transparent;border-radius:0;color:#222;opacity:1;visibility:visible;transform:translateY(0)}
	.clients span:before {display:none}
	.top section {display:block}
	.top span {margin:10px 0}
	.txt section {padding:20px 0}
}
@media (max-width:400px){
	.buttons {display:block}
	.buttons a {margin:0 0 5px 0;justify-content:space-between}
	.clients figure {flex-basis:calc(100%/2 - 10px)}
}