@charset "UTF-8";
/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
p {
   font-family: 'gothic', sans-serif;
}
@font-face {
    font-family: 'gothic';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/centurygothic.woff2") format('woff2');
}

@font-face {
    font-family: 'gothic';
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/centurygothic-bold.woff2") format('woff2');
}

@font-face {
    font-family: 'gothic';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/centurygothic-italic.woff2") format('woff2');
}

@font-face {
    font-family: 'gothic';
    font-style: italic;
    font-weight: 800;
    src: url("../fonts/centurygothic-boldItalic.woff2") format('woff2');
}



.bg-light {
    background-color: #1A1A1A!important;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 2px solid #1a1a1a;
}
.navbar-dark .navbar-nav .nav-link {
   font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    padding-left: 2rem;
    padding-right: 2rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
}
.nav-link{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    padding-left: 2rem;
    padding-right: 2rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #DFB26C;
}
.dropdown-dark {
    font-family: 'Fraunces', serif;
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.1rem 0;
    margin: 0;
    text-align: left;
    list-style: none;
    background-color: #323232;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0rem;
}
/*RADIO STYLE*/
.wrapper{
    display: flex;
    background: #fff;
    
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 20px 15px;
    
  }
  
  .wrapper .option{
    background: #fff;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 10px;
    border-radius: 20px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
  }
  .wrapper .option .dot{
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 20px;
    position: relative;
  }
  .wrapper .option-1 .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #dfb26c;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }
  .wrapper .option-2 .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #ef0303;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }
  #option-1:checked:checked ~ .option-1{
    border-color: #dfb26c;
    background: #dfb26c;
  }
  #option-2:checked:checked ~ .option-2{
    border-color: #ef0303;
    background: #ef0303;
  }
  #option-1:checked:checked ~ .option-1 .dot,
  #option-2:checked:checked ~ .option-2 .dot{
    background: #fff;
  }
  #option-1:checked:checked ~ .option-1 .dot::before,
  #option-2:checked:checked ~ .option-2 .dot::before{
    opacity: 1;
    transform: scale(1);
  }
  .wrapper .option span{
    font-size: 20px;
    color: #808080;
  }
  #option-1:checked:checked ~ .option-1 span,
  #option-2:checked:checked ~ .option-2 span{
    color: #ffffff;
  }
  /*wrapper ali*/
  .wrapper-ali{
    display: flex;
    background: #1a1a1a;
    
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 20px 15px;
    
  }
  .wrapper-ali .option{
    background: #fff;
    height: 25px;
    width:25px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 10px;
    border-radius: 20px;
    cursor: pointer;
    padding: 0 5px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
  }
  .wrapper-ali .option .dot{
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
  }
  .wrapper-ali .option-red .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #f8693d;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }
  .wrapper-ali .option-giallo .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #f8693d;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }
  .wrapper-ali .option-ocra .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #f8693d;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }
  .wrapper-ali .option-turchese .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #f8693d;
    
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }
  .wrapper-ali .option-verde .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #f8693d;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }
  .wrapper-ali .option-all .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #f8693d;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }

  #option-1-ali:checked:checked ~ .option-red{
    border-color: #f8693d;
    background: #f8693d;
  }
  #option-2-ali:checked:checked ~ .option-ocra{
    border-color: #f1ac05;
    background: #f1ac05;
  }
  #option-3-ali:checked:checked ~ .option-giallo{
    border-color: #dad201;
    background: #dad201;
  }
  #option-4-ali:checked:checked ~ .option-turchese{
    border-color: #06becb;
    background: #06becb
  }
  #option-5-ali:checked:checked ~ .option-verde{
    border-color: #4bc192;
    background: #4bc192
  }
  #option-all-ali:checked:checked ~ .option-all{
    border-color: #c0c0c0;
    background: #c0c0c0;
  }
  #option-1-ali:checked:checked ~ .option-red .option-giallo .option-ocra .option-turchese .option-verde .dot,
  #option-2-ali:checked:checked ~ .option-red .option-giallo .option-ocra .option-turchese .option-verde .dot{
    background: #fff;
  }
  #option-1-ali:checked:checked ~ .option-red .dot::before,
  #option-2-ali:checked:checked ~ .option-red .dot::before{
    opacity: 1;
    transform: scale(1);
  }
  
  input[type="radio"]{
    display: none;
  }
  .wrapper-ali .option span{
    font-size: 20px;
    color: #808080;
  }
  





/*-----------*/
.dropdown-item {
     font-family: 'Fraunces', serif;
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #DFB26C;
    background-color: #323232;
}
.navbar-dark .navbar-toggler {
    color: transparent!important;
    border-color: transparent!important;
}
.brd-dx{
    border-right: 2px solid #1a1a1a;
}
.brd-dx-c{
    border-right: 2px solid #F04848;
}
.brd-dx-w{
    border-right: 2px solid #DFB26C;
}
.brd-sx-w{
    border-left: 2px solid #DFB26C;
}
.brd-back{
border-bottom: 2px solid #DFB26C;
}
.h-head{
    height: 90vh;
}
.logo-nav{
    min-width: 60px;
}
.logo-head-fanny{
   
    padding-top: 5%;
}

.box-1-f{
    padding-top: 8rem;
    padding-bottom: 6rem;
    padding-right: 4rem;
    padding-left: 4rem;
}
.box-1-c {
    padding-top: 8rem;
    padding-bottom: 6rem;
    padding-right: 4rem;
    padding-left: 4rem;
}
.box-1-k {
    padding-top: 8rem;
    padding-bottom: 6rem;
    padding-right: 4rem;
    padding-left: 4rem;
}
.box-1-p {
    padding-top: 8rem;
    padding-bottom: 6rem;
    padding-right: 4rem;
    padding-left: 4rem;
}
.box-2-f{
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-right: 4rem;
    padding-left: 4rem;
}

.title-h1-f-top{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(28px + (150 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.title-h1-f-head{
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700; 
}
.title-h1-f-top-head{
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(28px + (180 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    padding-top: 20%;
    line-height: 140px;

}
.title-h1-f{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.title-h2-f{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(28px + (90 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.title-h2-k{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(28px + (80 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.title-h2-h{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(28px + (80 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    line-height: 60px;
}

.title-h2-f-b{
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(28px + (90 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.let-1{
    font-family: 'Fraunces', serif;
    color: #000;
    font-size: calc(24px + (34 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.sp-scelta{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.img-silvia{
    position: absolute;
    left: 10%;
    padding-top: 10vh;
    padding-bottom: 20vh;
    max-width: 32%;
}
/*------------------------modal-----------------*/
.modal-content {
    border: 10px solid #DFB26C;
    border-radius: 0.3rem;
}
.modal-dialog {
    max-width: 44%;
    margin: 1.75rem auto;
}
.back-modal{
    background-image: url(../img/ofiuco/ofiuco2.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 0.5rem;
}
.box-modal{
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.big-title-modal{
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(28px + (120 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    text-align: center;
}
.title-modal{
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(28px + (46 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    text-align: center;
}
.txt-modal{
   font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300))); 
   font-weight: 600;
   color: #2B2B2B;
   text-align: center;
}
/*------------------------fine-modal-----------------*/

.title-ora {
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(20px + (34 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 600;
}
.txt-f{
   font-size: calc(16px + (22 - 16) * ((100vw - 300px) / (1920 - 300))); 
   font-weight: 400;
   color: #2B2B2B;
}
.ke{
   font-size: calc(20px + (28 - 16) * ((100vw - 300px) / (1920 - 300))); 
   font-weight: 300;
   color: #2B2B2B;
}
.txt-ispirazioni{
   font-size: calc(16px + (40 - 16) * ((100vw - 300px) / (1920 - 300))); 
   font-weight: 400;
   color: #2B2B2B;
}
.title-h2-mini{
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}

.box-lato{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
}


.scheda{
    background-color: #292929;
    box-shadow: 10px 10px 20px #BEBEBE;
    border-radius: 5px;
    
}
.scheda-txt{
    padding: 2rem;
}
.title-saturno{
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(28px + (50 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    text-shadow: 2px 2px 10px #222222;
}
.txt-sat{
    text-shadow: 2px 2px 10px #222222;
}


.back-saturno {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    z-index: 3;
    animation-name: saturno;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes saturno {
     0% {
        background-image: url(../img/saturno/1.jpg?v=1.1);
    }

    10% {
        background-image: url(../img/saturno/2.jpg?v=1.1);
    }

    20% {
        background-image: url(../img/saturno/3.jpg?v=1.1);
    }

    30% {
        background-image: url(../img/saturno/4.jpg?v=1.1);
    }

    40% {
        background-image: url(../img/saturno/5.jpg?v=1.1);
    }

    50% {
        background-image: url(../img/saturno/6.jpg?v=1.1);
    }
    60% {
        background-image: url(../img/saturno/7.jpg?v=1.1);
    }

70% {
        background-image: url(../img/saturno/8.jpg?v=1.1);
    }

80% {
        background-image: url(../img/saturno/9.jpg?v=1.1);
    }

90% {
        background-image: url(../img/saturno/10.jpg?v=1.1);
    }


    100% {
        background-image: url(../img/saturno/10.jpg);
    }
}



#spin:after {
  content:"";
  animation: spin 8s linear infinite;
}
@keyframes spin {
  0% { content:"Alberto Giacometti e Caroline."; }
  30% { content:"Man Ray e Kiki de Montparnasse."; }
  60% { content:"Gala Éluard e Salvador Dalì."; }
  100% { content:"Andy Warhol e Edie Sedgwick."; }
}

#spin2:after {
  content:"";
  animation: spin2 12s linear infinite;
}
@keyframes spin2 {
  0% { content:"Amedeo Modigliani e Jeanne."; }
  30% { content:"Pablo Picasso e Dora Maar."; }
  60% { content:"Lee Krasner e Jackson Pollock."; }
  100% { content:"Adele Bloch Bauer e Gustav Klimt."; }
}

/*------------------------------type-----------------------------*/
.logo-fashion{
    max-width: 600px;
    padding-top: 6rem;
}
.box-type{
    padding-top: 3rem;
    padding-bottom: 6rem;
}
.logo-f-home{
    max-width: 260px;
    padding-bottom: 2rem;
}
.logo-fk{
    max-width: 460px;
    padding-bottom: 2rem;
}
.tit-type {
    font-family: 'Fraunces', serif;
    color: #DFB26C!important;
    font-size: calc(40px + (100 - 40) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 600;
    line-height: 50px;
}
/*-----*/
#container {
    top: 0;
    bottom: 0;
    color: #DFB26C!important;
    filter: url(#threshold) blur(0.6px);
}

#text1,
#text2 {
    position: absolute;
    width: 100%;
    display: inline-block;

    font-family: 'Fraunces', serif;
    font-size: calc(50px + (140 - 50) * ((100vw - 300px) / (1920 - 300)));

    text-align: center;

    user-select: none;
}

/*------------------------------type-----------------------------*/

.stampa{
    border-radius: 5rem;
    color: #DFB26C!important;
}

.title-h1-cuore{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.subtitle-h1-home{
    font-family: 'Fraunces', serif;
    color: #DFB26C;
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.scritta-cuore{

    color: #F9A6A6;
    font-size: calc(28px + (100 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 100;
    line-height: 90px;
}
.dim-cuore{
    font-family: 'Fraunces', serif;
    color: #D02E2E;
    font-size: calc(28px + (190 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}

.txt-head-c{
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #fff;
    text-shadow: 2px 2px 5px #282828;
}
.menu-burger{
    color: #000;
}
.dim-schede-prodotto{
    padding: 2rem;
}
.sp-photo-gadget{
    padding: 0.5rem;
}
.box-ispirazioni{
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-right: 4rem;
    padding-left: 4rem;
}
.white{
    color: #fff;
}

.mini-txt{
    color: #fff;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
}
.nome-progetto{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(24px + (50 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.nome-progetto-mini{
    font-family: 'Fraunces', serif;
    color:#dfb26c;
    font-size: calc(10px + (50 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
}
.frase-cadeaux{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(22px + (32 - 22) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.frase-cadeaux2{
    font-family: 'Fraunces', serif;
    color: #F3F3F3;
    font-size: calc(20px + (28 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.frase-cadeaux3{
    font-family: 'Fraunces', serif;
    color: #DADADA;
    font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.nome-of{
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(24px + (35 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.txt-progetto{
    color: #fff;
    font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
}
.black{
    color: #1A1A1A;
}
.txt-f-vid{
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300))); 
   font-weight: 400;
   color: #fff;
   text-shadow: 2px 2px 5px #282828;
}
.txt-cit-f{
    font-family: 'Fraunces', serif;
   font-size: calc(22px + (26 - 22) * ((100vw - 300px) / (1920 - 300))); 
   font-weight: 200;
   text-transform: italic;
   color: #fff;
}
.btn-w{
    background-color: #fff;
    border: 2px solid #fff;
    padding: 6px 20px;
    color: #DFB26C;
    font-weight: 400;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-w:hover{
    background-color: transparent;
    border: 2px solid #fff;
    padding: 6px 20px;
    padding-right: 80px;
    color: #fff;
    font-weight: 400;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-f{
    background-color: #DFB26C;
    border: 2px solid #DFB26C;
    padding: 6px 20px;
    color: #1a1a1a;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-f:hover{
    background-color: transparent;
    border: 2px solid #DFB26C;
    padding: 6px 20px;
    padding-right: 80px;
    color: #fff;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-cuore-love{
    background-color: #DFB26C;
    border: 2px solid #DFB26C;
    padding: 6px 20px;
    color: #1a1a1a;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-cuore-love:hover{
    background-color: transparent;
    border: 2px solid #DFB26C;
    padding: 6px 20px;
    padding-right: 80px;
    color: #fff;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-tennis{
    background-color: #04cd77;
    border: 2px solid #04cd77;
    padding: 6px 20px;
    color: #1a1a1a;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-tennis:hover{
    background-color: transparent;
    border: 2px solid #04cd77;
    padding: 6px 20px;
    padding-right: 80px;
    color: #fff;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-natale{
    background-color: #cd0404;
    border: 2px solid #cd0404;
    padding: 6px 20px;
    color: #ffffff;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-natale:hover{
    background-color: transparent;
    border: 2px solid #cd0404;
    padding: 6px 20px;
    padding-right: 80px;
    color: #fff;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-polpo{
    background-color: #29bdb2;
    border: 2px solid #29bdb2;
    padding: 6px 20px;
    color: #fff;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-polpo:hover{
    background-color: transparent;
    border: 2px solid #29bdb2;
    padding: 6px 20px;
    padding-right: 80px;
    color: #1a1a1a;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-pasqua{
    background-color: #ffc700;
    border: 2px solid #ffc700;
    padding: 6px 20px;
    color: #1a1a1a;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-pasqua:hover{
    background-color: transparent;
    border: 2px solid #ffc700;
    padding: 6px 20px;
    padding-right: 80px;
    color: #1a1a1a;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}

.btn-cuore{
    background-color: #fe2d26;
    border: 2px solid #fe2d26;
    padding: 6px 20px;
    color: #1a1a1a;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-cuore:hover{
    background-color: transparent;
    border: 2px solid #fe2d26;
    padding: 6px 20px;
    padding-right: 80px;
    color: #fff;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}


.btn-f-b{
    background-color: #DFB26C;
    border: 2px solid #DFB26C;
    padding: 6px 20px;
    color: #fff;
    font-weight: 400;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-f-b:hover{
    background-color: transparent;
    border: 2px solid #DFB26C;
    padding: 6px 20px;
    padding-right: 80px;
    color: #000;
    font-weight: 400;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-r{
    background-color: #F04848;
    border: 2px solid #F04848;
    padding: 6px 20px;
    color: #000;
    font-weight: 400;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
.btn-r:hover{
    background-color: transparent;
    border: 2px solid #F04848;
    padding: 6px 20px;
    padding-right: 80px;
    color: #fff;
    font-weight: 400;
    border-radius: 50px 0px;
    transition-duration: 2s;
}

.sp-btn{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.img-saturno{
    position: absolute;
    right: 4%;
    padding-top: 0;
    padding-bottom: 20vh;
    max-width: 26%;
}
.txt-1-prodotto{
    padding-top: 2rem;
}
.gold{
    color: #DFB26C;
}
/*-----------------------------------Video Back----------------------------------------------*/
.video-background-holder {
    position: relative;
    background-color: #222222;
    height: auto;
    min-height: auto;
    width: 100%;
    overflow: hidden;
}
.video-background-holder video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.video-background-content {
    position: relative;
    z-index: 2;
}
.video-background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    z-index: 1;
}

.font-pazza{
    font-family: 'Barrio', cursive!important;
}
.title-font-mini{
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700; 
}
.back-scarabocchio{
    background-image: url(../img/back-scarabocchio.svg);
    background-size: 100%;
    background-position: top right;
    background-repeat: no-repeat;
}
.back-cuore-love{
    background-image: url(../img/prodotti/cuore-love/back-cuore4.svg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.back-cane{
    background-image: url(../img/cane.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.back-truciolo{
    background-image: url(../img/back-truciolo.svg);
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.back-fannyke{
    background-image: url(../img/back-fannyke.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.back-cuore{
    background-image: url(../img/back-cuore.svg);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}
.back-home{
    background-image: url(../img/back-home.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-cuore-love{
    background-color: #DFB26C;
    border: 2px solid #DFB26C;
    padding: 6px 20px;
    color: #1a1a1a;
    font-weight: 800;
    border-radius: 50px 0px;
    transition-duration: 2s;
}
/*--------------------------------------------------slide-img------------------------------*/
#slideshow {
  position: relative;
  margin: 40px;
}

#slideshow > div {
  position: absolute;
  top: 3rem;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

.img-arte{
    width: 96%;
}
.text-modal{
    font-weight:600;
    font-size:55px;

}
.text-modal-h3{
    font-weight:400;
    font-size:35px;
}
/*--------------------------------------------------slide-img------------------------------*/

.back-tennis{
    background-image: url(../img/progetti/tennis.png);
    background-size: auto;
    background-position: top right;
    background-repeat: no-repeat;
}
.back-cuore-modal{
    background-image: url(../img/prodotti/cuore-love/cuore.jpg);
    height:400px;
    background-size: contain;
    background-position: center;
    opacity:60%;
    background-repeat: no-repeat;
}
.back-cuore-love{
    background-image: url(../img/prodotti/cuore-love/back-cuore4.svg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.back-cuore-h{
    background-image: url(../img/progetti/cuore/back-cuore.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.back-polpo-h{
    background-image: url(../img/progetti/polpo/back-polpo.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.back-tennis-h{
    background-image: url(../img/progetti/tennis/back-tennis-black.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.back-natale-h{
    background-image: url(../img/progetti/natale/back-natale.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.back-pasqua-h{
    background-image: url(../img/progetti/pasqua/back-pasqua.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.back-sole-h{
    background-image: url(../img/progetti/sole/back-sole-white.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.back-ofiuco-h{
    background-image: url(../img/fashion/back-of.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.back-saturno-h{
    background-image: url(../img/fashion/saturno-back.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.back-weekend{
    background-image: url(../img/borsa/backcuori.svg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.back-sport{
    background-image: url(../img/borsa/backpalline.svg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.back-scarpe{
    background-image: url(../img/borsa/backscarpe.svg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.back-sfilata{
    background-image: url(../img/back-sfilata.svg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.back-natale{
    background-image: url(../img/natale-arte-in-tavola/sottobichieri.png);
    
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.img-prodotti{
    padding: 30px 15px 30px 15px;
}
.box-1-prod-prog {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
.box-1-prodotto-h {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 4rem;
    padding-left: 4rem;
}
.text-modal{
    font-weight:600;
    font-size:55px;

}
.text-modal-h3{
    font-weight:400;
    font-size:35px;
}
.dropdown-novita{

    font-size:25px;
}
.dropdown-menu-novita{
    width:600px;
    text-align:center;
}

/*-----------------------------------Form----------------------------------------------*/

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #454545;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-label {
    margin-bottom: 0.5rem;
    font-size: calc(30px + (24 - 30) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.btn-primary {
    color: #007ab8;
    background-color: #fff;
    border-color: #007ab8;
}
.btn-primary:hover {
    color: #007ab8;
    background-color: #000;
    border-color: #007ab8;
}
.privacyform{
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    color: #454545;
}
/*-----------------------------------Fine Form----------------------------------------------*/


/*--------------------------------------------------fannyart-home------------------------------*/

.logo-head-home{
    padding-top: 10%;
}
.back-head{
    background-image: url(../img/head.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.back-oro{
    background-image: url(../img/piatto-oro.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.back-prodotti{
    background-image: url(../img/back-prodotti.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.logo-head{
    max-width: 500px;
    min-width: 200px;
}
.box-logo{
    padding-bottom: 4rem;
}

.box-head{
    padding-top: 6rem;
    padding-right: 8rem;
    padding-left: 6rem;
    padding-bottom: 8rem;
}
.box-2{
    padding-top: 20rem;
    padding-right: 6rem;
    padding-left: 8rem;
    padding-bottom: 8rem;
}
.box-txt-fanny{
    padding-top: 8rem;
    padding-right: 8rem;
    padding-left: 8rem;
    padding-bottom: 8rem;
}
.box-prodotti{
    padding-top: 8rem;
    padding-right: 6rem;
    padding-left: 6rem;
    padding-bottom: 8rem;
}
.title-h1{
    font-size: calc(35px + (30 - 35) * ((100vw - 300px) / (1920 - 300)));
}
.title-h2{
    font-size: calc(50px + (80 - 50) * ((100vw - 300px) / (1920 - 300)));
}
.sub-h2{
    font-size: calc(24px + (40 - 24) * ((100vw - 300px) / (1920 - 300)));
    background-color: #faf9f6c9;
    padding: 1rem;
}
.txt{
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
}
.categoria{
    font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
    margin-bottom: 1px;
    font-family: 'Fraunces', serif;
    font-weight: 700;
}


.nome{
    font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 800;
}
.sp-call{
    padding: 1rem;
}
.box-gallery{
    padding: 0.5rem;
}
.box-call{
    background-color: #313131;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 5px 5px 10px #9D9D9D;
}
.box-call-2 {
    background-color: #313131;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 5px 5px 10px #000;
}
.call-txt{
    font-size: calc(22px + (32 - 22) * ((100vw - 300px) / (1920 - 300)));
    color: #DFB26C;
    font-weight: 500;
}
.back-call{
    background-image: url(../img/back-call.svg);
    background-size: cover;
    background-position: right;
}
.back-call-fashion {
    background-image: url(../img/back-call-fashion.svg);
    background-size: cover;
    background-position: right;
}
.gadget{
    padding-top: 4rem;
}
.txt-prodotto{
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
}
.txt-disp{
    font-size: calc(10px + (14 - 10) * ((100vw - 300px) / (1920 - 300)));
    color:#2CEB18;
}
.txt-es{
    font-size: calc(10px + (14 - 10) * ((100vw - 300px) / (1920 - 300)));
    color:#EB1818;
}
.ball-color{
    max-width: 30px;
    min-width: 10px;
}
.scheda-prodotto{
    background-color: #fff;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #181818;
}
.descrizione-scheda{
    border-left: 2px solid #E4D7CA;
    padding-left: 2rem;
}

.sp-schede{
    padding: 2rem;
}
.box-foot{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
/*----------------------------------------------------------------*/
.dropdownlingue{
    padding-top: 9px;
    font-family: 'Fraunces', serif;
    background-color: #1a1a1a;
    color: white;
    padding-left: 2rem;
    padding-right: 2rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    padding-left: 2rem;
    border: none;
    cursor: pointer;
    
}
.dropdown-content a:hover {background-color: #c1920a}
.dropdown:hover .dropdown-content {
    display: block;
  }
.dropdown-content a {
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
    font-family: 'Fraunces', serif;
    color: rgb(255, 255, 255);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
.dropdown {
    position: relative;
    display: inline-block;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    color: white;
    background-color: #1a1a1a;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
/*----------------------------------------------------------------*/
.titolo-contatti{
    font-family: 'Fraunces', serif;
    font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1920 - 300)));
    color: #F5F2EE;
    font-weight: 700;
}

.txt-contatti{
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    color: #F5F2EE;
}

.sp-logo-foot{
    padding-bottom: 2rem;
}
.project-news{
    margin-left:2.5rem;
}
.btn-call{
    color: #262626;
    border: 2px solid #262626;
    border-radius: 4px;
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
}
.btn-call:hover{
    color: #E3D09E;
    border: 2px solid #E3D09E;
    border-radius: 4px;
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
}

/*-------------------------------------- stili progetto natale -------------------------------------------------*/

.title-natale{
    color:white;
    font-weight: 600;
    margin-top:50px;
    font-size: calc(70px + (18 - 14) * ((200vw - 300px) / (1920 - 300)));
}
.sottotitolo-natale{
    
    color:white;
    font-weight: 600;
    font-size: calc(55px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
}
.sezione-iniziale{
    background-image: url(../img/progetti/natale/back-natale.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*-----------------------------------------------------------------------------------------------------------*/

/*-----------------------------------Video Back----------------------------------------------*/
.video-background-holder {
position: relative;
background-color: #222222;
width: 100%;
overflow: hidden;
}
.video-background-holder video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.video-background-content {
position: relative;
z-index: 2;
}
.video-background-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #fff;
opacity: 0;
z-index: 1;
}
.title-modal{
    top:60px;
    position:relative;
}
#sfondomodal{
    
    background-image: url("../img/natale-arte-in-tavola/sfondo.jpg?v=0.2");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: calc(50% - 50px) 50%;
    min-height: 400px;
    background-position: center;
    
}
.btn-modal-button{
    font-size:25px;
    position:absolute;
    top:0;
    right:0;
}
.fading {
    
    -webkit-text-stroke: 1px #dfb26c;
    font-weight: 600;
    font-size: calc(50px + 5px );
    color:white;
    animation-name: fade-in;
    animation-duration: 2s;
  }
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .fading2 {
    -webkit-text-stroke: 1px #dfb26c;
    font-weight: 600;
    font-size: calc(50px + 2px );
    padding-left:20px;
    color:white;
    animation-name: fade-in;
    animation-duration: 5s;
  }
  .scopri-modal{
    position:absolute;
    bottom:0;
    margin-right: 25px;
    margin-bottom: 25px;
    right:0;
    
    
  }
  .back-cuore-modal{
    background-image: url(../img/prodotti/cuore-love/cuore.jpg);
    height:400px;
    background-size: contain;
    background-position: center;
    opacity:60%;
    background-repeat: no-repeat;
}
  .fading3 {
    
    color:white;
    animation-name: fade-in;
    animation-duration: 7s;
  }
  
/*---------------------------------------------------------------------fine-video--------------------------*/
.close{
    color: #fff;
    background-color: transparent;
    border: 0px;
    text-align: right;
    font-weight: 800;
}
.modal.fade .modal-dialog {
    transition: none;
    transform: none;
}

a {
    color: #F4F1E7;
    text-decoration: none!important;
}

a:hover {
    color: #EBE6D4;
    text-decoration: none!important;
}


strong{
    font-weight: 800;
}
@media only screen and (max-width: 2560px) {
    .modal-dialog {
        max-width: 30%;
        margin: 1.75rem auto;
    }
    .project-news{
        margin-left:3.6rem;
    }
}
@media only screen and (max-width: 1920px) {
    .project-news{
        margin-left:2.5rem;
    }
}
@media only screen and (max-width: 1440px) {
    .project-news{
        margin-left:1.2rem;
    }
}

@media only screen and (max-width: 1400px) {
    .project-news{
        margin-left:1.3rem;
    }
.box-head {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 8rem;
}
.box-2{
    padding-top: 10rem;
    padding-right: 6rem;
    padding-left: 8rem;
    padding-bottom: 8rem;
}
.box-prodotti {
    padding-top: 8rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 8rem;
}
.modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
}
}

@media only screen and (max-width: 912px) {
    .project-news{
        margin-left:0;
    }
    
    .modal-dialog {
        max-width: 80%;
        margin: 1.75rem auto;
    }
.box-2 {
    padding-top: 10rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 8rem;
}
.title-h1-f-top-head {
    
    font-size: calc(70px + (200 - 70) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    padding-top: 50%;
    line-height: 140px;
}
.video-background-holder {
    height: 60vh;
}
.img-silvia{
    position: absolute;
    left: 10%;
    padding-top: 5vh;
    padding-bottom: 20vh;
    max-width: 70%;
    opacity: 0.3;
}
.box-ispirazioni {
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-right: 1rem;
    padding-left: 1rem;
}
.scritta-cuore {
    color: #F9A6A6;
    font-size: calc(28px + (141 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 100;
    line-height: 60px;
}
.dim-cuore {
    font-family: 'Fraunces', serif;
    color: #D02E2E;
    font-size: calc(28px + (328 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.fading {
    padding-left:20px;
    -webkit-text-stroke: 1px #dfb26c;
    font-weight: 600;
    font-size: calc(35px + 5px );
    color:white;
    animation-name: fade-in;
    animation-duration: 2s;
}   
.fading2 {
    -webkit-text-stroke: 1px #dfb26c;
    font-weight: 600;
    font-size: calc(20px + 2px );
    padding-left:20px;
    color:white;
    animation-name: fade-in;
    animation-duration: 5s;
}
.fading3 {
font-size: calc(15px + 2px );
color:white;
animation-name: fade-in;
animation-duration: 7s;
}
}



@media only screen and (max-width: 900px) {
.back-saturno{
    height: 50vh;
}
.fading {
    padding-left:20px;
    -webkit-text-stroke: 1px #dfb26c;
    font-weight: 600;
    font-size: calc(20px + 5px );
    color:white;
    animation-name: fade-in;
    animation-duration: 2s;
}  
}

@media only screen and (max-width: 700px) {
    .project-news{
        margin-left:0;
    }
    .link-project{
        margin-left: 17px
    }
    .dropdown-novita{

        font-size:25px;
    }
    .dropdown-menu-novita{
        width:300px;
        text-align:center;
    }
    .text-modal{
        font-weight:600;
        font-size:35px;
    
    }
    .text-modal-h3{
        font-weight:400;
        font-size:18px;
    }
.fading {
        padding-left:20px;
        -webkit-text-stroke: 1px #dfb26c;
        font-weight: 600;
        font-size: calc(25px + 5px );
        color:white;
        animation-name: fade-in;
        animation-duration: 2s;
    }  
 
.fading2 {
        -webkit-text-stroke: 1px #dfb26c;
        font-weight: 600;
        font-size: calc(20px + 2px );
        padding-left:20px;
        color:white;
        animation-name: fade-in;
        animation-duration: 5s;
}
.fading3 {
    font-size: calc(15px + 2px );
    color:white;
    animation-name: fade-in;
    animation-duration: 7s;
  }
.title-modal{
    position:relative;
    top:0px;
    
}
#sfondomodal{
    
    
    min-height: 250px;
    background-image: url("../img/natale-arte-in-tavola/sfondo.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: calc(50% - 50px) 50%;
    background-position: center;
        
}
.box-prodotti {
    padding-top: 4rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 4rem;
}
.scheda-prodotto {
    background-color: #fff;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #171717;
}
.box-2 {
    padding-top: 3rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 1rem;
}
.box-head {
    padding-top: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 1rem;
}
.back-head{
    background-image: none;
}

.back-oro{
    background-image: url(../img/oro-mobile.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.categoria {
    padding-top: 1rem;
}
.box-txt-fanny {
    padding-top: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 4rem;
}
.video-background-holder {
height: auto;
}
.box-foot{
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.sp-schede{
    padding: 1rem;
}

.title-h1-f-top-head {
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(60px + (180 - 60) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    padding-top: 2rem;
    margin-top: -7rem;
    line-height: 70px;
    padding-left: 2rem;

}
.title-h1-f-head {
    font-family: 'Fraunces', serif;
    color: #292929;
    font-size: calc(22px + (40 - 22) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    padding-left: 2rem;
}
.logo-head-fanny {
    position: absolute;
    top: -2rem;
    right: -2rem;
    width: 180px;
}
.brd-dx {
    border-right: 0;
}
.box-1-f {
    padding-top: 14rem;
    padding-bottom: 6rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.box-ispirazioni {
    padding-top: 4rem;
    padding-bottom: 1rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
.box-2-f {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
.img-silvia{
    position: absolute;
    left: 10%;
    padding-top: 5vh;
    padding-bottom: 20vh;
    max-width: 70%;
    opacity: 0.3;
}

.logo-head{
    max-width: 500px;
    min-width: 100px;
}
.div-quadri{
    height: 50vh;
}
#slideshow {
    margin: 10px;
    margin-top: -2rem;
}
.brd-dx-w {
    border-right: none;
}
.back-scarabocchio {
    background-size: 250%;
}
.back-truciolo {
    background-size: 250%;
}
.box-1-c {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
.scritta-cuore {
    color: #F9A6A6;
    font-size: calc(28px + (100 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 100;
    line-height: 40px;
}

.dim-cuore {
    font-family: 'Fraunces', serif;
    color: #D02E2E;
    font-size: calc(70px + (190 - 70) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
}
.brd-dx-c {
    border-right: 0px;
}

.back-cuore {
    background-image: url(../img/back-cuore.svg);
    background-size: 250%;
    background-position: top right;
    background-repeat: no-repeat;
}
.box-1-k {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
.back-saturno{
    height: 50vh;
}
.back-fannyke {
    height: 40vh;
    }
.h-video-index{
    height: 48vh;
}
.box-1-p {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
.title-h2-h {
    font-family: 'Fraunces', serif;
    color: #fff;
    font-size: calc(28px + (80 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    line-height: 40px;
}
.back-oro {
    background-image: none;
}
.box-1-prodotto-h {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
.back-tennis-h {
    background-image:none;
}
.back-polpo-h {
    background-image:none;
}
.back-pasqua-h {
    background-image:none;
    border-top:  2px solid #1a1a1a;
}
.back-cuore-h {
    background-image:none;
}
.logo-fashion{
    max-width: 600px;
    padding-top: 6rem;
}
.box-type{
    padding-top: 2rem;
    padding-bottom: 4rem;
}

.tit-type {
    font-family: 'Fraunces', serif;
    color: #DFB26C!important;
    font-size: calc(60px + (100 - 60) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 600;
    line-height: 70px;
}
.h-mobile-fashion{
    height: 58vh;
}

.modal-content {
    border: 6px solid #DFB26C;
    border-radius: 0.3rem;
}
.modal-dialog {
    max-width: 90%;
    margin: 1.75rem auto;
}
.back-modal{
    background-image: url(../img/ofiuco/ofiuco.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 0.5rem;
}
.box-modal{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.logo-f-home{
    max-width: 220px;
    padding-bottom: 2rem;
}
.logo-fk{
    max-width: 300px;
    padding-bottom: 2rem;
}
.gadget{
    padding-top: 0rem;
    margin-top: -4rem;
}
}