@font-face {
    font-family: montserrat-light;
    src: url(../fonts/montserrat/Montserrat-Light.ttf);
}

@font-face {
  font-family: montserrat-regular;
  src: url(../fonts/montserrat/Montserrat-Regular.ttf);
}

@font-face {
  font-family: montserrat-bold;
  src: url(../fonts/montserrat/Montserrat-Bold.ttf);
}

@font-face {
  font-family: taberna-serif-regular;
  src: url(../fonts/taberna/TabernaSerif-Regular.otf);
}

@font-face {
  font-family: taberna-serif-bold;
  src: url(../fonts/taberna/TabernaSerif-Black.otf);
}

@font-face {
  font-family: taberna-serif-bold-in;
  src: url(../fonts/taberna/TabernaSerif-BlackIn.otf);
}

@font-face {
  font-family: taberna-sans-regular;
  src: url(../fonts/taberna/TabernaSans-Regular.otf);
}

@font-face {
  font-family: taberna-sans-bold;
  src: url(../fonts/taberna/TabernaSans-Black.otf);
}

@font-face {
  font-family: taberna-sans-bold-int;
  src: url(../fonts/taberna/TabernaSans-BlackIn.otf);
}

@font-face {
  font-family: summer-loving-solid-regular;
  src: url(../fonts/summer/Summer-Loving-Solid-Regular.otf);
}

input {
    -webkit-appearance: none !important;
}

input:focus {
    outline: 0 !important;
}

html,
body {
    height: 100% !important;
    background-color: #FFF !important;
    font-family: "montserrat-regular" !important;
    color: #000 !important;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none !important;
}

*:hover.opacity-085 {
    opacity: .85 !important;
}

.hr {
    border: 0 !important;
    border-top: 1px solid #bebebe !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.container-section {
    width: 100% !important;
}

.container-subsection {
    width: 95% !important;
    margin: 0 2.5% !important;
}

.container {
    width: 90% !important;
}

.montserrat-light-font {
    font-family: "montserrat-light";
}

.montserrat-regular-font {
    font-family: "montserrat-regular";
}

.montserrat-bold-font {
    font-family: "montserrat-bold";
}

.taberna-serif-regular-font {
    font-family: "taberna-serif-regular";
}

.taberna-serif-bold-font {
    font-family: "taberna-serif-bold";
}

.taberna-serif-bold-in-font {
    font-family: "taberna-serif-bold-in";
}

.taberna-sans-regular-font {
    font-family: "taberna-sans-regular";
}

.taberna-sans-bold-font {
    font-family: "taberna-sans-bold";
}

.taberna-sans-bold-in-font {
    font-family: "taberna-sans-bold-int";
}

.summer-loving-solid-regular-font {
    font-family: "summer-loving-solid-regular";
}

.pointer {
    cursor: pointer !important;
}

.text-decoration-underline {
    text-decoration: underline;
}

.white-color {
    color: #FFF !important;
}

.red-color {
    color: #960514 !important;
}

.black-color {
    color: #000000 !important;
}

.grey-1-color {
    color: #666666 !important;
}

.grey-2-color {
    color: #a2a2a2 !important;
}

.grey-3-color {
    color: #bebebe !important;
}

.grey-4-color {
    color: #dfdfdf !important;
}

.grey-5-color {
    color: #f0f0f0 !important
}

.grey-6-color {
    color: #fafafa !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.display-none {
    display: none !important;
}

.rotate-5 {
    transform: rotate(-5deg) !important;
    -webkit-transform: rotate(-5deg) !important;
    -moz-transform: rotate(-5deg) !important;
    -ms-transform: rotate(-5deg) !important;
    -o-transform: rotate(-5deg) !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.letter-spacing-1 {
    letter-spacing: 1px !important;
}

.opacity-0 {
    opacity: 0;
}

.line-height-30 {
    line-height: 30px !important;
}

#l1,#l2,#l3,#l4,#l5,#l6,#l7,#l8,#l9,#l10,#l11,#l12,#l13,#l14,#l15,#l16,#l17,#l18 {
    font-weight: normal;
}

nav {
    box-shadow: none !important;
    position: fixed;
    background-color: #000 !important;
    z-index: 10 !important;
    width: 100% !important;
    height: 150px !important;
}

.font-size-1-1rem {
    font-size: 1.1rem !important;
}

.subnav {
    position: absolute;
    top: 90px;
    z-index: 99;
    display: none;
}

.link-subnav {
    text-align: center;
    padding: 15px 20px;
    font-size: 20px;
}

.link-subnav.white {
    background-color: #FFF;
    color: #000;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
}

.link-subnav.white:last-child {
    border-bottom: 3px solid #000;
}

.link-subnav.white:hover,
.link-subnav.white:focus {
    color: #000;
}

.logo-factory-nine {
    width: 100%;
    padding: 30px 25%;
}

.menu-header {
    padding: 50px 40px 0 0;
}

.menu-white a:hover,
.menu-white a:focus {
    color: #FFF;
}

.menu-black a:hover,
.menu-black a:focus {
    color: #000;
}

.content-order {
    width: 25px;
    height: 25px;
    float: right;
    margin-left: 10px;
    position: relative;
    bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#count-order {
    font-size: 1rem;
    font-family: "taberna-serif-regular" !important;
}

.content-order-black {
    background-image: url('../images/order-icon-menu-black.svg');
}

.content-order-white {
    background-image: url('../images/order-icon-menu-white.svg');
}

.border-bottom-3 {
    border-bottom: 3px solid #000;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.margin-none {
    margin: 0 !important;
}

.margin-bottom-none {
    margin-bottom: 0 !important;
}

.margin-top-none {
    margin-top: 0 !important;
}

.relative {
    position: relative;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.display-block {
    display: block !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.text-one {
    font-size: 18px !important;
    line-height: 32px !important;
}

.text-two {
    font-size: 14px !important;
    line-height: 20px !important;
}

footer {
    background-color: #000 !important;
    padding: 50px 0;
}

.social-media-icon {
    width: 40px;
    margin: 0 10px;
}

.title-option-stores-footer {
    margin-top: 80px;
}

.logo-footer {
    width: 50%;
    margin: 30px 0 30px 0;
    display: block;
}

.btn-white {
    background-color: #FFF !important;
    border: 0 !important;
    color: #000 !important;
    padding: 20px 30px;
    font-size: 16px;
}

.btn-white-red {
    background-color: #FFF !important;
    border: 0 !important;
    color: #960514 !important;
    padding: 20px 30px;
    font-size: 20px;
}

.btn-footer {
    margin: 30px 0;
}

#presentation-home {
    background-color: #000;
    padding: 180px 0 120px 0;
}

.line-white {
    width: 100%;
    height: 20px;
    background-color: #FFF;
    top: 0;
}

.title-presentation-home {
    font-size: 130px; 
    margin-bottom: 0 !important;
}

#about-home {
    padding: 90px 0 70px 0;
}

.description-about-home h4 {
    margin-top: 60px;
    font-size: 2.6rem;
}

.title-about-us {
    font-size: 5rem;
    letter-spacing: 3px;
}

.title-about-family {
    font-size: 6rem;
}

.container-about-team {
    display: flex;
    height: 400px;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 80px 0;
}

.about-team-description h3 {
    font-size: 5rem;
    line-height: 4rem;
}

.about-team-description h5 {
    font-size: 2rem;
}

.about-team-description h6 {
    font-size: 5rem;
    line-height: 2.5rem;
}

.about-team-images {
    width: 600px;
    flex: 1 0 600px;
    height: 400px;
    margin-left: 50px;
    display: flex;
    align-items: center;
}

.about-team-images .item {
    width: 600px;
}

.image-about-home {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/about-home.png");
}

#products-home {
    background-color: #960514;
    padding: 120px 0;
    color: #FFF;
}

.hand-icon-home {
    width: 120px;
    margin: -40px 20px 0 20px;
}

.start-icon-home {
    width: 10px;
    margin: 0 10px;
}

.title-products-home {
    font-size: 130px; 
}

.image-we-are-crazy-about {
    width: 450px;
}

.image-starts-home {
    width: 120px;
}

#image-home-new {
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/new-home-image.jpg");
}

#team-home {
    background-color: #000;
    padding: 70px 0;
}

.title-team {
    font-size: 150px;
    line-height: 60% !important;
}

.btn-team-home {
    margin-top: 50px;
}

#how-to-buy-home {
    padding: 70px 0;
}

.icon-how-to-buy {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

#presentation-about {
    background-color: #FFF;
    padding: 180px 0 70px 0;
}

#description-about {
    background-color: #000;
    padding: 70px 0;
}

#description-two-about {
    background-color: #FFF;
    padding: 70px 0;
}

.icon-about {
    width: 95px;
}

.image-section-about {
    width: 100%;
}

#instagram-about {
    background-color: #FFF;
    padding: 0; 
}

.title-instagram {
    font-size: 90px;
}

.url-instagram {
    font-size: 30px;
}

#list-category-products {
    padding-top: 180px;
    margin-bottom: 10px;
}

.shadow-modal {
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    display: none;
}

.close-modal-general {
    position: absolute;
    top: -30px;
    right: -20px;
    width: 25px;
    height: 25px;
    font-size: 14px !important;
    line-height: 14px !important;
    text-align: center;
    border-radius: 50%;
    color: #FFF;
    padding-top: 5px;
    cursor: pointer;
}

.close-modal-general img {
    width: 100% !important;
}

.why-shop-modal {
    background-color: #FFF;
    position: fixed;
    width: 70%;
    top: 23%;
    left: 15%;
    padding: 30px;
}

.apply-here-modal {
    background-color: #FFF;
    position: fixed;
    width: 40%;
    top: 5%;
    left: 30%;
    padding: 30px;
}

.newsletter-modal {
    background-color: #FFF;
    position: fixed;
    width: 40%;
    top: 22%;
    left: 30%;
    padding: 30px;
}

.social-media-modal {
    background-color: #FFF;
    position: fixed;
    width: 40%;
    top: 30%;
    left: 30%;
    padding: 50px 30px 30px 30px;
}

.apps-modal {
    background-color: #FFF;
    position: fixed;
    width: 80%;
    top: 15%;
    left: 10%;
}

#apps-info {
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
}

.apps-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    background-color: #000;
    flex-direction: column;
}

.apps-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 450px;
}

.content-image-modal img {
    width: 250px;
    border-radius: 50%;
    margin: 0 50px;
}

.links-modal-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 400px;
}

.apps-small {
    width: 60px;
}

.apps-medium {
    width: 150px;
}

.apps-large {
    width: 200px;
}

#text-copy-whatsapp,
#text-copy-email {
    display: none;
}

.title-team-modal {
    font-size: 100px;
    line-height: 60% !important;
}

#form-team input {
    width: 90% !important;
    padding: 0% 5% !important;
    background-color: #FFF !important;
    border: 1px solid #bebebe !important;
    border-radius: 50px;
    font-size: 14px !important;
    color: #333 !important;
    margin-bottom: 10px !important;
}

#form-team input:focus {
    border: 1px solid #bebebe !important;
    box-shadow: none !important;
}

#form-team button {
    width: 30% !important;
    padding: 15px !important;
    background-color: #000 !important;
    color: #FFF !important;
    border: 0 !important;
    font-size: 20px !important;
}

#form-team button:focus,
#form-team button:hover {
    background: #333 !important;
    color: #FFF !important;
    border: 0 !important;
}

#form-team ::-webkit-input-placeholder {
    color: #bebebe !important;
    font-size: 14px !important;
}

#form-team ::-moz-placeholder {
    color: #bebebe !important;
    font-size: 14px !important;
}

#form-team :-ms-input-placeholder {
    color: #bebebe !important;
    font-size: 14px !important;
}

#form-team :-moz-placeholder {
    color: #bebebe !important;
    font-size: 14px !important;
}

#form-newsletter input {
    width: 95% !important;
    height: 55px !important;
    padding-left: 5% !important;
    background-color: #FFF !important;
    border: 1px solid #bebebe !important;
    border-radius: 50px 0 0 50px !important;
    font-size: 14px !important;
    color: #333 !important;
}

#form-newsletter input#last_name-newsletter {
    border-radius: 0 !important;
}

#form-newsletter input:focus {
    border: 1px solid #bebebe !important;
    box-shadow: none !important;
}

#form-newsletter button {
    width: 100% !important;
    padding: 15px !important;
    height: 57px !important;
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #000 !important;
    font-size: 20px !important;
}

.input-newsletter {
    width: 75%;
    float: left;
}

.content-input {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}

.text-input {
    width: 60%;
    float: left;
}

.button-input {
    width: 40%;
    float: left;
}

.input-modal-social {
    width: 100% !important;
    height: 50px !important;
    background-color: #f0f0f0 !important;
    border: 0 !important;
    font-size: 14px !important;
    color: #666666 !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

.button-modal-social {
    width: 100% !important;
    height: 50px !important;
    background-color: #000 !important;
    color: #FFF !important;
    border: 0 !important;
}

.button-newsletter {
    width: 25%;
    float: left;
}

.each-product-products {
    width: 100%;
    height: 350px;
    margin-bottom: 15px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shadow-products {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    display: none;
    z-index: 2;
}

.each-product-products h4 {
    position: absolute;
    display: none;
    z-index: 3;
}

.why-buy-products {
    display: block;
    margin-top: 30px;
    cursor: pointer;
}

#texts-products {
    margin-bottom: 20px;
    background-color: #960514;
    padding: 70px 0;
    color: #FFF;
}

.title-texts-products {
    font-size: 120px;
}

.starts-texts-products {
    width: 100px;
    margin-bottom: 30px;
}

#map-stores {
    background-color: #FFF;
    padding: 180px 0 50px 0;
}

#map {
    width: 100%;
    height: 500px;
    margin-top: 20px;
}

.btn-open-google-map {
    width: 100%;
    padding: 20px 10px;
    background-color: #FFF;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

.each-product-list {
    min-height: 465px;
    margin-bottom: 45px;
}

.image-product-list {
    width: 100%;
    margin-bottom: 10px;
}

.arrow-right,
.arrow-right img,
.arrow-left,
.arrow-left img {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 40%;
}

.arrow-right {
    right: -15px;
}

.arrow-left {
    left: -15px;
}

.arrow-right,
.arrow-left {
    display: none;
}

.order-product-list {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 5%;
    bottom: 0px;
    cursor: pointer;
}

.order-product-list img {
    width: 35px;
    height: 35px;
}

.pagination li.prev,
.pagination li.next {
    display: none !important;
}

.pagination li {
    margin: 0 5px !important;
}

.pagination li a {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #000 !important;
}

.pagination > .active > a {
    background-color: #000 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #FFF !important;
}

.pagination > .active > a:hover {
    color: #FFF !important;
}

.pagination li a:hover {
    color: #000 !important;
}

.submenu-product a {
    margin: 0 5px;
}

.image-product-list-details {
    width: 100%;
    margin-bottom: 30px;
}

.image-active {
    opacity: 1;
}

.image-inactive {
    opacity: .5;
}

.title-product {
    margin-right: 35%;
    line-height: 22px;
}

#marker {
    background-image: url('../images/pin.png');
    width: 50px;
    height: 57px;
    cursor: pointer;
    background-size: cover;
}

.mapboxgl-popup-content {
    background-color: #000;
    color: #FFF;
    border-radius: 0;
    padding: 25px;
    text-align: left;
    font-family: "montserrat-regular" !important;
    height: 360px !important;
}

.mapboxgl-popup-tip {
    border-color: transparent !important;
}

.mapboxgl-popup-close-button {
    display: none !important;
}

.close-modal-pop,
.close-modal-pop img {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 15px;
    height: 15px;
    border: 0 !important;
    background-color: transparent !important;
    cursor: pointer;
}

.close-modal-pop:hover,
.close-modal-pop:focus {
    background-color: transparent !important;
    border: 0 !important;
}

.mapboxgl-ctrl-group button:hover,
.mapboxgl-ctrl-group button:focus {
    background-color: transparent !important;
}

.content-shops {
    width: 100%;
    margin: 20px 0;
    display: block;
}

.each-shop {
    width: 100%;
}

.col-shop {
    width: 32%;
    height: 50px;
    margin-left: 1%;
    margin-bottom: 10px;
    background-color: #dfdfdf;
    float: left;
    text-align: center;
    padding: 15px 0;
}

.shadow-modal-order-product {
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    display: none;
}

.order-product {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    right: -15px;
    top: 10px;
}

.order-product img {
    width: 30px;
    height: 30px;
}

#content-shop-car {
    width: 30%;
    max-height: 80%;
    top: 5%;
    right: 0;
    background-color: #FFF;
    position: fixed;
    z-index: 2000 !important;
    overflow-y: scroll;
    animation-duration: .3s;
    animation-name: slidein;
}

@keyframes slidein {
    from {
        right: -50%;
        width: 30%;
    }
  
    to {
        right: 0%;
        width: 30%;
    }
}

.title-order {
    margin-top: 30px;
}

.button-order {
    width: 90% !important;
    padding: 25px 15px !important;
    background-color: #000 !important;
    color: #FFF !important;
    border: 0 !important;
    font-size: 20px !important;
}

.each-product-order {
    width: 100%;
    padding: 20px;
    padding-bottom: 0;
    border-bottom: 1px solid #eeeeee;
}

.link-product {
    width: 92%;
    left: 4%;
    height: 100%;
    position: absolute;
    cursor: pointer;
}

.each-product-order h6 {
    font-size: .9rem !important;
    margin: 0 0 2px 0 !important;
    line-height: 16px !important;
}

.image-order {
    width: 100%;
}

.btn-reduce-order {
    margin-top: 5px;
}

.btn-more-order,
.btn-more-order img,
.btn-reduce-order,
.btn-reduce-order img {
    width: 80%;
    margin-left: 10%;
    cursor: pointer;
}

.remove-product {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
}

.trash-icon-image{
    width: 15px;
    cursor: pointer;
}

.back-order-icon-content {
    position: fixed;
    width: 20px;
    height: 20px;
    top: 50px;
    left: 69%;
    animation-duration: 1.5s;
    animation-name: fadein;
}

@keyframes fadein {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }

#form-order input {
    width: 82% !important;
    padding: 5px 20px !important;
    background-color: #FFF !important;
    border: 1px solid #bebebe !important;
    border-radius: 50px;
    font-size: 14px !important;
    color: #333 !important;
    margin-bottom: 10px !important;
}

#form-order input:focus {
    border: 1px solid #bebebe !important;
    box-shadow: none !important;
}

#form-order ::-webkit-input-placeholder {
    color: #bebebe !important;
    font-size: 14px !important;
}

#form-order ::-moz-placeholder {
    color: #bebebe !important;
    font-size: 14px !important;
}

#form-order :-ms-input-placeholder {
    color: #bebebe !important;
    font-size: 14px !important;
}

#form-order :-moz-placeholder {
    color: #bebebe !important;
    font-size: 14px !important;
}

#form-order #content-select-shop-order input.select-dropdown {
    padding: 5px 20px !important;
}

#form-order #content-select-schedule-order .select-wrapper svg {
    right: 25px !important;
}

#form-order .select-dropdown {
    color: #333333 !important;
}

#form-order button {
    width: 50% !important;
    padding: 15px !important;
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #000 !important;
    font-size: 24px !important;
    float: right;
}

#form-order .datepicker-date-display,
#form-order .confirmation-btns {
    display: none;
}

#form-order .datepicker-calendar-container button {
    background-color: transparent !important;
}

#form-order .month-prev,
#form-order .month-next {
    border: 0 !important;
    width: auto !important;
    margin-top: 10px !important;
}

#form-order .month-prev svg,
#form-order .month-next svg {
    fill: #000 !important;
}

#form-order .datepicker-controls {
    justify-content: center !important;
}

#form-order .select-month input {
    border: 0 !important;
    width: 120px !important;
    text-align: center !important;
    padding: 0 !important;
    margin-top: 15px !important;
    font-size: 18px !important;
    color: #000 !important;
}

#form-order .select-year input {
    border: 0 !important;
    padding: 0 !important;
    width: 50px !important;
    text-align: center !important;
    margin-top: 15px !important;
    font-size: 18px !important;
    color: #000 !important;
}

#form-order .datepicker-day-button {
    background-color: transparent !important;
    border: none !important;
    line-height: 0 !important;
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    padding: 8px !important;
    cursor: pointer !important;
    color: inherit !important;
    font-size: 14px !important;
}

#form-order .datepicker-modal {
    background-color: transparent !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    border: none !important;
    width: 450px !important;
}

#form-order .datepicker-table abbr {
    font-weight: normal !important;
    color: #bebebe !important;
    font-size: .7rem !important;
}

#form-order .datepicker-table thead {
    border-bottom: 1px solid #bebebe !important;
}

#form-order .datepicker-table td.is-today {
  color: rgba(0, 0, 0, 0.3) !important;
}

#form-order .datepicker-table td.is-selected {
    background-color: #eeeeee !important;
    color: #000 !important;
}

.container-list-product-order {
    width: 100%;
    height: 400px;
    padding: 20px;
    background-color: #f0f0f0;
}

.container-list-product-order hr {
    border: 0;
    border-top: 1px solid #bebebe;
}

.container-list-product-order h6 {
    font-size: .85rem;
}

.each-product-order-summary {
    border-bottom: 1px solid #bebebe;
}

.image-order-summary {
    width: 100%;
}

.list-product-order-summary {
    width: 100%;
    height: 230px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 15px;
}

.view-stores-order  {
    font-size: 12px;
    margin-left: 10px;
}

#success-section {
    margin: 0 0 40px 0;
    background-color: #000;
    padding: 180px 0 40px 0;
}

.title-success {
    margin-top: 0 !important;
    font-size: 10rem;
    line-height: 5rem;
}

.subtitle-success {
    margin-top: 30px;
    font-size: 1.3rem;
    line-height: 2rem;
}

.btn-success-order {
    padding: 30px 50px;
    border: 0;
    border-radius: 0;
    margin-top: 20px;
    font-size: 1.5rem;
}

.btn-success-order:focus,
.btn-success-order:hover {
    background-color: #FFF;
    color: #000;
}

.description-order h6 {
    font-size: .9rem;
}

#intro-home {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    top: 0;
    left: 0;
    z-index: 5000;
}

.title-intro {
    margin-top: 35%;
    font-size: 180px;
    line-height: 60% !important;
}

.logotipo-intro {
    margin-top: 35%;
    display: none;
}

.shadow-modal-new-order-product {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    z-index: 99;
    top: 0;
    display: none;
}

.modal-new-order-product {
    width: 50%;
    background-color: #FFF;
    border: 1px solid #dfdfdf;
    position: fixed;
    top: 25%;
    left: 25%;
    z-index: 100;
    padding: 30px 20px;
}

.close-modal-new-order {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #FFF;
    position: absolute;
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
    text-align: center;
    top: -25px;
    right: -25px;
    font-family: "montserrat-regular";
    padding-top: 2px;
}

.close-modal-new-order img {
    width: 100%;
}

.image-svg-select {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 2;
}

#content-select-schedule-order .image-svg-select {
    right: 30px;
}

.arrow-back-icon {
    width: 15px;
    margin-right: 10px;
}

.image-datepicker {
    position: absolute;
    width: 20px;
    top: 18px;
    right: 40px;
    cursor: pointer;
}

#error-section {
    padding-top: 60px;
}

.image-404 {
    width: 35%;
}

.btn-error,
.btn-error:hover,
.btn-error:focus {
    background-color: #000;
    color: #FFF;
    border: 0;
    padding: 15px 20px;
    font-size: 16px;
    margin-top: 30px;
}

.newsletter-ok,
.newsletter-ok:hover,
.newsletter-ok:focus,
.form-ok,
.form-ok:hover,
.form-ok:focus {
    padding: 20px 80px;
    background-color: #000;
    color: #FFF;
    border: 0;
    font-size: 24px;
    margin: 10px 0;
}

.content-login {
    margin-top: 100px;
    padding: 30px 100px;
    border: 1px solid #000;
}

#login-form input:focus {
    border-bottom: 1px solid #000 !important;
    box-shadow: none !important;
}

#login-form button {
    background-color: #000;
    color: #FFF;
    padding: 10px 30px;
    border: 0;
    float: right;
}

.container-admin {
    margin-top: 80px;
}

.btn-admin,
.btn-admin:hover,
.btn-admin:focus {
    background-color: #000;
    color: #FFF;
    border: 0;
    padding: 10px 20px;
}

#modal-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4999;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-popup {
    width: 70%;
    background-color: #FFF;
    display: flex;
    position: relative;
}

.image-popup {
    flex: 0 0 60%;
}

.image-popup.full-image {
    flex: 0 0 100%;
}

.image-popup > img {
    width: 100%;
}

.text-popup {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 50px;
}

.text-popup h3 {
    font-size: 20px;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0 0 40px 0;
}

.text-popup h6 {
    font-size: 14px;
    margin: 0 0 40px 0;
}

.text-popup a {
    background-color: #000;
    padding: 10px 50px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
}

.close-modal-popup {
    background-color: #000;
    color: #FFF;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    right: -30px;
    top: -30px;
}

.close-modal-popup img {
    width: 10px;
}

.title-info-store {
    font-size: 6rem;
}

.each-info-store {
    width: 100%;
    height: 300px;
    display: flex;
    margin-bottom: 30px;
}

.store-image {
    flex: 1 0 150px;
    width: 150px;
    height: 300px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.store-info {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
}

#presentation-news {
    background-color: #FFF;
    padding: 180px 0 70px 0;
}

.title-news {
    margin: 0;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 2px;
}

.each-news {
    width: 100%;
    height: 600px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-header {
    width: 100%;
    height: 540px;
    border: 1px solid #000;
}

.header-bg-image {
    width: 100%;
    height: 340px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.header-info {
    width: 100%;
    height: 200px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.info-title-news {
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 2px;
}

.btn-news {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-news:hover,
.btn-news:focus {
    color: #FFF;
    opacity: .85;
}

.bg-image-new-header {
    width: 100%;
    height: 500px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.container-title-new-header {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 30px;
}

.title-label-new-header {
    background-color: #000;
    color: #FFF;
    font-size: .6rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px;
    width: fit-content;
}

.title-new-header {
    margin: 10px 0;
    font-size: 2.5rem;
    letter-spacing: 2px;
}

.date-new-header {
    font-size: .8rem;
}

.content-info-new {
    width: 80%;
    padding: 60px 100px;
    background-color: #FFF;
    margin: -150px auto 0;
}

.more-news-title {
    font-size: 1.2rem;
    text-transform: uppercase;
}

.each-more-new {
    width: 100%;
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.header-each-more-new {
    width: 100%;
    height: 340px;
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-image-header-each-more-new {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: red;
}

.info-header-each-more-new {
    width: 100%;
    height: 140px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.title-info-header-each-more-new {
    font-size: .8rem;
    margin: 0;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.date-info-header-each-more-new {
    font-size: .6rem;
}

.btn-news-more {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .8rem;
    border: 1px solid #000;
}

.btn-news-more:hover,
.btn-news-more:focus {
    color: #FFF;
    background-color: #000;
}

.title-tag {
    font-size: .8rem;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.subtitle-tag {
    font-size: .6rem;
    margin: 10px 0 0;
}