/*
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}
body {cursor:default;font-family:'Rubik',arial}
div.wpcf7-validation-errors {display:none!important}
.h {margin:0 auto;position:relative;max-width:1200px}
.header {padding:20px}
.top {background:linear-gradient(to right,#0778be,#2db0e5,#0778be);display:flex;flex-wrap:wrap;padding:0 0 80px 0}
.top:before {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:url(img/bg_r.png) no-repeat top right;background-size:auto 100%;z-index:2}
.top:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/bg_l.png) no-repeat top left;background-size:auto 100%;z-index:2}
.top_she {order:1;flex-basis:33%;text-align:center;position:relative;z-index:3;overflow:hidden}
.top_center {order:2;flex-basis:33%;text-align:center;position:relative;z-index:4}
.top_he {order:3;flex-basis:33%;text-align:center;position:relative;z-index:3;overflow:hidden}
.top_he img,.top_she img {max-height:80vh;margin:10vh auto;pointer-events:none}
.custom-logo-link {display:block}
.custom-logo-link img {max-width:300px}
.header_call {display:block;color:#fff;pointer-events:none;font-weight:bold;font-size:1.4em}
.top p {color:#fff;margin:20px;font-weight:bold}
h1 {color:#ffea00;font-size:3em;line-height:1}
.wp-block-embed-youtube {display:none}
.top ul {text-align:right;margin:0 20px}
.top li {position:relative;padding:0 30px 11px 0;color:#fff}
.top li:before {content:'';position:absolute;top:0;right:0;width:22px;height:27px;background:url(img/star.png)}
._li {background-color:#0677bd;padding:3px 10px;border-radius:5px}

.top h3 {position:relative;z-index:1;overflow:hidden;text-align:center;color:#fff;font-size:1.7em;margin:20px}
.top h3:before,.top h3:after {content:'';display:inline-block;width:100%;height:5px;background:#fff;z-index:-1;position:relative;vertical-align:middle}
.top h3:before {left:20px;margin:0 -100% 0 0}
.top h3:after {right:20px;margin:0 0 0 -100%}
.recs {padding:35px 10px 20px 10px;background:#27B3E8 url('https://www.abrahamson.co.il/wp-content/uploads/2019/09/main-bg.jpg') no-repeat 50% top;}
.recs h2 {color:#fff;text-align:center;font-size: 2em;line-height: 1;margin-bottom:20px;}
.wpcf7 {background-color:#fff;border-radius:10px;text-align:center}
.cf_title {color:#0677bd;font-size:2.5em;display:inline-block;line-height:1;padding:20px 20px 0 20px;font-weight:bold}
.cf_title:after {content:'';display:block;height:5px;background-color:#6dcff6}
.cf_row {display:flex;padding:0 20px}
.cf_field {padding:10px;flex-grow:1}
.wpcf7 input {border:3px #cddbe3 solid;padding:15px 20px;font-size:1em;font-family:inherit;width:100%;box-sizing:border-box;border-radius:5px;font-weight:bold}
.wpcf7 input:focus {border-color:#9ea9af}
.wpcf7 input[type=submit] {width:auto;background:linear-gradient(#ffea00,#ff8500);border:0;padding:15px 60px;margin-bottom:20px;color:#fff}
.wpcf7 input[type=submit]:hover {transform:scale(1.1)}
.shadow {height:20vh;order:4;background:linear-gradient(rgba(0,0,0,.1),transparent);position:absolute;bottom:0;right:0;width:100%;z-index:1}

.bottom {background-color:#103f61;display:flex;flex-direction:row-reverse}
.bottom_video {flex-basis:50%}
.bottom_video_frame {position:relative;padding:50% 0 0 0;margin:40px;box-shadow:0 0 20px #000}
.bottom_video_frame iframe {position:absolute;top:0;right:0;width:100%;height:100%}
.bottom_icons {display:flex;flex-basis:50%;flex-wrap:wrap;text-align:center;padding:20px;box-sizing:border-box}
.adv {flex-basis:calc(100%/3 - 40px);margin:20px;color:#fff}
.adv img {display:block;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,.6);border-radius:50%;max-width:100px}
.adv_name {display:block;font-weight:bold;margin:10px;font-size:1.2em}
.adv_desc {color:rgba(255,255,255,.7);margin:0 20px;display:block}
.bottom+.wpcf7 {display:none}

.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:.5;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 {position:fixed;bottom:0;right:0;width:100%;display:none;z-index:500;box-shadow:0 0 10px rgba(0,0,0,.5);fill:#fff}
._m a {display:flex;justify-content:center;flex-basis:50%;color:#fff;padding:20px;align-items:center;font-weight:bold;background:#07cfff;border:1px #097CC0 solid}
._m_call {}
._m svg {width:1em;height:1em;margin:0 0 0 10px}

@media (max-width:1300px){
	.top_she,.top_he {flex-basis:30%}
	.top_center {flex-basis:40%}
}

@media (max-width:1000px){
	.top {display:block;padding:0 40px 20px 40px;background:linear-gradient(to bottom,#2db0e5,#0778be)}
	.top_she,.top_he,.top:before,.top:after {display:none}
	.shadow {top:0;background:url(img/m_top.png) no-repeat;height:100%;background-size:100% auto}
	._li {background:transparent;padding:0}
	.wp-block-embed-youtube {display:block}
	.wp-block-embed-youtube iframe {max-width:100%;max-height:200px}
	.bottom {display:block}
	.bottom_video {display:none}
}

@media (max-width:600px){
	.bottom {background-image:url(img/m_bg.jpg);background-size:100% auto;padding:0 40px;background-repeat:no-repeat}
	.cf_field {padding:5px 0}
	.cf_row {display:block}
	.cf_title {font-size:1.5em}
	.custom-logo-link img {max-width:60vw}
	.top ul,.top h3 {margin:10px 0}
	.top .wpcf7 {margin:0 -40px;border-radius:0}
	.bottom+.wpcf7 {display:block;margin-bottom:50px}
	h1 {color:#ffea00;font-size:2em}
	.header_call {pointer-events:auto}
	.bottom_icons {display:block}
	._m {display:flex}
}

@media (min-width: 992px) {
	.only-mobile { display: none !important; } }
@media (max-width: 991px) {
	.center-mobile { text-align: center !important; } .only-desktop { display: none !important; } }

.slick-slide > figure { min-height: 280px; display: flex; align-items: center; justify-content: center; padding: 0 5px; background-color: #fff; }
.slick-slide { position: relative!important;padding:0!important; }
.slick-slide:before { display: none; }