/* Font Declarations */

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

}


html {
    font-size: 100%;
}

body {
    font-family: 'source_sans_proregular';
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    background-color: #ffffff;
    line-height: 1.1;
    text-align: center;
    overflow-x: hidden !important;
    margin: auto !important;
}
div.fullWidthContainer {
  display: block;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
}


/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

a {
    -webkit-transition: all ease 3s;
            transition: all ease 3s;
            text-decoration: none;
            cursor: pointer;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

/* Other fixes*/

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

/*---------------------------------------
=========================================
 **   Navigation                
=========================================
-----------------------------------------*/
div.mobileMenu {
  display: block;
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
}
.mobileMenu .navbar {
  margin-bottom: 0;
}
.mobileMenu .navbar a.infoButton {
  float: left;
  background-color: transparent;
  margin-bottom: 1.4vw;
  margin-top: 1.4vw;
  margin-left: 2vw;
  border-color: #76c3d4;
  border-radius: 0;
}
.mobileMenu .navbar a.infoButton span.infoButtonGlyph {
  color: #76c3d4;
  font-size: 4vw;
  line-height: .75;
  top: 5px;
}
.mobileMenu .navbar .moreInfoMobile {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 2.5vw;
  line-height: 1.1;
  color: #ffffff;
  float: left;
  margin-top: 3.5vw;
  margin-left: 1vw;
}
.mobileMenu .navbar-default {
  background-color: #024c7b;
  border: none;
}
.mobileMenu .navbar .navbar-header {
  display: inline-block;
  float: right;
}
.mobileMenu .navbar .navbar-header .navbar-toggle {
  border-color: #76c3d4;
  padding-top: 1.866667vw;
  padding-bottom: 1.866667vw;
  margin-bottom: 1.4vw;
  margin-top: 1.4vw;
  margin-left: .5vw;
  border-radius: 0;
}
.mobileMenu .navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: #76c3d4;
  font-size: 4vw;
  width: 5.86667vw;
  max-width: 48px;
}
.mobileMenu .navbar .navbar-header .navbar-toggle .icon-bar+.icon-bar {
  margin-top: .53333vw;
}
.mobileMenu .navbar .navbar-collapse {
  background-color: #024c7b;
  border: none;
}
.mobileMenu .navbar .navbar-collapse ul.navbar-nav {
  text-align: right;
  background-color: #76c3d4;
  margin-left: 2.25vw;
  margin-top: 1.4vw;
}
.mobileMenu .navbar .navbar-collapse ul.navbar-nav li a {
  font-size: 3vw;
  line-height: 1.1;
  color: #ffffff;
  border: 2px solid #024c7b;
}

/*---------------------------------------
=========================================
 **   SECTION STYLES                
=========================================
-----------------------------------------*/

/*---------------------------------------
   SECTION:  Header
-----------------------------------------*/

.header div.logoContainer {
  text-align: left;
}
.header img.logo {
  width: 33.33333%;
  height: auto;
  max-width: 176px;
  margin-top: 1.875vw;
  margin-bottom: 1.875vw;
}
.header .fullMenuContainer {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1000;
}
.header div.mainMenu {
  display: block;
  position: relative;
  float: right;
  margin-right: 8.333333333333333%;
  width: 702px;
  height: 22px;
  background-color: #d23138;
}
.header div.menu-button {
  position: relative;
  float: left;
  width: 117px;
  height: 22px;
  background-color: #d23138;
  transition: all ease .5s;
}
.header div.menu-button:hover {
  background-color: #363636;
  transition: all ease .5s;
}
.header p.menutxt a {
  font-family: 'source_sans_probold';
  font-size: .625rem;
  line-height: 1.375rem;
  color: #ffffff;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.header div.signup-button {
  float: right;
  width: 204px;
  margin-top: 3.25rem;
  margin-bottom: 2.25rem;
  background-color: #72c0d1;
  transition: all ease .5s;
}
.header a div.signup-button:hover {
  background-color: #064d7b;
  transition: all ease .5s;
}
.header div.signup-button p {
  font-family: 'source_sans_probold';
  font-size: .625rem;
  line-height: 1.75rem;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

/*=================================================================
   SECTION:  welcome
=================================================================*/
#welcome .rotatorContent {
  background: url('../images/custom-rotator-grid-bg.png') 0 0 repeat;
  height: 39.0625vw;
  max-height: 625px !important;
  overflow-y: hidden;
}
a.videoModalLink {
  cursor: pointer;
}
.customSlider1 {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  opacity: 0;
}
#welcome .customSlider1 img.blueArrows {
  width: 50%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  opacity: 0;
  margin-left: -110%;
}
#welcome .customSlider1 img.soaLogo {
  width: 15%;
  height: auto;
  float: right;
  margin-top: 3vw;
  margin-right: 4vw;
}
#welcome .customSlider1 h2 {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 3.166666666666667vw;
  line-height: 1.1;
  color: #d23138;
  margin-left: 8vw;
  margin-top: 4vw;
  margin-bottom: 1vw;
}
#welcome .customSlider1 h2 span {
  font-family: 'source_sans_prosemibold', sans-serif;
}
#welcome .customSlider1 h3 {
  font-family: 'source_sans_prosemibold', sans-serif;
  font-size: 2.5vw;
  line-height: 1.1;
  color: #024c7b;
  margin-left: 8vw;
  margin-top: 0;
}
#welcome .customSlider1 div.viewInfographicButton {
  position: absolute;
  top: 23vw;
  right: 8vw;
  width: 11.25vw;
  text-align: center;
  background-color: #d23138;
  transition: all ease .5s;
}
#welcome .customSlider1 a div.viewInfographicButton:hover {
  background-color: #064d7b;
  transition: all ease .5s;
}
#welcome .customSlider1 div.viewInfographicButton p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 3;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

.customSlider2 {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../images/custom-rotator-slide2-bg.jpg') 0 0 no-repeat;
  background-size: cover;
  overflow: hidden;
}
#welcome .customSlider2 .headlineContainer {
  display: block;
  position: relative;
  margin-top: 6vw;
  /*top: 5vw;*/
  left: 7%;
  width: 90%;
  background-color: rgba(114, 192, 209, .85);
}
#welcome .customSlider2 .headlineContainer h2 {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 2.5vw;
  line-height: 1.1;
  color: #ffffff;
  margin-left: 2vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
#welcome .customSlider2 .videoContainer {
  display: block;
  position: relative;
  margin-top: 6vw;
  /*top: 2vw;*/
  left: 7%;
  width: 90%;
}
#welcome .customSlider2 a img.videoThumb3 {
  width: 100%;
  height: auto;
}
#welcome .customSlider2 p {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 1.125vw;
  line-height: 1.2;
  color: #464646;
  margin-top: 7vw;
  margin-left: 4.25vw;
}
#welcome .customSlider2 p.rotatorSlide2VideoCopy {
  font-family: 'source_sans_probold', sans-serif;
  font-size: 1vw;
  line-height: 1.1;
  color: #d23138;
  margin-top: .5vw;
  margin-left: 6%;
}
#welcome .customSlider2 p.rotatorSlide2VideoCopy a {
  color: #000000;
  text-decoration: none;
  transition: all ease .5s;
}
#welcome .customSlider2 div.learnMoreButton {
  float: right;
  display: inline-block;
  text-align: center;
  width: 10vw;
  background-color: #d23138;
  margin-top: 2.5vw;
  transition: all ease .5s;
}
#welcome .customSlider2 a div.learnMoreButton:hover {
  background-color: #064d7b;
  transition: all ease .5s;
}
#welcome .customSlider2 div.learnMoreButton p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 3;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
.customSlider3 {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
}
#welcome .customSlider3 h2 {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 3.166666666666667vw;
  line-height: 1;
  color: #d23138;
  margin-top: 17vw;
}
#welcome .customSlider3 div.watchVideoButton {
  text-align: center;
  width: 10vw;
  background-color: #d23138;
  margin-top: 5vw;
  margin-bottom: 7vw;
  transition: all ease .5s;
}
#welcome .customSlider3 a div.watchVideoButton:hover {
  background-color: #064d7b;
  transition: all ease .5s;
}
#welcome .customSlider3 div.watchVideoButton p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 3;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
#welcome .customSlider3 .womanContainer {
  display: block;
  position: absolute;
  top: auto;
  bottom: 0;
  left: auto;
  right: 2.5vw;
  width: 55%;
}
#welcome .customSlider3 .womanContainer img {
  width: 100%;
  height: auto;
}
.customSlider4 {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
}
#welcome .customSlider4 img.yellowArrows {
  width: 27.5%;
  height: auto;
  margin-left: 65%;
  margin-top: 3.5vw;
}
#welcome .customSlider4 h2 {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 4vw;
  line-height: 1;
  color: #d23138;
  margin-top: 2.5vw;
}
#welcome .customSlider4 img.videoThumb1, .customSlider4 img.videoThumb2 {
  width: 90%;
  height: auto;
  margin-top: 2vw;
}
#welcome .customSlider4 p {
  font-family: 'source_sans_probold', sans-serif;
  font-size: 1vw;
  line-height: 1.1;
  color: #d23138;
  margin-top: .5vw;
}
#welcome .customSlider4 p a {
  color: #000000;
  text-decoration: none;
  transition: all ease .5s;
}
#welcome .customSlider4 p a:hover {
  text-decoration: underline;
  transition: all ease .5s;
}
.customSlider6 {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../images/custom-rotator-slide6-huge-yellow-arrows.png') 0 7.25vw no-repeat;
  background-size: 100%;
}
#welcome .customSlider6 h2 {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 3.166666666666667vw;
  line-height: 1;
  color: #d23138;
  margin-top: 6vw;
  margin-left: 2.75vw;
  margin-bottom: 4vw;
}
#welcome .customSlider6 img.slide6Icon {
  width: 70%;
  margin-right: 19%;
}
#welcome .customSlider6 h3 {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1.75vw;
  line-height: 1.1;
  color: #024c7b;
  margin-top: 0;
  margin-bottom: 2vw;
}
#welcome .customSlider6 h3 a {
  font-family: 'source_sans_prolight', sans-serif;
  color: #024c7b;
  text-decoration: none;
  transition: all ease .5s;
}
#welcome .customSlider6 h3 a:hover {
  color: #d23138;
  text-decoration: none;
  transition: all ease .5s;
}
#welcome .carousel-control {
  color: #000000;
  background: transparent;
}
#welcome .carousel-control .icon-prev, #welcome .carousel-control .icon-next, #welcome .carousel-control .glyphicon-chevron-left, #welcome .carousel-control .glyphicon-chevron-right {
  top: 50vw;
}
#welcome .carousel-control .icon-next, #welcome .carousel-control .glyphicon-chevron-right {
  right: 10%;
}
#welcome .carousel-control .icon-prev, #welcome .carousel-control .glyphicon-chevron-left {
  left: 10%;
}
.leftPointer {
  width: 100%;
  height: 39.0625vw;
  max-height: 625px !important;
  overflow-y: hidden;
}
.rotatorControlsContainer {
  background-color: #ffffff;
  max-height: 39.0625vw;
  overflow-y: hidden;
}
a.rotatorControlButton {
  cursor: pointer;
}
img.viewingChevron {
  width: 3vw;
  height: auto;
  margin-top: 0.5833333333333333vw;
  margin-bottom: 0.5833333333333333vw;
}
.rotatorButtonCopyContainer {
  text-align: right;
  padding-right: 27.5%;
}
p.rotatorButtonCopy {
  font-family: 'source_sans_proregular', sans-serif;
  color: #d23138;
  font-size: 1vw;
  margin-top: 2.25625vw;
  margin-bottom: 2.25625vw;
}
.rotatorButtonCopy span {
  font-family: 'source_sans_probold', sans-serif;
}
p.rotatorButtonCopy.last {
  margin-top: 2.80625vw;
  margin-bottom: 2.80625vw;
}
.rotatorControl1Active {
  display: block;
  background-color: #f6d6d7;
}
.rotatorControl1 {
  display: none;
  background-color: #ffffff;
}
.rotatorControl2 {
  display: block;
  background-color: #f1f2f2;
}
.rotatorControl2Active {
  display: none;
  background-color: #f6d6d7;
}
.rotatorControl3 {
  display: block;
  background-color: #ffffff;
}
.rotatorControl3Active {
  display: none;
  background-color: #f6d6d7;
}
.rotatorControl4 {
  display: block;
  background-color: #f1f2f2;
}
.rotatorControl4Active {
  display: none;
  background-color: #f6d6d7;
}
.rotatorControl5 {
  display: block;
  background-color: #ffffff;
}
.rotatorControl5Active {
  display: none;
  background-color: #f6d6d7;
}
.rotatorControl6 {
  display: block;
  background-color: #ffffff;
}
.rotatorControl6Active {
  display: none;
  background-color: #f6d6d7;
}
.welcomeCopyContainer {
  background-color: #e6e7e8;
}
#welcome .welcomeCopyContainer h1 {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1.583333333333333vw;
  line-height: 1.1;
  color: #d23138;
  margin-top: 1.66666666666667vw;
  margin-bottom: 1.33333333333334vw;
}
#welcome .welcomeCopyContainer p {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 1.166666666666667vw;
  line-height: 1.1;
  color: #464646;
  margin-bottom: 1.66666666666667vw;
  margin-right: 4vw;
}

/*=================================================================
   SECTION:  track
=================================================================*/
#track h2 {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1.583333333333333vw;
  line-height: 1.1;
  color: #d23138;
  margin-top: 1.66666666666667vw;
}
#track .trackContainer {
  min-height: 18vw;
}
#track .modulesTitle {
  display: block;
  position: absolute;
  top: 1vw;
  left: 24.5vw;
  width: 53vw;
  border-top: 1px solid #c8c7c7;
  border-left: 1px solid #c8c7c7;
  border-right: 1px solid #c8c7c7;
  text-align: right;
}
#track .modulesTitle img {
  width: 1vw;
  height: auto;
}
#track .modulesTitle p {
  font-family: 'source_sans_probold', sans-serif;
  font-size: 1vw;
  line-height: 1.1;
  color: #000000;
  float: right;
  margin-top: .125vw;
  margin-right: .5vw;
  margin-left: .25vw;
  margin-bottom: 0;
}
#track .track1 {
  display: block;
  position: absolute;
  top: 4vw;
  left: 0;
  width: 10.5vw;
  background-color: #76c5d5;
  padding-top: .25vw;
  padding-bottom: .75vw;
  text-align: left;
  z-index: 20;
}
#track .track1 p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  color: #ffffff;
  margin-left: 1vw;
}
#track .track1 p a {
  color: #ffffff;
}
#track .track1 p a span {
  font-family: 'source_sans_prolight', sans-serif;
}
#track .arrow1 {
  display: block;
  position: absolute; 
  top: 6.75vw;
  left: 8.25vw;
  width: 5vw;
  z-index: 19;
}
#track .arrow1 img {
  width: 100%;
  height: auto;
}
#track .track2 {
  display: block;
  position: absolute;
  top: 4vw;
  left: 12.5vw;
  width: 10.5vw;
  background-color: #76c5d5;
  padding-top: .25vw;
  padding-bottom: .75vw;
  text-align: left;
  z-index: 18;
}
#track .track2 p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  color: #ffffff;
  margin-left: 1vw;
}
#track .track2 p a {
  color: #ffffff;
}
#track .track2 p a span {
  font-family: 'source_sans_prolight', sans-serif;
}
#track .arrow2 {
  display: block;
  position: absolute;
  top: 5.5vw;
  left: 14.5vw;
  width: 25vw;
  z-index: 17;
}
#track .arrow2 img {
  width: 100%;
  height: auto;
}
#track .track3 {
  display: block;
  position: absolute;
  top: 2.5vw;
  left: 25vw;
  width: 11.5vw;
  background-color: #babd42;
  padding-top: 1vw;
  padding-bottom: .125vw;
  text-align: left;
  z-index: 16;
}
#track .track3 p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  color: #ffffff;
  margin-left: 1vw;
}
#track .track3 p a {
  color: #ffffff;
}
#track .track4 {
  display: block;
  position: absolute;
  top: 9.25vw;
  left: 25vw;
  width: 11.5vw;
  background-color: #76c5d5;
  padding-top: .5vw;
  padding-bottom: 0;
  text-align: left;
  z-index: 16;
}
#track .track4 p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  color: #ffffff;
  margin-left: 1vw;
}
#track .track4 p a {
  color: #ffffff;
}
#track .track4 p a span {
  font-family: 'source_sans_prolight', sans-serif;
}
#track .track5 {
  display: block;
  position: absolute;
  top: 4vw;
  left: 38.75vw;
  width: 13vw;
  background-color: #76c5d5;
  padding-top: 1vw;
  padding-bottom: 0;
  text-align: left;
  z-index: 16;
}
#track .track5 p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  color: #ffffff;
  margin-left: 1vw;
}
#track .track5 p a {
  color: #ffffff;
}
#track .track5 p a span {
  font-family: 'source_sans_prolight', sans-serif;
}
#track .arrow3 {
  display: block;
  position: absolute;
  top: 6.75vw;
  left: 49.5vw;
  width: 5vw;
  z-index: 15;
}
#track .arrow3 img {
  width: 100%;
  height: auto;
}
#track .track6 {
  display: block;
  position: absolute;
  top: 4vw;
  left: 54vw;
  width: 10.5vw;
  background-color: #babd42;
  padding-top: .25vw;
  padding-bottom: .75vw;
  text-align: left;
  z-index: 14;
}
#track .track6 p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  color: #ffffff;
  margin-left: 1vw;
}
#track .track6 p a {
  color: #ffffff;
}
#track .arrow4 {
  display: block;
  position: absolute;
  top: 6.75vw;
  left: 62.5vw;
  width: 5vw;
  z-index: 13;
}
#track .arrow4 img {
  width: 100%;
  height: auto;
}
#track .track7 {
  display: block;
  position: absolute;
  top: 4vw;
  left: 67vw;
  width: 10.5vw;
  background-color: #babd42;
  padding-top: .25vw;
  padding-bottom: .75vw;
  text-align: left;
  z-index: 12;
}
#track .track7 p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  color: #ffffff;
  margin-left: 1vw;
}
#track .track7 p a {
  color: #ffffff;
}
#track .track7 p a span {
  font-family: 'source_sans_prolight', sans-serif;
}
#track .examsTitle {
  display: block;
  position: absolute;
  top: 16vw;
  left: 0;
  width: 60vw;
  border-bottom: 1px solid #c8c7c7;
  border-left: 1px solid #c8c7c7;
  border-right: 1px solid #c8c7c7;
  text-align: left;
}
#track .examsTitle img {
  width: 1vw;
  height: auto;
  float: left;
  margin-left: .5vw;
  margin-right: .5vw;
}
#track .examsTitle p {
  font-family: 'source_sans_probold', sans-serif;
  font-size: 1vw;
  line-height: 1.1;
  color: #000000;
  margin-top: 0;
  margin-bottom: .125vw;
}










#track img.trackDesktop {
  width: 100%;
  height: auto;
}
#track img.trackMobile {
  width: 100%;
  height: auto;
  margin-bottom: 4vw
}

/*=================================================================
   SECTION:  difference
=================================================================*/
#difference .headlineContainer {
  background-color: #d23138;
}
#difference h2 {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1.583333333333333vw;
  line-height: 1.1;
  color: #ffffff;
  margin-top: 2.166666666666667vw;
  margin-bottom: 2.166666666666667vw;
}
#difference .carousel .carousel-indicators {
  bottom: auto;
  top: 4%;
  left: 50%;
}
#difference .carousel .carousel-indicators li {
  border-radius: 50%;
  color: #024c7b;
  border: 1px solid #717171;
  margin-right: 4px;
  width: 12px;
  height: 12px;
  background-color: #d23138;
}
#difference .carousel .carousel-indicators .active {
  background-color: #024c7b;
  margin-bottom: 1px;
  margin-top: 1px;
}
#difference .carousel-control {
  color: #000000;
  background: transparent;
}
#difference .carousel-control .icon-prev, #difference .carousel-control .icon-next, #difference .carousel-control .glyphicon-chevron-left, #difference .carousel-control .glyphicon-chevron-right {
  top: 20vw;
}
#difference .carousel-control .icon-next, #difference .carousel-control .glyphicon-chevron-right {
  right: 10%;
}
#difference .carousel-control .icon-prev, #difference .carousel-control .glyphicon-chevron-left {
  left: 10%;
}
#difference .carousel .carousel-inner h3 {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1.583333333333333vw;
  line-height: 1.1;
  color: #d23138;
  margin-top: 3.333333333333333vw;
  margin-bottom: 0;
}
#difference .carousel .carousel-inner ul {
  margin-bottom: 4vw;
}
#difference .carousel .carousel-inner ul li {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 1vw;
  line-height: 1.3;
  color: #000000;
  margin-right: 7vw;
  margin-top: 2vw;
}
#difference .carousel .carousel-inner .slideBottom h3 {
  margin-top: 1.5vw;
}
#difference .carousel .carousel-inner .slideBottom img.perspectiveIcon {
  width: 100%;
  height: auto;
  margin-top: 2vw;
  margin-bottom: 3vw;
}
#difference .carousel .carousel-inner .slideBottom p {
  font-family: 'source_sans_proitalic', sans-serif;
  font-size: 1.25vw;
  line-height: 1.1;
  color: #acacac;
  margin-left: 3vw;
  margin-right: 12.5vw;
  margin-top: 2.5vw;
}
#difference .carousel .carousel-inner .slide1 .slideTopBackground {
  background: url('../images/difference-rotator-bg1.jpg') 0 0 no-repeat;
  background-size: 100%;
}
#difference .carousel .carousel-inner .slide2 .slideTopBackground {
  background: url('../images/difference-rotator-bg2.jpg') 0 0 no-repeat;
  background-size: 100%;
}
#difference .carousel .carousel-inner .slide2 .slideTopBackground h3 {
  margin-bottom: 2vw;
}
#difference .carousel .carousel-inner .slide2 ul {
  margin-bottom: 3.875vw;
}
#difference .carousel .carousel-inner .slide2 ul li {
  margin-top: .4125vw;
}
#difference .carousel .carousel-inner .slide3 .slideTopBackground {
  background: url('../images/difference-rotator-bg3.jpg') 0 0 no-repeat;
  background-size: 100%;
}
#difference .carousel .carousel-inner .slide3 ul li {
  margin-top: 1.5875vw;
}

/*=================================================================
   SECTION:  employers-candidates
=================================================================*/
#employers-candidates .employersHeadlineContainer {
  background-color: #f8fcfd;
}
#employers-candidates h2 {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1.583333333333333vw;
  line-height: 1.1;
  color: #ffffff;
  margin-top: 2.166666666666667vw;
  margin-bottom: 2.166666666666667vw;
}
#employers-candidates .employersContentBg {
  background-color: #024c7b;
}
#employers-candidates h3 {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 1.583333333333333vw;
  line-height: 1.1;
  color: #000000;
  margin-top: 2.333333333333333vw;
}
#employers-candidates h4 {
  font-family: 'source_sans_probold', sans-serif;
  font-size: 1vw;
  line-height: 1.1;
  color: #024c7b;
  margin-top: 2.333333333333333vw;
  margin-bottom: 0;
}
#employers-candidates .candidatesHeadlineContainer {
  background-color: #76c3d4;
}
#employers-candidates h4.candidates {
  color: #76c3d4;
}
#employers-candidates ul {
  margin-bottom: 10.375vw;
}
#employers-candidates ul li {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 1vw;
  line-height: 1.3;
  color: #000000;
  margin-top: 1.75vw;
}
#employers-candidates ul.candidates {
  margin-bottom: 3vw;
}
#employers-candidates ul.candidates li {
  margin-top: 1vw;
}
#employers-candidates div.downloadButton {
  width: 95%;
  text-align:center;
  margin-top: 0;
  margin-bottom: 3vw;
  background-color: #72c0d1;
  transition: all ease .5s;
}
#employers-candidates a div.downloadButton:hover {
  background-color: #064d7b;
  transition: all ease .5s;
}
#employers-candidates div.downloadButton p {
  font-family: 'source_sans_probold';
  font-size: 0.8333333333333333vw;
  line-height: 3;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

/*=================================================================
   SECTION:  resources
=================================================================*/
#resources.gridContainer {
  background: url('../images/grid-bg.png') 0 0 repeat;
}
#resources h2 {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1.583333333333333vw;
  line-height: 1.1;
  color: #d23138;
  margin-top: 2.166666666666667vw;
  margin-bottom: .25vw;
}
#resources p {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 1vw;
  line-height: 1.5;
  color: #000000;
  margin-bottom: 2.166666666666667vw;
}
#resources .iconsContainer {
  margin-bottom: 5vw;
}
#resources .button-container img {
  width: 94.5%;
  height: auto;
}
#resources .button-container img.roll {
  display: none;
}
#resources .button-container:hover img.roll {
  display: inline;
}
#resources .button-container:hover img.rest {
  display:none;
}
#resources a.imagehref {
  text-decoration: none;
}

/*=================================================================
   SECTION:  faq
=================================================================*/
#faq {
  background: url('../images/faq-arrows-bg.png') 0 0 no-repeat;
  background-size: 100% 100%;
}
#faq h2 {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1.583333333333333vw;
  line-height: 1.1;
  color: #000000;
  margin-top: 1.75vw;
  margin-bottom: 1vw;
}
#faq p {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 1.5vw;
  line-height: 1.1;
  color: #363636;
  margin-top: 0;
}
#faq div.faqButton {
  text-align: center;
  width: 11.75vw;
  margin-top: 1.75vw;
  margin-bottom: 2vw;
  background-color: #fef7d9;
  transition: all ease .5s;
}
#faq div.faqButton p {
  font-family: 'source_sans_probold', sans-serif;
  font-size: .875vw;
  line-height: 3;
  color: #363636;
  margin: 0;
  padding: 0;
  transition: all ease .5s;
}
#faq a div.faqButton:hover {
  background-color: #000000;
  transition: all ease .5s;
}
#faq a div.faqButton:hover p {
  color: #ffffff;
  transition: all ease .5s;
}

/*=================================================================
   SECTION:  social
=================================================================*/
#social h2 {
  font-family: 'source_sans_prolight', sans-serif;
  font-size: 1.583333333333333vw;
  line-height: 3;
  color: #d23138;
}
#social img.socialIcon {
  width: 4.666666666666667%;
  height: auto;
  margin-right: .625vw;
  margin-top: 2.5vw;
  margin-bottom: 2.25vw;
}
#social .iconContainer {
  display: inline;
}
#social .iconContainer img.roll {
  display: none;
}
#social .iconContainer:hover img.roll {
  display: inline;
}
#social .iconContainer:hover img.rest {
  display:none;
}
#social a.imagehref {
  text-decoration: none;
}

/*=================================================================
   SECTION:  footer
=================================================================*/
#footer {
  background-color: #000000;
}
#footer .footerLogoContainer {
  text-align: left;
}
#footer img.soaFooterLogo {
  width: 20%;
  height: auto;
  margin-top: 5vw;
}
#footer p {
  font-family: 'source_sans_proregular', sans-serif;
  font-size: 1vw;
  line-height: 1.1;
  color: #797979;
  margin-top: 3.5vw;
}
#footer p a {
  color: #797979;
  text-decoration: underline;
  transition: all ease .5s;
}
#footer p a:hover {
  color: #ffffff;
  text-decoration: underline;
  transition: all ease .5s;
}
#footer .footerAddressContainer {
  text-align: left;
}
#footer p.address {
  font-size: 1.166666666666667vw;
  line-height: 1.875;
  margin-top: 3vw;
}

/*=================================================================
   Modals
=================================================================*/
#video1Modal .video-container, #video2Modal .video-container, #video3Modal .video-container, #video4Modal .video-container, #video5Modal .video-container {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    border: none;
    overflow: hidden;
}
#video1Modal .video-container iframe,
#video1Modal .video-container object,
#video1Modal .video-container embed,
#video2Modal .video-container iframe,
#video2Modal .video-container object,
#video2Modal .video-container embed,
#video3Modal .video-container iframe,
#video3Modal .video-container object,
#video3Modal .video-container embed,
#video4Modal .video-container iframe,
#video4Modal .video-container object,
#video4Modal .video-container embed,
#video5Modal .video-container iframe,
#video5Modal .video-container object,
#video5Modal .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}