* { outline-style: none !important; }
body { font-size: 16px; color: #231F20; }
h1, h2, h3, h4, h5, h6 { color: #231F20; }
a { color: #F26A36; }
a:hover, a:active, a:focus { color: #F26A36; }
.form-control, input[type="text"], input[type="email"] {
    height: auto;
    color: #231F20;
    font-size: 16px !important;
    padding: 10px;
    background-color: #f9fafb !important;
    border: 1px solid #ecf0f1 !important;
    border-radius: 0;
}
.form-control:focus, input[type="text"]:focus, input[type="email"]:focus { border: 1px solid #F26A36 !important; }
select.form-control { font-size: 14px !important; }

.hidden-desktop { display: none; }


/* Logo */
header #logo { text-align: center; text-align: -webkit-center; text-align: -moz-center; }
header #logo img { display: inline-block; }
header #logo { margin: 0 0 40px 0; }

/* Top Menu */
#top {
    background: #F26A36;
    padding: 4px 0px 4px 0;
}
#top-links {
    padding-top: 5px;
    padding-bottom: 5px;
}
#top-links .user-s, #top-links .sac-info { margin-top: 5px; }
#top-links .user-s span, #top-links .sac-info span,
#top-links a, #top-links a:hover, #top-links .user-s .open a {
    font-size: 15px;
    color: #fff;
    background: transparent;
    font-weight: bold;
    text-shadow: none;
}
#top-links .sac-info span {
	font-weight: 600;
}
#top-links .user-s .login-info { text-align: right; }
#top-links .user-s .login-info a { margin-left: 0; }
#top-links .user-s .dropdown-menu-right {
    background: #f26a36;
    border: 1px solid #D8E2E7;
    right: auto;
    left: auto;
}

/* Search */
#top-links #search { margin-bottom: 0; }
#top-links #search .input-lg { height: 30px; }
#top-links #search .btn-lg {
    margin-left: 15px;
    color: #ffffff;
    border: 1px solid #D8E2E7;
    background: transparent;
    background-image: none;
    border-color: transparent;
    padding: 0;
    text-shadow: none;
    box-shadow: none;
}
#top-links #search input { border-radius: 0; }
#top-links #search .fa-search { font-size: 20px; }

/* Cart */
#top-links #cart { margin-bottom: 0; }
#top-links #cart .btn-lg {
    font-size: 14px;
    line-height: 21px;
    padding: 3px 10px;
    text-shadow: none;
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-x;
    border-color: transparent;
    border: 1px solid #D8E2E7;
}
#top-links #cart > .btn, #top-links #cart.open > .btn { color: #f26a36; }
#cart .dropdown-menu {
    min-width: 200px;
    border: 1px solid #D8E2E7;
    background: #fff;
}
#cart .dropdown-menu .text-right a, #cart .dropdown-menu .text-right a:hover { color: #f26a36; text-shadow: 1px 1px 1px #bababa;}
#cart .dropdown-menu td .btn-danger {
    color: #bb0800;
    background-color: #fff;
    background-image: none;
    border: 2px solid #bb0800;
}
#cart .dropdown-menu td .btn-danger:hover {
    color: #fff;
    background-color: #bb0800;
}
#cart .dropdown-menu p { color: #231f20; }
#cart .dropdown-menu td { color: #fff; text-shadow: none; }
#cart .dropdown-menu .table-striped>tbody>tr:nth-of-type(odd), #cart .dropdown-menu .table { background-color: #f26a36; }

/* Sticky Menu */
#menu.sticky {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background: #fff;
	/* padding: 10px 0px; */
	padding: 0px;
	z-index: 9999;
	border-bottom: 1px solid #d8e2e7;
	box-shadow: 0px 2px 4px #e4e4e4;
	transition: .5s ease-in;
}
#menu.sticky .nav > li > a, #menu.sticky .nav .menu-section > a { font-size: 15px !important; }
#menu.sticky .dropdown-menu, #menu.sticky .dropdown-menu li ul { background-color: #fff; }

/* Menu */
#menu {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    margin-bottom: 40px;
}
#menu .nav > li > a, #menu .nav .menu-section > a {
    font-size: 16px;
    color: #000000;
    /* text-transform: uppercase; */
    padding: 10px 18px;
    text-shadow: 0 -1px 0 #00000040;
}
#menu .nav > li > a:hover, #menu .nav .menu-section > a:hover {
    background: transparent;
    color: #F26A36;
}
#menu .nav > li > a.itemActive {
	border-bottom: 1px solid #F26A36;
}
/* Submenu */
#menu .nav .menu-section, #menu .nav .submenu-section, .menuitemarrow { display: flex; }
#menu .dropdown-menu {
    border: none;
    width: auto;
    padding: 0;
}
#menu .dropdown-inner { display: flex; }
#menu .dropdown-inner ul {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
}
#menu .dropdown-inner ul li .dropdown-inner ul {
    width: 100%;
    paddin-left: 10px;
}
#menu .dropdown-inner a {
    color: #000000;
    padding: 10px;
    font-size: 14px;
}
#menu .dropdown-inner a:hover { background:#F26A36; color: #fff !important; }

#menu .dropdown-inner a.active,
#menu .dropdown-inner a.active:hover {
	background: #F26A36;
	color: #fff !important;
}
#menu .dropdown-inner ul li:first-child { border-top: 1px solid #d8e2e7; }
#menu .dropdown-inner ul li {
    border-bottom: 1px solid #d8e2e7;
    border-left: 1px solid #d8e2e7;
    border-right: 1px solid #d8e2e7;
}
#menu .dropdown li ul {
    display: none;
    position: absolute;
    background: #fff;
    width: auto;
    left: 100%;
    top: -1px;
    margin: 0;
    padding: 0;
    box-shadow: 0 6px 12px #0000002d;
}
#menu .dropdown ul li a, #menu .dropdown li ul li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
}/*
#menu .dropdown ul li.dropdown i.fa-angle-right.menu-link {
	line-height: 2.5;
	padding-right: 10px;
} */
#menu .dropdown:hover, #menu .dropdown ul li:hover > ul { display: block; }

/* Carousel */
.carousel { margin: 0 !important; }
.carousel .swiper-slide img { display: inline-block !important; }
.carousel .swiper-pagination { display: none; }
.carousel .swiper-pager { display: none; }

/* Slider */
.main-slide { text-align: center; text-align: -webkit-center; text-align: -moz-center; }
/* .main-slide .slideshow { max-width: 900px; }
.main-slide .slideshow { margin: 0 0 100px; } */
.main-slide .slideshow .swiper-pagination { display: none; }

.swiper-viewport {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#slide-home .swiper-viewport {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#slide-home .swiper-viewport img {
     margin: 0 auto !important;
}
#slide-home .slideshow .swiper-button-next, #slide-home .slideshow .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
}
#slide-home .swiper-button-next:before, .slideshow .swiper-button-prev:before {
    width: auto !important;
    height: auto !important;
}
#slide-home .swiper-pagination-bullets { display: none; }


/* Product Thumb */
.product-thumb {
	border: 1px solid #d8e2e7;
	transition: .3s;
}
.product-thumb:hover { border: 1px solid #aab2b7; }
.product-thumb .button-group button, .product-thumb .button-group button:hover {
    background: #f26a36;
    color: #fff;
}
.product-thumb .caption {
	min-height: 110px !important;
	text-align: center;
	padding: 0 12px;
}
.product-thumb .caption h4 { font-size: 16px; font-weight: 500; }
.product-thumb .caption h4 a { color: #231F20; }
.product-thumb .caption h4 a:hover { color: #f26a36; }

/* Store Info */
.left-box, .middle-box, .right-box { margin-bottom: 30px; }
.hashtag { margin-bottom: 70px; }
.left-box, .middle-box, .right-box, .hashtag {
    text-align: center;
}
.left-box, .middle-box, .right-box { font-size: 16px; }
.left-box i, .middle-box i, .right-box i {
    font-size: 18px;
    margin-right: 10px;
}
.left-box p, .middle-box p, .right-box p { margin-top: 5px; }
.hashtag h2 { font-size: 30px; font-weight: bold;}
.hashtag hr {
    width: 10%;
    height: 3px;
    background-color: #f26a36;
}

/* Title Box */
.title-box {
    text-align: center;
    margin-bottom: 20px;
}
.title-box h3 {
    display: inline-block;
    font-size: 18px;
    background: #fff;
    padding: 15px;
    border: 1px solid #D8E2E7;
}
.title-box hr {
    display: none;
    /* margin: -35px 0 55px 0;
    border-top: 1px solid #d8e2e7; */
}

/* Breadcrumb */
#product-product .breadcrumb-box { margin-top: 0; }
.breadcrumb-box { text-align: center; margin-top: -20px; }
.breadcrumb-box .breadcrumb {
    display: inline-block;
    background: #fff;
    padding: 8px 15px;
    white-space: normal;
    border: none;
}
.breadcrumb-box .breadcrumb li { padding: 0; }
.breadcrumb-box .breadcrumb li a {  color: #231F20; white-space: normal; }
.breadcrumb-box .breadcrumb li:last-child .breadcrumb-divider { display: none; }
.breadcrumb-box .breadcrumb li:last-child a { font-weight: bold; }
.breadcrumb-box .breadcrumb li a:hover { color: #f26a36; }
.breadcrumb-box .breadcrumb li::after { display: none; }

/* Login */
#account-login .well  { background-color: #ffffff; border: 1px solid #d8e2e7; }
#account-login .well label { font-size: 16px; }
#account-login .well .f-pass { margin-top: 10px; }
.btn-password, .btn-password:hover {
    font-size: 16px;
    color: #ffffff;
    background-color: #f26a36;
    padding: 9px 12px;
    text-shadow: 1px 1px 1px #000000;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #f26a36;
}
.btn-password i { font-size: 18px; }

/* Register */
#account-register fieldset label { font-size: 14px; }
#account-register .pull-right { text-align: center; }
#account-register .pull-right .btn-submit { margin-top: 10px; }

/* Página Categoria */
#product-category .form-group .input-group-addon, #product-category .form-group #input-sort { width: auto; }
#product-category .input-group .input-group-addon {
	font-size: 16px;
	font-weight: bold;
	color: #231F20;
	background-color: transparent;
	border: none;
}
#product-category .input-group-sm>.form-control {
	height: auto;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
#product-category .option-filter { text-align: center; }
#product-category .option-filter .form-group { display: inline-flex; }


/* Página Produto */
#product-product .control-label { font-size: 16px; }
#product-product .btn-group { width: 100%; margin-top: 20px; }
#product-product .btn-group .btn {
	color: #fff;
	background: #94b2be;
	width: 50%;
	border-color: #d8e2e7;
}
#product-product .categoryname_prod { text-align: left; }
#product-product h1 { text-align: left; margin-top: 5px; }
#product-product .share-option { text-align: center; margin-top: 6em; margin-bottom: 6em; }
#product-product .share-option h4 { font-size: 20px; color: #f26a36; }
#product-product .share-option a:focus { color: #f26a36; }
#product-product .share-option i { font-size: 30px; margin: 0 10px; }
#product-product .description { text-align: justify; }
#product-product .thumbnail, #product-product .image-additional a { border: none !important; }
.zoomContainer .zoomLens {
	transform: scale(1.5);
	cursor: none;
}

/* Contato */
.contact-info h2 { margin-top: 0; }
.contact-info i { font-size: 18px; }
.contact-info p { text-align: justify; }
.form-contact .form-group label {
    font-size: 16px;
    font-weight: bold;
}
.form-contact textarea { resize: none; }
.form-contact input[type="text"]:focus, .form-contact input[type="email"]:focus, .form-contact textarea:focus {
    border: 3px solid #f26a36 !important;
}

/* Cart */
#checkout-cart .input-group .btn-qtd {
    display: flex;
    width: 100%;
}
#checkout-cart .input-group .btn-qtd > button { padding: 0px 5px; }
#checkout-cart .input-group-btn .btn { padding: 10.5px 5px; }

/* Páginas Informação */
.page-info { max-width: 900px; margin-left: auto; margin-right: auto; }
.infos { margin-top: 40px; text-align: justify; }
.infos span { font-weight: bold; }
.infos p { line-height: 30px; margin-top: 10px; }
.infos ul li { line-height: 25px; margin: 10px 0; }
.infos table thead { background: #f26a36; color: #fff; }
.infos table thead th { text-align: center; }
.infos table tr td:first-child { font-weight: bold; }

/* Página Pesquisa */
#product-search .search-keys, #product-search .search-category, #product-search .search-btn { margin-bottom: 15px; }


.pagination {
	margin: 25px 0 10px 0;
}
.pagination > li > a, .pagination > li > span {
	color: #94b0bd;
}
.pagination > li > a:hover {
	background: #94b0bd;
	color: #fff;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #f26a36;
	border-color: #f26a36;
}


/* Footer Menu - Social */
.facebook-page, .social-media { text-align: center; }
.facebook-page .title-fb, .social-media, .links-footer { margin: 35px 0; }

.facebook-page .title-fb > h3 {
    display: inline-block;
    font-size: 18px;
    background: #fff;
    padding: 15px;
    border: 1px solid #D8E2E7;
}
.facebook-page .title-fb > hr {
    margin: -35px 0 55px 0;
    border-top: 1px solid #d8e2e7;
}
.fb-box {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.fb-box .fb-head, .fb-box .fb-bottom {
    padding: 10px;
    border: 1px solid #d8e2e7;
}
.fb-box .fb-head h3 { font-size: 18px; margin-top: 0; }
.fb-box .fb-head img {
    width: 75px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #d8e2e7;
    box-shadow: 0px 0px 5px #b2b3b7;
}
.fb-box .fb-head a {
    font-size: 12px;
    padding: 4px 10px;
    color: white;
    background: #4267b2;
    border-radius: 3px;
}
.fb-box .fb-head a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.fb-box .fb-bottom {
    background: #f5f6f7;
    margin-top: -1px;
}
.fb-box .fb-bottom .fb-link {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px #bdbdbd;
}
.fb-box .fb-bottom .fb-link .fa-facebook {
    font-size: 12px;
    color: #fff;
    background: #4267b2;
    width: 16px;
    padding: 2px;
    margin-left: 10px;
    border-radius: 50%;
}
.fb-box .fb-bottom .fb-link a {
    font-size: 12px;
    color: #231F20;
    font-weight: 600;
    text-decoration: underline;
}
.fb-box .fb-bottom .fb-link a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.secondary-menu .social-media { margin: 80px 0 35px; }
.social-media h3 {
    font-size: 30px;
    color: #F26A36;
    text-shadow: 1px 3px 0px #b2b2b2;
}
.social-media a { margin: 0 5px; }
.social-media .fa {
    color: #f26a36;
    font-size: 30px;
    width: 50px;
    padding: 7px;
    border: 3px solid #f26a36;
    box-shadow: 1px 2px 1px #b2b3b7;
    transition: 0.3s ease-in;
}
.social-media a:hover .fa {
    background: #f26a36;
    color: #fff;
}

.newsletter {
    border: 1px solid #d8e2e7;
    padding: 20px;
}
.newsletter .nl-text p { margin: 0; }
.newsletter .nl-text p:first-child { color: #f26a36; }
.newsletter .form-box input { width: 100%; }

.btn-primary, .btn-danger {
    font-size: 16px;
    width: 100%;
    text-shadow: none;
    background-color: transparent;
    background-image: none;
    border: 3px solid;
    border-radius: 0;
    box-shadow: none;
    transition: 0.3s ease-in;
}
.btn-primary { color: #f26a36; border-color: #f26a36; }
.btn-danger { color: #bb0800; border-color: #bb0800; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #f26a36 !important;
    color: #fff !important;
    border-color: #f26a36 !important;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    background-color: #bb0800 !important;
    color: #fff !important;
    border-color: #bb0800 !important;
}

.links-footer .list-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.links-footer .list-links li { margin: 4px 0; }
.links-footer .list-links a {
    font-weight: bold;
    color: #F26A36;
}

/* Footer */
footer {
    color: #231F20;
    background-color: #ffffff;
    margin-top: 0;
    padding-bottom: 20px;
    border-top: none;
}
footer .copyright {
    text-align: center;
    font-size: 14px;
}
footer .copyright a {
    color: #F26A36;
    text-decoration: underline;
}


@media screen and (min-width: 1124px) {
	#menu .navbar-nav {
		width: 100%;
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto;
		float: none;
	}
	#menu .dropdown-inner ul li:hover { border-bottom: 1px solid #F26A36; }

	/* Slider */
	.main-slide .slideshow .swiper-button-next, .main-slide .slideshow:hover .swiper-button-next {
		opacity: 1;
		right: -70px;
	}
	.main-slide .slideshow .swiper-button-prev, .main-slide .slideshow:hover .swiper-button-prev {
		opacity: 1;
		left: -70px;
	}
	.slideshow .swiper-button-next::before { content: "\f105"; }
	.slideshow .swiper-button-prev:before { content: "\f104"; }
	.slideshow .swiper-button-next::before, .slideshow .swiper-button-prev:before {
		color: #fff;
		font-size: 60px;
		font-weight: 500;
	}
	.slideshow .swiper-button-next, .slideshow .swiper-button-prev {
		width: 35px;
		height: 75px;
		margin-top: -35px;
		background: #f26a36;
	}
	.slideshow .swiper-button-next:hover, .slideshow .swiper-button-prev:hover { opacity: 0.7 !important; }
	.slideshow .swiper-pager { line-height: 75px; }

	/* Carousel */
	/* .carousel .swiper-button-next, .carousel:hover .swiper-button-next {
			opacity: 1 !important;
			right: 10px !important;
	}
	.carousel .swiper-button-prev, .carousel:hover .swiper-button-prev {
			opacity: 1 !important;
			left: 10px !important;
	}
	.carousel .swiper-button-next, .carousel .swiper-button-prev {
			background: #f26a36;
			height: 40px;
	}
	.carousel .swiper-button-next:hover, .carousel .swiper-button-prev:hover { opacity: 0.7 !important; }
	.carousel .swiper-button-next:before, .carousel .swiper-button-prev::before { color: #fff; } */
}


@media screen and (max-width: 992px) {
    .hidden-mobile { display: none; }
    .hidden-desktop { display: block; }

    .hidden-desktop { margin-top: 10px; }
    #top-links #search { margin-top: 10px; }

    #cart .pull-right .btn-danger { padding: 5px 2px; line-height: 0; }
    #cart .pull-right a { font-size: 12px; }

    .navbar-toggle { display: block; }

    .hidden-desktop .navbar-toggle {
        background-color: transparent;
        border: 1px solid #d8e2e7;
        padding: 5px 12px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    .navbar-toggle .fa-bars { color: white; }

    #menu {
        display: none;
        border-radius: 0;
        position: fixed;
        height: 100%;
        width: auto;
        background-color: #333332;
        top: 0px;
        left: 0px;
        padding-top: 50px;
        z-index: 1000;
        transition: 0.5s;
        overflow-x: hidden;
    }
    .btn-close {
        color: white;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 20px;
        margin-top: 10px;
        font-size: 36px;
    }

    #menu .navbar-collapse { box-shadow: none; }
    #menu .navbar-nav {
        display: inline-flex;
        flex-direction: column;
    }
    #menu .nav > li > a, #menu .nav .menu-section > a, #menu .nav .submenu-section > a {
        color: white;
        display: flex;
        width: 100%;
    }
    #menu .navbar-nav .fa-angle-down {
        font-size: 20px;
        padding: 4px 8px;
        margin-right: 10px;
        color: #fff;
        margin-top: auto;
        margin-bottom: auto;
    }
    #menu .navbar-nav .menu-section .fa-angle-down { background: #535352; }
    #menu .navbar-nav .submenu-section .fa-angle-down { background:#666665; }
    #menu .navbar-nav .open .menu-section .fa-angle-down, #menu .navbar-nav .open .open .submenu-section .fa-angle-down {
        background: #F26A36;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #menu div.dropdown-menu { padding-bottom: 0; }
    #menu .dropdown-inner ul li:first-child { border-top: 1px solid #585858; }
    #menu .dropdown-inner ul li {
        border-bottom: 1px solid #585858;
        border-left: 1px solid #585858;
        border-right: 1px solid #585858;
    }
    #menu .dropdown-inner a, #menu .dropdown-inner .submenu-section {
        background: #535352;
        color: #ffffff;
    }
    #menu .dropdown-inner .submenu-link { background: #666665; }
    #menu .dropdown li ul { box-shadow: none; }
    #menu .dropdown ul li:hover > ul { display: none; }

    .navbar-nav .open .dropdown-menu .open ul {
        display: block !important;
        position: static !important;
    }

    #product-product h1 { font-size: 24px; }
    #product-product h2 { font-size: 20px; }

    .main-slide .slideshow { margin: 20px 0 50px; }
    .main-slide .slideshow .swiper-pager { display: none; }

    .newsletter .nl-text { text-align: center; }
    .newsletter .nl-text p:last-child { margin-bottom: 15px; }
    .form-box input { margin: 5px 0; }
}


@media screen and (max-width: 767px) {
    body, .form-control, input[type="text"], input[type="email"], .left-box, .middle-box,
    .right-box, .form-contact .form-group label { font-size: 14px !important; }

    #top-links .sac-info { text-align: center; }
    #top-links .pull-right a + a { margin-left: 0; }
    #top-links .user-s .login-info { text-align: center; }

    .breadcrumb-box .breadcrumb li a { font-size: 15px; }

    .title-box h3 { font-size: 16px; }

    .hashtag h2 { font-size: 18px; }
    .links-footer .list-links { flex-direction: column; text-align: center; }

    .contact-info p { margin: 0 0 15px;}
    .form-contact { margin-top: 40px; }

    .modal-open { padding-right: 17px !important; }
}
@media screen and ( orientation: landscape) and (max-width: 767px) { .links-footer .list-links { flex-direction: row; justify-content: space-around; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
    #top-links .user-s { text-align: right; }
    #top-links .user-s .dropdown-menu-right { right: 0; }

    .navbar-nav .dropdown-menu { display: none !important; }
    .navbar-nav .open .dropdown-menu {
        position: static;
        margin-left: 0 !important;
    }
    .navbar-nav .open > .dropdown-menu { display: block !important; }

    .links-footer .list-links { justify-content: space-around; }

    .product-thumb .caption h4 {
        font-size: 14px;
        font-weight: bold !important;
    }
}


@media screen and (min-width: 993px) and (max-width: 1024px) {
    #top-links .user-s span, #top-links .sac-info span, #top-links .user-s .open a { font-size: 14px; }

    #menu .navbar-nav {
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #menu .nav > li > a, #menu .nav .menu-section > a {
        font-size: 14px;
        padding: 10px 8px;
    }
    #menu .dropdown-menu { width: auto; }

    .links-footer .list-links { justify-content: space-around; }
}

@media screen and (min-width: 1024px) {
    .modal-open .modal { z-index: 10000; }
}

#slide-home { overflow: hidden; }

#top-bar {
    background: #F26A36;
    padding: 10px 15px;
}
#top-bar .top-bar-links {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 10px;
    align-items: center;
}
#top-bar .top-link, #top-bar .top-link a { color: #000000; text-decoration: none !important; }
#top-bar .top-cupom { text-align: center; }
#top-bar .top-link-right { text-align: right; }
#top-bar .top-bar-mobile { display: none; }

#site-header {
    display: grid;
    grid-template-columns: 1.2fr 8fr 1.5fr 0.5fr 0.5fr;
    grid-gap: 5px;
    align-items: center;
    padding: 10px 15px;
    margin-bottom: 5px;
    border-bottom: 2px solid #d3d3d3;
    box-shadow: 0px 3px 2px 0px #ededed;
}
header #logo { margin: 0; }

#menu { margin: 0; min-height: auto; }
#menu .menu-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
#menu .menu-section .menu-item a {
    font-size: 16px;
    text-decoration: none !important;
    color: #000000;
    padding: 10px 10px;
}
#menu .menu-section .menu-highlight a {
    font-weight: bold;
    color: #ce4813;
}
#menu.sticky .menu-section { min-height: 40px; padding: 0 20px; }

#menu-mobile { display: none; position: relative; }
#menu-mobile .menu-section-mobile {
    position: fixed;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;
    text-align: left;
    background: #333332;
    padding: 60px 20px 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 1s ease-in-out;
    z-index: 1000000;
}

#search {
    margin: 0;
    border: 1px solid #000;
    border-radius: 50px;
}
#search .form-control, #search .form-control:hover, #search .form-control:focus, #search .form-control:active {
    border: 0 !important;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background: #ffffff !important;
    box-shadow: none;
    outline: none;
}
#search .btn, #search .btn:hover, #search .btn:focus, #search .btn:active {
    padding: 10px 20px;
    background: none;
    border: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: none;
    outline: none;
}

#site-user .list-unstyled { margin: 0; }
#site-user .login-user {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-size: 20px;
    padding: 15px;
    border: none;
    background: none;
}
#site-user .login-user .customer-name {
    font-size: 12px;
    color: #000000;
}
#site-user .login-user i {
    font-size: 40px;
    color: #000000;
}

#site-cart { text-align: center; }
#cart {
    position: relative;
    margin: 0;
}
#cart #btn-cart {
    border: none;
    background: none;
}
#cart-total { position: relative; }
#cart-total .shopping-bag-icon {
    margin-top: -3px;
    max-width: 45px;
}
#cart-total .text-total {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -15%);
    font-weight: bold;
    color: #F26A36;
}

@media only screen and (max-width: 1199px) {
    #site-header { grid-template-columns: 1.5fr 1fr 6fr 0.5fr 0.5fr; }

    #menu { display: none; }
    #menu-mobile { display: block; text-align: center; }
    #menu-mobile .menu-section-mobile.active {
        left: 0%;
        visibility: visible;
        opacity: 1;
        transition: all 1s ease-in-out;
    }
    #menu-mobile .menu-item { width: 100%; }
    #menu-mobile .menu-item a {
        display: block;
        color: #fff;
        width: 100%;
        padding: 5px 10px;
        margin: 5px 0;
    }

    #btn-mobile {
        background: #f26a36;
        padding: 6px 12px;
        border: none;
        border-radius: 5px;
    }

    #btn-close-mobile {
        position: absolute;
        right: 20px;
        top: 20px;
        background: #ff0000;
        color: #fff;
        padding: 8px 12px;
        border: 1px solid #ff0000;
        border-radius: 50%
    }
    #btn-close-mobile i { font-size: 20px; }
}

@media only screen and (max-width: 480px) {
    #top-bar .top-bar-desktop { display: none; }
    #top-bar .top-bar-mobile { display: block; }
    #top-bar .top-bar-mobile .group-top-link { display: flex; justify-content: space-between; margin-top: 10px; }

    #site-header {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: auto auto;
    }
    #site-header div:nth-child(1) {
        grid-column: span 4;
    }
    #site-header div:nth-child(2) {
        grid-column: span 1;
    }
    #site-header div:nth-child(3) {
        grid-column: 1 / span 3;
    }
    #site-header div:nth-child(4) {
        grid-column: 4 / span 1;
    }
    #site-header div:nth-child(5) {
        grid-column: 5 / span 1;
    }

    header #logo { max-width: 180px; }

    #menu-mobile .menu-section-mobile {
        left: -100%;
        width: 100%;
    }
}