@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('https://d2.uk/font/brandon_bld-webfont.eot');
    src: url('https://d2.uk/font/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'), url('https://d2.uk/font/brandon_bld-webfont.woff') format('woff'), url('https://d2.uk/font/brandon_bld-webfont.ttf') format('truetype'), url('https://d2.uk/font/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;
}


.ie-update-popup{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,0.9);
    z-index: 13000;
    display: none;
}

.ie-update-popup .box-update{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
    background-color: #fff;
    padding:60px 50px;
    width:720px;
    text-align: center;
}

.ie-update-popup .box-update h4{
    font-size: 32px;
    color:#000;
    margin-bottom: 30px;
    font-family: 'brandon_grotesquebold', sans-serif;
    font-weight: 700;
}

.ie-update-popup .box-update p{
    margin-bottom: 30px;
    font-size: 18px;
    font-family: 'brandon_grotesquebold', sans-serif;
}

.ie-update-popup .box-update a.btn-update{
    padding:15px 20px;
    font-size: 18px;
    background-color: #000;
    color:#fff;
    text-align: center;
    display: inline-block;
    width:49%;
    font-family: 'brandon_grotesquebold', sans-serif;
    transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
    text-decoration: none;
}

.ie-update-popup .box-update a.btn-update:hover{
    opacity: 0.5;
}

@media (max-width: 768px) {
		
    
    .ie-update-popup .box-update p{
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .ie-update-popup .box-update h4{
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .ie-update-popup .box-update{
        padding:40px 25px;
        width:90%;
    }
        
    .ie-update-popup .box-update a.btn-update{
        width:100%;
        margin-bottom: 5px;
    }
}