/*! Sight8 Welcome Kit */

@font-face {
	font-family: 'ProximaNovaReg';
	src:url('fonts/proxima_nova_regular_web/ProximaNova-RegWeb.eot') format('embedded-opentype'), 
		url('fonts/proxima_nova_regular_web/ProximaNova-RegWeb.woff') format('woff'); 
	font-weight: 100;
	}
@font-face {
	font-family: 'ProximaNovaLight';
	src:url('fonts/proxima_nova_light_web/ProximaNova-LightWeb.eot') format('embedded-opentype'), 
		url('fonts/proxima_nova_light_web/ProximaNova-LightWeb.woff') format('woff'); 
	font-weight: 100;
	}
@font-face {
	font-family: 'ProximaNovaBold';
	src:url('fonts/proxima_nova_bold_web/ProximaNova-BoldWeb.eot') format('embedded-opentype'), 
		url('fonts/proxima_nova_bold_web/ProximaNova-BoldWeb.woff') format('woff'); 
	font-weight: bold;
	}
* {margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;font-smoothing: antialiased;font-smooth: always;-webkit-appearance: none;-webkit-tap-highlight-color:transparent;}
html {font-size: 62.5%;/* 10px */-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-y: scroll;overflow-x: hidden;}
body {background: #e7eaeb;font-family:'ProximaNovaReg', sans-serif;color:white;
}
h1,h2,h3,p,footer {cursor: default}
h1,h2,{font-family: 'ProximaNovaLight',sans-serif}
p{font-size:1.44rem;line-height:2.1rem;margin:1rem 0;}
ul {padding: 0;list-style: disc;list-style-position:inside;color:#569cbe;margin:0;}
li{font-size:1.44rem;line-height:2rem;}
b{font-family: 'ProximaNovaBold',sans-serif}
h1{padding:8.5rem 0 0 0;font-size:3.65rem;text-transform: uppercase;font-weight: 100;letter-spacing: 0.18rem}
h2{margin:0;font-size:2.64rem;font-weight: 100;line-height: 1.8rem}
h3{margin:0;font-size:1.8rem;font-weight: normal}
a:link {font-size:1.44rem;
	color: #569cbe;
	text-decoration:none;
}
a:hover,a:active, a:visited, a:visited:hover {
	color: #3993be;text-decoration:underline;
}
section ::selection {
	background:rgba(255,255,255,0.1)
}
section ::-moz-selection {
	background:rgba(255,255,255,0.1)
}
.login /* this is the gradient section */ {
	border-top:0.8rem solid white;
	background-color: #0033cc;
	background: -webkit-linear-gradient(top, #122556, #0033cc, #b7e0f2 90%, white);
	background: -moz-linear-gradient(top, #122556, #0033cc, #b7e0f2 90%, white);
	background: -ms-linear-gradient(top, #122556, #0033cc, #b7e0f2 90%, white);
	background: -o-linear-gradient(top, #122556, #0033cc, #b7e0f2 90%, white)
}
.login h1{margin-bottom:4rem;}
.logout {position:absolute;right:0;top:2.5rem}
.gettingStarted /* this is the gradient section */ {
	height:31rem;
	border-top:0.8rem solid white;
	background-color: #0033cc;
	background: -webkit-linear-gradient(top, #122556, #0033cc, #b7e0f2 80%, white);
	background: -moz-linear-gradient(top, #122556, #0033cc, #b7e0f2 80%, white);
	background: -ms-linear-gradient(top, #122556, #0033cc, #b7e0f2 80%, white);
	background: -o-linear-gradient(top, #122556, #0033cc, #b7e0f2 80%, white)
}
.firstDay /* this is the gradient section */ {
	height:31rem;
	border-top:0.8rem solid white;
	background-color: #61116a;
	background: -webkit-linear-gradient(top, #420c4c, #61116a, #aaa6c9 80%, white);
	background: -moz-linear-gradient(top, #420c4c, #61116a, #aaa6c9 80%, white);
	background: -ms-linear-gradient(top, #420c4c, #61116a, #aaa6c9 80%, white);
	background: -o-linear-gradient(top, #420c4c, #61116a, #aaa6c9 80%, white)
}
.benefits /* this is the gradient section */ {
	height:31rem;
	border-top:0.8rem solid white;
	background-color: #00929f;
	background: -webkit-linear-gradient(top, #005a63, #00929f, #99ccc9 60%, white);
	background: -moz-linear-gradient(top, #005a63, #00929f, #99ccc9 60%, white);
	background: -ms-linear-gradient(top, #005a63, #00929f, #99ccc9 60%, white);
	background: -o-linear-gradient(top, #005a63, #00929f, #99ccc9 60%, white)
}
.resources /* this is the gradient section */ {
	height:31rem;
	border-top:0.8rem solid white;
	background-color: #6fb43f;
	background: -webkit-linear-gradient(top, #2e6e0e, #6fb43f, #a6ca86 60%, white);
	background: -moz-linear-gradient(top, #2e6e0e, #6fb43f, #a6ca86,white 90%, white);
	background: -ms-linear-gradient(top, #2e6e0e, #6fb43f, #a6ca86,white 90%, white);
	background: -o-linear-gradient(top, #2e6e0e, #6fb43f, #a6ca86,white 100%, white)
}

nav{margin:0 auto;width:96rem;border-bottom:0.1rem solid #e7eaeb}
nav a:link, nav a:visited, nav a:active {color:#5c707b;font-size:1.84rem;text-transform: uppercase;text-decoration: none;padding:0 1.8rem}
nav a sup{font-size: 1rem;}

#link1,#link2,#link3{border-right:0.1rem solid #e7eaeb;}
#link1:hover {color:#0033cc;}
#link2:hover {color:#61116a;}
#link3:hover {color:#00929f;}
#link4:hover {color:#6fb43f}
#highlight{height:0.6rem;position:relative;top:0.6rem;margin:0.2rem 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
}

#inset /* this is the inset paragraph on the login page */ {margin:0 0 0 4rem;width:58rem;float:left}

#wrapper {background:#fff;padding-bottom: 5rem}
#main {margin:2rem auto;width:96rem;color:#394b59;position:relative}
.leftColumn {width:60rem;padding:3rem 0 3rem 0;border-bottom:0.1rem solid #e7eaeb;min-height: 14.2rem;}
.leftColumn img {float:left;padding:0 2.4rem 3rem 0;}
.column1 {width:29rem;float:left;padding:0 2rem 0 0;}
.column1 h3, .column2 h3 {margin:0 0 2rem 0;padding:2rem 0;border-bottom:0.1rem solid #e7eaeb;}
.column1 div p, .column2 div p {padding:0 0 0 1.7rem;background:transparent url('../img/sprite.png') no-repeat -10.2rem 0.2rem;color:#aeb9bf;}
.column1 div p:first-child, .column2 div p:first-child {margin-top: 0;}
.column2 {width:29rem;padding:0;float:left}
.total {margin:2rem 0 0 0;padding:2rem 0;border-top:0.1rem solid #e7eaeb;text-transform: uppercase;}

#rightColumn {position:absolute;top:0;right:0;width:30rem;}
#rightColumn h3 {padding:3.7rem 0 0 0;line-height: 1.8rem}
#rightColumn p {line-height:1.8rem;}
#rightColumn div {padding:1rem 0;border-top:0.1rem solid #e7eaeb;}
#rightColumn div img {float:left;margin:0.8rem 1rem 0 0;cursor:default}
.leftColumn br, #rightColumn br {clear: inherit}
.brochure h3{padding:2rem 0 0 0 !important}
.brochure {height:13rem}
.pdf {background:url('../img/sprite.png') no-repeat -10.2rem 0.2rem;padding:0 0 0 1.7rem;color:#aeb9bf;}
.brochure img{margin:2rem 2rem 0 0;width:9.5rem;height:11.5rem;box-shadow: 0 0 2rem rgba(47, 47, 45, 0.2);}
br {clear:both}
input{outline:0;border:0;padding:1.5rem 2rem;font-size:1.6rem;margin:0 0 2rem 0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}
input[type="text"],input[type="password"]{background: rgba(255,255,255,0.3);color:white;width:22rem;border-radius: 0 !important;}
input[type="text"]:hover,input[type="password"]:hover{background: rgba(255,255,255,0.4);color:white;}
input[type="submit"],input[type="button"]{background: white;color:#002e75;margin: 0 2rem 0 0;text-transform: uppercase;font-family: 'ProximaNovaBold',sans-serif;border-radius: 0 !important;}
input[type="submit"]:hover,input[type="button"]:hover{box-shadow: 0 0 2rem rgba(154, 200, 238, 1);}
form{width:26rem;float:right;}
form ::-webkit-input-placeholder{color:rgba(255,255,255,0.4) !important;}
form :-moz-placeholder {color:rgba(255,255,255,0.4);}
form :-ms-input-placeholder {color:rgba(255,255,255,0.4);}
form a:link, form a:visited {font-size:1.9rem;padding:0 0 0.1rem 0;color:white;text-decoration:none;border-bottom:0.1rem solid rgba(255,255,255,0.7);}
form a:hover{border-bottom:0.1rem solid white;}

#top,#gradient,#copyright,#social{margin:0 auto;width:96rem;}
#top{position: relative;font-size:1.2rem;}

#social {text-align: right;color:#5c707b;font-size:1.2rem;padding:1rem 0;}
#social a {color:transparent;background-image:url('../img/sprite.png');width:2.3rem;height: 2.3rem;vertical-align: middle;display: inline-block;margin-left: 1rem;opacity: 0.4}
#social a:hover{opacity: 0.8}
#facebook{background-position:0 -9.7rem}
#twitter{background-position:9.7rem -9.7rem}
#youtube{background-position:7.3rem -9.7rem}
#linkedin{background-position:5rem -9.7rem}

#welcome /* this is where the group photo is */ {text-align: center;}
#welcome img{max-width:1056px; width: 100%;margin: 8rem 0 0 5rem}
footer {font-size:1.1rem;border-top:0.5rem solid white;color:#5c707b;padding:2rem 0;}
.noHR {border: none !important;min-height:5rem !important}

::selection {
	background:rgba(0,0,0,0.05)
}
::-moz-selection {
	background:rgba(0,0,0,0.05)
}

.plus span{background:transparent url('../img/sprite.png') no-repeat -10.4rem -9.7rem;padding:0 0 0 1.7rem;font-size:1.8rem;line-height: 2.4rem;color: #569cbe;cursor: pointer}
.plus span:hover{color: #3993be;text-decoration:underline}
.minus span{background-position:-10.4rem -7.5rem;color:#394b59}
.minus span:hover{color:#394b59;text-decoration: none;}
#t1,#t2,#t3,#t4,#t5,#t6, #tA,#tB,#tC,#tD,#tE,#tF,#tG,#tH,#tI,#tJ,#tK,#tL {display: none}

@media only screen and (max-width: 960px)
 {
	#main, .leftColumn,#top,#gradient,#social,#copyright{margin:0 auto;width:100%;}
	#rightColumn {position: relative;clear: both}
	h1,h2,h3,p, ul{padding-left:2rem !important;padding-right:2rem !important;}
	#copyright b, #top img, #top a {padding:0 2rem !important;}
	.leftColumn img, #rightColumn div img, .brochure img, .column1 div p, .column2 div p {margin-left:2rem !important}
	#social a:last-child {margin-right: 2rem !important}
	nav{margin-left:2rem}
	#inset{margin:0 2rem 0 0;width:100%;float:none}
	form{float:none}
	input, input[type="button"]{margin:0 2rem 2rem 2rem;}
	#welcome img{margin: 2rem 0 0 0}

}
@media only screen and (max-width: 768px)
{
	#gradient {background: none !important}
	h1 {margin:3rem 0 0 0;padding: 0 2rem;white-space:nowrap}
	.login h1 {white-space: normal}
	.resources, .gettingStarted, .benefits, .firstDay{height: 15rem}
	#highlight{display: none}
	nav {border:0;margin: 0}
	nav a:link{display:block;padding:1rem 2rem !important}
	#link1,#link2,#link3{border-bottom:0.1rem solid #e7eaeb}
	nav, .column1,.column2,#rightColumn{margin:0 auto;width:100%}
	.column1{padding: 0;}
	h2{line-height:2.8rem }
}
@media only screen and (max-width: 480px) {
	.resources, .gettingStarted, .benefits, .firstDay{height: 8rem}
	#gradient {display: none}
	.login #gradient {display: inline}
	#top img {width:22rem}
	.logout {top:1.65rem}
}