@charset "utf-8";
/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}

/* Font face
---------------------------------------------*/
@font-face {
	font-family: 'opensans-regular';
	src:url('fonts/OpenSansHebrew-Regular.eot');
	src:url('fonts/OpenSansHebrew-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSansHebrew-Regular.woff') format('woff'),
		url('fonts/OpenSansHebrew-Regular.ttf') format('truetype'),
		url('fonts/OpenSansHebrew-Regular.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensans-bold';
	src:url('fonts/OpenSansHebrew-Bold.eot');
	src:url('fonts/OpenSansHebrew-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSansHebrew-Bold.woff') format('woff'),
		url('fonts/OpenSansHebrew-Bold.ttf') format('truetype'),
		url('fonts/OpenSansHebrew-Bold.svg#flexslider-icon') format('svg');
	font-weight: 700;
	font-style: normal;
}


body { text-align:right; font-family:opensans-regular, arial, sans-serif;}
#main {max-width:1200px;}
.logo {background:rgba(255,255,255,0.8); padding: 0; height:120px; width:100%; text-align:center;}
.top img { }
.container > .phone { background:rgba(0,0,0,0.80);margin:6px 0px; padding:10px 0; color:#fff; font-size:1.2em; text-align:center; padding:10px 0;}
.phone i {font-size:1.4em; margin:0 0 0 10px; vertical-align:middle;}
/*.top .phone:before {font-family:'FontAwesome'; content: '\f095'; margin:0 0 0 10px; color:#fff;}*/

.container {direction:rtl; width:320px; ;overflow:hidden; padding:0 0 20px 0; position:absolute; right:10%;}
.container .content {background:rgba(0,0,0,0.80); width:92% ; padding:4%; }
.container .content h1 {font-size:1em; color:#fff; font-family:opensans-bold, arial, sans-serif; margin:0px; line-height:1.25em; text-align:center;}
.container span#heading1 {font-size:18px; line-height:24px;}
.container span#heading2 {font-size:18px; line-height:24px;}
.container span#subheading {font-size:24px; line-height:50px; color:#f6690b}
.container .content h2 {font-size:1.7em; color:#7e9aac; font-family:opensans-bold, arial, sans-serif; border-top:1px solid #fff; border-bottom:1px solid #fff; margin:5px 0; padding:10px 0;}


.container .content ul {margin:10px 12px 0 0;}
.container .content li {font-size:1.0em; color:#fff; padding:7px 20px 4px 0; text-indent:-30px;}
.container .content li:before {font-family:'FontAwesome'; content: '\f00c'; margin:0 0 0 10px; color:#f49b60;}
.container .content form li:before  {content:''; margin:auto;}

.container .content li strong {font-family:opensans-bold, arial, sans-serif;}
.container .form { width:100% ; margin:15px 0;padding:5px 0 23px 0;  background:url(images/form-bg2.png) no-repeat center -18px;}
.container .form h4 {text-align:center; color:#444; font-family:opensans-regular, arial, sans-serif; font-size:1.15em; line-height:1.2em; margin:0px 0;}
.container .form h5 {display:none;}

.container .form ul {text-align:center; margin:0 19px 0 0;}
.container .form li {position:relative; text-align:center; padding:10px 0; width:80%; margin:0 auto;}
.container .form li label {position:absolute; right:43px; top:19px; color:#333; font-size:1.1em}
.container .form li input {width:84%; padding:4px 32px 8px 0; font-family:opensans-regular, arial, sans-serif; font-size:1em; color:#333;}
.container .form li div:before{font-family:'FontAwesome'; content: '\f003'; margin:0 0 0 10px; color:#000; position:absolute; right:14px; top:18px;  font-size:20px; color:#333}
.container .form li.phone div:before{font-family:'FontAwesome'; content: '\f10b'; margin:0 0 0 10px; color:#000; position:absolute; right:13px; top:13px; font-size:30px;color:#333}

.container .form li.buttons {padding:0;}
.container .form li.buttons div:before { content:''; color:#5F8627; font-size:22px; margin:8px 50px 0  0; }
.container .form li.buttons input {padding:8px; background:url(images/button.png) no-repeat center center; font-family:opensans-bold, arial, sans-serif; color:#f6690b; font-size:1.5em; border:none;}
.container .form li.buttons input:hover {cursor:pointer;  background:url(images/button-hover.png) no-repeat center center; }
.container .form h5 {color:#ffffff; text-align:center; font-family:opensans-bold, arial, sans-serif; font-size:1.2em; margin-top:15px;}

a.tel {display:none;}
p.thanks {text-align:center; color:#04acd6;font-size:1.2em; line-height:22px; font-family:opensans-bold, arial, sans-serif;padding:20px 0 83px 0;}
@media screen and (max-width:768px) {
	.phone a:link,
	.phone a:visited,
	.phone a:hover,
	.phone a:active {color:#fff;  font-family:opensans-bold, arial, sans-serif; font-size:1.0em; text-decoration:none;}
	
	/*.container .content, .container .form {width:97%; float:none; clear:both;}
	.top .phone {display:none; height:auto;}
	.top {text-align:center;}
	.top img {max-width:90%; margin:12px 0; height:auto; float:none;}
	.container .content h1 {font-size:1.6em; text-align:center;}
	.container .content h2 {display:none;}
	.container .content ul {margin:10px 30px 0 0; width:90%;}
	.container .content li {font-size:1em;}
	.form form {max-width:320px; margin: auto;}
	*/
}

@media screen and (max-width:480px) {
	.container {right:0; max-width:100%;}
	.container .content {background:rgba(0,0,0,0.50); }
	a.tel {color:#ffffff;}
	.phone a:link,
	.phone a:visited,
	.phone a:hover,
	.phone a:active {color:#fff;  font-family:opensans-bold, arial, sans-serif; font-size:1.0em; text-decoration:none;}
	/*
	.top {height:auto;}
	a.tel {display:block; width:250px; color:#ffffff; font-family:opensans-bold, arial, sans-serif; font-size:1.2em; background-color:#fe9b00; border-radius:10px; margin:10px auto; text-align:center; padding:10px; text-decoration:none;}
	a.tel:hover {background-color:#E88D00;}
	a.tel i {margin:0 0 0 5px; vertical-align:middle; font-size:1.2em;}
	.container .form h4 {display:none;}
	.container .form h5 {display:block;text-align:center; color:#fff; font-family:opensans-bold, arial, sans-serif; font-size:1.25em; line-height:1.2em; margin-bottom:25px;}
	.flexslider .flex-prev { opacity: 0.7; left: -5px !important; } /* Always show arrows */
.flexslider .flex-next { opacity: 0.7; right: 20px !important; }


	

}