/*
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.

*/
:root {--color1:#f5ca36;--color2:#164f9b}
* {margin:0;padding:0;list-style: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)}
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 Hebrew',arial;background-color:#fff;padding-top:70px}
div.wpcf7-validation-errors {display:none!important}
.h {margin:0 auto;position:relative;max-width:1200px}
.ll {display:none;width:3em;height:3em;position:relative;background:transparent}
.ll svg {transition:all .2s ease;position:absolute;top:0;right:0;width:100%;height:100%;fill:#0c8698}
.header {position:fixed;top:0;right:0;z-index:500;width:100%;background:#fff;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;height:70px}
.header.scrolled {background-color:rgba(0,0,0,.5)}
.header .h {display:flex;justify-content:space-between}
.custom-logo-link {padding:10px 20px 20px 30px;display:block;background-color:#fff;border-radius:0 0 0 40px;align-self:flex-start}
.custom-logo-link img {max-width:170px}
.call {display:flex;align-items:center;pointer-events:none;padding:0 0 0 20px;color:#3d78c6}
.call strong {display:inline-block;padding:0 10px}
.declaration {display:flex;justify-content:center;padding:20px}
.declaration a {color:var(--color2);text-decoration:underline;margin:0 15px}
.declaration a:hover {color:var(--color1)}
.top {display:flex;justify-content:flex-end}
.top_main {background-color:rgba(255,255,255,.7);flex-basis:50%}
.top_title {font-size:2em;padding:60px 80px 30px 80px;font-weight:bold;line-height:1.2;background: -webkit-linear-gradient(right, #174f9d , #003b52);background: -o-linear-gradient(right, #174f9d, #003b52);background: -moz-linear-gradient(right, #174f9d, #003b52);/*background: linear-gradient(to left, #174f9d , #003b52);*/-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.top_text {background-color:rgba(255,255,255,.4);padding:30px 80px 200px 80px}
.top_text h2 {font-weight:normal;;background: -webkit-linear-gradient(right, #174f9d , #003b52);background: -o-linear-gradient(right, #174f9d, #003b52);background: -moz-linear-gradient(right, #174f9d, #003b52);/*background: linear-gradient(to left, #174f9d , #003b52);*/-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom:10px}
.top_text h2 {color:#174f9d}
.top_text p {}
.top_contact {display:flex;background-color:rgba(255,255,255,.6);border-radius:5px;box-shadow:0 5px 20px rgba(0,0,0,.1);backdrop-filter:blur(5deg);border:1px #fff solid;margin:40px 0 20px 0;overflow:hidden}
.top_contact a {flex-basis:40%;position:relative;overflow:hidden}
.top_contact a img {transition:all .2s ease;position:absolute;object-fit:cover;height:100%;width:100%;right:0;top:0}
.top_contact a:hover img {transform:translateY(-10px) scale(1.1)}
.top_contact a span {position:absolute;top:20px;right:20px;color:var(--color2);background-color:#fff;padding:10px 20px;box-shadow:5px 5px 20px rgba(0,0,0,.1);z-index:2}
.top_form {flex-basis:60%;display:flex;align-items:center}
.top_form header {font-size:1.2em;padding:20px}
.top_form h2 {font-weight:900;line-height:1;margin-bottom:20px;color:var(--color2)}
.top_form a {color:var(--color2);font-weight:bold;white-space:nowrap}
.top_form form {background-color:#fff;padding:20px;box-shadow:0 0 20px rgba(0,0,0,.1)}
.top_form .cf_row {overflow:hidden}
.top_form .cf_field {padding:2px;flex-basis:10%;flex-grow:1}
.top_form input {border-bottom:1px #e0e0e0 solid;padding:5px 0;box-sizing:border-box;width:100%;font-size:1em;font-family:inherit;background-color:transparent;direction:rtl!important}
.top_form button {background-color:var(--color1);color:#fff;border-radius:4px;padding:10px 20px;font-weight:bold;float:left}
.top_form .wpcf7-response-output,.top_form .ajax-loader {display:none!important}
.main {background-color:#fff;display:flex;position:relative;border-bottom:3px orange solid}
.what {padding:80px;flex-basis:30%;box-sizing:border-box;position:relative;z-index:2}
.what_list {margin-top:40px}
.what_list > div {display:flex;align-items:center;color:#3d78c6;padding:0 0 10px 0}
.what_list img {margin-left:20px}
.what_list strong {display:block;line-height:1;margin-bottom:5px}
.what_list span {display:block;line-height:1}
.who {padding:80px;z-index:2}
.who_list {color:#3d78c6;margin-top:50px}
.who_list > div {margin-bottom:23px}
.who_list strong {display:block}
.who_list span {color:#063651}
.bg {position:absolute;bottom:0;left:0;width:80%;height:calc(100% + 150px);background-position:right top;background-size:cover}
.form {padding:40px;text-align:center;border-bottom:3px orange solid;background:url(img/form.png) no-repeat right top / 70%}
.form header {color:#3d78c6;font-size:1.2em}
.form a {color:inherit}
.form form {margin:20px auto;max-width:800px}
.form .cf_row {display:flex}
.form .cf_field {padding:5px;flex-basis:10%;flex-grow:1}
.form input {border:1px #ccc solid;padding:10px 20px;box-sizing:border-box;width:100%;font-size:1em;font-family:inherit}
.form input[type=submit] {background:linear-gradient(to left,#174f9d , #003b52);color:#fff;border-radius:80px;width:auto;padding:20px 80px;font-weight:bold}
.top_form input[type=checkbox] {position:absolute;top:5px;right:0;width:20px;height:20px;border:1px #888 solid;box-shadow:3px 5px 10px rgba(0,0,0,.1)}
.top_form input[type=checkbox]+span {display:block;padding:0 20px 0 0;position:relative;text-align:right}
.top_form input[type=checkbox]+span:after {content:'';position:absolute;top:-10px;right:-18px;width:21px;height:21px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSI+PHBhdGggZD0iTTIwLjYgMC40QzIwLjQgMC4xIDIwIDAgMTkuNiAwIDE5LjEgMCAxOC40IDAuMSAxNy42IDAuMiAxNi44IDAuMyAxNi4yIDAuNSAxNS45IDAuNyAxNS42IDAuOCAxNSAxLjMgMTQuMyAyIDEzLjYgMi44IDEyLjcgMy45IDExLjcgNS40IDEwLjYgNi45IDkuNyA4LjQgOC45IDkuOCA4LjIgMTEgNy40IDEyLjQgNi43IDEzLjggNi4yIDEzLjIgNS43IDEyLjcgNS4xIDEyLjMgNC41IDExLjkgMy44IDExLjYgMy4yIDExLjYgMi41IDExLjYgMS45IDExLjkgMS4xIDEyLjQgMC40IDEzIDAgMTMuNiAwIDE0LjMgMCAxNC44IDAuMyAxNS40IDEgMTYuMiAyIDE3LjIgMi44IDE4LjIgMy4zIDE5LjEgMy44IDE5LjcgNC4xIDIwLjIgNC4zIDIwLjQgNC41IDIwLjYgNC43IDIwLjcgNSAyMC44IDUuMyAyMC45IDUuOCAyMSA2LjUgMjEgNy41IDIxIDguMSAyMC45IDguNSAyMC43IDguOSAyMC41IDkuMiAyMC4yIDkuNCAxOS44IDkuNiAxOS41IDkuOSAxOC44IDEwLjQgMTcuNyAxMS40IDE1LjEgMTIuOSAxMi4zIDE0LjcgOS41IDE2LjUgNi43IDE4LjMgNC40IDIwIDIuOSAyMC40IDIuNSAyMC43IDIuMyAyMC44IDIuMSAyMC45IDEuOSAyMSAxLjYgMjEgMS4zIDIxIDEgMjAuOSAwLjYgMjAuNiAwLjRaIiBmaWxsPSJyZ2IoMjQ1LCAyMDIsIDU0KSIvPjwvc3ZnPg==);transition:all .1s ease;transform:scale(0)}
.top_form input[type=checkbox]:checked+span:after {transform:scale(1);top:0}
.testimonials {padding:60px 40px;position:relative;color:#fff;text-align:center}
.testimonials_title {color:#f3c935;position:relative;font-size:2em;font-weight:bold;text-shadow:10px 10px 4px rgba(0,0,0,.2)}
.testimonials:before {content:'';position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0, 59, 84,.8)}
.testimonials_slider {max-width:800px;margin:20px auto}
.testimonials_slider p {font-size:1.2em;text-align:center}
.testimonials_nav {position:relative;display:flex;justify-content:center}
.testimonials_nav img {margin:10px}

.page404 {text-align:center;padding:80px}
.big404 {display:inline-block;font-size:15em;color:#fff;border:25px #fff solid;padding:20px;margin:40px auto;font-weight:900;line-height:1}
.page404 a {display:inline-block;background:#c22114;color:#fff;padding:20px 40px}
.popup {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.9);margin:auto;position:relative;border-radius:5px;max-width:800px;opacity:0;transition:all .3s  ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}
.mfp-content {perspective:2000px}
.mfp-bg {opacity:0;transition:all .5s}
.mfp-ready .popup {opacity:1;transform:rotateY(0deg)}
.mfp-removing .popup {transform:rotateY(60deg);opacity:0}
.mfp-removing.mfp-bg{opacity:0}
.m,.act,.mob_act {display:none}
.wpcf7-not-valid-tip {display:none!important}

@media (max-width:1200px){
	.main {flex-wrap:wrap}
	.bg {position:static;width:100%;height:400px;margin-bottom:-100px}
	.what {flex-basis:50%}
	.who_list > div {margin-right:0!important}
	.top_title,.top_text {padding:40px}
}

@media (max-width:700px){
	body {padding-top:0}
	.declaration {padding-bottom:80px}
	.header {background:transparent;position:absolute}
	.m {display:block;transform:scale(-1,1)}
	.top {background:#fff!important;display:block;text-align:center}
	.top_title,.top_text {padding:20px}
	.top_title {font-size:1.4em}
	.top_contact {display:block}
	.top_contact > a {display:block}
	.top_contact a img {position:relative}
	.main {display:block}
	.who,.what {padding:20px}
	.who {background-color:#eee;position:relative}
	.who:before {content:'';background:linear-gradient(to left,#174f9d , #003b52);height:3px;display:block;position:absolute;top:0;right:0;width:100%}
	.form .cf_row {display:block}
	.what img,.who img {max-height:70px}
	.call {display:none}
	.custom-logo-link img {max-width:130px}
	.act {position:fixed;bottom:0;right:0;left:50%;background-color:var(--color1);z-index:30;display:block;color:#fff;padding:10px 20px;box-sizing:border-box;text-align:center;font-weight:bold;font-size:1.3em}
	.mob_act {position:fixed;bottom:0;left:0;right:50%;background-color:var(--color2);z-index:30;display:block;color:#fff;padding:10px 20px;box-sizing:border-box;text-align:center;font-weight:bold;font-size:1.3em}
	.form {background-position:top right;background-size:100%}
	.bg {height:250px}
}

@media (max-width:600px){
	.top_form {display:block}
	.wow {visibility:visible !important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}
}

.mobile_hidden_form {display:none}
.form a {display:block}
#acp-toggle-toolbar.toolbar-left {top: 80px !important;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.top_title, .top_text h2 {color: #174f9d}
	.what {flex-basis:20%!important}
}
#loader { display: none; position: fixed; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, .75) url("http://matavlp.epage.co.il/wp-content/uploads/2022/02/loader.gif") no-repeat 50% 50%; }