@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/


*/

body {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	min-width:400px;
}

@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
.footer {
	background-color: #333
}
.base {
	background-color: #666;
	width: 100%;
	height: 30px;
}
.marketing {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}
.jumbotron {
	background: #e7e7e7;
	color: #787575;
	border-radius: 0px;
}
.jumbotron-sm {
	padding-top: 24px;
	padding-bottom: 24px;
}
.jumbotron small {
	color: #FFF;
}
.h1 small {
	font-size: 24px;
}

.container {
	width: 100%;
}

.center {
	text-align: center;
}
#LayoutDiv1 {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}

#bannerHolder {
	width: 100%;
	height: 154px;
	background-color: #0092b7;
	z-index: 2;
}

/*#banner {
	width: 380px;
	height: 154px;
	background-image: url(https://www.sunshineprimaryclub.com/assets/images/logo/SunshinePlusLogo_400px.png);
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	z-index: 100;
}
*/

#levelOneHolder {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 130px;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	filter: alpha(opacity=50);
	opacity: .6;
}
.panel-default>.panel-heading {
	color: #333;
	background-color: #b7def9;
	border-color: #ddd;
	text-align: center;
}
.panel-group .panel-heading {
	border-bottom: 0;
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.startHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 3px;
	text-align: center;
}
#OVButtons {
	display: block;
	width: 100%;
	height: auto;
}
#OVLeft {
	display: block;
	width: 50%;
	height: auto;

	/*float: left;*/
}
#OVRight {
	display: block;
	width: 50%;
	height: auto;
	float: right;
}

/* ////////////////////////// New Buttons ////////////////////////////*/

.btn-pink {
	color: #ffffff;
	background-color: #c3006e;
	border-color: #b739a1
}
.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink {
	color: #ffffff;
	background-color: #b739a1;
	border-color: #b739a1
}
.btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink {
	background-image: none
}
.btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink, .btn-pink.disabled:hover, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink:hover, .btn-pink.disabled:focus, .btn-pink[disabled]:focus, fieldset[disabled] .btn-pink:focus, .btn-pink.disabled:active, .btn-pink[disabled]:active, fieldset[disabled] .btn-pink:active, .btn-pink.disabled.active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink.active {
	background-color: #b739a1;
	border-color: #b739a1
}

.btn-red {
	color: #ffffff;
	background-color: #c40005;
	border-color: #ba0000
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red {
	color: #ffffff;
	background-color: #ba0000;
	border-color: #ba0000
}
.btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red {
	background-image: none
}
.btn-red.disabled, .btn-red[disabled], fieldset[disabled] .btn-red, .btn-red.disabled:hover, .btn-red[disabled]:hover, fieldset[disabled] .btn-red:hover, .btn-red.disabled:focus, .btn-red[disabled]:focus, fieldset[disabled] .btn-red:focus, .btn-red.disabled:active, .btn-red[disabled]:active, fieldset[disabled] .btn-red:active, .btn-red.disabled.active, .btn-red[disabled].active, fieldset[disabled] .btn-red.active {
	background-color: #ba0000;
	border-color: #ba0000
}


.btn-yellow {
	color: #ba8300;
	background-color: #ffec00;
	border-color: #da9f00
}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow {
	color: #fff;
	background-color: #dccc00;
	border-color: #dccc00
}
.btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow {
	background-image: none
}
.btn-yellow.disabled, .btn-yellow[disabled], fieldset[disabled] .btn-yellow, .btn-yellow.disabled:hover, .btn-yellow[disabled]:hover, fieldset[disabled] .btn-yellow:hover, .btn-yellow.disabled:focus, .btn-yellow[disabled]:focus, fieldset[disabled] .btn-yellow:focus, .btn-yellow.disabled:active, .btn-yellow[disabled]:active, fieldset[disabled] .btn-yellow:active, .btn-yellow.disabled.active, .btn-yellow[disabled].active, fieldset[disabled] .btn-yellow.active {
	background-color: #dccc00;
	border-color: #dccc00
}


.btn-blue {
	color: #fff;
	background-color: #0082c8;
	border-color: #004db6
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
	color: #ffffff;
	background-color: #004db6;
	border-color: #004db6
}
.btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
	background-image: none
}
.btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active {
	background-color: #036cfb;
	border-color: #036cfb
}

.btn-green {
	color: #ffffff;
	background-color: #67a639;
	border-color: #0b9d00
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
	color: #ffffff;
	background-color: #0b9d00;
	border-color: #0b9d00
}
.btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
	background-image: none
}
.btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active {
	background-color: #0b9d00;
	border-color: #0b9d00
}


.btn-orange {
	color: #ffffff;
	background-color: #d47800;
	border-color: #cc6e00
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
	color: #ffffff;
	background-color: #cc6e00;
	border-color: #cc6e00
}
.btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
	background-image: none
}
.btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active {
	background-color: #cc6e00;
	border-color: #cc6e00
}

.btn-turquoise {
	color: #ffffff;
	background-color: #5db2cb;
	border-color: #00989e
}
.btn-turquoise:hover, .btn-turquoise:focus, .btn-turquoise:active, .btn-turquoise.active, .open .dropdown-toggle.btn-turquoise {
	color: #ffffff;
	background-color: #00989e;
	border-color: #00989e
}
.btn-turquoise:active, .btn-turquoise.active, .open .dropdown-toggle.btn-turquoise {
	background-image: none
}
.btn-turquoise.disabled, .btn-turquoise[disabled], fieldset[disabled] .btn-turquoise, .btn-turquoise.disabled:hover, .btn-turquoise[disabled]:hover, fieldset[disabled] .btn-turquoise:hover, .btn-turquoise.disabled:focus, .btn-turquoise[disabled]:focus, fieldset[disabled] .btn-turquoise:focus, .btn-turquoise.disabled:active, .btn-turquoise[disabled]:active, fieldset[disabled] .btn-turquoise:active, .btn-turquoise.disabled.active, .btn-turquoise[disabled].active, fieldset[disabled] .btn-turquoise.active {
	background-color: #00989e;
	border-color: #00989e
}


.btn-purple {
	color: #ffffff;
	background-color: #541c81;
	border-color: #8000c9
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple {
	color: #ffffff;
	background-color: #8000c9;
	border-color: #8000c9
}
.btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple {
	background-image: none
}
.btn-purple.disabled, .btn-purple[disabled], fieldset[disabled] .btn-purple, .btn-purple.disabled:hover, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple:hover, .btn-purple.disabled:focus, .btn-purple[disabled]:focus, fieldset[disabled] .btn-purple:focus, .btn-purple.disabled:active, .btn-purple[disabled]:active, fieldset[disabled] .btn-purple:active, .btn-purple.disabled.active, .btn-purple[disabled].active, fieldset[disabled] .btn-purple.active {
	background-color: #8000c9;
	border-color: #008000c9989e
}


.btn-gold {
	color: #ffffff;
	background-color: #e8b600;
	border-color: #a78600
}
.btn-gold:hover, .btn-gold:focus, .btn-gold:active, .btn-gold.active, .open .dropdown-toggle.btn-gold {
	color: #ffffff;
	background-color: #a78600;
	border-color: #a78600
}
.btn-gold:active, .btn-gold.active, .open .dropdown-toggle.btn-gold {
	background-image: none
}
.btn-gold.disabled, .btn-gold[disabled], fieldset[disabled] .btn-gold, .btn-gold.disabled:hover, .btn-gold[disabled]:hover, fieldset[disabled] .btn-gold:hover, .btn-gold.disabled:focus, .btn-gold[disabled]:focus, fieldset[disabled] .btn-gold:focus, .btn-gold.disabled:active, .btn-gold[disabled]:active, fieldset[disabled] .btn-gold:active, .btn-gold.disabled.active, .btn-gold[disabled].active, fieldset[disabled] .btn-gold.active {
	background-color: #a78600;
	border-color: #a78600
}

.btn-white {
	color: #757575;
	background-color: #ffffff;
	border-color: #cfcfcf
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
	color: #757575;
	background-color: #e5e5e5;
	border-color: #cfcfcf
}
.btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
	background-image: none
}
.btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active {
	background-color: #cfcfcf;
	border-color: #cfcfcf
}


.btn-lime {
	color: #ffffff;
	background-color: #a3bf2a;
	border-color: #add24b
}
.btn-lime:hover, .btn-lime:focus, .btn-lime:active, .btn-lime.active, .open .dropdown-toggle.btn-lime {
	color: #ffffff;
	background-color: #add24b;
	border-color: #add24b
}
.btn-lime:active, .btn-lime.active, .open .dropdown-toggle.btn-lime {
	background-image: none
}
.btn-lime.disabled, .btn-lime[disabled], fieldset[disabled] .btn-lime, .btn-lime.disabled:hover, .btn-lime[disabled]:hover, fieldset[disabled] .btn-lime:hover, .btn-lime.disabled:focus, .btn-lime[disabled]:focus, fieldset[disabled] .btn-lime:focus, .btn-lime.disabled:active, .btn-lime[disabled]:active, fieldset[disabled] .btn-lime:active, .btn-lime.disabled.active, .btn-lime[disabled].active, fieldset[disabled] .btn-lime.active {
	background-color: #add24b;
	border-color: #add24b
}

.btn-ruby {
	color: #ffffff;
	background-color: #710925;
	border-color: #710202
}
.btn-ruby:hover, .btn-ruby:focus, .btn-ruby:active, .btn-ruby.active, .open .dropdown-toggle.btn-ruby {
	color: #ffffff;
	background-color: #a50e37;
	border-color: #a50e37
}
.btn-ruby:active, .btn-ruby.active, .open .dropdown-toggle.btn-ruby {
	background-image: none
}
.btn-ruby.disabled, .btn-ruby[disabled], fieldset[disabled] .btn-ruby, .btn-ruby.disabled:hover, .btn-ruby[disabled]:hover, fieldset[disabled] .btn-ruby:hover, .btn-ruby.disabled:focus, .btn-ruby[disabled]:focus, fieldset[disabled] .btn-ruby:focus, .btn-ruby.disabled:active, .btn-ruby[disabled]:active, fieldset[disabled] .btn-ruby:active, .btn-ruby.disabled.active, .btn-ruby[disabled].active, fieldset[disabled] .btn-ruby.active {
	background-color: #a50e37;
	border-color: #a50e37
}

.btn-saphire {
	color: #ffffff;
	background-color: #143b66;
	border-color: #18325a
}
.btn-saphire:hover, .btn-saphire:focus, .btn-saphire:active, .btn-saphire.active, .open .dropdown-toggle.btn-saphire {
	color: #ffffff;
	background-color: #1d518b;
	border-color: #1d518b
}
.btn-saphire:active, .btn-saphire.active, .open .dropdown-toggle.btn-saphire {
	background-image: none
}
.btn-saphire.disabled, .btn-saphire[disabled], fieldset[disabled] .btn-saphire, .btn-saphire.disabled:hover, .btn-saphire[disabled]:hover, fieldset[disabled] .btn-saphire:hover, .btn-saphire.disabled:focus, .btn-saphire[disabled]:focus, fieldset[disabled] .btn-saphire:focus, .btn-saphire.disabled:active, .btn-saphire[disabled]:active, fieldset[disabled] .btn-saphire:active, .btn-saphire.disabled.active, .btn-saphire[disabled].active, fieldset[disabled] .btn-saphire.active {
	background-color: #1d518b;
	border-color: #1d518b
}

.nav {
    margin-bottom: 0;
    padding-left: 20px;
    list-style: none;
}

#footerText {
	text-align:center;
	margin-left:auto; margin-right:auto;
}

#buttonsTop {
	width:80%;
	margin-left: auto;
	margin-right: auto;

}

.manual {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:300px;
	margin-top:20px;
	text-align:center;


}

@media only screen and (min-width: 481px) {

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}






 @media (max-width: 695px) {
.container {
	width: 100%;
}
#LayoutDiv1 {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}
.carousel-caption {
	/*display:none;*/
	position: static;
	background: #999;
}

#bannerHolder {
	background-color: #009eb1;
	z-index: 2;
}
#banner {
	display: block;
	margin-left: auto;
	margin-right: auto;


}
#buttons {
	display: block;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonOne {
	width: 85%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonTwo {
	width: 85%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonThree {
	width: 85%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#orderNowPanel {
	width: 100%;
	height: 150px;
	margin-top: -40px;
}
#orderNowButton {
	display: block;
	width: 100%;
	text-align: center;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.slide1, .slide2, .slide3, .slide4, .slide5 {
	display: block;
	width: 100%;
	height: 780px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	text-align: center;
}
.slide1 {
	background-color: #fdd18d;
}
.slide2 {
	background-color: #ffd1d1;
}
.slide3 {
	background-color: #f3d4e8;
}
.slide4 {
	background-color: #aedaff;
}
.slide5 {
	background-color: #ffd1d1;
}
.captionOne, .captionTwo, .captionThree, .captionFour, .captionFive {
	display: block;
	with: 100%;
	height: auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 36px;
	text-align: left;
	padding-left: 10px;
	color: #FFF;
}
.captionOne {
	background-color: #f07e00;
}
.captionTwo {
	background-color: #C00;
}
.captionThree {
	background-color: #be0086;
}
.captionFour {
	background-color: #0067be;
}
.sliderIntro {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.62857143;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	margin-left: 10px;
	color: #000;
}
.sliderText {

	line-height: 1.42857143;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	margin-left: 10px;
    margin:right:10px;
	color: #000;
}
.bottomRuleOne, .bottomRuleTwo, .bottomRuleThree, .bottomRuleFour, .bottomRuleFive {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 0px;
	width: 0;
	height: 0;
	background-color: 0;
}
.bottomRuleTwo {
	background-color: #C00;
}
.bottomRuleThree {
	background-color: #be0086;
}
.bottomRuleFour {
	background-color: #0067be;
}
.bottomRuleFive {
	background-color: #ffa800;
}
.slider {
	margin-top: 20px;
}
.movieHolder {
	margin-top: 3px;
}
.panel {
	margin-bottom: 10px;
}
.sliderLeft {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 4px;
}
.sliderRight {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 18px;
}
#testimonial {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 16px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.readMore {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#OVButtons {
	display: block;
	width: 100%;
	height: auto;
}
#OVLeft {
	display: block;
	width: 100%;
	height: auto;
	/*float: left;*/
}
#OVRight {
	display: block;
	width: 100%;
	height: auto;
	float: left;
}
#appstore {
	display: block;
	width: 100%;
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;

	padding-bottom:10px;
}
}
.carousel-control.right {
	/* right: 0; */
    /* left: auto; */
    /* background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
	background-image: none;
    /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); */
    /* background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}
.carousel-control.left {
	/* background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);*/
	background-image: none;
	/*background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));*/
	background-image: lnone;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-left: 0;
	margin-top: 0;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-right: 0;
	margin-top: 0;
}
#contact {
	display: block;
	float: left;
	width: 260px;
	height: auto;
}
.subHead {
	display: block;
	width: 90%px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
	background-color: #369;
	padding: 4px;
}
#authorsJoyText {
	width: 64%;
	float: left;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: auto;
	z-index: 10;
}
#authorsJoyImage {
	float: right;
	width: 30%;
	height: auto;
	/*background-image: url(../assets/images/joy_200x240.jpg);
    background-repeat: no-repeat;*/
	margin-top: 20px;
	padding-bottom: 0px;
}
.theAuthors {
	text-align: left;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 30px;
	color: #999;
	font-weight: bold;
	margin-left: 10px;
	line-height: 39px;
}
.joyText {
	text-align: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	line-height: 22px;
}
.authors {
	float: left;
	width: 100%;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 30px;
	color: #999;
	font-weight: bold;
	line-height: 34px;
	padding-top: 50px;
}
.otherAuthors {
	float: left;
	width: 90%;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	color: #666;
	font-weight: bold;
	line-height: 34px;
	padding-bottom: 20px;
}
.navbar-collapse {
	max-height: 340px;
	overflow-x: visible;
	padding-right: 15px;
	padding-left: 0px;
	border-top: 1px solid rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	-webkit-overflow-scrolling: touch;
}
 @media (min-width: 694px) {

#LayoutDiv1 {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}

#bannerHolder {
	height: 200px;
	background-color: #009eb1;
	z-index: 2;
}
#banner {
	display: block;
	width: 680px;
	height: 261px;
	background-image: url(../assets/images/logo/logo_inside_680.png);
}
#buttonOne {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonTwo {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonThree {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.joyText {
	text-align: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	line-height: 24px;
}
}

@media (max-width: 380px) {

#LayoutDiv1 {

    width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-width: 100%;
}
#banner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
	height: 85px;
	background-image: url(../assets/images/logo/logo_inside_320.png);
	background-repeat: no-repeat;
}
}

@media (max-width: 600px) {


#banner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
	height: 85px;
	background-image: url(../assets/images/logo/logo_inside_320.png);
	background-repeat: no-repeat;
}
}



 @media (min-width: 600px) {

#bannerHolder {
	width: 100%;
	height: auto;
}
#banner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	height: 150px;
	background-image: url(../assets/images/logo/logo_inside_600.png);
	background-repeat: no-repeat;
}
#buttons {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonOne {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonTwo {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonThree {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#orderNowPanel {
	display: block;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
}
#orderNowButton {
	display: block;
	width: 25%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#textLeft {
	display: block;
	float: left;
	text-align: center;
	margin-top: 4px;
	color: #999;
	width: 30%;
	height: auto;
	font-weight: bold;
	font-size: 20px;
}
#textRight {
	display: block;
	float: right;
	text-align: center;
	margin-top: 4px;
	color: #999;
	width: 30%;
	height: auto;
	font-weight: bold;
	font-size: 20px;
}
.panel {
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
#contact {
	display: block;
	float: right;
	width: 340px;
	height: auto;
}
.panel-default>.panel-heading {
	color: #333;
	background-color: #b7def9;
	border-color: #ddd;
	text-align: center;
}
.panel-group .panel-heading {
	border-bottom: 0;
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.startHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-top: 3px;
	text-align: center;
}
.sliderLeft {
	display: inline;
	width: 400px;
	height: auto;
	float: left;
	margin-top: 4px;
}
.sliderRight {
	display: inline;
	width: 560px;
	height: auto;
	float: right;
	margin-right: 2px;
}
#authorsJoyText {
	width: 68%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-top: 0px;
	margin-left: 10px;
	z-index: 10;
}
.joyText {
	text-align: left;
	width: 95%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	line-height: 24px;
}
#authorsJoyPanel {
	display: block;
	clear: both;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
#authorsJoyImage {
	float: right;
	width: 30%;
	height: auto;
	/*background-image: url(../assets/images/joy_200x240.jpg);
    background-repeat: no-repeat;*/
	margin-top: 10px;
	padding-bottom: 0px;
}
.authors {
	float: left;
	width: 100%;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 30px;
	color: #999;
	font-weight: bold;
	line-height: 34px;
	padding-top: 50px;
}
.otherAuthors {
	float: left;
	width: 90%;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	color: #666;
	font-weight: bold;
	line-height: 34px;
	padding-bottom: 20px;
}
.subHead {
	display: block;
	width: 100%;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
	background-color: #369;
	padding: 4px;
}


#OVButtons {
	display: block;
	width: 100%;
	height: 100px;
	margin-bottom:20px;

}

#OVLeft {
	display: block;
	margin-left:auto;
	margin-right:auto;
	width: 48%;
	height: auto;
	/*float: left;*/
}
#OVRight {
	display: block;
	margin-left:auto;
	margin-right:auto;
	width: 48%;
	height: auto;
	float: right;
}

  .navbar-nav {
      padding-right: 15px;
      padding-left: 50px;

  }

}
 @media (min-width: 768px) {

#LayoutDiv1 {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-left: -70px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-right: -70px;
}

#bannerHolder {
	width: 100%;
	height: auto;
}
#banner {
	display: block;
	width: 680px;
	height: 172px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../assets/images/logo/logo_inside_680.png);
}
#buttonOne {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonTwo {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonThree {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#orderNowPanel {
	width: 705px;
}
#orderNowButton {
	display: block;
	width: 190px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}
#textLeft {
	display: block;
	float: left;
	text-align: center;
	margin-top: 10px;
	color: #999;
	width: 250px;
	height: 50px;
	font-weight: bold;
	font-size: 30px;
}
#textRight {
	display: block;
	float: right;
	text-align: center;
	margin-top: 10px;
	color: #999;
	width: 250px;
	height: 50px;
	font-weight: bold;
	font-size: 30px;
}
#authorsJoyPanel {
	display: block;
	width: 100%;
	height: 320px;
}
#authorsJoyImage {
	float: right;
	width: 200px;
	height: 240px;
	/* background-image: url(../assets/images/joy_200x240.jpg);
    background-repeat: no-repeat;*/
	margin-top: 50px;
	padding-bottom: 5px;
}
#authorsJoyText {
	width: 70%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-top: 0px;
	z-index: 10;
}
.authors {
	float: left;
	width: 100%;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 30px;
	color: #999;
	font-weight: bold;
	line-height: 34px;
	padding-top: 50px;
}
.otherAuthors {
	float: left;
	width: 90%;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	color: #666;
	font-weight: bold;
	line-height: 34px;
	padding-bottom: 20px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	color: #666;
	margin-top: -10px;
}
.panel-default>.panel-heading {
	color: #333;
	background-color: #b7def9;
	border-color: #ddd;
}
.panel-group .panel-heading {
	border-bottom: 0;
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.startHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-top: 3px;
}
.slide1, .slide2, .slide3, .slide4, .slide5 {
	display: block;
	width: 100%;
	height: 480px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	text-align: center;
}
.sliderLeft {
	display: inline;
	width: 45%;
	height: auto;
	float: left;
	margin-top: 4px;
}
.sliderRight {
	display: inline;
	width: 50%;
	height: auto;
	float: left;
	margin-right: 2px;
}
#testimonial {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 18px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.readMore {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #ff0;
    background-color: rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-nav>li>a {
    color: #FFF;
	font-size:16px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
   background-color: #069;
}
.navbar-inverse {
      background-color: #069;
    border-color: #069;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
}
}



@media (min-width: 1200px) {
  .lscontainer {
    width: 550px;
  }
  .navbar-nav {
      padding-right: 15px;
      padding-left: 300px;

  }
}


 @media (max-width: 1024px) {

#LayoutDiv1 {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}

#bannerHolder {
	width: 100%;
	height: auto;
}


#buttonOne {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonTwo {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#buttonThree {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.captionOne, .captionTwo, .captionThree, .captionFour, .captionFive {
	display: block;
	with: 100%;
	height: auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
	text-align: left;
	padding-left: 10px;
	color: #FFF;
}
.captionOne {
	background-color: #f07e00;
}
.captionTwo {
	background-color: #C00;
}
.captionThree {
	background-color: #be0086;
}
.captionFour {
	background-color: #0067be;
}
.sliderIntro {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.62857143;
	font-weight: bold;
	font-size: 17px;
	text-align: left;
	margin-left: 30px;
	color: #000;
}
.sliderText {

	line-height: 1.52857143;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	margin-left: 30px;
	color: #000;
}
.bottomRuleOne, .bottomRuleTwo, .bottomRuleThree, .bottomRuleFour, .bottomRuleFive {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 0px;
	width: 0;
	height: 0;
	background-color: 0;
}
.bottomRuleTwo {
	background-color: #C00;
}
.bottomRuleThree {
	background-color: #be0086;
}
.bottomRuleFour {
	background-color: #0067be;
}
.bottomRuleFive {
	background-color: #ffa800;
}
.slider {
	margin-top: 20px;
}
.movieHolder {
	margin-top: 3px;
}
.slide1, .slide2, .slide3, .slide4, .slide5 {
	display: block;
	width: 100%;
	height: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	clear: both;
	text-align: center;
}
.slide1 {
	background-color: #fdd18d;
}
.slide2 {
	background-color: #ffd1d1;
}
.slide3 {
	background-color: #f3d4e8;
}
.slide4 {
	background-color: #aedaff;
}
.slide5 {
	background-color: #ffd1d1;
}
.sliderLeft {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 4px;
}
.sliderRight {
	display: block;
	padding-right:10px;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 18px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #ff0;
    background-color: rgba(0, 0, 0, 0);
	background-color: #0099e6;
}
.navbar-inverse .navbar-nav>li>a {
    color: #FFF;
	font-size:14px;

}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
   background-color: #069;
}
.navbar-inverse {
    background-color: #069;
    border-color: #069;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 12px;

}


}
 @media (max-width: 991px) {

#LayoutDiv1 {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}
.facebook {
	display: block;
	float: left;
	margin-top: 2px;
	margin-right: 10px;
}
.navbar-nav {
		padding-right: 15px;
		padding-left: 10px;

}
}
 @media (min-width: 992px) {

#LayoutDiv1 {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}

.container {
	max-width:1034px;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-left: -70px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-right: -70px;
}
#bannerHolder {
	width: 100%;
	height: auto;
}
#banner {
	display: block;
	width: 900px;
	height: 229px;
	background-image: url(../assets/images/logo_inside.png);
}
#buttonOne {
	display: inline-block;
	width: 100%;
}
#buttonTwo {
	display: inline-block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#buttonThree {
	display: inline-block;
	width: 100%;
	float: right;
}
#orderNowPanel {
	display: block;
	width: 805px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}
#orderNowButton {
	display: block;
	width: 190px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: #0F6;
}
#textLeft {
	display: block;
	float: left;
	text-align: center;
	margin-top: 10px;
	color: #999;
	width: 250px;
	height: 50px;
	font-weight: bold;
	font-size: 30px;
}
#textRight {
	display: block;
	float: right;
	text-align: center;
	margin-top: 10px;
	color: #999;
	width: 250px;
	height: 50px;
	font-weight: bold;
	font-size: 30px;
}


#contact {
	display: block;
	float: right;
	width: 500px;
	margin-top:20px;
	margin-left:10px;
	height: auto;
}
.carousel {
	position: relative;
}

.slide1, .slide2, .slide3, .slide4, .slide5 {
	display: block;
	width: 100%;
	height: 480px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	text-align: center;
}
.slide1 {
	background-color: #fdd18d;
}
.slide2 {
	background-color: #ffd1d1;
}
.slide3 {
	background-color: #f3d4e8;
}
.slide4 {
	background-color: #aedaff;
}
.slide5 {
	background-color: #ffd1d1;
}
.captionOne, .captionTwo, .captionThree, .captionFour, .captionFive {
	display: block;
	with: 100%;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 26px;
	text-align: left;
	padding-left: 10px;
	color: #FFF;
}
.captionOne {
	background-color: #f07e00;
}
.captionTwo {
	background-color: #C00;
}
.captionThree {
	background-color: #be0086;
}
.captionFour {
	background-color: #0067be;
}
.sliderIntro {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.62857143;
	font-weight: bold;
	font-size: 17px;
	text-align: left;
	margin-left: 30px;
	color: #000;
}
.sliderText {

	line-height: 1.52857143;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	margin-left: 30px;
	color: #000;
}

.sliderLeft {
	display: block;

	width: 420px;
	height: auto;
	float: left;
	margin-top: 4px;
}
.sliderRight {
	display: block;
	margin-right:10px;
	width: 50%;
	height: auto;
	float: right;
	margin-top: 18px;
}
.bottomRuleOne, .bottomRuleTwo, .bottomRuleThree, .bottomRuleFour, .bottomRuleFive {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 20px;
	width: 95%;
	height: 5px;
	background-color: #ffa800;
}
.bottomRuleTwo {
	background-color: #C00;
}
.bottomRuleThree {
	background-color: #be0086;
}
.bottomRuleFour {
	background-color: #0067be;
}
.bottomRuleFive {
	background-color: #ffa800;
}
.slider {
	margin-top: 20px;
}
.movieHolder {
	margin-top: 3px;
}
#authorsJoyText {
	width: 75%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-top: 0px;
	margin-left: 20px;
	z-index: 10;
}
.joyText {
	text-align: left;
 width: 100&;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	line-height: 30px;
	margin-top: 10px;
}
#authorsJoyPanel {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#authorsJoyImage {
	float: right;
	width: 200px;
	height: 240px;
	/*background-image: url(../assets/images/joy_200x240.jpg);
    background-repeat: no-repeat;*/
	margin-top: 50px;
	padding-bottom: 5px;
}
.authors {
	float: left;
	width: 100%;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 30px;
	color: #999;
	font-weight: bold;
	line-height: 34px;
	padding-top: 50px;
}
.otherAuthors {
	float: left;
	width: 90%;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	color: #666;
	font-weight: bold;
	line-height: 34px;
	padding-bottom: 20px;
}
.subHead {
	display: block;
	width: 100%;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
	background-color: #369;
	padding: 4px;
}
.theAuthors {
	text-align: left;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 30px;
	color: #999;
	font-weight: bold;
	line-height: 34px;
	margin-left: 10px;
	line-height: 39px;
}
#appstore {
	display: block;
	width: 60%;
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom:10px;
}
#testimonial {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 18px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.readMore {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.facebook {
	display: block;
	float: left;
	margin-top: 2px;
	margin-right: 10px;
}
#testimonialPage {
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 16px;
	width: 100%;
	margin-top: 20px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #ff0;
    background-color: rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-nav>li>a {
    color: #FFF;
	font-size:14px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
   background-color: #069;
}
.navbar-inverse {
      background-color: #069;
    border-color: #069;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
}

.navbar-nav {
		padding-right: 15px;
		padding-left: 20px;

}

 }



 @media (max-width: 1024px) {

#LayoutDiv1 {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}


.container {

	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
}


 }


/* --------------------------------------------------------------------------- --*/