body{
    font-family: 'Open Sans', sans-serif;
    -moz-font-feature-settings: "liga", "kern";
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    font-feature-settings: "liga" off;
    -webkit-font-feature-settings: "liga" off;
    -moz-font-feature-settings: "liga" off;
    padding-top: 174px;
    overflow-x: hidden;
    color: #3b3b3b;
}

body a, body input{
    outline: none !important;
    text-decoration: none;
}

a, a:hover{ color: #0095ff }

body.noFix{ padding-top: 0 }

input, textarea{
    outline: none !important;
    box-shadow: none !important;
    border-color: #ccc !important;
}

input.form-control, select.form-control{ height: 40px }

.has-error .form-control{
    border-color: #b90000 !important;
}

.has-error .help-block{
    color: #b90000;
}

.clearme:after,
.priceCodCnt:after, .itemConfColor:after, .rowSpecial:after, .rowSpecialColor:after, .itemArtDownload:after,
.prodottiMenu:after, #listaFamiglie:after, .menuInterno:after, .codiceProdotto:after, .otherVideo:after, .artAbbinatiCnt a:after{
    clear: both;
    display: table;
    content: '';
}

.dt{
    display: table;
    width: 100%;
}

.dtc{
    display: table-cell;
    vertical-align: middle;
}

.inputWi{ position: relative }

.inputWi input,
.inputWi textarea{
    font-size: 14px;
    height: 45px;
    padding: 17px 0 0 7px;
    box-shadow: none !important;
    border-color: #ccc !important;
}

.inputWi textarea{ height: auto }

.inputWi span{
    position: absolute;
    pointer-events: none;
    left: 10px;
    color: #999;
    top: 12px;
    transition: 0.2s ease all;
}

.inputWi span.active{
    top: 4px;
    bottom: 10px;
    font-size: 10px;
    opacity: 1;
    color: #004f9e;
    left: 7px;
}

.bselect, .bselect .dropdown-toggle{ height: 45px }


header{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1030;
    background-color: #fff;
}

header.noFix{ position: relative }

.navbar{
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: 5px solid #00549f;
    min-height: 100px;
    transition: 0.4s all;
}

.navbar-header{ position: relative; z-index: 10 }

#menu a{
    color: #00549f;
    font-weight: 600;
}

.navbar-brand{
    padding: 10px 15px;
}

.navbar-brand > img{
    width: 135px;
    transition: width 0.4s;
}

#menu li a{
    background-color: transparent !important;
    padding: 5px 5px;
    margin: 0 10px;
}

#menu{
    padding-top: 55px;
    position: relative;
    transition: 0.5s all;
}

.iconHead{
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 20px;
}

.iconHead.mychine{
    background-image: url('/assets/icons/icona_my_chinesport.png');
    position: relative;
    padding-left: 10px;
}

.iconHead.kart{
    background-size: 20px;
    background-image: url('/assets/icons/icona_carrello.png');
    padding-left: 10px;
}

.iconHead.phone{
    background-size: 18px;
    background-image: url('/assets/icons/icona_telefono.png');
    text-align: right;
    padding-left: 5px;
    margin-top: 4px;
}

#menu li.iconHead.phone a{
    padding-right: 0;
    margin-right: 0;
    font-weight: 700;
}

#topHeaderCnt{
    position: absolute;
    top: 15px;
    right: 0;
}

.welcomeCnt{
    font-family: 'Roboto Slab', sans-serif;
    font-size: 15px;
    font-weight: 300;
}

.welcomeCnt span{ font-weight: 400 }

.logoutLink{
    margin-right: 30px;
    margin-left: 20px;
    text-decoration: none !important;
}

#langChoose > span{
    cursor: pointer;
    color: #00549f;
    display: inline-block;
    margin-bottom: 15px;
}

#langChoose a{
    color: #3b3b3b;
    font-weight: 400;
}

#menu #langChoose .dropdown-menu:before,
#menu .loginHead.dropdown-menu:before{
    left: calc(50% - 18px);
}

.listLang{
    position: absolute;
    width: 100px;
    z-index: 10;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    display: none;
}

#langChoose{ position: relative; display: inline-block }

#menu .dropdown-menu > li > a{
    background-color: #fff;
    background-image: none !important;
    color: inherit;
    font-weight: normal;
}

#menu .dropdown-menu > li > a:hover, #menu .dropdown-menu > li > a.active{
    color: #00549f
}

#menu .aziendaHead, #menu .mychineHead, #menu .loginHead, #menu .langHead{
    border: 1px solid #eee;
    margin-top: 12px;
    min-width: 200px;
    right: -54%;
}

#menu .loginHead{
    padding: 10px;
    width: 200px;
}

#menu .langHead{
    padding: 10px;
    min-width: 100px;
}

#menu .langHead > div{
    margin: 5px 0;
}

#menu .mychineHead{ right: 0 }

#menu .dropdown-menu:before{
    content: '';
    background-image: url('/images_new/icone/freccia-bianca.png');
    background-repeat: no-repeat;
    width: 37px;
    height: 19px;
    display: inline-block;
    position: absolute;
    left: 43%;
    top: -19px;
}

#subMenu{
    background-color: #eee;
    padding: 12px 5px;
}

#subMenu.logged{ background-color: #ccdded }

#subMenuCnt{
    list-style: none;
    padding-left: 0;
}

#subMenuCnt > li{
    display: inline-block;
    /*margin-right: 30px;*/
    vertical-align: middle;
    margin-top: 8px;
}
#subMenuCnt > li:not(:first-child){
    margin-left:25px;
}

#subMenuCnt > li > a{
    color: #3b3b3b;
    text-decoration: none;
}

.columnMenu{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.columnMenu > div{
    break-inside: avoid-column;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.globalSearch button[type="submit"]{
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    color: #fff;
    padding: 0;
    font-size: 18px;
}

#subMenuCnt > li.globalSearch{
    float: right;
    margin-right: 0;
    margin-top: 0;
    width: 45%;
}

.glassSearch{
    background-color: #00549f;
}

.globalSearch .dropdown-toggle{
    background-color: #ccc;
    background-image: none;
    text-shadow: none;
    font-size: 13px;
}

.searchMenuSelect > button.dropdown-toggle{
    outline: none !important;
    border-right: 0;
    background-color: #ddd;
    height: 40px;
    vertical-align: top;
    box-shadow: none;
}

.searchMenuSelect{ height: 38px }

#subMenuCnt > li.dropdown{ position: static}

#subMenuCnt .prodottiMenu{
    left: auto;
    width: 1120px;
    min-height: 240px;
    border-radius: 2px;
    top: 95%;
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    padding: 15px 10px;
}

/*.prodottiMenuLink:hover + div, #subMenuCnt .prodottiMenu:hover{
	display: block !important;
}*/
#subMenuCnt .prodottiMenu:before{
    content: '';
    position: absolute;
    top: -18px;
    left: 40px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #fff transparent;
}

.prodottiMenu > div{
    float: left;
}

.prodottiMenu > div:first-child{
    width: 30%;
}

.prodottiMenu > div:last-child{
    width: 67%;
    margin-left: 15px;
}

.prodottiMenu > div:first-child:after{
    content: '';
    width: 1px;
    border-right: 1px solid #eee;
    height: 90%;
    position: absolute;
    left: 30%;
    top: 10px;
}

.prodottiMenu section{
    display: none;
}

.prodottiMenu ul{
    list-style: none;
    padding-left: 0;
}

.prodottiMenu ul li{ margin-top: 15px; cursor: pointer }

.prodottiMenu ul li.active{ color: #00549f }

.prodottiMenu section h3{
    margin: 10px 0 20px;
    color: #00549f;
    font-family: 'Roboto Slab', sans-serif;
}

.prodottiMenu section a{
    color: #333;
    display: block;
    margin-bottom: 10px;
    line-height: 1.2;
}

.prodottiMenu section a span{ display: table-cell; }

.prodottiMenu section h4{
    margin: 0;
    font-weight: 600;
}

.prodottiMenu section h4 + b{ font-size: 13px }

.listProductFamilyHead{
    margin-bottom: 5px;
    line-height: 1.1;
    font-size: 13px;
}

/*stricky header */
header.stick .navbar-brand > img{ width: 107px}

header.stick .navbar{ min-height: auto }

header.stick #menu{ padding-top: 40px }

header.stick #subMenu{ padding: 10px 5px }

header.stick .navbar-brand{ padding-top: 5px }

/* HEADER END */

#owlHome .owl-dots .owl-dot span,
#owlSlideshow .owl-dots .owl-dot span,
#owlCatalog .owl-dots .owl-dot span,
#owlSimili .owl-dots .owl-dot span,
#owlPage .owl-dots .owl-dot span{ background-color: #c7c7c7; border: 1px solid #c7c7c7; margin-top: 10px }

#owlHome .owl-dots .owl-dot.active span, #owlHome .owl-dots .owl-dot:hover span,
#owlPage .owl-dots .owl-dot.active span, #owlHome .owl-dots .owl-dot:hover span,
#owlCatalog .owl-dots .owl-dot.active span, #owlCatalog .owl-dots .owl-dot:hover span,
#owlSimili .owl-dots .owl-dot.active span, #owlCatalog .owl-dots .owl-dot:hover span,
#owlSlideshow .owl-dots .owl-dot.active span, #owlSlideshow .owl-dots .owl-dot:hover span{ background-color: #3b3b3b; border: 1px solid #3b3b3b }

#owlHome .owl-dots, #owlSlideshow .owl-dots, #owlPage .owl-dots, #owlCatalog .owl-dots{ text-align: right; margin-top: 5px }

#owlHome .owl-controls, #owlSlideshow .owl-controls, #owlPage .owl-controls, #owlCatalog .owl-controls{ margin: 0 }

#owlHome .item{
    background-color: #00549f;
    color: #fff;
}

#owlHome .owl-video-play-icon{ background-image: url('/images_new/icone/owlVideoPlay.png') !important }

#owlHome .owl-video-wrapper{ height: 493px }
#owlHome .owl-video-wrapper .owl-video-tn{
    background-size:cover;
}
.txtSlide{
    height: 493px;
    font-size: 18px;
    padding-top: 120px;
    padding-right: 10px;
}

.txtSlide h3{
    margin: 0 0 10px;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 28px;
}

.txtSlide a{
    display: inline-block;
    margin-top: 20px;
    background-color: #fff;
    padding: 7px 40px;
    color: #00549f;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
}

.videoSlide{
    height: 500px;
    width: 100%;
}

.breadHome{
    position: relative;
    top: -20px;
    font-size: 12px;
}

.txtGrande{ font-size: 18px }

.titleMedium{
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 600;
    font-size: 30px;
}

.title1{
    font-family: 'Roboto Slab', sans-serif;
    font-size: 30px;
}

.title2{
    font-family: 'Roboto Slab', sans-serif;
    font-size: 21px;
}

.title3{
    font-family: 'Roboto Slab', sans-serif;
    font-size: 24px;
}

.title4{
    font-family: 'Roboto Slab', sans-serif;
    font-size: 18px;
}

.title5{ font-size: 30px; font-weight: 600 }

.title6{ font-size: 21px; font-weight: 600 }

.dateTxt{ font-size: 12px; text-align: right; margin-top: 20px }

.space1{ margin: 30px 0 40px }

#listaFamiglie{
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 50px;
    margin-bottom: 50px;
}

#listaFamiglie > div{
    margin-left: 5px;
    margin-right: 5px;
    padding: 0 10px;
    float: left;
    width: 15.79%;
    height: 225px;
}

#listaFamiglie a{
    display: block;
    color: #333;
    text-align: center;
    text-decoration: none;
    margin-bottom: 30px;
}

#listaFamiglie a h3{
    font-size: 15px;
    margin: 8px 2px 0;
}

#listaFamiglie a > div{
    border-radius: 100%;
}

#listaFamiglie a > div img{
    /*border-radius: 100%;*/
    border: 2px solid #dbdbdb;
    transition: all 0.3s;
}

#listaFamiglie a > div span{
    position: absolute;
    display: block;
    height: 20px;
    bottom: 0;
    left: 0;
    width: 100%;
}

.itemEngFam{
    height: 320px;
    margin-bottom: 30px;
}

.itemEngFam h3{
    font-size: 24px;
    font-family: 'Roboto Slab', sans-serif;
    margin: 10px 0 5px;
}

.itemEngFam h3 + div{
    height: 70px
}

.listLink a{
    text-decoration: none;
    color: #333;
}

.listLink a h4{
    font-size: 12px;
    margin: 10px 0 5px;
}

.listLink a h3{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
}

.boxNewsHome, .boxVideoHome{ background-color: #f5f5f5; }

.boxHomeList{ padding: 90px 0; }

.boxHomeList .titleMedium{ margin: 0; }

.elencoListHome{ margin-top: 30px }

.boxAccedi{
    background-color: #cddded;
    border-radius: 2px;
    padding: 40px 25px 50px;
    margin-bottom: 40px;
    height: 465px;
}

.boxAccedi h3{
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 24px;
    margin: 0 0 50px;
}

.boxAccedi h3 span{ font-size: 18px }

.boxAccedi .form-control{
    border-radius: 3px;
}

.boxAccedi > div{
    text-align: center;
    margin-top: 105px;
}

.breadcrumbs{ margin: 5px 0 30px; font-size: 12px }

.breadcrumbs.slideshow{ top: -28px; position: relative; margin: 5px; }

.breadcrumbs a{ color: inherit }

.evenOddCnt > section{ background-color: #f5f5f5 }

.evenOddCnt > section:nth-child(2n){ background-color: #fff }

.evenOddCnt > section:not(:first-child){ padding: 60px 0 }

.evenOddCnt > section:first-child{ padding-bottom: 60px }

.evenOddCnt.inverted > section{ background-color: #fff }

.evenOddCnt.inverted > section:nth-child(2n){ background-color: #f5f5f5 }

.topSectionCatalog{ position: relative }

#tabAnchorCnt{
    text-align: center;
    background: #444;
}

#tabAnchorCnt button{
    border: 0;
    color: #fff;
    background-color: #444;
    display: inline;
    margin: 0 -2px;
    padding: 10px 3px;
    font-size: 18px;
    width: 15%;
    box-shadow: none !important;
    outline: none !important;
}

#tabAnchorCnt button:not(:first-child){ border-left: 1px solid #000 }

#tabAnchorCnt button.active{ background-color: #666 }

#tabAnchorCnt.articol button{ width: 10%; }

#tabAnchorCnt.articol.scroll-to-fixed-fixed button{
    font-size: 14px;
    padding: 5px 3px;
    transition: all 0.3s;
}

.listCatalog{ margin-top: 50px }

.listCatalog.search{ margin-top: 10px }

.listCatalog a{
    display: block;
    margin-bottom: 30px;
    background-color: #eee;
    padding: 10px;
    border-radius: 5px;
    height: 460px;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-weight: 300;
}

.listCatalog a .txtInfo{ height: 165px }

.listCatalog a h3{
    margin: 10px 0;
    font-weight: bold;
    font-size: 18px;
}

.seeMenu{
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}

.menuInterno{
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 1010;
    border: 1px solid #ccc;
    padding: 20px 15px;
    top: 45px;
    display: none;
}

.menuInterno:before{
    content: '';
    background-image: url('/images_new/icone/freccia-bianca.png');
    width: 37px;
    height: 19px;
    position: absolute;
    left: 20px;
    top: -19px;
    z-index: 4;
}

.menuInterno > div{ float: left; }

.menuIntSottoFam{ width: 34%; border-right: 1px solid #ccc; margin-right: 20px }

.menuIntArt{ width: 35% }

.menuIntAcc{ width: 30% }

.menuIntSottoFam > div{ margin-bottom: 5px }

.menuIntSottoFam > div > a.active{ color: #00549f;font-weight: 600 }

.menuIntSottoFam > div > a{
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.menuInterno ul{
    list-style: none;
    padding-left: 0;
    display: none;
}

.menuInterno ul a{
    text-decoration: none;
    color: inherit;
}

.menuIntArt li{ margin-bottom: 5px }

.menuIntArt li h3{
    color: #00549f;
    margin: 0 0 20px;
    font-size: 24px;
}

#articlePage h3{
    font-family: 'Roboto Slab', sans-serif;
    margin: 0 0 30px;
    font-size: 24px;
}

.schedaIconClick{ margin: 20px 0; }

.schedaIconClick a{
    color: inherit;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.schedaIconClick a img{ margin-right: 3px }

.descrizioneArt{ margin-top: 80px }

.infoArtBox h4{
    margin: 0 0 20px;
    font-weight: bold;
    position: relative;
}

.infoArtBox h4:after{
    border-top: 1px solid #ccc;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 10px;
    width: 100%;
}

.infoArtBox h4 span{
    background-color: #f5f5f5;
    position: relative;
    z-index: 10;
    font-size: 14px;
    display: inline-block;
    padding-right: 15px;
}

.thumbGallery{ margin: 10px 0 }

#imgTop span, #galleryCnt span{ position: relative; display: inline-block; cursor: pointer }

#imgTop span:after,
#galleryCnt span:after{
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-image: url('/images_new/icone/icona-lente-piu.png');
    background-size: 39px;
    background-repeat: no-repeat;
    width: 39px;
    height: 25px;
}

.thumbGallery img{
    max-height: 80px;
    border: 1px solid #c7c7c7;
}

.boxLogistic{ margin-bottom: 30px;}

.boxLogistic > div:not(:last-child){
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.tableTitleLogisticCnt h4{
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
}

.tableDimesioni{ margin-top: 20px}

.rowSpecial, .rowSpecialColor{
    margin-left: -15px;
    margin-right: -15px;
}

.rowSpecial > div, .rowSpecialColor > div{
    float: left;
    width: 20%;
    padding-left: 5px;
    padding-right: 5px;
}

.rowSpecialColor > div{ width: 10% }

.itemConf, .itemAcc{
    cursor: pointer;
    padding: 10px;
    margin-bottom: 30px;
    font-size: 12px;
    position: relative;
    border: 1px solid #ccc;
}

.codConf, .itemConfColor > div{
    border: 1px solid #333;
    padding: 3px;
    font-weight: bold;
    font-size: 14px;
    float: right;
}

.dati_tecnici{ font-size: 12px }

.dati_tecnici > div{ margin-bottom: 5px }

.priceConf{ float: left; margin-top: 10px }

.itemAcc .priceConf, .itemAcc .codConf{ float: none }

.itemAcc .codConf{ display: inline-block; margin: 5px 0 }

.priceConf b{
    font-size: 14px;
    font-weight: bold;
}

.itemConf h5{ font-weight: bold;font-size: 12px;line-height: 15px;height: 30px;text-overflow: ellipsis }

.itemConfColor{ margin-bottom: 30px; cursor: pointer; padding: 5px; height: 125px; }

.itemAcc h4{ font-weight: bold;font-size: 12px}

.itemAcc > span{
    display: inline-block;
    border: 1px solid #333;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 5px;
    margin: 0 0 5px;
}

.itemConf.active, .itemConfColor.active, .itemAcc.active{ background-color: #ccdded; border-bottom: 3px solid #00549f; }

.itemConf.active .codConf, .itemConfColor.active > div, .itemAcc.active .codConf{ background-color: #00549f; color: #fff }

.itemConf{ height: 360px }

.itemAcc{ height: 360px }

.itemConfColor > img{ margin-bottom: 5px }

.ellipsisCnt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.infoFile{ font-size: 12px; margin: 0; font-style: italic; }
.infoFile > div{ margin-top: 3px; color: #959595;  }
.infoFile .btnBlue{ font-size: 14px; font-style: normal; }

#tableDoc thead{ background-color: #3b3b3b; color: #fff; }

#tableDoc thead th{ border-bottom: 0 }

.listVideoArt > div{ cursor: pointer;font-size: 13px }

.listVideoArt > div:not(:last-child){ margin-bottom: 15px }

.listVideoArt > div.clicked{ opacity: 0.4; cursor: default }

#owlSimili a{
    display: block;
    text-decoration: none;
    color: inherit;
}

#owlSimili a > div{
    background-color: #ebebeb;
    padding: 5px 10px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 12px;
}

#articleTop{ margin-bottom: 40px }

#articleTop h1{
    font-size: 30px;
    margin: 0 0 15px;
    font-weight: 600;
}

.codiceProdotto{ margin-bottom: 10px }

.codiceProdotto > div{
    float: left;
    min-width: 22px;
    background-color: #fff;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
    text-align: center;
    padding: 3px 2px;
    font-weight: bold;
    font-size: 14px;
}

.codiceProdotto > div:last-child{ border-right: 1px solid #ccc }

#confFixTop .codiceProdotto{ display: inline-block; vertical-align: middle }

.nameProdConf{
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 440px;
}

.putInKartConf{
    background-color: #f99500;
    color: #fff;
    padding: 10px;
    border: 0;
    border-radius: 3px;
    font-weight: bold;
    line-height: 1.1;
}

#confFixTop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 600;
    padding: 10px;
    font-size: 12px;
    background-color: #ccdded;
    border-top: 10px solid #00549f;
}

.disponibile:after{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background-color: #fff;
    display: inline-block;
    margin-left: 5px;
}

.disponibile.no:after{ background-color: #f00 }

.disponibile.yes:after{ background-color: #009800 }

.disponibile.prod:after{ background-color: #f9b800 }

.prezzi{ margin-top: 15px }

.prezzi > div{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.prezzi > div:last-child{ border-bottom-width: 3px }

.prezzoRis{ font-size: 21px;font-weight: bold }

.prezzoRisLabel{ margin-top: 10px;font-weight: bold }

.attenzione{ font-size: 12px; margin-bottom: 15px }

.attenzione > div:first-child{ color: #fb0d1c; font-weight: bold }

.qntProdotto{
    background-color: #f1f1f1;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 12px;
}

.qntProdotto input{
    width: 30px;
    text-align: center;
    padding: 5px;
    border: 0;
    border-right: 1px solid #ccc;
    font-size: 16px;
    border-radius: 0;
}

.qntBoxInput{
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    padding-right: 15px;
}

.qntBoxInput span{
    position: absolute;
    font-size: 10px;
    cursor: pointer;
    right: 0;
    background-color: #fff;
    padding: 2.5px 2px;
}

.qntBoxInput span.more{
    top: 0;
    border-bottom: 1px solid #ccc;
}

.qntBoxInput span.less{
    bottom: 0;
    top: auto;
}

.qntBoxInput span:hover{ background-color: #ccdded }

.addMoreProduct{ color: #00549f }

.orangeBtn{
    width: 100%;
    border: 0;
    background-color: #f99500;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    padding: 10px;
}

.required:after{
    content: '*';
    color: #f00;
}

.downloadItem{
    display: table;
    width: 100%;
    height: 295px;
    background-repeat: no-repeat;
    text-decoration: none;
    color: inherit !important;
    border: 1px solid #ccc;
    padding-right: 30px;
    background-size: 100%;
    background-position: center;
    transition: all 0.4s;
}

.downloadItem:hover{ background-size: 103% }

.downloadItem > div{
    display: table-cell;
    vertical-align: middle;
}

.downloadItem h3{
    font-weight: bold;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 30px;
    margin-top: 0;
}

.downloadItem.white{ color: #fff !important }

.downloadItemCnt{
    margin: 60px 0;
}

.itemArtDownload{
    background-color: #eee;
    padding: 10px;
    margin-bottom: 30px;
    height: 125px;
}

.itemArtDownload > div{ float: left }

.itemArtDownload > div:first-child{ width: 30% }

.itemArtDownload > div:last-child{ width: 70%; padding-left: 10px }

.itemArtDownload h3{ font-size: 15px; margin: 0}

.itemArtDownload h4{ font-size: 15px; margin: 3px 0 10px; height: 35px; font-weight: bold }

.artMod{
    min-height: 15px;
    color: #ff9500;
    text-align: right;
}

.openDownloadPopup{ color: #0055a0; cursor: pointer }

.itemVideo{
    margin-bottom: 10px;
    cursor: pointer;
    height: 165px;
}

.itemVideo h4{ font-size: 12px; margin: 4px 0 0 }

.itemVideo.active{ opacity: 0.4 }

.itemVideo img{
    margin: auto;
}

.imgYTCnt{
    border: 1px solid #000;
    background-color: #000;
    height: 120px;
    display: table;
    width: 100%;
}

.imgYTCnt > div{
    display: table-cell;
    vertical-align: middle;
}

.imgYTCnt img{ max-height: 110px; }

.otherVideo > div{
    float: left;
    width: 18%;
    margin: 0 1% 30px;
}

.otherVideo{ margin: 0 -1% }

.artAbbinatiCnt{ margin: 30px 0 10px }

.artAbbinatiCnt > div:first-child{ margin-bottom: 10px }

.artAbbinatiCnt a{
    background-color: #eee;
    padding: 10px;
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
    color: inherit;
    font-size: 12px;
    height: 156px;
    background-image: url('/images_new/icone/icona-dx-blue.png');
    background-repeat: no-repeat;
    background-position: 98% 95%;
    background-size: 20px;
}

.artAbbinatiCnt a h4{
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 13px;
}

.artAbbinatiCnt a img{
    max-height: 137px !important;
}

.artAbbinatiCnt a > div{ float: left }

.artAbbinatiCnt a > div:first-child{ width: 40%; min-height: 1px }

.artAbbinatiCnt a > div:last-child{ width: 60%; padding-left: 10px }

.academyBanner{
    background-image: url('/images_new/banner/banner_academy-2.jpg');
    background-size: cover;
    background-position: center;
    height: 465px;
    color: #fff;
    text-align: center;
    padding: 0 160px;
}

/*solo per italiano*/
.academyBannerIt{
    background-image: url('/images_new/banner/banner-academy.jpg');
}

.academyBanner h3{
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
}

.academyBanner h3 span{ font-weight: 700 }

.academyBanner img{ width: 80px }

.bannerAcademyLogged{ margin-bottom: 40px }

.scaricaCatalogo{
    /*background: radial-gradient(ellipse at center, #407eb8 0%, #023b73 100%);*/
    background: radial-gradient(ellipse at center, #95b9da 0%, #184e82 100%);
    color: #fff;
    padding: 20px 10px;
    text-align: center;
}

.scaricaCatalogo h4{
    margin: 0;
    font-size: 24px;
    font-family: 'Roboto Slab', sans-serif;
}

.scaricaCatalogo h4 + div{
    font-size: 18px;
    font-family: 'Roboto Slab', sans-serif;
    margin-bottom: 30px;
}

.scaricaCatalogo img + div{ margin: 20px 50px 0; }

.itemHomeNews h4{
    margin: 0;
    display: inline-block;
    font-size: 18px;
    font-family: 'Roboto Slab', sans-serif;
    margin-right: 5px;
}

.itemHomeNews > a img{
    border: 1px solid #d1d1d1;
    padding: 5px;
    margin: 0 auto 20px;
}

.itemHomeNews h3{
    margin: 7px 0;
    font-size: 18px;
    font-weight: 700;
}

.itemHomeNews h3 + div{ height: 80px }

.btnDownloadSW{
    background-color: #004f9e;
    display: block;
    border-radius: 3px;
    padding: 10px 10px 10px 60px;
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #fff !important;
    text-decoration: none !important;
    margin-bottom: 10px;
    height: 60px;
}

.btnBlue, .snippetLinkBanner a.scopriora{
    text-decoration: none !important;
    display: inline-block;
    background-color: #004f9e;
    color: #fff !important;
    border-radius: 3px;
    padding: 4px 13px;
    border: 0;
}

button.btnBlue{
    width: 100%;
    padding: 9px 0;
    font-size: 18px;
}
button.btnBlue[disabled="disabled"]{ opacity: 0.6 }

.chineProjectsCnt{
    margin-top: 60px;
    background-color: #ebebeb;
    padding: 60px 0 80px;
}

.chineProjectsCnt h4{
    text-align: center;
    margin: 0 0 40px;
    font-size: 24px;
    font-family: 'Roboto Slab', sans-serif;
    color: #636363;
}

#owlProjects{
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    background-color: #fff;
}

#owlProjects .item{ padding: 20px; }

#owlProjects .owl-dots{
    position: absolute;
    width: 100%;
    bottom: -40px;
    text-align: center;
}

#owlProjects .owl-controls{ margin: 0 }

#owlProjects .owl-nav > div{
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 40px;
    position: absolute;
    top: 48%;
    height: 40px;
    width: 40px;
}

#owlProjects .owl-nav .owl-next{
    background-image: url('/images_new/icone/arrow-dx.png');
    right: -70px;
}

#owlProjects .owl-nav .owl-prev{
    background-image: url('/images_new/icone/arrow-sx.png');
    left: -70px;
}

#owlProjects .owl-dot.active span{ background-color: #3b3b3b }

footer{
    background-color: #00549f;
    color: #fff;
    font-size: 12px;
    padding: 20px 0 10px;
}

.slideProjectTxt{
    height: 430px;
    text-align: center;
    font-size: 24px;
    color: #014380;
    padding: 0 40px;
}

.slideProjectTxt a{
    display: inline-block;
    margin-top: 40px;
    background-color: #014380;
    color: #fff;
    padding: 7px 30px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
}

#owlProjects img{ width: auto; }

#owlProjects .logoSlide{
    margin: 0 auto 20px;
}

.gradientLine{
    background: linear-gradient(to right, #00b0e6 0%, #7a6fac 14%, #e75295 28%, #e85036 42%, #f6ab42 56%, #ffef44 70%, #b1cb52 84%, #0aa45a 100%);
    height: 4px;
}

.socialFooter{ margin-top: 25px; }

.socialFooter img{ width: 20px }

.socialFooter a{ margin-right: 5px; text-decoration: none }

.legalInfo{
    text-align: center;
    margin: 40px 0 10px;
}

.legalInfo a{ color: #fff; text-decoration: underline }

.infoChine{ margin-top: 25px }

.subFooter{
    font-size: 11px;
    text-align: center;
    padding: 5px 0;
}

.videoTopCategory{
    border-bottom: 1px solid #959595;
    margin-top: 40px;
    text-align: center;
}

.videoTopCategory a{
    font-family: 'Roboto Slab', sans-serif;
    font-size: 24px;
    color: #3b3b3b;
    text-decoration: none;
    padding-bottom: 20px;
    display: block;
}

.videoTopCategory a.active{
    color: #00549f;
    position: relative;
}

.videoTopCategory a.active:after{
    content: '';
    display: inline-block;
    background-image: url('/images_new/icone/freccia-grigetta.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 16px;
    position: absolute;
    bottom: -1px;
    left: 48%;
    z-index: 4;
}

.lightGreyBg{ background-color: #f4f4f4}

#videoPlayer{ margin-bottom: 60px }

#videoPlayer h3{
    margin: 20px 0 10px;
    font-size: 18px;
}

.pagVideoFam{
    margin-bottom: 60px
}

.pagVideoFam .videoPlayer h3{ font-size: 18px }

.videoFamilyTitle{
    background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 15px;
}

.videoFamilyTitle h4{
    margin: 0;
    font-size: 21px;
    font-weight: bold;
}

.otherVideoNovita .itemVideo h4{ font-size: 18px }

.otherVideoNovita .imgYTCnt img{ max-height: 100% }

.otherVideoNovita .imgYTCnt, .otherVideoNovita .itemVideo{ height: auto }

.otherVideoNovita .itemVideo{ margin-bottom: 40px }

.formVideoProdotti, .videoChannelForm{ padding-bottom: 30px; }

.title1Form{
    font-size: 18px;
    font-family: 'Roboto Slab', sans-serif;
    text-align: center;
    margin-bottom: 20px;
}

.bselect .dropdown-toggle{ background-image: none; color: #3b3b3b !important }

.bselect .btn-default{ background-color: #fff }

.bselect .dropdown-menu{z-index: 10000}

.withGlass{
    background-image: url('/images_new/icone/icona-lente-grigia.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 20px;
    padding-right: 30px
}

.allSectionCnt{ margin: 40px 0 30px }

.seeAllVideo{
    background-image: url('/images_new/icone/icona-dx-azzurra.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0 5px 43px;
    font-size: 13px;
}

.openOther{
    background-color: #f4f4f4;
    text-align: center;
    font-size: 12px;
    padding: 8px 5px;
    margin-bottom: 60px;
    cursor: pointer;
}

.greyLittleLink{
    color: #959595;
    font-size: 12px;
}

.yourSearchFound{
    text-align: center;
    margin: 50px 0;
}

.yourSearchFound b{ font-size: 18px }

#popupMain{
    background-color: #f4f4f4;
    transition: all 0.4s;
}

#popupMain .topR{
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 12px;
}

#popupMain .topR img{ width: 20px }

.thumbPopupMain > img{ width: 31.5%; margin-bottom: 3px; border: 1px solid #c7c7c7 }

.titlePopupMain{
    font-size: 18px
}

.navPopupMain{
    position: absolute;
    top: 45%;
    display: inline-block;
}

.navPopupMain img{ width: 40px; cursor: pointer}

.arrowDx{ right: 15px }

.listDownload > div{
    font-size: 12px;
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.listDownload > div > div{
    float: left;
    min-height: 1px;
}

.listDownload > div > div:first-child{ width: 16% }

.listDownload > div > div:last-child{ width: 84%; padding-left: 10px }

.listDownload > div:last-child{ border-bottom: 0 }

.listDownload{ margin: 20px 0 10px }

.listDownload h4{
    font-size: 14px;
    margin: 0;
}

.attachmentCnt{ margin-bottom: 30px; margin-top: 60px; }

.attachmentCnt > h3{
    background-color: #3b3b3b;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    font-family: 'Roboto Slab', sans-serif;
}

.attachList > div{
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.moreInfoCnt{
    text-align: center;
    margin: 60px 0;
    font-size: 18px;
}

.moreInfoCnt h4{
    font-size: 24px;
    font-family: 'Roboto Slab', sans-serif;
    margin: 0 0 20px;
}

.moreInfoCnt button{
    padding: 10px 80px;
    width: auto;
}

#bannerNewsletter{
    background-image: url('/images_new/banner/bannerNewsletter.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 410px;
    color: #fff;
    font-size: 24px;
    font-family: 'Roboto Slab', sans-serif;
    text-align: center;
}

#bannerNewsletter button{
    margin-top: 100px;
    width: auto;
    padding: 7px 30px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.mappaCnt iframe{
    width: 100%;
    height: 460px;
}

.infoChineContatti h2{
    font-size: 18px;
    margin: 0;
    font-weight: bold;
}

.infoSegreteria{ color: #00549f; margin-bottom: 30px }

.infoSegreteria > div{ margin-bottom: 10px }

.infoSegreteria + div{ margin-bottom: 50px }

.infoChineContatti h4{
    font-size: 18px;
    font-family: 'Roboto Slab', sans-serif;
}

.infoChineContatti a{ font-weight: 600; display: block; text-align: center; padding: 7px 0; }

.allContactsCnt{ margin: 40px 0 60px; }

.allContactsCnt h3{
    margin: 0;
    background-color: #d1d1d1;
    font-size: 21px;
    font-family: 'Roboto Slab', sans-serif;
    padding: 10px;
}

.allContactsCnt .dtc{
    border-bottom: 1px solid #c7c7c7;
    padding: 20px 5px;
}
button.btnprint{
    font-size: 14px;
    font-weight: 200;
}
.btnprint i{ margin-right: 4px }
/* per le lingue non IT */
.allContactsCnt .dtc:nth-child(1){ width: 15%; }
.allContactsCnt .dtc:nth-child(2){ width: 30%; }
.allContactsCnt .dtc:nth-child(3){ width: 20%; color: #00549f }
.allContactsCnt .dtc:nth-child(4){ width: 20%; color: #00549f }
.allContactsCnt .dtc:nth-child(5){ width: 10% }

/* per lingua IT */
.allContactsCnt .dt.less .dtc:nth-child(1){ width: 40%; }
.allContactsCnt .dt.less .dtc:nth-child(2){ width: 20%; color: #00549f }
.allContactsCnt .dt.less .dtc:nth-child(3){ width: 20%; color: #00549f }
.allContactsCnt .dt.less .dtc:nth-child(4){ width: 20%; }

.allContactsCnt button{
    font-size: 12px;
    font-weight: 600
}

.spaceBelowBig{ margin-bottom: 60px }

.howContact h2{
    text-align: center;
    font-size: 24px;
    font-family: 'Roboto Slab', sans-serif;
    margin: 50px 0 30px;
}

.closeModal{
    position: absolute;
    right: 10px;
    top: 10px;
}

.modalDefault .modal-content{
    background-color: #ebebeb;
}

.modalDefault button[type="submit"]{
    width: auto;
    padding: 9px 30px;
    font-size: 18px;
    margin-top: 20px;
}

.modalDefault .modal-header{ border-bottom: 0 }

.modalDefault h4{ font-weight: 600 }

.privacyNewCnt{
    font-size: 12px;
    margin-bottom: 15px;
}

.topCntContatti{
    margin: 10px 0 40px;
}

.topCntContatti h1{ margin-top: 0 }

.listaAgenti button.btnBlue{
    width: auto;
    padding: 9px 30px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

.listaAgenti{ margin: 60px 0 30px }

.listaAgenti > div{ margin-bottom: 40px }

.listaAgenti h3{
    font-size: 18px;
    margin: 0 0 5px;
    font-weight: bold;
}

.iframeAgenti{
    width: 100%;
    height: 700px;
}

.mappaListaContattiCnt{ margin-bottom: 60px }

.configLabel{
    font-weight: 600;
    color: #00549f
}

.configLabel img, .imgIcon{ width: 20px}

.brochureList{ margin: 30px 0 }
.brochureList strong{ font-weight: 600 }
.brochureList .has-success .checkbox{ color: inherit }
.brochureCnt{ margin-bottom: 80px }

.brochureCnt > div{
    background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 10px;
}

.imgBrochure{ margin: auto }

.brochureCnt h3{
    font-size: 24px;
    font-family: 'Roboto Slab', sans-serif;
    margin: 0 0 5px;
}

.downloadBrochureCnt{margin-top: 30px }

.downloadBrochureCnt > div{ font-size: 12px; color: #959595; margin-top: 3px; }

.professionistiList{ margin: 40px 0 80px }

.itemProf{
    position: relative;
    background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 30px;
    height: 400px;
    font-size: 12px;
}

.itemProf h4{
    text-align: center;
    margin: 0 0 10px;
    font-size: 17px;
    font-family: 'Roboto Slab', sans-serif;
}

.itemProf h3{
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0 5px;
    text-transform: uppercase;
}

.overProf{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    transition: all 0.4s;
    z-index: 3;
    text-align: center;
}

.itemProf:hover .overProf{ opacity: 1; }

.overProf .dt{ height: 100% }

.overProf a{
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    border: 2px solid #fff;
    margin-bottom: 10px;
    padding: 5px;
    width: 95%;
}

.schedaTopProf{
    background-color: #f4f4f4;
    padding: 10px;
}

.schedaTopProf h1{
    font-size: 24px;
    margin: 10px 0;
    font-family: 'Roboto Slab', sans-serif;
}

.schedaTopProf h1 + div{
    font-family: 'Roboto Slab', sans-serif;
    font-size: 18px;
}

.cvProfList a{
    font-style: italic;
    font-size: 13px;
    color: #0095ff;
}

.moreInfoProf{ margin: 40px 0 }

.moreInfoProf h2{
    background-color: #ebebeb;
    padding: 10px 15px;
    margin: 0 0 20px;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 18px;
}

.moreInfoProf h2 + div{ margin-bottom: 40px; padding-left: 15px }

.moreInfoProf section{ margin-bottom: 15px }

.eventProfList a{
    display: block;
    color: inherit;
    font-size: 13px;
    text-decoration: none;
}

.eventProfList h3{
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}

.eventProfList h4{
    margin: 10px 0 0;
    font-size: 12px;
}

.faiDomandaCnt{
    text-align: center;
    margin: 40px 0;
}

.moreInfoProf h2 + div.eventProfList{
    padding-left: 0;
}

.eventProfList > a{
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.eventProfList > div:last-child{ border-bottom: 0}

.corsiList{ margin: 60px 0 }

.corsiList.search{ margin-top: 10px }

.corsiList a{
    display: block;
    background-color: #ebebeb;
    color: inherit;
    padding: 10px;
    text-decoration: none;
    height: 380px;
    margin-bottom: 30px;
    background-image: url('/images_new/icone/icona-dx-blue.png');
    background-repeat: no-repeat;
    background-position: 96% 96%;
    background-size: 20px;
    transition: all 0.4s;
}

.corsiList a:hover{ background-position: 98% 96%; }

.corsiList a h4{
    font-size: 14px;
    margin: 10px 0;
}

.corsiList a h3{
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 5px;
}

.corsiList.newsList a{
    height: 480px;
}

.greyForm{
    background-color: #ebebeb;
    padding: 10px;
    border: 1px solid #c7c7c7;
}

.greyForm h4{
    font-size: 21px;
    font-family: 'Roboto Slab', sans-serif;
    margin: 0 0 10px;
}

.greyForm .btnBlue{ font-size: 18px }

.docentiCorsoList{ margin-bottom: 40px }

.downloadCorsoList{ margin-bottom: 80px }

.formCorso{ margin-bottom: 60px }

.docentiCorsoList > h4, .downloadCorsoList > h4{
    background-color: #3b3b3b;
    color: #fff;
    padding: 10px 15px;
    font-size: 18px;
    margin: 0 0 10px;
    font-family: 'Roboto Slab', sans-serif;
}


.docentiCorsoList a{
    color: inherit;
    font-size: 12px;
    text-decoration: none;
    height: 210px;
    display: block;
}

.docentiCorsoList a h3{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px 0;
}

.downloadCorsoList .listDownload, .newsAttach .listDownload{ background-color: #ebebeb; margin-top: 0 }

.downloadCorsoList .listDownload > div, .newsAttach .listDownload > div{ padding: 15px }

.newsAttach{ margin-bottom: 60px }

.imgNewsTop{ margin: 15px 0 30px }

.newsDettTxt{ margin: 30px 0 60px }

.newsDettTxt img{ max-width: 100% }

.boxAcademySection{
    background-color: #636363;
    color: #fff;
    padding: 30px 0 60px;
}

.boxAcademySection h3{
    font-size: 24px;
    margin: 10px 0;
    font-family: 'Roboto Slab', sans-serif;
}

.boxAcademySection a{
    display: inline-block;
    margin-top: 10px;
    background-color: #fff;
    color: #00549f;
    text-decoration: none;
    border-radius: 4px;
    padding: 5px 20px;
    transition: all .3s;
}

.boxAcademySection a:hover{
    background-color: #00549f;
    color: #fff;
}

.eventiListCnt{
    background-color: #f4f4f4;
    padding: 40px 0;
}

.eventiListCnt h3{
    margin: 10px 0 5px;
    font-size: 18px;
    font-weight: bold;
}

.eventiListCnt img{ border: 1px solid #d1d1d1 }

.eventiListCnt h2{ margin-bottom: 40px }

.linkRight{
    text-align: right;
    margin-top: 25px;
    font-style: italic;
    font-size: 13px;
}

.txtListNews{ height: 100px }

.readMore{
    text-align: center;
    font-size: 13px;
    font-style: italic;
}

.readMore a{ cursor: pointer; }

.academySez{
    margin-bottom: 50px;
}

.academySez h3{ margin-top: 10px }

.academySez img{
    border: 1px solid #d1d1d1;
    padding: 4px;
}

.academySezCnt{ margin: 40px 0 60px }

.formRegisterCnt{
    background-color: #f4f4f4;
    padding: 40px 0 100px;
    /*margin-top: 60px;*/
}

#myProfileCnt, #ordiniTable, #ordiniDettTable, #fattureCnt{ margin: 60px 0 80px }

#ordiniTable, #ordiniDettTable{ font-size: 13px }

#ordiniTable table thead th{ background-color: #ebebeb }

.itemLibro{
    background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 30px;
    height: 480px;
}

.itemLibro h3{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}

.itemLibro > a + div{ height: 185px; font-size: 12px }

.libreriaList{ margin-bottom: 60px }

.listItemProdCnt a{
    display: block;
    color: inherit;
    height: 220px;
    margin-bottom: 20px;
    text-decoration: none;
    font-size: 13px;
}

.listItemProdCnt a img{ margin-bottom: 5px; border: 1px solid #c7c7c7 }

.listItemProdCnt h2{ margin-bottom: 30px }

.noResultCnt{
    font-size: 30px;
    margin: 30px 0 100px;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
}

.numResultCnt{
    font-size: 24px;
    margin: 0 0 40px;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
}

.documentazioneList{ margin: 30px 0 }

.documentazioneList > div{ margin-bottom: 15px }

#iframeConfig{ width: 100%; height: 700px }

#boxATC{
    background-color: #f5f5f5;
    text-align: center;
    padding: 40px 0 60px;
    font-size: 18px;
}

#boxATC h3{
    font-size: 30px;
    margin: 0 0 30px;
    font-family: 'Roboto Slab', sans-serif;
}

#boxATC h4{
    color: #00549f;
    font-size: 24px;
    font-family: 'Roboto Slab', sans-serif;
    margin: 0 0 20px;
}

#boxATC a{
    display: block;
    color: #fff;
    background-color: #00549f;
    text-decoration: none;
    padding: 10px;
    border-radius: 4px;
}

.atcBox{ padding: 0 25px }

.atcBox.line:after{
    border-right: 1px solid #c7c7c7;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder, .sweet-alert .sa-icon.sa-success{ border-color: #00549f }

.sweet-alert .sa-icon.sa-success .sa-line{ background-color: #00549f }

.qntCnt .more{ margin: 0 10px }

.qntCnt .qnt{ font-size: 16px; font-weight: bold; vertical-align: middle }

.qntCnt .remove.all{ margin-top: 10px; cursor: pointer }

.qntCnt .remove.all span{ padding: 3px 15px }

#tableCart h3{
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: bold;
}

#tableCart tbody td{ padding: 10px 8px }

#step1, #formOrdine, #stepRiepilogo{ margin-bottom: 60px; min-height: 40vh }

.riepilogoCnt{ margin-bottom: 50px }

#tableCart thead, #ordiniDettTable thead{ background-color: #ebebeb; }

#tableCart thead th,
#ordiniDettTable thead th{ border-bottom: 0; }

.totalCnt{
    margin-bottom: 50px;
    border-top: 3px solid #ebebeb;
    padding-top: 20px;
}

.totale_carrello{ text-align: right; }

.totaleList > div{ border-bottom: 1px solid #ebebeb; padding-bottom: 5px; margin-bottom: 5px }

.condPag{
    background-color: #ebebeb;
    border-radius: 4px;
    margin: 30px 0;
    padding: 10px 15px;
}

.indirizzoFatt .row{ margin-bottom: 5px }

#formOrdine h5{
    font-weight: bold;
    font-size: 16px;
}

.fattInputs label{
    font-size: 12px;
    font-weight: 400;
}

.indCons{ margin: 40px 0 15px; }

.altroIndirizzoCnt{
    background-color: #ebebeb;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 15px 10px 0;
}

.altroIndirizzoCnt label{
    font-size: 13px;
    font-weight: 400;
}

.bottomCart{ margin-top: 40px; }

.riepilogoCnt h3{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
}

.riepilogoCnt{ font-size: 12px; }

.editSpedizione{ margin-top: 30px }

.ordineThank{
    min-height: 50vh;
    font-size: 16px;
}

.paginaCnt h1{ margin-bottom: 30px }

.paginaCnt > div > div{ margin-bottom: 30px }

.snippetLinkBanner h3{
    font-family: 'Roboto Slab', sans-serif;
    font-size: 24px;
    margin: 10px 0 5px;
}

.snippetLinkBanner img{
    border: 1px solid #d1d1d1;
    padding: 5px;
}

#registrationForm hr, hr.lineBreak{
    border-color: #ccc;
    margin: 5px 0 20px;
}

.infoPopupFattura{ margin-bottom: 30px }

.modAssCnt1{
    margin: 40px 0 60px;
}

.formAssistenza{
    margin: 40px 0 60px;
}

.openImgModal{ margin-top: 10px; cursor: pointer; display: inline-block }

#formRichiestaAssistenzaAperta{ margin-bottom: 60px }

.docImg{ max-width: 100px }

#requestCatalogForm{
    margin-bottom: 80px;
}

.linkCartaceo{
    text-align: center;
    margin-top: 12px;
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group{
    margin-right: 3px;
}

.testimonianza_riga_scheda{
    padding: 15px 0;
}

.linkConfVis, .linkConfVis:hover{
    color: #3b3b3b;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

.confVisLista{
    margin: 50px 0 100px;
}

.confVisImg{
    background-color: #fff;
    padding: 10px;
    opacity: 0.7;
    transition: all 0.4s;
}

.confVisImg:hover{
    opacity: 1;
}

.confVisLista:after{
    content: '';
    display: table;
    clear: both;
}

.confVisLista > div{
    float: left;
    width: 20%;
    padding: 10px;
}

.confVisName{
    text-align: center;
    margin-top: 10px;
}

.colorBox .tooltipster-box{
    background-color: #f6f6f6 !important;
    border-color: #d9d9d9 !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
    padding: 5px;
}

.colorBox .tooltipster-content{
    color: #3b3b3b !important;
}

.colorBox .tooltipster-arrow-border{
    border-top-color: #d9d9d9 !important;
}

.colorBox .tooltipster-arrow-background{
    border-top-color: #f6f6f6 !important;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{ border-right-color: #f6f6f6 !important; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{ border-right-color: #d9d9d9 !important; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{ border-bottom-color: #f6f6f6 !important; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{ border-bottom-color: #d9d9d9 !important; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{ border-left-color: #f6f6f6 !important; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{ border-left-color: #d9d9d9 !important; }

.arrowLinkAcc{
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#vediTuttiCorsi{
    color: #0095ff;
    font-style: italic;
    cursor: pointer;
}

.anteprimaFile{ border: 1px solid #ccc }

.labelCampiRequired{ margin-bottom: 20px }

#goTop{
    position: fixed;
    bottom: 15px;
    right: 5px;
    display: none;
    z-index: 200;
    cursor: pointer;
}

.linkBlue{
    color: #0095ff !important;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}

.slideFooter{
    margin-top: 20px;
    padding-top: 20px;
    /*border-top: 1px solid #00549f;*/
    margin-bottom:20px;
}

.comingSoon{
    text-align: center;
    font-size: 26px;
    margin: 60px 0 100px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

.fotoRegistrazione{
    background-image: url('/images_new/foto_registrazione.jpg');
    background-size: cover;
    height: 365px;
    padding: 20px 25px;
}

.fotoRegistrazione h1{
    margin: 0 0 5px 0;
}

.fotoRegistrazione .divsottotitoloregistrazione{
    width: 60%;
    font-size: 18px;
    font-family: 'Roboto Slab', sans-serif;
}

.boxgrigioregistrazione{
    background: #f4f4f4;
    padding: 20px 100px;
}

.boxgrigioregistrazione h1{
    margin: 0 0 5px 0;
}

.pulsantefotoregistrazione{
    position: absolute;
    bottom: 75px;
    width: calc(100% - 220px);
    left: 110px;
    right: 110px;
}

.pulsantefotoregistrazione a{
    padding: 9px 0;
    font-size: 18px;
    text-align: center;
    display: block;
    cursor:pointer;
}

.mycontainerLogin{
    margin-bottom: 60px;
}
.languageAttachList{
    margin-bottom: 30px
}

.approfondimenti > h4{
    overflow: hidden;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom:30px;
}
.snippet.snippet_accordion > h3{
    font-size:16px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom:30px;

}
.approfondimenti > h4.active,
.snippet.snippet_accordion > h3.active{
    border-bottom: none;
    margin-bottom:0px;
}

.approfondimenti > h4 .fa,
.snippet.snippet_accordion > h3 .fa{
    float:right;
    font-size:30px;
    display: block;
}
.approfondimenti > h4.active .fa,
.snippet.snippet_accordion > h3.active .fa{
    transform: rotate(-180deg);
}

.approfondimenti > div,
.snippet.snippet_accordion > div{
    display: none;
}
.approfondimenti > div.active,
.snippet.snippet_accordion > div.active{
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom:30px;
}
.tableAttach{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.tableAttach > div{
    display: table-cell;
    vertical-align: top;
}
/* allegati custom per avere la preview del pdf sempre di 130px */
.tableAttach > div:nth-child(1) img{ width: 130px }
.tableAttach > div:nth-child(1){ width: 130px }
.tableAttach > div:nth-child(2){ width: 70%; padding: 0 10px }
.tableAttach > div:nth-child(3){ width: 15%; }
.tableAttach.small > div:nth-child(2){ width: 65%; }
.tableAttach.small > div:nth-child(3){ width: 20%; }

#requestCatalogForm hr {
    border-color:#ccc;
    margin-top:10px;
}
/* 2019-09-09 cookie page styles
/* ------------------------ */


/* accordion for privacy and cookie policy
/* ------------------------ */
.snippet-accordion{
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: block;
    border-bottom: 1px solid #dedede;
    transition: transform .2s ease-in-out;
    font-size: 18px;
    font-weight: 300;
}
.snippet-accordion p{
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}
.snippet-accordion.active .fa-angle-right{
    transform: rotate(90deg);
    color: #00aff5;
}
.snippet-accordion > h3{
    font-size: 21px;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
}
.snippet-accordion > h3:before{
    /*font-family:'FontAwesome', sans-serif;*/
    /*content: '\f105';*/
    content: '\025B8'; /* triangolo senza font awesome*/
    display: inline-block;
    margin-right: 5px;
    font-size:15px;
    font-weight:bold;
    transition:transform .2s ease-in-out;
}
.snippet-accordion.active > h3:before{
    transform:rotate(90deg);
}
.snippet-accordion h4{
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    margin: 30px 0 0;
}
.snippet-accordion .accordion-body{
    display: none;
    background: #fafafa;
    padding: 15px 15px 5px;
    margin-top: 15px;
}
.snippet-accordion .accordion-body h4:first-child{
    margin-top: 15px;
}
/* switch
/* ------------------------ */
.switch{
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
}
.switch input[type=checkbox]{
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}
.switch label{
    cursor: pointer;
    white-space: nowrap;
}
.switch label .lever{
    content: "";
    display: inline-block;
    position: relative;
    width: 40px;
    height: 15px;
    background-color: #818181;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    vertical-align: middle;
    margin: 0 16px 10px;
}
.switch label .lever:after{
    content: "";
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-color: #f1f1f1;
    -webkit-border-radius: 21px;
    border-radius: 21px;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
    left: -5px;
    top: -3px;
    -webkit-transition: left .2s ease, background .2s ease, -webkit-box-shadow .1s ease;
    transition: left .2s ease, background .2s ease, -webkit-box-shadow .1s ease;
    -o-transition: left .2s ease, background .2s ease, box-shadow .1s ease;
    transition: left .2s ease, background .2s ease, box-shadow .1s ease;
    transition: left .2s ease, background .2s ease, box-shadow .1s ease, -webkit-box-shadow .1s ease;
}
.switch input[type=checkbox]:checked + label .lever{
    background-color: #dccfe2;
}
.switch input[type=checkbox]:checked + label .lever:after{
    background-color: #00aff5;
    left: 24px;
}
.switch label .status{
    display:block;
}
/* cookie settings
/* ------------------------ */
.cookie-settings .row{
    margin-left: 0;
    margin-right: 0;
    border-top: 1px solid #ddd;
    padding-top: 30px;
    padding-bottom: 30px;
}
.cookie-settings .row,
.cookie-settings p{
    font-size: 14px;
}
.cookie-settings h3{
    font-size: 16px;
    margin: 0 0 10px;
}
.cookie-settings .btn-cookie-confirm{
    display:none;
    padding: 0 15px;
    font-weight:bold;
    vertical-align:middle;
}
.cookie-settings .btn-cookie-save{
    font-size: 14px;
    border: none;
    background: #00aff5;
}