/*
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:#a89829;--color2:#332922}
* {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)}
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}
input, button, textarea {width:100%;box-sizing:border-box;font-size:1rem;font-family:inherit;transition:all .2s ease}
img {max-width:100%;height:auto}
body {cursor:default;font-family:'Rubik',arial;background-color:#fff;padding-top:79px}
div.wpcf7-validation-errors {display:none!important}
.cls {background-color:#fff;padding:30px}
.cls .h {display:flex}
.cls .h.aligncenter {align-items:center}
.cls .h.single {max-width:800px}
.cls_btns {display:flex;margin:0 10px}
.cls_btns a {display:flex;background-color:#fff;color:var(--color1);fill:var(--color1);align-items:center;font-weight:bold;margin:10px;padding:10px 20px;box-shadow:0 3px 10px rgba(0,0,0,.1);border-radius:30px;will-change:transform}
.cls_btns a:hover {transform:scale(1.1)}
.cls_btns a:nth-child(even) {background-color:var(--color1);fill:#fff;color:#fff}
.cls_btns svg {width:1em;height:1em;margin-left:10px}
.cls_item {flex-basis:20%;flex-grow:1;padding:20px;box-sizing:border-box}
.cls_item .borderradius {border-radius:50%;padding:20px;box-sizing:border-box;box-shadow:2px 5px 10px rgba(0,0,0,.1)}
.cls_video {padding-top:50%;display:block;position:relative;background-size:cover;background-position:center}
.cls_video svg {position:absolute;top:50%;right:50%;transform:translate(50%,-50%);fill:#fff;width:60px;height:60px;transition:all .2s ease}
.cls_video:before {content:'';position:absolute;top:50%;right:50%;width:80px;height:80px;background-color:var(--color1);transform:translate(50%,-50%);border-radius:50%;transition:all .2s ease-in-out}
.cls_video:hover svg {width:75px;height:75px}
.cls_video:hover:before {width:110px;height:110px;opacity:.7}
.contact_form {display:flex;position:relative}
.contact_form_buttons {flex-basis:50%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.contact_form_buttons a {margin:10px;box-shadow:10px 10px 30px rgba(0,0,0,.1);flex-grow:1;display:flex;align-items:center;border-radius:10px;color:var(--color2);fill:var(--color1);background-color:#fff;padding:10px 20px}
.contact_form_buttons a:hover {}
.contact_form_buttons a svg {width:20px;height:20px;display:block;margin:0 0 0 15px}
.custom-logo-link {background-color:#fff;max-width:200px;padding:20px}
.footer {background-color:var(--color2);padding:80px 20px}
.footer .h {display:flex;justify-content:space-between}
.footer_contacts {display:flex}
.footer_contacts a {fill:#fff;color:#fff;position:relative;padding:0 25px;display:block;line-height:1.2}
.footer_contacts svg {height:1em;width:1em;margin-bottom:1ch;position:absolute;top:4px;right:0}
.footer_contacts a span {display:block;margin-left:1ch}
.footer_contacts a strong {display:block;transition:all .2s ease}
.footer_contacts a:hover strong {color:var(--color1)}
.footer_nav {}
.footer_nav > ul {display:flex}
.footer_nav > ul > li {padding:10px}
.footer_nav > ul > li > a {color:var(--color1);text-decoration:underline;display:block}
.footer_nav > ul > li > a:hover {color:#fff}
.footer_social {display:flex}
.footer_social a {width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px var(--color1) solid;border-radius:50% 0;margin:0 5px;fill:#fff}
.footer_social a:hover {border-color:#fff}
.footer_social svg {width:16px}
.form {background-color:#f7f7f7;padding:40px 20px}
.form[data-src] {background-color:transparent}
.form .h {background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:10px;display:flex}
.form .h > svg {position:absolute;right:50%;top:-30px;height:calc(100% + 30px);filter:drop-shadow(2px 5px 10px rgba(0,0,0,.1));transform:translate(50%);pointer-events:none}
.form_txt {flex-basis:50%;box-sizing:border-box;padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.form_txt header {font-size:1.5em;color:#333}
.form_txt header p {color:#666;font-weight:100}
.formtxt_contacts {margin:60px 0 0 0}
.formtxt_contacts a {display:flex;align-items:center;color:#666;padding:5px 0}
.formtxt_contacts strong {margin-right:1ch;color:#222}
.formtxt_contacts span:after {content:':'}
.formtxt_contacts svg {height:1em;width:1em;fill:var(--color1);margin-left:10px}
.form_form {flex-basis:50%;box-sizing:border-box;padding:40px}
.form_form .formrow {display:flex}
.ft {padding:40px;background-color:#231c17;color:rgba(255,255,255,.6)}
.ft a {fill:var(--color1)}
.ft a:hover {fill:#fff}
.ft a svg {width:auto;height:1.5em}
.ft .h {display:flex;align-items:center;justify-content:space-between}
.gform_fields {display:flex;flex-wrap:wrap}
.gform_fields > li {flex-basis:50%;position:relative;padding:10px;box-sizing:border-box}
.gform_fields > li:first-child,
.gform_fields > li:last-child {flex-basis:100%}
.gform_fields .hidden_label .gfield_label {display:none}
.gform_fields input,.gform_fields textarea {border-bottom:1px #ccc solid;width:100%;max-height: 60px;direction:rtl!important;padding:10px 0;background-color:transparent}
.gform_wrapper input[type=submit] {width:auto;background-color:var(--color1);color:#fff;font-weight:900;font-size:1.2em;padding:10px 30px;border-radius:4px;margin:10px}
.gform_wrapper input[type=submit]:hover {padding:10px 40px}
.gform_wrapper input + label,.gform_wrapper textarea + label {display:block;transition:all .1s ease;position:absolute;top:17px;right:10px;color:#333;pointer-events:none;font-size:1.1em;opacity:.7}0
.gform_wrapper .wpcf7-form-control-wrap {position:relative;display:block;padding:7px 0}
.gform_wrapper input:focus + label,.gform_wrapper textarea:focus + label,.gform_wrapper label.stay {top:-5px;font-size:.7em}
.gform_wrapper .validation_error {display:none}
.gform_wrapper .validation_message {color:#ff7070;font-size:.8em}
.flex_testimonials {position:relative;padding:60px 20px 20px 20px}
.flex_testimonials header {display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:0 20px}
.flex_testimonials h3 {color:#fff;font-size:2em}
.flex_testimonials_main {padding:20px;text-align:right}
.flex_testimonials_main p {margin:20px;color:#666}
.flex_testimonials_nav {display:flex}
.flex_testimonials_nav button {width:3em;height:3em;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px #fff solid;fill:#fff;margin:0 5px;transition:background .2s ease}
.flex_testimonials_nav button:hover {background-color:#fff;fill:var(--color1);box-shadow:0 2px 5px rgba(0,0,0,.2)}
.flex_testimonials_nav button svg {width:.7em;height:.7em}
.flex_testimonials_parallax {position:absolute;top:0;right:0;width:100%;height:250px}
.flex_testimonials .owl-stage {display:flex}
.flex_testimonials .active .flex_testimonials_item {transform:scale(1)}
.flex_testimonials_item {background-color:#fff;margin:20px;display:block;border-radius:10px;padding:20px;box-shadow:0 5px 20px rgba(0,0,0,.1);color:#555;min-height:calc(100% - 40px);box-sizing:border-box;will-change:transform;transform:scale(.5);}

.flex_testimonials_item > div {display:flex;align-items:center}
.flex_testimonials_item > div > img {width:60px;height:60px;border-radius:50%;margin-left:20px}
.flex_testimonials_item p {margin:20px 0}
.flex_testimonials_item span {color:var(--color1);font-weight:100;font-size:.9em}

.header {position:fixed;top:0;right:0;z-index:500;width:100%;background-color:#fff}
.header.scrolled {background-color:rgba(255,255,255,.9);backdrop-filter:blur(5px)}
.header .h {display:flex;justify-content:space-between;align-items:center}
.header_contact {white-space:nowrap;color:var(--color1);padding:10px 20px;display:block;background-color:#fff;box-shadow:10px 10px 40px rgba(0,0,0,.1);border-radius:20px;border:1px #eaeaea solid}
.header_contact:hover {background-color:var(--color1);color:#fff;transform:scale(1.1)}
.header_contact svg {min-width:1em;min-height:1em;margin-left:10px;flex-grow:1}

.header_down {background-color:#fff}
.header nav {}
.header .open_sub {position:absolute;top:50%;left:0;width:5px;height:5px;border-bottom:1px #bbb solid;border-right:1px #bbb solid;transform:rotate(45deg) translateY(-70%)}
.header nav > ul {display:flex;align-items:center}
.header nav > ul > li {position:relative}
.header nav > ul > li > ul {position:absolute;visibility:hidden;opacity:0;transform:translateY(-20px);transition:all .2s linear;background-color:#fff;padding:10px;box-shadow:0 10px 10px rgba(0,0,0,.1)}
.header nav > ul > li:hover > ul {visibility:visible;opacity:1;transform:translateY(0)}
.header nav > ul > li > a {color:#69654c;padding:10px 20px;display:flex;position:relative;font-size:1.1em;fill:#b70000}
.header nav > ul > li:hover > a,.header nav > ul > li.current-menu-item > a {color:var(--color1)}
.header nav > ul > li > a > svg {display:none;width:1.2em;height:1.2em}
.header nav > ul > li.menu-item-21 > a > svg {display:block}
.header nav > ul > li.menu-item-21 > a > span {display:none}
.header nav > ul > li > ul > li {border-top:1px #eee dotted;position:relative}
.header nav > ul > li > Ul > li > .open_sub {transform:rotate(135deg)}
.header nav > ul > li > ul > li:first-child {border:0}
.header nav > ul > li > ul > li > a {color:#666;display:block;padding:10px 10px;white-space:nowrap}
.header nav > ul > li > ul > li > a:hover {color:var(--color1)}
.header nav > ul > li > ul > li > ul {position:absolute;right:100%;background-color:#fafafa;transition:all .2s ease;opacity:0;visibility:hidden;top:0;box-shadow:0 3px 8px rgba(0,0,0,.1);transform:translateX(-10px)}
.header nav > ul > li > ul > li:hover > ul {opacity:1;visibility:visible;transform:translateX(0)}
.header nav > ul > li > ul > li > ul > li {border-top:1px #eee dotted}
.header nav > ul > li > ul > li > ul > li > a {white-space:nowrap;color:#666;padding:10px;display:block}
.hello_slide {min-height:100vh;display:flex;align-items:center;background-size:cover;background-position:center center}
.hello_slide:before {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.hello_text {max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:2;color:#fff;transition:all 1.5s ease;transform:translateX(40px)}
.active .hello_text {transform:translateX(0)}
.hello_title {display:block;font-size:1.6em;line-height:1}
.hello_sub {display:block;font-size:4em;line-height:1;font-weight:bold}
.hello_button {background:linear-gradient(to left,#9e9030,#ceb61a);padding:15px 40px;display:inline-block;margin:20px 0 0 0;color:#fff;font-weight:bold;border-radius:4px}
.hello_button:hover {filter:brightness(120%)}

.h {margin:0 auto;position:relative;max-width:1300px}
.leaf-1 {position:absolute;top:50%;left:2vw;pointer-events:none;filter:blur(2px)}
.links {background-color:#f7f7f7;padding:60px 20px}
.links .h {display:flex;flex-wrap:wrap}
.links a {position:relative;margin:10px;overflow:hidden;flex-basis:calc(100%/4 - 20px);box-shadow:0 3px 5px rgba(0,0,0,.05);fill:#fff;box-sizing:border-box;padding:20px;color:#333;border-radius:3px;background-color:#fff;flex-grow:1;display:block}
.links a:hover {box-shadow:0 0 30px rgba(0,0,0,.1)}
.links figure {width:60px;height:60px;border-radius:50% 0;margin:0 0 30px 0;position:relative;box-shadow:5px 10px 10px rgba(0,0,0,.2)}
.links a:hover figure:before {opacity:1}
.links a:hover figure:after {opacity:1}
.links a:hover p {transform:translateY(10px)}
.links a:hover > svg {transform:translateY(-10px);opacity:0}
.links a:hover h3 {transform:translateY(5px)}
.links a > svg {width:1.5em;height:1.5em;fill:#ccc;transition:all .2s ease}
.links figure:before {content:'';position:absolute;top:calc(50% - 5px);right:calc(50% - 5px);animation: orbit 10s linear infinite;;width:10px;height:10px;border-radius:50%;background-color:var(--color1);transition:all .2s ease;opacity:0}
.links figure:after {content:'';position:absolute;top:calc(50% - 2px);right:calc(50% - 2px);animation: orbit 5s linear infinite;width:4px;height:4px;border-radius:50%;background-color:var(--color2);opacity:0}
@keyframes orbit {from{transform:rotate(0deg) translateX(40px)}to{transform:rotate(360deg) translateX(40px)}}
.links h3 {line-height:1;font-size:1.1em;margin:20px 0;transition:all .2s ease}
.links p {line-height:1.2;font-size:1em;color:#666;margin:10px 0;transition:all .2s ease}
.links figure svg {position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;transform:scale(.6)}
.links a div {display:flex;flex-direction:column}
.links a div:nth-child(even) {flex-direction:column-reverse}
.links img {transition:all .2s ease}
.links a:hover img {transform:scale(1.1)}
.links .owl-stage {display:flex}
.ll {display:none;width:3em;height:3em;position:relative;background:transparent;margin:0 20px}
.ll svg {transition:all .2s ease;position:absolute;top:0;right:0;width:100%;height:100%;fill:var(--color2)}

.t blockquote {background-color:#fff;border-radius:10px;box-shadow:2px 5px 10px rgba(0,0,0,.1);position:relative;padding:1px 0}
.t blockquote:before {content:'"';font-size:3em;position:absolute;color:var(--color1);top:0;right:20px;transform:translateY(-30%)}
.t blockquote p {font-weight:100;font-size:1.5em}
.t h1 {font-size:4em;font-weight:900;margin:20px;color:var(--color2);line-height:.8}
.t h2 {margin:20px 0;padding:0 20px;border-right:3px #9e9030 solid;line-height:1.2}
.t h3 {font-weight:100;margin:20px;font-size:1.6em;color:#555}
.t p {margin:20px;color:#666}
.t a {color:inherit;text-decoration:underline}
.t a:hover {color:orangered}
.t ol {margin:20px;color:#555;counter-reset:item}
.t ol li {padding:0 30px 5px 0;counter-increment:item;position:relative}
.t ol li:before {content:counter(item);position:absolute;right:0;background-color:var(--color1);width:2.3ch;height:2.3ch;display:flex;align-items:center;justify-content:center;border-radius:50% 50% 50% 0;color:#fff;font-size:.8em}

.t ul {margin:20px;color:#555}
.t ul li {padding:0 20px 5px 0;position:relative}
.t ul li:before {content:'';position:absolute;top:8px;right:0;width:7px;height:7px;background-color:#9e9030;border-radius:5px 0 5px 5px;transform:rotate(-130deg)}

.top {position:relative;padding:100px 20px}
.top:before {content:'';position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.4)}
.top h1 {font-weight:900;font-size:3em;color:#fff;line-height:1;border-right:3px #9e9030 solid;padding-right:20px}

#breadcrumbs {background-color:#fff;color:#555;padding:0 20px}
#breadcrumbs .h {border-bottom:1px #eee solid;padding:15px 0}
#breadcrumbs a {color:inherit}

.imgtxt {background-color:#fff}
.imgtxt .h {display:flex;align-items:center}
.imgtxt.switch .h {flex-direction:row-reverse}
.imgtxt_txt {flex-basis:50%;padding:40px 0;box-sizing:border-box}
.imgtxt figure {flex-basis:50%;background-size:cover;background-position:center center;align-self:stretch;width:50%;display:block}
.imgtxt p {margin:20px;color:#666}

.links_loop {display:flex; justify-content:center; flex-wrap:wrap}
.links_loop a {display:block; position:relative; flex-basis:calc(100%/5 - 20px);margin:10px;color:#fff}
.links_loop a:before {content:'';position:absolute; top:0; bottom:0;right:0;left:0;background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);}
.links_loop a h3 {position:absolute; right:10px; left:10px; bottom: 10px;text-align:center;line-height:1.2 }
.links_loop a:hover {color:#ceb61a}

footer {background-color:#000}
footer .h {padding-top:120px}
.branches {display:none;justify-content: space-between;align-items:center;position: absolute;right: 0;left: 0;top: -60px;background-color: #a6962b;}
.branches a {text-align:center; flex-basis:33%; position:relative;margin:20px;color:#fff;fill:#fff}
.branches a:after {content: '';display: block; width: 1px;height: 51px;background: rgba(37,37,37,.1); position: absolute;top: 50%;margin-top: -25px;right: -15px;}
.branches a svg {height:2em;padding-bottom:10px}
.branches a span {display:block}

.page404 {text-align:center;padding:0 80px}
.big404 {display:inline-block;font-size:15em;color:var(--color1);border:25px #fff solid;padding:20px;margin:40px auto;font-weight:900;line-height:1}
.page404 a {display:inline-block;background:var(--color2);color:#fff;padding:20px 40px}
.popup {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);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);overflow:hidden}
.popup .gform_wrapper {padding:20px}
.mfp-content {perspective:2000px}
.mfp-bg {opacity:.2;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}
.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}

#contact > svg {position:absolute;right:50%;top:-30px;height:calc(100% + 30px);filter:drop-shadow(2px 5px 10px rgba(0,0,0,.1));transform:translate(50%);pointer-events:none}

@media (max-width:800px){
	body {padding-top:60px}
	.branches {flex-direction:column}
	.branches a:after {display:none}
	.cls {padding:0}
	.cls .h {display:block}
	.cls_item {padding:0}
	.custom-logo-link {padding:10px 20px;max-width:140px}
	.flex_testimonials {padding-right:0;padding-left:0}
	.flex_testimonials_item {transform:none;padding:10px;margin:5px}
	.flex_testimonials_item > div {display:block}
	.footer .h {display:block}
	.footer_contacts {display:block}
	.footer_contacts a {padding-bottom:15px}
	.form {padding:0}
	.form[data-src] {background:#fff!important}
	.form .h {display:block;border-radius:0;background-color:transparent;box-shadow:none}
	.form_form {padding:0 20px 20px}
	.formtxt_contacts {display:none}
	.form_txt {padding:20px}
	.ll {display:block}
	.links {padding:10px}
	.links .h {display:block}
	.links a {min-height:calc(100% - 20px)}
	.header .h {flex-direction:row-reverse}
	.header.scrolled {background-color:rgba(255,255,255,.9);backdrop-filter:none}
	.header nav {position:fixed;top:80px;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;transform:scale(.5);opacity:0;transition:all .2s ease;filter:blur(20px);visibility:hidden}
	.header nav > ul {display:block}
	.header nav > ul > li > a {color:#6c5e5e;padding:10px}
	.header nav > ul > li.current-menu-item > a {background:transparent;border:1px #6c5e5e solid}
	.header_contact {position:fixed;bottom:0;right:0;left:0;border-radius:20px 20px 0 0;text-align:center}
	.nav-close {transform:scale(.5);opacity:0}
	.openav {overflow:hidden}
	.openav .nav-close {transform:scale(.7);opacity:1}
	.openav .nav-open {transform:scale(.5);opacity:0}
	.openav .header nav {transform:scale(1);opacity:1;filter:blur(0);visibility:visible}
	.top h1 {font-size:2em}
}
@media (max-width:600px){
	.wow {visibility:visible !important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}
}