@font-face						{ font-family: "peak-selfie"; src: url("fnt/peak-selfie.eot"); src: url("fnt/peak-selfie.eot?#iefix") format("embedded-opentype"), url("fnt/peak-selfie.woff") format("woff"), url("fnt/peak-selfie.ttf") format("truetype"), url("fnt/peak-selfie.svg#peak-selfie") format("svg"); font-weight: normal; font-style: normal; }
@font-face 						{ font-family: 'league_gothicregular'; src: url('fnt/lg-regular-webfont.eot'); src: url('fnt/lg-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fnt/lg-regular-webfont.woff') format('woff'), url('fnt/lg-regular-webfont.ttf') format('truetype'), url('fnt/lg-regular-webfont.svg#league_gothicregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face 						{ font-family: 'league_gothicitalic'; src: url('fnt/lg-italic-webfont.eot'); src: url('fnt/lg-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fnt/lg-italic-webfont.woff') format('woff'), url('fnt/lg-italic-webfont.ttf') format('truetype'), url('fnt/lg-italic-webfont.svg#league_gothicitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face 						{ font-family: 'Ciutadella-BoldItalic';src: url('fnt/255FB6_0_0.eot');src: url('fnt/255FB6_0_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_0_0.woff') format('woff'),url('fnt/255FB6_0_0.ttf') format('truetype'),url('fnt/255FB6_0_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Ciutadella-MediumItalic';src: url('fnt/255FB6_1_0.eot');src: url('fnt/255FB6_1_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_1_0.woff') format('woff'),url('fnt/255FB6_1_0.ttf') format('truetype'),url('fnt/255FB6_1_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Ciutadella-SemiBoldItalic';src: url('fnt/255FB6_2_0.eot');src: url('fnt/255FB6_2_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_2_0.woff') format('woff'),url('fnt/255FB6_2_0.ttf') format('truetype'),url('fnt/255FB6_2_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Ciutadella-Light';src: url('fnt/255FB6_3_0.eot');src: url('fnt/255FB6_3_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_3_0.woff') format('woff'),url('fnt/255FB6_3_0.ttf') format('truetype'),url('fnt/255FB6_3_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Ciutadella-Medium';src: url('fnt/255FB6_4_0.eot');src: url('fnt/255FB6_4_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_4_0.woff') format('woff'),url('fnt/255FB6_4_0.ttf') format('truetype'),url('fnt/255FB6_4_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Ciutadella-LightItalic';src: url('fnt/255FB6_5_0.eot');src: url('fnt/255FB6_5_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_5_0.woff') format('woff'),url('fnt/255FB6_5_0.ttf') format('truetype'),url('fnt/255FB6_5_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Ciutadella-SemiBold';src: url('fnt/255FB6_6_0.eot');src: url('fnt/255FB6_6_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_6_0.woff') format('woff'),url('fnt/255FB6_6_0.ttf') format('truetype'),url('fnt/255FB6_6_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Ciutadella-Bold';src: url('fnt/255FB6_7_0.eot');src: url('fnt/255FB6_7_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_7_0.woff') format('woff'),url('fnt/255FB6_7_0.ttf') format('truetype'),url('fnt/255FB6_7_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Ciutadella-RegularItalic';src: url('fnt/255FB6_8_0.eot');src: url('fnt/255FB6_8_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_8_0.woff') format('woff'),url('fnt/255FB6_8_0.ttf') format('truetype'),url('fnt/255FB6_8_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Ciutadella-Regular';src: url('fnt/255FB6_9_0.eot');src: url('fnt/255FB6_9_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_9_0.woff') format('woff'),url('fnt/255FB6_9_0.ttf') format('truetype'),url('fnt/255FB6_9_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'VeneerExtras';src: url('fnt/255FB6_A_0.eot');src: url('fnt/255FB6_A_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_A_0.woff') format('woff'),url('fnt/255FB6_A_0.ttf') format('truetype'),url('fnt/255FB6_A_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'VeneerExtras-Italic';src: url('fnt/255FB6_B_0.eot');src: url('fnt/255FB6_B_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_B_0.woff') format('woff'),url('fnt/255FB6_B_0.ttf') format('truetype'),url('fnt/255FB6_B_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Veneer-Italic';src: url('fnt/255FB6_C_0.eot');src: url('fnt/255FB6_C_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_C_0.woff') format('woff'),url('fnt/255FB6_C_0.ttf') format('truetype'),url('fnt/255FB6_C_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'Veneer';src: url('fnt/255FB6_D_0.eot');src: url('fnt/255FB6_D_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_D_0.woff') format('woff'),url('fnt/255FB6_D_0.ttf') format('truetype'),url('fnt/255FB6_D_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'VeneerTwo';src: url('fnt/255FB6_E_0.eot');src: url('fnt/255FB6_E_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_E_0.woff') format('woff'),url('fnt/255FB6_E_0.ttf') format('truetype'),url('fnt/255FB6_E_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'VeneerThree';src: url('fnt/255FB6_F_0.eot');src: url('fnt/255FB6_F_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_F_0.woff') format('woff'),url('fnt/255FB6_F_0.ttf') format('truetype'),url('fnt/255FB6_F_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'VeneerThree-Italic';src: url('fnt/255FB6_10_0.eot');src: url('fnt/255FB6_10_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_10_0.woff') format('woff'),url('fnt/255FB6_10_0.ttf') format('truetype'),url('fnt/255FB6_10_0.svg#wf') format('svg'); }
@font-face 						{ font-family: 'VeneerTwo-Italic';src: url('fnt/255FB6_11_0.eot');src: url('fnt/255FB6_11_0.eot?#iefix') format('embedded-opentype'),url('fnt/255FB6_11_0.woff') format('woff'),url('fnt/255FB6_11_0.ttf') format('truetype'),url('fnt/255FB6_11_0.svg#wf') format('svg'); }


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html 							{ color: #222; font-size: 1em; line-height: 1.4; }
::-moz-selection 				{ background: #b3d4fc; text-shadow: none; }
::selection 					{ background: #b3d4fc; text-shadow: none; }
hr 								{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, svg, video 	{ vertical-align: middle; }
fieldset 						{ border: 0; margin: 0; padding: 0; }
textarea 						{ resize: vertical; }
*								{ margin: 0; padding: 0; }
*, *:before, *:after 			{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
sup, sub						{ height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup								{ bottom: .4ex; }
sub								{ top: .5ex; }
a								{ -o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition: .25s; }
a:hover							{ color: #04b1fd !important; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy 					{ margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body							{ background-color: #000; }

div.wrapper						{ background-color: #00376a; max-width: 1280px; margin: 0 auto; }

header							{ height: 100px; background: url(/img/bg-head.jpg) no-repeat 0 50%; position: relative; }
header h1						{ width: 300px; height: 112px; position: absolute; left: 1%; top: 0; z-index: 100; }
header h1 a						{ display: block; width: 100%; height: 100%; text-indent: 100%; overflow: hidden; white-space: nowrap; background: url(/img/logo-peak.png) no-repeat; background-size: cover; }
header nav						{ font: normal normal 26px/1 "league_gothicregular"; text-transform: uppercase; position: absolute; bottom: 10px; width: 100%; }
header nav ul					{ float: right; list-style-type: none; display: inline-block; width: 39%; min-width: 450px; }
header nav li					{ list-style-type: none; display: inline-block; margin: 0 3%; }
header nav li a					{ color: #04b1fd; text-decoration: none; }
header nav li a:hover			{ color: #fff !important; }
header nav p					{ float: right; color: #04b1fd; position: relative; bottom: 4px; margin-right: 2%; }
header nav p a					{ color: #04b1fd; text-decoration: none; }
header nav p a:hover			{ color: #fff !important; }
header nav p a:before			{ content: 's'; font-family: 'peak-selfie'; text-transform: none; margin-right: .25em; }

.home section.hero				{ height: 0; padding-bottom: 28.125%; background: url(/img/bg-hero15.jpg) no-repeat 50% 50%; background-size: cover; position: relative; }
.home section.hero.winners		{ height: 0; padding-bottom: 28.125%; background: url(/img/bg-hero16.jpg) no-repeat 50% 50%; background-size: cover; position: relative; }

div.phone						{ width: 30.3125%; height: 0; padding-bottom: 14.5%; background: url(/img/phone-bg.png) no-repeat 50% 50%; background-size: 100%; position: absolute; bottom: 10px; right: 2%; }
.phone nav						{ position: absolute; width: 100%; height: 100%; }
.phone nav ul					{ width: 100%; height: 100%; }
.phone nav li					{ display: block; height: 100%; }
.phone nav li:first-child		{ width: 13.402062%; float: left; }
.phone nav li:last-child		{ width: 12.371134%; float: right; }
.phone nav a					{ display: block; width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.phone nav li:first-child a		{ background: url(/img/phone-prev.png) no-repeat 50% 50%; background-size: 100% 100%; }
.phone nav li:last-child a		{ background: url(/img/phone-next.png) no-repeat 50% 50%; background-size: 100% 100%; }

.phone figure					{ position: absolute; overflow: hidden; width: 74.226804%; height: 0; padding-bottom: 43.25%; top: 5%; left: 13.402062% }
.phone figure img				{ position: absolute; width: 100%; height: auto; margin-top: -15%; left: 100%; }
.phone figure img:first-child	{ left: 0; }
.notransition, .notransition .phone figure img { -webkit-transition-duration: 0 !important; -moz-transition-duration: 0 !important; -ms-transition-duration: 0 !important; transition-duration: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; -ms-transition-delay: 0 !important; transition-delay: 0 !important; }

.phone figcaption				{ position: absolute; bottom: 0; left: 0; right: 0; height: 30px; }
.phone figcaption a				{ text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; width: 100%; height: 100%; background: url(/img/phone-caption.png) no-repeat 50% 50%; }

section.guarantee				{ padding: 48px 0; background: url(/img/bg-guarantee.jpg); min-height: 160px; position: relative; }
section.guarantee:before		{ display: inline-block; width: 170px; height: 131px; content: ''; background: url(/img/logo-peakguarantee.png) no-repeat 0 0; background-size: 100%; position: absolute; left: 5%; top: 50%; margin-top: -65px; }
.guarantee h1					{ font: normal normal 38px/1 "league_gothicregular"; text-transform: uppercase; color: #00376b; padding: 0 40px 0 160px; margin-left: 10%; }
.guarantee p					{ font: normal normal 20px/1.1 "Ciutadella-SemiBold"; color: #00376b; padding: 0 40px 0 160px; margin: .75em 10% 0 10%; }
.guarantee p a					{ font: normal normal .9em/1 "Ciutadella-SemiBoldItalic"; color: #00376b; text-decoration: none; margin-left: .5em; white-space: nowrap; position: relative; }
.guarantee p a:after			{ color: #00376b; content: 'r'; font-family: 'peak-selfie'; position: absolute; top: 0; right: -1.2em; -o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition: .25s; }
.guarantee p a:hover:after		{ color: #04b1fd; right: -1.4em; }

section.promos					{ }
.promos div.promo				{ width: 50%; float: left; border-bottom: 4px #efefef solid; cursor: pointer; }
.promos .promo:first-child		{ border-right: 2px #efefef solid; }
.promos .promo:nth-child(2)		{ border-left: 2px #efefef solid; }
.promos figure					{ position: relative; width: 100%; border-bottom: 4px #efefef solid; overflow: hidden; background: url(/img/spinner.gif) no-repeat 50% 50%; }
.promos figure img				{ width: 100%; display: block; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
/*
.promos figure:hover img 		{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
*/
.promos figcaption				{ background: rgba(3,28,51,.65); position: absolute; bottom: 0; width: 100%; text-align: center; padding: 39px 5%; }
.promos figcaption h1			{ color: #fefeff; font: normal normal 34px/1 "league_gothicitalic"; text-transform: uppercase; margin-bottom: .1em; }
.promos figcaption h2			{ color: #ffcc00; font: normal normal 21px/1 "Ciutadella-Medium"; }
.promos div.details				{ min-height: 340px; padding: 8% 9% 0; text-align: center; background: url(/img/bg-promo.jpg) no-repeat 50% 50%; background-size: cover; }
.promos .details p				{ color: #fff; font: normal normal 16px/1.4 "Ciutadella-Regular"; margin-bottom: 1.4em; }
.promos .details p em			{ font-weight: normal; font-style: normal; font-family: "Ciutadella-BoldItalic"; }
.promos .details p.email		{ font-family: "Ciutadella-Bold"; }
.promos .details p a			{ color: #ffcc00; text-decoration: none; }
.promos .details h3				{ color: #ffcc00; font: normal normal 30px/1 "league_gothicregular"; text-transform: uppercase; }
.promos .details h3 a			{ color: #ffcc00; text-decoration: none; }

.promos p.record				{ font: normal normal 32px/1 "league_gothicitalic"; text-transform: uppercase; }
.promos .record span			{ white-space: nowrap; }
.promos .details p.record em	{ font-style: normal; font-size: 46px; font-family: "league_gothicregular"; display: inline-block; padding: 8px 16px; background: #336b9b; color: #ffcc00; margin: 0 5px; position: relative; top: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transform: skew(-8deg, 0deg); -moz-transform: skew(-8deg, 0deg); -o-transform: skew(-8deg, 0deg); -ms-transform: skew(-8deg, 0deg); transform: skew(-8deg, 0deg); }

.promos .winners div.details 	{ padding: 4% 9% 0; }
.promos .details h1				{ color: #fff; font: normal normal 34px/1 "league_gothicitalic"; text-transform: uppercase; }
.promos .details h2				{ color: #fff; font: normal normal 20px/1.4 "Ciutadella-Bold"; text-transform: uppercase; margin-top: 1em; }
.promos .winners figcaption		{ background: none; padding: 0; }
.promos .winners figcaption ul	{ margin: 0; padding: 0; width: 100%; }
.promos .winners figcaption li	{ float: left; display: block; width: 20%; }
.promos .winners figcaption li a { display: block; width: 100%; height: 0; padding-bottom: 90%; }

footer							{ height: 200px; background: url(/img/bg-foot.jpg) no-repeat 100% 50%; text-align: center; padding: 30px 5%; }
footer h1						{ font: normal normal 20px/1 "Ciutadella-Medium"; color: #fff; }
footer h1 a						{ color: #ffcc00; text-decoration: none; font-family: "Ciutadella-Bold"; }
footer ul						{ font: normal normal 36px/1 'peak-selfie'; padding: 20px 0; }
footer ul li					{ display: inline; padding: 0 2%; }
footer ul li a					{ color: #fff; text-decoration: none; }
footer p						{ font-family: Verdana, sans-serif; color: #999; text-transform: uppercase; font-size: 10px; }
footer p a						{ color: #04b1fd; text-decoration: none; }

.gallery section.hero			{ height: 0; padding-bottom: 17.578125%; position: relative; }
.selfies-15car section.hero		{ background: url(/img/bg-selfies-15car.jpg) no-repeat 50% 50%; background-size: cover; }
.selfies-waltrip section.hero	{ background: url(/img/bg-selfies-waltrip.jpg) no-repeat 50% 50%; background-size: cover; }
.gallery .hero a				{ display: block; width: 100%; height: 100%; position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.gallery section.thumbnails		{ padding: 5%; background: url(/img/bg-guarantee.jpg); }
.gallery .thumbnails ul			{ list-style-type: none; text-align: center; display: block; width: 100%; margin: 0 auto; }
.gallery .thumbnails li			{ list-style-type: none; display: inline-block; background: #fff; margin: 2px; -webkit-box-shadow: 0px 2px 4px #000; -moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000; }
.gallery .thumbnails figure		{ }
.gallery .thumbnails img		{ width: 124px; height: 124px; border: 4px #fff solid; }
.gallery .thumbnails li.firstplacewinner img { border: 4px #ffcc00 solid; }
.gallery .thumbnails li.grandprizewinner img { border: 4px #04b1fd solid; }

.single section.hero			{ height: 0; padding-bottom: 17.578125%; position: relative; }
.selfie-15car section.hero		{ background: url(/img/bg-selfie-15car.jpg) no-repeat 50% 50%; background-size: cover; }
.selfie-waltrip section.hero	{ background: url(/img/bg-selfie-waltrip.jpg) no-repeat 50% 50%; background-size: cover; }
.single .hero a					{ display: block; width: 100%; height: 100%; position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.single section.selfie			{ padding: 0 5% 2%; background: url(/img/bg-guarantee.jpg); position: relative; }
.single .selfie figure			{ max-width: 1000px; margin: 0 auto; }
.single .selfie img				{ width: 100%; border: 10px #fff solid; -webkit-box-shadow: 0px 2px 4px #000; -moz-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000; }
.selfie ul						{ list-style-type: none; width: 100%; max-width: 1000px; margin: 0 auto; padding: 2% 0 5%; font: normal normal 46px/46px "peak-selfie"; position: relative; }
.selfie li						{ list-style-type: none; float: right; padding: 0 1%; }
.selfie li a					{ display: block; width: 46px; height: 46px; color: #073467; text-decoration: none; }
.selfie li a:before				{ left: 69px; }
.selfie li:first-child a:before	{ content: 'd'; position: absolute; left: 0; }
.selfie li:nth-child(2) a:before { content: 'g'; color: #fff; background: #073467; border-radius: 22px; font-size: 28px; padding: 6px; position: relative; bottom: 10px; }
.selfie li:nth-child(3) a:before { content: 't'; color: #fff; background: #073467; border-radius: 22px; font-size: 28px; padding: 6px; position: relative; bottom: 10px; }
.selfie li:nth-child(4) a:before { content: 'f'; color: #fff; background: #073467; border-radius: 22px; font-size: 28px; padding: 6px; position: relative; bottom: 10px; }

.selfie nav						{ display: block; width: 90%; position: absolute; top: 50%; }
.selfie nav div					{ max-width: 1000px; margin: 0 auto; position: relative; }
.selfie nav a					{ font: normal normal 64px/1 "peak-selfie"; color: #fff; text-decoration: none; position: absolute; text-shadow: 0px 0px 5px #000000; }
.selfie nav a.prev				{ left: 3%; }
.selfie nav a.next				{ right: 3%; }


.rules section.hero				{ height: 0; padding-bottom: 13.90625%; background: url(/img/bg-rules.jpg) no-repeat 50% 50%; background-size: cover; }
.rules section.content			{ padding: 5%; background: url(/img/bg-guarantee.jpg); font: normal normal 16px/1.4 "Ciutadella-Regular"; }
.rules .content h1				{ font: normal normal 26px/1 "Ciutadella-Bold"; margin-bottom: 1em; }
.rules .content h2				{ font: normal normal 20px/1 "Ciutadella-SemiBold"; margin-bottom: .5em; }
.rules .content p				{ margin-bottom: 1em; }
.rules .content p b				{ font-family: "Ciutadella-Bold"; font-weight: normal; }
.rules .content a				{ text-decoration: none; font-family: "Ciutadella-Medium"; color: #00376a; }
.rules .content ol				{ margin: 1em 1em 2em 2em; }
.rules .content ol li			{ margin-bottom: 1em; font-family: "Ciutadella-Bold"; }
.rules .content ol li span		{ font-family: "Ciutadella-Regular"; }
















/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden 						{ display: none !important; visibility: hidden; }
.visuallyhidden 				{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible 						{ visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after 				{ clear: both; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 50em)
{
	header							{ height: 75px; }
	header h1						{ width: 225px; height: 84px; }
	header nav ul					{ min-width: 350px; }
	header nav						{ font-size: 20px; }
}

@media only screen and (max-width: 40em)
{
	header							{ height: 50px; }
	header h1						{ width: 150px; height: 56px; left: 0; }

	header nav:after				{ content: 'm'; font-family: 'peak-selfie'; font-size: 1.5em; color: #fff; text-transform: none; position: absolute; bottom: -10px; right: -2px; padding: 10px; background: rgba(0,0,0,.5); cursor: pointer; }
	
	header nav ul					{ float: none; display: block; width: 100%; min-width: 0; position: absolute; top: -187px; z-index: 99; opacity: 0; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
	header nav li					{ display: block; margin: 0; padding: 0; background: #00376a; border-bottom: 1px #000 solid; -webkit-transition: all 0.3s cubic-bezier(0, 1.8, 1, 1.8); -moz-transition: all 0.3s cubic-bezier(0, 1.8, 1, 1.8); -o-transition: all 0.3s cubic-bezier(0, 1.8, 1, 1.8); -ms-transition: all 0.3s cubic-bezier(0, 1.8, 1, 1.8); transition: all 0.3s cubic-bezier(0, 1.8, 1, 1.8); }
	header nav li a					{ font-size: 1.1em; letter-spacing: .1em; display: block; text-align: center; }
	
	header nav.on ul				{ top: 29px; opacity: 1; }
	header nav.on li				{ padding: 16px 0; }
	
	header nav p					{ float: left; position: relative; bottom: 5px; margin-right: auto; margin-left: 140px; font-size: .8em; }
	
	section.hero					{ padding-bottom: 36%; background-position: 30% 50% }
	
	section.guarantee				{ padding: 20px 0; }
	section.guarantee:before		{ top: 10px; left: 50%; margin-top: 0; margin-left: -42px; width: 85px; height: 65px; background-size: 100%; }
	.guarantee h1					{ font-size: 20px; padding: 0 10px; margin: 60px 0 .5em 0; text-align: center; }
	.guarantee p					{ font-size: 14px; padding: 0 10px; margin: 0; text-align: center; }
	
	.promos div.promo				{ width: 100%; float: none; }
	.promos div.promo:first-child	{ border-bottom-width: 12px; }
	.promos figcaption				{ padding: 20px 2%; }
	.promos figcaption h1			{ font-size: 24px; }
	.promos figcaption h2			{ font-size: 16px; }
	.promos .promo:first-child		{ border-right: none; }
	.promos .promo:nth-child(2)		{ border-left: none; }
	.promos div.details				{ min-height: 0; padding: 5%; }
	
	footer h1						{ font-size: 16px; }
	
	.home div.phone					{ display: none; }
	
	.gallery .thumbnails img		{ width: 90px; height: 90px; border: 3px #fff solid; }
}


@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi)
{

}