/*
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;font-family:'Open Sans Hebrew',arial;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}
a[href*=tel] {pointer-events:none}
img {max-width:100%}
body {cursor:default}
div.wpcf7-validation-errors {display:none!important;}
.h {margin:0 auto;position:relative;max-width:1200px}
.header {position:fixed;top:0;right:0;z-index:500;width:100%;background-color:#585856;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.header .h {display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header_contact {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header_call {color:#fff;font-size:1.2em;margin-left:20px}
.header_links {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.header_links a {background-color:#91a3a4;border-radius:50%;width:2.2rem;height:2.2rem;margin:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;fill:#fff}
.custom-logo-link img {height:auto}
.top {background:-webkit-gradient(linear,left top, left bottom,from(#fdfbf5),to(#fff));background:-webkit-linear-gradient(#fdfbf5,#fff);background:-o-linear-gradient(#fdfbf5,#fff);background:linear-gradient(#fdfbf5,#fff);padding-top:110px}
.top .h {display:-webkit-box;display:-ms-flexbox;display:flex}
.top_img {-ms-flex-preferred-size:calc(30% - 10px);flex-basis:calc(30% - 10px);-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin:0 5px}
.top_txt {-ms-flex-preferred-size:40%;flex-basis:40%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background:#fff;-webkit-box-shadow:0 -5px 20px rgba(0,0,0,.05);box-shadow:0 -5px 20px rgba(0,0,0,.05);padding:70px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#2d2d2d}
.top_txt h1 {font-size:1.3em;margin:0 0 30px 0}
.top_txt p {text-align:justify;line-height:1.8;font-size:1.2em}
.top_txt img {padding:50px 20px 10px 20px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;opacity:.5}
.top_side {-ms-flex-preferred-size:40%;flex-basis:40%;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.quote {background:#fff;-webkit-box-shadow:0 -5px 20px rgba(0,0,0,.05);box-shadow:0 -5px 20px rgba(0,0,0,.05);padding:50px 70px 30px 70px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.top_form {background:#fff;-webkit-box-shadow:0 -5px 20px rgba(0,0,0,.05);box-shadow:0 -5px 20px rgba(0,0,0,.05);padding:40px}
.top_form h3 {margin-bottom:40px;font-size:1.4em}
.top_form fieldset {padding:0 0 10px 0}
.top_form figure {display:-webkit-box;display:-ms-flexbox;display:flex}
.top_form figure > fieldset {-ms-flex-preferred-size:50%;flex-basis:50%}
.top_form input {width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 15px;border:1px #eee solid;font-size:1.1em}
.top_form input:focus {border-color:#91a3a4}
.top_form input[type=submit] {border-color:#a1b0b1;background-color:#fff;font-weight:bold;color:#91a3a4}
.top_form input[type=submit]:hover {-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 3px rgba(0,0,0,.2);box-shadow:0 3px rgba(0,0,0,.2)}

.top_call {color:#333}
.top_call span {display:block;white-space:nowrap;font-size:.9em}
.top_call a {font-weight:bold;font-size:1.2em;color:inherit}

.areas {background-color:#fff;padding:20px;text-align: center}
.areas h2 {text-align:center;font-weight:normal;font-size:1.8em;color:#373737;text-align: center}
.areas p {max-width:600px;color: #666;margin: 10px auto;padding: 0 20px;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center}
.areas section {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 0}
.areas figure {-ms-flex-preferred-size:calc(33.33% - 10px);flex-basis:calc(33.33% - 10px);margin:5px;background-color:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)}
.areas h4 {font-weight:normal;padding:10px;font-size:1.1em;color:#222f3d;position:relative}
.areas h4:before {content:'';position:absolute;bottom:100%;right:0;width:100%;height:8px;background-color:#91a3a4;opacity:.5}
.areas span {display: block;margin:0 10px 10px 10px;font-size: .9em;color:#666}

.methods {text-align:center;padding:40px 20px;background-color:#fbfbfb}
.methods h2 {font-weight:normal;font-size:1.8em;color:#373737}
.methods p {max-width:600px;color: #666;margin: 10px auto;padding: 0 20px;-webkit-box-sizing: border-box;box-sizing: border-box}
.methods figure {-ms-flex-preferred-size:10%;flex-basis:10%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.methods img {display:block;margin:0 auto}
.methods h4 {color:#424a52;font-size:1.1em;line-height:1.2;margin:0 30px}
.methods h4:before {content:'';display:block;background:-webkit-gradient(linear, left top, right top, from(transparent),color-stop(#ccc),to(transparent));background:-webkit-linear-gradient(left, transparent,#ccc,transparent);background:-o-linear-gradient(left, transparent,#ccc,transparent);background:linear-gradient(to right, transparent,#ccc,transparent);width:100%;height:1px;margin:20px auto}
.methods section {display:-webkit-box;display:-ms-flexbox;display:flex;padding:60px 0 40px 0}
.methods span {display: block;margin:10px;font-size: .9em;color:#666}

.tsts {padding:0 20px}
.tsts header {border-bottom:1px #ececec solid;border-top:1px #ececec solid;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0;color:#222;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.tsts img {cursor:pointer;padding:10px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.tsts img:hover {-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.tsts h2 {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;font-weight:normal;font-size:1.8em}
.tsts section {display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 0 70px 0}
.tsts figure {-ms-flex-preferred-size:33.33%;flex-basis:33.33%;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px #eee solid;font-size:.9em;color:#666;line-height:1.5;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}

.bottom_title {background-color:#fff;padding:40px 20px 20px 20px;text-align:center}
.bottom_title h2 {font-weight:normal;color:#222;font-size:1.8em}
.bottom_title a {color:#91a3a4;font-weight:bold;font-size:1.1em}

.bottom_form {background-color:#fff;padding:40px 20px}
.bottom_form .h {-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1);padding:70px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1100px}
.bottom_form h2 {font-weight:normal;color:#222;font-size:1.8em;text-align:center;margin-bottom:40px}
.bottom_form form {display:-webkit-box;display:-ms-flexbox;display:flex}
.bottom_form figure {-ms-flex-preferred-size:50%;flex-basis:50%}
.bottom_form fieldset {padding:10px}
.bottom_form input,.bottom_form textarea {width:100%;background-color:#f3f3f3;border:1px #e8edf2 solid;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.1em;max-height:178px}
.bottom_form input:focus,.bottom_form textarea:focus {border-color:#91a3a4}
.bottom_form input[type=submit] {width:auto;float:left;border-color:#a1b0b1;background-color:#fff;font-weight:bold;color:#91a3a4;padding:15px 40px}
.bottom_form input[type=submit]:hover {-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 3px rgba(0,0,0,.2);box-shadow:0 3px rgba(0,0,0,.2)}

footer {background-color:#f8f8f8;text-align:center;padding:20px;color:#666}

.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}

.t {text-align:center;padding:40px;color:#666}
.main {padding-top:100px}

.m_nav {position: fixed;bottom: 0;right: 0;width: 100%;background-color:#585856;display:none}
.m_nav > a {-ms-flex-preferred-size: 50%;flex-basis: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #fff;padding: 10px}
.m_nav svg {fill:#fff;height: 1.5em;margin-left: 10px}
.m_nav_whatsapp {background-color:#0dc142}

@media (max-width:800px) {
	.top .h {display:block}
	.top_img {text-align:center}
	.top_img img {border-radius:50%;margin-bottom:-30px}
	.top_txt {padding:70px 20px 20px 20px;text-align:center}
	.top_txt p {font-size:1em;text-align:center}
	.areas figure {-ms-flex-preferred-size:calc(50% - 10px);flex-basis:calc(50% - 10px)}
	.methods section {-ms-flex-wrap:wrap;flex-wrap:wrap}
	.methods figure {-ms-flex-preferred-size:33.33%;flex-basis:33.33%;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
	.tsts section {-ms-flex-wrap:wrap;flex-wrap:wrap}
	.tsts figure {-ms-flex-preferred-size:100%;flex-basis:100%;padding-bottom:20px;text-align:center}
	.bottom_form form {display:block}
	.bottom_form .h {padding:20px}
	.header_call {display: none}
	a[href*=tel] {pointer-events:auto}
	.wow {visibility: visible !important;-webkit-animation: none !important;animation: none !important;}
	footer {padding-bottom:60px}
}
@media (max-width:600px) {
	.header_links {display: none}
	.quote {padding:10px 30px}
	.top {padding-top:90px}
	.top_form h3 {text-align:center}
	.top_form {padding:20px}
	.areas h2,.tsts h2 {font-size:1.3em}
	.areas figure {-ms-flex-preferred-size:calc(100% - 10px);flex-basis:calc(100% - 10px)}
	.areas section {padding-bottom:10px}
	.methods {padding-top:0;padding-bottom:0}
	.methods figure {-ms-flex-preferred-size:100%;flex-basis:100%}
	.methods h4:before {margin:5px auto}
	.tsts section {padding-bottom:0}
	.bottom_form {padding:0}
	.bottom_form input[type=submit] {float:none}
	.bottom_title a {white-space:nowrap}
	.nav-up .header_links {opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
	.m_nav {display: -webkit-box;display: -ms-flexbox;display: flex}
}

@font-face{font-family:'Open Sans Hebrew';font-style:normal;font-weight:300;src:url(fonts/opensanshebrew-light-webfont.eot);src:url(fonts/opensanshebrew-light-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensanshebrew-light-webfont.woff) format("woff"),url(fonts/opensanshebrew-light-webfont.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-style:italic;font-weight:400;src:url(fonts/opensanshebrew-italic-webfont.eot);src:url(fonts/opensanshebrew-italic-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensanshebrew-italic-webfont.woff) format("woff"),url(fonts/opensanshebrew-italic-webfont.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-style:normal;font-weight:400;src:url(fonts/opensanshebrew-regular-webfont.eot);src:url(fonts/opensanshebrew-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensanshebrew-regular-webfont.woff) format("woff"),url(fonts/opensanshebrew-regular-webfont.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-style:italic;font-weight:700;src:url(fonts/opensanshebrew-bolditalic-webfont.eot);src:url(fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensanshebrew-bolditalic-webfont.woff) format("woff"),url(fonts/opensanshebrew-bolditalic-webfont.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-style:normal;font-weight:700;src:url(fonts/opensanshebrew-bold-webfont.eot);src:url(fonts/opensanshebrew-bold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensanshebrew-bold-webfont.woff) format("woff"),url(fonts/opensanshebrew-bold-webfont.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-style:italic;font-weight:800;src:url(fonts/opensanshebrew-extrabold-webfont.eot);src:url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensanshebrew-extrabold-webfont.woff) format("woff"),url(fonts/opensanshebrew-extrabold-webfont.ttf) format("truetype")}
@font-face{font-family:'Open Sans Hebrew';font-style:normal;font-weight:800;src:url(fonts/opensanshebrew-extrabold-webfont.eot);src:url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensanshebrew-extrabold-webfont.woff) format("woff"),url(fonts/opensanshebrew-extrabold-webfont.ttf) format("truetype")}