:root{--color-primary-brown:#6A4A3A;--color-accent-blue:#95B8B7;--color-light-brown:#9E8F87;--bg-page:#F4F6F7;--bg-element:#FFFFFF;--text-dark:#6A4A3A;--text-light:#FFFFFF;--border-muted:#E1E8ED}*{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}body{background-color:var(--bg-page);color:var(--text-dark);line-height:1.6}a{text-decoration:none;color:inherit}header{background-color:var(--bg-element);color:var(--text-dark);padding:1rem 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.08);border-bottom:3px solid var(--color-accent-blue)}.hideyho{display:none}.logo-container{font-size:1.5rem;display:flex;align-items:center;gap:1rem}.logo-container img{max-height:60px;width:auto}.logo-container span.template-text{color:var(--color-primary-brown);font-weight:bold}.logo-container span.template-text span{color:var(--color-accent-blue)}.user-actions{display:flex;align-items:center;gap:2rem}.login-link{color:var(--color-primary-brown);font-weight:600;display:flex;align-items:center;gap:0.5rem;transition:color 0.3s ease}.login-link:hover{color:var(--color-light-brown)}.cart-group{display:flex;align-items:center;gap:1.5rem}.cart-link{position:relative;font-size:1.4rem;color:var(--color-primary-brown);transition:color 0.3s ease}.cart-link:hover{color:var(--color-light-brown)}.cart-badge{position:absolute;top:-10px;right:-12px;background-color:var(--color-accent-blue);color:var(--text-light);font-size:0.7rem;padding:3px 7px;border-radius:50%;font-weight:bold;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.envelope-icon{width:24px;height:24px;stroke:#00adb5;float:left;margin-right:3px}.checkout-btn, .btn-nav, .addtocart, .button, .button-success{background-color:var(--color-accent-blue);color:var(--text-light);padding:0.6rem 1.4rem;border-radius:4px;font-weight:bold;font-size:0.9rem;transition:background-color 0.3s ease;cursor:pointer;line-height:2.5em;text-align:center;border:0}.checkout-btn:hover, .btn-nav:hover, .addtocart:hover, .button:hover, .button-success:hover{background-color:var(--color-primary-brown)}main{padding:3rem 5%;max-width:1200px;margin:0 auto}.hero-section{background:var(--bg-element);padding:3rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.05);text-align:left;margin-bottom:2rem;border-top:4px solid var(--color-accent-blue)}.hero-section h1{color:var(--color-primary-brown);margin-bottom:1.5rem}.hero-section p{margin-bottom:2rem}.course-catalogue-btn{background-color:var(--color-primary-brown);color:var(--text-light);padding:0.8rem 1.8rem;border-radius:4px;font-weight:bold;transition:background-color 0.3s ease}.course-catalogue-btn:hover{background-color:var(--color-light-brown)}@media screen and (max-width:900px){.logo-container{flex-direction:column;gap:0.5rem;text-align:center}.logo-container img{max-height:50px}}@media screen and (max-width:768px){header{flex-direction:column;gap:1.5rem;padding:1.5rem 5%}.user-actions{width:100%;justify-content:space-between;border-top:1px solid var(--border-muted);padding-top:1rem;gap:1rem}.cart-group{gap:1rem;justify-content:flex-end}.checkout-btn{padding:0.5rem 1rem}.hero-section{padding:2rem 1.5rem}}.footer{background-color:#1a1a1a;color:#ffffff;padding:40px 20px 20px 20px;margin-top:auto}.footer-container{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;gap:30px}.footer-column{flex:1;min-width:200px}.footer-column h3{font-size:1.2rem;margin-bottom:15px;color:var(--color-accent-blue)}.footer-column p{font-size:0.9rem;line-height:1.6;color:#ccc}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#ccc;text-decoration:none;font-size:0.9rem;transition:color 0.3s ease}.footer-column ul li a:hover{color:#00adb5}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #333;font-size:0.8rem;color:#777}@media (max-width:768px){.footer-container{flex-direction:column;text-align:center}.footer-column{margin-bottom:20px}}@media only screen and (min-width:981px){.subheading{margin-left:0;text-align:right;vertical-align:middle;float:right}.icon{float:left;background-position:right center;margin-right:.2em}#navigationx{letter-spacing:0;margin:0}#navigationx ul{margin:0;padding:0;min-height:2em;width:100%}#navigationx ul li{min-height:2em;padding:.7em .7em .4em .7em;background-image:linear-gradient(to bottom, #2C1912, #B7743F, #93512A,#81411B,#81411B,#81411B,#492608, #492608 );box-shadow:2px 4px 3px rgba(44,44,44,0.7), 4px 8px 7px rgba(44,44,44,0.3)}#navigationx ul li a{font-size:1.05em}#navigationx .twoliner{display:block;float:right;line-height:.9em;padding:0;margin-left:0;margin-top:-.3em}#navigationx .line1, #navigationx .line2{margin:0;font-size:.8em;display:block}#navigationx .nowerds{display:none !important}}/* #Media Queries ================================================== */ @media only screen and ( max-width:767px){.nomoby{visibility:hidden;display:none}.onlymoby{visibility:visible;display:block}.moby100{visibility:visible;display:block;width:100%;text-align:left;float:left;margin-bottom:2px}}/* #Media Queries ================================================== */ @media only screen and ( min-width:981px){.nomoby{visibility:visible;display:block}.onlymoby{visibility:hidden;display:none}}@media only screen and (max-width:767px){body{min-width:320px;/*background-image:url('https://rserving.com/web/css_9021/images/pattern.svg');background-attachment:fixed;background-size:contain;*/}.shell{max-width:100%}.header .shell{padding:1.5em 0 1.5em 0;padding:0}.header-top{padding:12px 0 0px 0}#topbar{width:100%;left:0;top:0;right:0;margin:0;padding:0}.icon{float:left;background-position:center;margin-right:.4em}.webprodbox{width:100% !important;text-align:center;margin:2em !important;padding:0 !important}.webprodhowto{float:left !important;width:100% !important;font-size:.9em}.webprodhowto ul{}.webprodhowto ul li{}.groupdisbox{float:left !important}.groupdistexty{text-align:center !important}.groupgroup{float:right !important;width:100% !important;text-align:center !important}.webprodlogo{max-width:100% !important}.rserving_logoicon{padding:0;float:left}.bluebrown .subheading{display:none}.logocontainer{background-image:radial-gradient( rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.5)30%, rgba(255, 255, 255, 0.2)40%, rgba(255, 255, 255, 0) 100% );margin:0;padding:0;text-align:center;background-position:center bottom}.btmiconbox{padding-top:5em !important}.disclaimer{width:100%;text-align:center}#navigationx{float:none;display:block;position:relative;background:rgba(44,25,18,0.9);z-index:9000;width:100%;height:1em;padding-top:0;margin-bottom:2.5em}#navigationx a.nav-btn{display:block;height:1.5em;line-height:1.4em;padding:2%;width:96%;margin:0 auto;background:#7e502b;box-shadow:2px 4px 3px rgba(44,44,44,0.7), 4px 8px 7px rgba(44,44,44,0.3);background-image:radial-gradient(farthest-corner at 29% 15%, rgba(255,170,130,.5), transparent 16%), radial-gradient(farthest-corner at 71% 15%, rgba(255,170,130,.5), transparent 16%), linear-gradient( #B7743F, #B7743F, #81411B, #81411B, #492608, #492608 );font-size:1.1em;color:#fff;17px;font-weight:400;position:relative;z-index:100}#navigationx a.nav-btn:hover{text-decoration:none}#navigationx a.nav-btn span{display:block;padding:.5em;margin:0;float:right;padding:0 .5em 0 .5em}.hammy{width:2em;margin-top:-.5em;margin-right:1em;float:left}.hammy div{width:35px;height:3px;background-color:#fff;margin:6px 0;box-shadow:2px 4px 3px rgba(44,44,44,0.7), 4px 8px 7px rgba(44,44,44,0.3);border-radius:10px}.navlogo{height:2.8em;width:8em;background:url('https://rserving.com/web/images/2_2banner_logo.png');background-position:right center;background-size:contain;background-repeat:no-repeat;padding:0;margin:0 auto;float:left}#navigationx a.nav-btn span.active{background-position:0 bottom}#navigationx ul{display:none;position:absolute;width:100%;background:rgba(73,38,8,0.9);left:0px;padding-top:5px;border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px}#navigationx ul li{float:none;display:block;padding-left:0;padding-bottom:1em;padding-top:1em}#navigationx ul li a{display:block;padding-left:3em}#navigationx ul li.home{display:none}#header{background:url(https://rserving.com/web/css_9021/images/m-header.png) repeat-x 0 0;height:218px;width:100%}.floatybox{width:100% margin:0 1em 0 1em;padding:10px;float:none}.nomoby{visibility:hidden;display:none}.moby100{visibility:visible;display:block;width:100%;text-align:left;float:left;margin-bottom:2px}.main img{max-width:290px}.main section{padding-bottom:30px;margin-bottom:20px}.main .content{padding-left:20px;padding-right:20px}#footer .footer-bottom{background:#1A0E10 10px, #BCDBF2, #BCDBF2, #C3E3FC, #A0D6FF, #A0D6FF, #8CBBDB, #7198C1 5px, #8ACCDA, #7FCACF, #69A9AA, #7FCACF, #69A9AA, #7FCACF, #7FCACF, #2C1912,#2C1912 94px;padding-left:0;padding-right:0;width:100%}#footer .footer-nav{float:none;display:block;padding-bottom:1em;margin-top:1em;width:100%;margin-bottom:2em}#footer .footer-nav ul{padding-bottom:2em}#footer .footer-nav ul li{float:left;margin:0;font-size:1em;line-height:1em;border:0;padding:1em}.footer-buttons .allrighty{float:left}.copybox{width:100%;display:block;margin-bottom:1em;display:block;float:right;text-align:center}.footer-buttons ul li{border:0;width:30%;min-height:5em;padding-top:1em}.footer-buttons ul li:hover{border:0}}@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi){#logo a{}#navigationx{background:black}#navigationx a.nav-btn span{background:url(https://rserving.com/web/css_9021/images/nav-arr@2x.png) no-repeat 0 0;-webkit-background-size:10px 15px;-moz-background-size:10px 15px;background-size:10px 15px;text-shadow:2px 2px 8px #000}.pagination a{background:url(https://rserving.com/web/css_9021/images/pagination@2x.png) no-repeat 0 1px;-webkit-background-size:18px 40px;-moz-background-size:18px 40px;background-size:18px 40px}.main section{background:url(https://rserving.com/web/css_9021/images/section@2x.png) no-repeat center bottom;-webkit-background-size:300px 10px;-moz-background-size:300px 10px;background-size:300px 10px}}@media only screen and (min-width:768px) and (max-width:980px){body{min-width:100%;background-color:#8E8E8E;/*background-image:url('https://rserving.com/web/css_9021/images/pattern.svg');background-attachment:fixed;background-size:contain;*/ font-size:14px;letter-spacing:0}.shell{max-width:100%}#navigationx ul li{padding-left:2em;font-size:1.2em;box-shadow:2px 4px 3px rgba(44,44,44,0.7), 4px 8px 7px rgba(44,44,44,0.3)}.bluebrown .heading{margin-top:1.1em;text-align:left;font-size:1.5em}.bluebrown .subheading{margin-top:1.5em;margin-left:0;float:right;text-align:right;vertical-align:middle;font-size:.9em}#navigationx{padding-top:0;letter-spacing:0;margin:0}#navigationx ul{padding-top:0;margin:0;padding:0;padding-bottom:0;font-size:.9em}#navigationx ul li{display:inline;padding:.5em 1em .2em 1em;border-right:1px solid rgba(44,25,18 ,0.6);min-height:3.5em;background-image:linear-gradient(to bottom, #2C1912, #B7743F, #93512A, #81411B,#81411B,#81411B, #492608, #492608 );vertical-align:bottom;line-height:29px}#navigationx ul li a{font-size:.9em;display:block;padding-top:7px}#navigationx .twoliner{margin-top:-.3em;display:block;line-height:1.1em;padding:0;font-size:.8em;clear:both;text-align:center;float:none}#navigationx .line1, #navigationx .line2{display:block}#navigationx .nowerds{display:none !important}.icon{width:100%;min-width:4em;background-position:center center;height:1.5em;margin:0;display:block;margin-bottom:.3em;margin-top:-7px}.biggericon{height:1.5em;margin-top:.5em}.onlymoby{visibility:hidden;display:none}.main section{background:url(https://rserving.com/web/css_9021/images/t-section.png) no-repeat center bottom;padding-bottom:50px;margin-bottom:20px}}.shadowbox{padding:1em;margin-top:15px;border-radius:11px;background:white;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset}