/*

      Design
        is so simple,
      that is why
        it is so
      complicated.
        -Paul Rand


Theme Name:		 ATLAS Child
Description:	 Child theme of Quadsimia ATLAS CSS
Author:			   Rob Perry, Creative Director / Senior Web Developer, Quadsimia
Author URI:		 https://www.quadsimia.com/
Version:		   1.0.0
-------------------------------------------------------------- */

/* TABLE OF CONTENTS
 1: CLIENT BRANDING
    1a: Fonts
    1b: Colors
 2: GENERAL STYLES
    2a: Structural
    2b: Typography
    2c: Links/CTAs
    2d: Lists
    2e: Tables
    2f: Grids/Columns
    2g: Flex
    2h: Images
    2i: Videos
    2j: Forms
    2k: Formatting
 3: HEADER
    3a: Header
    3b: Header - Sticky
    3c: Alert Bar
    3d: Top Nav Bar
    3e: Logo
 4: NAV
    4a: Nav Menu
    4b: Nav Menu - Position
    4c: Nav Menu - Full Background
 5: BODY/CONTENT
    5a: Breadcrumbs
    5b: Homepage
    5c: Interior
 6: SIDEBAR
    6a: Aside
 7: FOOTER
    7a: Footer Content
    7b: Copyright
 8: ANIMATION/FX
 9: RESPONSIVE
-------------------------------------------------------------- */

/* 1: CLIENT BRANDING */

/* -- 1a: Fonts ---------------------------------------------- */

/* Montserrat */
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');*/

/* Raleway */
/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;500;700;800;900&display=swap');*/

/* Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* Heebo */
/*@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;500;700;800;900&display=swap');*/

/* -- 1b: Colors --------------------------------------------- */

/*------------------------------------------------------------ */

/* 2: GENERAL STYLES */

/* -- 2a: Structural ----------------------------------------- */

/* -- 2b: Typography ----------------------------------------- */
h1, h2, h3, h4, h5, h6{
  /*font-family: 'Outfit', sans-serif;*/
  /*font-family: 'Barlow Condensed', sans-serif;*/
  font-family: 'Inter', sans-serif;
  /*font-weight: 300;*/
  font-weight: 600;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{
  font-weight: 800;}
/*h2{color:#684c9d;}*/

/*h1{font-size:4em;text-transform:uppercase;}
h2{font-size:3em;text-transform:uppercase;}
h3{font-size:2.25em;text-transform:none;font-family:'Outfit', sans-serif;font-weight:300;}
h4{font-size:2.5em;text-transform:uppercase;}
h5{font-size:1.35em;text-transform:none;font-family:'Outfit', sans-serif;font-weight:300;}
h6{font-size:1.25em;text-transform:none;font-family:'Outfit', sans-serif;font-weight:600;}*/

/* -- 2c: Links/CTAs ----------------------------------------- */
a{color:#ffaa00;text-decoration:none;}
a:hover{color:#00718f;}
.cta{background-color:#7A1F5E;color:#fff;font-family:'Inter', sans-serif;font-weight:800;text-transform:uppercase;}
.cta:hover{background-color:#972e7a;color:#fff;}
.cta.outline{background-color:transparent;border:3px solid #fff;color:#fff;}
.cta.outline:hover{border:3px solid #fff;color:#fff;background-color:#972e7a;}

/* Dark */
.cta.outline.dark{background-color:transparent;border:3px solid #000;color:#000;}
.cta.outline.dark:hover{border:3px solid #000;color:#000;background-color:#ffaa00;}

/* Secondary color */
.cta.secondary{background-color:#00677F;color:#fff;font-family:'Inter', sans-serif;font-weight:800;text-transform:uppercase;}
.cta.secondary:hover{background-color:##2089af;color:#fff;}
.cta.secondary.outline{background-color:transparent;border:3px solid #fff;color:#fff;}
.cta.secondary.outline:hover{border:3px solid #fff;color:#fff;background-color:#972e7a;}

/* Contact color */
.cta.contact{background-color:#684c9d;color:#fff;}
.cta.contact:hover{background-color:#45376a;color:#fff;}
.cta.outline.contact{background-color:transparent;border:3px solid #684c9d;color:#684c9d;}
.cta.outline.contact:hover{border:3px solid #684c9d;color:#fff;background:#684c9d;}

/* -- 2d: Lists ---------------------------------------------- */

/* -- 2e: Tables --------------------------------------------- */

/* -- 2f: Grids/Columns -------------------------------------- */

/* -- 2g: Flex ----------------------------------------------- */

/*(1) owl-stage box*/
.owl-carousel .owl-stage { display: flex; }
/*(2) the direct div of each element in the owl carousel*/
.owl-carousel .item { height: 100%; }

.owl-carousel.hovereffect .owl-stage{margin:2em auto;}

/* -- 2h: Images --------------------------------------------- */

/* -- 2i: Videos --------------------------------------------- */

/* -- 2j: Forms ---------------------------------------------- */
fieldset{
  background:#f9f9f9;}

/*button, input[type="submit"]{
  width:100%;
  background:#ffaa00;
  border:0;
  color:#333;
  text-decoration:none;
  text-shadow:none;
  border-radius:5em;}
button:hover, input[type="submit"]:hover{
  background:#000;
  color:#fff;
  text-shadow:none;}*/

/* -- 2k: Formatting ----------------------------------------- */
.card{
  border-radius:0.65em;}
.card.nocta{
  padding-bottom:0;}

.card h4{
  margin-top:0.25em;
  line-height: 1.1em;}

.card p{font-size:1.1em;}

.card .container figure img{
  object-fit: unset;
  height: auto;
  border-radius:8px;}

.card .more .cta{width:100%;}
.card .more .cta.half{width:50%;}
.card.video .card-text{text-align:center;}

/* Workouts */

.parallax-banner .container .card{
  background: rgba(255,255,255,0.85);}
.parallax-banner .container .card .container{
  padding:0.5em 1em;
  color:#000;
  text-shadow: 0px 0px 0px rgb(0 0 0 / 15%);
  min-height: 150px;}
.parallax-banner .container .card p{
  color:#000;}

.modules .card{
  transition: all 0.4s ease;}
.modules .card:hover{
  transform: scale(1.05);}

.card .module{
  position: absolute;
  width:45px;
  text-align: center;}
.card .module .num{
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 600;
  font-size:3em;
  margin:0.1em 0 0 0;
  padding:0.35em 0;
  text-align:center;
  border-radius:0.2em;
  background:rgba(0,0,0,0.05);}

.card .details{
  padding-left:60px;}

/* Plans */

.card ul s{
  color:#b3b3b3;}

.options{
  font-size:0.9em;}
.options .col:last-child{
  border-left:1px solid #f1f1f1;}

.options .num{
  font-size:2.25em;}
.options .num .dollarsign{
  font-size:0.75em;
  vertical-align:top;}

/*------------------------------------------------------------ */

/* -- Pop Up ------------------------------------ */
@media screen and (max-width:550px){
  .popup-continer.type-overlay.center .popup-content{
    margin-left: 165px!important;
    width: 85%!important;}
}

/* 3: HEADER */

/* -- 3a: Header --------------------------------------------- */

/* -- 3b: Header - Sticky ------------------------------------ */

/* -- 3c: Alert Bar ------------------------------------------ */

/* -- 3d: Top Nav Bar ---------------------------------------- */

/* -- 3e: Logo ----------------------------------------------- */
/*.logo, .logo img{max-width:250px;}*/
/*.logo, .logo img{max-width:75px;}*/
/*body.no-header header .logo img{max-width:100px;}*/
/*body.no-header header .logo img{max-width:35px;}*/

body.no-header header .logo img {
  max-width:200px;
  margin-top:1.25em;}
body.no-header header .col{
  margin-top:0;
  margin-bottom:0;}

/*------------------------------------------------------------ */

/* 4: NAV */

/* -- 4a: Nav Menu ------------------------------------------- */
nav{
  font-family: 'Outfit', sans-serif;}
/*nav li > a{color:#684c9d;}*/
nav li > a{
  color:#000;
  /*text-transform: uppercase;*/}
nav li > a:hover{
  color:#00677F;
  /*text-transform: uppercase;*/}

header .social{
  vertical-align: middle;}
header .social a{
  margin:0;
  padding:0;}
header .social a i{
  color: #fff;
    border-radius: 1.25em;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    font-size: 22px;
    transition: all 0.4s ease;
    margin-top: auto;
    margin-right: 0.15em;
    border: 2px solid #fff;
    font-weight: normal;
    background: #000;}
header .social a:hover i{
  background:#00677F;}

/* secondary nav */
header .secondary-nav{
  display:block;
  clear:right;
  margin:0;
  padding:0.5em 0;}
header .secondary-nav a{
  color:#00677F;
  vertical-align:middle;}
header .secondary-nav a:hover{
  color:#2089af;}
header .secondary-nav .call{
  margin:0 0.5em;
  font-size:1.15em;
  font-weight:bold;}

header .secondary-nav a.cta{
  color:#fff;}

/*header .secondary-nav .social{
  margin:0 0.5em;}*/
header .secondary-nav .social a i{
  color: #fff;
    border-radius: 1.25em;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    font-size: 22px;
    transition: all 0.4s ease;
    margin-top: auto;
    margin-right: 0.15em;
    border: 2px solid #fff;
    font-weight: normal;
    background: #000;}
header .secondary-nav .social a:hover i{
  background:#00677F;}

/* -- 4b: Nav Menu - Position -------------------------------- */

/* -- 4c: Nav Menu - Full Background ------------------------- */

/* -- 4d: Mobile Nav Menu ------------------------------------ */

/* -- 4e: Mobile MeanMenu ------------------------------------ */
.mean-container a.meanmenu-reveal{top:7px;color:#000;}
.mean-container a.meanmenu-reveal span{color:#000;background:#000;}
.mean-container .mean-bar{background:#fff;}
.mean-container .mean-nav{background:#52a2c5;}
.mean-container .mean-nav ul li a{color:#fff;}

/*------------------------------------------------------------ */

/* 5: BODY/CONTENT */



/* Registration page styles */

/* Registration Form */
.registration-title {
   text-align: center;}
.registration-title h3{
  font-size:2.75em;
  color: #00677F;
  }
.registration-title h3 small{
  color:#666;}

section.course-info{
    padding: 0;
}
.course-info .container h4 {
    font-size: 1.5em;
    font-weight: 400;
    color: #54585A;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5em;
   }

.course-info ul li{
  padding:0.35em 0;
  list-style: none;
  border-bottom:1px solid #eee;}

.payment-confirmation h4 {
    font-size: 1.5em;
    font-weight: 400;
    color: #54585A;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5em;
}
.payment-confirmation .group .col {
   margin-top: 0;}
form#registration-form {margin-bottom: 5%;}

form#registration-form button {
   display: inline-block;
   padding: 0.5em 1.5em;
   color: #fff;
   font-family:'PT Sans Narrow', sans-serif;
   font-size:1.35em;
   font-weight:400;
   text-transform: uppercase;
   background-color:#f5821f;
   border-radius: 0.25em;
   border:1px solid #ccc !important;}
form#registration-form button:hover {
  /*filter: (brightness 125%);*/
  text-decoration: none;
  color: #a12a28;
  background: #fff;
  border: solid 2px #a12a28;}
form#registration-form .cta{
   display: inline-block;
   padding: 0.5em 1.5em;
   color: #fff;
   font-family:'PT Sans Narrow', sans-serif;
   font-size:1.35em;
   font-weight:400;
   text-transform: uppercase;
   background-color:#f5821f;
   border-radius: 0.25em;
   border:1px solid #ccc !important;}
form#registration-form .cta:hover{
   color:#fff;
   background-color:#7A1F5E;
   box-shadow: 0px 0px 20px rgba(255, 255, 255, 1);}
/*form#registration-form .cta .fa, .cta .fas, .cta .far{
   margin-left:0.25em;}*/
/*form#registration-form span {
  color: #a94442;
  font-size: 15px;
  margin-right: 4px;}*/
button#registration-submit.cta {
    display: inline-block;
    padding: 0.5em 1.5em;
    color: #fff;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1.35em;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #2459a6;
    border-radius: 0.25em;
    border: 1px solid #ccc;
    text-shadow: none;
}
.error-message{
  margin: 10px auto;
  padding: 10px;
  border-radius: 3px 3px 3px 3px;
  color: #D8000C;
  background-color: #FFBABA;
  width: 100%;
  max-width: 1200px;}
.error-message ul{
  margin: 0 auto;
  padding: 5px 20px;
  border-radius: 3px 3px 3px 3px;
  color: #D8000C;
  background-color: #FFBABA;
  width: 100%;
  max-width: 1200px;
  list-style-type: disc;}
.toggle-billing-container #toggle-billing-address {
   width: auto;}
.toggle-billing-container label {
   display: inline;}


body.has-alert .registration-padding {
  padding-top: 21em;}

@media screen and (max-width: 925px) {
   .registration-padding {
      padding-top: 2em;}
  body.has-alert .registration-padding {
      padding-top: 2em;}
}

.iti__flag {background-image: url("../images/intel-tel-input/flags.png") !important;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../images/intel-tel-input/flags@2x.png") !important;}
}

#error-msg {
  color: #B94A48;
}
#valid-msg {
  color: #00C900;
}
#attendee-phone.error {
  border: 1px solid #FF7C7C;
}
.hide {
  display: none;
}
/* -- End of Regestraion Styles ---------------------------------------- */

/* -- 5a: Breadcrumbs ---------------------------------------- */
/*section.breadcrumbs{background-color:#f4cf94;}*/

/* -- 5b: Homepage ------------------------------------------- */

.intro img.logo{
  margin: 0 auto;
  max-width: 250px;}

/* card */

.card.accent{
  border-top: 8px solid #54585A;}

/* icons */

.icon{
  display: inline-block;}
.icon i{
  border: 3px solid #fff;
  width: 75px;
  height: 75px;
  display: inline-block;
  border-radius: 50%;
  font-size: 3em;
  background: #00677F;
  padding-top: 10px;
  text-align: center;
  color: #fff;

background: rgb(0,113,143);
background: -moz-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: -webkit-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00718f",endColorstr="#7e0c6e",GradientType=1);
}

.card .icon{
  margin-top:-3em;}
.card .icon i{
  width:55px;
  height:55px;
  font-size:1.8em;
  background: rgb(0,113,143);
background: -moz-linear-gradient(130deg, rgba(0,113,143,1) 0%, rgba(126,12,110,1) 100%);
background: -webkit-linear-gradient(130deg, rgba(0,113,143,1) 0%, rgba(126,12,110,1) 100%);
background: linear-gradient(130deg, rgba(0,113,143,1) 0%, rgba(126,12,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00718f",endColorstr="#7e0c6e",GradientType=1);}

.card.video a img{display:block;opacity: 0.8;transition:all 0.3s ease;display: block;object-fit: cover;height: 225px;width: 100%;}

/* overview */

.overview{
   /*background-color:#e3ecfe;*/
   background-color:#e7e7e7;
   /*padding: 2.5em 0;*/
   padding: 2.5em 0;
   /*color: #fff;*/
   text-align: center;}

.overview h2{
  margin-top:0.25em;}

.overview .group{
  /*margin-top:3em;*/}

.overview

.overview .faculty-container{
   background-color: #fff;
   padding: 1em;
   border-radius: 1em;
   box-shadow: 0px 0px 20px rgba(0,0,0,0.15);}
.overview img{
   margin-top:-3em;
   width: 100%;
   max-width: 250px;
   border-radius: 8em;
   box-shadow: 0px 0px 60px rgba(0,0,0,0.35);}

/* cta banner */

.cta-banner{
   display: inline-block;
   margin: 0 auto;
   padding:1em;
   width: 100%;
   text-align: center;
   background-color: #7A1F5E;
   /*background-color: #f5821f;*/
   color: #fff;
   font-size: 1.35em;
   box-shadow: 0px 0px 60px rgba(0,0,0,0.35);}

.cta-banner h3{
  display: inline-block;
   margin: 0.25em 0.5em;
   /*font-family: 'Open Sans', sans-serif;*/
   font-size:1.2em;
   font-weight:700;
   color: #fff;
   /*text-transform: none;*/
   line-height: 1.25em;
   text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  vertical-align: middle;}
.cta-banner h3 a{
   color:#fff;}
.cta-banner h3 a:hover{
   color:#e7e7e7;}

/* promo */

.promo{
  background: rgb(0,113,143);
  background: -moz-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
  background: -webkit-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
  background: linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00718f",endColorstr="#7e0c6e",GradientType=1);}

.promo .doublepanel{
  color:#fff;
  background:#461e66;
  border-radius:12px;
  overflow: hidden;}

/* course */

.course{
   background-color:#00677F;
   padding: 2.5em 0;
   color: #fff;
   text-align: center;}
.course h2{
   color:#fff;}

/* modules */

.modules{
   background-color:#e7e7e7;
   /*padding: 2.5em 0;*/
   padding: 2.5em 0;
   /*color: #fff;*/
   text-align: center;}
.modules h2{
  margin-top:0.25em;}

.modules article{
  /*margin-top:2em;
  margin-bottom:2em;
  padding-bottom: 1em;*/
  /*min-height: 275px;*/}
.modules article h3{
  margin-top:0.25em;
  font-size:1.5em;}
.modules article p{
  font-size:0.9em;}

/* team */

.team{
   /*background-color:#e3ecfe;*/
   background-color:#00677F;
   /*padding: 2.5em 0;*/
   padding: 2.5em 0;
   /*color: #fff;*/
   text-align: center;}
.team h2{
  margin-top:0.25em;
  color:#fff;}
.team .faculty-container{
  text-align: left;
   background: rgba(255,255,255, 1);
   margin-top:2em;
   padding: 1em;
   /*border-top: 8px solid #f5821f;*/
   border-top: 8px solid #54585A;
   color:#000;
   border-radius: 1em;
   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
   min-height: 450px;}

.team .faculty-container .nameplate{
  margin-top:-1em;
  margin-left:-1em;
  margin-right:-1em;
  padding:0 1em;
  background:rgba(0,0,0,0.05);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;}

.team .faculty-container h4{
  margin:0.5em auto;
  color:#000;
  font-size:1.4em;}
.team .faculty-container a{
   color:#fff;
   font-weight: bold;}
.team .faculty-container a:hover{
   color:#e7e7e7;}

.team #directors-slider .faculty-container{
   padding-left:3em;
   padding-right:3em;}

.team #faculty-slider .faculty-container img{
  float: left;
  max-width:125px;}

.team #faculty-slider .faculty-container ul{
  text-align: left;
  padding:0 1em 1em 1em;}

.team img{
  /*margin-top:-3em;*/
  margin: -1em 1em 0.5em 1em;
  width: 100%;
  max-width: 250px;
  border-radius: 8em;
  border:3px solid #fff;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.35);}

.team .director{
  text-align:left;
  padding:2.5em 0;
  color:#fff;}

.team .director .item{
  margin:0 2em 2em 0;}

.team .director .faculty-container{
  margin: 0 auto;
  margin-top:-1em;
  text-align: center;
  min-height: auto;
  color:#000;}

.team .director img{
  margin-top:-3em;}

@media screen and (max-width:680px){
  .team #faculty-slider .faculty-container img{
    float: none;
    margin-left: auto;
    margin-right: auto;}
}

/* details */

.details{
  background-color:#e7e7e7;
  /*padding: 2.5em 0;*/
  padding: 2.5em 0;
  /*color: #fff;*/
  text-align: center;}
.details h2{
  margin-top:0.25em;
  /*color:#00677F;*/}
.details h3{
  color:#54585A;}
.details h4{
  text-transform: uppercase;}

/* testimonials */
.testimonials{
   background-color:#e7e7e7;
   padding: 2.5em 0;
   text-align: center;}
.testimonials h2{
  margin-top:0.25em;}

/* contact */

.contact{
   /*color:#fff;
   padding: 4em 2.5em 3em 2.5em;
   text-align: center;
   background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url(/assets/images/tooth-bg.jpg) no-repeat scroll center center / cover;*/}

.contact.parallax-banner .container{
  max-width:1320px;}
.contact.parallax-banner .container .more{
  margin-top:0.25em;}

.contact h2{
   color: #fff;
   margin: 0 0 0.25em 0;
   font-size:2.75em;
   /*text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);*/}
.contact h3{
   margin-bottom:0.25em;
   color:#fff;}
.contact p{
   font-size: 1.15em;
   line-height: 1.5em;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}
.contact .container img{
   max-width:150px;}

.contact .cta{
  /*margin: 0.25em 0.25em;
  padding: 0.5em 0.5em;
  font-size: 1.2em;
  min-width: 165px;*/
  font-size:1.15em;}
/*body.home .history .cta:hover{
   color:#1c55b5;
   background-color:#ff954f;}*/
.contact .cta{
  margin:0.25em;}

.contact a:hover{
  color:#fff;}

/* -- 5c: Interior ------------------------------------------- */

/* PAGE: ALL */
.dark-bg{background-color:#936a93;}
/*.light-bg{background-color:#f4cf94;}*/
.light-bg{background-color:#e7e7e7;}

/* Double Panel Layout */
section.about{color:#fff;
  /*background-color:#e22333;
  background:rgb(226,35,51);
  background:-moz-linear-gradient(180deg, rgba(226,35,51,1) 50%, rgba(179,33,43,1) 100%);
  background:-webkit-linear-gradient(180deg, rgba(226,35,51,1) 50%, rgba(179,33,43,1) 100%);
  background:linear-gradient(180deg, rgba(226,35,51,1) 50%, rgba(179,33,43,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e22333",endColorstr="#b3212b",GradientType=1);*/

/*background:#00677F;*/

background: rgb(0,113,143);
background: -moz-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: -webkit-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00718f",endColorstr="#7e0c6e",GradientType=1);
}
/*section.about p{font-size:1.25em;line-height:1.5em;}
section.about h3{font-size:1.8em;}*/

section.orange{
  background: rgb(255,170,0);
  background: -moz-linear-gradient(145deg, rgba(255,170,0,1) 20%, rgba(226,35,51,1) 80%);
  background: -webkit-linear-gradient(145deg, rgba(255,170,0,1) 20%, rgba(226,35,51,1) 80%);
  background: linear-gradient(145deg, rgba(255,170,0,1) 20%, rgba(226,35,51,1) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffaa00",endColorstr="#e22333",GradientType=1);}

section.about .imagepanel img{
  max-height: 600px;
  object-fit: cover;}

/* double panel section */
.doublepanel{
  padding:0;}
.doublepanel .col{
  margin:0;
  padding:0;}
.doublepanel .span6{
  margin:0;}
.doublepanel .container{
  padding-top:1.5em;
  padding-bottom:1.5em;}
.doublepanel .imagepanel figure{
  margin:0;}
.doublepanel .imagepanel figure img{
  display:block;
  min-height:450px;
  object-fit:cover;}
.doublepanel .imagepanel figure img.tall{
  min-height:550px;}
.doublepanel .imagepanel figure img.extratall{
  min-height:750px;}
.doublepanel .more{
  margin-top:1.25em;}
@media screen and (min-width:681px){
  .doublepanel .span6{
    width:50%;}
}

/* Financing */
section.financing{
  background: rgb(65,95,229);
  background: -moz-linear-gradient(145deg, rgba(65,95,229,1) 20%, rgba(0,0,0,1) 80%);
  background: -webkit-linear-gradient(145deg, rgba(65,95,229,1) 20%, rgba(0,0,0,1) 80%);
  background: linear-gradient(145deg, rgba(65,95,229,1) 20%, rgba(0,0,0,1) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#415fe5",endColorstr="#000000",GradientType=1);}

.financing.doublepanel img.affirm-logo{
  margin:0 0.15em;
  max-width: 120px;}

/* Owl Carousel */
/*.owl-carousel .owl-stage-outer{padding-left:100px;padding-right:100px;}*/
.owl-theme .owl-nav{
  margin-top:0;}

/* Intro Home Slider */
.intro h1{
  margin-bottom:0.15em;
  font-size:4em;}
.intro h3{
  margin-top:0.15em;
  font-size:1.75em;}
.intro .more .cta.large{
  font-size:1.35em;}

/* Promo Slider */
#promo-slider article.card .container{min-height: 180px;}

/* CTA Slider */
.cta-slider{
  background: rgb(104,76,157);
  background: -moz-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,1) 100%);
  background: linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#684c9d",endColorstr="#efbb54",GradientType=1);}
.cta-slider article.card{border-radius:2em;}
.cta-slider figure img{
  max-height:200px;
  object-fit:cover;}
.cta-slider article.card .container{min-height:180px;}
.cta-slider article.card h4{color:#684C9D;}
.cta-slider article.card .more{
  margin: 0 auto;
  width: 95%;
  left: 0;
  right: 0;
  bottom:10px;}
.cta-slider article.card .cta{
  border-radius:2em;
  background-color:#684c9d;}
.cta-slider article.card .cta:hover{
  background-color:#936a93;}

/* Sponsor Slider */
.sponsor-slider{}
.sponsor-slider figure{margin:0;}
.sponsor-slider figure img{max-height:160px;}

/* FAQ - jQuery UI Accordion */
#accordion{margin:0.5em auto;}
#accordion h3{
  display:inline-block;
  width:100%;
  margin-bottom:0.5em;
  /*padding: 1em 2.75em 1em 1em;*/
  padding: 0.55em 2.75em 0.55em 1em;
  font-family: sans-serif;
  font-size:1.3em;
  line-height:1.5em;
  border:1px solid #e6e6e6;
  transition: all 0.4s ease;}
#accordion .ui-icon{
  display: none; /* Display none if using FontAwesome icons */
  position:absolute;
  top:42%;
  right:20px;
  transform:scale(1.5);}
#accordion h3 i{ /* for FontAwesome icons */
  position: absolute;
  right:1em;
  top:50%;
  margin-top:-10px;
  font-size:20px;
  cursor:pointer;}
#accordion .ui-state-active,#accordion .ui-widget-content .ui-state-active,#accordion .ui-widget-header .ui-state-active,#accordion a.ui-button:active,#accordion .ui-button:active,#accordion .ui-button.ui-state-active:hover{
  margin-bottom:0;
  background: #e6e6e6;
  color: #454545;}
.ui-accordion .ui-accordion-content{
  margin-bottom:0.5em;
  border:1px solid #e6e6e6;
  background:#f6f6f6;}
.ui-accordion .ui-accordion-content a{
  color:#c12b36;
  text-decoration: underline;}
.ui-accordion .ui-accordion-content a:hover{
  color:#0033a1;
  text-decoration: underline;}

/* Our Story */
body#ourstory .ourstory-banner, body#plans .ourstory-banner, body#payment .ourstory-banner{
  display: none;}

/* Testimonials */
.testimonials figure{
  border-top: 3px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  border-radius: 20px;}
.testimonials img.quotemark{
  max-width: 65px;
  position: absolute;
  top: 0;
  left:0.25em;}
.testimonials figure blockquote{
  margin:0;
  padding:1em 2em 0.5em 2em;;
  font-size:0.95em;
  line-height:1.5em;
  /*text-align: center;*/
  border-left:0;}

/* CTA Banner Slider */
.cta-banner-slider.parallax-banner .container{
  padding:5em 1em;}
.cta-banner-slider h2{
  margin-bottom:0.15em;
  font-size:4em;}
.cta-banner-slider h5{
  margin-top:0.15em;
  font-size:1.75em;}
.cta-banner-slider .more .cta.large{
  font-size:1.35em;}

.cta-banner-slider .overlay img{
  position: absolute;
  max-width: 28%;
  bottom: -18%;
  left: 2.5%;}

.cta-banner-slider.parallax-banner img.parallax{
  object-position: top;}

/* Plans */
body#plans .cta-banner-slider{
  display:none;}

/* Payment */
body#payment .cta-banner-slider{
  display:none;}

/* Our Story */
/* ================ The Timeline ================ */
.timeline{position: relative;width: 660px;margin: 0 auto;margin-top: 20px;padding: 1em 0;list-style-type: none;}
.timeline:before {position: absolute;left: 50%;top: 0;content: ' ';display: block;width: 6px;height: 100%;margin-left: -3px;background: rgb(80,80,80);background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);z-index: 5;}
.timeline li{padding: 1em 0;}
.timeline li:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.timeline .direction-l{position: relative;width: 300px;float: left;text-align: right;}
.timeline .direction-r{position: relative;width: 300px;float: right;}
.timeline .flag-wrapper{position: relative;display: inline-block;text-align: center;}
.timeline .flag{position: relative;display: inline;background: rgb(248,248,248);padding: 6px 10px;border-radius: 5px;font-weight: 600;text-align: left;}
.timeline .direction-l .flag{-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);-moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);}
.timeline .direction-r .flag{-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);}
.timeline .direction-l .flag:before,.timeline .direction-r .flag:before{position: absolute;top: 50%;right: -40px;content: ' ';display: block;width: 12px;height: 12px;margin-top: -10px;background: #fff;border-radius: 10px;border: 4px solid rgb(255,80,80);z-index: 10;}
.timeline .direction-r .flag:before{left: -40px;}
.timeline .direction-l .flag:after{content: "";position: absolute;left: 100%;top: 50%;height: 0;width: 0;margin-top: -8px;border: solid transparent;border-left-color: rgb(248,248,248);border-width: 8px;pointer-events: none;}
.timeline .direction-r .flag:after{content: "";position: absolute;right: 100%;top: 50%;height: 0;width: 0;margin-top: -8px;border: solid transparent;border-right-color: rgb(248,248,248);border-width: 8px;pointer-events: none;}
.timeline .time-wrapper{display: inline;line-height: 1em;font-size: 0.66666em;color: rgb(250,80,80);vertical-align: middle;}
.timeline .direction-l .time-wrapper{float: left;}
.timeline .direction-r .time-wrapper{float: right;}
.timeline .time{display: inline-block;padding: 4px 6px;background: rgb(248,248,248);}
.timeline .desc{margin: 1em 0.75em 0 0;font-size: 0.77777em;font-style: italic;line-height: 1.5em;}
.timeline .direction-r .desc{margin: 1em 0 0 0.75em;}
/* ================ Timeline Media Queries ================ */
@media screen and (max-width: 660px) {
  .timeline{width: 100%;padding: 4em 0 1em 0;}
  .timeline li{padding: 2em 0;}
  .timeline .direction-l,.timeline .direction-r{float: none;width: 100%;text-align: center;}
  .timeline .flag-wrapper{text-align: center;}
  .timeline .flag{background: rgb(255,255,255);z-index: 15;}
  .timeline .direction-l .flag:before,.timeline .direction-r .flag:before{position: absolute;top: -30px;left: 50%;content: ' ';display: block;width: 12px;height: 12px;margin-left: -9px;background: #fff;border-radius: 10px;border: 4px solid rgb(255,80,80);z-index: 10;}
  .timeline .direction-l .flag:after,.timeline .direction-r .flag:after{content: "";position: absolute;left: 50%;top: -8px;height: 0;width: 0;margin-left: -8px;border: solid transparent;border-bottom-color: rgb(255,255,255);border-width: 8px;pointer-events: none;}
  .timeline .time-wrapper{display: block;position: relative;margin: 4px 0 0 0;z-index: 14;}
  .timeline .direction-l .time-wrapper{float: none;}
  .timeline .direction-r .time-wrapper{float: none;}
  .timeline .desc{position: relative;margin: 1em 0 0 0;padding: 1em;background: rgb(245,245,245);-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);-moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);box-shadow: 0 0 1px rgba(0,0,0,0.20);z-index: 15;}
  .timeline .direction-l .desc, .timeline .direction-r .desc{position: relative;margin: 1em 1em 0 1em;padding: 1em;z-index: 15;}
}
@media screen and (min-width: 400px ?? max-width: 660px){
  .timeline .direction-l .desc,.timeline .direction-r .desc{margin: 1em 4em 0 4em;}
}

/*------------------------------------------------------------ */

/* 6: SIDEBAR */

/* -- 6a: Aside ---------------------------------------------- */

/*------------------------------------------------------------ */

/* 7: FOOTER */

/* -- 7a: Footer Content ------------------------------------- */
footer{background:#f1f1f1;}
footer .copyright{
  padding:0.25em 0;
  font-size:0.9em;
  color:#000;
  background:rgba(0,0,0,0.025);}
footer .copyright a{color:#000;}
footer .copyright a:hover{color:#333;}

footer .logo{max-width:150px;}
footer .footer-content{padding:0;}

footer .social a i{
  /*background-color: transparent;*/
  color: #fff;
  border-radius: 1.25em;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  padding-top: 0.3em;
  font-size: 1.9em;
  transition: all 0.4s ease;
  margin-top: 0.25em;
  margin-right: 0.15em;
  border: 2px solid #fff;
  font-weight: normal;
  background: #000;
  /*background: -moz-linear-gradient(145deg, rgba(255,170,0,1) 20%, rgba(219,20,13,1) 80%);
  background: -webkit-linear-gradient(145deg, rgba(255,170,0,1) 20%, rgba(219,20,13,1) 80%);
  background: linear-gradient(145deg, rgba(255,170,0,1) 20%, rgba(219,20,13,1) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffaa00",endColorstr="#db140d",GradientType=1);*/}
footer .social a:hover i{
  color: #fff;
  background: #ffaa00;
  /*background: -moz-linear-gradient(145deg, rgba(219,20,13,1) 20%, rgba(0,0,0,1) 80%);
  background: -webkit-linear-gradient(145deg, rgba(219,20,13,1) 20%, rgba(0,0,0,1) 80%);
  background: linear-gradient(145deg, rgba(219,20,13,1) 20%, rgba(0,0,0,1) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db140d",endColorstr="#000000",GradientType=1);*/}

/* -- 7b: Copyright ------------------------------------------ */

/*------------------------------------------------------------ */

/* 8: ANIMATION/FX */

/* -- 8a: Grid Effects --------------------------------------- */

/* -- 8c: Parallax Images - Using Simple Parallax JS --------- */

body#home .intro.parallax-banner .container{
  max-width:100%;
  /*padding:5em 1em;*/
  padding:12em 1em;}

.parallax-banner .container{
  max-width:1000px;
  padding:2.5em 1em;}

.parallax-banner .container.wide{
  max-width:100%;}

.parallax-banner .container.tall{
  padding:5em 1em;}

.parallax-banner .container.extratall{
  padding:7.5em 1em;}

.parallax-banner .overlay{
  /*background: rgb(104,76,157);
  background: -moz-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,0.6) 100%);
  background: -webkit-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,0.6) 100%);
  background: linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#684c9d",endColorstr="#efbb54",GradientType=1);*/
  
  /*background: rgb(219,20,13);
background: -moz-linear-gradient(145deg, rgba(219,20,13,0.45) 20%, rgba(0,0,0,0.45) 80%);
background: -webkit-linear-gradient(145deg, rgba(219,20,13,0.45) 20%, rgba(0,0,0,0.45) 80%);
background: linear-gradient(145deg, rgba(219,20,13,0.45) 20%, rgba(0,0,0,0.45) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db140d",endColorstr="#000000",GradientType=1);*/

/*background: rgb(219,20,13);
background: -moz-linear-gradient(145deg, rgba(219,20,13,0.55) 20%, rgba(0,0,0,0.55) 80%);
background: -webkit-linear-gradient(145deg, rgba(219,20,13,0.55) 20%, rgba(0,0,0,0.55) 80%);
background: linear-gradient(145deg, rgba(219,20,13,0.55) 20%, rgba(0,0,0,0.55) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db140d",endColorstr="#000000",GradientType=1);*/
  
background: rgb(0,113,143);
background: -moz-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: -webkit-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00718f",endColorstr="#7e0c6e",GradientType=1);
}

/*.parallax-banner .overlay.light{
  background: rgb(0,113,143);
background: -moz-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: -webkit-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00718f",endColorstr="#7e0c6e",GradientType=1);}

.parallax-banner .overlay.dark{
  background: rgb(0,113,143);
background: -moz-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: -webkit-linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
background: linear-gradient(130deg, rgba(0,113,143,0.75) 0%, rgba(126,12,110,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00718f",endColorstr="#7e0c6e",GradientType=1);}*/

.parallax-banner .cta.outline.contact{
  border:3px solid #fff;
  color:#fff;}

/*------------------------------------------------------------ */

/* 9: RESPONSIVE */

@media screen and (max-width:680px){
  
  .doublepanel .imagepanel figure img{
    min-height: 200px;}
  .doublepanel .imagepanel figure img.tall{
    min-height: 200px;}
  h2{
    font-size:2.25em;}
  .cta{
    width:100%;
    text-align: center;}
  
  body#home .intro.parallax-banner .container{
    padding: 6em 1em;}
  
  .benefits.parallax-banner .container .card .container{
    text-align: center;
    min-height: auto;}
  
  /* header */
  body.has-globalStickyHeader{padding-top:0;}
  
  header .main-header{
    width:180px;
    /*max-width:75px;*/}
  
  header .logo, header .logo img{
    /*max-width:58px;*/
    top:10px;
    left: 0;
    right: 0;}
  
  header .header-right{
    display: none;}
  
  /* Intro Home Slider */
.intro h1{
  font-size:3.5em;}
.intro h3{
  font-size:1.8em;}
.intro .more .cta.large{
  font-size:1.5em;}
  
  /* CTA Banner Slider */
.cta-banner-slider h2{
  font-size:3.5em;}
.cta-banner-slider h5{
  font-size:1.8em;}
.cta-banner-slider .more .cta.large{
  font-size:1.5em;}
  
  footer .copyright{ /* compensate for chat widget */
    padding-bottom:75px;}
  footer .textleft, footer .textright{
    text-align: center;
  }
}

/* CHECKOUT */
section.breadcrumbs.checkout{
  background:transparent;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  margin-top: 1em;}

.overview.modules .card{
  /*min-height: 325px;*/}

@media screen and (max-width:680px){
  .overview.modules .card{
    /*min-height: 325px;*/}
}

.modules .card{
  /*min-height: 275px;*/}

@media screen and (max-width:680px){
  .modules .card{
    /*min-height: 275px;*/}
}

.team .faculty-container{
  /*min-height: 450px;*/}

@media screen and (max-width:680px){
  .team .faculty-container{
    /*min-height: 550px;*/}
}

.details.modules .card{
  /*min-height: 325px;*/}

@media screen and (max-width:680px){
  .details.modules .card{
    /*min-height: 325px;*/}
}


@media screen and (min-width:680px){
  nav li > a{
    padding: 0.5em 0.25em;
    font-size: 0.9em;
  }
}

@media screen and (min-width:980px){
  nav li > a{
    padding: 0.5em 0.5em;
    font-size: 1em;
  }
}

@media screen and (min-width:1120px){
  nav li > a{
    padding: 0.5em 0.5em;
    font-size: 1em;
  }
}

@media screen and (min-width:1280px){
  nav li > a{
    padding: 0.5em .7em;
    font-size: 1.125em;
  }
}

/* hide call mobile on register page */
body#register .call-mobile{
  display: none;}