@import url("link.css");

.popupmesaj {
background: rgba(255,255,255,1);
position: fixed;
display: none;
z-index: 5000;
height: 100%;
width: 100%;
left: 0;
top: 0;}

.popupmesaj > div {
border-radius:0px;
position: fixed;
max-width: 100%;
min-width: 100% !important;
min-height: 100%;
height: auto;
left: 0%;
top: 0%;
padding:1%;
box-sizing: border-box;
box-shadow:inset 0 0 0px #ccc;
background:#fff;}
  
.popupmesaj-zemin {
width:auto; height:auto; margin:auto; padding:auto;}

.popupmesaj-baslik{
float:left;
width:100%;  height:auto; line-height:30px;
margin:auto; margin-bottom:20px;  margin-top:20px;padding:auto;
font-family: 'Poppins', sans-serif; font-size:26px; text-align:left;
color:#435372; text-decoration:none; font-weight:600;}

.popupmesaj-metin {
float:left;
width:100%; height:auto; line-height:25px;
margin:auto; margin-bottom:20px; padding:auto;
font-family: 'Poppins', sans-serif; font-size:18px; text-align:justify;
color:#435372; text-decoration:none; font-weight:normal;}

.popupmesaj-resim {
float:left;
width:100%; height:auto;
margin:auto auto 0px auto; padding:auto;
border-radius:0px;
box-shadow:0px 0px 0px 0 rgba(0, 0, 0, 0.10);
background-color:rgba(255,255,255,0.0);
transition:all 0.5s;}

@media all and (max-width: 768px) {
.popupmesaj > div { min-height:85%; top:15% ;}
.popupmesaj-baslik{ line-height:22px; margin-bottom:15px; font-size:22px;}
.popupmesaj-resim { width:100%; margin:auto auto 20px auto; }
}
  
.popupmesaj input[type='button'] {
position: absolute;  
z-index: 5000;
bottom: 28%;
right: 27%;
width: 50%;
padding:10px 20px;
outline: 0;
border: 0;
background: #4F4C3D;
font-weight: bold; text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
border-radius:6px;}
  
.popupmesaj input[type='button']:hover {
transition: 0.3s;
cursor: pointer;
background: #777566;}

@media all and (max-width: 768px) {
.popupmesaj input[type='button'] { bottom: 8%; right:0%; width: auto;}
}

.rab {
width: 50px;
height: 30px;
outline: 0;
border: 0;
color: white;
background: #000;}

.popupmesaj-kapat{
position: fixed;  
z-index: 9999;
top: 4%;
right:30%;
width:auto; display: inline-block; height:auto; cursor:pointer; border:none;
padding:10px 12px; margin:auto ; border-radius:6px;
font-family: Arial; font-size:12px; color:#fff;
text-align:left; text-decoration:none;
background:rgba(0,0,0,0.3);
-webkit-transition:  all 0.5s ease-in-out;
-moz-transition:  all 0.5s ease-in-out;
-o-transition:  all 0.5s ease-in-out;
-ms-transition:  all 0.5s ease-in-out;
transition:  all 0.5s ease-in-out;}

.popupmesaj-kapat:hover{
background: #FC0; border-radius:50px; color:#000;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-khtml-transform: rotate(360deg);
transform: rotate(360deg)scale(1.1); 
behavior: url(pie/PIE.htc);}

@media all and (max-width: 768px) {
.popupmesaj-kapat { top: 18%; right: 3%;}
}

.popupmesaj-logo{
font-family:'FontAwesome';
font-weight:normal; 
font-style: normal;
font-size:22px;}


@keyframes fadeOut {
from {
opacity: 1; }
to { opacity: 0;  }
}

@keyframes fadeIn {
from {opacity: 0;}
to { opacity: 1;}
}