@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-ExtraLightIt.eot');
    src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightIt'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-ExtraLightIt.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-ExtraLightIt.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-ExtraLightIt.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-Black.eot');
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Black.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-BlackIt.eot');
    src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackIt'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-BlackIt.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-BlackIt.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-BoldIt.eot');
    src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-BoldIt.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-BoldIt.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-It.eot');
    src: local('Source Sans Pro Italic'), local('SourceSansPro-It'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-It.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-It.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-ExtraLight.eot');
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-ExtraLight.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-Semibold.eot');
    src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Semibold.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-SemiboldIt.eot');
    src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-SemiboldIt.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-Light.eot');
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Light.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-Regular.eot');
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Regular.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-Bold.eot');
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Bold.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/Source-Sans-Pro/SourceSansPro-LightIt.eot');
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-LightIt.woff') format('woff'),
    url('../fonts/Source-Sans-Pro/SourceSansPro-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Publico';
    src: url('../fonts/Publico/Publico-Banner-Bold.eot');
    src: local('Publico Banner Bold'), local('Publico Banner Bold'),
    url('../fonts/Publico/Publico-Banner-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Publico/Publico-Banner-Bold.woff') format('woff'),
    url('../fonts/Publico/Publico-Banner-Bold.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family:'axa-iconfont-functional';
    src:url(../fonts/axa_iconfont_functional/axa_iconfont_functional.eot?c09688baa5dfde9d7b2a42bf196bc132);
    src:url(../fonts/axa_iconfont_functional/axa_iconfont_functional.eot?c09688baa5dfde9d7b2a42bf196bc132) format("embedded-opentype") ,
    url(../fonts/axa_iconfont_functional/axa_iconfont_functional.ttf?1e3545ac69198188007a429684c07ca5) format("truetype") ,
    url(../fonts/axa_iconfont_functional/axa_iconfont_functional.woff?90aafb5601c7cbb556095d9708ce250d) format("woff") ,
    url(../fonts/axa_iconfont_functional/axa_iconfont_functional.svg?f38ef8be052d4de6c15f2f91f19a2329) format("svg");
    font-weight:normal;
    font-style:normal
}

.axa-blue-font {
    color: #00008f;;
}

.typo-62, .typo-48, .typo-36 {
    font-family: "Publico", Georgia, serif !important;
    font-weight: bold;
    letter-spacing: 0.02em;
}
.typo-18, .typo-28 {
    font-family: "Source Sans Pro", Arial, sans-serif !important;
}
.typo-24 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0em;
    line-height: 29px;
    padding-bottom: 13px;
}

.typo-48 {
    font-size: 48px;
    line-height: 54px;
    padding-bottom: 18px;
}
.typo-36 {
    font-size: 36px;
    line-height: 42px;
    padding-bottom: 17px;
}


.typo-18 {
    font-weight: normal;
    letter-spacing: 0.01em;
    line-height: 27px;
    padding-bottom: 15px;
    font-size: 18px;
}

@media (max-width: 767px) {
    .typo-48 {
        font-size: 30px;
        line-height: 34px;
        padding-bottom: 13px;
    }
    .typo-36 {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 11px;
    }
    .typo-24 {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 11px;
    }
    .typo-18 {
        font-size: 14px;
        line-height: 21px;
        padding-bottom: 10px;
    }
}

@media (max-width: 399px) {
    .typo-48 {
        font-size: 26px;
        line-height: 31px;
        padding-bottom: 13px;
    }
    .typo-36 {
        font-size: 22px;
        line-height: 26px;
        padding-bottom: 11px;
    }
    .typo-24 {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 14px;
    }
}