/*Style*/
.img-share{position: absolute; top: -1000px;}
iframe{width: 100% !important; height: 200px !important;}
.logo-fixed{position: fixed; left: 0; bottom: 0; z-index: 999;}
.main{margin-top: 30px; font-family: 'Roboto', sans-serif; pointer-events: relative}
.box-sx{padding-right: 45px; border-right:1px solid #010101;}
.box-dx{position: relative;}
.action{position: absolute; right: 23px; top: -28px;}
.action li a{color: #010101;}
.action li a:hover{color: #999;}
.logo {height: 117px;}
.logo img{max-height: 100px; margin-bottom: 17px;}
.titolo{color: #010101; font-size: 22px; }
.titolo h1{font-weight: 400;font-size: 2.3rem; margin-bottom: 0; line-height: 1.1; }
.titolo-2 h3{color: #010101; font-size: 1.7rem;font-weight: 400; margin-bottom: 0;}
.figura-1{margin-top: 1rem; height: 339px; overflow: hidden;    display: flex;justify-content: center;align-items: center;}
.figura-1 img{width: 100%;}
.info-1 h2{color: #999; font-weight: 300; font-size: 1.8rem; margin-bottom: 0;}
.cite {height: 165px;position: relative; margin-top: 40px;}
/*.cite span.apre-apici{position: absolute;top: 0;left: 0;color: #999; font-weight: 300; font-size: 1.2rem;}*/
.info-1 {height: 102px;}
.cite h2{color: #999; font-weight: 300; font-size: 1.5rem; position: relative;top: 5px;left: 7px;}
.info-2 h3{font-weight: bold;color: black;font-size: 22px;}
.info-2 .icona{float: left; width: 25px;height: 15px;}
.info-2 a{color: #010101;}
.info-2 a .testo:hover{color: #FFF; background-color: #010101;}
.info-2 .testo{color: #6e6e6e; margin: 0; font-size: 18.3px; line-height: 1.42; float: left; }
.info-2 .small{font-size: 10.5px; margin-top: 10px; height: 14px;}
.info-2 .small-2{font-size: 10.5px; margin-bottom: 20px;color: #999!important;}
.social{margin-top: 10px; height: 37px}
.social a{color: #010101;font-size: 25px;}
.social a .fa-facebook-square:hover{color: #3b5998;}
.social a .fa-linkedin:hover{color: rgb(0, 115, 177);}
.social a .fa-whatsapp-square:hover{color: rgb(37, 211, 102);}
.social a .fa-telegram:hover{color: rgb(0, 136, 204);}
.instagram {
    display: inline-block;
    width: 30px;
    text-align: center;
    border-radius: 100%;    
    line-height: 0.8;
}
.instagram:hover{color: #fff !important;background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.google-maps {
    display: inline-block;
    width: 30px;
    text-align: center;
    border-radius: 5px;    
    line-height: 0.8;
}
.google-maps:hover{color: #fff !important;background: #d6249f;
    background: linear-gradient(-120deg, #4285F4, #34A853, #FBBC05, #EA4335);}
.color-black p{color: #010101 !important;}
.figura-2 img{height: 170px; float: right;}
#share {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
}
#share a .fa-whatsapp-square{color: rgb(37, 211, 102);}
#share a{font-size: 25px;}
#share-group li a{color: #010101; font-size: 2rem;}
#share-group li a:hover{color: #999999}

.box-custom-sm ul li{display: block; float: left; width: 100%;}
.box-custom-sm ul{
    width: auto;
    margin: 0 auto;
    list-style-type: none;
    display: inline-grid;
/*    display: -ms-inline-grid;
    -ms-grid-row:3;
   -ms-grid-column:1;*/
    padding: 0;
}

@media screen and (max-width:1280px){
    .info-1 h2 {font-size: 1.5rem;}
}
@media screen and (max-width:1199px){
    .logo {height: 100px;}
    .logo img {max-height: 80px;}
    .titolo h1 {font-size: 1.7rem;}
    .info-1 {height: auto;}
    .info-1 h2 {font-size: 1.3rem;}
    .info-2 .testo {font-size: 14.3px;}
    .info-2 .small {font-size: 9.5px !important;}
    .titolo-2 h3 {font-size: 1.4rem;}
    .social a {font-size: 20px;}
    .cite {margin-top: 8px;}
    .figura-1{height: 279px;}
    .cite {height: 119px;}
    .figura-2 img {height: auto;}
}

@media screen and (max-width:991px){
    .main{max-width: 100% !important;}
    .figura-1 {height: auto;}
}
@media screen and (max-width:910px){
    .cite {height: auto;min-height: 70px;}
    .info-2 .testo {font-size: 12.3px;}
}
@media screen and (max-width:799px){
     .p-sm-0{padding: 0;}
    .info-1 {height: auto;}
    .qrcode{display: none;}
    .cite {height: auto;min-height: 70px; text-align: center;}
    .box-dx, .box-sx {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .box-dx{margin-bottom: 60px;}
    .logo-fixed {left: auto; right: 0 !important;}
    .logo {text-align: center;margin-bottom: 17px;}
    .logo img {max-height: 100%;width: auto;}
    .titolo{text-align: center;}
    .info-1 {text-align: center;}
    .action{display: none;}
    .box-sx {padding-right: 15px;border-right: 0; }
    .info-2 .testo {font-size: 14.3px;}
    .qrcode img{width: 140px;}
    .social {height: auto;}
    .info-2 .small{height: auto;}
    .cite{ min-height: 0;margin-bottom: 20px;}
    .cite h2{font-size: 1.5rem;}
    
    .box-info-sm, .box-info-sm>div{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .box-sm-hide{display: none;}
    .box-custom-sm{
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }    
    .titolo-2, .social ul, .box-info-sm h3, .box-info-sm .small-2{text-align: center; padding: 0 15px; width: 100%;}  
    .figura-2 img{margin-top: 15px;}
    /*.cite{text-align: center;}*/
}
@media screen and (max-width:575px){
    .qrcode{text-align: center;}
    .figura-2.justify-content-end {-ms-flex-pack: center!important;justify-content: center!important;}
}

@media screen and (max-width:480px){
    .figura-1 {height: auto !important;}
}