/* VARIABLE */

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNext-Regular.woff2') format('woff2'),
        url('AvenirNext-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNext-Bold.woff2') format('woff2'),
        url('AvenirNext-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeuzeitOfficeSRW04';
    src: url('NeuzeitOfficeSRW04-Regular.woff2') format('woff2'),
        url('NeuzeitOfficeSRW04-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'News702 BT';
    src: url('News702BT-Roman.woff2') format('woff2'),
        url('News702BT-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeuzeitOfficeSRW04';
    src: url('NeuzeitOfficeSRW04-Bold.woff2') format('woff2'),
        url('NeuzeitOfficeSRW04-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: News702 BT;
}

html body.w-100 div#header.fixed-top.bg-light nav.navbar.navbar-expand-lg.navbar-light div.container div#navbarNav.collapse.navbar-collapse ul.navbar-nav.nav-fill.w-100 li.nav-item a.nav-link.text-uppercase {
    font-family: NeuzeitOfficeSRW04;
}

html body.w-100 div#header.fixed-top.bg-light nav.navbar.navbar-expand-lg.navbar-light div.container div.d-flex.align-items-center.flex-row-reverse a.nav-link-mod {
    font-family: NeuzeitOfficeSRW04;
}

.nav-link-mod {
    display: block;
    padding: .3rem;
}

a {
    color: black;
}

a:hover {
    color: #F79E00;
}

.my-btnmenu {
    padding: .325rem .60rem;
    border-radius: 1.5rem;
}

.my-btnmenu-meno{
    padding: .325rem .85rem;
    border-radius: 1.5rem;
}

.nbar-active {
    font-weight: bold;
    color: #A32430 !important;
}

.primary-color {
    color: #c82333 !important;
}

.mt-12 {
    margin-top: 12rem !important;
}

.mb-12 {
    margin-bottom: 12rem !important;
}

.mb-0 {
    margin-bottom: 0rem !important;
}

.nopadding {
    padding: 0px !important;
}

.nomargin {
    margin: 0px !important;
}

.fontsize-24 {
    font-size: 1.5rem;
}

.fontsize-20 {
    font-size: 1.25rem;
}

.fontsize-18 {
    font-size: 1.125rem;
}

.fontsize-12 {
    font-size: 0.75rem;
}

.pt-10px {
    padding-top: 0.625rem;
}

.larina-color-hr {
    border-top: 1px solid #A32430;
}


.initial-margin {
    margin-top: 130px !important;
}

.initial-margin-shop {
    margin-top: 119px !important;
}

.row-nomargin {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.form-group {
    margin-bottom: 0.3rem !important;
}

[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* FINE VARIABLE */

/* ############################################### */
/* ############################################### */
/* ############################################### */

/* NAVBAR WITH INITIAL TEXT */
@media screen and (min-width: 1500px){
    .language-choise {
        padding-right: 200px;
    }
}

@media screen and (max-width: 767px) {
    .margintop {
        margin-top: .5rem !important;
    }
}

@media screen and (max-width: 1200px) {
    .ttcenter {
        text-align: center !important;
    }
}

@media screen and (max-width: 650px) {
    #cartref {
        margin-left: -50px;
    }
}

.language-choise {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
}

.shop-button {
    padding: 7px 10px;
    background-color: #A32430;
    color: #fff;
    border-radius: 6px;
    border: 0px;
    font-weight: bold;
    font-style: italic;
    font-family: NeuzeitOfficeSRW04;
}

.fade-in {
    animation: fadeIn 1s;
}

.fade-out {
    animation: fadeOut 1s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
/* FINE NAVBAR */

/* ############################################### */
/* ############################################### */
/* ############################################### */

/* FOOTER */
.newsletter-footer{
    background-color: #CB983E;
}

.newsletter-form {
    border-radius: 1rem;
    border: 1px solid #fff;
}

.newsletter-button {
    padding: 6px 30px;
    border-radius: 20px;
}

.color-footerspan {
    color: #CB983E;
}

.color-footerspan:hover {
    color: #F79E00;
}

/* FINE FOOTER */


/* ############################################### */
/* ############################################### */
/* ############################################### */


/* HOMEPAGE */

.imageHome {
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7); 
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
}

.title-cookies {
    color: #CB983E;
    font-size: 1.5rem;
    font-weight: bold;
    font-style: italic;
}

.button-cookies {
    background-color: #A32430;
    color: #fff;
    font-style: italic;
    padding: 5px 20px;
}

.button-information {
    background-color: #CB983E;
    padding: 5px 20px;
    color: #fff;
}

.button-cookies:hover{
    background-color: #bd202f;
    color: #fff;
}

.bgImageDiv {
    background: url('https://via.placeholder.com/1920x500');
    background-position: center;
}

.text-information {
    font-size: 4rem;
}

.form-information {
    padding: 30px;
    background: #fff;
    border-radius: 8px;
}

.info-maps {
    position: relative;
    padding: 20px;
    margin-bottom: -48px;
    background: #fff;
}

/* FINE HOMEPAGE*/

/* ############################################### */
/* ############################################### */
/* ############################################### */

/* SWIPER JS */

.swiper-container {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
  }

/* SWIPER JS */

/* ############################################### */
/* ############################################### */
/* ############################################### */

/* QUALITY PAGE */

.secondary-color {
    color: #F79E00;
}


/* FINE QUALITY PAGE */

/* ############################################### */
/* ############################################### */
/* ############################################### */

/* CONTACT PAGE */

.barra:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 50px;
    margin-left: -50px;
    z-index: 1;
    background-color: #6c757d61 !important;
    background-repeat: no-repeat;
}

.myinputcontact {
   border: none;
   border-bottom: 1px solid;
   border-color: #eaeaea;
   padding: 0;
   border-radius: 0;
}

.myinputcontact:focus {
   box-shadow: none;
   border-color: #A32430;
}

.asteriskField {
   display: none;
}

/* FINE CONTACT PAGE */

/* ############################################### */
/* ############################################### */
/* ############################################### */

/* RICETTE APP */

.color-row {
    background: #F79E004D;
    border-bottom-left-radius: 10px;
}

.return {
    margin-top: 150px;
}

.color-title-ricette {
    color: #A32430;
}

/* FINE RICETTE APP */


/* SHOP APP */

#mobile-menu-login, #search-box-mobile {
    display: none !important;
}

@media screen and (max-width: 960px) {
    #mobile-menu-login, #search-box-mobile {
        display: block !important;
    }

    #desktop-menu-login, #search-box-desktop {
        display: none !important;
    }

    .fs-mobile {
        font-size: 0.5rem;
    }
}


/* FINE SHOP APP */


/* ############################################### */
/* ############################################### */
/* ############################################### */

/* LOGIN */

.myloginform{
    padding: 50px 100px;
    border-radius: 10px;
    background: #e8fcff;
}

.btnlogin {
    background: #A32430;
    color: #fff;
    border-radius: 20px;
    transition: .5s;
}

.btnlogin:hover {
    background: #911b27;
    color: #fff;
}

.inputlogin {
    border: 0px;
    border-radius: 8px;
}

/* FINE LOGIN */

/* ############################################### */
/* ############################################### */
/* ############################################### */

/* DETAIL PRODUCT */

#meno-number {
    cursor: pointer;
}

#su-number {
    cursor: pointer;
}

.tabs-wrapper {
    margin: 20px auto 35px;
    padding: 20px 40px 45px;
}

ul.wc-tabs {
    list-style: none;
    margin: 0 0 25px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    border-bottom: 4px solid rgba(124,119,112,.05);
}

ul.wc-tabs li {
    margin: 0 75px 0 0;
}

ul.wc-tabs li div.action {
    padding-top: 5px;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 52px;
    z-index: 1;
    position: relative;
}

ul.wc-tabs li div.action:hover {
    color: #F79E00;
    cursor: pointer;
}


div.description_active_detail_product::before {
    opacity: 1;
    width: 100% !important;
    left: 0;
    right: auto;
    transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    -o-transform-origin: right;
    z-index: 1;
    content: "";
    height: 4px;
    width: 0;
    background-color: #F79E00;
    position: absolute;
    bottom: -4px;
    right: 0;
    transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    outline: none;
    text-decoration: none;
}

/* FINE DETAIL PRODUCT */

/* ############################################### */
/* ############################################### */
/* ############################################### */

/* PRODUCT SHOW IMAGE */
.card {
    margin: auto;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 50px
}

fieldset.active {
    display: block !important
}

fieldset {
    display: none
}

.pic0 {
    width: 400px;
    height: 500px;
    margin-left: 85px;
    margin-right: auto;
    display: block
}

.product-pic {
    padding-left: auto;
    padding-right: auto;
    width: 100%
}

.thumbnails {
    position: absolute
}

.fit-image {
    width: 100%;
    object-fit: cover
}

.tb {
    width: 62px;
    height: 62px;
    border: 1px solid grey;
    margin: 2px;
    opacity: 0.4;
    cursor: pointer
}

.tb-active {
    opacity: 1
}

.thumbnail-img {
    width: 60px;
    height: 60px
}

@media screen and (max-width: 768px) {
    .pic0 {
        width: 250px;
        height: 350px
    }
}
/* FINE PRODUCT SHOW IMAGE */

/* ############################################### */
/* ############################################### */
/* ############################################### */

/* PROFILE */

@media screen and (min-width: 768px) {
    .profile-settings {
        margin-left: 20px;
    }
}

.list-group-item.active {
    background-color: #dc3545;
    border-color: #dc3545;
}



/* FINE PROFILE */