/*
*  This file contains all styles that do not affect the Top and Bottom areas of the template
*
*  Desktop: (min-width: 991px)
*  Tablet: (min-width: 761px) and (max-width: 990px)
*  Mobile: (max-width: 760px)
*/


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

html.NoScroll,
html.NoScroll > body {
   position: fixed;
   width: 100%;
   height: 100%;
}
body {
   margin: 0px;
   /*background: #CFD1D2;*/
   background-image: linear-gradient(to right, #153B64, #102B44);
   height: 100%;
   overflow-x: hidden;
}
body.cke_editable { background-color: white !important; background-image: none !important; }
body, input, button, select, option, textarea, label {
   font-size: 14px;
   color: #414042;
   font-family: ProximaNova, Arial, Sans-Serif;
   -webkit-border-radius: 0;
}
input[type=submit],
input[type=button] {
   -webkit-appearance: none;
}
input[type=radio] {
   -webkit-border-radius: 100%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
   -moz-appearance:textfield;
}

*::-webkit-input-placeholder, { color: #929497 !important; }
*:-moz-placeholder { color: #929497 !important; }
*::-moz-placeholder { color: #929497 !important; }
*:-ms-input-placeholder { color: #929497 !important; }

b,
strong {
   font-weight: bold; /* Needed for the custom font */
}
img {
   border: 0px;
}

input:focus::placeholder {
   color: transparent;
}
textarea:focus::placeholder {
   color: transparent;
}
/* Disable blue box on mobile touch */
* {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

iframe {
   padding: 0px;
   margin: 0px;
   border: 0px;
   overflow-y: hidden;
   background: transparent;
   display: block;
}
@media (min-width: 761px) and (max-width: 990px) {
   body, input, select, option, textarea, label {
      font-size: 16px;
   }
}
@media (max-width: 760px) {
   body, input, select, option, textarea {
      font-size: 16px;
   }
   label {
      font-size: 14px;
   }
   select {
      -webkit-appearance: none;
   }
}



/*****************************
*                            *
*       LINKS / COLORS       *
*                            *
*****************************/

/* Links */
a {
   color: #143C65;
   text-decoration: none;
   cursor: pointer;
   transition: color .3s;
}
a:hover {
   color: #7389A2;
}
a.Link1 {
   color: #143C65;
   font-weight: bold;
}
a.Link1:hover {
   color: #7389A2;
}
a.Link2 {
   color: #7DA7C1; /* Blue-Gray */
   font-style: italic;
}
a.Link2:hover {
   color: #95B5CB;
}
.Link3 {
   color: #BBBDBF; /* Light Gray */
}
.Link3:hover {
   color: #404041;
   cursor: pointer;
}
a.Link4 {
   color: #414042; /* Dark Gray */
}
a.Link4:hover {
   color: #414042;
}
.Link5 {
   color: #6D6E70; /* Mid Gray */
}
.Link5:hover {
   color: #ABACAC;
}.Link6 {
   color: #F7941E;
}
.Link6:hover {
  color:#FAA74A;
}
.Color1 {
   color: #7CA6C1; /* Light Blue  7DA7C1 */
}
.Color2 {
   color: #808184; /* Mid Gray */
}
.Color3 {
   color: #BBBDBF; /* Light Gray */
}
.Color4 {
   color: #F6291E; /* Reddish Orange */
}
.Color5 {
   color: #F6921E; /* Orange (Same as Required and FormNote) */
}
.Color6 {
   color: #8BC53F; /* Green (Lime) */
}
.Color7 {
   color: #143C65; /* Dark blue */
}
.Color8 {
   color: #E0B100; /* Yellow */
}
.Color9 {
   color: #198D62; /* Green (Dark blueish) */
}
@media (max-width: 760px) {
   .Button2.LastChildMobileLink {
      margin-top: 5px !important;
      margin-bottom: 0px !important;
   }
}
.SmallText { font-size: 13px; }
.DefaultText { font-size: 14px !important;}
@media (min-width: 761px) and (max-width: 990px) {
   .SmallText { font-size: 16px; }
   .DefaultText { font-size: 16px !important;}
}
@media (max-width: 760px) {
   .SmallText { font-size: 16px; }
   .DefaultText { font-size: 16px !important;}
}


/*****************************
*                            *
*          HEADINGS          *
*                            *
*****************************/

h1 {
   font-weight: bold;
   font-size: 52px;
   line-height: 1em;
   color: white;
   margin: 0px;
}
h1 > b {
   font-weight: 100;
   font-size: 44px;
}
h2 {
   font-weight: 100;
   font-size: 31px;
   margin: 0px;
}
form h2, h2.PopupTitle { margin-bottom: 35px; }
h3 {
   font-weight: 100;
   font-size: 28px;
   margin: 0px;
}
h4 {
   font-weight: bold;
   font-size: 22px;
   margin: 0px;
}
h5 {
   font-weight: 100;
   font-size: 22px;
   margin: 0px;
}
h6 {
   font-weight: bold;
   font-size: 19px;
   color: white;
   text-transform: uppercase;
   margin: 0px;
}
h7 {
   display: block;
   font-weight: normal;
   font-size: 18px;
   margin: 0px;
}
h8 {
   display: block;
   font-weight: normal;
   font-size: 15px;
   margin: 0px;
}
@media (min-width: 761px) and (max-width: 990px) {
   h4 {
      font-size: 24px;
   }
   h8 {
      font-size: 15px;
   }
}
@media (max-width: 760px) {
   h1 {
      font-size: 38px;
      line-height: 38px;
   }
   h1 > b {
      font-size: 38px;
      display: inline-block;
      margin-top: 10px;
   }
   h2 {
      font-size: 25px;
      line-height: 1.1em;
   }
   h3 {
      font-size: 19px;
   }
   h4 {
      font-weight: 100;
      font-size: 25px;
   }
   h5 {
      font-size: 26px;
   }
   h6 {
      font-size: 35px;
   }
   h8 {
      font-size: 15px;
   }
}



/*****************************
*                            *
*          BUTTONS           *
*                            *
*****************************/

.Button0,
.Button1,
.Button2,
.Button3,
.Button4,
.Button5,
.Button6,
.Button7,
.Button8, 
.Button9 {
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none !important;
   display: inline-block;
   border: 0px;
   border-radius: 5px;
   padding: 14px 28px;
   margin: 0px;
   cursor: pointer;
   transition: all .3s;
   box-sizing: border-box;
}
.Button0 { /* Special button for Clear or Cancel.  */
   color: #CFD1D2;
   background-color: transparent;
   padding-left: 0px !important;
   padding-right: 0px !important;
}
.Button0:hover {
   color: #B1B3B6;
}
.Button1 {
   color: white;
   background-image: linear-gradient(to right, #153B64, #102B44);
}
.Button1:hover {
   color: white;
   background-color: #425479;
}
.Button2 {
   color: white;
   background-image: linear-gradient(to right, #88B0C8, #729AAF);
}
.Button2:hover {
   color: white;
   background-color: #95B5CB;
}
.Button3 {
   color: white;
   /*background-color: #F7941E;*/
   background-image: linear-gradient(to right, #F5911E, #FF6633);
}
.Button3:hover {
   color: white;
   background-color: #FAA74A;
}
.Button4 {
   color: white;
   background-color: rgba(209, 211, 212, 0.6);
}
.Button4:hover {
   color: white;
   background-color: rgba(209, 211, 212, 0.9);
}
.Button5 {
   color: #414042;
   background-color: white;
}
.Button5:hover {
   color: #B1B3B6;
   background-color: white;
}
.Button6 {
   color: white;
   background-color: #8BC53F;
}
.Button6:hover {
   color: white;
   background-color: #A2D165;
}
.Button7 {
   color: #000000;
   background-color: rgba(209, 211, 212, 0.6);
}

.Button7:hover {
   color: white;
   background-color: #8BC53F;
}
.Button8 {
   color: white;
   background-color: #C4C4C4;
}
.Button8:hover {
   color: white;
   background-color: #D0D0D0;
}
.Button9 {
   color: white;
   background-color: #198D62;
}
.Button9:hover {
   color: white;
   background-color: #15a16d;
}
.Button1 + .Button1, .Button1 + .Button2, .Button1 + .Button3, .Button1 + .Button4, .Button1 + .Button5, .Button1 + .Button6,
.Button2 + .Button1, .Button2 + .Button2, .Button2 + .Button3, .Button2 + .Button4, .Button2 + .Button5, .Button2 + .Button6,
.Button3 + .Button1, .Button3 + .Button2, .Button3 + .Button3, .Button3 + .Button4, .Button3 + .Button5, .Button3 + .Button6,
.Button4 + .Button1, .Button4 + .Button2, .Button4 + .Button3, .Button4 + .Button4, .Button4 + .Button5, .Button4 + .Button6,
.Button5 + .Button1, .Button5 + .Button2, .Button5 + .Button3, .Button5 + .Button4, .Button5 + .Button5, .Button5 + .Button6,
.Button6 + .Button1, .Button6 + .Button2, .Button6 + .Button3, .Button6 + .Button4, .Button6 + .Button5, .Button6 + .Button6 {
   margin-left: 4px;
}
.Button0.Small,
.Button1.Small,
.Button2.Small,
.Button3.Small,
.Button4.Small,
.Button5.Small,
.Button6.Small {
   font-size: 12px;
   padding: 11px 17px;
}
@media (min-width: 761px) and (max-width: 990px) {
   .Button0,
   .Button1,
   .Button2,
   .Button3,
   .Button4,
   .Button5,
   .Button6,
   .Button8 {
      padding: 16px 31px;
   }
   .ButtonNoResize {
      padding: 14px 28px;
      display: inline-block;
   }
}
@media (max-width: 760px) {
   .Button0,
   .Button1,
   .Button2,
   .Button3,
   .Button4,
   .Button5,
   .Button6,
   .Button8,
   .Button9 {
      padding: 17px 20px;
      width: 100%;
      text-align: center;
      display: block;
   }
   .Button0 { padding: 10px; }
   .Button1 + .Button1, .Button1 + .Button2, .Button1 + .Button3, .Button1 + .Button4, .Button1 + .Button5, .Button1 + .Button6,
   .Button2 + .Button1, .Button2 + .Button2, .Button2 + .Button3, .Button2 + .Button4, .Button2 + .Button5, .Button2 + .Button6,
   .Button3 + .Button1, .Button3 + .Button2, .Button3 + .Button3, .Button3 + .Button4, .Button3 + .Button5, .Button3 + .Button6,
   .Button4 + .Button1, .Button4 + .Button2, .Button4 + .Button3, .Button4 + .Button4, .Button4 + .Button5, .Button4 + .Button6,
   .Button5 + .Button1, .Button5 + .Button2, .Button5 + .Button3, .Button5 + .Button4, .Button5 + .Button5, .Button5 + .Button6,
   .Button6 + .Button1, .Button6 + .Button2, .Button6 + .Button3, .Button6 + .Button4, .Button6 + .Button5, .Button6 + .Button6 + .Button8 {
      margin: 10px 0px;
   }
   .Button0.Small,
   .Button1.Small,
   .Button2.Small,
   .Button3.Small,
   .Button4.Small,
   .Button5.Small,
   .Button6.Small {
      font-size: 16px;
      padding: 13px 17px;
      width: auto;
      display: inline-block;
   }

   .MobileColumnButtons > * {
      display: inline-block;
      vertical-align: middle;
      width: 48%;
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      text-transform: none;
   }
   .MobileColumnButtons > *:first-child {
      margin-left: 0px;
      margin-right: 1%;
   }
   .MobileColumnButtons > *:last-child {
      margin-left: 1%;
      margin-right: 0px;
   }
   .ButtonNoResize {
      padding: 14px 28px;
      display: inline-block;
      width: initial;
   }
}

/* Floats the back button off the left side of the form when used within FullTextArea */
.FloatBackButton {
   position: absolute;
   left: -60px;
}
@media (max-width: 850px) {
   .FloatBackButton {
      position: static;
      left: 0px;
      margin-right: 15px !important;
   }
}
@media (max-width: 760px) {
   .FloatBackButton {
      display: none !important;
   }
}


/*****************************
*                            *
*       MODAL STYLES         *
*                            *
*****************************/
/*Style for the Interest Forms Modal*/
.InterestModal {
    text-align: center;
}
.InterestModal h2 {
   font-size: 26px;   
}
.InterestModal h3 {
   font-weight: lighter;
   margin-bottom: 8px;
   font-size: 16px;
   margin-top: 25px;
}
.InterestModal h4 {
   margin-bottom: 10px;
   font-weight: lighter;
   font-size: 16px;
   margin-bottom: 8px;
}
.MTModalButton {
   margin-bottom: 25px;
}

.ImmersionModalButton {
   margin-bottom: 10px;
}
.ImmersionModalButton:last-child {
   margin-bottom: 5px;
}

@media (max-width: 760px) {
   .ImmersionModalButton {
      margin-bottom: 5px;
   }

   .ImmersionModalButton:last-child {
      margin-top: 5px;
   }
}

.ContactModalInfo {
   text-align: center;
}
.ContactModalInfo p {
   margin-top: 30px;
   margin-bottom: 5px;
}

.ModalButtons {
   margin-top: 30px;
}

.ModalInlineButton {
   width: 48%;
   display: inline-block;
}
.ModalInlineButton.Button1 {
   padding: 16px 20px;
}



/*****************************
*                            *
*          CONTENT           *
*                            *
*****************************/

/* Duplicated in AboveTheFold.css */
.Content { /* 678px */
   padding-top: 50px;
   padding-bottom: 65px;
   padding-left: calc(50% - 339px);
   padding-right: calc(50% - 339px);
   margin: auto;
}

.Content.Gray {
   background-color: #EAEBEC;
}
.Content.Thin {
   padding-top: 25px;
   padding-bottom: 25px;
}
.Content.Medium {
   padding-top: 45px;
   padding-bottom: 45px;
}
.Content.Wide { /* 966px */
   padding-left: calc(50% - 483px);
   padding-right: calc(50% - 483px);
}
.Content.Wide.ProgramBox {
   padding-left: calc(50% - 526px);
   padding-right: calc(50% - 526px);
}
.Content.Narrow { /* 556px */
   padding-left: calc(50% - 278px);
   padding-right: calc(50% - 278px);
}
.Content.FullWithPadding {
   /*
   padding-left: 80px;
   padding-right: 80px;
   */

   padding-left: calc(50% - 880px);
   padding-right: calc(50% - 880px);
}
.Content.Center {
   text-align: center;
}
.Content p:first-child {
   margin-top: 0px !important;
}
.Content p:last-child {
   margin-bottom: 0px !important;
}
@media (max-width: 1920px) {
   .Content.FullWithPadding {
      padding-left: 80px !important;
      padding-right: 80px !important;
   }
}
@media (max-width: 1125px) {
   .Content.Wide {
      padding-left: 80px !important;
      padding-right: 80px !important;
   }
}
@media (max-width: 760px) {
   .Content {
      padding-left: 30px !important;
      padding-right: 30px !important;
   }
   .Content.Medium {
      padding-top: 30px;
      padding-bottom: 30px;
   }
   .Content.Wide {
      padding-left: 30px !important;
      padding-right: 30px !important;
   }
   .Content.MobilePadding {
      padding-top: 0px;
      padding-bottom: 12px;
   }
   .Content.MobileMargin {
      padding-top: 32px;
   }
   div.Content.MobileNoSidePadding {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }
}

.ContentDivider {
   max-width: 966px;
   margin: 10px auto;
   height: 1px;
   background-color: #CFD1D2;
}
@media (max-width: 1125px) {
   .ContentDivider {
      margin-left: 80px;
      margin-right: 80px;
   }
}
@media (max-width: 760px) {
   .ContentDivider {
      margin-left: 30px;
      margin-right: 30px;
   }
   .Content.Divider {
      margin-top: -18px !important;
   }
}




/*****************************
*                            *
*        BOXED CONTENT       * See Homepage
*                            *
*****************************/

/* Heading with dark line under it */
.BoxHeading {
   font-size: 17px;
   padding-bottom: 5px;
   border-bottom: 4px solid black;
   display: inline;
}
.BoxHeading::after {
   content: "\A\A\A";
   white-space: pre;
}
@media (max-width: 760px) {
   .BoxHeading {
      font-size: 31px;
      padding-bottom: 10px;
      border-bottom: 6px solid black;
      display: inline-block;
   }
   .BoxHeading::after {
      content: "";
   }
}


/*  Image Above Content */
.BoxContent {
   display: inline-block;
   margin: 0px 10px;
   font-size: 16px;
   vertical-align: top;
   box-sizing: border-box;
}
.BoxContent b,
.BoxContent strong {
   font-size: 25px;
}
.BoxContent > p > b {
   font-size: 20px;
}
.BoxContent > span {
   font-size: 18px;
}
@media (max-width: 760px) {
   .BoxContent {
      width: 100% !important;
      max-width: none !important;
      font-size: 16px;
      margin: 30px 0px 0px 0px !important;
   }
   .BoxContent b,
   .BoxContent strong,
   .BoxContent > p > b {
      font-size: 30px;
   }
   .BoxContent > span {
      font-size: 16px;
   }
   .BoxContent > p {
      font-size: 16 px;
   }
}

/* Image Left of Content */
.BoxContent2 {
   font-size: 16px;
   width: 460px;
   padding-left: 75px;
   position: relative;
   text-align: left;
   margin: 0px auto 30px auto;
}

.BoxContent2 b,
.BoxContent2 strong {
   font-size: 22px;
   line-height: 1.8em;
   color: #153B64
}
.BoxContent2 img {
   position: absolute;
   top: 0;
   left: 0;
}
@media (max-width: 760px) {
   .BoxContent2 {
      width: 100%;
      font-size: 16px;
      text-align: center;
      padding: 0px;
   }
   .BoxContent2 b,
   .BoxContent2 strong {
      font-size: 28px;
   }
   .BoxContent2 img {
      position: static;
      display: block;
      margin: auto;
   }
}
/*****************************
*                            *
*          InternBox         * Smaller images with text below
*                            *
*****************************/
.InternBox {
   width: 130px ;
   margin: 25px 12px 20px 12px ;
   display: inline-block;
   vertical-align: top;
}
.InternBox p {
   margin: 10px 0px !important;
}
.InternBox img {
   width: 116px;
   height: 116px;
}
.InternBox b {
   font-size: 15px;
}
.InternBox i {
   font-size: 13px;
}
.InternBox a {
   font-size: 13px;
}
@media (min-width: 761px) and (max-width: 1021px) {
   .InternBox b {
      font-size: 16px;
   }
   .InternBox i {
      font-size: 15px;
   }
   .InternBox a {
      font-size: 15px;
   }
}
@media (max-width: 760px) {
   .InternBox {
      margin: 25px 12px 0px 12px ;
   }

   .InternBox b {
      font-size: 18px;
   }
   .InternBox i {
      font-size: 16px;
   }
   .InternBox a {
      font-size: 15px;
   }
}




/*****************************
*                            *
*  HOME REPAIR APPLICATIONS  *
*                            *
*****************************/
.HomeRepairFilter {
   width: 400px;
   margin-top: 25px;
   text-align: center;
   padding-left: 20px;
}
.HomeRepairActionButtons {
   margin-top: 25px;
   margin-bottom: 25px;
   text-align: center;
   padding-left: 73px;
}
.HomeRepairActionButtons a {
   text-transform: uppercase;
   margin-right: 5px;
}
@media(max-width:760px) {
   .HomeRepairFilter {
      width: 100%;
      padding-left: 0px;
   }
   .HomeRepairActionButtons {
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
      padding-left: 0px;
   }
   .HomeRepairActionButtons a {
      margin: 10px 0px !important;
   }
}

/*****************************
*                            *
*          FEATURED          * Circle image with image on left and content on right
*                            *
*****************************/

.BoxFeatured {
   display: inline-block;
   margin: 0px 15px;
   font-size: 16px;
   vertical-align: top;
   text-align: left;
   position: relative;
   padding-left: 140px;
   min-height: 120px;
   color: #414042;
   box-sizing: border-box;
}
.BoxFeatured.Small {
   font-size: 13px;
   padding-left: 125px;
}

.BoxFeatured img {
   position: absolute;
   left: 0px;
   top: 0px;
}
.BoxFeatured p {
   margin: 0px !important;
   display: table-cell;
   height: 120px;
   vertical-align: middle;
}
.BoxFeatured b,
.BoxFeatured strong {
   font-size: 21px;
   display: block;
}
.BoxFeatured i {
   font-size: 15px;
   color: #BBBDBF;
}

.BoxFeatured u { /* If this is actually a link */
   text-decoration: none;
   font-size: 19px;
   display: block;
}
.BoxFeatured:hover u {
   color: #7CA6C1;

}
.BoxFeatured img.Hover {
   opacity: 0;
}
.BoxFeatured:hover img.Hover {
   opacity: 1;
}

.BoxFeatured.Alt1 img {
   width: 110px;
   height: 110px;
}

.BoxFeatured.Alt2 {
   padding-left: 90px;
}
.BoxFeatured.Alt2 img {
   width: 70px;
   height: 70px;
}
.BoxFeatured.Alt2 ul {
   list-style: none;
   margin: 0;
   padding-left: 1em;
   text-indent: -1em;
   font-size: 14px;
}
.BoxFeatured.Alt2 li {
   padding: 2px 0px;
}
@media (max-width: 760px) {
   .BoxFeatured {
      width: 100% !important;
      font-size: 30px;
      margin: 40px 0px 0px 0px;
      text-align: center;
      padding-left: 0px !important;
      padding-top: 205px;
      height: auto;
   }
   .BoxFeatured.Small {
      font-size: 18px;
      padding-top: 180px;
   }


   .BoxFeatured img {
      left: calc(50% - 90px);
   }
   .BoxFeatured.Educ {
      padding-top: 160px;
   }
   .BoxFeatured.Educ > img {
      left: calc(50% - 65px);
   }
   .BoxFeatured.Blog {
      padding-top: 0px;
      padding-left: 140px;
      text-align: left;
   }
   .BoxFeatured.Blog > img {
      left: 0;
   }
   .BoxFeatured p {
      display: block;
      height: auto;
   }
   .BoxFeatured b,
   .BoxFeatured strong,
   .BoxFeatured u {
      font-size: 30px;
   }
   .BoxFeatured b, {
      display: inline;
   }
   .BoxFeatured i {
      font-size: 25px;
   }
}
@media (max-width: 760px) {
   .MTBoxFeatured a {
   }
   .MTBoxFeatured img {
      left: 0px !important;
   }
   .BoxFeatured.MTBoxFeatured {
      width: 310px !important;
      padding-top: 0px !important;
      margin-top: 15px !important;
      margin-bottom: 15px !important;
      padding-left: 140px !important;
      text-align: left;
   }
   .MTBoxFeatured p {
      font-size: 15px !important;
      margin-top: 20px !important;
      text-align: left;
   }
   .MTBoxFeatured b, u {
      font-size: 21px !important;
      display: block !important;
      margin: 0px !important;
      padding-bottom: 0px;
   } 
   .MTBoxFeatured i {
      font-size: 15px !important;
   }


   .BoxFeatured.Alt1 a {
   }
   .BoxFeatured.Alt1 img {
      left: 0px !important;
   }
   .BoxFeatured.Alt1 {
      width: 310px !important;
      padding-top: 0px !important;
      margin-top: 15px !important;
      margin-bottom: 20px !important;
      padding-left: 140px !important;
      text-align: left;
      font-size: 14px !important;
      width: 100% !important;
      display: block !important;
   }
   .BoxFeatured.Alt1 p {
      font-size: 15px !important;
      margin-top: 20px !important;
      text-align: left;
   }
   .BoxFeatured.Alt1 b,
   .BoxFeatured.Alt1 u {
      font-size: 21px !important;
      display: block !important;
      margin: 0px !important;
      padding-bottom: 0px;
   } 
   .BoxFeatured.Alt1 i {
      font-size: 15px !important;
   }
}
@media (max-width: 679px) {
   .MTBoxFeatured {
      width: 100% !important;
   }
}



/*****************************
*                            *
*     FEATURED CONTAINER     * Special Container for .BoxFeatured
*                            *
*****************************/

.FeaturedContainer {
   padding-left: calc(50% - 520px) !important;
   padding-right: calc(50% - 520px) !important;
}
.FeaturedContainer *.BoxFeatured {
   width: 310px;
   margin: 20px 17px;
}
@media (max-width: 1060px) and (min-width: 761px) {
   .FeaturedContainer {
      padding-left: 0px !important;
      padding-right: 0px !important;
      width: 705px;
   }
}
@media (max-width: 760px) {
   .FeaturedContainer {
      padding-left: 30px !important;
      padding-right: 30px !important;
   }
   .FeaturedContainer b,
   .FeaturedContainer strong {
      display: inline-block;
      margin-left: 5px;
   }
   .FeaturedContainer *.BoxFeatured {
      margin: 20px 0px;
   }
}




/*****************************
*                            *
*       FeaturedTripBox      *
*                            *
*****************************/
.FeaturedTripBox {
   display: inline-block;
   width: 301px;
   height: auto;
   margin: 15px 7px 0px 7px;
   font-size: 16px;
   text-align: left;
   position: relative;
   padding-top: 10px;
   padding-left: 115px;
   min-height: 120px;
   color: #414042;
   box-sizing: border-box;
}
.FeaturedTripBox img {
   position: absolute;
   left: 0px;
   top: 0px;
}
.FeaturedTripBox span {
   margin: 0px !important;
   font-size: 16px;
}
.FeaturedTripBox p {;
   margin: 0px !important;
   display: table-cell;
}
.FeaturedTripBox p span {
   font-style: italic;
   line-height: 1;
   width: auto;
   height: auto;
}
.FeaturedTripBox b {
   font-size: 16px;
   display: inline-block;
}
.FeaturedTripBox p b {
   margin-top: 20px;
}
.FeaturedTripBox i {
   margin-top: 5px;
   font-size: 12px;
   display: block;
}
.FeaturedTripBox:hover u {
   color: #7CA6C1;
}
.FeaturedTripBox img.Hover {
   opacity: 0;
}
.FeaturedTripBox:hover img.Hover {
   opacity: 1;
}
.Content.FeaturedTripContainer {
   padding-top: 35px !important;
   text-align: left !important;
}

@media (max-width: 990px) {
   .Content.FeaturedTripContainer {
      text-align: left !important;
   }
}
@media (max-width: 760px) {
   .FeaturedTripBox {
      padding-bottom: 5px !important;
   }
   .FeaturedTripBox {
      width: 100% !important;
      font-size: 30px;
      margin: 14px 0px 0px 0px;
      height: auto;
      padding-left: 115px;
      line-height: 1;
   }
   .FeaturedTripBoxHeader {
      display: block;
      background-color: #EAEBEC;
      text-align: center;
      padding: 16px 45px !important;
      position: relative;
      margin-bottom: 2px;
   }
   .FeaturedTripBox p {
      display: block;
      height: auto;
   }
   .FeaturedTripBox p span {
      /*margin-top: -20px;*/
      font-size: 12px;
      font-style: italic;
      color: #ABACAC; 
      height: auto;     
   }
   .FeaturedTripBox b,
   .FeaturedTripBox u {
      font-size: 16px;
   }
   .FeaturedTripBox b, {
      display: inline-block;
   }
   .FeaturedTripBox i {
      position: relative;
      margin-top: 5px !important;
      display: block;
      font-size: 12px;
   }
   .FeaturedTripContainer {
      padding-top: 28px !important;
      padding-bottom: 24px !important;
   }
}






/*****************************
*                            *
*       Slider Gallery       *
*                            *
*****************************/
.SliderGallery {
   white-space: nowrap;
   height: 100%;
   padding-top: 10px;
   padding-bottom: -12px;
   position: relative;
}
.SliderGallery_Slides {
   overflow-x: scroll;
   overflow-y: scroll;
   font-size: 0px;
   margin-bottom: -12px;
  -webkit-overflow-scrolling:touch;
}

.SliderGallery_Slides::-webkit-scrollbar {
    width: 0px !important;
    background: transparent;
}
.SliderGallery_Slides {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.SliderGallery_Slides > div {
   display: inline-block;
   white-space: normal;
   width: 227px;
   margin-right: 10px;
   margin-left: 9px;
   vertical-align: top;
   font-size: 13px;
}
.SliderGallery_Slides > div:first-child {
   margin-left: 0px;
}
.SliderGallery_Slides > div:last-child {
   margin-right: 0px;
}
.SliderGallery_Slides img {
   height: 227px;
   width: 227px;
   vertical-align: top;
   border-radius: 6px;
   text-align: left;
   margin-bottom: 15px;
}
.SliderGallery_Slides.ExploreMissionTrips img,
.SliderGallery_Slides.Alt img {
   height: 295px;   
}
.SliderGallery a {
   font-size: 19px;
   font-weight: bold;
   margin-bottom: 2px;
}
.SliderGallery h4 {
   font-size: 13px;
   font-weight: 100;
}
.SliderGallery p {
   margin-top: 2px !important;
   margin-bottom: 0px !important;
   font-weight: 100;
}
.SliderGallery_Left,
.SliderGallery_Right {
   position: absolute;
   top: 101px;
   width: 48px;
   height: 48px;
   cursor: pointer;
   display: none;
}
.SliderGallery_Left {
   left: -20px;
}
.SliderGallery_Right {
   right: -20px;
}
@media(max-width: 760px) {
   .SliderGallery {
      margin-bottom: 15px;
   }
   .SliderGallery_Slides.ExploreMissionTrips div:nth-child(odd) {
      margin-left: 0px;
      margin-right: 15px;
   }
   .SliderGallery_Slides.ExploreMissionTrips div:nth-child(even) {
      margin-right: 0px;
   }
   .SliderGallery_Slides img {
      width: 100%;
      height: auto;
      margin-bottom: 14px;  
   }
   .SliderGallery_Slides.ExploreMissionTrips div {
      width: calc(50% - 12px);
   }
   .SliderGallery_Slides.BlogSlides div:nth-child(odd) {
      margin-left: 1px;
      margin-right: 15px;
   }
   .SliderGallery_Slides.BlogSlides div:nth-child(even) {
      margin-right: 0px;
   }
   .SliderGallery_Slides.BlogSlides img {
      width: 100%;
      height: auto;
      margin-bottom: 14px;  
   }
   .SliderGallery_Slides.BlogSlides div {
      width: calc(50% - 13px);
   }
   .SliderGallery_Slides.ExploreMissionTrips img {
      height: auto;
   }
   .SliderGallery.NoSlideMobile {
      white-space: normal;
      padding-bottom: 0px;
   }
   .SliderGallery.NoSlideMobile .SliderGallery_Slides {
      overflow-x: visible;
      text-align: center;
   }
   .SliderGallery.NoSlideMobile .SliderGallery_Slides > div {
      margin-bottom: 17px;
   }
   .SliderGallery h4 {
      font-size: 13px;
      text-align: left;
   }
   .SliderGallery p {
      text-align: left;
   }
   .SliderGallery a {
      font-size: 16px;
   }
   .SliderGallery_Slides::-webkit-scrollbar {
      width: 0px !important;
      background: transparent;
      display: none;
   }
   .SliderGallery_Slides {
     scrollbar-width: none;
     -ms-overflow-style: none;
   }

}

/*****************************
*                            *
*   ExploreTripsContainer    *
*                            *
*****************************/

/*Trips Container On Home Page*/
.ExploreTripsContainer {
   display: block;
   text-align: left;
   margin: 60px 0px 55px 0px;
   overflow: hidden;
   text-align: left;
   font-size: 13px;
   padding-left: calc(50% - 482px);
   padding-right: calc(50% - 497px);
}
.ExploreTripsContainer.GroupType {
   margin-top: 35px;
}
.ExploreTripsContainer.Divider {
   margin-top: 50px;
}
.ExploreTrips {
   display: inline-block;
   width: 227px;
   margin: 0px 7px 0px 8px;
   vertical-align: top;
}
.ExploreTrips div img {
   height: 295px;
   width: 227px;
   vertical-align: top;
   border-radius: 6px;
   text-align: left;
}
.ExploreTripsContainer.Content {
   padding-top: 0px;
}
.ExploreTripsContainer h2 {
   /*margin-top: -20px;*/
   padding-top: 0px;
   text-align: left;
   margin-bottom: 16px;
}
.ExploreTripsContainer a {
   margin-top: 38px;
}
.ExploreMissionTrips h2 {
   margin-bottom: 10px;
}
.ExploreTrips h4 {
   margin: 20px 0px 6px 0px;
   font-size: 19px;
   font-weight: bold;
   text-align: left;
}
.ExploreTrips p {
   margin-top: 0px !important;
   font-size: 13px;
   text-align: left;
}
.ExploreTrips span {
   font-size: 10px;
   margin-left: 6px;
   text-align: left;
}
.ExploreTripsButton {
   margin-bottom: 4px !important;
   margin-top: 30px !important;
}
.ExploreTripsImmersionButton {
   margin-top: 30px !important;
   margin-bottom: 10px !important;
}
.ExploreTripsBlogButton {
   margin-top: 30px !important;
   margin-bottom: 0px !important;
}
.ExploreTrips.ExploreBlogs img {
   width: 227px;
   height: 227px;
}
.ExploreTrips.ExploreBlogs img{
   margin-bottom:15px;
}
.ExploreSubText {
   font-size: 16px;
   margin-top: 0px !important;
   margin-bottom: 35px !important;
   width: 665px;
}
@media (max-width: 990px) and (min-width: 761px) {
   .ExploreTripsContainer {
      padding: 20px 60px 20px 60px;
   }
}
@media(max-width: 760px) {
   .ExploreTripsContainer {
      text-align: center;
      padding: 20px 18px 25px 20px;
      margin: auto;
   }
   .ExploreTripsContainer h2 {
      padding-left: 25px;
   }
   .ExploreTrips {
      margin: 0px 6px -9px 5px;
   } 
   .ExploreTrips a {
      font-size: 16px;
   }
   .ExploreTripsImmersionButton {
      margin-bottom: 13px !important;
   }
   .ExploreTripsContainer.Divider {
      margin-top: 20px !important;
   }
   .ExploreTripsBlogButton {
      margin-bottom: 3px !important;
   }
   .ExploreTrips.ExploreBlogs {
      margin-bottom: 15px;
   }
   .ExploreTripsButton {
      margin-top: 40px !important;
   }
   .ExploreTripsImmersionButton {
      margin-top: 40px !important;
   }
   .ExploreSubText {
      width: 100%;
   }
}



/*****************************
*                            *
*       Blue Container       *
*                            *
*****************************/

/*Used in CMSCustom Section of Home Page*/
.BlueContainer {
   width: 100%;
   background-image: linear-gradient(to right, #153B64, #102B44);
   text-align: center;
   vertical-align: top;
   margin: 0px;
   padding: 0px 0px 55px 0px;
}
.BlueContainer h2 {
   color: white;
}
.BlueContainer img {
   display: block;
}
.BlueContainer p {
   display: inline-block;
   text-align: center;
}
.BlueContainer a {
   margin-bottom: 10px;
   margin-top: 10px;
}
.BlueContainer.BoxContent {
   width:calc(850px/3);
   background: transparent;
   padding-bottom: 0px;
}
.BlueContainer.NumberedCircle {
   background: transparent;
   padding: 0px;
}
.BlueContainer.CircleParagraph {
   background: transparent;
   width: 60%;
   margin-left: auto;
   margin-right: auto;
}
@media(max-width: 760px) {
   .BlueContainer img {
      display: inline-block;
   }
   .BlueContainer p {
      margin-left: 10px;
      vertical-align: top;
      width: 60%;
      font-size: 22px;
   }
   .BlueContainer a {
      width: 80%;
      margin: 30px auto 20px auto;
   }
   .BlueContainer.NumberedCircle {
      display: inline-block;
      width: 20%;
      text-align: right;
      background: transparent;
      margin-right: 30px;
      padding-bottom: 0px;
   }
   .BlueContainer.CircleParagraph {
      padding-top: 25px;
      padding-bottom: 0px;
      display: inline-block;
      max-width: 75%;
      text-align: left;
      background: transparent;
   }
   .BlueContainer.CircleParagraph p {
      width: 80%;
      text-align: left;
   }
   .BlueContainer.CircleParagraph span {
      text-align: left;
   }
}




/*****************************
*                            *
*         TAB CONTENT        *
*                            *
*****************************/

/* Standard Tabs */
.TabContent_Tabs {
   font-size: 0px;
   text-align: center;
   border-bottom: 1px solid #EAEBEC;
}
.TabContent_Tabs > a {
   color: #BBBDBF;
   font-size: 18px;
   display: inline-block;
   padding: 20px;
   position: relative;
}
.TabContent_Tabs > a.Toggle::after {
   border-style: solid;
   border-color: #EAEBEC;
   border-width: 1px 1px 0 0;
   background-color: white;
   content: "";
   display: inline-block;
   height: 15px;
   width: 15px;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   position: absolute;
   left: calc(50% - 8px);
   bottom: -8px;
}

.TabContent_Tabs > a.Toggle {
   color: #404041;
}

/* Accordion Level 2 */
.TabContent_Tabs > a.Level2.Toggle::after{
   background-color: #EAEBEC;
}
.TabContent_Tabs.Level2 {
   background: #EAEBEC;
   margin-top: -25px;
}
.TabContent_Tabs.Level2 > a {
   font-size: 14px;
   color: #404041;
   padding: 13px 20px;
}
.TabContent_Tabs.Level2 > a.Toggle,
.TabContent_Tabs.Level2 > a:hover {
   color: #7CA6C1;
}
.TabContent_Tabs.Level2 > a.Toggle::after {
   display: none;
}

/* Alternate Blue Tabs */
.TabContent_Tabs.Blue {
   background: #153A64;
   border-bottom: 0px;
}
.TabContent_Tabs.Blue > a {
   color: white;
   font-size: 13px;
   font-weight: bold;
   text-transform: uppercase;
   padding: 17px 15px;
}
.TabContent_Tabs.Blue > a.Toggle,
.TabContent_Tabs.Blue > a:hover {
   color: #7CA6C1;
}
.TabContent_Tabs.Blue > a.Toggle::after {
   border: 0px;
   background: white;
   height: 14px;
   width: 14px;
   left: calc(50% - 7px);
   bottom: -7px;
}
.Content.Gray .TabContent_Tabs.Blue > a.Toggle::after,
.TabContent_Tabs.Blue.GrayArrow > a.Toggle::after {
   background: #EAEBEC; /* Change pointer color when in gray area */
}

/* Tabs on the left */
.TabContent_Tabs.Side {
   padding-right: 28px;
   width: 215px;
   text-align: left;
   border-bottom: 0px;
   border-right: 1px solid #88B0C8;
}
.TabContent_Tabs.Side > a {
   color: #737373;
   font-size: 18px;
   padding: 0px;
   margin-bottom: 25px;
   display: block;
}
.TabContent_Tabs.Side > a:first-child {
   padding-top: 0px;
}
.TabContent_Tabs.Side > a:last-child {
   margin-bottom: 10px;
}
.TabContent_Tabs.Side > a.Toggle::after {
   border-color: #799eb3;
   height: 15px;
   width: 15px;
   border-width: 1px 0px 0 1px;
   position: absolute;
   left: auto;
   bottom: auto;
   right: -36px;
   top: calc(50% - 8px);
   
}
.TabContent_Tabs.Side > a.Toggle {
   color: #88B0C8;
}




.Table {
   display: table;
   width: 100%;
}
.TableCell {
   display: table-cell;
   vertical-align: top;
}
@media (max-width: 760px) {
   .Table {
      padding: 0px !important;
   }
   .TableCell {
      padding: 0px !important;
   }
}

.TabContent_Content {
   display: none;
}

.TabContent_Content.Level2 {
   padding-top: 0px;
   padding-bottom: 0px;
}
.TabContent_DesktopShowHide,
.TabContent_MobileTab,
.TabContent_MobileDropDown,
.TabContent_MobileSwipeNavigation,
.TabContent_MobileSwipeFooter {
   display: none;
}

.TabContent_Content.Side {
   padding: 0px;
}

.TabContent_DesktopTab {
   display: block;
   text-align: left;
   padding: 16px 45px 16px 30px !important;
   position: relative;
   margin-bottom: 2px;
}
.TabContent_DesktopTab::after {
   border-top: 1px solid #444444;
   border-right: 1px solid #444444;
   content: "";
   display: inline-block;
   height: 10px;
   width: 10px;
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   position: absolute;
   left: 0px;
   top: calc(50% - 9px);
}
.TabContent_DesktopTab.SubToggle::after {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   top: calc(50% - 3px);
}
.TabContent_DesktopContent.SubToggle {
   display: block !important;
}
.TabContent_DesktopContent {
   display: none !important;
}
.TabContent_Content.Toggle {
   display: block !important;
}

.TabContent_Content.Slide {
   display: block;
   max-height: 0px;
   overflow: hidden;
   transition: max-height ease .2s;
}
.TabContent_Content.Slide.Toggle {
   max-height: 4000px;
}

.TabContent_ShowHide {
   display: block;
   text-align: left;
   padding: 16px 45px 16px 0px !important;
   position: relative;
   margin-bottom: 2px;
   cursor: pointer;
   font-size: 25px; /* The only thing that changes on mobile */
}
.TabContent_ShowHide::after {
   border-top: 1px solid #444444;
   border-right: 1px solid #444444;
   content: "";
   display: inline-block;
   height: 14px;
   width: 14px;
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   position: absolute;
   top: calc(50% - 11px);
   margin-left: 15px;
}
.TabContent_ShowHide.Toggle::after {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   top: 50%;
}
@media (max-width: 760px) {
   .TabContent_ShowHide::after {
      right: 10px;
   }
   .TabContent_ShowHide .HideMobileNonToggle {
      display: none;
   }
   .TabContent_ShowHide.MobileToggle .HideMobileNonToggle {
      display: inline;
   }
}


@media (min-width:  760px) {
   .TabContent_DesktopShowHide {
      display: block;
      text-align: left;
      padding: 16px 45px 16px 0px !important;
      position: relative;
      margin-bottom: 2px;
   }
   .TabContent_DesktopShowHide::after {
      border-top: 1px solid #444444;
      border-right: 1px solid #444444;
      content: "";
      display: inline-block;
      height: 10px;
      width: 10px;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      position: absolute;
      top: calc(50% - 6px);
      margin-left: 15px;
   }
   .TabContent_DesktopShowHide.Toggle::after {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      top: 50%;
   }
}
@media (min-width: 761px) and (max-width: 990px) {
   .TabContent_Tabs.Blue > a {
      padding-left: 12px;
      padding-right: 12px;
   }
}
@media (max-width: 760px) {
   /* Accordion */
   .TabContent_MobileTab {
      display: block;
      background-color: #EAEBEC;
      text-align: center;
      padding: 16px 45px !important;
      position: relative;
      margin-bottom: 2px;
   }
   .TabContent_MobileTab::after {
      border-top: 1px solid #444444;
      border-right: 1px solid #444444;
      content: "";
      display: inline-block;
      height: 10px;
      width: 10px;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      position: absolute;
      right: 30px;
      top: calc(50% - 9px);
   }
   .TabContent_MobileTab.MobileToggle::after {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      top: calc(50% - 3px);
   }
   .TabContent_MobileTab h3 {
      font-weight: 100;
      font-size: 19px;
   }

   /* Accordion Level 2 */
   .TabContent_MobileTab.Level2 {
      color: white;
      background: #7CA6C1;
   }
   .TabContent_MobileTab.Level2::after {
      border-color: white;
   }

   /* Accordion Alternate */
   .TabContent_MobileTab.Alt1 {
      background: transparent;
      text-align: left;
      padding: 10px 0px !important;
   }
   .TabContent_MobileTab.Alt1 > h3 {
      display: inline-block;
      position: relative;
   }
   .TabContent_MobileTab.Alt1 > h3::after {
      border-top: 1px solid #444444;
      border-right: 1px solid #444444;
      content: "";
      display: inline-block;
      height: 10px;
      width: 10px;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      position: absolute;
      right: -30px;
      top: calc(50% - 9px);
   }
   .TabContent_MobileTab.Alt1::after {
      display: none;
   }
   .TabContent_MobileTab.Alt1.MobileToggle {
      color: #88B0C8;
   }
   .TabContent_MobileTab.Alt1.MobileToggle > h3::after {
      border-color: #88B0C8;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      top: calc(50% - 3px);
   }
   .TabContent_MobileTab.Alt1 + .TabContent_Content.MobileToggle {
      padding-top: 4px !important;
   }

   .TabContent_MobileTab.Alt1.AlwaysOn {
      color: #88B0C8;
   }
   .TabContent_MobileTab.Alt1.AlwaysOn > h3::after {
      border-color: #88B0C8;
   }



   /* DropDown */
   .TabContent_MobileDropDown {
      display: block;
      position: relative;
   }
   .TabContent_MobileDropDown select {
      width: 100%;
      box-sizing: border-box;
      padding: 0px;
      margin: 0px;
      border: 0px;
      height: 60px;
      font-size: 20px;
      font-weight: bold;
      color: white;
      background: #153A64;
      padding-left: 29px;
   }
   .TabContent_MobileDropDown option {
      font-size: 20px;
      color: white;
   }
   .TabContent_MobileDropDown select {
      position: absolute;
      opacity: 0;
      -webkit-appearance: menulist-text; /* Fix Android Bug */
   }
   .TabContent_MobileDropDown select + label {
      display: block;
      font-size: 20px;
      color: white;
      font-weight: bold;
      line-height: 60px;
      height: 60px;
      padding-left: 30px;
      padding-right: 50px;
      overflow: hidden;
      width: 100%;
      background: url(/Images/Icons/MobileSelectWhite.png) #153A64 no-repeat;
      background-position: right 30px top 50%;
      border: 0px;
      box-sizing: border-box;
      margin-bottom: 4px;
   }

   /* Swipe */
   .TabContent_MobileSwipe {
      display: block !important;
      text-align: center;
      position: relative;
      border-bottom: none;
   }
   .TabContent_MobileSwipeNavigation {
      display: block;
   }
   .TabContent_MobileSwipeNavigation > a {
      position: absolute;
      z-index: 100;
      top: 0;
      width: 60px;
      height: 100%;
   }
   .TabContent_MobileSwipeNavigation > a > span {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -6px;
   }
   .TabContent_MobileSwipe > a {
      display: none;
   }
   .TabContent_MobileSwipe > a.MobileToggle {
      display: block;
   }
   .TabContent_MobileSwipe > a.MobileToggle::after {
      display: none;
   }
   .TabContent_MobileSwipe img {
      width: 180px;
      height: 180px;
      border-radius: 50%;
   }

   .TabContent_MobileSwipeFooter {
      display: block;
      margin: 15px 0px;
      text-align: center;
   }
   .TabContent_MobileSwipeFooter > a {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      margin: 0px 10px;
      border: 1px solid #BBBDBF;
      background: #BBBDBF;
   }
   .TabContent_MobileSwipeFooter > a.Toggle {
      background: white;
   }
   .TabContent_MobileSwipeFooter.Small {
      margin: 5px 0px;
   }
   .TabContent_MobileSwipeFooter.Small > a {
      width: 4px;
      height: 4px;
      margin: 0px 6px;
   }

   /* Should display the same on all levels except this smaller text */
   .TabContent_ShowHide {
      font-size: 18px;
   }


   .TabContent_Tabs {
      display: none;
   }
   .TabContent_Tabs > a {
      padding: 0px;
   }
   .TabContent_Content {
      height: 0px;
      overflow: hidden;
      padding: 0px !important;
      display: none !important;
   }
   .TabContent_Content.MobileToggle {
      display: block !important;
      height: auto;
      padding: 25px 30px !important;
   }
   .TabContent_Content.MobileToggle.Level2 {
      padding: 0px 0px 25px 0px !important;
   }

   /* We don't need the extra padding if we are already in a .Content  */
   .Content .TabContent_Content.MobileToggle {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }
   /* Unless it's Level2 */
   .Content.Level2 .TabContent_Content.MobileToggle {
      padding-left: 30px !important;
      padding-right: 30px !important;
   }
}



/*****************************
*                            *
* COMMUNITY SELECTION SLIDER *
*                            *
*****************************/

.CommSelect {
   background: #F1F1F1;
   overflow: hidden;
   position: relative;
   font-size: 0px;
   height: 118px;
   padding: 0px 35px;
   max-width: 2000px;
   margin: auto;
   box-sizing: border-box;
}
.CommSelect_Slides {
   width: 100%;
   overflow-x: scroll;
   overflow-y: hidden;
   white-space: nowrap;
   height: 138px;
   text-align: center;
}
.CommSelect_Slides::-webkit-scrollbar {
    display: none;
}
.CommSelect_Slides > a {
   color: #404042;
   display: inline-block;
   width: 100px;
   font-size: 12px;
   line-height: 1.1em;
   text-align: center;
   white-space: normal;
   vertical-align: top;
   margin: 25px 5px 0px 5px;
}
.CommSelect_Slides > a.Toggle,
.CommSelect_Slides > a:hover {
   color: #7CA6C1;
}
.CommSelect_Slides > a > div {
   line-height: 44px;
   position: relative;
   margin-bottom: 3px;
}
.CommSelect_Slides > a > div > * {
   vertical-align: bottom;
   bottom: 0;
   max-height: 44px;
}
.CommSelect_Left,
.CommSelect_Right {
   position: absolute;
   top: 18px;
   width: 20px;
   line-height: 82px;
   cursor: pointer;
}
.CommSelect_Left {
   left: 0px;
   padding-left: 15px;
   border-right: 1px solid #BBBDBF;
}
.CommSelect_Right {
   right: 0px;
   padding-right: 15px;
   border-left: 1px solid #BBBDBF;
   text-align: right;
}



/*****************************
*                            *
*    UPCOMING TRIPS TABLE    *
*                            *
*****************************/

.TripsContainer {
   position: relative;
   padding: 35px 30px 19px 30px !important;
   max-width: 1000px;
   margin: auto;
   background-color: #EAEBEC !important;
}
.TripsContainer > table > tbody > tr > td {
   width: 1px;
}
.TripsTable {
   border-spacing: 0px;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}
.TripsTable thead td {
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   padding-bottom: 2px;
}
.TripsTable td {
   font-size: 14px;
   padding: 2px 0px 0px 10px;
}
.TripsTable td:first-child {
   padding-left: 0px;
}
@media (min-width: 761px) and (max-width: 990px) {
   .TripsContainer {
      padding-bottom: 19px !important;
   }
}
@media (max-width: 760px) {
   .TripsContainer {
      padding-bottom: 15px !important;
   } 
  .TripsContainer > table > tbody > tr > td {
      width: auto;
   }
   .TripsTable > table {
      text-align: left;
   }
   .TripsTable > td {
      font-size: 13px;
   }
   .TripsTable td:first-child {
      padding-left: 0px;
   }
}



/*****************************
*                            *
*           ARROWS           *
*                            *
*****************************/

.Arrow { /* 15x8 */
   display: inline-block;
   vertical-align: middle;
   height: 10px;
   width: 10px;
   border-width: 1px;
   border-style: solid;
   border-bottom-color: transparent !important;
   border-left-color: transparent !important;
}
.Arrow.Big { /* 23x13 */
   height: 15px;
   width: 15px;
}
.Arrow.Big2 { /* 29x16 */
   height: 20px;
   width: 20px;
}
.Arrow.Small {
   height: 5px;
   width: 5px;
}
.Arrow.Up { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.Arrow.Right { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.Arrow.Down { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.Arrow.Left { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.Arrow.Dark {
   border-color: #444444;
}
.Arrow.Light {
   border-color: #BBBBBB;
}
.Arrow.White {
   border-color: white;
}
.Arrow.Blue {
   border-color: #7DA7C1;
}




/*****************************
*                            *
*       FORM ELEMENTS        *
*                            *
*****************************/

.Form {
   max-width: 700px;
   margin: auto;
}

.FormRowTitle {
   text-align: center;
   margin-bottom: 25px;
}
.FormRowTitle p {
   text-align: left;
}
.FormRowSectionTitle {
   text-align: center;
   margin-top: 40px;
   margin-bottom: 25px;
}

/* Centers the container instead of being 40%/60% */
.FormContainerCenter {
   margin-left: -10%;
}

/* All/Most form elements should be in a containing div.FormRow */
.FormRow {
   position: relative;
   margin-bottom: 6px;
   display: block;
   padding-left: 40%;
   visibility: visible; /* Hidden in AboveTheFold */
}

/* Make sure things are aligned */
.FormRow label,
.FormRow input,
.FormRow select,
.FormRow textarea {
   vertical-align: middle;
}

/* Left Column, becomes overlay in Mobile */
.FormRow > label {
   display: inline-block;
   width: 40%;
   float: left;
   text-align: right;
   box-sizing: border-box;
   padding-right: 10px;
   position: absolute;
   left: 0px;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
.FormRow > label.Top {
   top: 0px;
   transform: translateY(0);
   -webkit-transform: translateY(0);
}
.FormRow > label.NoWrap {
   white-space: nowrap;
   width: auto;
   left: auto;
   right: 60%;
}
.FormRow label.Required::before {
   content: "* ";
   color: #F6921E;
}
.FormRow label > b { /* Normal text is wrapped in <b> */
   /* font-weight: normal; */
}
option[disabled] {
    display: none;
}
.FormRow select + label > i { /* Mobile uses this for custom select fields */
   display: none;
}
.FormRow.First input {
   width: 150px !important;
}
.FormRow.Second {
   margin-top: -13px
}
.FormRow.Second label {
   width: 15%;
   margin-top:-22px;
   left: 390px;
}
.FormRow.Second select {
   margin-top: -37px;
   left: 215px;
}
/* Optional: Skinnier Form */
.SkinnyForm .FormRow {
   padding-left: 30%;
}
.SkinnyForm .FormRow > label {
   width: 30%;
}

/* Optional: Even More Skinnier Form */
.SuperSkinnyForm {
   width: 350px;
   margin: auto;
}
.SuperSkinnyForm .FormRow {
   padding-left: 30%;
}
.SuperSkinnyForm .FormRow > label {
   width: 30%;
}
.SuperSkinnyForm .FormRow > input {
   width:  100% !important;
}
@media (max-width: 760px) {
   .SuperSkinnyForm {
      width: 100%;
   }
}

/* Optional: Form on Gray */
.GrayForm .FormRow input[type=text],
.GrayForm .FormRow input[type=email],
.GrayForm .FormRow input[type=tel],
.GrayForm .FormRow input[type=number],
.GrayForm .FormRow input[type=password],
.GrayForm .FormRow input[type=date],
.GrayForm .FormRow select,
.GrayForm .FormRow textarea {
   background-color: white;
}
@media (max-width: 760px) {
   .FormRowSectionTitle {
      margin-bottom: 40px;
   }
   .FormRowSectionTitle.BoldMobile > h4{
      font-weight: bold !important;
   }
   .GrayForm .FormRow select + label {
      background-color: white;
   }
}

/* Style Form Elements */
.FormRow input[type=text],
.FormRow input[type=email],
.FormRow input[type=tel],
.FormRow input[type=number],
.FormRow input[type=password],
.FormRow input[type=date],
.FormRow input[type=file],
.FormRow select,
.FormRow textarea,
.PseudoInput {
   display: inline-block;
   border: 0px;
   outline: 0 none;
   padding: 8px 10px;
   border-radius: 5px;
   box-sizing: border-box;
   line-height: 16px;
   background-color: #eaebed;
   text-align: left;
   position: relative;
}
.FormRow input[type=file] {
   padding: 10px 0px;
   background-color: transparent;
}
.FormRow textarea {
   overflow: auto;
}

/* Optional: 100% Width (for textareas) */
.FormRow.FullTextArea {
   padding-left: 0px;
   margin-top: 20px;
}
.FormRow.FullTextArea > label {
   position: static;
   float: none;
   width: 100% !important;
   text-align: left;
   padding-left: 0px !important;
   padding-right:  0px;
   color: #414042 !important;
   transform: none;
   overflow: visible;
   height: auto;
   line-height: 1.2em;
   margin-bottom: 10px;
}
.FormRow.FullTextArea textarea {
   width: 100%;
   height: 72px;
   overflow: auto;
   resize: none;
}


/* Hide and replace default select arrow */
.FormRow select,
select.PseudoInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
   appearance: none;
   background-image: url(/Images/Icons/MobileSelectBlack.png);
   background-repeat: no-repeat;
   background-position: right 10px top 50%;
   padding-right: 20px;
}
.FormRow select::-ms-expand,
select.PseudoInput::-ms-expand {
   display: none;
}

/* Disabled fields and labels */
.FormRow input:disabled,
.FormRow select:disabled {
   color: #BBBBBB;
}
.FormRow select:disabled {
   background-image: url(/Images/Icons/MobileSelectGray.png); /*Change to Gray */
}
.FormRow input:disabled + label,
.FormRow select:disabled + label {
   color: #BBBBBB;
}

/* Content in here will become a new row in Mobile, but not in Desktop/Tablet */
.FormRowMobile {
   display: inline-block;
   margin-left: 8px;
   font-style: italic;
   color: #808184;
}

/* Orange note */
.FormNote {
   color: #F6921E;
   font-style: italic;
   display: inline-block;
   vertical-align: middle;
   margin-left: 5px;
   position: absolute;
   white-space: nowrap;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
.FormNote2 {
   font-size: 12px;
   font-style: italic;
   display: inline-block;
   vertical-align: middle;
   margin-left: 10px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
@media (max-width: 760px) {
   .FormNote2 {
      display: block;
      top: auto;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      padding-top: 5px;
      position: static;
      text-align: left;
   }
}

/* Easy way to have a checkbox w/ long text */
.FormCheckboxOption > input {
   float: left;
   margin-left: 0px;
}
.FormCheckboxOption > label {
   display: block;
   margin-left: 25px;
}

/* For 1 line of options (e.g. Yes/No) */
.FormRadioOption {
   display: inline-block;
   line-height: 2.667em;
}

/* Form 2 columns of multiple options */
.FormRadioOptionList {
   display: inline-block;
}
.FormRadioOptionList > div {
   display: inline-block;
   vertical-align: top;
   width: 100% !important;
}
@media (max-width: 760px) {
   .FormRadioOptionList {
      margin-bottom: .667em;
      text-align: left !important;
      padding-left: 30px;
   }
   .FormRadioOptionList > div {
      display: inline-block;
      width: 75% !important;
   }
}

/* New 2019 Button Style Radio Options */
.RadioButtons {
   font-size: 0px;
   display: flex;
   flex-wrap: wrap;
   gap: 7px;
}
.RadioButtons > span {
   display: inline-block;
   vertical-align: middle;
   margin-right: 20px;
}
.RadioButtons > label {
   margin: 0px !important;
   font-size: 0px;
}
.RadioButtons.Vertical {
   flex-direction: column;
}
.RadioButtons input {
   width: 0px;
   height: 0px;
   margin: 0px;
   padding: 0px;
   opacity: 0;
   position: absolute;
}
.RadioButtons label span {
   font-size: 14px;
   line-height: 1em;
   display: inline-block;
   border: 0px;
   border-radius: 5px;
   padding: 11px 17px;
   cursor: pointer;
   transition: all .3s;
   background: #C6C6C6;
   color: white;
   vertical-align: middle;
}
.RadioButtons label:last-child span {
   margin: 0px;
}
.RadioButtons input:checked ~ span {
   background: #7DA7C1;
}

/* For RadioButton Ratings */
.RadioButtons.RatingButtons {
   align-items: center;
   margin: 10px 0px;
}
.RadioButtons.RatingButtons > span {
   font-size: 14px;
   font-weight: bold;
   width: 220px;
   text-align: right;
}
@media (max-width:520px) {
   .RadioButtons.RatingButtons > span {
      text-align: left;
      width: 100%;
   }
}

@media (max-width: 760px) {
   .FormCheckboxOption > input[type="checkbox"]{
      margin-right: 10px;
   }
   .RadioButtons label span {
      padding: 13px 17px;
      font-size: 16px;
   }
   /*.FormContainerCenter {
      margin-left: 0px;
   }*/

   .FormRow {
      text-align: center;
      min-height: 48px;
      padding-left: 0px !important;
      margin-bottom: 18px;
   }

   /* Overlays over the field */
   .FormRow > label {
      /*color: #ADADAD;*/
      left: -26px;
      top: -40%;
      position: static;
      display: block;
      text-align: left;
      width: 100%;
      float: none;
      /* width: calc(100% - 30px) !important; */
      /*width: calc(100% + 62px) !important;
      line-height: 48px;
      overflow: hidden;
      height: 48px;*/
      margin-bottom: 5px;
      padding: 0px;
      transform: translateY(0);
      -webkit-transform: translateY(0);
   }
   .FormRow label.Required::before {
      content: "* ";
      color: none;
   }
   .FormRow > label.NoWrap {
      white-space: normal;
      right: auto;
      /*left: -31px;*/
   }

   /* Make this label not be an overlay */
   .FormRow > label.FormMobileInline {
      position: static;
      float: left;
      width: auto !important;
      padding: 0px;
      color: #414042;
      margin-right: 10px;
      margin-bottom: -1.5em; /* If wrapping occurs, moves things after it up */
   }
   .FormRow > label.FormMobileInline::after {
      content: ":";
   }

   /* Make this label not be an overlay */
   .FormRow > label.FormMobileBlock {
      position: static;
      float: none;
      width: auto !important;
      padding: 0px;
      color: #414042;
      display: block;
   }
   .FormRow > label.FormMobileBlock::after {
      content: ":";
   }

   /* Hide the label on focus */
   .FormRow input[type=text]:focus + label,
   .FormRow input[type=email]:focus + label,
   .FormRow input[type=tel]:focus + label,
   .FormRow input[type=number]:focus + label,
   .FormRow input[type=password]:focus + label,
   .FormRow textarea:focus + label,
   .FormRow > label.Toggle {
      /*display: none;*/
   }

   /* Custom select fields */
   .FormRow select {
      /*position: absolute;
      z-index: 100;
      background: #ADADAD;
      opacity: 0;
      background: url(/Images/Icons/MobileSelectGray.png) #eaebed no-repeat;
      -webkit-appearance: menulist-text; /* Fix Android Bug */
   }
   select.PseudoInput {
     -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
      appearance: none;
      background-image: url(/Images/Icons/MobileSelectBlack.png);
      background-repeat: no-repeat;
      background-position: right 10px top 50%;
      padding-right: 20px;
   }
   .FormRow select + label {
      padding-right: 40px;
      background: none;
      background-position: right 30px top 50%;
   }
   .FormRow select + label > i {
      display: inline;
      font-style: normal;
   }
   .FormRow select + label.Toggle {
      display: inline-block !important;
      color: #414042;
   }
   .FormRow select + label.Toggle:before {
      content: "";
   }
   .FormRow select + label.Toggle > b {
      display: none;
   }

   /* Form Elements */
   .FormRow input[type=text],
   .FormRow input[type=email],
   .FormRow input[type=number],
   .FormRow input[type=password],
   .FormRow input[type=tel],
   .FormRow select,
   .FormRow textarea {
      width: 100% !important;
      border-radius: 5px;
      font-size: 16px;
      height: 48px;
      line-height: 48px;
      padding: 0px 0px 0px 16px;
   }
   .FormRow textarea {
      line-height: normal;
      padding: 15px 15px 15px 15px;
   }
   
   .FormRow.HomeRepair textarea {
      height: 115px;
   }
   /* Disabled fields and labels */
   .FormRow input:disabled + label,
   .FormRow select:disabled + label {
      color: #CCCCCC;
   }
   .FormRow select:disabled + label {
      /*background-image: url(/Images/Icons/MobileSelectGray.png);*/
   }

   /* Make this a new row */
   .FormRowMobile {
      color: #414042;
      display: block;
      line-height: 48px;
      margin-top: 6px;
      margin-left: 0px;
   }
   .FormRow.First {
   }
   .FormRow.First input {
   }
   .FormRow.Second {
      margin-top: 0px;
      left: 0;
   }
   .FormRow.Second label {
      margin-top: 0px;
      left:-30;
   }
   .FormRow.Second select {
      left: 0;
      margin-top: 0px;
   }
   /* Hide orange notes */
   /*.FormNote {
      display: none;
   }*/
}

/* Amount Input Field */
input[type=number].Amount {
   width: 130px;
   padding-left: 30px;
   color: #8BC53F;
   font-weight: bold;
   font-size: 18px;
}
.AmountDollarSign {
   color: #8BC53F;
   font-weight: bold;
   font-size: 18px;
   position: absolute;
   z-index: 10;
   left: 10px;
   line-height: 16px;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
.AmountDollarSign2 {
   font-size: 16px;
   position: absolute;
   z-index: 10;
   left: 10px;
   line-height: 16px;
   top: 50%;
   left: 5px;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
@media (max-width: 760px) {
   .FormRow.Ok2Text > div > label {
      margin-top: -5px;
   }
   .FormRow.Birthday {
      text-align: left !important;
   }
   input[type=text].Birthday {
      max-width: 120px !important;
   }
   .FormRadioButtons {
      text-align: left !important;
   }
   input[type=number].Amount {
      padding-left: 25px;
   }
   #CountryDropdown {
      margin-bottom: 25px;
   }
   #CountryDDL {
      margin-top: -20px;
   }
   .MobileLeft {
      text-align: left !important;
   }
   .MobileLeft.Ok2Text {
      margin-bottom: 0px;
   }
   .MobileMarginTop {
      margin-top: 10px;
   }

}

/* Stacked Buttons on Desktop/Tablet */
@media (min-width: 760px) {
   .StackedButtonWrapper {
      display: inline-block;
   }
   .StackedButtonWrapper input {
      display: block;
      width: 100%;
      margin: 10px 0px !important;
   }
}



/*****************************
*                            *
*         MORE INFO          * Little question mark with popup
*                            *
*****************************/

.MoreInfo {
   display: inline-block;
   line-height: 15px;
   width: 15px;
   text-align: center;
   background-color: #143C65;
   color: white;
   border-radius: 100%;
   font-size: 13px;
   margin-left: 10px;
   vertical-align: middle;
}
.MoreInfo:hover {
   color: white;
   text-decoration: none;
}
.MoreInfoPopup {
   position: absolute;
   /*left: 50%; */
   margin-left: 10px;
   margin-top: 5px;
   background-color: white;
   width: 150px;
   padding: 5px;
   text-align: left;
   border: 1px solid #BBBBBB;
   display: none;
   z-index: 1000;
   line-height: normal;
}
.MoreInfoPopup > a {
   font-size: 22px;
   color: #414042;
   position: absolute;
   top: 0px;
}
.MoreInfoPopup > div {
   font-size: 11px;
   margin-left: 20px;
}

@media (min-width: 761px) and (max-width: 990px) {
   .MoreInfoPopup > div {
      font-size: 13px;
   }
}
@media (min-width: 761px) and (max-width: 900px) {
   .MoreInfoPopup.ShowLeft {
      left: auto;
      margin-left: -190px;
   }
}
@media (max-width: 760px) {
   .MoreInfoIcon {
      margin-left: 0px;
   }
   .MoreInfo {
      margin-right: 15px;
   }
   .MoreInfo.ShowOnField {
      right: 10px;
      position: absolute;
      top: 68%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
   }
   .MoreInfoPopup {
      position: absolute;
      left: 15px;
      right: 15px;
      margin-left: 0px;
      margin-top: 30px;
      width: auto;
      padding: 20px;
      display: none;
   }
   .FormRow .MoreInfoPopup { /* .FormRow adds 30px padding so we need to account for this */
      left: -15px;
      right: -15px;
   }
   .MoreInfoPopup > a {
      font-size: 30px;
      top: 15px;
   }
   .MoreInfoPopup > div {
      font-size: 18px;
      margin-left: 40px;
   }
}



/*****************************
*                            *
*           RESULTS          * 'Container for team/participant search results
*                            *
*****************************/

.ResultsContainer > span {
   display: inline-block;
   vertical-align: top;
   width: 46%;
   padding: 10px;
   margin: 10px 2%;
   border: 1px solid black;
   box-sizing: border-box;
   cursor: pointer;
}
.ResultsContainer > span:hover {
   background-color: #143C65;
   color: white;
}
@media (max-width: 760px) {
   .ResultsContainer > span {
      display: block;
      margin: 10px 0px;
      width: 100%;
   }
}


/*****************************
*                            *
*            MISC            *
*                            *
*****************************/

.RoundImage {
   border-radius: 50%;
}
.ImmTermRoundImage {
   border-radius: 50%;
   height: 104px;
   width: 104px;
}

/* Blue Circle with white text  */
.BlueCircle {
   display: inline-block;
   text-align: center;
   width: 75px;
   line-height: 75px;
   color: white;
   background-color: #7CA6C1;
   font-size: 35px;
   border-radius: 100px;
}
.VideoContainer {
   height: 0px;
   padding-bottom: 56.25%;
   position: relative;
}
.VideoContainer > iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
}



/* Helper style for adding hover color to and image */
.HoverIcon {
   position: relative;
}
.HoverIcon canvas {
   position: absolute;
   opacity: 0;
   transition: opacity .3s;
}
.HoverIcon.Toggle canvas,
.HoverIcon:hover canvas {
   opacity: 1;
}

/* Forces the element to be block while on mobile */
@media (min-width: 761px) and (max-width: 990px) {
   .TabletBlock {
      display: block !important;
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
   }
}
@media (max-width: 760px) {
   .MobileBlock {
      display: block !important;
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
   }
}

/* 2 or 3 Column layout */
.Column {
   display: inline-block;
   vertical-align: top;
   text-align: left;
}
.Column.Two {
   width: 45%;
   /* max-width: 350px; */
   margin-left: 2%;
   margin-right: 2%;
}
.Column.Three {
   width: 25%;
   /* max-width: 250px; */
   margin-left: 1.5%;
   margin-right: 1.5%;
}
@media (max-width: 760px) {
   .Column.Two,
   .Column.Three {
      display: block;
      width: 100%;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
   }
}


@media (max-width: 760px) {
   .MobileFullWidth {
      width: calc(100% + 60px) !important;
      margin-left: -30px !important;
      margin-right: -30px !important;
      box-sizing: border-box;
   }
   .MobileCenter {
      text-align: center !important;
   }
}


.Play {
   width: 1.1em;
   height: 1.1em;
   border: 2px solid white;
   border-radius: 50%;
   text-align: left;
   display: inline-block;
   vertical-align: middle;
   margin-top: -.2em;
   overflow: hidden;
}
.Play::before {
   content: '';
   display: inline-block;
   position: relative;
   left: .35em;
   top: .25em;
   border-style: solid;
   border-width: .3em 0 .3em .5em;
   border-color: transparent transparent transparent white;
   vertical-align: top;
}



.Line {
   height: 1px;
   background: #E8E8E8;
}
.Line2 {
   height: 1px;
   background: #7CA6C1; 
}



.ExpandableContent > a {
   display: block;
   text-align: center;
   color: #7CA5C0;
   font-size: 18px;
   margin-bottom: 25px;
}
.ExpandableContent > a::after {
   content: "";
   display: inline-block;
   vertical-align: middle;
   height: 10px;
   width: 10px;
   border-width: 1px 1px 0px 0px;
   border-style: solid;
   border-color: #7DA7C1;
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);

   margin-top: -9px;
   margin-left: 14px;
}
.ExpandableContent > a.Toggle::after {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   margin-top: 5px;
}

.ExpandableContent > a + div {
   display: none;
}
.ExpandableContent > a.Toggle + div {
   display: block;
}
@media(max-width:760px) {
   .NoBottomPadding {
      padding-bottom: 0px !important;
   }
}


/*** Progress Bar ***/
.SponsorBar {
   background-color: rgba(233, 233, 233, 0.9);
   height: 8px;
   font-size: 0px;
   line-height: 0px;
   display: block;
   border-radius: 8px;
   width: 100%;
   max-width: 280px;
   overflow: hidden;
   white-space: nowrap;
   text-align: left;
   margin-top: 5px;
}
.SponsorBar.Center {
   margin-left: auto;
   margin-right: auto;
}
.SponsorBar > * {
   display: inline-block;
   height: 100%;
}
.SponsorBar > .Current {
   background-color: #8Bc53F;
}
.SponsorBar > .Alt {
   background-color: #143C65;
}
.SponsorBar > .Alt2 {
   background-color: #198D62;
}
.SponsorBar > .Add {
   background-color: #F9D84E;
}

.Content.Gray .SponsorBar {
   background-color: #CFD0D2;
}
/*** End Progress Bar ***/



/*** Featured participant class for inside a PictureBox */
.SponsorBox {
   white-space: nowrap;
   display: table;
   width: auto !important;
   margin: auto;
}
.SponsorBox > * {
   white-space: normal;
}
.SponsorBox img {
   width: 300px;
   height: 300px;
   margin-right: 30px;
   border-radius: 50%;
}
.SponsorBox img.Small {
   width: 230px;
   height: 230px;
}
.SponsorBox > div {
   color: white;
   display: table-cell;
   vertical-align: middle;
   text-align: left;
   white-space: normal;
   font-size: 16px;
   min-width: 280px; /* For SponsorBar */
}


@media (max-width: 760px){
   .SponsorBox {
      text-align: center;
      width: auto;
   }
   .SponsorBox img {
      width: 180px !important;
      height: 180px !important;
      margin-right: 0px;
      display: inline-block;
   }
   .SponsorBox > div {
      display: block;
      text-align: center;
      margin-top: 20px;
   }
}



/*****************************
*                            *
*      COMMUNITY FILTER      *
*                            *
*****************************/

#CommFilter {
   text-align: center;
   margin-top: 25px;
   margin-bottom: 50px;
}
#CommFilter > div {
   display: inline-block;
   vertical-align: top;
   margin-left: 50px;
   text-align: left;
}
#CommFilter > div:first-child {
   margin-left: 0px;
}
#CommFilter b {
   font-size: 18px;
   display: block;
   margin-bottom: 20px;
}
#CommFilter input[type=text],
input.Date {
   background-image: url(/Images/Icons/trip-calendar.png);
   background-repeat: no-repeat;
   background-position: right 10px top 50%;
   background-size: 20px;
   padding: 10px 20px 10px 10px;
   width: 185px;
}
#CommFilter .RadioButtons {
   margin-top: -6px;
   max-width: 350px;
}
#CommFilter .RadioButtons span {
   margin-top: 6px;
}
@media (min-width: 761px) and (max-width: 990px) {
   #CommFilter > div {
      margin-right: 30px;
   }
}
@media (max-width: 760px) {
   #CommFilter {
      display: none;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 10000;
      margin: 0px;
      background: white;
      overflow-y: scroll;
      box-sizing: border-box;
   }
   #CommFilter > div {
      display: block;
      margin-right: 0px;
      margin-left: 0px;
      padding: 25px 45px;
      border-top: 1px solid #E8E8E8;
   }
   #CommFilter > div:first-of-type {
      border-top: 0px;
      padding-top: 0px;
   }
}

#TripLandingSelect {
   color: #77B0C8;
   font-size: 38px;
   font-weight: bold;
   font-style: italic;
   background-color: #E7E7E7;
   border: 0px;
   outline: 0 none;
   padding: 5px 30px;
   border-radius: 5px;
   box-sizing: border-box;
   display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
   appearance: none;
   background-image: url(/Images/Icons/SelectBlue.png);
   background-repeat: no-repeat;
   background-position: right 10px top 50%;
}
#TripLandingSelect::-ms-expand {
   display: none;
}
#TripLandingSelect option {
   font-style: italic;
   color: #77B0C8;
   font-weight: bold;
}
@media (max-width: 760px) {
   #TripLandingSelect {
      font-size: 18px;
   }
}



.ProgramBox .ContentDivider {
   margin: 20px 0px 50px 0px;
   max-width: 100%;
}
.SliderGallery.Custom .SliderGallery_Slides {
   margin-left: -9px;
}
.SliderGallery.Custom .SliderGallery_Slides > div:first-child {
   margin-left: 9px !important;
}
.SliderGallery.Custom .SliderGallery_Left,
.SliderGallery.Custom .SliderGallery_Right {
   top: 135px;
}
@media (max-width: 760px) {
   .ProgramBox .ContentDivider {
      margin: 10px 0px 40px 0px;
   }
   .SliderGallery.Custom a {
       font-size: 18px;
   }
}


/* input=range */
#Template_Wrapper .daterangepicker {
   left: 0px !important;
   top: 0px !important;
   z-index: 11000 !important;
   border: 0px !important;
   position: static !important;
   width: 100% !important;
}
.daterangepicker:before,
.daterangepicker:after {
   display: none !important;
}

.rangeslider,
.rangeslider__fill {
   display:block;
   border-radius:10px;
}

.rangeslider {
   position:relative;
   touch-action: none;
}
.rangeslider:after{
   top: 50%;
   left: 0;
   right: 0;
   content: '';
   width: 100%;
   height: 2px;
   margin-top: -2.5px;
   border-radius: 5px;
   position: absolute;
   background: #EAEBEC;
}

.rangeslider--horizontal{
   width:100%;
   height:28px;
}

.rangeslider--vertical{
   width:5px;
   min-height:150px;
   max-height:100%;
}
.rangeslider--disabled{
   filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
   opacity:0.4;
}

.rangeslider__fill{
   position: absolute;
   background: #88B0C8;
}
.rangeslider--horizontal .rangeslider__fill{
   top: 0;
   height: 100%;
}
.rangeslider--vertical .rangeslider__fill{
   bottom: 0;
   width: 100%;
}

.rangeslider__handle{
   top: 50%;
   width: 16px;
   height: 16px;
   cursor: pointer;
   margin-top: -10px;
   background: white;
   position: absolute;
   border: 1px solid #88B0C8;
   border-radius: 50%;
   display: inline-block;
   touch-action: none;
}

.rangeslider__fill,
.rangeslider__handle{
   z-index:1;
}
.rangeslider--horizontal .rangeslider__fill{
   top:50%;
   height:2px;
   margin-top:-2.5px;
}



.CircleSteps {
   display: flex;
   justify-content: center;
   max-width: 500px;
   margin: auto;
}
.CircleSteps > div.Complete,
.CircleSteps > div.Active,
.CircleSteps > div.Incomplete {
   display: inline-block;
   width: 31px;
   line-height: 31px;
   color: white;
   font-weight: bold;
   font-size: 14px;
   text-align: center;
   border-radius: 50%;
}
.CircleSteps > div.Complete {
   background-color: #7CA6C1;
}
.CircleSteps > div.Active {
   background-color: #143C65;
}
.CircleSteps > div.Incomplete {
   background-color: #D0D0D0;
}

.CircleSteps > div.Dots {
   flex-grow: 1;
   background-image: radial-gradient(2px 2px at center, #7CA6C1 1px, transparent 1px);
   height: 1em;
   background-repeat: repeat-x;
   background-size: 10px 1em;
   background-position: center;
   margin: auto 5px;
   max-width: 75px;
}
.CircleSteps > div.Space {
   flex-grow: 1;
   margin: auto 5px;
   max-width: 75px;
}



/*****************************
*                            *
*        FLEX PROGRAMS       *
*                            *
*****************************/

.FlexPrograms {
   display: flex;
   flex-wrap: wrap;
   gap: 18px;
}
.FlexPrograms > div {
   width: 196px;
   font-size: 12px;
   padding-bottom: 22px;
}
.FlexPrograms img {
   border-radius: 6px;
   text-align: left;
   margin-bottom: 15px;
   display: block;
}
.FlexPrograms a.Link1 {
   font-size: 19px;
   display: inline-block;
   margin-bottom: 5px;
}
@media (max-width: 760px) {
   
   .FlexPrograms {
      gap: 14px;
   }
   .FlexPrograms > div {
      width: 144px;
      padding-bottom: 26px;
   }
   .FlexPrograms img {
      width: 144px;
      height: auto;
   }
   .FlexPrograms a.Link1 {
      font-size: 16px;
   }
}



/*****************************
*                            *
*    ADOPT-A-SEAT (PLANE)    *
*                            *
*****************************/

.PlaneSeats {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   min-width: 300px;
   max-width: 330px;
   background: white;
   gap: 3px;
   border-left: 4px solid #ECECEC;
   border-right: 4px solid #ECECEC;
}
.PlaneSeats > div.TwoSeats {
   display: grid;
   grid-template-columns: repeat(2, 54px) 10px repeat(2, 54px);
   gap: 8px;
}
.PlaneSeats > div.ThreeSeats {
   display: grid;
   grid-template-columns: repeat(3, 34px) 12px repeat(3, 34px);
   gap: 7px;
}
.PlaneSeats > div.TwoSeats > div:nth-child(3) {
   background-color: white;
}
.PlaneSeats > div.ThreeSeats > div:nth-child(4) {
   background-color: white;
}
.PlaneSeats a {
   display: block;
   text-align: center;
   line-height: 36px;
   border-radius: 5px;
   background-color: #ECECEC;
   font-size: 14px;
   color: black;
   text-decoration: none;
   cursor: pointer;
}
.PlaneSeats a.Toggle {
   color: white;
   background-color: #89C53F;
}
.PlaneSeats a.Initials {
   background-color: #7CA6C1;
   color: white;
   cursor: default;
}

.PlaneNose {
   background: url(/Images/Template/Plane/plane-nose.jpg) no-repeat top center;
   height: 75px;
}
.PlaneBody {
   display: flex;
   justify-content: center;
   align-items: center;
}
.PlaneWingLeft {
   background: url(/Images/Template/Plane/plane-wing-left.jpg) no-repeat right center;
   height: 138px;
   width: 169px;
}
.PlaneWingRight {
   background: url(/Images/Template/Plane/plane-wing-right.jpg) no-repeat left center;
   height: 138px;
   width: 169px;
}
.PlaneTail {
   background: url(/Images/Template/Plane/plane-tail.jpg) no-repeat bottom center;
   height: 65px;
}



/*****************************
*                            *
*           LEGACY           *
*                            *
*****************************/

.Legacy,
.Legacy div {
   overflow-x: auto;
}

.Legacy,
.Legacy input,
.Legacy button,
.Legacy select,
.Legacy option,
.Legacy textarea,
.Legacy label {
   font-size: 14px;
}

.Legacy .AltColor2 { color: #024280; } /*Blue*/
.Legacy .AltColor3 { color: #1F9950;} /*Green*/
.Legacy .Size1 { font-size: 14px; }
.Legacy .Size2 { font-size: 18px; }
.Legacy .Size3 { font-size: 22px; }
.Legacy .Size4 { font-size: 28px; }

/*** Buttons ***/
.Legacy .Button {
   color: White;
   font-size: 15px;
   text-transform: uppercase;
   display: inline-block;
   border: 0px;
   cursor: pointer;
   padding: 15px 30px;
   border-radius: 6px;
}
.Legacy .Button:hover {
   text-decoration: none;
}
.Legacy .SmallButton {
   color: White;
   font-size: 13px;
   text-transform: uppercase;
   display: inline-block;
   border: 0px;
   cursor: pointer;
   padding: 10px 20px;
   border-radius: 6px;
}
.Legacy .SmallButton:hover {
   text-decoration: none;
}

.Legacy .GreenButton { background-color: #1f9950; }
.Legacy .GreenButton:hover { background-color: #4CAD73; }
.Legacy .GrayButton { background-color: #666666; }
.Legacy .GrayButton:hover { background-color: #CCCCCC; }
.Legacy .BlueButton { background-color: #004488; }
.Legacy .BlueButton:hover { background-color: #6689B3; }
.Legacy .LightBlueButton { background-color: #7DACC7; }
.Legacy .LightBlueButton:hover { background-color: #a0cfea; }
/*** End Buttons ***/

/* Online Leader Checklist */
.Legacy .Checklist {
   padding: 0px;
   margin: 5px 0px 0px 0px;
   list-style: none;
}
.Legacy .Checklist li {
   padding: 3px 0px 3px 20px;
   background: url("/Images/Icons/RedX.png") 0px 3px no-repeat;
}
.Legacy .Checklist li.True {
   background: url("/Images/Icons/GreenCheck.png") 0px 3px no-repeat;
}
/* End Online Leader Checklist */

.Legacy a.ImageLink { /* Used for dual state button images.  Hover image on top and the normal image on bottom. */
	display: block;
	background-position: bottom;
}

.Legacy a.ImageLink:hover {
   background-position: top;
   text-decoration: none;
}

.Legacy .PageTitle {
   color: #024280;
   font-size: 22px;
   margin-bottom: 5px;
   display: block;
   text-transform: uppercase;
}

.Legacy .ColoredBox {
   background-color: #EDEDED;
   padding: 30px;
   border-radius: 6px;
   margin-bottom: 10px;
}
.Legacy .ColoredBox2 {
   color: White;
   background-color: #B3B3B3;
   padding: 30px;
   border-radius: 6px;
   margin-bottom: 10px;
}
.Legacy .ColoredBox2 a { color: White; }

.Legacy .Title { font-size: 28px; text-transform: none; }
.Legacy .SubTitle { font-size: 18px; }




/* Extra Classes */
@media (min-width: 991px) {
   .HideDesktop {
      display: none !important;
   }
}
@media (min-width: 761px) and (max-width: 990px) {
   .HideTablet {
      display: none !important;
   }
}
@media (max-width: 760px) {
   .HideMobile {
      display: none !important;
   }
}

/* Force cached images to load hidden so we don't have a pop-in effect */
div.Content:not(.Legacy) img:not(.NoResize) {
   visibility: hidden;
}


.SubForm {
   border-left: 1px solid #CFCFCF;
   padding-left: 30px;
   margin: 20px 0px;
}

.Row2 {
   background-color: #EEEEEE;
   padding: 10px;
}

.Row1 {
   background-color: #D6D7D8;
   padding: 10px;
}

.PadRow {
   padding-top: 19px;
}
.PadRow1 {
   padding-top: 26px;
}
.OtherInput {
   top: -36px;
   left: 75px;
   width:55% !important;
   height: 36px;
}
@media (max-width: 765px) {
   .LevelChart div > img {
      margin: 0px;
      width: 20px;
   }
   .PadRow {
      padding-top: 26px;
   }
   .PadRow1 {
      padding-top: 36px;
   }
   .OtherInput {
      top: 0px;
      left: 0px;
   }
}  

@media (max-width: 560px) {
   .Row1 .Row2 {
      padding: 0px;
   }
}