/* IE/Edge Responsive Viewport */
@-ms-viewport {
 width: device-width;
}

/* Offer Expired Resets */
.offer-expired {
 background: url("https://www.awai.com/_img/toolbox/icons/icon_important-60.png") no-repeat center 15px, linear-gradient(#d00, #800);
 border: 0 none;
 border-radius: 0;
 box-shadow: 0 0 0.5em 0.1em #bbb;
 margin: 0 auto;
 padding: 80px 1em 1em;
 text-align: center;
 width: auto;
 min-height: 0;
}

/* General Rules */
body {
 color: #464646;
 font-size: 100%;
 font-weight: 300;
 font-family: "Montserrat", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
 color: #444;
 font-family: "Montserrat", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 font-weight: 400;
 letter-spacing: -0.5px;
}

.h1,
h1 {
 font-size: 2.33em;
}

.h2,
h2 {
 font-size: 1.25em;
}

/*img {
 width: 100%;
}
*/
.content ul {
 margin: 0 1.5em;
}

.content ul li {
 list-style: none;
}

.content ul li:before {
 font-family: 'FontAwesome';
 float: left;
}

.content ul li:before {
 /*DEFAULT - CHECKMARK */
 content: '\f00c';
 /*checks*/
 font-size: 1.1em;
 margin-left: -1.75em;
 margin-top: -0.1em;
 color: #DC2B85;
}

.content ul.bullet li:before {
 /* EXTRA - BULLET */
 content: '\f111';
 /*bullet*/
 font-size: 0.7em;
 margin-left: -2em;
 margin-top: 0.5em;
 color: #DC2B85;
}

.content ul.asterisk li:before {
 /* EXTRA - ASTERISK */
 content: '\f069';
 /*asterisk*/
 font-size: 1.1em;
 margin-left: -1.75em;
 margin-top: -0.1em;
 color: #DC2B85;
}

.fa-ul li {
 list-style-image: none;
}

img {
 height: auto;
 max-width: 100%;
}

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

 .h2,
 h2 {
  font-size: 1.5em;
 }
}

@media screen and (min-width:37.5em) {
 body {
  font-size: 1.2em;
  line-height: 1.7em;
 }

 .content ul {
  margin: 0 3em;
 }
}

/** Overlay **/
.overlay {
 position: relative;
 display: flex;
 justify-content: center;
 background-size: cover;
}

.overlay>* {
 z-index: 999;
}

.overlay:after {
 background-image: linear-gradient(rgba(0.0, 0, 0.5, .1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
 opacity: 1;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.header-overlay:after {
 background-image: linear-gradient(rgba(0.0, 0, 0.5, 0.7), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}

/* Layout Rules & Framing */
.content {
 margin: 0 auto;
 padding: 0;
}

.content-wrap {
 padding: 0 10px
}

@media screen and (min-width:30em) {
 .section__wrap {
  margin: auto;
  max-width: 46em;
 }

 .content-wrap {
  margin: auto;
  max-width: 46em;
 }
}

/** MASTHEAD **/
.main-header {
 color: #fff;
 background: #000 url(https://www.cosopenhouse.com/wp-content/uploads/2020/09/cos_bokeh_bg.jpg) center center no-repeat;
 background-size: cover;
}

.main-header__wrap {
 margin: auto;
 padding: 30px 10px 40px;
 max-width: 44em;
 ;
}

.main-header__logo {
 margin: auto;
 max-width: 100px;
}

.main-header__name {
 background: transparent url(https://www.awai.com/_img/content/cos/cos_text_logo.svg) center center no-repeat;
 color: #fff;
 font-size: 3em;
 font-weight: 700;
 height: 50px;
 margin: 0 auto 30px;
 padding: 10px 0;
 text-indent: -9999px;
 width: 100%;
}

.main-header__headline {
 border-bottom: 2px solid rgba(255, 255, 255, 0.5);
 color: #fff;
 font-size: 1.7em;
 letter-spacing: -1.1px;
 line-height: 1.3em;
 padding: 0 0 20px;


}

.main_header__video-button,
.main_header__video-button:link,
.main_header__video-button:visited {
 display: block;
 color: #fff;
 background-color: #66c9f2;
 border-radius: 100px;
 font-size: 1.1em;
 max-width: 300px;
 margin: 0 auto 20px;
 padding: 5px 10px;
 text-decoration: none;
}

.main-header__quote {
 color: #ffb400;
 font-size: 1.2em;
 font-style: italic;
 font-weight: 400;
 text-align: center;
}

.main_header__video-tile {
 box-shadow: 0 8px 18px -3px #111;
 display: block;
 margin: 0 auto 25px;
 width: 100%;
}

@media screen and (min-width:38px) {

 .main-header__name {
  max-width: 550px
 }

 .main_header__video-tile {
  max-width: 680px;
 }


}

/** Section Headers Base **/
.section__header {
 background: #041a33;
 color: #fff;
 margin: 0;
 padding: 40px 10px;
 text-align: center;
}

.section__header-eyebrow {
 color: #fff;
 font-size: 1.15em;
 line-height: 1.3em;
 font-weight: 200;
 text-align: center;
 text-transform: uppercase;
}

.eyebrow-term {
 color: #ffb400;
 font-weight: 500;
}

.section__headline {
 color: #fff;
 font-size: 1.4em;
 line-height: 1.3em;
 padding: 0 0 20px;
}

.section__headline-quote {
 color: #ffb400;
 font-size: 1.25em;
 font-style: italic;
 line-height: 1em;
 font-weight: 200;
}

/* Item Structure Base*/
.item {
 padding: 0 20px;
}

.item-icon img {
 display: block;
 margin: auto;
}

.item-icon {
 margin: 0 auto;
 max-width: 150px;
}

.item-img {
 background: #ccc;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 display: block;
 min-height: 200px;
}

.item-title {
 margin: 10px 0;
 text-align: center;
}

@media screen and (min-width:30em) {
 .item-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
 }

 .item-text {
  width: 100%;
 }

 .item-title {
  text-align: left;
 }
}

/** FAST Section**/
.fast__content-wrap {
 margin: 50px auto 0;
}

.fast__headline {
 color: #333;
 font-size: 3em;
 font-weight: 600;
 line-height: 1.1em;
 margin: 0 0.5em;
 text-align: center;
}

/** GUIDE Section**/
.guide__header {
 background: #041a33 url(https://www.awai.com/_img/content/cos/bg-guide-compass.jpg) bottom center no-repeat;
 background-size: cover;
 padding: 60px 0 0;
}

.guide__content-wrap {
 padding: 60px 0;
}

.guide__item {
 margin: 0 0 30px 0;
}

@media screen and (min-width:30em) {
 .guide__item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
 }

 .guide__item-icon {
  margin: 15px 40px 0 0;
  width: 120px;
  max-width: 100%;
 }

 .guide__item-icon img {
  width: 100%;
 }

 .guide__item-text {
  width: 600px;
 }
}

/** TEACH Section (learn) **/

.teach__header {
 background: #041a33 url(https://www.awai.com/_img/content/cos/bg-teach.jpg) bottom center no-repeat;
 background-size: cover;
 padding: 60px 0 0;
}

/*.teach__item-container {
 padding: 0px 0 0 0
}*/

.teach__item {
 margin: 0;
 padding: 0 10px;
}

.teach__item-img {
 margin: auto;
 width: 280px;
}

.teach__item-img-instructor {
 background: #fff url(https://www.awai.com/_img/content/cos/icon-instructor-led.svg) top center no-repeat;
}

.teach__item-img-training {
 background: url(https://www.awai.com/_img/content/cos/icon-simulated-training.svg) center center no-repeat;
}

.teach__item-img-assignments {
 background: url(https://www.awai.com/_img/content/cos/icon-real-clients.svg) center center no-repeat;
}

.teach__item-img-feedback {
 background: url(https://www.awai.com/_img/content/cos/icon-feedback.svg) center center no-repeat;
}

.teach__item-img-library {
 background: url(https://www.awai.com/_img/content/cos/icon-library.svg) center center no-repeat;
}

@media screen and (min-width:30em) {
 .teach__content-wrap {
  max-width: 46em;
 }

 .teach__item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  margin: 45px 0 25px;
  width: 100%;
 }

 .teach__item--reverse {
  flex-direction: row;
 }

 .teach__item-text {
  padding: 0 50px 0 0;
  width: 540px;
 }

 .teach__item-text-reverse {
  padding: 0 0 0 50px;
  width: 540px;
 }

 .teach__item-img {
  border-radius: 8px;
  width: 200px;
 }
}

/** INSPIRE Section**/

.inspire__header {
 background: #fff url(https://www.awai.com/_img/content/cos/bg-inspire.jpg) center center no-repeat;
 background-size: cover;
 padding: 60px 0 0;
}

.inspire__item-text {
 padding: 10px;
}

@media screen and (min-width:30em) {
 .inspire__item-img-01 {
  background-image: url(https://www.awai.com/_img/content/cos/tile-bg-01.jpg);
  margin: 10px 0 0;
  height: 200px;
  width: 100%;
 }

 .row {
  width: 100%
 }

 .row-reverse {
  display: flex;
  flex-direction: row-reverse;
 }

 .inspire__row {
  display: flex;
 }

 .item-col {
  width: 50%;
 }

 .inspire__item-col-text {
  display: flex;
  justify-content: flex-end;
 }

 .inspire__item-col-text-reverse {
  display: flex;
  justify-content: flex-start;
 }

 .inspire__item-text {
  width: 600px;
  padding: 40px 30px 30px 10px;
 }

 .inspire__item-text-reverse {
  width: 600px;
  padding: 40px 10px 30px 30px;
 }

 .item-col-img {
  background: #fff center center no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
 }

 .inspire__item-col-img-01 {
  background-image: url(https://www.awai.com/_img/content/cos/personal-mentor.jpg);
 }

 .inspire__item-col-img-02 {
  background-image: url(https://www.awai.com/_img/content/cos/copy-reviews.jpg);
 }

 .inspire__item-col-img-03 {
  background-image: url(https://www.awai.com/_img/content/cos/project-collaboration.jpg);
 }
}

/** PREPARE Section**/
.prepare__header {
 background: #fff url(https://www.awai.com/_img/content/cos/bg-prepare.jpg) center center no-repeat;
 background-size: cover;
 padding: 60px 0 0;
}

.prepare__item-container {
 padding: 40px 0;
}

.prepare__item {
 background-color: #f4f4f4;
 border-radius: 10px;
 margin: 20px 10px 20px;
 padding: 10px 20px;
 box-shadow: 0 10px 20px -18px #333;
}

.prepare__item-icon {
 display: block;
 margin: 0 auto 20px;
 max-width: 120px;
}

@media screen and (min-width:30em) {
 .prepare__content-wrap {
  max-width: 46em;
 }

 .prepare__item {
  background-color: #f4f4f4;
  border: 2px solid #eaeaea;
  border-radius: 10px;
  margin: 20px 10px 20px;
  padding: 10px 20px;
  max-width: 376px;
 }

 .prepare__item-title {
  color: #0A51A0;
  border-bottom: 3px solid #b8e5f9;
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 0;
  padding-bottom: 15px;
  text-align: center;
 }

 .prepare__item-text {
  margin: 0;
  max-width: 100%;
 }
}

/** EMPOWER **/
.empower__header {
 background: #fff url(https://www.awai.com/_img/content/cos/bg-empower.jpg) center center no-repeat;
 background-size: cover;
 padding: 60px 0 0;
}

.empower__item-img {
 display: none;
}

.empower__content-wrap {
 padding: 40px 0 0;

}

.empower__item-img-bootcamp {
 background: #fff url(https://www.awai.com/_img/graphics/banners/b20_banner-wide.jpg) top center no-repeat;
}

.empower__item-img-mastermind {
 background: #fff url(https://www.awai.com/_img/content/cos/cos-mastermind.jpg) center center no-repeat;
}

.empower__item-img-community {
 background: #fff url(https://www.awai.com/_img/content/cos/cos-community.png) center center no-repeat;

}


@media screen and (min-width:30em) {
 .empower__content-wrap {
  max-width: 46em;
 }

 .empower__item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  margin: 45px 0 25px;
  width: 100%;
 }

 .empower__item--reverse {
  flex-direction: row;
 }

 .empower__item-text {
  padding: 0 50px 0 0;
  width: 540px;
 }

 .empower__item-text-reverse {
  padding: 0 0 0 50px;
  width: 540px;
 }

 .empower__item-img {
  display: block;
  border-radius: 0;
  height: 100%;
  width: 350px;
  background-size: contain;
 }
}

/** VIDEOS **/
.video-testimonials {
 background-color: #1a1a1a;
 margin: 40px auto 0;
 padding: 20px 0 20px;
 width: 100%;
}

.video-testimonials__headline {
 color: #fff;
 font-size: 2em;
 line-height: 1em;
 margin: 0 0 20px 0;
 padding: 0;
 text-align: center;
}

.video-testimonial__tile img {
 display: block;
 margin: auto;
 padding: 5px;
 max-width: 300px;
}

@media screen and (min-width:30em) {
 .video-testimonials {}

 .video-testimonials__wrap {
  margin: auto;
  max-width: 48em;
 }

 .video-testimonials__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
 }

 .video-testimonial__tile {
  padding: 10px;
  width: 280px;
 }

 .video-testimonial__tile img {
  width: 100%;
 }
}

/** RFY (Right for You) Section**/
.rfy__header {
 background: #fff url(https://www.awai.com/_img/content/cos/bg-rfy.jpg) center center no-repeat;
 background-size: cover;
 padding: 40px 0 0;
}

.rfy__content-wrap {
 padding: 40px 10px;
}

.rfy__headline {
 font-size: 2.5em
}

.rfy__number {
 display: block;
 margin: 0 0 20px 0;
}

.rfy__numeral {
 /*background-color: #f1bb19;
 border:8px solid #ddd;*/
 border-radius: 100%;
 color: #222;
 font-size: 2.2em;
 font-weight: 700;
 /* padding: 20px 35px; */
 text-shadow: 1px 1px 4px #888;

}

.rfy__number:before,
.rfy__number:after {
 content: "";
 display: inline-block;
 vertical-align: middle;
 height: 100%;
 margin: -10px -5px 0 -5px;
 padding: 50px 0;
 width: 50px;
}

.rfy__number:before {
 background: transparent url(https://www.awai.com/_img/content/cos/olive-left.png) center center no-repeat;
 background-size: contain;
}

.rfy__number:after {
 background: transparent url(https://www.awai.com/_img/content/cos/olive-right.png) center center no-repeat;
 background-size: contain;
}

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

 /* .rfy__header {
  background-color: #ddd;
  color: #444;
 }
*/
 .rfy__content-wrap {
  max-width: 46em;
 }

 .rfy__item-container {
  max-width: 46em;
 }

 .rfy__item-title {
  text-align: center;
 }
}

.cta {
 background-color: #fcf3dd;
 background-image: linear-gradient(#fff, #fcf3dd, #fcf3dd, #fce09e);
}

.cta__header-wrap {
 margin: auto;
 padding: 10px 0 50px;
 max-width: 40em;
}

.cta__headline {
 color: #333;
 font-size: 1.8em;
 ;
 font-weight: 800;
 ;
 line-height: 1.1em;
 text-align: center;
 margin: 0;
}

/* Width Overrides*/
/** CTA/Button Styles **/
.cta__button {
 background: #66c9f2;
 border-radius: 100px;
 color: #fff;
 font-size: 1.1em;
 font-weight: 600;
 letter-spacing: -0.5px;
 line-height: 1.2em;
 margin: 0 auto;
 padding: 10px 40px;
 text-align: center;
}

:link.cta__button,
:visited.cta__button {
 color: #fff;
}

:hover.cta__button,
:active.cta__button {
 color: #ffffff;
 box-shadow: 0 8px 6px -5px #333;
 text-shadow: 0px 0px 25px #fff;
}

.down-divider:after {
 background: transparent url(https://www.awai.com/_img/content/cos/separator-down.svg) bottom center no-repeat;
 background-size: cover;
 content: "";
 display: block;
 width: 100%;
 min-height: 60px;
 margin: 60px 0 0px 0;
 padding: 0 0;

}

footer {
 color: #ccc;
 background-color: #444;
 font-size:.75em;
 line-height: 1.25em;
 padding: 30px 0;
 text-align: center;
 ;
}

footer a:link,
footer a:visited {
 color: #66c9f2
}

footer a:hover,
footer a:active {
 color: #ffb810;
}

.cos-gold {
 color: #ffb810
}

.cos-green {
 color: #40b448
}

.cos-ltblue {
 color: #66c9f2
}

.cos-dkblue {
 color: #09519f
}

.cos-orange {
 color: #f16921
}

.img-right {
 float: right;
 max-width: 300px;
 margin: 0 0 10px 30px;
}