/**
 * ==============================================================
 * EOS - RESPONSIVE BOOTSTRAP MOBILE APP LANDING PAGE TEMPLATE
 * ==============================================================
 */

/**
 * ========================================
 * GENERAL STYLES
 * ========================================
 */

html {
	height: 100% !important;
}
body {
	font-family: "Lato", "HelveticaNeue", 'Arial';
	font-size: 16px;
	line-height: 28px;
	background-color: #ffffff;
	color: #777777;
	overflow-x: hidden;
}

h1{
	font-family:'Helvetica Neue', 'Arial'; 
	font-size:26px;
	line-height:38px;
	font-weight:bold;
	margin:20px;
	color:black;
}
h1.faqhead{margin-left:0px; font-size:18px; line-height:25px; color:black; font-family:'Helvetica Neue', 'Arial';}

h2{
	font-family:'Helvetica Neue', 'Arial'; 
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	margin:0px;
	color:black;
}
h2.pointhead{clear:both; margin:0px; margin-top:25px; font-size:14px; color:black; font-weight:bold; line-height:26px; text-transform:uppercase; font-family:'Futura', 'Arial Black', 'Arial Bold', 'Arial';}
h2.managerhead{font-family:'Helvetica Neue', 'Arial'; margin:30px;}



label.dbfilter{cursor:pointer; border:1px solid #E3E7F0; background-color:#F2F4F7; border-radius:5px; font-size:14px; font-weight:normal; padding:8px; padding-top:5px; padding-bottom:5px; line-height:14px; margin-right:5px; margin-top:10px;}
div.article a{border-bottom:2px dotted #aaaaaa;}
div.article strong{color:black;}
div#thankyoumessage{padding:10px; text-align:left; margin-bottom:15px; border-radius:10px; border:3px dashed #cccccc; color:#666666; font-size:14px; line-height:19px;}
div#thankyoumessage p{margin:0px;}


/* Scoped CSS for switch */
.custom-switch-wrapper .switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 30px;
}

.custom-switch-wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-switch-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.custom-switch-wrapper .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.custom-switch-wrapper input:checked:disabled + .slider {
  cursor: not-allowed;
  background-color: #f5b061;
}

.custom-switch-wrapper input:not(:checked):disabled + .slider {
  cursor: not-allowed;
  background-color: #cccccc;
}

.custom-switch-wrapper input:checked + .slider {
  background-color: #FF9418;
}

.custom-switch-wrapper input:focus + .slider {
  box-shadow: 0 0 1px #FF9418;
}

.custom-switch-wrapper input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

.custom-switch-wrapper .slider.round {
  border-radius: 34px;
}

.custom-switch-wrapper .slider.round:before {
  border-radius: 50%;
}


@media ( max-width: 767px ) {
	span#logo{background-color:#f9f9f9; background-size:cover; background-position:center; border-radius:5px; width:40px; height:40px; border:1px solid #eeeeee; display:block; position:absolute; left:5px; top:0px;}
	div.managerbox{border-top:1px solid #dddddd;}
	div#logoholder{padding:0px; margin:0px; padding-top:3px; color:black; font-weight:bold; line-height:15px; font-size:15px;}
	div#logoholder.padding{padding-top:12px; font-size:16px;}
	div#checkoutholder{z-index:10; position:fixed; border-top-left-radius:20px; border-top-right-radius:20px; bottom:0px; width:100%; top:40px; max-width:720px; right:0px; box-shadow:0px 0px 8px #aaaaaa; background-color:white; border-right:1px solid #eeeeee; overflow-y:auto;}	
	div.variationselect span.varcheckbox{display:block; width:24px; height:24px; border:3px solid #cccccc; border-radius:5px; position:absolute; top:12px; left:0px;}
	div.variationselect span.varcheckbox.round{border-radius:360px;}

	div#headscroller{overflow-x:auto; height:80px; padding-top:10px;}
	div#storemaincontainer{padding-top:110px;}
	div#productsholder{max-width:1200px; padding-bottom:300px;}
	div#onboardingbox{z-index:12; display:none; position:fixed; border:1px solid #E3E7F0; border-top-left-radius: 20px; border-top-right-radius: 20px; bottom:0px; left:0px; width:100%; padding:10px; background-color:white; padding-bottom:env(safe-area-inset-bottom);}
	div.productholder{overflow:auto; border-bottom:5px solid #E3E7F0;}
	div.productbox{position:relative; height:150px; background-color:white; border-top:1px solid #E3E7F0;}
	div.productbox:hover{background-color:#f9f9f9;}
	div.productbox.largebox{position:relative; height:auto; margin:10px; margin-top:0px; background-color:white; border-radius:5px; overflow:hidden; border:1px solid #D8DDE6; padding-bottom:15px;}
	div.productbox.smallboxleft{position:relative; height:370px; margin:10px; margin-right:5px; margin-top:0px; background-color:white; border-radius:5px; overflow:hidden; border:1px solid #E3E7F0;}
	div.productbox.smallboxright{position:relative; height:370px; margin:10px; margin-left:5px; margin-top:0px; background-color:white; border-radius:5px; overflow:hidden; border:1px solid #E3E7F0;}
	div.productbox.largeboxleft{position:relative; height:370px; margin:10px; margin-right:5px; margin-top:0px; background-color:white; border-radius:5px; overflow:hidden; border:1px solid #E3E7F0;}
	div.productbox.largeboxright{position:relative; height:370px; margin:10px; margin-left:5px; margin-top:0px; background-color:white; border-radius:5px; overflow:hidden; border:1px solid #E3E7F0;}

	div.productbox span.productimage{background-color:#F2F4F7; display:block; width:100%; height:180px; background-size:cover; background-position:center;}

	div.checkoutmargin{margin:10px; padding:0px;}
	div.checkoutbtnmargin{margin:10px; margin-top:0px; padding:0px;}
	h1.productheading{margin:0px; margin:15px; margin-top:8px; margin-bottom:8px; font-size:16px;}

	div#offermaincontainer{margin-top:60px; padding-bottom:350px;}
	div#offerheadleftcell{display:block;}
	div#offerheadrightcell{display:block;}
	div#paymentholder{width:100%; position:fixed; bottom:0px; left:0px; z-index:10;}
	div#offermaincontainer div.box{border:1px solid #eeeeee; overflow:hidden; background-color:white; margin-bottom:25px;}	
	div#offermaincontainer div.box h2.boxheading{position:relative; font-size:16px; font-weight:bold; margin:20px; color:black; text-align:left; padding-left:40px;}
	div#paymentholder div.rightbox{display:none; border:1px solid #eeeeee; overflow:hidden; background-color:white; margin-bottom:25px;}
	div#paymentbox{box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #dddddd; background-color:white;}
	div#mobilepriceholder{border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding-bottom:10px;}
	div#priceinfo{display:none;}
	div#offercover{background-size:cover; background-position:center; height:240px; background-color:#f9f9f9;}
	h1#offerheadline{font-size:18px; margin:15px; line-height:28px; font-weight:bold; color:black; text-align:left;}
	span.itempricing{display:block; margin-top:5px; color:#6DAD4F;}
	p.formtitle{margin:0px; margin-top:0px; margin-bottom:5px;}
	p.formdescription{font-size:11px; color:#888888; line-height:15px; margin:0px; margin-top:10px; margin-bottom:0px;}
	//div#paybottomholder{z-index:8; display:none; position:fixed; background-color:white; bottom:0px; left:0px; width:100%; border-top:1px solid #dddddd; border-radius:25px; box-shadow:0px 0px 10px #aaaaaa; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
	div#paybottomholder{background-color:#F2F4F7; border:1px solid #E3E7F0; margin:15px; border-radius:10px;}
	div.contentdescription{font-size:15px; color:#666666;}
	div.contentdescription ul, div.contentdescription ol{padding-left:20px;}	
	div.contentdescription h2{font-size:16px; color:black; margin-top:10px; margin-bottom:10px;}
	

	h1.managerhead{font-size:20px; font-family:'Helvetica Neue', 'Arial'; margin:15px; margin-top:10px;}
	h1.landinghead{margin:15px; font-size:27px; line-height:45px; font-family:'Futura', 'Arial Black', 'Arial Bold', 'Arial';}
	div#managercontainer{margin-top:120px; overflow:auto; margin-left:0px;}
	div#managermenu{position:fixed; z-index:99; left:0px; top:62px; border-bottom:1px solid #dddddd; width:100%; background-color:white;}
	div#managermenu ul{overflow-x:auto; white-space: nowrap; list-style:none; padding:0px; padding-left:10px; margin:0px; margin-left:0px;}
	div#managermenu li.subnav{display:none;}
	div#managermenu li.nav{display:inline-block; padding:10px; font-size:14px; color:black;}
	div#managermenu li.nav.selected{border-bottom:3px solid #FF9418; color:black; font-weight:bold;}
	div#maincontainer{margin-top:50px; overflow:auto;}
	div#itemdescription img{max-width:100%; height:auto;border-radius:8px;}
	div#itemdescription h3{font-size:16px; color:black; line-height:24px;}
	div.article{max-width:800px; margin-top:20px; font-weight:normal; font-size:18px; line-height:32px; color:#666666;}
	div.article h2{font-size:20px; color:black; line-height:40px; margin-bottom:20px;}

	div.dashboardheading{margin:10px; margin-top:0px; margin-bottom:0px;}
	div.dashboardbox{border-radius:10px; border:1px solid #dddddd; margin:10px; margin-bottom:20px; overflow:auto; }
	div#onboardingholder{margin-top:10px;}
}

@media ( min-width: 767px ) {
	span#logo{background-color:#f9f9f9; background-size:cover; background-position:center; border-radius:5px; width:40px; height:40px; border:1px solid #eeeeee; display:block; position:absolute; left:0px; top:0px;}
	div.managerbox{margin:25px; border-radius:10px; border:1px solid #dddddd;}
	div#checkoutholder{z-index:10; position:fixed; top:0px; bottom:0px; width:100%; max-width:450px; right:0px; box-shadow:0px 0px 8px #aaaaaa; background-color:white; border-right:1px solid #eeeeee; overflow-y:auto;}
	div#logoholder{padding:0px; margin:0px; padding-top:10px; color:black; font-weight:bold; line-height:16px; font-size:16px;}
	div.variationselect span.varcheckbox{display:block; width:24px; height:24px; border:3px solid #cccccc; border-radius:5px; position:absolute; top:12px; left:0px;}
	div.variationselect span.varcheckbox.round{border-radius:360px;}

	div#headscroller{overflow-x:auto; height:80px; padding-top:10px; padding-left:15px; padding-right:15px;}
	div#storemaincontainer{margin-top:150px;}
	div#productsholder{max-width:1200px; padding-bottom:200px;}
	div#onboardingbox{z-index:12; display:none; position:fixed; border:1px solid #E3E7F0; border-radius:5px; top:100px; left:50%; margin-left:-200px; width:400px; padding:10px; background-color:white;}
	div.productholder{overflow:auto;}
	div.productbox{margin:10px; position:relative; height:150px; background-color:white; border:1px solid #E3E7F0; border-radius:5px;}
	div.productbox:hover{background-color:#f9f9f9;}
	div.productbox.largebox{margin:10px; position:relative; height:340px; background-color:white; border:1px solid #E3E7F0; overflow:hidden; border-radius:5px;}
	div.productbox.smallboxleft{margin:10px; position:relative; height:370px; background-color:white; border:1px solid #E3E7F0; overflow:hidden; border-radius:5px;}
	div.productbox.smallboxright{margin:10px; position:relative; height:370px; background-color:white; border:1px solid #E3E7F0; overflow:hidden; border-radius:5px;}
	div.productbox.largeboxleft{margin:10px; position:relative; height:470px; background-color:white; border:1px solid #E3E7F0; overflow:hidden; border-radius:5px;}
	div.productbox.largeboxright{margin:10px; position:relative; height:470px; background-color:white; border:1px solid #E3E7F0; overflow:hidden; border-radius:5px;}
	div.productbox span.productimage{background-color:#F2F4F7; display:block; width:100%; height:280px; background-size:cover; background-position:center;}

	h1.productheading{margin:0px; margin-top:50px; margin-bottom:25px; margin-left:20px; margin-right:20px;}
	div.checkoutmargin{margin:10px; padding:0px;}
	div.checkoutbtnmargin{margin:10px; padding:0px;}


	div#offermaincontainer{margin-top:50px; padding-bottom:50px;}
	div#offerheadleftcell{display:table-cell; vertical-align:top; width:65%; padding:15px;}
	div#offerheadrightcell{display:table-cell; vertical-align:top; width:35%; padding:15px;}
	//div#paymentholder{width:100%; max-width:385px; position:fixed; z-index:10;}
	div#offermaincontainer div.box{margin-top:30px; border:1px solid #E3E7F0; border-radius:10px; overflow:hidden; background-color:white; box-shadow:0px 8px 8px -6px #e8ebf3; }
	div#offermaincontainer div.box h2.boxheading{position:relative; font-size:16px; font-weight:bold; margin:20px; color:black; text-align:left; padding-left:50px;}
	div#paymentholder div.rightbox{margin-top:30px; border:1px solid #E3E7F0; border-radius:10px; overflow:hidden; background-color:white; box-shadow:0px 8px 8px -6px #e8ebf3; }
	div#paymentbox{margin-top:30px; border:1px solid #E3E7F0; border-radius:10px; background-color:white; margin-bottom:25px; box-shadow:0px 8px 8px -6px #e8ebf3;}
	div#mobilepriceholder{display:none;}
	div#offercover{background-size:cover; background-position:center; height:400px; background-color:#f9f9f9;}
	div#priceinfo{padding-bottom:10px; border-bottom:1px solid #eeeeee; }
	div#itemdescription img{max-width:100%; height:auto; border-radius:8px;}
	div#itemdescription h3{font-size:18px; color:black; line-height:26px;}
	h1#offerheadline{font-size:22px; margin:20px; font-weight:bold; color:black; text-align:left;}
	span.itempricing{float:right; color:#6DAD4F;}
	p.formtitle{margin:0px;}
	p.formdescription{font-size:11px; color:#888888; line-height:15px; margin:0px;}
	div#paydivholderupper{max-width:480px; margin-top:50px;}
	div#paybottomholder{background-color:#F2F4F7; max-width:450px; border:1px solid #E3E7F0; padding:0px; border-radius:10px;}
	div.contentdescription{font-size:15px; color:#666666;}
	div.contentdescription ul, div.contentdescription ol{padding-left:20px;}
	div.contentdescription h2{font-size:16px; color:black; margin-top:10px; margin-bottom:10px;}


	h1.managerhead{font-family:'Helvetica Neue', 'Arial'; margin:35px;}
	h1.landinghead{margin:15px; font-size:31px; line-height:50px; font-family:'Futura', 'Arial Black', 'Arial Bold', 'Arial';}
	div#managercontainer{margin-top:70px; overflow:auto; margin-left:300px;}
	div#managermenu{position:fixed; z-index:99; left:0px; width:300px; top:0px; bottom:0px; border-right:1px solid #dddddd;}
	div#managermenu ul{list-style:none; padding:0px; margin:0px; margin-top:90px; margin-left:0px;}
	div#managermenu li.subnav{border-left:3px solid white; padding:5px; font-size:12px; color:#666666; line-height: 14px; padding-left:60px;}
	div#managermenu li.nav{padding:5px; padding-left:25px; font-size:14px; color:black;}
	div#managermenu li.nav.selected{border-left:3px solid #FF9418; color:black; font-weight:bold;}
	div.article{max-width:800px; margin-top:20px; font-weight:normal; font-size:20px; line-height:36px; color:#666666;}
	div#maincontainer{margin-top:70px; overflow:auto;}
	div.article h2{font-size:24px; color:black; line-height:40px; margin-bottom:25px;}
	div.dashboardheading{margin:20px; margin-bottom:0px;}
	div.dashboardbox{border-radius:10px; border:1px solid #dddddd; margin:20px; overflow:auto; }

}