@charset "utf-8";

/* CSS Document */



/* =======================================

	Loading Div con immagine loading 

==========================================*/

#loading {

  width: 100%;

  height: 100%;

  position: absolute;

  margin:0px auto;

  display: block;

  opacity: 1.0;

  background-color: rgba(255,255,255,0.7);

  z-index: 99;

  text-align: center;

}



#loading-image {

  position: relative;

  top: 200px;

  /* left: 240px; */

  z-index: 100;

}

/* end of loading div */





.sep{height:30px;}



.card-shadow {

  -webkit-box-shadow: 6px 9px 30px 0 rgba(0,0,0,0.30) ;

  box-shadow: 6px 9px 30px 0 rgba(0,0,0,0.30) ;

}



.oi-s-0{font-size:46px}

.oi-s-1{font-size:36px}

.oi-s-2{font-size:24px}

.oi-s-3{font-size:16px}

.text-orange{color:#F63}

.blue{color:#06F}

.bg-blue{background-color:#06F}

.text-grey{color:#e6e6e6}





.bg-gray-gradient {

background: linear-gradient(200deg, #ffffff, #cccccc);

background-size: 100% 100%;

}





.btn-orange {

    color: #fff;

    background-color: #F63;

    border-color: #F63;

}



.bg-orange {

    background-color:#FF6633;

}



.bg-light-gradient {

background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 100%);

background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 100%);

background: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 100%);

background-position: 50% 50%;

}



.hr-white {

    border-top: 1px solid rgba(255,255,255,.7);

}



.display-5 {

    font-size: 3rem;

    font-weight: 400;

    line-height: 1.2;

}



.text-shadow {

    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);

}



.tp-textShadow {

    /*text-shadow: 2px 2px 10px rgba(0,0,0,0.8);*/

display: inline-block;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

float: none;

z-index: auto;

width: auto;

height: auto;

position: static;

cursor: default;

opacity: 1;

margin: 0;

overflow: visible;

color: rgba(255,255,255,1);

text-decoration: normal;

text-align: center;

-o-text-overflow: clip;

text-overflow: clip;

white-space: pre;

background: none;

-webkit-box-shadow: none;

box-shadow: none;

text-shadow: 0 0 10px rgba(0,0,0,0.5) , 0 0 20px rgba(0,0,0,0.5) , 0 0 30px rgba(0,0,0,0.5) , 0 0 40px #000 , 0 0 70px #000 , 0 0 80px #000, 0 0 100px #000 ;

}



.bg-dark05 {

    background-color: rgba(50,50,50,0.5);

}



.hr-black {

    border-top: 1px solid rgba(0,0,0,0.7);

}



.y3hvr-opacity{

    opacity: 1;

    transition: opacity .6s;

}

.y3hvr-opacity:active,.y3hvr-opacity:focus,.y3hvr-opacity:hover{

    opacity: 0.8;

}







.timeline {

    list-style: none;

    padding: 20px 0 20px;

    position: relative;

}



    .timeline:before {

        top: 0;

        bottom: 0;

        position: absolute;

        content: " ";

        width: 3px;

        background-color: #eeeeee;

        left: 50%;

        margin-left: -1.5px;

    }



    .timeline > li {

        opacity:0;

        margin-bottom: 20px;

        position: relative;

    }



        .timeline > li:before,

        .timeline > li:after {

            content: " ";

            display: table;

        }



        .timeline > li:after {

            clear: both;

        }



        .timeline > li:before,

        .timeline > li:after {

            content: " ";

            display: table;

        }



        .timeline > li:after {

            clear: both;

        }



        .timeline > li > .timeline-panel {

            width: 46%;

            float: left;

            border: 1px solid #d4d4d4;

            border-radius: 2px;

            padding: 20px;

            position: relative;

            background-color: #ffffff;

            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

        }



            .timeline > li > .timeline-panel:before {

                position: absolute;

                top: 26px;

                right: -15px;

                display: inline-block;

                border-top: 15px solid transparent;

                border-left: 15px solid #ccc;

                border-right: 0 solid #ccc;

                border-bottom: 15px solid transparent;

                content: " ";

            }



            .timeline > li > .timeline-panel:after {

                position: absolute;

                top: 27px;

                right: -14px;

                display: inline-block;

                border-top: 14px solid transparent;

                border-left: 14px solid #fff;

                border-right: 0 solid #fff;

                border-bottom: 14px solid transparent;

                content: " ";

            }



        .timeline > li > .timeline-badge {

            color: #fff;

            width: 50px;

            height: 50px;

            line-height: 50px;

            font-size: 1.4em;

            text-align: center;

            position: absolute;

            top: 16px;

            left: 50%;

            margin-left: -25px;

            background-color: #999999;

            z-index: 100;

            border-top-right-radius: 50%;

            border-top-left-radius: 50%;

            border-bottom-right-radius: 50%;

            border-bottom-left-radius: 50%;

        }



        .timeline > li.timeline-inverted > .timeline-panel {

            float: right;

        }



            .timeline > li.timeline-inverted > .timeline-panel:before {

                border-left-width: 0;

                border-right-width: 15px;

                left: -15px;

                right: auto;

            }



            .timeline > li.timeline-inverted > .timeline-panel:after {

                border-left-width: 0;

                border-right-width: 14px;

                left: -14px;

                right: auto;

            }



.timeline-badge.primary {

    background-color: #2e6da4 !important;

}



.timeline-badge.success {

    background-color: #3f903f !important;

}



.timeline-badge.warning {

    background-color: #f0ad4e !important;

}



.timeline-badge.danger {

    background-color: #d9534f !important;

}



.timeline-badge.info {

    background-color: #5bc0de !important;

}



.timeline-title {

    margin-top: 0;

    color: inherit;

}



.timeline-body > p,

.timeline-body > ul {

    margin-bottom: 0;

}



    .timeline-body > p + p {

        margin-top: 5px;

    }



@media (max-width: 767px) {

    ul.timeline:before {

        left: 40px;

    }



    ul.timeline > li > .timeline-panel {

        width: calc(100% - 90px);

        width: -moz-calc(100% - 90px);

        width: -webkit-calc(100% - 90px);

    }



    ul.timeline > li > .timeline-badge {

        left: 15px;

        margin-left: 0;

        top: 16px;

    }



    ul.timeline > li > .timeline-panel {

        float: right;

    }



        ul.timeline > li > .timeline-panel:before {

            border-left-width: 0;

            border-right-width: 15px;

            left: -15px;

            right: auto;

        }



        ul.timeline > li > .timeline-panel:after {

            border-left-width: 0;

            border-right-width: 14px;

            left: -14px;

            right: auto;

        }

}





.text-deco-0:hover {

    text-decoration: none;

}



.link-dark {

    color: #000;

}



.bg-black {

    background-color: #000000;

}







.fixed-bg {

    background-attachment:cover;

    background-size:cover;

}



.timeline-item{opacity:0;}



.timeline-line {

    height: 7rem;

    width:1px; 

    background-color:#999;

    margin-top:40px;

    margin-bottom:0px;

    

}



.lead-bolder {

    font-weight: 400

}





.border-left-2{border-left: 2px solid #999 !important;}

.border-right-2{border-right: 2px solid #999 !important;}

.border-top-2{border-top: 2px solid #999 !important;}

/*.homeBoxLink{color:#666;}*/





.homeBoxLink:hover{

    background-color: #EEE;

    color: #111;

}

.homeBoxLink a{

    font-weight: 300;

    font-size:1rem;

}

.linkbox:hover {

    cursor: pointer;

}



.card-img-overlay-bottom {

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    margin: 0;

}



.photoSwipeGallery {

    cursor:pointer;

}





/* =======================================

	Loading Div con immagine loading 

==========================================*/

video {

	width: 100%;

	height: 100%;

	object-fit: cover;

}





.card.card-glass {

    background: rgba(255,255,255,0.5);

    backdrop-filter: blur(30px);

    -webkit-backdrop-filter: blur(30px);

}





.card img{max-width: 100%;}



.video-gallery .video-container{padding:10px;}

.video-gallery .video-container .playVideoButton{

    max-width: 100%;

    border-radius: 3px;

    box-shadow: 1px 1px 20px rgba(0,0,0,.4);

}

.video-gallery .video-container .playVideoButton:hover{

    opacity: 0.7;

    cursor: pointer;

}

.video-gallery .video-container .video-title{

    margin-top:6px; 

    font-weight: bold; 

    font-size: .9rem;

    height: 60px;

    overflow: hidden;

}



.btn-orange {

    color: #fff;

    background-color: #e86c00;

    border-color: #e86c00;

}

.btn-orange:hover {

    color: #fff;

    background-color: #cd6000;

    border-color: #cd6000;

}



.card.card-people{

    width: 24rem; 

    box-shadow: 0px 0px 10px rgba(0,0,0,.2);

}

.card.card-people .card-body.assistenza{

    border-top: 6px solid rgb(253,126,20);

}

.card.card-people .card-footer{    

    border-top:none;

}