/* NORMALIZATION *v*********************
	****************************************/
	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 */
	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:.5s;}
	 /* makes padding not expand object's size */
	body { line-height: 1; direction: rtl; font-family:'Heebo', sans-serif; font-size:18px; color:#1a1a1a; }
	input {font-family:'Heebo', sans-serif;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 	display: block; }
	html { }	
	ol, ul { list-style: none; counter-reset: item;}
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: '';	content: none; }
	strong, b { font-weight: bold; }
	em, i { font-style: italic; }	
	p {line-height:1.4em;}
	
	a, a:link, a:visited { text-decoration: none;  transition: color .3s; }
	a:hover, a:active { color:#fff; transition: color .3s; }
	.wrapper {width:1200px; margin:0 auto; position:relative; max-width:100%;  }
	img {max-width:100%; }
	
	header {}	
		header .wrapper {display:flex; flex-wrap:wrap; justify-content:space-between; }
		.mainTitle {width:57%; position:absolute; top:15px; right:0; }
			.logo {}
				.logo img {}
			.title {margin-bottom:20px; margin-top:20px; }
				h1 {color:#1a1a1a; font-size:40px; font-weight:bold; }
					h1 span {font-size:44px; }
			.topContactForm {}
				.topContactForm strong {font-size:24px; color:#1a1a1a; }
					.topContactForm strong a {color:#fd3333; }
				.topContactForm p {font-size:24px; color:#1a1a1a; }
				form {display:flex; flex-wrap:wrap; justify-content:space-between; max-width:560px; }
					.field {width:49%; height:44px; }
						input {border:1px solid #cecece; background:#fff; width:100%; height:100%; padding-right:15px; font-size:18px; }
					.field.button {width:399px; max-width:100%; margin-top:10px; }
                        button {background:url('../images/buttonBG.jpg')no-repeat top center; background-size:100%; color:#fff; font-size:23px; font-weight:normal; border:0; width:100%; height:100%; cursor:pointer; transition:.5s; }
						button:hover {background:#fff; color:#fd3333; transition:.5s; }
		.social {width:18%; display:flex; flex-wrap:wrap; justify-content:space-between; position:absolute; top:15px; left:0; }
		.social.mobile {display:none; }
			.sRight {width:71%; text-align:center;}
				.sRight a {font-size:24px; color:#1a1a1a; line-height:1.3em; }
			.sLeft {width:28%; }
				.sLeft a {}
					.sLeft a img {}
						
	
	.topImage {}
		.topImage img {width:100%; }
		.topImage img.desktopImage {}
		.topImage img.mobileImage {display:none; }
		
	#stripTwo {text-align:center; padding:80px 0; }
		h2 {display:block; margin-bottom:25px; color:#013e93; font-size:36px; text-align:center;  }
		#stripTwo p {font-size:24px; }
		#stripTwo strong {font-size:24px; }
		
	#stripThree {text-align:center; background:#b1d62a; padding:80px 0; }		
		.circles {display:flex; flex-wrap:wrap; justify-content:space-between; }
			.circle {width:20%; box-sizing:border-box; padding:10px; margin-bottom:25px; }
				.imageCircle {display:block; margin-bottom:15px; text-align:center; }
					.imageCircle img {border-radius:50%; display:block; margin:0 auto;  }
				.circle span {font-size:26px; } 
	
	#stripFour {padding:80px 0; }
		.gallery {display:flex; flex-wrap:wrap; justify-content:space-between;} 
			.galleryItem {width:275px; height:250px; overflow:hidden; margin:10px;  }
				.galleryItem img {max-width:none; height:302px; }
		
	footer {padding:150px 0; background:url('../images/bottomBG.jpg')no-repeat top center; background-size:cover; }
		footer .wrapper {}
			.bottomContactForm {text-align:center; background:rgba(255,255,255,0.6); padding:35px; box-sizing:border-box; width:55.8%; margin:0 auto; }
				.bottomContactForm strong {font-size:24px; line-height:1.4em; }
					.bottomContactForm strong a {color:#fd3333; }
				.bottomContactForm p {font-size:24px; line-height:1.4em; }
				.bottomContactForm form {text-align:center; margin:10px auto 0;  }
					.bottomContactForm .field {}
						.bottomContactForm input {}
					.bottomContactForm .button {margin:5px auto; }
						.bottomContactForm button {}
						
	
@media all and (max-width:767px){
	#stripOne {background-color:#9bc1f2; }
	.topImage img.desktopImage {display:none;}
	.topImage img.mobileImage {display:block; }
	.logo {text-align:center; margin-bottom:15px; }
	.mainTitle {width:100%; padding:0 10px; position:relative; text-align:center;  }
	.social {display:none; }
	.social.mobile {display:flex; width:100%; position:relative; text-align:center; justify-content:center; }
	form {margin:0 auto; }		
		.field.button {margin:5px auto; }
	
	.social {display:none; }
	#stripTwo {}
		#stripTwo .wrapper {padding:0 10px; }
	.circles {justify-content:center; }
		.circle {width:50%; }
		
	.gallery {justify-content:center; }
}		
	
@media all and (max-width:580px){
	h1 {font-size:30px;}
		h1 span {font-size:34px;}
	h2 {font-size:26px; }
	a {display:inline-block; }
	.topContactForm {}
		.topContactForm strong {font-size:20px; }
		.topContactForm p {font-size:16px; }
	#stripTwo {padding:30px 0; }
		#stripTwo p {font-size:16px; }
		#stripTwo strong {font-size:18px; line-height:1.3em; }
	.circles {}
		.circle {}
			.circle span {font-size:16px; }
	form {}
		.field, .field.button {width:100%; max-width:100%; margin-bottom:5px; }
			input {}
		.field.button {}
			button {font-size:16px; background-size:cover; }
	.bottomContactForm {padding:10px; width:98%;  }		
		.bottomContactForm strong {font-size:20px; }
		.bottomContactForm p {font-size:16px;}
	#stripThree {padding:20px 0; }
	#stripFour {padding:20px 0; }
		.gallery {}
			.galleryItem {width:48%; height:auto; box-sizing:border-box; margin:5px 2px; }
				.galleryItem img {height:auto; max-height:200px;  }
	
	footer {background:url('../images/ran-mobile-down-pict.jpg')no-repeat top center; background-size:100%;}
	
}