@font-face {
  font-family: 'Open Sans Hebrew';
  src: url('../fonts/opensanshebrew-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/opensanshebrew-regular-webfont.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/opensanshebrew-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/opensanshebrew-regular-webfont.svg#265e1bf8eadfa92b8d955acd546bd2c3') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}
@font-face {
  font-family: 'Open Sans Hebrew';
  src: url('../fonts/opensanshebrew-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/opensanshebrew-bold-webfont.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/opensanshebrew-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/opensanshebrew-bold-webfont.svg#8b4b25a9e6dee2304c08fefb363a9190') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  700;
}


html, body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	background: #fff;
	color: #fff;
	font-weight:  400;
	font-family: 'Open Sans Hebrew';
	direction: rtl;
	overflow-y: hidden;
	font-size: 20px;
}
.back-bg{
	background: url("../images/Image.png") no-repeat scroll 0% 0% / cover;
/*	background: url("../images/m-image.jpg") no-repeat scroll 0% 0% / cover;*/
	height: 100vh;
}
a > img {
	border: 0;
}
.max-img{
	max-width: 100%;
	height: auto;
}
.gr{
	color: #2e5e20;
}
.realative{
	position: relative;
}
.absolute{
	position: absolute;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #322e33;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #322e33;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #322e33;
}
:-moz-placeholder { /* Firefox 18- */
  color: #322e33;
}
h1{
	color: #fff;
	font-size: 38px;
}
.form h2.form-title{
	padding: 0 20px;
	color:#000;
}
.container {
/*	overflow-x: hidden;*/
	margin: 0 auto;
	width: 80%;
/*	padding-bottom: 50%;*/
}
.main-text-block h1{
	font-size: 140px;
	color: #4ccfeb;
	font-weight:  bold;
	padding-top: 15%;
	margin: 0;
}
ul.social-list li {
	margin: 0 5px;
}
.microphone img{
	margin-top: 30px;
}
ul.social-list{
	margin-top: 30px;
	padding: 0;
}
ul.social-list li{
	display: inline-block;
	list-style: none;
	margin: 0 10px;
}
ul.social-list li a{
	display:inline-block;
	width: 40px;
	height: 40px;
}
li.facebook a{
	background: url('../images/icon_facebook.png')no-repeat;
}
li.insta a{
	background: url('../images/icon_insta.png')no-repeat;
}
li.yotube a{
	background: url('../images/icon_youtube.png')no-repeat;
}
li.spotify a{
	background: url('../images/icon_spotify.png')no-repeat;
}
li.apple a{
	background: url('../images/icon_apple_music.png')no-repeat;
}
li.facebook a:hover{
	background: url('../images/hover_icon_facebook.png')no-repeat;
}
li.insta a:hover{
	background: url('../images/hover_icon_insta.png')no-repeat;
}
li.yotube a:hover{
	background: url('../images/hover_icon_youtube.png')no-repeat;
}
li.spotify a:hover{
	background: url('../images/hover_icon_spotify.png')no-repeat;
}
li.apple a:hover{
	background: url('../images/hover_icon_apple_music.png')no-repeat;
}
.container.thank{
	position: relative;
	overflow-x: hidden;
	margin: 0 auto;
	padding-top: 49.4791%;
	width: 100%;
	height: 0;
	background: url("../images/1920X950-thank.png") no-repeat scroll 0% 0% / contain;
}
article.form {
	position: absolute;
	bottom: 4%;
	left: 0%;
	z-index: 999;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding: 0px;
	right: 0;
	width: 75%;
}
article.form.thank img{
	right: 10px;
	top: 10px;
}
article.form.thank{
	height: 270px;
	background: #fff;
	text-align: center;
	width: 50%;
	bottom: 40%;
}
.overlay {
	position: fixed; /* Sit on top of the page content */
	display: block; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
}
.close-x{
	cursor: pointer;
}
article.form.thank h2{
	font-size: 35px;
	font-weight: 600;
	color:#000;
}
article.form.thank h3{
	width: 100%;
	margin: 0 auto;
	color: #000;
	font-weight: 600;
}
.titles-thank{
	top: 40%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
form#mycontactform {
	position: relative;
	width: 100%;
	display: inline-block;
}
input[type="checkbox" ]{
	position: static !important;
	float: auto;
	margin-left: 0 !important;
	width: 20px;
	height: 20px;
}
.clear-fix{
	clear: both;
	content: "";
}
.checkbox{
	float: right;
	width: 100%;
	margin: 0 15px;
}
.input{
	width: 98%;
	margin: 5px 10px 0;
}
input{
	margin-bottom: 30px;
	padding-right: 0px;
	width: 20%;
	height: 51px;
	border: 0px;
	border-bottom: 1px solid #000;
	background: rgba(0, 0, 0, 0);
	font-size: 18px;
	outline: none;
	font-weight: normal;
	border-radius: 0px;
	color: #000;
}
input[type="email"]{
	text-align: right;
	direction: ltr;
}
.input p{
	position: relative;
	padding: 0px;
/*	margin: 0 5px;*/
	margin: 0 2%;
	display: inline;
}
.submit{
	float: left;
	width: 20%;
}
input[type="submit"]{
	float: left;
	margin-bottom: 0px;
	width: 100%;
	color: #fff;
	text-shadow: 0px 0px 0px #fff;
	font-size: 24px;
	font-weight: bold;
	border-radius: 50px;
	border-bottom: 0px;
}
/*
.checkbox label{
	padding-right: 5px;
	color: #000;
	vertical-align: super;
	font-size: 19px;
	letter-spacing: -1px;
}
.checkbox input[type="checkbox"]:checked + label span {
	top: 1px;
	background: url('../images/checkbox.png') right top no-repeat;
}
.checkbox input[type="checkbox"] + label span {
	position: absolute;
	top: 1px;
	right: -8px;
	display: inline-block;
	width: 30px;
	height: 23px;
	background: url('../images/checkbox.png') right -23px no-repeat;
}
*/
#sendMessage{
	background: #4ccfeb;
}
.error{
	position: absolute;
	top: 38px;
	right: 0;
	display: none;
	color: red;
	font-size: 13px;
	font-weight: bold;
}
.tab-view{
	display: none !important;
}
.show-mobile{
	display: none;
}
.logo-img{
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	height: 77px;
	z-index: 1000;
	background: #fff;
}
.logo-img img{
	margin: 0 auto;
	width: 200px;
	display: block;
	padding: 10px;
}
@media (min-height: 1200px) and (min-width: 1920px) and (max-device-width : 1920px) and (orientation : landscape)  {

}
@media only screen and (min-width:2056px) {}
/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
	/* insert styles here */
	.input p {
		position: relative;
		padding: 0px;
		display: inline;
	}
	.main-text-block h1 {
		font-size: 120px;
	}
}
/* (1600x900) WSXGA+ Display */
@media  screen and (max-width: 1600px) {
	/* insert styles here */
}
@media only screen and (max-width:1440px), screen and (min-device-width : 1366px) and (max-device-width : 1440px) and (orientation : landscape) {
	.container.thank {
		padding-top: 55.55%;
/*		background: transparent url("../images/1440x800-thank.png") no-repeat scroll 0% 0% / contain;*/
	}
	.main-text-block h1 {
		font-size: 100px;
	}
	.form h2.form-title{
		font-size: 27px;
	}
	.form h2 {
		font-size: 26px;
	}
	input{
		height: 40px;
	}
	.error{
		top: 37px;
	}
	article.form.thank h2 {
		font-size: 26px;
	}
	.checkbox label {
		font-size: 17px;
	}
}
@media only screen and (max-width:1280px) and (orientation : landscape) {
	input{
		height: 40px;
	}
	.main-text-block h1 {
		font-size: 90px;
	}
}
@media only screen and (max-width: 1024px), screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
	.container.thank {
		padding-top: 78.125%;
/*		background:transparent url("../images/1024x800-thank.jpg") no-repeat scroll 0% 0% / contain;*/
	}
	.main-text-block h1 {
		font-size: 80px;
	}
	article.form{
		width: 95%;
	}
	input{
		height: 40px;
		font-size: 20px;
	}
	.form h2 {
		font-size: 28px;
	}
	.form h2.form-title{
		font-size: 24px;
		width: 19%;
		padding: 0 15px;
	}
	.checkbox label {
		padding-right: 1px;
		font-size: 17px;
	}
	.error {
		top: 24px;
	}
	input[type="submit"] {
		height: 40px;
		font-size: 27px;
	}
    .back-bg {
	background: url("../images/Image.png") no-repeat scroll 40% 0% / cover;
}
}
@media only screen and(-webkit-min-device-pixel-ratio: 2) and (max-width : 1280px) {
/*	 Retina-specific stuff here*/
}

@media only screen and (max-device-width: 768px) and (min-device-width: 480px) and (orientation: portrait){
	.container {
		min-height: 1024px;
	}
	.container.thank {
		padding: 0;
		padding-top: 78.125%;
		min-height: 1024px;
		width: 768px;
		background: #fff;
/*		background:transparent url("../images/768x1024-thank.jpg") no-repeat scroll 0% 0% / contain;*/
	}
	article.form {
		top : auto;
		right: 0;
		bottom: 9.5%;
		left: 0;
		margin-right: auto;
		margin-left: auto;
		width: 430px;
	}
	form#mycontactform {
		width: 100%;
		margin: 0 auto 0px;
		padding: 0px 15px;
	}
	input{
		height: 30px;
		font-size: 21px;
		background: rgba(255, 255, 255, 0.5);
		color:#322e33;
		line-height: 30px;
		width: 100%;
	}
	input[type="submit"] {
		height: 36px;
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.input {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.input p {
		position: relative;
		float: right;
		margin: 0;
		padding: 0 5px;
		width: 100%;
	}
	.tab-view{
		display: none;
	}
	.tab-show{
		display: block;
	}
	.thank-text{
		margin: 0 auto;
		width: 65%;
	}
	article.form.thank{
		height: 246px;
		background: rgba(255,255,255,0.5);
	}
	.form h2 {
		text-align: center;
	}
	.error {
		top: 26px;
		right: 10px;
	}
	.form h2.form-title {
		font-size: 28px;
	}
	.form .titles-thank h2{
		font-size: 36px !important;
	}
	.form h2.form-title {
		width: 100%;
	}
	.form .titles-thank h3{
		font-size: 26px;
	}
}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation: landscape){
	.container{
		width: 100%;
	}
	.main-text-block h1 {
		font-size: 36px;
	}
	.main-text-block p{
		font-size: 14px;
	}
	.mobile_main {
		width: 100%;
		background:transparent;
	}
	.back-bg {
		background: url(../images/Image.png) no-repeat scroll center 0% / cover;
		height: 100%;
	}
	.container.thank {
		display: none;
	}
	.tab-show{
		display: block;
	}
	article.form {
		background: #fff;
		bottom: 0;
		z-index: 100;
		width: 100%;
		top : auto;
		right: 0;
		bottom: 0%;
		left: 0;
		margin-right: auto;
		margin-left: auto;
		position: fixed;
/*		position: absolute;*/
		min-height: 1px;
	}
	article.form.thank{
		height: 246px;
	}
	form#mycontactform {
		position: relative;
		width: 100%;
	}
	article.form.thank{
		position: fixed;
		background: #fff;
		width: 100%;
		z-index: 1000;
		bottom: 0;
	}
	input{
		height: 30px;
		font-size: 20px;
		background: rgba(255, 255, 255, 0.5);
		color: #322e33;
		line-height: 30px;
		width: 99%;
	}
	input[type="submit"] {
		height: 40px;
		font-size: 26px;
		width: 100%;
	}
	.input {
		width: 100%;
		margin: 10px 0px 0;
	}
	.input {
		float: right;
	}
	.input p {
		position: relative;
		margin: 0;
		padding: 0 0px;
		width: 100%;
		padding: 0 5px;
		float: right;
	}
	.input p.checkbox{
		width: 100%;
		margin: 0 5px;
	}
	.show-mobile{
		display: block;
		margin: 0px 0px 0px;
		width: 100%;
	}
	.form h2.form-title{
		font-size: 25px;
		padding: 10px 0;
	}
	.form h2.form-title {
		width: 100%;
	}
	.form .titles-thank h2{
		font-size: 32px !important;
	}
	.form .titles-thank h3{
		font-size: 29px;
	}
	.error {
		top: 37px;
		right: 10px;
	}
	.checkbox label {
		font-size: 15px;
		display: inline;
		padding-right: 10px;
	}
	.submit {
		width: 48%;
	}
	.checkbox label {
		color: #000;
		float: right;
	}
	#sendMessage {
		margin-bottom: 20px;
	}
	.max-img{
		width: 100%;
		height: auto;
	}
	.max-img-fix{
		margin: 0 auto;
		width: auto;
		height: 100%;
	}
	.form h2.form-title {
		margin-bottom: 0px;
		margin-top: 5px;
		padding: 5px 0;
		text-align: center;
	}
	input[type="checkbox" ] {
		float: right;
	}
	.checkbox input[type="checkbox"] + label span{
		right: -5px;
	}
	.logo-img img{
		width: 30%;
		display: block;
		margin: 0a;
		margin: 0 auto;
		padding: 5px;
	}
	.logo-img{
		position: static;
		height: auto;
	}
}
@media only screen and (max-width: 320px){
	.form h2.form-title {
		font-size: 19px;
		padding: 5px 0;
	}
}