@import 'bootstrap.min.css';
@import 'nivo-slider.css';
@import 'magnific-popup.css';
@import 'animate.css';
@import 'meanmenu.css';
@import 'fontawesome.all.min.css';
@import 'fonts.css';

form {
    display: contents;
}

html {
    min-height: 100%;
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a {
    color: inherit;
    text-decoration: underline;
}

a[role=button] {
    text-decoration: none;
}

a:hover {
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    font-family: 'Roboto', sans-serif;
    color: #7e5c11;
    text-decoration: none;
}

a:not([role=button]):hover {
    text-decoration: none;
}

a:focus,
a:active {
    outline: none;
    color: inherit;
    text-decoration: none;
}

strong, b {
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    display: block;
    color: inherit;
    text-decoration: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: inherit;
    text-decoration: inherit;
}

h4 {
    font-size: 1em;
    margin-bottom: 0.2em;
}

.headline-category {
    border-bottom: 1px #533D0B solid;
    margin-bottom: 25px;
    margin-top: 20px;
    padding-bottom: 5px;
    color: #533D0B;
    font-weight: normal;
    font-size: 1.2rem;
}

p,
body {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Roboto', sans-serif;
}
p {
    line-height: 1.7;
}

p:last-of-type {
    margin-bottom: 0;
}

ol li,
ul li {
    list-style: outside none none;
    display: inline-block;
}

ul.bullet-list,
ul.bullet-list li {
    list-style-type: disc !important;
    display: list-item;
}

ul.bullet-list {
    padding-left: 20px;
    display: block;
}

img {
    height: auto;
    max-width: 100%;
}

.table {
    display: table;
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
}

.form-row:last-child > * {
    margin-bottom: 0;
}

.page-messages {
}

.page-messages > *:last-child {
    margin-bottom: 0;
}

.page-messages__message {
    border-style: solid;
    border-width: 1px;
    border-color: #bfbfbf;
    background-color: #ececec;
    color: #262626;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.page-messages__message::before {
    font-family: "Font Awesome 5 Free", fantasy;
    content: '\f129';
    display: inline-block;
    float: left;
    margin-top: -1px;
    margin-right: 4px;
    width: 18px;
    text-align: center;
}

.page-messages__message--error {
    border-color: #ce7b7b;
    background-color: #ffdddd;
    color: #841818;
}

.page-messages__message--error::before {
    content: '\f00d';
}

.page-messages__message--warning {
    border-color: #cab169;
    background-color: #ffedb9;
    color: #82671a;
}

.page-messages__message--warning::before {
    content: '\f06a';
}

.page-messages__message--success {
    border-color: #87d05c;
    background-color: #d0f5ba;
    color: #2e7206;
}

.page-messages__message--success::before {
    content: '\f058';
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.section_heading {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.section_heading h4 {
    color: #ffffff;
}

.section_heading h4 span {
    color: #ffffff;
}

.section_heading .section-subtitle {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    text-transform: none;
}

.section_padding_100 {
    padding: 100px 0;
}

.section_padding_100_70 {
    padding: 100px 0 70px 0;
}

.section_padding_50_20 {
    padding: 50px 0 20px 0;
}

.section_padding_60 {
    padding: 60px 0;
}

.section_padding_100_50 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.section_padding_20_70 {
    padding: 20px 0 70px 0;
}

#scrollUp {
    background-color: #785d1a;
    background-image: linear-gradient(to right, #9a7016 10%, #654d13 90%);
    bottom: 0;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    right: 20px;
    transition: 3s;
}

/* ================================
:: 04.0 Header area css
================================ */

header.header_area {
    height: auto;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 -3px 10px 6px rgba(0, 0, 0, .25);
    box-shadow: 0 -3px 10px 6px rgba(0, 0, 0, .25);
}

header.header_area.home_one {
    position: relative;
}

/* ================================
:: 05.0 Top header css
================================ */

.top_header_area {
    background-image: linear-gradient(to right, #aa7d1c 10%, #543d06 90%);
    width: 100%;
}

.top_header_area__inner {
    color: #fff;
    margin: 0;
    padding: 8px 0;
    font-size: 14px;
}

.top_header_area a {
    color: inherit;
    text-decoration: none;
}

.top_header_area a:hover {
    text-decoration: underline;
}

.top_left_area .top_header_area__inner i.fas {
    width: 22px;
    font-size: 18px;
}

.top_right_area {
    text-align: right;
}

.top_right_area .top_header_area__inner {
    color: #fff;
    margin: 0;
    padding: 8px 0;
}

.top_right_area ul {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 10px;
}

.top_right_area ul li {
    margin-right: 5px;
}

.top_right_area ul li:last-child {
    margin-right: 0;
}

body.user-logged-in .top_right_area ul li:last-child::before {
    display: inline;
    content: ' | ';
}

/* ================================
:: 06.0 Main header css
================================ */

.logo_area {
}

.main_header_area {
    background-color: #fff;
    height: 70px;
    width: 100%;
}

.main_menu_area {
    float: right;
}

.mainmenu {
    text-align: right;
}

.mainmenu ul#nav {
    margin-bottom: 0;
    margin-right: -15px;
}

.mainmenu ul#nav li {
    display: inline-block;
    position: relative;
}

.mainmenu ul#nav li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: transparent;
}

.mainmenu ul#nav li.current_page_item:before {
    width: 100%;
    height: 3px;
    left: 0;
}

.mainmenu ul#nav li:hover:before {
    width: 100%;
    margin: auto;
    left: 0;
}

.mainmenu ul#nav li a {
    color: #233240;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px;
    text-transform: uppercase;
    height: auto;
    line-height: 100%;
    vertical-align: middle;
    text-decoration: none;
}

.mainmenu ul#nav li a:hover {
    text-decoration: underline;
}
.mainmenu .active{
    text-decoration: underline !important;
    color: #a2771a !important;
} 
.mainmenu ul#nav li a i,
.mean-container .mean-nav ul li a i {
    font-size: 14px;
    padding-left: 5px;
    display: none;
}

.mainmenu ul#nav li ul {
    text-align: left;
}

.mainmenu ul#nav li ul li a {
    color: #444 !important;
    padding-left: 15px !important;
    text-align: left !important;
}

.mainmenu ul#nav li.current_page_item a,
.mainmenu ul#nav li:hover a {
    color: #a2771a;
}

/* Sub Menu CSS */

.mainmenu ul li ul.sub-menu {
    position: absolute;
    left: 0;
    width: 215px;
    background-color: #fff;
    background-clip: padding-box;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    z-index: -9;
    top: 100%;
    text-align: center;
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    vertical-align: top;
    visibility: hidden;
}

.mainmenu ul li ul.sub-menu li {
    display: block !important;
}

.mainmenu ul li ul.sub-menu li a {
    padding: 10px !important;
    display: block;
    margin-bottom: 1px;
}

.mainmenu ul li ul.sub-menu li:last-child {
    border: none;
}

.mainmenu ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
    z-index: 9999999;
    overflow: visible;
    transform: perspective(600px) rotateX(0deg);
}

.mainmenu ul#nav li:hover ul.sub-menu li:before {
    background-color: transparent;
}

.mainmenu ul#nav li ul.sub-menu li a:hover {
    color: #ffffff !important;
    background: #cda885;
}

.mainmenu ul li ul.sub-menu,
.mainmenu ul#nav li a,
.mainmenu ul#nav li:before {
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.mainmenu ul#nav li ul.sub-menu li ul.sub-menu {
    position: absolute;
    left: 210px;
    width: 225px;
    background-color: #EBEBEB;
    background-clip: padding-box;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    z-index: -9;
    top: 0;
    text-align: center;
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    vertical-align: top;
    visibility: hidden;
    margin-left: 5px;
}

.mainmenu ul#nav li ul.sub-menu li:hover ul.sub-menu {
    top: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
    z-index: 9999999;
    overflow: visible;
    transform: perspective(600px) rotateX(0deg);
}

.sub-menu a > i {
    float: right;
}

/* ================================
:: 07.0 Slider area css
================================ */

.slider-area {
    position: relative;
}

.slider-area:after {
    content: "";
    height: 100%;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

#slider img {
    height: 500px !important;
    object-fit: cover;
}

.nivo-caption {
    background: transparent none repeat scroll 0 0;
    bottom: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 50%);
    z-index: 10;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*
.slider-content {
    max-width: 1140px;
    margin: 0 auto;
    box-sizing: content-box;
}*/

.slider-content .title1 {
    color: #ffffff;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.slider-content .title2 {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    z-index: 9999;
}

.slider-content .title1,
.slider-content .title2 {
    text-shadow: 0 0 20px #000000;
}

.ready-btn {
    background-color: #aa7d1c;
    background-image: linear-gradient(to right, #aa7d1c 10%, #785d1a 90%);
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
    visibility: visible;
    letter-spacing: 0.75px;
    padding: 15px 30px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
}

.ready-btn:hover,
.ready-btn:focus {
    background-color: #785d1a;
    background-image: linear-gradient(to right, #9a7016 10%, #654d13 90%);
    color: #fff;
    transition: all 0.5s;
}

.nivo-directionNav a:hover {
    background: #ffffff;
    color: #000000;
}

/* Nivo direction */

.nivo-prevNav {
    left: 20px;
}

.nivo-nextNav {
    right: 20px;
}

.nivo-directionNav a i {
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
}

.nivo-directionNav a i:hover {
    color: #000000;
}

.nivo-directionNav a {
    background: transparent;
    color: #2b2b2b;
    display: table;
    font-size: 25px;
    height: 40px;
    text-align: center;
    width: 40px;
    z-index: 11;
    border-radius: 3px;
}


/* =======================
:: C-01 CONTENT
======================== */

.container.container-small {
    max-width: 800px;
}

.form-group label {
    margin-bottom: 3px;
    font-size: 15px;
}

.form-group label .required {
    color: #790000;
}

.form-footer a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

main#content {
    background: #fff;
    overflow-y: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

main#content section:last-of-type {
    flex-grow: 1;
}

.default-content-block {
    padding-top: 50px;
    padding-bottom: 50px;
}

.default-content-block--accent1 {
    background: #f1e6d1;
}

.default-content-block--accent2 {
    background: #e0cba5;
}

.feature-box p {
    font-size: 1.1em;
    line-height: 1.6;
    text-align: center;
}

.feature-box h4 {
    font-size: 1.75rem;
    min-height: 2.2em;
    text-align: center;
    font-weight: normal;
}

.feature-box h4 strong {
    color: #654d13;
}

.feature-box i.fas {
    font-size: 5em;
    text-align: center;
    display: block;
    margin: 20px;
    color: #654d13;
}

/* =======================
:: C-02 BUTTONS
======================== */
.button-action {
    display: inline-flex;
    align-items: center;
    background-color: #aa7d1c;
    background-image: linear-gradient(to right, #aa7d1c 10%, #785d1a 90%);
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    line-height: 1em;
    font-weight: 700;
    visibility: visible;
    padding: 14px 20px;
    text-decoration: none;
    text-transform: uppercase;
    /*-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);*/
    transition: all 0.5s;
    outline: none;
    border: none;
    cursor: pointer;
}

.button-action:disabled {
    background-color: #aa7d1c;
    background-image: linear-gradient(to right, #a69a7f 10%, #776740 90%);
    color: #eaeaea;
    cursor: not-allowed;
}

.button-action:not(:disabled):hover,
.button-action:not(:disabled):focus {
    background-color: #785d1a;
    background-image: linear-gradient(to right, #9a7016 10%, #654d13 90%);
    color: #fff;
    transition: all 0.5s;
    text-decoration: none;
}

.button-action--compact {
    padding: 6px 10px;
}

.button-action.button-action--light {
    background-color: #e2dbcf;
    background-image: linear-gradient(to right, #e2dbcf 10%, #d4c9ae 90%);
    color: #654d13;
    font-weight: normal;
}

.button-action.button-action--light:not(:disabled):hover,
.button-action.button-action--light:not(:disabled):focus {
    background-color: #dcd3c0;
    background-image: linear-gradient(to right, #dcd3c0 10%, #ccbd98 90%);
    color: #664d13;
    transition: all 0.5s;
    text-decoration: none;
}

.button-action i {
    font-size: 20px;
    margin: -4px 4px -4px -4px;
}

/* =======================
:: C-03 BOX
======================== */


.box {
    background-color: #ffffff;
    border: 1px solid #efebe5;
    text-align: left;
    transition-duration: 500ms;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.box--inline-block {
    display: inline-block;
}

.box--shadow {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);
}

.box--border-rounded-all {
    border-radius: 5px;
}

.box__title {
    background-color: #fff;
    border-bottom: 1px solid #efebe5;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 10px;
    justify-items: stretch;
    font-weight: normal;
}

.box__title__caption {
    font-size: 1em;
    display: inline-block;
    font-weight: normal;
    color: inherit;
    margin-right: 5px;
}

.box__title--background-accent1 {
    background-color: #f8f6f3;
    color: #7e5c11;
}

.box__title--background-accent2 {
    background-color: #9a7016;
    background-image: linear-gradient(to right, #9a7016 10%, #654d13 90%);
    color: white;
}

.box__title > * {
    font-size: 16px;
    padding-top: 3px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.box__title a > i,
.box__title__icon {
    font-size: 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    white-space: nowrap;
    text-decoration: none;
    color: #7d7d7d;
    display: block;
    margin-top: -5px;
    margin-right: -3px;
    transition: all 0.3s;
}

.box__title a:hover,
.box__title a:hover > i {
    color: #aa7d1c;
}

.box__title.box__title--background-accent2 a > i,
.box__title.box__title--background-accent2 .box__title__icon {
    color: #ffffff;
}

.box__title.box__title--background-accent2 a:hover,
.box__title.box__title--background-accent2 a:hover > i {
    color: #f5f0e9;
}

.box__title h3,
.box__title h4,
.box__title h5,
.box__title h6 {
    margin: 0;
}

.box__title__tabs {
    display: flex;
    flex-direction: row;
    margin-left: 5px;
}

.box__title__tab {
    margin-top: 3px;
    margin-right: 2px;
    padding: 3px 8px 4px;
    margin-bottom: 0;
    border-radius: 3px 3px 0 0;
    font-weight: 300;
    background-color: rgba(255, 255, 255, 0.5);
    border-bottom: none;
    box-sizing: border-box;
    color: #684e13;
    height: 90%;
}

.box__title__tab .fa {
    padding-right: 3px;
    color: #684e13;
}

.box__title__tab.active {
    background-color: white;
    margin-right: 2px;
    padding: 1px 8px 0;
    margin-top: 1px;
    margin-bottom: -1px;
    border-radius: 5px 5px 0 0;
    font-weight: normal;
    height: 100%;
}

.box__title__tab:not(.active):hover {
    background-color: rgba(0, 0, 0, 0.025);
    cursor: pointer;
}

.box__title.box__title--background-accent1 .box__title__tab {
    border-left: 1px solid #efebe5;
    border-top: 1px solid #efebe5;
    border-right: 1px solid #efebe5;
}

.box__content {
    padding: 10px;
}

.box__content ~ .box__content {
    border-top: 1px solid #efebe5;
}

.box__content .row {
    margin-left: -5px;
    margin-right: -5px;
}

.box__content .row .col {
    padding-left: 5px;
    padding-right: 5px;
}

/* =======================
:: C-04 SECTIONS
======================== */
.customer-product-add-button {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.customer-product-add-button a {
    width: 100%;
    display: block;
    padding-top: 40px; /* like min-height of .box__title */
    padding-bottom: 61px; /* like min-height of section.customer-products .box .product-data */
    text-decoration: none;
}

.customer-product-add-button span {
    color: #543d06;
}

.customer-product-add-button:hover {
    background-color: #fffefc;
}

.customer-product-add-button a:hover span.fas {
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
}

.customer-product-add-button a:hover span {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}

.customer-product .product-description {
    position: relative;
    height: 100%;
}

.customer-product .product-description:after {
    display: block;
    content: '';
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5886729691876751) 40%, rgba(255, 255, 255, 0.87718837535014) 70%, rgba(255, 255, 255, 1) 100%);
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

section.customer-products .box .product-data {
    min-height: 61px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customer-product.customer-product--invisible .box__title,
.customer-product.customer-product--invisible .box__content .product-description,
.customer-product.customer-product--invisible .box__content .product-pictures {
    opacity: .6;
}

.customer-product.customer-product--invisible .box__content.product-pictures:hover {
    opacity: 1;
    transition: all ease 300ms;
}

section.customer-products .box .product-data .button-action {
}

section.customer-products .box .product-data__numbers {
    display: flex;
    margin: 0;
    color: #505050;
}

section.customer-products .box .product-data__numbers li {
    margin-right: 10px;
}

.customer-collection-details .customer-collection-details__item i {
    color: #543d06;
    width: 16px;
    text-align: center;
}

.customer-collection-details .customer-collection-details__item table {
    border-collapse: separate;
    border-spacing: 5px 0;
}

.customer-collection-details__overallItem {
    text-align: center;
}

.customer-collection-details__overallItem__label {
}

.customer-collection-details__overallItem__number i {
    color: #543d06;
}

.customer-collection-details__overallItem__number {
    font-size: 30px;
}

.customer-card {
    position: relative;
    padding-top: 65%;
    width: 100%;
    border: 1px #fff solid;
    overflow: hidden;
}

.customer-card__line {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 4%;
    height: 15%;
}

.customer-card__line--1 {
    right: 14%;
    background-color: #FDB932;
}

.customer-card__line--2 {
    right: 9%;
    background-color: #D09A29;
}

.customer-card__line--3 {
    right: 4%;
    background-color: #7F5D0E;
}

.customer-card--silver {
    background: #ffffff;
    background: linear-gradient(318deg, #e7e7e7 0%, #ececec 54%, #ffffff 100%);
    color: black;
}

.customer-card--silver {
    background: #DBDBDD;
    background: linear-gradient(318deg, #B4B5B9 0%, #DBDBDD 54%, #DBDBDD 100%);
    color: black;
}

.customer-card--gold {
    background: #DBDBDD;
    background: linear-gradient(318deg, #98884D 0%, #D1BB6A 54%, #D1BB6A 100%);
    color: black;
}

.customer-card--platin {
    background: rgb(152, 136, 77);
    background: linear-gradient(304deg, rgba(152, 136, 77, 1) 0%, rgba(209, 187, 106, 1) 0%, rgba(180, 181, 185, 1) 19%, rgba(219, 219, 221, 1) 34%, rgba(209, 187, 106, 1) 53%, rgba(209, 187, 106, 1) 53%, rgba(219, 219, 221, 1) 79%, rgba(237, 237, 237, 1) 88%);
    color: black;
}

.customer-card--platin_plus {
    background: rgb(152, 136, 77);
    background: linear-gradient(320deg,rgba(209, 187, 106, 1) 0%, rgba(180, 181, 185, 1) 20%, rgba(219, 219, 221, 1) 40%, rgba(209, 187, 106, 1) 50%, rgba(209, 187, 106, 1) 70%, rgba(219, 219, 221, 1) 80%, rgba(237, 237, 237, 1) 100%);
    color: black;
}

.customer-card--white {
    background: #fff;
    border: 1px #e8e8e8 solid;
    color: black;
}

.customer-card .customer-card__logo--bright {
    display: none;
}

.customer-card--black,
.customer-card--black_2-0 {
    background: #DBDBDD;
    background: linear-gradient(318deg, #06062d 0%, #000011 54%, #000011 100%);
    color: #fff;
}

.customer-card--black .customer-card__logo--dark {
    display: none;
}

.customer-card--small {
    font-size: 0.8rem;
    padding: 2px;
    width: 42px;
    display: inline-block;
}

.customer-card__logo {
    position: absolute;
    top: 4%;
    left: 4%;
    width: 40%;
}

.customer-name {
    position: absolute;
    left: 5%;
    bottom: 35%;
    font-weight: bold;
}

.register-no {
    position: absolute;
    left: 5%;
    bottom: 5%;
}

.register-no__label {
    font-size: 13px;
}

.register-no__value {
}

.issue-date {
    position: absolute;
    right: 5%;
    bottom: 5%;
}

.issue-date__label {
    font-size: 13px;
}

.issue-date__value {
}

/* =======================
:: C-05 SECTIONS
======================== */
.percentage-bar {
    display: inline-block;
    width: 80px;
}

.colored-percentage--0,
.colored-percentage--5,
.colored-percentage--10,
.colored-percentage--20,
.colored-percentage--30 {
    color: #950000;
}

.colored-percentage--40,
.colored-percentage--50,
.colored-percentage--60 {
    color: #954100;
}

.colored-percentage--40,
.colored-percentage--50,
.colored-percentage--60 {
    color: #ba9c00;
}

.colored-percentage--70,
.colored-percentage--80 {
    color: #779900;
}

.colored-percentage--90,
.colored-percentage--95 {
    color: #95d500;
}

.colored-percentage--100 {
    color: #57bd00;
}

/* =======================
:: C-06 POPUP
======================== */
.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
}

body.noscroll { /* for magnific popup */
    overflow-y: hidden !important;
}

body.noscroll .mfp-container {
    overflow-y: scroll;
}

/* =======================
:: C-07 MISC
======================== */
.mean-bar {
    z-index: 1000 !important;
}

.panel.single-accordion {
    position: relative;
}

.single-accordion .accordion-content {
    background: #fff;
    padding: 20px 20px 20px 20px;
}

.single-accordion .accordion-content p {
    padding: 0;
}

.footer {
    padding-top: 15px;
    padding-bottom: 50px;
}

.footerarea p {
    margin: 0;
    padding: 0;
}

.footerarea span {
}

.copyright {
    text-align: left;
    color: #222;
}


/* ================================
:: 16.0 Footer style 2 css
================================ */

.footer_area {

    color: #fff;
    z-index: 9;
    background-position-y: bottom;
    position: relative;
    background-color: #2c1a17;
}

.footer_area:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: fixed;
    background-size: cover;
    background-image: url('../images/layout/background_footer.jpg');
    background-color: #2c1a17;
    z-index: -1;
    opacity: 0.5;
}

.footer_area a {
    color: #d9d9d9;
    text-decoration: none;
}

.footer_area a:hover,
.footer_area > p:hover > i {
    color: #b88721;
    text-decoration: underline;
}

.footer_top_area {
    padding: 50px 0;
}

.title > h4,
.footer_contact_info .title > h4,
.footer_about_us .title > h4,
.important_links .title > h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.footer_contact_info .underline,
.footer_about_us .underline,
.important_links .underline {
    background-color: #3498db;
    height: 3px;
    margin-bottom: 15px;
    width: 100px;
}

.footer_area .links {
    margin-top: 15px;
}

.footer_area .links > p {
    margin-bottom: 7px;
}

.footer_area .links > p > i {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    padding-right: 15px;
}

.footer_about_us > p {
    color: #d9d9d9;
    font-size: 16px;
}

.footer_area .title img {
    margin-bottom: 35px;
}

.footer_single_contact_info > i {
    color: #fff;
    font-size: 23px;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
    width: 26px;
    text-align: center;
}

.footer_single_contact_info > a,
.footer_single_contact_info > p,
.footer_single_contact_info > address {
    color: #d9d9d9;
    display: block;
    margin-left: 30px;
}

.footer_single_contact_info {
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.footer-single-part {
}


.footer_area .legal_links li:not(:last-of-type):after {
    display: inline;
    content: ' | ';
}

/*footer bottom*/

.footer_bottom_area {
    background-color: #000000;
}

.footer_bottom {
    padding: 15px 0;
}

.footer_bottom p,
.footer_bottom a {
    color: #fff;
    font-size: 14px;
}

.footer_bottom p > i,
.footer_bottom p > a:hover {
    color: #cda885;
}

.footer_bottom p > a {
    color: #fff;
}

.footer_bottom ul {
    margin-bottom: 0;
}

/* ================================
:: 17.0 bredcumb area css
================================ */

.breadcumb_area {
    height: 200px;
    width: 100%;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
    background-position: center -100px;
}

.breadcumb_area:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background-color: rgba(35, 25, 0, 0.75)
}

.breadcumb_section {
    position: relative;
    margin-top: 0;
    width: 100%;
    height: 100px;
}

.breadcumb_area .container,
.breadcumb_area .container > .row,
.breadcumb_area .container > .row > .col,
.breadcumb_section {
    height: 100%;
}

.breadcumb_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 40px;
}

.page_pagination {
    right: 0;
}

.page_title > h3 {
    color: #fff;
    font-weight: 700;
    padding: 10px 30px 10px 0;
    text-transform: uppercase;
}

.page_pagination ul > li {
    padding: 0 5px;
}

.page_pagination ul > li:first-child {
    padding-left: 0;
}

.page_pagination ul > li > a,
.page_pagination ul > li {
    color: #fff;
    display: inline-block;
}

.page_pagination ul > li > a:hover {
    color: #cda885;
}


/* ========================
:: 20.0 404 page area css
======================== */
.not-found-text i {
    color: #aa7d1c;
    font-size: 80px;
}

.error_page .not-found-text h2 {
    color: #aa7d1c;
    font-size: 70px;
    font-weight: 700;
}

.error_page .not-found-text h3 {
    color: #2c3e50;
    font-size: 30px;
    font-weight: 700;
}

.not-found-text > a {
    background-color: #aa7d1c;
    border: medium none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    margin-top: 15px;
    padding: 15px 30px;
}

.not-found-text > a:hover,
.not-found-text > a:focus {
    background-color: #543d06;
    color: #fff;
}


/* ================================
:: 24.0 FAQ page / accordian css
================================ */

.single-accordion {
    margin-bottom: 20px;
}

.single-accordion:last-of-type {
    margin-bottom: 0;
}

.single-accordion div.accordion-title {
    background-color: #f8f6f3;
    border: 1px solid #efebe5;
    border-top: none;
    color: #7e5c11;
    display: block;
    font-weight: 300;
    padding: 15px 20px 12px 20px;
    position: relative;
    text-transform: capitalize;
    cursor: pointer;
}

.single-accordion div.accordion-title.accordion-title--text-normal {
    text-transform: none;
}

.single-accordion:first-of-type div.accordion-title {
    border-top: 1px solid #efebe5;
}

.single-accordion div.accordion-title .accordion-toggle-icon {
    position: absolute;
    right: 20px;
    top: 0;
    font-weight: 300;
    height: 100%;
    font-size: 24px;
    line-height: 230%;
}

.single-accordion div.accordion-title > a.collapsed span.accor-close {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

span.accor-open {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.single-accordion div.accordion-title > a {
    text-decoration: none;
}

.single-accordion div.accordion-title > a.collapsed span.accor-open {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.single-accordion div.accordion-title {
    margin-bottom: 0;
    text-transform: uppercase;
}

.single-accordion .accordion-content {
    border: 1px solid #efebe5;
    border-top: 0 solid transparent;
}

.accordion-customer-details {
    position: relative;
}

.register-item .customer-card {
    width: 80px;
    text-align: center;
    height: 30px;
    padding: 3px;
}

.single-accordion.register-item div.accordion-title {
    padding: 10px;
}

.accordion-customer-details table td:nth-child(1) {
    padding-right: 3px;
}

.accordion-customer-controls {
    margin-top: 5px;
}

select.empty,
select option.placeholder {
    color: #6c757d !important;
}

select option:not(.placeholder) {
    color: #495057;
}

.pagination.box {
    user-select: none;
}

.pagination.box {
    overflow: visible;
}

.pagination.box li:first-child .page-link {
    border-left: none;
}

.pagination.box li:last-child .page-link {
    border-right: none;
}

.pagination.box .page-link {
    border-top: none;
    border-bottom: none;
    padding: 5px;
    min-width: 30px;
    display: block;
    text-align: center;
    color: inherit;
    text-decoration: none;
    border-color: #efebe5;
    min-height: 28px;
}

.pagination.box .page-link > span .fa {
    margin-right: 3px;
}

.pagination.box .page-link:hover {
    background-color: #fdfbfb;
    border-color: #efebe5;
    color: #7e5c11;
}

.pagination.box .page-link.active {
    pointer-events: none;
    background-color: #f8f6f3;
    font-weight: bold;
}

.pagination.box span.page-link,
.pagination.box span.page-link:hover {
    background: inherit;
    border-color: #efebe5;
    color: inherit;
    cursor: default;
    padding-left: 5px;
    padding-right: 5px;
    min-width: auto;
}

.pagination .page-link[aria-disabled] {
    pointer-events: none;
    color: InactiveCaptionText;
}

.pagination.box span.page-link.control {
    padding: 2px;
}

.pagination.box span.page-link.control input {
    height: 1.3em;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .pagination.box li > * {
        font-size: 14px;
        padding: 8px;
    }
}


.form-control {
    height: 38px;
}

.form-control:read-only {
    background-color: #f6f6f6;
}

.form-control[type=file] {
    padding: 3px;
}

.form-control[type=slider][type=multiple] {
    padding-left: 5px;
    padding-right: 5px;
}


.single-accordion.proof-of-purchase {
    margin-bottom: 5px;
}


div.single-accordion.box .accordion-title {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

div.single-accordion.box .accordion-content {
    border: none;
}

.product-picture-area-button {
    color: #000000;
    text-shadow: 0 0 10px #eaeaea, 0 0 20px #eaeaea, 0 0 30px #eaeaea, 0 0 40px #eaeaea, 0 0 50px #eaeaea;
}

.product-picture-area-button:hover {
    color: #000000;
    text-shadow: 0 0 50px #fff, 0 0 40px #fff, 0 0 30px #fff, 0 0 20px #fff, 0 0 10px #fff;
}

.product-item {
    position: relative;
}

.container--contactform #captchaCodeImage {
    width: 150px;
    height: 40px;
}

.container--contactform #captcha {
    max-width: 150px;
}

.dropzone {
    border: 3px dashed #543d06;
    background: #f7f7f7;
    border-radius: 4px;
    box-shadow: inset 0 2px 6px 0 rgba(220, 220, 220, 0.57);
    transition: border-color 300ms cubic-bezier(0, 0, 0.2, 1);
}

#popupFraudWarning {
    max-width: 720px;
    border: 6px #c93838 solid;
    border-radius: 10px;
    animation: fraud-popup-warning-border-fadein-animation .5s;
}

#popupFraudWarning .popup-fraud-warning-icon {
    position: absolute;
    left: -2em;
    top: -2em;
    width: 4em;
    height: 4em;
    background: #c93838;
    border-radius: 2em !important;
    color: #fff;
    animation: fraud-popup-warning-icon-fadein-animation .5s;
}

#popupFraudWarning .popup-fraud-warning-icon i {
    animation: bell-ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@keyframes bell-ring {
    0% {
        transform: rotate(0);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

@keyframes fraud-popup-warning-border-fadein-animation {
    0% {
        border-color: transparent;
    }
    100% {
        border-color: #c93838;
    }
}

@keyframes fraud-popup-warning-icon-fadein-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.star-rating__stars {
    display: flex;
    margin-bottom: 2px;
    user-select: none;
}
.star-rating__star {
    font-size: 1.5em;
    padding-right: 4px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    color: #ffc200;
}

.star-rating__star.preview {
    color: #ffe286;
}

button.btn-nostyle, input[type="submit"].btn-nostyle, input[type="reset"].btn-nostyle {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.content-block-reviews .splide__pagination {
    bottom: -20px;
    display: none;
}

.content-block-reviews .splide__arrow {
    background: #856112;
    color: white;
    opacity: 1;

}

.content-block-reviews .splide__arrow svg {
    fill: white;
}

.content-block-reviews .splide__track {
    margin: 0 50px;
}

.content-block-reviews .splide__arrow--prev {
    left: 10px;
}

.content-block-reviews .splide__arrow--next {
    right: 10px;
}

.review-box h4 {
    font-size: 1.1em;
}