/* =============================================================================
   =H5BP / NORMALIZE
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body { margin:0; font-size:16px; line-height:1.3; }
html, button, input, select, textarea { font-family:arial, sans-serif; color:#fff; }

::-moz-selection { background:#ffcf11; color:#000; text-shadow:none; }
::selection { background:#ffcf11; color:#000; text-shadow:none; }

a { color:#000; outline:none; text-decoration: underline; }
a:hover,
a:focus { color:#000; }

abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
blockquote { margin:1em 40px; }
dfn { font-style:italic; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
small { font-size:85%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

ul, ol { margin:1em 0; padding:0 0 0 40px; }
dd { margin:0 0 0 40px; }
nav ul, nav ol, .nav ul, .nav ol{ list-style:none; list-style-image:none; margin:0; padding:0; }

img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }

figure { margin:0; }

form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
label { cursor:pointer; }
legend { border:0; *margin-left:-7px; padding:0; white-space:normal; }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button, input { line-height:normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; }
button[disabled], input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *width:13px; *height:13px; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }

table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }


@font-face {
    font-family: 'BebasNeueRegular';
    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;

}



/* =============================================================================
   GENERAL: =Structure
   ========================================================================== */

html, body {
	overflow:hidden; position:relative; width:100%; height:100%;
}


/* =============================================================================
   GENERAL: =Forms
   ========================================================================== */

form { }
.input-text,
textarea { }
.input-submit { }



/* =============================================================================
   GENERAL: =Text level
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	margin:0; padding:0;
	font-family:'Arial'; font-style:normal; font-weight:normal; line-height:1;
}

img {
	max-width:100%;
}



/* =============================================================================
   MODULE: =Mobile
   ========================================================================== */

#nav-mobile {
	display:none;
}



/* =============================================================================
   MODULE: =Nav-footer
   ========================================================================== */

#nav-footer {
	position:absolute; right:30px; bottom:10px;
	z-index:15;
	text-align:right;
}
#nav-footer li {
	display:inline;
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
	text-transform: none;
}
#nav-footer li:after {
	margin:0 3px;
	content:'|';
	font-size:12px;
}
.dark #nav-footer li {
	text-shadow:none;
}
#nav-footer .last:after {
	display:none;
}
#nav-footer,
#nav-footer a {
	color:#fff; font:14px/1 'foxley', sans-serif; font-weight:normal; text-transform:uppercase;
	-moz-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	transition:0.5s all ease;
	text-decoration: none;
}
.dark #nav-footer,
.dark #nav-footer a {
	color:#000;
}
#nav-footer a:hover {
	color:#ffcf11;
}
.dark #nav-footer a:hover {
	color:#fff;
}



/* =============================================================================
   MODULE: =Nav-main
   ========================================================================== */

#nav-main {
	position:absolute; bottom:0; left:5%;
	z-index:16;
}
#nav-main li {
	float:left; margin:0 1px 0 0;
}
#nav-main .link-container {
	display:table; height:60px;
}
#nav-main a {
	display:table-cell; padding:0 12px; vertical-align:middle;
	background:#000; cursor:pointer;
	text-decoration: none;
	color:#9d9d9d; font:14px/1 'Arial'; text-align:center; text-transform:uppercase;
}
#nav-main a b {
	display:block;
	color:#9d9d9d; font-weight:normal;
}
#nav-main a,
#nav-main a b {
	-moz-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	transition:0.5s all ease;
}
#nav-main a:hover,
#nav-main a:focus,
#nav-main .current a {
	color:#fff;
}
#nav-main a:hover b,
#nav-main a:focus b,
#nav-main .current a b {
	color:#ffcf11;
}
#nav-main .highlight a {
	background:#ffcf11; padding:0 16px;
	color:#000; font-size:13px; letter-spacing:0.005em; line-height:1.4;
}
#nav-main .highlight a b {
	color:#000; font:18px/1 'Arial'; letter-spacing:0;
}
#nav-main .highlight a:hover,
#nav-main .highlight a:focus {
	background:#fff;
	color:#000;
}
#nav-main .highlight a:hover b,
#nav-main .highlight a:focus b {
	color:#000;
}



/* =============================================================================
   MODULE: =Nav-page
   ========================================================================== */

#nav-page .default a {
	margin:-72px 0 0; position:absolute; top:50%; left:-72px; width:144px; height:144px;
	cursor:pointer; z-index:15;
}
#nav-page .mobile a {
	margin: -35px 0 0;
position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 70px;
background: #000;
cursor: pointer;
z-index: 15;
}
#nav-page .mobile a img {
	margin:15px 0;
}
#nav-page .default .next {
	right:-72px; left:auto;
}
#nav-page .mobile .next {
	right:0; left:auto;
}
#nav-page img {
	position:absolute;
}
#nav-page .default .button {
	-moz-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	transition:0.5s all ease;
}
#nav-page .default a:hover .button,
#nav-page .default a:focus .button {
	-moz-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);
}
#nav-page .mobile {
	display:none;
}




/* =============================================================================
   MODULE: =Nav-top
   ========================================================================== */

#nav-top {
	position:absolute; top:0; right:30px;
	z-index:15;
	font-size:10px; text-transform:uppercase;
}
#nav-top a {
	display:block; margin:0 0 1px; padding:0 10px; height:26px;
	background:#000;
	text-decoration: none;
	color:#9d9d9d; line-height:26px; text-align:center;
}
#nav-top a:hover,
#nav-top a:focus,
#nav-top li:hover > a,
#nav-top li:focus > a {
	color:#ffcf11;
}
#nav-top .title {
	padding-left:16px; position:relative;
	background:#000 url('img/arrow-right.png') no-repeat 10px center; z-index:2;
}
#nav-top .title:hover,
#nav-top .title:focus,
#nav-top li:hover .title,
#nav-top li:focus .title {
	background-image:url('img/arrow-bottom-small.png'); background-position:8px center;
}

#nav-top .share {
	float:left; margin:0 1px 0 0; position:relative;
}
#nav-top .parent ul {
	position:relative; top:-999em;
}
#nav-top .language {
	float:right;
}



/* =============================================================================
   MODULE: =Page
   ========================================================================== */

.page {
	overflow:hidden; position:absolute; top:0; left:-999em; width:100%; height:100%; background: #000;
}
.page-current {
	left:0;
}
.page-background {
	position:absolute; top:0; left:0; max-width:none;
}
.page-content {
	position:absolute; top:0; left:0; width:100%; height:100%;
}



/* =============================================================================
   MODULE: =Popin
   ========================================================================== */

#popin {
	position:absolute; top:0; left:0; width:100%; height:100%;
	background:url('img/black_20.png'); cursor:pointer; z-index:990;
}
#popin img {
	border:15px solid #fff; box-shadow:0 25px 25px rgba(0,0,0,0.3);
}



/* =============================================================================
   MODULE: =Scroll
   ========================================================================== */

.mCustomScrollBox .mCSB_scrollTools {
	width:22px;
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	padding:0;
	border:1px solid #000;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width:20px;
	background:none; border:0; border-radius:0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	margin:0 auto; width:20px;
	background:#000; border:0; border-radius:0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before {
	position:absolute; top:8px; left:6px; width:7px; height:4px;
	background:url('img/arrow-top.png'); content:'';
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after {
	position:absolute; bottom:8px; left:6px; width:7px; height:4px;
	background:url('img/arrow-bottom.png'); content:'';
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#000;
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}



/* =============================================================================
   MODULE: =Site-loader
   ========================================================================== */

#site-loader {
	overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%;
	background:#ffcf11; z-index:999;
}
#site-loader .image {
	margin:-25px 0 0 -143px; position:absolute; top:50%; left:50%; width:286px;
}
#site-loader .label {
	margin:15px 0 0 -143px; position:absolute; top:50%; left:50%; width:286px;
	color:#000; font:16px/1 'Futura Medium Condensed'; text-align:center; text-transform:uppercase;
}
#qLoverlay {
	display:none;
}



/* =============================================================================
   PAGE: =Filters
   ========================================================================== */

#page-filters {
	background:#f4c400;
}
#page-filters .description {
	margin:-182px 0 0; position:absolute; top:50%; left:50%; width:480px;
	color:#000;
}
#page-filters h1 {
	font-size:64px; text-transform:uppercase; font-family: BebasNeueRegular;
}
#page-filters strong {
	text-transform:uppercase;
}

#gallery {
	margin:-205px 40px 0 0; position:absolute; top:50%; right:50%;
	width:434px; height:411px;
}

#gallery .default a:hover .image {
	box-shadow:5px 5px 15px rgba(0,0,0,0.3); z-index:2;
}
#gallery .default a:hover .image1 {
	-moz-transform: rotate(5deg) scale(1.1);
	-ms-transform: rotate(5deg) scale(1.1);
	-o-transform: rotate(5deg) scale(1.1);
	-webkit-transform: rotate(5deg) scale(1.1);
	transform: rotate(5deg) scale(1.1);
}
#gallery .default a:hover .image2 {
	-moz-transform: rotate(-5deg) scale(1.1);
	-ms-transform: rotate(-5deg) scale(1.1);
	-o-transform: rotate(-5deg) scale(1.1);
	-webkit-transform: rotate(-5deg) scale(1.1);
	transform: rotate(-5deg) scale(1.1);
}
#gallery .default a:hover .image3 {
	-moz-transform: rotate(5deg) scale(1.1);
	-ms-transform: rotate(5deg) scale(1.1);
	-o-transform: rotate(5deg) scale(1.1);
	-webkit-transform: rotate(5deg) scale(1.1);
	transform: rotate(5deg) scale(1.1);
}
#gallery .default a:hover .image4 {
	-moz-transform: rotate(-5deg) scale(1.1);
	-ms-transform: rotate(-5deg) scale(1.1);
	-o-transform: rotate(-5deg) scale(1.1);
	-webkit-transform: rotate(-5deg) scale(1.1);
	transform: rotate(-5deg) scale(1.1);
}
#gallery .default a:hover .image5 {
	-moz-transform: rotate(5deg) scale(1.1);
	-ms-transform: rotate(5deg) scale(1.1);
	-o-transform: rotate(5deg) scale(1.1);
	-webkit-transform: rotate(5deg) scale(1.1);
	transform: rotate(5deg) scale(1.1);
}

#gallery .default .image {
	position:absolute;
	border:8px solid #fff;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	-webkit-transition:0.3s all ease;
	transition:0.3s all ease;
}
#gallery .image1 {
	right:174px; bottom:199px;
	width:202px;
}
#gallery .image2 {
	right:0; bottom:199px;
	width:150px;
}
#gallery .image3 {
	top:220px; right:300px;
	width:118px;
}
#gallery .image4 {
	top:220px; right:158px;
	width:118px;
}
#gallery .image5 {
	top:220px; right:0;
	width:134px;
}
#gallery .mobile {
	display:none;
}
#page-filters .app-store {
	display:none;
}



/* =============================================================================
   PAGE: =Home
   ========================================================================== */

#page-home .description {
	margin:-290px 0 0; position:absolute; top:50%; left:5%; width:520px; height:550px;
	text-align:center;
}
#page-home .icon {
	margin:0 0 45px; width:82px;
}
#page-home h1 {
	margin:0 0 20px;
}
#page-home h2 {
	font:24px/1 'Arial'; text-transform:uppercase;
}
#page-home .cross {
	display:block; margin:25px auto; width:17px;
}
#page-home p {
	margin:20px auto; width:470px;
	text-shadow:0 1px 0 #000;
}
a .app-store {
	display:block; margin:10px auto 0; position:relative; top:0; width:229px;
	-moz-transition:0.2s all ease;
	-ms-transition:0.2s all ease;
	-o-transition:0.2s all ease;
	-webkit-transition:0.2s all ease;
	transition:0.2s all ease;
}
a:hover .app-store,
a:focus .app-store {
	top:-5px;
}

#iphone-slideshow {
	position:absolute; bottom:-150px; left:46%; width:551px;
	-moz-transition:0.8s -moz-transform ease; -moz-transform: rotate(-90deg); -moz-transform-origin: 100% 100%;
	-ms-transition:0.8s -ms-transform ease; -ms-transform: rotate(-90deg); -ms-transform-origin: 100% 100%;
	-o-transition:0.8s -o-transform ease; -o-transform: rotate(-90deg); -o-transform-origin: 100% 100%;
	-webkit-transition:0.8s -webkit-transform ease; -webkit-transform: rotate(-90deg); -webkit-transform-origin: 100% 100%;
	transition:0.8s transform ease; transform: rotate(-90deg); transform-origin: 100% 100%;
	
}
.loaded #iphone-slideshow {
	bottom:0;
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
#iphone-slideshow .iphone {
	position:relative; width:100%; max-width:none;
	z-index:5;
}
#iphone-slideshow .background {
	display:none;
}
#iphone-slideshow .screens {
	overflow:hidden; margin:0; position:absolute; bottom:23.5591%; left:5.5166%; width:56.9333%; height:63.719%;
}
#iphone-slideshow .screen {
	position:absolute; top:0; left:100%;
}
#iphone-slideshow .current {
	left:0; z-index:2;
}
#iphone-slideshow .navigation {
	position:absolute; bottom:8.04%; left:0; width:68.06%; height:12px;
	z-index:5;
	text-align:center;
}
#iphone-slideshow .bullet {
	display:inline-block; margin:0 2px; width:12px; height:12px;
	background:url('img/navigation-bullet.png') no-repeat;
}
#iphone-slideshow .bullet:hover,
#iphone-slideshow .bullet:focus,
#iphone-slideshow .bullet.current {
	background-image:url('img/navigation-bullet_active.png');
}



/* =============================================================================
   PAGE: =Reviews
   ========================================================================== */

#page-reviews {
	background:url('img/background-black.jpg');
}
#page-reviews .description {
	margin:-65px 0 0 -225px; position:absolute; top:20%; left:50%; width:450px; height:130px;
	text-align:center;
}
#page-reviews h2 {
	margin:20px 0;
	text-transform:uppercase;
}
#page-reviews .cross {
	display:block; margin:25px auto 0; width:17px;
}
#reviews {
	margin:-150px 0 0 -692px; position:absolute; top:50%; left:50%; width:1385px; height:320px;
}
#reviews .column {
	float:left; margin:0 8.3% 0 0; width:27.8%
}
#reviews .column.last {
	margin:0;
}
#reviews .review {
	margin:0 0 10%;
	color:#d2d2d2; font-size:13px; line-height:1.4; text-align:left;
}
#reviews .review h3 {	
	color:#fff; font-size:30px; text-transform:uppercase;
}
#reviews .review .author {
	font-weight:bold;
}
#reviews .review .author a {
	color:#ffcf11;
}
#reviews .review .author a:hover,
#reviews .review .author a:focus {
	color:#fff;
}
#page-reviews .app-store {
	display:none;
}



/* =============================================================================
   PAGE: =Share
   ========================================================================== */

#page-share .description {
	margin:-130px 0 0 -350px; position:absolute; top:50%; left:50%; width:800px; height:260px;
	text-shadow:0 1px 2px rgba(0,0,0,0.8);
}
#page-share .icon {
	float:left; margin:0 20px 0 0; width:140px;
}
#page-share h1 {
	padding:25px 0 10px;
	font-size:65px;text-transform:uppercase; text-shadow:0 2px 6px rgba(0,0,0,0.6); font-family: BebasNeueRegular;
}
#page-share ul,
#page-share li {
	margin:0; padding:0;
	list-style:none;
}

#page-share li img {
	margin:10px 0 0; height:56px; padding: 0px 10px 0px 0px;
}

#page-share a {
	position:relative; top:0;
	-moz-transition:0.2s all ease;
	-ms-transition:0.2s all ease;
	-o-transition:0.2s all ease;
	-webkit-transition:0.2s all ease;
	transition:0.2s all ease;
}
#page-share a:hover,
#page-share a:focus {
	top:-5px;
}
#page-share .app-store {
	display:none;
}



/* =============================================================================
   PAGE-TEMPLATE: =Text
   ========================================================================== */

.page-text {
	z-index:990;
	color:#000; font-size:13px;
}
.page-text .page-background {
	width:100%; height:100%; max-width:999em;
	background:url('img/black_60.png'); cursor:pointer; 
}
.page-text .page-content {
	margin:-292px 0 0 -315px; overflow:auto; position:absolute; top:50%; left:50%; width:630px !important; height:515px;
	background:#ffcf11; border:35px solid #ffcf11;
}
.page-text .back-link {
	display:none;
}
.page-text h1 .image {
	width:285px;
}
.page-text h2 {
	margin:0 0 40px;
	font-size:16px; text-transform:uppercase;
}
.page-text h1,
.page-text h2 {
	line-height:1.6; text-align:center; 
}
.page-text h3 {
	font:bold 19px 'arial';
}
.page-text h3 ~ p {
	margin-top:0;
}
.page-text p {
	padding-right:30px;
	text-align: center;
}
.page-text a {
	color:#000; font-weight:bold;
}

.touch .page-text .iscroll {
	margin:0 auto; position:relative; width:100%; max-width:450px; height:100%;
}
.touch .page-text .back-link {
	display:block; float:left; margin:15px 0; padding:8px 15px;
	border:1px solid #000;
	color:#000; font:18px/1 'Arial'; text-transform:uppercase;
}
.touch .page-text .page-background {
	display:none;
}
.touch .page-text {
	background:#ffcf11;
}
.touch .page-text .page-content {
	margin:0; padding:0 15px; overflow:visible; position:absolute; top:0; left:0; width:auto; height:auto;
	border:0;
}
.touch .page-text h1 {
	display:none;
}
.touch .page-text h2 {
	clear:both; margin:0 0 10px;
	font-size:30px; text-align:left;
}
.touch .page-text h3 {
	font-size:16px;
}
.touch .page-text p {
	padding-right:0;
}


/* ==== Fonts / Type / Elements ==== */

@font-face {
    font-family: 'foxley';
    src: url('http://www.tayfun.co/blog/wp-content/themes/taphothemess/fonts/foxley9_-webfont-webfont.eot');
    src: url('http://www.tayfun.co/blog/wp-content/themes/taphothemess/fonts/foxley9_-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.tayfun.co/blog/wp-content/themes/taphothemess/fonts/foxley9_-webfont-webfont.woff') format('woff'),
         url('http://www.tayfun.co/blog/wp-content/themes/taphothemess/fonts/foxley9_-webfont-webfont.ttf') format('truetype'),
         url('http://www.tayfun.co/blog/wp-content/themes/taphothemess/fonts/foxley9_-webfont-webfont.svg#foxley_916regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* =============================================================================
   =HELPERS
   ========================================================================== */

.ir {
	display:block; overflow:hidden; 
	background-color:transparent; background-repeat:no-repeat; border:0;
	direction:ltr; *line-height:0; text-align:left; text-indent:-999em;
}
.ir br {
	display:none;
}
	
.hidden {
	display:none;
}
.visuallyhidden {
	clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; height:1px; 
	border:0;  
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip:auto;margin:0; overflow:visible; position:static; width:auto; height:auto; 
}
.invisible {
	visibility:hidden;
}

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

.horizontal-wrapper {
	margin:0 auto; position:relative; width:980px;
}



/* =============================================================================
   =MEDIA QUERIES
   ========================================================================== */

@media only screen and (min-width:2000px) {
	#page-home .icon {
		width:114px;
	}
	#page-home .description {
		width:660px;
	}
	#page-home h2 {
		font-size:42px;
	}
	#page-home .cross {
		width:22px;
	}
	#page-home .app-store {
		margin:30px auto 0; width:270px;
	}
	#iphone-slideshow {
		width:675px; height:1068px;
	}
}
@media only screen and (max-width:1600px) {
	#iphone-slideshow {
		left:55%; width:443px; height:700px;
	}
}
@media only screen and (max-width:1500px) {
	#page-reviews .description {
		margin:-65px 0 0 -175px; top:15%; width:350px;
	}
	#reviews {
		margin:-140px 0 0 -450px; width:900px; height:350px;
	}
}
@media only screen and (max-width:1366px) {
	#nav-page .default a {
		margin:-55px 0 0; left:-55px; width:110px; height:110px;
	}
	#nav-page .default .next {
		right:-55px; left:auto;
	}

	#page-home .description {
		width:450px;
	}
	#iphone-slideshow {
		left:55%; width:360px; height:570px;
	}
	
	#reviews {
		margin-top:-120px;
	}
	#reviews .column {
		margin-right:5%; width:30%;
	}
	#reviews .review h3 {
		font-size:20px;
	}
}
@media only screen and (max-width:1024px) {
	#iphone-slideshow {
		left:60%;
	}
	#page-reviews .description {
		margin:-65px 0 0 -175px; top:15%; width:350px;
	}
	#reviews {
		margin:-135px 0 0 -400px; width:800px; height:auto;
	}
}
@media only screen and (max-width:1000px) {
	
/* Mobile specific
   -------------------------------------------------------------------------- */
	#nav-main,
	#nav-footer,
	#nav-top,
	#nav-page .default,
	#gallery .default {
		display:none;
	}
	
	#nav-page .mobile,
	#gallery .mobile {
		display:block;
	}
	
	.iscroll {
		overflow:visible !important; margin:0 auto; position:relative; width:100%; height:100%;
	}
	.page-content {
		margin:0; padding:0 0 20px; position:relative; top:0; left:0; width:100%; height:auto;
	}
	.page-content .description {
		font-size:13px;
	}
	.page-content > div {
		margin:0 auto; max-width:450px;
	}
	
	a .app-store {
		margin:30px auto 10px; width:180px;
	}
	

/* Nav mobile
   -------------------------------------------------------------------------- */
	#nav-mobile {
		display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%;
	}
	#nav-mobile .menu-link {
		position:absolute; top:0; left:0;
		cursor:pointer; z-index:200;
	}
	#nav-mobile .container {
		position:absolute; top:0; left:-999em; width:100%; height:100%;
		background:#ffcf11; z-index:200;
	}
	#nav-mobile .iscroll-inner {
		margin:0 auto; position:relative !important; width:82%; max-width:350px;
	}
	#nav-mobile .image {
		display:block; margin:0 auto; padding:30px 0 15px; width:82.8%;
	}
	#nav-mobile ul {
		padding:0 0 20px;
	}
	#nav-mobile a {
		display:block; padding:15px 0;
		border:1px solid #000; border-bottom-width:0; cursor:pointer;
		color:#000; font:20px/1 'Arial'; text-align:center; text-transform:uppercase;
	}
	#nav-mobile .last a {
		border-bottom-width:1px;
	}
	#nav-mobile a b {
		font-weight:normal;
	}
	#nav-mobile .language {
		display:block; margin:0 auto; padding:0 0 15px; width:74px;
	}
	#nav-mobile .language a {
		float:left; padding:2px 0; width:35px;
		border-width:1px;
	}
	#nav-mobile .language .current a {
		background:#000;
		color:#ffcf11;
	}
	

/* Page home
   -------------------------------------------------------------------------- */
	#page-home .page-content {
		padding:0;
	}
	#page-home .icon {
		margin:0 0 15px; width:55px;
	}
	#page-home .description {
		margin:0 auto; padding:35px 25px 0; position:relative; top:0; left:0; width:auto; height:auto;
	}
	#page-home h1 {
		margin:0 0 10px;
	}
	#page-home h1 img {
		width:100%;
	}
	#page-home h2 {
		font-size:20px;
	}
	#page-home .cross {
		margin:20px auto; width:12px;
	}
	#page-home p {
		margin:20px auto; padding:0 25px; width:auto;
	}
	
	#iphone-slideshow {
		overflow:visible; margin:20px auto 0; position:relative; bottom:0; left:0; width:100%; height:auto;
		
		-moz-transition:0; -moz-transform:none;
		-ms-transition:0; -ms-transform:none;
		-o-transition:0; -o-transform:none;
		-webkit-transition:0; -webkit-transform:none;
		transition:0; transform:none;
	}
	#iphone-slideshow .iphone {
		display:none;
	}
	#iphone-slideshow .background {
		display:block; position:absolute; top:0; left:-200em; width:999em; height:100%;
		background:url('img/background-black.jpg');
	}
	#iphone-slideshow .screens {
		margin:0; overflow:hidden; position:absolute; top:50%; bottom:auto; left:50%; width:100%; max-width:450px; height:100%;
		border:0; vertical-align:middle;
	}
	
	#iphone-slideshow .screen {
		
	}
	#iphone-slideshow .navigation {
		bottom:5%; width:100%;
	}
	#iphone-slideshow .bullet {
		margin:0 6px;
		background-image:url('img/navigation-bullet-mobile.png')
	}
	#iphone-slideshow .bullet:hover,
	#iphone-slideshow .bullet:focus,
	#iphone-slideshow .bullet.current {
		background-image:url('img/navigation-bullet-mobile_active.png');
	}
	

/* Page filters
   -------------------------------------------------------------------------- */
	#page-filters {
		background:#ffcf11;
	}
	#page-filters .description {
		margin:0 auto; padding:50px 50px 0; position:relative; top:0; left:0; width:auto;
		color:#000; text-align:center;
	}
	#page-filters h1 {
		font-size:40px;
	}
	
	#gallery {
		margin:10px auto 0; padding:0 50px; position:relative; top:0; right:0; width:auto; height:auto;
		text-align:center;
	}
	#gallery .mobile .image {
		margin:0 0 5px; width:28%;
		border:4px solid #fff;
	}
	#gallery .endline {
		margin-right:0;
	}
	#gallery .newline {
		clear:both;
	}
	#popin {
		background:#000;
	}
	#popin img {
		border:0; box-shadow:0;
	}
	#page-filters .app-store {
		display:block;
	}
	
	
/* Page share
   -------------------------------------------------------------------------- */
	#page-share .icon {
		display:none;
	}
	#page-share .description {
		margin:0; padding:50px 25px 0; position:relative; top:0; left:0; width:auto; height:auto;
		text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.8);
	}
	#page-share h1 {
		padding:0 0 20px;
		font-size:40px;
	}
	#page-share ul {
		padding:0 25px;
	}
	#page-share li:before {
		content:'';
	}
	#page-share li img {
		height:40px;
	}
	#page-share .app-store {
		display:block;
	}
	
	
/* Page reviews
   -------------------------------------------------------------------------- */
	#page-reviews .description {
		margin:0 auto; padding:50px 25px 0; position:relative; top:0; left:0; width:auto; height:auto;
		text-align:center;
	}
	#page-reviews h1 {
		display:none;
	}
	#page-reviews h2 {
		margin:0; padding:0;
		font-size:40px;
	}
	#page-reviews .cross {
		margin:15px auto 25px; width:12px;
	}
	#reviews {
		margin:0 auto; padding:0 50px; position:relative; top:0; left:0; width:auto; height:auto;
	}
	#reviews .column {
		float:none; margin:0; width:auto;
	}
	#reviews .review {
		margin:0 0 40px;
		text-align:center;
	}
	#reviews .review h3 {
		font-size:21px;
	}
	#reviews .review h3 ~ p {
		margin-top:5px;
	}
	#reviews .review .author {
		font-size:10px;
	}
	#page-reviews .app-store {
		display:block;
	}
	
	
/* Page text
   -------------------------------------------------------------------------- */
	.page-text .back-link {
		display:block; float:left; margin:15px 0; padding:8px 15px;
		border:1px solid #000;
		color:#000; font:18px/1 'Arial'; text-transform:uppercase;
	}
	.page-text .page-background {
		display:none;
	}
	.page-text {
		background:#ffcf11;
	}
	.page-text .page-content {
		margin:0; padding:0 15px; overflow:visible; position:absolute; top:0; left:0; width:auto !important; height:auto;
		border:0;
	}
	.page-text h1 {
		display:none;
	}
	.page-text h2 {
		clear:both; margin:0 0 10px;
		font-size:30px; text-align:left;
	}
	.page-text h3 {
		font-size:16px;
	}
	.page-text p {
		padding-right:0;
	}
}

@media only screen and (max-width:1000px) and (min-height:600px) {
	
/* Tablet specific
   -------------------------------------------------------------------------- */
	.page-content .description {
		font-size:18px;
	}
	.iscroll {
		display:table; 
	}
	.iscroll.tablet {
		display:block;
	}
	.page-content {
		display:table-cell;
		vertical-align:middle;
	}
	#nav-mobile .iscroll-inner {
		display:table-cell; margin:0 auto; position:relative !important; width:82%; max-width:350px;
		vertical-align:middle;
	}
	#nav-mobile .image {
		padding:0 0 25px;
	}
	#nav-mobile a {
		font-size:24px;
	}
	#nav-mobile .language {
		padding:0 0 25px;
	}
	#nav-mobile .iscroll-inner > * {
		margin:0 auto; max-width:350px;
	}
	
	a .app-store {
		margin-top:30px; width:250px;
	}
	
	
	
/* Page home
   -------------------------------------------------------------------------- */
	#page-home .icon {
		margin:0 auto 30px; width:115px;
	}
	#page-home .description {
		padding:80px 25px 50px;
	}
	#page-home h2 {
		font-size:28px;
	}
	#page-home .cross {
		margin:35px auto; width:17px;
	}
	

/* Page filters
   -------------------------------------------------------------------------- */
	#page-filters .description {
		padding:80px 0 0;
	}
	#page-filters h1 {
		margin:0 0 30px;
		font-size:60px;
	}
	
	#gallery {
		margin:20px auto 0; padding:0;
	}
	#popin {
		background:#ffcf11;
	}
	#popin img {
		border:7px solid #fff; box-shadow:none;
	}
	
	
/* Page share
   -------------------------------------------------------------------------- */
	#page-share .icon {
		display:block; float:none; margin:0 auto 30px; width:115px;
	}
	#page-share .description {
		margin:0 auto; padding:50px 25px 0; position:relative; top:0; left:0; width:auto; height:auto;
		text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.8);
	}
	#page-share h1 {
		padding:0 0 25px;
		font-size:60px;
	}
	#page-share ul {
		padding:0 60px;
	}
	#page-share li {
		padding:0 0 25px;
	}
	#page-share li:before {
		content:'';
	}
	#page-share li img {
		margin:20px 0 0 ; height:75px;
	}
	
	
/* Page reviews
   -------------------------------------------------------------------------- */
	#page-reviews h1 {
		display:block; margin:0 0 10px;
	}
	#page-reviews h1 img {
		width:350px;
	}
	#page-reviews h2 {
		font-size:28px;
	}
	#page-reviews .cross {
		margin:25px auto; width:17px;
	}
}



/* @license
 * MyFonts Webfont Build ID 2387970, 2012-10-19T05:06:43-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Futura Medium Condensed by Bitstream
 * URL: http://www.myfonts.com/../font/bitstream/futura/medium-condensed/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2387970
 * 
 * © 2012 Bitstream Inc
*/