@font-face { font-family: 'Bebas Neue'; src: url('fonts/BebasNeue-webfont.eot'); src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; }


/* MAIN LAYOUT */
body 					{ background-color: rgb(255, 255, 255); font: normal 1em/1.8 HelveticaNeue; color: rgb(255, 255, 255); }
.bodycopy				{ margin-bottom: 1em; font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif; }
.image 					{ display: block; height: auto; overflow: hidden; }
.logo 					{ display: block; width: 192px; height: auto; margin: 0 auto; overflow: hidden; }
header, footer 			{ margin-right: auto; margin-left: auto; }
header					{ height: 127px; overflow: visible; }
footer				 	{ height: 228px; margin-top: 30px; background-image: url('../images/global/footer-bg.jpg'); background-repeat: no-repeat; background-size: auto auto; background-position: center top; overflow: hidden; }
.sec-title 				{ color: rgb(255, 255, 255); overflow: hidden; font-family: 'Bebas Neue'; font-size: 2.5em; line-height: 0.98em; }
.last 					{ margin-right: 0!important; }
.hidden					{ display: none; }
a						{  transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; -ms-transition: all 250ms;  }
.sw						{ width: 1280px; }
 

/* COLOURS */
.blue 					{ background-color: rgb(58, 194, 196) }
.green 					{ background-color: rgb(177, 210, 80) }
.purple 				{ margin-left: 2.109375%; background-color: rgb(155, 121, 194); }
.row .blue 				{ float: left; width: 35.9375%; }
.row .green 			{ float: right; width: 36.328125%; }
.blue-text				{ color: rgb(58, 194, 196); }
a.blue-text:hover		{ color: rgb(47, 156, 157); }
a.blkue-text:active		{ color: rgb(72, 199, 201); }




.button 				{ display: block; background-color: rgb(58, 194, 196); text-align: center; color: rgb(255, 255, 255); overflow: hidden; font-family: 'Bebas Neue'; font-size: 2em; }
.button:hover			{ background-color: rgb(47, 156, 157); }
.button:active			{ background-color: rgb(72, 199, 201); }



/* HERO */
.hero 					{ height: 753px; margin: 0 auto; background: url('../images/hero-bg.jpg') rgb(127, 43, 148); background-size: auto auto; background-position: center top; overflow: hidden; }
.hero-inner 			{ position: relative; width: 47.5%; margin: 0 auto; margin-top: 164px; padding: 40px 0; overflow: hidden; background-color: rgba(0,0,0, .5); }
.hero-inner .button { width: 45%; margin: 0 auto; padding-right: 30px; padding-left: 30px; }
.hero-inner .sec-title 	{ margin: 0 auto; font-size: 7.5em; line-height: 0.85em; }
.hero-text 				{ text-align: center; }
p.hero-text				{ margin: 0 auto;font-size: 2.1em; line-height: 1.08; letter-spacing: -0.05em; font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, sans-serif; color: rgb(255, 255, 255); overflow: hidden; }
p.hero-text.sml			{  padding-bottom: 30px;  }	


/* FIRST ROW */
.first-row 				{ height: 491px; margin: 30px auto 0; padding-bottom: 30px; overflow: hidden; }
.first-row .bodycopy 	{ width: 96.2025316455% }
.first-row .image 		{ float: left; width: 784px; }
.first-row .sec-title 	{ display: inline-block; margin-top: 25px; }



/* SECOND ROW */
.second-row 			{ position: relative; height: 416px; margin: 30px auto 0; padding-bottom: 30px; overflow: hidden; }
.second-row .image 		{ position: absolute; top: 0; left: 0; z-index: 48; width: 1280px; }
.two-thirds-col 		{ position: absolute; top: 0; left: 11.25%; z-index: 52; width: 60%; height: 416px; padding: 30px 35px; background-color: rgb(244, 109, 76); overflow: hidden; }
.two-thirds-col .bodycopy { float: right; clear: both; width: 89.9713467048%; text-align: right; color: rgb(255, 255, 255); overflow: hidden; }
.two-thirds-col .sec-title { display: inline-block; float: right; margin-top: 140px; padding-bottom: 19px; text-align: right; }



/* THIRD ROW */
.third-col 				{ position: relative; height: 491px; padding: 30px 35px; overflow: hidden; }
.third-col .bodycopy 	{ float: left; clear: both; color: rgb(255, 255, 255); overflow: hidden; }
.third-col .sec-title 	{ float: left; padding-bottom: 26px; }
.third-row 				{ height: 490px; margin: 30px auto 0; overflow: hidden; }
.third-row .bodycopy 	{ width: 99.7435897435%; min-height: 74px; }
.third-row .image 		{ float: right; width: 784px; }
.third-row .sec-title 	{ margin-top: 137px; }

/* FORTH ROW */
.forth-row 				{ height: 491px; margin: 30px auto 0; padding-bottom: 30px; overflow: hidden; }
.forth-row .bodycopy 	{ width: 96.2025316455% }
.forth-row .image 		{ float: left; width: 784px; }
.forth-row .sec-title 	{ display: inline-block; margin-top: 135px; }



/* GALLERY */
.gallery 				{ margin: 0 auto; overflow: hidden; }
.gallery a		 		{ float: left; width: 298px; margin-top: 30px; margin-right: 2.24%; }
.gallery img			{ width: 100%; }



/* CONTACT */
.contact 				{ margin: 30px auto 0; background-color: rgb(244, 109, 76); padding: 105px 80px; overflow: auto; }
.contact-details		{ float: left; width: 17.96875%; }
.contact-details .bodycopy { display: inline-block; float: left; clear: both; color: rgb(255, 255, 255); overflow: hidden; }
.contact-details .sec-title { display: inline-block; float: left; padding-bottom: 16px; }
.contactform 			{ float: left; width: 61.015625%; margin: 90px 0 0 8.046875%; }
input					{ color: #fff; }
.contactform .button, .textarea, .textbox { transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; -ms-transition: all 250ms; }
.contactform .button 	{ float: right; clear: both; width: 30.9859154929%; margin: 30px 0 0 0; padding: 5px 0; }
.textarea 				{ display: block; float: left; clear: both; width: 100%; height: 130px; margin-top: 50px; padding: 15px; border: 2px solid rgb(255, 255, 255); line-height: 1.38; color: rgb(255, 255, 255); overflow: hidden; resize: none; background: none; }
.textbox 				{ display: block; float: left; width: 29.961587708%; padding-right: 10px; border-bottom: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); overflow: hidden; background: none; padding-bottom: 4px; }
.textbox:hover, .textarea:hover			{ color: rgb(252, 197, 58); }
.textbox-margin 		{ margin-left: 4.9935979513% }
::-webkit-input-placeholder { color: #fff; }
:-moz-placeholder 		{ /* Firefox 18- */ color: #fff; }
::-moz-placeholder 		{  /* Firefox 19+ */ color: #fff; }
:-ms-input-placeholder  { color: #fff; }
#loader					{ width: auto; margin-top: 30px; }
#resultsHolder			{ margin-top: 20px; float: left; }


/* FOOTER */
.copyright		 		{ float: left; clear: both; width: 48.359375%;  margin: 53px 0 0 1.5625%; line-height: 1.38; color: rgb(0,0,0); }
.credit 				{ float: left; width: 48.359375%; margin-top: 53px; line-height: 1.38em; text-align: right; color: rgb(0,0,0); }
.f-logo 				{ display: block; width: 105px; height: auto; margin: 17px auto 0; }
.footer-inner 			{ float: left; width: 100%; height: 141px; }
.footer-inner .bodycopy { text-align: center; min-height: 24px; margin: 9px auto 0; font-size: 1.25em; line-height: 1.38em; color: rgb(0,0,0); }




/* BLOG POSTS */

.post 					{ height: 255px; margin: 30px auto 0; overflow: hidden; }
.post .blue 			{ margin-left: 2.1875% }
.post .image 			{ float: left; width: 626px; }
.second-post .image 	{ margin-left: 2.1875% }
.box 					{ float: left; width: 48.8%; height: 255px; overflow: hidden; padding: 32px 2.5%; }
.box .bodycopy 			{ width: 90.4153354632%; min-height: 28px; font-weight: Regular; color: rgb(255, 255, 255); overflow: hidden; }
.box .sec-title 		{ display: inline-block; padding-bottom: 16px; width: 50%; }
.box a					{ color: #486368;  margin-left: 5px; }
.box a:hover			{ color: #18888A; }



/* LIGHTBOX */
#jquery-overlay 		{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox 		{ position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img 	{ border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading 		{ position: absolute; top: 40%; left: 50%; height: 25%; text-align: center; line-height: 0; width: auto; }
#lightbox-nav 			{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box>#lightbox-nav { left: 0; }
#lightbox-nav a 		{ outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev 	{ left: 0; float: left; }
#lightbox-nav-btnNext 	{ right: 0; float: right; }
#lightbox-container-image-data-box { font-size: 11px; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; -moz-box-sizing: content-box; box-sizing: content-box; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; -moz-box-sizing: content-box; box-sizing: content-box; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/* 960 DESKTOPS ////////////////////////////////////////////////// */
@media screen and (min-width: 960px) and (max-width: 1279px) { 
.sw						{ width: 960px; }
.hero-inner				{ width: 67.5%; }
p.hero-text 			{ width: 90%; }
.first-row .image, .forth-row .image		{ margin-left: -265px; }
.first-row .sec-title	{ margin-top: 0; }
.forth-row .sec-title	{ margin-top: 105px; }
.row .green				{ width: 42.328125%; }
.two-thirds-col			{ left: 0; width: 61%; }
.two-thirds-col .sec-title { margin-top: 110px; }
.two-thirds-col .bodycopy { width: auto; }
.second-row .image		{ right: 0; left: auto; }
.third-row .sec-title 	{ margin-top: 57px; }
.third-row .image 		{ margin-right: -200px; }
.gallery a 				{ width: 22.7%; margin-right: 3%; }
.post .image 			{ margin-left: -156px; }
.box .bodycopy			{ width: auto; }
.box .sec-title			{ width: 70%; }
.second-post .image		{ margin-right: -156px; margin-left: 2.1875% }
.contact-details		{ width: 27.96875%; }

}

/* TABLET PORTRAIT ////////////////////////////////////////////////// */
@media screen and (min-width: 768px) and (max-width: 959px) { 
.sw						{ width: 768px; }
.hero-inner				{ width: 77.5%; }
p.hero-text 			{ width: 90%; }
.first-row .image, .forth-row .image		{ margin-left: -465px; }
.first-row .sec-title	{ margin-top: 0; }
.forth-row .sec-title	{ margin-top: 105px; }
.row .green				{ width: 54.328125%; }
.two-thirds-col			{ left: 0; width: 71%; }
.two-thirds-col .sec-title { margin-top: 100px; }
.two-thirds-col .bodycopy { width: auto; }
.second-row .image		{ right: -140px; left: auto; }
.third-row .sec-title 	{ margin-top: 77px; }
.third-row .image 		{ margin-right: -400px; }
.row .blue				{ width: 45.9375%; }
.gallery a 				{ width: 22.7%; margin-right: 3%; }
.post .image 			{ margin-left: -256px; }
.box .bodycopy			{ width: auto; }
.second-post .image		{ margin-right: -356px; margin-left: 3.1875% }
.contact-details		{ width: 27.96875%; }
.purple, .post .blue	{ margin-left: 3.109375%; }
.box					{ width: 48.7%; }
.box .sec-title			{ width: 100%; }
.copyright, .credit 	{ font-size: .9em; }

}