/** Generated: Thursday, 9th of October 2025, 08:31:56 AM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
@font-face {
    font-family: 'Rennie';
    src: url('/site/templates/fonts/rennie.woff2') format('woff2'),
         url('/site/templates/fonts/rennie.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR6WR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDunMR6WR.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDubMR6WR.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDurMR6WR.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR6WR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
  --bgblue:#e2eef3;
  --lblue:#12cab0;
  --ds_blue:0px 10px 20px rgba(114, 223, 208, 0.22); /* light blue fade */
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

* {
  padding:0;
  margin:0;
  box-sizing: border-box;
	font-family:inherit;
	color:inherit;
}

img {
  max-width:100%;
  display:block;
}

.wrap {
  position:relative;
  width:1240px;
  padding:0 20px;
  max-width:100%;
  margin:0 auto;
  clear:both;
}

#burger,
#mobnav {
  display:none;
}

html {
  min-height:100%;
}

body {
    font-size:62.5%;
    background-color:var(--bgblue);
    background-image:url('/site/templates/img/bgclouds.jpg');
    background-attachment: fixed;
    background-position: top center;
    color:#111111;
    min-height:100%;
    font-family: 'Montserrat', sans-serif;
}

#navg {
  position:absolute;
  z-index:1;
  top:0;
  left:0;
}

header {
  position:fixed;
  z-index:100;
  left:0;
  top:0;
  width:100%;
  background-color:#fff;
  box-shadow:var(--ds_blue);
}

    nav {
  		float:left;
  		clear:left;
  		width:100%;
      position: relative;
      z-index:2;
    }
  
      nav ul {
        list-style: none;
        text-align: center;
      }

        nav ul li {
          display:inline-block;
          vertical-align: middle;
        }

          nav ul li a {
            float:left;
            width:100%;
            text-decoration: none;
            font-size:1.2em;
            letter-spacing: 0.2em;
            padding:1.25em;
            text-transform: uppercase;
          }

            nav ul li a:hover,
            .active{
              color:var(--lblue);
            }

            .social {
              padding:1em 0;
            }

            .social a {
              display:inline-block;
              width:auto;
              float:right;
              clear:none;
              border:none;
              padding:0;
              margin-left:0.5em;
            }

            .social a img {
              width:25px;
            }

            nav .buy {
              background-color:var(--lblue);
              color:#111;
              padding:1em 3em;
              border-radius:0.25em;
              width:auto;
              float:right;
              margin-top:1em;
            }

              nav .buy:hover {
                background-color:#fff;
                color:var(--lblue);
              }
    #logo {
  		display:block;
      margin-left:1em;
  		width:250px;
      position: relative;
      z-index: 2;
    }
  
      #logo img {
        width:100%;
      }

.flex {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

.fcw {
  float:left;
  clear:left;
  width:100%;
}

.main {
  padding-top:10em;
}

.main p,
.main li{
	font-size:2em;
	line-height:1.6;
	margin-bottom:1em;
}

	.main p a,
	.main li a {
	}

.main ul,
.main ol {
  margin:2em;
}

  .main li {
    padding-left:1em;
  }

.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
	font-size:3.5em;
	margin-bottom:1em;
  font-family: 'Rennie', Serif;
  letter-spacing: 0.05em;
}

.main h3 {
	font-size:2.2em;
}

.main h4 {
	font-size:1.9em;
}

.main h5 {
	font-size:1.6em;
}

.main h6 {
	font-size:1.3em;
}

.main td {
  font-size:1.6em;
  padding:1em;
}

  .main td p,
  .main td li {
    font-size:1em;
    margin-bottom:0;
  }

  .main td img {
    display:inline-block;
  }

.align_left {
  float:left;
}

.align_right {
  float:right;
}

.align_center {
  text-align: center;
}

img.align_left {
  margin:0.5em 1em 1em 0;
}

img.align_right {
  margin:0.5em 0 1em 1em;
}

img.align_center {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
  
footer {
	float:left;
	clear:both;
	width:100%;
}

.copyright {
  padding:1em 0;
  font-size:1em;
  text-align: center;
  width:100%;
  margin-bottom:2em;
}

.watch-box {
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:rgba(0,0,0,0.7);
  text-align:center;
  z-index: 101;
}

  .watch-box .content {
    position:absolute;
    min-width:75%;
    max-width:100%;
    max-height:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:var(--purple);
    padding:1em;
    background-color: var(--lblue);
  }

    .close,
    .close2 {
      position:absolute;
      right:-1em;
      top:-1em;
      background-color:#fff;
      color:var(--purple);
      font-size:1.8em;
      text-decoration:none;
      padding:0.5em;
      border-radius: 10em;
      width:2.25em;
      text-align: center;
    }

.history td img {
  border:1px solid var(--yellow);
}

.popup2 {
  width:35%;
  right:2em;
  bottom:2em;
  box-shadow: 0 5px 20px rgba(0,0,0,0.75);
  border-radius: 1em;
  padding:5em;
  position:fixed;
  background-image:url('/site/templates/img/signup.jpg');
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  text-align: center;
}

  .popup2 form {
    float:left;
    clear:left;
    width:100%;
  }

  .popup2 input {
    float:left;
    padding:1em;
    outline:none;
    background-color:rgba(0,0,0,0.5);
    border:1px solid var(--yellow);
    width:100%;
    margin-bottom:0.5em;
    border-radius: 0.25em;
    color:#fff;
  }

  .main .popup2 h2 {
    font-size:3.25em;
    margin-bottom:0.25em;
    text-shadow: 0 0 10px rgba(0,0,0,0.75);
  }

  .popup2 input[type="submit"] {
    background-color:var(--yellow);
    color:var(--darkpurple);
    cursor: pointer;
  }

    .popup2 input[type="submit"]:hover {
      background-color: #fff;
    }

#moblogo {
  display:none;
}

  
@media screen and (max-width:959px) {
  .main {
    padding-top:7em;
  }

  #burger,
  #moblogo{
    display:block;
  }
  
  #mainnav,
  #navg {
    display:none;
  }
  
  header {
    
  }

    #moblogo {
      max-width:100%;
      float:none;
      margin:1em auto;
      width:173px;
    }

      #moblogo img {
        height: 34px;
      }

    #burger {
      position:absolute;
      right:1em;
      top:1em;
      width:40px;
      z-index:101;
    }

    .main {
      width:100%;
    }

    #mobnav {
      width:100%;
      z-index:100;
    }

      #mobnav li {
        float:left;
        clear:left;
        width:100%;
      }

      #mobnav li a {
        text-align:center;
        font-size:1.2em;
        padding:1em;
        border-top:1px solid #eee;
        margin:0;
      }

      #mobnav .social {
        text-align:center;
      }

        #mobnav .social a {
          background-color:none;
          padding:1.5em 0.25em;
          float:none;
          border:none;
        }

  .popup2 {
    width:70%;
  }
}

@media screen and (max-width:599px) {
  #logo {
    width:60%;
  }

  .main td {
    display:block;
  }

    .main td img {
      /*width:100%;*/
    }

  .watch-box .content {
    width:95%;
    padding:0.5em;
  }

  .popup2 {
    width:85%;
  }
}
.main {
}

	#face {
		width:100%;
		margin:0 0 10em;
	}


.quote {
	position:absolute;
	width:30%;
	top:24%;
}

	.quote .stars {
		width:100%;
		text-align: center;
		margin-bottom:0.5em;
	}

		.quote .stars img {
			display:inline-block;
			width:10%;
			margin:1%;
		}

		.quote h2 {
			font-size:4em;
			color:#111;
			text-transform:uppercase;
			width:100%;
			text-align:center;
			line-height:1;
			margin-bottom:0.15em;
			letter-spacing: 0.05em;
		}

		.quote p {
			font-size:1.2em;
			width:100%;
			text-align:center;
			text-transform: uppercase;
			letter-spacing: 0.8em;
			font-weight:bold;
			color:var(--lblue);
		}

	#quote1 {
		right:0;
	}

	#quote2 {
		left:0%;
	}



	.cta {
		position:absolute;
		width:25%;
		top:37%;
		font-size:1.6em;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		text-align: center;
		padding:0.75em 1em;
		text-decoration: none;
		background-color:var(--lblue);
		color:#111;
		border:2px solid #111;
		box-shadow:var(--ds_blue);
		font-family: 'Rennie', Serif;
	}

		.cta p {
			display: inline-block;
			margin-bottom: 0;
		}

		.cta img {
			display: inline-block;
			height:16px;
			margin-bottom:-2px;
			margin-left:2px;
		}

		.cta:hover {
			background-color:#fff;
		}

		#buy {
			left:20px;
		}

		#watch-btn {
			left:unset;
			right:20px;
		}


@media screen and (max-width:1239px) {
  .quote h2 {
  	font-size:2.8vw;
  }
  .quote p {
  	font-size:1.3vw;
  }

  #buy p,
  #watch-btn p {
  	font-size:1.7vw;
  }
}

@media screen and (max-width:799px) {
  .cta {
  	width:30%;
  }

  #buy p,
  #watch-btn p {
  	font-size:2vw;
  }
}


@media screen and (max-width:499px) {
	#buy,
	#watch-btn,
	#quote1,
	#quote2{
		display:block;
		position: static;
		width:100%;
		margin-bottom:0.5em;
	}

	#buy p ,
	#watch-btn p {
		font-size:6vw;
	}

	#face,
	#quote1,
	#quote2 {
		margin-bottom:2em;
	}

	.quote h2 {
		font-size:7vw;
	}

		.quote:first-of-type {
			margin-top:5em;
		}

	.quote p {
		font-size:3vw;
	}
}

@media screen and (max-width:399px) {
	.main .cta {
		grid-template-columns: 1fr;
	}
}