/* CSS Document */
/* CSS Document */
/* CSS Document */
/* CSS Document */
body, p, blockquote, li, .fsn {
  font-family: "Roboto", sans-serif;
  color: #1A1A1A;
  font-size: 1.8rem;
  line-height: 1.4em;
  font-weight: 400; }

h1 {
  font-size: 6rem; }

h1.program {
  font-size: 4em;
  font-weight: 400; }

@media screen and (max-width: 767px) {
  h1.long {
    font-size: 4.6rem; } }
h2 {
  font-size: 4rem; }

h3 {
  font-size: 3rem;
  font-weight: 400; }

h4 {
  font-size: 2.25rem; }

a {
  min-width: 48px;
  min-height: a48px; }

blockquote {
  border-left: none;
  font-size: 2.3rem; }

p.headline {
  font-size: 3.2rem;
  text-transform: uppercase; }
@media screen and (min-width: 767px) {
  p.headline {
    font-size: 4.9rem; } }

.bb {
  border-bottom: 1px solid #E6E6E6; }

.pad {
  padding: 3rem; }

.vh100 {
  min-height: 100vh; }

.i {
  font-style: italic; }

.lsn {
  list-style: none; }

.blue {
  color: #009094; }

.fcg {
  color: #22A064; }

.fcog {
  color: #38D59A; }

.fcgray {
  color: #CCCCCC; }

.fcb {
  color: #1A1A1A; }

.fcbl {
  color: #1F99BA; }

.fct {
  color: #00AFB3; }

.fct2 {
  color: #5FF2D6; }

.fco {
  color: #F7931E; }

a.fct2:hover {
  background-color: #FFFFFF;
  color: #008894;
  text-decoration: none; }

.fcred {
  color: #ED1C24; }

.borcg {
  border: 1px solid #22A064; }

.bcw {
  background-color: #FFFFFF; }

.bcg {
  background-color: #22A064; }

.bcdb {
  background-color: #013856; }

.bcb {
  background-color: #009094; }

.bclb {
  background-color: #008894; }

.bcgray {
  background-color: #E6E6E6; }

.bcdg {
  background-color: #15171D; }

.bct {
  background-color: #00AFB3; }

.bcblack {
  background-color: #1A1A1A; }

.bco {
  background-color: #F7931E; }

.bordert {
  border: 1px solid #5FF2D6; }

.fsxl {
  font-size: 3.6rem; }

.fsl {
  font-size: 3.2rem; }

.fss {
  font-size: 1.2rem;
  font-weight: 300; }

.title .fss {
  font-size: 1.6rem; }

.lhl {
  line-height: 1em;
  margin-bottom: 0; }

.mr10 {
  margin-right: 16px; }

.nu, .nu:hover {
  text-decoration: none; }

.tc {
  text-align: center; }

a.navlink {
  color: #009094; }

.plr {
  padding-left: 2rem;
  padding-right: 2rem; }

.uppercase {
  text-transform: uppercase; }

.col {
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative; }

.va {
  top: 50%;
  margin-top: -50%;
  position: absolute;
  min-height: 100vh; }

.flex {
  display: -webkit-flex;
  display: flex;
  align-items: center; }

.alpha {
  background-color: rgba(11, 113, 137, 0.5); }

.nom {
  margin: 0; }

.tabd {
  position: relative; }

.tab {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center; }

.u {
  text-decoration: underline; }

.box {
  border: 1px solid #FFFFFF;
  margin: 8px auto;
  padding-top: 2rem;
  padding-bottom: 2rem; }
@media screen and (max-width: 576px) {
  .box {
    padding-top: 2rem; } }

.square {
  padding-top: 2em;
  padding-bottom: 2em; }

@media screen and (min-width: 992px) {
  .square, .box {
    padding-top: 20%;
    padding-bottom: 20%; } }
.box a {
  font-size: 2.6rem;
  font-weight: 300; }

.navbar-brand {
  padding-left: 0;
  padding-top: 5px; }
@media screen and (min-width: 992px) {
  .navbar-brand {
    margin-left: -4.4rem; } }

#navMenu {
  opacity: 0;
  position: fixed;
  z-index: 100;
  right: -100%;
  top: 0;
  text-align: center;
  background-color: #013856;
  padding: 20px 80px 20px 60px;
  min-height: 100vh; }

#navMenu ul {
  list-style-type: none; }

#navMenu a {
  color: #FFFFFF; }

.dropdown-menu > li > a {
  color: #013856; }

#programs .row {
  margin: 0; }

#programs h3 {
  text-align: center;
  margin: 0 auto; }

#deepDive h1 {
  -webkit-text-stroke: 1px #22A064;
  color: rgba(1, 56, 86, 0);
  font-weight: 700;
  line-height: 1.1em; }

@media screen and (min-width: 767px) {
  h1 {
    font-size: 10rem; }

  #deepDive h1 {
    font-size: 12rem; }

  .title p {
    line-height: 1.8em; } }
.play {
  font-weight: 400;
  margin-top: 30px !important; }

.alt-bg-color {
  color: #FFFFFF; }

#cyber .alt-color {
  color: #22A064;
  font-weight: 700;
  border-bottom: 2px dotted #22A064; }

#cyber .alt-bg-color {
  background-color: #22A064;
  box-shadow: 10px 0 0 #22A064, -10px 0 0 #22A064; }

#software .alt-color {
  color: #009094;
  font-weight: 700;
  border-bottom: 2px dotted #009094; }

#software .alt-bg-color {
  background-color: #009094;
  box-shadow: 10px 0 0 #009094, -10px 0 0 #009094; }

#data .alt-color {
  color: #0A6C8E;
  font-weight: 700;
  border-bottom: 2px dotted #0A6C8E; }

#data .alt-bg-color {
  background-color: #0A6C8E;
  box-shadow: 10px 0 0 #0A6C8E, -10px 0 0 #0A6C8E; }

.contactForm {
  max-width: 600px;
  margin: 0 auto; }

.cursor {
  cursor: pointer; }

/*ul.about {
	padding-left: 14px;
	-webkit-padding-start: 14px;
}
ul.about li {
	margin-bottom:.5em;
}
ul.about li.active:before {
	content: '\2022';
	margin-right:.2em;
	font-size:1.6em;
	line-height:1rem;
}*/
.about > h3 {
  cursor: pointer; }

a:hover {
  cursor: pointer; }

/*  Information Security Programs  */
#cyber p, #cyber li, #cyber blockquote {
  font-family: "Open Sans", sans-serif;
  font-weight: 400; }

.fw300 {
  font-weight: 300; }

.fcispt {
  color: #0BF0F5; }

a.fcispt:hover {
  color: #FFFFFF; }

.fcispblue {
  color: #1189A5; }

.bcispblue {
  background-color: #1189A5; }

.bcispt {
  background-color: #0BF0F5; }

.borcispt {
  border: 1px solid #0BF0F5; }

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .fsxl {
    font-size: 3.2rem; }

  .fsl {
    font-size: 2.1rem; }

  .rounded {
    border: 1px solid #FFFFFF;
    padding: 1rem 3rem;
    border-radius: 30px; }

  .search {
    height: 6rem;
    padding-bottom: 4px; }

  .hex {
    max-width: 600px; }

  .smw {
    max-width: 50%; }

  .tj {
    text-align: justify; } }
@media screen and (min-width: 1200px) {
  .fsxl {
    font-size: 4rem; }

  .fsl {
    font-size: 2.8rem; }

  .rounded {
    border: 1px solid #FFFFFF;
    padding: 1.4rem 5rem;
    border-radius: 40px; }

  .search {
    height: 8rem;
    padding-bottom: 10px; }

  .pl40 {
    padding-left: 40px; }

  .smw {
    max-width: 40%; }

  .hex {
    max-width: 600px; }

  .smw {
    max-width: 40%; }

  .tj {
    text-align: justify; } }
.di {
  display: inline; }

.dib {
  display: inline-block; }

.ffr {
  font-family: "Roboto", sans-serif;
  font-weight: 400; }

#cyber .title h2 {
  font-size: 2.4rem; }

.posa {
  position: absolute;
  top: 0;
  right: 0; }

.mb60 {
  margin-bottom: 60px; }

.pl40 {
  padding-left: 40px; }

.fcdatablue {
  color: #0A6C8E; }

.hex-pad {
  padding: 4rem 10rem; }

.smallgrayline {
  border-top: 2px solid #CCCCCC;
  width: 84px;
  min-width: 84px;
  margin: 0 auto; }

.session {
  margin: 0 20px;
  padding: 2rem; }

.session p {
  margin-bottom: 0; }

.quotes {
  width: 100%; }

.tar {
  text-align: right; }

.p10 {
  padding: 1em 2em; }

@media screen and (min-width: 767px) {
  .quotes {
    width: 800px; } }
.nav > li > a:focus, .nav > li > a:hover {
  color: #1189A5 !important; }

@media screen and (max-width: 767px) {
  div#navbar {
    background-color: #15171D;
    padding: 2rem 4rem; } }
.fpb {
  padding-bottom: 8rem; }

.mr20 {
  margin-right: 4rem; }

.carousel-control.right, .carousel-control.left {
  background-color: #FFFFFF; }

/*.hex-black {
	@include hex(500px, rgba(0,0,0,.7), horizontal);
}*/
/*  background images  */
.coverimage {
  background: url("../images/576/theschankacademy-gradient.jpg") no-repeat center center;
  margin: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.homepage {
  background-image: url("../images/576/theschankacademy-gradient.jpg");
  padding-top: 8rem;
  padding-bottom: 8rem; }

.roman {
  background-image: url("../images/576/about-romans.jpg"); }

.water {
  background-image: url("../images/576/about-guarantee.jpg"); }

.diving {
  background-image: url("../images/576/about-divein.jpg"); }

.cyber {
  background-image: url("../images/576/cyber-aboutyou.jpg"); }

.cyberhead {
  background-image: url("../images/576/handshake.jpg"); }

.cyber-academy {
  background-image: url("../images/cyber-academy.png"); }

.curious {
  background-image: url("../images/576/curious.jpg"); }

.hex-black {
  background-image: url("../images/poly-black.png"); }

.thinking {
  background-image: url("../images/thinking.png"); }

.data {
  background-image: url("../images/576/data-aboutyou.jpg"); }

.software {
  background-image: url("../images/576/software-aboutyou.jpg"); }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .homepage {
    background-image: url("../images/768/theschankacademy-gradient.jpg"); }

  .roman {
    background-image: url("../images/768/about-romans.jpg"); }

  .water {
    background-image: url("../images/768/about-guarantee.jpg"); }

  .diving {
    background-image: url("../images/768/about-divein.jpg"); }

  .cyber {
    background-image: url("../images/768/cyber-aboutyou.jpg"); }

  .cyberhead {
    background-image: url("../images/768/handshake.jpg"); }

  .curious {
    background-image: url("../images/768/curious.jpg"); }

  .data {
    background-image: url("../images/768/data-aboutyou.jpg"); }

  .software {
    background-image: url("../images/768/software-aboutyou.jpg"); } }
@media screen and (min-width: 767px) and (max-width: 1280px) {
  .homepage {
    background-image: url("../images/1280/theschankacademy-gradient.jpg"); }

  .roman {
    background-image: url("../images/1280/about-romans.jpg"); }

  .water {
    background-image: url("../images/1280/about-guarantee.jpg"); }

  .diving {
    background-image: url("../images/1280/about-divein.jpg"); }

  .cyber {
    background-image: url("../images/1280/cyber-aboutyou.jpg"); }

  .cyberhead {
    background-image: url("../images/1280/handshake.jpg"); }

  .curious {
    background-image: url("../images/1280/curious.jpg"); }

  .data {
    background-image: url("../images/1280/data-aboutyou.jpg"); }

  .software {
    background-image: url("../images/1280/software-aboutyou.jpg"); } }
@media screen and (min-width: 1281px) {
  .homepage {
    background-image: url("../images/1920/theschankacademy-gradient.jpg"); }

  .roman {
    background-image: url("../images/1920/about-romans.jpg"); }

  .water {
    background-image: url("../images/1920/about-guarantee.jpg"); }

  .diving {
    background-image: url("../images/1920/about-divein.jpg"); }

  .cyber {
    background-image: url("../images/1920/cyber-aboutyou.jpg"); }

  .cyberhead {
    background-image: url("../images/1920/handshake.jpg"); }

  .curious {
    background-image: url("../images/1920/curious.jpg"); }

  .data {
    background-image: url("../images/1920/data-aboutyou.jpg"); }

  .software {
    background-image: url("../images/1920/software-aboutyou.jpg"); } }
/*  hexagon  
		http://csshexagon.com/
*/
.hexagon {
  background-color: rgba(11, 113, 137, 0.4);
  padding-top: 1rem;
  padding-bottom: 1rem; }

@media screen and (min-width: 576px) {
  .hexagon {
    position: relative;
    width: 500px;
    margin: 144.34px auto; }

  .hexagon:before, .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 250px solid transparent;
    border-right: 250px solid transparent; }

  .hexagon:before {
    bottom: 100%;
    border-bottom: 120px solid rgba(11, 113, 137, 0.4); }

  .hexagon:after {
    top: 100%;
    width: 0;
    border-top: 120px solid rgba(11, 113, 137, 0.4); } }
.hexagon-bcw {
  background-color: rgba(255, 255, 255, 0.8); }

.hexagon-bcw:before {
  border-bottom: 120px solid rgba(255, 255, 255, 0.8); }

.hexagon-bcw:after {
  border-top: 120px solid rgba(255, 255, 255, 0.8); }

.hexagon p {
  line-height: 1.2em;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px; }

.fwl {
  font-weight: 300; }

.fwn {
  font-weight: 400; }

/*# sourceMappingURL=schankAcademy2018.css.map */
