@charset "utf-8";

/* CSS Document */

@-ms-viewport {

 width: device-width;

}

* {

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.imgresponsive {

  max-width: 100%;

  height: auto;

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

section {

  padding: 2em 0;

}

.center-block {

  display: block;

  margin:0 auto;

}

.blue {

  color: #1a3b6d;

}

.teal {

  color: #03b4a5;

}

.grayed-out {

  color:#959595;

}

.bold{
  font-weight: 700;
}

.yellow-highlight{
  background: yellow;
}

h1 {

  font-weight: 600;

  font-size: 180%;

  line-height: 1.3em;

  margin-bottom:.5em;

}

h2 {

  font-weight: 600;

  font-size: 150%;

  line-height: 1.3em;

  margin-bottom:.5em;

}

h3 {

  font-weight: 600;

  font-size: 120%;

  margin-bottom:1em;

  line-height:1.5em;

}

p {

  margin-bottom:1em;

  line-height:1.5em

}

.larger-p {

  font-size:120%;

}

.ligh {

  font-weight:300;

}

.show-mobile {

  display:block;

}

.show-tablet

{

  display:none;

}

.show-desktop

{

  display:none;

}

.center-text {

  text-align:center;

}

.float-img-right {

  display:block;

  height: auto;

  margin: 20px auto;

}

.float-img-left {

  display:block;

  height: auto;

  margin: 20px auto;

}

body {

  background: #ffffff;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  color: #363636;

}

.container {

  min-height: calc(100vh - 390px);

}

header {

  background: #1a3b6d;

}

header .navbar {

  background: #1a3b6d;/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhM2I2ZCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMxYTNiNmQiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTNiNmQiIHN0b3Atb3BhY2l0eT0iMC40Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

  background: -moz-linear-gradient(top, rgba(26,59,109,0.5) 0%, rgba(26,59,109,0.5) 1%, rgba(26,59,109,0.4) 100%);

  background: -webkit-linear-gradient(top, rgba(26,59,109,0.5) 0%,rgba(26,59,109,0.5) 1%,rgba(26,59,109,0.4) 100%);

  background: linear-gradient(to bottom, rgba(26,59,109,0.5) 0%,rgba(26,59,109,0.5) 1%,rgba(26,59,109,0.4) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801a3b6d', endColorstr='#661a3b6d',GradientType=0 );*/

}

.nav-wrap {

  max-width: 100%;

  margin: 0 auto;

}

.nav-logo {

  width: 200px;

}

.nav-links ul {

  display: none;

  flex-direction: column;

  list-style: none;

}

.nav-links ul li a {

  font-size: 14px;

  text-decoration: none;

  color: #fff;

  

}

main {

  background: #1a3b6d url(../images/dream-bg.jpg) fixed center;

  color: #fff;

  margin-bottom:2em;

}



main p {

  line-height: 1.6em;

}

main a {

  display: block;

  background: #03b4a5;

  color: #fff;

  width: 250px;

  padding: .8em 2em;

  text-align: center;

  text-decoration: none;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  border-radius: 50px;

  margin-top: 1em;

}

main a:hover {

  background: #33cbbe;

}

.header-logo {

  display:flex;

  flex-direction:column;

  align-content:center;

  align-items:center;

  padding:.8em 0;

}

.header-logo img {

  max-width:300px;

}

.intro-wrap {

  display: flex;

  flex-direction: column;

  padding-top: 3em;

  align-items: center;

}

.intro-heading {

  width: 90%;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  margin-bottom: 2em;

}

.intro-img {

  width: 100%;

  text-align: center;

  

}

.intro-img img {

  width: 350px;

  height: auto;

  margin: 0 auto;

  margin-bottom: -.3em;

}

.content {

  width: 90%;

  max-width: 960px;

  margin: 0 auto;

}

.content-900 {

  width:90%;

  max-width:900px;

  margin:0 auto;

}

.content-800 {

  width:90%;

  max-width:800px;

  margin:0 auto;

}

.content-700 {

  width:90%;

  max-width:700px;

  margin:0 auto;

}

.content ul {

  margin-bottom:2em;

}

.content li {

  margin:0px 2em .5em 2em;

  line-height:1.5em

}

footer {

  background: #1a3b6d url(../images/dream-bg.jpg) fixed center;

  color: #fff;

  padding: 20px 0px;

}

.footer-wrap {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.footer-logo {

  width: 90%;

  max-width: 250px;

}

.footer-nav-wrap {

  font-size: 14px;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

}

.footer-links ul {

  display: flex;

  flex-direction: column;

  list-style: none;

  margin-bottom: 1em;

}

.footer-links ul li {

  padding: 10px 0px;

}

.footer-links ul li a {

  text-decoration: none;

  color: inherit;

}

.footer-links ul li a:hover, .nav-links ul li a:hover {

  color: #03b4a5;

}

.copyright {

  width: 80%;

}

.ways-flex {

  display:flex;

  flex-direction:column;

  align-items:center;

  align-content:center;

  justify-content: space-evenly;

  margin: 2em 0;

}

.ways-flex div {

  width:100%;

}

.ways-flex div:nth-child(2) {

  width: 100%;

}

.ways-heading {

  width:100% !important;

  display:flex;

  flex-direction:row;

  align-items:center;

  align-content:center;

  margin-bottom:1em;

}

.ways-heading h3 {

  margin-bottom:0;

  font-size:120%;

  width: 70%;

}

.ways-ol {

  background: #1a3b6d;

    border-radius: 100%;

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    padding: 1em;

    color: #ffffff;

    display: inline-block;

    font-weight: bold;

    margin-right: 15px;

    text-align: center;

    width: 3em;

    height: 3em;

  font-size: x-large;

  line-height: 20px;

}

.login-bg {

  background:url(../images/login-bg.jpg);

  background-size: cover;

}

.login-logo {

  width:150px;

  height:auto;

  margin-bottom:2em;

}

.login-wrap {

  width:80%;

  max-width:400px;

  margin:0 auto;

  padding:3em 2em;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a3b6d+28,000000+100&0.95+0,0.95+100 */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMWEzYjZkIiBzdG9wLW9wYWNpdHk9IjAuOTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjMWEzYjZkIiBzdG9wLW9wYWNpdHk9IjAuOTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(-45deg, rgba(26,59,109,0.95) 0%, rgba(26,59,109,0.95) 28%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg, rgba(26,59,109,0.95) 0%,rgba(26,59,109,0.95) 28%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg, rgba(26,59,109,0.95) 0%,rgba(26,59,109,0.95) 28%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f21a3b6d', endColorstr='#f2000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

display:flex;

flex-direction:column;

align-items:center;

-webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  border:none;

  color:#fff;

  font-size:13px;

}

.login-wrap a {

  color:#03b4a5;

  text-decoration:none;

}

.login-wrap a:hover {

  color:#33cbbe;

}

.login-form-wrap {

  display:flex;

  flex-direction:column;

  align-items:center;

  width: 100%;

}

.login-form-wrap input {

  margin-bottom:1em;

  font-size: 13px;

}

.login-form-wrap input[type=text], .login-form-wrap input[type=password] {

  padding:1em;

  text-align:center;

  font-family: 'Montserrat', sans-serif;

  width:95%;

  max-width: 300px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  border:none;

}

.login-form-wrap input[type=button] {

  padding:.8em;

  text-align:center;

  font-family: 'Montserrat', sans-serif;

  background: #03b4a5;

  color: #fff;

  width:95%;

  max-width: 250px;

  padding: .8em 2em;

  text-align: center;

  text-decoration: none;

  border:none;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  border-radius: 50px;

  cursor:pointer;

  appearance:none;

  -moz-appearance: none;

  -webkit-appearance: none;

}

.login-form-wrap input[type=button]:hover {

  background: #33cbbe;

}

.contact-flex {

  display:flex;

  flex-direction:column;

  justify-content:space-around;

}

.contact-flex div {

  padding:4%;  

  background:#ebebeb;

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  text-align:center;  

  margin-bottom:2%;

}

.contact-flex div h3 {

  font-weight:300;

  

}

.contact-flex div a {

  display:block;

  margin:0 auto;

  text-align:center;

  font-family: 'Montserrat', sans-serif;

  background: #03b4a5;

  color: #fff;

  width:95%;

  max-width: 250px;

  padding: .8em 2em;

  text-align: center;

  text-decoration: none;

  border:none;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  border-radius: 50px;

  cursor:pointer;

}

.contact-flex div a:hover {

  background: #33cbbe;

}

.contact-vendor {

}

.contact-cb{

}

.contact-form-box {

  width:100%;

  max-width:700px;

  margin:0 auto;

  padding:2em 0;

}

.contact-form-box input, .contact-form-box select, .contact-form-box textarea {

  width: 100%;

  padding: 15px 20px;

  border: #bebebe 1px solid;

  margin: 5px 0;

  font-family: 'Montserrat', sans-serif;

  letter-spacing: 0.3px;

  line-height: 1.4;

  border-radius: 5px;

  -o-border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  font-size:14px;

  -webkit-appearance: none;

  -moz-appearance:    none;

  appearance:         none;

}



.contact-form-box input[type=submit] {

  background: #1a3b6d;

  font-weight: 600;

  color: white;

  cursor: pointer;

  font-size: 1.1em;

  letter-spacing: 1px;

  border: 2px #1a3b6d solid;

  transition: 0.3s;

  white-space: nowrap;

  -webkit-appearance: none;

  -moz-appearance:    none;

  appearance:         none;



}

.contact-form-box input[type=submit]:hover {

  background: rgba(0,0,0,0);

  color: #1a3b6d;

  border: 2px #1a3b6d solid;

}

.pricing-grid {

   background:#1e5c8f;

}

.package-price-box {

  display: flex;

  flex-direction: column;

  text-align: center;

  width: 90%;

  margin:0 auto;

  margin-bottom: 2em;

  margin-top:2em;

}

.package-price-box div span {

  display: block;

}

.digital-physical-pack {

  background: #fbfbfb;

  margin: 0 auto;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin-bottom: 10px;

  border: 1px solid #bebebe;

  width: 95%;

  margin-top: 7%;

  z-index: 1;

}

.digital-pack, .physical-pack {

  background:#fff;

  margin: 0 auto;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin-bottom: 10px;

  border: 1px solid #bebebe;

  width: 95%;

}

.digital-pack h1, .physical-pack h1 {

  font-size: 150%;

  background: #213048;

  color: #fff;

  padding: 20px;

  margin-bottom: 0;

}

.digital-physical-pack h1 {

  font-size: 150%;

  background: #1c3b6d;

  color: #fff;

  padding: 20px;

  margin-bottom: 0;

}

.digital-pack h3, 

.digital-physical-pack h3, 

.physical-pack h3 {

  border-bottom: 1px #bebebe solid;

  padding: 20px 10px;

  margin-bottom: 0;

  font-size: 230%;

}

.digital-pack h3 span, 

.digital-physical-pack h3 span, 

.physical-pack h3 span {

  font-size: 40%;

  font-weight: 300;

  color:#232323;

  line-height: 1em;

}

.digital-pack a, .digital-physical-pack a, .physical-pack a {

  display: block;

  text-decoration: none;

}

  .package-price-box div img {

  width: 90%;

  max-width:300px;

  display:block;

  margin:0 auto;

  height: auto;

  margin-top: 10px;

    }

.package-price-box div input[type=button] {

  background: #ffd800;

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmQ4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

  background: -moz-linear-gradient(top, #ffd800 50%, #ffca3a 50%);

  background: -webkit-linear-gradient(top, #ffd800 50%, #ffca3a 50%);

  background: linear-gradient(to bottom, #ffd800 50%, #ffca3a 50%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ffca3a', GradientType=0 );

  width: 90%;

  text-decoration: none;

  color: #191919;

  font-size: 20px;

  font-weight: bolder;

  font-family: 'Roboto', sans-serif;

  cursor: pointer;

  padding: 15px 30px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  border: 1px #FFCA3A solid;

  margin: 20px 0px;

  font-weight: bolder;

}

.package-price-box div input[type=button]:hover {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fca400+50,ffb600+50 */

  background: #fca400; /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmY2E0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmI2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

  background: -moz-linear-gradient(top, #fca400 50%, #ffb600 50%); /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #fca400 50%, #ffb600 50%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #fca400 50%, #ffb600 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca400', endColorstr='#ffb600', GradientType=0 ); /* IE6-8 */

}

ul.package-price {

  list-style: none;

  text-align: center;

  font-size: 15px;

  padding: 10px 20px;

}

ul.package-price li {

  display: block;

  border-bottom: 1px solid #f5f5f5;

  padding: 12px 0;

  font-size: 14px;

}

.best-value {

  max-width: 210px;

  display: block;

  margin: 0 auto;

  margin-top: -47px;

  width: 100%;

}

.safe-checkout  {

  text-align:center;

  color:#fff;

}

.safe-checkout a {

  color: #33cbbe;

}



.form-check {

    position: relative;

    display: block;

    padding-left: 1.25rem;

}



.form-check {

    margin: 5px 5px 5px 15px;

}



.form-check label{

    display: block;

    cursor: pointer;

}



.form-check input[type="radio"] {

    display: none;

}



.form-check input[type="radio"] + label:before {

    content: '';

    display: block;

    position: absolute;

    width: 13px;

    height: 13px;

    top: 10px;

    left: 10px;

    border: 1px solid #1e598f;

    border-radius: 50%;

}



.form-check input[type="radio"]:checked + label:after {

    content: '';

    display: block;

    position: absolute;

    width: 11px;

    height: 11px;

    top: 13px;

    left: 13px;

    background:#1e598f;

    border: 1px solid #fff;

    border-radius: 50%;

}



.form-check input[type="radio"] + label:before{

    top: 1px;

    left: 0;

} 



.form-check input[type="radio"]:checked + label:after {

    top: 2px;

    left: 1px;

} 

.reminders {

  margin:2em 0;

}

.reminders ul {

  list-style:none;

  padding: 0;

  margin: 0;

}

.reminders ul li {

  background:url(../images/check-bullet.png) no-repeat;

  padding-left: 40px;

  padding-top: 1px;

  margin: 10px 0;

  line-height: 1.5em;

}

.actionplan {

  margin:2em 0;

}

.digital-cart-box {

  width:95%;

  margin:0 auto;

  background:#e3efff;

  padding:1.5em;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.11);

  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.11);

  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.11);

  margin-top:2em;

  margin-bottom:2em;

}

.digital-cart {

  display:flex;

  flex-direction:column;

  align-content:center;

  align-items: center;

}

.digital-cart div:nth-child(2) {

  display:flex;

  flex-direction:column;

  align-items: center;

  text-align:center;

}

.digital-cart div:nth-child(2) span {

  margin-bottom:.2em

}

.digital-cart div:nth-child(2) h1 {

  font-size:150%;

  font-weight:700;

}

.digital-cart div:nth-child(2) input[type=button] {

  padding:.8em;

  width:100%;

  max-width:320px;

  background:#1a3b6d;

  border:none;

  font-size:130%;

  font-family: 'Montserrat', sans-serif;

  color:#FFFFFF;

  text-transform:uppercase;

  font-weight:700;

  border-radius: 50px;

  -o-border-radius: 50px;

  -moz-border-radius: 50px;

  -webkit-border-radius: 50px;

  appearance:none;

  margin:.5em;

  cursor:pointer;

  appearance:none;

  -moz-appearance: none;

  -webkit-appearance: none;

}

span.digi-price {

  font-size: 250%;

  font-weight: 700;

}

.yes-bullet  {

  width:100%;

  max-width:650px;

  margin-left:auto;

  margin-right:auto;

  list-style:none;

  font-size:120%;

  padding: 2em 0;

}

.yes-bullet li {

  background:url(../images/black-check.png) no-repeat;

  padding-left: 50px;

  margin-bottom:1em;

}

.discover  ul{

  width:100%;

  max-width:800px;

  margin-left:auto;

  margin-right:auto;

  list-style:none;

  font-size:120%;

  text-align:left;

}

.discover li {

  background:url(../images/black-check.png) no-repeat;

  padding-left: 50px;

  margin-bottom:1em;

  line-height:1.3em;

}

.heading-box {

  display:flex;

  flex-direction:column;

  paddomg-bottom:2em;

  border-bottom:1px solid #D9D9D9;

}

.heading-box div {

  text-align:center;

}

.heading-box-logo {

}

.heading-box-timer {

    max-width: 100px;

    margin: auto;

}

.heading-box-intro h2 {

   font-weight:300;

 }

.add-cart-head {

  display:flex;

  flex-direction:row;

  align-items:center;

}

.add-cart-head div:nth-child(2) {

  font-size:75%;

  text-align:center;

}

.cart-close {

  display:flex;

  flex-direction:column;

  align-content:center;

  align-items:center;

  text-align:center;

}

.cart-close input {

  padding:.8em;

  font-family: 'Montserrat', sans-serif;

  margin-bottom:.8em;

  width:100%;

  max-width:400px;

  background: #fdfdfd;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: none;

  border: 1px solid #dbdbdb;

  appearance:none;

  -moz-appearance: none;

  -webkit-appearance: none;

  font-size: inherit;

  line-height:1.5em;

}

.cart-close input[type=submit] {

  background: #1a3b6d;

  color: #fff;

  width: 250px;

  padding: .6em 2em;

  text-align: center;

  text-decoration: none;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px; 

  border-radius: 50px;

  font-weight: 700;

  text-transform:uppercase;

  border:none;

  appearance:none;

  -moz-appearance: none;

  -webkit-appearance: none;

  cursor:pointer;

}

.close-heading {

  display:flex;

  flex-direction:column-reverse;

  align-items:center;

}

.close-heading div:nth-child(2) img {

  margin-top:-4em;

}

.instant-access {

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  margin:20px 0px;

}

.instant-access img {

  width:80%;

  max-width:450px;

  height:auto;

  display:block;

  margin:0 auto

}

.aff-register-form {

  width: 100%;

  text-align:center;

  max-width: 500px;

  margin: 0 auto;

  padding: 1em 0;

}

.aff-register-form input {

  display:block;

  width: 100%;

  padding: .8em;

  margin-bottom: .5em;

  font-family: 'Montserrat', sans-serif;

  text-align: center;

  border: thin #e3e3e3 solid;

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  font-size: 15px;

}

.aff-register-form input[type=text] {

}

.video-wrap {

  max-width:720px;

  margin:1em auto;

}

.btn {

  display:block;

  margin:0 auto;

  text-align:center;

  font-family: 'Montserrat', sans-serif;

  background: #03b4a5;

  color: #fff;

  font-size:20px;

  font-weight:500;

  width:95%;

  max-width: 300px;

  padding: .8em 2em;

  text-align: center;

  text-decoration: none;

  border:none;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  border-radius: 50px;

  cursor:pointer;

}

.btn:hover {

  background: #00998c;

}

.btn2 {

  display:block;

  margin:0 auto;

  text-align:center;

  background: #1a90bc;

  color: #fff;

  font-size:26px;

  font-weight:400;

  width:95%;

  max-width: 500px;

  padding: .5em 2em;

  text-align: center;

  text-decoration: none;

  border:none;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  cursor:pointer;

}

.btn2:hover {

  background: #00998c;

}

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

  .show-mobile {

  display:none;

  }

  .show-tablet

  {

    display:block;

  }

  .float-img-right {

      float: right;

      height: auto;
      margin: 10px 0;
      margin-left: 20px;

    }

    .float-img-left {

      float: left;

      height: auto;
      margin: 10px 0;
      margin-right: 20px;

    }

  body {

    font-size: 16px;

  }

  p {

    line-height:1.6em;

  }

  .container {

    min-height: calc(100vh - 285px);

  }

  .nav-wrap {

    width: 100%;

    max-width: 960px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

  }

  .nav-logo {

    width: 250px;

  }

  .nav-links ul {

    display: flex;

    flex-direction: row;

    list-style: none;

  }

  .nav-links ul li {

    padding: 0em 1em;

  }

  main h1 {

    font-weight: 600;

    font-size: 220%

  }

  main p {

    font-size: 110%;

    line-height: 1.6em;

  }

  .intro-wrap {

    align-items: center;

  }

  .intro-heading {

    width: 80%;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    margin-bottom: 2em;

  }

  .intro-img {

    width: 100%;

    text-align: center;

  }

  .intro-img img {

    width: 450px;

    height: auto;

    margin-bottom: -.25em;

  }

  .footer-logo {

    width: 250px;

  }

  footer {

    background: #1a3b6d url(../images/dream-bg.jpg) fixed;

    color: #fff;

    padding: 5em 0em;

  }

  .footer-wrap {

    flex-direction: column;

    align-items: center;

  }

  .footer-logo {

    width: 80%;

  }

  .footer-nav-wrap {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    margin-top: 2em;

  }

  .footer-links ul {

    flex-direction: row;

    margin-bottom: .5em;

  }

  .footer-links ul li {

    padding: 0px 15px;

  }

  .footer-links ul li a {

    text-decoration: none;

    color: inherit;

  }

  .footer-links ul li a:hover {

    color: #03b4a5;

  }

  .copyright {

    width: 100%;

  }

  .ways-flex {

    flex-direction:row;

    justify-content: space-between;

  }

  .ways-flex div {

    width:50%;

  }

  .ways-flex div:nth-child(2) {

    width: 45%;

  }

  .rev-desktop {

    flex-direction:row-reverse;

  }

  .login-logo {

    width:180px;

    height:auto;

  }

  .login-form-wrap input {

    margin-bottom:1em;

    font-size: 14px;

  }

  .contact-flex {

    display:flex;

    flex-direction:row;

    justify-content:space-around;

  }

  .contact-flex div {

    width:40%;

  }

  .contact-form-box input, 

  .contact-form-box select, 

  .contact-form-box textarea {

    font-size:16px;

  }

  .package-price-box {

    flex-direction: row;

    justify-content: center;

    align-items: flex-end;

    width: 95%;

    max-width: 1170px;

  }

  .package-price-box div span {

    display: block;

  }

  .digital-pack {

    margin-right: -1px;   

  }

  .physical-pack {     

    margin-left: -1px;

   }

  .digital-physical-pack {

    margin-top: 0px;

  }

  .digital-pack, .physical-pack {

  }

  .package-price-box div input[type=button] {

    width: 90%;

  }

  ul.package-price {

    padding: 10px 20px;

  }

  ul.package-price li {

    padding: 10px 10px;

    font-size: 15px;

  }

  .best-value {

    margin-top: -52px;

  }

  .digital-pack h1, 

  .physical-pack h1, 

  .digital-physical-pack h1 {

    font-size: 130%;

  }

  .digital-pack h3 span, 

  .digital-physical-pack h3 span, 

  .physical-pack h3 span {

     font-size: 32%;

  }

  .reminders {

    max-width:700px;

    margin:0 auto;

    margin-bottom:2em;

  }

  .digital-cart-box {

    width:500px;

  }

  .add-cart-head {

    display:flex;

    flex-direction:row;

    align-items:center;

    align-content:center;

    width:100%;

    max-width:700px;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

  }

  .add-cart-head div:nth-child(2) {

  font-size:100%;

  text-align:center;

}

.close-heading {

  display:flex;

  flex-direction:row;

  align-items:center;

}

.close-heading div:nth-child(2) img {

  margin-top:-4em;

}

.discover li {

  line-height:2em;

}

}

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

  section {

    padding: 3em 0;

}

  .container {

    min-height: calc(100vh - 213px);

    overflow: hidden;

  }

  .intro-wrap {

    flex-direction: row;

    justify-content: flex-end;

    padding-top:0;

  }

  .intro-heading {

    width: 480px;

    padding-left: 1em;

    text-align: left;

    align-items: flex-start;

  }

  .intro-img {

    width: 50%;

    text-align: left;

  }

  .intro-img img {

    width: 500px;

    margin-top: -2em;

  }

  footer {

    padding: 4em 0em;

  }

  .footer-wrap {

    max-width: 960px;

    margin: 0 auto;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

  }

  .footer-nav-wrap {

    display: flex;

    flex-direction: column;

    text-align: right;

    margin-top: 0em;

  }

  .footer-links ul {

    flex-direction: row;

    justify-content: flex-end;

  }

  .footer-links ul li {

    padding: 0px 0px 0px 30px;

  }

  .ways-flex {

    justify-content: space-evenly;

  }

  .ways-flex div:nth-child(2) {

    width: 35%;

  }

  .digital-pack h1, 

  .physical-pack h1, 

  .digital-physical-pack h1 {

    font-size: 150%;

  }

  .digital-pack, .physical-pack {

    margin-top: 62px;

  }

  .digital-physical-pack {

    margin-top: 2px;

  }

  .best-value {

    width: 100%;

    max-width: 210px;

    display: block;

    margin: 0 auto;

    margin-top: -53px;

  }

  .digital-pack h3 span, 

  .digital-physical-pack h3 span, 

  .physical-pack h3 span {

     font-size: 40%;

  }

  .digital-cart-box {

    padding:3em 2em;

    width:800px;

  }

  .digital-cart {

    display:flex;

    flex-direction:row;

    align-content:center;

    align-items: center;

    justify-content: space-between;

  }

  .digital-cart div {

    width:48%;

  }

  .heading-box {

    display:flex;

    flex-direction:row;

    align-content:center;

    align-items:center;

  }

  .heading-box-logo {

    width:40%;

  }

  .heading-box-intro {

    width:50%;

  }

  .heading-box-timer {

    width:10%;

  }

  .instant-access {

      flex-direction:row;

      justify-content:space-around;

    }

    .instant-access img {

      max-width:350px;

    }

}

/*============================================*/

@media screen and (max-width: 767px){
  .float-img-left, .float-img-right{
    width: auto;
  }
}


/*===================== NEW STYLES =======================*/

.h2-subtext {
  font-size: 18px;
  text-align: center;
  font-style: italic;
  font-weight: 500;
  margin-top: -18px;
}

.reason-h1 {
  margin-top: 30px;
}

.addcart-btn {
  margin: auto;
}
@media only screen and (max-width: 768px){
  .addcart-btn {
    width: 100%;
    max-width: 350px;
  }
}

.addorder-btn {
  width: 100%;
  max-width: 500px;
}


/*===================== YOUTUBE VIDEO =======================*/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }