@charset "UTF-8";
html {background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(214,206,174,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(214,206,174,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(214,206,174,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(214,206,174,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(214,206,174,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(214,206,174,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6ceae', GradientType=1 );
padding: 5%;}
body{max-width: 1080px; margin: 0 auto; background: #EFEFEF; box-shadow: 0px 0px 50px #999; color: #333; padding-bottom: 5%;}
video, img{max-width: 1080px; width: 100%;}
.container {padding: 0 5%;}
.content {padding: 2% 7%;}
@media only screen and (max-width: 768px){
	html, .container{
		padding: 0;
	}
}
h1 {margin: 1% 0 3%;}
h2 {margin-bottom: 0;}
h3 {font-size: 30px;}
h1, h2 {font-family: acumin-pro-extra-condensed, sans-serif;font-size: 72px; line-height: .8; line-height: 1;}
h3, h4, h5, h6 {font-family: acumin-pro-condensed, sans-serif;}
p, ul {font-family: acumin-pro, sans-serif; font-size:24px;padding: 1.1% 0;}
ul {margin-left: 10%}
a {text-decoration: none; outline: none;}

.fs-lii {font-size: 52px;}
.fs-xv {font-size:15px;}
.fw-thin {font-weight: 100;}
.fw-extralight {font-weight: 200;}
.fw-light {font-weight: 300;}
.fw-regular {font-weight: 400;}
.fw-medium {font-weight: 500;}
.fw-semibold {font-weight: 600;}
.fw-bold {font-weight: 700;}
.fw-black {font-weight: 800;}
.fw-ultrablack {font-weight: 900;}

.center {text-align: center;}
.tc-white {color:#FFF;}		
.tc-gold {color:#ffc600;}		
.tc-gold-light {color:#ffd850;}		
.tc-gold-dark {color:#be9000;}
.tc-charcoal {color:#888;}
.bgc-gold {background:rgba(255,201,0,.6);}
		

.float-right {float: right;}
.float-left {float: left;}

.uppercase {text-transform: uppercase;}

.quote {font: italic normal 500 24px serif; letter-spacing: -1px; margin-left: 50px; padding-left:20px;border-left: 5px solid rgba(245,192,25,1.00);}

/*GROW*/
.grow img {
max-width:1080px; width: 50%;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
 
.grow img:hover {width: 100%; margin-right: -30px;}

img:hover {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
@-webkit-keyframes flash {
	0% {opacity: .4;}
	100% {opacity: 1;}
}
@keyframes flash {
	0% {opacity: .4;}
	100% {opacity: 1;}
}

#book-of-levi {width:20%; padding-right:25px; margin-top:-20px;}
#double-guarantee {width:45%; padding-left:25px;}

.button-effects .button {
  position: relative;
  width: 30vw;
  background: rgba(241,231,103,1);
background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(190,144,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(190,144,0,1)));
background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(190,144,0,1) 100%);
background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(190,144,0,1) 100%);
background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(190,144,0,1) 100%);
background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(190,144,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#be9000', GradientType=0 );
  overflow: hidden;
  transition: all 0.5s ease-in;
  z-index: 2;
  box-sizing: border-box;
  padding: 5px;
  box-shadow: -10px 25px 50px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	margin: 0 auto;
	color: rgba(190,144,0,1);
}

@media only screen and (max-width: 768px){
	.button-effects .button {
  width: 70vw;}
}

.button-effects .button::before {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: transparent;
  pointer-events: none;
}

.button-effects .button::after {
  position: absolute;
  opacity: 0.2;
  background: transparent;
  filter: invert(1);
  pointer-events: none;
}


.button-effects .button:hover {
	color:#fff;
  box-shadow: 20px 50px 100px rgba(0, 0, 0, 0.5);
}

.button-effects .button-effects-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s ease-in;
  pointer-events: none;
  width: 100%;
  height: 200%;
  overflow: hidden;
}

.button-effects .button.order-now:hover {
  opacity: 1;
  background: rgba(190,144,0,1);
background: -moz-linear-gradient(top, rgba(190,144,0,1) 0%, rgba(255,200,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,144,0,1)), color-stop(100%, rgba(255,200,0,1)));
background: -webkit-linear-gradient(top, rgba(190,144,0,1) 0%, rgba(255,200,0,1) 100%);
background: -o-linear-gradient(top, rgba(190,144,0,1) 0%, rgba(255,200,0,1) 100%);
background: -ms-linear-gradient(top, rgba(190,144,0,1) 0%, rgba(255,200,0,1) 100%);
background: linear-gradient(to bottom, rgba(190,144,0,1) 0%, rgba(255,200,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be9000', endColorstr='#ffc800', GradientType=0 );
}

.space {padding:.01% 0;}