/*CIRCLE WITH ICONS*/
.circle-item-container {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    width:50vh;
    height:50vh;
    margin:auto;
    position:relative;
}
.circle-item {
    width:14vh;
    text-align:center;
    font-size:0.7rem;
    line-height:100%;
    position:absolute;
}
.circle-item-file {
    padding-top:7vh;
    background-repeat:no-repeat;
    background-size:auto 5.2vh;
    background-position: top center;
}
.circle-item-point {
}
.circle-item-arrow {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 3vh;
    height: 3vh;
}

.circle-default {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
}
.circle-title {
}
.circle-text {
    
}

/* CIRCLE HOME - 9 items*/

#circle-home.circle-item-container {
    background-image:url(/media/3dlh2mqb/icona-cerchio-azzurro.png);
    background-size:32vh; /*35vh 50vh*/
    width:50vh;
    height:50vh;
    max-width: 100%;
}
#circle-home .circle-item-file {
    padding-top:4.5vh;
    background-size:auto 4vh;
    /*background-color:violet;*/
    /*font-size:1vh;*/
    width:12vh;
    margin-left:-6vh;
}
#circle-home .circle-item-0 {
    left: 25vh;
    top: -1vh;
}
#circle-home .circle-item-1 {
    left: 42.6vh;
    top: 7vh;
}
#circle-home .circle-item-2 {
    left: 48.5vh;
    top: 20vh;
}
#circle-home .circle-item-3 {
    left: 46vh;
    top: 35vh;
}
#circle-home .circle-item-4 {
    left: 34.4vh;
    top: 45.5vh;
}
#circle-home .circle-item-5 {
    left: 15vh;
    top: 45.5vh;
}
#circle-home .circle-item-6 {
    left: 4vh;
    top: 35vh;
}
#circle-home .circle-item-7 {
    left: 1.4vh;
    top: 20vh;
}
#circle-home .circle-item-8 {
    left: 7vh;
    top: 7vh;
}
#circle-home .circle-item-0.circle-item-point  {
    background-image:url('/media/qfmf1yij/specialist-advice-icona-def.png');
}
#circle-home .circle-item-1.circle-item-point  {
    background-image:url('/media/ghdph3ok/independent-icona-def.png');
}
#circle-home .circle-item-2.circle-item-point  {
    background-image:url('/media/oivb1lqr/swiss-partner-banks-icona-def.png');
}
#circle-home .circle-item-3.circle-item-point  {
    background-image:url('/media/tvcatvzt/lic-mandates-icona-def.png');
}
#circle-home .circle-item-4.circle-item-point  {
    background-image:url('/media/5f1bkfsp/easy-access-icona-def.png');
}
#circle-home .circle-item-5.circle-item-point  {
    background-image:url('/media/0hup0ios/collaboration-icona-def.png');
}
#circle-home .circle-item-6.circle-item-point  {
    background-image:url('/media/wznpcc0y/multi-currency-multi-asset-icona-def.png');
}
#circle-home .circle-item-7.circle-item-point  {
    background-image:url('/media/zdgc5jhz/dedicated-personal-advisor-icona-def.png');
}
#circle-home .circle-item-8.circle-item-point  {
    background-image:url('/media/rypdrd5m/swiss-quality-service-icona-def.png');
}

#circle-home.active-0 .circle-item-0.circle-item-point,
#circle-home .circle-item-0.circle-item-point:hover {
    background-image:url('/media/bzkloru5/specialist-advice-icona-piena-2.png');
}
#circle-home.active-1 .circle-item-1.circle-item-point,
#circle-home .circle-item-1.circle-item-point:hover  {
    background-image:url('/media/1tqpyxyq/independent-icona-piena-2.png');
}
#circle-home.active-2 .circle-item-2.circle-item-point,
#circle-home .circle-item-2.circle-item-point:hover  {
    background-image:url('/media/ypkcurj4/swiss-partner-banks-icona-piena-2.png');
}
#circle-home.active-3 .circle-item-3.circle-item-point,
#circle-home .circle-item-3.circle-item-point:hover  {
    background-image:url('/media/cokfctve/lic-mandates-icona-piena-2.png');
}
#circle-home.active-4 .circle-item-4.circle-item-point,
#circle-home .circle-item-4.circle-item-point:hover  {
    background-image:url('/media/yg2pmalv/easy-access-icona-piena-2.png');
}
#circle-home.active-5 .circle-item-5.circle-item-point,
#circle-home .circle-item-5.circle-item-point:hover  {
    background-image:url('/media/3ovdxf4x/collaboration-icona-piena-2.png');
}
#circle-home.active-6 .circle-item-6.circle-item-point,
#circle-home .circle-item-6.circle-item-point:hover  {
    background-image:url('/media/yskp521g/multi-currency-multi-asset-icona-piena-2.png');
}
#circle-home.active-7 .circle-item-7.circle-item-point,
#circle-home .circle-item-7.circle-item-point:hover  {
    background-image:url('/media/0iel3nft/dedicated-personal-advisor-icona-piena-2.png');
}
#circle-home.active-8 .circle-item-8.circle-item-point,
#circle-home .circle-item-8.circle-item-point:hover  {
    background-image:url('/media/ihtned2j/swiss-quality-service-icona-piena-2.png');
}

#circle-home {
    z-index:2;
}
#circle-effect-home {
    position: relative;
}
#circle-placeholder-home {
    z-index:1;
    width: 50vh;
    height: 50vh;
    position: absolute;
    margin: auto;
    left: calc(50% - 25vh);
    padding: 10vh;
    text-align: center;
    font-size: 0.8rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.circle-lfg-sswiss-flag {
    background-image:url('/media/0m5c0k4y/icona-bandiera-svizzera.png');
    background-size:25%;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
}

.circle-placeholder-home-container {
    padding-bottom: 200px !important;
}

@media screen and (max-width: 767px) {
    .circle-placeholder-home-container {
        padding-bottom:50px !important;
    }
    .circle-placeholder-home-container .container {
        max-width: 100vw;
        overflow: hidden;
    }
    .circle-placeholder-home-container .info{
        padding-bottom:100px;
    }
    #circle-home .circle-item-file {
        width:100px;
        margin-left: -68px;
    }
    
    #circle-placeholder-home {
        z-index: 1;
        width: 99vw;
        height: 99vw;
        left: calc(50% - 50vw);
        padding: 10vw;
    }
    #circle-home.circle-item-container {
      background-image: url(/media/3dlh2mqb/icona-cerchio-azzurro.png);
      background-size: 50vw;
      width: 99vw;
      height: 99vw;
      max-width: 100%;
    }
    
    #circle-home .circle-item-0 {
        left: 50vw;
        top: 15vw;
        /*background-color:red;*/
    }
    #circle-home .circle-item-1 {
        left: 75.0vw;
        top: 25vw;
        /*background-color:blue;*/
    }
    #circle-home .circle-item-2 {
        left: 85.0vw;
        top: 40vw;
        /*background-color:orange;*/
    }
    #circle-home .circle-item-3 {
        left: 80.0vw;
        top: 60vw;
        /*background-color:pink;*/
    }
    #circle-home .circle-item-4 {
        left: 60.0vw;
        top: 75vw;
        /*background-color:aqua;*/
    }
    #circle-home .circle-item-5 {
        left: 40.0vw;
        top: 75vw;
        /*background-color:aqua;*/
    }
    #circle-home .circle-item-6 {
        left: 20.0vw;
        top: 60vw;
        /*background-color:pink;*/
    }
    #circle-home .circle-item-7 {
        left: 15.0vw;
        top: 40vw;
        /*background-color:orange;*/
    }
    #circle-home .circle-item-8 {
        left: 25.0vw;
        top: 25vw;
        /*background-color:blue;*/
    }
    
}
@media screen and (max-width: 550px) {
    #circle-effect-home {
        transform: scale(1);
    }
}
/*
@media screen and (max-width: 500px) {
    #circle-effect-home {
        transform: scale(0.75);
    }
}
@media screen and (max-width: 450px) {
    #circle-effect-home {
        transform: scale(0.70);
    }
}
@media screen and (max-width: 400px) {
    #circle-effect-home {
        transform: scale(0.65);
    }
}
@media screen and (max-width: 350px) {
    #circle-effect-home {
        transform: scale(0.60);
    }
}
*/
/* CIRCLE MONITOR4 - 4 items*/

#circle-monitor4.circle-item-container {
    /*background-image:url(/media/3dlh2mqb/icona-cerchio-azzurro.png);*/
    background-image:url(/media/1e5j5rwl/cerchio-freccia.png);
    background-size:39vh; /*35vh 50vh*/
    width:50vh;
    height:50vh;
    max-width: 100%;
}
#circle-monitor4 .circle-item-file {
    padding-top:0;
    background-size:contain;
    /*background-color:violet;*/
    /*font-size:1vh;*/
    width:12vh;
    margin-left:-6vh;
	height:8vh;
}
#circle-monitor4 .circle-item-0 {
    left: 25vh;
    top: -3vh;
}
#circle-monitor4 .circle-item-1 {
    left: 50vh;
    top: 25vh;
}
#circle-monitor4 .circle-item-2 {
    left: 25vh;
    top: calc(50vh - 3vh);
}
#circle-monitor4 .circle-item-3 {
    left: 0vh;
    top: 25vh;
}
#circle-monitor4 .circle-item-0.circle-item-point  {
    background-image:url('/media/dhtgwg4g/monitor1.png');
}
#circle-monitor4 .circle-item-1.circle-item-point  {
    background-image:url('/media/nvrhfvyz/monitor2.png');
}
#circle-monitor4 .circle-item-2.circle-item-point  {
    background-image:url('/media/kzkjmylo/monitor3.png');
}
#circle-monitor4 .circle-item-3.circle-item-point  {
    background-image:url('/media/2qppeczd/monitor4.png');
}

.circle-effect-es #circle-monitor4 .circle-item-0.circle-item-point  {
    background-image:url('/media/zgmdnhcc/monitoreo_es.svg');
}
.circle-effect-es #circle-monitor4 .circle-item-1.circle-item-point  {
    background-image:url('/media/4nfamvdm/alerta_es.svg');
}
.circle-effect-es #circle-monitor4 .circle-item-2.circle-item-point  {
    background-image:url('/media/g3mnbpld/cambios_es.svg');
}
.circle-effect-es #circle-monitor4 .circle-item-3.circle-item-point  {
    background-image:url('/media/wdum1nmb/actualizar_es.svg');
}
.circle-effect-es .circle-lfg-monitor4 {
    background-image:url(/media/cdopnhds/monitoreo_1_es.svg);
}
/*
#circle-monitor4.active-0 .circle-item-0.circle-item-point,
#circle-monitor4 .circle-item-0.circle-item-point:hover {
    background-image:url('/media/bzkloru5/specialist-advice-icona-piena-2.png');
}
#circle-monitor4.active-1 .circle-item-1.circle-item-point,
#circle-monitor4 .circle-item-1.circle-item-point:hover  {
    background-image:url('/media/1tqpyxyq/independent-icona-piena-2.png');
}
#circle-monitor4.active-2 .circle-item-2.circle-item-point,
#circle-monitor4 .circle-item-2.circle-item-point:hover  {
    background-image:url('/media/ypkcurj4/swiss-partner-banks-icona-piena-2.png');
}
#circle-monitor4.active-3 .circle-item-3.circle-item-point,
#circle-monitor4 .circle-item-3.circle-item-point:hover  {
    background-image:url('/media/cokfctve/lic-mandates-icona-piena-2.png');
}
*/

#circle-monitor4 {
    z-index:2;
}
#circle-effect-monitor4 {
    position: relative;
}
#circle-placeholder-monitor4 {
    z-index:1;
    width: 50vh;
    height: 50vh;
    position: absolute;
    margin: auto;
    left: calc(50% - 25vh);
    padding: 10vh;
    text-align: center;
    font-size: 0.8rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.circle-lfg-monitor4 {
    background-image:url('/media/efxmhyv3/monitoring.svg');
    background-size:25%;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
}

@media screen and (max-width: 550px) {
    #circle-effect-monitor4 {
        transform: scale(0.8);
    }
}
@media screen and (max-width: 450px) {
    #circle-effect-monitor4 {
        transform: scale(0.6);
    }
}