body, html {
	color:#fff;
	font:400 14px "Roboto";
	height:100%;
	margin:0;
	padding:0;
}
body {
  /* Location of the image */
  background-image: url('../img/bg1.jpg');
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center top;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */

  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #000;
}

@media (max-width:1100px) {
	
	body {
        background-size:cover;
    background-position: 16% 10%;
}

}
.white-border{
	color:#1e1e1e !important;
}
body#upsell {
	background:#000 url('../img/bg2.jpg') no-repeat center top;
}
.under-vid {
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,0.7);	font-size:20px;
	font-weight:600;
	margin-bottom:25px;
}
a {
	color:#fff;
	text-decoration:underline;
}
a:hover {
	color:#e82929;
}
.section1 {
	background: none repeat scroll 0% 0% #092035;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.stripe {
	width:100%;
	height:4px;
	background:#e82929;
	margin:0;
	padding:0;
}

.container {
	position:relative;
}

.main-wrapper {
	width:100%;
	height:455px;
	background:#4793e0;
}
@media (max-width:1260px) {
	.main-wrapper {
		height: auto;
	}
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 100%; margin-top:10px;} 

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; border: 5px solid #fff; max-height: 405px; max-width: 710px;z-index: 716123;margin-left: -355px;border-radius: 16px;
box-shadow: 0 0 70px rgba(0,0,0,0.7);}

@media (min-width:1200px) {
	.embed-container {
		padding-bottom: 39.25%;
	}
}
@media (max-width:768px) {
	.embed-container iframe, .embed-container object, .embed-container embed { max-height: auto; max-width: auto; left:0; margin-left:0;}
	
	
}
.form h1 {
	font:900 60px/60px 'Lato';
	text-align:center;
	color:#fff;
	margin:40px 0 0 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.form h1 strong {
	font-weight:400;
	color:#e20023;
}

.form h2 {
	font:300 35px/35px 'Lato';
	text-align:center;
	color:#fff;
	margin:20px 0 20px 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.form h2 strong {
	color:#ffd400;
	font:400 27px "aleoitalic";
}
.form h2 a {
	color:#fff;
	   pointer-events: none;
   cursor: default;
}
.form h2 a:hover {
	color:#fff;
}
.form h3 {
	font:500 25px/25px 'Lato';
	text-align:center;
	color:#000;
margin: 20px 0px 30px;
}
@media (max-width:767px) {
	.form h1 {
	font:900 8vw/8vw 'Lato';
	margin-top:20px;
	}
		.form h2 {
	font:900 5vw/5vw 'Lato';
	}
		.form h3 {
	font:700 4vw/4vw 'Lato';
	}
}



.phone-no {
    color: #4e4e4e;
    font: 500 21px "Quicksand";
    text-align: right;
    margin-top: 35px;
}
.phone-no img {
    display: inline-block;
    margin-right: 8px;
}
	.logo {
		max-height: 67px;
margin: 16px auto;
	}
@media (max-width:400px) {

	.logo img {
		float:none;
	}
}


input {
	font: 400 16px "Roboto";
padding: 10px 10px 6px 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
width: 100%;
color: #fff;
opacity: 1;
text-align: center;
float: left;
margin-bottom: 10px;
    background: rgba(255,255,255,0.1);
border: 1px solid #fff;
}
.fieldspadding {
    padding: 0 10px;
}
input:focus {
	color:#fff !important;
	opacity:1 !important;
}
input::-webkit-input-placeholder { color:#fff !important; }
input::-moz-placeholder { color:#fff !important; opacity: 1 !important;} /* firefox 19+ */
input:-ms-input-placeholder { color:#fff !important; } /* ie */


@media (max-width:767px) {
	input[name="email"] {
	margin-right:0%;
}
input[name="name"],
input[name="email"] {
	width:100%;
	margin: 15px auto 15px;
}
input[name="email"] {
	margin-top:0 !important;
}
}

.footer {
	width:100%;
	float:left !important;
}
.footer-wrap {
	margin:0 auto;
	font:400 10px "Roboto";
	color:rgba(255,255,255,0.5);
	text-align:center; 
	padding-top:20px;
	margin-top:150px;
	text-transform:uppercase;
margin-bottom:50px;
}
.footer a {
		font:700 15px "Roboto";
	color:#fff;
	text-decoration:none;
	
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.footer a:hover {
	color:#e82929;
			text-shadow: 0 0 0;
}

.submit:hover {
	background: #fed922; /* Old browsers */

background: -moz-linear-gradient(top,  #fed922 0%, #febc16 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed922), color-stop(100%,#febc16)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #fed922 0%,#febc16 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #fed922 0%,#febc16 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #fed922 0%,#febc16 100%); /* IE10+ */

background: linear-gradient(to bottom,  #fed922 0%,#febc16 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed922', endColorstr='#febc16',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow:inset 0 2px 0 0 #ffe45f;
box-shadow:inset 0 2px 0 0 #ffe45f;
border-color:#eba800;
	 -webkit-transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-o-transition: background .1s ease-in-out;
transition: background .1s ease-in-out;
}
.submit:hover strong {
	
}

.submit {
	background: #e82334; /* Old browsers */

width: 32.6%;
font:800 32px "Roboto";
color:#000;
border:0;
border-bottom:3px solid #b51d2b;
-webkit-box-shadow:inset 0 2px 0 0 #ec546b;
box-shadow:inset 0 2px 0 0 #ec546b;
margin-top:15px;
transform:scale(1);
}
.submit strong {
	font-weight:400;
	color:#fff;
}
@media (max-width:767px) {
	.submit {
							width:100%;
		margin:0 auto !important;
		background-size:100%;
	}
}
/*#members .submit {
	width:96%;
	margin:0 auto !important;
	height:80px;
	color:#fff;
	font-size:50px;
	font-size: 42px;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0,0,0,0.15);
	background: #ffb400; /* Old browsers
}
#members input {
	margin-left:0;
}*/
@media (min-width:991px) and (max-width:1199px) {
		.form {
		width:92%;
	}
}
@media (max-width:991px) {
	.form {
		width:100%;
	}
}
@media (max-width:1199px) {

	.counter-stripe h1,
	.footer-wrap {
		text-align:center;
	}
}
@media (max-width:400px) {
	.submit {
					width:100%;
		margin:0 auto !important;
	}
}

h1.headline {
    font: 900 57px/49px "Montserrat";
color: #fdd948;
text-align: center;
margin-bottom: 0;
text-transform: uppercase;
}
h2.headline {
   font: 400 37px/49px "Montserrat";
color: #fff;
text-align: center;
margin-bottom: 0;
margin-top: 2px;
}	
h1.headline strong {
    font-weight: 800;
    color: #e82929;
}
.submit2 {
		-webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
.submit2:hover {
	opacity:0.9;
	transform:scale(0.9);
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.white-border {
	background:#fff;
	border:5px solid #02c5b3;
}
.white-border {
	-webkit-box-shadow: 0 0 100px 0 rgba(255,255,255,.1);
box-shadow: 0 0 100px 0 rgba(255,255,255,.1);
}
#exit .top h1 {
	text-align: center;
margin-top: 5px;
font-size: 76.25px;
color: #e82929;
margin: 0px;
font: 900 75px "Montserrat";
}
#exit .top h2 {
	text-align: center;
margin-top: 5px;
font-size: 76.25px;
color: #fff;
margin: 0px;
font: 700 45px "Roboto";
margin-top: -19px;
margin-bottom: 10px;
}
#exit .top h2 strong {
	color:#e82929;
}
#price {
	width:100%;
	background:#02c5b3;
	padding:20px;
	color:#000 !important;
	margin: 20px auto 0;
	font-size: 35px;
	font-weight:700;
}
#price strong {
	font-weight:900;
}
#date {
	color: #F21D1D;
	font-weight:900;
}
ul.text li {
	font-size: 21px;
	line-height:34px;
	list-style-type:none;
	background:url('../img/li.png') no-repeat left top;
	padding-top:2px;
	padding-left:40px;
	color:#555555;
	font-weight:400;
}
.bonuses-title strong {
	color: #F21D1D;
}
.bonus {
	padding:2%;
}
.optional-div {
    float: left;
    width: 28%;
    background: #fff;
    margin-top: 45px;
}


.optional-div .header {
    background: #193f6f;
    color: #fff;
    margin: 0;
    padding: 15px;
}
.tick-item {
    color: #fff;
    
    font: 400 19px "Quicksand";
margin-bottom: 16px;
margin-top: 9px;
padding: 0 12px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.tick-item .tick {
    margin-right: 14px;
}
.optional-div p {
    color: #5b5b5b;
    font: 300 16px "Roboto";
    margin-top: 20px;
}
.book {
    max-width: 130px;
    float: left;
    margin: 10px 15px 10px 10px;
}
.main-package {
    float: left;
    width: 43%;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    position: relative;
    text-align: center;
    z-index: 2;
}
.main-package .header {
    background: #ffc000;
    color: #fff;
    margin: 0;
    padding: 15px;
    
    text-shadow:1px 1px 2px rgba(0,0,0,0.3);
}
.tick-optional li {
    color: #193f6f;
    font: 500 18px "Roboto";
    background: url('../img/tick.png') no-repeat;
    list-style: none;
    padding-left: 30px;
    margin-top: 18px;
    background-position: left center;
}
.choice-item {
    background: #dce0e5;
    text-align: center;
    color: #044c7a;
    cursor: pointer;
    font: 700 16px "Roboto";
    display: inline-block;
    padding: 9px 18px;
    position: relative;
top: -11px;
    
    margin: auto 5px;
}
.price1 {
    text-align: center;
    color: #044c7a;
    font: 400 25px "Roboto";
    margin-top: 12px;
}
.price2 {
    text-align: center;
    color: #ffc000;
    font: 900 50px "Roboto";
}
.price2 span {
    color: #7e7e7e;
    font: 300 20px "Roboto";
    display: block;
    margin-top: -10px;
}
.main-package hr {
    max-width:100px;
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.1);
  display: block;
margin: 10px auto 0;
}
.choice-item  h3 {
    font: 900 52px/1 "Roboto";
    margin-bottom: 0;
    margin-top: 0;
}
.choice {
    text-align: center;
}


.choice-item.active {
    background: #ffc000;
    text-align: center;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin:25px 5px 0;
    padding: 9px 18px;
    text-shadow:1px 1px 2px rgba(0,0,0,0.3);
}

.choice-item.active h3 {
    margin-bottom: 0;
    margin-top: 0;
}
.tick-area {
    background: #dce0e5;
    float: left;
    width: 84%;
    margin: 10px 26px 26px;
    padding: 10px;
    color: #6b6b6b;
    font: 500 20px/25px "Roboto";
}
.tick-area span {
    color: #193f6f;
    font-weight: bold;
    font-size: 27px;
}
h1.guarantee-title  {
	text-align: center;
color:#000;
margin: -19px 0px 10px;
font: 700 65px "Roboto";
}
h2.guarantee-title {
    text-align: left;
    color: #fff;
    margin: 20px 0 0px;
    font: 500 42px "Quicksand";
}
.guarantee-txt p {
    color: #fff;
    font: 300 17px/26px "Roboto";
}
h2.guarantee-title strong {
	color: #e82929;
}
.optional-div .header span {
    font: 400 17px "Quicksand";
    margin: 0;
    display: block;
}
.opt-header {
    font: 700 23px "Quicksand";
    margin: 0;
}
.guarantee {
	padding-left: 7.5%;
width: 95%;
font-size: 17px;
}
.guarantee img {
	float: right;
margin-left: 38px;
}
.guarantee-txt hr {
    width: 100px;
    display: block;
    float: left;
    margin: 10px 0;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
#subpage .content {
	padding:10px 40px 40px !important;
}
#subpage .content h4 {
	margin-top:20px;
}
header {
	background:#fff;
	width:100%;
	text-align:center;
}
header a {
	color:#000;
	text-decoration:none;
}
header a:hover {
	color:#fff;
}
header ul {
	margin-bottom:0;
	padding-left:0;
}
header ul li {
	list-style-type:none;
	display:inline-block;
	padding:10px;
	text-transform:uppercase;
	font:700 16px "Roboto";
}
header ul li:hover {
	background:#000;
}
h4.headline {
	line-height: 28px;
}
.header {
    background: #00d7c4 none repeat scroll 0% 0%;
    width: 100%;
    text-align: center;
	color:#000;
	text-transform:uppercase;
	font:900 35px "Montserrat";
	margin-top:20px;
	margin-bottom:20px;
	
	padding:20px;
}
textarea {
	overflow: auto;
margin-top: 30px;
border-radius: 0;
border: 1px solid #000;
outline: 3px solid #00d7c4;
color:#000;
padding:30px;
max-height:200px;
}
.link-box {
	background: rgb(251, 209, 10) none repeat scroll 0% 0%;
border-radius: 5px;
padding: 30px;
text-align: center;
font: 900 37px "Roboto";
border: 2px solid rgb(0, 0, 0);
outline: 6px solid rgb(255, 255, 255);
margin-top: 20px;
margin-bottom: 20px;
}
.link-box a {
	color:#000;
}
@media (max-width:990px) {
	.arrow-left{
		left: 19px;
	}
	.arrow-right{
		right: 19px;
	}
}
@media (max-width:500px) {
	h1.headline {
    font: 400 25px "Roboto";
	}
	#exit .top h2 {
    font: 700 35px "Roboto";
}
#price {
    font-size: 20px;
}
ul.text li {
    font-size: 18px;
}
.bonuses-title {
	font-size:45px !important;
}
h1.guarantee-title {
    font: 700 45px "Roboto";
}
h2.guarantee-title {
    font: 700 30px "Roboto";
}
.guarantee {
    padding-left: 7.5%;
    width: 94%;
    font-size: 13px;
}
}
.affiliates ul.text li {
	font-size: 21px;
	line-height:34px;
	list-style-type:none;
	background:url('../img/redtick.png') no-repeat left 9px;
	padding-top:2px;
	padding-left:40px;
	color:#555555;
	font-weight:400;
}
.affiliates ul.text li {
	color:#fff !important;	
}
.affiliates ul.text li strong {
	color:#FBD10A;
}
a.help {
	color:#00d7c4;
	font-size:25px;
	text-decoration:none;
}
a.help:hover {
	color:#fff;
}
.boxwhite {
	background: #fff;
margin: 40px auto 40px;
padding: 10px 30px 30px;
color: #000;
border-radius:20px;
float: none;
}
.boxwhite h3 {
   font: 700 32px/49px "Montserrat";
text-align: center;
margin-bottom: 25px;
margin-top: 0px;
letter-spacing:-1px;
}
.boxwhite img {
	float:left;
	margin-right:10px;
}

#exit1 .boxwhite h3 {
    font: 700 32px/39px "Montserrat";
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    letter-spacing: -1px;
}
#exit1 .boxwhite {
    padding:30px 6%;
}
#exit1 .boxwhite h3 {
    margin:50px 0 20px;
    color: #c00000;
}
#exit1 .boxwhite p {
    font: 300 18px "Roboto";
}
#exit1 .boxwhite li {
    margin-bottom: 10px;
}
#exit1 .boxwhite p, #exit1 .boxwhite li {
    font: 300 18px "Roboto";
}
#exit1 .boxwhite ul {
    margin-bottom: 45px;
}

#exit1 .photo.pull-right {
    margin: 20px 0 20px 20px;
}
#exit1 .photo.pull-left {
    margin: 20px 20px 20px 0px;
}
#exit1 .photo {
    max-width: 45%;
}


.panel-heading {
	padding: 14px 15px !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fef061+0,f7c827+56,fef061+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fde04e+0,fec338+100 */
background: #fde04e; /* Old browsers */
background: -moz-linear-gradient(top,  #fde04e 0%, #fec338 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fde04e 0%,#fec338 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fde04e 0%,#fec338 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde04e', endColorstr='#fec338',GradientType=0 ); /* IE6-9 */

	border:0;
	border-radius: 3px 3px 0 0 !important;
-moz-border-radius: 3px 3px 0 0 !important;
-webkit-border-radius: 3px 3px 0 0 !important;
}
.panel-body {
    font: 300 18px/29px "Roboto";
    color: #6b6c6d;
    border: 1px solid #e2e2e2;
	padding: 20px 30px;
}
.panel {
	box-shadow: 0px 0px 0px transparent !important;
}
.panel-body-arrow {
	position: relative;
top: 18px;
}
.panel-group .panel-heading {
	border:0;
}
.panel-heading h4 {
    color: #603a00;
    font: 500 22px "Oswald";
    text-transform: none !important;
    text-align: center;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
    margin-top: 20px;
	border-top:0;
}
.panel-default {
    border-color: transparent !important;
}
.center-block {
    float:none !important;
    margin:0 auto !important;
}
.panel a {
    text-decoration: none;
}
.th-text1 {
    padding: 0 24px 0 0;
color: #fff;
font: 500 15px "Quicksand";
padding-bottom: 20px;
border-bottom: 1px solid rgba(255,255,255,0.2);
margin-left: 3%;
padding-top: 8px;
}
.th-text2 {
    padding: 0 24px 0 0;
color: #fff;
font: 500 15px "Quicksand";
padding-bottom: 20px;
margin-left: 3%;
padding-top: 8px;
}
.boxwhite {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#193f6f+0,0e325f+100 */
background: #193f6f; /* Old browsers */
background: -moz-linear-gradient(top,  #193f6f 0%, #0e325f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #193f6f 0%,#0e325f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #193f6f 0%,#0e325f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193f6f', endColorstr='#0e325f',GradientType=0 ); /* IE6-9 */
 margin: -110px auto 40px;
padding: 30px 30px 15px;
border-radius: 0;
float: none;
border-radius: 5px;
    
}
.expiry {
    font-family: "Montserrat";
}
.bgg {
    position: relative;
}
.bgg:after {
    height:42px;
    width:100%;
    background:url('../img/mask.png') no-repeat;
    background-size:100%;
    background-position: center bottom;
    position: absolute;
    bottom: 0;
}
@media (min-width:1990px) {
    .bgg:after {
        height:55px;
    }
}
.main {
    text-align: center;
    font: 700 35px "Quicksand";
    text-shadow: 0 0 6px rgba(0,0,0,0.4);
    margin: 35px auto 10px;
}
.blue-right {
    background: #193f6f;
    height: 451px;
    padding: 25px;
    margin-top: 10px;
}
.doc-text {
    font: 400 14px "Quicksand";
    text-align: center;
}
.blue-right img {
    margin-bottom: 18px;
}
.sub-headline {
    color: #1e3149;
    font: 700 15px "Quicksand";
    text-align: center;
    margin-top: 0;
}
#featured_img_button {
    display:block;
}
.speaker-left {
    margin-right: 12px;
display: inline-block;
}
.speaker-right {

    display: inline-block;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    margin-left: 12px;
}
.btn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc000+0,e69600+100 */
background: #ffc000; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc000 0%, #e69600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffc000 0%,#e69600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffc000 0%,#e69600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc000', endColorstr='#e69600',GradientType=0 ); /* IE6-9 */
box-shadow:none;
    font: 900 46px "Roboto";
    text-align: center;
    border-bottom: 6px solid #cd7400;
    padding: 10px 70px;
    display: inline-block;
    position: relative;
 margin-top: 11px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.4);color:#fff;
   
    border-top:0;
}
.btn span {
    font: 900 16px "Roboto";
    display: block;
    margin-top: -5px;
}
.btn:hover {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edb100+0,c98200+100 */
background: #edb100; /* Old browsers */
background: -moz-linear-gradient(top,  #edb100 0%, #c98200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #edb100 0%,#c98200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #edb100 0%,#c98200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb100', endColorstr='#c98200',GradientType=0 ); /* IE6-9 */

    border-bottom-color:#6f3f00;
    color:#fff;
}

.panel-heading {
	padding: 14px 15px !important;
	background: #131313; /* Old browsers */

	border:1px dashed #d4d4d4;
	border-radius: 3px 3px 0 0 !important;
-moz-border-radius: 3px 3px 0 0 !important;
-webkit-border-radius: 3px 3px 0 0 !important;
}
.panel-body {
    font: 300 18px/29px "Roboto";
    color: #6b6c6d;
    border-top: 1px solid #e2e2e2;
	padding: 20px 30px;
}
.panel {
	box-shadow: 0px 0px 0px transparent !important;
}
.panel-body-arrow {
	position: relative;
top: 18px;
}
.panel-group .panel-heading {
	border:0;
}
.panel-heading h4 {
    color: #fff;
    font: 500 18px "Roboto";
    text-transform: none !important;
    text-align: center;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
    margin-top: 20px;
	border-top:0;
}
.panel-default {
    border-color: transparent !important;
}


.right-col {
    padding-left: 10px;
}
.left-col {
    padding-right: 10px;
}

@media (max-width:767px) {

	.right-col {
    padding-left: 0;
}
.left-col {
    padding-right: 0;
}
}

    .last-section p {
        color: #666;
font: 300 16px/26px "Roboto";
margin-top: 30px;
    }
    .last-section h2 {
    color: #193f6f;
    font: 700 42px "Quicksand";
    margin-top: 60px;
}


/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
margin: 0 auto;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 14px;
	height: 14px;
	margin: 5px 7px;
	opacity:1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
background-color: #bdc3c7;
border: 3px solid #fff;}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
    background:#2655a4;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
.testimonial-container {
	width:100%;
	background: #f8f8f8;
	padding-bottom: 17px;
	margin-top:30px;
border: 1px solid rgba(0,0,0,0.1);
    
border-left: 0;
border-right: 0;
}
#testimonials .item {
	color:#282828;
}
#testimonials .item .img {
	width:98px;
	float:left;
	margin-right:15px;
	text-align:center;
	color:#a3764f;
	font:900 14px "Roboto";
}
#testimonials .item .img img {
	margin-bottom:10px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
#testimonials .item .text {
    font: 700 21px/28px "Roboto";
    color: #282828;
    padding-top: 5px;
}

#testimonials .item .text2 {
	font:400 22px "Roboto";
}
#testimonials .item .text2 strong {
	font:900 30px "Roboto";
	color:#789510;
}

@media (max-width:990px) {
	#testimonials .item .text2 {
			font:400 17px "Roboto";
	}
	#testimonials .item .text2 strong {
	font:900 24px "Roboto";
}
}
.faq h1.headline,
.testimonial-container h1.headline {

    margin-top:50px !important;
    margin-bottom:50px !important;
font: 700 42px "Quicksand";
}
.faq h1.headline strong,
.testimonial-container h1.headline strong {
        color: #193f6f !important;
}
.stars {

    display: inline-block;
    max-height: 15px;
    margin-left: 15px;
    position: relative;
    top: -3px;
}
#testimonials .item .text2 {
    font: 400 16px "Roboto";
    padding-right: 20%;
    margin-top: 20px;
}
#testimonials hr {
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.1);
    width:70%;
    float:left;
    margin-bottom:5px;
}
#testimonials h5{
    font:700 17px "Quicksand";
    color:#2655a4;
    letter-spacing:-1px;
}
.recommend-li {
    float:left;
    margin-right:15px;
}

.optin-bar {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#044c7a+0,0c316d+100 */
background: #044c7a; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #044c7a 0%, #0c316d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #044c7a 0%,#0c316d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #044c7a 0%,#0c316d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044c7a', endColorstr='#0c316d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding-bottom: 13px;
}
.optin-bar h1.main {
    margin-top:20px;
    text-transform: uppercase;
}
.optin-bar h5 {
    font: 400 15px "Roboto";
text-align: center;
}
.optin-bar .btn {
    font-size: 17px;
margin-top: 0;
width: 100%;
position: static;
padding: 8px 6px 6px;
border-bottom: 3px solid #cd7400;
}
#top-menu li {
    display: inline-block;
    padding: 2px 10px;
}
#top-menu-nav {
    margin-top: 27px;
}
#top-menu a {
    color: #243c63;
    text-decoration: none;
    font: 700 14px "Quicksand";
    letter-spacing: 0px;
    text-transform: uppercase;
}
.nopadding {
    padding:0 !important;
}
.face {
        border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    margin-top: 10px;
}

.purpose {
    color: #333;
    font: 300 17px "roboto";
    margin: 0;
    text-transform: uppercase;
}
.product-icon {
    max-width: 150px;
    margin-top:30px !important;
}
h2.product-title {
    margin-top:0;
    margin-bottom:5px;
}
.last-section .bottle {
      -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.last-section .bottle:hover {
    transform:scale(0.9);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.pop {
    position: relative;
top: 40px;
}
.left-padding {
    padding-left: 20px;
}
.right-padding {
    padding-right: 20px;
}
.tooltip {
    position: absolute;
    background:rgba(255,255,255,.95);
    color:#333;
    text-align: center;
    padding:10px;
    z-index:999999;
    font-size:12px;
    max-width:200px;
    min-width:150px;
    line-height:20px;
}

.bigger {
    padding: 9px 26px !important;
    top: -3px;
    margin-top: 25px;
}
.bigger h3 {
    font-size: 70px;
}
.ship {
    display: inline-block;
    margin-right: 6px;
    max-width: 32px;
    margin-left: 6px;
}

  .top5 {
   
padding-top: 10px;
padding-bottom: 25px;
        }
    .heady {
    text-align: center;
    font-size: 32px;
    color: rgb(255, 255, 255);
    font-family: "Open Sans";
    font-weight: 700;
    margin: 0;
}
        .step-bar {
    margin: 10px auto 0;
    float: none;
}
        
        .step-bar div:first-child {
    border-radius: 5px 0 0 5px;
}
.step-bar div {
    background: #fff;
    text-align: center;
    color: #969696;
    font-size: 16px;
    font-family: "Montserrat";
    padding: 10px 7px;
}
.step-tick {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
        .step-bar div:last-child {
    border-radius: 0 5px 5px 0;
}
        .step-bar div:nth-child(2) {
      background-color: #193f6f !important;
color: #fff;
        }
    .headline {
    font: 300 36px "Raleway";
    text-align: center;
    margin: 40px 20px 20px;
    padding: 0 5%;
    line-height: 1.3em;
}
        .headline strong {
            color: rgb(10, 161, 240);
        }
.stoep {
    max-width: 130px;
float: right;
}
.white-box {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    margin: 0 auto;
    float: none;
    border-radius: 10px;
    padding: 10px 30px;
    margin-top: 30px;
}
.white-box .headline2 {
    font: 700 29px "Quicksand";
    color: #193f6f;
    letter-spacing: -1pt;
    margin-top: 40px;
}
.headline-22{
font: 700 35px "Quicksand";
    color: #fff;
    letter-spacing: -1pt;
    margin-top: 60px;
    text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
.line1 {
    color: #333;
    margin-top: 30px;
}
.regular-price {
    color: #333;
    font: 700 20px "Roboto";
    margin-bottom: 0;
    margin-top: 23px;
}
.savings {
    float: left;
    background: #193f6f;
    padding: 5px;
    font: 700 20px "Roboto";
    margin-top: 0;
}
.price2 span {
    color: #193f6f;
    font: 700 24px "Roboto";
    display: block;
    margin-top: 0;
}
.normal-text-headline {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    float: left;
    display: block;
    color: #193f6f;
    font: 700 30px "Quicksand";
    letter-spacing: -1px;
    padding-bottom: 10px;
}
.white-box p,
.section p {
    color: #333;
    font: 300 18px/30px "Roboto";
}
.table-total {
    width: 40% !important;
}
@media (max-width:990px) {
    .blue-right img {
        float:none;
        margin:0 auto 20px;
    }
    .blue-right {
        height: auto;
    }
    .sales-page .bgg {
        padding-bottom: 50px;
    }
}

.downsell1 .darky,
.downsell2 .darky,
.downsell3 .darky {
    margin-top:40px !important;
}
@media (max-width:768px) {
    .logo {
    max-height: 67px;
    margin: 7px auto;
    float: none !important;
}
    .phone-no {
    text-align: center;
    font: 500 17px "Quicksand";
    margin-top: 0;
    margin-bottom: 8px;
        
}
    .sales-page .main {
    text-align: center;
    font: 700 25px "Quicksand";
    text-shadow: 0 0 6px rgba(0,0,0,0.4);
    margin: 15px auto 7px;
}
    .sales-page .sub-headline {
    color: rgba(255,255,255,0.5);
    font: 500 11px "Quicksand";
        margin-bottom: 0; 
    }
    .optional-div, .main-package {
    width: 100%;
    }
    .tick-area {
    background: #dce0e5;
    float: left;
    width: 100%;
        margin:10px 0 0 0;
    }
    .optional-div p {
    color: #5b5b5b;
    font: 300 16px "Roboto";
    margin-top: 20px;
        
    padding: 0 20px !important;
}
    .optional-div {
        margin-top: 20px;
    }
    .order-page .main {
    text-align: center;
    font: 700 25px "Quicksand";
    text-shadow: 0 0 6px rgba(0,0,0,0.4);
    margin: 15px auto 9px;
}
    .order-page .tick-item {
    color: #fff;
    font: 400 15px "Quicksand";
    margin-bottom: 7px;
    }
    .choice-item {
   
    font: 700 12px "Roboto";
    padding: 6px 12px;
    }
    .bigger {
    padding: 3px 21px !important;
    }
    #total2 .btn, #total1 .btn, #total3 .btn {
        font: 900 36px "Roboto";
    }
    .order-page .boxwhite h2.guarantee-title {
    text-align: center;
    }
    .order-page .boxwhite .guarantee-txt p {
    color: #fff;
    font: 300 15px/25px "Roboto";
}
    .order-page .boxwhite { margin-bottom:0;}
    .order-page .testimonial-container h1.headline {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size:27px !important;
    }
    .order-page .face {
        float: none;
margin: 10px auto;
    }
    #testimonials hr { width: 100%; }
    .order-page .recommend-li {
    display: inline-block;
    float: none;
}
    #testimonials h5 {
    text-align: center;
}
    #testimonials .item .text { text-align: center; }
    #testimonials .item .text2 {
    text-align: center;
    padding: 0 10%;
}
    .panel-body {
    font: 300 15px/24px "Roboto";
    }
    .bundy { max-width:100% !important;}
    .last-section h2 {
    color: #193f6f;
    font: 700 32px "Quicksand";
    margin-top: 0;
    text-align: center;
}
   .order-page .last-section .bottle { float:none; margin:0 auto;}
    #top-menu-nav {
    margin-top: 0;
}
    #top-menu li {
    padding: 2px;
}
    #top-menu a {
        padding: 10px 7px;
    }
    .optin-bar .main {
    text-align: center;
    font: 700 25px "Quicksand";
    }
    
    .optin-bar h5 {
    font: 400 12px "Roboto";
    }
    .optin-bar input[name="name"], input[name="email"] {
    margin: 0px auto 7px;
}
    .home-page .bgg {
        padding-bottom: 30px;
padding-top: 10px;
    }
    .home-page .main {
    font: 700 25px "Quicksand";
        
        text-align: center !important;
}
    .home-page .doc-text,
    .home-page .bgg .col-md-offset-1{
        text-align: center !important;
    }
    .home-page .bgg .btn {
        display: inline-block;
    }
    .home-page .last-section .item .btn {
        margin-left: 0 !important;
font-size: 30px;
transform: scale(1) !important;
    }
    .about-page .last-section h2 {
    color: #193f6f;
    font: 700 32px "Quicksand";
    margin-top: 20px;
    text-align: center;
    letter-spacing: -2pt;
        margin-bottom:10px;
}
    .about-page .last-section p {

    line-height: 26px;
    font-size: 14px !important;
}
    .about-page .left-padding,
    .about-page .right-padding { padding:0 10px;}
    .about-page .left-padding { margin-top:15px;}
    .products-page .last-section h2 {
        margin-top:0;
    }
    .products-page .product-icon {
    margin-top: 0px !important;
}
    .products-page .purpose {
    text-align: center;
}
    .products-page .last-section p {
    text-align: center;
    }
    .products-page .price2 {
    text-align: center;
    }
    .products-page .btn {
        margin-bottom:15px;
    }
    .blank-page .normal-text-headline {
    font: 700 20px "Quicksand";
        width:100%;
    text-align: center;
    }
    .blank-page .section p {
    color: #333;
    font: 300 14px/23px "Roboto";
    }
    .blank-page li {
    color: #333;
    font: 400 14px/25px "Roboto";
}
    .thankyou-page .step-bar div:first-child {
    border-radius: 5px 5px 0 0px;
        border-bottom:1px solid rgba(0,0,0,0.1);
}
    .thankyou-page .step-bar div:last-child {
    border-radius: 0 0 5px 5px;
}
    .thankyou-page h1.main {
    text-align: center;
        font: 700 25px "Quicksand";
    margin-top: 12px !important;
}
    .darky {
        margin-top: 0px !important;
    }
    
.table-total {
    width: 100% !important;
}
    .cart-buttons button {
        float: none !important;
display: inline-block !important;
    }
    .step-bar div:last-child {
    border-radius: 0 0 5px 5px;
}
    .step-bar div:first-child {
    border-radius: 5px 5px 0 0;
}
   .upsell .main {
    text-align: left;
    font: 700 25px "Quicksand";
    }
    .upsell .pull-right.img-responsive {
    float: none !important;
    margin: 0 auto !important;
}
    .upsell .btn {
        white-space: normal;
    }
    .downsell1 .darky,
    .downsell2 .darky, 
    .downsell3 .darky {
        margin-top:0 !important;
        padding: 10px;
    }
    .downsell1 .main,
    .downsell1 .sub-headline,
    .downsell2 .main,
    .downsell2 .sub-headline,
    .downsell3 .main,
    .downsell3 .sub-headline    
    {
    text-align: center !important;
    }
    .downsell1 .stripe .main {
        padding-left:0;
        font-size:20px !important;
    }
    .downsell1 .body-shot {
        display:none;
    }
    .downsell1 .regular-price,
    .downsell1 .savings,
    .downsell1 .price2,
    
    .downsell2 .regular-price,
    .downsell2 .savings,
    .downsell2 .price2,
    
    .downsell3 .regular-price,
    .downsell3 .savings,
    .downsell3 .price2{
    text-align: center !important;
    float: none;
    }
    .downsell1 .bonus {
    padding: 2%;
    position: absolute;
    max-width: 150px;
    top: 32%;
    right: 7%;
        left:inherit;
}
    .downsell1 .bottle {
    float: left;
    max-width: 300px !important;
    margin-left: 9%;
    position: relative;
    top: 5% !important;
}
    .downsell2 .bonus2,
    .downsell3 .bonus2{
    position: absolute;
    right: 4vw !important;
    top: -58vw !important;
    max-width: 150px !important;
    }
    .downsell2 .headline-22,
    .downsell3 .headline-22{
        margin-top: 0px;
    }
}
@media (max-width:550px) {
    
    .downsell1 .bottle {
    float: left;
    max-width: 300px !important;
    margin-left: 3%;
    position: relative;
    top: 5% !important;
}
    
    
    .downsell1 .bonus {
    right: 1%;
        left:inherit;
}
}


#exitpopup { text-align:center; } 
#exitpopup h1 { margin-top:0px; padding-top:0px; } 
#exitpopup p { text-align:left; } 
#exitpopup_bg {
	display: none; width:100%; height:100%; position:fixed; background:#000000; opacity: .8; filter:alpha(opacity=0.8); z-index:999998;
}
#exitpopup {
	width:640px; 
	height:470px; 
	margin:0px auto; 
	display:none; 
	position:fixed; 
	color:#000; 
	padding:20px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	z-index:1000000; 
	background:rgb(20, 20, 20); 
	background:rgba(255,255,255, 1);
	border:4px solid #1b78ac;
}
#exitpopup p {
	text-align:center;
}
#exitpopup form {
	width:66%;
	margin:0 auto;
}
#exitpopup h1 {
    font: 700 94px "Roboto";
    color: #e11919;
    letter-spacing: -0.4pt;
}
#exitpopup h1.phone {
    font: 700 64px "Roboto";
    color: #1b78ac;
margin-bottom: 0;
line-height: 78px;
}
#exitpopup h2 {
	font-family: "Roboto";
}
#exitpopup h2 strong {
	color:#c70820;
}
#exitpopup h3 {
    margin-top: -11px;
}

#exitpopup { text-align:center; } 
#exitpopup h1 { margin-top:0px; padding-top:0px; } 
#exitpopup p { text-align:left; } 
#exitpopup_bg {
	display: none; width:100%; height:100%; position:fixed; background:#000000; opacity: .8; filter:alpha(opacity=0.8); z-index:999998;
}
#exitpopup {
	width:640px; 
	height:470px; 
	margin:0px auto; 
	display:none; 
	position:fixed; 
	color:#000; 
	padding:20px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	z-index:1000000; 
	background:rgb(20, 20, 20); 
	background:rgba(255,255,255, 1);
	border:4px solid #1b78ac;
}
#exitpopup p {
	text-align:center;
}
#exitpopup form {
	width:66%;
	margin:0 auto;
}
#exitpopup h1 {
    font: 700 94px "Roboto";
    color: #e11919;
    letter-spacing: -0.4pt;
}
#exitpopup h1.phone {
    font: 700 64px "Roboto";
    color: #1b78ac;
margin-bottom: 0;
line-height: 78px;
}
#exitpopup h2 {
	font-family: "Roboto";
}
#exitpopup h2 strong {
	color:#c70820;
}
#exitpopup h3 {
    margin-top: -11px;
}