/*= RESET
-----------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remember to define focus styles! */


:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */


ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */


table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: 500;
}


/*= STRUCTURE
-----------------------------------------*/
.partnerpage {
	font: 0.875em "Lato", sans-serif;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	color: #000;
	line-height: 28px;
	letter-spacing:0.025em;
	margin: 0;
	width: 100%;
}
.partnerpage section { 	margin: 0 auto; width : 100%; }

.partnerpage { position: relative; min-height: 100%; }

/*= GRID
-----------------------------------------*/
.partnerpage .grid1 { width:830px; max-width:100%;}
.partnerpage .grid2 { width:630px; max-width:100%;}
.partnerpage .pad01 { padding:0 25px;}
.partnerpage .padMobile { padding:0;}
.partnerpage .sectionPad01 { padding:58px 0;}
.partnerpage .sectionPad02 { padding:72px 0 62px;}
.partnerpage .sectionPad03 { padding:43px 0 52px;}
.partnerpage .sectionPad04 { padding:72px 0}

/*= FONT
-----------------------------------------*/
.partnerpage #customize h1,
.partnerpage #iphone .text h2,
.partnerpage .banner > .caption h2,
.partnerpage .tabletSection .text h2,
.partnerpage .btn-blue { font-family:"Montserrat", sans-serif; font-weight:700;}

/*= GENERAL
-----------------------------------------*/
.partnerpage .clear { clear: both; }
.partnerpage .margAuto { margin:0 auto; }
.partnerpage .fr { float:right; }
.partnerpage .fl { float:left; }
.partnerpage p { margin-bottom:26px;}
.partnerpage p:last-child { margin-bottom:0;}
.partnerpage p strong { font-weight:700; }
.partnerpage p em { font-style:italic; }
.partnerpage .half { width:50%; }
.partnerpage .full { width:100%; }
.partnerpage img.full { display:block; height:auto;}
.partnerpage .relative { position:relative; }
.partnerpage .borderBottom > div { border-bottom:1px solid #eeeeee;}
.partnerpage .afterClear:after { content:''; display:block; clear:both;}
.partnerpage .filter { position:relative;}
.partnerpage .filter:after { content:''; position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.35);}
.partnerpage .centerText { text-align:center;}
.partnerpage .text ul { margin:20px 0 30px; list-style:none; padding-left:35px;}
.partnerpage .text ul > li { line-height:1.57em; margin-bottom:14px; position:relative; text-align:left; }
.partnerpage .text ul > li:last-child { margin:0;}
.partnerpage .text ul > li:before { content:''; position:absolute; z-index:1; width:22px; height:22px; background-image:url('/images/liststyle-f8fc78c6.png'); background-repeat:no-repeat; background-size:cover; left:-35px;}
.partnerpage .grey { background-color:#eeeeee;}

/*= BUTTONS
-----------------------------------------*/
.partnerpage .btn-blue {-webkit-appearance: none; font-weight:400; width:200px; text-align:center; font-size:14px; line-height:50px; background-color:#3498db; color:#FFF; text-transform:uppercase; border:0.125rem solid transparent;  white-space: nowrap;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 29px; text-decoration:none; display:block; }
.partnerpage .btn-blue:hover { color:rgba(0,0,0,0.8); border-color:#3498db; background:none; }
 
/*= SLIDER 1
-----------------------------------------*/
.partnerpage .flexslider.top { margin-bottom:24px;}
.partnerpage > .flexslider > .logo > a { position:absolute; z-index:2; top:50%; left:50%; margin-left:-128px; margin-top:46px; opacity: 0; filter: alpha(opacity=0);}
.partnerpage > .flexslider .slides > li { position:relative;}
.partnerpage .flex-control-nav { bottom: -15px; height: 6px;}
.partnerpage .flex-control-paging li a.flex-active, 
.partnerpage .flex-control-paging li a:hover {  background-color:#000;}

/*= CUSTOMIZE SECTION
-----------------------------------------*/
.partnerpage #customize { text-align:center;}
.partnerpage #customize h1 { margin:7px 0; font-size:24px; line-height:1em; text-transform:uppercase;}
.partnerpage #customize h1:after { content:''; width:30px; height:5px; background-color:#3498db; display:block; margin: 32px auto 22px;}
.partnerpage #customize p { font-size:16px; line-height:1.5em;}

/*= IPHONE SECTION
-----------------------------------------*/
.partnerpage #iphone .iphone { width:300px; background-image:url('/images/iphone-frame-7806866b.png'); background-position:center center; background-repeat:no-repeat; background-size:cover; padding:69px 19px; box-sizing:border-box; margin-bottom:24px;}
.partnerpage #iphone .text { box-sizing:border-box; padding-left:62px; overflow:hidden;  }
.partnerpage #iphone .flex-control-nav { bottom:-85px;}
.partnerpage #iphone .text h2 { font-size:18px; line-height:1em; text-transform:uppercase; color:#3498db; margin-top:22px; margin-bottom:24px;}
.partnerpage #iphone .text h3 { line-height:1em; }

.partnerpage #iphone .text .btn-appStore { display:block; width:131px; height:39px; background-image:url('/images/apple-store-723ad2c4.png'); background-repeat:no-repeat; background-size:cover;  }

/*= BANNER
-----------------------------------------*/
.partnerpage .banner { position:relative; color:#FFF;}
.partnerpage .banner > .caption { box-sizing:border-box; position:absolute; z-index:2; width:100%; opacity:0;filter: alpha(opacity=0);}
.partnerpage .banner > .caption h2 { font-size:32px; line-height:1.5em;  padding:0; margin:0; text-transform:uppercase; }
.partnerpage .banner > .caption h2:after { content:''; width:30px; height:5px; background-color:#3498db; display:block; margin: 24px auto 16px; }
.partnerpage .banner > .caption p { font-weight:300; font-size:28px; line-height:1.2em;}

/*= TABLET 1 SECTION
-----------------------------------------*/
.partnerpage #tablet .tablet {
	background-image:url('/images/kaos-frame-a70d219d.png');
	padding-top: 4.1%;
	padding-bottom: 15.5%;
	padding-left: 18.3%;
	padding-right: 18.6%;
}
.partnerpage #tablet .tablet .flexslider { background-color:#272727;}
.partnerpage #tablet .flex-control-nav { bottom:-57%;}
.partnerpage .tabletSection .tablet { width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;  box-sizing:border-box; margin-bottom:24px; }
.partnerpage .tabletSection .text { margin-top:75px;}
.partnerpage .tabletSection .text h2 { text-transform:uppercase; font-size:18px; line-height:1em; color:#3498db; margin-bottom:25px; }
.partnerpage .tabletSection .text p { margin-bottom:52px; }

/*= TABLET 2 SECTION
-----------------------------------------*/
.partnerpage #tablet2 .tablet { background-image:url('/images/kilt-frame-2b23a2cc.png'); padding:10.15% 14.28% 10.15% 14.60%;}
.partnerpage #tablet2 .tablet .flexslider { background-color:#000;}
.partnerpage #tablet2 .flex-control-nav { bottom:-32%;}

/*= BUTTONS
-----------------------------------------*/
.partnerpage .wrapButton { display:table;}

