/*Survey Update*/
input[type=radio] {
    
    width: 24px !important;
    
}

/* general */

.alt-text {

  text-indent: 9999px;
  font-size: 0;
  line-height: 0;

}

/* page styles */
body.compare .columns > p,
body.compare .columns > h1,
body.compare .columns > h2,
body.compare .columns > h3 { display: block; line-height: 1.5; }

body.compare .columns > p { margin: 1rem auto; }


/* custom checkboxes */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked { position: absolute; left: -9999px; }

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {

  position: relative;
  padding-left: 25px;
  cursor: pointer;

}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {

  content: '';
  position: absolute;
  left: 0; top: -3px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;

}

[type="checkbox"]:not(:checked) + label:before { background: #f8f8f8; }

[type="checkbox"]:checked + label:before { background: #002d56; }


[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {

  content: 'X';
  position: absolute;
  top: -1px; left: 3px;
  font-size: 1.2rem;
  color: white; /* color: #002d56; navy blue */
  transition: all .2s;

}

[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }

[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #c2c9c6;
}

[type="checkbox"]:disabled:checked + label:after { color: #999; }
[type="checkbox"]:disabled + label { color: #aaa; }

/* [type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted blue; } */



/* stuff like this makes me cry at night */
ol.hacked-list {

  margin-left: 0;
  padding-left: 5rem;

  list-style-type: none;

}

ol.hacked-list:first-child { counter-reset: omg; }

ol.hacked-list > li {

  counter-increment: omg;

  font-size: 5rem;

  margin: 0;
  padding: 0 0 4rem 0;
  position: relative;

  border-left: 4px solid #c2c9c6;

}

ol.hacked-list > li:before {

  position: absolute;
  left: -5rem;
  top: 2rem;

  content: counter(omg) " ";

}

ol.hacked-list > li:last-child { padding-bottom: 0; }


ol.hacked-list > li > span {

  font-size: 1.6rem;
  line-height: 1.5;

  margin-left: 2rem;
  display: inline-block;

}

/* step wizard */
.step-wizard { margin-top: 3rem; }

.step-wizard .tab {

  color: #c2c9c6;
  font-size: 4rem;
  z-index: 2;

  margin: 0;
  padding: 0 3rem 0 0;

  /* css hack, slanted edges with border transparency */
  border-bottom: 0;
  border-top: 5rem solid white;
  border-right: 2rem solid transparent;

}

.step-wizard .tab span {

  position: relative;
  top: -4.5rem;
  left: 2rem;

}

.step-wizard .steps aside { padding: 2rem 4rem; background-color: #e0e4e2; }

.step-wizard .steps:not(.next) { display: none; } /* default is to hide content */

.step-wizard .steps.reveal { display: block; }

.step-wizard .steps.header {

  color: white;
  min-height: 90px;
  margin-top: 6rem;
  background: #c2c9c6;

  /* .header resets */
  width: auto;
  text-align: left;

}

.step-wizard .steps.header.active { background: #002d56; }

.step-wizard .steps.header h3 { color: white; margin: 2rem 2rem 0 8rem; }

.step-wizard .steps.header h3 * { color: white; }

.step-wizard .steps.content {

  color: #002d56;
  text-transform: uppercase;

  margin: 2rem 1rem; padding: 0;

}

.step-wizard .steps.image-block { margin-top: -2rem; }

#compare-tool.step-wizard .steps.image-block { margin-top: 2rem; }



/* default: social tab */
/* ------------------- */

#social-tab .img-container { background-color: #fff; }

#social-tab .fi-social { font-size: 2rem; margin-right: 0.25rem; }

#social-tab [data-equalizer-watch] { padding: 0; }

#social-tab .tab-section { padding-bottom: 0; }

#social-tab .tab-section iframe { width: 100%; }

#social-tab .soc-is-active .fi-social-twitter { color: #00aced; }
#social-tab .soc-is-active .fi-social-facebook { color: #45619d; }

#social-tab .tab-item-list:after { content: normal; }

#social-tab #facebook.tab-section .fb-like-box { width: 100%; padding: 1rem; }

#social-tab #facebook.tab-section .fb-like-box * {
  margin: auto;
  display: block;
  width: 100% !important; /*removed due to errors on ipad*/
  width: 1000px;
  max-width: 100%;
  margin-bottom: 3rem;
}


/* small/large: social tab */
/* ----------------- */

@media only screen and (max-width: 40em) { #social-tab { margin-top: 2rem; min-width: 310px; } }

@media only screen and (min-width: 40.063em) { #social-tab { /*min-width: 38rem; */} }




/* default: instagram */
/* ------------------ */

/* standard foundation block grid hack */
#instagram [class*="block-grid-"]>li { padding: 0 0.46875em 0.9375em; } /*  50% of 0.9375em 1.875em */
#instagram .small-block-grid-3>li:nth-child(3n+1) { padding-right: 0.3125em; } /* 50% of 0.625em */
#instagram .small-block-grid-3>li:nth-child(3n+2) { padding-right: 0.3125em; } /* 50% of 0.625em */
/* #instagram .small-block-grid-3>li:nth-child(3n) { padding-left: 0.625em; } 50% of 1.25em */

#instagram { margin-top: 2.5rem; }

#instagram .photo-list {

  margin-top: 1rem;

  /* foundation hacks: expands .photo-list to "fill" the container with pseudo 50% of "gutter" logic */
  margin: auto -0.625em auto -0.625em;

}

#instagram .photo-list img {

  max-height: 14rem;
  border: 3px solid #fff;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;

}

#instagram .photo-list img:hover {

  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);

}

#instagram .photo-list li { -webkit-backface-visibility: hidden; }

#instagram h1 { display: table; margin-bottom: 1rem; }

#instagram h1 > * { float: left; margin-right: 1rem; }

#instagram h1 > *:after { content: " "; clear: both; }

#instagram .btn {

  position: absolute;
  right: 1rem;
  top: 7rem;


}

#instagram h1 .logo {

  margin-right: 1rem;
  background-repeat: no-repeat;
  background-image: url('../img/sprites-video-well-50.png');

}

#instagram h1 .logo.show-for-medium-down {

  width: 47px;
  height: 47px;

  background-position: 0 -300px;

}

#instagram h1 .logo.show-for-large-up {

  width: 170px;
  height: 172px;

  background-position: 0 -50px;

}

#instagram h1 span {

   font-size: 2rem;
   max-width: 200px;
   line-height: 1.2;

}

#instagram #view-on-instagram.btn {

  width: 140px;
  height: 24px;
  top: 2rem;
  display: block;

  background-repeat: no-repeat;
  background-image: url('../img/sprites-video-well-50.png');

}

/* large: instagram */
/* ---------------- */

@media only screen and (min-width: 64.063em) {

  #instagram h1 { position: absolute; top: -2.5rem; left: 0px; }

  #instagram .img-container > div,
  #instagram .logo.show-for-large-up { margin-top: 4rem; }

  #instagram .logo.show-for-large-up { float: none; }

  #instagram .photo-list {

    margin-left: 14rem;
    padding: 0.5rem;
    background-color: #c2c9c6;

    border-top: 1px solid #abb2b2;
    border-bottom: 1px solid #abb2b2;

  }

  #instagram .photo-list li {

    position: relative;
    left: 2rem;

    padding-top: 0.75rem;
    padding-bottom: 0.75rem;

  }

  #instagram #view-on-instagram.btn { top: 0; right: 0; }


}


/* default: general info */
/* --------------------- */

.columns.general-info article * { color: #363b48; font-size: 1.4rem; }

.columns.general-info article a { color: #002d56; }

.columns.general-info article p { margin-bottom: 1.4rem; }

.columns.general-info article h2 {

  color: #002d56;
  font-size: 2.1rem;

  padding: 2rem 0;
  margin: 1rem 0;

  display: block;
  border-bottom: 1px solid #c9c9c6;

  -webkit-backface-visibility: visible;
  backface-visibility: visible;

}

.columns.general-info article ul,
.columns.gernal-info article ol { padding: 0; margin: 1.4rem 0; }

.columns.general-info article li { display: block; margin-bottom: 1rem; list-style-type: disc;  }



/* default: foundation accordion */
/* ----------------------------- */

/* foundation accordion hack (mixins are the proper way to customize) */
[data-accordion] dd > a {

  font-size: 2.8rem;
  font-weight: 400;
  text-align: left;

  padding-left: 0;
  margin-left: 2rem;
  margin-bottom: 2rem;

  position: relative;
  background: transparent;

}
[data-accordion] dd > a,
[data-accordion] dd > a:hover { background: transparent; }

.accordion dd.active a { background: transparent !important; /* an attribute selector better identifies "foundations" accordion due to it's requirement for js */ }

/* foundation accordion enhancements */
[data-accordion] * > .career-tile:before {

  content: "^";
  font-size: 3.5rem;
  margin-right: 1rem;
  display: inline-block;

  position: absolute;
  top: 0.8rem; left: -3rem;

  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);

  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;

}

[data-accordion] .active > a:before {

  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);

}

[data-accordion] .content {

  height: 1px;
  font-size: 1.4rem;

  margin: 1.6rem 0;

  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;

  -webkit-transition: height 100ms ease-out;
  -moz-transition: height 100ms ease-out;
  -ms-transition: height 100ms ease-out;
  -o-transition: height 100ms ease-out;
  transition: height 100ms ease-out;

}

[data-accordion] .content.active { height: auto; }

[data-accordion] .content h3 { font-size: 1.6rem; }



/* large and up: foundation accordion */
/* ---------------------------------- */

@media only screen and (min-width: 64.063em) {

  [data-accordion] .flex-video,
  [data-accordion] img  { margin: 0 15rem 2rem 0; }

}



/* default: ratings */
/* ---------------- */

aside.rating { text-align: center; }

aside.rating small {

  margin: 1rem 0;
  max-width: 20rem;

  line-height: 1.2;
  display: inline-block;

}

aside.rating ul {

  padding: 0;
  margin: 0;
  display: block;

}

aside.rating ul li {

  padding: 0;
  margin: 0;

  font-size: 2rem;
  display: inline-block;
  list-style-type: none;

}

aside.rating ul li.outline { color: #dde0de; display: cursor; }

aside.rating .disabled { display: none; }


/* default: life ops */
/* --------------------------------- */


#life-ops aside li,
#life-ops aside ul {

  color: #000;
  list-style: disc;
  list-style-type: disc;

}

#life-ops input[type="checkbox"] {

  border: 1px solid #c2c9c6;
  background-color: #002d56;

}

#life-ops aside li { margin-bottom: 1rem; }

#life-ops .hacked-list { margin: 3rem 0 4rem 0; }

#life-ops .read-btn p { width: 1%; /* for some reason this extends the p out to extend the width of the container. this kind of counter intuitiveness is utterly depressing */ }



/* medium and up: life ops */
/* --------------------------------------- */

@media only screen and (min-width: 40.063em) {

  #life-ops .content.steps > li {

    width: 32%;

    margin: 0 0 1rem 0;
    padding: 0;

    display: inline-block;

  }

}


/* default: comparison tool */
#compare-tool .row { margin: 0; }

#compare-tool .conceal { display: none; }

#compare-tool li { margin-bottom: 2.5rem; }

#compare-tool .image-block li img { height: auto; }

#compare-tool .image-block label { color: white; }

#compare-tool .image-block [type="checkbox"]:disabled + label { opacity: 0.6; }

#compare-tool .results.content { margin-top: 2rem; }

#compare-tool .career-comparison h4 span { width: 50%; display: table-cell; padding: 0 2rem; }

#compare-tool .service-option .tab { z-index: 4; }

#compare-tool #tell-difference {

  color: #002d56;
  font-size: 1.5rem;
  text-align: right;
  margin-right: 1rem;
  text-transform: uppercase;

}

#compare-tool #tell-difference:after { content: "X"; margin-left: 0.5rem; }

#compare-tool #service-options {
  position: absolute;
  height: auto;
  left: -0.1rem;
  z-index: 3;
  background: #c2c9c6;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  margin: -3.3rem 2rem 2rem 2rem;
  padding-bottom: 2.5rem;
  float: left;
  -webkit-box-shadow: 0 35px 50px -30px #000000;
          box-shadow: 0 35px 50px -30px #000000;

}

#compare-tool #service-options * { text-align: left; }

#compare-tool #service-options dl { padding: 2rem; }

#compare-tool #service-options dt {

  font-size: 1.6rem;
  padding: 0;
  margin: 2rem 0 1rem 0;
  text-transform: uppercase;

}

#compare-tool #service-options dd { line-height: 1.5; }

#compare-tool #ready {

  margin: 3rem;
  font-size: 1.6rem;
  font-weight: normal;

}

/* small only: comparison tool */
@media only screen and (max-width: 40em) {

  #compare-tool .image-block li {

    width: 100%;
    display: block;
    margin-bottom: 1rem;
    background-color: #002d56;

  }

  #compare-tool .image-block li > * {

    display: inline-block;
    text-align: left;
    vertical-align: middle;

  }

  #compare-tool .image-block p { margin-left: 2rem; }

  #compare-tool .image-block label:before { margin-right: 2rem; }

  #compare-tool .image-block li img { max-width: 10rem; display: inline; }

  #compare-tool .career-comparison {

    color: #c2c9c6;
    padding-top: 0;
    text-align: center;
    border: 1px solid #c2c9c6;

  }

  #compare-tool .career-comparison h4 {

    color: white;
    font-size: 1.4rem;

    width: 100%;
    display: table;
    padding: 2rem 0;

    background-color: #002d56;

  }

  #compare-tool .career-comparison dd {

    width: 49%;
    margin: 0;
    padding: 1.5rem 0;
    display: inline-block;

  }

  #compare-tool .career-comparison dt {

    padding: 1rem 0;
    text-align: center;

    border-top: 1px solid #c2c9c6;
    border-bottom: 1px solid #c2c9c6;

  }

  #compare-tool .career-comparison dd,
  #compare-tool .career-comparison dt { color: #002d56; }

  #compare-tool .career-comparison dt + dd { border-right: 1px solid #c2c9c6; }

  #compare-tool .your-results h3 {

    color: #002d56;
    font-size: 2.1rem;
    font-weight: normal;

  }

  #compare-tool .service-option .tab { z-index: 4; }

}

/* medium and up: comparison tool */
@media only screen and (min-width: 40.063em) {

  #compare-tool .image-block { text-align: center; }

  #compare-tool .image-block img { width: 100%; max-width: 100%; }

  #compare-tool .image-block li {

    width: 22%;
    position: relative;
    margin-right: 2%;
    display: inline-block;

  }

  #compare-tool .image-block li:last-child { margin-right: 0; }

  #compare-tool .image-block li > p {

    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    padding: 1.5rem 4%;
    background-color: rgba(8,43,74,0.85);

  }

  #compare-tool .image-block .selected p {

    bottom: auto; top: 0;
    height: 100%;

  }

  #compare-tool .image-block .selected label {

    font-size: 3vw;
    line-height: 1.1;
    text-align: center;

    display: block;
    padding-left: 0;

    /* vertical center */
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

  }

  #compare-tool .image-block .selected span { display: inline-block; }

  #compare-tool :not(.image-block) li { width: 32%; display: inline-block; }

  #compare-tool .image-block .selected [type="checkbox"]:not(:checked) + label:after,
  #compare-tool .image-block .selected [type="checkbox"]:checked + label:after {

    left: 0; right: auto;
    bottom: -4.5vw; top: auto;

    background: transparent;

  }

  #compare-tool .image-block .selected [type="checkbox"]:not(:checked) + label:before,
  #compare-tool .image-block .selected [type="checkbox"]:checked + label:before { display: none; }

  #compare-tool .career-comparison { padding: 0; border: 1px solid #c2c9c6; }

  #compare-tool .career-comparison h4 { color: white; background-color: #002d56; text-align: right;}

  #compare-tool .career-comparison h4 span {

    width: 28%;
    padding: 1.5rem 0;
    text-align: center;
    display: inline-block;

  }

  #compare-tool .career-comparison dt { width: 42%; text-align: right; }

  #compare-tool .career-comparison dd { width: 28%; text-align: center; }

  #compare-tool .career-comparison dt,
  #compare-tool .career-comparison dd {

    font-weight: normal;
    margin: 0;
    padding: 1.5rem 0;
    display: inline-block;

  }

}







/*#####################################################################
######################## RILEY LIFE OPS EDITS #########################
#####################################################################*/





[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {

  content: "\f00c";
  position: absolute;
  top: 0; left: 3px;
  font-size: 1.2rem;
  color: white; /* color: #002d56; navy blue */
  transition: all .2s;
  font-family: FontAwesome;
  line-height: 1;
}

#compare-tool #tell-difference:after {
margin-left: 0.5rem;
font-family: FontAwesome;
content: "\f059";
font-weight: normal;
font-size: 1.1em;
}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
position: relative;
padding-left: 25px;
font-size: 1.9rem;
font-weight: normal;
cursor: pointer;
font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
line-height: .7;
color: #002d56;
}

.step-wizard .steps li p {
  margin-bottom: 0.7rem;
}




#life-ops h1 {
  font-size: 4.0rem;
}

#life-ops.step-wizard {
  margin-top: 0;
}

ol.hacked-list > li:before {
  position: absolute;
  left: -5rem;
  top: 0;
  content: counter(omg) " ";
  line-height: 1.1;
  font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
}

ol.hacked-list > li > span {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-left: 2rem;
  display: inline-block;
}

.step-wizard .tab span {
  position: relative;
  top: -4.9rem;
  left: 2.5rem;
  font-size: 4.8rem;
  font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
  color: #c2c9c96;
}

.step-wizard .steps.header {
  color: white;
  min-height: 8.1rem;
  margin-top: 6rem;
  background: #c2c9c6;
  width: 100%;
  text-align: left;
}

.step-wizard .steps.header h3 {
  color: white;
  margin: 2rem 2rem 0 6rem;
  font-size: 2.4rem;
  font-family: "TradeGothicW01-BoldCn20 675334", "Oswald", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  margin-right: 1.1rem;
  margin-right: 94.8%;
  padding-right: 1.5rem;
}

.step-wizard .steps.header span.info {
color: white;
margin: .5rem 0 2rem 6rem;
font-size: 1.4rem;
font-family: "Arial", "Helvetica", sans-serif;
font-weight: normal;
padding-right: 1.5rem;
display: block;
position: relative;
line-height: 1.2;
width: 4.1%;
}

.step-wizard .tab {
  margin-left: -1005.1rem;
  padding-left: 1003rem;
}


.row .step-wizard .steps .row {
  margin-left: 5%;
}


.step-wizard .steps.header {
color: white;
min-height: 8.1rem;
margin-top: 6rem;
background: #c2c9c6;
width: 2010%;
margin-left: -100.5%;
text-align: left;
}

.step-wizard .next.reveal {
  background: none;
  min-height: 0;
  margin-top: 0;
}


.accordion dd > a:before {
content: "\f106";
font-size: 3.5rem;
margin-right: 1rem;
display: inline-block;
position: absolute;
top: 0.8rem;
font-family: FontAwesome;
left: -3rem;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;
}


.step-wizard .header.steps.reveal.current-step {
  background: #002d56;
}

.step-wizard .current-step .tab span {
  color: #002d56;
}

.step-wizard .steps.content {
color: #002d56;
text-transform: none;
}

.step-wizard .steps.content li p label {
color: #002d56;
text-transform: uppercase;
}

.accordion dd a.career-title {
  color: #002d56;
  font-size: 2.8rem;
  line-height: 1;
  font-family:"Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;
  margin-left: 3rem;
}

.accordion dd h3 {
  text-transform: uppercase;
}

form .row .row .column, form .row .row .columns {
padding-left: 1.5rem;
padding-right: 1.5rem;
}

.row .step-wizard .steps .accordion .row, .row .step-wizard .steps .accordion .row .row {
  margin-left: 0;
}

.step-wizard .child-link-btn p {
  font: 1.9rem "TradeGothicW01-BoldCn20 675334", sans-serif;
}










/*#####################################################################
######################## RILEY COMPARE EDITS #########################
#####################################################################*/



#compare-tool .row {
margin: 0;
margin-left: 5%;
}

#compare-tool.step-wizard .active .tab span {
  color: #002d56;
}

#compare-tool.step-wizard ul.image-block li p {
position: absolute;
bottom: 0;
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;
margin: 0;
margin-bottom: 0.1rem;
top: auto;
}

#compare-tool.step-wizard .steps .selected p {
height: 100%;
}

#compare-tool [type="checkbox"]:not(:checked) + label:before,#compare-tool [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 1px;
width: 17px;
height: 17px;
line-height: 1;
border: 1px solid #aaa;
}

#compare-tool .deactivated [type="checkbox"]:not(:checked) + label:before, #compare-tool .deactivated [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 1px;
width: 17px;
height: 17px;
line-height: 1;
border: 1px solid #e0e4e2;
background: #e0e4e2;
}

#compare-tool [type="checkbox"]:not(:checked) + label:after,#compare-tool [type="checkbox"]:checked + label:after {
content: "\f00c";
position: absolute;
top: 0;
left: 3px;
font-size: 1.2rem;
color: white;
transition: all .2s;
font-family: FontAwesome;
line-height: 1;
padding-top: 0.4rem;
}

#compare-tool .deactivated [type="checkbox"]:not(:checked) + label:after,#compare-tool .deactivated [type="checkbox"]:checked + label:after {
content: none;
position: absolute;
top: 0;
left: 3px;
font-size: 1.2rem;
color: white;
transition: all .2s;
font-family: FontAwesome;
line-height: 1;
padding-top: 0.4rem;
}

#compare-tool.step-wizard .steps.content li p label {
text-transform: uppercase;
line-height: 1;
}

#compare-tool.step-wizard .steps.content li.deactivated p label {
cursor: default;
color: #c2c9c6;
}

#compare-tool #service-options {
position: absolute;
left: -0.1rem;
z-index: 3;
background: #002d56;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
margin: -3.3rem 2rem 2rem 2rem;
padding-bottom: 2.5rem;
-webkit-box-shadow: 0 35px 50px -30px #000000;
box-shadow: 0 35px 50px -30px #000000;
width: 5%;
}

#compare-tool #ready {
margin: 3rem;
font-size: 1.6rem;
font-weight: normal;
color: #ffffff;
}


.small #compare-tool.step-wizard ul.image-block li p {
position: relative;
bottom: 0;
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;
margin: 0;
margin-bottom: 0.1rem;
top: auto;
width: 70%;
}

.small #compare-tool.step-wizard ul.image-block li p label {
width: 100%;
}

.small #compare-tool .image-block [type="checkbox"]:not(:checked) + label:before, #compare-tool .image-block [type="checkbox"]:checked + label:before {
left: auto;
right: 0.5rem;
background: #ffffff;
margin: 0;
}

.small #compare-tool .image-block [type="checkbox"]:not(:checked) + label:after, #compare-tool .image-block [type="checkbox"]:checked + label:after {
left: auto;
right: 0.75rem;
color: #002d56;
margin: 0;
}




















/*#####################################################################
######################## RILEY FAQ EDITS #########################
#####################################################################*/



[data-accordion] * > .career-title:before {
content: "\f106";
font-size: 3.5rem;
margin-right: 1rem;
display: inline-block;
position: absolute;
top: 0.8rem;
font-family: FontAwesome;
left: -3rem;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;
}


aside.rating ul li {
padding: 0;
margin: 0;
font-size: 2rem;
display: inline-block;
list-style-type: none;
color: #c2c9c6;
}


aside.rating ul:hover li {
padding: 0;
margin: 0;
font-size: 2rem;
display: inline-block;
list-style-type: none;
color: #6593b6;
}


aside.rating.your-rating ul li {
color: #002d56;
}


















@media only screen and (max-width: 26.875em) {   /* ------------------- Main Media Query 320 --------------- */
  .small #compare-tool.step-wizard ul.image-block li p label {
    width: 100%;
    padding: 0 2.5rem 0 0;
  }
  .small #compare-tool.step-wizard ul.image-block li p {
    width: 50%;
  }

}







@media only screen and (min-width: 40.063em) {   /* ------------------- Main Media Query 640 --------------- */
  .step-wizard .steps.header span.info {
  width: 4.5%;
  }

  #compare-tool .image-block .selected [type="checkbox"]:not(:checked) + label:after, #compare-tool .image-block .selected [type="checkbox"]:checked + label:after {
  left: 0;
  right: auto;
  bottom: -4.75vw;
  top: auto;
  background: #ffffff;
  color: #002d56;
  height: 17px;
  width: 17px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(183, 183, 183, 0.90);
  -moz-box-shadow:    inset 0px 0px 0px 1px rgba(183, 183, 183, 0.90);
  box-shadow:         inset 0px 0px 0px 1px rgba(183, 183, 183, 0.90);
  }

  #compare-tool [type="checkbox"]:not(:checked) + label:after, #compare-tool [type="checkbox"]:checked + label:after {
  content: "\f00c";
  position: absolute;
  top: 0;
  left: 3px;
  font-size: 1.2rem;
  color: white;
  transition: all .2s;
  font-family: FontAwesome;
  line-height: 1;
  padding-top: 0.3rem;
  }

  #compare-tool.step-wizard .steps.image-block { margin-top: -2rem; }

}


@media only screen and (min-width: 58.75em) { /* --------------- 940 --------------- */
  .step-wizard .steps.header span.info {
  width: 4.8%;
  }
}


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

REFRESH ADDITIONS

//////////////////////////////*/
body {
    background-color: #fff;
}

ul li ul, ul li ol {
    margin: 0px !important;
    padding: 0px !important;
}

.hide-above-nav {
  display: none;
}

.slide-down-nav {
  width: 100%;
  height: 50px;
  position: fixed;
  background-color: transparent;
  z-index: 999999;
  display: none;

}

.sb-search.sb-search-open, .sb-search.sb-search-open-fix, .no-js .sb-search {
    width: 100%;
    margin-top: -22px;
}

.sail-drop a {
  font-weight: normal !important;
}
.hide-line {
  background-color: #454545;
  height: 2px;
  width: 100%;
  display: none;
}

#navigation {
  background-color: #002e56;
  padding: 20px 0px 0px 0px;
  background-image: url(../img/nav.png);
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
}

#logo {
  float: left;
}

#logo img {
  height: 93px;
}

#above-nav-icons {
  float: right;
}

#nav-elements {
  float: right;
  display: block;
  color: #fff;
  font-size: 22px !important;
  text-transform: uppercase;
  margin-top: -18px;
  font-family: 'Trade Gothic LT Std';
  z-index: 99999;

}


#nav-elements a{
  color: #fff;
  font-weight: normal !important;
  position: relative;
  padding-bottom: 13px;
  display: inline-block;
  
}

#nav-elements a:hover:after {
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4.5px 0 4.5px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 3px;
    border-color: #fff transparent transparent transparent;
}

#nav-elements ul li {
  list-style: none;
  display: inline-block;
  margin-bottom: 0px;
  margin-left: 80px;
  line-height: 1;
}

#nav-elements ul li ul li{
  list-style: none;
  display: block;
  margin-bottom: 0px;

  line-height: 1;
}

#nav-elements ul li ul li a{
  padding-bottom: 0px;
}

#nav-elements ul li .nav-back{
  position: absolute;
  color: #fff;
  background-color: #333;
  width: 100%;
  padding: 32px;
  min-height: 450px;
  display: none;
  left: 0px;
  margin-left: 0px;
  border-top: 2px solid #fff;
  z-index: 9999;

}

#nav-elements ul li:hover .nav-back {
  display: block;

}

.nav-back:hover {
  display: block;
}

#above-nav-icons a {
  margin: 0px 0px 0px 30px;
  padding: 0px;
}

#above-nav-icons img {
  height: 20px;
}

#above-nav-line {
  height: 30px;
  width: 1px;
  background-color: #7e94a8;
  display: block;
  float: right;
  margin-right: 35px;
  margin-left: 35px;
  margin-top: -5px;
}

#above-nav-elements {
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-size: 16px;
  float: right;
  margin-top: 2px;
}

#above-nav-elements a {
  color: #fff;
  font-weight: normal;
  margin-left: 45px;
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;
}


.drop-title {
  float: left;
  margin-left: 20px;
  font-family: 'Trade Gothic LT Std';
  font-size: 40px;
  width: 180px;
  margin-right: 100px;
  display: block;
}

.drop-list {
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-size: 16px;
  text-transform: none;
  font-weight: 100;
  width: 200px;
  float: left;
  display: block;
  position: relative;
}

.secondary-list-1 {
  padding-left: 100px;
  display: none;
}

.secondary-list-3 {
  padding-left: 100px;
  display: none;
}

.secondary-list-2 {
  padding-left: 100px;
  display: none;
}

.secondary-list-4 {
  padding-left: 100px;
  display: none;
}

.secondary-list-5 {
  padding-left: 100px;
  display: none;
}

.secondary-list-6 {
  padding-left: 100px;
  display: none;
}

.secondary-list-11 {
  padding-left: 100px;
  display: none;
}

.secondary-list-7 {
  padding-left: 100px;
  display: none;
}

.secondary-list-8 {
  padding-left: 100px;
  display: none;
}

.secondary-list-9 {
  padding-left: 100px;
  display: none;
}

.secondary-list-10 {
  padding-left: 100px;
  display: none;
}

.secondary-list-12 {
  padding-left: 100px;
  display: none;
}

.secondary-list-13 {
  padding-left: 100px;
  display: none;
}


.secondary-list-14 {
  padding-left: 100px;
  display: none;
}

.secondary-list-15 {
  padding-left: 100px;
  display: none;
}

.secondary-list-16{
  padding-left: 100px;
  display: none;
}

.secondary-list-17 {
  padding-left: 100px;
  display: none;
}

.secondary-list-18{
  padding-left: 100px;
  display: none;
}

.secondary-list-19{
  padding-left: 100px;
  display: none;
}

.secondary-list-20{
  padding-left: 100px;
  display: none;
}

.secondary-list-21{
  padding-left: 100px;
  display: none;
}

.secondary-list-22{
  padding-left: 100px;
  display: none;
}

.secondary-list-23{
  padding-left: 100px;
  display: none;
}

.secondary-list-24{
  padding-left: 100px;
  display: none;
}
.secondary-list-11 {
  padding-left: 100px;
  display: none;
}

.drop-list ul li{
  padding: 15px 0px 15px 0px;
  border-bottom: 1px solid #696969;
  margin-left: 0px !important;
  line-height: 0px;
  width: 200px;
}

.drop-first {
  padding-top: 0px !important;
}

.drop-last {
  padding-bottom: 20px !important;
  border: 0px !important;
}

.hover-drop {
  display: block !important;
}

.secondary-list-1 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-1 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-4 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}


.secondary-list-4 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}



.secondary-list-2 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-2 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-11 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-3 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-3 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-5 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-5 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-6 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}


.secondary-list-11 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-6 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-7 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-7 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-8 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-8 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-9 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-9 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-10 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-10 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-12 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-12 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-13 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-13 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-14 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-14 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-15 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-15 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-16 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-16 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-17 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-17 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-18 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-18 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}


.secondary-list-19 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-19 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-20 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-20 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-21 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-21 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-22 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-22 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-23 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-23 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-24 li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.secondary-list-24 ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.sail-drop {
  cursor: pointer;
}

.secondary-list-1 {
  position: absolute;
  width: 200px;
  right: -200px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.sec-title {
  display: none;
}

.secondary-list-2 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-3 {
  position: absolute;
  width: 400px;
  right: -400px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-4 {
  position: absolute;
  width: 400px;
  right: -400px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-5 {
  position: absolute;
  width: 400px;
  right: -400px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}


.secondary-list-6 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}


.secondary-list-7 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-8 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-9 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}


.secondary-list-10 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-12 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-13 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-14 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-15 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-16 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-17 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-18 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-19 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-20 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-21 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-22 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-23 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.secondary-list-24 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}
.secondary-list-11 {
  position: absolute;
  width: 300px;
  right: -300px;
  top: 0px;
  padding-left: 100px;
  height: 100%;
}

.sail-drop:hover .secondary-list-1 {
  display: block;
}

.sail-drop:hover .secondary-list-2 {
  display: block;
}

.sail-drop:hover .secondary-list-3 {
  display: block;
}

.sail-drop:hover .secondary-list-4 {
  display: block;
}

.sail-drop:hover .secondary-list-5 {
  display: block;
}

.sail-drop:hover .secondary-list-6 {
  display: block;
}

.sail-drop2:hover .secondary-list-7 {
  display: block;
}

.sail-drop2:hover .secondary-list-8 {
  display: block;
}

.sail-drop2:hover .secondary-list-11 {
  display: block;
}

.sail-drop:hover .secondary-list-9 {
  display: block;
}

.sail-drop:hover .secondary-list-10 {
  display: block;
}

.sail-drop:hover .secondary-list-12 {
  display: block;
}

.sail-drop:hover .secondary-list-13 {
  display: block;
}

.sail-drop:hover .secondary-list-14 {
  display: block;
}

.sail-drop:hover .secondary-list-15 {
  display: block;
}

.sail-drop:hover .secondary-list-16 {
  display: block;
}

.sail-drop:hover .secondary-list-17 {
  display: block;
}

.sail-drop:hover .secondary-list-18 {
  display: block;
}

.sail-drop:hover .secondary-list-19 {
  display: block;
}

.sail-drop:hover .secondary-list-20 {
  display: block;
}

.sail-drop:hover .secondary-list-21 {
  display: block;
}

.sail-drop:hover .secondary-list-22 {
  display: block;
}

.sail-drop:hover .secondary-list-23 {
  display: block;
}

.sail-drop:hover .secondary-list-24 {
  display: block;
}



.sail-drop:after {
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0px 4.5px 5px;
    width: 10px;
    position: absolute;
    margin-left: 0px;
    margin-top: 5px;
    right: 0px;
    border-color: transparent transparent transparent #fff;
}

.sail-drop2:after {
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0px 4.5px 5px;
    width: 10px;
    position: absolute;
    margin-left: 0px;
    margin-top: 5px;
    right: 0px;
    border-color: transparent transparent transparent #fff;
}

.search-row {
  display: none;
  z-index: 999999;
}

.sail-drop {
  
}

.sail-drop-2 {

} 

#hamburger-nav {
  position: absolute;
  top: 0px;
  right: 0px;
}

#hamburger-nav2 {
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}

.hamburger-line {
  width: 50px;
  height: 2px;
  background-color: #fff;
  width: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.list-element-hamburger {
  display: none;
}

#hero-left {
  max-width: 900px;

  float: left;
}

#hero-left img {
  width: 100%;
}

#hero-right {
  width: 300px;
  float: left;
}

#hero-right img {
  width: 100%;
}

#hero-title-block {
  padding: 12px 20px 10px 20px;
  background-color: #002e56;
  width: 100%;
  display: block;
  font-size: 40px;
  font-family: 'Trade Gothic LT Std';
  color: #fff;
  text-transform: uppercase;
  margin-top: -5px;
}

h1.hero-title {
  font-size: 40px;
  color: #fff;
}

#hero-text-block {
  background-color: #dfe0e0;
  padding: 20px;
  color: #333;
  font-size: 16px;
  line-height: 24px;
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;

}

.yellow-button {
  padding: 15px 25px 10px;
  background-color: #e3b51f;
  display: inline-block !important;
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: 'Trade Gothic LT Std';
  font-size: 18px !important;
  text-transform: uppercase;
}

#masthead {
  margin-top: 25px;
}

.masthead-left h2 span {
    float: left;
    width: 100%;
    display: block;
    line-height: 1;
    padding: 15px 20px 0px;
    background-color: #002e56;
    font-family: 'Trade Gothic LT Std';

}

.masthead-left h2 {
    text-transform: uppercase;
    font-size: 40px !important;
    color: #FFF;
    font-weight: normal;
    margin: -5px 0px 0px 0px;
    display: block;

}

.masthead-left .subhead {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    line-height: 1.5;
    padding: 12px 70px 18px 20px;
    background-color: #dfe0e0;
}

.subhead p {
  color: #333 !important;
  font-size: 16px !important;
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;
}

.masthead-right {
  position: relative;
}

.primary-copy {
  position: absolute !important;
    left: 20px;
    right: 20px;
  bottom: 20px;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.mast-play-button {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  border: 4px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 50%;
  margin-top: -60px;
  background-color: rgba(255,255,255,.4);
}

.mast-play-button i{
  position: absolute;
  font-size: 44px;
  text-align: center;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -22px;
}

#masthead-video {
  display: block;
  visibility: hidden;
}

.modal-screen {
  position: fixed;
  z-index: 9999999999999;
  background-color: rgba(51,51,51,.9);
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}

#masthead-video-container {
  height: 400px;
  width: 800px;
    margin-left: -400px;
  background-color: #000;
  z-index: 9999999999999;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -200px;
}

#masthead-video-container iframe{
  height: 400px;
  width: 800px;
    left: 50%;
  margin-left: -400px;
  background-color: #000;
  z-index: 99999999999999999;
  position: fixed;
}

@media screen and (max-width: 850px) {
    #masthead-video-container iframe{
    height: 300px;
  width: 500px;
  margin-left: -250px;
  background-color: #000;
  z-index: 99999999999999999;
  position: fixed;
}

#masthead-video-container {
    height: 300px;
  width: 500px;
    margin-left: -250px;
  background-color: #000;
  z-index: 9999999999999;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -150px;
}
}

@media screen and (max-width: 550px) {
    #masthead-video-container iframe{
    height: 200px;
    width: 200px;
  margin-left: -100px;
  background-color: #000;
  z-index: 99999999999999999;
  position: fixed;
}

#masthead-video-container {
    height: 200px;
  width: 200px;
    margin-left: -100px;
  background-color: #000;
  z-index: 9999999999999;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -100px;
}
}

.section-titles {
  font-family: 'Trade Gothic LT Std';
  font-size: 40px;
  color: #002e56;
  text-transform: uppercase;
  margin-top: 20px;
}

.join-images {
  height: 85px;
  width: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
}

.join-s-title {
  position: absolute; 
  left: 10px;
  bottom: -8px;
  color: #fff;
  font-family: 'Trade Gothic LT Std';
  font-size: 30px;
  text-transform: uppercase;
}

/* IE6, IE7 -- acts as an !important */
.join-s-title {
  bottom: -4px\9;
}
/* IE8, IE9 */
.join-s-title {
  bottom: -4px\0/;
}
/* IE10, IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .join-s-title {
    bottom: -4px;
  }
}

.joins-text {
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  font-weight: 100;
  margin-top: 15px;
}

.joins-learn-more {
  color: #0645ad;
  font-size: 16px;
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;
}

.blue-section {
  padding: 50px 0px;
  margin-top: 75px;
  background-color: #002e56;
}

.sec-title-con {
  background-color: #dfe0e0;
    width: 100%;
  padding: 5px 20px 0px;
  margin-top: -5px;
    text-transform: uppercase;
font-size: 40px !important;
}

.sec-title-con h2 {
    text-transform: uppercase;
font-size: 40px !important;
}

#maps-con {
  padding: 20px;
  background-color: #fff;
  width: 100%;
}

.resp-image {
  width: 100%;
  display: block;
  margin: auto;
}

.image-vid-play {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.fac-tabs {
  background-color: #ccc;
  padding: 15px 15px 10px 15px;
  font-family: 'Trade Gothic LT Std';
  font-size: 24px;
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
}


.twit-tabs {
  background-color: #ccc;
  padding: 15px 15px 10px 15px;
  font-family: 'Trade Gothic LT Std';
  font-size: 24px;
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 0px;
  margin-bottom: 10px;
}

.soc-act {
  background-color: #032e55;
}

#new-footer {
  background-color: #002e56;
  padding: 50px 0px;
  background-image: url(../img/nav.png);
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
}

.new-footer-title {
  font-family: 'Trade Gothic LT Std';
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
}

.soc-section {
  width: 100%;

}

.resp {
    width: 40px;
    margin-left: 0px;
    margin-right: 13px;
    margin-bottom: 30px;
  
}

.soc-section {
  

  margin-top: 40px;
}

#white-footer {
  background-color: #dfe0e0;
  padding: 10px 0px;
  font-size: 12px;
  color: #333;
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;
}


.left-nav {
  float: left;
}

.right-nav {
  float: right;
}
@media screen and (max-width: 1024px) {
    #nav-elements {
  float: none;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 18px !important;
  text-transform: uppercase;
  margin-top: -18px;
  font-family: 'Trade Gothic LT Std';


}

  #logo img {
  height: 47px;
  }

  #above-nav {
    display: none;
    position: absolute;
    bottom: -65px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #333;
    width: 100%;
    left: 0px;
    z-index: 9999;
    padding-right: 20px;
  }

.sb-icon-search {
    color: #FFF;
    background: #333 url("../img/bret/icon-search.svg") no-repeat scroll center center;
    z-index: 90;
    font-size: 22px;
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
  #nav-elements ul li {
  list-style: none;
  display: inline-block;
  margin-bottom: 0px;
  margin-left: 45px;
  line-height: 1;
  }

  #nav-elements ul li:first-child {
    margin-left: 0px;
  }

  .list-element-hamburger {
    display: inline-block !important;
    bottom: 37px;
    right: 15px;
    position: absolute;
  }

  .drop-list ul li {
    width: 150px;
  }

  .drop-list {
    width: 150px;
  }

  .drop-title {
    width: 120px;
    font-size: 24px;
    margin-right: 50px;
  }

  .secondary-list-1 {
    position: absolute;
    width: 150px;
    right: -150px;
    top: 0px;
    padding-left: 50px;
    height: 100%;
}
.secondary-list-2 {
    position: absolute;
    width: 200px;
    right: -200px;
    top: 0px;
    padding-left: 50px;
    height: 100%;
}

.secondary-list-3 {
    position: absolute;
    width: 250px;
    right: -250px;
    top: 0px;
    padding-left: 50px;
    height: 100%;
}

#navigation {
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
}
.masthead {
  margin-top: 40px !important;
}
  .slide-down-nav {
  display: none !important;
}
}

@media only screen and (max-width: 635px) {
    .tab-hide {
    display: block !important;
}
}

@media only screen and (min-width: 740px)  {
  .search-row {
    display: none !important;
  }



  .mobile-nav-item {
    display: none !important;
  }

  .desktop-nav-item {
    display: inline-block !important;
  }

  .back-btn-nav {
    display: none;
  }

  .back-btn-nav2 {
    display: none;
  }

  .back-btn-nav3 {
    display: none;
  }

  #nav-elements {
    display: block !important;
  }
}

@media screen and (max-width: 740px) {
    #nav-elements {
  float: none;
  text-align: left;
  display: block;
  color: #fff;
  font-size: 18px !important;
  text-transform: uppercase;
  margin-top: -26px;
  font-family: 'Trade Gothic LT Std';
  display: none;
  position: absolute;
  top: 133px;
  background-color: #333;
  width: 100%;
  padding: 20px 35px;
  left: 0px;
min-height: 100vh;

  }

  .search-row {
    display: none;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 48px;
  }
    
    .mobi-show {
        display: block;   
    }

  .search-row input{
    background-color: #454545;
    color: #7b7b7b; 
    font-family: "Trade Gothic 2", "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 100;
    border: 0px;
    padding: 0px 35px;
    height: 60px;
  }

  .search-row input:focus{
    background-color: #454545;
    -moz-appearance:none;
  }

  #navigation {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  #logo img {
  height: 41px;
  }

  #logo {
    margin-left: 20px;
  }

  #above-nav {
    display: none !important;
  }

  #nav-elements ul li {
  list-style: none;
  display: block;
  margin-bottom: 0px;
  margin-left: 0px;
  line-height: 1;
  padding-bottom: 20px;
  }

  .sail-drop:after {
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0px 4.5px 5px;
    width: 10px;
    position: absolute;
    margin-left: 0px;
    margin-top: -10px;
    right: 0px;
    border-color: transparent transparent transparent #fff;
}

#nav-elements .navy-life-btn:after{
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0px 4.5px 5px;
    width: 10px;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    right: 0px;
    border-color: transparent transparent transparent #fff;
}

#nav-elements .about-btn:after{
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0px 4.5px 5px;
    width: 10px;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    right: 0px;
    border-color: transparent transparent transparent #fff;
}

#nav-elements .join-btn:after{
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0px 4.5px 5px;
    width: 10px;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    right: 0px;
    border-color: transparent transparent transparent #fff;
}

#nav-elements .career-btn:after{
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0px 4.5px 5px;
    width: 10px;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    right: 0px;
    border-color: transparent transparent transparent #fff;
}
  ul {
    padding-left: 0px;
  }

  #nav-elements ul li:first-child {
    margin-left: 0px;
  }

  .list-element-hamburger {
    display: inline-block !important;
    bottom: 40px;
    right: 15px;
    position: absolute;
  }

  #hamburger-nav2 {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
}

  #hamburger-nav {
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}

#nav-elements a:hover:after {
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    width: 10px;
    position: absolute;
    margin-left: 0px;
    margin-top: 5px;
    right: 0px;
    border-color: transparent transparent transparent #fff;
}

#nav-elements a:after {
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    width: 10px;
    position: absolute;
    margin-left: 0px;
    margin-top: 5px;
    right: 0px;
    border-color: transparent transparent transparent #fff;
}

#nav-elements a {
  width: 100%;
}

.mobile-nav-item {
  display: inline-block !important;
}

.desktop-nav-item {
  display: none !important;
}

.drop-title {
  margin-left: 0px;
  display: block;
  width: 100%;
}

.drop-title a{
  font-size: 25px;
  text-decoration: underline;
  margin-bottom: 30px;

}


#nav-elements ul li ul li{
  list-style: none;
  display: block;
  margin-bottom: 0px;
  background-color: #333;
  line-height: 1;
}

#nav-elements ul li ul li a{
  padding-bottom: 0px;
}

.secondary-list-1 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: 0px;
  padding-left: 0px;
  height: 100%;
  display: none;
  
}

.sail-drop:hover .secondary-list-1 {
  display: none;
}


.sail-drop:hover .secondary-list-2 {
  display: none;
}


.sail-drop:hover .secondary-list-3 {
  display: none;
}


.sail-drop:hover .secondary-list-4 {
  display: none;
}


.sail-drop:hover .secondary-list-5 {
  display: none;
}


.sail-drop:hover .secondary-list-6 {
  display: none;
}

.sail-drop:hover .secondary-list-7 {
  display: none;
}


.sail-drop:hover .secondary-list-8 {
  display: none;
}

.sail-drop:hover .secondary-list-9 {
  display: none;
}

.sail-drop:hover .secondary-list-10 {
  display: none;
}

.sail-drop:hover .secondary-list-12 {
  display: none;
}

.sail-drop:hover .secondary-list-13 {
  display: none;
}

.sail-drop:hover .secondary-list-14 {
  display: none;
}

.sail-drop:hover .secondary-list-15 {
  display: none;
}

.sail-drop:hover .secondary-list-16 {
  display: none;
}

.sail-drop:hover .secondary-list-17 {
  display: none;
}

.sail-drop:hover .secondary-list-18 {
  display: none;
}

.sail-drop:hover .secondary-list-19 {
  display: none;
}


.sail-drop:hover .secondary-list-20 {
  display: none;
}

.sail-drop:hover .secondary-list-21 {
  display: none;
}

.sail-drop:hover .secondary-list-22 {
  display: none;
}

.sail-drop:hover .secondary-list-23 {
  display: none;
}

.sail-drop:hover .secondary-list-24 {
  display: none;
}

.sail-drop:hover .secondary-list-11 {
  display: none;
}


.secondary-list-2 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: 0px;
  padding-left: 0px;
  height: 100%;
  display: none;
  
}

.sail-drop:hover .secondary-list-2 {
  display: none;
}

.drop-list {
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-size: 16px;
  text-transform: none;
  font-weight: 100;
  width: 100%;
  float: left;
  display: block;
  position: relative;
  background-color: #333;
}

.nav-back {
  z-index: 9;
}

#nav-elements ul li:hover .nav-back {
  display: none;

}

#nav-elements ul li .nav-back {
    position: absolute;
    color: #FFF;
    background-color: #333;
    width: 100%;
    padding: 20px 0px 30px;
    display: none;
    left: 0px;
    margin-left: 0px;
    border-top: 0px solid #FFF;
    top: 0px;
    height: 100%;
    overflow-y: scroll;
}

.drop-list ul li {
    padding: 20px 0px 10px;
    border-bottom: 1px solid #696969;
    margin-left: 0px !important;
    line-height: 0px;
    width: 100%;
}

.back-btn-nav {
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;
  font-size: 16px;
  margin-bottom: 30px;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  display: block;
  text-transform: none;
}

.back-btn-nav:after {
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 5px 4.5px 0px;
    width: 10px;
    position: absolute;
    margin-right: 0px;
    margin-top: 5px;
    left: 0px;
    border-color: transparent #fff transparent transparent;
}

.back-btn-nav2 {
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;
  font-size: 16px;
  margin-bottom: 30px;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  display: block;
}

.back-btn-nav2:after {
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 5px 4.5px 0px;
    width: 10px;
    position: absolute;
    margin-right: 0px;
    margin-top: 5px;
    left: 0px;
    border-color: transparent #fff transparent transparent;
}

.back-btn-nav3 {
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;
  font-size: 16px;
  margin-bottom: 30px;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  display: block;
}

.back-btn-nav3:after {
  content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 5px 4.5px 0px;
    width: 10px;
    position: absolute;
    margin-right: 0px;
    margin-top: 5px;
    left: 0px;
    border-color: transparent #fff transparent transparent;
}

.secondary-list-1 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
  
}

.secondary-list-2 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-4 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-5 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-6 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-9 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-10 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-12 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-13 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-14 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-15 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-16 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-17 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}
.secondary-list-18 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-19 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-20 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-21 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-22 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-23 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-24 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: -124px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-7 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: 0px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-8 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: 0px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}

.secondary-list-11 {
  position: absolute;
  width: 100%;
  right: 0px;
  top: 0px;
  padding-left: 0px;
  height: calc(100% + 125px);
  display: none;
  z-index: 9;
}



.sec-title {
  display: block;
}

#navigation {
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
}

.masthead {
  margin-top: 60px;
}

.slide-down-nav {
  display: none !important;
}

.hide-line {
  background-color: #454545;
  height: 2px;
  width: 100%;
  display: block;
  margin-top: -20px;
}

a.a-nav {
  font-family: "Trade Gothic 2", "Oswald", sans-serif;
  font-weight: 100;
  text-transform: none;
  font-size: 16px;
  padding: 20px 0px !important;
  margin: auto;
  display: block;

}

.icons-hide {
  width: 100%;
  margin-top: 30px;
  text-align: justify;
  position: relative;
}
  


.icons-hide a{
  width: 30px !important;
  position: absolute !important;
  padding-bottom: 30px;

}

.hide-above-nav {
  display: block;
}

.subhead {
  background-color: #fff !important;
  padding-left: 0px !important;
}

.masthead-left h2 span {
  background-color: #fff;
  color: #002E56;
  margin-top: 15px;
  padding-left: 0px;
}



.mast-play-button {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 4px solid #FFF;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    background-color: rgba(255, 255, 255, 0.4);
}

.mast-play-button i {
    position: absolute;
    font-size: 20px;
    text-align: center;
    left: 50%;
    margin-left: -5px;
    top: 50%;
    margin-top: -8px;
}

.primary-copy {
    position: absolute !important;
    margin-top: 500px; 
    text-shadow: 0px 0px 0px transparent;
    color: #002E56 !important;
    display: none;
}

#masthead {
  margin-top: 80px;
}

.joins-learn-more {
    color: #0645AD;
    font-size: 16px;
    font-family: "Trade Gothic 2","Oswald",sans-serif;
    font-weight: 100;
    margin-bottom: 30px;
    display: block;
}

.blue-section .subhead {
  background-color: #002E56 !important;
  color: #fff !important;
}

.blue-section p {
  color: #fff !important;
}

.sec-title-con {
  background-color: #002E56 !important;
  padding: 0px;
  margin-top: 20px;
}

.blue-section h2 {
  color: #fff !important;
}

.sub-head {
  font-size: 25px !important;
}

.fac-tabs {
  font-size: 18px !important;
}

.fac-tabs img{
  height: 13px !important;
}

.twit-tabs img{
  height: 13px !important;
}

.twit-tabs {
  font-size: 18px !important;
}



#new-footer .resp-image {
  width: 180px;
  margin: auto;
  display: block;
}

.resp {
  margin-left: 4px;
  margin-right: 4px;
}

}
.soc-section {
  max-width: 258px;
  margin: auto;
  display: block;
  margin-top: 40px;
}

#new-footer a {
    color: #fff !important;
    font-weight: normal;
}

#new-footer a:hover {
    color: #fff !important;
    font-weight: normal;
}

.classTest .join-images {
    height: 112px;   
}

#nav-elements ul li ul li a {
    font-weight: normal;   
}

#nav-elements ul li ul li a:hover:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0px 0 0px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 3px;
    border-color: #fff transparent transparent transparent;
}

#youtube {
   font-family: "Trade Gothic 2" !important;    
}

#top-check .join-images{
    background-position: center top;
}

.tab-hide {
    display: block;   
}

@media screen and (max-width: 940px) {
  .tab-hide {
    display: none;   
  }

  #masthead-right {
      width: 100%;
      height: 120px !important;
      background-size: cover;
      background-position: center;
      margin-top: 50px;
      margin-bottom: 30px !important
  }
  .page-xgames #masthead-right {
    height: 160px !important;
  }
  .mast-play-button {
      width: 50px;
      height: 50px;
      border-radius: 100%;
      border: 2px solid #FFF;
      position: absolute;
      left: 50%;
      margin-left: -25px;
      top: 50%;
      margin-top: -25px;
      background-color: rgba(255, 255, 255, 0.4);
  }

  .mast-play-button i {
      position: absolute;
      font-size: 20px;
      text-align: center;
      left: 50%;
      margin-left: -5px;
      top: 50%;
      margin-top: -8px;
  }

  .masthead-home .masthead .primary-copy {
      right: 20px;
  left: auto;
  width: 225px;
  display: none;
  top: 50%;
  margin-top: -18px;
      
  }

  .mobi-show-2 {
      display: block !important; 
      padding-left: 3rem;
      padding-right: 3rem;
  }
  .left-nav {
      float: none;
      text-align: center;
  }
  .right-nav {
      float: none;
      text-align: center;
  }


}
  
  @media screen and (max-width: 1200px) {
  

.left-nav {
    float: none;
    text-align: center;
    margin-bottom: 20px;
}
.right-nav {
    float: none;
    text-align: center;
}


  }
  
  .mobi-show {
    display: none;   
  }
  
  .mobi-hi {
    display: block;   
  }

  .teaser.text-only.style-1:after {
    background-color: transparent !important;
}
  
  @media only screen and (max-width: 740px)  {
    .mobi-show {
        display: block !important;
    }
    
    .mobi-hi {
    display: none !important;   
  }
  }
  
  @media only screen and (max-width: 640px)  {
    
    .mobi-hide {
    display: none !important;   
  }
  
  .bg-gone {
    background-color: transparent !important;
  }
  
  
  .bg-gone p {
    color: #fff !important;
    font-size: 16px !important;
    font-family: "Trade Gothic 2","Oswald",sans-serif;
    font-weight: 100;
}

.new-white h2{
    color: #fff !important;   
}
  .mobi-show-2 {
    padding-left: 1rem;
    padding-right: 1rem;
}
  .masthead-home .masthead .primary-copy {
    right: 20px;
left: auto;
width: 225px;
bottom: -50px;
left: 0px;
right: auto;
display: none;
    
}
  }
  
  #white-footer-2 {
    background-color: #DFE0E0;
    padding: 10px 0px;
    font-size: 12px;
    color: #333;
    font-family: "Trade Gothic 2","Oswald",sans-serif;
    font-weight: 100;
    padding: 20px;
    text-align: center;
}

.right-nav-new {
    text-align: center;
    display: block;
    margin-bottom:20px;
}

.left-nav-new {
    text-align: center;   
    line-height: 20px;
}

.mobi-show-2 {
    display: none;   
}

.teaser p {
    padding: 0px 10px;   
}

.teaser a {
    margin-left: 5px;   
    margin-bottom: 30px !important;
    text-decoration: underline;
}

#nav-right {
    padding-right: 15px;   
}

#logo {
    padding-left: 15px;   
}

.masthead-item.is-right {
    margin-bottom: 65px;
}

.soc-sidebar {
    display: none !important;
}

.row-title {
    font-family: "Trade Gothic LT Std";
}

.mast-play-button i {
    position: absolute;
    font-size: 44px;
    text-align: center;
    left: 50%;
    margin-left: -13px;
    top: 50%;
    margin-top: -21px;
}

.bg-box {
    height: 100%;
    position: relative;
    background-color: #F2F4F3;
    border-top: 1px solid #C2C9C6;
    border-bottom: 1px solid #C2C9C6;
    padding: 5rem 1.5rem;
    margin: 40px 0px;
    float: left;
    width: 100%;
}


.small .small-12 p {
    line-height: 2.5rem;
}

.top-fifty {
    padding-bottom: 50px;
    padding-top: 50px;
}

.white-text-override p{
    color: #fff !important;
}

.white-text-override h3{
    color: #fff !important;
}

.blue-text-override p{
 color: #002d56;
}

.blue-text-override .hero-title {
 color: #002d56 !important;
}

.blue-text-override {
 color: #002d56;
}

.blue-text-override h3{
 color: #002d56;
}

.mast-block-fix .sec-title-con {
    background-color: #dfe0e0 !important;
    color: #002E56 !important;
}

.mast-block-fix .sec-title-con h2 {
    color: #002E56 !important;
}

.mast-block-fix .teaser-bottom {
    display: none !important;
}

.secfind-height  .yellow-button{
        margin-bottom: 0px !important;
}

@media only screen and (min-width: 1024px)  {
  above-nav {
    display: block !important;
}

}

@media only screen and (max-width: 640px)  {
  .bg-box .new-white h2 {
  color: #fff !important;

  }

  .bg-box .sec-title-con {
  background-color: transparent !important;
  }
}

.subhead p {
    width: 100% !important;
}

.white-text-override a {
    color: #fff !important;
    text-decoration: underline;
}

.hide-learn-more .hide-detection{
    display: none !important;
}

.rss-feed h3{
    color: #fff !important;
}

.rss-feed a{
    color: #fff !important;
}

.rss-feed p{
    color: #fff !important;
}

/* Temporary hide search icon 
#above-nav-icons .icon-nav.search-pop {
  display: none;
} */

/* Fix for leadership image height */
.page-leadership .join-images {
  height: 250px;
  background-position: center -40px;
}

/* Added links to underline style */
p a, a {
  text-decoration: underline;
}
p a:hover, a:hover {
  color: #258faf;
  text-decoration: none;
}
#navigation a, #new-footer a, #white-footer a {
  text-decoration: none;
}
#white-footer a:hover {
  color: #258faf;
}
#navigation a:hover, #new-footer a:hover {
  color: #ffffff;
}
#new-footer a:hover {
  text-decoration: underline;
}
.tab-bar a, #share-sel a, a.yellow-button, .teaser a.yellow-button, .breadcrumb a {
  text-decoration: none;
}
.tab-bar a:hover, #share-sel a:hover {
  text-decoration: none;
}
.bg-box, .bg-box div, .bg-box p, .bg-box span .bg-box a{
  color: #fff;
}
.bg-box.medium-gray, .bg-box.medium-gray div, .bg-box.medium-gray p, .bg-box.medium-gray span .bg-box.medium-gray a{
  color: #363b48;
}
.bg-box.medium-gray #child-link a.child-link-btn, .bg-box.medium-gray #child-link a.child-link-btn p{
  color: #fff;
  font-size: 1.5rem;
}
.page-about .child-link-btn p span {
  top: 3.5rem;
right: 30px;
}
.bg-box.medium-gray #child-link a.child-link-btn {
  text-decoration: none;
}
.bg-box.medium-gray div.tab_section_commitment_type {
  color: #fff;
}
@media only screen and (min-width: 40.063em) {
  .timeline .centuries ul li p {
    max-width: none;
  }
}
@media only screen and (min-width: 64.063em) {
  .timeline .centuries ul li p {
    max-width: none;
  }
}

body.page-life-as-a-sailor .child-link-container {
  max-width: 30rem;
}

/* Part time toggle update */
.part-time .tab_section_commitment_type.part {
  background-color: #002d56;
}
.part-time .part-toggle {
    background-color: #fff;
}

/* For Battle of Midway page */
.page-battle-of-midway .colorupdate .sec-title-con {
    padding-left: 0;
}
.page-battle-of-midway .colorupdate .teaser-bottom p {
    color: #002d56;
}
/* Google map API */
#nosc-map p {
  margin-top: 8px;
  margin-bottom: 0;
}
#nosc-map b {
  font-weight: bold;
}