*,
*:before,
*:after{
padding: 0;
margin: 0;
box-sizing: border-box;
}
.popup-screen{
z-index: 999999;
position: fixed;
background: rgba(255,255,255,0.1);
backdrop-filter:blur(10px);
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.popup-screen.active{
visibility: visible;
}
.popup-box img{
/* background-image:url(image/popup.jpg) no-repeat;*/
width: 950px;
height: 600px;
}
@media only screen and (max-width: 600px)
{
.popup-box img{
width: 350px;
height: 200px;
}
}
.popup-box{
position: relative;
/*background: rgba(255,255,255,0.8);*/
/*backdrop-filter:blur(10px);*/
/* background-color: white;*/
/*max-width: 450px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 20px;
padding: 40px 40px;
border-radius: 20px;*/
/*box-shadow: 0 5px 25px rgba( 0 0 0 / 20%);*/
/*transition-property: transform;
transition: 0.5s ease;
transform: scale(0);*/
}
.popup-box h6{
font-size: 1em;
}
.popup-box p{
font-size: 1.5em;
}
.popup-box #btn{
/*color: #fff;
background: #267301;;
font-size: 1.1em;
font-weight: 500;
text-decoration: none;
padding: 20px 47px;
border-radius: 3px;
justify-content: center;
margin-top: 300px;*/
position: absolute;
top: 80%;
/* left: -15%;*/
right: -10%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #267301;
color: white;
font-size: 20px;
padding: 12px 20px;
border: none;
cursor: pointer;
border-radius: 5px;
text-align: center;
}
.popup-box #btn a i{
width: 100px;
height: 100px;
font-size: 100px;
}
.popup-box #btn a{
text-align: center;
}
#close{
position: absolute;
font-size:35px;
top: 0;
right: 0;
margin: 20px;
transition: 0.3s ease;
transition-property: opacity;
border: none;
display: inline-block;
border-radius: 50%;
background: none;
width: 40px;
height: 40px;
margin: 5px;
padding-bottom: 50px;
color: #fff;
}
.popup-screen input{
width: 100%;
}
/*
.icon-bar2{
display: block;
text-align: center;
padding: 20px;
transition: all 0.2s ease;
color: white;
font-size: 20px;
}*/
/*.popup-btn{
display: block;
margin: 0 0 20px auto;
background-color: transparent;
font-size: 30px;
color: #c5c5c5;
border: none;
outline: none;
cursor: pointer;
}*/
/*.popup button{
display: block;
margin: 0 0 20px auto;
background-color: transparent;
font-size: 30px;
color: #c5c5c5;
border: none;
outline: none;
cursor: pointer;
}
.popup h2{
text-align: center;
color:
}
.popup p{
font-size: 22px;
text-align: center;
margin: 20px 0;
}
.popup p input{
font-size: 20px;
}
a{
display: block;
width: 150px;
position: relative;
margin: auto;
text-align: center;
background-color: #483D8B;
color: #ffff;
text-decoration: none;
padding: 5px 0;
font-size: 22px;
}*/
/*
*/
/*