@charset "UTF-8";

/* CSS Document */



/*--------------------------pointer------------------------------------*/

.bg-light {
    background-color: #fff !important;
}

.logo-nav {
    min-width: 200px;
    max-width: 400px;
}

.logo-head {
    min-width: 300px;
    max-width: 800px;
    padding-top: 40vh;
}

.navbar-light .navbar-nav .nav-link {
    font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1920 - 300)));
    color: #373736;
    padding-right: 1rem;
}

.font-weight-bold {
    font-weight: 700 !important;
    padding-bottom: 4px;
    border-bottom: 6px solid #F1EADF;
}

.link-macro {
    color: #202020;
    font-weight: 700 !important;
    padding-bottom: 4px;
    border-bottom: 6px solid #F1EADF;
}

.link-macro:hover {
    color: #424242;
    font-weight: 700 !important;
    padding-bottom: 4px;
    border-bottom: 6px solid #F1EADF;
}

.bandiera {
    min-width: 30px;
    max-width: 30px;
}

.pd-dx {
    padding-right: 0px;
}

.pd-sx {
    padding-left: 0px;
}

.sp-dx {
    padding-left: 3rem;
}

.sp-sx {
    padding-right: 3rem;
}

.megamenu {
    position: static;
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%;
}

.head {
    background-image: url(../img/head.jpg);
    background-size: cover;
    height: 90vh;
    background-repeat: repeat-y;
    background-position: 50% 0;
    transition: 0s linear;
    transition-property: background-position;
}

.head-valentina {
    background-image: url(../img/head-valentina.jpg);
    background-size: cover;
    height: 90vh;
    background-repeat: repeat-y;
    background-position: 50% 0;
    transition: 0s linear;
    transition-property: background-position;
}

.head-pag {
    background-size: cover;
    height: 95vh;
    background-repeat: no-repeat;
    background-position: 50% -10%;
    transition: 0s linear;
    transition-property: background-position;
}

.brd-head {
    border: 4rem solid #FFFFFF;
    border-top: 3rem solid #FFFFFF;
}

.brd-head-pag {
    border: 4rem solid #FFFFFF;
    border-right: 0rem solid #FFFFFF;
}

.sp-head-pag {
    padding-top: 3rem;
}

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

.logo-pag {
    position: absolute;
    max-width: 500px;
    min-width: 500px;
    z-index: 1000;
    margin-left: 6rem;
    margin-top: 6rem;
}

.box-tit-pag {
    position: relative;
    bottom: 2rem;
    padding: 4rem;
}

.box-tit-pag-valentina {
    padding: 4rem;
}

.titolo-categoria-collezione {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #E2D6C1;
    ;
    text-transform: uppercase;
    padding-bottom: 2rem;
}

.titolo-h1-pag {
    font-size: calc(23px + (80 - 23) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    line-height: calc(23px + (70 - 23) * ((100vw - 300px) / (1920 - 300)));
}

.tit-valentina {
    font-size: calc(18px + (50 - 18) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #A29D94;
    line-height: calc(18px + (45 - 18) * ((100vw - 300px) / (1920 - 300)));
}

.riv {
    line-height: calc(26px + (80 - 26) * ((100vw - 300px) / (1920 - 300)));
}

.sottotitolo-h1-pag {
    font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 200;
    color: #1B1B1B;
    font-family: 'Jost', sans-serif;
}

.hr-head {
    border-top: 10px solid #F9F0E0;
    margin-right: 3rem;
}

.hr-head-sx {
    border-top: 10px solid #F9F0E0;
    margin-left: 3rem;
}

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

.titolo-h1 {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-align: center;
}

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

.txt-collezioni {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #1B1B1B;
    text-align: right;
}

.titolo-h2 {
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-align: center;
}

.titolo-h2-collezioni {
    font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-align: right;
    padding-top: 5rem;
}

.txt-card {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #1B1B1B;
    text-transform: uppercase;
    text-align: center;
    padding-top: 0.1rem;
    margin-bottom: 0;
}

.card-body {
    padding: 0.8rem;
}

.riga-scopri {
    border-bottom: 2px solid #F6EBDB;
    margin-top: 0.3rem;
    margin-bottom: 0.4rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

.titolo-call {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-align: center;
    text-transform: uppercase;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 2px 2px 10px #E0E0E0;
    border: 0;
    border-radius: 0rem;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}

.owl-item {
    transition-duration: 1s;
}

.owl-item:hover {
    margin-bottom: 1rem;
    margin-top: -1rem;
    transition-duration: 1s;
}

.box-1sez {
    background-color: #F5EBD8;
    padding-top: 8rem;
    padding-bottom: 8rem;
    padding-left: 6rem;
    padding-right: 6rem;
}

.box-sez-form {
    background-color: #FAF7F3;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 6rem;
    padding-right: 6rem;
    border-right: 16px solid #EDE1C9;
    border-bottom: 16px solid #EDE1C9;
    border-left: 16px solid #EDE1C9;
    border-top: 16px solid #EDE1C9;
}

.back-q {
    background-image: url(../img/back-q.svg);
    background-position: bottom right;
    background-size: 100%;
    background-repeat: no-repeat;
}

.form-control-sez {
    background-color: #FAF7F3 !important;
}

.play {
    border: 4px solid #F5EBD8;
    transition-duration: 2s;
}

.play:hover {
    border: 4px solid #F5EBD8;
    box-shadow: 5px 5px 15px #A5A5A5;
    transition-duration: 2s;
}

.back-1sez {
    background-image: url(../img/slider-prodotti/negozio.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

.back-2sez {
    background-image: url(../img/slider-prodotti/anelli3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.back-1sez-valentina {
    background-image: url(../img/valentina/valentina1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.back-2sez-valentina {
    background-image: url(../img/valentina/valentina2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 10px solid #EDE6D7;
    border-top: 0px;
}

.back-storia-diamante {
    background-image: url(../img/prodotti/diamanti/storia-diamante.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.back-diamante-sintetico {
    background-image: url(../img/sintetico/sintetico.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

.btn-txt {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3px;
}

.btn-txt a:hover {
    color: #1B1B1B !important;
}

.brd-btn {
    border-top: 4px solid #1B1B1B;
    margin-left: 6rem;
    margin-right: 6rem;
    margin-bottom: 4px;
    transition-duration: 1s;
}

.hov:hover .brd-btn {
    border-top: 8px solid #1B1B1B;
    margin-left: 7rem;
    margin-right: 7rem;
    margin-bottom: 0px;
    transition-duration: 1s;
}

.titolo-sez {
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-align: center;
    text-transform: uppercase;
}

.txt-pre-video {
    font-family: 'Old Standard TT', serif;
    font-size: calc(20px + (44 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 100;
    color: #1B1B1B;
    text-align: center;
    text-transform: uppercase;
}

.brd-dx {
    border-right: 2px solid #2F2F2F;
    height: 7rem;
}

.footer {
    background-color: #F4EFE4;
    padding-top: 8rem;
    padding-bottom: 4rem;
}

.sp-txt-foot {
    padding-top: 6rem;
    padding-bottom: 3rem;
}

.tit-foot {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    color: #A29D94;
    text-transform: uppercase;
}

.txt-foot {
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #A29D94;
}

.txt-foot-n {
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #A29D94;
}

.txt-foot:hover {
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #84827F;
    text-decoration: none;
    border-bottom: 2px solid #84827F;
}

.txt-nav-small {
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #A29D94;
}

.txt-social {
    font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #A29D94;
    text-align: right;
}

.txt-social:hover {
    font-size: calc(20px + (26 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #928B7E;
    text-align: right;
}

.txt-news {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #A29D94;
    text-align: right;
}

.img-gioielli-index {}

.sp-dati-dimanti {
    padding-top: 4rem;
}
.sp-1txt-sint {
    padding-top: 8rem;
    padding-bottom: 0rem;
}
.sp-dati-dimanti-sint {
    padding-bottom: 4rem;
}

.titolo-collezioni {
    font-size: calc(24px + (34 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    color: #fff;
    text-align: center;
}

.btn-txt-white {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3px;
}

.btn-txt-white:hover {
    color: #fff;
}

.brd-btn-white {
    border-top: 4px solid #fff;
    margin-left: 12rem;
    margin-right: 12rem;
    margin-bottom: 4px;
    transition-duration: 1s;
}

.hov:hover .brd-btn-white {
    border-top: 8px solid #fff;
    margin-left: 13rem;
    margin-right: 13rem;
    margin-bottom: 0px;
    transition-duration: 1s;
}

.brd-btn-video {
    border-top: 4px solid #222222;
    margin-left: 56rem;
    margin-right: 56rem;
    margin-bottom: 4px;
    transition-duration: 1s;
}


.hov:hover .brd-btn-video {
    border-top: 8px solid #222222;
    margin-left: 57rem;
    margin-right: 57rem;
    margin-bottom: 0px;
    transition-duration: 1s;
}

.brd-btn-news {
    border-top: 4px solid #222222;
    margin-left: 16rem;
    margin-right: 16rem;
    margin-bottom: 4px;
    transition-duration: 1s;
}

.brd-btn-news:hover {
    border-top: 4px solid #222222;
    margin-left: 20rem;
    margin-right: 20rem;
    margin-bottom: 4px;
    transition-duration: 1s;
}

.h-video {
    padding-top: 15rem;
    padding-bottom: 15rem;
    padding-left: 4rem;
    padding-right: 4rem;
    text-shadow: 2px 2px 2px #222222;
}

.h-collezioni {
    padding-top: 24rem;
    padding-bottom: 24rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.box-img {
    overflow: hidden;
    height: 70vh;
}

.titolo-pietre {
    font-size: calc(24px + (34 - 24) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    color: #fff;
    text-align: center;
}

.ombra-scr {
    color: #fff;
    background-color: #D2C5AE;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left;
    box-shadow: 4px 4px 10px #232323;
}

.ombra-scr {
    color: #fff;
    background-color: #D2C5AE;
    padding-left: 1rem;
    padding-right: 1rem;
}

.back-1collezione {
    height: auto;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    background-image: url(../img/collezioni/smeraldo1.jpg);
    -webkit-transition: all 0.8s ease-in-out;
}

.back-1collezione:hover {
    background-image: url(../img/collezioni/smeraldo.jpg);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.8s ease-in-out;
}

.back-2collezione {
    height: auto;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    background-image: url(../img/collezioni/rubino1.jpg);
    -webkit-transition: all 0.8s ease-in-out;
}

.back-2collezione:hover {
    background-image: url(../img/collezioni/rubino.jpg);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.8s ease-in-out;
}

.back-3collezione {
    height: auto;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    background-image: url(../img/collezioni/zaffiro1.jpg);
    -webkit-transition: all 0.8s ease-in-out;
}

.back-3collezione:hover {
    background-image: url(../img/collezioni/zaffiro.jpg);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.8s ease-in-out;
}

.back-4collezione {
    height: auto;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    background-image: url(../img/collezioni/acquamarina1.jpg);
    -webkit-transition: all 0.8s ease-in-out;
}

.back-4collezione:hover {
    background-image: url(../img/collezioni/acquamarina.jpg);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.8s ease-in-out;
}

.collezione-mobile {
    padding-top: 6rem;
    padding-bottom: 6rem;
    margin-bottom: 0px;
}

.box-eventi {
    padding: 3rem;
}

.h-eventi {
    padding-top: 30vh;
}

.back-matrimoni {
    background-image: url(../img/slider-prodotti/matrimonio.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 40vh;
}

.back-ricorrenze {
    background-image: url(../img/slider-prodotti/ricorrenze.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 40vh;
}

.back-wa {
    background-image: url(../img/slider-prodotti/wa.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 40vh;
}

.titolo-eventi {
    padding-top: 2rem;
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-transform: uppercase;
}

.titolo-link {
    padding-top: 2rem;
    font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    color: #1B1B1B;
}

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

.btn-txt-eventi {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.btn-txt-eventi:hover {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.brd-btn-eventi {
    border-top: 4px solid #1B1B1B;
    margin-right: 18rem;
    margin-bottom: 4px;
    transition-duration: 1s;
}

.hov:hover .brd-btn-eventi {
    border-top: 8px solid #1B1B1B;
    margin-right: 20rem;
    margin-bottom: 0px;
    transition-duration: 1s;
}

.btn-txt-eventi-dx {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-transform: uppercase;
    margin-bottom: 3px;
    text-align: right;
}

.brd-btn-eventi-dx {
    border-top: 4px solid #1B1B1B;
    margin-left: 18rem;
    margin-bottom: 4px;
    transition-duration: 1s;
}

.hov:hover .brd-btn-eventi-dx {
    border-top: 8px solid #1B1B1B;
    margin-left: 20rem;
    margin-bottom: 0px;
    transition-duration: 1s;
}

.hr-eventi {
    border-top: 10px solid #F9F0E0;
    margin-right: 3rem;
}

.btn-news {
    background-color: #A29D94;
    padding: 3px 10px;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    color: #F4EFE4 !important;
    text-transform: uppercase;
}

.btn-news:hover {
    background-color: #928B7E;
    padding: 3px 10px;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    color: #F4EFE4 !important;
    text-transform: uppercase;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px;
    border-bottom: 2px solid #272727;
    border-radius: 0rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #272727;
    outline: 0;
    box-shadow: none;
}

.h-collezioni {
    padding-top: 24rem;
    padding-bottom: 24rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.white {
    color: #fff;
}

.sp-icn {
    padding-right: 2rem;
}

.sp-bot {
    padding-bottom: 3rem;
}

.img-gallery-storia {
    padding: 0.5rem;
}

.nopadding {
    padding: 0;
    margin: 0;
}


/*-----------------------------------Gallery----------------------------------------------*/

.card-prodotto {
    box-shadow: 0px 0px 50px #F7F5F0;
    background-color: #fff;
    transition-duration: 1s;
}

.card-prodotto:hover {
    box-shadow: 0px 0px 50px #DDD1B4;
    background-color: #fff;
    transition-duration: 1s;
}

.img-prod {
    padding: 1rem 0rem;
}

.sp-prodotto {
    padding: 1rem;
}

.sp-prodotti {
    padding-top: 10rem;
}

.colonna1 {
    padding-top: 10rem;
}

.sp-dati-prod {
    padding: 0.5rem 1rem;
}

.tit-prodotto {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 700;
    color: #1B1B1B;
    text-transform: uppercase;
}

.txt-prodotto {
    font-size: calc(12px + (13 - 12) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #1B1B1B;
}

.hr-prod {
    border-top: 5px solid #F9F0E0;
    margin-right: 3rem;
}


/*-----------------------------------Fine Gallery----------------------------------------------*/


/*-----------------------------------Newsletter----------------------------------------------*/

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

.sp-iscriviti {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.sp-tnx {
    padding-top: 4rem;
    padding-bottom: 8rem;
}


/*-----------------------------------Newsletter----------------------------------------------*/

.box-txt-regali {
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.back-regali {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/*-----------------------------------Video Back----------------------------------------------*/

.video-background-holder {
    position: relative;
    background-color: #222222;
    height: 100%;
    width: auto;
    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;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    padding-top: 0.5rem;
    font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1920 - 300)));
    line-height: 16px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px;
    border-bottom: 2px solid #272727;
    border-radius: 0rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


/*-----------------------------------------------------Campo cerca------------------------------------------------------------*/

.txt-link {
    color: #6E5D3C;
    border-bottom: 1px solid #6E5D3C;
    font-weight: 400;
    font-style: italic;
}

.txt-link:hover {
    color: #504329;
    border-bottom: 1px solid #504329;
    font-weight: 400;
    font-style: italic;
}

.tit-correlati {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #1B1B1B;
    font-style: italic;
    line-height: 2rem;
}

.txt-correlati {
    color: #8C774E;
    font-weight: 400;
    font-style: italic;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    background-color: #F9F0E0;
    font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1920 - 300)));
}

button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

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

.btn-correlati {
    color: #8C774E;
    font-weight: 400;
    font-style: italic;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    background-color: #F9F0E0;
    font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1920 - 300)));
    border: 0px;
}

.txt-correlati:hover {
    color: #6E5D3C;
    font-weight: 400;
    font-style: italic;
    background-color: #E6D9C1;
}

.txt-link-pag {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
}

#searchInput {
    box-sizing: border-box;
    /*background-image: url('searchicon.png');*/
    background-position: 14px 12px;
    background-repeat: no-repeat;
    background-color: #fff;
    font-size: 16px;
    padding: 14px 20px 12px 22px;
    border: none;
    border-bottom: 6px solid #F1EADF;
    width: 100%;
}

#searchInput:focus {
    outline: 0px solid #fff;
}

#searchInputmobile {
    box-sizing: border-box;
    /*background-image: url('searchicon.png');*/
    background-position: 14px 12px;
    background-repeat: no-repeat;
    background-color: #fff;
    font-size: 16px;
    padding: 14px 20px 12px 0px;
    border: none;
    border-bottom: 6px solid #F1EADF;
    width: 100%;
}

#searchInputmobile:focus {
    outline: 0px solid #fff;
}

.dropdowncerca {
    position: relative;
    display: inline-block;
}

.dropdown-contentcerca {
    display: none;
    position: absolute;
    margin-top: 7px;
    margin-right: 0px;
    background-color: #fff;
    min-width: 400px;
    overflow: auto;
    border: 0px solid #ddd;
    z-index: 1;
    right: 0;
}

.dropdown-contentcerca a {
    color: black;
    padding: 12px 22px;
    text-decoration: none;
    display: block;
}

.dropdown-contentcerca a:hover {
    background-color: #FAFAFA;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdowncerca a:hover {
    background-color: #ddd;
}

.mr-sm-2,
.mx-sm-2 {
    margin-right: 0 !important;
}

.show {
    display: block;
}

.txt-dx {
    text-align: right;
}

.txt-sx {
    text-align: right;
}

a:hover {
    text-decoration: none;
    color: #3E342C;
}

.sp-map {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#mapid {
    height: 70vh;
}

.leaflet-container {
    background: #fff;
    outline: 0;
}

.leaflet-tile-pane {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
    background-color: #fff;
}

.marker {
    background-image: url('../img/marker-icon-2x.png');
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10010;
}

.sp-form-contatti {
    padding-top: 10rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.sp-contattaci {
    padding-top: 2rem;
}

.txt-sez-contatti {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    color: #1B1B1B;
    text-align: center;
}

.btn {
    background-color: #F4EFE4;
    color: #A29D94;
}

strong {
    font-weight: 500;
}

#whatsapp {
    position: fixed;
    right: 0.5rem;
    z-index: 9999;
    bottom: 0.5rem;
    width: 4rem;
}

@media only screen and (max-width: 1600px) {
    .h-collezioni {
        padding-top: 20rem;
        padding-bottom: 20rem;
    }
}

@media only screen and (max-width: 1410px) {
    .box-tit-pag-parure {
        position: relative;
        bottom: 2rem;
        padding: 4rem;
        padding-bottom: 1px;
    }

    .head-pag {
        background-size: cover;
        height: 100vh;
        background-repeat: no-repeat;
        background-position: 50% -10%;
        transition: 0s linear;
        transition-property: background-position;
    }
}

@media only screen and (max-width: 1400px) {
    .box-1sez {
        background-color: #F9F0E0;
        padding-top: 6rem;
        padding-bottom: 6rem;
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .brd-btn-video {
        margin-left: 38rem;
        margin-right: 38rem;
    }

    .brd-btn-news {
        border-top: 4px solid #222222;
        margin-left: 12rem;
        margin-right: 12rem;
        margin-bottom: 4px;
        transition-duration: 1s;
    }

    .brd-btn-news:hover {
        border-top: 4px solid #222222;
        margin-left: 14rem;
        margin-right: 14rem;
        margin-bottom: 4px;
        transition-duration: 1s;
    }

    h6 {
        font-size: 0.9rem;
    }

    .hov:hover .brd-btn-video {
        margin-left: 39rem;
        margin-right: 39rem;
    }

    .brd-btn-eventi {
        border-top: 4px solid #1B1B1B;
        margin-right: 12rem;
        margin-bottom: 4px;
        transition-duration: 1s;
    }

    .hov:hover .brd-btn-eventi {
        border-top: 8px solid #1B1B1B;
        margin-right: 13rem;
        margin-bottom: 0px;
        transition-duration: 1s;
    }

    .brd-btn-eventi-dx {
        border-top: 4px solid #1B1B1B;
        margin-left: 12rem;
        margin-bottom: 4px;
        transition-duration: 1s;
    }

    .hov:hover .brd-btn-eventi-dx {
        border-top: 8px solid #1B1B1B;
        margin-left: 13rem;
        margin-bottom: 0px;
        transition-duration: 1s;
    }

    .brd-btn-white {
        margin-left: 13rem;
        margin-right: 13rem;
    }

    .hov:hover .brd-btn-white {
        margin-left: 14rem;
        margin-right: 14rem;
    }

    .h-collezioni {
        padding-top: 13rem;
        padding-bottom: 13rem;
    }
}

@media only screen and (max-width: 1280px) {
    .h-collezioni {
        padding-top: 13rem;
        padding-bottom: 13rem;
    }
}

@media only screen and (max-width: 800px) {
    .brd-head {
        border: 1rem solid #FFFFFF;
        border-top: 3rem solid #FFFFFF;
    }

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

    .txt-dx {
        text-align: center;
    }

    .txt-sx {
        text-align: center;
    }

    .box-1sez {
        background-color: #F9F0E0;
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .sp-prodotti {
        padding-top: 4rem;
    }

    .brd-dx {
        border-right: 2px solid #2F2F2F;
        height: 2rem;
    }

    .h-video {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 4rem;
        padding-right: 4rem;
        text-shadow: 2px 2px 2px #222222;
    }

    .brd-btn-video {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .hov:hover .brd-btn-video {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .brd-btn-eventi {
        border-top: 4px solid #1B1B1B;
        margin-right: 12rem;
        margin-bottom: 4px;
        transition-duration: 1s;
    }

    .hov:hover .brd-btn-eventi {
        border-top: 8px solid #1B1B1B;
        margin-right: 13rem;
        margin-bottom: 0px;
        transition-duration: 1s;
    }

    .titolo-h2-collezioni {
        font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
        font-weight: 700;
        color: #1B1B1B;
        text-align: center;
        padding-top: 1rem;
    }

    .txt-collezioni {
        padding-top: 1rem;
        font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
        font-weight: 300;
        color: #1B1B1B;
        text-align: center;
    }

    .brd-btn-white {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .hov:hover .brd-btn-white {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .sp-txt-foot {
        padding-top: 6rem;
        padding-bottom: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .txt-social {
        text-align: center;
        padding-top: 2rem;
    }

    .txt-social:hover {
        text-align: center;
    }

    .sp-dx {
        padding-left: 0rem;
    }

    .p-4 {
        padding: 0rem !important;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
        padding-top: 2px;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: transparent;
    }

    button:focus {
        outline: none;
        outline: none;
    }

    .navbar-light .navbar-nav .show>.nav-link,
    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active {
        outline: none;
        outline: none;
        border: none;
    }

    .logo-foot {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .sp-icn {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .box-tit-pag {
        position: relative;
        bottom: 2rem;
        padding: 4rem;
    }

    .brd-head-pag {
        border: 1rem solid #FFFFFF;
        border-right: 1rem solid #FFFFFF;
    }

    .head-pag {
        height: 50vh;
    }

    .box-tit-pag {
        position: relative;
        bottom: 2rem;
        padding: 2rem;
    }

    .colonna1 {
        padding-top: 0rem;
    }

    .sp-mobile-foot {
        padding-top: 0rem;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
        padding-top: 10px;
    }

    .sp-sx {
        padding-right: 0.5rem;
    }

    .box-tit-pag {
        position: relative;
        bottom: 2rem;
        padding: 2rem;
        padding-top: 4rem;
    }

    .brd-btn-news {
        border-top: 4px solid #222222;
        margin-left: 8rem;
        margin-right: 8rem;
        margin-bottom: 4px;
        transition-duration: 1s;
    }

    .brd-btn-news:hover {
        border-top: 4px solid #222222;
        margin-left: 10rem;
        margin-right: 10rem;
        margin-bottom: 4px;
        transition-duration: 1s;
    }
}

@media only screen and (max-width: 700px) {
    .back-1sez {
        height: 40vh;
    }

    .back-2sez {
        height: 40vh;
    }

    .back-1sez-valentina {
        height: 40vh;
    }

    .back-2sez-valentina {
        height: 40vh;
        border: 0px;
    }

    .sp-mobile-foot {
        padding-top: 2rem;
    }

    #searchInput {
        padding: 14px 20px 12px 0px;
    }

    .dropdown-contentcerca a {
        padding: 12px 0px;
    }

    .dropdown-contentcerca a:hover {
        padding: 12px 2px;
    }

    .dropdown-contentcerca {
        display: block;
        position: relative;
        margin-top: 7px;
        margin-right: 0px;
        background-color: #fff;
        min-width: 400px;
        overflow: auto;
        border: 0px solid #ddd;
        z-index: 1;
    }

    .back-regali {
        height: 40vh;
    }

    .head-pag {
        background-size: cover;
        height: 40vh;
        background-position: center;
    }
    .sp-1txt-sint {
    padding-top: 1rem;
    padding-bottom: 0rem;
}
.sp-dati-dimanti-sint {
    padding-bottom: 2rem;
}
.back-diamante-sintetico{
    height: 50vh;
    background-position: center;
}
    .menu-mobile-pad {
        padding-left: 0px;
    }

    .navbar-nav .dropdown-menu {
        position: relative;
        float: none;
    }

    #pointer-dot {
        display: none;
    }

    #pointer-ring {
        display: none;
    }

    html {
        cursor: none !important;
    }

    a {
        cursor: none !important;
    }
}

element.style {}

.back-q {
    background-image: url(../img/back-q.svg);
    background-position: bottom right;
    background-size: 100%;
    background-repeat: no-repeat;
}

.box-sez-form {
    background-color: #FAF7F3;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-right: 16px solid #EDE1C9;
    border-bottom: 16px solid #EDE1C9;
    border-left: 16px solid #EDE1C9;
    border-top: 16px solid #EDE1C9;
}

.brd-btn-news {
    border-top: 4px solid #222222;
    margin-left: 4rem;
    margin-right: 4rem;
    margin-bottom: 4px;
    transition-duration: 1s;
}

.brd-btn-news:hover {
    border-top: 4px solid #222222;
    margin-left: 6rem;
    margin-right: 6rem;
    margin-bottom: 4px;
    transition-duration: 1s;
}

.searchHighlight {
    background-color: #ECE2CF;
    margin: 10px;
}

.searchHideItem {
    display: none !important;
}

.alert {
    position: fixed;
    right: 1vw;
    bottom: 1vh;
}