/*
	Theme Name: דה-סבן
	Theme URI: http://desabancpa.co.il
	Description: desabancpa by emojo (based by html5blank)
	Version: 1.0
	Tags: HTML5, CSS3, PHP

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@import url('http://fonts.googleapis.com/earlyaccess/opensanshebrew.css');

* {margin:0;padding:0;outline:0;border:0;vertical-align:top;font-family:'Open Sans Hebrew', arial;text-decoration:none;list-style:none}


.popupform ::-webkit-input-placeholder { font-size:18px; }
.popupform ::-moz-placeholder { font-size:16px; } /* firefox 19+ */
.popupform :-ms-input-placeholder { font-size:16px; } /* ie */
.popupform :-moz-placeholder { font-size:16px; }
.popupform input[type="text"],.popupform input[type="email"] { border:solid; border-width:thin; margin-bottom:5px; }
.popupform input[type="submit"] { font-size:18px; }


.popup {text-align:right; direction:rtl;}
.c {clear:both}
.h {width:1150px;margin:0px auto;position:relative;height:100%}
.homepageimg {text-align: center; margin: 0 0 30px;position:relative;height:100%}
img {max-width:100%}

body {background:url('img/bg.png');cursor:default}

svg {transition:all .2s linear}
svg:hover {transform:scale(1.1)}
.view-article {display:none}
header {width:100%;height:162px;position:relative;z-index:999;box-shadow:0px -3px 15px rgba(0,0,0,0.6);margin-bottom:10px}
header > div > p {font-weight:bold;color:#636466;font-size:1em;float:right;padding-top:33px}
header > div > #phoneMobile {display:none}
header > div > #phoneMobile svg {fill:#365075;width:30px;height:30px}
header > div > p a {color:#636466}
header > div > form {width:200px;height:22px;background:#fff;border:1px solid #ececeb;float:right;position:relative;margin:33px 0 0 0}
header > div > form > input[type=search] {float:right;width:100%;height:100%;padding:0 0 0 25px}
header > div > form > button {width:14px;height:14px;background:transparent;position:absolute;top:50%;left:10px;transform:translateY(-50%);cursor:pointer}
header > div > form > button > svg {width:14px;height:14px;fill:#a6a8aa}

header > div > #headerSocial {float:right;margin:33px 20px 0 0}
header > div > #headerSocial a {float:right;width:25px;height:25px;margin-left:5px}
header > div > #headerSocial svg {width:25px;height:25px}

header > div > nav {width:100%;float:right;margin:35px 0 0 0}
header > div > nav > ul {display:table;line-height:17px}
header > div > nav > ul > li {display:table-cell;position:relative}
header > div > nav > ul > li > a {color:#000000;font-size:1em;padding:0 10px}
header > div > nav > ul > li > a:before {content:"";background:#6a95cc;width:1px;height:100%;position:absolute;top:0;left:0}
header > div > nav > ul > li:first-child > a {padding:0 0 0 10px}
header > div > nav > ul > li:last-child > a {padding:0 10px 0 0}
header > div > nav > ul > li:last-child > a:before {content:none}

header .logo {float:left;margin:16px 0 0 0;}

#homeBanner {width:100%;float:right;background:#fff;padding:30px 0}
#homeBanner #homeBanner_banner {width:649px;height:478px;float:left;position:relative}
#homeBanner #homeBanner_banner h2 {background:#2a4a73;font-size:2em;color:#fff;position:absolute;bottom:40px;right:45px;padding:10px 20px;font-weight:normal}
#homeBanner #homeBanner_banner h1 {background:#2a4a73;font-size:2em;color:#fff;position:absolute;bottom:40px;right:45px;padding:10px 20px;font-weight:normal; width:50% !important}


#homeBanner #homeBanner_icons {float:right;width:495px}
#homeBanner #homeBanner_icons figure {width:33.33%;height:149px;position:relative;float:right;margin:0 0 16px 0;transition:all .2s linear;}
#homeBanner #homeBanner_icons a {width:149px;height:149px;background-size:cover;float:right;position:absolute;top:0;right:50%;transform:translateX(50%)}
#homeBanner #homeBanner_icons figure:hover{transform:scale(1.1)}

#homeFront {float:right;width:100%;padding:30px 0 70px}
#homeFront #homeFront_right {width:60%;float:right}
#homeFront #homeFront_right figure a {width:160px;height:100%;float:right}
#homeFront #homeFront_right figure:last-child a {margin:0}
#homeFront #homeFront_right figure {height:160px;margin:0 0 0 10px;float:right;transition:all .2s linear;}
#homeFront #homeFront_right figure:hover{transform:scale(1.1)}

#homeFront #homeFront_left {width:40%;float:left;position:relative}
#homeContact {width:100%;height:355px;background:#fff;position:relative}
#homeContact input {background:#f8f6f2;line-height:47px;border:1px solid #dededb;width:316px;padding:0 10px;box-sizing:border-box;margin:10px 0;}
#homeContact input[type=submit] {color:#fff;font-weight:bold;display:inline-block;cursor:pointer;width:auto;padding:0 20px;border:0;}
#homeContact p {color:#365075 !important;font-size:1.5em;font-weight:bold;padding:10px}
#homeContact p span {font-size:1em}
#homeContact .wpcf7 {display:inline-block;position:absolute;top:50%;right:50%;transform:translateY(-50%) translateX(50%);}

#homeFront #homeFront_left #homeAbout {}
#homeFront #homeFront_left #homeAbout p {float:right;clear:both;line-height:2;padding:20px 0 0 0;color:#000000}
#homeFront #homeFront_left #homeAbout .view-article {display:none}
#homeFront #homeFront_left #homeAbout .view-more {float:right;clear:both;color:#fff;padding:10px 20px;margin:20px 0 0 0;font-weight:bold}
#homeFront #homeFront_left .h {width:397px}

#homeFront #homeFront_post {float:right;margin:30px 0 0 0}
#homeFront #homeFront_post h2 {width:100%;margin:0 0 20px 0}
#homeFront #homeFront_post .view-article {display:none}
#homeFront #homeFront_post #homeFront_postIMG {width:42%;float:right;height:100%}
#homeFront #homeFront_post #homeFront_postIMG img {width:100%;float:right;}
#homeFront #homeFront_post #homeFront_postContent {width:55%;float:right;padding:0 10px;box-sizing:border-box;}
#homeFront #homeFront_post #homeFront_postContent p {width:100%;line-height:2;float:right}
#homeFront #homeFront_post .view-more {float:right;clear:both;color:#fff;padding:10px 20px;margin:40px 0 0 0;font-weight:bold}

.greenButton, #homeContact input[type=submit], input[type=submit] {background:rgb(108,156,82);background:-moz-linear-gradient(top,  rgba(108,156,82,1) 0%, rgba(122,170,86,1) 50%, rgba(120,169,85,1) 100%);background:-webkit-linear-gradient(top,  rgba(108,156,82,1) 0%,rgba(122,170,86,1) 50%,rgba(120,169,85,1) 100%);background:linear-gradient(to bottom,  rgba(108,156,82,1) 0%,rgba(122,170,86,1) 50%,rgba(120,169,85,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c9c52', endColorstr='#78a955',GradientType=0 );}

#homeCustomers {background:#fff;width:100%;float:right;padding:20px 0;text-align:center}
#homeCustomers > div > h2 {color:#365075;font-size:1.7em;position:relative;line-height:55px}
#homeCustomers > div > h2:before {content:"";position:absolute;bottom:0;right:50%;transform:translateX(50%);background:#365075;width:70px;height:3px}
#homeCustomers .owl-carousel {direction:ltr}
#homeCustomers figure {padding:40px 0 0 0}
#homeCustomers figure img {margin:0 0 25px 0}
#homeCustomers figure p {color:#000000;direction:rtl}
#homeCustomers figure p:last-child {color:#365075;font-size:1em;font-weight:bold;padding:25px 0 0 0}

h1, #homeFront #homeFront_post h2, #homeFront #homeFront_left #homeAbout h2 {width:100%;color:#365075;font-size:1.7em;position:relative;line-height:55px;float:right}
h1 a, #homeFront #homeFront_post h2 a, #homeFront #homeFront_left #homeAbout h2 a {color:#365075}
h1:before, #homeFront #homeFront_post h2:before, #homeFront #homeFront_left #homeAbout h2:before {content:"";position:absolute;bottom:0;right:0;background:#365075;width:60px;height:3px}

#greenLeft {float:left;width:450px}
#greenLeft figure {width:33.33%;height:149px;position:relative;float:right;margin:0 0 16px 0;transition:all .2s linear;}
#greenLeft figure a {width:149px;height:149px;background-size:cover;float:right;position:absolute;top:0;right:50%;transform:translateX(50%)}
#greenLeft figure:hover{transform:scale(1.1)}
#greenLeft #homeContact {margin:0 0 10px 0}

#page h3, #page p{color:#000000}
#page h1 {margin-bottom:10px}
#page h2 {font-size:1.2em}
#page #homeContact {float:left;width:397px}
#page article {float:right;width:60%;padding-bottom:30px;line-height:2}

#greenPage h3, #page p{color:#000000}
#greenPage h1 {margin-bottom:10px;color:#6c9c52}
#greenPage h1:before {background:#6c9c52}
#greenPage h2 {font-size:1.2em}
#greenPage #homeContact {margin:10px auto;width:397px}
#greenPage article {float:right;width:60%;padding-bottom:30px;line-height:2}
#greenPage article img {border-bottom:12px solid #6c9c52}

#bluePage > .h, #greenPage > .h {margin:20px auto}

.post-edit-link {float:right;clear:both}

#bluePage h3, #page p{color:#000000}
#bluePage h1 {margin-bottom:10px;}
#bluePage h2 {font-size:1.2em}
#bluePage #homeContact {margin:10px auto;width:397px}
#bluePage article {float:right;width:60%;padding-bottom:30px;line-height:2}
#bluePage article img {border-bottom:12px solid #467bc1}

#blueLeft {float:left;width:397px}
#blueLeft figure {width:50%;height:149px;position:relative;float:right;margin:0 0 16px 0;transition:all .2s linear;}
#blueLeft figure a {width:149px;height:149px;background-size:cover;float:right;position:absolute;top:0;right:50%;transform:translateX(50%)}
#blueLeft figure:hover{transform:scale(1.1)}
#blueLeft #homeContact {margin:0 0 10px 0}

#contactRight {float:right}
#contactLeft {float:left}
#contactLeft p {color:#636466;font-weight:bold;float:right;width:60px;line-height:2}
#contactLeft a, #contactLeft span{color:#636466;font-weight:normal;line-height:2}

#page input, #page textarea {width:340px;height:43px;border:1px solid #bec0c0;padding:0 10px;box-sizing:border-box;margin:5px}
#page textarea {width:690px;padding:10px;height:120px;resize:none}
#page input[type=submit]{color:#fff;text-align:center;width:107px;height:48px;font-weight:bold;font-size:1em}

.wpcf7-not-valid-tip {font-size:1em;}

#green {background:url('img/green.jpg');width:100%;height:84px}
#green img, #blue img {position:absolute;top:50%;right:50%;transform:translateY(-50%) translateX(50%)}
#blue {background:url('img/blue.jpg');width:100%;height:84px}
.page-template-template-green header, .page-template-template-blue header {margin-bottom:0}

footer {background:#001830;width:100%;float:right;padding:55px 0}
footer .h, #homeCustomers .h {width:850px}
footer p {color:#fff;text-align:center}

#mobileMenu {display:none}

@media (max-width: 1150px) {
	.h {width:100% !important}
	#homeBanner #homeBanner_icons {width:40%}
	#homeBanner #homeBanner_icons figure {width:50%}
	#homeFront #homeFront_right figure a {width:125px;background-position:top center;background-size:cover}
	#homeBanner #homeBanner_banner {width:60%}

	#contactLeft, #contactRight, #page textarea, #page input, #homeContact input {width:100%}
}

@media (max-width:800px) {
	.h {width:100% !important;padding:0 10px;box-sizing:border-box}

	#homeContact .wpcf7 {width:80%}

	#homeFront #homeFront_right, #homeFront_left {width:100% !important}
	header nav, header #headerSocial, header form, header > div > p {display:none}

	#mobileMenu_button {cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:20px;border-top:3px solid #365075;border-bottom:3px solid #365075;}
	#mobileMenu_button:before {content:'';position:absolute;top:50%;right:0;height:3px;background:#365075;margin:-1.5px 0 0 0;width:100%;}

	#mobileMenu {width:70%;background:#fff;top:0;right:0;position:fixed;height:100%}
	.menu_active header .logo, .menu_active header #phoneMobile {display:none}
	.menu_active header{background:#fff;width:30%;left:0;top:0;position:fixed}
	.menu_active {padding:100px 0 0 0}
	header {height:100px}
	header > div > #phoneMobile {display:block;position:absolute;top:50%;left:15px;transform:translateY(-50%)}
	header .logo {position:absolute;top:50%;right:50%;transform:translateY(-50%) translateX(50%);margin:0}
	header .logo img {width:100%}


	#homeFront #homeFront_right figure a {width:160px}

	#homeBanner #homeBanner_icons {width:100%}
	#homeBanner #homeBanner_icons figure {width:33.33%;transform:scale(0.9)}
	#homeBanner #homeBanner_icons figure a {width:100%;height:149px;background-position:top center}
	#homeBanner #homeBanner_banner {width:100%;background-size:cover;height:40vh}

	#homeFront #homeFront_right figure {width:50%;margin:0;position:relative;margin:0 0 20px 0}
	#homeFront #homeFront_right figure a {position:absolute;top:0;right:50%;transform:translateX(50%)}
	#homeFront #homeFront_left #homeContact {position:static;top:0;right:0;transform:none;width:100%;margin:20px 0 0 0}

	#homeFront #homeFront_post img, #homeFront #homeFront_post p {width:100%;}
	#homeFront #homeFront_post #homeFront_postIMG {width:100%}
	#homeFront #homeFront_post #homeFront_postContent {width:100%}

	#page article, #page #homeContact, #blueLeft, #greenPage #homeContact, #bluePage #homeContact, #greenPage #greenLeft, #greenPage article, #bluePage article {width:100%}
	#greenLeft figure a, #blueLeft figure a {width:90%;background-position:top center}
	footer {text-align:center}
}



.myeditscontactus {
	text-align: center;
	margin: 0 0 30px;
    	font-weight: bold;
    	color: #636466;
	font-size:24px;
}

.myeditscontactus a {
    color: #636466;
}


@media (max-width:800px) {
	.myeditscontactus {
		display: none;
	}
}


header nav ul.sub-menu {
	position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
	background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
	padding: 5px 0;
	display: none;
}

header nav ul.sub-menu li a {
    display: block;
	padding: 5px;
	color: #636466;
}

header nav li:hover ul.sub-menu {
	display: block;
}





#homeBanner #homeBanner_icons a:link,
#homeBanner #homeBanner_icons a:visited,
#homeBanner #homeBanner_icons a:hover,
#homeBanner #homeBanner_icons a:active,
#greenLeft figure a:link,
#greenLeft figure a:visited,
#greenLeft figure a:hover,
#greenLeft figure a:active {
	color: #ffffff;
}

#homeBanner #homeBanner_icons a span,
#greenLeft figure a span,
#homeFront #homeFront_right figure a span,
#blueLeft figure a span {
    position: absolute;
    bottom: 7px;
    right: 5px;
    left: 5px;
    text-align: center;
    line-height: 1;
    font-size: 20px;
}

#homeFront #homeFront_right figure a span,
#blueLeft figure a span {
	font-size: 25px;
}

#homeFront #homeFront_right figure a:link,
#homeFront #homeFront_right figure a:visited,
#homeFront #homeFront_right figure a:hover,
#homeFront #homeFront_right figure a:active,
#blueLeft figure a:link,
#blueLeft figure a:visited,
#blueLeft figure a:hover,
#blueLeft figure a:active {
	color: #ffffff;
	background-size: cover;
    position: relative;
}

@media (min-width:600px) and (max-width:799px) {
	#homeBanner #homeBanner_icons a,
	#greenLeft figure a,
	#homeFront #homeFront_right figure a,
	#blueLeft figure a {
		height: 200px;
	}
}

@media (max-width:479px) {
	#homeBanner #homeBanner_icons a span,
	#greenLeft figure a span {
		font-size: 17px;
	}

	#homeFront #homeFront_right figure a span,
	#blueLeft figure a span {
		font-size: 20px;
	}
}


/*****************/
/* emojo */
/*****************/




/*****************/
/* footer form */
/*****************/

.clearfix
	{
		clear: both;
	}

.footer_1
	{
	    display: flex;
	    flex-direction: row-reverse;
	    align-items: center;
	    justify-content: center;
	    flex-wrap: wrap;
	}


.footer_1_form,
.footer_1_text
	{
		width: 50%;
		float: left;
	}

.footer_1_links
	{
		text-align: center;
	}



.footer_form
  {
    width: 180px;
    max-width: 100%;
    margin: 0 auto;
    direction: rtl;
  }

.footer_form_title
  {
    font-weight: bold;
    margin-bottom: 10px;
		color: #fff;
  }

.footer_form input[type="email"],
.footer_form input[type="text"]
  {
    max-width: 100%;
  }

.footer_form input[type="submit"]
  {
    width: 100%;
    text-align: center;
    background-color: #79AA56;
    border: none;
    color: #fff;
    font-weight: 500;

  }


/*align  for placeholder text*/
.footer_form ::-webkit-input-placeholder
  {
    text-align: center;
    font-weight: normal;
  }
.footer_form :-moz-placeholder
  { /* Firefox 18- */
    text-align: center;
    font-weight: normal;
  }
.footer_form ::-moz-placeholder
  { /* Firefox 19+ */
    text-align: center;
    font-weight: normal;
  }
.footer_form :-ms-input-placeholder
  {
    text-align: center;
    font-weight: normal;
  }






@media (max-width:980px) {

#homeBanner #homeBanner_banner
	{


    height: auto;
		overflow: hidden;
	}


#homeBanner_banner img
	{
		width: 100%;
		height: auto;
	}


#homeBanner #homeBanner_banner h1
	{
	    background: #2a4a73;
	    font-size: 2em;
	    color: #fff;
	    position: relative;
	    bottom: 00px;
	    right: 0px;
	    padding: 10px 10px 10px 0;
	    font-weight: normal;
	    width: 100% !important;
	}

.footer_1_form,
.footer_1_text
	{
		width: 100%;
		float: left;
	}


}