body{ font:14px Arial;{ text-align:center;overflow-x:hidden; overflow-y:hidden;  }
.hhpp 
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.pss {text-align:center;color:#152d3b; font-size:32px; letter-spacing:1px;margin:280px auto; background-color:#fff;}
.fredki11 {background-color:#fff; padding:22px; margin:auto;line-height:184%; font-size:19px; width:800px;}
#bb { width:100%;   overflow-x:hidden; overflow-y:hidden; 
 font-family: Verdana,  Helvetica, sans-serif;
 margin: auto; z-index:-1;
 padding:0; 
  
 font-size:14px;
background-color: #fff; 
background-image:url(https://short.xmc.pl/short.webp); 
background-repeat:no-repeat; 
	background-attachment:fixed; 
	background-position:center top; background-size: 100% 100%;   }
#bbb { overflow-y:visible;  width:100%;  
 font-family: Verdana,  Helvetica, sans-serif;
 margin: auto; z-index:-1;
 padding:0; 
 
 font-size:14px;
background-color: #fff; 
background-image:url(https://short.xmc.pl/new/short.webp); 
background-repeat:no-repeat; 
	background-attachment:fixed; 
	background-position:center top; background-size: 100% 100%; }
.hhp1 { text-align:center;margin:8px;}
.hhp1 a{letter-spacing:2px;}
.fredki{background-color:#fff; padding:20px; margin:auto;width:800px;line-height:180%; font-size:24px;}
.fredki1{background-color:#fff; padding:20px; margin:auto;width:800px;line-height:180%; font-size:18px;}
.mmnn {animation-iteration-count: infinite;background-color: #fff; margin:26px auto; width:800px;padding:22px 8px;
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;
  }
  @-webkit-keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 
.dot-elastic {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotElastic 1s infinite linear;
}

.dot-elastic::before, .dot-elastic::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-elastic::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotElasticBefore 1s infinite linear;
}

.dot-elastic::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotElasticAfter 1s infinite linear;
}

@keyframes dotElasticBefore {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dotElastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.5);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dotElasticAfter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}


.blink1 {
    animation-duration: 2s;
    animation-iteration-count: infinite; 
    animation-name: blink;
    }

@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms } 
.blink2 {
animation-delay: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite; 
    animation-name: blink;
    }

 
.blink3 {
animation-start: 4s;
    animation-duration: 2s;
    animation-iteration-count: infinite; 
    animation-name: blink;
    }

@keyframes blink {
    0% {opacity: 1;}
    75% {opacity: 1;}
    76% {opacity: 0;}
    100% {opacity: 0;}
    } 
.hhpp {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.hhpp1 {     
  flex: 38%;
} 
.hhpp2{  
  flex: 22%;  
} 
.hhpp3{  
  flex: 20%;  
} 
.hhpp4{  
  flex: 20%;  
} 
@media screen and (max-width: 600px) {
.column1r,.column2r { flex-direction: column;
 
} 
}
a{
    color:#009cff;
}
a:active, a:visited{
    color:#757575;
}
img{
    border:none;
}
#footer1 {margin-top:600px;}
#footer11 {margin-top:2px;}
#footer a,#footer1 a {font-size:12px; letter-spacing:2px; color:#f31010;font-family:Verdana sans-serif;}
#footer a:hover,#footer1 a:hover {font-size:12px; letter-spacing:2px; color:#1056f3;font-family:Verdana sans-serif;transition:ease 1s;}
input {font-size:9px;}
#url{
    font-family:verdana;
    width:454px;
    height:76px;
    background-image:url("includes/images/urlhov.png");
    border:none;
    padding: 0 175px 4px 35px;
    font-size:30px;
    color:gray;
    position:relative;
}
.hhpp, .hhpp a {text-align:center; margin:8px;padding:4px;font-size:14px;}
#sbmt{
    width:164px;
    height:71px;
    margin:-79px 0 0 494px;
    position:absolute;
    background-image:url("includes/images/go.png");
}
#sbmt:hover{
    cursor:pointer;
    background-image:url("includes/images/gohov.png");
}
#url:focus{
    
    color:black;
}
#mainbar{
    margin:50px 0 0 0;  
}
h1 {margin:150px 0 0 0; font-size:4vw; letter-sppacing:3px; color:#3995ca;padding:8px; text-align:center;}
#cont{
    border:none;
    width:560px;
    margin-left:33px;
    margin-top: -700px;
    height:200px;
    padding:10px 10px 10px 30px;
    background-image:url("includes/images/cont.png");
}
#close{
    margin: 5px 0 0 531px;
    cursor:pointer;
}
#out{
    background-image:url("includes/images/main.png");
    width:277px;
    height:58px;
    border:none;
    padding: 0px 0px 0px 37px;
    font-family:Verdana;
    margin:-12px 0 0 179px;
}
#load{
    margin:35px 0 0 140px;
    position:absolute;
    display:none;
}
#gourl{
    position:absolute;
    margin:-6px 0 0 -87px;
    cursor:pointer;
    border:none;
    
}

#err{
    display:none;
    color:gray;
    font-weight:bold;
    font-family:Verdana;
    font-size:12px;
    padding:54px 0 0 32px;
    width:383px;
    height:67px;
    margin: 48px 0 0 31%;
    background-image:url("includes/images/error.png");
}
#closeerr{
    width:70px;
    height:30px;
    margin: 2px 0 0 286px;
}
.mmnn {font-size:180%;}
#share{
    border:none;
    width:165px;
    height:49px;
    padding:7px 70px 0 90px;
    background-image:url("includes/images/stats.png");
    margin:0 0 0 175px;
    font-family:Verdana;
}
#twitimg{
    margin:17px 0 0 450px;
    position:absolute;
}
ul{
    list-style-type:none;  
    margin:30px 0 0 60px;
    padding:0px;
    
}
li{
    margin:10px;
    display:inline;
}
#gourl, #out, #twitimg, #share, #err{
    display:none;
}
#ads
{
    padding:0px;
    height : 90px;
    width : 728px;
}
#frame{
    margin:0px -8px 0 0 -16px;
    height : 98px;
    width : 736px;
    border:none;
}
#hhtt,.hhp {display:flex; justify-content:center; align-items:center;}

h1 {animation-delay:.3s;-webkit-animation-delay:.3s
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
.hf2 {animation-delay:.6s;-webkit-animation-delay:.6s
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
.hh11 {margin:auto; text-align:center;
  animation-delay:.9s;-webkit-animation-delay:.9s
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  

.hf3     {margin:auto; text-align:center;margin:16px 10px;
  
  -webkit-animation-name: bounceInUp;
animation-deley:1s;
  animation-name: bounceInUp;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 3000px, 0);
  transform: translate3d(0, 3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  }
  100% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
  }
  @keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 3000px, 0);
  transform: translate3d(0, 3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  }
  100% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
  }
.fredekimg {text-align:center; margin:auto; display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;}
.fredekimg img  { border-radius:8px; box-shadow:0 0 12px #000; filter: brightness(100%); 
  transition: transform .2s ease; 
  margin:auto; text-align:center; }
.fredekimg img  {filter: brightness(120%);
  transform: scale(1.05);  } 
.cno, .cno1  {text-align:center; margin:auto; display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;}

.cno a,.cno1 a  {  filter: brightness(100%); 
  transition: transform .5s ease; 
  margin:auto; text-align:center; }

.cno a:hover,.cno1 a:hover  {filter: brightness(120%);
  transform: scale(1.05);  }  
 
#mainbar {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
.hh1 {animation-delay:1.2s;-webkit-animation-delay:1.2s
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }