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

/* ===== Offer Expired Reset ===== */
.offer-expired {
 background: #800 url(https://www.awai.com/_img/toolbox/icons/icon_important-60.png) no-repeat center 5px;
 border: 0 none;
 border-radius: 0;
 box-shadow: none;
 margin: 0 auto;
 max-width: 29em;
 padding: 80px 0.5em 1em;
 text-align: center;
 width: auto;
 min-height: inherit;
}


/*===== General =====*/
body {
 color: #333;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-size: 20px;
 font-weight: 400;
 line-height: 1.3;
 font-family: 'Poppins', Tahoma, Verdana, Segoe, sans-serif;
}

@media(max-width: 480px) {
 body {
  font-size: 18px;
 }
}

h1,
h2,
h3 {
 margin: 20px auto 15px;
 line-height: 1.3;
 font-family: 'Poppins', Tahoma, Verdana, Segoe, sans-serif;
 font-weight: 700;
 color: #1130b9;
}

h1 {
 font-size: 2.8em;
}

@media(max-width: 720px) {
 h1 {
  font-size: 2em;
 }

 h2 {
  font-size: 1.5em;
 }
}

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

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

.fa-li {
 color: #ee7f17;
 font-size: 24px;
}

/* Content Rules */

.content {
 padding: 0;
 margin: 0;
}

.wrapper {
 margin: 0 auto;
 background: #fcfcfc;
 padding: 0px;
}

.page-container {
 margin: 20px auto;
 max-width: 1000px;
 background: #fefefe;
 box-shadow: 0px 10px 40px -1px rgba(0,0,0,.1);
}

.container {
 margin: 0 auto;
 padding: 20px;
 max-width: 37em;
}

.pre-title {
 background: #385af0;
 color: #fefefe;
 padding: 20px;
 border-radius: 10px;
}

.portrait {
 max-width: 250px;
 width: 100%;
 background: #385af0;
 color: #fefefe;
}

.image-box{
 max-width: 250px;
 width: 100%;
}

.portrait--right, .image-box--right {
 float: right;
 margin: .5em 0 .6em .8em;
}

.portrait__caption {
 text-align: center;
 display: block;
 font-weight: bold;
 padding-bottom: 5px;
}

@media(max-width: 720px) {
 .portrait--right, .image-box--right {
  float: none;
  margin: 0 auto;
 }
}

@media(max-width: 1140px) {
 .page-container {
  margin: 0 auto;
 }
}

/* Header Styles */

.header-bottom-border {
 border-bottom: 5px solid #385af0;
 max-width: 600px;
 width: 100%;
 height: 10px;
 display: block;
 margin: 0 auto;
}

/* Invitation Styles */
#invitation {
 background: #e3e8ff;
}

#invitation h2 {
 color: #010101;
}

/* Weeks Styles */

.week {
 padding: 50px;
 margin: 20px auto;
 background: linear-gradient(rgba(211, 217, 247, .98), rgba(211, 217, 247, .98)) ,url(/_img/toolbox/p/eci/this_week.jpg) center no-repeat;
 background-size: cover;
 border-radius: 10px;
}

/* Testimonial Styles */

#testimonials {
 background: #f3f5ff;
}

#testimonials h2 {
 color: #ee7f17;
}

.testimonial {
 border-top: 8px solid #e3e8ff ;
 border-bottom: 8px solid #e3e8ff ;
 background: #f8f9ff;
 padding: 20px;
 margin: 20px auto;
 font-family: 'Fira Code', "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace;
}

.testimonial__citation {
 font-weight: bold;
 font-size: .8em;
 text-align: right;
 display: block;
 font-family: 'Fira Code', "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace;
}

/* Bonus Styles */

#bonus {
 background: #e3e8ff;
}

.bonus {
 background: #fefefe;
 padding: 50px;
 border-radius: 10px;
 margin: 50px auto;
}

.bonus h3 {
 text-align: center;
}

/*===== Buttons =====*/
a.order-button {
 background: #ff811b;
 background: -webkit-linear-gradient(top, #ff9a43 0%, #ff9640 49%, #ff811b 50%, #ff6c06 100%);
 background: linear-gradient(to bottom, #ff9a43 0%, #ff9640 49%, #ff811b 50%, #ff6c06 100%);
 border-radius: 0.25em;
 color: #fff;
 display: inline-block;
 font-weight: bold;
 font-size: 28px;
 line-height: 1.2;
 margin: 0.5em auto;
 padding: 0.8em .5em;
 transition: all 400ms ease-out;
}

a.order-button:hover,
a.order-button:focus,
a.order-button:active {
 color: #ff3;
}

a.order-button:active {
 background: #ff811b;
 background: -webkit-linear-gradient(top, #ec903f 0%, #e9893a 49%, #e77518 50%, #dd5f05 100%);
 background: linear-gradient(to bottom, #ec903f 0%, #e9893a 49%, #e77518 50%, #dd5f05 100%);
}