@font-face {
  font-family: "doseo";
  src:url(../../../../../../themes/costa/fonts/doseo/doseo.eot);
  src:url('../../../../../../themes/costa/fonts/doseo/doseo.eot?#iefix') format('embedded-opentype'),
    url(../../../../../../themes/costa/fonts/doseo/doseo.woff) format('woff'),
    url(../../../../../../themes/costa/fonts/doseo/doseo.ttf) format('truetype'),
    url('../../../../../../themes/costa/fonts/doseo/doseo.svg#doseo') format('svg');
  font-weight: 400;
  font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Assistant:300,400,700&subset=hebrew);

* {margin:0;padding:0;list-style:none;outline:none;border:none;font-family:'Assistant',arial;vertical-align:top;text-decoration:none;font-smoothing:antialiased;text-rendering:optimizeLegibility}
::-webkit-input-placeholder {color:#ccc;opacity:1;}:-moz-placeholder {color:#ccc;opacity:1;}::-moz-placeholder {color:#ccc;opacity:1;}:-ms-input-placeholder {color:#ccc;opacity:1;}
[placeholder]:focus::-webkit-input-placeholder {opacity:0.5;}[placeholder]:focus:-moz-placeholder {opacity:0.5;}[placeholder]:focus::-moz-placeholder {opacity:0.5;}[placeholder]:focus:-ms-input-placeholder {opacity:0.5;}
.c:before,.c:after{content:"";display:table}.c:after{clear:both}.c{*zoom:1}
a,.a {transition: all .2s linear;-o-transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear}
img {max-width:100%}
i {font-style:normal;font-family:"doseo";display:inline-block}

body {cursor:default;font-size:90%;background:#2c3e50;padding:87px 0 0 0}
	.h {margin:0 auto;position:relative;width:1020px;box-sizing:border-box;}
	header {background:#fff;position:fixed;top:0;right:0;width:100%;height:87px;box-shadow:0 3px 3px rgba(0,0,0,0.1);z-index:500}
		.logo {position:absolute;top:20px;right:10px}
		header nav {position:absolute;top:0;right:290px}
		header nav>ul>li {float:right;position:relative}
		header nav>ul>li>a {line-height:87px;font-size:120%;font-weight:bold;color:#6e6e6e;padding:0 15px;position:relative;display:block}
		header nav>ul>li>a:hover, header nav>ul>li.current-menu-item>a {color:#000}
		header nav>ul>li.current-menu-item>a:before {content:'';position:absolute;top:100%;right:50%;margin:0 -7px 0 0;width: 0;height: 0;border-style: solid;border-width: 7px 7px 0 7px;border-color: #ffffff transparent transparent transparent}
		header nav>ul>li>ul {display:none;position:absolute;top:100%;right:0;white-space:nowrap;overflow:hidden;}
		header nav>ul>li:hover>ul {display:block}
		header nav>ul>li>ul>li {display:block}
		header nav>ul>li>ul>li>a {display:block;padding:5px 15px;background:#f9f9f9;border-top:1px #eee solid;color:#666}
		header nav>ul>li>ul>li>a:hover {background:#fff}
		.call {position:absolute;top:25px;left:10px}
		.call span , .call b {display:block;color:#34495e;font-family:Arial;font-size:120%;font-weight:700;}
		.call span > a {color:#34495e;font-family:Arial;}
		.call span {display:none;}
		.call a {display:block;color:#727272;line-height:100%}
		.call a:hover {color:#b8312f}
		.mobile-menu {display:none}
		
	.hello {height:387px;text-align:center;position:relative}
	.hello-arrows {z-index:20;top:50%}
	.hello-arrows a {display:block;position:absolute;color:#fff;padding:10px;font-size:300%;cursor:pointer;opacity:0.7}
	.hello-arrows a:hover {text-shadow:0 0 10px #fff;opacity:1}
	.hello-arrows a#next {right:95%}
	.hello-arrows a#prev {left:95%}
	.hello-slide {position:absolute;top:0;right:0;width:100%;height:387px;display:none;overflow:hidden}
    .hello-slide s {position:absolute;top:0;right:0;width:100%;height:100%;background-size:cover;background-position:center center;display:block;filter:blur(5px);-webkit-filter:blur(5px)}
	.hello-slide:first-child {display:block}
	.hello-slide:before {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
	.hello-slide:after {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
	.hello .h {z-index:8}
	.hello h2 {color:#fff;margin:60px auto 0 auto;font-size:700%;letter-spacing:-1px}
	.hello p {margin:20px 10%;color:#fff;font-size:140%;line-height:100%}
	.hello-slides a {color:#fff;font-size:140%;display:inline-block;padding:10px 30px;border:4px #e74c3c solid}
	.hello-slides a:hover {background:rgba(0,0,0,0.4)}
	.homeicons {background:#2c3e50}
    .homeicons .h {display:flex}
	.homeicons .h>div {flex-basis:0;flex-grow:1}
	.homeicons a {display:block;color:#bbddff;text-align:center}
	.homeicons svg {display:block;margin:20px auto;fill:#bbddff;height:40px;transition:all .2s linear}
	.homeicons svg:hover {fill:#fff}
	.homeicons a span {display:block;font-size:130%;margin:20px auto}
	.homeicons a:hover {color:#fff}

    .home-projects {background:#e8e8e8;text-align:center;padding:40px}
    .home-projects section {display:flex;padding:30px 0}
    .home-projects h2 {font-weight:100;font-size:3em;margin:20px}
    .home-projects h3 {display:inline-block;background:#fff;border-radius:100px;border:1px rgba(0,0,0,.3) solid;color:#3d8eb9;padding:10px 30px;margin:20px auto 0 auto;transition:all .2s linear}
.home-projects a:hover h3 {transform:scale(1.1) translateY(10px);box-shadow:0 0 10px #fff}
.home-projects section a {display:block;padding:30px}
    .home-projects > a {display:inline-block;background:#2f4152;color:#fff;padding:10px 20px;font-size:1.2em;margin:20px auto}
    .home-projects > a:after {content:'»';display:inline-block;vertical-align:middle;font-size:1.2em;margin-right:10px}


    /*TESTIMONIALS*/
	.testimonials-list {margin:0 0 0 30px}
	.testimonials-list>div {margin:30px 0 50px 0}
	.testimonials-list>div p {background:#fff;border:1px #eee solid;border-radius:10px;box-shadow:0 3px 5px rgba(0,0,0,0.1);position:relative;margin:0;padding:20px;font-style:italic;line-height:110%;color:#333}
	.testimonials-list>div p:after {content:'';position:absolute;top:100%;right:20px;width: 0;height: 0;border-style: solid;border-width: 20px 20px 0 0;border-color: #ffffff transparent transparent transparent;}
	.testimonials-list>div>b {display:block;padding:10px 50px 0 0;color:#666}
	
	/*LOOP*/
	.loop-list {margin:20px 10px}
	.loop-list>div {float:right;width:180px;margin:10px;text-align:center}
	.loop-list a {color:#fff;background:#2c3e50;display:block;border-radius:3px;box-shadow:0 4px 0 #18232e;text-align:center;padding:5px 0;font-size:100%}
	.loop-list a:nth-child(2) {background:#54acd2;box-shadow:0 4px 0 #3d8eb9}
	.loop-list img {display:block;margin:0 auto}
	.page-id-11 .loop-list img {border-radius:50%}
	.loop-list b {display:block;line-height:90%;padding:10px 0;font-weight:normal} 
	
	/*PROJECT*/
	.project-link {display:block;background:#d14841;border-radius:5px;box-shadow:0 4px 0 #b8312f;color:#fff;margin:20px;text-align:center;padding:10px 0}
	.project-link i {margin:0 0 0 10px}
	.project-link:hover {background:#d8635c}
	.project-description {background:#fff;margin:20px;border:1px #cacaca solid}
	.project-description p {margin:20px;font-size:105%;line-height:120%;color:#666}
	.project-description ul {margin:20px}
	.project-description li {position:relative;padding:0 25px 0 0}
	.project-description li:before {content:'';position:absolute;top:10px;right:0;background:#ccc;width:8px;height:8px}
	.sharing {margin:0 20px 20px 20px}
	.sharing a {display:block;float:right;width:20%;text-align:center;color:#fff;padding:10px 0;position:relative;top:0}
	.sharing a:first-child {background:#3b5998}
	.sharing a:nth-child(2) {background:#55acee}
	.sharing a:nth-child(3) {background:#DD4B39}
	.sharing a:nth-child(4) {background:#007bb6}
	.sharing a:nth-child(5) {background:#dd4b39}
	.sharing a:hover {top:-3px}
		
	.screenshots {margin:0 20px}
	.screenshots img {display:block;box-shadow:0 0 5px rgba(0,0,0,0.4);margin:0 0 50px 0}
	.screenshots p {margin:0 0 10px 0}
	
	main {background:#f3f3f3}
		#post-2 {padding:30px 0}
		#breadcrumbs {margin:10px 20px 20px 20px;border-bottom:1px #ccc solid;padding:0 0 10px 0;color:#666}
		#breadcrumbs a {color:#2969b0}
		#breadcrumbs a:hover {color:#b8312f}
		main article h1 {font-size:300%;line-height:90%;margin:20px;color:#34495e}
		main article p {margin:20px;color:#666;font-size:120%}
		main article p a {color:#2969b0;display:inline-block;border-bottom:1px rgba(41,105,176,0.5) solid}
		main article p a:hover {color:#d14841;border-bottom-color:rgba(209,72,65,0.5)}
		main article h3 {margin:20px;color:#28324e}
		main article>h2 {margin:20px;color:#28324e}
		main article ul {margin:20px;color:#666;font-size:120%}
		main article ul li {position:relative;padding:0 25px 0 0}
		main article ul li:before {content:'';position:absolute;top:10px;right:0;background:#ccc;width:8px;height:8px}
		
		.home-testimonials {background:url(../../../../../../themes/costa/img/home-testimonials.jpg);text-align:center;height:360px;position:relative;margin:20px 0;background-repeat:no-repeat;background-size:cover;}
		.home-testimonials-slider-nav {position:absolute;top:15%;right:0;width:100%;z-index:10}
		.home-testimonials-slider-nav a {font-size:300%;color:#fff;position:absolute;cursor:pointer;}
		.home-testimonials-slider-nav a:hover {text-shadow: 0 0 10px #fff;}
		#home-testimonials-slider-next {left:5%}
		#home-testimonials-slider-prev {right:5%}
		.home-testimonials-slider div {display:none;width:100%}
		.home-testimonials-slider div:first-child {display:block !important;height:auto !important;position:relative !important;}
		.home-testimonials-slider i {font-size:112px;color:#fff}
		.home-testimonials-slider {margin:20px;}
		.home-testimonials-slider p {color:#fff;font-size:160%;letter-spacing:-1px;line-height:100%;margin:50px 0 0 0}
		.home-testimonials-slider b {color:#c2c2c2;display:block}
		.home-testimonials>a {display:block;position:absolute;bottom:10px;color:#fff;font-size:120%;background:#e74c3c;padding:5px 20px;opacity:0;left:10px}
		.home-testimonials>a:hover {background:#eb6b56}
		.home-testimonials:hover>a {opacity:1}
		
		.homelatest {background:#dfdfdf;padding:30px 0}
		.homelatest a {display:block;float:right;width:33.3%;overflow:hidden;height:140px;position:relative;text-align:center}
		.homelatest a:before {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:#000;opacity:0.5;}
		.homelatest a:after {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:url(../../../../../../themes/costa/img/lines.png) rgba(0,0,0,0.5);background-attachment:fixed;}
		.homelatest a img {display:block;width:100%;transform:scale(1);position:absolute}
		.homelatest a:hover img {transform:scale(1.3);-webkit-transform: scale(1.1);-ms-transform: scale(1.1,1.1)}
		.homelatest a span {z-index:10;color:#ccc;margin:30px 20px 10px 20px;display:block;position:relative;font-size:120%}
		.homelatest a b {display:block;color:#fff;font-size:140%;position:relative;z-index:10;line-height:100%;letter-spacing:-1px;text-shadow:1px 1px 0 #000;padding-top: 50px;}
	
	.heading {background-size:cover;text-align:center;position:relative;background-position:center center}
	.heading:before {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
	.heading:after {content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:url(../../../../../../themes/costa/img/lines.png);background-attachment:fixed;}
	.heading .h {z-index:8}
	.heading h1 {color:#fff;margin:60px auto;font-size:3em;z-index:2;line-height:80%}
	
	article {float:none;width:100%}
    article h2 {margin:20px}
	.home article {float:none;width:100%}
	aside {float:left;width:0%}
		aside h2 {margin:20px 20px 0 20px} 
		aside p {margin:0 20px}
		aside img.wp-post-image {margin:20px;border-radius:50%}
	.doseo article {float:right;width:70%}
	.doseo aside {float:left;width:30%}
    .comment-form-comment textarea,input {width:100%;box-shadow:0 0 3px rgba(0,0,0,0.3);}
	.comment-form-url {display:none;}

	.grid {margin:20px 10px}
	.grid>div {width:230px;float:right;position:relative}
	.grid>div>a:first-child {display:block;margin:10px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,0.3);border-bottom:7px #eaeaea solid}
	.grid>div>a .thumb {display:block;overflow:hidden;margin:3px}
	.grid>div>a img {display:block;transform:scale(1)}
	.grid>div>a:hover img {transform:scale(1.3);-webkit-transform: scale(1.1);-ms-transform: scale(1.1,1.1)}
	.grid>div>a h2 {font-size:100%;color:#444;margin:10px 10px 5px 10px;border-bottom:1px #ccc dashed}
	.grid>div>a span {display:block;margin:10px 10px 20px 10px;color:#666;line-height:100%}
	.grid .facebookshare {left:10px;top:10px;opacity:0}
	.grid>div:hover .facebookshare {opacity:1}
	
	.loop {margin:20px 10px}
	.loop>div {display:block;margin:0 0 20px 0;position:relative}
	.loop>div>a:first-child {color:#475577;background:#fff;border:1px #e5e5e5 solid;padding:20px 10px;display:block}
	.loop>div h2 {margin:0 20px;line-height:90%}
	.loop>div span.date {display:block;color:#666;margin:0 20px 20px 20px}
	.loop>div span.thumb {margin:0 20px;overflow:hidden;display:block;float:right}
	.loop>div img {display:block;transform:scale(1);width:150px;height:150px}
	.loop>div p {color:#aaa;margin:20px 20px 0 20px;line-height:100%}
	.loop>div a:first-child:hover img {transform:scale(1.3);-webkit-transform: scale(1.1);-ms-transform: scale(1.1,1.1)}
	.loop>div a:first-child:hover {color:#e14938}
	.facebookshare {position:absolute;top:20px;left:100%;background:#3c5a98;color:#fff;padding:4px 5px;height:auto !important}
	.facebookshare:hover {padding:4px 8px}
	
	.categlist {margin:20px;border:1px #e5e5e5 solid}
	.categlist a {display:block;border-top:1px #e5e5e5 solid;padding:10px 35px 10px 20px;font-size:110%;color:#475577;background:#f7f7f7;position:relative}
	.categlist a:before {content:'j';font-family:'doseo';position:absolute;top:12px;right:10px;color:#e14938}
	.categlist li:first-child a {border-top:0}
	.categlist a:hover {background:#fff}
	.categlist a span {display:inline-block;float:left;color:#aaa}
	
	.f-contact {background:#fff;padding:30px 0}
		.f-contact-center {text-align:center;border-bottom:1px #aaa solid;margin:20px;padding:0 0 20px 0}
		.f-contact-center b {display:block;font-weight:normal;color:#666;font-size:150%;font-family:Arial}
		.f-contact-center a {display:block;color:#848484;font-size:120%}
		.f-contact-center a:hover {color:#b8312f}
		.f-contact-info {margin:20px}
		.f-contact-info b {display:block;margin:0 0 20px 0}
		.f-contact p {color:#666;margin:20px 0 0 0}
		.f-contact-map {margin:20px}
		.f-contact h3 {margin:20px}
		.f-contact h3+p {margin:20px}
		.f-icons-slider {margin:20px 10px}
		.f-icons-slider>div {width:100%;display:none;}
		.f-icons-slider>div:first-child {display:block !important;height:auto !important;position:relative !important;}
		.f-icons-slider>div>div {float:right;width:16.66%;text-align:center;margin:0 0 10px 0}
		.f-icons-slider img {display:block;width:80%;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray}
		.f-icons-slider img:hover {filter:none;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none}
		.f-icons-dots {text-align:center}
		.f-icons-dots a {display:inline-block;font-size:0;width:13px;height:13px;background:#b5b5b5;border-radius:50%;margin:0 3px}
		.f-icons-dots a.activeSlide {background:#2c3e50}
		.wpcf7 form {margin:20px}
		.wpcf7 form fieldset {margin:0 0 5px 10px}
		.wpcf7 form label {display:block;color:#666}
		.wpcf7 form input, .wpcf7 form textarea {border:1px #ccc solid;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;width:100%}
		.wpcf7 form textarea {height:90px}
		.wpcf7 form small {color:#666}
		.wpcf7 form input[type=submit] {background:#34495e;color:#fff;font-weight:bold;width:auto}
		.social-icons {float:left;margin:-50px 0 0 30px}
		.social-icons a {display:block;float:left;background:#111;color:#fff;width:30px;line-height:30px;text-align:center;border-radius:50%;margin:0 5px 0 0}
	.f-icons {background:#f3f3f3}
		.half {float:right;width:50%}
		.f-icons h2 {margin:20px;color:#696969}
	footer {padding:40px 0}
		.f-search {float:right;width:33.33333333333333%}
			.f-search form {margin:20px 10px;position:relative}
			.f-search form input {background:#1a2938;box-shadow:inset 0 0 5px rgba(0,0,0,0.5);width:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;color:#fff}
			.f-search form button {background:transparent;color:#fff;font-family:'doseo';position:absolute;top:10px;left:10px;cursor:pointer}
			.f-search form button:hover {text-shadow:0 0 2px #fff}
		.f-sitemap {float:left;width:66%}
			.f-sitemap>ul {margin:20px}
			.f-sitemap>ul>li {display:block;float:right;margin:0 0 0 30px}
			.f-sitemap>ul>li>a {display:block;color:#fff;border-bottom:1px #6587a9 solid;padding:0 0 5px 0;margin:0 0 20px 0}
			.f-sitemap>ul>li>ul>li>a {color:#a6c5e3;display:block}
			.f-sitemap>ul>li>ul>li>a:hover {color:#fff}
		.f-info {float:right;width:33.33333333333333%}
			.f-info img {display:block;margin:20px}  
			.f-info p {color:#fff;margin:20px} 

@media only screen and (max-width:1020px) {
    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}
    .h {width:100%}
	.hello h2 {margin:40px auto 0 auto;font-size:500%}
	.hello-arrows {display:none;}
	.hello , .hello-slide {height:300px;}
	.mm-menu > .mm-list {padding:87px 0 0 0}
    header nav,
    .facebookshare {display:none}
    .mobile-menu {display:block;position:relative;min-height:60px}
    .openmenu {display:block;position:absolute;top:0;right:0;background:#ba4841;color:#fff;width:60px;line-height:60px;text-align:center;font-size:120%;text-shadow: 0 0 10px #fff;cursor:pointer;}
    .mobile-menu>ul {margin:0 70px 0 0;display:none}
    .mobile-menu>ul>li>a {display:block;color:#fff;padding:10px 0;border-bottom:1px #45627e solid;background:#2c3e50;clear:both}
    .mobile-menu>ul>li>ul {display:block;clear:both}
    .mobile-menu>ul>li>ul>li {float:right;width:50%}
    .mobile-menu>ul>li>ul>li>a {display:block;color:#95adc6;padding:5px 10px;border-bottom:1px #1a242f solid;background:#243342}
}
@media only screen and (max-width:800px) {
    .logo {max-width:130px;top:10px;}
    header {height:60px;}
    body {padding-top:60px;}
    .call {top:5px;}
    .call > b {display:none;}
    .call > span {display:block;}
    .call > a {margin-top:10px;}
   .fb-like-box,
   .hello-arrows {display:none !important}
   .home-testimonials-slider i {font-size:66px}
	.hello h2 {margin:20px auto 0 auto;font-size:200%}
    .homeicons .h {flex-wrap:wrap}
    .homeicons .h>div {flex-basis:33.33%}
    .homeicons a span {font-size:90%}
	.half,
	.homelatest a,
	article,
	aside {float:none;clear:both;width:100%}
	.heading h1 {margin:30px auto;font-size:300%}
	.loop>div span.thumb img {width:50px;height:50px}
	footer {text-align:center;}
	.f-search {float:left;width:100%;text-align:center;}
	.f-sitemap {float:left;width:100%;text-align:center;}
	.f-info {float:right;width:100%;text-align:center;}
	.f-sitemap > ul > li {display:inline-block;float:none;margin:10px;white-space:nowrap;}
	.f-info img {display:inline-block;}
    .home-projects section {display:block}

}