/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
progress, sub, sup {
	vertical-align: baseline
}

button, hr, input, select {
	overflow: visible
}

[type=checkbox], [type=radio], legend {
	box-sizing: border-box;
	padding: 0
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

a {
	background-color: transparent
}

a:active, a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img, picture {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

button, input, select, textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: 700
}

button, select {
	text-transform: none
}

[type=button], [type=reset], [type=submit], button {
	cursor: pointer
}

[disabled] {
	cursor: default
}

[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

button:-moz-focusring, input:-moz-focusring {
	outline: ButtonText dotted 1px
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

textarea {
	overflow: auto
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
	color: #222;
	font-size: 1em;
	line-height: 1.4
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio, canvas, iframe, img, picture, svg, video {
	vertical-align: middle
}

br {
	display: none
}

br.resp {
	display: block
}

.resp {
	display: block
}

.hidden {
	display: none !important;
	visibility: hidden
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

.aligncenter {
	text-align: center
}

.alignright {
	text-align: right
}

img.aligncenter, picture.aligncenter, iframe.aligncenter, button.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto
}

.relative {
	position: relative
}

.ucase {
	text-transform: uppercase
}

.no-mt {
	margin-top: 0 !important
}

.no-mb {
	margin-bottom: 0 !important
}

.no-pt {
	padding-top: 0 !important
}

.with-pb {
	padding-bottom: 1em !important
}

.with-mt {
	margin-top: 1em !important
}

.with-mb {
	margin-bottom: 1em !important
}

.with-pt {
	padding-top: 1em !important
}

img.left, picture.left, img.right, picture.right {
	display: block;
	margin: 0 auto
}

.no-resp, img.no-resp, picture.no-resp {
	display: none
}

img, picture {
	max-width: 100%;
	height: auto
}

.normal {
	font-weight: normal
}

@media screen and (min-width:768px) {
	.left {
		float: left
	}

	.right {
		float: right
	}

	.clear {
		clear: both
	}

	.resp, br.resp {
		display: none
	}

	img.left, picture.left, .rotate-wrapper.left, .over-edge.left {
		margin-right: 25px
	}

	img.right, picture.right, .rotate-wrapper.right, .over-edge.right {
		margin-left: 25px
	}

	.one-third {
		width: 33%;
		display: inline-block;
		vertical-align: top
	}

}

@media screen and (min-width:1140px) {
	br {
		display: block
	}

}

@media screen and (max-width:768px) {
	.over-edge {
		width: 100% !important
	}

}

.over-edge>img, .over-edge>picture {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

@media screen and (min-width:1140px) {
	.over-edge>img, .over-edge>picture {
		max-width: none;
		position: relative
	}

}

@media screen and (min-width:1140px) {
	.no-resp {
		display: inherit !important
	}

}

.red-background {
	background: #e72b33
}

.guardsman-background {
	background-color: #bb0000
}

.grey-background {
	background: #e5e5e5
}

.grey-background-2 {
	background: #5e5d5d
}

.grey-background-3 {
	background: #272727
}

.grey-background-4 {
	background: #ededed
}

.black-background {
	background: #000000
}

.green-background {
	background: #287a34
}

.light-grey-background {
	background: #e0e0e0
}

.white-background {
	background: #ffffff
}

.white {
	color: #fff
}

.red {
	color: #bb0000
}

.yellow {
	color: #e6bf3d
}

.green {
	color: #04ac17
}

.light-grey {
	color: #c1c1c1
}

.black {
	color: #000000
}

.blue {
	color: #5c95fe
}

.blue-2 {
	color: #0051ce
}

.yellow-background {
	background: #fbf7ae
}
.offers:after, .offers:before{
	content: '';
	clear: both;
	display: table;
}
.offers, .offers .offer .image {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	display: block\9;
	/*background-color: #000\9;*/
}
html[data-useragent*='MSIE 10.0'] .offers .offer .image {
  display: block;
}
@media all and (-ms-high-contrast:none){
	.offers .offer .image {
	  display: block;
	}
}
#main-section .offers .offer{
	float: left\9;
	width: 33%\9;
}

@font-face {
	font-family: 'Metropolis';
	src: url("../fonts/Metropolis-Regular.eot?#iefix") format("embedded-opentype"), url(../fonts/Metropolis-Regular.woff2) format("woff2"), url(../fonts/Metropolis-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Metropolis';
	src: url("../fonts/Metropolis-Bold.eot?#iefix") format("embedded-opentype"), url(../fonts/Metropolis-Bold.woff2) format("woff2"), url(../fonts/Metropolis-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

html {
	font-size: 62.5%
}

body {
	font: 1.3rem/1.7em Arial, Helvetica, sans-serif;
	background: #fff;
	color: #000
}

@media screen and (min-width:768px) {
	body {
		font: 1.6rem/1.7em Arial, Helvetica, sans-serif
	}

}

.wrapper {
	position: relative
}

.wrapper section {
	width: 90%;
	margin: 0 auto
}

@media screen and (min-width:1140px) {
	.wrapper section {
		width: 770px
	}

}

h1 {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.1
}

@media screen and (min-width:768px) {
	h1 {
		font-size: 4rem
	}

}

h1 strong {
	font-weight: 800
}

h2 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.2
}

@media screen and (min-width:768px) {
	h2 {
		font-size: 3.7rem
	}

}

h2 strong {
	font-weight: 800
}

h3 {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.2
}

@media screen and (min-width:768px) {
	h3 {
		font-size: 2.8rem
	}

}

h3 strong {
	font-weight: 800
}

#top-nav {
	font-family: Metropolis, sans-serif;
	text-align: center;
	font-size: 1.1rem
}

@media screen and (min-width:1140px) {
	#top-nav {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: 385px;
		text-align: left;
		font-size: 1.5rem
	}

}

#top-nav a {
	text-decoration: none
}

#top-section {
	position: relative
}

#top-section #menu {
	display: none
}

#top-section .slicknav_menu {
	top: 0;
	right: 0;
	background: #fff;
	position: relative;
	z-index: 1000
}

@media screen and (min-width:1140px) {
	#top-section .slicknav_menu {
		position: absolute
	}

}

#top-section .slicknav_menu a {
	color: #000;
	font-size: 1.7rem
}

#video-wrapper {
	background: url(../images/bg-lifeline.jpg) repeat-x 0 60%
}

/*.video-box {
	position: relative;
	width: 90%;
	border-radius: 8px;
	background: #c6daf8;
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.32);
	height: auto;
	margin: 10px auto;
	padding: 10px
}*/
#video-wrapper section{
	border-radius: 8px;
	background: #c6daf8;
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.32);
	height: auto;
	margin: 40px auto 20px;
	padding: 25px;
	box-sizing: border-box;
}
/* For video responsive */
.video-box {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
}
.video-box img {
    width: 100%;
}
.video-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width:768px) {
	/*.video-box {
		padding: 30px 33px;
		margin: 40px auto 20px
	}*/

}

.video-box .fb-like {
	margin-top: 15px;
	margin-left: 30px
}

.video-box #main-video {
	margin: 0 auto;
	width: 100%;
	height: auto
}

.video-box .overlay {
	position: absolute;
	width: 100px;
	height: 40px;
	bottom: 50px;
	right: 30px
}

.vjs-big-play-button {
	display: none !important
}

.vjs-has-started .vjs-control-bar {
	display: none !important
}

#top-button, .payment-button-display {
	display:;
}

#disclaimer, #disclaimer a {
	font-size: 1.1rem;
	color: #c1c1c1
}

@media screen and (min-width:768px) {
	#disclaimer, #disclaimer a {
		font-size: 1.3rem;
		line-height: 1.5;
                color: #000;
	}

}

.larger-wrapper section {
	width: 90%;
	margin: 0 auto
}

@media screen and (min-width:1140px) {
	.larger-wrapper section {
		width: 960px
	}

}

#overview {
	margin-bottom: 20px;
	margin-top: 250px
}

@media screen and (min-width:768px) {
	#overview {
		display: flex;
		justify-content: space-between
	}

}

#overview .element {
	width: 90%;
	padding: 12px 20px;
	border-radius: 12px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)
}

@media screen and (min-width:768px) {
	#overview .element {
		width: 28%;
		background: #fbfbfb
	}

}

#top-button {
	margin-bottom: 30px
}

.no-front-end {
	background: #f2f7fd;
	font: 1.4rem/1.7 Metropolis, sans-serif
}

@media screen and (min-width:768px) {
	.no-front-end {
		font: 1.8rem/1.7 Metropolis, sans-serif
	}

}

@media screen and (min-width:768px) {
	.no-front-end h1 {
		font-size: 5rem
	}

}

.no-front-end #logo {
	margin: 0 auto;
	display: block;
	max-width: 50%
}

@media screen and (min-width:1140px) {
	.no-front-end #logo {
		margin: 0;
		display: inline;
		max-width: initial
	}

}

.no-front-end section {
	width: 80%;
	padding: 20px
}

@media screen and (min-width:1140px) {
	.no-front-end section {
		width: 880px;
		padding: 20px 40px
	}

}

.no-front-end #main-section {
	border-radius: 12px;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.32);
	background: #fff
}

.no-front-end #dr-picture {
	display: block;
	margin: 0 auto
}

@media screen and (min-width:768px) {
	.no-front-end #dr-picture {
		display: inline-block;
		vertical-align: bottom
	}

}

.no-front-end #opening-line {
	line-height: 1.3
}

@media screen and (min-width:768px) {
	.no-front-end #opening-line {
		display: inline-block;
		vertical-align: bottom
	}

}

.no-front-end .component {
	background: #dcdcdc;
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc 0%, #e2e2e2 16%, #e8e8e8 29%, #ececec 50%, #f2f2f2 73%, #f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#f6f6f6', GradientType=0);
	width: 90%;
	margin: 0 auto 40px;
	width: 90%;
	margin: 0 auto 40px;
	padding: 30px
}

@media screen and (min-width:1140px) {
	.no-front-end .component .description {
		width: 62%
	}

}

.download #main-section {
	margin-top: 40px
}

#redLine {
	width: 100%;
	min-height: 45px;
	position: fixed;
	z-index: 999;
	background: transparent
}

.highlight {
	background: #FF6
}

.ui-dialog {
	position: top;
	overflow: hidden !important;
	z-index: 999999
}

.ui-dialog .ui-dialog-titlebar {
	display: none !important
}

.ui-dialog .ui-dialog-content {
	overflow: hidden !important
}

.ui-widget-overlay {
	background: #000 !important;
	-moz-opacity: 0.75 !important;
	filter: alpha(opacity=75) !important;
	opacity: 0.75 !important;
	height: 50000px !important;
	z-index: 999998
}

.ui-dialog .close {
	text-indent: -9999px;
	background: url(../images/btn-close2.png) 0 0 no-repeat;
	display: block;
	position: absolute;
	top: -5px;
	right: -5px;
	width: 30px;
	height: 30px
}

.ui-dialog .close:hover {
	background: url(../images/btn-close2.png) 0 -30px no-repeat
}

.ui-dialog #exit-popup .close {
	text-indent: 0;
	background: none;
	overflow: hidden
}

.ui-dialog #exit-popup .close:hover IMG {
	margin-top: -30px
}

#exit-popup h5H5 {
	color: #fff;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: -1px;
	text-align: center;
	background: #c10000;
	padding: 10px 0 15px;
	margin: 0 !important
}

#exit-popup .coupon {
	text-align: center;
	text-decoration: none;
	border: 4px dashed red;
	padding: 10px 10px 20px 20px;
	margin: 10px 0;
	min-height: 110px;
	display: block;
	overflow: hidden
}

#exit-popup .coupon .head-1 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.35em;
	margin: .5em 0;
	display: block
}

#exit-popup .coupon .head-1 .cl-red {
	color: red
}

#exit-popup .coupon .head-2 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35em;
	margin: .5em 0;
	display: block;
	font-style: italic
}

#exit-popup .coupon .p, #exit-popup .coupon .head-3 {
	font-size: 16px;
	line-height: 1.4em;
	text-align: justify;
	margin: 1em 15px 25px 0;
	display: block
}

#exit-popup .coupon .wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.15em;
	text-align: justify;
	margin: 20px 0 0;
	width: 270px;
	float: left
}

#exit-popup .coupon .wrapper IMG {
	margin: 0 10px 30px 0;
	float: left
}

#exit-popup .coupon EM {
	margin: 0;
	width: 333px;
	height: 92px;
	float: right
}

#le_body_row_2_col_1_el_2 {
	display: none !important
}

@media screen and (max-width:768px) {
	#big-heading-img .image-caption {
		margin-top: 0px !important
	}

	#le_body_row_1 {
		display: none
	}

	#le_body_row_2 {
		padding-top: 20px
	}

	.video-plugin-new {
		margin-top: 0px !important
	}

	#le_body_row_2_col_1_el_2 {
		display: block !important
	}

	#le_body_row_2_col_1_el_2 h2 {
		font-size: 25px !important;
		line-height: 25px !important;
		text-shadow: 0 1px 5px #fff !important
	}

	#le_body_row_2_col_1_el_1 {
		display: none !important
	}

}

.purchase-btn {
	background: #fff900;
	background: -moz-linear-gradient(top, #fff900 0%, #ffe900 39%, #ffda00 64%, #ffcd00 89%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff900), color-stop(39%, #ffe900), color-stop(64%, #ffda00), color-stop(89%, #ffcd00));
	background: -webkit-linear-gradient(top, #fff900 0%, #ffe900 39%, #ffda00 64%, #ffcd00 89%);
	background: -o-linear-gradient(top, #fff900 0%, #ffe900 39%, #ffda00 64%, #ffcd00 89%);
	background: -ms-linear-gradient(top, #fff900 0%, #ffe900 39%, #ffda00 64%, #ffcd00 89%);
	background: linear-gradient(to bottom, #fff900 0%, #ffe900 39%, #ffda00 64%, #ffcd00 89%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff900', endColorstr='#ffcd00', GradientType=0);
	border: 2px solid #eda800;
	border-radius: 4px;
	font-family: Metropolis, Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #272b2f;
	width: 281px;
	margin: 20px auto 10px;
	line-height: 1.2;
	padding: 8px;
	text-align: center
}

@media screen and (min-width:768px) {
	.purchase-btn {
		border: 1px solid #eda800;
		border-radius: 6px;
		width: 501px;
		line-height: 1.2;
		padding: 12px 0 6px 0
	}

}

.purchase-btn .large-title {
	font-style: italic;
	font-size: 20px;
	margin: 10px 0
}

@media screen and (min-width:768px) {
	.purchase-btn .large-title {
		font-style: italic;
		font-size: 34px
	}

}

.no-underline {
	text-decoration: none
}

.purchase-btn2 div {
	width: 80%;
	margin: 40px auto;
	background: #ed8c29;
	background: -moz-linear-gradient(top, #ed8c29 0%, #f0912a 25%, #f39a2d 50%, #f8a22f 75%, #f9a42f 88%, #f6a132 100%);
	background: -webkit-linear-gradient(top, #ed8c29 0%, #f0912a 25%, #f39a2d 50%, #f8a22f 75%, #f9a42f 88%, #f6a132 100%);
	background: linear-gradient(to bottom, #ed8c29 0%, #f0912a 25%, #f39a2d 50%, #f8a22f 75%, #f9a42f 88%, #f6a132 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed8c29', endColorstr='#f6a132', GradientType=0);
	box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.3);
	font-family: Metropolis, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 20px;
	padding: 25px 30px;
	font-weight: bold;
	text-align: center
}

@media screen and (min-width:768px) {
	.purchase-btn2 div {
		font-size: 30px
	}

}

@media screen and (min-width:1140px) {
	.purchase-btn2 div {
		width: 780px
	}

}

.horzImg {
	margin-top: 50px !important
}

.horzImg a.horzImgLft {
	float: left;
	width: 50%
}

.horzImg a.horzImgRight {
	float: right;
	width: 50%
}

.horzImg a.horzImgLft img, .horzImg a.horzImgLft picture {
	margin-top: 50px
}

.fancybox-overlay {
	display: none !important
}

.offers {
	margin-top: 0
}

@media screen and (min-width:768px) {
	.offers {
		margin-top: 35px
	}

}

.offers .offer {
	margin-bottom: 20px;
	background: #fff;
	border-bottom: 1px solid #cccccc
}

@media screen and (min-width:768px) {
	.offers .offer {
		width: 29%
	}

}

.offers .offer h3 {
	font-size: 2.8rem
}

.offers .offer header {
	padding: 15px 0;
	border: 2px solid #bb0000
}

.offers .offer header h3 {
	margin: 0
}

.offers .offer .image {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc
}

@media screen and (min-width:768px) {
	.offers .offer .image {
		align-items: flex-end;
		height: 300px;
		display: block\9;
	}
	
}

.offers .offer .price {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1
}

.offers .offer .price .special-price {
	font-size: 4rem;
	line-height: 1
}

.offers .offer .price .saving {
	font-size: 3rem;
	margin-top: 1rem
}

.offers .offer .price.single {
	font-size: 4rem
}

.offers .offer .order-link {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	display: block;
	padding-bottom: 20px
}

.offers .offer .order-btn {
	width: 90%
}

.offers .offer.most-popular {
	box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.4)
}

@media screen and (min-width:768px) {
	.offers .offer.most-popular {
		width: 40%;
		transform: scale(1.05, 1.05)
	}

}

.offers .offer.most-popular .special-price {
	font-size: 8rem
}

.offers .offer.most-popular .order-btn {
	width: 90%
}

.faq {
	margin-bottom: 40px
}

.faq .question {
	font-weight: bold;
	font-size: 2rem;
	cursor: pointer;
	margin-top: 20px
}

.faq .answer {
	opacity: 1;
	height: auto;
	transition: opacity 0.5s ease, height  0.5s ease
}

.faq .answer.inactive {
	opacity: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
	transition: opacity 0.5s ease, height  0.5s ease
}

.hidemobile {
	display: none
}
.hbp-left, .hbp-center, .hbp-right{
	display: inline-block;
}
.hbp-center {
    width: auto;
}
.hbp-left {
    width: 47%;
}
.hbp-right {
    width: 47%;
}

@media screen and (min-width:768px) {
	.hidemobile {
		display: block
	}

}

/*# sourceMappingURL=style.css.map */
@media(max-width:887px) {
	.hbp-center {
	    width: 25px;
	}
	.hbp-left {
	    width: 45%;
	}
	.hbp-right {
	    width: 45%;
	}
}
@media(max-width:768px) {
	iframe.tube_player {
		width: 100%;
	}

	.fx {
		display: block;
		text-align: center;
	}

	.nn {
		display: none;
	}
	.hbp-center {
	   display: none;
	}
	.hbp-left {
	    width: 100%;
	}
	.hbp-right {
	    width: 100%;
	}
	#video-wrapper section{
		padding: 15px;
	}
	
}

@media(max-width:650px) {
	section h3 {
		font-size: 28px !important;
		line-height: 31px !important;
	}

}

@media(max-width:360px) {
	img.left, picture.left, img.right, picture.right {
		width: 100%;
	}

}

 #content_section, #who-is-dr{
 font-size:19px;
 }
 .top_nav ul{
 text-align: right;
 margin-top: 0px; padding-right:40px;
 padding-bottom: 0px;
 margin-bottom: 0px;
 }
 .top_nav li{
 display:inline-block; padding:6px 8px 6px 8px;
 }
 .top_nav{
 background: #6485ca;
 width: 100%;
 float: left;
 position: relative;
 z-index: 999;
 }
 .top_nav a{
 color:#fff; font-size:14px;
 text-decoration:none;
 }
 .vjs-has-started .vjs-control-bar{
 display:block !important;  
 }
 @media screen and (min-width: 1140px){
 .wrapper section {
 width: 900px;
 }
 .wrapper#video-wrapper section {
 width:785px;
 }
 }
 @media screen and (max-width: 767px){
 	.top_nav ul{
		text-align: center;
	}
 }
 @media screen and (max-width: 720px){
 .img_sep{
 display:none !important;
 }
 .tube_player{
 width:100%;    height: 180px;  
 }
 }
 @media(max-width:480px) {
	.top_nav li{
		padding: 6px 5px;
	}
	.top_nav ul{
		padding-left: 10px;
		padding-right: 10px;
	}
	.top_nav a{
		font-size: 12px;
	}
	
}


#top-section{margin-bottom: 25px!important;}
	 
		#video-wrapper section { 
    margin-top: 0px!important;; 
}}
        .video-box {
          background: url('../../app/desktop/images/overlay2.jpg') 0 0 /cover no-repeat transparent
        }

        .overlay-desktop {
          display: block;
          background: url('../images/sound7.png') 100% 0 no-repeat;  background-size: cover;
          width: 100%;
          height: 100%;
          position: absolute;
          top:0;
          left: 0;
          z-index: 10;
          cursor: pointer;
        }
		
		.overlay-mobile {
          display: block;
          background: url('../images/sound7_mobile.png') 100% 0 no-repeat;  background-size: cover;
          max-width: 100%;
          height: 90%;
          position: absolute;
          top:0;
          left: 0;
          z-index: 10;
          cursor: pointer;
        }
		
		#video-wrapper section {
			border-radius: 0px;
			background: transparent; 
			padding: 0px; 
		}

        #vimeo-overlay.hidden {
          display: none;
        }
		
		#video-wrapper {
			background: none;
		}
		
		body{background: #f1f1f1;}
		
		@media screen and (min-width: 1140px){
			.wrapper#video-wrapper section { 
			    width: 100vw!important;
				height: 56.25vw!important;
				max-height: 90vh!important;
				max-width: 160.78vh!important;
				margin: auto!important;
				border: 0!important; 
			} 
		}
		
		@media screen and (min-width: 1024px){
			.wrapper#video-wrapper section { 
					width: 100vw!important;
					height: 56.25vw!important;
					max-height: 90vh!important;
					max-width: 160.78vh!important;
					margin: auto!important;
					border: 0!important;
			} 
			.page_headline{margin-top:50px!important;}
		}
		
		@media screen and (min-width: 768px){
			.page_headline {
				font-size: 3.6rem;
				padding-bottom: 25px !important;
		}}
		
		
		 @media (max-width: 768px){
				#video-wrapper section {
					padding: 0px; 
					margin-top:0px;
					width: 100%;
				}}

				.active-video{ 
					height: 100vh;
					padding:0!important;
				}
																		
				.active-video2{ height: 100vh; }
															 
				.active-video-width{ 
					width: 100vw!important;
					height: 56.25vw!important;
					max-height: 100vh!important;
					max-width: 177.78vh!important;
					margin: auto!important;
					border: 0!important;
				}
																		
				.display_none{display: none!important;}														
				.background_black{background: #000!important;}
				.mt-100{margin-top:100px!important;}
																		
				.video-overlay-glass {
						width: 100%;
						height: 100%;
						position: absolute;
						z-index: 9999!important;
						top: 0;
						left: 0;
					}
					
				#myModal, #myModal2{z-index:999!important;}	
				#video-wrapper br{display:none;}
				
				
				
				* {
  box-sizing: border-box;
}

.packages{
	margin-top:50px;
	margin-bottom:50px;
}

.packages section{
	width:1000px;
	 
}

.columns {
  float: left;
  width: 33.3%;
  padding: 18px;
  font-weight: 600;
  font-size: 20px;
  overflow: hidden;
  
}


.pkg-img{
	box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)!important;
}

.columns:hover{
	padding: 3px;
}

 

.price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.price {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)!important;
}

.price .header {
  background-color: #111;
  color: white;
  font-size: 25px;
  font-weight: 600;
}


.pkg6 .price .header {
  background-color: #af1116; 
  margin-top:-25px;
 padding-top: 35px;
    padding-bottom: 30px;
}

.prod-shipping{
   color: #000; 
}

.red {
   color: #af1116; 
}

.green {
   color: #4caf50; 
}

.price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
}

.price .grey { 
  font-size: 20px;
}

.button {
  background-color: #fff!important;
  border: none;
  color: white;
  padding: 0px 0px!important;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}

.fhalf{
	width:50%;
	text-align: right;
    text-decoration: none;
	font-size: 30px;
	display: inline-block;
	padding-right:25px; 
	font-weight: 400; 
}

.fhalf span{ 
	background: url('redline.png') 100% 0 no-repeat;
}

.shalf{
	width:50%;
	text-align: left;
    text-decoration: none;
	font-size: 45px;
	display: inline-block;
	padding-left: 0px;
	padding-top:10px;
}

.full{
	width:100%; 
	text-align: center;
	padding-left:0px;
}

.prs{
	font-size: 40px!important;
}


.hide{display:none;}
.hide2{display:none;}
.prod-img{display:none;}
.prod-price{display:none;}
.desk{display:none;}

sup{font-size: .6em;}

.mobb {
    font-size: 30px!important;
}

.mb50{margin-bottom:50px;}
 
.pkg-img-black{
	position: absolute;
    top: 0;
	z-index:999;
}

.pkg1-img-black:hover{
	display:none!important;
}

@media only screen and (max-width: 1023px) {
 
  .packages section{ 
	max-width: 100%;
}
.hide{display:block;}
}

@media only screen and (max-width: 800px) {
 
  .prs {
    font-size: 30px!important;
}
}

@media only screen and (max-width: 667px) {
	.grey span{font-size: 45px!important;}
   .columns {width: 100%;width: 86%;
    
    margin-left: 7%;
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)!important;
	padding: 0px;} 
	
	.pkg6{ margin-bottom: 17px;}
   
   .prod-img2{display:none!important;}
   .prod-img{display:block;}
   
   .hide2{display:block;}
   .hide{display:none;}
   .price li{width:50%;display:inline-block;}
   .header{width:100%!important;padding: 10px;}
   .prod-img{float:left;padding-top: 20px!important;}
   .grey{float:right;}
   .prod-price{float:right;}
   .prod-shipping{float:right;} 
   .prs { font-size: 40px!important; }
   .price li { border-bottom: none; padding: 10px;}
   .prs{padding-top: 30px!important;}
   .header{width:100%!important;padding: 10px!important;}
   
   .prod-price, .mobb{display:none!important;}
   .desk{display:block!important;padding:5px!important;}
   
   
   .cover_img1{display:none!important;}
   .cover_img2{display:block!important;}
   
   .img-desktop{display:none!important;}
   .img-mobile{display:block!important;}
   
   .columns{    margin-bottom: 10px;}
   h1 { font-size: 2.5rem;  }
   .mb50 { margin-bottom: 30px;}

	.pkg-img.img-mobile {
		box-shadow: 0 8px 12px 0 #f0f0f0!important;
	}
}

@media only screen and (max-width: 568px) {
 
  .prs { font-size: 25px!important; }
  .prod-price { font-size: 35px!important; }
  .prod-img{padding-top: 30px!important;}
  .shalf { font-size: 40px!important; }
}

@media only screen and (max-width: 480px) {
  
  .prod-img{padding-top: 40px!important;}
}

@media only screen and (max-width: 414px) {
	.grey span{font-size: 45px!important;}
  .price li { 
    padding: 5px;
}
.prs {
    padding-top: 20px!important;
}
  .prod-img{padding-top: 30px!important;}
  .shalf { font-size: 30px!important; }
  .prod-shipping { font-size: 16px!important; }
  .fhalf { font-size: 25px;}
  .packages {
  margin-top: 40px;}
  
}

@media only screen and (max-width: 360px) {
  
 .grey span{font-size: 40px!important;}
  .prod-img{padding-top: 40px!important;}
}

@media only screen and (max-width: 320px) {
  .grey span{font-size: 30px!important;}
  .prod-img{padding-top: 50px!important;}
}

.faq p{font-size: 18px!important;}


.guarantee {
    background-color: #E9EFFF;
    border: 1px solid #CCC;
    padding: 10px;
}

.guarantee h3 {
    text-transform: uppercase;
	font-size: 24px;
}
.blue {
    color: #3267d5;
}
.tac {
    text-align: center;
}

.guarantee img {
    margin-top: -19px;
    margin-bottom: 10px;
}

.guarantee p {
    font-size: 15px!important;
	    margin-top: 0!important;
}

@media (min-width: 768px){
.col-sm-2 {
    width: 16.666666666666664%;
}

.col-sm-10 {
    width: 83.33333333333334%;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
    float: left;
	
	}
	
}


@media only screen and (max-width: 736px) {
  
 .col-xs-12 { width: 100%;!important;}
 
 
 
}

@media only screen and (max-width: 668px) {
 .mobb{display:none!important}
 .deskk{display:block!important}
}
.clear,.clearfix:after{clear:both}a img,img{height:auto;max-width:100%}body{margin:0;padding:0;font-family:Arial,sans-serif;font-size:15px}li,ul{list-style-type:none}.left{float:left}.right{float:right}.clearfix:after,.clearfix:before{content:" ";display:table}.alignRright{float:right;margin:0 0 12px 15px}.alignLeft,.float-left{float:left}.alignLeft{margin:0 15px 12px 0}.alignCenter{float:none!important;margin:0 auto;display:block}a img,img{border:0}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.config-errors h3{padding:10px 0;margin:5px}.config-errors ul{padding:0;margin:0}.config-errors li{padding:10px;margin:5px;background-color:#FCC;border:1px solid #C00;color:#333;font:15px/20px arial,sans-serif}.config-errors li strong{float:right}input[type=text],input[type=search],input[type=number],input[type=password],input[type=tel],input[type=email],select,textarea{background:#FFF;border:1px solid #a7abad;color:#222;height:32px;line-height:22px;width:100%;font-size:14px;padding:3px 8px;outline:0;font-family:Arial,sans-serif;font-weight:400;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box}textarea{padding:6px;height:150px}select{line-height:24px;padding:4px;height:32px}input[type=text]:focus,input[type=search]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=email]:focus,select:focus,textarea:focus{background:#fff;box-shadow:0 0 5px #51cbee;border:1px solid #51cbee}input.has-error,select.has-error{background:url(../images/error-input.png) 99.5% 50% no-repeat #fff;border:1px solid orange}input.no-error,select.no-error{background:url(../images/tick-input.png) 99.5% 50% no-repeat #fff;border:1px solid green}input.loading,select.loading{background:url(../images/ajax-loader.gif) 99.5% 50% no-repeat #fff;border:1px solid #51cbee}.app-benchmark{position:fixed;width:98%;left:0;bottom:0;padding:5px 1%;background-color:#CCC;color:#333;text-align:right}#app_common_modal,#error_handler_overlay{position:fixed;top:0;left:0;padding:0;margin:0;width:100%;height:100%;z-index:2147483647;background:#333;background:rgba(255,255,255,.8);display:none;overflow-x:hidden;-webkit-overflow-scrolling:touch}#app_common_modal .app_modal_body,#error_handler_overlay .error_handler_body{max-width:600px;-webkit-background-clip:padding-box;font-family:Verdana,Geneva,sans-serif;box-sizing:border-box;outline:0}#error_handler_overlay .error_handler_body{margin:100px auto;width:95%;padding:20px;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#app_common_modal_close,#error_handler_overlay_close{position:absolute;right:-10px;top:-10px;color:#FFF;background-color:#333;border:2px solid #FFF;border-radius:50%;width:30px;height:30px;text-align:center;cursor:pointer;text-decoration:none;font-weight:700;line-height:30px;padding:0;margin:0}#app_common_modal .app_modal_body{margin:100px auto;min-width:inherit;width:95%;min-height:400px;padding:2.5%;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}#app_common_modal .app_modal_body iframe{min-height:400px;width:100%;border:1px solid #d5d6ef}.exitpop-content{position:fixed;height:400px;width:708px;margin:-200px 0 0 -354px;top:50%;left:50%;text-align:left;padding:0;border:none;z-index:2147483647}.exitpopup-overlay{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2147483647;display:none}.exitpop-content img{display:block;margin:0 auto;position:relative;text-align:center;max-width:100%;height:auto}.exitpop-discountbar{background-color:red;border-bottom:4px dashed #fff;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;height:50px;line-height:50px;position:fixed;text-align:center;top:0;width:100%;z-index:9999;display:none}.app-load-spinner{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100px;height:100px;margin:auto;background-color:#333;border-radius:100%}.clear{line-height:0;height:0}.button,button,input[type=button],input[type=submit]{border:0;width:100%;display:block;cursor:pointer;position:relative;outline:0;padding:20px 15px;background:#2288D0;color:#fff;font-size:20px}#loading-indicator::after,#loading-indicator::before{box-sizing:border-box;left:50%;position:absolute;top:50%}.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{background:#2791E4}.defult{padding:10px 15px}.defult form label{width:175px;display:inline-block}.defult input[type=text],.defult input[type=search],.defult input[type=number],.defult input[type=password],.defult input[type=tel],.defult input[type=email],.defult select,.defult textarea{max-width:275px}.defult .button,.defult button,.defult input[type=button],.defult input[type=submit]{max-width:450px}.all-card-types li{float:left;margin-right:20px}#loading-indicator{background-color:rgba(0,0,0,.5);bottom:0;box-sizing:border-box;font-size:1px;height:100%;left:0;margin:0!important;padding:0!important;position:fixed;right:0;top:0;width:100%;z-index:2147483646}#loading-indicator::before{background:url(../images/loading.gif) center center no-repeat rgba(0,0,0,0);content:"";height:70px;margin-left:-35px;margin-top:-70px;width:70px;z-index:2}#loading-indicator::after{background:#fff;border-radius:5px;color:#000;content:"Processing, one moment please... ";font-family:arial;font-size:17px;height:110px;line-height:98px;margin-left:-150px;margin-top:-75px;padding-top:35px;text-align:center;width:300px;z-index:1}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes scaleout{0%{transform:scale(0);-webkit-transform:scale(0)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}}span.cb-inline-error{margin-top:10px;font-weight:100;color:#c00;display:block}form{padding:10px}

@media only screen and (max-width: 480px){
	/* For popup */
	#app_common_modal .app_modal_body {
	    position: absolute;
	    left: 5%;
	    right: 5%;
	    width: auto;
	    top: 5%;
	    margin: 0;
	    bottom: 5%;
	    min-height: auto;
	}
	#app_common_modal .app_modal_body iframe{
		min-height: 100%;
		overflow-y: auto;
	}
}
@media only screen and (orientation: landscape){
	#app_common_modal .app_modal_body{
		max-height: 90vh;
	}
}