@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/

/*********************
FONTS
*********************/

/* AVENIR */
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/39770b");

  
@font-face {font-family: 'AvenirNext'; font-weight:600; font-style:normal; src: url('/fonts/avenir/39770B_0_0.eot');src: url('/fonts/avenir/39770B_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_0_0.woff2') format('woff2'),url('/fonts/avenir/39770B_0_0.woff') format('woff'),url('/fonts/avenir/39770B_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirNext'; font-weight: 600; font-style: italic; src: url('/fonts/avenir/39770B_1_0.eot');src: url('/fonts/avenir/39770B_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_1_0.woff2') format('woff2'),url('/fonts/avenir/39770B_1_0.woff') format('woff'),url('/fonts/avenir/39770B_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirNext'; font-weight: bold; font-style: italic; src: url('/fonts/avenir/39770B_2_0.eot');src: url('/fonts/avenir/39770B_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_2_0.woff2') format('woff2'),url('/fonts/avenir/39770B_2_0.woff') format('woff'),url('/fonts/avenir/39770B_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirNext'; font-weight: bold; font-style:normal; src: url('/fonts/avenir/39770B_3_0.eot');src: url('/fonts/avenir/39770B_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_3_0.woff2') format('woff2'),url('/fonts/avenir/39770B_3_0.woff') format('woff'),url('/fonts/avenir/39770B_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirNext'; font-weight:normal; font-style: italic; src: url('/fonts/avenir/39770B_4_0.eot');src: url('/fonts/avenir/39770B_4_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_4_0.woff2') format('woff2'),url('/fonts/avenir/39770B_4_0.woff') format('woff'),url('/fonts/avenir/39770B_4_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirNext'; font-weight: 300; font-style: italic; src: url('/fonts/avenir/39770B_5_0.eot');src: url('/fonts/avenir/39770B_5_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_5_0.woff2') format('woff2'),url('/fonts/avenir/39770B_5_0.woff') format('woff'),url('/fonts/avenir/39770B_5_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirNext'; font-weight: 300; font-style: italic; src: url('/fonts/avenir/39770B_6_0.eot');src: url('/fonts/avenir/39770B_6_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_6_0.woff2') format('woff2'),url('/fonts/avenir/39770B_6_0.woff') format('woff'),url('/fonts/avenir/39770B_6_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirNext'; font-weight: 500; font-style: italic; src: url('/fonts/avenir/39770B_7_0.eot');src: url('/fonts/avenir/39770B_7_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_7_0.woff2') format('woff2'),url('/fonts/avenir/39770B_7_0.woff') format('woff'),url('/fonts/avenir/39770B_7_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirNext'; font-weight: normal; font-style:normal; src: url('/fonts/avenir/39770B_8_0.eot');src: url('/fonts/avenir/39770B_8_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_8_0.woff2') format('woff2'),url('/fonts/avenir/39770B_8_0.woff') format('woff'),url('/fonts/avenir/39770B_8_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirNext'; font-weight: 500; font-style: normal; src: url('/fonts/avenir/39770B_9_0.eot');src: url('/fonts/avenir/39770B_9_0.eot?#iefix') format('embedded-opentype'),url('/fonts/avenir/39770B_9_0.woff2') format('woff2'),url('/fonts/avenir/39770B_9_0.woff') format('woff'),url('/fonts/avenir/39770B_9_0.ttf') format('truetype');}

/* ProximaNova-Regular */
/* @import must be at top of file, otherwise CSS will not work */
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e095b");

  
@font-face {font-family: 'ProximaNova';font-weight: bold;font-style: italic;src: url('/fonts/2E095B_0_0.eot');src: url('/fonts/2E095B_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E095B_0_0.woff2') format('woff2'),url('/fonts/2E095B_0_0.woff') format('woff'),url('/fonts/2E095B_0_0.ttf') format('truetype'),url('/fonts/2E095B_0_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'ProximaNova';font-weight: bold;font-style: normal;src: url('/fonts/2E095B_1_0.eot');src: url('/fonts/2E095B_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E095B_1_0.woff2') format('woff2'),url('/fonts/2E095B_1_0.woff') format('woff'),url('/fonts/2E095B_1_0.ttf') format('truetype'),url('/fonts/2E095B_1_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'ProximaNova';font-weight: normal;font-style: normal;src: url('/fonts/2E095B_2_0.eot');src: url('/fonts/2E095B_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E095B_2_0.woff2') format('woff2'),url('/fonts/2E095B_2_0.woff') format('woff'),url('/fonts/2E095B_2_0.ttf') format('truetype'),url('/fonts/2E095B_2_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'ProximaNova';font-weight: normal;font-style: italic;src: url('/fonts/2E095B_3_0.eot');src: url('/fonts/2E095B_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E095B_3_0.woff2') format('woff2'),url('/fonts/2E095B_3_0.woff') format('woff'),url('/fonts/2E095B_3_0.ttf') format('truetype'),url('/fonts/2E095B_3_0.svg#wf') format('svg');}
 
/* Proxima Nova Thin and Medium for Titles primarily */
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e09e5");

  
@font-face {font-family: 'ProximaNova-Light';src: url('/fonts/2E09E5_0_0.eot');src: url('/fonts/2E09E5_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E09E5_0_0.woff2') format('woff2'),url('/fonts/2E09E5_0_0.woff') format('woff'),url('/fonts/2E09E5_0_0.ttf') format('truetype'),url('/fonts/2E09E5_0_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'ProximaNova-Semibold';src: url('/fonts/2E09E5_1_0.eot');src: url('/fonts/2E09E5_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E09E5_1_0.woff2') format('woff2'),url('/fonts/2E09E5_1_0.woff') format('woff'),url('/fonts/2E09E5_1_0.ttf') format('truetype'),url('/fonts/2E09E5_1_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'ProximaNova-LightIt';src: url('/fonts/2E09E5_2_0.eot');src: url('/fonts/2E09E5_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E09E5_2_0.woff2') format('woff2'),url('/fonts/2E09E5_2_0.woff') format('woff'),url('/fonts/2E09E5_2_0.ttf') format('truetype'),url('/fonts/2E09E5_2_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'ProximaNova-SemiboldIt';src: url('/fonts/2E09E5_3_0.eot');src: url('/fonts/2E09E5_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E09E5_3_0.woff2') format('woff2'),url('/fonts/2E09E5_3_0.woff') format('woff'),url('/fonts/2E09E5_3_0.ttf') format('truetype'),url('/fonts/2E09E5_3_0.svg#wf') format('svg');}

/* HELVETICA NEUE PRO */
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e0960");

  
@font-face {font-family: 'Helvetica Neue';font-weight: normal;font-style: normal;src: url('/fonts/2E0960_0_0.eot');src: url('/fonts/2E0960_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E0960_0_0.woff2') format('woff2'),url('/fonts/2E0960_0_0.woff') format('woff'),url('/fonts/2E0960_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Helvetica Neue';font-weight: bold;font-style: normal;src: url('/fonts/2E0960_1_0.eot');src: url('/fonts/2E0960_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E0960_1_0.woff2') format('woff2'),url('/fonts/2E0960_1_0.woff') format('woff'),url('/fonts/2E0960_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Helvetica Neue';font-weight: bold;font-style: italic;src: url('/fonts/2E0960_2_0.eot');src: url('/fonts/2E0960_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E0960_2_0.woff2') format('woff2'),url('/fonts/2E0960_2_0.woff') format('woff'),url('/fonts/2E0960_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Helvetica Neue';font-weight: normal;font-style: italic;src: url('/fonts/2E0960_3_0.eot');src: url('/fonts/2E0960_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E0960_3_0.woff2') format('woff2'),url('/fonts/2E0960_3_0.woff') format('woff'),url('/fonts/2E0960_3_0.ttf') format('truetype');}

/* Helvetica Neue License Light */
@import url("//hello.myfonts.net/count/2e360a");

/* Helvetica Neue Light */
@font-face {font-family: 'HelveticaNeueLight';font-weight: normal;font-style: italic;src: url('/fonts/helvetica-neue-light/2E360A_0_0.eot');src: url('/fonts/helvetica-neue-light/2E360A_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/helvetica-neue-light/2E360A_0_0.woff2') format('woff2'),url('/fonts/helvetica-neue-light/2E360A_0_0.woff') format('woff'),url('/fonts/helvetica-neue-light/2E360A_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'HelveticaNeueLight';font-weight: normal;font-style: normal;src: url('/fonts/helvetica-neue-light/2E360A_1_0.eot');src: url('/fonts/helvetica-neue-light/2E360A_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/helvetica-neue-light/2E360A_1_0.woff2') format('woff2'),url('/fonts/helvetica-neue-light/2E360A_1_0.woff') format('woff'),url('/fonts/helvetica-neue-light/2E360A_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'HelveticaNeueLight';font-weight: bold;font-style: normal;src: url('/fonts/helvetica-neue-light/2E360A_2_0.eot');src: url('/fonts/helvetica-neue-light/2E360A_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/helvetica-neue-light/2E360A_2_0.woff2') format('woff2'),url('/fonts/helvetica-neue-light/2E360A_2_0.woff') format('woff'),url('/fonts/helvetica-neue-light/2E360A_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'HelveticaNeueLight';font-weight: bold;font-style: italic;src: url('/fonts/helvetica-neue-light/2E360A_3_0.eot');src: url('/fonts/helvetica-neue-light/2E360A_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/helvetica-neue-light/2E360A_3_0.woff2') format('woff2'),url('/fonts/helvetica-neue-light/2E360A_3_0.woff') format('woff'),url('/fonts/helvetica-neue-light/2E360A_3_0.ttf') format('truetype');}

/* ICON MOON FONT FOR ICONS */

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e910";
  color: #fff;
}
.icon-arrow-left:before {
  content: "\e911";
  color: #fff;
}
.icon-arrow-right:before {
  content: "\e900";
  color: #fff;
}
.icon-bars:before {
  content: "\e901";
  color: #fff;
}
.icon-calendar:before {
  content: "\e902";
  color: #fff;
}
.icon-chevron-down:before {
  content: "\e903";
  color: #fff;
}
.icon-chevron-up:before {
  content: "\e904";
  color: #fff;
}
.icon-clock:before {
  content: "\e905";
  color: #fff;
}
.icon-close:before {
  content: "\e906";
}
.icon-complete:before {
  content: "\e907";
  color: #1bdd1b;
}
.icon-cup:before {
  content: "\e908";
  color: #dd1b29;
}
.icon-home:before {
  content: "\e909";
  color: #fff;
}
.icon-locked:before {
  content: "\e90a";
  color: #fff;
}
.icon-long-right-arrow:before {
  content: "\e90b";
  color: #dd1b29;
}
.icon-pencil:before {
  content: "\e90c";
  color: #fff;
}
.icon-pig:before {
  content: "\e90d";
  color: #dd1b29;
}
.icon-qa:before {
  content: "\e90e";
  color: #dd1b29;
}
.icon-short-arrow-right:before {
  content: "\e90f";
  color: #ffdd3e;
}

.small-text {
	font-size: 80%;
}

/*********************
GENERAL STYLES
*********************/

html, body {
	height: 100%;
}

body {
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	color: #000;
}

/* Fade in/ out page */

body {
    opacity: 1;
    transition: .5s opacity;
}
body.fade-out {
    opacity: 0;
    transition: none;
}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reveal-overlay {
	background-color: hsla(0, 0%, 0%, 0.9);
}

.feedback.button {
	position: fixed;
	right: -2.5rem;
	top: 50%;
	z-index:101;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	background-color: #000;
	font-size: .75rem;
	padding: .5rem;
}

.feedback.button:hover {
	background-color: #333;
}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
  
a {
	color:#DD1B29;
}

a:hover {
	color:#B70F2B;
}

a.disabled {
	pointer-events: none;
	cursor: not-allowed;
}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }
 
h1, h2, h3, h4, h5, h6, .heading-one, .heading-two, .heading-three, .heading-four {
	font-family: 'AvenirNext', sans-serif;
	font-weight: bold;
	margin-bottom: 1rem;
} 

.heading-one, .heading-two, .heading-three, .heading-four {
	font-weight: lighter;
}

strong .heading-one, strong .heading-two, strong .heading-three, strong .heading-four {
	font-weight: bold;
}

h1,
.heading-one {
	font-size: 2rem;
	line-height: 1.2;
}

h2,
.heading-two {
	font-size: 1.75rem;
	line-height: 1.2;
}

h3,
.heading-three {
	font-size: 1.5rem;
	line-height: 1.2;
}

h4,
.heading-four {
	font-size: 1.25rem;
	line-height: 1.2;
}

h5 {
	font-size: 1rem;
	line-height: 1.2;
}

p {
	margin-bottom:1.5rem;
}

/*********************
SHORTCODES and FORMATS
**********************/

span.page-button {
	padding:0;
	margin:0;
}

span.page-button a {
	display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em .75rem 1rem;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

span.page-button:hover {
	background-color: #333;
}

span.yellow-txt {
	color: #FFC629;
}

p span.circle-number {
	display:inline-block;
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #de1b28;
	font-size: 1.25rem;
	color: #de1b28;
	font-weight: bold;
	padding-top:.2rem;
}

.cb-section-inner.cb-section-inner-red p span.circle-number,
.cb-section-inner.cb-section-inner-black p span.circle-number {
	color: #fff;
	border-color: #fff;
}

.p-small-margin-bottom {
	display: inline-block;
    padding-bottom: 1rem;
}

.p-large-margin-bottom {
	margin-bottom: 2.5rem;
}

.p-no-margin-bottom {
	margin-bottom: 0;
	
}

.p-large-margin-top {
	margin-top:2.5rem;
}

.p-proxima-nova {
	font-family: 'AvenirNext', sans-serif;
}

span.red-text {
	color: #DD1B29;
}

.callout.red-callout {
	border-color: #de1b28;
	background-color: #de1b28;
	color:#fff;
}

.callout.red-callout p,
.callout.red-callout h1,
.callout.red-callout h2,
.callout.red-callout h3,
.callout.red-callout h4,
.callout.red-callout h5 {
	color: #fff;
}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }
  
header.header {
	position: relative;
	z-index: 101;
}

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }
   
.menu>li>a {
	padding: 0;
	display: block;
	line-height: 3.35rem;
}
    
.top-bar, .top-bar ul {
	background-color: #000000;
}

.top-bar {
	padding: 0;
	display: block;
	width: 100%;
	transition: all 0.5s ease;
}

.top-bar .top-bar-left ul {
	margin-left: 1rem;
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
	
}
    
.top-bar .top-bar-left {
	width: 50%;
	float:left;
}

.top-bar .top-bar-left img {
	width: 8.5rem;
	height: auto;
	max-width: 100%;
}

.top-bar .top-bar-right {
	float: right;
	width: 50%;
}

.top-bar .top-bar-right ul {
	margin:0;
	padding:0 1rem 0 0;
	text-align: right;
	display: block;
	width: 100%;
}

.top-bar .top-bar-right ul li {
	margin:0;
	padding:0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.top-bar .top-bar-right ul li a {
	line-height: 3.35rem;
	display: block;
	height: 3.35rem;
	padding-left: .5rem;
	padding-right: .5rem;
}

.top-bar .top-bar-right ul li a:hover,
.top-bar ul.tabs li.tabs-title.is-active a {
	background: rgb(255,219,60); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,219,60,1) 0%, rgba(255,219,60,1) 6%, rgba(0,0,0,1) 6%, rgba(0,0,0,1) 6%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,219,60,1) 0%,rgba(255,219,60,1) 6%,rgba(0,0,0,1) 6%,rgba(0,0,0,1) 6%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,219,60,1) 0%,rgba(255,219,60,1) 6%,rgba(0,0,0,1) 6%,rgba(0,0,0,1) 6%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC629', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.top-bar .top-bar-right ul li a.top-bar-right-progress {
	padding-top: 1.25rem;
}

.top-bar-right a img {
	height: 1rem;
	width: auto;
}

.tabs-content {
	border:none;
}

.tabs-panel {
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);
}

/* Progress Bar Stuff*/

.top-bar-right .c100:after {
	background-color: #000;
	top: 0.2em;
	left: 0.2em;
	width: 0.6em;
	height: 0.6em;
}

.top-bar-right .c100 span {
	display: none;
}

.top-bar-right .c100.small {
	font-size: 1rem;
}

.top-bar-right .c100 .bar {
	border-width: 0.2em;
    width: 0.6em;
    height: 0.6em;
}

.top-bar-right .c100 {
	margin:0;
}

/* Bottom Header Progress Bar */

.header-progress-bar {
	background-color: #E3E3E3;
	width: 100%;
}

.header-progress-bar span {
	height: .5rem;
	display: block;
	background-color: #FCB827;
	float:right;
}

@keyframes expandWidth {
   0% { width: 0; }
   100% { width: 100%; }
}

.header-progress-bar span.orientationprogress_100 {
	animation: expandWidth 2s linear 1;
	animation-delay: 1s;
	background-color: #de1b28;
}

/* Progress Bar Percentages */

.header-progress-bar span.orientationprogress_1 {width:1%;}
.header-progress-bar span.orientationprogress_2 {width:2%;}
.header-progress-bar span.orientationprogress_3 {width:3%;}
.header-progress-bar span.orientationprogress_4 {width:4%;}
.header-progress-bar span.orientationprogress_5 {width:5%;}
.header-progress-bar span.orientationprogress_6 {width:6%;}
.header-progress-bar span.orientationprogress_7 {width:7%;}
.header-progress-bar span.orientationprogress_8 {width:8%;}
.header-progress-bar span.orientationprogress_9 {width:9%;}
.header-progress-bar span.orientationprogress_10 {width:10%;}
.header-progress-bar span.orientationprogress_11 {width:11%;}
.header-progress-bar span.orientationprogress_12 {width:12%;}
.header-progress-bar span.orientationprogress_13 {width:13%;}
.header-progress-bar span.orientationprogress_14 {width:14%;}
.header-progress-bar span.orientationprogress_15 {width:15%;}
.header-progress-bar span.orientationprogress_16 {width:16%;}
.header-progress-bar span.orientationprogress_17 {width:17%;}
.header-progress-bar span.orientationprogress_18 {width:18%;}
.header-progress-bar span.orientationprogress_19 {width:19%;}
.header-progress-bar span.orientationprogress_20 {width:20%;}
.header-progress-bar span.orientationprogress_21 {width:21%;}
.header-progress-bar span.orientationprogress_22 {width:22%;}
.header-progress-bar span.orientationprogress_23 {width:23%;}
.header-progress-bar span.orientationprogress_24 {width:24%;}
.header-progress-bar span.orientationprogress_25 {width:25%;}
.header-progress-bar span.orientationprogress_26 {width:26%;}
.header-progress-bar span.orientationprogress_27 {width:27%;}
.header-progress-bar span.orientationprogress_28 {width:28%;}
.header-progress-bar span.orientationprogress_29 {width:29%;}
.header-progress-bar span.orientationprogress_30 {width:30%;}
.header-progress-bar span.orientationprogress_31 {width:31%;}
.header-progress-bar span.orientationprogress_32 {width:32%;}
.header-progress-bar span.orientationprogress_33 {width:33%;}
.header-progress-bar span.orientationprogress_34 {width:34%;}
.header-progress-bar span.orientationprogress_35 {width:35%;}
.header-progress-bar span.orientationprogress_36 {width:36%;}
.header-progress-bar span.orientationprogress_37 {width:37%;}
.header-progress-bar span.orientationprogress_38 {width:38%;}
.header-progress-bar span.orientationprogress_39 {width:39%;}
.header-progress-bar span.orientationprogress_40 {width:40%;}
.header-progress-bar span.orientationprogress_41 {width:41%;}
.header-progress-bar span.orientationprogress_42 {width:42%;}
.header-progress-bar span.orientationprogress_43 {width:43%;}
.header-progress-bar span.orientationprogress_44 {width:44%;}
.header-progress-bar span.orientationprogress_45 {width:45%;}
.header-progress-bar span.orientationprogress_46 {width:46%;}
.header-progress-bar span.orientationprogress_47 {width:47%;}
.header-progress-bar span.orientationprogress_48 {width:48%;}
.header-progress-bar span.orientationprogress_49 {width:49%;}
.header-progress-bar span.orientationprogress_50 {width:50%;}
.header-progress-bar span.orientationprogress_51 {width:51%;}
.header-progress-bar span.orientationprogress_52 {width:52%;}
.header-progress-bar span.orientationprogress_53 {width:53%;}
.header-progress-bar span.orientationprogress_54 {width:54%;}
.header-progress-bar span.orientationprogress_55 {width:55%;}
.header-progress-bar span.orientationprogress_56 {width:56%;}
.header-progress-bar span.orientationprogress_57 {width:57%;}
.header-progress-bar span.orientationprogress_58 {width:58%;}
.header-progress-bar span.orientationprogress_59 {width:59%;}
.header-progress-bar span.orientationprogress_60 {width:60%;}
.header-progress-bar span.orientationprogress_61 {width:61%;}
.header-progress-bar span.orientationprogress_62 {width:62%;}
.header-progress-bar span.orientationprogress_63 {width:63%;}
.header-progress-bar span.orientationprogress_64 {width:64%;}
.header-progress-bar span.orientationprogress_65 {width:65%;}
.header-progress-bar span.orientationprogress_66 {width:66%;}
.header-progress-bar span.orientationprogress_67 {width:67%;}
.header-progress-bar span.orientationprogress_68 {width:68%;}
.header-progress-bar span.orientationprogress_69 {width:69%;}
.header-progress-bar span.orientationprogress_70 {width:70%;}
.header-progress-bar span.orientationprogress_71 {width:71%;}
.header-progress-bar span.orientationprogress_72 {width:72%;}
.header-progress-bar span.orientationprogress_73 {width:73%;}
.header-progress-bar span.orientationprogress_74 {width:74%;}
.header-progress-bar span.orientationprogress_75 {width:75%;}
.header-progress-bar span.orientationprogress_76 {width:76%;}
.header-progress-bar span.orientationprogress_77 {width:77%;}
.header-progress-bar span.orientationprogress_78 {width:78%;}
.header-progress-bar span.orientationprogress_79 {width:79%;}
.header-progress-bar span.orientationprogress_80 {width:80%;}
.header-progress-bar span.orientationprogress_81 {width:81%;}
.header-progress-bar span.orientationprogress_82 {width:82%;}
.header-progress-bar span.orientationprogress_83 {width:83%;}
.header-progress-bar span.orientationprogress_84 {width:84%;}
.header-progress-bar span.orientationprogress_85 {width:85%;}
.header-progress-bar span.orientationprogress_86 {width:86%;}
.header-progress-bar span.orientationprogress_87 {width:87%;}
.header-progress-bar span.orientationprogress_88 {width:88%;}
.header-progress-bar span.orientationprogress_89 {width:89%;}
.header-progress-bar span.orientationprogress_90 {width:90%;}
.header-progress-bar span.orientationprogress_91 {width:91%;}
.header-progress-bar span.orientationprogress_92 {width:92%;}
.header-progress-bar span.orientationprogress_93 {width:93%;}
.header-progress-bar span.orientationprogress_94 {width:94%;}
.header-progress-bar span.orientationprogress_95 {width:95%;}
.header-progress-bar span.orientationprogress_96 {width:96%;}
.header-progress-bar span.orientationprogress_97 {width:97%;}
.header-progress-bar span.orientationprogress_98 {width:98%;}
.header-progress-bar span.orientationprogress_99 {width:99%;}
.header-progress-bar span.orientationprogress_100 {width:100%;}


/* Larry nav */

.top-bar-right-larry .points-class {
	color: #FFDD3E;
	font-weight: bold;
	top: 2px;
	position: relative;
}

.top-bar-right-larry {
	background-color: #000;
}

/* Top Bar Toggle Menu + Tabs */

.top-bar .tabs-panel .small-centered {
	margin-left: auto;
	margin-right: auto;
}

.tabs-title .tabs-menu-close {
	display: none;
	margin: 0 2px;
}

.tabs-title.is-active .tabs-menu-close {
	display: inline;
}

.tabs-title.is-active .tabs-menu-bars {
	display: none;
}

.top-bar .tabs {
	border:none;
	background: transparent;
}

.top-bar .tabs-title {
	float: none;
}

.top-bar .tabs-title>a {
	padding: inherit;
}

 
.top-bar .tabs-title>a[aria-selected=true] {
	background: -webkit-linear-gradient(#FFC629 0%, #FFC629 6%, #000000 6%, #000000 20%);
	color: inherit;
}

.top-bar .tabs-title>a:focus {
	background: transparent;
}

.tab-larry-top {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.tab-larry-content p {
	line-height: 1.2;
}

.tab-larry-top .small-6 {
	display: table-cell;
	vertical-align: middle;
}

.tab-larry-top .small-6.tab-larry-image {
	text-align: right;
} 

.tab-larry-top .small-6.tab-larry-image img {
	width: 150px;
	max-width: 100%;
	height: auto;
}

.tab-larry-top .small-6 span.points-class {
	font-size: 4rem;
	color: #de1b28;
}

#tab-menu .columns ul {
	margin:0;
	padding:0;
}

#tab-menu .columns ul li {
	list-style: none;
	display: block;
	padding:0;
	margin:0;
}

#tab-menu .columns ul li a {
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #f1efee;
	padding: .5rem;
	color: #333;
	text-align: center;
}

#tab-menu .columns ul li a:hover {
	color: #000;
	background-color: #f1efee;
}

ul#progress-top-bar-menu.home-menu li.home-menu-finished a {
	background-image: none;
}
 
ul#progress-top-bar-menu.home-menu li a {
	border:none;
	padding: .25rem 0;
	font-size: 80%;
	font-weight: normal;
	background-color: #fff;
	color: #333333;
}

ul#progress-top-bar-menu.home-menu li.home-menu-current a {
	font-weight: bold;
	color: #333333;
	font-size: 100%;
}

ul#progress-top-bar-menu.home-menu li.home-menu-current a span {
	background-image: url('../../images/yellow-circle.svg');
	background-repeat: no-repeat;
	background-position:1rem center;
	background-size: 1.25rem 1.25rem;
}

#tab-progress .row .columns {
	padding: 0;
}

@-moz-keyframes larry-flash { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes larry-flash { 100% { -webkit-transform: rotate(360deg); } }
@keyframes larry-flash { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);} }

.larry-flash {
    -webkit-animation-name: larry-flash;
    -webkit-animation-duration: 300ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}  

/*********************
FORMS
**********************/

/* Global Forms*/

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
    outline: none;
    border-bottom: 1px solid #FFDD3E;
    background-color: none;
    box-shadow: none;
    -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: box-shadow .5s,border-color .25s ease-in-out;
}

.gform_wrapper .gform_footer {
	text-align: center;
}

.button {
	font-weight: bold;
	font-size: 1rem;
}

.button.warning {
	font-weight: normal;
}

.gform_body ul li.form-arrow-down {
	background-image: url('../../images/form-arrow-down.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 20px 20px;
	padding-bottom: 2.5rem;
	margin-bottom: 2.5rem;
}

.gform_wrapper .gform_body label.gfield_label {
	font-size: 1.125rem;
	display: block;
	text-align: center;
	margin-bottom: 1rem;
}

.gform_wrapper span.gfield_required {
	display: none;
}

.gform_wrapper .gform_body .ginput_container_radio ul li,
.gform_wrapper .gform_body .ginput_container_checkbox ul li {
	margin-bottom: 0;
	margin-top: -1px;
	position: relative;
}

.gform_wrapper .gform_body .ginput_container_radio ul li label,
.gform_wrapper .gform_body .ginput_container_checkbox ul li label {
	border: 1px solid #95989A;
	border-bottom-width: 0;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	background-size: 16px 16px;
	background-position: left .75rem center;
	background-repeat: no-repeat;
}

.gform_wrapper .gform_body .ginput_container_radio ul li label {
	background-image: url('../../images/unselected-radio.svg');
}

.gform_wrapper .gform_body .ginput_container_checkbox ul li label {
	background-image: url('../../images/unchecked.svg');
}


.gform_wrapper .gform_body .ginput_container_radio ul li label,
.gform_wrapper .gform_body .ginput_container_checkbox ul li label {
	margin:0;
	padding: .75rem .75rem .75rem 2.5rem;
	width: 99%;
	max-width: 100%;
	display: block;
}

.gform_wrapper .gform_body .gfield.form-tf .ginput_container_radio ul li label,
.gform_wrapper .gform_body .gfield.form-tf .ginput_container_checkbox ul li label  {
	width: 100%;
}

.gform_wrapper .gform_body .ginput_container_radio ul li input[type="radio"] {
	visibility: hidden;
	display: none; /* might not be the best way to do this*/
	height:0;
	width:0 !important;
}

.gform_wrapper .gform_body .ginput_container_checkbox ul li input[type="checkbox"] {
	display: none; /* Might not be the best way to do this */
}

.gform_body .ginput_container_radio ul li:last-child label,
.gform_body .ginput_container_checkbox ul li:last-child label {
	border-bottom-width: 2px;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	font-size: 1.2rem;
}

.gfield_description {
	text-align: center;
	color: #999;
	font-size: 80%;
	font-style: italic;
}

.gform_wrapper.gf_browser_ie .gform_footer input.button {
	padding: .85rem 1rem !important;
}

/* True or false */

.gform_wrapper .gform_body .form-tf .ginput_container.ginput_container_radio ul {
	width: 100%;
}

.gform_wrapper .gform_body .form-tf .ginput_container.ginput_container_radio ul li {
	display: inline-block;
	width: 50%;
}

/* IN PROGRESS: Trying to hack the border here... not working with z-index */

.gform_wrapper .gform_body .form-tf .ginput_container.ginput_container_radio ul li label {
	border-bottom-width: 2px;
	position: relative;
	z-index: 1;
}

.gform_wrapper .gform_body .form-tf .ginput_container.ginput_container_radio ul li:last-child label {
	left: -1px;
}

.gform_wrapper .gform_body .form-tf .ginput_container.ginput_container_radio ul li input[type=radio]:checked+label {
	z-index: 2;
}

.gform_wrapper .gform_body .form-tf .ginput_container.ginput_container_radio ul li:last-child input[type=radio]:checked+label {
	border-left-width: 2px;
}

/* radio and checkbox checked */

.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
	font-weight: normal;
	color: #de1b28;
	border-color: #de1b28;
	border-bottom-width: 1px;
	position: relative;
	z-index: 2;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label {
	background-image: url('../../images/checked.svg');
}

.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
	background-image: url('../../images/selected-radio.svg');
}

/* Input type text field */

.gform_wrapper input[type="text"] {
	border-width: 1px;
	box-shadow: none;
	border-color: #95989A;
	z-index: 100;
	position: relative;
}

/* Error Messages */


.gform_wrapper div.validation_error {
	color: #000 !important;
	font-size: 100% !important;
	font-weight: normal !important;
	border: 1px solid #65A9CC !important;
	padding: 1em 0px 1em 20px !important;
}

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	border-color: none !important;
	color: #444 !important;
	background-color: rgba(255,223,224,.25) !important; 
	padding: .5rem;
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .validation_message {
	color: #ff0000 !important;
}

.gform_wrapper li.gfield_error input[type="email"],
.gform_wrapper li.gfield_error input[type="number"],
.gform_wrapper li.gfield_error input[type="password"],
.gform_wrapper li.gfield_error input[type="tel"],
.gform_wrapper li.gfield_error input[type="text"],
.gform_wrapper li.gfield_error input[type="url"],
.gform_wrapper li.gfield_error textarea {
	border: 1px solid #000;
}

.gform_wrapper .validation_message {
	padding-bottom: 16px;
}

/* Placement Form */
.gform_wrapper .pcc-placement-form .gform_body label.gfield_label {
	text-align: left;
}

.pcc-placement-form .gfield_description {
	text-align: center;
	color: #333;
	line-height: 1.2;
}

.gform_wrapper .pcc-placement-form h2,
.gform_wrapper .pcc-placement-form h3 {
	font-weight: 900;
	margin-bottom: .8rem;
}

.gform_wrapper .pcc-placement-form h2.gsection_title {
	font-size: 1.5rem;
	margin-top: 3rem !important;
	font-weight: 900;
	text-align: left;
}
.pcc-placement-form .gsection_description {
	text-align: left;
}

#gform_wrapper_21 .gform_footer,
#gform_wrapper_22 .gform_footer {
	display: none;
}

.placement-results {
	border: 2px solid #DD1B29;
	padding: 1.5rem !important;
	margin-bottom: 2rem;
	position: relative;
}

.placement-results .placement_modal_saved {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(149, 215, 41, 0.92);
    color: #000;
    text-align: center;
    font-weight: bold;
    padding: .25rem 0;
    font-size: .85rem;
    display: none;
}

.the_placement_result {
	margin-top: 1.25rem;
}

.the_placement_result a {
	text-decoration: underline;
}

.placement-results p {
	margin-bottom: 0;
}

.placement-results p a {
	text-decoration: underline;
}

.placement-results .placement-results-heading {
	font-family: 'AvenirNext', sans-serif;
	margin-bottom: 18px;
}

.placement-results .placement-results-heading:after {
	content:'';
	clear:both;
	display: block;
}

.placement-results .placement-results-heading span.placement-type {
	background-color: #000;
	color: #fff;
	padding: 8px 14px;
	font-weight: 900;
	font-size: 28px;
	display:inline-block;
	margin-right: 1rem;
}

.placement-results .placement-results-heading span.placement-code {
	
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.placement-results {
	position: relative;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.placement-results .the_placement_result {
	margin-bottom: 4rem;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.placement-results button {
	position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
}

/* Placement Notification */
#placement_modification_notification {
	position: fixed;
	left: 0rem;
	right: 0rem;
	bottom: 0rem;
	text-align: center;
	background: #A7E4E8;
	padding: 1rem 3rem 1rem 3rem;
	z-index: 999;
}

#placement_modification_notification p {
	margin-bottom: 0;
	padding-bottom: 0;
}

#placement_modification_notification span.close_placement_not {
	font-weight: bold;
	font-size: 1.5rem;
	display: block;
	position: absolute;
	right: 1rem;
	top: 1rem;
	padding: 0;
	margin: 0;
	line-height: 1;
	cursor: pointer;
}

#placement_modification_notification span.close_placement_not:hover {
	opacity: .8;
	text-decoration: underline;
}

select {
	border-color: #000;
	background-image: url('../../images/angle-down.svg');
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: right 0 center;
	padding-right: 30px;
}

/*********************
SPLASH
**********************/

body#login-bg #login-bg-image {
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 1;
	min-height: 100vh;
}

body#login-bg {
	font-size: 80%;
}

.login-page a {
	color: #fff;
}

.login-error a {
	color: #DD1B29;
	display: block;
}

#login-bg-overlay {
	background-color: rgba(32, 31, 31, 0.85);
	z-index: 2;
	min-height: 100vh;
}

body#login-bg .off-canvas-wrapper {
	position: relative;
	z-index: 3;
}

body#login-bg article {
	padding: 1rem;
}

body#login-bg article header h1,
body#intro-template-page header h1 {
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	padding-bottom: 2rem;
}

body#login-bg article header h1 img,
body#intro-template-page header h1 img
 {
	max-width: 12.5rem;
	height: auto;
}

body#login-bg article section {
	color: #fff;
	text-align: center;
	padding: 2rem 0 1rem 0;
}

.loginform input {
	margin-bottom: 1.5rem;
	border: none;
	background-color: none;
	background: transparent;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.loginform  input:focus {
	outline: none;
	border:none;
	background:transparent;
	border-bottom: 1px solid #FFDD3E;
	border-bottom-color: #FFDD3E;
}

.loginform  button {
	margin-top: 2rem;
}

.loginform a.warning {
	color: #fff;
	border-radius: 30px;
	margin-top: 2rem;
}

.loginform  a.warning:hover {
	opacity: 1;
	background-color: #000;
}

span.login-profile-icon,
span.login-lock-icon {
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	display: block;
}

span.login-profile-icon {
	background-image: url('../../images/profile-icon.svg');
}

span.login-lock-icon {
	background-image: url('../../images/lock-icon.svg');
}

a.logout-bar {
	display: block;
	color: #999;
	padding: .75rem;
	text-align: right;
	background-color: #000;
	font-family: 'AvenirNext', sans-serif;
	font-weight: 600;
	cursor: pointer;
	font-size: .75rem;
}

a.logout-bar span {
	font-size: .5rem;
}

a.logout-bar:hover {
	background-color: #333;
	color: #fff;
}

/*********************
INFO PAGES
*********************/

body#info-template-page article {
	padding: 2rem;
}

a.red-bar {
	display: block;
	color: #fff;
	padding: .75rem;
	text-align: left;
	background-color: #DD1B29;
	font-family: 'AvenirNext', sans-serif;
	font-weight: 600;
	cursor: pointer;
}

a.red-bar span {
	font-size: .75rem;
}

a.red-bar:hover {
	background-color: #BE1E2D;
}

/*********************
INTRO PAGES
**********************/

body#intro-template-page #main,
body#intro-template-page #inner-content {
	padding:0;
}

body#intro-template-page .intro-header {
	background-color:#de1b28;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 1;
}

body#intro-template-page .intro-header-inner {
	padding: 2rem;
	position: relative;
	z-index: 3;
}

body#intro-template-page .intro-header-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.60);
	z-index: 2;
}

body#intro-template-page .intro-content {
	padding-top: 2rem;
	text-align: center;
}

body#intro-template-page .intro-footer {
	text-align: center;
	font-size: 2rem;
}

.bottom-form {
	padding: 2rem;
}

.meet-larry-pro-image {
	margin: -65px auto 0 auto;
	width: 130px;
	height: 130px;
	background-image: url('../../images/larry-gif.gif');
	background-size: 130px 130px;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 3;
}

#inner-content.row.edit-phone-number input[type=text] {
	text-align: center;
	font-size: 1.5rem;
	background-color: none;
	background:transparent;
}

/*********************
HOMEPAGE
*********************/

#content.homepage #inner-content {
	padding:0;
}

#content.homepage #main {
	padding:0;
}

#content.homepage article header {
	padding: 1.5rem;
	border-bottom: 1px solid #D0D0D0; 
}

#content.homepage article header p {
	line-height: 1.2;
}

.homepage-top-finished {
	display: none;
}

#homepage-progress .c100:after {
	background-color: #fff;
}

#homepage-progress .c100 > span {
	color:#333;
	font-family: 'ProximaNova', Helvetica, sans-serif;
	font-weight: bold;
}

#homepage-progress .c100 {
	left: 50%;
	margin-left: -60px;
}

/* Home Menu */

ul.home-menu {
	margin:0;
	padding:0;
}

ul.home-menu li {
	list-style: none;
	display: block;
	margin:0;
	padding:0;
}

ul.home-menu li a {
	display: block;
	background-color: #EBEBEB;
	padding: 1rem 0 1rem 0rem;
	border-bottom: 1px solid #D0D0D0;
	color: #9A9A9A;
	font-weight: bold;
	font-family: 'AvenirNext', sans-serif;
}

ul.home-menu li a span.home-menu-left-icon {
	display: block;
	background-size: 12px 13.5px;
	background-repeat: no-repeat;
	background-position: 1.5rem center;
	padding: 0 3rem;
}

ul.home-menu li a span.home-time {
	opacity: .8;
	font-size: 60%;
	line-height: 1;
	display: block;
    color: #999;
    font-weight: 600;
}

ul.home-menu li.home-menu-finished a {
	color: #333;
	background-image: url('../../images/edit-pencil.svg');
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	background-size: 20px 20px;
	background-color: #fff;
		-webkit-transition: all .35s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: all .35s ease-in-out;

}

ul.home-menu li.home-menu-finished a:hover {
	background-color: #f1efee;
}

/* For the introduction toggle*/

ul.home-menu li.home-menu-finished.introduction-toggle a {
	background-image: url('../../images/angle-down.svg');
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	background-size: 20px auto;
}

ul.home-menu li.home-menu-finished.introduction-toggle.introduction-toggler-active a {
	background-color:#f1efee;
	background-image: url('../../images/angle-up.svg');
}

ul.home-menu li ul.introduction-edit-toggler {
	margin:0;
	padding:0;
	display: none;
}

ul.home-menu li.home-menu-finished ul.introduction-edit-toggler li.home-menu-finished a {
	font-size: .8rem;
	padding: .75rem .75rem .75rem 1.5rem;
	background-color: #fff;
	background-image: url('../../images/edit-pencil.svg');
}

ul.home-menu li.home-menu-finished ul.introduction-edit-toggler.introduction-toggler-active li.home-menu-finished a {
	background-image: url('../../images/edit-pencil.svg');
}

ul.home-menu li ul.introduction-edit-toggler li.home-menu-finished a:hover {
	background-color: #f1efee;
}

ul.home-menu li.home-menu-current a {
	background-color: #de1b28;
	color:#fff;
	font-size: 120%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-image: url('../../images/yellow-arrow-right.svg');
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	background-size: 16px 13px;
}

ul.home-menu li.home-menu-current a span {
	color: #fff;
}

ul.home-menu li.home-menu-current a:hover {
	background-color: #b80f2b;
}

ul.home-menu li.home-menu-current a span.home-time {
	display: block;
	margin-left: 0;
	background-image: url('../../images/home-clock.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .8rem auto;
	padding-left: 1.1rem;
}

ul.home-menu li.home-menu-current a span.home-menu-left-icon {
	background-image: url('../../images/unlocked.svg');
	background-size: 14px 15px;
}

ul.home-menu li.home-menu-finished a span.home-menu-left-icon {
	background-image: url('../../images/complete.svg');
}

ul.home-menu li.home-menu-locked a span.home-menu-left-icon {
	background-image: url('../../images/lock.svg');
}

body.page-template-template-home .footer {
	padding:0;
}

body.page-template-template-home #inner-content {
	max-width: 42rem;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }
    
/********************
404 ERROR PAGE
********************/

body.error404 #content #inner-content {
	max-width: 42rem;
}
    
/*********************
SECTIONS
*********************/

#content.single-content #inner-content {
	padding:0;
	width: 100%;
	max-width: 100%;
}

#content.single-content #main {
	padding:0;
}

#single-section header {
	padding:2rem 3rem;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

#single-section header .skew:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: visible;
	width: 100%;
	height: 15rem;
	background: #FFC629;
	z-index: -1;
	-webkit-transform: skewY(-2deg);
	-moz-transform: skewY(-2deg);
	-ms-transform: skewY(-2deg);
	-o-transform: skewY(-2deg);
	transform: skewY(-2deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: initial;
}

.scroll-line{
  height: 5px;
  background:  #FFDD3E;
  width: 0%;
  position: fixed;
  bottom:0;
  left:0;
  z-index: 102;
}

#single-section article section {
	
}

span.section-number {
	font-family: 'ProximaNova', Helvetica, sans-serif;
	font-size: 1rem;
	display: block;
}

/* Table of Contents */

#table-of-contents {
	padding: 4rem 0;
}

.toc-heading {
	background-image: url('../../images/long-right-arrow.svg');
	background-repeat: no-repeat;
	background-position: -5.5rem center;
	background-size: auto 1.625rem;
	font-family: 'ProximaNova', Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 0 3rem 0 3rem;
}

ul.toc-items {
	margin: 1rem 3rem 0 3rem;
	padding:0;
}

ul.toc-items li {
	font-family: 'ProximaNova', Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1rem;
	border-top: 1px solid #ccc;
	list-style: none;
	padding: .5rem;
}

ul.toc-items li:last-child {
	border-bottom: 1px solid #ccc;
}

.section-form-icon {
	font-size: 3rem;
	text-align: center;
}

.cb-section-inner-black h2 {
	color: #FFC629;
}

/*********************
SECTION SPECIFIC
**********************/

/* Managing Classes*/

#lp-bg-image .cb-section-bg-image {
	background-position: top center;
}

#lp-bg-image .cb-section-inner {
	display: table;
	width: 100%;
}

#lp-bg-image .cb-section-inner .section-padder {
	display: table-cell;
	padding:0;
	vertical-align: middle;
	height: 16rem;
}

#lp-bg-image .cb-section-inner .section-padder p {
	margin-bottom: 0;
}

/* Your Resources */

#resources-section h2 {
	margin: 2rem 0 1rem 0;
}

/* Completed */

#completed-section-content .section-padder {
	padding-bottom:0;
}

/*********************
CONTENT BUILDER CRAP
*********************/

.cb-section-inner {
	min-height: 200px;
	display: block;
}

.cb-section-bg-image {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.cb-section-bg-image .cb-section-inner {
	background-color: rgba(33, 33, 33, 0.7);
	color:#fff;
}

.cb-section-inner.cb-section-inner-red {
	background-color:#DD1B29;
	color:#fff;
}

.cb-section-inner.cb-section-inner-gray {
	background-color:#ECECEC;
}

.cb-section-inner.cb-section-inner-black {
	background-color:#000000;
	color:#fff;
}

.cb-section-inner.cb-section-inner-white {
	background-color:#FFFFFF;
}

.cb-section-inner.cb-section-inner-custom {
	background-color:#000000;
	color:#fff;
}

.section-padder {
	padding: 2rem 3rem 1rem 3rem;
}

.section-component-padder {
	margin-bottom: 1rem;
}

/* NOTE Component */
.the-section-note {
	position: relative;
	border-width: 3px;
	border-style: solid;
	border-radius: .3rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.the-section-note.the-section-note-light {
	border-color: #fff;
}

.the-section-note.the-section-note-dark {
	border-color: #000;
}

.the-section-note-icon {
	width: 2.3rem;
	height: 2.3rem;
	position: absolute;
	left: -1.15rem;
	top: .5rem;
	background-color: #FFDD3E;
	border-radius: 100%;
	padding: .3rem 0 0 0;
	text-align: center;
}

.the-section-note-icon img {
	width:1.7rem;
	height: 1.7rem;
}

.the-section-note-title {
	padding: .5rem 1.8rem 0 1.8rem;
	font-weight: bold;
    font-size: 1.5rem;
    font-family: 'ProximaNova', Helvetica, sans-serif; 
}

.the-section-note-content {
	padding: .3rem 1.8rem 0 1.8rem;
}


/* Unordered List */

.section-component ul {
	margin:0 0 2rem 2rem;
	padding:0;
}

.section-component ul li {
	list-style: none;
	padding:0 0 1rem 0;
	position: relative;
	font-size: 1.125rem;
	
}

.section-component ul li:before {
	content:'';
	background-image:  url('../../images/long-right-arrow.svg');
	background-size: 115px auto;
	background-repeat: no-repeat;
	background-position: left top;
	width: 125px;
	height: 27px;
	margin-left: -8rem;
	display: inline-block;
	position: absolute;
}

.section-component .gform_wrapper ul li:before {
	background-image: none;
	background:transparent;
}

.cb-section-inner-red .section-component ul li:before,
.cb-section-inner-black .section-component ul li:before {
	background-image:  url('../../images/long-arrow-white.svg');
}

/* Ordered List */

.section-component ol {
    counter-reset:item; 
    margin:0; 
    padding-left:0; 
}
.section-component ol>li {
    counter-increment:item; 
    list-style:none; 
    overflow: hidden;
    font-size: 1.25rem !important;
    line-height: 1.3;
	padding-left: 3.5rem;
	padding-top: .25rem;
	position: relative;
	min-height: 2.5rem;
	margin-bottom: 1rem;
}
.section-component ol>li:before {
    content:counter(item) ;
    margin-right: 20px;
    padding: 0;
    height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #de1b28;
    background: transparent;
    color: #de1b28;
    font-size: 1.25rem;
    font-weight: bold;
    float: left;
    line-height: 2.3rem;
    font-family: 'AvenirNext', sans-serif;
    margin-left: -3.5rem;
    position: absolute;
    top: 0;
}

.section-component.accordion-component .large-6 {
	margin-bottom: 2rem;
}

.accordion {
	background: transparent;
}

.cb-section-inner-black .section-component ol>li:before,
.cb-section-inner-red .section-component ol>li:before {
	color: #FFDD3E;
	border-color: #FFC629;
}
/* Stand Alone Image */

.image-component.full-width-image-component {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.image-component.full-width-image-component img {
	width: 100%;
	max-width: 100%;
}

/* Accordion */

.accordion-component {
	margin-top: 1rem;
}

.section-component.accordion-component ul {
	margin:0;
	padding:0;
}

.section-component.accordion-component ul li {
	list-style: none;
	display: block;
	margin:0 0 .5rem 0;
	padding:0;
}

.section-component.accordion-component ul li:before {
	display: none;
}

.accordion-item .accordion-title {
	background-color: #fff;
	color: #000;
	font-size: 1.25rem;
	font-weight: bold;
	border: 3px solid #000;
}

.accordion-item.is-active .accordion-title {
	background-color: #000;
	color: #fff;
}

.accordion-content {
	border: 3px solid #000;
	padding: 3rem;
}

:last-child:not(.is-active)>.accordion-title {
	border-bottom: 3px solid #000;
}

:last-child>.accordion-content:last-child {
	border-bottom: 3px solid #000;
}


/* IMAGE QUOTE */

.image-quote-component {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.image-quote-inner {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
	padding: 10rem 2rem 1rem 2rem;
}

.image-quote-inner .image-quote-mark {
	max-width: 27rem;
	margin: 0 auto .5rem auto;
}

.image-quote-inner .image-quote-mark img {
	width: 30px;
	height: auto;
}

.image-quote-component .image-quote-the-quote {
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.2;
	max-width: 27rem;
	margin:0 auto;
}

/* LARRY TIP */

.larry-tip {
	margin-bottom: 1rem;
}

.larry-tip.larry-tip-dark {
	color: #000;
}

.larry-tip.larry-tip-light {
	color: #fff;
}

.larry-wrapper {
	border: 5px solid #FFC629;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 5px;
	padding: 1rem 1rem 1rem 2.5rem;
	margin-bottom: 1rem;
	position: relative;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.larry-wrapper:hover {
	transform: scale(1.05);
}

/*.larry-wrapper:before {
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #C11B27;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.larry-wrapper:hover {
	color: #fff;
}

.larry-tip-dark .larry-wrapper:before {
	background: #FFC629;
}

.larry-tip-dark .larry-wrapper:hover {
	color: #000000;
}*/

.larry-tip-dark .larry-wrapper.larry-complete:hover {
	color: #fff;
}

.larry-wrapper:hover:before {
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.larry-wrapper.larry-complete {
	background-color: #C11B27; 
	color:#fff;
}

.larry-wrapper.larry-complete h2,
.larry-wrapper.larry-complete h3,
.section-bottom-larry .larry-wrapper.larry-complete h2,
.section-bottom-larry .larry-wrapper.larry-complete h3 {
	color: #fff;
}

.larry-wrapper.larry-complete .larry-icon .larry-finished {
	background-image: url('../../images/larry-complete@2x.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 49px;
	height: 49px;
}

.larry-wrapper p {
	margin-bottom:0;
	padding:0;
	font-weight: bold;
	line-height: 1.2;
}

.larry-wrapper .larry-icon {
	width: 49px;
    height: 49px;
    display: block;
    position: absolute;
    left: -28px;
    top: 50%;
    margin-top: -24.5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.larry-wrapper .larry-icon.larry-right {
	background-image: url('../../images/larry-right@2x.png');
}

.larry-wrapper .larry-icon.larry-left {
	background-image: url('../../images/larry-left@2x.png');
}

.larry-wrapper .larry-icon.larry-front {
	background-image: url('../../images/larry-front@2x.png');
}

.larry-wrapper .larry-icon.larry-upside-down {
	background-image: url('../../images/larry-upside-down@2x.png');
}

.larry-wrapper:hover .larry-icon.larry-right {
	-webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.larry-wrapper:hover .larry-icon.larry-left {
	-webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.larry-wrapper:hover .larry-icon.larry-front {
	-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.larry-wrapper:hover .larry-icon.larry-upside-down {
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* BOTTOM LARRY */

.section-bottom-larry .larry-wrapper p, .section-bottom-larry .larry-wrapper li {
	font-size: 1.125rem;
	font-weight: bold;
}

.section-bottom-larry .larry-wrapper h2 {
	color: #de1b28;
	font-size: 2rem;
}

.section-bottom-larry .larry-wrapper .larry-icon {
	top: .8rem;
	margin-top:0;
}

/* BLOCKQUOTE */

blockquote {
	background-image: url('../../images/quote-dark.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 24px 21px;
	padding-top: 30px;
	padding-left:0;
	border-left:none;
}

blockquote,
blockquote p {
	color: #333;
	font-size: 1.3125rem;
}

.cb-section-inner.cb-section-inner-red blockquote {
	background-image: url('../../images/quote-whtie.svg');
}

.cb-section-inner.cb-section-inner-red blockquote,
.cb-section-inner.cb-section-inner-red blockquote p,
.cb-section-inner.cb-section-inner-black blockquote,
.cb-section-inner.cb-section-inner-black blockquote p,
.cb-section-inner.cb-section-inner-custom blockquote,
.cb-section-inner.cb-section-inner-custom blockquote p {
	color:#fff;
}

.cb-section-inner.cb-section-inner-black blockquote,
.cb-section-inner.cb-section-inner-custom blockquote {
	background-image: url('../../images/quote-yellow.svg');
}

/* MODAL */

.reveal-modal-content {
	padding-left: 2rem;
	padding-right: 2rem;
}

.modal-title {
	background: #333333;
    padding: 2rem;
    color: #fff;
    margin: -1rem -2rem 2rem -2rem;
}

.modal-title h2 {
	font-size: 2rem;
	margin-right: 3rem;
}

.reveal-modal-content .close-button,
.close-button.close-single-section-video {
	color: #fff;
	padding: .5rem 1rem 1rem 1rem;
	background-color: rgba(51, 51, 51, 0.93);
	position: absolute;
	top:0;
	right: 0;
}

.close-button.close-single-section-video {
	z-index: 2;
	padding-top: 1rem;
}

.reveal-modal-content .close-button:hover {
	opacity: .9;
}

/* VIDEO MODAL */

.reveal-modal-content.reveal-modal-video {
	padding:0;
}

.reveal-modal-video .flex-video, .reveal-modal-video .responsive-embed {
	margin-bottom: 0;
}

.responsive-embed.widescreen .flex-video {
	padding-bottom: 56.25%;
}

.video-modal-component {
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
}

.video-modal-component .modal-video-play-button {
	background-image: url('../../images/play-button.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 5rem 5rem;
	width: 5rem;
	height: 5rem;
	margin: 3rem;
}

.video-modal-component-inner {
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.modal-video-content {
	margin: 4rem 3rem 3rem 3rem;
	color:#fff;
	font-family: 'ProximaNova', 'Helvetica Neue', sans-serif;
	font-weight: bold;
}

.modal-video-content p {
	padding:0;
	margin:0;
}

/* CIRCLE MODAL */

.circle-modal-wrapper {
	display: table;
	width: 12rem;
	margin: 1rem auto 2rem auto;
}

.circle-modal {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	background-color:#FFC629;
	color: #000;
	text-transform: uppercase;
	font-size: 1.2rem;
	text-align: center;
	margin: 0 auto;
	font-family: 'AvenirNext', sans-serif;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	padding: 0 2rem;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    cursor: pointer;
    background-image: url('../../images/expand-arrows.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8rem;
}

.circle-modal:hover {
	opacity: .9;
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}

/* BOUNCING BALLS */

div.a {
    width: 150px;
    height:150px;
    background-color:#000;;
    border: 2px solid #FFC629;
    position:absolute;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1);
    transition: all 100ms ease-in;
    transform: scale(1);
    animation: MoveUpDown 3s linear infinite;
    cursor: pointer;
}

div#amajors {
	animation: MoveUpDown 3s linear infinite;
}

div#acourses {
	animation: MoveUpDown2 3.5s linear infinite;
}

div#adegrees {
	animation: MoveUpDown3 3.75s linear infinite;
}

@keyframes MoveUpDown {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translate(0px,0px);
	}
	25% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translate(-20px,-20px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translate(0px,-20px);
	}
	75% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translate(-20px,0px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translate(0px,0px);
	}
}

@keyframes MoveUpDown2 {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translate(0px,0px);
	}
	25% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translate(-20px,-20px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translate(0px,-20px);
	}
	75% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translate(-20px,0px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translate(0px,0px);
	}
}

/* 
	from {
		transform: rotate(0deg)
		           translate(-150px)
		           rotate(0deg);
	}
	to {
		transform: rotate(360deg)
		           translate(-150px) 
		           rotate(-360deg);
	}
	
*/

@keyframes MoveUpDown3 {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translate(0px,0px);
	}
	25% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translate(-20px,-20px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translate(0px,-20px);
	}
	75% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translate(-20px,0px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translate(0px,0px);
	}
}

#amajors.a {
	left: -1rem;
	top: 50px;
}

#acourses.a {
	left: 100px;
	top: 170px;
}

#adegrees.a {
	left: 0px;
	top: 300px;
}

#amajors.a.activatedcircle {
	left: -2rem;
	-webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
}

#acourses.a.activatedcircle {
	left: -2rem;
	-webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
}

#adegrees.a.activatedcircle {
	left: -2rem;
	top: 150px;
	-webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
}

div.a:hover {
	opacity: .9;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);   
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

div.innera {
	height: 150px;
	width: 150px;
	display: table-cell;
	vertical-align: middle;
}

.animatedDivs {
	width: 100%;
	height: 500px;
	position: relative;
}

.circle-expanded {
	visibility: hidden;
	font-size: .8rem;
	transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	-webkit-animation-delay: .4s; /* Safari 4.0 - 8.0 */
    animation-delay: .4s;
    opacity: 0;
    height: 0;
    overflow: hidden;
    font-weight: normal;
}

.a.activatedcircle .circle-expanded {
	visibility: visible;
	height: auto;
	opacity: 1;
}

.a.activatedcircle {
	z-index: 4;
	width: 300px;
	height: 300px;
	animation: none;
	font-size: 1.5rem;
	font-weight: bold;
}

.a.activatedcircle .innera {
	width: 300px;
	height: 300px;
	padding: 40px;
	opacity: .9;
}

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }
  
body#intro-template-page .footer,
body.page-template-template-home .footer {
	margin-top:0;
}

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .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; }
  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; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }
