@import url('https://fonts.googleapis.com/css2?family=Paytone+One&display=swap');

@font-face {
    font-family: din-condensed;
    src: url('../fonts/din-condensed-bold/DINCondensed-Bold.ttf') format("opentype");
}
@font-face {
    font-family: panton-bold;
    src: url('../fonts/panton/Panton-Bold.ttf') format("opentype");
}
@font-face {
    font-family: panton-light;
    src: url('../fonts/panton/Panton-Regular.ttf') format("opentype");
}

html * {
    font-family: panton-light;
}
.pulze-navbar{
    background-image: linear-gradient(to right, #ac583d, #f49d7d)!important;
}
.pulze-img-navbar{
    height: 40px;
}
.lb-header-category{
    /* background-image:linear-gradient(to right,#cd6669,#ac583d); */
    background-color: #2e2c2d;
    margin-bottom: 2rem;
    border-top: 1px solid white;

    /* margin-top: 5rem; */
}
.nav-link{
    font-family: panton-light!important;
}

.lb-header-category>div>h1 {
    font-size: 34px;
    color: #fff;
    letter-spacing: 0.5px;
    /* font-weight: 700; */
    font-style: italic;
    padding: 25px 15px;
    font-family: panton-bold!important;
}
/* .bg-pulze{
    background-image: linear-gradient(to right,#ac583d,#DE4F0B);
} */
.products-list>.item{
    background-color: transparent!important;
    
}
.products-list .product-info{
    margin-left: 20px!important;
}
.products-list .product-title{
    margin-bottom: 0.5rem!important;
 }
.products-list .product-description{
   text-transform: none!important;
   color: rgb(204, 202, 202)!important;
   font-size: 14px;
}

.box-home {
    height: 400px;
}
.btn-outline-warning{
    color: #ac583d!important;
}
.bg-warning{
    background-image: linear-gradient(to bottom, #ac583d, #f49d7d)!important;
    color: white!important;
}
.bg-warning h5, .bg-warning label {
    color: white!important;
}
.card-warning, .card-outline-warning{
    border-color: #ac583d!important;

}
.help-block-error{
    color: red;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning.focus,
.btn-outline-warning:active,
.btn-outline-warning.active,
.open > .dropdown-toggle.btn-outline-warning {
    color: #fff!important;
    background-color: #ac583d!important;
    border-color: #ac583d!important;
}
.btn-warning {
    color: #fff!important;
    background-color: #ac583d!important;
    border-color: #ac583d!important;
}
.btn-primary{
    background-color: #3f75af!important;
    border-color: #3f75af!important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff!important;
    background-color: #356394!important;
    border-color: #356394!important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff!important;
    background-color: #DE4F0B!important;
    border-color: #ac583d!important;
}

#growl-alert{
    z-index: 999999;
}

.no-border {
    border: 0px!important;
}


/* INDEX - CARD PRODOTTI*/

.card-prodotti-index{
    border: 1px solid rgba(0, 0, 0, 0.131)!important;
    /* border-radius: 0!important; */
    /* padding: 5px!important;  */
    box-shadow: #ac583d 0px -4px 1px -1px!important;
}
.linkLogin-prodotto{
    /* color: #242424!important; */
    font-weight: bold;
}
.linkLogin-prodotto:hover{
    color: #ac583d!important;
}
.img_prodotto{text-align: center}


/* PRODOTTI VIEW */

.title-prodotto{
    color: #ac583d;
    font-size: 3.8rem;
    font-style: italic;
    font-weight: 700;
}
.bg-nome_pubblicazione{
    background: #211D1E;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    padding: 6px 30px 6px 12px;
    margin-bottom: 12px;
    display: inline-block;
    position: relative;
    max-width: 310px;
    clip-path: polygon(0 0,100% 0,82% 100%,0% 100%);
    -webkit-clip-path: polygon(0 0,100% 0,82% 100%,0% 100%);
    font-size: 14px;
}
.prezzo-prodotto{
    font-weight: 700;
    font-style: italic;
    color: #211D1E;
    font-size: 42px;
}
.box-prodotto{
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

/* FASCIA CONSIGLI INDEX */

.fascia-consigli{
    background-color: #003F5A;
}
.fascia-consigli .titolo-fascia {
    font-size: 34px;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    /* padding: 30px 0; */
}
.fascia-consigli .fascia-link {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 1px;
    
}

.fascia-newsletter{
    border-top: 2px solid #ac583d;
    background-color: #003F5A;
}
.fascia-newsletter .titolo-newsletter {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}
/* BANNERS */ /* OLD */
.box-caption-banners{
    top:40%;
    width:45%;
}
.title-banner-items{
    font-family: 'Paytone One', sans-serif;
    font-size: 3.8vw;
    font-weight: bold;
}
.content-banner-items p{
    font-size: 1.2vw;
}
@media only screen and (max-width: 720px) {
    .box-caption-banners{
        top:5vh;
        width:45%;
    }
    .title-banner-items{
        font-size: 6vw;
        font-weight: bold;
    }
    .content-banner-items p{
        /* font-size: 1.8vw; */
        display: none;
    }
}
@media only screen and (max-width: 425px) {
    .box-caption-banners{
        top:7vw!important;
        width:45%;
    }
    .title-banner-items{
        font-size: 6vw;
        font-weight: bold;
    }
    .content-banner-items{
        display: none;
    }
}

/** 3 BLOCK BANNERS */
.banner-deck .card{
    box-shadow: none!important;
}

.box-banner {
    position: relative;
    text-align: center;
    margin-bottom: 65px!important;
    transition: all .3s;
}
.box-banner:hover{
    transform: translateY(-5px);
}
.box-banner .h2 {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 18px;
    margin-top: 20px;
    position: absolute;
    bottom: -30px;
    width: 100%;
    transition: all .3s ease-in-out;
    
}
.box-banner .h2:hover {
    /* transform: translate(0,-10%); */
    transform: scale(1.1);
}
.box-banner .h2>a {
    background-image: linear-gradient(to right,#003F5A,#03293a);
    padding: 12px 24px;
    box-shadow: 6px 6px 6px rgb(0 0 0 / 9%);
    display: inline-block;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    text-align: center;
    max-width: 350px;
    transition: all .3s ease-in-out;
    color: white!important;
}

/*TIMELINE ABOUT */
@media (max-width: 639px){
.container-timeline{
    margin-left: 4%!important;
}
}
.lb-overflow-auto, .lb-checklist-section-grid {
    overflow: visible;
    margin-left: 0;
}


@media (min-width: 639px){
.lb-checklist-section-grid ul li {
    margin-bottom: 40px;
    padding-top: 60px;
}
}

.lb-timeline-container .uk-card {
    max-width: 100%!important;
}
.uk-visible\@s.uk-width-small.timeline-icon-col {
    position: relative;
}
@media (max-width: 1100px){
.uk-visible\@s.uk-width-small.timeline-icon-col::before {
    left: 30px;
}}
.uk-visible\@s.uk-width-small.timeline-icon-col::before {
    content: "";
    position: absolute;
    top: 70px!important;
    left: 40px;
    right: 0;
    border: 4px solid #e8e8e8;
    width: 0;
    height: 100%;
    margin: 0 auto;
}
.timeline-icon-col img {
    border: 8px solid #e8e8e8;
    max-width: 100px;
    border-radius: 50%;
    position: relative;
    background-color: #fff;
}
.timeline-text-title {
    margin-top: 25px;
    line-height: 1.2;
    font-family: paytone one;
    font-weight: 900;
    font-size: 42px;
    color: #cf5559!important;
}
.timeline-heading{
    color: #cf5559!important;
    font-size: 3.25rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 20px;
    font-family: paytone one;
    text-transform: inherit;
}
.lb-timeline-image {
    text-align: center;
}
.lb-timeline-image .el-image {
    background-color: #fff;
}
.lb-timeline-image.lb-img-outside-right img {
    border-radius: 70px 10px;
    border: 6px solid #e8e8e8;
}
.lb-timeline-image.lb-img-outside-left img {
    border-radius: 10px 70px;
    border: 6px solid #e8e8e8;
}
.timeline-text-title {
    margin-top: 25px;
}
.timeline-icon-col img {
    border: 8px solid #e8e8e8;
    max-width: 100px;
    border-radius: 50%;
    position: relative;
    background-color: #fff;
}
.timeline-text-data {
    font-size: 17px;
    color: #1155cb!important;
    text-align: right!important;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 20px;
    font-family: paytone one;
    text-transform: inherit;

}
.timeline-text-content{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    background: #fff;
    color: #868585;
    text-rendering: optimizeLegibility;
}
.timeline-item {
    padding: 35px 0!important;
}

/* Poster */
.poster-link{
    text-transform: uppercase;
    font-size: 14px!important;
    font-style: italic;
    clip-path: polygon(0 0,100% 0,82% 100%,0% 100%);
    -webkit-clip-path: polygon(0 0,100% 0,82% 100%,0% 100%);
}

/* Crowl */
.growl-close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  margin-top: -3px;
}

.growl-close:hover {
  color: #000;
  text-decoration: none;
}

.growl-close:not(:disabled):not(.disabled):hover, .growl-close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.growl-close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.growl-close.disabled {
  pointer-events: none;
}
/* -- CUSTOM DROPDOWN -- */

.custom-dropdown .btn:active, .custom-dropdown .btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none; 
}
  
  .custom-dropdown .btn.btn-custom {
    border: 1px solid #efefef; 
}
  
  .custom-dropdown .dropdown-link {
    color: rgb(110, 110, 110);
    font-size: 15px;
    display: inline-block;
    padding: 8px 15px;
    background: #f8f9fa;
    position: relative; 
}
.custom-dropdown .dropdown-link:after {
    content: ""; 
}
  
.custom-dropdown .dropdown-item {
    font-size: 14px;
    color: rgb(110, 110, 110);
    border-bottom: 1px solid #efefef;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    position: relative; 
}

.custom-dropdown .dropdown-item:last-child {
    border-bottom: none; 
}
.custom-dropdown .dropdown-item:hover {
    color: #000;
}
.custom-dropdown .dropdown-item:active{
    background-color: transparent;
}