body {
	line-height: 1.2;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #4e9e00;
}

.layout-zone-navigation a:active,
.layout-zone-navigation a:focus,
.layout-zone-navigation a:hover,
.layout-zone-navigation .dropdown-item:focus,
.layout-zone-navigation .dropdown-item:hover{
	background-color: transparent;
}

/** Header **/
.container-header {
	border-bottom: 1px solid;
}

.container-header-wrapper {
	padding-bottom: 10px;
}

header {
	margin-bottom: 0.5rem;
}

.page-home header {
	margin-bottom: 0;
}

.header-bg {
	position: relative!important;
}

.header-search,
.header-search-append {
	border-radius: 25px;
}

.cart-link {
	position: relative;
}

.item-count {
	height: 1.2rem;
	min-width: 1.2rem;
	border-radius: 50%;
	position: absolute;
	left: 30px;
	bottom: 3px;
	font-size: .75rem;
	text-align: center;
	padding: 2px 4px;
}

#account-menu-btn {
	cursor: pointer;
}

#account-menu-btn:after {
	display: none;
}

.btn-primary.header-search-append {
	background: #ffa800 !important;
}

.header-search-append .fa {
	color: #000000 !important;
}

.list-group-item {
	background-color: #2a2a2a !important;
}

.predictive-search-results .inner-div {
	border-radius: 1.5rem;
	background-color: #2a2a2a;
}

/** Home page slider **/
.container-slider {
	padding: 0;
}

.slide-text-container {
	position: relative;
	display: flex;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	min-height: inherit;
	padding: 0;
}

.slide-image {
	min-height: 500px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.slide-text-wrapper {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	position: absolute;
	max-width: 500px;
	width: 80%;
	padding: 1rem;
}

.slide-header {
    font-weight: normal;
    line-height: 1;
	text-transform: capitalize;
}

.btn-slider {
    padding: .75rem 2.5rem;
    border-radius: 0;
    font-weight: 400;
    font-size: 1.25rem;
}

.home-slider-pagination {
	bottom: 10% !important;
}

/** Home page **/
.home-header {
	text-align: center;
	margin: 2rem 0;
	text-transform: uppercase;
}

/** Product **/
.product-info .product-rating,
.product-info .product-free-shipping,
.product-info .product-add-to-wishlist {
	font-size: 0.75rem;
}

.product-info .product-rating .rating {
	min-width: auto;
}

/** Categories **/
#catalog-navigation-menu-collapse {
	padding: 0 10px;
}

/** Footer **/
.footer-header {
	font-weight: 300;
	margin-bottom: 1rem;
}

.company-address {
	line-height: 2
}

.layout-zone-top-footer,
.layout-zone-footer {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.layout-zone-top-footer .image-logo {
	max-width: 400px;
}

/** Swiper Slider **/
.swiper-pagination-bullet {
	opacity: 1;
	width: 1rem;
	height: 1rem;
}

.image-logo {
    max-width: 600px;
    transition: all 7.0s ease 4.0s;
}

header.fixed-header .image-logo {
    max-width: 600px;
    margin: 0;
}

#header-wrapper.fixed-header {
    background-color: #000;
}

@media (min-width: 576px) {

}

@media (min-width: 768px){
	.layout-zone-newsletter .newsletter-desc {
		text-align: left;
		margin:0;
	}

	.layout-zone-about-us .about-us-bg,
	.layout-zone-about-us .highlight-img {
		min-height: 500px;
	}
}

@media (min-width: 992px){
    
    body.page:not(.page-home) .site-container {
        margin-top: 270px;
    }
    
    .container-navigation {
        position: relative;
    }
    
    .container-navigation .navbar-nav {
        padding: 0; 
    }
    
    .main-nav > .dropdown,
    .container-navigation .navbar {
        position: unset;
    }
    
    .main-nav > .dropdown:hover .dropdown-menu {
        display: flex;
        padding: 10px 15px;
    }
    
    .mega-menu .dropdown-divider,
    .mega-menu-links .mega-menu-links,
    .mega-description br + br {
        display: none;
    }
    
    .mega-menu.mega-menu-with-img .multi-level {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    
    .mega-menu .multi-level {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        list-style: none;
        padding-left: 0;
        display: flex;
        align-content: flex-start;
        flex-flow: wrap;
    }
    
    .multi-level .mega-menu-desc {
        margin-left: auto;
        max-height: 412px;
        overflow: hidden;
    }
    
    .multi-level .mega-menu-links li.show-all {
        border: 1px solid #ff4500;
        border-radius: 5px;
        padding: 10px 10px !important;
    }
    
    .multi-level .mega-menu-links li.show-all a {
        color: #ff4500 !important;
        font-weight: bold;
    }
    
    .multi-level .mega-menu-links.more-links {
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
    
    .multi-level .mega-menu-links.more-links > ul {
        display: flex;
        align-content: flex-start;
        flex-flow: wrap;
    }
    
    .multi-level .mega-menu-links.more-links > ul > li {
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
    
    .multi-level .mega-menu-links,
    .multi-level .mega-menu-desc {
        -ms-flex: 0 0 calc(30% - 20px);
        flex: 0 0 calc(30% - 20px);
        max-width: calc(30% - 20px); 
        color: #fff;
    }
    
    .mega-menu .multi-level .mega-menu-links > ul {
        list-style: none;
        padding-left: 0;
    }
    
    .multi-level .mega-menu-links > ul > li {
        padding: 5px !important;
        border-bottom: 1px solid #d3d3d3;
        margin: 0 10px !important;
    }
    
    .mega-menu.mega-menu-with-img .multi-level .mega-menu-links > ul > li {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    
    .multi-level .mega-menu-links > ul > li a {
        padding: 0;    
    }
    
    .multi-level .mega-menu-links > ul > li > ul {
        display: none !important;
    }
    
    .main-nav > li > a {
        padding: .75rem .5rem !important;
    }
    
    .main-nav .mega-menu {
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        align-content: flex-start;
        flex-flow: wrap;
        top: 52px;
        -webkit-box-shadow: 0 11px 8px 0 #555;
        box-shadow: 0 11px 8px 0 #555;
    }
    
    .main-nav .mega-menu.show {
        display: none;
    }
    
    .main-nav div.mega-menu:before,
    .main-nav div.mega-menu:after {
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        z-index: -1;
        height: 100%;
    }
    
    .main-nav div.mega-menu:before {
        left: -50%;
    }
    
    .main-nav div.mega-menu:after {
        right: -50%;
    }
	
	.container-main {
		min-height: 418px;
	}
	
    #header-wrapper {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

	.layout-zone-about-us .content-wrapper {
		padding: 1rem 5rem;
	}

	.layout-zone-about-us .about-us-header {
		margin-bottom: 2rem;
	}

	.slide-text-wrapper {
		max-width: 800px;
	}

	.slide-image{
		min-height: 750px;
	}

	.slide-text-wrapper.slide-position-right {
		left: auto;
		right: 25px;
		transform: translate(0, -50%);
	}

    .slide-text-wrapper.slide-position-left {
        left: 25px;
        transform: translate(0, -50%);
    }

    .slide-text-wrapper.slide-position-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 1400px) {
	.container {
		max-width: 1200px;
	}

	.product-slider-prev {
		left: -4rem;
	}

	.product-slider-next {
		right: -4rem;
	}
}

@media (max-width: 992px) {
	h2.slide-header {
		font-size: 5.5rem !important;
	}

	#header-wrapper {
		position: relative !important;
	}

	body h1,
	body .h1 {
		font-size: 1.625rem !important;
	}

	body h2,
	body .h2 {
		font-size: 1.5rem !important;
	}

	body h3,
	body .h3 {
		font-size: 1.375rem !important;
	}

	body h4,
	body .h4 {
		font-size: 1.25rem !important;
	}

	body h5,
	body .h5 {
		font-size: 1.125rem !important;
	}

	body h6,
	body .h6 {
		font-size: 1rem !important;
	}
}

@media ( max-width: 991.98px ){
}

@media (max-width: 768px) {
	h2.slide-header {
		font-size: 3rem !important;
	}
	.social-links-container .footer-header {
		text-align: center;
	}
	.social-links {
		justify-content: center !important;
	}
}

@media (max-width: 576px) {
	h2.slide-header {
		font-size: 2rem !important;
	}

	p.slide-caption {
		font-size: 1rem !important;
	}
}