@charset 'utf-8';

@font-face {
	font-family:'icomoon';
	src:url('../fonts/icomoon.eot?g93dj8');
	src:url('../fonts/icomoon.eot?#iefixg93dj8') format('embedded-opentype'),
		url('../fonts/icomoon.woff?g93dj8') format('woff'),
		url('../fonts/icomoon.ttf?g93dj8') format('truetype'),
		url('../fonts/icomoon.svg?g93dj8#icomoon') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* Eric Meyer's Reset CSS v2.0 + Extras */
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,button{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0}button{background:none;cursor:pointer;}

html,button,input,textarea{color:#000; font-family:'Ubuntu',sans-serif; font-weight:300; -webkit-font-smoothing:antialiased; -webkit-font-variant-ligatures:common-ligatures; -moz-font-variant-ligatures:common-ligatures; -o-font-variant-ligatures:common-ligatures; -ms-font-variant-ligatures:common-ligatures; font-variant-ligatures:common-ligatures;}
input[type=submit],
input[type=button],
button{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}
button:focus{outline:none;}
body{font-size:16px; text-align:center; line-height:1.8; background-color:#fff;}


/* --- UTILITY --- */

.invisible{position:absolute; left:-999em;} /* Can be seen by screen readers */
.removed{display:none;}
.relative{position:relative;}
.removed-desktop,
.removed-desktop2{display:none;}


/* --- TYPOGRAPHY --- */

strong,
b{font-weight:bold;}
em,
i{font-style:italic;}

a{color:#d70056; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; -o-transition:color 0.2s; -ms-transition:color 0.2s; transition:color 0.2s;}
a:focus,
a:hover{color:#000;}

.htype1{margin:1em 0; text-transform:uppercase; font-weight:400; letter-spacing:0.4em; line-height:1.3;}
.htype1 span{display:block; color:#d70056;}
.htype2{display:inline-block; margin-bottom:3em; background-color:#d70056; color:#fff; text-transform:uppercase; letter-spacing:0.4em; font-weight:400; font-size:1.2em; padding:0.4em 2.65em 0.4em 3em;}
.htype2:before{position:absolute; top:26%; left:0; right:0; height:2px; background-color:#d70056; content:''; z-index:-1;}
.htype2.green,
.htype2.green:before{background-color:#00aaad;}

.ptype1{margin:0.8em 0 1em; font-size:2.2em; line-height:1.3;}
.ptype2,
.ptype3{color:#d70056; letter-spacing:0.3em; font-weight:400; text-transform:uppercase;}
.ptype2{font-size:1.4em;}
.ptype3{font-size:1.1em;}


/* --- NAVIGATION --- */

#nav-primary{position:absolute; right:0; top:2.85em; font-size:1.2em; font-weight:400;}
#nav-primary li{display:inline-block; margin-left:0.2em;}
#nav-primary li a{text-decoration:none; color:#fff; padding:0.6em; -webkit-transition:color 0.2s, background-color 0.2s; -o-transition:color 0.2s, background-color 0.2s; transition:color 0.2s, background-color 0.2s;}
#nav-primary li a:hover{background-color:#fff; color:#d70056;}

#nav-social{margin-bottom:1em;}
#nav-social li{display:inline-block; margin-right:0.1em;}
#nav-social li a{border:2px solid #fff; border-radius:100%; line-height:1.6em; text-align:center; display:block; width:0.8em; height:1.6em; padding:0 0.4em;}

#m-nav-toggle{display:none; position:absolute; right:20px; top:1.3em; color:#fff;}
#m-nav-toggle:before{content:''; font-size:1.6em; line-height:1; vertical-align:middle;}

#m-nav-toggle,
.social-icon{font-family:'icomoon'; vertical-align:middle; text-decoration:none; font-size:1.8em;}
.social-icon.twitter:before{content:"\f099";}
.social-icon.facebook:before{content:"\f09a";}
.social-icon.linkedin:before{content:"\f0e1";}
.social-icon.youtube:before{content:"\f167";}
.social-icon.instagram:before{content:"\f16d";}

#m-nav-toggle:before{content:"\e60c";}

/* --- CONTENT --- */

#logo{position:absolute; top:2em; width:150px; height:79px; display:block; background:url(../images/logo.png) no-repeat 0 0;}

.hello{width:113px; height:96px; margin:-2.4em auto 0; background:url(../images/hello.png) no-repeat 0 0; position:relative; z-index:98;}

#slideshow-square{display:none;}

#slideshow-pager{text-align:center; margin:-2.5em auto 0.7em; position:relative; z-index:100; color:#ddd; font-size:3em;}
#slideshow-pager span{cursor:pointer; margin:0 0.05em;}
#slideshow-pager span.selected{color:#d70056;}

#header{position:absolute; z-index:999; top:0; left:0; right:0; /*border-top:6px solid #d70056;*/ background-color:#fff; background-color:rgba(215,0,86,0.96);}
#header .relative{height:9em;}

#footer{background-color:#d70056; color:#fff; overflow:hidden; font-weight:400; text-align:left;}
#footer a{color:#fff;}
#footer .row{margin-top:2em; margin-bottom:6em;}

#message-sent{background-color:#fff; padding-top:20%; background-color:rgba(255,255,255,0.9); position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999;}
#message-sent div{position:relative; font-size:2em; text-align:center; color:#fff; background-color:#d70056; max-width:500px; margin:0 auto; padding:2em 1em;}
#message-sent button{position:absolute; top:1em; right:1em; font-weight:400; color:#fff; font-size:0.6em; line-height:1;}

.separated{margin-bottom:5em;}
.separated-less{margin-bottom:3em;}

img{margin:0 auto;}

.m-colclear{clear:both; display:none;}

.caption{max-width:800px; position:absolute; padding:0 20px; top:50%; left:0; right:0; bottom:0; margin:0 auto;}
.caption div{float:left; clear:both; left:0; background-color:#fff; color:#d70056; font-weight:400; line-height:1;}
.caption-1{font-size:2em; margin-bottom:10px; padding:0.2em 0.4em;}
.caption-2{letter-spacing:0.5em; text-transform:uppercase; font-size:1.2em; padding:0.3em 0.4em;}

input,
textarea{border:1px solid #000; font-size:1.1em; margin-bottom:1em; padding:1em; resize:none; display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
form button{display:block; background-color:#d70056; color:#fff; font-weight:400; padding:0.2em 1.6em 0.2em 2em; text-transform:uppercase; letter-spacing:0.3em; transition:background-color 0.2s;}
form button:hover,
form button:focus{background-color:#000;}

.swipe{
	overflow:hidden;
	visibility:hidden;
	position:relative;
}
.swipe-wrap{
	overflow:hidden;
	position:relative;
}
.swipe-wrap > div{
	float:left;
	width:100%;
	position:relative;
}
.swipe .container{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.swipe .row{
	height:100%;
}
.swipe-nav{
	position:absolute;
	top:49%;
	width:29px;
	height:98px;
	cursor:pointer;
}
.swipe-nav.prev{
	left:0;
	background:url(../images/arrow-left.png) no-repeat 0 0;
}
.swipe-nav.next{
	right:0;
	background:url(../images/arrow-right.png) no-repeat 0 0;
}




/* --- SMALLER SCREENS --- */

@media only screen and (max-width:1023px){

body{font-size:0.8em;}

#header .relative{height:9em;}
#nav-primary{top:3em;}

.swipe-nav{top:70%;}

#logo{top:2.6em; width:80px; height:45px; background-image:url(../images/logo-small.png);}

#nav-social{font-size:0.8em;}

/*#slideshow{margin-left:-10em; margin-right:-10em; overflow:hidden;}
.caption{left:10em; right:10em;}*/

}


/* --- MOBILE --- */

@media only handheld, screen and (max-width:767px){ /* 768 = iPad screen */

body{font-size:1em;}

#header{position:static; background-color:#d70056; -webkit-transition:background-color 0.6s; -o-transition:background-color 0.6s; transition:background-color 0.6s;}
body.m-nav-open #header{margin-bottom:1em; background-color:#00aaad;}
body.m-nav-open #header .relative{height:auto;}

#nav-primary{overflow:hidden; height:0; position:static; text-align:right; font-size:1.4em;}
#nav-primary li{display:block;}
body.m-nav-open #nav-primary{padding-top:5em; padding-bottom:2em; height:auto;}

#m-nav-toggle{display:block;}

#logo{left:2em; top:2.4em; width:80px; height:45px;}

/*#slideshow{margin-left:0; margin-right:0; overflow:hidden;}
.caption{left:0; right:0;}*/

.removed-desktop{display:block;}
.removed-mobile{display:none;}

.separated{margin-bottom:3em;}
.separated-less{margin-bottom:2em;}

.m-colclear{display:block;}

.htype2{font-size:1em;}
.ptype1{font-size:1.6em;}
.ptype2{font-size:1.2em;}
.ptype3{font-size:1em;}

.caption{top:36%;}
.caption div{background-color:#d70056; color:#fff;}
.caption-1{font-size:1.4em;}
.caption-2{font-size:0.8em;}

#slideshow{height:0; visibility:hidden;}
#slideshow-square{display:block;}

.swipe-nav{top:64%;}
.swipe-nav.prev{left:20px;}
.swipe-nav.next{right:20px;}

}

@media only handheld, screen and (max-width:529px){

body{font-size:0.9em;}

#header .relative{height:7em;}

.removed-desktop2{display:block;}
.removed-mobile2{display:none;}

.hello{margin:-4.4em auto 1em;}

#slideshow-square{display:none;}
.caption{border-top:1em solid #fff; position:static; background-color:#d70056; padding:1em 1em 1.4em;}
.caption div{float:none; padding:0; line-height:1.4;}
.caption-1{font-size:1.4em; margin-bottom:6px;}
.caption-2{letter-spacing:0.4em; text-transform:uppercase; font-size:0.8em;}
#slideshow-pager{display:none;}

.swipe-wrap{background-color:#d70056;}

.swipe-nav{top:25%;}

.about-gif{width:40%; margin-bottom:1em;}
.people-pic{margin:0 auto; width:80%;}

#what-we-do-container{background-color:#d70056; color:#fff; margin-bottom:3em;}

#message-sent div{font-size:1.6em;}

.ptype1{margin-bottom:3em;}

#footer{text-align:center;}

}

@media only handheld, screen and (max-width:399px){

.htype1{font-size:0.9em;}
body.m-nav-open #nav-primary{padding-bottom:1em;}
#logo{left:1.6em;}

}

/* --- RETINA --- */

@media only screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:1.5dppx), screen and (min-resolution:192dpi){

.hello{-webkit-background-size:113px 96px; background-size:113px 96px; background-image:url(../images/hello-2x.png);}
#logo{-webkit-background-size:150px 79px; background-size:150px 79px; background-image:url(../images/logo-2x.png);}

}

@media only handheld and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1023px) and (-webkit-min-device-pixel-ratio:2), handheld and (min-resolution:1.5dppx), screen and (max-width:1023px) and (min-resolution:1.5dppx), handheld and (min-resolution:192dpi), screen and (max-width:1023px) and (min-resolution:192dpi){ /* Retina mobile */

#logo{-webkit-background-size:80px 45px; background-size:80px 45px; background-image:url(../images/logo-2x.png);}

}