@font-face {
    font-family: 'myriad_prolight';
    src: url('/fonts/myriadpro-light-webfont-webfont.eot');
    src: url('/fonts/myriadpro-light-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/myriadpro-light-webfont-webfont.woff') format('woff'), url('/fonts/myriadpro-light-webfont-webfont.ttf') format('truetype'), url('/fonts/myriadpro-light-webfont-webfont.svg#myriad_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriad_prosemibold';
    src: url('/fonts/myriad_pro_-_semibold-webfont-webfont.eot');
    src: url('/fonts/myriad_pro_-_semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/myriad_pro_-_semibold-webfont-webfont.woff') format('woff'), url('/fonts/myriad_pro_-_semibold-webfont-webfont.ttf') format('truetype'), url('/fonts/myriad_pro_-_semibold-webfont-webfont.svg#myriad_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: myriad_prolight;
    overflow-x: hidden !important;
}

.fundomodal.aviso-bridgestone {
background: rgba(0,0,0,0.7);
position: fixed;
width: 100vw;
height: 1000vh;
z-index: 9000;
}

.aviso-bridgestone .modal {
background: #fff;
border-radius: 20px;
padding: 30px;
box-sizing: border-box;
width: calc(100% - 40px);
max-width: 500px;
height: calc(100% - 60px);
max-height: 300px;
position: fixed;
top: calc(50% - 160px);
left: calc(50% - 250px);
}

.aviso-bridgestone .modal img {
height: 30px;
width: auto;
display: block;
margin: 0 auto;
}

.aviso-bridgestone p {
font-family: myriad_prolight;
font-size: 20px;
line-height: normal;
text-align: center;
}

.aviso-bridgestone p.p1 {
font-size: 30px;
margin-top: 20px;
margin-bottom: 0px;
color: #DA261E;
font-weight: bold;
}

.aviso-bridgestone p.p2 {
margin-bottom: 20px;
}

.aviso-bridgestone p.p2 span {
font-weight: bold;
}

.aviso-bridgestone p.p3 {
color: #DA261E;
}

.aviso-bridgestone .fora-do-modal {
position: absolute;
max-width: 300px;
height: auto;
bottom: -100px;
left: 100px;
}

.aviso-bridgestone .fora-do-modal p {
color: #fff;
}

@media screen and (max-width: 550px) {
    .aviso-bridgestone .modal {
        max-width: 100%;
        left: 20px;
        height: auto;
        max-height: 100%;
        top: 50px;
    }

    .aviso-bridgestone .fora-do-modal {
        width: calc(100% - 40px);
        left: 20px;
        max-width: 100%;
    }
}