@charset "UTF-8";

/* Global */

* {
	padding:0; margin:0;
}

img {
	border:0;
}

a, input, textarea {
	outline:none;
}

a {
	color:#f35f55;
	text-decoration:none;
}

::selection {
	background:#f35f55;
}

::-moz-selection {
	background:#f35f55;
}

h1 {
	font:300 48px/60px 'proxima-nova', sans-serif; color:#000;
}

h2 {
	font:400 36px/36px 'proxima-nova', sans-serif; color:#000;
	text-align:center;
	margin:0 0 100px;
}

h3 {
	height:14px;
	background:rgba(255,255,255,.8);
	border-radius:25px;
	font:300 14px/14px 'proxima-nova', sans-serif; color:#000;
	position:absolute; top:50%;
	padding:5px 10px; margin:-7px 0 0;
	display:inline-block;
}

h4 {
	font:600 24px/36px 'proxima-nova', sans-serif; color:#000;
	text-transform:uppercase;
	display:inline-block;
}

.clear {
	clear:both;
}

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

/* Index */

nav {
	width:340px;
	padding:10px 0 0 10px;
	position:fixed; z-index:4;
}

nav .back {
	width:60px; height:60px;
	background:url(http://new.iam.md/img/matt-sm@2x.png);
	background-size:60px;
	float:left;
}

header {
	border-bottom:2px solid #f2f2f2;
	text-align:center;
	padding:100px 0;
}

header img {
	margin-bottom:50px;
}

.container820 {
	width:820px;
	margin:0 auto;
}

.container340 {
	width:340px;
	float:right;
	margin:118px 0 0;
}

.about {
	font:300 24px/36px 'proxima-nova', sans-serif; color:#000;
	border-bottom:2px solid #f2f2f2;
	padding:50px 0;
}

.work {
	font:300 18px/30px 'proxima-nova', sans-serif; color:#000;
	border-bottom:2px solid #f2f2f2;
	padding:100px 0;
}

.preview {
	margin:0 0 0 -4px;
}

footer {
	font:300 36px/36px 'proxima-nova', sans-serif; color:#000;
	text-align:center;
	padding:100px 0;
}

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

/* Scrollable */

.processtitle {
	height:14px;
	background:rgba(255,255,255,.8);
	border-radius:25px;
	font:300 14px/14px 'proxima-nova', sans-serif; color:#000; font-weight:bold;
	position:fixed; top:50%; left:0; z-index:3;
	padding:5px 10px; margin:-318px 0 0;
}

.process {
	width:340px; height:568px;
	background:rgba(255,255,255,.8);
	border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1);
	font:300 14px/20px 'proxima-nova', sans-serif; color:#000;
	position:fixed; top:50%; left:0; z-index:3;
	padding:0 10px; margin:-284px 0 0;
	overflow:scroll;
}

.wireframes {
	height:14px;
	background:rgba(255,255,255,.8);
	border-radius:25px;
	font:300 14px/14px 'proxima-nova', sans-serif;
	position:fixed; top:50%; left:0; z-index:3;
	padding:5px 10px; margin:294px 0 0;
}

.images {
	width:320px; height:568px;
	background:#f2f2f2;
	position:absolute; top:50%; left:50%; z-index:2;
	float:left;
	margin:-284px 0 0 -160px;
}

.images img {
	height:568px;
	position:absolute; top:0; left:0;
	display:none;
}

.arrows {
	width:15px; height:61px;
	position:absolute; top:50%; left:50%;
	margin:-30px 0 0 240px;
}

.arrow {
	width:15px; height:28px;
	cursor:pointer;
	display:block;
}

.forward {
	background:url(http://new.iam.md/img/arrow@2x.png) no-repeat center center;
	background-size:15px;
}

.backward {
	background:url(http://new.iam.md/img/arrow@2x.png) no-repeat center center;
	background-size:15px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	margin:5px 0 0;
}

.iphoneoutline {
	width:379px; height:798px;
	background:url(http://new.iam.md/img/device@2x.png) no-repeat;
	background-size:379px;
	position:absolute; top:50%; left:50%; z-index:1;
	margin:-402px 0 0 -192px;
}

.slidetabs {
    display:none;
}

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

/* iScroll

#iphonewrap {
	width:320px; height:568px;
	background:#f2f2f2;
	position:absolute; top:50%; left:50%; z-index:2;
	overflow:hidden;
	margin:-284px 0 0 -160px;
}

.scroller .screens {
	width:100%; height:100%;
	float:left;
	display:block;
	list-style-type:none;
}

.scroller .screens .iphone {
	width:320px; height:568px;
	float:left;
	position:relative;
	display:block;
}

.arrows {
	width:15px; height:61px;
	position:absolute; top:50%; left:50%;
	margin:-30px 0 0 240px;
}

.arrow {
	width:15px; height:28px;
	cursor:pointer;
}

.next {
	background:url(http://new.iam.md/img/arrow@2x.png) no-repeat center center;
	background-size:15px;
}

.prev {
	background:url(http://new.iam.md/img/arrow@2x.png) no-repeat center center;
	background-size:15px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	margin:5px 0 0;
}

.iphoneoutline {
	width:379px; height:798px;
	background:url(http://new.iam.md/img/device@2x.png) no-repeat;
	background-size:379px;
	position:absolute; top:50%; left:50%; z-index:1;
	margin:-402px 0 0 -192px;
} */