/*

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

.mailfield{text-align:left;direction:ltr;}

/*===============  font  ===============================================*/
@font-face{
	font-family:'Open Sans Hebrew';
	font-weight:400; /*(regular)*/
	font-style: normal;
	src: url('../images/font/opensanshebrew-regular-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
		 url('../images/font/opensanshebrew-regular-webfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
	/*src: url('images/font/opensanshebrew-regular-webfont.eot'),  
		 url('images/font/opensanshebrew-regular-webfont.woff') format('woff'), 
		 url('images/font/opensanshebrew-regular-webfont.svg');*/
}

@font-face{
	font-family:'Open Sans Hebrew';
	font-weight:700; /*(bold)*/
	font-style: normal;
	src: url('../images/font/opensanshebrew-bold-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
		 url('../images/font/opensanshebrew-bold-webfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
	/*src: url('images/font/opensanshebrew-bold-webfont.eot'),  
		 url('images/font/opensanshebrew-bold-webfont.woff') format('woff'), 
		 url('images/font/opensanshebrew-bold-webfont.svg');*/
}



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

.site{max-width:1200px;margin:30px auto;padding:35px;border:1px solid #e6e8eb;-webkit-border-radius:20px;border-radius:20px;position:relative;overflow:hidden;height:820px;
-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);background:white;}

.logo{display:inline-block;position:absolute;top:50px;left:150px}
.logo img{width:85px;}

.coffee{position:absolute;bottom:23px;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;
}
.coffee_m{display:none;position:absolute;}


.main_form{display:inline-block;margin-bottom:155px;}
.title{margin-bottom:40px;text-align:center;padding-left:120px;}
.main_form_wrap{margin-left:30px;position:relative;z-index:3;}
.title2{text-align:center;margin-bottom:5px;}
.title2_m{display:none;}
.main_form_in{width:375px;background:#b1b9c2;padding:16px 30px;-webkit-border-radius:8px;border-radius:8px;
-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;}

.cup{position:absolute;bottom:47px;width:100%;text-align:center;z-index:1;}
.cup img{width:195px;}
.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;}

.logo_thank{left:auto;right:50px;}
.thank{margin-bottom:155px;text-align:center;width:435px;margin-left:40px;margin-top:50px;position:relative;z-index:2;}
.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 315px;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;}

.form_error{position:absolute;bottom:5px;right:30px;font-size:14px;color:#ec4242;}

@media only screen and (max-width : 1230px){
	.site{margin-left:30px;margin-right:30px;}
	.main_form_in{margin-left: 0;}
	.title{text-align:inherit;}
	.logo{left:50px;}
	.title img{}
	.coffee{bottom:64px;}
	.coffee img{margin-right:-30px;width:510px;}
}

@media only screen and (max-width : 1050px){
	.thank{margin-left:15px;}
	.title img{width:680px;}
}





@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.00);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.00);border:none;-webkit-border-radius:0px;border-radius:0px;height:auto;}
	.main_form{float:none;display:block;text-align:center;margin-bottom:400px;}
	.title{margin-bottom:11px;text-align:center;padding:0;}
	.title img{width:70%;}
	.main_form_wrap{float:none;display:block;text-align:center;width:85%;margin:0 auto;}
	.title2_m{display:block;text-align:center;margin-bottom:5px;}
	.title2_m img{width:100%;}
	.title2{display:none;}
	.main_form_in{width: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:55px;background:transparent;padding:0 30px;}
	.footer_tel{display:none;}
	.footer_tel_m{display:block;float:left;}
	.footer_tel_m img{width:140px;}
	
	.coffee_m{display:block;bottom:70px;right:0;text-align:center;width:100%;}
	.coffee_m img{width:470px;}
	.coffee_web{display:none !important;}
	.cup{display:none;}
	.logo{top:auto;left:auto;bottom:0px;right:30px;} 
	
	
	.thank{float:none;display:block;text-align:center;margin:0;margin-bottom:350px;width:auto;}
	
}


@media only screen and (max-width : 640px){
	.site{padding:15px 15px 0;}
	.main_form{margin-bottom:295px;}
	.title{margin-bottom:0;}
	.title img{width:82%;}
	.logo img{width:65px;}
	.main_form_wrap{width:auto;}
	.main_form_in{padding:4px 12px 14px;}
	.form_title{font-size:18px;}
	.form_sub{font-size:18px;margin-bottom:12px;}
	.form_input.float1, .form_input.float2{width:49%;}
	.coffee_m img{width:324px;}
	.form_check{font-size:14px;bottom:-24px;}
	.footer{height:auto;}
	.footer_tel_m img{width:125px;}
	
	.thank{display:none;}
	.mobile_thank{display:block;}
}

@media only screen and (max-width : 320px){
	.coffee img{width:228px;}
	.coffee{margin-right:-79px;}
	.coffee_m img{width:256px;}
	.main_form{margin-bottom:254px;}
	.form_input{margin-bottom:8px;}
	.form_submit input{height:38px;}
	.form_submit{margin-bottom:9px;}
}