/*

Author: Quatro Digital
Author URI: http://www.quatro-digital.com

*/

html.ie10,html.ie10 body,html.ie10 *{font-family:arial !important;}


html,body{margin:0 auto;padding:0;font-family: 'Open Sans Hebrew', serif;direction:rtl;font-size:16px;color:#2a2a2a;}

.right{float:right;display:inline-block;}
.left{float:left;display:inline-block;}
.both{clear:both;width:0;height:0;overflow:hidden;display:block}
.normalwieght{font-weight:normal;}
.bold{font-weight:bold;}
.bold a{font-weight:bold;}
.ltr{direction:ltr;}
.rtl{direction:rtl;}

textarea{font-family:Arial;font-size:9pt;overflow:auto;}
form,p{margin:0;padding:0;}
a img{border:0;-moz-outline-style: none;outline: none;}
a{-moz-outline-style: none;outline: none;text-decoration:none;-webkit-tap-highlight-color:transparent;}
a:hover{text-decoration:none;}
.displaynone{display:none;}
input, textarea, select{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;-moz-outline-style: none;outline: none;-webkit-border-radius:0;border-radius:0;padding:5px 8px;font-family: 'Open Sans Hebrew', serif;font-size:14px;}
input[type="checkbox"]{-webkit-appearance:checkbox;-webkit-tap-highlight-color:transparent;-moz-outline-style: none;outline: none;}

h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}

.error input, .error textarea, .error select{border:1px solid #ec4242 !important;}

.black_overlay{position: fixed;top: 0%;left: 0%;bottom:0%;right:0%;background-color: black;z-index:1001;-moz-opacity: 0.6;opacity:.60;filter: alpha(opacity=60);}
.white_content{position:absolute;top: 205px;right:0;width:903px;height:244px;padding-top:15px;z-index:1006;font-size:11pt !important;overflow:hidden;text-align:center;}
* html .bgblackposition{width: expression(document.body.clientWidth+"px");height: expression(document.body.clientHeight+"px");}
.bgblackposition{position:absolute;top:0;left:0;right:0;bottom:0;background:#343434;z-index:1006;-moz-opacity:0.55;opacity:.55;filter: alpha(opacity=55);width:100%;height:100%;}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.ease a, .ease{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.ease a:hover, .ease:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.innerWidth{width:1140px;margin:0 auto;}

/*===============  font  ===============================================*/
@font-face{
	font-family:'Open Sans Hebrew';
	font-weight:400; /*(regular)*/
	font-style: normal;
	src: url('../images/font_he/opensanshebrew-regular-webfont.eot'),  
		 url('../images/font_he/opensanshebrew-regular-webfont.woff') format('woff'), 
		 url('../images/font_he/opensanshebrew-regular-webfont.svg');
}

@font-face{
	font-family:'Open Sans Hebrew';
	font-weight:700; /*(bold)*/
	font-style: normal;
	src: url('../images/font_he/opensanshebrew-bold-webfont.eot'),  
		 url('../images/font_he/opensanshebrew-bold-webfont.woff') format('woff'), 
		 url('../images/font_he/opensanshebrew-bold-webfont.svg');
}



/*===============  TITLES  ===============================================*/

.site{max-width:1200px;margin:50px auto;padding:60px;border:1px solid #e6e8eb;-webkit-border-radius:20px;border-radius:20px;position:relative;overflow:hidden;height:778px;
-webkit-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.20);box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.20);}

.logo{display:inline-block;position:absolute;top:50px;right:50px}

.coffee{position:absolute;bottom:-5px;right:-100%;z-index:2;display:none;}
.coffee img {
      background: transparent;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
      zoom: 1;
}

.crazy_note{font-size:18px;color:black;position:absolute;bottom:40px;left:-25%;}
.red_phone{position:absolute;bottom:40px;left:50px;}
.m_red_phone, .m_crazy_note{display:none;}


.main_form{display:inline-block;margin-bottom:155px;}
.title{margin-bottom:40px;}

.main_form_in{width:375px;background:#b1b9c2;padding:16px 30px;-webkit-border-radius:8px;border-radius:8px;margin-left:30px;position:relative;z-index:3;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);}
.form_title{font-size:32px;color:black;font-weight:bold;text-align:center;}
.form_sub{font-size:22px;color:black;font-weight:bold;text-align:center;line-height:18px;margin-bottom:20px;}

.form_input{margin-bottom:12px;width:100%;}
.form_input input{width:100%;height:36px;background:white;border:1px solid #969a9e;-webkit-border-radius:3px;border-radius:3px;font-size:14px;color:black;font-weight:bold;
-webkit-box-shadow:inset 1px 2px 4px 0px rgba(0,0,0,0.22);box-shadow:inset 1px 2px 4px 0px rgba(0,0,0,0.22);}

.form_submit{width:150px;margin:0 auto 15px;}
.form_submit input{width:100%;height:45px;border:1px solid #b90c0c;-webkit-border-radius:5px;border-radius:5px;font-size:18px;color:white;font-weight:bold;cursor:pointer;
-webkit-box-shadow:inset 0px 2px 1px 0px #ff5a5c;box-shadow:inset 0px 2px 1px 0px #ff5a5c;
background: #f51619; /* Old browsers */
background: -moz-linear-gradient(top,  #f51619 0%, #ba080a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f51619), color-stop(100%,#ba080a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f51619 0%,#ba080a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f51619 0%,#ba080a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f51619 0%,#ba080a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f51619 0%,#ba080a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f51619', endColorstr='#ba080a',GradientType=0 ); /* IE6-9 */}
.form_submit input:hover{
background: #ba080a; /* Old browsers */
background: -moz-linear-gradient(top,  #ba080a 0%, #f51619 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba080a), color-stop(100%,#f51619)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ba080a 0%,#f51619 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ba080a 0%,#f51619 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ba080a 0%,#f51619 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ba080a 0%,#f51619 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba080a', endColorstr='#f51619',GradientType=0 ); /* IE6-9 */}

.form_check{position:absolute;bottom:-30px;right:3px;font-size:14px;}

.footer{width:100%;height:112px;background:#c11718;position:absolute;bottom:0;right:0;}
.footer_tel{position:absolute;bottom:20px;left:90px;}

.footer_tel_m, .footer_logo{display:none;}

.thank{margin-bottom:155px;text-align:center;width:435px;margin-left:40px;margin-top:50px;}
.thank_title{margin-bottom:20px;}
.thank .main_form_in{margin:0 auto 20px;}
.thank_link a{display:block;color:black;font-size:25px;font-weight:bold;}
.thank_link a:hover{color:#c11718;}

.mobile_thank{display:none;background:#b1b9c2;padding:16px 30px;-webkit-border-radius:8px;border-radius:8px;margin-left:30px;position:relative;z-index:3;margin:0 auto 190px;text-align:center;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);}
.mobile_thank_title img{width:90%;}

.mobile_thank_bt a{display:block;width:232px;height:48px;border:1px solid #b90c0c;-webkit-border-radius:5px;border-radius:5px;font-size:18px;color:white;font-weight:bold;cursor:pointer;line-height:46px;position:relative;
margin:0 auto;
-webkit-box-shadow:inset 0px 2px 1px 0px #ff5a5c;box-shadow:inset 0px 2px 1px 0px #ff5a5c;text-align:right;padding-right:18px;
background: #f51619; /* Old browsers */
background: -moz-linear-gradient(top,  #f51619 0%, #ba080a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f51619), color-stop(100%,#ba080a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f51619 0%,#ba080a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f51619 0%,#ba080a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f51619 0%,#ba080a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f51619 0%,#ba080a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f51619', endColorstr='#ba080a',GradientType=0 ); /* IE6-9 */}
.mobile_thank_bt a:hover{
background: #ba080a; /* Old browsers */
background: -moz-linear-gradient(top,  #ba080a 0%, #f51619 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba080a), color-stop(100%,#f51619)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ba080a 0%,#f51619 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ba080a 0%,#f51619 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ba080a 0%,#f51619 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ba080a 0%,#f51619 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba080a', endColorstr='#f51619',GradientType=0 ); /* IE6-9 */}
.mobile_thank_bt a:before{content:"";display:block;width:30px;height:50px;background: url('../images/layout/thank_tell.png') no-repeat;background-size:24px auto;position:absolute;top:9px;left:14px;}



@media only screen and (max-width : 1230px){
	.site{margin-left:30px;margin-right:30px;}
	.main_form_in{margin-left: 0;}
	.title img{width:488px;}
	.coffee img{margin-right:-30px;}
}

@media only screen and (max-width : 1050px){
	.site{margin-bottom:0px;margin-top:10px;height:680px;padding:45px;}
	.coffee img{width:530px;}
	.thank{margin-left:15px;}
	.title{margin-bottom:20px;}
	.crazy_note{font-size:14px;}
	
}





@media only screen and (max-width : 900px){
	.site{margin:0;padding:40px 30px;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);border:none;-webkit-border-radius:0px;border-radius:0px;height:auto;}
	.main_form{float:none;display:block;text-align:center;margin-bottom:300px;}
	.title{margin-bottom:11px;}
	.title img{width:70%;}
	.main_form_in{float:none;display:block;text-align:center;width:85%;margin:0 auto;}
	.form_title{font-size:25px;}
	.form_sub{font-size:20px;margin-bottom:15px;}
	
	.form_input.float1, .form_input.float2{float:right;display:inline-block;width:48%;}
	.form_input.float2{float:left;}
	
	.footer{height:75px;background:white;border-top:1px solid #d9dee2;text-align:center;}
	.footer_tel{bottom:6px;left:50%;margin-left:-60px;}
	.footer_tel img{width:142px;}
	
	.coffee{bottom:-50px;right:10% !important;margin-right:0px;}
	.coffee img{width:365px;}
	
	.logo{display:none;}
	.footer_tel{display:none;}
	
	.footer_tel_m{margin-top:22px;display:inline-block;}
	.footer_tel_m img{width:140px;}
	
	.thank{float:none;display:block;text-align:center;margin:0;margin-bottom:300px;width:auto;}
	
	.m_red_phone{display:block;position:absolute;bottom:12px;left:10%;}
	.m_red_phone img{width:auto;}
	.red_phone, .crazy_note{display:none;}
	.m_crazy_note{display:block;position:absolute;bottom:-30px;left:0;font-size:12px;}
	.form_check{font-size:12px;right:-3px;}
	
}



@media only screen and (max-width : 670px){
	.logo{left:5%;}
	.site{padding:30px 15px;}
	.main_form{margin-bottom:190px;}
	.main_form_in{width:98%;}
	.logo{left:5%;}
	.title img{width:90%;}
	.main_form_in{padding:15px 12px;}
	.form_input.float1, .form_input.float2{width:49%;}
	
	.coffee{bottom:-48px;right:0 !important;margin-right:0;}
	.coffee img{width:250px;}
	.logo{display:none;}
	
	.thank{display:none;}
	.mobile_thank{display:block;}
	
	.m_red_phone{display:block;position:absolute;bottom:12px;left:12px;}
	.m_red_phone img{width:79px;}
	.red_phone, .crazy_note{display:none;}
	.m_crazy_note{display:block;position:absolute;bottom:-30px;left:0;font-size:12px;}
	.form_check{font-size:12px;right:-3px;}
}




