﻿@charset "utf-8";

body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,form{margin:0;padding:0;}
ul,ol{list-style:none;}
img,a img{border:none;display:block;}
*:link,*:visited{text-decoration:none;}
*:active,*:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
label,button{cursor:pointer;}
input,textarea,select{font-family:inherit;font-size:inherit;padding:0;margin:0;vertical-align:middle;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}

::-moz-selection { background-color: #8fd040; color: #FFF; }
::selection { background-color: #8fd040; color: #FFF; }

@font-face {font-family: 'DIN-Light';src: url('31065A_0_0.eot');src: url('31065A_0_0.eot?#iefix') format('embedded-opentype'),url('31065A_0_0.woff2') format('woff2'),url('31065A_0_0.woff') format('woff'),url('31065A_0_0.ttf') format('truetype');}
@font-face {font-family: 'DIN';font-weight: normal;font-style: italic;src: url('31065A_1_0.eot');src: url('31065A_1_0.eot?#iefix') format('embedded-opentype'),url('31065A_1_0.woff2') format('woff2'),url('31065A_1_0.woff') format('woff'),url('31065A_1_0.ttf') format('truetype');}
@font-face {font-family: 'DIN';font-weight: bold;font-style: normal;src: url('31065A_2_0.eot');src: url('31065A_2_0.eot?#iefix') format('embedded-opentype'),url('31065A_2_0.woff2') format('woff2'),url('31065A_2_0.woff') format('woff'),url('31065A_2_0.ttf') format('truetype');} 
@font-face {font-family: 'DIN';font-weight: normal;font-style: normal;src: url('31065A_3_0.eot');src: url('31065A_3_0.eot?#iefix') format('embedded-opentype'),url('31065A_3_0.woff2') format('woff2'),url('31065A_3_0.woff') format('woff'),url('31065A_3_0.ttf') format('truetype');}

body 				{ color: #555; font-family: 'DIN', sans-serif; font-size: 16px; line-height: 1; }
body.noscroll		{ overflow: hidden; }
.page-layout		{ min-width: 1200px; }
.page-content 		{ margin: 0 auto; overflow: hidden; position: relative; width: 100%; }
.inner 				{ margin: 0 auto; overflow: hidden; position: relative; width: 1200px; }

/* PAGE HEADER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mob-nav					{ display: none; }
.page-header * 				{ -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }
.page-header 				{ height: 400px; }
.page-header .inner			{ height: 100%; }
.page-header .logo 			{ display: block; height: 100px; width: 240px; }
.page-header .logo img		{ display: block; margin: 0 auto; height: 100%; width: 100%; }
.page-header  a.logo:hover	{ opacity: 0.9; }

.page-header nav 				{ text-transform: uppercase; width: 240px; }
.page-header nav ul li 			{ display: block; }
.page-header nav ul li a 		{ background-color: rgba(255,255,255,0.75); color: #555; display: block; height: 38px; letter-spacing: 0.02em; line-height: 38px; margin-top: 2px; padding: 0 20px; }
.page-header nav ul li a:hover	{ background-color: rgb(255,255,255); color: #000; text-decoration: none; }
.page-header nav ul li.on a		{ background-color: rgb(255,255,255); color: #000; text-decoration: none; }

.page-header h1					{ color: #FFF; font-family: 'DIN-Light'; font-weight: normal; font-size: 90px; letter-spacing: -2px; line-height: 90px; position: absolute; bottom: 20px; left: 0;right: 0;text-align: center; }

.body-home .page-header 			{ height: 400px; }
.body-contact .page-header 			{ height: 400px; }
.body-page-not-found .page-header 	{ height: 400px; }

/* VEGAS BG SLIDESHOW */
.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}
.vegas-overlay{background:url(/assets/images/bg/header-overlay.png) repeat-x bottom left}
.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}body.vegas-container{overflow:auto;position:static;z-index:-2}body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown,.vegas-transition-slideDown2,.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}

/* BOTTOM BANNER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.bottom-banner					{ background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; height: 250px; text-align: center; }
.bottom-banner .overlay			{ background-color: rgba(0,0,0,0.2); height: 100%; }
.bottom-banner .overlay:before	{ content: ''; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; }
.bottom-banner .text			{ color: #FFF; display: inline-block; width: 980px; vertical-align: middle; }
.bottom-banner .text p			{ color: #FFF; font-size: 26px; line-height: 32px; margin: 0; }
.bottom-banner .text .end		{ color: #FFF; display: inline-block; font-size: 20px; margin: 15px 0 0; }

/* PAGE FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-footer			{ border-top: 1px solid #e2dcd6; color: #666; font-size: 12px; letter-spacing: 0.05em; line-height: 20px; padding: 20px 0; text-transform: uppercase; }
.page-footer .left		{ float: left; }
.page-footer .right		{ float: right; text-align: right; }
.page-footer strong		{ color: #333; font-weight: normal; }

.page-footer span		{ padding: 0 5px; }
.page-footer a			{ color: #999; }
.page-footer a:hover	{ color: #666; text-decoration: underline; }

/* CONTENT
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*layout*/
.page-content .content-block		{ margin: 40px auto; overflow: hidden; }
.page-content .content-left			{ clear: both; float: left; margin: 0; overflow: hidden; width: 580px; }
.page-content .content-right		{ float: right; margin: 0; overflow: hidden; width: 580px; }
.page-content .content-col1			{ float: left; margin-right: 60px; overflow: hidden; width: 360px; }
.page-content .content-col2			{ float: left; margin-right: 60px; overflow: hidden; width: 360px; }
.page-content .content-col3			{ float: left; margin-right: 0; overflow: hidden; width: 360px; }

.page-content .four-blocks div 		{ float: left; margin-right: 40px; width: 270px; }
.page-content .four-blocks .block-4 { margin-right: 0; }
.page-content .four-blocks strong 	{ border-bottom: 2px solid #e2dcd6; color: #000; display: block; font-size: 20px; line-height: 30px; margin: 0; padding: 0 0 10px; }
.page-content .four-blocks p 		{ font-size: 18px; line-height: 30px; margin-bottom: 10px; }

.page-content .divider				{ background-color: #e2dcd6; border: none; clear: both; color: #e2dcd6; height: 1px; line-height: 1; overflow: hidden; width: 100%; }
.page-content .content-block img	{ height: auto; margin-bottom: 30px; width: 100%; }
.page-content .content-block iframe	{ height: 360px; width: 100%; }

.page-content .gallery				{ position: relative; }
.page-content .gallery .prev		{ background-color: #CCC; color: #FFF; display: block; font-size: 30px; font-weight: bold; height: 40px; line-height: 42px; opacity: 0.7; position: absolute; top: 45%; left: 5%; text-align: center; text-decoration: none; width: 40px; }
.page-content .gallery .next		{ background-color: #CCC; color: #FFF; display: block; font-size: 30px; font-weight: bold; height: 40px; line-height: 42px; opacity: 0.7; position: absolute; top: 45%; right: 5%; text-align: center; text-decoration: none; width: 40px; }
.page-content .gallery .prev:hover,		
.page-content .gallery .next:hover	{ opacity: 1; }

.page-content .image-gallery		{ height: 800px; margin: 0 auto; width: 1200px; }

.page-content .text-left			{ text-align: left; }
.page-content .text-right			{ text-align: right; }
.page-content .text-center			{ text-align: center; }

/*elements*/
.page-content h1			{ color: #000; font-size: 32px; font-weight: 300; line-height: 1.2; margin: 0 0 20px; }
.page-content h2			{ color: #000; font-size: 20px; font-weight: bold; line-height: 1.2; margin: 0 0 10px; }
.page-content h3			{ color: #000; font-size: 15px; font-weight: 400; line-height: 1.2; margin: 0 0 10px; }
.page-content h2 + h3		{ margin-top: -10px; }
.page-content p				{ color: #555; font-size: 16px; line-height: 20px; margin: 0 0 20px; }
.page-content strong		{ font-family: sans-serif;font-weight: normal; }
.page-content a				{ color: #222; text-decoration: underline; }
.page-content a:hover		{ color: #8fd040; text-decoration: underline; }

.page-content header h1		{ font-size: 40px; letter-spacing: -1px; margin: 40px 0; text-align: center; }


/*lists*/
.page-content ul, 
.page-content ol			{ font-size: 16px; line-height: 20px; margin: 0 0 15px 20px; }
.page-content ul ul,
.page-content ul ol,
.page-content ol ol,
.page-content ol ul 		{ font-size: 100%; margin: 5px 0 5px 20px; }
.page-content ul 			{ list-style-type: disc; }
.page-content ul ul 		{ list-style-type: circle; }
.page-content ul ul ul 		{ list-style-type: square; }
.page-content ol 			{ list-style-type: decimal; }
.page-content ol ol 		{ list-style-type: lower-alpha;	}
.page-content ol ol ol		{ list-style-type: lower-roman; }
.page-content li			{ margin-bottom: 5px; }

/*fade in effects*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  animation-duration:0.5s;
}

/* HOME
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-home .page-content .home-blocks * 			{ -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }
.body-home .page-content .home-blocks div			{ background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; border: 2px solid #FFF; float: left; height: 296px; text-align: center; width: 296px; }
.body-home .page-content .home-blocks div a			{ background-color: rgba(0,0,0,0.25); color: #FFF; display: block; height: 100%; text-decoration: none; }
.body-home .page-content .home-blocks div a *		{ color: #FFF; }
.body-home .page-content .home-blocks div a:before	{ content: ''; display: inline-block;height: 100%; margin-right: -0.25em; vertical-align: middle; }
.body-home .page-content .home-blocks div a section	{ display: inline-block; vertical-align: middle; }
.body-home .page-content .home-blocks div a h2		{ color: #FFF; font-size: 25px; font-weight: normal; margin-bottom: 15px; }
.body-home .page-content .home-blocks div a span	{ border: 1px solid #FFF; display: inline-block; font-family: 'DIN-Light'; font-size: 15px; line-height: 36px; padding: 0 10px; text-transform: uppercase; }
.body-home .page-content .home-blocks div a:hover 	{ background-color: rgba(0,0,0,0.10); color: #FFF; text-decoration: none; }
.body-home .page-content .home-blocks div a:hover span 	{ background-color: #FFF; color: #111; }

.body-home .page-content .contact 		{ background-color: #f7f5f4; border-top: 2px solid #e2dcd6; padding: 0 0 30px; }

/* SERVICES
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-services .page-content header h1 { font-size: 30px; }
.body-services .page-content .content-left { padding-left: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.body-services .page-content .content-right { padding-right: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* DISPLAY HOME
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-display-home .plans 						{ background-color: #f7f5f4; border-top: 2px solid #e2dcd6; padding: 30px 0; }
.body-display-home .plans div:nth-child(odd) 	{ clear: both; float: left; margin: 0; overflow: hidden; width: 580px; }
.body-display-home .plans div:nth-child(even) 	{ float: right; margin: 0; overflow: hidden; width: 580px; }

/* WHO
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-who .people div { clear: both; float: left; margin: 0 40px 40px 0; width: 270px; }
.body-who .people div p { font-size: 15px; }
.body-who .page-content .content-block img { margin-bottom: 0; }
.body-who .people div:nth-child(odd) { clear: none; margin-right: 0; }

/* CONTACT
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-contact .page-content { padding: 40px 0; }

/* MEDIA QUERIES
------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 1240px) {
	.page-layout { min-width: 980px; }
	.inner { padding: 0 10px; width: auto; }
	
	.page-header { height: 400px !important; }
	.page-header h1 { font-size: 70px; letter-spacing: -1px; line-height: 70px; left: 10px; }
	
	.page-content .content-block { margin: 10px 0 0; padding: 0 10px; width: auto; }
	.page-content .full-width { width: 100% !important; }
	.page-content .content-left { width: 48% }
	.page-content .content-right { width: 48% }
	.page-content .content-col1 { float: none; margin: 10px 0; width: auto; }
	.page-content .content-col2 { float: none; margin: 10px 0; width: auto; }
	.page-content .content-col3 { float: none; margin: 10px 0; width: auto; }
	.page-content .content-col1 img { float: left; margin-right: 20px; width: 360px; }
	.page-content .content-col2 img { float: left; margin-right: 20px; width: 360px; }
	.page-content .content-col3 img { float: left; margin-right: 20px; width: 360px; }
	.page-content .content-col1 div { float: left; width: 560px; }
	.page-content .content-col2 div { float: left; width: 560px; }
	.page-content .content-col3 div { float: left; width: 560px; }
	.page-content .four-blocks div { margin: 0 1% 20px; width: 48%; }
	.page-content .divider { margin: 20px 0; }
	
	.page-content iframe { height: 220px; width: 100%; }
	.page-content .content-block img { margin-bottom: 20px; }
	.page-content .image-gallery { height: 500px; margin-bottom: 20px; width: 100%; }
	
	.body-home .page-content .home-blocks { padding-bottom: 10px; }
	.body-home .page-content .home-blocks div { border: 0; margin: 1%;  width: 48%; }
	.body-display-home .plans div { margin: 0 !important; overflow: hidden; width: 50% !important; }
	.body-who .people div { float: none; margin: 0 0 20px; width: 100%; }
	.body-contact .page-content { padding: 10px 0; }
	
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
	body { font-size: 13px; -webkit-text-size-adjust: 100%; }
	.page-layout { margin: 0 auto; min-width: 300px; width: 100%; }
	.page-content { padding: 0; width: 100%; }
	.inner { width: 100%; }

	.mob-nav { display: block; }
	.web-nav { display: none; }

	.page-header { height: 284px !important; }
	.page-header nav { width: 100%; }
	.page-header h1 { font-size: 26px; letter-spacing: 0; line-height: 30px; margin: 0 10px; }
	.page-header .logo-mob { display: block; height: 50px; width: 130px; }
	.page-header .mob-header { background-color: #FFF; height: 40px; }
		
	.mob-nav { border-bottom: 1px solid #DDD; overflow-y: auto; padding-top: 50px; position: fixed; top: 0; left: 0; z-index: 999; }
	.mob-nav ul { display: none; padding: 0; width: 100%; }
	.page-header nav ul li a { background-color: #FFF; border-top: 1px solid #DDD; margin: 0; padding: 0 10px; }
	
	.mobile-header { background-color: #FFF; color: #111; height: 50px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
	.mobile-header h1 { margin: 0 auto; font-size: 20px; height: 40px; width: 180px; }
	.mobile-header h1 a { color: #000; display: block; height: 100%; text-decoration: none; width: 100%; }
	.mobile-header h1 img { display: block; margin: 0; height: 100%; width: 100%; }
	.mobile-header .mob-nav-toggle { cursor: pointer; height: 20px; padding: 15px; position: absolute; top: 0; right: 0; width: 20px; }
	.mobile-header .mob-nav-toggle span { display: inline-block; float: right; width: 18px; }
	.mobile-header .mob-nav-toggle span em { background-color: #222; display: block; height: 1px; margin-top: 4px; }
	.mobile-header .mob-nav-toggle .close { color: #222; display: none; font-size: 18px; line-height: 20px; text-align: center; }

	.bottom-banner { height: auto; }
	.bottom-banner .text { padding: 30px; width: auto; }
	.bottom-banner .text p { font-size: 17px; line-height: 21px; }
	.bottom-banner .text .end { font-size: 15px; margin: 10px 0 0; }
	
	.page-footer { height: auto; line-height: 25px; padding: 20px 10px; text-align: center; }
	.page-footer span { color: #FFF; display: block; height: 1px; }
	.page-footer .left { float: none; text-align: center; }
	.page-footer .right { float: none; text-align: center; }
	
	.page-content .content-block { margin: 10px 0 0; padding: 0 10px; width: auto; }
	.page-content .full-width { width: 100% !important; }
	.page-content .content-left { float: none; margin-bottom: 10px; width: 100% !important; }
	.page-content .content-right { float: none; width: 100% !important; }
	.page-content .content-col1 { float: none; margin: 0 0 20px; width: auto; }
	.page-content .content-col2 { float: none; margin: 0 0 20px; width: auto; }
	.page-content .content-col3 { float: none; margin: 0 0 20px; width: auto; }
	.page-content .four-blocks div { float: none; margin: 0 0 20px; width: 100%; }
	.page-content .divider { margin: 20px 0; }
	
	.page-content iframe { height: 220px; width: 100%; }
	.page-content .content-block img { margin-bottom: 20px; }
	.page-content .image-gallery { height: 250px; margin-bottom: 10px; width: 100%; }
	
	.page-content h1 { font-size: 25px; margin-bottom: 15px; }
	.page-content h2 { font-size: 16px; }	
	.page-content h3 { font-size: 13px; }	
	.page-content p { font-size: 13px; line-height: 18px; }	
	.page-content ul,
	.page-content ol { font-size: 13px; line-height: 18px; }
	.page-content header h1 { font-size: 28px; line-height: 1.1; margin: 20px 10px; text-align: left; }
	
	.body-home .page-content .home-blocks div { float: none; height: 200px; margin: 0 auto 5px; width: 100%; }
	.body-services .page-content header h1 { font-size: 20px; }
	.body-services .page-content .content-left,
	.body-services .page-content .content-right { padding: 0; }
	.body-display-home .plans div { float: none !important; margin: 0; overflow: hidden; width: 100% !important; }
	.body-who .people div { float: none; margin: 0 0 20px; width: 100%; }
	.body-contact .page-content { padding: 10px 0; }
}

/* iPad - Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .page-layout {
        min-width: 980px;
    }

    .inner {
        padding: 0 10px;
        width: auto;
    }

    .mob-nav {
        display: block;
    }

    .web-nav {
        display: none;
    }

    .page-header {
        height: 284px !important;
    }

        .page-header nav {
            width: 100%;
        }

        .page-header h1 {
            font-size: 60px;
            letter-spacing: 0;
            line-height: 60px;
            margin: 0 10px;
        }

        .page-header .logo-mob {
            display: block;
            height: 50px;
            width: 130px;
        }

        .page-header .mob-header {
            background-color: #FFF;
            height: 40px;
        }

    .mob-nav {
        border-bottom: 1px solid #DDD;
        overflow-y: auto;
        padding-top: 50px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }

        .mob-nav ul {
            display: none;
            padding: 0;
            width: 100%;
        }

    .page-header nav ul li a {
        background-color: #FFF;
        border-top: 1px solid #DDD;
        margin: 0;
        padding: 0 10px;
    }

    .mobile-header {
        background-color: #FFF;
        color: #111;
        height: 50px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

        .mobile-header h1 {
            margin: 0 auto;
            font-size: 20px;
            height: 40px;
            width: 180px;
        }

            .mobile-header h1 a {
                color: #000;
                display: block;
                height: 100%;
                text-decoration: none;
                width: 100%;
            }

            .mobile-header h1 img {
                display: block;
                margin: 0;
                height: 100%;
                width: 100%;
            }

        .mobile-header .mob-nav-toggle {
            cursor: pointer;
            height: 20px;
            padding: 15px;
            position: absolute;
            top: 0;
            right: 0;
            width: 20px;
        }

            .mobile-header .mob-nav-toggle span {
                display: inline-block;
                float: right;
                width: 18px;
            }

                .mobile-header .mob-nav-toggle span em {
                    background-color: #222;
                    display: block;
                    height: 1px;
                    margin-top: 4px;
                }

            .mobile-header .mob-nav-toggle .close {
                color: #222;
                display: none;
                font-size: 18px;
                line-height: 20px;
                text-align: center;
            }

    .bottom-banner {
        height: auto;
    }

        .bottom-banner .text {
            padding: 30px;
            width: auto;
        }

            .bottom-banner .text p {
                font-size: 17px;
                line-height: 21px;
            }

            .bottom-banner .text .end {
                font-size: 15px;
                margin: 10px 0 0;
            }

    .page-content .content-block {
        margin: 10px 0 0;
        padding: 0 10px;
        width: auto;
    }

    .page-content .full-width {
        width: 100% !important;
    }

    .page-content .content-left {
        width: 48%;
    }

    .page-content .content-right {
        width: 48%;
    }

    .page-content .content-col1 {
        float: none;
        margin: 10px 0;
        width: auto;
    }

    .page-content .content-col2 {
        float: none;
        margin: 10px 0;
        width: auto;
    }

    .page-content .content-col3 {
        float: none;
        margin: 10px 0;
        width: auto;
    }

    .page-content .content-col1 img {
        float: left;
        margin-right: 20px;
        width: 360px;
    }

    .page-content .content-col2 img {
        float: left;
        margin-right: 20px;
        width: 360px;
    }

    .page-content .content-col3 img {
        float: left;
        margin-right: 20px;
        width: 360px;
    }

    .page-content .content-col1 div {
        float: left;
        width: 560px;
    }

    .page-content .content-col2 div {
        float: left;
        width: 560px;
    }

    .page-content .content-col3 div {
        float: left;
        width: 560px;
    }

    .page-content .four-blocks div {
        margin: 0 0.5% 20px;
        width: 49%;
    }

    .page-content .divider {
        margin: 20px 0;
    }

    .page-content iframe {
        height: 220px;
        width: 100%;
    }

    .page-content .content-block img {
        margin-bottom: 20px;
    }

    .page-content .image-gallery {
        height: 500px;
        margin-bottom: 20px;
        width: 100%;
    }

    .body-home .page-content .home-blocks {
        padding-bottom: 10px;
    }

        .body-home .page-content .home-blocks div {
            width: 476px;
        }

    .body-services .page-content .content-left,
    .body-services .page-content .content-right {
        padding: 0;
    }

    .body-display-home .plans div {
        float: none !important;
        margin: 0 auto 10px !important;
        overflow: hidden;
        width: 580px;
    }

    .body-who .people div {
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }

    .body-contact .page-content {
        padding: 10px 0;
    }
}


