/*
    Theme Name: Giugno Gioielli
    Version: 1.0
    Author: Tescaroli Creative di Francesco Tescaroli
    Author URI: https://www.francescotescaroli.it
    Description: Nuovo Sito Giugno Gioielli
    Date: 15/09/2023
*/
/*
[Table of contents]
[Color codes]
    Background: #ffffff
    Body Color : #555555
    Accent color: #c99947
[Typography]
    Body:       14px/24px Montserrat, sans-serif;
    Heading:    Montserrat, sans-serif;
    Input, textarea: 12px/24px Montserrat, sans-serif;

[Component module]
    FONTFACE
    COMMON STYLES
    HEADER 
    PRODUCT
    WIDGET
    FOOTER
    SINGLE PRODUCT
    BLOG PAGE 
    SECTION
    RESPONSIVE
/*-------------------------------------------------------------------*/


/*------------------
 FONTFACE 
------------------*/
@font-face {
  font-family: 'DearPrudence';
  font-style: normal;
  font-weight: normal;
  src: local('DearPrudence-Regular'), url('../fonts/DearPrudence-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'LaCompagnie';
  font-style: normal;
  font-weight: normal;
  src: local('la-Compagnie-des-Ombres'), url('../fonts/la-Compagnie-des-Ombres.ttf') format('opentype');
}
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/flaticon.eot");
  src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"),
  url("../fonts/flaticon.woff") format("woff"),
  url("../fonts/flaticon.ttf") format("truetype"),
  url("../fonts/flaticon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Montserrat Light';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), 
    local('Montserrat-Light'),
    url("../fonts/Montserrat-Light.ttf") format('opentype'),
}
@font-face {
  font-family: 'MontserratLight';
  font-style: normal;
  font-weight: normal;
  src: local('Montserrat-Light'), url('../fonts/Montserrat-Light.ttf') format('opentype');
}

[class^="flaticon-"]:before, 
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-style: normal;
    line-height: normal;
    font-size: inherit;
}
.flaticon{
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.flaticon-curvearrows9:before {
  content: "\e000";
}
.flaticon-headphones54:before {
  content: "\e001";
}
.flaticon-origami28:before {
  content: "\e002";
}
.montserratLight{
    font-family: 'MontserratLight';
}




/*------------
ICON
--------------*/
.element-icon{
    font-size: 12px;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.element-icon .icon{
    float: left;
    margin-right: 20px;
}
.element-icon .title{
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    color: #222;
}
.element-icon .content{
    overflow: hidden;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.element-icon.style2{
    border: 1px dashed #bcbcbc;
    padding: 48px 0;
    text-align: center;
    display: table;
    width: 100%;
    text-align: center;
}
.element-icon.style2:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    z-index: 9;
    border-top: 1px dashed #c99947;
    border-bottom: 1px dashed #c99947;
    transform: scale(0, 1);
}
.element-icon.style2:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    z-index: 9;
    border-left: 1px dashed #c99947;
    border-right: 1px dashed #c99947;
    transform: scale(1, 0);
}
.element-icon.style2:hover:before, 
.element-icon.style2:hover:after{
    transform: scale(1);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.element-icon.style2:hover,
.element-icon.style2:hover .title{
    color: #c99947;
}
.element-icon.style2 .icon{
    display: inline-block;
    font-size: 36px;
    float: none;
    margin: 0;
    margin-right: 20px;
}
.element-icon.style2 .content{
    display: inline-block;
    color: #222;
    margin-top: -5px;
}
.element-icon.style2 .title{
    margin: 0;
    margin-bottom: 7px;
}


.element-icon.style3 .icon{
    width: 80px;
    height: 70px;
    border: 2px solid #c99947;
    color: #c99947;
    font-size: 30px;
    text-align: center;
    line-height: 66px;
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
    position: relative;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.element-icon.style3 .icon:before{
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    z-index: 9;
    border-top: 2px solid rgba(255, 255, 255, 0.8);
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    transform: scale(0, 1);
}
.element-icon.style3 .icon:after{
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    z-index: 9;
    border-left: 2px solid rgba(255, 255, 255, 0.8);
    border-right: 2px solid rgba(255, 255, 255, 0.8);
    transform: scale(1, 0);
}
.element-icon.style3:hover .icon:before,
.element-icon.style3:hover .icon:after{
    transform: scale(1);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.element-icon.style3:hover .icon{
    color: #fff;
}
.element-icon.style3 .content{
    text-align: center;
}
.element-icon.style3 .title{
    font-size: 18px;
    color: #fff;
    margin: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    font-family: 'MontserratLight';
}
.element-icon.style3 .subtite{
    font-family: 'Playfair Display';
    color: #c99947;
    font-size: 14px;
    font-style: italic;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.element-icon.style3:hover .title{
    color: #c99947;
}
.element-icon.style3:hover .subtite{
    color: #fff;
}

.element-icon.style4{
    margin: 0;
}
.element-icon.style4:hover{
    color: #c99947;
}

.element-icon.style4 .inner{
    padding: 50px 0;
    text-align: center;
}
.element-icon.style4 .icon{
    font-size: 30px;
    padding-top: 5px;
    vertical-align: middle;
    float: none;
    display: inline-block;
}
.element-icon.style4 .content{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.element-icon.style4 .title{
    font-size: 18px;
    margin: 0;
    font-family: 'MontserratLight';
}
.element-icon.style4 .title strong{
    font-family: 'Montserrat';
    font-weight: 700;
}
.element-icon.style4 .subtite{
    color: #666;
    font-family: 'Playfair Display';
    font-size: 14px;
}

.element-icon.plus:after{
    content: '+';
    display: inline-block;
    font-size: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #c99947;
    font-weight: 700;
}

.element-icon.style5{
    text-align: center;
    margin: 0;
    font-family: 'Oswald';
    padding: 21px 0;
}
.element-icon.style5 .icon{
    float: none;
    margin: 0;
    font-size: 28px;
    color: #666666;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
    padding-top: 2px;
}
.element-icon.style5 .content{
    display: inline-block;
    padding-top: 5px;
    font-family: 'Oswald';
}
.element-icon.style5 .title,
.element-icon.style5 .text{
    display: inline-block;
    margin: 0;
}
.element-icon.style5 .title{
    font-size: 16px;
    text-transform: uppercase;
}
.element-icon.style5 .text{
    font-size: 14px;
    color: #666;
    font-weight: 300;
}
.element-icon.style5.plus:after{
    font-family: 'Oswald';
    font-weight: 300;
    color: #333;
    font-size: 14px;
    top: 40%;
}



/* Parallax */
.bg-parallax {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}


/* BANNER PAGE */
.page-banner{
    background-image: url("../images/b/43.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 230px 0 280px 0;
}
.page-banner .banner-content{
    text-align: center;
    color: #fff;
}
.page-banner .banner-content .subtitle{
    font-family: 'Playfair Display';
    font-size: 18px;
    font-style: italic;
}
.page-banner .banner-content .title{
    color: #fff;
    margin-bottom: 0;
    font-size: 48px;
    letter-spacing: 25px;
    margin-top: 10px;
}



/* PARALLAX PAGE LOCMAN */
.page-parallax-locman {
    background-image: url("../brand/orologi/locman-orologi/parallax-locman.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 230px 0 280px 0;
}
.page-parallax-locman .banner-content{
    text-align: center;
    color: #fff;
}
.page-parallax-locman .banner-content .subtitle{
    font-family: 'Playfair Display';
    font-size: 18px;
    font-style: italic;
}
.page-parallax-locman .banner-content .title{
    color: #fff;
    margin-bottom: 0;
    font-size: 48px;
    letter-spacing: 25px;
    margin-top: 10px;
}

/* =========================================================
   MOBILE — PARALLAX LOCMAN
   ========================================================= */

@media only screen and (max-width: 767px) {

    .page-parallax-locman {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
		background-position: 65% center;
        padding: 150px 20px 170px 20px;
    }

    .page-parallax-locman .banner-content .title {
        font-size: 32px;
        letter-spacing: 10px;
    }

    .page-parallax-locman .banner-content .subtitle {
        font-size: 16px;
    }

}






.block-paralax6{
    margin-top: 60px;
    padding: 210px 0 150px 0;
    background-image: url('../img/parallax-shop.jpg');
    width:100%;
}


.block-paralax-shop{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../img/home/giugno-gioielli-bg-15-parallax.jpg');
    width:100%;
}

.block-paralax7{
    margin-top: 60px;
    padding: 210px 0 150px 0;
    background-image: url('../img/banner-3.jpg');
    width:100%;
}

.block-paralax8{
    margin-top: 60px;
    padding: 210px 0 150px 0;
    background-image: url('../img/banner-4.jpg');
    width:100%;
}


.block-paralax9{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../img/banner-9.jpg');
    width:100%;
}


.block-paralax10{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../img/banner-10.jpg');
    width:100%;
}

 


.block-paralax1{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../img/home/giugno-gioielli-bg-15-parallax.jpg');
    width:100%;
}



/* =========================================================
   PARALLAX HOME
   ========================================================= */

.block-paralax-home{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../img/home/giugno-gioielli-bg-15-parallax.jpg');
    width:100%;
}


@media only screen and (max-width: 767px) {

    .block-paralax-home {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-home .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-home .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}


/* =========================================================
   PARALLAX CHI SIAMO
   ========================================================= */

.block-paralax-chi-siamo{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../img/home/giugno-gioielli-bg-12-a.jpg');
    width:100%;
    padding-bottom: 120px;
 }   


@media only screen and (max-width: 767px) {

    .block-paralax-chi-siamo {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-chi-siamo .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-chi-siamo .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}


.block-paralax-chi-siamo-1{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../../assets/brand/chi-siamo-parallax.jpg');
    width:100%; 
    padding-bottom: 120px;
 }   


@media only screen and (max-width: 767px) {

    .block-paralax-chi-siamo-1 {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-chi-siamo-1 .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-chi-siamo-1 .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}



/* =========================================================
   PARALLAX CONTATTI
   ========================================================= */

.block-paralax-contatti{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../../assets/brand/contatti-parallax.jpg');
    width:100%;
}


@media only screen and (max-width: 767px) {

    .block-paralax-contatti {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-contatti .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-contatti .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}




/* =========================================================
   PARALLAX GIOIELLERIA
   ========================================================= */

.block-paralax-gioielleria{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../brand/gioielleria/mirco-visconti/parallax.jpg');
    width:100%;
    padding-bottom: 120px;
 }   


@media only screen and (max-width: 767px) {

    .block-paralax-gioielleria {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-gioielleria .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-gioielleria .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}


/* =========================================================
   PARALLAX FASHION
   ========================================================= */

.block-paralax-fashion{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../brand/fashion-parallax.jpg');
    width:100%;
    padding-bottom: 120px;
 }   


@media only screen and (max-width: 767px) {

    .block-paralax-fashion {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-fashion .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-fashion .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}




/* =========================================================
   PARALLAX ACCESSORI
   ========================================================= */

.block-paralax-accessori{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../brand/parallax-bg-01.jpg');
    width:100%;
    padding-bottom: 120px;
 }   


@media only screen and (max-width: 767px) {

    .block-paralax-accessori {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-accessori .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-accessori .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}




.block-paralax-accessori-1{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../brand/accessori-bg-03.jpg');
    width:100%; 
    padding-bottom: 120px;
 }   


@media only screen and (max-width: 767px) {

    .block-paralax-accessori-1 {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-accessori-1 .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-accessori-1 .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}


.block-paralax-accessori-2{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../brand/accessori-bg-02.jpg');
    width:100%; 
    padding-bottom: 120px;
 }   


@media only screen and (max-width: 767px) {

    .block-paralax-accessori-2 {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-accessori-2 .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-accessori-2 .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}


.block-paralax-accessori-3{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../brand/accessori-bg-01.jpg');
    width:100%; 
    padding-bottom: 120px;
 }   


@media only screen and (max-width: 767px) {

    .block-paralax-accessori-3 {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-accessori-3 .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-accessori-3 .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}


.block-paralax-accessori-4{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../brand/accessori-bg-04.jpg');
    width:100%; 
    padding-bottom: 120px;
 }   


@media only screen and (max-width: 767px) {

    .block-paralax-accessori-4 {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-accessori-4 .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-accessori-4 .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

} 





.block-paralax2{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../img/home/giugno-gioielli-bg-12-a.jpg');
    width:100%;
    padding-bottom: 120px;
    
}
.block-paralax3{
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../img/bg-orologi-parallax.jpg');
    font-family: 'MontserratLight';
}

.block-paralax3 .sub-title{
    margin-bottom: 15px;
}
.block-paralax3 .title{
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}

/*Categoria Orologi*/







/* =========================================================
   PARALLAX BRAND — OROLOGI
   ========================================================= */
 
/* =========================================================
   PARALLAX BULOVA OROLOGI
   ========================================================= */

.block-paralax-bulova-orologi {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../img/bg-orologi-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-bulova-orologi .sub-title {
    margin-bottom: 15px;
}

.block-paralax-bulova-orologi .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* =========================================================
   MOBILE — PARALLAX BULOVA OROLOGI
   ========================================================= */

@media only screen and (max-width: 767px) {

    .block-paralax-bulova-orologi {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }

    .block-paralax-bulova-orologi .title {
        font-size: 28px;
        line-height: 1.2;
    }

    .block-paralax-bulova-orologi .subtite {
        font-size: 14px;
        line-height: 1.4;
    }

}
 



/* MASERATI OROLOGI */
.block-paralax-maserati-orologi {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/orologi/maserati-orologi/maserati-orologi-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-maserati-orologi .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-maserati-orologi .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* LIU JO OROLOGI */
.block-paralax-liu-jo-orologi {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/orologi/liu-jo-orologi/liu-jo-orologi-parallax-02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-liu-jo-orologi .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-liu-jo-orologi .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* DANIEL WELLINGTON OROLOGI */
.block-paralax-daniel-wellington-orologi {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/orologi/daniel-wellington-orologi/daniel-wellington-orologi-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-daniel-wellington-orologi .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-daniel-wellington-orologi .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* LOCMAN OROLOGI */
.block-paralax-locman-orologi {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/orologi/locman-orologi/locman-orologi-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-locman-orologi .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-locman-orologi .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* =========================================================
   CATEGORIA GIOIELLERIA
   ========================================================= */


/* MIRCO VISCONTI */
.block-paralax-mirco-visconti-gioielleria {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/gioielleria/mirco-visconti/parallax-01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-mirco-visconti-gioielleria .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-mirco-visconti-gioielleria .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* MAGIC WIRE */
.block-paralax-magic-wire-gioielleria {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/gioielleria/magic-wire/magic-wire-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-magic-wire-gioielleria .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-magic-wire-gioielleria .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* CZ */
.block-paralax-cz-gioielleria {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/gioielleria/cz/cz-gioielli-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-cz-gioielleria .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-cz-gioielleria .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* CIZETA */
.block-paralax-cizeta-gioielleria {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/gioielleria/cizeta/bg-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-cizeta-gioielleria .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-cizeta-gioielleria .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* MALAGOLI */
.block-paralax-malagoli-gioielleria {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/gioielleria/malagoli/malagoli-gioielli-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-malagoli-gioielleria .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-malagoli-gioielleria .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* GIULIA IT'S ME */
.block-paralax-giulia-its-me-gioielleria {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/gioielleria/giulia-its-me/giulia-its-me-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-giulia-its-me-gioielleria .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-giulia-its-me-gioielleria .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* =========================================================
   CATEGORIA FASHION
   ========================================================= */


/* FRABOSO */
.block-paralax-fraboso-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/fraboso/fraboso-fashion-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-fraboso-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-fraboso-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* KIDULT */
.block-paralax-kidult-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/kidult/kidult-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-kidult-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-kidult-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* MABINA */
.block-paralax-mabina-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/mabina/mabina-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-mabina-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-mabina-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* MASERATI FASHION */
.block-paralax-maserati-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/maserati/maserati-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-maserati-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-maserati-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* ISHWARA */
.block-paralax-ishwara-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/ishwara/bg-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-ishwara-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-ishwara-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* MADI */
.block-paralax-madi-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/madi/bg-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-madi-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-madi-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* TAMASHII */
.block-paralax-tamashii-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/tamashii/tamashii-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-tamashii-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-tamashii-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* PITTI E SISI */
.block-paralax-pittiesisi-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/pittiesisi/parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-pittiesisi-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-pittiesisi-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* ALESSANDRO MAGRINO */
.block-paralax-alessandro-magrino-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/alessandro-magrino/parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-alessandro-magrino-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-alessandro-magrino-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* RAJA */
.block-paralax-raja-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/raja/bg-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-raja-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-raja-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* OPERA COLLECTION */
.block-paralax-opera-collection-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/opera-collection/bg-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-opera-collection-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-opera-collection-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* CAMEO ITALIANO */
.block-paralax-cameo-italiano-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/cameo-italiano/bg-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-cameo-italiano-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-cameo-italiano-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* REBECCA */
.block-paralax-rebecca-fashion {
    margin-top: 0px;
    padding: 87px 0 110px 0;
    background-image: url('../../assets/brand/fashion/rebecca/bg-parallax.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    font-family: 'MontserratLight';
}

.block-paralax-rebecca-fashion .sub-title {
    margin-bottom: 15px;
}

.block-paralax3-rebecca-fashion .title {
    font-size: 48px;
    color: #333;
    font-family: 'MontserratLight';
}


/* =========================================================
   MOBILE — TUTTI I PARALLAX BRAND
   ========================================================= */

@media only screen and (max-width: 767px) {

    /* -------------------------
       OROLOGI
       ------------------------- */

    .block-paralax-maserati-orologi,
    .block-paralax-liu-jo-orologi,
    .block-paralax-daniel-wellington-orologi,
    .block-paralax-locman-orologi,

    /* -------------------------
       GIOIELLERIA
       ------------------------- */

    .block-paralax-mirco-visconti-gioielleria,
    .block-paralax-magic-wire-gioielleria,
    .block-paralax-cz-gioielleria,
    .block-paralax-cizeta-gioielleria,
    .block-paralax-malagoli-gioielleria,
    .block-paralax-giulia-its-me-gioielleria,

    /* -------------------------
       FASHION
       ------------------------- */

    .block-paralax-fraboso-fashion,
    .block-paralax-kidult-fashion,
    .block-paralax-mabina-fashion,
    .block-paralax-maserati-fashion,
    .block-paralax-ishwara-fashion,
    .block-paralax-madi-fashion,
    .block-paralax-tamashii-fashion,
    .block-paralax-pittiesisi-fashion,
    .block-paralax-alessandro-magrino-fashion,
    .block-paralax-raja-fashion,
    .block-paralax-opera-collection-fashion,
    .block-paralax-cameo-italiano-fashion,
    .block-paralax-rebecca-fashion {

        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
        padding: 70px 20px 75px 20px;
    }


    /* -------------------------
       TITOLI MOBILE
       ------------------------- */

    .block-paralax3-maserati-orologi .title,
    .block-paralax3-liu-jo-orologi .title,
    .block-paralax3-daniel-wellington-orologi .title,
    .block-paralax3-locman-orologi .title,

    .block-paralax3-mirco-visconti-gioielleria .title,
    .block-paralax3-magic-wire-gioielleria .title,
    .block-paralax3-cz-gioielleria .title,
    .block-paralax3-cizeta-gioielleria .title,
    .block-paralax3-malagoli-gioielleria .title,
    .block-paralax3-giulia-its-me-gioielleria .title,

    .block-paralax3-fraboso-fashion .title,
    .block-paralax3-kidult-fashion .title,
    .block-paralax3-mabina-fashion .title,
    .block-paralax3-maserati-fashion .title,
    .block-paralax3-ishwara-fashion .title,
    .block-paralax3-madi-fashion .title,
    .block-paralax3-tamashii-fashion .title,
    .block-paralax3-pittiesisi-fashion .title,
    .block-paralax3-alessandro-magrino-fashion .title,
    .block-paralax3-raja-fashion .title,
    .block-paralax3-opera-collection-fashion .title,
    .block-paralax3-cameo-italiano-fashion .title,
    .block-paralax3-rebecca-fashion .title {

        font-size: 28px;
        line-height: 1.2;
    }


    /* -------------------------
       SOTTOTITOLI MOBILE
       ------------------------- */

    .block-paralax-maserati-orologi .sub-title,
    .block-paralax-liu-jo-orologi .sub-title,
    .block-paralax-daniel-wellington-orologi .sub-title,
    .block-paralax-locman-orologi .sub-title,

    .block-paralax-mirco-visconti-gioielleria .sub-title,
    .block-paralax-magic-wire-gioielleria .sub-title,
    .block-paralax-cz-gioielleria .sub-title,
    .block-paralax-cizeta-gioielleria .sub-title,
    .block-paralax-malagoli-gioielleria .sub-title,
    .block-paralax-giulia-its-me-gioielleria .sub-title,

    .block-paralax-fraboso-fashion .sub-title,
    .block-paralax-kidult-fashion .sub-title,
    .block-paralax-mabina-fashion .sub-title,
    .block-paralax-maserati-fashion .sub-title,
    .block-paralax-ishwara-fashion .sub-title,
    .block-paralax-madi-fashion .sub-title,
    .block-paralax-tamashii-fashion .sub-title,
    .block-paralax-pittiesisi-fashion .sub-title,
    .block-paralax-alessandro-magrino-fashion .sub-title,
    .block-paralax-raja-fashion .sub-title,
    .block-paralax-opera-collection-fashion .sub-title,
    .block-paralax-cameo-italiano-fashion .sub-title,
    .block-paralax-rebecca-fashion .sub-title {

        margin-bottom: 15px;
        font-size: 14px;
        line-height: 1.4;
    }

}






.block-paralax4{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../brand/gioielleria/mirco-visconti/parallax.jpg');
    width:100%;
    padding-bottom: 120px;
 }   
    
 
.block-paralax4 .head{
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
.block-paralax4 .head .title{
    text-transform: uppercase;
    font-size: 18px;
    color: #c99947;
    margin-bottom: 0;
}
.block-paralax4 .head .sub-title{
    font-family: 'MontserratLight';
    font-size: 12px;
}
.block-paralax4 .head:after{
    content: '';
    width: 30px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
.section-block-text{
    margin: 0 -5px;
}
.section-block-text .item{
    padding: 0 5px;
    margin-bottom: 30px;
}
.section-team{
    background-color: #f9f9f9;
    padding: 60px 0;
}
.section-testimonials{
    background-image: url("../images/b/44.png");
    background-position: center bottom;
}


.block-paralax5{
    margin-top: 0px;
    padding: 210px 0 150px 0;
    background-image: url('../../assets/brand/parallax-bg-01.jpg');
    width:100%;
    padding-bottom: 120px;
 } 


 
.block-paralax5 .head{
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
.block-paralax5 .head .title{
    text-transform: uppercase;
    font-size: 18px;
    color: #c99947;
    margin-bottom: 0;
}
.block-paralax5 .head .sub-title{
    font-family: 'MontserratLight';
    font-size: 12px;
}
.block-paralax5 .head:after{
    content: '';
    width: 30px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}