@font-face {
    font-family: "fl-outicons";
    src: url("../fonts/outicons/fl-outicons.eot");
    src: url("../fonts/outicons/fl-outicons.eot#iefix") format("embedded-opentype"),url("../fonts/outicons/fl-outicons.woff") format("woff"),url("../fonts/outicons/fl-outicons.ttf") format("truetype"),url("../fonts/outicons/fl-outicons.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

.top-container, .logo, .navigation, .footer .block.newsletter, .footer .block.newsletter .field, .footer .block.newsletter .actions, .page-main, .breadcrumbs {
	max-width: unset !important;
}

.breadcrumbs .item:not(:last-child):after {
	line-height: unset;
}

/**** MAIN ****/
html,body {
    height: 100%;
    font-family:'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	width: 100%;
	font-weight: 700;
}

.h1, h1 {
	text-transform: uppercase;
}

a:link, a:visited {
	color: #000;
}

.payments-process-view {
    font-size: 16px;
}

button.action {
    background-color: #00909e;
    color: #fff;
    font-weight: 600;
    padding: 10px 15px;
    display: inline-block;
    backface-visibility: hidden;
    transform: translateZ(0);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 14px !important;
    border-radius: 3px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 300px;
    max-width: 480px
}

.text-red {
	color: #C32945;
}

@media (min-width: 768px) {
    .container {
        max-width:750px !important
    }
}

@media (min-width: 992px) {
    .container {
        max-width:970px !important
    }
	
	.page-header__content {
		position: relative;
	}
}

@media (min-width: 1200px) {
    .container {
        max-width:1180px !important
    }
}

@media (min-width: 1400px) {
    .container {
        max-width:1290px !important
    }
}

@media (min-width: 1800px) {
    .container {
        max-width:1800px !important
    }
}

a {
	color: #212529;
    transition: .3s ease;
}

a:hover {
	color: #C32945;
}

/* HEADER */
.panel.wrapper {
	line-height: 22px;
    padding: 13px 0;
    background: #C32945;
    color: #FFF;
}

.page-header .header.panel {
	padding: 0;
}

.header.links li a {
	color: #FFF !important;
}

.page-header__content .top-container {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-container, .page-main {
	padding: 0;
}

.page-header__content .page-header__content-left, .page-header__content .page-header__content-right {
    width: 320px;
}

@media (max-width: 991px) {
	.page-header__content .page-header__content-left {
		width: 50%;
	}
	.page-header__content .page-header__content-right {
		width: 0;
	}
	
	.page-header__content-logo .field.search {
		display: flex;
	}
	
	.block-search .control {
		border: 0;
	}
	.block-search label {
		position: absolute;
		right: -18px;
		top: 20px;
	}
	.block-search input {
		position: static;
		border: 1px solid #000;
		padding-left: 5px !important;
	}
	
	.block-search input::placeholder {
		content: 'hello' !important;
	}
}

.page-header__content .page-header__content-right {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3px;
}

.page-header__content .page-header__content-logo {
    margin: 0 30px;
    flex: 1 1 auto;
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logo {
	margin: 0;
}

.dropdown-menu {
    width: auto;
    max-width: 200px;
    min-width: 100px;
    border: 1px solid #efefef
}

/* SEARCH */
.block-search #search_mini_form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#search_mini_form {
    position: relative;
}

#search_mini_form .control {
	padding: 0;
}

.block-search #search_mini_form input {
    font-size: 14px;
    line-height: 17px;
    padding: 13px 20px 13px 40px
}

@media (min-width: 1200px) {
    .block-search #search_mini_form input {
        min-width:370px
    }
}

@media (min-width: 1400px) {
    .block-search #search_mini_form input {
        min-width:400px
    }
}

.block-search #search_mini_form button[type=submit] {
    line-height: inherit;
    background-color: #C32945;
    color: #fff;
    font-size: 20px;
    line-height: 21px;
    font-weight: 700;
    padding: 11px 13px 12px;
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.block-search #search_mini_form button[type=submit]:before {
    content: "\e032";
    display: inline-block;
    font-family: "fl-outicons";
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
	color: #FFF;
}

.block-search #search_mini_form button[type=submit]:hover {
    background: #f2462e;
    color: #fff
}

.block-search #search_mini_form button[type=submit] span {
    display: none
}

.block-search {
	width: unset;
	padding: 0;
}

.block-search .nested {
    display: none;
}

.block-search .action.search {
	position: relative;
	right: unset;
	opacity: 1 !important;
}

/* MINICART */
.minicart-wrapper {
    position: relative;
    float: right;
    margin-left: 20px;
}

.minicart-wrapper .action.showcart {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    padding-bottom: 9px;
	height: 56px;
    padding-right: 10px;
}

.minicart-wrapper .action.showcart:before {
	content: unset;
}

.minicart-wrapper .action.showcart .text:before, .minicart-wrapper .action.showcart .text:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 30px;
    line-height: 33px;
    transition: .3s transform ease;
    text-align: left;
    transform-origin: 16px center;
}

.minicart-wrapper .action.showcart .text {
    font-family: "Nucleo Mini";
    position: relative;
    width: 41px;
    height: 33px;
    padding-right: 16px;
    color: #010100;
}

.minicart-wrapper .action.showcart .text:before {
    content: '\e04f';
    transform: rotate(0deg) scale(1);
    font-family: "fl-outicons";
    opacity: 1;
    visibility: visible;
}

.minicart-wrapper .action.showcart .text:after {
    content: '\ea5c';
    transform: rotate(-90deg) scale(0);
    opacity: 0;
    visibility: hidden;
}

.minicart-wrapper .action.showcart .qty {
    top: 20px;
    left: 25px;
    position: absolute;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    width: 26px;
    height: 26px !important;
	padding: unset !important;
    margin-top: -17px !important;
    border-radius: 26px !important;
    background: #C32945 !important;
    text-align: center;
}

.minicart-wrapper .action.showcart.active {
	display: flex;
}

.minicart-wrapper .action.showcart.active:before {
	content: unset;
}

/* NAVIGATION */
.panel.wrapper ul li {
	margin-bottom: 0px;
}

.page-header__content .page-header__content-menu {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 22px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 3px solid #f5f5f5;
}

.navbar {
	padding-left: 0px;
}

.nav-link {
	color: #010100;
	text-transform: uppercase;
	padding: 5px 15px 4px;
	font-weight: 700;
}

.dropdown:hover .dropdown-menu {
	max-height: 500px;
    opacity: 1;
    padding-top: 1rem;
    padding-bottom: 1rem;
	display: block;
	position: absolute;
}

@media (min-width: 992px) {
	.page-header__content {
		padding: 27px 0 20px;
	}
	
	.navbar .nav-item:first-of-type:not(.dropdown) a {
		padding-left: 0px;
	}
}
@media (max-width: 991px) {
	.page-header__content-menu {
		position: absolute;
		z-index: 100;
		width: 100%;
	}
	.page-header {
		border: 0;
		margin-bottom: 0px;
	}
    .panel.wrapper {
		height: 75px;
	}
	
	.panel.wrapper .navbar-nav {
		position: absolute;
		top: 30px;
		right: 75px;
	}
	
	.panel.wrapper .navbar-nav li {
		background-color: unset;
	}
	.greet {
        display:none;
    }
	
	.page-header__content-menu {
		flex-wrap: wrap;
		border: 0 !important;
		margin: 0 !important;
	}
	
	.page-header__content .container {
		margin: 0px;
	}
	
	.navbar-toggler {
		position: absolute;
		top: 15px;
		left: 15px;
	}
	
	.minicart-wrapper {
		position: absolute !important;
		top: 0;
	}
	
	.minicart-wrapper .action.showcart.active {
		display: none;
	}
	
	nav.navbar{
        padding: 0;
        background-color: #eee !important;
		width: 100%;
    }
    .navbar-main {
        width: 100%;
        padding: 0;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #f5f5f5 !important;
    }
	
	.nav-item {
		width: 100%;
		background-color: #eee;
	}
	
	.w3-animate-right {
        position: relative;
        animation: animateleft 0.4s;
    }
    @keyframes animateleft {
        from{
            left: -300px;
            opacity: 0
        } to {
            left: 0;
            opacity: 1
        }
    }
	
	.show-mobile {
        display: block;
    }
	
	.dropdown-toggle::after {
		border: 0;
	}
	
	.dropdown-menu {
        border: 0;
        background-color: #eee;
		width: 100%;
		margin: 0;
    }
    .dropdown-menu li {
        margin-left: -15px;
        margin-right: -15px;
    }
    .dropdown-item {
        border-bottom: 1px solid #dcdcdc;
        color: #887E76;
        white-space: pre-wrap;
        padding-left: 20px;
    }
}

.input-text, input[type=text], input[type=email], input[type=password], input[type=number]:not(.item-qty), textarea {
    display: block;
    width: 100%;
    padding: 13px 18px;
    font-size: inherit;
    min-height: 2em;
    vertical-align: baseline;
    background: #fff;
    border: 1px solid #f5f5f5;
	height: unset;
}

/* BUTTONS */
.action.primary, .action-primary, .action.primary:hover, .action-primary:hover, .action.primary:focus, .action-primary:focus, .action.primary:active, .action-primary:active{
	background: #C32945;
    border: 1px solid #C32945;
}

/**** FOTORAMA ****/
.gallery-placeholder {
    width: 100%;
}



/**** QUICK ORDER ****/

.table-bordered td {
    vertical-align: middle;
}
.product-qty {
    width: 60px !important;
    text-align: center;
    font-weight: 600;
}
.loader-overlay {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/******** FOOTER *******/

.footer {
    background: #D70826;
    height: auto;
    padding: 60px 60px 40px 60px;
    position: relative;
    width: 100%;
    z-index: 2;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5;
}
footer p {
    margin: 0;
}
.footer img {
    max-width: 100%;
}
.footer h5 {
    color: #fff;
    font-weight: 600;
    line-height: 27px;
    font-size: 1.6rem;
}
.footer ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 15px;
    color: #fff;
}
.footer ul li {
    margin: 0px;
}
.footer ul li a {
    display: block;
}
.footer a {
    color: #fff;
}
.footer a i {
    margin-top: 0;
}
.social-icons a {
    margin-right: 15px;
}

@media screen and (max-width: 991px) {
    .footer {
        padding: 15px;
    }
    .footer ul {
        margin-bottom: 30px;
    }
    .footer ul.contact-footer li {
        margin-bottom: 5px;
    }
    .footer ul.contact-footer li.social-icons {
        margin-top: 10px;
    }
}

@media screen and (min-width: 1600px) {
	.stripes-right {
	    background: linear-gradient(240deg, #fff 0%, #fff 10%, transparent 0%, transparent 20%, #fff 0%, #fff 30%, transparent 0%, transparent 40%, #fff 0%, #fff 50%, transparent 0%);
	    right: 0;
	    width: 131px;
	    height: 224px;
        position: absolute;
	    left: auto;
        top: 0;
	    z-index: 1;
	}
    .d-xxl-block {
		display: block !important;
	}
}

/**** CUSTOM CSS FOR 5 BOOTSTRAP COLUMNS ****/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xl-5ths {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-5ths {
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 576px) {
    .col-sm-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) {
    .col-md-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    .col-lg-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-xl-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/****** ACCOUNT ******/
.account-nav-content .nav {
    display: block;
}

.account-nav-content .nav.items li:last-of-type {
    font-weight: bold;
}


.modal-inner-wrap {
    top: 200px;
}

.product-sema-update-promotion-2023 .box-tocart .field.qty {
	display: none !important;
}