:root{
    --primary-text-color: None;
    --body-bg-color: #f2f3f7;
    --body-text-color: #666;
    --submenu-hover-color: #bca31e;
    --minicart-bg-color: #6bc177;
    --minicart-text-color: #fff;
    --header-badge-bg-color: None;
    --header-badge-color: #ff5500;
    --header-text-color: #222;
    --body-link-color: None;
    --body-link-hover-color: None;
    --menu-background: #6bc177;
    --primary-button-bg-color: #6bc177;
    --primary-button-text-color: #fff;
    --primary-button-hover-bg-color: #bca31e;
    --primary-button-hover-text-color: #fff;
    --secondary-button-bg-color: #bca31e;
    --secondary-button-text-color: #fff;
    --secondary-btn-hover-bg-color: #6bc177;
    --secondary-btn-hover-text-color: #fff;    
    --danger-button-bg-color: #f83a3a;
    --danger-button-text-color: #fff;
    --danger-button-hover-bg-color: #ff6600;
    --danger-button-hover-text-color: #fff;
    --default-button-bg-color: #fff;
    --default-button-text-color: #6bc177;
    --default-button-hover-bg-color: #6bc177;
    --default-button-hover-text-color: #fff;
    --warning-button-bg-color: #ff6600;
    --warning-button-text-color: #fff;
    --warning-button-hover-bg-color: #ff6600;
    --warning-button-hover-text-color: None;
    --top-bar-bg: None;
    --top-bar-color: None;
    --top-bar-link-hover: None;
    /* breadcrumb section */
    --breadcrumb-bg-color: None;
    --breadcrumb-border-color: None;
    --breadcrumb-color: None;
}
h1, h2, h3, h4, h5, h6{
    color: var(--primary-text-color);
}
a{
    color: var(--body-link-color);
}
a:hover{
    color: var(--body-link-hover-color);
}
.dropdown-menu>li:hover a, .dropdown-menu>li:focus a{
    background-color: var(--submenu-hover-color);
    color: #fff;
}
#cartSlide .cartfooter{
    background: var(--minicart-bg-color) !important;
}
#cartSlide .check-div a, #cartSlide .wish-div a{
    border: 1px solid var(--minicart-bg-color) !important;
    color: var(--minicart-text-color) !important
}
#cartSlide .sub-div{
    color: var(--minicart-text-color) !important;
}
#cartSlide .check-div a:hover, #cartSlide .wish-div a:hover{
    border: 1px solid var(--minicart-text-color) !important;
    color: var(--minicart-text-color) !important
}
.close-signup:focus {
    outline-color: none;
    outline:  none;
    color: var(--header-badge-bg-color) !important;
}
body {
    color: var(--body-text-color);
    background: var(--body-bg-color);
    
}
.locationPicker span, .navbar li a {
    color: var(--header-text-color);
}
.logo_area, .navbar {
    background: #fff !important;
}
.header-right a,.locationPicker a,#MobileNavbar .fa-bars {
    color: var(--header-text-color);
}
.header-right ul li .badge,#cartSlide .nav-tabs li a .badge,.locationPicker .cartCountdiv,.list-discount-badge, .cart_count {
    background: var(--header-badge-bg-color);
    color: var(--header-badge-color);
}
.menu-area{
    background: var(--menu-background) !important;
}
.menu-area ul li:hover a, .navbar-default .navbar-nav>li:hover>a{
    color: #bca31e !important;       
}
.menu-area ul li .dropdown-menu h4 a:hover,{
    color: var(--submenu-hover-color) !important;
}
.menu-area ul .mega-dropdown a, .navbar-default .navbar-nav>li>a{
    color: None !important;
}    
.menu-area ul .mega-dropdown ul{
    background:None;
}
.menu-area ul li .menuDrop li a, .menu-area ul li .mega-dropdown-menu a{
    color: None !important;
}
.menu-area ul li .menuDrop li a:hover{
    color: var(--submenu-hover-color) !important;         
}
.menu-area ul li .menuDrop li:hover, .navbar-default .navbar-nav>li:hover{
    background:None;
}
a.wish-btn.btn:hover {
    background: var(--primary-button-bg-color) !important;
    border-color: var(--primary-button-bg-color) !important;
    color: var(--primary-button-text-color) !important; 
}
.secondary, .btn-secondary {
    background: var(--secondary-button-bg-color) !important;
    border-color: var(--secondary-button-bg-color) !important;
    color: var(--secondary-button-text-color)  !important;
}
.product-wid-price ins {
    color: var(--secondary-button-bg-color);
}
.secondary:hover, .btn-secondary:hover {
    background: var(--secondary-btn-hover-bg-color) !important;
    border-color: var(--secondary-btn-hover-bg-color) !important;
    color: var(--secondary-btn-hover-text-color)  !important;
}
.secondary:hover::after, .btn-secondary:hover::after {
    color: var(--secondary-btn-hover-text-color) !important;
}
.secondary::after, .btn-secondary::after {
    color: var(--secondary-button-text-color) !important;
}
.product-sort-options li a {
    border-color: var(--primary-button-bg-color) !important;       
}
a.selected-filter{
    background: var(--primary-button-bg-color) !important;
    color: var(--primary-button-text-color) !important;
}
.brands ul li.active {
    border-left: 3px solid var(--header-badge-bg-color);
}
.footer-widget{
     background: #fff  !important; 
    color: rgba(255, 255, 255, 0.7);
}
.footer-widget h4, .footer-widget h4 a {
    color: #222  !important;
}
.footer-widget a,.footer-widget a i {
    color: #666  !important;
}
.footer_area {
    background: #0d0d0d  !important;
    color:#fff;
}
#cartlist .nav-tabs li.active {
    border-bottom: 1px solid var(--secondary-btn-hover-bg-color) !important;
}
.btn-danger, .danger{
    background: var(--danger-button-bg-color) !important;
    color: var(--danger-button-text-color);
    border-color: var(--danger-button-bg-color) !important;
    border-radius:0;
}
.btn-danger:hover,.danger:hover,.btn-danger:focus,.danger:focus{
    background: var(--danger-button-hover-bg-color) !important;
    color: var(--danger-button-hover-text-color);
    border-color: var(--danger-button-hover-bg-color) !important;
}
.btn-primary,.primary{
    background: var(--primary-button-bg-color) !important;
    color: var(--primary-button-text-color);
    border-color: var(--primary-button-bg-color) !important;
    border-radius:0;
}
.btn-primary:hover,.primary:hover,.btn-primary:focus,.primary:focus{
    background: var(--primary-button-hover-bg-color) !important;
    color: var(--primary-button-hover-text-color);
    border-color: var(--primary-button-hover-bg-color) !important;
}
.btn-default,.default{
    background: var(--default-button-bg-color) !important;
    color: var(--default-button-text-color) !important;
    border-color: var(--default-button-bg-color) !important;
    border-radius:0;
}
.btn-default:hover,.default:hover,.btn-default:focus,.default:focus{
    background: var(--default-button-hover-bg-color) !important;
    color: var(--default-button-hover-text-color) !important;
    border-color: var(--default-button-hover-bg-color) !important;
}
.btn-warning,.warning{
    background: var(--warning-button-bg-color) !important;
    color: var(--warning-button-text-color) !important;
    border-color: var(--warning-button-bg-color) !important;
    border-radius:0;
}
.btn-warning:hover,.warning:hover,.btn-warning:focus,.warning:focus{
    background: var(--warning-button-hover-bg-color) !important;
    color: var(--warning-button-hover-text-color) !important;
    border-color: var(--warning-button-hover-bg-color) !important;
}
.headline h2{
    border-bottom-color: var(--header-badge-bg-color) !important;
}
#UserModal .nav-tabs li.active{
    border-bottom: 1px solid var(--primary-button-bg-color) !important;;
}
.header-right ul li a {
    color: var(--header-text-color) !important;
}
.cart-link .icon-width{
   background-image: url('None');
   background-position: center 3px;
   background-repeat: no-repeat;
}
.cart-link:hover .icon-width{
    background-image: url('None');
}
.headline h2{
    border-bottom-color: var(--header-badge-bg-color) !important;
}
#UserModal .nav-tabs li.active{
    border-bottom: 1px solid var(--primary-button-bg-color) !important;;
}
.close-signup, .close-signup:hover{
    color: var(--header-badge-bg-color);
}
.radio-container input:checked ~ .checkmark,.checkbox-container input:checked ~ .checkmark {
    border: 1px solid var(--primary-button-bg-color);
    background: #fff;
}
.radio-container .checkmark:after,.checkbox-container .checkmark:after {
    background: var(--primary-button-bg-color);
}
.free-tag{
    background: var(--primary-button-bg-color);
}
.topbar{
    background: var(--top-bar-bg);
    color: var(--top-bar-color);
}
.topbar a:hover{
    color: var(--top-bar-link-hover);
}
.breadcrumb{
    
    background: var(--breadcrumb-bg-color);
    
    
    
    color: var(--breadcrumb-color) !important;
}
.breadcrumb > li > a{
    color: var(--breadcrumb-color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
text-transform: capitalize  !important;
    font-family: 'Playball', cursive  !important;
}
.navbar-brand img{
    height: 50px;
    padding-top: 5px;
}

#footer .copyrights{
     margin-top: 50px !important;
background: #0d0d0d !important;
}
#footer p{
    margin-bottom: 0 !important;
}

body{
    font-family: 'Open Sans', sans-serif !important;
}
p{
    font-family: 'Open Sans', sans-serif !important;
}
#call-reservation h2{
font-family: 'Open Sans', sans-serif !important;
line-height: 50px;
}
#call-reservation{
    background-image: url(/files/bg103ad92.jpg) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}
#call-reservation h2 strong{
font-family: 'Playball', cursive  !important;
}
#about h3 {
    font-size: 24px !important;
}
#footer h3{
font-size: 24px !important;
}
.section-title h2{
font-size:48px !important;
}
.about-text h2{
    font-size: 48px !important;
}
#menu.navbar-default .navbar-nav  li  a{
font-weight:800 !important;
}
#footer .copyrights{ background: rgb(38 38 38) !important; } .navbar-default .navbar-nav li:hover a{ color: #c11e1e !important; } 
#menu.navbar-default .navbar-nav li a{
color: #fff !important;

}
#menu.navbar-default .navbar-nav li a:hover{
color: #fff !important;
}
#menu.navbar-default.on .navbar-nav li a:hover{
color: #fff !important;
}
@media screen and ( max-width: 700px ) { .intro-text .btn-custom { line-height: 50px !important; } .intro h1{ font-size: 2em !important; padding: 5px 50px; } .intro p{ font-size: 16px !important; margin-bottom: 0px !important; } .intro{ display: block !important; margin-top: -3px !important; } #menu{ height: 60px !important; }  #menu.on.navbar-default .navbar-toggle{ margin-right: 25px !important; } #about { padding: 20px 0 !important; } #call-reservation{ padding: 30px 0 !important; } #call-reservation h2{ font-size: 20px !important; line-height: 26px !important; } #contact { padding: 20px 0 62px 0 !important; } #footer h3{ color: #fff !important; } .intro{ height: 350px !important; } header .intro-text{ padding-top: 120px !important; padding-bottom: 40px !important; } .section-title { margin-bottom: 0px !important; } .section-title h2 { font-size: 32px !important; } .about-text h2{ font-size: 32px !important; } #about h3 {font-size: 22px !important; } .intro .overlay{ height: 350px !important; } .navbar-collapse.collapsing{ display: block !important; } 
 .nav-top {
     
     z-index: 9999 !important;
}
#footer h3{
font-size: 22px !important;
}
#menu{
    padding: 5px 20px !important;
}
}