@charset "utf-8";
@font-face {src: url('./GiorgioSans-Bold-Web.woff2') format('woff2');font-family: 'Giorgio Sans Web'; font-weight:  700; font-style:   normal; font-stretch: normal; line-height: 1em;}
*{margin:0;padding:0;text-decoration:none;outline:none;border:none;position:relative;line-height:1.2em;}
*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body, html{width:100%;min-width:320px;overflow-x: hidden}
body{margin:0;padding:0;font-family: 'Helvetica',sans-serif;background-color:#FFCB2E;font-weight:normal;font-size:16px;letter-spacing:0;color:#292927;min-width:320px;overflow: hidden;  }
strong {font-weight: bold}
.no-ws{white-space: nowrap;}
html {scroll-behavior: smooth;}
.cf:before,.cf:after {content: "";display: block;}
.cf:after {clear: both;}
.cf {clear: both;}
.panel > .row{height: 100%;}
.right-sec{overflow-y: auto;scrollbar-color: #ffcb2f #ffcb2f;scrollbar-width: thin;}
img{max-width:100%;width:auto;height:auto;}
.row{width:100%;}
.container{width:100%;margin:0 auto;max-width: 1360px}
input[type=submit],input[type=button], input[type="text"],input[type="email"], textarea, button {-webkit-border-radius:0px; border-radius:0px; -webkit-appearance: none; appearance: none;}
.video-container > div {
  position: static;
}
.video-container > img {
  display: block;visibility: hidden;
}
.video-container iframe {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  display: inline-block;
  z-index: 2;
}
.product-pg ul{color: #fff;}
.product-pg li{list-style-position: inside; padding-left: 0;}
.list li, .t-links li, nav li,.tick-list li{list-style-type: none; }

.banner-pic img{width:100%; display: block;}
.flex{display: flex; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap; justify-content: space-between;  }
.align-center{align-items: center}
.justify-center{justify-content: center}
.align-end{align-self: flex-end}
.justify-end{justify-content: flex-end}
.justify-left{justify-content: flex-start}
.direction-column{flex-direction: column;}
.inner-cont .main-pic{display: none !important;}
.product-list .pic a{color:inherit; display: block;}
.tabs.wc-tabs,.summary.entry-summary,.woocommerce-product-gallery{display: none;}
.scrollToTop{bottom:10%;display:none;position:fixed;right:20px;background:rgba(0, 0, 0, 0.5) url(../images/arw-up.png) no-repeat center center;width:35px;height:35px;text-align:center;border-radius:3px;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);}

.text-left{text-align: left;}
.text-center{text-align: center}
.text-right{text-align: right}
.brd-btm{background: #F7CC52;display: inline-block;height: 6px;width: 100%;margin-top: 0.5em;}
br{line-height: 0;}
.bold{font-weight: bold;}

::placeholder{color: inherit; font-family: 'Helvetica',sans-serif; font-size: 12px; font-style: normal;}
::-webkit-input-placeholder{color: inherit; font-family: 'Helvetica',sans-serif; font-size: 12px; font-style: normal;}
::-moz-placeholder{color: inherit; font-family: 'Helvetica',sans-serif; font-size: 12px; font-style: normal;}

.loaderz:before {
  content:"";
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #292929; /* Blue */
  border-radius: 60%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  position: absolute;
  z-index: 999;
  left: 30%;
  top:12%;
}
.loaderz .col.flex{opacity: 0.5;}
@-webkit-keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}


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

  .scrolltop{width: 2.8125rem; height: 2.8125rem; background: url(../images/arrow.svg) no-repeat; background-size: contain; display: inline-block; cursor: pointer; transform: rotate(90deg); -webkit-transform: rotate(90deg); position: absolute; right: 1.3125em; bottom: 1em;}

  #counter circle {
    stroke-dashoffset: 0;
    stroke: #ffcb2e;
    stroke-width: 2.5px;
  }
  /* #counter.act circle {
    transition: stroke-dashoffset 1s linear;
    -webkit-transition:  stroke-dashoffset 1s linear;
  } */
  #counter #bar {
    stroke: #b3b0b0;
  }
  #timer {
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    top:-29px;
    left:25px;
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
  }


  .slider .slider-cont{height:auto }
  .slider .slides{position: absolute; left: 0;top:0; width: 100%; opacity: 0;-webkit-transition: opacity .75s ease-out; transition: opacity .75s ease-out; z-index: 0}
  .slider .slides.act{opacity: 1; z-index: 1}
  .slider .slides:first-child{left: 0}
  .slides.act{opacity: 1; z-index: 1}
  .slider-cont{overflow: hidden; width: 100%;}
  .slider .nv{width: 2.8125rem; height: 2.8125rem; background: url(../images/arrow.svg) no-repeat; background-size: contain; display: inline-block; cursor: pointer;}
  .slider .nv:last-child{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
  .slider .navz .text{color: #ffffff; font-size: 0.75em;}

  .container .cont{padding: 0 1.3125em;}
  .btn{background-color: #292927; border: 1px solid #292927; width: auto; font-size: 1.625em; height: 3.125rem; font-family: 'Giorgio Sans Web',Helvetica,sans-serif; color: #ffffff; line-height: 2.8125rem; text-align: center; display: inline-block; cursor: pointer;     width: 8.125rem; }

  .yello-btn{background-color: #FFCB2E; color: #292927; border: 1px solid #FFCB2E;}

  header .logo{max-width: 7.3125rem; display: inline-block;}
  header{padding: 1.1875em 1.3125em 0.9375em; position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background: #FFCB2E;}
  .main-banner{margin-top: 82.45px;}


  p{font-size: 0.875em; line-height: 1.714285714285714em; color: #292927; letter-spacing: -0.05px; margin-bottom: 1.5625rem;}
  p:last-of-type{margin-bottom: 0;}
  h1{color: #292927; font-weight: 500; font-family: 'Giorgio Sans Web'; font-size: 3.125em; line-height: 0.88em; text-transform: uppercase;}
  h1 span{line-height: inherit}
  /* h1 span{line-height: 0.8043478260869565em} */
  h1 span::after{content: ''; width: 100%; background-color: #ffffff; height: 4px; position: absolute; left: 0; bottom: -3px;display: none;}

  /* h1 span.cus-border {
    text-decoration: underline;
    text-decoration-line: underline;
    text-decoration-thickness: auto;
    text-decoration-line: underline;
    text-decoration-color: #FFCB2E;
    text-decoration-thickness: .1em;
    text-underline-offset: -0.0119047619047619em;
    text-underline-position: under;
  } */
  h1 span.cus-border{text-decoration: underline; text-decoration-line: underline;text-decoration-thickness: auto; text-decoration-line: underline; text-decoration-color: #FFCB2E; text-decoration-thickness: .1em; text-underline-offset:0.05em; text-underline-position: unset;}
  @-moz-document url-prefix() {
    h1 span.cus-border{text-underline-offset:0.1em;  text-decoration-thickness: .1em; }
  }
  /* .main-banner h1 span.cus-border {
    text-underline-offset: -0.0119047619047619em;
  } */
  h1 span.cus-border.white {
    text-decoration-color: #ffffff;
  }

  .main-banner p,.real-deal p{font-size: 1em; line-height: 1.625em;}

  .main-banner .cont{padding: 1.125rem 1.3125em 1.25rem; width: 100%;}
  .main-banner h1{font-size: 3.4375em;}
  .main-banner h1 span::after{width: calc(100% - 2px); left: 1px;}
  .main-banner .cm-title{margin-bottom: 1.5625em;}
  .main-banner .btn-sec{margin-top: 0.9375rem;}
  .main-banner .pic{width: 100%;}
  .main-banner picture{width: 100%;}

  .real-deal{background-color: #FFFAE4; padding: 3.4375rem 0 4.125rem;}
  .real-deal h1 span::after{background-color: #ffcb2f;}
  .real-deal .cm-title{margin-bottom: 2.6875em;}
  .real-deal p br{display: none;}

  .be-empowered .cont{padding: 3.3125em  1.3125em 2.1875em; width: 100%;}
  .be-empowered .cm-title{margin-bottom: 2.375rem;}

  .list li{font-size: 0.875em; line-height: 1.714285714285714em; color: #292927; letter-spacing: -0.05px; border-bottom: 1px solid #B9B6A9; padding: 0.875rem 0;}
  .list li:last-child{border-bottom: 0; padding-bottom: 0;}
  .you-will-discover{background-color: #FFF2C6;}

  .pic img{display: block; width: 100%;}
  .you-will-discover h1 span::after{background-color: #FFCB2E;}

  .the-course .slider{padding: 0 1.3125em; margin-top: 2.5em;}
  .the-course{padding: 3.3125em 0; background-color: #292927;}
  .the-course h1{color: #ffffff;}
  .the-course h1 span::after{background-color: #FFCB2E;}
  .the-course p{color: #ffffff;}
  .the-course .cm-title{margin-bottom: 2.375rem;}
  .the-course .navz{margin-top: 1.5em;}
  .the-course .i-cont p{border-bottom: 1px solid #F7CC52; min-width: 18em; display: inline-block; margin-bottom: 1.125em; padding-bottom: 1.125em;}
  .the-course .i-cont p:last-child{border-bottom: 0; margin-bottom:0; padding-bottom: 0;}

  .pricing h2{font-weight: 500; font-family: 'Giorgio Sans Web'; color: #FFCB2E; font-size: 1.375rem; line-height: 1em;}
  .pricing .price{font-weight: 500; color: #ffffff; font-size: 2rem; font-family: 'Giorgio Sans Web'; line-height: 1em;}
  .pricing .price span{font-size: 0.5em;}
  .the-course .pricing{margin-top: 3.5em;}
  .the-course .btn-sec{margin-top: 1em;}

  .mike-fisher{padding: 3.3125em 0 0}
  .mike-fisher .cm-title{margin-bottom: 2.375rem;}
  .mike-fisher .pic{margin-top: 1.5em; padding: 0 1.375em;}

  .best-life{background-color: #292927;}
  .best-life h1{color: #ffffff; font-size: 5.0625em;}
  .best-life h1 span::after{background-color: #FFCB2E;}
  .best-life .cm-title{margin-bottom: 3.5em;}
  .best-life .cont{padding: 7em 3.5em;}

  .sticky-footer{padding: 1.25em 1.3125em; position: fixed; bottom: -100%; left: 0; width: 100%; background-color: #FFCB2E; z-index: 3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease}
  .sticky-footer.act{ bottom: 0}
  .sticky-footer .btn-sec{width: 100%; flex-direction: row-reverse; align-items: center;}
  .sticky-footer .link{font-size: 0.875em; color: #292927; font-weight: bold; text-decoration: underline;}

  .page{padding-bottom: 5.625rem;}

  .testimonials{background-color: #FFFAE4; padding: 3em 0 3.75em;}
  .testimonials .pic img{max-width: 5rem; border-radius: 50%;}
  .testimonials .flag{max-width: 1.25rem;}
  .testimonials .pic{margin-bottom: 1.5625em;}
  .testimonials p{margin-bottom: 3em; font-size: 1em; line-height: 1.625em}
  .testimonials .author p{font-size: 0.75em; margin-bottom: 0; letter-spacing :0.001em}
  .testimonials .author span{display: block; margin-bottom: 0.125em; letter-spacing :0.001em}
  .testimonials .arws{text-align: center; align-self: center; width: 100%; margin-top: 2rem;}
  .testimonials .nav-container{width: 6.625em; display: inline-block;}
  .testimonials .slider .nv{background: url(../images/arrow-black.svg) no-repeat center center; border-radius: 50%; margin-right: 0.5em; border: 1px solid #bab6a8;}
  .testimonials .slider .nv:last-child{border: 0; transform: none; -webkit-transform: none; z-index: 3;}
  .testimonials .slider .nv:first-child{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
  .testimonials h1 span::after{background-color: #FFCB2E;}
  .testimonials h1{line-height: 1.125em;}
  .testimonials .cm-title{margin-bottom: 1.6875em;}

  .video-container iframe{width: 100%; height: 100%;left: 0; top: 0; position: absolute; display: inline-block; z-index: 2;}
  .testimonials .desc{width: 100%;}
  .testimonials .desc br{display: none;}
  .sticky-footer .container{padding: 0;}
  .sticky-footer .logo{display: none;}

  .real-deal h1 span::after, .be-empowered h1 span::after, .best-life h1 span::after{left: 1px; width: calc(100% - 1px);}
  .you-will-discover h1 span::after{left:0; width: 100%}
  .mike-fisher h1 span::after{left: 1px;}

.btn:hover{background-color: #4E4E4E; border-color:#4E4E4E;}
.btn.yello-btn:hover{background-color: #E2A900; border-color: #E2A900;}





.be-empowered .pic{margin-top: 2.0625rem;}
.main-banner h1{font-size: 3.3125em; line-height: 0.7924528301886792em !important;}
.main-banner p{font-size: 0.875em; line-height: 1.285714285714286em;}
.main-banner .cont{padding: 1.8125rem 1.3125em 2.375rem;}
.main-banner .cm-title{margin-bottom: 2.125em;}
.main-banner .btn-sec{margin-top: 1.8125rem;}

.real-deal h1{line-height: 0.88em;}
.list li, p {font-size: 1em; line-height: 1.625em;}
.testimonials p{font-size: 0.875em; line-height: 1.714285714285714em; margin-bottom: 1.25rem;}
.testimonials .author p{line-height: 1.5em;}
.testimonials h1{line-height: 1.12em;}
.best-life h1{font-size: 5.75em; line-height: 0.8157894736842105em;}
.best-life .cont{width: 100%; text-align: center;}
.best-life .container.flex{flex-direction: column-reverse;}
.real-deal{padding: 4.125rem 0 4.3125rem;}
.real-deal .cm-title{margin-bottom: 2.3125em;}

.be-empowered .cont{padding: 2.875em 1.3125em 0}
.be-empowered .pic{padding: 0 1.3125em 1.25em;}
.be-empowered .cm-title{margin-bottom: 1.75rem;}
.list li{padding: 0.78rem 0;}

.the-course{padding: 2.8125em 0 3.625em;}
.the-course .cm-title{margin-bottom: 2.625rem;}
.the-course .i-cont p{line-height: 1.375em; margin-bottom: 0.8125rem; padding-bottom: 0.5625rem;}
.the-course .desk-cont{display: none;}
.the-course .mob-cont{text-align: center;}
.the-course .slider{margin-top: 3.125em;}
.slider .navz .text{text-align: center; line-height: 1.166666666666667em;}
.pricing h2{font-size: 1.5625em;}
.pricing .price{font-size: 2.125rem;}
.pricing .price span{font-size: 0.5882352941176471em;}
.the-course .navz{margin-top: 0.8125rem;}
.the-course .pricing{margin-top: 3.4375em;}

.mike-fisher{padding: 2.8125em 0 0;}
.mike-fisher .cm-title{margin-bottom: 2.25rem;}
.mike-fisher .pic img{max-width: 18.25rem;}
.mike-fisher .pic{width: 100%; justify-content: flex-end; padding: 0 0.625em; margin-top: 1.25em;}

.testimonials{padding: 2.875em 0 2.875em;}
.testimonials .cm-title{margin-bottom: 1.5rem;}
.testimonials .pic{margin-bottom: 1rem;}
.testimonials .nav-container{width: 100%;}
#timer{right: -27px; left: auto; top: -28px;}
.testimonials .slider .nv{margin: 0;}
.testimonials .arws{margin-top: 3.6875rem;}

.best-life .cont{padding: 4.125em 3.5em 5.1875em;}
.best-life .cm-title{margin-bottom: 3.75em;}

.scrolltop{width: 2.0625rem; height: 2.0625rem;}

.sticky-footer{padding: 1.21em 1.3125em;}
.page{padding-bottom: 5.5em;}



.best-life .i-cont{margin: auto;}

header .logo img {max-width: 116.26px;}
header .logo {display: inline-block;line-height: 0;}

/**border**/
h1{line-height: 0.8em;}
h1 span{text-decoration: none !important; display: inline-block !important; line-height: 0.74em;}
h1 span::after {content: '';  height: 5px; position: absolute; bottom: -11px; display: inline-block;}
.best-life h1 span::after { height: 9px; bottom: -19px;}
.best-life h1 span{line-height: 0.76em;}
.main-banner h1 span{line-height: 0.755em;}
.main-banner h1 span::after {height: 5px; bottom: -11px;}
.testimonials h1{line-height: 1em; }
/**border**/



}
@media only screen and (min-width : 390px){
  .real-deal h1 br{display: none;}
}

@media only screen and (min-width : 480px){
  .testimonials .pic{flex-basis: auto;}
  .testimonials .arw-sec > .row{justify-content: flex-end;}
  .testimonials .desc{flex-basis: 76%; max-width: 76%; width: 76%;}
  .testimonials .arws{flex-basis: 76%; text-align: left; max-width: 76%;}
  .slider .navz .text br{display: none;}
  .testimonials .nav-container{width: 6.625em;display: inline-block;}
}
@media only screen and (min-width : 640px){
  h1{font-size: 3.75em;}
  /* h1 span.cus-border {
    text-decoration-thickness: .09em;
    text-underline-offset: -0.0333333333333333em;
  }
  .main-banner h1 span.cus-border {
    text-decoration-thickness: .1em;
  } */
  .main-banner h1{font-size: 4.375em;}
  .real-deal{text-align: center;}
  .container .cont{padding: 0;}
  .container{padding: 0 1.3125em;}
  .main-banner .container{padding: 0;}
  .main-banner .container .cont{padding: 1.5em 1.3125em;}
  .be-empowered .cont{width: 60%;}
  .be-empowered .pic{width: 36%;}
  .be-empowered{padding: 3.4375rem 0 4.125rem;}
  .you-will-discover .container.flex{flex-direction: row-reverse;}
  .the-course .slider{width: 50%; margin-top: 0; padding: 0;}
  .the-course .cont{width: 50%;}
  .the-course .navz{flex-wrap: nowrap;}
  .slider .navz .text{text-align: center;}
  .mike-fisher .cont{width: 60%; padding-bottom: 2em;}
  .mike-fisher .pic{width: 40%; margin-top: 0; align-items: flex-end; padding: 0;}
  .testimonials .pic img{width: 7em; max-width: 100%;}
  .testimonials h1 br{display: none;}
  .best-life .container{padding: 0; flex-direction: row-reverse; align-items: center;}
  .best-life .cont{width: 55%; text-align: center;}
  .best-life .pic{width: 45%;}
  .best-life .i-cont{display: inline-block; width: auto; text-align: left;}
  .be-empowered .pic{margin-top: 0.375rem;}
  .best-life .container.flex{flex-direction: row-reverse;}

  .the-course .mob-cont{display: none;}
  .the-course .desk-cont{display: block;}

  /**border**/
  .main-banner h1 span::after {height: 7px; bottom: -15px;}
  h1 span{line-height: 0.77em;}
  h1 span::after{ height: 6px; bottom: -13px; }
  .best-life h1 span{line-height: 0.76em;}
  /**border**/



}
@media only screen and (min-width : 670px){
  .real-deal p br{display: block}
}
@media only screen and (min-width : 768px){
  .main-banner .container .cont{padding: 3.5em 1.3125em 2em;}
  .testimonials { padding: 4.5rem 0;}
  .testimonials .desc{width: 80%; flex-basis: 80%; max-width: 532px;}
  .testimonials .arws{width: 80%; flex-basis: 80%; max-width: 80%;}
}
@media only screen and (min-width : 1024px){
  .main-banner{margin-top: 0;}
  .main-banner .pic{width: 51%;}
  .main-banner picture{width: auto;}
  .main-banner .container .cont{width: 49%; padding: 10em 1.65em 0 2.65em}
  .main-banner .container{flex-direction: row-reverse;}
  header{position: absolute; left: 0; top: 0; z-index: 1; width: auto;}
  .container{padding: 0 5em; max-width: 1261px;}
  .be-empowered .pic{width: 34.57573354480571%;}
  .be-empowered .cont{width: 65.42426645519429%;}
  .list{width: auto; display: inline-block;}
  .you-will-discover .cont{padding-left: 4.25em;}
  .you-will-discover .list{width: 100%;}
  .the-course .cont{width: auto;}
  .the-course .i-cont{flex-direction: column;}
  .the-course .i-cont p{min-width: auto;}
  .mike-fisher .cont{max-width: 419px;}
  .testimonials .pic img{max-width: 6.25rem;}
  .testimonials .pic{width: 8.5rem;}
  .testimonials .slider .slides{justify-content: flex-start;}
  .best-life .pic{width: 45%;}
  .best-life .cont{width: 55%; text-align: left; padding-left: 8.5em;}
  .testimonials .arws{flex-basis: 85%; width: 85%; max-width: 85%;}
  .sticky-footer .logo{display: block; max-width: 7.3125rem;}
  .sticky-footer .btn-sec{width: auto; flex-direction: row;}
  .sticky-footer .link{margin-right: 1.3125rem;}
  .main-banner .container, .best-life .container,.sticky-footer .container{max-width: 100%;}
  .btn,.the-course .btn{min-width: 9.375rem;}

  .real-deal,.testimonials,.be-empowered,.the-course,.mike-fisher{
    min-height: 100vh;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    align-items: center;
  }
  .mike-fisher{align-items: flex-end;}
  /* .best-life .pic img{min-height: 100vh;width: auto;} */
  .main-banner .container{align-items: flex-start;}
  h1, .testimonials h1{line-height: 0.8em}
  .testimonials .cm-title{margin-bottom: 2.25rem;}
  .be-empowered .pic{padding: 0;}
  .mike-fisher .pic img{max-width: 100%;}
  .best-life .i-cont{margin: auto;}
  .best-life .cont{padding-left: 0;}
  .main-banner h1{line-height: 0.7858em !important;}
  .real-deal h1{line-height: 0.8834em;}
  .real-deal, .testimonials, .be-empowered, .the-course, .mike-fisher{min-height: auto;}
  header {position: absolute; left: 0; top: 0; z-index: 1; width: 16%; background: transparent; max-width: 164px; padding: 0 !important;    margin-left: 2.625rem; margin-top: 2.5rem;}
  header .logo img {max-width: 100%;}
  .main-banner .container .cont{padding: 10em 0 0 4em;}

  /* border */
  .main-banner h1 span::after{height: 7px; bottom: -14px;}
  /* h1 span::after,.best-life h1 span::after{bottom: 0; opacity: 0.5;} */
  h1 span::after{bottom: -12px;}
  .the-course h1 span::after{bottom: -13px;}
  /* border */

}

@media only screen and (min-width : 1280px){
  /* h1 span.cus-border {
    text-underline-offset: -0.0285714285714286em;
  } */
  h1 span.cus-border {
    text-underline-offset: 0.09em;
    text-decoration-thickness: .09em;
  }
  .main-banner{
    min-height: 100vh;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
  }
  .main-banner .container .cont{align-self: flex-start;}
  .main-banner .pic img{min-height: 100vh;width: auto; max-height: 100vh;}
  .main-banner h1{font-size: 5rem;}
  .main-banner p, .real-deal p, p{font-size: 1.25rem; line-height: 1.714285714285714em;}
  h1{font-size: 4.375rem;}
  p, .list li{font-size: 1.25rem;}
  .real-deal,.testimonials{padding: 9.375em 0;}
  .real-deal .cm-title{margin-bottom: 3em;}
  .pricing .price{font-size: 2.5rem;}
  .testimonials .author p{font-size: 0.875rem;}
  .testimonials .flag{max-width: 1.5rem;}
  .main-banner h1 span::after {left: 1px; width: calc(100% - 2px);}
  .real-deal h1 span::after, .be-empowered h1 span::after,.testimonials h1 span::after{left: 1px; width: calc(100% - 2px);}
  .best-life  h1 span::after{left: 2px; width: calc(100% - 3px);}
  .mike-fisher  h1 span::after{left: 1px;}
  .you-will-discover h1 span::after{left: 0; width: 100%;}
  .slider .navz .text{font-size: 0.875em;}
  .testimonials .arws{flex-basis: 87.6%; width: 87.6%; max-width: 87.6%;}
  .testimonials .cm-title {margin-bottom: 2.5em;}
  .testimonials .desc{max-width: 605px;}
  .main-banner .pic{justify-content: flex-end;}



  .best-life .pic img{max-height: 100vh;min-height: 100vh;width: auto;}
  .best-life .container.flex{justify-content: flex-end;}
  .best-life .pic{width: auto;}
  .mike-fisher .cont{max-width: 591px;}

  .be-empowered .cm-title{margin-bottom: 2.25rem;}
  .the-course .cm-title,.mike-fisher .cm-title, .testimonials .cm-title{margin-bottom: 3rem;}

  .testimonials p{font-size: 1em;}
  .testimonials .author p{line-height: 1.875em;}

  .be-empowered .pic{width: 30.575734%;}
  .be-empowered .cont{width: 69.424266%;}



  .scrolltop{width: 2.8125rem; height: 2.8125rem;}

  .main-banner .container, .best-life .container.flex{flex-wrap: nowrap;}
  .main-banner .pic{width: auto;}
  .main-banner .container .cont{padding-right: 0;}
  .main-banner h1{line-height: 0.7876em !important;}

  .real-deal h1{line-height: 0.8857em;}

  .main-banner .pic img, .best-life .pic img,.main-banner{min-height: auto; max-height: none;}
  .main-banner .pic{width: 51%;}
  .best-life .pic{width: 45%;}
  .best-life .cont{width: 55%;}

  header .logo,.sticky-footer .logo,header .logo img{max-width: 100% !important;}
  .main-banner .container .cont{padding: 10em 0 0 4.75em;}
  .page{padding-bottom: 6.49em;}


  /* border */
  .main-banner h1 span::after {height: 8px; bottom: -16px;}
  h1 span::after {height: 7px; bottom: -14px;}
  h1 span{line-height: 0.76em;}
  .best-life h1 span::after {height: 9px; bottom: -19px;}
  .the-course h1 span::after{bottom: -15px;}
  @-moz-document url-prefix() {
    h1 span{line-height: 0.75em;}
  }
  /* border */


}

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

}


@media screen and (min-width: 1280px) and (max-height: 800px) {
  /* window-height-css */
  /* .main-banner, section{min-height: 100vh !important; max-height: 100vh !important; height: 100vh !important;}
  .main-banner .pic{width: auto;}
  .main-banner .pic img,.best-life .pic img{min-height: 100vh; max-height: 100vh;}
  .main-banner .container .cont{padding-top: 7em;}
  .best-life .pic{width: auto;} */
  /* window-height-css */
}



@media only screen and (min-width : 1400px){
    /* window-height-css */
    /* .main-banner, section{min-height: 100vh !important; max-height: 100vh !important; height: 100vh !important;}
    .main-banner .pic{width: auto;}
    .main-banner .pic img,.best-life .pic img{min-height: 100vh; max-height: 100vh;}
    .best-life .pic{width: auto;} */
    /* window-height-css */
}

@media only screen and (min-width : 1600px){
  /* h1 span.cus-border {
    text-underline-offset: -0.014706em;
  }
  .main-banner h1 span.cus-border {
    text-decoration-thickness: .09em;
    text-underline-offset: -0.0220588235294118em;
  } */
  h1 span.cus-border{ text-decoration-thickness: .09em;}
  @-moz-document url-prefix() {
    h1 span.cus-border{text-underline-offset:0.085em;  text-decoration-thickness: .085em; }
  }
  header .logo,.sticky-footer .logo{max-width: 10.25rem;}
  h1{font-size: 6.25rem;}
  p{font-size: 1.375rem; line-height: 1.454545454545455em;}
  .best-life h1{font-size: 8.5rem; line-height: 0.7941176470588235em;}
  .list li{font-size: 1.375rem; line-height: 1.454545454545455em; padding: 1rem 0;}
  .main-banner h1{font-size: 6.875rem; line-height: 0.8em;}
  .main-banner p,.real-deal p{font-size: 1.375rem; line-height: 1.454545454545455em;}
  .pricing h2{font-size: 1.875rem; line-height: 1em;}
  .pricing .price{font-size: 2.5rem; line-height: 1.2em;}
  .pricing .price span{font-size: 1.5rem;}
  .testimonials p{font-size: 1.125rem; line-height: 1.555555555555556em; margin-bottom: 2.25rem;}
  .testimonials .author p{font-size: 1rem;}
  .testimonials .flag{max-width: 1.875rem;}
  .the-course .slider{width: 100%; max-width: 620px;}
  .btn, .the-course .btn{font-size: 2rem; width: 12.125rem; height: 4.0625rem; line-height: 3.75rem; min-width: auto;}
  .main-banner .btn,.best-life .btn, .sticky-footer .btn{width: 9.125rem; height: 4.0625rem; max-width: 9.125rem; min-width: auto; line-height: 3.75rem;}
  header{padding: 2.5em 2.625em;}
  .sticky-footer{padding:1.6875em 2.625em;}
  .main-banner .container .cont{padding: 15.5em 2em 0 4.6875em;}
  .main-banner .cm-title{margin-bottom: 4.125em;}
  .main-banner .btn-sec{margin-top: 3.125em;}
  .real-deal{padding: 15.1875em 0 14em;}
  .main-banner h1 span::after { left: 3px; width: calc(100% - 4px);}
  .real-deal h1 span::after {left: 2px; width: calc(100% - 4px);}
  .be-empowered .pic{width: 34.57573354480571%;}
  .be-empowered .cont{width: 65.42426645519429%;}
  .be-empowered{padding: 8.8125em 0 9em;}
  .be-empowered .pic{margin-top: 0.625rem;}
  .be-empowered .cm-title{margin-bottom: 3.875rem;}
  .be-empowered h1 span::after {left: 2px; width: calc(100% - 4px);}
  .you-will-discover h1 span::after {left: 0; width: 100%;}
  .container{padding: 0;}
  .the-course{padding: 7.625em 0 8em;}
  .slider .navz .text{font-size: 1rem;}
  .mike-fisher{padding: 7.25em 0 0;}
  .mike-fisher .cont{max-width: 660px; padding-bottom: 0;}
  .mike-fisher .cm-title{margin-bottom: 5.9375em;}
  .testimonials{padding: 14.0625em 0 12.625em;}
  .testimonials .desc{max-width: 41.6875rem; margin-top: -6px;}
  .testimonials .cm-title{margin-bottom: 4.75em;}
  .testimonials .author p{line-height: 1.625em;}
  .testimonials .arws{flex-basis: 89.25%; width: 89.25%; max-width: 89.25%;}
  .testimonials .author span{margin-bottom: 0.1875rem;}
  .real-deal .cm-title{margin-bottom: 4.9375em;}
  .the-course .slider{margin-top: 0.625rem;}
  .the-course .cm-title{margin-bottom: 4.875em;}
  .the-course .i-cont p{margin-bottom: 1.125rem; padding-bottom: 1.125rem; line-height: 1.454545454545455em;}
  .the-course .pricing{margin-top: 5.1875em;}
  .mike-fisher .pic{width: auto; max-width: 31.5rem; margin-top: -12px; margin-right: -4.5rem;}
  .mike-fisher h1 span::after {left: 2px; width: calc(100% - 2px);}
  .testimonials .flag{margin-top: 0.1875rem;}
  .testimonials .arws{margin-top: 3.125rem;}
  .testimonials .nav-container{width: auto;}
  .testimonials .slider .nv{margin-right: 0.9375rem;}
  .testimonials .slider .nv:last-child{margin-right: 0;}
  .testimonials h1 span::after{left: 1px; width: calc(100% - 2px);}
  #timer{left: 32px;}
  .best-life .container{align-items: flex-start;}
  .best-life .cont{margin-top: 15.9375em; padding-left: 14.25em;}
  /* .mike-fisher .pic img{margin-left: 7em;} */
  .best-life .cm-title{margin-bottom: 5.4375em;}
  .best-life .btn-sec{margin-top: 1.25rem; display: inline-block;}
  .best-life h1 span::after{left: 3px; width: calc(100% - 5px);}

  .scrolltop{right: 2.65em; bottom: 1.5625em;}
  .page{padding-bottom: 7.5rem;}




  .best-life .pic{width: 44.5%;}
  .testimonials .desc{ max-width: 670px}

  .main-banner h1{line-height: 0.8em !important;}
  .real-deal, .testimonials, .be-empowered, .the-course, .mike-fisher{align-items: flex-start;}
  .mike-fisher p{margin-bottom: 1.9375rem;}
  .mike-fisher p:last-child{margin-bottom: 0;}

  .best-life .cont{padding-left: 0;}
  .best-life .i-cont{padding-right: 8%;}

  .best-life .pic{width: auto;}

  .mike-fisher .container{min-height: 100vh; padding: 7.25em 0 0; }
  .mike-fisher{padding: 0;}

  .real-deal h1{line-height: 0.88em;}

  .best-life .pic{width: 45.5625%;}


  /* border */
  .main-banner h1 span{line-height: 0.76em;}
  .main-banner h1 span::after {height: 11px; bottom: -22px;}
  h1 span::after {height: 10px; bottom: -20px;}
  .best-life h1 span::after {height: 13px; bottom: -27px; }
  .the-course h1 span::after{bottom: -21px;}
  /* border */





}

@media only screen and (min-width : 1700px){
 .main-banner .container .cont {margin: auto; width: auto; padding: 0;}
}
@media only screen and (min-width : 1800px){
  .main-banner .pic{ display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; justify-content: flex-end;}
  .main-banner .pic img{width: auto;}
  .real-deal, .testimonials, .be-empowered, .the-course, .mike-fisher{align-items: center;}

  .main-banner .container .cont{align-self: center; padding-top: 0;}
  /* .main-banner h1 span::after {bottom: -17px;} */
}

@media only screen and (max-width : 373px){
  .main-banner h1{font-size: 3.25em;}

  .slider .navz .text{font-size: 0.675em;}
  /* border */
  .main-banner h1 span{line-height: 0.7em;}
  .main-banner h1 span::after{height: 4px; bottom: -9px;}
  /* border */
}
@media only screen and (max-width : 360px){

}
@media only screen and (max-width : 359px){
  .main-banner h1{font-size: 2.875em;}
  /* h1{font-size: 2.5625em;}
  .best-life h1{font-size: 4.6875em;} */
  /* .best-life h1 span::after {bottom: -7px;} */
  .slider .navz .text{font-size: 0.6em;}
}
@media only screen and (max-width : 335px){
  h1{font-size: 3em;}
  .best-life h1{font-size: 4.5em;}

  /* border */
  h1 span{line-height: 0.73em;}
  h1 span::after{height: 4px; bottom: -9px;}
  .best-life h1 span{line-height: 0.75em;}
  .best-life h1 span::after{height: 7px; bottom: -15px;}
  /* border */
}


  /* IE-Hack */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

}
/* IE-Hack */


@media screen and (min-width: 1024px) and (max-width: 1599px) {
  .main-banner .container .cont{padding-top: 7em; align-self: center;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  /* set 16/9 height*/
  body .main-banner .container .cont {
      padding-left: 0;
      display: inline-block;
      width: auto;
      margin-left: auto;
      margin-right: auto;
      padding-right: 0;
      padding: 0;
      padding-top: 6%;
      align-self: center;
  }
  }

@media screen and (min-width: 1024px) and (min-aspect-ratio: 16/9) {
  /* set viewport height*/
  .main-banner, section{min-height: 100vh !important; max-height: 100vh !important; height: 100vh !important;}
  .main-banner .pic{width: auto;}
  .main-banner .pic img,.best-life .pic img{min-height: 100vh; max-height: 100vh;}

  .best-life .pic{width: auto;}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 8/5) {
  /* set viewport height*/
  .main-banner, section{min-height: 100vh !important; max-height: 100vh !important; height: 100vh !important;}
  .main-banner .pic{width: auto;}
  .main-banner .pic img,.best-life .pic img{min-height: 100vh; max-height: 100vh;}
  .best-life .pic{width: auto;}
}

/* Maximum aspect ratio */
@media screen and (min-width: 1024px) and (max-aspect-ratio: 3/2) {
 /* set 16/9 height*/
}

/* Exact aspect ratio, put it at the bottom to avoid override*/
@media screen and (min-width: 1024px) and (aspect-ratio: 1/1) {
  /* set 16/9 height*/
}


@media
  only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and ( min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and ( -o-min-device-pixel-ratio: 2/1),
  only screen and (min-width: 1024px) and ( min-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and ( min-resolution: 192dpi),
  only screen and (min-width: 1024px) and ( min-resolution: 2dppx) {
  
  /* Retina-specific stuff here */
  header .logo{max-width: 100%;}
  header{max-width: 180px;}
  header .logo img,header .logo{
    width: 100%;
  }
  }