.loader {

  position: fixed;

  left: 50%;

  top: 50%;

  margin-left: -25px;

  margin-top: -25px;


  border-radius: 50%;

  border-top: 5px solid #222d32;

  width: 50px;

  height: 50px;

  -webkit-animation: spin 2s linear infinite;

  animation: spin 2s linear infinite;


}



@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



.carga2 {

display: block;

position: fixed;

top: 0%;

left: 0%;

width: 100%;

height: 100%;

background-color:  #fff;

z-index:1031;

-moz-opacity: 1;

opacity:1;

filter: alpha(opacity=100);

}

.carga {

display: block;

position: fixed;

top: 0%;

left: 0%;

width: 100%;

height: 100%;

background-color: #f4f3ef;

z-index:1031;

-moz-opacity: 1;

opacity:1;

filter: alpha(opacity=100);

}





.pop .ppkn3 {

    visibility: hidden;

    background-color: #555;

    color: #fff;

    border-radius: 6px;

    position: fixed;

    z-index: 1;

    bottom: 5%;

    left:5%;

    right:5%;

    top: 5%;

}

.pop .show {

    visibility: visible;

    -webkit-animation: fadeIn 1s;

    animation: fadeIn 1s;

    z-index: 9999999;

}

#pp iframe{

  width: 100%;

    height: 96%;

    padding: 0 4% 4% 4%;

}

.pos{

    margin:1% 96%;

    

}