h1,h2,h3,h4,h5,footer,#main-menu,.btn{font-family:Raleway,Helvetica,Arial,sans-serif;font-weight:bold}
#main-menu{text-transform:uppercase}

body{background:#fff url(../images/bg-pattern.png) repeat top center;color:#333;background-size:auto;padding-top:75px;font-family:Raleway,Helvetica,Arial,sans-serif}
#bucket{top:105px;background:#000a !important}
.product-box{width:12rem}
.product-box img{display:none}
#product-list .at-max{opacity:.4}
.form-control:focus{border-color:#31708f;box-shadow:none}
#product-select{padding:1em 1em .15em 1em}
a.bucket-item{color:#31708f !important;display:none}
a.has-items{display:flex}
a.bucket-item:active,a.bucket-item:hover,a.bucket-item:focus{border-color:#252525;background:#eee;color:#31708f !important;text-decoration:none !important}

footer{z-index:1}

@keyframes pan-bg{from{background-position:0% 60%}to{background-position:20% 60%}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}

.body-class-offers main>.container{padding:0;max-width:100%}
#offer-list{max-width:960px;margin-left:auto;margin-right:auto;padding:0}
#carousel-banner{position:fixed;top:0;bottom:0;width:100%;z-index:-1}
#carousel-banner .make-bg,#carousel-banner .carousel-item,#carousel-banner .carousel-inner{width:100%;height:100%}
#carousel-banner .make-bg{background-size:150%;background-repeat:no-repeat;animation:pan-bg 11s infinite;animation-timing-function:linear}
.offer-image{text-align:right !important;animation:fade-in 2s}
.offer-image img{width:250px;height:250px;border-radius:.75em}
.offer-summary{margin-left:1rem;margin-right:1rem;background:#fffe}
.offer-summary img{max-width:10rem;border:2px solid #31708f}
.no-records{padding:1rem;background:#fffc}

.navbar{padding:0 1rem 0 0 !important;background:#fff;border-bottom:1px solid #ccc}
.navbar-nav{margin-left:auto;font-size:.8em}
.navbar .brand-logo{margin-left:1em}
.navbar .brand-logo img{width:200px;height:47px}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .active{color:#000 !important}

.btn{border-radius:0;padding-left:1rem;padding-right:1rem;text-transform:uppercase;box-shadow:none !important;border-width:2px}
.bg-primary{background:#222 !important}
.btn-primary{background:#222 !important;color:#fff !important;padding-left:1rem !important;padding-right: 1rem !important}
.btn-dark,.bg-dark{background:#002 !important}
.btn-primary{border-color:#31708f !important;color:#31708f !important;background:#fff !important}
.btn-primary:hover,.btn-primary:active{background:#31708f !important;color:#fff !important}

a{color:#31708f}
a:hover,a:active{text-decoration:underline}
h3{color:#222}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:active{color:#fff}
.navbar-dark .navbar-nav .nav-link.active{color:#fff;cursor:default}
.navbar-dark .navbar-nav .nav-link:hover svg,.navbar-dark .navbar-nav .nav-link:active svg{stroke:#31708f}

@media (max-width:768px){
body{padding-top:90px}
.body-class-offers{background:url(/images/bg1.jpg) center top;background-attachment:fixed}
.navbar .brand-logo{margin-top:5px;margin-bottom:5px}
#carousel-banner{display:none}
#bucket{top:55px}
.offer-image{text-align:center !important}
.offer-summary h3{text-align:center;margin-top:1rem}
}

@media (max-width:570px){
.no-small{display:none}
}