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

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

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

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

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

html,
button,
input,
select,
textarea{
	color: #222;
}

html{
  font-size: 16px;
  line-height: 1.4;
}

/*base custom style*/
a{
	color: #5dc2bb;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a:active{
	color: #51a8a2;
	text-decoration: underline;
}

a,
a:link,
a:active,
a:hover{
	outline: none;
	overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'proximanovalight', 'Helvetica Neue', Helvetica, Arial , sans-serif;
	font-size: 16px;
	font-weight: 200;
	margin: 0;
}

.heading,
.tweet{
	font-size: 32px;
	line-height: 1em;
}

/*selection*/
::-moz-selection{
	color: #ffffff;
    background: #1977b9;
    text-shadow: none;
}

::selection{
	color: #ffffff;
    background: #1977b9;
    text-shadow: none;
}

/*horizontal rule*/
hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440*/
audio,
canvas,
img,
video{
    vertical-align: middle;
}

/*remove default fieldset styles*/
fieldset{
    border: 0;
    margin: 0;
    padding: 0;
}

/*allow only vertical resizing of textareas*/
textarea{
    resize: vertical;
}

/*browse Happy prompt*/
.browsehappy{
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*author's custom styles*/

/*layout*/
body{
	color: #4d505b;
	font-family: 'proximanovalight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 200;
}

.no-jsnotice{
	display: none;
}

html,
.wrapper{
    height: 100% !important;
    margin: 0 auto;
    overflow: hidden;
}

.page{
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
	z-index: 1;
}

.left,
.right{
    display: block;
	top: 0;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.left{
	position: relative;
	left: 0;
	height: 100%;
	margin-right: 32em;
}

.right{
    position: absolute;
	height: 100%;
    right: 0;
	width: 32em;
	padding-right: 60px;
}

.inner{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.row:before,
.row:after{
  content: " ";
  display: table;
}

.row:after{
  clear: both;
}

/*left side background color*/
.page1 .left{
  background-color: #5DC3C1;
  background-image: url("../images/page1.png");
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7C685), to(#5DC3C1));
  background-image: -webkit-linear-gradient(top, #F7C685, #5DC3C1);
  background-image:    -moz-linear-gradient(top, #F7C685, #5DC3C1);
  background-image:     -ms-linear-gradient(top, #F7C685, #5DC3C1);
  background-image:      -o-linear-gradient(top, #F7C685, #5DC3C1);
  background-image:         linear-gradient(top, #F7C685, #5DC3C1);
  background-size: 100% 100%;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F7C685, endColorstr=#5DC3C1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F7C685, endColorstr=#5DC3C1)";
}

.page2 .left{
  background-color: #B07FCA;
  background-image: url("../images/page2.png");
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5DC3C1), to(#B07FCA));
  background-image: -webkit-linear-gradient(top, #5DC3C1, #B07FCA);
  background-image:    -moz-linear-gradient(top, #5DC3C1, #B07FCA);
  background-image:     -ms-linear-gradient(top, #5DC3C1, #B07FCA);
  background-image:      -o-linear-gradient(top, #5DC3C1, #B07FCA);
  background-image:         linear-gradient(top, #5DC3C1, #B07FCA);
  background-size: 100% 100%;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5DC3C1, endColorstr=#B07FCA);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#5DC3C1, endColorstr=#B07FCA)";
}

.page3 .left{
  background-color: #6AA8D2;
  background-image: url("../images/page3.png");
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B07FCA), to(#6AA8D2));
  background-image: -webkit-linear-gradient(top, #B07FCA, #6AA8D2);
  background-image:    -moz-linear-gradient(top, #B07FCA, #6AA8D2);
  background-image:     -ms-linear-gradient(top, #B07FCA, #6AA8D2);
  background-image:      -o-linear-gradient(top, #B07FCA, #6AA8D2);
  background-image:         linear-gradient(top, #B07FCA, #6AA8D2);
  background-size: 100% 100%;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#B07FCA, endColorstr=#6AA8D2);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#B07FCA, endColorstr=#6AA8D2)";
}

.page4 .left{
  background-color: #E78AA9;
  background-image: url("../images/page4.png");
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6AA8D2), to(#E78AA9));
  background-image: -webkit-linear-gradient(top, #6AA8D2, #E78AA9);
  background-image:    -moz-linear-gradient(top, #6AA8D2, #E78AA9);
  background-image:     -ms-linear-gradient(top, #6AA8D2, #E78AA9);
  background-image:      -o-linear-gradient(top, #6AA8D2, #E78AA9);
  background-image:         linear-gradient(top, #6AA8D2, #E78AA9);
  background-size: 100% 100%;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6AA8D2, endColorstr=#E78AA9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#6AA8D2, endColorstr=#E78AA9)";
}

.page5 .left{
  background-color: #EEA671;
  background-image: url("../images/page5.png");
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E78AA9), to(#EEA671));
  background-image: -webkit-linear-gradient(top, #E78AA9, #EEA671);
  background-image:    -moz-linear-gradient(top, #E78AA9, #EEA671);
  background-image:     -ms-linear-gradient(top, #E78AA9, #EEA671);
  background-image:      -o-linear-gradient(top, #E78AA9, #EEA671);
  background-image:         linear-gradient(top, #E78AA9, #EEA671);
  background-size: 100% 100%;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E78AA9, endColorstr=#EEA671);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#E78AA9, endColorstr=#EEA671)";
}

footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: rgba(255,255,255,0.25);
	z-index: 100000;
}

.no-js footer,
.no-rgba footer{
	background-image: url("../images/footer-bg.png");
	background-size: 1px 1px;
}

footer .left,
footer .right{
	padding: 0 30px;
}

footer .inner{
	padding: 10px 0;
	overflow: hidden;
}

.social-media ul,
.social-media li{
	margin: 0;
	padding: 0;
}

.social-media li{
	display: block;
	float: left;
}

.social-media li + li{
	margin-left: 15px;
}

.social-media a{
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	background-size: 540px 240px;
	cursor: pointer;
}

.social-media a span{
	color: transparent;
	visibility: hidden;
	margin-left: -9999em;
}

.social-media a.facebook{
	width: 11px;
	background-position: -180px 0;
}

.social-media a.facebook:hover{
	background-position: -210px -30px;
}

.social-media a.twitter{
	width: 21px;
	background-position: -180px -58px;
}

.social-media a.twitter:hover{
	background-position: -210px -88px;
}

.social-media a.dribbble{
	width: 20px;
	background-position: -180px -120px;
}

.social-media a.dribbble:hover{
	background-position: -210px -150px;
}

.social-media a.github:hover {
	background-position: -510px -30px;
}

.social-media a.github {
	width: 20px;
	background-position: -480px 0px;
}

.social-media a.gplus{
  width: 19px;
  background-position: -360px -60px;	
}

.social-media a.gplus:hover{
	background-position: -390px -90px;
}

.social-media a.linkedin{
  width: 19px;
  background-position: -360px 0px;
}

.social-media a.linkedin:hover{
  background-position: -390px -30px;
}

footer .right p{
	font-size: 11px;
	color: #95a5a6;
	line-height: 20px;
	text-align: right;
	text-transform: uppercase;
	height: 20px;
	margin: 0;
}

/*logo*/
.page1 .left .inner{
	display: table;
	height: 100%;
	width: 100%;
}

.logo{
	display: table-cell;
	vertical-align: middle;
}

.logo img{
	display: block;
	width: 382px;
	height: 218px;
	margin: 0 auto;
}

.logo-small{
	position: fixed;
	top: 30px;
	left: 30px;
	z-index: -1;
}

.logo-small a{
	display: block;
	background-image: url("../images/sprite.png");
	background-position: -60px -180px;
	background-repeat: no-repeat;
	background-size: 540px 240px;
	background-color: transparent;
	width: 48px;
	height: 48px;
	overflow: hidden;
}

.logo-small a:hover,
.logo-small a:active{
	background-position: -120px -180px !important;
}

.logo-small a span{
	color: transparent;
	visibility: hidden;
	margin-left: -9999em;
}

/*page 1*/
.page .right .inner{
	position: absolute;
	right: 70px;
	bottom: 70px;
	left: 40px;
}

.page1 .heading{
	line-height: 42px;
}

h1,
p{
	margin: 0 0 10px;
}

h1 span{
	display: block;
}

.pink{
	color: #dc557a;
}

.yellow{
	color: #f1c40f;
}

.green{
	color: #5dc2bb;
}

.blue{
	color: #69b1cb;
}

ol,
ul,
p{
	font-family: 'proximanovalight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1.2em;
}

strong{
	font-family: 'proximanovasemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.line{
	height: 10px;
	width: 150px;
	background-color: #f1c40f;
}

/*page 2*/
h2{
	font-family: 'proximanovalight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 28px;
	line-height: 1em;
	margin: 0;
}

h2 small{
	color: #4d505b;
	font-size: 16px;
	display: block;
}

.page2 ol{
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
	counter-reset: item;
}

.page2 ol li{
	margin: 0;
	padding-left: 70px;
	position: relative;
}

.page2 ol li:before{
	content: counter(item);
	counter-increment: item;
	font-family: 'proximanovasemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
	text-align: center;
	position: absolute;
	height: 24px;
	width: 46px;
	padding: 11px 0;
	top: 3px;
	left: 0;
	background-color: #f5f5f5;
	border-radius: 100px;
}

.page2 ol li + li{
	margin-top: 20px;
}

.page2 ol li.pink:before{
	color: #ffffff;
	background-color: #dc557a;
}

.page2 ol li.yellow:before{
	color: #ffffff;
	background-color: #f1c40f;
}

.page2 ol li.green:before{
	color: #ffffff;
	background-color: #5dc2bb;
}

.page2 ol li.blue:before{
	color: #ffffff;
	background-color: #69b1cb;
}

.page2 .left,
.page3 .left,
.page4 .left,
.page5 .left{
	overflow: hidden;
	padding: 0;
	height: 100%;
	bottom: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page2 .left .inner,
.page3 .left .inner,
.page4 .left .inner,
.page5 .left .inner,
.page6 .left .inner{
	width: 100%;
	position: absolute !important;
	top: 0;
	bottom: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page6 .left .inner{
	bottom: 0;
}

.row-line{
	color: #fff;
	text-decoration: none;
	display: table;
	padding: 0 20px 0 100px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
}

.row-line:before{
	position: absolute;
	left: -50%;
	bottom: 0;
	display: block;
	content: '';
	border-bottom: solid 1px rgba(255,255,255,0.3);
	width: 5000px;
}

.row-line.last:before{
	border: none;
}

.row-line .cell{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.row-line h3.heading{
	font-size: 24px;
	line-height: 1em;
	height: 1em;
	margin-bottom: 10px;
}

.page2 .left p,
.page2 .left ul{
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row-line p{
	width: 100%;
	font-size: 14px;
	line-height 1.5em;
	letter-spacing: 0;
	margin: 0;
}

.page2 ul{
	width: 100%;
	margin: 5px 0 0;
	padding: 0;
}

.page2 ul li{
	float: left;
	list-style-type: disc;
	list-style-position: inside;
	width: 50%;
	position: relative;
	font-size: 11px;
	line-height: 1em;
	padding: 0;
	margin: 5px 0 2px;
}

.page2 .row-line p{
	display: block;
	float: left;
	width: 52%;
	font-size: 13px;
	line-height: 1.5em;
	margin-right: 3%;
}

.page2 .row-line ol,
.page2 .row-line ul{
	display: block;
	width: 45%;
	float: left;
	margin: 0px 0px 0px 0px;
}

/*page 3*/
.testimonials .bx-wrapper,
.testimonials ul,
.testimonials li,
.testimonials blockquote{
	margin: 0;
	padding: 0;
	width: 100% !important;
}

.testimonials .bx-viewport{
	box-shadow: none;
}

.testimonials ul{
	font-family: 'proximanovalight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #5dc2bb;
}

.testimonials ul,
.testimonials li{
	position: absolute !important;
	bottom: 0 !important;
}

.testimonials small{
	display: block;
	font-size: 65%;
	position: relative;
	padding-left: 25px;
	color: #4d505b;
}

.testimonials small:before{
	content: "—";
	position: absolute;
	top: 0;
	left: 0;
}

.testimonials small em{
	display: block;
	font-style: normal;
	font-size: 50%;
	line-height: normal;
	text-transform: uppercase;
	margin-top: -5px;
}

.testimonials .bx-pager{
	color: transparent;
	text-align: left;
}

.testimonials .bx-pager.bx-default-pager a{
	background-image: none;
	background-color: #ecf0f1;
	border-radius: 0;
	-webkit-transition: bacgkround-color 0.35s ease;
	-moz-transition: bacgkround-color 0.35s ease;
	transition: bacgkround-color 0.35s ease;
}

.testimonials .bx-pager.bx-default-pager a:hover,
.testimonials .bx-pager.bx-default-pager a.active{
	background-image: none;
	background-color: #f1c40f;
}

.page3{
	position: relative !important;
}

.page3 .row-line{
	overflow: hidden;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.page3 .row-line:hover{
	color: #4D505B;
	background-color: #ffffff;
	text-decoration: none;
}

.page3 .row-line h3,
.page3 .row-line p{
	padding-right: 150px;
	width: auto;
}

.page3 .row-line p span{
	font-size: 11px;
	text-transform: uppercase;
	padding-right: 10px;
	margin-right: 10px;
}

.page3 .row-line p span.clearfix{
	padding-right: 0;
	margin-right: 0;
}

.row-line .row{
	position: relative !important;
}

.row-line .arrow{
	position: absolute;
	top: 0;
	right: 15px;
	color: #5DC2BB;
	margin-top: -9px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: none;
}

.row-line:hover .arrow{
	display: block;
}

/*page 3 list background*/
.page3 .row-line{
	padding: 0 0 0 100px;
}

.page3 .row-line:after{
	position: absolute;
	height: 100%;
	bottom: 1px;
	right: 0;
	display: block;
	content: " ";
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center bottom;
}

.page3 .row-line:hover:after{
	display: none;
}

.page3 .ongkoskirim:after{
	width: 55px;
	height: 51px;
	right: 15px;
	bottom: 50%;
	margin-bottom: -25px;
	background-image: url('../images/ongkoskirim.png');
	background-size: 55px 51px;
}

.page3 .openkurir:after{
	width: 73px;
/*	height: 73px;*/
	background-image: url('../images/openkurir.png');
	background-size: 73px 73px;
}

.page3 .idmobileapps:after{
	width: 52px;
	height: 43px;
	right: 15px;
	bottom: 50%;
	margin-bottom: -22px;
	background-image: url('../images/idmobileapps.png');
	background-size: 52px 43px;
}

.page3 .reactoapp:after{
	width: 66px;
/*	height: 60px;*/
	right: 15px;
	background-image: url('../images/reacto.png');
	background-size: 66px 60px;
}

.page3 .mettaya:after{
	width: 73px;
	height: 45px;
	bottom: 50%;
	margin-bottom: -22px;
	background-image: url('../images/mettaya.png');
	background-size: 73px 45px;
}

/*page 4*/
.team-content{
	position: relative;
	overflow: hidden;
	height: 100%;
	top: 0;
	bottom: 0;
	width: 100%;
}

.page4 ul,
.page4 li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.page4 .row-line:last-child:before{
	border-bottom: none;
}

.page4 .bx-wrapper{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.page4 .bx-viewport,
.page4 .bx-viewport > ul,
.page4 .bx-viewport > ul > li{
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	height: 100% !important;
	border: none;
	background: transparent;
}

.cover{
	height: 50%;
	overflow: hidden;
	background-color: #FCF2D3;
}

.cover img{
	height: 101%;
	max-width: none;
	width: auto;
	margin: 0 auto;
}

.careers,
.team-content .profile{
	position: absolute;
	top: 50%;
	bottom: 0;
	height: auto;
	margin-top: -70px;
	padding: 0 100px 0 208px;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
					box-sizing: border-box;
}

.team-content figure img{
	border: solid 10px #ffffff;
	float: left;
	margin: 0 -178px;
	width: 128px;
}

.team-content h4,
.careers h3{
	padding-right: 100px;
	line-height: 1em;
	overflow: hidden;
}

.team-content h4 small,
.careers h3 small{
	display: block;
	color: #4D505B;
	font-size: 13px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin: 10px 0 15px;
}

.team-content .links{
	position: absolute;
	top: 0;
	right: 15px;
}

.team-content .links li{
	float: left;
	margin: 15px 5px;
}

.team-content .links a{
	display: block;
	width: 32px;
	height: 32px;
	background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	background-size: 540px 240px;
	background-color: transparent;
}

.team-content .links span{
	visibility: hidden;
	margin-left: -999em;
	color: transparent;
}

.team-content .facebook{
	background-position: -240px 0;
}

.team-content .facebook:hover{
	background-position: -300px -30px;
}

.team-content .twitter{
	background-position: -240px -60px;
}

.team-content .twitter:hover{
	background-position: -300px -90px;
}

.team-content .linkedin{
	background-position: -240px -120px;
}

.team-content .linkedin:hover{
	background-position: -300px -150px;
}

.team-content .bio{
	color: #ffffff;
	font-size: 14px;
	margin-top: 20px;
}

.page4 .right{
	padding: 0;
}

.page4 .right .inner{
	top: 0;
	left: 0;
	right: 0;
}

.page4 .introduction{
	padding: 20px 90px 0 40px;
	position: absolute;
	bottom: 0;
}

.page4 .introduction h3{
	margin: 0 0 20px;
}

.page4 .introduction p{
	font-size: 16px;
}

.careers{
	position: absolute;
	top: 50%;
	margin: 0;
	bottom: 0;
	width: 100%;
	padding: 0;
}

.careers-inner{
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 40px;
}

.careers h3{
	position: relative;
	margin-top: -50px;
	padding: 0 0 0 100px;
	line-height: 50px;
	height: 50px;
	background-color: rgba(255,255,255,0.8);
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}

.careers h3 small{
	float: right;
	font-size: 12px;
	line-height: 1em;
	margin-top: 20px;
	margin-right: 20px;
}

.careers ul{
	position: absolute;
	top: 50px;
	left: 0;
	bottom: 0;
	width: 100%;
}

.careers li.row-line{
	padding-left: 100px;
}

.careers .title{
	padding: 20px 0 20px;
}

.careers h4{
	font-size: 20px;
	overflow: visible;
}

.careers .btn{
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -15px;
	color: #ffffff;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #ffffff;
	border-radius: 4px;
	background-color: transparent;
	opacity: 0.5;
}

.careers .btn:hover,
.careers .btn:active{
	opacity: 1 !important;
}

.careers .btn:focus{
	outline: none;
}

.careers p{
	display: block;
	padding: 0 100px 20px 0;
	overflow: hidden;
	width: auto;
}

#team-pager{
	position: relative;
	overflow: hidden;
}

#team-pager a{
	display: block;
	float: left;
	width: 16.6%;
	height: auto;
	cursor: pointer;
	position: relative;
}

#team-pager a img{
	width: 100%;
	max-width: none;
	height: auto;
}

#team-pager a div{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: #5dc2bb;
	color: #ffffff;
	display: none;
}

#team-pager a span{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	font-size: 14px;
	font-family: 'proximanovasemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	letter-spacing: 1px;
	vertical-align: middle;
	text-transform: uppercase;
}

#team-pager a:hover div,
#team-pager a:active div,
#team-pager a.active div{
	display: block;
}

#team-pager a:hover div{
	color: #5dc2bb;
	background-color: rgba(255,255,255,0.9);
}

/*page 5*/
.page5 .blog-list{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.page5 .row-line:before{
	display: none;
}

.page5 .row-line .heading{
	font-size: 22px;
	line-height: 1.2em;
}

.page5 .row-line.first{
	background-color: rgba(255,255,255,0.4);
}

.page5 .row-line:nth-child(2){
	background-color: rgba(255,255,255,0.3);
}

.page5 .row-line:nth-child(3){
	background-color: rgba(255,255,255,0.2);
}

.page5 .row-line:nth-child(4){
	background-color: rgba(255,255,255,0.1);
}

.page5 .row-line:hover{
	color: #5dc2bb;
	background-color: #ffffff;
	text-decoration: none;
}

.page5 .right a{
	word-wrap: break-word;
}

.page5 .twitter{
	position: relative;
}

.page5 .twitter:before{
	display: block;
	content: ' ';
	position: absolute;
	top: -56px;
	left: 0;
	width: 45px;
	height: 36px;
	background-image: url("../images/sprite.png");
	background-position: 0 -180px;
	background-repeat: no-repeat;
	background-color: transparent;
}

/*page 6*/
.page6 .left{
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#map-canvas{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-image: url("../images/staticmap@2x.png");
	background-size: cover;
	height: 100%;
	width: 100%;
	/* background-image: url("http://maps.googleapis.com/maps/api/staticmap?center=-7.980358,112.626976&zoom=12&maptype=roadmap&scale=2&size=900x900&sensor=false"); */
	background-position: center center;
	background-color: #cccccc;
	line-height: 0;
	overflow: hidden;
}

#map-canvas .map-cover{
	position: relative;
	top: 49.5%;
	left: 50%;
	margin: -463px -135px;
	width: 270px;
	height: 926px;
	background-image: url("../images/page6-screen.png");
	background-size: 270px 926px;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
}

#map-canvas .map-cover:before,
#map-canvas .map-cover:after{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: -1000px;
	width: 1000px;
	height: 100%;
	background-image: url("../images/page6-screen-1px.png");
	background-size: 1px 926px;
	background-repeat: repeat-x;
	z-index: 1;
}

#map-canvas .map-cover:after{
	left: 100%;
	width: 1000px;
}

#map-canvas img{
	max-width: 100%;
	height: auto;
	opacity: 0;
}

#map-canvas .point{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 70px;
	width: 44px;
	margin: -35px 0 0 -22px;
	background-image: url("../images/sprite.png");
	background-size: 540px 240px;
	background-position: -240px -170px;
	background-repeat: no-repeat;
	z-index: 2;
}

.time-info{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.flight-time,
.time-diff{
	position: absolute;
	top: -60px;
	left: 60px;
	bottom: 0;
	width: 180px;
}

.time-info ul,
.time-info li{
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}

.time-info ul{
	position: absolute;
	top: 50%;
}

.flight-time ul:before,
.time-diff ul:before{
	position: absolute;
	display: block;
	content: ' ';
	background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	background-size: 540px 240px;
	background-color: transparent;
}

.flight-time ul{
	padding-top: 58px;
}

.flight-time ul:before{
	top: 0;
	right: 0;
	width: 58px;
	height: 38px;
	background-position: -180px -200px;
}

.time-diff{
	right: 30px;
	left: auto;
}

.time-diff ul{
	padding-top: 68px;
}

.time-diff ul:before{
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background-position: -300px -190px;
}

.time-info li{
	font-size: 30px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 20px 0 10px;
	border-top: solid 1px rgba(255,255,255,0.5);
}

.flight-time li{
	text-align: right;
}

.time-info time{
	font-family: 'proximanovabold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	margin-bottom: 10px;
}

.time-info sup{
	position: relative;
	font-family: 'proximanovalight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 60%;
	margin: 0 10px 0 3px;
}

.time-info span{
	font-size: 14px;
	display: block;
}

.page6 .fn{
	font-size: 36px;
	line-height: 1em;
	display: inline;
	text-decoration: none;
}

.page6 .adr{
	font-size: 16px;
	line-height: 1.4em;
	display: block;
	margin-top: 10px;
}

.page6 .right button{
	color: #ffffff;
	font-family: 'proximanovasemilight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	display: block;
	padding: 15px 65px;
	background-color: #f1c40f;
	border: none;
	border-radius: 4px;
	margin: 30px 0 10px;
}

.page6 .right button:hover,
.page6 .right button:active{
	background-color: #5dc2bb;
}

.page6 .right button:focus{
	outline: none;
}

.page6 .right .note{
	color: #95a5a6;
	font-family: 'proximanovalight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}

/*no js*/
.no-js .logo-small{
	display: none;
}

.no-js .page{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}

.no-js .page1{
	display: block;
}

.no-js .no-jsnotice{
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0;
	width: 100%;
	color: #DC557A;
	display: block;
	font-size: 16px;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	z-index: 999;
}

/*helper classes*/

/*image replacement*/
.ir{
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before{
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*hide from both screenreaders and browsers: h5bp.com/u*/
.hidden{
    display: none !important;
    visibility: hidden;
}

/*hide only visually, but have it available for screenreaders: h5bp.com/v*/
.visuallyhidden{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*hide visually and from screenreaders, but maintain layout*/
.invisible{
    visibility: hidden;
}

/*clearfix: contain floats*/
.clearfix:before,
.clearfix:after{
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after{
    clear: both;
}

/*for IE 6/7 only*/
.clearfix{
    *zoom: 1;
}

.bx-wrapper .bx-loading{
	display: none;
}

/*one page scroller styles*/
body, html{
    margin: 0;
    overflow: hidden;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    transition: opacity 400ms;
}

body, .onepage-wrapper, html{
    display: block;
    position: static;
    padding: 0;
    width: 100%;
    height: 100%;
	-webkit-backface-visibility: hidden;
}

.onepage-wrapper{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding: 0;
}

.onepage-wrapper,
.onepage-wrapper *{
	backface-visibility: hidden;
}

.onepage-wrapper .section{
  width: 100%;
  height: 100%;
}

.onepage-pagination{
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
	width: 46px;
}

.onepage-pagination:hover{
	width: auto;
}

.onepage-pagination li{
	position: relative;
  padding: 0;
}

.onepage-pagination li a{
	color: #ffffff;
	font-family: 'proximanovalight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-decoration: none;
	padding: 10px 0px 10px 20px;
	height: 25px;
	display: block;
	position: relative;
	cursor: pointer;
}

.onepage-pagination li:before{
  content: '';
  position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 45px;
	background-color: rgba(255,255,255,0.25);
	z-index: 0;
}

.onepage-pagination li a:after{
  content: '';
  position: absolute;
	top: 10px;
	right: 10px;
	width: 26px;
	height: 25px;
  background-image: url("../images/sprite.png");
	background-size: 540px 240px;
	background-repeat: no-repeat;
	background-color: transparent;
}

.onepage-pagination li:hover > a{
	width: auto;
	padding-right: 50px;
	background-color: #0e76bc;
}

.onepage-pagination li a span{
	color: transparent;
  display: block;
  width: 0;
  line-height: 25px;
  height: 25px;
  white-space: pre;
	-webkit-transition: width 0.25s ease-in-out, color 0.35s ease-in-out;
  -moz-transition: width 0.25s ease-in-out, color 0.35s ease-in-out;
  -o-transition: width 0.25s ease-in-out, color 0.35s ease-in-out;
  transition: width 0.25s ease-in-out, color 0.35s ease-in-out;
	opacity: 0;
}

.onepage-pagination li:hover > a span{
	color: #ffffff;
	width: auto;
	opacity: 1;
}

/*home Icon*/
.onepage-pagination li.home a:after{
	background-position: 0 0;
}

.onepage-pagination li.home a:hover:after{
	background-position: -60px 0 !important;
}

.onepage-pagination li.home a.active:after{
	background-position: -120px 0;
}

/*what we do icon*/
.onepage-pagination li.what-we-do a:after{
	background-position: -29px -29px;
}

.onepage-pagination li.what-we-do a:hover:after{
	background-position: -89px -29px !important;
}

.onepage-pagination li.what-we-do a.active:after{
	background-position: -149px -29px;
}

/*showcase icon*/
.onepage-pagination li.showcase a:after{
	background-position: 1px -56px;
}

.onepage-pagination li.showcase a:hover:after{
	background-position: -59px -56px !important;
}

.onepage-pagination li.showcase a.active:after{
	background-position: -119px -56px;
}

/*team icon*/
.onepage-pagination li.team a:after{
	background-position: -29px -90px;
}

.onepage-pagination li.team a:hover:after{
	background-position: -89px -90px !important;
}

.onepage-pagination li.team a.active:after{
	background-position: -149px -90px;
}

/*news icon*/
.onepage-pagination li.news a:after{
	background-position: 1px -117px;
}

.onepage-pagination li.news a:hover:after{
	background-position: -59px -117px !important;
}

.onepage-pagination li.news a.active:after{
	background-position: -119px -117px;
}

/*contact icon*/
.onepage-pagination li.contact a:after{
	background-position: -29px -147px;
}

.onepage-pagination li.contact a:hover:after{
	background-position: -89px -147px !important;
}

.onepage-pagination li.contact a.active:after{
	background-position: -149px -147px;
}


/*disabled onepage scroll*/
.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .ops-section {
  position: relative !important;
  top: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
  display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}

/*twitter*/
#twitterzze ul,
#twitterzze li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#twitterzze .timePosted,
#twitterzze .interact{
	display: none;
}

/*media queries*/
@media only screen and (min-width: 93.5em) and (min-height: 50em){
	p{
		font-size: 18px;
	}

	.right{
		width: 40em;
	}

	.left{
		margin-right: 40em;
	}

	.heading,
	.tweet{
		font-size: 48px;
	}

	h1,
	p{
		margin-bottom: 30px;
	}

	.page1 .heading{
		line-height: 60px;
		margin-bottom: 20px;
	}

	.row-line h3.heading{
		font-size: 36px;
		margin-bottom: 15px;
	}

	.row-line p,
	.page2 .row-line p,
	.page2 ul li{
		font-size: 16px;
	}

	h2 small{
		font-size: 18px;
	}

	.row-line .arrow{
		font-size: 14px;
		right: 40px;
	}

	.page3 .right .inner{
		bottom: 100px;
	}

	.page3 .row-line h3,
	.page3 .row-line p{
		padding-right: 240px;
	}

	.testimonials ul{
		font-size: 40px;
		line-height: 54px;
	}

	.careers h3{
	  height: 70px;
    line-height: 70px;
    margin-top: -70px;
  }

  .careers h3 small{
  	margin-top: 30px;
  	margin-right: 40px;
  	font-size: 14px;
  }

  .careers ul{
  	top: 70px;
  }

  .careers h4{
  	font-size: 28px;
  }

  .careers .btn {
    right: 40px;
    margin-top: -20px;
    height: 40px;
    width: 120px;
    font-size: 16px;
    line-height: 40px;
    opacity: 0.5;
	}

	#team-pager a span{
		font-size: 18px;
	}

	.page4 .introduction p{
		font-size: 18px;
	}

	.page5 .heading,
	.tweet{
		font-size: 36px;
	}

	.page5 .row-line .heading{
		font-size: 28px;
	}

	.time-info li{
		font-size: 42px;
		padding: 30px 0 20px;
	}


	.page6 .fn{
		font-size: 44px;
	}

	.page6 .adr{
		margin-top: 15px;
		font-size: 18px;
	}

}

@media only screen and (min-width: 82em){
	p{
		font-size: 16px;
	}

	.heading,
	.tweet{
		font-size: 36px;
		line-height: 48px;
	}
}

/* <=1024 */
@media only screen and (max-width: 64em){

	p,ul,ol{
		margin-bottom: 1em;
	}

	p+p{
		margin-top: -0.5em;
	}

	.logo-small{
		display: none!important;
	}

	/* pagination */
	.onepage-pagination li:before{
		background-color: rgba(0,0,0,0.05);
	}

	/* social media */
	.social-media a.facebook{
		background-position: -420px 0;
	}

	.social-media a.facebook:hover{
		background-position: -450px -30px;
	}

	.social-media a.twitter{
		background-position: -420px -58px;
	}

	.social-media a.twitter:hover{
		background-position: -450px -88px;
	}

	.social-media a.dribbble{
		background-position: -420px -120px;
	}

	.social-media a.dribbble:hover{
		background-position: -450px -150px;
	}

	.social-media a.gplus{
	  background-position: -360px -120px;	
	}

	.social-media a.gplus:hover{
		background-position: -390px -150px;
	}

	.social-media a.linkedin{
		background-position: -420px -180px;
	}

	.social-media a.linkedin:hover{
		background-position: -450px -210px;
	}

	.page .left,
	.page .right{
		width: 100%;
		margin-right: 0;
		padding: 0;
	}

	.page .right{
		position: relative;
		top: auto;
		height: auto;
		bottom: 0;
	}

	.page .right .inner{
		padding: 50px 30px 50px;
		left: 0px;
		bottom: 0px;
    right: 0px;
		background-color: #fff;
	}

	.line{
		display: none;
	}

	footer{
		background-color: rgba(0, 0, 0, 0.025);
	}

	footer .left{
		z-index: 99;
	}

	.row-line{
		padding: 0 40px !important;
	}

	.page1 .right{
    text-align: center;
	}

	.page1 .heading{
		font-size: 28px;
		overflow: hidden;
		/* exclude this to show h1 heading */
/*	
		visibility: hidden;	
		height: 0;						
		margin: 0 !important;*/
	}

	.page1 .heading span{
		display: inline-block;
		position: relative;
	}

	.page1 .heading span + span{
		margin-left: 25px;
	}

	.page1 .heading span + span:before{
		position: absolute;
		content: "•";
		left: -20px;
	}

	.page2 .row-line p,
	.page2 .row-line ul{
		width: 100%;
		font-size: 14px;
	}

	.page2 ul li{
		width: auto;
		font-size: 12px;
	}

	.page2 ul li + li{
		margin-left: 5px;
	}

	.page2 ul li:first-child{
		list-style: none;
		margin-left: 0;
	}

	.page2 ol li{
		float: left;
		width: auto;
		padding-left: 20px;
		font-size: 22px;
		margin-left: 0;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
			 			box-sizing: border-box;
	}

	.page2 ol li:before{
		font-size: 18px;
		line-height: 18px;
		height: 18px;
		width: 40px;
	}

	.page2 ol li + li{
		margin-top: 20px;
	}

	.page2 h2 small{
		margin-top: 5px;
		line-height: 1.4em;
	}
	
	.page3 .right .inner{
		padding-bottom: 100px;
	}

	.cover{
		background: #ffefcb;
	}

	.cover img{
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 0;
	}

	.page4 .right .inner{
		top: auto;
		padding: 0;
	}

	.page4 .introduction{
		position: relative;
		padding: 40px 40px 60px;
	}

	.page5 .right .inner{
		padding: 40px 40px 60px;
		height: 200px;
	}

	.page5 .twitter{
		padding-left: 80px;
	}

	.page5 .twitter:before{
		top: 35px;
	}

	.page6 .right .inner{
		text-align: center;
	}

	.page6 .right button{
		margin: 30px auto 10px;
	}
}

@media only screen and (min-width : 768px) and (max-width : 1024px){
	.onepage-pagination{
		position: fixed;
		width: 276px;
		height: 46px;
		top: 0px;
		left: 50%;
		margin-left: -138px;
	}

	.onepage-pagination li{
		float: left;
		width: 46px;
	}

	/*home Icon*/
	.onepage-pagination li.home a:after{
		background-position: -60px 0;
	}

	/*what we do icon*/
	.onepage-pagination li.what-we-do a:after{
		background-position: -89px -29px;
	}

	/*showcase icon*/
	.onepage-pagination li.showcase a:after{
		background-position: -59px -56px ;
	}	

	/*team icon*/
	.onepage-pagination li.team a:after{
		background-position: -89px -90px;
	}

	/*news icon*/
	.onepage-pagination li.news a:after{
		background-position: -59px -117px;
	}

	/*contact icon*/
	.onepage-pagination li.contact a:after{
		background-position: -89px -147px;
	}

	.onepage-pagination li a,
	.onepage-pagination li:hover > a{
		position: relative;
		height: 45px;
		width: 100%;
		padding: 0;
	}

	.onepage-pagination li a,
	.onepage-pagination li a:hover,
	.onepage-pagination li a:active{
		overflow: visible;
	}

	.onepage-pagination li a:hover span,
	.onepage-pagination li a span{
		display: none;
		width: 0;
		visibility: hidden;
	}

	.page .right .inner{
		padding: 30px 40px 60px;
	}

	.page1 .heading{
		font-size: 30px;
		line-height: 1.5em;
		margin-bottom: 20px;
	}

	.page1 p{
		font-size: 16px;
	}

	.page2 .heading{
		font-size: 20px;
	}

	.page2 ol li:before{
		content: counter(item, decimal) ".";
		height: auto;
		width: auto;
		padding: 0;
		margin: 0;
		top: auto;
		font-size: 16px;
		font-family: 'proximanovaregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: 300;
		line-height: 20px;
		background-color: transparent;
	}

	.page2 ol li.green:before{
		color: #5DC2BB;
		background-color: transparent;
	}

	.page2 ol li.pink:before{
		color: #DC557A;
		background-color: transparent;
	}

	.page2 ol li.blue:before{
		color: #69B1CB;
		background-color: transparent;
	}

	.page2 h2 small{
		font-size: 14px;
	}

	.page3 .right .inner{
		padding-bottom: 100px;
	}

	.page4 .right .inner{
		top: auto;
		padding: 0;
	}

	#team-pager{
		bottom: 40px;
	}

	#team-pager a{
		width: 12.5%;
	}
}

/* <= 980 */
@media (max-width: 61.25em){
	.page2 ol{
		margin-bottom: 0;
	}

	.page2 ol li{
		float: none;
	}

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {

}

/* <= 768 */
@media only screen and (max-width: 48em){
	.left{
		margin: 0;
	}

	.page1 .heading{
		font-size: 22px;
		line-height: 1.2em;
		overflow: hidden;
	}

	.logo img{
		width: 320px;
		height: auto;
	}
}


/* <= 600 */
@media only screen and (max-width: 40em){
	p,ul,ol{
		font-size: 18px;
	}

	.page1 p + p{
		display: none;
	}

	footer .left,
	footer .right{
		padding: 0 20px;
	}
}

/* <= 480 */
@media only screen and (max-width: 30em){

	.logo img{
		width: 260px;
	}

	.page1 .heading{
		visibility: hidden;
		height: 0;
	}
}

/* <= 320 */
@media only screen and (max-width: 20em){

	html,
	body{
		min-width: 320px;
	}

	.logo img{
		width: 240px;
	}



}


@media screen, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.5dppx){
    /* Style adjustments for high resolution devices */
	.flight-time ul:before,
	.time-diff ul:before,
	#map-canvas .point,
	.team-content .links a,
	.logo-small a,
	.social-media a,
	.page5 .twitter:before,
	.onepage-pagination li a:after{
		background-image: url("../images/sprite@2x.png");
		background-size: 540px 240px;
	}

	#map-canvas{
		background-size: cover;
	}

	#map-canvas .map-cover{
		background-image: url("../images/page6-screen@2x.png");
		background-size: 270px 926px;
	}

	#map-canvas .map-cover:before,
	#map-canvas .map-cover:after{
		background-image: url("../images/page6-screen-1px@2x.png");
		background-size: 1px 926px;
	}

	.page1 .left{
		background-color: #5DC3C1;
		background-image: url("../images/page1@2x.png");
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7C685), to(#5DC3C1));
		background-image: -webkit-linear-gradient(top, #F7C685, #5DC3C1);
		background-image:    -moz-linear-gradient(top, #F7C685, #5DC3C1);
		background-image:     -ms-linear-gradient(top, #F7C685, #5DC3C1);
		background-image:      -o-linear-gradient(top, #F7C685, #5DC3C1);
		background-image:         linear-gradient(top, #F7C685, #5DC3C1);
		background-size: 100% 100%;
		background-repeat: repeat-x;
	}

	.page2 .left{
		background-color: #B07FCA;
		background-image: url("../images/page2@2x.png");
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5DC3C1), to(#B07FCA));
		background-image: -webkit-linear-gradient(top, #5DC3C1, #B07FCA);
		background-image:    -moz-linear-gradient(top, #5DC3C1, #B07FCA);
		background-image:     -ms-linear-gradient(top, #5DC3C1, #B07FCA);
		background-image:      -o-linear-gradient(top, #5DC3C1, #B07FCA);
		background-image:         linear-gradient(top, #5DC3C1, #B07FCA);
		background-size: 100% 100%;
		background-repeat: repeat-x;
	}

	.page3 .left{
		background-color: #6AA8D2;
		background-image: url("../images/page3@2x.png");
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B07FCA), to(#6AA8D2));
		background-image: -webkit-linear-gradient(top, #B07FCA, #6AA8D2);
		background-image:    -moz-linear-gradient(top, #B07FCA, #6AA8D2);
		background-image:     -ms-linear-gradient(top, #B07FCA, #6AA8D2);
		background-image:      -o-linear-gradient(top, #B07FCA, #6AA8D2);
		background-image:         linear-gradient(top, #B07FCA, #6AA8D2);
		background-size: 100% 100%;
		background-repeat: repeat-x;
	}

	.page4 .left{
		background-color: #E78AA9;
		background-image: url("../images/page4@2x.png");
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6AA8D2), to(#E78AA9));
		background-image: -webkit-linear-gradient(top, #6AA8D2, #E78AA9);
		background-image:    -moz-linear-gradient(top, #6AA8D2, #E78AA9);
		background-image:     -ms-linear-gradient(top, #6AA8D2, #E78AA9);
		background-image:      -o-linear-gradient(top, #6AA8D2, #E78AA9);
		background-image:         linear-gradient(top, #6AA8D2, #E78AA9);
		background-size: 100% 100%;
		background-repeat: repeat-x;
	}

	.page5 .left{
		background-color: #EEA671;
		background-image: url("../images/page5@2x.png");
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E78AA9), to(#EEA671));
		background-image: -webkit-linear-gradient(top, #E78AA9, #EEA671);
		background-image:    -moz-linear-gradient(top, #E78AA9, #EEA671);
		background-image:     -ms-linear-gradient(top, #E78AA9, #EEA671);
		background-image:      -o-linear-gradient(top, #E78AA9, #EEA671);
		background-image:         linear-gradient(top, #E78AA9, #EEA671);
		background-size: 100% 100%;
		background-repeat: repeat-x;
	}

	.no-rgba footer{
		background-image: url("../images/footer-bg@2x.png");
		background-size: 1px 1px;
	}
}

/*ie hack*/
.lt-ie9{
	position: relative;
}

.lt-ie9 .onepage-pagination{
	display: none !important;
	visibility: hidden !important;
}

.lt-ie9 .main{
	position: absolute !important;
	height: 100% !important;
	width: 100% !important;
	overflow-y: scroll!important;
}

.lt-ie9 body,
.lt-ie9 .main{
	width: 100%;
	height: auto;
	position: static;
	height: auto;
}

/*print styles*/
@media print{
    *{
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited{
        text-decoration: underline;
    }

    a[href]:after{
        content: " (" attr(href) ")";
    }

    abbr[title]:after{
        content: " (" attr(title) ")";
    }

    /*don't show links for images, or javascript/internal links*/
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after{
        content: "";
    }

    pre,
    blockquote{
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead{
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img{
        page-break-inside: avoid;
    }

    img{
        max-width: 100% !important;
    }

    @page{
        margin: 0.5cm;
    }

    p,
    h2,
    h3{
        orphans: 3;
        widows: 3;
    }

    h2,
    h3{
        page-break-after: avoid;
    }
}