@font-face {
    font-family: 'PublicSans';
    src: url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Regular.eot');
    src: url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Regular.woff') format('woff'), url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Regular.ttf') format('truetype'), url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Regular.svg#PublicSans') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'TekneLDO';
    src: url('https://www.leonardo.com/o/leonardocompany-theme/fonts/TekneLDO-SemiBold.eot');
    src: url('https://www.leonardo.com/o/leonardocompany-theme/fonts/TekneLDO-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://www.leonardo.com/o/leonardocompany-theme/fonts/TekneLDO-SemiBold.woff') format('woff'), url('https://www.leonardo.com/o/leonardocompany-theme/fonts/TekneLDO-SemiBold.ttf') format('truetype'), url('https://www.leonardo.com/o/leonardocompany-theme/fonts/TekneLDO-SemiBold.svg#JetBrainsMono') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


@font-face {
    font-family: 'PublicSansThin';
    src: url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Thin.eot');
    src: url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Thin.eot?#iefix') format('embedded-opentype'), url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Thin.woff') format('woff'), url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Thin.ttf') format('truetype'), url('https://www.leonardo.com/o/leonardocompany-theme/fonts/PublicSans-Thin.svg#PublicSans') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/*
@font-face {
    font-family: 'TekneLDO';
    src: url('../fonts/bold/TekneLDO-Bold.eot');
    src: url('../fonts/bold/TekneLDO-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/bold/TekneLDO-Bold.woff') format('woff'), url('../fonts/bold/TekneLDO-Bold.ttf') format('truetype'), url('../fonts/bold/TekneLDO-Bold.svg#TekneLDO-Bold') format('svg');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'PublicSansMedium';
    src: url('../fonts/public/PublicSans-Medium.eot');
    src: url('../fonts/public/PublicSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/public/PublicSans-Medium.woff') format('woff'), url('../fonts/public/PublicSans-Medium.ttf') format('truetype'), url('../fonts/public/PublicSans-Medium.svg#PublicSans-Medium') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'PublicSansThin';
    src: url('../fonts/public/PublicSans-Thin.eot');
    src: url('../fonts/public/PublicSans-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/public/PublicSans-Thin.woff') format('woff'), url('../fonts/public/PublicSans-Thin.ttf') format('truetype'), url('../fonts/public/PublicSans-Thin.svg#PublicSans-Thin') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/public/PublicSans-Regular.eot');
    src: url('../fonts/public/PublicSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/public/PublicSans-Regular.woff') format('woff'), url('../fonts/public/PublicSans-Regular.ttf') format('truetype'), url('../fonts/public/PublicSans-Regular.svg#PublicSans-Regular') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}*/

.color-1 {
    color: #5A6770
}

.tk {
    font-family: 'TekneLDO', sans-serif;
}

.thin {
    font-family: 'PublicSansThin', sans-serif;
}

.bold {
    font-family: 'PublicSans', sans-serif;
    font-weight: bold;
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
}

body {
    background-image: url("../img/pattenr.png");
    background-position: center center;
    background-repeat: repeat;
    background-size: 1024px;
    background-color: #f4f4f4;
}

.main {
    max-width: 960px;
    width: 95%;
    margin: auto;
}

#Puntini path, #Puntini circle {
    cursor: pointer;
}

.card.azzurra {
    border-color: #008F8F;
}

.card.azzurra .title {
    color: #008F8F;
    border-bottom-color: #008F8F;
}

.card {
    border: solid 2px;
    padding: 15px;
    display: none;
    position: fixed;
    border-radius: 2px;
}

.card .title {
    font-size: 12px;
    padding-bottom: 3px;
    border-bottom: solid 2px;
    font-family: 'TekneLDO', sans-serif;
}

@keyframes blink {
    from {
        opacity: .27;
    }
    50% {
        opacity: .8;
    }
    to {
        opacity: .27;
    }
}

#Puntini-2 path, #Puntini-2 circle {
    animation-name: blink;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

@media all and (max-width: 700px) {
    .main > div {
        padding: 0 !important;
    }

    /*svg {
        min-width: 700px;
    }

    .main {
        overflow-x: auto;
    }*/
}