@charset "utf-8";
@font-face {src: url('https://mikefisher.co/fonts/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}
.bg{cursor: pointer;}
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;}

.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.0625rem; height: 2.0625rem; background: url(../images/black-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: #bab6a8;
  }
  #timer {
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    top:-28px;
    left:auto;
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
    right: -27px;
  }
  
  
  .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.9375rem; text-align: center; display: inline-block; cursor: pointer; width: 13.625rem; }

  .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 1.125em;  position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background: #FFCB2E;}
  .main-banner{margin-top: 82.45px;}


  p{font-size: 1em; line-height: 1.625em; color: #292927; letter-spacing: -0.05px; margin-bottom: 1.625rem;}
  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.84em; text-transform: uppercase;}
  h1 span{line-height: inherit}
  /* h1 span{line-height: 0.88em} */
  h1 span.small{font-size: 0.8em; line-height: 0.9em !important;}
  h1 span.small::after{display: none;}


  .main-banner p{line-height: 1.285714285714286em; font-size: 0.875em;}

  .main-banner .cont{ padding: 2.375rem 1.3125em 2.6875rem; width: 100%;}
  .main-banner h1{font-size: 4.375em; line-height: 0.8em;}
 
  .main-banner .cm-title{margin-bottom: 2.25em;}
  .main-banner .btn, .sticky-footer .btn{width: 8.125rem}
  .main-banner .btn-sec{margin-top: 1.6875rem;}
  .main-banner .pic{width: 100%;}
  .main-banner picture{width: 100%;}

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


  
  .list li{font-size: 1em; line-height: 1.625em; color: #292927; letter-spacing: -0.05px; border-bottom: 1px solid #292927; padding: 0.8rem 0;}
  .list li:last-child{border-bottom: 0; padding-bottom: 0;}
  .you-will-discover{background-color: #FFF2C6;}
  
  .pic img{display: block; width: 100%;}

  .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;}
  
  
  
  .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;}
  
  .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;}
  
  h1.sp sup{font-size: .35em; top: -32%; position: absolute; font-weight: bolder;}
  /* h1 span.cus-border::after{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; }
  }
  h1 span.cus-border.white{text-decoration-color: #ffffff; }
    
    
    .seven-cs .anim{margin-bottom: 1.8125em; text-align: center; margin-top: 1.875em;}
    .anim #svgobject, .anim svg{width: 100%;  max-width: 332px;}
    .seven-cs .slides{padding-left: 1.3125rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
    .seven-cs .desk-text{display: none;}
    .seven-cs{padding: 2.75em 0 3.125em; background-color: #FFF2C6;}
    .seven-cs .cm-title{margin-bottom: 2.4375rem;}
    .seven-cs .slider-cont::before{background-color: #ffcb2e; width: 3px; content: ''; height: 92%; left: 0; position: absolute; top: 51%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
    .seven-cs .slider-cont p{margin-bottom: 0;}
    .seven-cs .arw-sec{margin-top: 1.875em;}
    .seven-cs .navz .nv{margin-right: 0.9875em;}
    .seven-cs  .slider .nv{background: url(../images/arrow-black.svg) no-repeat center center; border-radius: 50%; margin-right: 0; border: 1px solid #bab6a8;}
    .seven-cs  .slider .nv:last-child{border: 0; transform: none; -webkit-transform: none; z-index: 3;}
    .seven-cs  .slider .nv:first-child{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

    .self-asse .col-sm{width: 100%;}
.slider .black .nv{background: url(../images/black-arrow.svg) no-repeat; background-size: contain;}
.self-asse .nav-arw{margin-top: 0.7625rem;}
.self-asse{padding: 2.6875em  0 2.625em;}
.self-asse .cm-title{margin-bottom: 2.6875rem;}
.self-asse .slider{margin-top: 1.875em;}

.real-deal h1, .discounts h1{line-height: 0.88em;}
.real-deal h1:nth-child(2){line-height: 1em; margin-top: 1.125rem;}

.discounts{background-color: #292927; padding: 5.1875em  0 5.375em; text-align: center;}
.discounts h1{color: #ffffff;}
.discounts .price-sec{margin-bottom: 1.375em;}

.discounts .price-sec h3{font-size: 2.25em; color: #FFCB2E; font-weight: 500; font-family: 'Giorgio Sans Web'; line-height: 0.8em;}
.discounts .price-sec h2{font-size: 2.6875em; color: #ffffff; font-weight: 500; font-family: 'Giorgio Sans Web'; line-height: 0.85em;}
.discounts .price-sec .price{font-size: 1.5em; color: #FFCB2E; font-weight: 500;  font-family: 'Giorgio Sans Web'; margin-top: 0.1875rem;}
.discounts .discount-sec .price{color: #ffffff; font-size: 2.0625em;}
.discounts .cm-title{margin-bottom: 3.5rem;}
.discounts .code-text{font-size: 1.5em; font-weight: 500; font-family: 'Giorgio Sans Web'; color: #ffffff;}
.discounts .btn-sec{margin-top: 4.75em; text-align: center;}

.discounts .price-sec .price .small{font-size: 0.6em;}
.discounts .price-sec.discount-sec .price .small{font-size: 0.5757575757575758em;}
.discounts .discount-sec{margin-top: 0.1875rem; display: inline-block;}

sup{font-size: 0.6em;}

.know-wr{padding: 9.0625em 0 9.1875em; text-align: center;}
.know-wr .btn-sec{margin-top: 4.4375em; text-align: center;}
.know-wr h1 br{display: none;}
.know-wr h1{font-size: 3em; line-height: 0.8333333333333333em;}
.know-wr h1:last-child{margin-top: 1.125rem;}

/* .main-banner h1 span.cus-border{text-underline-offset:-0.0119047619047619em;} */

.real-dea p br{display: none;}

.main-banner h1 .desk-break {display: none;}
.discounts h1{line-height: 0.84em;}

.self-asse .list{margin-top: 0.4375rem;}

.self-asse h1 span::after,.know-wr h1 span::after{background-color: #ffffff;}
/* border */
h1 span{text-decoration: none !important; display: inline-block !important; line-height: 0.74em;}
h1 span::after {content: '';  width: 100%; background-color: #ffcb2f;position: absolute; bottom: -11px; display: inline-block; left: 0; height:5px; }
.main-banner h1 span::after{background-color: #fff; bottom: -15px; height: 7px;}
.main-banner h1 span{line-height: 0.755em;}
/* border */

.self-asse .slides.flex img{align-self: flex-start;}


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

.discounts .hdr-desk{display: none;}


.cm-title h1 sup{display: inline-block; font-size: 0.35em; top: -0.6em; left: -0.25em;}

}


@media only screen and (min-width : 480px){
  .real-deal h1 .mob-break{display: none;}
  .discounts h1 br{display: none;}
  .real-deal h1:nth-child(2){margin-top: 0.5rem;}
  .discounts .hdr-desk{display: block;}
  .discounts .hdr-mob{display: none;}
}
@media only screen and (min-width : 640px){
  h1,.know-wr h1{font-size: 3.75em;}
  .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;}
  .real-deal h1:nth-child(2) br{display: none;}
  
  
  .discounts h1 br{display: none;}

  .seven-cs .m-cont{width: 59%;}
  .seven-cs .slider{width: 41%; margin-top: 5em; margin-left: 2.625rem;}
  .seven-cs .anim{margin-bottom: 0;}
  .seven-cs h1 br{display: none;}
  .anim #svgobject{max-width: 300px;}
  .seven-cs .slider-cont p br{display: none;}

  .self-asse .cm-title .mob-break{display: none;}
  .real-deal h1:nth-child(2),.know-wr h1:last-child{margin-top: 0.8rem;}
  .seven-cs .nav-arw{justify-content: flex-start;}
  .seven-cs .slider .nv:last-child{margin-left: 0.5rem;}
  #timer{left: 25px;right: auto;}

  
  /* h1 span.cus-border{text-decoration-thickness: .09em; text-underline-offset: -0.0333333333333333em;} */
  /* .main-banner h1 span.cus-border{text-decoration-thickness: .1em;} */

  .discounts h1{line-height: 0.84em;}


  /* border */
  h1 span{line-height: 0.77em;}
  h1 span::after {height: 6px; bottom: -13px;}
  /* 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;}
  .know-wr h1 br{display: block;}
  .seven-cs .m-cont{width: 59%;}
  .seven-cs .slider{width: 41%; margin-top: 7em; margin-left: 5.625rem;}
  .seven-cs .anim{margin-bottom: 0;}
  .seven-cs h1 br{display: none;}
  .self-asse .col-lg{flex-basis: 64%; max-width: 64%;}
  .self-asse .col-sm{flex-basis: 34%; max-width: 34%;}
  .self-asse .slider{margin-top: 0.625rem;}
  .know-wr{padding: 8em 0;}
  .main-banner .cm-title{margin-bottom: 2.5em;}
  .main-banner .btn-sec{margin-top: 1.25em;}
  .self-asse .list{max-width: 393px;}
  
  /* border */
  h1 span{line-height: 0.765em;}
  h1 span::after {height: 6px; bottom: -13px;}
  /* border */

}
@media only screen and (min-width : 1024px){
  .main-banner{margin-top: 0;}
  .main-banner .pic{width: 50.625%;}
  .main-banner picture{width: auto;}
  .main-banner .container .cont{width: 49.375%; padding: 6em 3em 0 5.1em;}
  .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;}
  
  .list{width: auto; display: inline-block;}
  
  
  
  .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,.sticky-footer .container{max-width: 100%;}
  .btn,.the-course .btn{min-width: 9.375rem;}
  
  /* .seven-cs .slider-cont p.mob-text{display: none;}
  .seven-cs .slider-cont p.desk-text{display: block;} */

  .real-deal, .seven-cs, .self-asse, .discounts , .know-wr{min-height: 100vh; align-items: center;}

  

  .seven-cs .slider-cont p br{display: block;}

  .main-banner .pic{width: 57.375%;}
  .main-banner .container .cont{width: 42.625%;}
  .real-deal, .seven-cs, .self-asse, .discounts, .know-wr{min-height: auto; }
  .discounts {min-height: auto !important; max-height: none !important; height: auto !important; }

  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: 6em 3em 0 6.35em;}

  h1,.main-banner h1{line-height: 0.8em;}

  /* border */
  .main-banner h1 span::after {bottom: -14px;}
  h1 span::after {bottom: -12px;}
  .discounts h1 span::after {bottom: -13px;}
  /* border */

  
  
}

@media only screen and (min-width : 1280px){
  .main-banner h1{font-size: 6.625rem; max-width: 3.5em;}
  .main-banner p, .real-deal p, p{font-size: 1.125rem; line-height: 1.714285714285714em;}
  .main-banner .container .cont{padding: 9em 3em 0 5.1em;}
  h1,.know-wr h1{font-size: 4.375rem;}
  p, .list li{font-size: 1rem;}
  .real-deal,.testimonials{padding: 9.375em 0;}
  .real-deal{padding: 0;}
  .real-deal .cm-title{margin-bottom: 3em;}
  
  .slider .navz .text{font-size: 0.875em;}
  .testimonials .arws{flex-basis: 87.6%; width: 87.6%; max-width: 87.6%;}
  
  .discounts .price-sec h3{font-size: 2.875em;}
  .discounts .price-sec .price, .discounts .code-text{font-size: 1.625em;}
  .discounts .price-sec h2{font-size: 3.625em;}
  .discounts .price-sec .price{font-size: 2.5em;}
  .discounts .price-sec{margin-bottom: 3.5em;}
  
  .know-wr{padding: 10em 0;}
  .know-wr .btn-sec{margin-top: 4em;}

  .anim #svgobject{max-width: 24.188rem}

  .main-banner .container.flex{flex-wrap: nowrap;}
  .main-banner .pic{width: auto;}
  .main-banner .container .cont{width: 42.625%;}

  /* h1 span.cus-border{text-underline-offset: -0.0285714285714286em;} */
  h1 span.cus-border {
    text-underline-offset: 0.09em;
    text-decoration-thickness: .09em;
  }

  .main-banner .pic img{min-height: 100vh; max-height: 100vh; width: auto;}
  .main-banner .pic{justify-content: flex-end;}

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

  .main-banner .pic img{min-height: auto; max-height: none; width: 100%;}
  .main-banner .pic{width: 57.375%;}
  .main-banner picture{width: 100%;}

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

    /* border */
    .main-banner h1 span{line-height: 0.756em;}
    .main-banner h1 span::after {height: 10px; bottom: -20px;}
    h1 span{line-height: 0.75em;}
    h1 span::after {height: 7px; bottom: -14px;}
    .discounts h1 span::after {bottom: -14px;}
    /* border */


}

@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-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, .know-wr h1{font-size: 6.25rem;}
  p{font-size: 1.375rem; line-height: 1.454545454545455em;}
  .list li{font-size: 1.375rem; line-height: 1.454545454545455em;}
  .main-banner h1{font-size: 8.5rem; line-height: 0.7867647058823529em;}
  .main-banner p,.real-deal p{font-size: 1.375rem; line-height: 1.454545454545455em;}
  
  .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, .sticky-footer .btn{width: 9.625rem; height: 4.0625rem; max-width: 9.625rem; min-width: auto; line-height: 3.75rem; font-size: 1.875rem;}
  header{padding: 2.5em 2.625em;}
  .sticky-footer{padding:1.6875em 2.625em;}
  .main-banner .container .cont{padding: 12.3125em 2em 0 7.8em;}
  .main-banner .cm-title{margin-bottom: 3.75em;}
  .main-banner .btn-sec{margin-top: 2.5em;}
  .real-deal{padding: 8.1875em 0 8.3125em;}
  .real-deal .cm-title{margin-bottom: 6.625em;}
  .real-deal p{margin-bottom: 1.875rem;}
  .real-deal p:last-child{margin-bottom: 0;}
  
  
  .container{padding: 0;}
  
  .the-course .slider{margin-top: 0.625rem;}
  .the-course .cm-title{margin-bottom: 4.3125em;}
  .the-course .i-cont p{margin-bottom: 1.125rem; padding-bottom: 1.125rem;}
  .the-course .pricing{margin-top: 4.6875em;}
  
  #timer{left: 32px;}
  
  .scrolltop{right: 2.65em; bottom: 1.5625em;}
  .page{padding-bottom: 7.5rem;}

  .anim #svgobject{max-width: 30.5rem;}

  .discounts .price-sec h3{font-size: 3.75em; line-height: 0.85em;}
  .discounts .price-sec .price,.discounts .code-text{font-size: 2.5em;}
  .discounts .price-sec h2{font-size: 4.5em;}
  .discounts .price-sec.discount-sec .price{font-size: 3.375em;}
  .btn, .discounts .btn, .know-wr .btn{width: 17.1875rem; padding: 0;}
  .discounts .price-sec .price .small{font-size: 1.5rem;}
  .discounts .price-sec.discount-sec .price .small{font-size: 2rem;}
  .discounts{padding: 7rem 0 8.375rem;}
  .discounts .cm-title{margin-bottom: 6.125rem;}
  .discounts .btn-sec{margin-top: 3.4375rem;}
  .discounts .price-sec{margin-bottom: 2.3125rem; margin-top: 0;}
  .discounts .price-sec.discount-sec .price{margin-top: 0;}
  .discounts{min-height: 100vh !important; max-height: 100vh !important; height: 100vh !important;}

  

  .seven-cs{padding: 6em 0 5em;}
  .seven-cs .cm-title{margin-bottom: 3.9375rem;}
  .seven-cs .anim{margin-top: 2.8125rem;}
  .seven-cs .slider{margin-left: 9.375rem; margin-top: 9.3125rem;}
  .seven-cs .slides{padding-left: 1.9375rem;}
  .seven-cs .arw-sec{margin-top: 3.4375rem;}
  .seven-cs .slider .nv:last-child{margin-left: 0.4em;}

  .self-asse{padding: 7.8125rem 0 6.1875rem;}
  .self-asse .cm-title{margin-bottom: 6.3125rem;}
  
  .self-asse p{margin-bottom: 0.5rem;}
  .self-asse .col-sm{flex-basis: 35%; max-width: 27.125rem;}
  .self-asse .list{min-width: 35.8125rem; margin-top: 0.1875rem;}
  .self-asse .list li{padding-right: 1em;}
  .self-asse .slider{margin-top: 0.25rem;}
  .self-asse .nav-arw{margin-top: 1rem;}

  .list li{padding: 1rem 0;}

  .know-wr{padding: 15.875rem 0 13.3125rem;}
  .know-wr .btn-sec{margin-top: 4.5625rem;}


 /* .main-banner h1 span.cus-border{text-decoration-thickness: .09em; text-underline-offset: -0.0220588235294118em;} */
 /* h1 span.cus-border{text-underline-offset: -0.014706em;} */



 /* border */
 h1 span::after{height: 10px; bottom: -20px;}
 .main-banner h1 span::after{height: 13px; bottom: -26px;}
 .main-banner h1 span{line-height: 0.77em;}
 .discounts h1 span::after {bottom: -21px;}
 /* border */

 .real-deal, .seven-cs, .self-asse, .discounts , .know-wr{min-height: 100vh; align-items: flex-start;}
 .real-deal h1:nth-child(2) {margin-top: 1.625rem;}
 .seven-cs .slider .nv:last-child{margin-left: 0.9em;}

 .know-wr h1:last-child {margin-top: 0.5rem;}

 .real-deal, .seven-cs, .self-asse, .discounts, .know-wr{min-height: auto;}

 .cm-title h1 sup{font-size: .25em; top: -1em; left: -0.3em;}

}


@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; max-height: 100vh; min-height: 100vh;}
  .real-deal, .seven-cs, .self-asse, .discounts , .know-wr{min-height: 100vh; align-items: center;}

  .main-banner .container .cont{align-self: center; padding-top: 0;}
}

@media only screen and (max-width : 373px){

  .slider .navz .text{font-size: 0.675em;}

  .seven-cs .slider-cont p br{display: none;}
}
@media only screen and (max-width : 359px){
  /* .main-banner h1{font-size: 2.875em;} */
  h1{font-size: 2.5625em;}
  h1 span{line-height: 0.75em;}
  h1 span::after{height: 4px; bottom: -9px;}
  .slider .navz .text{font-size: 0.6em;}
}


/* 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: 0; align-self: center; padding-top: 4em;}
} 


@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%;
  }
  }