/*Fonts*/
@font-face{
    font-family: '';
    src: url('../fonts/.eot');
    src: url('../fonts/.eot?#iefix') format('embedded-opentype'),
         url('../fonts/.woff') format('woff'),
         url('../fonts/.ttf') format('truetype'),
         url('../fonts/.svg#webfont') format('svg');
}

@font-face{
    font-family: '';
    src: url('../fonts/.eot');
    src: url('../fonts/.eot?#iefix') format('embedded-opentype'),
         url('../fonts/.woff') format('woff'),
         url('../fonts/.ttf') format('truetype'),
         url('../fonts/.svg#webfont') format('svg');
}
@font-face {
    font-family: 'Wallop-Medium';
    src: url('../fonts/Wallop/Wallop-Medium.woff2')format('woff2'), url('../fonts/Wallop/Wallop-Medium.woff') format('woff'), url('../fonts/Wallop/Wallop-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Messina';
    src: url('../fonts/Messina/MessinaSerifWeb-Regular.woff2')format('woff2'), url('../fonts/Messina/MessinaSerifWeb-Regular.woff') format('woff'), url('../fonts/Messina/MessinaSerifWeb-Regular.ttf') format('truetype');
}





/* reset.css is here */
*{
    box-sizing:border-box;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{
    border:0;
}
img{
    max-width:100%;
    height:auto;
    display:inline-block;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}
a {
    color:inherit;
    text-decoration:none;
}
a:hover, a:focus {
    color:inherit;
    text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
h1 {
    font-size:24px;
}
h2 {
    font-size:22px;
}
h3 {
    font-size:18px;
}
h4 {
    font-size:16px;
}
h5 {
    font-size:14px;
}
h6 {
    font-size:12px;
}
p{
    font-size:12pt;
    line-height:24px;
}
header,nav,section,article,aside,footer,hgroup,figure,main {
    display: block;

}
.clear{
    clear:both;
    font-size:1px;
    line-height:1px;
    display:block;
    height:0;
}
.last {
    margin:0 !important;
}
.pad_last{
    padding:0 !important;
}
.no_bg {
    background:none !important;
}
.no_bor{
    border:0 none !important;
}
.flt_lt {
    float:left;
    display:inline;
}
.flt_rt {
    float:right;
    display:inline;
}
/* reset.css ends here */

html {
}
body {
    background: #;
    background-image: url("");
    background-repeat: repeat;
    color: #;
    font-family: ;
    font-size:16px;

}
h1,h2,h3,h4,h5,h6 {
    font-family: ;
    color: #;

}
/* LayOut Start here */
header{
    background: #;

}
.header_bottom-left {
    padding: 0 0 0 20px;
    width: 24%;
    display: inline-block;
}
.header_in{
}
.header_top{
    background:#;
}
.header_top_in{
    padding: 10px 0 10px 40px;
    max-width: 1315px;
    margin: 0 auto;
}
.header_top_in a{
    font-size: 13px;
    line-height: 15px;
    color:#f0ece0;
    font-family: 'Wallop-Medium', sans-serif;
    position: relative;
    margin: 0;
    font-weight: 500;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
}

.Banner{
}
.Banner_in{
}
.Banner img{
}
.header_bottom{
    background:#827d6b;
}
.header_bottom-in{
    padding:27px 0 27px 0px;
    max-width: 1404px;
    margin: 0 auto;
}
.header_bottom-left{
}
.logo{
}
.logo a{
}
.logo a img{
}
.header_bottom-right{
    padding: 24px 0px 0 0px;
    width: 42%;
    display: inline-block;
    margin-left: auto;
}
.search{
    padding: 11px 0 0 18px;
    position: relative;
}
.search input{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom:1px solid #f0ece0;
    background:#827d6b;
    width:100%;
    padding: 0 0 13px 0;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight: 500;
    font-size: 17px;
    line-height: 18px;
    color:#f0ece0;
    padding: 0 32px 5px 0;
}
.search input:focus{
    outline: none !important;
}
.login{
    padding: 14px 0 0 75px;
}

#login{
    color: #}
.login a{
    font-size: 14px;
    line-height: 16px;
    color:#fefefe;
    font-weight: 500;
    position: relative;
}

.basket{
    width:70px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
    background-color: #;
}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}

.shop-in ul li:hover a{
    border-bottom: 3px solid #ffffff;
}

/* Navigations */
nav {
}
nav ul {
}
nav ul li{
}
nav ul li a {
}
nav ul li:hover a{
}
/* Header Ends here */
/* shopstart*/
.shop{
    background:#413f3a;
}
.shop-in{
    max-width: 600px;
    margin: 0 auto;
    padding: 17px 0;
}
.shop-in ul{
    padding: 0;
    margin: 0;
}
.shop-in ul li:hover a{
    border-bottom: 3px solid #ffffff;
}
.shop-in ul li{
    padding: 0;
}
.shop-in ul li.col-md-4{
    text-align: end;
}
.shop-in ul li a{
    font-size: 16px;
    line-height: 30px;
    color: #f0ece0;
    font-weight:500;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}
.shop-in ul li:hover a{
    color: #fefefe;
    border-bottom: 3px solid #f0ece0;
    padding-bottom:13px;
}
.shop-in ul li.active a {
    border-bottom: 3px solid #f0ece0;
    padding-bottom: 13px;
    color: #fefefe;
}
/* shopend*/
/* our start*/
.our{
    background: #f0ece0;
}
.our_in{
    padding: 56px 0 0 0;
}
.our_in h4{
    font-size: 47px;
    line-height: 53px;
    color:#413f3a;
    font-weight:500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3.9px;
    margin: 0;
}
/* our end*/
/* fire start*/
.fire{
    padding: 0 0 195px 0;
    background: #f0ece0;
}
.fire_in{
    max-width:349px;
    margin: 0 auto;
    padding:58px 0 0 0;
}
.fire_cotat{
}
.fire_cotat figure{
    margin: 0px;
}
.fire_cotat figure img{
}
.fire_cotat_bottom{
    padding: 30px 0 37px 0;
}
.fire_cotat_bottom h3{
    font-size: 28px;
    line-height: 29px;
    font-weight:500;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    letter-spacing: 0.075em;
}
.fire_cotat_bottom p{
    font-size: 17px;
    line-height: 19px;
    font-weight:500;
    text-align: center;
    padding:6px 0 10px 0;
    letter-spacing: 0.2px;
}
.view{
    width:101px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    margin: 0 auto;
    border: 1px solid #403329;
    height: 43px;
}
.view a{
    font-size: 25px;
    line-height: 36px;
    color:#403329;
    display: block;
    width: 101px;
    font-weight:500;
    padding: 0 0px;
    text-align: center;
}
/* fire end*/
/* FOOTER HERE */
.footer{
    padding: 100px 0 0 0;
}
footer a {
    color:#f0ece0;
    text-decoration:none;
    outline:0 none !important;
}
footer a:hover, a:focus {
    text-decoration:underline;
    outline:0 none !important;
}
.footer_in{
    background:#827d6b;
    padding: 0 0 75px 0;
}
.footer_top{
    padding: 35px 0 23px 0px;
    border-bottom: 1pxsolid #413f3a;
    text-align: center;
}
.footer_top h4{
    font-size: 27px;
    line-height: 32px;
    color:#f0ece0;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    letter-spacing:0.2px;
    display: inline-block;
}
.footer_bottom{
    padding: 60px 0px 0px 0px;
}
.road{
}
.road-left{
}
.footerlogo{
}
.footerlogo a{
}
.footerlogo a img{
}
.road-right{
}
.road-right_in{
    padding: 34px 0 0 0px;
}
.foot{
    border-bottom: 1px solid #413f3a;
    padding: 0 0 14px 0;
}
.road-right_in{
    max-width:846px;
    margin:0 auto
}
.foot_left{
    padding: 0;
    letter-spacing:0;
}
.foot_leftul{
    MARGIN: 0;
    padding: 0;
}
.foot_left ul li{
}
.foot_left ul li p{
    font-size: 17px;
    line-height: 20px;
    color:#f0ece0;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    MARGIN: 0PX;
}
.map{
    padding: 12px 0 0 0px;
}
.map a{
    font-size:17px;
    line-height: 17px;
    color:#413f3a;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    border-bottom: 2px solid #413f3a;
}
.foot_middle{
    padding: 0 0 0 7px;
    letter-spacing:0;
}
.foot_middle ul{
    padding: 0px;
}
.foot_middle ul li{
    PADDING: 0 0 19px 0;
}
.foot_middleul li a{
    font-size: 17px;
    line-height: 20px;
    color:#f0ece0;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    MARGIN: 0;
}
.foot_right{
    PADDING: 0 0 0 124px;
    letter-spacing:0;
}
.foot_right ul{
    padding: 0;
}
.foot_right ul li {
    padding: 0;
    position: relative;
}
.foot_right ul li p{
    font-size: 17px;
    line-height: 16px;
    color:#f0ece0;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    /* text-transform: uppercase;
    */
    position: relative;
    display: inline-block;
}
.links ul li a{
    font-size: 17px;
    line-height:16px;
    color:#f0ece0;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    /* text-transform: uppercase;
    */
    position: relative;
    display: inline-block;
}
.links ul li a:hover{
    color:#ffffff;
    }
.links ul li{
    position: relative;
}

/* .links ul li p:after{
    position:absolute;
    background: url(../images/footerarrow.png)no-repeat;
    content: "";
    width: 17px;
    height:17px;
    right:164px;
    z-index: 0;
    bottom: 4px;
    display: block;
}
.links ul li p:after{
    position:absolute;
    background: url(../images/footerarrow.png)no-repeat;
    content: "";
    width: 17px;
    height:17px;
    right: 178px;
    z-index: 0;
    bottom: 4px;
    display: block;
}
*/
.social{
    max-width: 178px;
    padding:50px 0 0px 4px;
}
.social ul{
}
.social ul li .social ul li .social ul li .social ul li a{
}
.social ul li img{
}
.copyright{
    padding: 21px 0 0 0;
    letter-spacing:0;

}
.copyright ul{
}
.copyright ul li.col-3{
    padding: 0;
}
.copyright ul li{
}
.copyright ul li p{
    font-size: 17px;
    line-height:21px;
    color:#424039;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
}
.copyright ul li.col-4{
    padding: 0;
}
.menu-icon{
    display: none;
}
.row{
    --bs-gutter-x: 0;
}
.header_bottom.mobile{
    display: none;
}
.search input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #f0ece0;
}
.search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #f0ece0;
}
.search input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #f0ece0;
}
/*SMART*/
#top-header{
    background:#;
    background-image: none !important;;
    color:#ffffff;

}
#header{
}

.card{
    border-radius:0;
    background-color:#dddddd;
    margin-bottom:30px !important;
    font-family:'Wallop-Medium', sans-serif;
    margin-left:0 !important;
    margin-right:0 !important;
}
.card-img, .card-img-top{
    border-radius:0;
}
.card-title{
    padding:15px;
    font-size: 28px;
    line-height: 29px;
    font-weight: 500;
    text-align: center;
    margin: 0;
}
.card-body{
    font-size: 17px;
    font-size: 17px;
    line-height: 19px;
    color: #413f3a;
    font-weight: 500;
    text-align: center;
    padding: 15px;
}
.card-footer {
    padding: 0.75rem;
    border-top: none;
    background-color: #D9D4C4;
    flex: 1 1 auto;
}
.btn{
    display: inline;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    text-transform:uppercase;
    letter-spacing: 0.075em;
    display: inline-block;
}
.btn-increment, .btn-decrement{
    border-radius:0;
    line-height: 23px;
    height: 38px;

}
.modal-content{
    background: #dddddd;
}
.carousel-inner{
background-color:#ffffff
}
.postcode-input{
    width:300px;
    float:left;
}
.postcode-button{
    float:left;
    border-radius:0;
    height:37px
}
.postcode-dropdown{
    float:left;
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
    background-color:# !important;
    color:# !important;
}
.error{
    color:#}

.spinner-size{
    width:150px;
}
.valuetotal{
    font-weight:900
}
.hyperlink a:{
    text-decoration: underline !important;
}
.hyperlink a:hover{
    text-decoration: none !important;
}
.ticket-block{
    background-color:#cccccc; color:#000000; padding:10px; text-align:left; margin-bottom:10px
}
label{
    margin-top:0.5rem;
    margin-bottom:0;
    margin-left:0.5rem
}
.header-icon{
    float:right; margin:15px 5px; cursor:pointer
}
.sm-hide{
    display:none;
    padding-left:5px;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:300;
    cursor:pointer
}
#countdown{
    background-color: #000000;
    color: #f0ece0;
    text-align:center;
    text-transform: uppercase;
}

/*fonts*/
h1{
    font-size:30pt;
    margin:30px 0;
}

/*messaging */
 .confirm_message {
     text-align: center;
     background-color: #8FC642;
     color: #ffffff;
     padding: 10px;
     font-weight:normal
}
 .error_message {
     text-align: center;
     background-color: #DB1C61;
     color: #ffffff;
     padding: 10px;
    font-weight:normal
}
 .warning_message {
     text-align: center;
     background-color: #29ACDF;
     color: #ffffff;
     padding: 10px;
    font-weight:normal
}
 .confirm_message a {
     color: #ffffff;
     text-decoration: underline;
}
 .error_message a {
     color: #ffffff;
     text-decoration: underline;
}
 .warning_message a {
     color: #A01932;
     text-decoration: underline
}
#responsemessage{
    color: #A01932;
}

/*filter*/
ul.categories {
    white-space: nowrap;
    overflow-x: auto;
    padding-inline-start: 10px;
    background-color:#827D6B;
    color:#ffffff;
    margin-bottom:0px


}

ul.categories li {
    display: inline-block;
    float: none;
    margin:0px
}

@media screen and (min-width:1600px){
    .container{
        width: 100%;
        padding: 0 15px;
    }
    .header_bottom-in{
        max-width: 1354px;
    }
    .header_top_in {
    }
    .header-icon{
    float:right; margin:15px
    }
        .basket{
    width:120px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
        background-color: #;

}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:inline;
}

}

@media screen and (max-width:1600px){
    .container{
        width: 100%;
        padding: 0 15px;
    }
    .header_bottom-in{
        max-width: 1354px;
    }
    .header_top_in {
    }
    .header-icon{
    float:right; margin:15px
    }
        .basket{
    width:120px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
    background-color: #;


}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:inline;
}

}
@media screen and (max-width:1400px){
    .header_bottom-in{
        max-width: 1258px;
    }
    .header-icon{
    float:right; margin:15px
    }
    .basket{
    width:120px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
    background-color: #;

}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:inline;
}
}
@media screen and (max-width:1300px){
    .header_bottom-right{
        padding: 20px 0px 0 0px;
    }
    .header_top_in {
    }
    .copyright ul li p {
        font-size: 15px;
        line-height: 21px;
    }
    .header-icon{
    float:right; margin:15px
    }
    .basket{
    width:120px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
    background-color: #;

}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:inline;
}
}
@media screen and (max-width:1150px){
    .foot_right {
        PADDING: 0 0 0 57px;
    }
    .search input{
        width: 200px;
    }
    .login {
        padding:14px 0 0 60px;
    }
    .login a:after{
        left: -30px;
    }
    .footer_top h4:before{
        right: 0;
    }
    .header-icon{
    float:right; margin:15px
    }
    .basket{
    width:120px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
    background-color: #;
}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:inline;
}
}
@media screen and (max-width:1024px) {
    .social {
        max-width: 265px;
    }
    .links ul li:nth-child(1):after {
        right: 114px;
    }
    .links ul li:nth-child(2):after {
        right: 82px;
    }
    .links ul li:nth-child(3):after {
        right: 88px;
    }
    .header-icon{
    float:right; margin:15px
    }
    .basket{
    width:120px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
    background-color: #;

}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:inline;
}
}
@media screen and (max-width:991px) {
    .our_in {
        padding: 23px 0 0 0;
    }
    .our_in h4 {
        font-size: 36px;
        line-height: 49px;
    }
    .road-left{
        text-align: center;
    }
    /* .road-right{
        text-align: center;
    }
    .road-right{
        text-align: center;
    }
    */
    .social {
        padding: 0;
        margin: 0 auto;
    }
    .foot_right {
        PADDING: 0 0 0 31px;
    }
    .footer_in {
        padding: 0 0 12px 0;
    }
    .copyright ul li p {
        font-size: 15px;
        line-height: 21px;
    }
    .footer_top h4:before {
        right: 0;
    }
    .map {
        padding: 12px0 13px 0px;
    }
    .header_bottom-right {
        width: 66%;
    }
    .header_bottom{
        display:none;
    }
    .header_bottom.mobile{
        display: block;
    }
    .header_bottom.mobile .search{
        padding: 20px 0;
    }
    .menu-icon {
        display: block;
        float:right;
        background: none;
        border: 0 none;
        cursor: pointer;
        outline: none !important;
        margin: 0px 0 0 0;
        position: absolute;
        top: 9px;
        right:15px;
        z-index: 999;
    }
    .menu-icon span {
        width: 35px;
        height: 3px;
        background: #ffffff;
        display: block;
        position: relative;
    }
    .menu-icon span + span {
        margin: 6px 0 0 0;
    }
    .side-bar{
        position:absolute;
        top: 100px;
        height:100%;
        width:100%;
        z-index: 99;
        transition:all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        overflow: auto;
        background: #ecf7f5;
        display: none;
        z-index: 99;
    }
    .open-menu .side-bar{
        width: 100%;
        display: block;
        position: relative;
    }
    .open-menu .menu-icon span:nth-child(1) {
        transform: rotate(45deg);
        top: 9px;
    }
    .open-menu .menu-icon span:nth-child(2) {
        opacity: 0;
    }
    .open-menu .menu-icon span:nth-child(3) {
        transform: rotate(-45deg);
        top:-9px;
    }
    .wrapper {
        position: relative;
        left: 0;
        width: 100%;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }
    .open-menu.wrapper {
        left: 0;
        position: relative;
    }
    .side-bar .header_bottom.mobile {
        /*padding: 30px 0 19px 0;
        */
        display: block !important;
    }
    .side-bar .header_bottom.mobile {
        text-align: center;
        padding: 10px 0 15px 0;
        height: 100%;
    }
    .open-menu .header_bottom.mobile{
        display:block;
        width: 100%;
        height: auto;
        text-align: center;
    }
    .login{
        padding: 0;
    }
    .login a:after{
        left: 0;
    }
    /* .open-menu .header_bottom-left{
        width: 100%;
    }
    .open-menu .header_bottom-right{
        width: 100%;
    }
    */
    /* .open-menu .row>*{
    }
    */
    button.menu-icon{
        display: none;
    }
    .header_bottom-right{
        width: 58%;
    }
    .foot_middle {
        padding: 0 0 0 24px;
    }
    .search input{
        width: 100%;
    }
    .header_bottom-rgt ul li{
        display: inline-block;
    }
    .header_bottom-rgt{
        text-align: right;
        width: 65%;
    }
    .header_bottom-left{
        padding: 0;
        width: 35%;
    }
    .header_bottom{
        padding: 015px;
    }
    .header_top_in {
    }
    .shop-in {
        max-width: 523px;
    }
    .header-icon{
    float:right; margin:15px
    }
    .basket{
    width:120px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
    background-color: #;

}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:inline;
}

}
@media screen and (max-width:767px) {
    .copyright ul li {
        text-align: center;
    }
    .our_in h4 {
        font-size: 26px;
        line-height: 40px;
    }
    .footer_top h4:before {
        right: -23px;
    }
    .footer_top h4 {
        font-size: 22px;
    }
    .footer_top h4 {
        font-size: 22px;
    }
    .header_bottom-right {
        width: 76%;
    }
    .fire{
        padding: 0 0 80px;
    }
    .card {
        width:100%;
        max-width:100%;
        min-width:100%
    }
    .header-icon{
    float:right; margin:15px
    }
    .basket{
    width:120px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
    background-color: #;

}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:none;
}



}
@media screen and (max-width:576px) {
    h1{
         font-size:20pt
    }
.shop-in {
        max-width: 443px;
    }
    /* .header_bottom-left{
        width: 100%;
        padding:0 20px 0 20px;
    }
    .header_bottom-right{
        width: 100%;
    }
    */
    .shop-in ul li a {
        font-size: 12px;
        line-height: 26px;
    }
    .our_in {
        padding: 17px 0 0 0;
    }
    .our_in h4 {
        font-size: 20px;
        line-height: 32px;
    }
    .footer_top h4 {
        font-size: 15px;
        line-height: 32px;
    }
    .footer_top h4:before {
        right: -26px;
        bottom: 0px;
    }
    .search {
        padding: 11px 18px 0 18px;
    }
    .login {
        padding: 14px 0 19px 0;
    }
    .foot_middle{
        padding: 0;
    }
    .foot_right{
        padding: 0;
    }
    .road-right {
        text-align: center;
    }
    .footer_bottom{
        padding: 30px 0 0 0;
    }
    .search input {
        width: 100%;
    }
    .header-icon{
    float:right; margin:15px 10px
    }
    .basket{
    width:120px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right;
    background-color: #;


}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
        font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:none;
}
}
@media screen and (max-width:479px) {
    .shop-in {
    }
    .shop-in ul li a {
        font-size: 12px;
        line-height: 26px;
    }
    .shop-in {
        padding: 12px 0;
    }
    .our_in {
        padding: 0px 0 0 0;
    }
    .our_in h4 {
        font-size: 12px;
        line-height: 26px;
    }
    .fire_in {
        padding: 32px 0 0 0;
    }
    .fire {
        padding: 0 0 30px 0;
    }
    .footer_top h4{
        font-size: 11px;
        line-height: 26px;
    }
    .footer_top h4:before {
        right: -10px;
    }
    .links ul li:nth-child(3):after {
        right: 70px;
        bottom: -1px;
    }
    .links ul li:nth-child(2):after {
        right: 65px;
    }
    .links ul li:nth-child(1):after {
        right: 94px;
    }
    .header_bottom{
        padding:0 15px;
    }
    .our_in h4 {
        font-size: 17px;
        line-height: 22px;
        padding: 20px 0 0 0;
    }
    .header-icon{
    float:right; margin:15px 5px
    }

    .basket{
    width:70px;
    border-radius: 22px;
    padding: 0 0 1px 0;
    border: 1px solid #fefefe;
    height: 44px;
    float:right:
    background-color: #;

}
.basket a{
    font-size: 15px;
    line-height: 44px;
    color:#fefefe;
    display:block;
    font-family: 'Wallop-Medium', sans-serif;
    -moz-font-feature-settings: "ss14";
    -webkit-font-feature-settings: "ss14";
    font-feature-settings: "ss14";
    font-weight:500;
    padding: 0 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.basket a:hover{
    border-radius: 22px;
    background-color:#ffffff;
    color:#413f3a;
    cursor:pointer

}
.sm-hide{
    display:none;
}
}

/*SMART*/
/*Cards*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

.btn-primary{
    background-color:# !important;
    color:# !important;
}
.btn-primary a:hover{
    background-color: rgba(0, 0, 0, 0.2) ?> !important;
    color:# !important;
}
.btn-secondary{
    background-color:# !important;
    color:# !important;
}
.btn-secondary a:hover{
    background-color: rgba(0, 0, 0, 0.2) ?> !important;
    color:# !important;
}
.btn-tertiary{
    background-color:# !important;
    color:# !important;
}
.btn-tertiary a:hover{
    background-color: rgba(0, 0, 0, 0.2) ?> !important;
    color:# !important;
}
.error_message{
        background-color:# !important;
        color:# !important;
}
.success_message{
        background-color:# !important;
        color:# !important;
}
.warning_message{
        background-color:# !important;
        color:# !important;
}
.information_message{
        background-color:# !important;
        color:# !important;
}

/* Place the navbar at the bottom of the page, and make it stick */
.navbarbottom {
    background-color: #;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* Style the links inside the navigation bar */
.navbarbottom a {
    display: block;
    color: #;
    text-align: center;
    padding: 13px 0;
    text-decoration: none;
    font-size: 13px;
}

/* Change the color of links on hover */
.navbarbottom a:hover {
    background-color: #;
    color: ;
}

/* Add a color to the active/current link */
.navbarbottom a.active {
    background-color: #;
    color: ;
}


ul.categories {
    white-space: nowrap;
    overflow-x: auto;
    padding-inline-start: 10px;
    background-color: #;
    color: #;
    margin-bottom: 0px;
}
ul.categories li{
    list-style: none;
    margin-left: 0px;
    float: left;
    background-color: #;
    color: #;


}

table.smart-table {
    border: 1px solid #;
    background-color: #DDDDDD;
    width: 100%;
    text-align: left;
    margin-top:30px;
}
table.smart-table td, table.smart-table th {
    border: 1px solid #dddddd;
    padding: 5px 5px;
}
table.smart-table tr:nth-child(even) {
    background: #FFFFFF;
}
table.smart-table thead {
    background: #;
    border-bottom: 1px solid #444444;
}
table.smart-table thead th {
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    border-left: 1px solid #FFFFFF;
}
table.smart-table thead th:first-child {
    border-left: none;
}

table.smart-table tfoot {
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background: #;
    border-top: 1px solid #444444;
}
table.smart-table tfoot td {
    font-size: 10pt;
}
table.smart-table tfoot .links {
    text-align: right;
}
table.smart-table tfoot .links a{
    display: inline-block;
    background: #DDDDDD;
    color: #000000;
    padding: 2px 8px;
    border-radius: 5px;
}
table.smart-table th.right{
        text-align:right
}
/*http://projects.verou.me/bubbly/
*/
.speech-bubble-client {
    position: relative;
    background-color:# !important;
    color:# !important;
    border-radius: .4em;
    padding: 10px;
    width:75%;
    float:left;
    margin-bottom:20px

}

.speech-bubble-client-from {
width:75%;
float:left;
padding:5px;
text-align:left;
margin-bottom:20px;
font-size:8pt;
margin-top:-23px
}

.speech-bubble-client:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 90%;
    width: 0;
    height: 0;
    border: 23px solid transparent;
    border-top-color: #;
    border-bottom: 0;
    border-left: 0;
    margin-right: -0.391em;
    margin-bottom: -0.781em;
}

.speech-bubble-company {
    position: relative;
    background-color:# !important;
    color:# !important;
    border-radius: .4em;
    padding: 10px;
    width:75%;
    float:right;
    margin-bottom:20px
}
.speech-bubble-company-from {
width:75%;
float:right;
padding:5px;
text-align:right;
margin-bottom:20px;
font-size:8pt;
margin-top:-23px
}

.speech-bubble-company:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 90%;
    width: 0;
    height: 0;
    border: 23px solid transparent;
    border-top-color: #;
    border-bottom: 0;
    border-right: 0;
    margin-left: -0.391em;
    margin-bottom: -0.781em;
}

input[required], select[required]{
    background-image: radial-gradient(#F00 15%, transparent 16%), radial-gradient(#F00 15%, transparent 16%);
    background-size: 1em 1em;
    background-position: right top;
    background-repeat: no-repeat;
}

.loading {
    font-size: 30px;
}

.loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 900ms infinite;
    animation: ellipsis steps(4,end) 900ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;
    }
}
.narrow{
    max-width: 768px;
    margin: auto;
    text-align: center !important;
    }

.ui-datepicker {
    background: #;
    border: 1px solid #555;
    color: #FFFFFF;
    border-radius: 0px;
    width: 100%;
    max-width: 540px;

.desktopshow {
    display: block !important;
}
.tabletshow {
    display: none !important;
}
.mobileshow {
    display: none !important;
}

@media screen and (max-width: 1200px) {
    .tabletshow {
        display: block !important;
    }
    .mobileshow {
        display: none !important;
    }
    .desktopshow {
        display: none !important;
    }
}
@media screen and (max-width: 440px) {
    .mobileshow {
        display: block !important;
    }
    .destopshow {
        display: none !important;
    }
    .tabletshow {
        display: none !important;
    }
}