/*
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)}
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}
input, button {width:100%;box-sizing:border-box;font-size:inherit;font-family:inherit;direction:rtl!important;transition:all .2s ease}
body {cursor:default;font-family:'Assistant',arial}
div.wpcf7-validation-errors,div.wpcf7 .ajax-loader {display:none!important}
.about {flex-basis:50%;padding:40px;box-sizing:border-box;display:flex;align-items:center;position:relative}
.about:before {content:'';position:absolute;top:50%;right:100%;border:15px transparent solid;border-right-color:#fff;transform:translateY(-50%)}
.about figure {margin-left:20px}
.about h2 {line-height:1;margin-bottom:10px;font-weight:normal;font-size:2em}
.about p {font-size:1.2em;line-height:1.3}
.anime {position:absolute;top:0;right:0;width:400px;height:100%;overflow:hidden}
.big404 {display:inline-block;font-size:15em;color:#fff;border:25px #fff solid;padding:20px;margin:40px auto;font-weight:900;line-height:1}
.bunch {position:absolute;bottom:0;right:0;left:0}
.cfield {padding:5px}
.cfrow {display:flex;justify-content:center}
.cfrow button {background-color:#fff;padding:10px 15px;border-radius:5px;font-weight:bold;box-shadow:0 0 5px rgba(0,0,0,.2)}
.cfrow button:hover {box-shadow:0 0 10px #fff}
.cfrow input {padding:10px;background-color:rgba(0,0,0,.2);color:#fff;border-radius:5px}
.cfrow ::placeholder {opacity:.8;color:#fff}
.cig {top:0;left:0;position:absolute;z-index:200}
.cigs {position:absolute;overflow:hidden;top:45%;right:25%;bottom:15%;left:25%}
.contact {position:relative}
.contact:before {content:'';position:absolute;top:0;left:0;right:50%;bottom:0;background-color:#28b3e8}
.contact .h {display:flex}
.footer {text-align:center;padding:30px}
.form {flex-basis:50%;box-sizing:border-box;padding:40px}
.form form {margin:20px 0}
.form svg {fill:#fff;max-width:700px;display:block;margin:0 auto}
.h {margin:0 auto;position:relative;max-width:1200px}
.hand {position:absolute;right:0;max-width:40vw}
.icons {flex-basis:50%;padding:40px 20px;box-sizing:border-box}
.icons h2 {display:flex;font-weight:normal;font-size:2em;align-items:center;margin-bottom:20px}
.icons h2 span {background:url(img/bg.svg) center / 100% 100%;color:#fff;padding:10px 10px 10px 30px;font-size:.8em;font-weight:bold;margin-right:10px}
.icons section {display:flex;flex-wrap:wrap}
.icons_item {flex-basis:calc(100%/3);display:flex;align-items:flex-start;box-sizing:border-box;padding:10px}
.icons_item b {display:block;line-height:1;margin-bottom:5px}
.icons_item img {margin-left:10px}
.icons_item p {line-height:1;color:#555;font-size:.9em}
.info {background-color:#F6F5F3;padding:20px}
.info .h {display:flex}
.m {display:none}
.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}
.screen {background-color:#F3F3F1;text-align:center;padding:40px 20px;position:relative}
.screen img {display:inline-block}
.screen .h {max-width:600px}
.screen h1 {margin:30px 0}
.screen h1 span {display:block;position:relative}
.screen svg {width:100%;height:auto}
.screen span:last-child {fill:#27B3E8}
.screen span:last-child:before {content:'';position:absolute;bottom:-10px;left:0;width:55%;height:13px;background:url(img/line.svg) center / 100% 100%}
.list ul {text-align:right;font-size: 1.6em;color:#222;}
.list li {position:relative;padding:0 30px 10px 0}
.list li:before {content:'';width:.8em;height:.8em;position:absolute;top:7px;right:0;background:url(img/v.svg) center / cover}
.tabs {display:flex;justify-content:center;text-align:center;align-items:center}
.tabs a {color:#222}
.tabs figure {border-radius:50%;overflow:hidden;position:relative;max-width:80px;display:block;margin:0 auto;transition:all .2s ease}
.tabs figure:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:5px rgba(255,255,255,.5) solid;border-radius:50%}
.tabs li {margin:10px}
.tabs span {display:block;font-weight:bold;opacity:0;transform:translateY(-30px);transition:all .2s ease;margin:10px 0}
.tabs .active figure {max-width:200px}
.tabs .active span {transform:translateY(0);opacity:1;line-height:1}
.tab_content {text-align:center;font-size: 2em;padding:0 40px}
.teaser {position:fixed;top:20px;left:20px;overflow:hidden;border-radius:60px;border:2px #fff solid;display:flex;font-size:2em;flex-direction:row-reverse;box-shadow:0 5px 10px rgba(0,0,0,.2);z-index:200}
.teaser a {fill:#fff;padding:25px 30px;color:#fff;display:flex;align-items:center}
.teaser a[href*=whatsapp] {background-color:#0DC143}
.teaser a[href*=whatsapp]:hover {background-color:#03f14a}
.teaser svg {width:1em;height:1em}
.tsts {padding:40px 20px;position:relative;overflow:hidden}
.tsts:before {content:'';position:absolute;top:10%;right:10%;;width:305px;height:256px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 305 256'%3E%3Cpath d='M1482.51,1651.18a34.1,34.1,0,0,0-24.93-10.19h-70.39a34.1,34.1,0,0,0-24.93,10.19A33.534,33.534,0,0,0,1352,1675.9v69.82a33.54,33.54,0,0,0,10.26,24.73,34.093,34.093,0,0,0,24.93,10.18h41.06a17.078,17.078,0,0,1,12.47,5.09,16.783,16.783,0,0,1,5.13,12.36v5.82a44.645,44.645,0,0,1-13.75,32.91,45.39,45.39,0,0,1-33.18,13.64h-11.73a11.323,11.323,0,0,0-8.25,3.45,11.152,11.152,0,0,0-3.48,8.18v23.28a11.136,11.136,0,0,0,3.48,8.18,11.323,11.323,0,0,0,8.25,3.45h11.73a92.063,92.063,0,0,0,36.39-7.36,94.653,94.653,0,0,0,29.97-19.91,93.709,93.709,0,0,0,20.07-29.73,89.992,89.992,0,0,0,7.42-36.09v-128A33.534,33.534,0,0,0,1482.51,1651.18Zm164.23,0a34.064,34.064,0,0,0-24.92-10.19h-70.39a34.07,34.07,0,0,0-24.93,10.19,33.5,33.5,0,0,0-10.26,24.72v69.82a33.5,33.5,0,0,0,10.26,24.73,34.061,34.061,0,0,0,24.93,10.18h41.06a17.055,17.055,0,0,1,12.46,5.09,16.783,16.783,0,0,1,5.13,12.36v5.82a44.673,44.673,0,0,1-13.74,32.91,45.422,45.422,0,0,1-33.18,13.64h-11.73a11.323,11.323,0,0,0-8.25,3.45,11.152,11.152,0,0,0-3.48,8.18v23.28a11.136,11.136,0,0,0,3.48,8.18,11.323,11.323,0,0,0,8.25,3.45h11.73a91.979,91.979,0,0,0,36.38-7.36,94.653,94.653,0,0,0,29.97-19.91,93.38,93.38,0,0,0,20.07-29.73,90,90,0,0,0,7.43-36.09v-128A33.505,33.505,0,0,0,1646.74,1651.18Z' transform='translate(-1352 -1641)'/%3E%3C/svg%3E%0A") center / cover;opacity:.05}
.tsts:after {content:'';position:absolute;bottom:10%;left:10%;;width:305px;height:256px;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 289 242'%3E%3Cpath d='M420.338,1993.38a32.318,32.318,0,0,0,23.621,9.62h66.694a32.31,32.31,0,0,0,23.621-9.62A31.655,31.655,0,0,0,544,1970.01v-66a31.661,31.661,0,0,0-9.726-23.38,32.31,32.31,0,0,0-23.621-9.62H471.748a16.169,16.169,0,0,1-11.81-4.82,15.825,15.825,0,0,1-4.864-11.68v-5.5A42.158,42.158,0,0,1,468.1,1817.9a43.041,43.041,0,0,1,31.436-12.89h11.116a10.723,10.723,0,0,0,7.815-3.27,10.523,10.523,0,0,0,3.3-7.73v-22a10.513,10.513,0,0,0-3.3-7.74,10.714,10.714,0,0,0-7.815-3.26H499.537a87.416,87.416,0,0,0-34.476,6.96,89.588,89.588,0,0,0-28.4,18.82,88.521,88.521,0,0,0-19.018,28.1,84.947,84.947,0,0,0-7.034,34.12v121A31.666,31.666,0,0,0,420.338,1993.38Zm-155.62,0a32.318,32.318,0,0,0,23.621,9.62h66.694a32.309,32.309,0,0,0,23.621-9.62,31.655,31.655,0,0,0,9.726-23.37v-66a31.661,31.661,0,0,0-9.726-23.38,32.309,32.309,0,0,0-23.621-9.62H316.128a16.169,16.169,0,0,1-11.81-4.82,15.824,15.824,0,0,1-4.863-11.68v-5.5a42.161,42.161,0,0,1,13.026-31.11,43.043,43.043,0,0,1,31.436-12.89h11.116a10.726,10.726,0,0,0,7.816-3.27,10.523,10.523,0,0,0,3.3-7.73v-22a10.513,10.513,0,0,0-3.3-7.74,10.716,10.716,0,0,0-7.816-3.26H343.917a87.416,87.416,0,0,0-34.476,6.96,89.6,89.6,0,0,0-28.4,18.82,88.521,88.521,0,0,0-19.018,28.1,84.964,84.964,0,0,0-7.034,34.12v121A31.666,31.666,0,0,0,264.718,1993.38Z' transform='translate(-255 -1761)'/%3E%3C/svg%3E");opacity:.05}
.page404 {text-align:center;padding:80px}
.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)}
.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}
.video {flex-basis:50%;box-sizing:border-box;padding:40px 20px}
.video a {min-height:100%;display:block;background-size:cover;background-position:center;position:relative}
.video a:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:10px rgba(255,255,255,.6) solid;transition:all .2s ease}
.video a:after {content:'';width:128px;transition:all .2s ease;height:99px;position:absolute;top:50%;right:50%;transform:translate(50%,-50%);opacity:.5;background:url(data:image/png;base64,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)}
.video a:hover:after {opacity:1}
.wow {visibility:hidden}

@media (max-width:1200px){
	.about:before {display:none}
    .contact .h {display:block}
    .contact:before {display:none}
    .form {background-color:#27b3e8}
    .icons_item {flex-basis:50%}
    .screen {padding-right:50%}
    .teaser {top:auto;bottom:0;left:0;right:0;border-radius:30px 30px 0 0}
    .teaser a {flex-grow:1;justify-content:center}
    .tsts {padding-bottom:150px}
}
@media (max-width:1000px){
    .anime {width: 50vw;}
    .cfrow {display:block}
    .info .h {display:block}
    .list li {line-height:1}
    .list ul {font-size:1.2em}
    .tabs figure {max-width: 50px;}
    .tabs li {margin:5px}
    .tsts:before,.tsts:after {display:none}
    .video a {padding-top:40%}
}
@media (max-width:600px){
	.about {padding:20px}
    .about h2 {font-size:1.3em}
    .about p {font-size:1em}
    .form {padding:20px}
    .icons {padding:0}
    .icons h2 {flex-wrap:wrap;line-height:1}
	.icons section {display:block}
	.list {padding:20px 40px}
	.m {display:block}
	.screen .list {display:none}
	.screen span:last-child:before {bottom:100%;width:100%;}
	.tabs {align-items:flex-start}
	.tabs figure:before {border-width:4px}
	.tabs li {flex-grow:1;flex-basis:5%}
	.teaser a {padding:10px}
	.video {padding:0;margin-top:20px}
	.video a {padding-top:60%}
	.w {display:none}
}