@charset "utf-8";
@charset "utf-8";

 #twdcmfruwindow {
display: none;
background-color: #D6008F;
width: calc(100% - 100px);
height: auto;
place-items: center;
box-sizing: content-box;
position: absolute;
top: 1px;
animation: fancyAnimation 2s ease-in-out; transition: top 1s ease-in-out; padding: 20px 50px;
box-shadow: 0 -5px 5px -5px #fff,
0 5px 5px -5px #333;
z-index: 999999;
color: #FFFFFF;
}
@keyframes fancyAnimation {
0% {
top: -100%;
}
100% {
top: 5px;     	
}
}
.twdcmfrumessage {
display: block;
padding: 0 0 0px 0;
color: #FFF;
font-size: 200%;
}
.twdcmfrumessage a {
text-decoration: none; position: relative; color: #FFF;
font-weight: bold;
}
.twdcmfrumessage a::after {
content: ''; position: absolute;
bottom: -5px;
left: 0;
width: 0; height: 2px; background-color: #fff; transition: width 0.3s ease; }
.twdcmfrumessage a:hover::after {
width: 100%; }
#twdcmfrucloseButton {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
width: 40px;
height: 40px;
background-size: cover;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='%23FFFFFF' %3E%3Cpath d='M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z'/%3E%3C/svg%3E");
}
#twdcmfrucloseButton:hover {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z'/%3E%3C/svg%3E");
}
#twdcmfruwindow.hidden {
top: -100%; }
.twdcmfrubutton-container {
display: flex;
justify-content: center;
margin: 10px 0;    
}
a.twdcmfrubutton {
padding: 7px  10px;
text-transform: uppercase;
color: #FFFFFF;
font-weight: 600;
transition: background-position .3s;
background-image: linear-gradient(to left, black 50%, transparent 50%);
background-size: 200% 200%;
margin: 5px 5px;
text-decoration: none;
border: 1px solid #FFF;
text-align: center;
letter-spacing: 2px;
font-size: 100%;
}
a.twdcmfrubutton:hover {
background-position: 100% 0;
color: rgba(255,255,255,1);
}
@media screen and (max-width: 980px) {
.twdcmfrubutton-container {
flex-direction: column; 
}
}
 .preloader > div{
background-image: url(//www.tigaman.hu/wp-content/themes/2026.tigaman.hu/images/logo_animated3.svg);
}
#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 9999;
background-color: rgba(0,0,0,.95);
transition: opacity 0.6s ease;
}
#preloader.hide {
opacity: 0;
pointer-events: none;
}
.preloader{
width: 400px;
height: 200px;
margin: 0 auto;
animation: loader-container 5s linear infinite;
}
.preloader > div{
width: 200px;
height: 100px;
position: absolute;
animation-duration: 1500ms;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
background-size: 200% auto;
}
.box1{
transform-origin: bottom center;
top: 0px;
left: 0px;
animation-name: box1;
background-position: top left;
}
.box2{
transform-origin: center left;
top: 0px;
right: 0px;
animation-name: box2;
background-position: top right;	
}
.box3{
transform-origin: top center;
bottom: 0px;
right: 0px;
animation-name: box3;
background-position: bottom right;
}
.box4{
transform-origin: center right;
bottom: 0px;
left: 0px;
animation-name: box4;
background-position: bottom left;	
}
@keyframes loader-container{
0%{ transform: rotate(0); }
23%{ transform: rotate(0); }
25%{ transform: rotate(90deg); }
48%{ transform: rotate(90deg); }
50%{ transform: rotate(180deg); }
73%{ transform: rotate(180deg); }
75%{ transform: rotate(270deg); }
98%{ transform: rotate(270deg); }
100%{ transform: rotate(360deg); }
}
@keyframes box1{
0%{ transform: perspective(200px) rotateX(90deg); }
11%{ transform: perspective(200px) rotateX(0); }
88%{ transform: perspective(200px) rotateX(0); }
99%{ transform: perspective(200px) rotateX(90deg); }
100%{ transform: perspective(200px) rotateX(90deg); }
}
@keyframes box2{
0%{ transform: perspective(200px) rotateY(90deg); }
11%{ transform: perspective(200px) rotateY(90deg); }
22%{ transform: perspective(200px) rotateY(0); }
77%{ transform: perspective(200px) rotateY(0); }
88%{ transform: perspective(200px) rotateY(90deg); }
100%{ transform: perspective(200px) rotateY(90deg); }
}
@keyframes box3{
0%{ transform: perspective(200px) rotateX(-90deg); }
22%{ transform: perspective(200px) rotateX(-90deg); }
33%{ transform: perspective(200px) rotateX(0); }
66%{ transform: perspective(200px) rotateX(0); }
77%{ transform: perspective(200px) rotateX(-90deg); }
100%{ transform: perspective(200px) rotateX(-90deg); }
}
@keyframes box4{
0%{ transform: perspective(200px) rotateY(-90deg); }
33%{ transform: perspective(200px) rotateY(-90deg); }
44%{ transform: perspective(200px) rotateY(0); }
55%{ transform: perspective(200px) rotateY(0); }
66%{ transform: perspective(200px) rotateY(-90deg); }
100%{ transform: perspective(200px) rotateY(-90deg); }
}
#status-bar {
width: 50%;
height: 1px;
margin-top: 20px;
background-color: #000;
overflow: hidden;
}
#progress {
height: 100%;
background-color: #FFFFFF;
}
#percent {
margin-top: 10px;
font-size: 12px;
color: rgba(102,102,102,1);
}
@keyframes hideSlideTop {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-100%);
opacity: 0;
}
}