@import url(https://fonts.googleapis.com/css?family=Fenix|Montserrat|Italianno);

body .visible-waltononthames { display:none !important; } 
body .hidden-waltononthames { display:inherit !important; } 
body.shop_waltononthames .hidden-waltononthames { display:none !important; }
body.shop_waltononthames .visible-waltononthames { display:inherit !important; }

.visible-guest { display:initial !important; }
.hidden-guest { display:none !important; }
.visible-user { display:none !important; }
.hidden-user { display:initial !important; }

body {
	font-family: 'Fenix';
}
h1 {
	color: #3e3a3a;
	font-family: 'Montserrat';
}
h2 {
}
h3 {
}
h4 {
	color: #3e3a3a;
	font-family: 'Italianno';
}
body {
	background-color: #ffffff;

	background-image:none;

	background-attachment: scroll;
}

header, #mobile-header {
	background-color: #ffffff;

	background-image:none;
	background-attachment: scroll;
}

/* Mobile */
.mobile .km-content {
}
.mobile #mobile-header {
}

/*---------------------resets/ display nones/ global---------------------*/
* {
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-family: 'Florentia';
}
.home h1, .contact-us h1, .home-about, #body-bottom-hr, .voucher_box .success span,
.mod_postcode_box .btn .caret, .span8.right_column .row-fluid, #opening-status,
.ct_details_bar, .carousel-inner>.item>a>img, .carousel-control {
    display: none;
}
#container, body {
    padding: 0;
}
footer {
    margin-top: 0;
}
/*---------------------fonts---------------------*/
.navbar .brand, legend, .ctrl-offcanvas_productmenu_toggle .text-info,
.help-block, .section-.well .muted, .alert-info.well-login, .checkout .btn-link, .voucher_box h5,
.voucher_box .success span, h2 small, .well-how-pay em, .well a, .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ .text-info,
footer small,  .information h2, .sitemap h2,  .local_branch em,
.seo-group-longer a, .home footer a, .home footer a:hover, .well h1{
    color: #fff;
}
a, a:hover, a:focus, .well-basket h4, .ui-widget-content h4, .well-basket .muted.note-delivery,
table .text-info, .hero-unit h1{
    color: #ad1101;
}
.popover, .gm-style-iw, .trigger-paymentmethod .muted, .modal-body .muted, .error-500 p,
.modal-body .well a, .well a.dropdown-toggle{
    color: #000;
}
.menu h1 {
    text-align: center;
    font-size: 75px;
    line-height: 150%;
}
.information .well a, .error-404 .alert h1{
    color: #93ae3b;
}
h4 {
    font-size: 29.5px;
    line-height: 1.2;
}
/*---------------------containers---------------------*/
body{
    background: #fff url(/myimages/484/CaspariExpress_LineBg.png) no-repeat;
    background-position-y: 60px;
}	
#container{
    border-radius: 0;
    width: 100%;
    background: none;
}
header{
    padding: 30px 0;   
    background: none;
}
.home #body {
    max-width: 1920px;
}
#body, #responsive-food-menu{
    max-width: 1170px;
    margin: 0 auto;
}
.ct_header_row, .zp-featured-inner, footer .row-fluid{
    max-width: 1400px;
    margin: 0 auto !important;
}
#logo{
}
.well, .alert.alert-error {
    background: #3e3a3a;
    border-radius: 0;
    color: #fff;
}
.hero-unit {
    background: #ffffff;
    color: #a80000;
    font-weight: normal;
}
.hero-unit h1{
    text-shadow: none !important;
    margin-bottom: 20px;
}
.hero-unit a{
    color: #000;
}
/*---------------------nav styles---------------------*/
.navbar {
    margin-bottom: 0 !important;
    z-index: 2;
    position: relative;
}
.navbar-inner {
    background: none;
    border: none;
    padding: 0;
}
.navbar-inner .container{
    position: relative;
}
.navbar .nav{
    float: right;
    margin: 20px 0 0 0;
}
.navbar .nav>li>a {
    background: none;
    color: #221f1f;
    font-size: 24px;
    line-height: 30px;
    position: relative;
}
.navbar .nav>li:last-child>a{
    padding-right: 0;
}	
.navbar .nav>.active>a:after{
    content: '';
    display: block;
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(99,147,45);
    background: -moz-linear-gradient(left, rgba(99,147,45,1) 1%, rgba(168,0,0,1) 100%);
    background: -webkit-linear-gradient(left, rgba(99,147,45,1) 1%,rgba(168,0,0,1) 100%);
    background: linear-gradient(to right, rgba(99,147,45,1) 1%,rgba(168,0,0,1) 100%);
}	
.navbar .nav>.active>a, .navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus,.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover, .navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle{
    color: #221f1f;
    background: none;
}
/*---------------------caret colour---------------------*/

.navbar .nav li.dropdown > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    display: none;
}

/*---------------------nav list---------------------*/
.nav-header,.nav-list>li>a{
    color: #fff;
}
.nav-list>li>a:hover, .nav-list>li>a:focus,
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
    background: #fff;
    color: #a80000;
}

/*---------------------nav button---------------------*/

.navbar .btn-navbar {
    background: none;
    text-shadow: none;
    border: none;
    border-radius: 0;
    margin-top: 18px;
}
.navbar .btn-navbar .icon-bar{
    background:  #536136;
    width: 29px;
    height: 3px;
}
.btn-navbar .icon-bar+.icon-bar {
    margin-top: 5px;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus,
.navbar .btn-navbar:active, .navbar .btn-navbar.active,
.navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    background: none;
}

/*---------------------dropdown menu---------------------*/

.dropdown-menu {
    background: #fff;
    min-width: initial;
    padding: 0;
    border: none;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3) !important;
}
.dropdown-menu>li{
    padding: 0;
}
.dropdown-menu>li>a {
    color: #343740;
    position: relative;
    text-align: center;
    padding: 8px 20px;
}
.dropdown-menu>li:hover{
    background: none;
}
.dropdown-menu>li>a:hover{
    color: #ad1101;
    background: none;
}
/*---------------------opening status---------------------*/
.navbar .brand{
    margin-left: 0;
}
#opening-status {
    text-transform: none;
    font-weight: bold !important;
}
.status-CLOSED {
    color: #d60000 !important;
}
.status-OPEN {
    color: #4cd741 !important;
}
#opening-status:hover{
    text-decoration: none;
}
/*---------------------details bar---------------------*/
.ct_user_status{
    margin-top: 20px;
    line-height: 1.2;
}	
.ct_user_status small{
    font-size: 14px;
    color: #93ae3b;
}
/*---------------------slider---------------------*/
.span8.column_slideshow, .span4.column_modules{
    width: 100%;
    float: none;
    margin-left: 0;
}		
.carousel{
    margin-bottom: 0;
}
.carousel .item{
    min-height: 520px;
    height: calc(100vh - 176px); 
}
.carousel-indicators{
    top: 50%;
    margin-top: -50px;
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
}
.carousel-indicators li{
    border-radius: 50% !important;
    border: 2px solid #222;
    background: none;   
    width: 9px;
}
.carousel-indicators .active{
    background: #222;   
}
.carousel-caption{
    background: none;
    bottom: 80px;
}	
.carousel-caption .cursive{
    font-family: "Italianno";   
    color: #3a3a3a;
    font-size: 130px;
    line-height: 1.2;
    margin-bottom: -120px;
    margin-left: 50px;
    display: block;
}
.carousel-caption h2{
    font-family: 'Montserrat ExBold';
    font-size: 490px;
    font-size: 25vw;
    font-weight: 800;
    line-height: 0.9;
    margin: 0;
    background: url(/myimages/484/zpos-bg-CaspariExpress_TextMask.jpg) no-repeat;
    background-position: 0 -340px;
    background-attachment: fixed;
    background-size: cover;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.carousel-caption .caption-line{
    color: #2e4e00;
    font-size: 19px;
    margin-left: 20px;
    line-height: 1.5;
}	
/*---------------------postcode box---------------------*/
.column_modules{
    min-height: 100vh;
    background: url(/myimages/484/zpos-bg-CaspariExpress_PizzaOvenBg.jpg) no-repeat;
    background-position: bottom center;
    position: relative;
}	
.column_modules:before, .column_modules:after{
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
}
.column_modules:before{
    top: -1px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
}
.column_modules:after{
    bottom: -1px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
}
.mod_postcode_box {
    background: #d80d06;
    border: none;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 60px;
    max-width: 560px;
    outline: 3px dashed #ff9c19;
    outline-offset: -35px;
    position: relative;
}
.mod_postcode_box:before{
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 7px solid #ff9c19;
}	
.mod_postcode_box .lead {
    font-size: 52px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px;
    text-shadow: 2px 2px 0px rgba(92, 10, 7, 0.47) !important;
}
.mod_postcode_box .lead, .mod_postcode_box .col3 .muted{
    color: #fff;
}
.mod_postcode_box .col3 small{
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
}

.mod_postcode_box input, .mod_postcode_box .btn {
    height: 50px;
    border: none;
    border-radius: 0 !important;
    margin-bottom: 0;
    font-size: 24px;
}
.mod_postcode_box input{
    background: #fff;
    color: #777676;
    max-width:450px;
    line-height: normal !important;
}
.mod_postcode_box > .input-append {
    max-width: 100%;
    width: 85%;
    margin-top: 10px;
    margin-bottom: 25px;
}
.mod_postcode_box .btn {
    width: 150px;
    text-transform: uppercase;
    background: #2a9b3a;
    border-bottom: 5px solid #006807;
    line-height: 1.5;
}
.mod_postcode_box .btn:hover,.btn-group.open .btn-success.dropdown-toggle,
.mod_postcode_box .btn-group.open .btn-success.dropdown-toggle,
.mod_postcode_box .dropdown-menu, .mod_postcode_box .btn:focus {
    background: #006807;
}
.mod_postcode_box .dropdown-menu>li>a {
    color: #fff;
}
.mod_postcode_box .dropdown-menu>li:hover{
    background: none;
}
.mod_postcode_box .dropdown-menu>li>a:hover {
    background: none;
    color: #171e42;
}
/*---------------------prefooter---------------------*/
.zp-featured-inner{
    padding: 100px 0;   
}
.zp-featured-inner h3{
    font-size: 50px;
    color: #d80d06;
    margin-bottom: 20px;
}
.zp-featured-inner p{
    width: 60%;
    margin: 0 auto 40px;
    font-size: 16px;
    color: #414141; 
    line-height: 1.5;
    margin-bottom: 40px !important;
}
.zp-featured-inner .btn-success{
    font-family: 'Montserrat';   
    text-transform: uppercase;
    font-size: 27px;
    padding: 20px 30px;
    margin-top: 40px;
    text-shadow: 1px 0px 1px rgba(9, 89, 21, 0.75) !important;
}
#featured img{
    box-shadow: 0px 4px 16px 0px rgba(23,22,23,0.17) !important; 
    -webkit-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#featured img:hover{
    box-shadow: 0px 4px 30px 0px rgba(23,22,23,0.17) !important; 
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/*---------------------table stripped fix---------------------*/

table, .table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th,.table-hover tbody tr:hover>td,
.table-hover tbody tr:hover>th, table .muted, .well-basket{
    background: #fff;
    color: #000;
}
.box-delivery-information table, .box-delivery-information .table-striped tbody>tr:nth-child(odd)>td,
.box-delivery-information .table-striped tbody>tr:nth-child(odd)>th, .box-delivery-information .table-hover tbody tr:hover>td,
.box-delivery-information .table-hover tbody tr:hover>th {
    background: none;
    color: #fff;
}
.contact-us .box-delivery-information table, .contact-us .box-delivery-information .table-striped tbody>tr:nth-child(odd)>td,
.contact-us .box-delivery-information .table-striped tbody>tr:nth-child(odd)>th, .contact-us .box-delivery-information .table-hover tbody tr:hover>td,
.contact-us .box-delivery-information .table-hover tbody tr:hover>th {
    background: none;
    color: #000;
}

/*---------------------menu page popovers---------------------*/

.popover .popover-title {
    background: #63932d;
    color: #fff;
}

/*---------------------modal---------------------*/
.modal{
    border: none;
}
.modal-header {
    background: #3e3a3a;
    color: #fff;
}
.modal-body .well{
    background: #fff;
    color: #000 !important;
}
.modal-body .well a, .well a.dropdown-toggle{
    text-transform: initial;
}	
.modal-footer {
    background: #a80000;
    color: #fff;
}
.modal fieldset {
    background: #fff;
    border: none;
}
.modal-body h4 .name {
    font-size:28px;
}
.uk-offcanvas-bar{
    background: #;
}
.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
    background: #;
    color: #fff;
    outline: 0;
}

.bootbox .modal-body{
    text-align: center;
}	
/*---------------------alerts & buttons---------------------*/
.alert {
    color: #fff;
    background: #a80000;
    border: none;
}
.sys-message{
    color: #fff;
    background: #2a9b3a !important;
    text-align: center;
    border: none;
}
.alert h2{
    color: #fff;
}
.btn {
    background-image: none;
    text-transform: uppercase;
}

/*--------success--------*/

.btn-success, .menu-selection .btn-primary{
    background: #2a9b3a;
    border-bottom: 5px solid #006807;
}
.btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle, .menu-selection .btn-primary:hover{
    background: #006807;
}

/*--------primary--------*/

.btn-primary {
    background: #2357ce;
    border-bottom: 5px solid #00249B;
}
.btn-primary:hover, .btn-primary:focus {
    background: #00249B;
}

/*--------info--------*/

.btn-info {
    background: #4992ff;
    border-bottom: 5px solid #3079E6;
}
.btn-info:hover, .btn-info:focus {
    background: #3079E6;
}

/*--------danger--------*/

.btn-danger {
    background: #a80000;
    border-bottom: 5px solid #8F0000;
}
.btn-danger:hover, .btn-danger:focus {
    background: #8F0000;
}

/*--------warning--------*/

.btn-warning {
    background: #FF871A;
    border-bottom: 5px solid #CC5400;
}
.btn-warning:hover, .btn-warning:focus {
    background: #CC5400;
}
/*---------------------footer---------------------*/
footer {
    background: none;
    padding: 20px 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 999;
}
.cards, .vendor {
    padding-top: 5px;
}
/*---------------------fixes---------------------*/
.row-product:hover {
    background: none;
}
.ui-tabs-menu.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.ui-tabs-vertical .ui-tabs-nav{
    padding: 0 !important;
}	
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active, .tb-nav-tabs.ui-widget-header{
 	padding: 0 !important;
    border: none !important;
}
.menu .ui-widget-content{
 	border: none !important;   
}
.ui-tabs-vertical .ui-tabs-nav li{
 	margin: 0 !important;   
}
.navbar-search{
    margin-top: 0;
}
.navbar-search .search-query{
    padding: 9px 14px;
}
#responsive-food-menu.affix {
    left: initial;
}
#responsive-food-menu .navbar-inner{
    padding: 0 10px;
    background: #3e3a3a;
}
#responsive-food-menu .navbar-inner .brand{
    color: #;
}
#responsive-food-menu .btn-navbar{
    background: #2a9b3a;
}
.nav-list>li>a [class^="icon-"], #responsive-food-menu [class^="icon-"],
#responsive-food-menu [class*=" icon-"] {
    background-image: url("http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png");
}
.nav-list>li.active>a [class^="icon-"],
.nav-list>li>a:hover [class^="icon-"],
.nav-list>li>a:hover[class*=" icon-"],
.nav-list>li>a:focus [class^="icon-"],
.nav-list>li>a:focus[class*=" icon-"]{
    background-image: url("http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings.png");
}
.contact-us .box-opening-hours{
    margin-top: 20px;
}
.jumbotron-order-complete{
    background: #;
    padding: 20px;
    box-sizing: border-box;
}
.jumbotron h1, .jumbotron .text-warning{
    color: #93ae3b;
}	
.website-image{
    text-align: center;
}
.how-im-ordering h2 {
    font-weight:400;
}
.how-im-ordering .tooltip {
    font-size:16px;
}
.loyaltypoints_box{
    background: #171e42 !important;
}
.loyaltypoints_box .row-credits .well {
    color: #468847;
    border-color: #468847 !important;
}
.loyalty-value.text-success .text-warning, .loyalty-label.text-warning{
    color: #468847;
}
.span3.col4 .loyalty-label.text-warning{
    color: #b94a48;
}
.row-fluid [class*="span"]{
    min-height: 34px;
}	
/*---------------------social media buttons---------------------*/
.home_social {
    displaY: none;   
}
.social_media_links {
    padding: 0;
    text-align: center;
}
.social_media_links img {
    max-width: 32px;
}
.social_media_links img:hover {
    max-width: 32px;
}
.social_media_links small {
    display: none;
}
.social_media_links a {
    background-color: transparent;
    background: none !important;
    border: none !important;
    box-shadow: none;
    padding: 0px;
    width: 45px !important;
}
/*---------------------media queries---------------------*/
/*---------------------large desktop---------------------*/
@media (max-width: 1430px) {
    header{
        padding: 30px 20px;
        box-sizing: border-box:
    }	
    .zp-featured-inner .row-fluid{
        padding: 0 20px;
        box-sizing: border-box;
    }	
}
@media (max-width: 1200px) {
    .navbar .nav>li>a {
        font-size: 23px;
    }
    .carousel-caption .cursive {
        font-size: 90px;
        margin-bottom: -70px;
        margin-left: 30px;
    }
    .carousel-caption h2{
     	background-position: initial;   
    }
}
/*---------------------portrait table and landscape desktop---------------------*/
@media (min-width: 980px) {
 	.ct_user_status small{
        float: right;
    }
    .social_media_links {
        margin-top: -10px;
        float: right;
        margin-righT: 20px;
    }      
}
@media (max-width: 979px) {
    .navbar .nav{
        float: none;
    }	
    .navbar .nav, .navbar .nav > li {
        display: block;
        text-align: center;
    }
    .nav-collapse .dropdown-menu a {
        color: #3a3a3a;
    }
    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        background: none;
    }
    .carousel-caption h2{
        background-attachment: scroll;   
        background-position: center;  
    }
    .social_media_links {
     	margin-top: 10px !important;   
    }
}
@media (max-width: 979px) and (min-width: 768px) {
 	.social_media_links {
     	text-align: right;   
    }
}
/*---------------------landscape phone and portrait tablet---------------------*/
@media (min-width: 768px) {
    #logo p {
        text-align: right;
    }
    .home #body {
        margin: 0 auto -132px;
    }
}
@media (max-width: 767px) {
    body{
        background: #fff;   
    }
    #logo{
        text-align: center;
    }	
    .carousel .item {
        min-height: initial;
        height: 350px;
    }
    .carousel-caption .cursive {
        font-size: 90px;
        margin-bottom: -60px;
        margin-left: 0;
        display: block;
        text-align: center;
    }
    .carousel-caption .caption-line, #specials{
        display: none;
    }	
    .column_modules {
        min-height: 70vh;
    }
    .mod_postcode_box{
        max-width: initial;
        margin: 0 20px;
        outline: none;
    }	
    .zp-featured-inner .span4{
        margin-bottom: 20px;   
    }
    .ui-tabs-vertical .ui-tabs-panel{
        width: 100% !important;   
    }
    footer{
        background: #3a3a3a;   
    }
    .tl, .tr, .copyright {
        text-align: center !important;
    }
    footer .tl, footer .tr, .copyright {
        text-align: center !important;
        padding: 10px 0;
    }
}
/*---------------------landscape phone and down---------------------*/
@media (max-width: 615px) {
    header {
    	padding: 30px 20px 0px;
    }
    .carousel .item {
        height: 230px;
    }
    .carousel-caption{
        bottom: 0;   
    }
    .carousel-caption .cursive {
        font-size: 60px;
        margin-bottom: -20px;
    }
    .carousel-indicators {
        top: initial;
        margin-top: 0;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        bottom: 10px;
        left: 50%;
        width: 95px;	
    }
    .span8.column_slideshow{
        padding-bottom:20px;
    }
    .ct_user_status small {
    font-size: 13px;
    color: #93ae3b;
}
    .column_modules:before, .column_modules:after{
     	display: none;   
    }
    .mod_postcode_box {
        padding: 60px 25px;
    }
    .mod_postcode_box input{
        max-width: initial;
        width: 100% !important;
    }
    .mod_postcode_box .btn-group{
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }
    .mod_postcode_box .btn-group .btn{
        width: 100%;
    }
    .menu h1 {
        font-size: 56px;
    }
}
@media (max-width: 480px) {
    .mod_postcode_box{
        margin: 0;
    }	
    .mod_postcode_box .lead {
        font-size: 32px;
    }
    .zp-featured-inner h3 {
        font-size: 47px;
    }
    .zp-featured-inner p {
        width: 90%;
    }
    .menu h1 {
        font-size: 36px;
    }
}
.custom_banners {
    margin-top: 20px;
}
.custom_banner_ub {
    margin-bottom: 20px;
}
.banner {
    text-align: center;
    background: linear-gradient(29deg, #00b207, #ffffff, #ff0000);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 19s ease infinite;
    -moz-animation: AnimationName 19s ease infinite;
    animation: AnimationName 19s ease infinite;
    padding: 20px;
    box-shadow: 0px 0px 10px #00000023 !important;
}
.discount_code {
    background: #fff;
    padding: 2px 15px;
    max-width: fit-content;
    margin: 0 auto 20px;
    border: 2px dashed #000;
    
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 30%}
    50%{background-position:100% 71%}
    100%{background-position:0% 30%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 30%}
    50%{background-position:100% 71%}
    100%{background-position:0% 30%}
}
@keyframes AnimationName {
    0%{background-position:0% 30%}
    50%{background-position:100% 71%}
    100%{background-position:0% 30%}
}

#logo p {
    color: #cb1111;
    font-weight: bold;
    font-size: 18px;
    margin-top: 8px;
    
}