/****************************************/
/* FONTS 								*/
/****************************************/
@font-face {
    font-family: 'Alef';
    src: url('../fonts/Alef-regular.eot');
    src: url('../fonts/Alef-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Alef-regular.woff') format('woff'),
         url('../fonts/Alef-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Alef';
    src: url('../fonts/Alef-bold.eot');
    src: url('../fonts/Alef-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Alef-bold.woff') format('woff'),
         url('../fonts/Alef-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/****************************************/



/****************************************/
/* HTML ELEMENTS 						*/
/* including Eric Meyer’s CSS Reset 	*/
/****************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea,
header, nav, section, article, aside, figcaption, figure, footer /* HTML5 tags too */ {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
:focus { 
	outline:0; 
}
html,
body {
	width: 100%;
	height: 100%;
}
body { 
	position: relative;
	font-family: 'Alef', Arial, sans-serif;
	font-size: 15px;
	background: #e5e5e5;
	overflow: hidden;
}

ol, ul { 
	list-style: none; 
}
a, a:hover, a:active, a:focus {
	color: inherit;
	text-decoration:none; 
}
h1,
h2,
h3 {
	/*padding: 0.5em 0;*/
}



h1 {
	margin: 4em auto 1em auto;
	font-size: 35px;
}
h1.big-title {
	font-size: 90px;
	margin: 0.8em;
	text-align: center;
	color: #fff;
	text-shadow: 4px 4px 1px rgba(22, 172, 161, 0.75);
	font-family: Tahoma, Geneva, sans-serif;
}


h2 {
	font-size: 35px;
	line-height: 0.8em;
}
h2 > .strong {
	font-weight: bold;
}
h2 > .smaller {
	font-size: 0.75em;
}



h3,
p.h3 {
	font-size: 27px;
}

textarea{ 
	resize: none; 
	overflow: hidden; 
}



/****************************************/



/****************************************/
/* MULTIPLE USAGE CLASSES				*/
/****************************************/
.trans { 
	-webkit-transition: all 0.2s ease; 
	   -moz-transition:	all 0.2s ease; 
		-ms-transition: all 0.2s ease; 
		 -o-transition: all 0.2s ease; 
			transition:	all 0.2s ease; 
}
.latin {
	font-size: 0.85em;
}
.strong {
	font-weight: bold;
}
.strongest {
	font-weight: bold;
}


.centered {
	text-align: center;
}

.darken {
	color: #040000;
}

.large-text {
	
}




.clear { 
	clear: both; 
}
.clear-after:after {
	display: block;
	content: '';
	clear: both;
}
/****************************************/



/****************************************/
/* LOADING SPLASH SCREEN				*/
/****************************************/
#preloaderContainer {
	display: block;
	position: fixed;
	z-index: -9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,.95);
	opacity: 0;
	-webkit-transition: opacity 0.8s ease, z-index 0s ease 0.8s; 
	   -moz-transition:	opacity 0.8s ease, z-index 0s ease 0.8s; 
		-ms-transition: opacity 0.8s ease, z-index 0s ease 0.8s; 
		 -o-transition: opacity 0.8s ease, z-index 0s ease 0.8s; 
			transition:	opacity 0.8s ease, z-index 0s ease 0.8s; 
}
#preloaderContainer.on {
	opacity: 1;
	z-index: 9999;
	-webkit-transition: opacity 0.8s ease, z-index 0s ease 0s; 
	   -moz-transition:	opacity 0.8s ease, z-index 0s ease 0s; 
		-ms-transition: opacity 0.8s ease, z-index 0s ease 0s; 
		 -o-transition: opacity 0.8s ease, z-index 0s ease 0s; 
			transition:	opacity 0.8s ease, z-index 0s ease 0s; 
}
#preloaderContainer > .value {
	position: absolute;
	width: 200px;
	top: 50%; 
	left: 50%;
	margin-left: -100px; 
	margin-top: -1.5em;
	color: #808080;
	font-size: 2.4em;
	font-family: Arial, sans-serif;
	text-align: center;
	text-shadow: rgba(127,127,127,.5) 0 0 2px;
}
#preloaderContainer > .bar-container {
	position: absolute;
	width: 100%;
	top: 50%; 
	left: 0;
	text-align: center;
}
#preloaderContainer > .bar-container > .bar-trail {
	display: inline-block;
	width: 80%;
	max-width: 600px;
	height: 4px;	
	border-radius: 2px;
	background: #ccc;
}
#preloaderContainer > .bar-container > .bar-trail > .bar {
	width: 0;
	float: left;
	height: 4px;	
	border-radius: 2px;
	background: #808080;
}

/****************************************/




/****************************************/
/* HEADER				 				*/
/****************************************/

header {
	position: absolute;
	z-index: 99;
	top: 0;
	width: 100%;
	height: 87px;
	background: url(../img/header-bg.jpg) 100% 0 repeat-x;
	font-size: 1.266667em;
	direction: rtl;
	opacity: 0;
	-webkit-transform: translate3D(0,-100%,0);
	   -moz-transform: translate3D(0,-100%,0);
		-ms-transform: translate3D(0,-100%,0);
		 -o-transform: translate3D(0,-100%,0);
			transform: translate3D(0,-100%,0);
	-webkit-transition: all 0.6s ease;
	   -moz-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		 -o-transition: all 0.6s ease;
			transition: all 0.6s ease;
}
header.on{
	opacity: 1;
	-webkit-transform: translate3D(0,0,0);
	   -moz-transform: translate3D(0,0,0);
		-ms-transform: translate3D(0,0,0);
		 -o-transform: translate3D(0,0,0);
			transform: translate3D(0,0,0);
}
header.off {
	opacity: 0;
	-webkit-transform: translate3D(0,-100%,0);
	   -moz-transform: translate3D(0,-100%,0);
		-ms-transform: translate3D(0,-100%,0);
		 -o-transform: translate3D(0,-100%,0);
			transform: translate3D(0,-100%,0);
	-webkit-transition: all 0s ease;
	   -moz-transition: all 0s ease;
		-ms-transition: all 0s ease;
		 -o-transition: all 0s ease;
			transition: all 0s ease;
}




#logo-container {
	position: relative;
	float: right;
	margin-right: 33px;
}
#logo {
	display: block;
	width: 87px;
	height: 87px;
}
#logo:hover {
}
#logo > img {
	width: 100%;
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	#logo-container {
		margin-right: 103px;
	}
	#logo-container:after {
		content: '';
		display: block;
		position: absolute;
		z-index: -1;
		top: 87px;
		bottom: -11px;
		left: 11px;
		right: -11px;
		background: rgba(65, 145, 217, 0.75);
	}
	#logo {
		width: 141px;
		height: 141px;
	}
}
@media (min-width: 1200px) {
}
@media (min-width: 1580px) {
}


/* Navbar */
#navbar-container {
	height: 100%;
}
#navbar-container:before {
	content: '';
	display: inline-block;
	height: 86px;
	vertical-align: middle;
}
#navbar {
	position: absolute;
	top: 100%;
	left: -100%;
	width: 100%;
	-webkit-transition: left 0s ease 0.8s;
	   -moz-transition: left 0s ease 0.8s;
		-ms-transition: left 0s ease 0.8s;
		 -o-transition: left 0s ease 0.8s;
			transition: left 0s ease 0.8s;
}
#navbar.open {
	left: 0;
	-webkit-transition: left 0s ease 0s;
	   -moz-transition: left 0s ease 0s;
		-ms-transition: left 0s ease 0s;
		 -o-transition: left 0s ease 0s;
			transition: left 0s ease 0s;
}
#navbar > li {
	display: block;
	text-align: center;
	line-height: 2em;
	background: #000;
	-webkit-transition: all 0.8s ease;
	   -moz-transition: all 0.8s ease;
		-ms-transition: all 0.8s ease;
		 -o-transition: all 0.8s ease;
			transition: all 0.8s ease;
	-webkit-transform: translate3D(-100%,0,0);
	   -moz-transform: translate3D(-100%,0,0);
		-ms-transform: translate3D(-100%,0,0);
		 -o-transform: translate3D(-100%,0,0);
			transform: translate3D(-100%,0,0);			
}
#navbar > li:first-child {
	padding-top: 0.5em;
}
#navbar.open > li {
	-webkit-transform: translate3D(0,0,0);
	   -moz-transform: translate3D(0,0,0);
		-ms-transform: translate3D(0,0,0);
		 -o-transform: translate3D(0,0,0);
			transform: translate3D(0,0,0);	
}
#navbar > li > a {
	display: block;
	text-align: center;
	color: #fff;
	-webkit-transition: all 0.35s ease;
	   -moz-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
		 -o-transition: all 0.35s ease;
			transition: all 0.35s ease;
}
#navbar > li:hover > a,
#navbar > li.active > a {
	color: #659bcc;
	background: #0f0e0d;
}
#navbar-toggle {
	position: absolute;
	top: 32px;
	left: 24px;
	width: 40px;
	height: 40px;
	padding: 7px;
	cursor: pointer;
}
#navbar-toggle:focus {
  outline: 0;
}
#navbar-toggle > span {
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 1px;
  background: #e5e5e5;
}
#navbar-toggle > span + span {
  margin-top: 4px;
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	#navbar {
		position: initial;
		display: inline-block;
		top: auto;
		left: auto;
		width: auto;
		margin-right: 20px;
		margin-top: 12px;
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;
	}
	#navbar > li {
		display: inline-block;
		margin: 8px;
		line-height: 1.42em;
		background: transparent;
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;
		-webkit-transform: none;
		   -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
				transform: none;			
	}
	#navbar > li:hover > a,
	#navbar > li.active > a {
		background: transparent;
	}
	#navbar-toggle {
		display: none;
	}
}
@media (min-width: 1200px) {
}
@media (min-width: 1580px) {
}
/***/

/****************************************/





/****************************************/
/* MAIN BODY			 				*/
/****************************************/

/* Main body */
#main-body {
	height: 100%;
	padding: 87px 0 51px 0;
	padding: 0;
	opacity: 0;
	-webkit-transition: opacity 0s ease 0s;
	   -moz-transition: opacity 0s ease 0s;
		-ms-transition: opacity 0s ease 0s;
		 -o-transition: opacity 0s ease 0s;
			transition: opacity 0s ease 0s;
}
#main-body.ready{
	opacity: 1;
	-webkit-transition: opacity 0.6s ease 0.8s;
	   -moz-transition: opacity 0.6s ease 0.8s;
		-ms-transition: opacity 0.6s ease 0.8s;
		 -o-transition: opacity 0.6s ease 0.8s;
			transition: opacity 0.6s ease 0.8s;
}

#wrapper {
	position: relative;
	height: 100%;
}

#scroller {
	position: relative;
	height: 100%;
}
#scroller:after {
	content: "";
	display: block;
	clear: both;
}
body.default-layout #scroller {
	overflow: hidden;
}
body.mobile-layout #scroller {	
	overflow-x: hidden;
}



#swiper {
	float: right;
}
#swiper:after {
	content: "";
	display: block;
	clear: both;
}
body.default-layout #swiper {
}
body.mobile-layout #swiper {	
	overflow: hidden;
}

#main-body.ready #swiper {
	-webkit-transition: -webkit-transform 1.6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	   -moz-transition:    -moz-transform 1.6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		-ms-transition: 	-ms-transform 1.6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		 -o-transition: 	 -o-transform 1.6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			transition: 		transform 1.6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}


#scroller {
	
}

#sectionControls {
}

#goToPrevSection, 
#goToNextSection {
	display: block;
	position: absolute;
	z-index: 9;
	left: 50%;
	width: 48px;
	height: 32px;
	margin-left: -24px;
	background: url(../img/section-controls.png) 0 0 no-repeat;
	opacity: 0;
	-webkit-transition: all 0.35s ease;
	   -moz-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
		 -o-transition: all 0.35s ease;
			transition: all 0.35s ease;
}
#goToPrevSection {
	top: 103px;
	-webkit-transform: translate3D(0,-200%,0);
	   -moz-transform: translate3D(0,-200%,0);
		-ms-transform: translate3D(0,-200%,0);
		 -o-transform: translate3D(0,-200%,0);
			transform: translate3D(0,-200%,0);
	-webkit-animation: upBtnKeyframes 3s ease-in-out 6s infinite;
    animation: upBtnKeyframes 3s ease-in-out 6s infinite;
}
#goToNextSection {
	bottom: 67px;
	background-position: 0 -32px;
	-webkit-transform: translate3D(0,200%,0);
	   -moz-transform: translate3D(0,200%,0);
		-ms-transform: translate3D(0,200%,0);
		 -o-transform: translate3D(0,200%,0);
			transform: translate3D(0,200%,0);
	-webkit-animation: downBtnKeyframes 3s ease-in-out 6s infinite;
    animation: downBtnKeyframes 3s ease-in-out 6s infinite;
}
@-webkit-keyframes downBtnKeyframes {
    0%	 { margin-bottom: 0px;}
	16%	 { margin-bottom: -10px;}
	33%	 { margin-bottom: 0px;}
	100% { margin-bottom: 0px;}
}
@keyframes downBtnKeyframes {
    0%	 { margin-bottom: 0px;}
	16%	 { margin-bottom: -10px;}
	33%	 { margin-bottom: 0px;}
	100% { margin-bottom: 0px;}
}
@-webkit-keyframes upBtnKeyframes {
    0%	 { margin-top: 0px;}
	16%	 { margin-top: -10px;}
	33%	 { margin-top: 0px;}
	100% { margin-top: 0px;}
}
@keyframes upBtnKeyframes {
    0%	 { margin-top: 0px;}
	16%	 { margin-top: -10px;}
	33%	 { margin-top: 0px;}
	100% { margin-top: 0px;}
}
#goToPrevSection.on:not(.disabled),
#goToNextSection.on:not(.disabled) {
	opacity: 0.7;
	-webkit-transform: translate3D(0,0,0);
	   -moz-transform: translate3D(0,0,0);
		-ms-transform: translate3D(0,0,0);
		 -o-transform: translate3D(0,0,0);
			transform: translate3D(0,0,0);
}
#goToPrevSection:hover, 
#goToNextSection:hover {
	opacity: 0.9;
	-webkit-animation: 0;
    animation: 0;
}
/***/








/* Pages */
.page {
	position: relative;
	min-height: 100px;
	overflow: hidden;
	float: right;
	visibility: hidden;
}
.page.active {
	visibility: visible;
}
.page > .page-content {
	
}
/***/







/* Sections */
.section {
	direction: rtl;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}
.section:first-child {
	margin-top:87px;
}
.section.last-section {
	margin-bottom: 51px;
}
.section.full-height {
	overflow: hidden;
}
.section-wrapper {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}
.section-content {
	text-align: center;
}

.table-layout {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.table-layout > .section-container {
	display: table-row;
}
.table-layout > .section-container > .section-content {
	display: table-cell;
}








.content-img {
	width: 100%;
}
/***/


















/* Boxes (half of sections) */
.box {
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}
.box-vmiddle {
	vertical-align: middle;	
}

body.mobile-layout .box-left,
body.mobile-layout .box-right {
	width: 100%;
}
body.default-layout .box-left,
body.default-layout .box-right {
	width: 50%;
}
body.mobile-layout .box-empty {
	width: 0;
}

.box-right + .box-empty {
	position: relative;
	z-index: -1;
}
.box-full {
	width: 100%;
	/*padding: 4% 15%;*/
}
.box-padded {
	padding: 24px 24px 5em 24px;	
}


.box-closing {
	-webkit-transition: all 0.35s ease;
	   -moz-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
		 -o-transition: all 0.35s ease;
			transition: all 0.35s ease;
}
.box-left.box-closed {
	-webkit-transform: translate3D(-100%,0,0) !important;
	   -moz-transform: translate3D(-100%,0,0) !important;
		-ms-transform: translate3D(-100%,0,0) !important;
		 -o-transform: translate3D(-100%,0,0) !important;
			transform: translate3D(-100%,0,0) !important;
}
.box-right.box-closed {
	-webkit-transform: translate3D(100%,0,0) !important;
	   -moz-transform: translate3D(100%,0,0) !important;
		-ms-transform: translate3D(100%,0,0) !important;
		 -o-transform: translate3D(100%,0,0) !important;
			transform: translate3D(100%,0,0) !important;
}


.box-transparent {
	background-color: transparent;
}
.box-dark {
	color: #fff;
}
.box-light {
	color: #000;
}
.box-grey {
	background-color: #282828;
	color: #676765;
}
.box-grey h2{
	color: #fefefe;
}


.box-lightgrey {
	background: #5f6875;
	color: #fefefe;
}
.box-yellow {
	background-color: #edce1f;
	color: #040000;
}
.box-lightbrown {
	background-color: #9b856b;
	color: #040000;
}
.box-pink {
	background-color: #ee6555;
	color: #040000;
}
.box-white {
	background-color: #fff;
	color: #040000;
}
.box-red {
	background: #ef6554;
	color: #fefefe;
}



.close-box-btn {
	position: absolute;
	z-index: 1;
	width: 72px;
	height: 72px;
	border-radius: 36px;
}
.close-box-btn > a {
	display: block;
	position: relative;
	width: 25px;
	height: 24px;
	margin: 24px;
	background-image: url(../img/close.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.close-box-btn > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 24px;
	background-image: url(../img/close.png);
	background-repeat: no-repeat;
	background-position: 0 -26px;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
.close-box-btn > a:hover:after {
	opacity: 1;
}
.box-left > .close-box-btn,
.box-right > .close-box-btn {
	-webkit-transition: all 0.35s ease;
	   -moz-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
		 -o-transition: all 0.35s ease;
			transition: all 0.35s ease;
}			
body.mobile-layout .box-left > .close-box-btn {
	top: 0;
	right: 0px;
}
body.mobile-layout .box-right > .close-box-btn {
	top: 0;
	left: 0px;
}
body.default-layout .box-left > .close-box-btn {
	top: 55px;
	right: -36px;
}
body.default-layout .box-right > .close-box-btn {
	top: 55px;
	left: -36px;
}
.box-left.box-closed > .close-box-btn,
.box-right.box-closed > .close-box-btn {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}			
body.mobile-layout .box-left.box-closed > .close-box-btn {
	right: -72px;
}
body.mobile-layout .box-right.box-closed > .close-box-btn {
	left: -72px;
}
body.default-layout .box-left.box-closed > .close-box-btn {
	right: -72px;
}
body.default-layout .box-right.box-closed > .close-box-btn {
	left: -72px;
}
body.default-layout .box-grey > .close-box-btn {
	background-color: #282828;
}
body.default-layout .box-yellow > .close-box-btn {
	background-color: #edce1f;
}
body.default-layout .box-lightbrown > .close-box-btn {
	background-color: #9b856b;
}
body.default-layout .box-pink > .close-box-btn {
	background-color: #ee6555;
}
/* END boxes */



/* Boxes'elements */
.box h2 {
	margin: 2em 1em 1.5em 1em;
}
.box h2 > img {
	margin: 1em 0;
}
.box p {
	margin-bottom: 1em;
}


@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
	.box p {
		padding: 0 20%;
	}
}
@media (min-width: 1580px) {
	
}










/* "goToNextPage" button */
.goToNextPage {
	display: inline-block;
	margin: 7%;
}
.goToNextPage > img {
	max-width: 100%;
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.goToNextPage {
		margin: 56px;
	}
}
@media (min-width: 1200px) {
}
@media (min-width: 1580px) {
	.goToNextPage {
		margin: 78px;
	}
}

/***/





/* Some other stuff */
.parallax-item {
	/* We cold use the hardware acceleration for parallax items */
	/*
	-webkit-transition: all 0.05s ease;
	   -moz-transition: all 0.05s ease;
		-ms-transition: all 0.05s ease;
		 -o-transition: all 0.05s ease;
			transition: all 0.05s ease;
			*/
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		 -o-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-perspective: 1000;
	   -moz-perspective: 1000;
		-ms-perspective: 1000;
		 -o-perspective: 1000;
			perspective: 1000;
}



/***/ 



/* Footer */
footer {
	position: absolute;
	z-index: 99;
	bottom: 0;
	width: 100%;
	height: 51px;
	background: url(../img/footer-bg.jpg) 0 0 repeat;
	text-align: center;
	direction: rtl;
	opacity: 0;
	-webkit-transform: translate3D(0,100%,0);
	   -moz-transform: translate3D(0,100%,0);
		-ms-transform: translate3D(0,100%,0);
		 -o-transform: translate3D(0,100%,0);
			transform: translate3D(0,100%,0);
	-webkit-transition: all 0.6s ease;
	   -moz-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		 -o-transition: all 0.6s ease;
			transition: all 0.6s ease;
}
footer.on{
	opacity: 1;
	-webkit-transform: translate3D(0,0,0);
	   -moz-transform: translate3D(0,0,0);
		-ms-transform: translate3D(0,0,0);
		 -o-transform: translate3D(0,0,0);
			transform: translate3D(0,0,0);
}
body.default-layout footer{
}
body.mobile-layout footer{
	padding-top: 51px;
}

body.mobile-layout footer.open {
	padding-top: 21px;
	height: 215px;
}


body.mobile-layout footer > #toggle-footer-form {
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	bottom: 10px;
	right: 20px;
	background: url(../img/toggle-form.png) no-repeat;
	-webkit-transition: all 0.6s ease;
	   -moz-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		 -o-transition: all 0.6s ease;
			transition: all 0.6s ease;
}
body.mobile-layout footer.open > #toggle-footer-form {
	
}
body.default-layout footer > #toggle-footer-form {
	display: none;
}




#footer-form {
	margin-top: 10px;
}
#footer-form.off {
	opacity: 0;
	-webkit-transition: all 0.35s ease;
	   -moz-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
		 -o-transition: all 0.35s ease;
			transition: all 0.35s ease;	
}
#footer-form > p {
	color: #fff;
	line-height: 2.4em;
}




#footer-form .form-field {
	display: inline-block;
	position: relative;
	width: 80%;
	height: 31px;
	margin-bottom: 10px;
	margin-left: 4px;
	vertical-align: top;
}


#footer-form .form-field > input {
	width: 100%;
	height: 31px;
	line-height: 31px;
	margin-left: 4px;
	padding: 0 0.667em;
	vertical-align: middle;
	color: #000;
}

#footer-form .form-field > .callout{
	display: block;
	position: absolute;
	z-index: -9;
	top: 2px;
	left: -4px;
	border-radius: 4px;
	padding: 0 8px;
	line-height: 27px;
	background: #7e0000;
	color: #fefefe;
	opacity: 0;
	-webkit-transition: all 0.35s ease;
	   -moz-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
		 -o-transition: all 0.35s ease;
			transition: all 0.35s ease;	
}
#footer-form .form-field > .callout:after {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
	top: 8px;
	width: 0px;
	height: 0px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #7e0000;
}
#footer-form .form-field > .invalid-input + .callout {
	z-index: 9;
	left: 4px;
	opacity: 1;
}






#footer-form input[type=submit] {
	height: 31px;
	padding: 0 2em;
	background: #f7b500;
	color: #000;
	font-size: 1.4em;
	vertical-align: top;
	cursor: pointer;
}
#footer-form input[type=submit]:hover {
	color: #fff;
}

#submit-response {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 0;
	color: #fff;
	line-height: 2.4em;
	opacity: 0;
}
#submit-response.on {
	opacity: 1;
	z-index: 1;
	margin-top: 0px;
	-webkit-transition: all 0.35s ease 0.5s;
	   -moz-transition: all 0.35s ease 0.5s;
		-ms-transition: all 0.35s ease 0.5s;
		 -o-transition: all 0.35s ease 0.5s;
			transition: all 0.35s ease 0.5s;
}
@media (min-width: 480px) {
	body.mobile-layout footer.open {
		height: 117px;
	}

	#footer-form .form-field {
		width: 40%;
		max-width: 186px;
	}
}
@media (min-width: 768px) {
	#footer-form > p,
	#submit-response {
		font-size: 1.8em;
	}
	
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1580px) {
}
/***/
/****************************************/


/* Container for preloaded images */
#preloading-container {
	position: fixed !important;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#preloading-container > img {
	display: none;
}
/***/

/****************************************/
/* PAGE SPECIFIC						*/
/****************************************/
/* These are placed in separate files to keep things a little clearer here. Maybe we'll move them all back here later ...  
*/

/****************************************/


@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1580px) {
}