/* Pop up */
#overlay {
position: fixed;
top: 0px;
left: 0;
width: 100%;
height:100vh;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 300;
}

.popup{
width: 100%;
margin: -45px auto 0 auto;
display: none;
position: fixed;
top:150px;
z-index: 350;

}

.cnt223{
width:90%;
max-width: 800px;
min-height: 150px;
margin:0 auto;
background: #fff;
position: relative;
z-index: 103;
padding: 15px 15px 15px 15px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}

.cnt223 .x{
float: left;
height: 35px;
left: 8px;
font-size:25px; 
font-weight:500;
color:#000;
position: relative;
width: 34px;
}

.cnt223 .x:hover{
cursor: pointer;
}
.cnt223 center{width:100%; display:flex; flex-direction:column;}
.popup-left img{ margin:0 auto;}
.popup-right{padding:30px 10px; box-sizing:border-box;}
.popup-right h2{font-size:32px; font-weight:800; text-transform:uppercase; margin:0 auto;}
.pop-links{margin-top:30px; display:flex; flex-direction:row; width:100%;}
.pop-links a{width:calc(100% - 10px); color:#d2353f; font-size:16px; border-radius:20px; padding:14px; box-sizing:border-box; display:block; margin:5px; text-align:center; border:solid 1px #d2353f; transition:.3s ease;}
.pop-links a:hover{background:#d2353f; color:#fff;}

html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
.clear { clear: both;}