﻿/* **************** Generali ****************  */
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Khand:300,400,500,600,700);

body {
    font-family: 'Khand', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #6c6c6c;
}

#navigation.modern .columns ul li a.search-form-trigger {display: none;}

body * {
    outline: none;
}

::selection {
    color: #fff;
    background-color: #a61c1c
}

.letter {
    font-family: 'Josefin Sans', sans-serif !important;
}

.col-red {
    color: #a61c1c !important;
}

.bg-red {
    background-color: #a61c1c !important;
    transition: ease 0.2s;
}

.clearfix {
    clear: both !important;
}

.pointer {
    cursor: pointer !important;
}

.hover-red {
    transition: ease 0.2s;
}

.hover-red:hover {
    color: #a61c1c !important;
}

.bg-red:hover {
    background-color: #f20019 !important;
}

.col-red2 {
    color: #f20019 !important;
}

.bg-red2 {
    background-color: #f20019 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.fs-searchform .recommended a:hover {
    color: #f20019;
}

#fs-searchform input {
    text-transform: uppercase;
}

.bordoGrigio {
    border-bottom: 1px solid #e1e1e1;
}

.bordoGrigio2 {
    border-right: 1px solid #e1e1e1;
}

.colGrigio {
    color: #898989;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.imgRes {
    width: 100%;
    height: auto;
}

.bg-colored5 {
    background-color: #e4e4e4;
    border: 1px solid #a61c1c;
}

/* **************** Mastro -> Header ****************  */
.width-in {
    width: inherit !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

    .width-in:hover {
        background: #666666
    }

    .width-in img {
        height: 20px;
        float: right;
        margin-top: 8px;
        margin-left: 6px;
    }

#navigation.modern .columns ul li a,
#navigation.modern .columns ul li a.search-form-trigger {
    font-size: 15px;
    letter-spacing: 0;
}

#navigation.modern .columns ul li a {
    padding: 0 15px;
}

#navigation.modern .columns ul li.active a {
    color: #8e8e8e !important;
}

#navigation.modern .columns .nav-menu {
    float: left;
}

#navigation.modern.white-nav .columns .dropdown-menu {
    box-shadow: 0 15px 25px 2px rgba(0, 0, 0, 1);
}

.header-fi, .header-fi .container {
    height: 83px;
}

    .header-fi .container .fi-left {
        height: 83px;
        width: 350px;
    }

        .header-fi .container .fi-left img {
            height: 83px;
        }

    .header-fi .container .fi-right {
        text-align: right;
        width: 100%;
        height: 83px;
        margin-top: -83px;
    }

.fi-right .social-icon {
    background-color: #eeeeee;
    color: #000000;
    font-size: 14px !important;
    margin-top: 23px;
}

    .fi-right .social-icon:hover {
        color: #ffffff;
    }

.cntUtility {
    position: absolute;
    height: 83px;
    width: 475px;
}

.boxInfo {
    width: 230px;
    height: 60px;
    margin-right: 5px;
    margin-top: 18px;
    float: left;
}

#edit-address .modal-content {
    width: 500px;
}

#modifyAddress #paysubmit {
    width: 240px;
    margin-top: 20px;
}

#addresslist > .border-1.solid.border-gray.clearfix.padding-25.mb-20,
#adress > .border-1.solid.border-gray.clearfix.padding-25.mb-20 {
    margin-bottom: 20px;
    padding: 25px;
    border-width: 1px;
    border-style: solid;
}

#shipsubmit, .aggCar.mt-10 {
    width: 210px;
    text-align: center;
}

#checkout .aggCar.mt-10 {
    width: 210px;
    text-align: center;
    display: block;
    margin-top: 10px;
}

#checkout #paysubmit,
.lg-btn.radius.bg-default.white.font-16.slow.bs-hover.uppercase.bold.ls-0.block.mt--10.aggCar,
.lg-btn.radius.bg-default.white.font-16.slow.bs-hover.uppercase.bold.ls-0.block.mt-40.aggCar {
    width: 240px;
    text-align: center;
}


@media all and (min-width:1500px) {
    #pagetop .container .left {
        width: 710px;
        height: 43px;
        overflow: hidden;
    }

    #pagetop .text-rotator.morphext {
        position: absolute;
        display: table !important;
        top: 0;
        margin-left: 165px;
        width: 540px;
        height: 42px;
    }

    #pagetop .animated.zoomIn {
        display: table-cell !important;
        height: 42px;
        width: 540px;
        vertical-align: middle !important;
        overflow: hidden;
        font-size: 13px;
        line-height: 15px;
    }

    #navigation.modern .columns ul li {
        margin-right: 30px;
    }

    #navigation.modern .columns .logo,
    #pagetop .container .mobile {
        display: none;
    }

    #navigation.modern.white-nav.sticky {
        border-top: 1px solid #9b706a;
    }

    .cntUtility {
        margin-left: 600px;
    }

    .iconsMobile {
        display: none;
    }
}

@media all and (min-width:1025px) and (max-width:1499px) {
    #pagetop .text-rotator.morphext {
        position: absolute;
        display: table !important;
        top: 0;
        margin-left: 165px;
        width: 320px;
        height: 42px;
    }

    #pagetop .animated.zoomIn {
        display: table-cell !important;
        height: 42px;
        width: 320px;
        vertical-align: middle !important;
        overflow: hidden;
        font-size: 11px;
        line-height: 13px;
    }

    #pagetop .container .left {
        width: 480px;
        height: 43px;
        overflow: hidden;
    }

    #navigation.modern .columns ul li {
        margin-right: 11px;
    }

    #navigation.modern .columns .logo,
    #pagetop .container .mobile {
        display: none;
    }

    #navigation.modern.white-nav.sticky {
        box-shadow: none !important;
        border-top: 1px solid #9b706a;
    }

    .cntUtility {
        margin-left: 365px;
    }

    .iconsMobile {
        display: none;
    }
}

@media all and (min-width:992px) and (max-width:1024px) {
    .header-fi {
        display: none;
    }

    .iconsMobile .container-fluid {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .iconsMobile img {
        height: 24px;
    }

    #mobile-navigation .pagetop .container .left,
    #mobile-navigation .pagetop .container .right,
    #mobile-navigation .nav-el {
        display: none;
    }

    #mobile-navigation .nav li a {
        font-size: 15px;
    }

    #mobile-navigation .nav-link i {
        font-style: inherit !important;
        font-size: 15px;
    }

    #mobile-navigation .pagetop .container .mobile .social-icon {
        background-color: #1a1b1d;
        margin-top: 23px;
        font-size: 25px !important;
        width: 77px !important;
    }


    #mobile-navigation .pagetop .container .mobile {
        position: fixed;
        bottom: 10px;
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    .header-fi {
        display: none;
    }

    .iconsMobile .container-fluid {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .iconsMobile img {
        height: 24px;
    }

    #mobile-navigation .pagetop .container .left,
    #mobile-navigation .pagetop .container .right,
    #mobile-navigation .nav-el {
        display: none;
    }

    #mobile-navigation .nav li a {
        font-size: 15px;
    }

    #mobile-navigation .nav-link i {
        font-style: inherit !important;
        font-size: 15px;
    }

    #mobile-navigation .pagetop .container .mobile .social-icon {
        background-color: #1a1b1d;
        margin-top: 23px;
        font-size: 25px !important;
        width: 77px !important;
    }


    #mobile-navigation .pagetop .container .mobile {
        position: fixed;
        bottom: 10px;
    }

    .cntMensile {
        margin-left: 8% !important;
    }

    .t-left.t-center-xs.col-sm-6.col-xs-12, .t-right.t-center-xs.col-sm-6.col-xs-12 {
        text-align: center;
    }

    #checkout #paysubmit,
    .lg-btn.radius.bg-default.white.font-16.slow.bs-hover.uppercase.bold.ls-0.block.mt--10.aggCar,
    .lg-btn.radius.bg-default.white.font-16.slow.bs-hover.uppercase.bold.ls-0.block.mt-40.aggCar {
        width: 210px;
        text-align: center;
    }
}

@media all and (min-width: 411px) and (max-width: 767px) {
}

@media all and (min-width: 371px) and (max-width: 410px) {
}

@media all and (min-width: 1px) and (max-width: 370px) {
}

@media all and (min-width:1px) and (max-width:767px) {
    .header-fi {
        display: none;
    }

/*
    .iconsMobile {
        position: fixed;
        height: 35px;
        width: 100%;
        display: block;
        z-index: 999999999;
    }

*/

    .iconsMobile .container-fluid {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .iconsMobile img {
        height: 24px;
    }

    #mobile-navigation .pagetop .container .left,
    #mobile-navigation .pagetop .container .right,
    #mobile-navigation .nav-el {
        display: none;
    }

    #mobile-navigation .nav li a {
        font-size: 15px;
    }

    #mobile-navigation .nav-link i {
        font-style: inherit !important;
        font-size: 15px;
    }

    #mobile-navigation .pagetop .container .mobile .social-icon {
        background-color: #1a1b1d;
        margin-top: 23px;
        font-size: 25px !important;
        width: 77px !important;
    }


    #mobile-navigation .pagetop .container .mobile {
        position: fixed;
        bottom: 10px;
    }

    #shipsubmit, .aggCar.mt-10, #checkout .aggCar.mt-10 {
        width: 100%;
        text-align: center;
    }

    #checkout #paysubmit,
    .lg-btn.radius.bg-default.white.font-16.slow.bs-hover.uppercase.bold.ls-0.block.mt--10.aggCar,
    .lg-btn.radius.bg-default.white.font-16.slow.bs-hover.uppercase.bold.ls-0.block.mt-40.aggCar {
        width: 100%;
        text-align: center;
    }
}



/* **************** Homepage **************** */
.cntFocusAnim {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 50px;
}

    .cntFocusAnim h5 {
        font-size: 18px;
    }

.container-sm.v-center {
    max-width: 600px;
}

.cntFocusAnim h1, .cntFocusBanner h1 {
    font-size: 70px;
    line-height: 70px;
    font-weight: 600;
}

.cntFocusAnim .lg-btn {
    background-color: #a61c1c;
}

    .cntFocusAnim .lg-btn:hover {
        background-color: #f20019;
    }

    .cntFocusAnim .lg-btn.trasp {
        background: transparent;
        border: 1px solid #ffffff;
    }

        .cntFocusAnim .lg-btn.trasp:hover {
            background-color: #eeeeee;
            color: #000000 !important;
        }

.sidemenu .widget {
    margin: 0 auto;
}

    .sidemenu .widget p {
        min-height: 65px;
    }

    .sidemenu .widget h5 {
        padding-top: 15px !important;
    }

.bg-Resp {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.content-box.col-lg-6.col-12.t-right {
    padding-right: 0;
}

.item-slider h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box-stripe {
    border-right-color: #bcbcbc;
}

.cntFocusBanner h1 {
    padding-top: 50px;
}

.cntFocusBanner a {
    display: block;
    margin-top: 65px;
}

@media all and (min-width:1500px) {
    .citazioneMobile {
        display: none;
    }
    .bollo {
        width: 200px;
        height: 200px;
        margin-top: -250px;
    }

    .widget-title-grande {
        font-size: 35px;
        line-height: 39px;
        margin-bottom: 20px;
    }

    .widget-testo-grande {
        margin-bottom: 40px;
        letter-spacing: 0;
        font-size: 18px;
    }

    .bg-Resp {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .bg-Resp h2 {
            margin-top: 10px;
            margin-bottom: 0;
            padding-right: 40px;
            padding-left: 40px;
            line-height: 35px;
            letter-spacing: 0;
        }

    .imgColSquare {
        width: 90px;
        height: 90px;
    }

    .lh-normal.gray7 .image-left {
        margin-bottom: 30px;
        margin-right: 15px;
    }

    .imgAnno {
        width: 200px;
    }

    .pretit-anno {
        margin-bottom: 0;
        padding-top: 10px;
    }

    .tit-anno {
        font-size: 60px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .subtit-anno {
        margin-top: -10px !important;
        margin-bottom: 10px !important;
    }

    .testo-anno {
        margin-bottom: 10px;
    }

    .icoPlayBox {
        margin-top: 125px;
        margin-left: -25px;
    }

    .titPlayBox {
        margin-bottom: 15px;
        line-height: 38px;
    }

    .heightPlayBox {
        height: 340px;
        margin-left: 15px;
    }

    .tags.extrabold.uppercase.letter {
        font-size: 10px;
        padding-top: 15px;
        padding-left: 15px;
    }

    .cntPlayBox {
        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .rBox h4 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .rBox h5 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .imgMensile {
        width: 1000px;
    }

    .doubleBoxes {
        padding: 20px;
        min-height: 340px;
    }

        .doubleBoxes h2 img {
            height: 40px;
            vertical-align: sub;
            margin-left: 14px;
        }

    .listServices li {
        font-size: 19px;
        line-height: 20px;
        margin-bottom: 25px;
    }

        .listServices li i {
            margin-right: 10px;
            float: left;
            margin-top: 0;
            margin-bottom: 16px;
        }

    .item-slider {
        margin-right: 10px;
    }

        .item-slider a img {
            height: 220px;
            margin-bottom: 7px;
        }

        .item-slider h6 {
            font-size: 12px;
        }

        .item-slider h5 {
            /*font-size: 23px;*/
            /*line-height: 25px;*/
            min-height: 50px;
        }

        .item-slider h4 {
            /*font-size: 30px;*/
        }

        .item-slider p {
            /*font-size: 16px;*/
            font-size: 12px;
        }

    .sl-prodotti.circle-dots .slick-dots {
        top: 7px !important;
    }

    .custom-slider.container.circle-dots {
        margin-top: 40px !important;
    }

    .box-stripe .lg-btn {
        margin-left: 115px;
        float: left;
        margin-top: -10px !important;
    }

    .footer-top h3 {
        font-size: 17px;
        margin-bottom: 20px;
    }

        .footer-top h3 a {
            transition: ease 0.2s;
        }

    .footer-top a, .footer-top span {
        display: block;
        transition: ease 0.2s;
        margin-bottom: 10px;
    }

        .footer-top a:hover, .footer-top h3 a:hover {
            color: #f20019 !important;
        }

    .footer-top img {
        height: 80px;
        margin-bottom: 50px;
        margin-top: 10px;
    }
}

@media all and (min-width:1025px) and (max-width:1499px) {
    .citazioneMobile {
        display: none;
    }

    .bollo {
        width: 200px;
        height: 200px;
        margin-top: -250px;
        margin-left: -45px;
    }

    .lh-normal.gray7 .widget-title {
        font-size: 22px;
    }

    .lh-normal.gray7 .letter {
        font-size: 12px;
    }

    .widget-title-grande {
        font-size: 33px !important;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .widget-testo-grande {
        margin-bottom: 40px;
        letter-spacing: 0;
        font-size: 16px !important;
    }

    .bg-Resp {
        padding-top: 20px;
        padding-bottom: 0;
    }

        .bg-Resp h2 {
            margin-top: 10px;
            margin-bottom: 0;
            padding-right: 40px;
            padding-left: 40px;
            line-height: 28px;
            letter-spacing: 0;
            font-size: 25px;
        }

    .imgColSquare {
        width: 90px;
        height: 90px;
    }

    .lh-normal.gray7 .image-left {
        margin-bottom: 30px;
        margin-right: 15px;
    }

    .imgAnno {
        width: 200px;
    }

    .pretit-anno {
        margin-bottom: 0;
        padding-top: 10px;
    }

    .tit-anno {
        font-size: 60px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .subtit-anno {
        margin-top: -10px !important;
        margin-bottom: 10px !important;
    }

    .testo-anno {
        font-size: 13px !important;
        margin-bottom: 10px !important;
    }

    .icoPlayBox {
        margin-top: 125px;
        margin-left: -25px;
    }

    .titPlayBox {
        margin-bottom: 15px;
        line-height: 33px;
        font-size: 28px;
    }

    .txtPlayBox {
        font-size: 13px;
        line-height: 1.3;
    }

    .heightPlayBox {
        height: 340px;
        margin-left: 15px;
    }

    .tags.extrabold.uppercase.letter {
        font-size: 10px;
        padding-top: 15px;
        padding-left: 15px;
    }

    .cntPlayBox {
        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .rBox h4 {
        font-size: 22px;
        margin-bottom: 0;
    }

    .rBox h5 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .imgMensile {
        width: 1000px;
    }

    .doubleBoxes {
        padding: 20px;
        min-height: 340px;
    }

        .doubleBoxes h2 img {
            height: 40px;
            vertical-align: sub;
            margin-left: 14px;
        }

    .listServices li {
        font-size: 19px;
        line-height: 20px;
        margin-bottom: 25px;
    }

        .listServices li i {
            margin-right: 10px;
            float: left;
            margin-top: 0;
            margin-bottom: 16px;
        }

    .item-slider {
        margin-right: 10px;
    }

        .item-slider a img {
            height: 170px;
            margin-bottom: 5px;
        }

        .item-slider h6 {
            font-size: 12px;
        }

        .item-slider h5 {
            /*font-size: 18px;*/
            /*line-height: 20px;*/
            min-height: 40px;
        }

        .item-slider h4 {
            /*font-size: 28px;*/
        }

        .item-slider p {
            /*font-size: 14px;
            line-height: 18px;*/
            font-size: 12px;
        }

    .sl-prodotti.circle-dots .slick-dots {
        top: 5px !important;
    }

    .custom-slider.container.circle-dots {
        margin-top: 10px !important;
    }

    .box-stripe .lh-normal.gray7 .letter {
        padding-left: 115px;
    }

    .box-stripe .lg-btn {
        margin-left: 115px;
        float: left;
        margin-top: -10px !important;
    }

    .footer-top h3 {
        font-size: 17px;
        margin-bottom: 20px;
        min-height: 46px;
    }

        .footer-top h3 a {
            transition: ease 0.2s;
        }

    .footer-top a, .footer-top span {
        display: block;
        transition: ease 0.2s;
        margin-bottom: 10px;
    }

        .footer-top a:hover, .footer-top h3 a:hover {
            color: #f20019 !important;
        }

    .footer-top img {
        height: 80px;
        margin-bottom: 50px;
        margin-top: 10px;
    }
}

@media all and (min-width:992px) and (max-width:1024px) {
    .citazioneMobile {
        display: none;
    }

    .bollo {
        width: 180px;
        height: 180px;
        margin-top: -250px;
        margin-left: -80px;
    }

    .lh-normal.gray7 .widget-title {
        font-size: 18px;
        line-height: 20px !important;
        margin-bottom: 0;
    }

    .lh-normal.gray7 .letter {
        font-size: 11px;
        line-height: 13px;
    }

    .widget-title-grande {
        font-size: 33px !important;
        line-height: 32px;
        margin-bottom: 20px !important;
    }

    .widget-testo-grande {
        margin-bottom: 40px;
        letter-spacing: 0;
        font-size: 15px !important;
        line-height: 19px !important;
    }

    .bg-Resp {
        padding-top: 0;
        padding-bottom: 0;
    }

        .bg-Resp h2 {
            margin-top: 10px;
            margin-bottom: 0;
            padding-right: 20px;
            padding-left: 20px;
            line-height: 24px;
            letter-spacing: 0;
            font-size: 21px;
        }

    .imgColSquare {
        width: 65px;
        height: 65px;
    }

    .lh-normal.gray7 .image-left {
        margin-bottom: 6px;
        margin-right: 8px;
    }

    .imgAnno {
        width: 150px;
    }

    .pretit-anno {
        margin-bottom: 0;
        padding-top: 0;
        font-size: 28px;
    }

    .tit-anno {
        font-size: 54px !important;
        margin-top: 13px !important;
        margin-bottom: 17px !important;
    }

    .subtit-anno {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        font-size: 16px !important;
    }

    .testo-anno {
        font-size: 11px !important;
        line-height: 12px !important;
        margin-bottom: 10px !important;
    }

    .icoPlayBox {
        margin-top: 83px;
        margin-left: -30px;
    }

    .titPlayBox {
        margin-bottom: 5px;
        line-height: 28px;
        font-size: 23px;
    }

    .txtPlayBox {
        font-size: 10px;
        line-height: 1.1;
    }

    .heightPlayBox {
        height: 250px;
        margin-left: 10px;
    }

    .tags.extrabold.uppercase.letter {
        font-size: 8px;
        padding-top: 10px;
        padding-left: 10px;
    }

    .cntPlayBox {
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 12px;
    }

        .cntPlayBox .lg-btn {
            padding: 8px 34px;
            font-size: 12px;
        }

    .rBox h4 {
        font-size: 17px;
        margin-bottom: 0;
    }

    .rBox h5 {
        font-size: 11px;
        margin-bottom: 0;
    }

    .imgMensile {
        width: 1000px;
    }

    .doubleBoxes {
        padding: 20px;
        min-height: 320px;
        background-position-x: right;
    }

        .doubleBoxes h2 img {
            height: 40px;
            vertical-align: sub;
            margin-left: 14px;
        }

    .listServices {
        padding: 0 10px 0 0 !important;
    }

        .listServices li {
            font-size: 17px;
            line-height: 18px;
            margin-bottom: 25px;
        }

            .listServices li i {
                margin-right: 10px;
                float: left;
                margin-top: 0;
                margin-bottom: 16px;
            }

    .item-slider {
        margin-right: 10px;
    }

        .item-slider a img {
            height: 120px;
            margin-bottom: 5px;
        }

        .item-slider h6 {
            font-size: 10px;
        }

        .item-slider h5 {
            /*font-size: 16px;*/
            line-height: 18px;
            min-height: 35px;
        }

        .item-slider h4 {
            /*font-size: 24px;*/
        }

        .item-slider p {
            /*font-size: 10px;
            line-height: 13px;*/
            font-size: 12px;
        }

    .sl-prodotti.circle-dots .slick-dots {
        top: 5px !important;
    }

    .custom-slider.container.circle-dots {
        margin-top: 10px !important;
    }

    .box-stripe .lh-normal.gray7 .letter {
        padding-left: 83px;
    }

    .box-stripe .lg-btn {
        margin-left: 83px;
        float: left;
        margin-top: -10px !important;
        font-size: 11px;
    }

    .box-stripe h3 {
        min-height: 40px;
    }

    .footer-top h3 {
        font-size: 14px;
        margin-bottom: 20px;
        min-height: 40px;
    }

        .footer-top h3 a {
            transition: ease 0.2s;
        }

    .footer-top a, .footer-top span {
        display: block;
        transition: ease 0.2s;
        margin-bottom: 18px;
        font-size: 11px;
        line-height: 12px;
    }

    .footer-top span {
        margin-bottom: 12px;
    }

    .footer-top a:hover, .footer-top h3 a:hover {
        color: #f20019 !important;
    }

    .footer-top img {
        height: 80px;
        margin-bottom: 50px;
        margin-top: 10px;
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    .citazioneMobile {display: none;}

    .bollo {
        width: 180px;
        height: 180px;
        margin-top: -250px;
        margin-left: -80px;
    }

    .lh-normal.gray7 .widget-title {
        font-size: 14px;
        line-height: 17px !important;
        letter-spacing: 0;
        margin-bottom: 0;
    }

    .lh-normal.gray7 .letter {
        font-size: 11px;
        line-height: 13px;
    }

    .widget-title-grande {
        font-size: 33px !important;
        line-height: 32px;
        margin-bottom: 20px !important;
    }

    .widget-testo-grande {
        margin-bottom: 40px;
        letter-spacing: 0;
        font-size: 15px !important;
        line-height: 19px !important;
    }

    .bg-Resp {
        padding-top: 0;
        padding-bottom: 0;
    }

        .bg-Resp h2 {
            margin-top: 10px;
            margin-bottom: 0;
            padding-right: 10px;
            padding-left: 10px;
            line-height: 20px;
            letter-spacing: 0;
            font-size: 17px;
        }

    .imgColSquare {
        width: 55px;
        height: 55px;
    }

    .lh-normal.gray7 .image-left {
        margin-bottom: 18px;
        margin-right: 8px;
    }

    .imgAnno {
        width: 150px;
    }

    .pretit-anno {
        margin-bottom: 0;
        padding-top: 0;
        font-size: 22px;
    }

    .tit-anno {
        font-size: 44px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .subtit-anno {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        font-size: 14px !important;
    }

    .testo-anno {
        font-size: 11px !important;
        line-height: 12px !important;
        margin-bottom: 10px !important;
    }

    .icoPlayBox {
        margin-top: 125px;
        margin-left: -25px;
    }

    .titPlayBox {
        margin-bottom: 15px;
        line-height: 33px;
        font-size: 28px;
    }

    .txtPlayBox {
        font-size: 13px;
        line-height: 1.3;
    }

    .heightPlayBox {
        height: 340px;
        margin-left: 15px;
    }

    .tags.extrabold.uppercase.letter {
        font-size: 10px;
        padding-top: 15px;
        padding-left: 15px;
    }

    .cntPlayBox {
        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .rBox h4 {
        font-size: 17px;
        margin-bottom: 0;
        padding: 0 10px;
    }

    .rBox h5 {
        font-size: 11px;
        margin-bottom: 0;
        padding: 0 12px;
    }

    .imgMensile {
        width: 650px;
    }

    .doubleBoxes h2 img {
        height: 40px;
        vertical-align: sub;
        margin-left: 14px;
    }

    .listServices {
        width: 100% !important;
        padding: 0 10px 0 0 !important;
        margin-bottom: 0 !important;
    }

    .doubleBoxes {
        padding: 20px;
        min-height: 410px;
        background-position-x: right;
    }

    .listServices li {
        font-size: 17px;
        line-height: 18px;
        margin-bottom: 25px;
    }

        .listServices li i {
            margin-right: 10px;
            float: left;
            margin-top: 0;
            margin-bottom: 16px;
        }

    .item-slider {
        margin-right: 10px;
        margin-left: 5px;
    }

        .item-slider a img {
            height: 170px;
            margin-bottom: 5px;
        }

        .item-slider h6 {
            font-size: 12px;
        }

        .item-slider h5 {
            /*font-size: 20px;*/
            line-height: 22px;
            min-height: 43px;
        }

        .item-slider h4 {
            /*font-size: 28px;*/
        }

        .item-slider p {
            /*font-size: 14px;*/
            /*line-height: 18px;*/
            font-size: 12px;
        }

    .sl-prodotti.circle-dots .slick-dots {
        top: 5px !important;
    }

    .custom-slider.container.circle-dots {
        margin-top: 30px !important;
    }

    .box-stripe {
        border-right: 0;
    }

        .box-stripe .lh-normal.gray7 .letter {
            font-size: inherit;
            line-height: inherit;
        }

        .box-stripe .lh-normal.gray7 .widget-title {
            font-size: 24px;
            line-height: inherit;
            padding-top: 5px;
            padding-bottom: 10px;
        }

        .box-stripe .imgColSquare {
            width: 100px;
            height: 100px;
            margin-right: 12px;
        }

    .banFixHeight {
        height: 440px !important;
    }

    .box-stripe .lg-btn {
        margin-left: 132px;
        float: left;
        margin-top: -10px !important;
    }

    .cntFocusBanner .height-200 {
        height: 160px !important;
    }

    .cntFocusBanner h1 {
        padding-top: 30px;
    }

    .cntFocusBanner a {
        display: block;
        margin-top: 47px;
        float: right;
    }

    .footer-top h3 {
        font-size: 11px;
        margin-bottom: 20px;
        min-height: 35px;
    }

        .footer-top h3 a {
            transition: ease 0.2s;
        }

    .footer-top a, .footer-top span {
        display: block;
        transition: ease 0.2s;
        margin-bottom: 18px;
        font-size: 10px;
        line-height: 12px;
    }

    .footer-top span {
        margin-bottom: 12px;
    }

    .footer-top a:hover, .footer-top h3 a:hover {
        color: #f20019 !important;
    }

    .footer-top img {
        height: 65px;
        margin-bottom: 28px;
        margin-top: 0;
    }
}

@media all and (min-width: 411px) and (max-width: 767px) {
    .details .container-sm.v-center {
        top: 40%;
    }

    .banFixHeight {
        height: 235px !important;
    }
}

@media all and (min-width: 371px) and (max-width: 410px) {
    .details .container-sm.v-center {
        top: 35%;
    }

    .banFixHeight {
        height: 215px !important;
    }
}

@media all and (min-width: 1px) and (max-width: 370px) {
    .details .container-sm.v-center {
        top: 37%;
    }

    .banFixHeight {
        height: 180px !important;
    }
}

@media all and (min-width:1px) and (max-width:767px) {

    .cntFocusAnim {
        padding: 25px;
    }

        .cntFocusAnim h1 {
            font-size: 40px;
            line-height: 40px;
        }

        .cntFocusAnim h5 {
            font-size: 15px;
        }

    .bollo {
        width: 150px;
        height: 150px;
        margin-top: -330px;
    }

    #mensile-dettaglio .catArticolo, #mensile-dettaglio .titArticolo {
        padding-left: 0;
        text-align: center;
    }

    #mensile-dettaglio .catArticolo {
        padding-top: 45px;
    }

     #mensile-dettaglio .cntArticolo.text-center {margin-bottom: 15px;}

    .pt-100.bordoGrigio {
        padding-top: 50px !important;
    }

    .imgAnno {
        width: 100%;
    }

    .cntImgAnno {
        margin-top: 14px;
        width: 50%;
    }

    .citazioneDesktop {display: none;}

    .tit-anno {
        font-size: 40px !important;
        margin-bottom: 0 !important;
    }

    .testo-anno {
        margin-bottom: 10px !important;
    }

    .widget.t-center.bg-Resp {
        margin-top: 40px;
    }

    .citazioneMobile {
        margin-top: -40px !important;
    }

    .citazioneMobile h2 {
        padding-top: 40px;
    }

    .slick-slide .bg-white.heightPlayBox.xxs-mx .f-right.t-center img {display: none;}


    .bg-Resp h2 {
        margin-top: 10px;
        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
        letter-spacing: 0;
    }

    .icoPlayBox {
        margin-top: 26vh;
        margin-left: -7vw;
    }

    .titPlayBox {
        margin-bottom: 10px;
        line-height: 30px;
        font-size: 25px;
    }

    .txtPlayBox {
        font-size: 13px;
        line-height: 1.3;
    }

    .heightPlayBox {
        width: 100%;
        height: auto;
    }

    .tags.extrabold.uppercase.letter {
        font-size: 10px;
        padding-top: 10px;
        padding-left: 10px;
    }

    .cntPlayBox {
        padding-top: 10px;
        padding-right: 12px;
        padding-left: 12px;
    }

        .cntPlayBox .lg-btn {
            margin-bottom: 10px;
        }

    .heightPlayBox .f-right {
        float: inherit !important;
    }

    .heightPlayBox {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .rBox h4 {
        padding: 0 20px;
    }

    .rBox h5 {
        padding: 0 20px;
    }

    .doubleBoxes {
        padding: 20px;
        text-align: left;
        background-size: 0 0 !important;
        background-color: #f3f3f3;
    }

    .doubleBoxes.box-hp-servizi {height: inherit !important;}
    .avvRis {margin-top: -70px !important;}

    .listServices {
        text-align: left;
        margin-bottom: 0;
    }

        .listServices li:last-child {
            margin-bottom: 0;
        }

    .doubleBoxes h2 img {
        height: 40px;
        vertical-align: sub;
        margin-left: 14px;
    }

    .listServices li {
        font-size: 19px;
        line-height: 20px;
        margin-bottom: 25px;
    }

        .listServices li i {
            margin-right: 10px;
            float: left;
            margin-top: 0;
            margin-bottom: 16px;
        }

    .mob-pad {
        padding-bottom: 60px;
    }

    .lh-normal.gray7 .letter.widget-testo-grande {margin-bottom: 15px;}
    /*.lh-normal.gray7 {min-height: 150px;}*/
    .item-slider {
        margin-right: 20px;
        margin-left: 10px;
    }

        .item-slider a img {
            width: 100%;
            margin-bottom: 5px;
        }

        .item-slider h6 {
            font-size: 12px;
        }

        .item-slider h5 {
            /*font-size: 16px;*/
            line-height: 18px;
            min-height: 35px;
        }

        .item-slider h4 {
            /*font-size: 24px;*/
        }

        .item-slider p {
            display: none;
            /*font-size: 10px;
            line-height: 13px;*/
            font-size: 12px;
        }

    .sl-prodotti.circle-dots .slick-dots {
        top: 15px !important;
    }

    .custom-slider.container.circle-dots {
        margin-top: 30px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .box-stripe {
        border-right: 0;
    }

        .box-stripe.xxs-px {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

    .cntFocusBanner.t-left, .cntFocusBanner p {
        text-align: center !important;
    }

    .cntFocusBanner h1 {
        padding-top: 0;
        text-align: center;
    }

    .cntFocusBanner a {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .footer-top h3 {
        font-size: 17px;
        margin-top: 15px;
        text-align: center;
    }

        .footer-top h3 a {
            transition: ease 0.2s;
        }

    .footer-top .letter {
        display: block;
        transition: ease 0.2s;
        margin-bottom: 3px;
        text-align: center;
    }

        .footer-top a:hover, .footer-top h3 a:hover {
            color: #f20019 !important;
        }

    .footer-top img {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .imgColSquare {
        width: 90px !important;
        height: 90px;
    }

    .sidemenu .widget .widget-title {
        padding-bottom: 0;
        margin-bottom: 0 !important;
        /*padding-top: 55px; */
    }

    .widget-title.lh-28 {
        line-height: 24px;
    }

    .lh-normal.gray7 .letter.ls-0 {
        line-height: 1.3;
    }

    .image-left.thumbnail-img {
        margin-bottom: 20px;
    }

    .acMobile, .omBlk {display: block;}
    .acMobile a {display: inline-block !important;}

}


/* **************** Prodotti e Servizi Online ****************  */
.card.mini-my, .card.mini-my .card-header {
    border-radius: 0;
}

    .card.mini-my .card-header {
        padding-bottom: 6px;
        border-bottom: 0;
    }

.card-body .classic_checkbox {
    width: 100%;
    margin-left: 0;
}

.card-body hr {
    background-color: rgba(0,0,0,0.2);
    height: 1px;
}


.classic_checkbox input[type=checkbox]:checked + label {
    background: #a61c1c;
}

.classic_checkbox input[type=checkbox]:checked + label, .classic_checkbox:hover label {
    border: 1px solid #a61c1c;
}

.collapsed .fa-minus::before {
    content: "\f067";
}

.classic_checkbox label {
    border-radius: 0px;
}

.sideBoxes {
    background-size: 100% auto !important;
    background-color: #f1f1f1;
    background-position-y: bottom;
    min-height: 240px;
}

.cntFiltri {
    margin-top: -28px;
    margin-bottom: 17px;
}

.fixWidth {
    width: 97vw;
    height: 1px;
}

.add-to-cart {
    text-transform: uppercase;
    font-weight: bold;
}

    .add-to-cart:hover {
        background: #a61c1c !important;
    }

.shopping-cart-icon {
    width: 14px !important;
    height: 14px !important;
    display: inline-block !important;
    background-image: url("../images/icon-basket-gray.png");
    background-size: 14px 14px;
}

.add-to-cart:hover .shopping-cart-icon {
    background-image: url("../images/icon-basket-white.png");
}

.bg-danger2 {
    background-image: url("../images/ribbon-red.png");
    width: 83px;
    text-align: center;
}

.bg-success2 {
    background-image: url("../images/ribbon-green.png");
    width: 83px;
    text-align: center;
}

.bg-warning2 {
    background-image: url("../images/ribbon-warning.png");
    width: 83px;
    text-align: center;
}

.shop .item a.cbp-caption:before {
    border: 1px solid #ffffff;
}

.shop .item:hover a.cbp-caption:before {
    border: 1px solid #dddddd;
}

.shop .item a.add-to-cart {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.cbp-caption-defaultWrap.product-image {
    padding: 20px 20px 0 20px !important;
}

.shop .item .details {
    margin-top: 10px;
}

.cbp-item.item {
    width: 100px;
}

.cbp-caption-activeWrap .txtDetails {
    padding-left: 20px;
    padding-right: 20px;
}

.basic-mark {
    top: 22px;
    right: 3px;
    transform: rotate(39deg);
    letter-spacing: 0px;
}

.txtDetails .black.letter {
    font-size: 11px;
    letter-spacing: 0;
}

.txtDetails h5 {
    min-height: 40px;
    margin-bottom: 0;
}

.txtDetails p {
    min-height: 65px;
}

@media all and (min-width:1500px) {
    .card.mini-my .card-header .f-right {
        margin-top: 3px;
    }

    .doubleBoxes.sideBoxes h2 {
        font-size: 24px;
    }

    .doubleBoxes.sideBoxes img {
        height: 30px;
    }

    .classic_checkbox {
        font-size: 14px;
    }

    .SideListServices li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
        margin-left: 21px;
    }

        .SideListServices li i {
            margin-right: 15px;
            margin-bottom: 15px;
            float: left;
        }

        .SideListServices li ul {
            margin-left: 7px;
            margin-top: 10px;
        }

            .SideListServices li ul li {
                margin-bottom: 7px;
            }

        .classic_checkbox label {
            width: 20px;
            height: 20px;
            line-height: 22px;
            text-indent: 32px;
        }

        .classic_checkbox label:after {
            top: 1px;
            left: -2px;
        }
}

@media all and (min-width:1025px) and (max-width:1499px) {
    .card.mini-my .card-header .f-right {
        margin-top: 3px;
        font-size: 11px;
    }

    .card.mini-my .card-header {
        font-size: 14px;
        padding: .65rem 1rem .35rem 1rem;
    }

    .doubleBoxes.sideBoxes h2 {
        font-size: 20px;
    }

    .doubleBoxes.sideBoxes img {
        height: 25px;
    }

    .classic_checkbox {
        font-size: 11px;
        height: 22px;
        overflow: hidden;
    }

    .SideListServices li {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 12px;
        margin-left: 0px;
    }

        .SideListServices li i {
            margin-right: 10px;
            margin-bottom: 15px;
            float: left;
        }

    .classic_checkbox label {
        width: 17px;
        height: 17px;
        line-height: 18px;
        text-indent: 24px;
    }

        .classic_checkbox label:after {
            top: -1px;
            left: -3px;
        }

    .card-body {
        padding: 15px;
    }

    .sizeBoxes {
        min-height: 240px;
    }
}

@media all and (min-width:992px) and (max-width:1024px) {
    .card.mini-my .card-header .f-right {
        margin-top: 5px;
        font-size: 10px;
    }

    .card.mini-my .card-header {
        font-size: 12px;
        padding: .65rem 1rem .35rem 1rem;
    }

    .doubleBoxes.sideBoxes h2 {
        font-size: 18px;
    }

    .doubleBoxes.sideBoxes img {
        height: 20px;
    }

    .classic_checkbox {
        font-size: 11px;
    }

    .SideListServices li {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 12px;
        margin-left: 0px;
    }

        .SideListServices li i {
            margin-right: 10px;
            margin-bottom: 15px;
            float: left;
        }

    .classic_checkbox label {
        width: 17px;
        height: 17px;
        line-height: 18px;
        text-indent: 28px;
    }

        .classic_checkbox label:after {
            top: -1px;
            left: -3px;
        }

    .card-body {
        padding: 15px;
    }

    .drop-effect .dropdown-menu {
        width: 100%;
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    .card.mini-my .card-header .f-right {
        margin-top: 3px;
    }

    .doubleBoxes.sideBoxes h2 {
        font-size: 24px;
    }

    .doubleBoxes.sideBoxes img {
        height: 30px;
    }

    .classic_checkbox {
        font-size: 14px;
    }

    .SideListServices li {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
        margin-left: 0;
    }

        .SideListServices li i {
            margin-right: 15px;
            margin-bottom: 15px;
            float: left;
        }

    .classic_checkbox label {
        width: 20px;
        height: 20px;
        line-height: 22px;
        text-indent: 32px;
    }

        .classic_checkbox label:after {
            top: 1px;
            left: -2px;
        }

    .drop-effect .dropdown-menu {
        width: 100%;
    }

    .t-right.cntFiltri {
        text-align: center !important;
    }

        .t-right.cntFiltri .dropdown-toggle {
            width: 47vw;
        }
}

@media all and (min-width: 411px) and (max-width: 767px) {
}

@media all and (min-width: 371px) and (max-width: 410px) {
}

@media all and (min-width: 1px) and (max-width: 370px) {
    .t-right.cntFiltri .dropdown-toggle {
        width: 100vw !important;
    }
}

@media all and (min-width:1px) and (max-width:767px) {
    .SideListServices li {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
        margin-left: 0;
    }

        .SideListServices li i {
            margin-right: 15px;
            margin-bottom: 15px;
            float: left;
        }

    .drop-effect .dropdown-menu {
        width: 100%;
    }

    .t-right.cntFiltri {
        text-align: center !important;
    }

        .t-right.cntFiltri .dropdown-toggle {
            width: 45vw;
        }

    .txtDetails h5 {
        font-size: 12px;
        min-height: 50px;
    }

    .txtDetails .black.letter {
        font-size: 10px;
    }

    .txtDetails p {
        min-height: 90px;
    }

    .shop .item a.add-to-cart {
        margin-top: 0px;
        font-size: 10px;
    }

    .product-image-with-bg {
        height: 200px !important;
    }

    .cntFiltri {
        margin-top: inherit;
    }

    #products .basket-form, #recents .basket-form {
        display: none;
    }

    #recents .cbp-nav-pagination {
        bottom: -70px;
    }

    #standardHtml img {
        width: 100% !important;
        height: auto !important;
    }

    .gallery.mt-20 .gallery-item {
        width: 47% !important;
        margin-right: 3%;
    }

    .gallery.mt-20 .gallery-item img {
        margin: 5px;
        width: 100%;
    }

}


.gallery.mt-20 .gallery-item img {
    width: 96px;
    margin: 2px;
}



/* **************** Scheda Prodotto ****************  */

#images .cbp-wrapper-outer {
    border: 1px solid #ffffff;
}

#thumbnails {
    float: right;
    height: 475px;
    width: 80px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: 1px;
    -webkit-scrollbar-width: 1px;
}

#thumbnails .cbp-pagination-item {
    float: left;
    margin-right: 10px;
}

#thumbnails img {
    width: 60px;
}

#thumbnails .cbp-pagination-item:after {
    background: rgba(255,255,255,0.7);
}

#thumbnails .cbp-pagination-active:after {
    background: rgba(255,255,255,0);
}

.cntBlockBorder {
    width: 70%;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    height: 52px;
    padding-left: 90px;
}

    .cntBlockBorder span {
        position: absolute;
        margin-left: -85px;
        /*margin-left: -240px;*/
        color: #000000;
        margin-top: 15px;
        font-size: 18px;
        font-weight: bold;
        display: block;
    }

.quantity input {
    width: 30px;
    font-family: Arial
}

.btnCarrello {
    width: 70%;
    height: 50px;
    padding-top: 12px;
    text-align: center;
    font-size: 18px;
}

.cntShareDetail {
    width: 70%;
    height: 52px;
    margin-top: 15px;
    padding-left: 90px;
    margin-bottom: 10px;
}

    .cntShareDetail .uppercase.black {
        position: absolute;
        margin-left: -85px;
        margin-top: 15px;
        font-size: 18px;
        font-weight: bold;
    }

.cntBannerDetail {
    width: 70%;
    margin-top: 15px;
}

    .cntBannerDetail img {
        width: 70%;
    }

@media all and (min-width:1500px) {
    .dettaglio h5 {
        font-size: 20px;
    }

    .dettaglio h2 {
        font-size: 45px;
        line-height: 43px;
        width: 90%;
    }

    .txtDescription {
        font-size: 15px;
    }
}

@media all and (min-width:1025px) and (max-width:1499px) {
    .dettaglio h5 {
        font-size: 16px;
    }

    .dettaglio h2 {
        font-size: 38px;
        line-height: 37px;
        width: 90%;
    }

    .txtDescription {
        font-size: 13px;
    }

    .cntBlockBorder {
        margin-bottom: 0;
        margin-top: -15px;
    }
}

@media all and (min-width:992px) and (max-width:1024px) {
    .dettaglio h5 {
        font-size: 16px;
    }

    .dettaglio h2 {
        font-size: 38px;
        line-height: 37px;
        width: 90%;
    }

    .txtDescription {
        font-size: 13px;
    }

    .cntBlockBorder {
        margin-bottom: 0;
        margin-top: -15px;
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    .dettaglio h5 {
        font-size: 16px;
    }

    .dettaglio h2 {
        font-size: 38px;
        line-height: 37px;
        width: 90%;
    }

    .txtDescription {
        font-size: 13px;
    }

    .cntBlockBorder {
        margin-bottom: 0;
        margin-top: -15px;
    }

    .btnCarrello {
        padding-left: 0;
        padding-right: 0;
    }

    .cntBlockBorder, .cntShareDetail, .cntBannerDetail img, .btnCarrello {
        width: 100%;
    }

    .xl-btn.font-18 {
        font-size: 16px !important;
    }
}

@media all and (min-width: 411px) and (max-width: 767px) {
}

@media all and (min-width: 371px) and (max-width: 410px) {
}

@media all and (min-width: 1px) and (max-width: 370px) {
    .cntShareDetail .social-icon.mr-10 {
        margin-right: 0 !important;
    }
}

@media all and (min-width:1px) and (max-width:767px) {
    .cntBlockBorder, .cntShareDetail, .cntBannerDetail img, .btnCarrello {
        width: 100%;
    }

    .dettaglio h5 {
        font-size: 16px;
        margin-top: 11px;
    }

    .dettaglio h2 {
        font-size: 38px;
        line-height: 37px;
        width: 85%;
    }

    .creative-tabs.border-1 {
        border: 0 !important
    }

    .creative-tabs li {
        width: 100%;
    }

    .shop-single.sm-pb {
        padding-top: 0px !important;
    }

    .shop-single .xl-btn {
        width: 100%;
        text-align: center;
        font-size: 20px;
        margin-bottom: 30px;
    }
}


/* **************** Carrello ****************  */
#cart {
    min-height: 500px;
}

.open-tooltip {
    position: absolute;
    margin-left: -25px;
    margin-top: -9px;
}

.tooltip-message {
    position: absolute;
    padding: 8px 12px;
    background: #cc0000;
    color: #ffffff;
    width: 150px;
    margin-top: -30px;
    margin-left: -178px;
    text-align: right;
}

table.table-md td.cnt-info {
    width: 1px;
    padding: 0 !important;
}

.width32p {
    width: 32%;
}

.errorMessage {
    font-weight: 600;
}

.errorMessage ul {
    font-weight: normal;
    list-style: unset !important;
    padding: 5px 5px 5px 20px;
}

.errorMessage ul li {
    margin-bottom: -5px;
}

#cart .col-6 h3 {
    padding-right: 25px;
}

#cart .col-6 h4.mini-mt {
    padding-left: 25px;
}

#add-promotional-code {
    position: absolute;
}

@media all and (min-width:1500px) {
    #add-promotional-code {
        margin-top: -58px;
        margin-left: 240px;
    }
}

@media all and (min-width:1025px) and (max-width:1499px) {
    #add-promotional-code {
        margin-top: -58px;
        margin-left: 190px;
    }
}

@media all and (min-width:992px) and (max-width:1024px) {
    #add-promotional-code {
        margin-top: -58px;
        margin-left: 190px;
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    #add-promotional-code {
        margin-top: -58px;
        margin-left: 80px;
    }

    #update-cart {
        letter-spacing: 0px;
        position: absolute;
        right: 10px;
    }
}

@media all and (min-width:411px) and (max-width: 767px) {
}

@media all and (min-width:371px) and (max-width: 410px) {
}

@media all and (min-width:1px) and (max-width: 370px) {
}

@media all and (min-width:1px) and (max-width:767px) {
    #add-promotional-code {
        height: 43px;
        letter-spacing: 0;
        width: calc(100% - 15px);
    }

    #update-cart {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 20px !important;
        margin-bottom: 30px;
    }

    #promotional-code {
        width: 100%;
        border: 1px solid #999999;
        text-align: center;
    }

    .pcMobile {float: left;}


    #order-submit {
        width: 100%;
        text-align: center;
        font-size: 20px !important;
        margin-bottom: 30px;
        letter-spacing: 0;
    }

    .product-remove {
        position: absolute !important;
    }

    .table-shop-cart.table-md td.product-thumbnail {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .table-shop-cart .product-thumbnail img {
        display: block;
    }

    .table-shop-cart .product-thumbnail img {
        max-height: 100px;
    }

    .product-name {
        font-size: 12px;
        line-height: 14px;
        width: 100px;
    }

    .mobLog.md-py {
        padding-top: 40px !important;
    }

    .mobLog .lg-pt-mobile {
        padding-top: 50px !important;
    }

    .badge-info {
        border-radius: 18px;
        padding: 0px 9px;
        font-weight: bold;
        font-size: 15px;
        position: absolute;
        top: -5px;
        text-align: center;
        display: inline;
        margin-left: -9px;
        color: #a61c1c;
        background: #e1e1e1;
        transform: scale(0.7);
    }

}


/* **************** Almanacco ****************  */
#lista-mesi .lg-btn {
    padding: 4px 20px;
    border: 1px solid #666666;
    color: #000000;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    margin-right: 5px;
}

    #lista-mesi .lg-btn.bg-gradient2 {
        background: #cdcdcd;
    }

    #lista-mesi .lg-btn:hover {
        color: #ffffff;
    }

#lista-mesi .qdr-hover-2:before, #lista-mesi .qdr-hover-2-vertical:before {
    background-color: #af0000;
}

#almanacco .slotTitle {
    border-bottom: 1px solid #d6d6d6;
    color: #a61c1c;
    min-height: 45px;
    font-size: 40px;
    font-weight: 600;
    margin-top: 70px;
}

#almanacco .slot {
    border-bottom: 1px solid #d6d6d6;
    color: #666666;
    min-height: 90px;
}

.cntDataSaints {
    float: left;
    width: calc(100% - 70px);
    min-height: 48px;
    overflow: hidden;
}

.cntDataSaints .data {
    color: #a00e0e;
    font-size: 40px;
    font-weight: 400;
    margin-top: 25px;
    min-width: 50px;
    float: left;
    margin-right: 10px;
}

.cntDataSaints .data span {
    color: #787878;
    font-size: 26px;
    margin-left: 6px;
    font-weight: 800;
    text-transform: uppercase;
}

.cntDataSaints .saints {
    padding-top: 18px;
}

.cntDataSaints .saints .saint.primary {
    color: #a00e0e;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.cntDataSaints .saints .saint {
    color: #333333;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-top: -3px;
}

.cntSunPhases {
    float: right;
    right: 15px;
    width: 60px;
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
}

.cntSunPhases span {
    display: block;
    text-align: right;
}

.cntSunPhases img {
    height: 13px;
    margin-right: 6px;
    margin-top: -2px;
}

.cntDataSaints.active {
    background: #a00e0e;
    width: inherit;
    height: 45px;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    max-width: calc(100% - 70px);
}

.cntDataSaints.active .data, .cntDataSaints.active .data span,
.cntDataSaints.active .saints, .cntDataSaints.active .saints span {
    color: #ffffff !important;
}

.cntDataSaints.active .saints .saint.primary {
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
}

.cntDataSaints.active .data {
    margin-top: 15px;
}

.cntDataSaints.active .saints {
    display: flex;
    padding-top: 18px;
}

.cntDataSaints.active .saints span {
    display: inline-block;
}

.cntMoonCit {
    position: absolute;
    margin-top: 61px;
    font-family: 'Josefin Sans', sans-serif !important;
    font-style: italic;
    letter-spacing: 0;
    color: #787878;
}

.cntMoonCit img {
    height: 18px;
    margin-right: 6px;
    margin-top: -2px;
}

#argomenti .card {
    border: 1px solid #e4e4e4;
}

#argomenti .card .card-header {
    border-radius: 0;
    padding: 18px 24px;
}

#argomenti .card-body {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 16px;
}

#argomenti .argumentDetail {
    margin: 0 0 25px 0;
}

#argomenti .argumentSubcategory {
    color: #45a9f0;
    text-transform: uppercase;
    font-weight: bold;
}

#argomenti .col-red .fa {
    color: #999999;
}

@media all and (min-width:1500px) {
    .boxFloat {
        float: right;
        width: 400px;
        margin-left: 30px;
        margin-bottom: 40px;
        border-bottom: 1px solid #cccccc;
    }

    .boxFloat h3 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 40px;
    }
}

@media all and (min-width:1025px) and (max-width:1499px) {
    #lista-mesi .lg-btn {
        padding: 4px 17px;
        font-size: 16px;
    }

    .boxFloat {
        float: right;
        width: 300px;
        margin-left: 30px;
        margin-bottom: 40px;
        border-bottom: 1px solid #cccccc;
    }

    .boxFloat h3 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 40px;
    }
}

@media all and (min-width:992px) and (max-width:1024px) {
    #lista-mesi .lg-btn {
        padding: 4px 17px;
        font-size: 16px;
    }

    .boxFloat {
        float: right;
        width: 200px;
        margin-left: 30px;
        margin-bottom: 40px;
        border-bottom: 1px solid #cccccc;
    }

    .boxFloat h3 {
        margin-bottom: 30px !important;
    }

    .cntDataSaints .saints .saint.primary {
        font-size: 13px;
    }

    .cntDataSaints .saints .saint, .cntMoonCit {
        font-size: 12px;
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    .col-sm-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .boxFloat {
        float: right;
        width: 300px;
        margin-left: 30px;
        margin-bottom: 40px;
        border-bottom: 1px solid #cccccc;
    }

    .boxFloat .lh-normal.gray7 {
        font-size: 28px !important;
        line-height: 30px !important;
        margin-bottom: 40px !important;
    }
}

@media all and (min-width: 411px) and (max-width: 767px) {
}

@media all and (min-width: 371px) and (max-width: 410px) {
}

@media all and (min-width: 1px) and (max-width: 370px) {
}

@media all and (min-width:1px) and (max-width:767px) {
    #lista-mesi .container {
        padding-left: 0;
        padding-right: 0;
    }

    #lista-mesi .lg-btn {
        padding: 4px 0px;
        width: 17%;
        margin-bottom: 10px;
    }



    .boxFloat {
        display: none;
    }

    .bnrAlmanacco h1 {
        font-size: 46px;
    }

    .bnrAlmanacco .cntFocusBanner img {
        float: inherit !important;
    }

    #argomenti h3 {
        font-size: 14px;
    }

    #argomenti .card-body {
        font-size: 12px;
        line-height: 18px;
    }

    #lista-mesi .lg-btn {
        font-size: 16px;
    }
}



#correvaanno .txtDetails p {
    min-height: 55px;
}


.input-error {
    border: 1px solid #a61c1c;
}

.summary > .half > * {
    width: 46%;
    width: calc(50% - 10px);
    float: left;
}

.listcheck {
    display: block !important;
}

.summary .col-green {
    color: #333333;
    font-size: 23px;
    margin-bottom: 100px;
}
/*
.summary span.col-red {
    font-size: 23px;
}
    */



@media all and (min-width:1500px) {
}

@media all and (min-width:1025px) and (max-width:1499px) {
}

@media all and (min-width:992px) and (max-width:1024px) {
}

@media all and (min-width:768px) and (max-width:991px) {
}

@media all and (min-width:411px) and (max-width: 767px) {
}

@media all and (min-width:371px) and (max-width: 410px) {
}

@media all and (min-width:1px) and (max-width: 370px) {
}

@media all and (min-width:1px) and (max-width:767px) {
}


.inputNewsletter {
    float: left;
    /*width: 400px;*/
    /*font-size: 23px;*/
    letter-spacing: 1.5px;
    color: #000000;
    background: #ffffff;
    text-transform: uppercase;
    /*padding: 8px 15px !important;*/
}

.btnNewsletter {
    margin-top: 0 !important;
    font-size: 23px;
    height: 53px;
}

@media all and (min-width:1025px) and (max-width:1499px) {
    .titNL {font-size: 60px;}
    .txtNL {font-size: 11px;}
}

@media all and (min-width:992px) and (max-width:1024px) {
    .titNL {font-size: 60px;}
    .txtNL {font-size: 11px;}
}

@media all and (min-width:768px) and (max-width:991px) {
    .titNL {font-size: 60px;}
    .txtNL {font-size: 11px;}
    .inputNewsletter {
        width: 296px;
        font-size: 20px;
        height: 50px;
    }

    .btnNewsletter {
        font-size: 20px;
        height: 50px;
    }
}

.back.bg-red.white {display: none;}
.rotate-box .front {
    z-index: 2000;
}

.rotate-box {
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
    -webkit-perspective: inherit;
    -moz-perspective: inherit;
    -o-perspective: inherit;
    perspective: inherit;
    pointer-events: inherit;
}

/* mensile */
#subcat .sm-btn {
    padding: 4px 8px;
    border: 1px solid #666666;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    margin-right: 5px;
}

    #subcat .sm-btn.bg-gradient2 {
        background: #cdcdcd;
    }

    #subcat .sm-btn:hover {
        color: #ffffff;
    }

#subcat .qdr-hover-2:before, #subcat .qdr-hover-2-vertical:before {
    background-color: #af0000;
}