/*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;
}
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: , sans-serif, arial, helvetica;
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;
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-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-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;
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-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;
-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-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-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-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-weight: 500;
text-align: center;
margin: 0 auto;
text-transform:uppercase;
letter-spacing: 0.075em;
display: inline-block;
}
.btn-link{
color:# }
.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-weight:300;
cursor:pointer
}
#countdown{
background-color: #;
color: #;
text-align:center;
text-transform: uppercase;
}

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

/*messaging */
.confirm_message {
text-align: center;
background-color: #;
color: #;
padding: 10px;
font-weight:normal
}
.error_message {
text-align: center;
background-color: #;
color: #;
padding: 10px;
font-weight:normal
}
.warning_message {
text-align: center;
background-color: #;
color: #;
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-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-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-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-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-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-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-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-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-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-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;
}
.btn-outline-primary {
color: # !important;
border-color: # !important;
}
.btn-outline-secondary {
color: # !important;
border-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: rgba(0, 0, 0, 0.2);
color: ;
}

/* Add a color to the active/current link */
.navbarbottom a.active {
background-color: rgba(0, 0, 0, 0.2);
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;
}
}