html, body {padding:0; margin:0; width:100%; min-width:320px; overscroll-behavior: none; background:#000 url(../assets/images-template/background.jpg) center 39px repeat-y; scroll-behavior: smooth; overflow-x:hidden;}
#top-bar {position:fixed; width:100%; height:64px; background:#fff; z-index:50; top:0; left:0;}

#menu-slide {display:none;}
#top-bar-inner {width:98%; max-width:1140px; margin:17px auto; position:relative; z-index:60;}

#top-border {position:fixed; width:100%; height:8px; left:0; top:64px; background: url(../assets/images-template/top_bar.png) left top repeat-x; z-index:55;}
#top-border img {display:block; margin:-4px auto 0 auto;}

#cart-container {width:98%; max-width:886px; height:1px; position:fixed; left:50%; transform:translateX(-50%); z-index:50;}

#cart {position:absolute; top:64px; right:0; width:51px; height:58px; cursor:pointer; background:url(../assets/images-template/cart_banner.png);}

/* popup window style */
#cart .popup {padding-top:20px; visibility:hidden; opacity:0; position:absolute; top:40px; width:218px; height:155px; margin-left: -164px; background: url(../assets/images-template/cart-panel.png); z-index:10;}

#cart .popup .row {padding:15px 20px; overflow:hidden;}
#cart .popup .row.items {color:#e54040; font:500 18px  'Jost', sans-serif; position:relative; text-transform:uppercase;}
#cart .popup .row.checkout {font: 500 12px/14px  'Jost', sans-serif; text-transform:uppercase;}
#cart .popup .row.checkout span:first-child {padding:3px 0;}
#cart .popup .row.checkout a {color:#e54040; text-decoration:none;}
#cart .popup .row.checkout a:hover {text-decoration:underline;}
#cart .popup .row span.pop-left {color:#000; float:left; font:500 16px/20px 'Jost', sans-serif; text-transform:uppercase;}
#cart .popup .row span.pop-right {float:right; font:500 16px/20px 'Jost', sans-serif; text-transform:uppercase;}

#cart .popup .checkout-button {float:right; cursor:pointer; padding:3px 5px; background:#e54040; border: 1px solid #e06b6b; border-radius:3px; color:#fff; font:500 16px/20px 'Jost', sans-serif;}

/* #cart:hover .popup {cursor:default; visibility:visible; opacity: 1;} remove hover on cart image */

#cart input {display:none;}

#header {width:98%; max-width:910px; margin:0 auto; position:relative; z-index:1; height:1px;}



/* #header #doc-head {position:absolute; top:96px; left:calc(50% - 180px); z-index:41;} */
#header #doc-head {position:absolute; top:65px; left:calc(50% - 600px); z-index:41; width:1200px;}

#header #neon-sign {position:absolute; top:187px; left:calc(50% - 213px); z-index:47;}
#header #desktop {position:absolute; top:141px; left:calc(50% - 430px); z-index:02;}
#header #shipping {position:absolute; top:86px; left:calc(50% - 418px); z-index:04;}
#header #robot {position:absolute; top:124px; left:calc(50% + 169px); z-index:01;}

#content {width:100%; margin:321px auto 0 auto; position:relative; z-index:10;}
#top-frame {width:100%; height:11px; position:relative; z-index:15; height:11px; background:url(../assets/images-template/15_frame_top.png);}
#content #face {position:absolute; left:calc(50% - 97px); top:-68px; z-index:31;}
#content-area {width:100%; position:relative;}

#bottom-frame {width:100%; height:21px; position:relative; z-index:15; background:url(../assets/images-template/15_frame_bottom.png);position:relative;}
#bottom-frame-mid {height:21px; position:relative;}
#bottom-frame-mid #lightning {width: 72px; height: 11px; position: absolute; left: 50%; margin-left: -36px; top: 2px; display: none; z-index:50;}
#bottom-frame-mid #fizz {display:block; position:absolute; left:50%; top:-6px; margin-left:-99px; z-index:100; height:32px; z-index:20;}

#content-backing {position:absolute; left:0; top:5px; width:100%; height:calc(100% - 20px); background:#ffffff;}


#top-info h1.pageTitle {text-align:center; font:700 40px/35px 'boogalooregular', sans-serif; color:#3d2a11; padding:90px 0 7px 0; margin:0; text-transform:uppercase;}
#top-info p.breadcrumb {text-align:center; padding:0; margin-top:10px; margin-bottom:30px; font:500 20px/18px 'playtime_with_hot_toddiesRg', sans-serif; color:#7b662a; text-transform:uppercase;}
#top-info p.breadcrumb a {text-decoration:none; font:500 20px/18px 'playtime_with_hot_toddiesRg', sans-serif; color:#7b662a;}
#top-info p.breadcrumb a.current {text-decoration:none; color:#b44a34; cursor:default;}
#top-info p.breadcrumb a:hover {color:#3d2a11;text-decoration:underline;}

#content-data p.ctr { font-size: 22px; font-weight: 600; font-family: 'Jost', Verdana, Arial, Helvetica, sans-serif;text-align:center;} 
#content-data {width:calc(100% - 24px); box-sizing:border-box; padding:10px 10px 20px 10px; margin:12px;}
#content-data h1 {text-align:center; font: 35px/40px 'Jost',  sans-serif; color:#3d2a11; padding:20px 0 0 0; margin:0; text-transform:uppercase;}
#content-data p {padding:0; margin:0; font:300 20px/25px 'playtime_with_hot_toddiesRg',  sans-serif;}
#content-data p a {text-decoration:inline; color:#0072bc;}
#content-data p a:hover {color:#0072bc; text-decoration:none;}

/* #footer {height:206px; width:100%; margin-top:-14px; position:relative;} */
#footer {height:206px; width:100%; margin-top:-14px; position:relative; background:url(../assets/images-template/docfizzix-footer.jpg) no-repeat center -8px; background-size:1200px;}
/* #footer-menu {width:510px; height:72px; position:absolute;  background:url(../assets/images-template/footer_menu.png) no-repeat center top; top:0; left:50%; margin-left:-255px; z-index:3;} */
#footer-menu {width:510px; height:72px; position:absolute;  background:url(../assets/images-template/footer_menu.png) no-repeat center top; background-size:contain; top:0; left:50%; margin-left:-255px; z-index:3;}
#footer-menu span {padding:0; margin:0;}
#footer-menu span {position:absolute; top:16px;}
#footer-menu span img {opacity:0; transition:0.5s}
#footer-menu span:nth-of-type(1) {left:38px;}
#footer-menu span:nth-of-type(2) {left:125px;}
#footer-menu span:nth-of-type(3) {left:211px;}
#footer-menu span:nth-of-type(4) {left:297px;}
#footer-menu span:nth-of-type(5) {left:384px;}
#footer-menu span:hover img {opacity:1;}


/* #footer #to-top {position:absolute; left:50%; margin-left:54px; top:97px; z-index:2; } */
#footer #to-top {position:absolute; left:50%; margin-left:52px; top:97px; z-index:2; }
#footer #to-top img {opacity:0; transition:0.5s; cursor:pointer;}
#footer #to-top:hover img {opacity:1;}


#footer_Info {width:100%; text-align:center; margin:0; padding:10px 0px 25px 0px; box-sizing:border-box;}
#contact_Info {color: #000; font:400 18px/20px 'Jost', sans-serif; text-transform:uppercase;}
#copyright {color: #000; font:400 15px/20px 'Jost', sans-serif; text-transform:uppercase;}
#copyright a{color: #0072bc; font:400 15px/20px 'Jost', sans-serif; text-transform:uppercase;}
#copyright a:hover {text-decoration:none;}

#copyright .all-rights {color: #000; font:400 15px/20px 'Jost', sans-serif; text-transform:uppercase; text-decoration:none;}
#copyright .all-rights:hover {text-decoration:underline;}

.we-accept { margin-right: 5px; margin-left: 5px; margin-bottom: 15px;}
.we-accept-start { margin-right: 5px; margin-bottom: 15px;}
.we-accept-end { margin-left: 5px; margin-bottom: 15px;}


@media only screen and (max-width: 932px) {
#contact_Info {color: #000; font:400 14px/20px 'Jost', sans-serif; text-transform:uppercase;}
#copyright a {font:400 12px/20px 'Jost', sans-serif; }
#copyright .all-rights  {font:400 12px/20px 'Jost', sans-serif; }
	
}

@media only screen and (max-width: 760px) {
#top-info  h1.pageTitle {font:700 36px/35px 'boogalooregular', sans-serif; padding:80px 0 7px 0; }
#top-info p.breadcrumb { margin-top:0px; margin-bottom:0px;}
#top-info p.breadcrumb, #top-info p.breadcrumb a {font:500 18px/18px 'playtime_with_hot_toddiesRg', sans-serif; letter-spacing: 0px;}
#top-bar-inner #Doc-Fizzix {display:block; margin:0 auto;}
#contact_Info {color: #000; font:400 14px/20px 'Jost', sans-serif; text-transform:uppercase;}
#copyright a {font:400 12px/20px 'Jost', sans-serif; }
#copyright .all-rights  {font:400 12px/20px 'Jost', sans-serif; }

}

@media only screen and (max-width: 490px) {
#top-info  h1.pageTitle {font:700 32px/35px 'boogalooregular', sans-serif;}
#top-info p.breadcrumb, #top-info p.breadcrumb a {font:500 16px/18px 'playtime_with_hot_toddiesRg', sans-serif; letter-spacing: 0px;}
}