/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

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

body {
	line-height: 1;
	text-align:center;
}

::-moz-selection {
    background: #D8032C;
    color:#fff;
    text-shadow: none;
}

::selection {
    background: #D8032C;
    color:#fff;
    text-shadow: none;
}

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

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Culled from Eric Meyer's 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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
	outline: none;
}
select:focus,
input:focus,
a:focus {
	outline: 0 none !important;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html, body {
	height:100%;
	margin-bottom:0 !important;
	padding-bottom: 0 !important;
}
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html {
	font-size: 62.5%;
}
body {
	background:#fff;
	color:#333;
	font-size: 10px;
	line-height:1;
	padding:0 !important;
}

*, 
*:after, 
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* telephone numbers */
a[href*="tel:"] {
	white-space:nowrap;
	cursor:default;
	text-decoration:none !important;
	color:inherit !important;
}


/* animate the transitions */
nav a,
.btn,
.box a.fa,
footer a,
a.zoom::after,
.fancybox-close::after,
.reveal h5 a,
h6.ico,
section ul.partners li a img,
footer .social,
#contact input[type=checkbox] {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}



header #logo img,
img.full {width:100%;}
img.halfwidth {width:50%; display:block; clear:both; }
a.zoom img.halfwidth {margin:0 auto;}

img.inline {width:30%; float:left; margin:0 4% 1% 0; max-width:150px;}



#wrapper {
	margin:0 auto;
	/*max-width:1920px;*/
	width:100%;
	display:block;
	clear:both;
	position:relative;
}



section {width:100%; position:relative; background-color:#fff; clear:both; margin:0 auto; min-height:500px}


.row {width:100%; position:relative; clear:both; margin:0 auto; padding:5% 0; text-align:left;}
.grey {background:#e2e4e2;}
.pale {background:#edf7fe;}
.blue {background:#003E51 !important;}
hgroup,
.container {max-width:1040px; width:90%; position:relative; display:block; clear:both; margin:0 auto;}
.col {position:relative; margin:0; }
.half {width:48%; float:left;margin-right:4%}
.third {width:31.333%; float:left;margin-right:4%}
.quarter {width:23%; float:left;margin-right:4%}
.twothird {width:64.666%; float:left; margin-right:4%;}
.threequarter {width:73%; float:left;margin-right:4%}
.last {margin:0 !important;}
.center {text-align:center;}



/* split rows */
.row.split { padding:0; }
.row.split .image {position:absolute;  display:block; height:100%; width:48.5%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.row.text-right .image {left:0}
.row.text-left .image {left:51.5%;}
.row.split .text {
	position:relative;
	max-width: 500px;
	width:48%;
	display:block;
	padding:3% 0;
	margin-top:50px;
	margin-bottom:50px;
}
.row.text-right .text {left:51.5%; }
.row.text-left .text {left:48.5%; margin-left:-500px;}
.row.split .text p {font-size:18px; font-size:1.8rem; line-height:1.5em; margin-bottom:1.8em}





/* website footer */
footer {width:100%; display:block; color:#fff;clear:both; position:relative; background:#003E51; margin:0 auto; padding:20px 0;}
footer .container {background: url(../images/logo.png) right top no-repeat; background-size:10.5%; text-align:left; padding:2.5% 0}
footer li,
footer a {color:#fff;white-space:nowrap; text-decoration:none; margin-bottom:0;line-height:1;}
footer a:hover {color:#00A9E0; text-decoration:none; }
footer ul {width:100%; display:block; margin:0 auto; }
footer li {display:inline-block; border-right:1px solid #fff; padding: 2px 7px 2px 0; margin-right:5px}
footer li:last-of-type {padding-right:0; margin-right:0; border:none;}
footer .social {float:right; margin:0 12.5% 5px 5%;}
footer .social a {display:inline-block; width:44px; height:44px ; border-radius:22px; color:#003E51; background:#fff; text-align:center; font-size:26px; line-height:44px; margin:0 0 0 20px;}
footer .social a:hover {border-radius:22px; color:#fff; background:#00A9E0;}
footer p {max-width:740px; margin:1.7em 0 0; line-height:140%}
footer p,
footer li {font-size:12px; font-size:1.2rem;}



/* responsive menu stuff....... */
#mobile-nav,
#mobile-bar,
#mobile-overlay {display:none}

	/* ======================================== */
	/* desktop nav */
	header {
		position:relative;
		background:#fff;
		width:100%;
		height:100px;
		display:block;
		z-index:50;
		clear:both;
		padding-top:15px;
	}
	header #logo {
		float:left;
		display:block; 
		width:64px; 
		z-index:1; 
		position:relative;
		margin:0;
		-webkit-transition: width 0.3s ease;
		-moz-transition: width 0.3s ease;
		-o-transition: width 0.3s ease;
		transition: width 0.3s ease;
	}
	a#logo::after {
		display:block;
		background: url(../images/title.png) left center no-repeat;
		background-size:contain;
		width:0;
		height:100%;
		content:"";
		left:76px;
		top:0;
		position:absolute;
		opacity:0;
		transition: opacity .5s ease;
	}

	#home header #logo {cursor:default;}
	header nav {
		float:right;
		position:relative;
		margin-top:35px;
	}
	header nav li {
		display:inline-block;
		position:relative;
		height:32px;
		margin-left:24px;
	}
	header nav li:first-of-type {margin-left:0;}
	header nav li a {
		padding:8px 0;
		color:#003E51;
		display:block;
		line-height:14px;
		font-size:14px;
		font-size:1.4rem;
		font-weight: 600;
		text-decoration:none;
		border-bottom:2px solid #fff;
	}
	header nav li a:hover,
	header nav li:hover a {
		color:#00A9E0;
		text-decoration:none;
	}
	header nav li a.selected {
		color:#00A9E0;
		cursor:default;
		border-bottom:2px solid #00A9E0;
	}
	
	header nav ul #menu8,
	header nav ul #menu9 {display:none;}
	
	header nav ul .hassub ul {
		display:none;
		margin:0;
		position:absolute; 
		z-index:5;
		top:26px;
		height:auto;
		min-height:0;
		padding: 0;
		background:transparent url(../images/nav2.png) top center no-repeat;
		background-size:100%; 
		left:50%;
		margin-left:-120px; 
		width:240px;
	}
	header nav ul .hassub ul li { 
		display:block; 
		clear:both; 
		text-align:left;
		height:auto; 
		width:100%; 
		padding:0;
		margin:0;
	}
	header nav ul .hassub ul li:first-of-type { 
		padding-top:22px;
	}
	header nav ul .hassub ul li:last-of-type { 
		border-bottom:2px solid #116682;
		padding-bottom:10px;
	}
	header nav ul .hassub a.selected {cursor:pointer;color:#00A9E0;border-bottom:2px solid #00A9E0;}
	
	header nav ul .hassub ul ul {}
	
	header nav ul .hassub:hover ul li a,
	header nav ul .hassub ul li a {
		/*white-space:nowrap; */
		color:#fff !important; 
		display:block; 
		clear:both;
		text-transform:none;
		border:none;
		font-size:14px;
		font-size:1.4rem;
		font-weight:600;
		line-height:120%;
		height:auto;
		padding: 10px 20px;
	}
	
	
	header nav ul .hassub:hover ul li a.selected,
	header nav ul .hassub ul li a.selected {text-decoration:none;color:#003E51 !important;cursor:pointer;}
	
	header nav ul .hassub ul li a:hover,
	header nav ul .hassub ul li a.selected,
	header nav ul .hassub ul li a:hover::after,
	header nav ul .hassub ul li a.selected::after {
		color:#003E51 !important
	}
	.lt-ie8 header nav ul li { display:inline;}

/* end nav... */
/* ======================================== */




.hdr {background:#003e51;display: block; width:100%; position:relative;}
.hdr .item {
	display: block;
	background-color:#003e51;
	max-width:1040px;
	margin:0 auto;
	width: 90%;
	padding:0;
	height: 500px;
	text-align:left;
	position:relative;
	transition: height 0.2s ease;
	background-size:47.5%;
	background-position:right bottom;
	background-repeat:no-repeat
}
.hdr .content {
	position: absolute;
	display: block;
	left: 0;
	width:440px;
	top: 50%;
	margin: 0;
	z-index: 5;
	color:#fff;
	-webkit-transform: translateX(0) translateY(-50%);
	-moz-transform: translateX(0) translateY(-50%);
	-ms-transform: translateX(0) translateY(-50%);
	-o-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
}
.owl-carousel p,
.hdr p {
	font-size:21px;
	font-size:2.1rem;
	/*margin-bottom:1.5em;*/
	line-height:1.3em;
}
.owl-carousel .item .btn,
.hdr .btn {
	margin-top:2em;	
}



.btn {
	background:#00A9E0;
	border-bottom:2px solid #116682;
	width:auto;
	display:inline-block;
	padding:12px 28px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-size:1.8rem;
	font-weight:600;
	min-width:180px;
	line-height:120%;
	text-align:center;
}
.btn:hover {
	background:#D8032C;
	border-bottom:2px solid #a00;
	color:#fff;
	text-decoration:none;
}




h1,
h2 {font-size:32px; font-size:3.2rem;letter-spacing:-0.02em;line-height:1.3em;margin-bottom:.9em; }
section h1,
section h2 {color:#00A9E0; }
h3 {font-size:24px;font-size:2.4rem; margin-bottom:1.25em; line-height:130%;}
.subpage section h3 {color:#00A9E0;}
section h4 {font-size:30px;font-size:3rem; margin-bottom:.75em; line-height:120%;color:#000; letter-spacing:-0.01em;}
section h5 {font-size:20px;font-size:2rem; margin-bottom:1.3em; line-height:135%;color:#000}
section h6 {font-size:16px; font-size:1.6rem; margin-bottom:1.6em;line-height:140%;color:#00A9E0}
/*section h6 .fa {font-size:165%; color:#333; margin-right:1.5%; vertical-align:bottom;}*/
section p {font-size:15px; font-size:1.5rem; margin-bottom:1.5em;line-height:1.666em; }
section p.lead {font-size:18px; font-size:1.8rem; font-weight:600; line-height:1.5em; color:#666; margin-bottom:1em}
section .wide {max-width:720px}
section strong {font-weight:600; font-style:inherit;}
section em {font-weight:inherit; font-style:italic;}
section a {color:#00A9E0; text-decoration:underline; font-weight:inherit;}
section a:hover {color:#003e51; text-decoration:none;}

section li {font-size:15px; font-size:1.5rem; margin-bottom:.75em;line-height:1.35em; color:#000}
section li li {font-size:1em;}
section ul {
	list-style:disc; 
	margin:0 0 3em 2em; 
	display:block; 
	clear:both;
	position:relative;
	width:90%;
}
section ul li.callout {
	list-style:none;
	border-left: 2px solid #003e51;
	color:#003e51;
	padding-left:1em;
	font-weight:300;
	font-style:italic;
}
section ul.pdf {
	list-style:none;
	margin-left:0;
	width:100%;
}
section ul.pdf li {
	padding: 0 0 .2em 2.4em;
	background: url(../images/pdf-ico.png) 0 0 no-repeat;
	background-size:22px;
}
section ul.pdf li strong {color:#333;}
section ul.pdf li.video {
	background: url(../images/play-ico.png) 0 0 no-repeat;
	background-size:22px;
}
section ul.pdf li.link {
	background: url(../images/link-ico.png) 0 0 no-repeat;
	background-size:22px;
}
section ul.pdf li.tool {
	background: url(../images/link-ico.png) 0 0 no-repeat;
	background-size:22px;
}
section ul.pdf li.trow {
	padding: 0 0 .01em 2.4em;
	background: none;
}
section ul.pdf li.trow  ul {
	list-style:none;
	margin:12px 0 0 0;
}
section ul.partners {
	list-style:none;
	margin-left: 0;
	padding-top:40px;
	width:100%;
}
section ul.partners li {
	width:13.333%;
	vertical-align:top;
	margin:0 4% 3% 0;
	display:inline-block;
	text-align:center;
	line-height:110% !important;
}
section ul.partners li:nth-of-type(6n) {
	margin-right:0;
}
section ul.partners li a {font-size:85%;text-decoration:none !important; }
section ul.partners li img {
	margin:0 auto 8px;
	border:1px solid #e2e4e2;
	display:block;
	clear:both;
	position:relative;
	width:100%;
}


section ul.icons {
	list-style:none;
	margin: 0 auto;
	width:100%;
}
section ul.icons li {
	width:10%;
	vertical-align:top;
	margin:0 5% 0 -3px;
	display:inline-block;
	text-align:center;
	line-height:1;
}
section ul.icons li:first-of-type {
	margin-left:0;
}
section ul.icons li:last-of-type {
	margin-right:0;
}
section ul.icons li img {
	position:relative;
	width:100%;
}


section ul.partners li a:hover img {
	border-color:#00a9e0
}
section ol {
	list-style:decimal;
	margin:0 0 3em 3em; 
	display:block; 
	clear:both;
	position:relative; 
	/*background:pink;*/
	width:90%;
}
section ol.special {
	list-style:none;
	margin:3em 0 4em 0;
}
section ol.special li {
	margin-left:3.25em;
	margin-bottom:1.5em;
	position:relative;
	font-size:18px; 
	font-size:1.8rem;
	display:block;
	clear:both;
}
section ol.special li::before {
	display:block;
	position:absolute;
	width:2.4em;
	height:2.4em;
	line-height:2.35em;
	text-align:center;
	font-weight:600;
	color:#fff;
	font-size:1em;
	content:"";
	border-radius:50%;
	left:-3.25em;
	margin-top:-.5em;
	/*padding-left:.25em;*/
}
section ol.special li.gr-blue::before {
	content: "1";
	background: #49bac3;
	background: -moz-linear-gradient(-45deg, #49bac3 0%, #388cb0 100%);
	background: -webkit-linear-gradient(-45deg, #49bac3 0%,#388cb0 100%);
	background: linear-gradient(135deg, #49bac3 0%,#388cb0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49bac3', endColorstr='#388cb0',GradientType=1 );
}
section ol.special li.gr-orange::before {
	content: "2";
	background: #f29c26;
	background: -moz-linear-gradient(-45deg, #f29c26 0%, #e12921 100%);
	background: -webkit-linear-gradient(-45deg, #f29c26 0%,#e12921 100%);
	background: linear-gradient(135deg, #f29c26 0%,#e12921 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29c26', endColorstr='#e12921',GradientType=1 );
}
section ol.special li.gr-purple::before {
	content: "3";
	background: #c793c0;
	background: -moz-linear-gradient(-45deg, #c793c0 0%, #404390 100%);
	background: -webkit-linear-gradient(-45deg, #c793c0 0%,#404390 100%);
	background: linear-gradient(135deg, #c793c0 0%,#404390 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c793c0', endColorstr='#404390',GradientType=1 );
}


a.zoom {
	display:block;
	clear:both;
	position:relative;
	margin:0 0 10px;
	width:100%;
	background:#eaeae8; 
	text-align:center;
	text-decoration:none;
}
a.zoom::after {
	content: "\f00e";
	position:absolute;
	width:40px;
	text-align:center;
	line-height:40px;
	font-size:26px;
	height:40px;
	background:#00A9E0;
	color:#fff;
	bottom:0;
	right:0;
	text-decoration:none;
	font-family:"FontAwesome";	
}
a.zoom:hover::after {
	background:#D8032C;
	color:#fff;
	text-decoration:none;
}


/* youtube player */
.ytcontainer {display:block; clear:both; position:relative; width:100%; margin:0 auto ;}
.ytcontainer img {display:block; position:relative; width:100%;}
.poster {display:block; clear:both; position:absolute; top:0;left:0; width:100%; height:100%; margin:0; z-index:2; background:#003e51; cursor:pointer}
.ytplayer {display:block;clear:both; position:absolute; top:0;left:0; width:100%; height:100%; margin:0; z-index:1}
#home .ytplayer {display:none; }
.box .ytcontainer {margin-bottom:20px}



/* diagram */
h6.ico {cursor:pointer;}
h6.ico:hover{ color:#333;}
h6.ico #icon {width:24px; height:24px; margin-right:1.5%; vertical-align:bottom}
h6.ico #icon path,
h6.ico #icon rect,
h6.ico #icon polygon {fill:#333;}
.grad {
	display:block;
	clear:both;
	position:relative;
	width:100%;
	max-width:540px;
	margin:0 auto;
	border-radius:50%;
}
#svg {
	display:block;
	position:absolute;
	top:2.5%;
	left:2.5%;
	width:95%;
	height:95%;
	padding:2.5%;
	border-radius:50%;
	z-index:1;
	background:white/*#e2e4e2*/;
}
#svg #diagram {
	width:95%;
	height:95%;
	top:2.5%;
	left:2.5%;
	position:absolute;	
}
#svg #brand {-webkit-animation: fader0 1.5s ease; animation: fader0 1.5s ease;}
#svg #section1 {cursor:pointer; transition: all .3s ease; -webkit-animation: fader3 3s ease; animation: fader3 3s ease;}
#svg #section2 {cursor:pointer; transition: all .3s ease; -webkit-animation: fader1 3s ease; animation: fader1 3s ease;}
#svg #section3 {cursor:pointer; transition: all .3s ease; -webkit-animation: fader2 3s ease; animation: fader2 3s ease;}
#svg #section1 #arrow1 {}
#svg #section2 #arrow2 {}
#svg #section3 #arrow3 {}


#task #svg #section1,
#task #svg #section2,
#task #svg #section3 {cursor:default;}
#task .grad {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:480px;}



#marketplace .hdr #slide1 {
	background-size:57.5%;
	background-position:right center;
}


#svg .disc {
	display:block;
	position:absolute;
	z-index:10;
	top:2.5%;
	left:2.5%;
	width:95%;
	height:95%;
	border-radius:50%;
	color:#fff;
	padding:30px
}
#svg .disc img {width:12.5%; max-width:50px; margin:0 auto 10px;}
#svg .disc p {margin:0 auto; width:80%; font-size:17px; font-size:1.7rem; line-height:140%;}
#svg #overlay1,
#svg #overlay2,
#svg #overlay3 {display:none;}
#svg #overlay1,
h5#link3.gradlink a {
	background: #c793c0;
	background: -moz-linear-gradient(-45deg, #c793c0 0%, #404390 100%);
	background: -webkit-linear-gradient(-45deg, #c793c0 0%,#404390 100%);
	background: linear-gradient(135deg, #c793c0 0%,#404390 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c793c0', endColorstr='#404390',GradientType=1 );
}
#svg #overlay2,
h5#link1.gradlink a {
	background: #49bac3;
	background: -moz-linear-gradient(-45deg, #49bac3 0%, #388cb0 100%);
	background: -webkit-linear-gradient(-45deg, #49bac3 0%,#388cb0 100%);
	background: linear-gradient(135deg, #49bac3 0%,#388cb0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49bac3', endColorstr='#388cb0',GradientType=1 );
}
#svg #overlay3,
h5#link2.gradlink a {
	background: #f29c26;
	background: -moz-linear-gradient(-45deg, #f29c26 0%, #e12921 100%);
	background: -webkit-linear-gradient(-45deg, #f29c26 0%,#e12921 100%);
	background: linear-gradient(135deg, #f29c26 0%,#e12921 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29c26', endColorstr='#e12921',GradientType=1 );
}
#svg .disc .btn {
	bottom:55px;
	position:absolute;
	left:50%;
	margin:0;
	transform:translateX(-50%);
}

@keyframes fader0 {
	0% {opacity:0;}
	100% {opacity:100%;}
}
@keyframes fader1 {
	0% {opacity:0;}
	25% {opacity:0;}
	50% {opacity:100%;}
	100% {opacity:100%;}
}
@keyframes fader2 {
	0% {opacity:0;}
	50% {opacity:0;}
	75% {opacity:100%;}
	100% {opacity:100%;}
}
@keyframes fader3 {
	0% {opacity:0;}
	75% {opacity:0;}
	100% {opacity:100%;}
}




/* graduated arrow links */
h5.gradlink {font-size:16px; font-size:1.6rem;}
h5#link3.gradlink {margin-bottom:7.5em}
h5.gradlink a {
	-webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
	display:block;
	width:99.5%;
	padding:20px 30px;
	text-decoration:none;
	color:#fff;
}
h5#link1.gradlink a:hover {background:#3690AD}
h5#link2.gradlink a:hover {background:#E84C4A}
h5#link3.gradlink a:hover {background:#4A4B8E}
h5.gradlink a.selected {background:#003E51 !important; color:#00A9E0; cursor:default;}



.box {
	margin:0 auto 30px;
	padding:30px;
	width:100%;
	background:#edf7fe;
	display:block;
	position:relative;
}
.box.indent {padding-left:130px; background-position:30px 30px; background-size:70px; background-repeat:no-repeat;}
.box.indent.doc {background-image: url(../images/doc-ico.png)}
.box.indent.video {background-image: url(../images/video-ico.png)}
.box.indent.compass {background-image: url(../images/compass-ico.png)}
.box.indent.group {background-image: url(../images/group-ico.png)}
.box.indent.alert {background-image: url(../images/alert-ico.png)}
.box.indent ul {margin-bottom:0; width:100%;}

.box:last-of-type {
	/*margin-bottom:0;*/
}
#contact .half .box {
	max-width:360px;
}
/*.q3 .box,
.q4 .box {
	background:#003E51;
}*/
.box h3,
.box h4,
.box h5 {color:#00A9E0; margin-bottom:1em}
.box p,
.box li {color:#666; font-weight:600;}
.box.blue p {color:#fff;}
/*#contact .box p:last-of-type,
.q3 .box p:last-of-type,
.q4 .box p:last-of-type {margin-bottom:0 !important;}*/
.box a.fa {display:inline-block; width:44px; height:44px ; border-radius:22px;color:#fff; text-align:center; font-size:26px; line-height:44px; margin:10px 10px 0 0; text-decoration:none}
.box a.fa-twitter { background:#00aee6;}
.box a.fa-youtube-play{ background:#e52524;}
.box a.fa:hover {border-radius:22px; color:#fff; background:#003E51;}
/*.q3 .box .btn,
.q4 .box .btn,*/
/*.box */.btn.spacer { margin-bottom:1.3em}
.q3 .box a.fa:hover,
.q4 .box a.fa:hover {color:#003E51;background:#fff;}




/* contact page and sign-up */
#contact .hdr .item {height:250px;	background-position:right center; background-size:500px;}
#contact .hdr .item  h2 {margin:0}
#contact .g-recaptcha {margin:25px 0;}
#contact .g-recaptcha > div > div {text-align:left !important;}
#contact form {display:block; position:relative; margin:0 auto; width:100%; clear:both; }
#contact form p {margin:0 0 1em;}
#contact .txtField {
	background:#e5e5e4;
	color:#666;
	font-size:15px;
	font-size:1.5rem;
	padding:15px 10px;
	width:100%;	
	margin:5px 0;	
	height:45px;
	outline:none;	
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	border-radius:0 !important;
	border:none !important;
	transition:all .2s ease;
	-webkit-appearance: none;
}
#contact .txtField:focus {color:#666; background:#edf7fe;}
#contact label i {color:#00A9E0; margin-left:2px;}
#contact small {display:inline-block; width:85%; float:left; line-height:135%;}
#contact small a {white-space:nowrap;}
#contact .g-recaptcha > div > div {
	margin: 0 auto;
	overflow:hidden;
	width:100% !important;
	text-align:center;
}
#contact input[type='checkbox'] {float:left; background:#e5e5e4;color:#666; width:25px; height:25px;border-radius:0 !important;border:none !important; display:inline-block; margin: 2px 8px 0 0;-webkit-appearance: none;font: 18px/25px; cursor:pointer} 
#contact input[type=checkbox]:hover {background:#edf7fe;}
#contact input[type=checkbox]:checked::after {font-family: "FontAwesome"; content:"\f00c"; width:25px; height:25px; display:block;font-size: 18px;color:#000; padding:4px 0 0 4px;}



/* for placeholder text */
::-webkit-input-placeholder {color: #666;}
:-moz-placeholder {color: #666;opacity: 1;}
::-moz-placeholder {color: #666;opacity: 1;}
:-ms-input-placeholder {color: #666;}



.error { 
	display: none;  
	color:#c00;
	text-align:left; 
	font-size:13px;
	font-size:1.3rem;
	margin:-10px 0 15px;
	width:100%;
	clear:both;
}
.success { display: none; }
.error img { margin:-1px 4px 0 0;}
/* ============================= */




/* contact page and sign-up */
.subpage .hdr .item,
#involvement .hdr .item,
#site .hdr .item {height:250px; background-position:right center; background-size:500px;}

.subpage .hdr .item  h1,
/*#involvement .hdr .item h1,*/
#site .hdr .item  h1 {margin:0}






.reveal div {
	/*display:none;*/
	padding:10px 0 5px;
}
.reveal h5 {
	padding:0 !important; 
	margin:0 !important; 
	font-style: normal; 
	border:none;
}
.reveal h5 a { 
	display:block; 
	width:100%; 
	clear:both; 
	border-top:1px solid #ccc; 
	padding:15px 44px 15px 0 !important; 
	text-decoration:none;
	position:relative;
}
.reveal:last-of-type { 
	border-bottom:1px solid #ccc;
}
.reveal h5 a::after { 
	content: "\f078";
	font-family:"FontAwesome";
	width: 24px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-15px;
	height:24px;
	z-index:1;
	text-align:right;
	font-size:24px;
	font-weight:normal;
}
.reveal h5 a:hover {
	color:#D8032C;
}
.reveal h5.ui-state-active a {
	color:#003E51; 
}
.reveal h5.ui-state-active a::after { 
	content: "\f077";
}
.reveal h5.ui-state-active a:hover {}
.reveal div h5 {margin-bottom:1em !important}




.lt-ie8 footer li,
.lt-ie8 footer .social, 
.lt-ie8 header nav li,
.lt-ie8 .btn,
.lt-ie8 section ul.partners li,
.lt-ie8 .box a.fa,
.lt-ie8 #contact small,
.lt-ie8 #contact input[type='checkbox']
{display:inline;}




/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}




/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media (min-width: 980px) {
	.row.corner {background:#fff url(../images/corner-logo.png) -150px 0 no-repeat; background-size:150px; transition: all .3s ease-in-out;}
}

@media (min-width: 1200px) {
	footer .container {padding:30px 0}
	a#logo::after {
		width:156px;
		opacity:1;
	}
}

@media (min-width: 1340px) {
	.row.corner { background-position:0 0; }
}

@media (min-width: 768px) and (max-width: 979px) {
	html {font-size: 57.5%;}
	.row.split .text {margin-top:25px;margin-bottom:25px;}
	.box .half {width:100%; margin-right:0; float:none;}
	section ul.pdf li,
	section ul.pdf li.video,
	section ul.pdf li.link,
	section ul.pdf li.tool {background-size:17px;}
	a#logo::after {display:none}
	
	.q3,
	.q4 {width:100%; float:none;margin-right:0}
	.twothird,
	.threequarter {width:100%; float:none;margin:0}
	
	.q3 .box {margin-top:5%;}

	

	h5#link1.gradlink {margin-top:0 !important}
	h5.gradlink {margin-bottom:30px !important; }
}

@media (max-width: 1155px){
	/* ===== FOR SPLIT SCREEN ONLY! ===== */
	.row.text-right .text {left:52%; max-width:43% !important;}
	.row.text-left .text {left:5%; margin-left:0; max-width:43% !important; }
}

@media (max-width: 979px) {

	body {
		overflow-x: hidden; /*to allow for sidenav*/
	}
	#wrapper {
		transition: margin 500ms ease;
		margin: 0;
		padding:0;
	}
	#mobile-nav {display:block; position:absolute; top:24px; right:4.85%; z-index: 1001;width:32px; height:32px; }
	#mobile-bar {display:block; position:relative; width:100%; height:65px; margin:0; clear:both;}
	#mobile-overlay {display:none; position:absolute; top:0; left:0; bottom:0; right:0; z-index: 999; width:100%; height:100%; background:rgba(255,255,255,.75);}
	#nav {
		background: #003E51;
		position: absolute;
		top: 0;
		right: 0;
		z-index:1000;
		height: 100%;
		margin: 0 -260px 0 0;
		transition: all 500ms ease;
		width: 0;
		text-align: left;
		float:none;
		overflow:hidden;
	}
	header {
		position:static;
		background:#fff;
		width:100%;
		height:80px;
		display:block;
		z-index:auto;
		padding-top:12px;
		clear:both;	
	}
	hgroup { width:100%; position:static; padding-top:0;}
	body.menu #wrapper {
		margin-left: 0;
		overflow:hidden;
	}
	
	body.menu {
		height:100%;
		min-height: 100%;
		position: relative;
	}
	
	body.menu #nav {
		margin-right: 0;
		width:260px;
	}	
	header #logo {
		width:50px;
		display:block;
		margin:0 0 0 5%;
		position:relative;	
	}
	header nav {
		margin-top:0;
	}
	header nav ul.menu-top {
		/*width:87%; */
		margin:0; 
		bottom:12px; 
		top:60px; 
		left:6.5%; 
		width:226px;
		position:absolute;
		overflow:hidden;
		/*overflow-x:hidden;
		overflow-y:scroll;*/
	}
	header nav li {
		display:block;
		position:relative;
		clear:both;
		height:auto;
		margin:0;
	}
	header nav li a {
		padding:10px 0 !important;
		background:none;
		font-size:17px !important;
		font-size:1.7rem  !important;
		color:#fff;
		border:none !important;
	}
	
	header nav li.hassub a.toplevel:hover {
		color:#00A9E0;
		cursor:default;
	}
	
	header nav ul .hassub ul {
		/*display:block !important;*/
		position:static; 
		padding:0;
		background:none; 
		margin:0;
		width:100%;
		height:auto;
		border:none;
	}
	/*.touch header nav ul .hassub ul {display:block !important;}*/
	header nav ul .hassub ul li { 
		display:block;
		position:relative;  
		clear:both; 
		text-align:left;
		height:auto; 
		width:100%; 
		padding:0 !important;
		margin:0;	
		border:none !important;
	}
	
	
	
	
	
	header nav ul #menu8 {
		display:block;
		margin-top:10px;
	}
	header nav ul #menu8 a {
		background:#00A9E0 !important;
		border-bottom:2px solid #116682 !important;
		width:auto;
		display:inline-block;
		padding:12px 28px !important;
	}
	.lt-ie8 header nav ul #menu8 a {display:inline;}
	header nav ul #menu8 a:hover {
		background:#D8032C !important;
		border-bottom:2px solid #a00 !important;
		color:#fff !important
	}
	
	
	header nav ul #menu9 {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		background: url(../images/logo.png) top right no-repeat; 
		background-size:contain;
		display:block;
		font-size:14px; 
		font-size:1.4rem; 
		color:#fff; 
		font-weight:600; 
		line-height:130%; 
		padding:5px 0;
	}
	
	
	header nav ul .hassub:hover ul li a,
	header nav ul .hassub ul li a,
	header nav ul .hassub a,
	header nav li a {white-space:normal; background:none !important; }
	
	header nav ul .hassub ul li a {font-weight:300 !important; padding-left:20px !important}
	header nav ul .hassub ul li a:hover,
	header nav ul .hassub ul li a.selected { color:#00A9E0 !important}

	header nav ul .hassub:hover ul li a {font-weight:300 !important; }
	header nav ul .hassub:hover ul li a.selected {color:#00A9E0 !important; cursor:default !important }
		
	header nav ul .hassub:hover a, 
	header nav ul .hassub a.selected.toplevel:hover {color:#00A9E0 !important;cursor:pointer !important}
	
	
	
	/* burger king... */
	header #mobile-nav span {display:none}
	header #mobile-nav b {
		background:#00A9E0;
		width:25px; 
		margin-left:-10px;
		display:block;
		height:3px; 
		position:absolute; 
		left:50%; 
		top:50%; 
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		transition: all 0.15s linear;
	}
	header #mobile-nav b.top {
		margin-top:-8px;
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
    		transform: rotate(0deg);
	}
	header #mobile-nav b.mid {margin-top:-1px;opacity:1;}
	header #mobile-nav b.bot {
		margin-top:6px;
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
    		transform: rotate(0deg);
	}
	.menu header #mobile-nav b {
		width:25px; 
		margin-left:-10px; 
		background:#fff;		
	}
	.menu header #mobile-nav b.top {
		margin-top:-2px; 
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
    		transform: rotate(45deg);
	}
	.menu header #mobile-nav b.mid {margin-top:-1px; opacity:0;}
	.menu header #mobile-nav b.bot {
		margin-top:-2px;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
    		transform: rotate(-45deg);
	}
	/* end of burger */
	
	
	footer .container {background: none; padding:2.5% 0}
	footer .social {margin-right:0;}
}

@media (max-width: 767px) {
	html {font-size: 55%;}
	a#logo::after {display:none}

	.half,
	.third {width:100%; float:none; margin-right:0%}
	.quarter {width:48%; float:left; margin-right:4%}
	
	.q3,
	.q4 {width:100%; float:none;margin-right:0}
	.twothird,
	.threequarter {width:100%; float:none;margin:0}
	
	.row.split .text {margin-top:0;margin-bottom:0; padding:5% 0}

	.hdr .content {width:75%}
	.hdr .item {height:450px;}
	
	footer .social {margin:0 0 5px 5%;}
	footer .social a {margin:0 0 0 20px;}
	
	.box {max-width:100% !important; margin-top:5%; padding:20px;}
	.box.indent {background-position:20px 20px; background-size:50px; padding-left:90px}
	.btn {min-width:0}
	.box .half {width:48%; margin-right:4%; float:left;}


	#marketplace .hdr #slide1 {
		background-size:75%;
		background-position: right center;
	}
	
	#svg .disc {padding:20px;}
	#svg .disc h3 {font-size:20px; font-size:2rem;}
	#svg .disc p { width:85%;}
	#svg .disc .btn {font-size:15px; font-size:1.5rem; padding:10px 18px; bottom:34px;}
	
	#task .grad {margin-bottom:6.5%; position:relative; transform:none; top:auto; left:auto;}
	
	
	h5#link1.gradlink {margin-top:0 !important}
	h5.gradlink {margin-bottom:5% !important;font-size:20px; font-size:2rem;}
	h5.gradlink a {padding:20px; }
	section ul.pdf li,
	section ul.pdf li.video,
	section ul.pdf li.link,
	section ul.pdf li.tool {background-size:17px;}
	
	section ul.partners li {
		width:30%;
		vertical-align:top;
		margin:0 5% 3% 0;
		display:inline-block;
		text-align:center;
	}
	section ul.partners li:nth-of-type(3n) {
		margin-right:0;
	}
	a.zoom {margin:30px 0 10px}


}

@media (max-width: 568px) {
	header nav li a {padding:8px 0;}
	footer li.copyright {display:block; clear:both; margin:0 0 5px; padding:0; border:none;}
	
	.row.split .image {position:relative; height:250px; width:100%;}
	.row.text-right .image,
	.row.text-left .image {left:0;}
	.row.split .text {
		position:relative;
		max-width: 90% !important;
		width:90% !important;
		display:block;
		left:0 !important;
		margin:0 auto !important;
	}
	
	h1,
	h2 {font-size:30px; font-size:3rem;}
	
	.owl-carousel p,
	.hdr p {
		font-size:18px;
		font-size:1.8rem;
	}
	
	.hdr .item {
		height:450px;	
		background-size:66.666%;
	}
	.hdr .content {
		top:30px;
		-webkit-transform: translateX(0) translateY(0);
		-moz-transform: translateX(0) translateY(0);
		-ms-transform: translateX(0) translateY(0);
		-o-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}
	
	
	#marketplace .hdr #slide1 {
		background-size:440px;
		background-position: center 220px;
	}
	
	#svg .disc p {font-size:16px; font-size:1.6rem;}
	.subpage .hdr .item,
	#site .hdr .item,
	#involvement .hdr .item,
	#contact .hdr .item {height:200px;background-position:center; background-size:cover;}
	
	#opportunity .hdr .item {background-size:75%;}

	.box .half {width:100%; margin-right:0; float:none}
	
	
	
}

@media (max-width: 440px) {
	html {font-size: 52.5%;}
	footer .social {margin:0 0 5px 2.5%;}
	footer .social a {margin:0 0 0 10px;}
	.quarter {width:100%; float:none; margin-right:0%}
	.row.split .image {height:200px;}
	.hdr .content {width:100%}
	.hdr .item {height:400px;}
	
	#marketplace .hdr #slide1 {
		background-size:320px;
		background-position: center 250px;
	}
	
	#svg .disc h3 {margin-bottom:.8em;}
	#svg .disc p {font-size:14px; font-size:1.4rem;}
	
	.box.indent {background-size:30px; padding-left:66px}
	section ul.pdf li,
	section ul.pdf li.video,
	section ul.pdf li.link,
	section ul.pdf li.tool {background-size:16px;}
}

@media (max-width: 360px) {
	#svg .disc h3 {font-size:17px; font-size:1.7rem;}
	#svg .disc p {font-size:11px; font-size:1.1rem;}

}




@media (max-height: 480px) {
	header nav li a {padding:8px 0 !important;}
	header nav ul #menu9 {
		position:static;
		margin:20px 0 10px;
	}
	header nav ul.menu-top {
		overflow-y:scroll;
	}
}


/* ==========================================================================
   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;
    }
}




/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
/*	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;*/
}

.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {
	color: #444;
	font: 14px/20px "Open Sans",Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-close::after {
	content: "\f00d";
	line-height:38px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 1;
	background:#00A9E0;
	font-family:"FontAwesome";
	font-size:30px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	text-indent:1px;
}
.fancybox-close:hover::after {
	background:#D8032C;
	color:#fff;
	text-decoration:none;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: -60px;
}

.fancybox-next {
	right: -60px;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden !important;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 1.8rem/1 "Open Sans",Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	/*padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;*/
	color: #FFF;
	font-weight: 600;
	font-family:inherit;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite-2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox/fancybox_loading-2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}