/* 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-radius: 0;
	padding: 80px 1em 1em;
	text-align: center;
	width: auto;
	min-height: 0;
}

/* General Rules */

body {
 font-family: 'Cabin', sans-serif;
	font-size: 120%;
 color: #333;
}

@media(max-width: 1140px) {
 body {
  font-size: 110%;
 }
}

@media(max-width: 960px) {
 body {
  font-size: 100%;
 }
}

h1,
h2,
h3 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

h2 {
 font-size: 1.7em;
}

.h3 {
 font-family: 'Cabin', sans-serif;
 font-weight: bold;
 color: #003566;
 font-size: 1.3em;
}

h1, h2, h3, h4 {
 font-family: 'Raleway', sans-serif;
 font-weight: 800;
 color: #004E89;
}

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

ul li {
 margin: 0;
 padding: 20px 0 8px 60px;
 	list-style: none;
	background-image: url("https://www.awai.com/_img/toolbox/p/crg/crg_target.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px;
}

@media(max-width: 500px) {
 ul li {
  margin: 0;
  margin-left: -40px;
  padding: 20px 0 8px 45px;
   list-style: none;
  background-image: url("https://www.awai.com/_img/toolbox/p/crg/crg_target.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40px;
 }
}

.callout-box {
 background: #D7E3FC;
border-radius: 20px;
padding: 20px;
margin: 0 auto 50px;
max-width: 720px;
}

.callout-box__body {
 max-width: 540px;
 margin: 0 auto;
}

.callout-box__title {
 text-align: center;
 max-width: 440px;
 margin: 0 auto;
}

.side-image {
 position: absolute;
 max-width: 250px;
}

.side-image--right {
 right: 15em;
}

.side-image--left {
 left: 15em;
}

.side-image--left-eureka-man {
 top: 25em;
}

.website-man {
 top: 36em;
}

.clients-image, .profitable-image {
top: 34em;
}

.profitable-image {
 top: 34em;
 /* left: 20em; */
}

.side-image--left-launching-man {
 left: -8em;
 z-index: -1;
 top: 26em;
}

.side-image--right-launching-woman {
 right: -8em;
 z-index: -1;
 top: 0em;
}


.center-image {
 display: block;
 margin: 0 auto;
 text-align: center;
 max-width: 350px;
 width: 100%;
}

@media(max-width: 1720px) {
 .side-image--right {
  right: 8em;
 }

 .side-image--left {
  left: 8em;
 }
}

@media(max-width: 1500px) {
 .side-image--right {
  right: 2em;
 }

 .side-image--left {
  left: 2em;
 }
}

@media(max-width: 1500px) {
 .side-image--right {
  right: 0em;
 }

 .side-image--left {
  left: 0em;
 }
}

@media(max-width: 1100px) {
 .side-image {
  position: relative;
  max-width: 250px;
  margin: 0 auto;
 }

 .side-image-group {
  display: flex;
  max-width: 500px;
  margin: 0 auto;
  align-items: flex-end;
 }

 .side-image--left-eureka-man {
  top: 0;
 }

 #launching-growing .container {
  margin-top: 7em;
 }

 #launching-growing .container > .side-image-group {
  position: absolute;
  align-items: flex-end;
 }

 .side-image--left-launching-man {
  left: 9em;
  z-index: -1;
  top: -9em;
  position: relative;
  transform: rotate(
38deg
);
 }

 .side-image--right-launching-woman {
  right: -3em;
  z-index: -1;
  top: -6em;
  position: relative;
  transform: rotate(
-28deg
);
 }

 .website-man, .clients-image, .profitable-image {
  top: 0;
 }
}

@media(max-width: 640px) {
.side-image--right-launching-woman,
.side-image--left-launching-man{
 display: none;
 }
}

/* Containers */

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

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

.container--bg-white {
 background: #fff;
 border-radius: 20px;
}

.container--960 {
max-width: 960px;
}

.container--720 {
 max-width: 720px;
}

.container--640 {
 max-width: 640px;
}

.container--blue {
 background: #D7E3FC;
}

.container--radius {
 border-radius: 20px;
}

/* Header */

header {
 background: #AECBEB;
 padding-top: 50px;
 padding-bottom: 100px;
}

.header__container {
 display: flex;
 justify-content: space-around;
 align-items: center;
}

.header__left {
 max-width: 700px;
 font-size: 130%;
}

.header__right {
 max-width: 500px;
}

.header__right img {
 max-width: 400px;
}

.header__container h1 {
 text-align: left;
 color: #001D3D;
 font-size: 4em;
}

/* Media Queries */

@media(max-width: 1100px) {
 .header__container {
  flex-wrap: wrap;
 }

 .header__left {
  text-align: center;
 }

 .header__container h1 {
  text-align: center;
  font-size: 3.5em;
 }

 header {
  padding-top: 0px;
  padding-bottom: 100px;
 }
}

@media(max-width: 540px) {
 .header__left {
  text-align: center;
  font-size: 105%;
 }

 .header__right img {
  max-width: 250px;
 }

 .header__container h1 {
  font-size: 2.5em;
 }
}

/* SECTIONS */

#stage {
 position: relative;
 margin-top: -80px;
}

#personalized {
 background: #EDF2FB;
 position: relative;
 padding-bottom: 100px;
}

#eureka, #niche {
 position: relative;
 margin-top: -80px;
}

#launching-growing .container {
 position: relative;
}

#niche {
 background: #EDF2FB;
 z-index: -1;
}

#niche .container {
 padding-top: 5em;
 padding-bottom: 5em;
}

#attraction-machine .container {
 background: #D7E3FC;
 position: relative;
 margin-top: -5em;
 border-radius: 20px;
}

#your-website {
 position: relative;
}

#get-clients {
 background: #EDF2FB;
 padding-bottom: 100px;
}

#your-client, #profitable {
 position: relative;
}

#your-client .container, #templates .container {
 background: #D7E3FC;
 margin-top: -5em;
 border-radius: 20px;
}

#templates {
 padding-top: 100px;
 position: relative;
}

#profitable .container {
 background: #EDF2FB;
 margin: 50px auto;
 border-radius: 20px;
}

#resource {
 background: #E2EAFC;
 padding-top: 50px;
 margin-top: -50px;
}

.resource__card {
 position: relative;
 background: #EDF2FB;
 border-radius: 20px;
margin: 30px auto;
}

.resource__card:nth-last-of-type() {
 margin: 0 auto;
}

.resource__image--left {
 left: -10em;
 bottom: 1em;
}

.resource__image--right {
 right: -13em;
 bottom: 1em;
}

@media(max-width:1240px) {
 .resource__image--left {
  left: 0;
  bottom: 0;
  position: relative;
  margin: 0 auto
 }

 .resource__image--right {
  right: 0;
  bottom: 0;
  position: relative;
  margin: 0 auto
 }
}

.bonus {
 background: #E2EAFC;
 margin: 30px auto;
 border-radius: 20px;
 max-width: 720px;
}

.bonus__header {
 padding: 40px;
 background: #CCDBFD;
 border-top-right-radius: 20px;
 border-top-left-radius: 20px;
}

.bonus__body {
 padding: 0 40px 40px;
}

/* PRE EVENT */

.pre-event h1 {
 color: #001D3D;
 font-size: 4em;
}

@media(max-width: 720px) {
 .pre-event h1 {
  font-size: 2.75em;
 }
}

@media(max-width: 500px) {
 .pre-event h1 {
  font-size: 2em;
 }
}

@media(max-width: 360px) {
 .pre-event h1 {
  font-size: 1.75em;
 }
}

/* Buttons */

a.order-button {
 background: #FF8600;
 border-radius: 20px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2;
	margin: 0.25em auto;
	padding: .8em .6em;
 width: 10em;
}

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