/*   Site.css    x Customizzare bootstrap css.  
    Contiene solo le personalizzazioni rispetto ai settaggi 
    del framework  bootstrap.css.
    https://www.html.it/pag/46719/sovrascrivere-i-componenti-di-bootstrap/
    https://bootstrapbay.com/blog/customize-bootstrap/ 
*/
body {
    padding-top: 70px;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .top-menu {
        top: 6px;
        right: 52px;
        width: 100%;
    }
    .top-menu>.navbar-nav>li {
        float: none!important;
    }
}

@media (min-width: 768px) {
    .top-menu {
        margin-right: -15px;
    }
    .top-auth-menu {
        margin-left: auto;
    }
}


/*My custom */
h1, .h1 {
    font-size: 3.0rem;
    font-family: open_sans_condensedbold;
    font-weight: 600;
}
h2, .h2 {
    font-size: 2.5rem;
    font-family: open_sans_condensedbold;
    font-weight: 600;
}

p {
    font-size: 1.2rem;
}

img {
    opacity: .65;
    width: 100%;
}


.videomain {
    /*opacity: .75;*/
    width: 100%;
    height: 100%;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

/*.homeJumbo {
    background-image: url("../Images/Home00_1.jpg");
    width: 100%;
    height: auto;
}*/


/*.demo-header-title .demo-icon-logo {
    margin-right: 1rem;
    font-size: 3rem;
    height: 100%;
    line-height: 100%;
    top: 2px;
    position: relative;
}*/

/*.demo-header-title h4 {
    opacity: .78;
    line-height: 1.1;
    font-weight: 400;
    font-size: 0.8rem;
    font-family: 'Roboto', sans-serif;
}*/

.demo-header-title h3 {
    opacity: .78;
    line-height: 1.1;
    font-weight: bold;
    font-size: 2.9rem;
    font-family: 'Open Sans Condensed', sans-serif;
    margin-bottom: 0.2rem;
}



/*How to scroll text smoothly using HTML5 */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

@keyframes slide {
    from {
        left: 100%;
        transform: translate(0, 0);
    }

    to {
        left: -100%;
        transform: translate(-100%, 0);
    }
}

@-webkit-keyframes slide {
    from {
        left: 100%;
        transform: translate(0, 0);
    }

    to {
        left: -100%;
        transform: translate(-100%, 0);
    }
}

.marquee {
    color: red;
    background: #ffffff;
    width: 100%;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
}

.marqueetext {
    position: absolute;
    top: 0;
    white-space: nowrap;
    height: 120px;
    /*font-size: 30px;*/
    /*font-size: 3.0rem;*/
    font-family: open_sans_condensedbold;
    font-weight: bold;

    animation-name: slide;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: slide;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
/*Fine How to scroll text smoothly using HTML5 */