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

/* CSS Document */
/*
Theme Name:tigaman webdesign 2025
Theme URL: https://www.tigaman.hu
Theme Description: 26 éves tapasztalatunk és 475 elkészült weboldal biztosítja a minőséget a vállalt keret és határidő szerint. Szolgáltatásainkat a mesterséges intelligencia megoldásaival is bővítettük. Ehhez 17 részletes cikket kínálunk az online tartalomkészítéshez. 
Version: 17.0
Author:tigaman
Author URI: https://www.tigaman.hu
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");       


/* CSS Document */



.parallax_container {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 0 0;
	position: relative;
	width: 100%;
	height: 150vh;
	/* [disabled]box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.3) inset; */
	top: 0px;
	overflow-x: hidden;
}




.parallax_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;

    z-index: 1;
    width: calc(80% - 0px);	
    max-width: calc(80% - 0px);
    font-weight: 400;

    /* Frosted Glass Effekt */
    background-color: rgba(255, 255, 255, 0.4); /* Világos, áttetsző réteg */
    backdrop-filter: blur(10px);               /* Ez hozza létre a homályosítást */
    -webkit-backdrop-filter: blur(10px);        /* Safari támogatás miatt fontos */
    
    /* Opcionális: Szebb megjelenés */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Finom keret a "üveg" szélének */
    border-radius: 15px;                        /* Lekerekítés, ha illik a designhoz */
    padding: 20px;                              /* Hogy a szöveg ne érjen a széléhez */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1); /* Enyhe árnyék a mélységérzethez */
}


.freeservices {
	position: relative;
	overflow: hidden;
	width: calc(100% - 20px);
	z-index: 1; /* Konténer rétege */
	font-size: 160%;
	text-align: left;
	padding: 10px;
}

/* A rendes szöveg (bekezdés) kényszerítése előre */
.freeservices p {
    position: relative;
    z-index:2; /* Ez biztosítja, hogy a linkek felül legyenek */
}

/* A hatalmas háttérszöveg */
.freeservices::before {
	content: "INGYENES SZOLGÁLTATÁSAINK";
	position: absolute;
	/* Tökéletes középre helyezés */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 900;
	font-size: 500%; /* Skálázódó méret */
	white-space: nowrap;
	/* Szín és áttetszőség */
	color: #000000;
	opacity: 0.1; /* Itt állítsd be, mennyire legyen halvány */
	z-index: -1; /* Hátul marad */
	pointer-events: none;
	animation: freePulse 5s ease-in-out infinite;
}
@keyframes freePulse {
    0%, 100% { opacity: 0.05; transform: translate(-50%, -50%) scale(0.95); }
    50% { opacity: 0.2; transform: translate(-50%, -50%) scale(1.05); }
}
.freeservices strong a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    position: relative;
    opacity: 0; 
    
    background-image: linear-gradient(#057A8F, #057A8F);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 0% 3px;
    padding-bottom: 1px;

    /* Ez kezeli a vonal sima mozgását oda-vissza (hoverkor is) */
    transition: background-size 0.5s ease-in-out, opacity 0.5s ease;
}

/* Amikor a JS hozzáadja az .animal osztályt */
.freeservices strong.animal a {
    /* Csak a szöveg beúszását animáljuk */
    animation: revealText 0.8s ease-out forwards;
    
    /* A vonalat transition-nel indítjuk el */
    background-size: 100% 3px;
    /* Késleltetjük a vonalat, hogy a fade-in után induljon (opcionális) */
    transition-delay: 0.6s; 
}

/* HOVER: Itt már nincs késleltetés, azonnal és simán visszahúzódik */
.freeservices strong.animal a:hover {
    transition-delay: 0s;
    background-size: 0% 3px;
    opacity: 1;
}

/* Csak a szöveg megjelenése (fade in + mozgás) */
@keyframes revealText {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}




.parallax.bgvideo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%); /* középre igazítás */
  z-index: -1;            /* háttérként a tartalom mögé */
  object-fit: cover;      /* kitölti a div-et, arányokat megtartva */
}
.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0
}

.parallax {
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
	background-image: url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/images/para3.webp);
}

.cursor {
  animation: blink 1.0s infinite;
}
@keyframes blink {
  50% { opacity: 0; }
}
/* ----------------------------  mobil -------------------------------------   */
@media screen and (max-width: 980px) {
/**/
.parallax_container {
	height: 100vh;	
	margin: 0 0 0 0;

}
.parallax_content {

    width: calc(100% - 0px);	
    max-width: calc(100% - 0px);
}
.freeservices {

	font-size: 120%;

}

}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face{
	font-family: 'FontAwesome';
	src: url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.eot?v=4.7.0);
	src: url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}



/* CSS Document */


#mobil-menu-toggle {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 60px;
	z-index: 10;
	width: 100%;
	background-color: #057A8F;

	transition: top 0.6s;
}	

#mobil-menu-toggle img {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	height: 50px;
	/*filter: invert(100%) grayscale(100%);*/
}

#menu-toggle {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 35px;
	height: 30px;
	cursor: pointer;
}
.twd-menu-toggle i {
	background-color: #FFFFFF;
}
.twd-menu-toggle {
	border: 0;
	position: relative;
}
.twd-menu-toggle i {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10%;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.twd-menu-toggle i:nth-child(2) {
    top: 40%;
}
.twd-menu-toggle i:nth-child(3) {
    top: 80%;
}
.twd-menu-toggle.twd-active-toggle i {
}
.twd-menu-toggle.twd-animate-toggle i:first-child, .twd-menu-toggle.twd-animate-toggle i:nth-child(2) {
    top: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.twd-menu-toggle.twd-animate-toggle i:nth-child(3) {
    top: 40%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#navigation {
	position: absolute;
	top: 61px;
	left: 0px;
	width: 100%;
	margin: 0 0 1px 0;
}
ul#navigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    z-index: 5;
}
#navigation li:not(:last-child) {
	background-color: #057A8F;
	font-size: 120%;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0px 0 0px 0;
	position: relative;
	border-top: 1px solid  #FFFFFF;
}
#navigation li a {
	display: block;
	color: #FFF;
	width: 90%;
	padding: 15px 5%;
	text-decoration: none;
	text-align: left;
	letter-spacing: 2px;
}
#navigation li a:hover,  #navigation .current_page_item a,  #navigation .current-page-ancestor a {
	background-color: #9999FF;
	color: #fff;
}

#navigation .menu-item-has-children {
    position: relative;
}

#navigation .menu-item-has-children > a {

    display: inline-block;
}

.submenu-toggle {
	position: absolute;
	top: 7px;
	right: 7px;
	cursor: pointer;
	background-color: #666;
	width: 35px;
	height: 35px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 30px;
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='250px' height='100px' viewBox='0 0 250 100' enable-background='new 0 0 250 100' xml:space='preserve'%3E%3Cimage id='image0' width='250' height='100' x='0' y='0'  fill='red' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAABkCAQAAAAFieWFAAAAIGNIUk0AAHomAACAhAAA+gAAAIDo AAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEgAACxIB0t1+/AAA AAd0SU1FB+gIBA4lGQ/XuvQAAAPLelRYdFJhdyBwcm9maWxlIHR5cGUgeG1wAAB4nO2dTXKjMBCF 9zpFjiB36wcfBxvYTdUs5/jzWmRsB+PEMZmqR1WHKkxAar1P3c3mLQh/fv0Ob29vB+miBD3rVLsa y6FoOZVck8QiJZdajmXUQWScTqfTJIL7x5LsTq6a06AxDTUmxdiuHEPqal8xMWvt05hTwS8CqmKS iE46xl7PtdO+dgUTy2CLlYNE+7+cy1jVngVbAWpSmUyH9vODy/Cm5BoG9042I11mSMxdGnIMYuKm 2m5pllFVBuiJelCsquDFvYMmzXaNe2fclfZcZMLvfC5BhjasbwN7DKkSF4cY3nwNSIEWjMySUipX wNAI54cG2dWEI2oPqKm2PxkrBsnYdFesf9CjHRc9gvMQ5iAyVK3Iku1L7QCHnbLnVy1LRZCD5CE1 Uo62dwEpncoIie8DsPGCtbHVphA73d+hvh+LrFku7qGaovGaTVwjJWUAbgfN0QCRhGhZnVWH5TpW My14n0x2xrRku5Mt5FTOOt6mHhBHG1VraFt4wvrRMoxkR+lyq2objr1WOeq5Kfk0fFjbg1VVOaX5 V8dWR6IJpRO1a+cUcnqvI3vY46rL/QMFN6Hulw8f1h8gMwGr1OPn61+W11bGaoo+rr8aallLMt1X U5jLaa6m58vvvvrCK+WHybqsvQCZEYGknK/dZANxzpiY7YVirYMymIvwcC3CxWYbQlujL6WFGmxv dIR8XOFNmW0x1FW13Vkbuajs9U1c38PbsfMLJcyvUsvb8mW6Vi2Pj7tee/X4X4G+A0OP9joMH9pH FgZFGwJ9lpjdoT1fZTtAe7VlKNF+pv850G5ZOBRtCPQ4MTtEe7bKdoH2WsuQov1E/7OgXVlYFG0I 9Cgxu0R7rsp2gvZKy9Cibe9/HrR/LDyKNgRaT8xO0Z6pst2gfb9liNG29j8T2szCpGhDoLXE7Bbt 6yrbEdp3W4YabVv/c6GtOjV7RVs1WPaK9lWV7Qrtey1Djral/9nQYs+maEOgVcdvr2ifV9nO0NzM ZEVzM5MUzc1MVjQ3M0nR3MxkRXMzkxXNzUxSNDczWdHczCRFczOTFc3NTFY0NzNJ0dzMZEVzM5MU zc1MVjQ3M1nR3MwkRXMzkxXNzUxWNDczSdHczGRFczOTFM3NTFY0NzNZ0dzMJEVzM5MVzc1MUjQ3 M1nR3MxkRXMzkxTNzUxWNDczSdHczGRFczOTFc3NTFI0NzNZ0dzMZEVzM5MUzc1MVjQ3M0nR3Mxk RXMz8591uPoBlWwfmbBPEtQ6f/sk/AWDboph3dK5OgAAAaFJREFUeNrt3cFNhEAYgFEwFmInrpWp nVjK2gmdYAF42Ogso3nfO3Jg+PkSCJdhXQD7CWus/2i2h0nXmomKDio6qOigooOKDio6qOigooMe z1lmvx4Ofawfs4dXnRR9eT4cuc4e3dXjHVR0UNFBRQcVHVR0UNFBRQcVHVR0UNFBRQcVHVR0UNFB RQcVHVR0UNFBRQcVHVR0UNFBRQcVHVR0UNFBRQcVHVR0UNFBRQcVHXTDThT7211Wvgw473W93uXa htkvy2XQqQbOesv2I6/3uB3L8zdbkvzgVtzl2sa5DLx7w2bt8Q4qOqjooKKDig4qOqjooFu+098H rHP8Wv0c8N35+zOQTvqz1H78k9T7+nbWkPN+0bU/LU+DFtjWbdRsZ20IjFq3ZZt9DUe900FFBxUd VHRQ0UFFBxUdVHRQ0UFFBxUdVHRQ0UFFBxUdVHRQ0UFFBxUdVHRQ0UFFBxUdVHRQ0UFFBxUdVHRQ 0UFFBxUdVHRQ0UFn7UTxcjiyzR7dddKeM3PN23Pmb87W4x1UdFDRQUUHFR1UdFDRQUUHfQELPCHu 11/kDwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNC0wOC0wNFQxNDozNzoyNSswMDowMLs4erIAAAAl dEVYdGRhdGU6bW9kaWZ5ADIwMjQtMDgtMDRUMTQ6Mzc6MjUrMDA6MDDKZcIOAAAAKHRFWHRkYXRl OnRpbWVzdGFtcAAyMDI0LTA4LTA0VDE0OjM3OjI1KzAwOjAwnXDj0QAAABN0RVh0ZGM6Zm9ybWF0 AGltYWdlL3BuZ/+5Gz4AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAA I3RFWHR4bXA6Q3JlYXRlRGF0ZQAyMDI0LTA4LTA0VDE0OjIwOjQ4WqvTROYAAAAtdEVYdHhtcDpD cmVhdG9yVG9vbABBZG9iZSBGaXJld29ya3MgQ1M2IChXaW5kb3dzKShj88kAAAAjdEVYdHhtcDpN b2RpZnlEYXRlADIwMjQtMDgtMDRUMTQ6MzY6MzRaqggOLgAAAABJRU5ErkJggg=='/%3E%3C/svg%3E");	
}
.submenu-toggle.opened {
	background-position: right center;
}

#navigation, .sub-menu {
    display: none;
}

#navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
	 
#navigation li li {
	background-color: #666666;
	font-size: 100%;
}

#navigation li li a {
    color: #FFF;
}

.action-menu {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	width: calc(100% - 20px);
	margin: 10px;
	cursor: pointer;
	padding: 0 0 10px 0;
}

.action-menu div {
	position: relative;
	padding: 100% 0 0 0;
	border: 1px solid #fff; background-color:#057A8F;

}
.action-menu div::after {
	font-family: 'FontAwesome';
	font-size: 180%;
	color: #FFF;
	transition: color 0.3s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.action-menu div:nth-child(1)::after {
      content: "\f095"; /* phone */
}

.action-menu div:nth-child(2)::after {
      content: "\f0e0"; /* envelope */
}

.action-menu div:nth-child(3)::after {
      content: "\f041"; /* map-marker */
}
.action-menu div:nth-child(4)::after {
      content: "\f005"; /* star */
}
.action-menu div:hover::after {

	font-size: 300%;

}





/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500&display=swap");


#html-content-holder {
	background-color: rgba(255,255,255,1);
	width: 100%;
	margin: 0 auto;
	z-index: -1;
	min-height: 300px;	

}
.calculator {
	font-weight: 300;
	text-transform: uppercase;
	font-size: .65vw;
}
.area {
	width: 100%;
	margin: auto;
	background-color: white;
	border: 0px solid black;
	padding: 0px;


}

.fchild:not(:first-child) {
	display: none;
}
.lchild:not(:last-child) {
	display: none;
}

.calculator-results {
	width: calc(100% - 0);
	margin: 0 auto;
	padding: 0 0 0 0;
}

.calculator-results-item {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	font-size: 150%;
	
}

.calculator-results-title {

	padding:10px;
	float: left;
	text-transform: uppercase;

}
.calculator-results-price {

	padding:10px;
	float: left;
	text-transform: uppercase;

	
	
}
.calculator-results-number {
	padding:10px;
	float: left;
	text-transform: uppercase;
}
.calculator-results-subtotal {
	padding:10px;
	float: left;
	text-transform: uppercase;
		
}
.invoice_head {
	width: 100%;
	margin: 0 auto;
	height: 200px;
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='495px' height='110px' viewBox='0 0 495 110' enable-background='new 0 0 495 110' xml:space='preserve'%3E%3Cimage id='image0' width='495' height='110' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAe8AAABuCAQAAACkG1OPAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ cwAACxIAAAsSAdLdfvwAAAAHdElNRQfnAQUANSxdwvZNAAAD0XpUWHRSYXcgcHJvZmlsZSB0eXBl IHhtcAAAeJztnU1yozAQhfc6RY4guvWDj4MN7KZqlnP8eS0ycYJx4phM1aOqQwWwkFr99Q+btyD8 +fU7vLy8dNJHCXrRufY1lq5oOZdck8QiJZdaTmXSUWSaz+fzLILxU0k2kqvmNGpMY41JMbcvp5D6 OlQszFqHNOVUcIVBVSwS0VmnOOil9jrUvmBhGW2z0km03+VSpqr2LNgO8CaV2fzQYXnwNr15cjWD sbOtSG8rJOY+jTkGMefm2oY0y6QqI/yJ2il2VfBirNOk2e4xdsGotOciM67LuQQZ27ShTRwwpUpc HWJ4yz0gBb5gZpaUUrkChka4PDTIviYcUQdAzbX9yVQxSabmd8X+nZ7sePNHcB7DYkTGqhVZsrjU HnCIlD2/+rL2CO4geUiNlJPFLiClc5ng4usEBF6wN0JtHiLSww3q67HKmuXiFqp5NF2ziXukpIzA 7eFzNEAkIVpWF6/Deh+rmWZ8SOZ2xrJk0clmci4Xnd6nHhAnm1VraCE8Y/9oGUayo/S5VbVNR6xV TnppnnxqPmzFYNOrnNJy1anVUcsVrrWdu5AThhAu/FsdRdU83PHgnanb7cOH/Ue4mYBV6ulmf112 bueM7SMOK2NzotM+rPbfNLWuJZlvqyks5bRU0+Pld1t94Znyw2Jd116AmxGGpFyu3WQTcc5YmO2F Yq2DMliKsLsW4SrYhtD2GEpppkaLjU5wH3d4U2bbDHVVLTpbM1eVvR3E7Ri+n7u8UMLyKrW8rV+m W9Vy/7jptWeP/2XoOzD0aM/D8KF9ZGHwaIehzxJzOLTHq+wAaM+2DCXaz/Q/B9p7Fg6Pdhi6n5gD oj1aZYdAe65lSNF+ov9Z0K4sLB7tMHQvMYdEe6zKDoL2TMvQou3vfx60fyw8Hu0wtJ2Yg6I9UmWH Qft+yxCj7e1/JrSFhcmjHYa2EnNYtK+r7EBo320ZarR9/c+FtqnUHBVtU2A5KtpXVXYotO+1DDna nv5nQ4sDm0c7DG0qfkdF+7zKDobmYiYrmouZpGguZrKiuZhJiuZiJiuai5msaC5mkqK5mMmK5mIm KZqLmaxoLmayormYSYrmYiYrmouZpGguZrKiuZjJiuZiJimai5msaC5msqK5mEmK5mImK5qLmaRo LmayormYyYrmYiYpmouZrGguZpKiuZjJiuZiJiuai5mkaC5msqK5mEmK5mImK5qLmaxoLmaSormY yYrmYiYrmouZpGguZrKiuZhJiuZiJiuai5n/pMPND6hk+8iEfZKg1uXbJ+EvQqeKTvalPZ8AAAvp SURBVHja7Z3ta+NIEoefPgUZmxEItDjYrMGQY4ZZGDi4//+vWJhjwgYMGRJiRiBQsIkYUfdBbVl+ f0lsWe16PuxosWWXHP26qquqW0Z4D+ZdZyuKsp336fNfdZuvKMqpUHkrirOovBXFWVTeiuIsKm9F cRaVt6I4i8pbUZxF5a0ozqLyVhRnUXkrirOovBXFWVTeiuIsKm9FcRaVt6I4i8pbUZxF5a0ozqLy VhRnUXkrirOovBXFWVTeiuIsKm9FcRaVt6I4i8pbUZxF5a0ozqLyPjPiSSBe3VYo18FN3QZcF9Lh Dp8p3+u2RLkG1HufEfG4wwfadVuiXAcq73MywAcgrdsQ5TpQeZ8NCYjsYVK3Lcp1oPI+H73yKKnb FOU6UHmfCQkI7GFisrqtUa4Dlfe5mPvuuG5TlGtB5X0WpFP67swkdVujXAsq7/PQLY/Udytnw3F5 iy/d+nvExCtz5vBStzXK9eB619oXfFo81mxFWB7FJq/ZFuWKcNp7i2fbSOrmtjwa122Ksi/iN391 gNveuwPU3iMmftmEmppJvbYo+yH9WaVDICMlJWli3OW2vNsAtWeq5777uWZLlH0JK8c+ERG5jHlp msTdlneL2n0381slNQu2iE8LKP47Z1L7cKTAk438oI1HAHj0iOShWfGX2/JuA6/1miCdcv7/Kl1u 8PGhrIKvO2Ns6k4FXj0mWWwcloCQCJ/P8neTPLjb8g44ufeWDm+rf3Dp4OHTwquEeRFvwJRXYExx ztu8QVV8WgT0LiQdqFQwKSmP0mVAv/Y6zAE4LG/xAcxJ5S0+X8llAmRWli18IOMNeCVnlnu932WJ ychIJeGt5h9O2YAZS6tZa/Udlvc5Zt4mk8QG2h6v/Ga6OKCIbzOw6b7DTLPmdldHgwJzcFveAWeY eZuHrS+H9t+fdf8YyvsRj4hGDb8uy7sNtf8xCs8+bopPFp9WNR9wgm8I6DGuozogHfwyH+6tCbJ/ 7vwrDfB5Or/lx+OyvGsvi4lPCOSXfEtIRERsYns8BHL5fojAxSfkBkiZ0KdLzv0WoQxoAwmIx4Bo x7v3+/7WQnlxWboz2X5mUw9atk++Q4ZEZKZRS4JclnebrOYiRnHLjeZWSJcbc6TYJWSAz5QfH3dV 4jMEIAbp2GOPFnvLe97fRc8mEj3CTVGTFNLLyj1jweNP7t91EX+xuXV0yu/y1QSfjAyYFHPo/dOu 4jEkBEbvsvTsOCtv6VB/S0sbSBcC0QFIcoy3kgFdYEqb6AM710NglqH48wirhpW1cJRC+r3xBNsm LJ71pSkBgQTrhSY+A+KdgXyCb6/hN1MA8nW/sBkd+yNJwBAfGJ22DvPxOCtvPC5j5l1J7hWlOo5Y pmBlNCLlG8E2eYtHxA0wMYkM6JLzsOWm/AOAXyARAVP8Q6yTgRV3TkxUOXO60bIQgIwveEBsRvIN n2jdQCwBd3hku3amO162e12jz8BaPWpWYA4uyztgw212ZhsqN67JJMc7pLgiHTwgKsRtYpCtw4P0 6c5el+Ifj2BTFGND5anJgD4w4iuwV/lHAny7SUXO/fxbyfFWh1XxuK28p1vMv80IeGJIJI/LEw7p 0yPn+dipzEcgHrd26pHRsHbUAifkvTa480/d0rLTKn9NBHFPe7/bZEkQkO7eX3UpVN5NuaJO+vjE swTTbgsr31SIOwKmjMAeV98bll47oWjRDct3Y2Lp4y/2gonPkICUUX2bTopPn9D+/mOemtSKOqfh 8haPWyJ8SVbqz37tvrsDTBdvCzPZb8JQJp7mBHyTrTlm6Zeh8piwkj3elOaK7PtT8ehSXUaBePTp AvG60HdhGHmiTQTkjMwEZEzEQB5NLh4BISEeOQkJicnls72qvJJwfOArXbE5Cjus5TzUt7SmMiDB lMemzbjnNFjeC+Nra+XlTu2JtQ5L0pIOfzLdvWBEOmURp8hF54CHR1fGsJzVlllRqGfPuLfB74zV jng7KNr/nXCLR2wyKT4nFY8v9hMiyZbDYyvuzDbf5jbfboNXM5F7uvxHADImjBc69mZLaUbzgcpM 5IEhdxKT4ROS8VjnLFe6DOxhxlPz5ttVGirvyqwIMmJ+rbzu1e69V9tqegQEu5YkiMcQD5jyNJMO E275xBiPirwlICoHuBn3hFZ+P7ghqmziWJxTDZUDPHKTSQSV2vyNFXdMRo9osWovQyJyRnToQSnu Sk7ZpDsH1qVsuEnk71lCkKcL2QU+5bm5XntGI+VtK8CweXxd8Zw10GExb16sHtt6y4hHn6BIePGP zS8Xt9kTgETYslNZrClquzOv+Ezbyu7BZGTym4iuTDaEyv8FJhLh20crFANF4bdjMwKJ8CWa/cLi 82/axZxYOpX3Ph/k47LVAc7kl7NNlRnL9LSde+ejcfK2vU6wfVbkU3/7v79Ufy0kuEUI0qVf+uKR lW+yEBy3gKltssgZExffICF3QM7v0psWoXIm9/T4JoXXXw6VAV7pM9sDbj7bn9o59yN33BY2S5c+ 8GiK986vLD4gu/1IyM9LT1M132vPaJi8y1nhrllR6/1/JJl5RG+ecirZuQJsTVtN8SmbasIhfTub 9YGYLgGQLfVJFd7yGx7PC1sDFZ+d21njaB78mgkbFr3Y6/uEX17NzLacH/bsREYM5TMZAT4xZQHL JDKmS37YPNmML8dLXwONkncp7t2FCn/rp8zluixd21Fme8S2ff6uwaOYPa9gNteEc8a8UOS/Pdut /rB0nR3gjk2rx4urjg8KlTvMI4oJRV3+fv6tJpaUP4BH0qUqwGOTNja4Thokbyvu7V1YMzbIu9Ih vZ629XXFjZyC7VIu+5TXNzyuYa+dYsrsf1ou6ygsDwF4XPmuwr//szIzTMrrig/s4vLmyyRMLt9X V4yZ7JKXxCjbaJC86dNmWi2pbEc6G9855TfztNdMhJXb2jx9xC29NAwVKTF/9i0SEBGREfOyNpGz EvZKCOuXlJiJPNMj58kcHvxWrtRk+y8mUS6fxshbfLrke6+W+smntcsKPkS2e9FeCc1j+njcygst m8NO1jRvxDYF97wsVPEYAL/W/wKHX5lJbW06Oew8pTk0Rt6EsDIT3ci+3WEnxFteQ2xyuWdIly4p 002rj0wsOZ21qbuij+0jq/ljoupyVcU1miPvG6YNK1isCNFM+L77tOVNeAukyKR/aNFGk2Ou4/Qz xmql85Hxg3RsyatZA5xSM82R94S29Os24gAOWvi5kyGFtOtutFUaRWOCc5PIlJ50iWedWpsQj78O SMKdjo/bMqlLmylTgtozCkqjaIy8gR98oU2XruRMeKVojFxNQxVrimt/msRHLf8Xr2gGZYAG58pB NEjeJue73Y3EI6g8pasn/1sjpUY9TWIrt3ikvNEmc2Ohg3IuGiRvAPMkL4SEBJVlkNmSuN/I8ep+ dOBHYbdaiM/xvDTFNRombzA5MXGlc3ylSdRk8jet+nfGmvenvYvbom1Uhqi8lQNpnLxnmHzzzW7y C0hBpYfsFr6J0nef5Wmnims0pzDWPD5i9l/sxfJLOvg681YOReV9Kl4rT/Y+nj6QmIxPqO9WDkbl fSoSAgne9xFSlPgSiscNqLyVA1F5nwgzIeVOOu/6kAjITWwfN5DUfU1K01B5n45nPL7KN/GP/oSQ QtQhKzumK8puVN4nw6SMyCvPlD6QSmgeor5bOYLGFsaagIkleUcFPgSKhwqEqLyVI1DvfVLMvjuz rSMEEpMTstqZpyh7oPK+UGw6LUVDc+VoVN6XSjFjfxWfkK0PP1CUTai8L5Vi66WJhubK8ai8L5VZ aH6LhubKkai8L5UOMJXAPpJIUY5A5X2p+MAbETDV0Fw5DpX3JZMTAS91m6E0FZX3RWIXo/SBXGfe yrGovC8ZHxhrr7lyLCrvy2Q22841NFeOR+V9kditphaetK0oh2LkfafXbb/DSMBExX3tvFOfKm9F uVzep08NzhXFWVTeiuIsKm9FcRaVt6I4i8pbUZxF5a0ozqLyVhRnUXkrirOovBXFWVTeiuIsKm9F cRaVt6I4i8pbUZxF5a0ozqLyVhRnUXkrirP8H0604pSvdnjeAAAAFnRFWHRDcmVhdGlvbiBUaW1l ADA3LzAyLzIyrUsSywAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wMS0wNVQwMDo1Mzo0NCswMDow MHI6q1QAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDEtMDVUMDA6NTM6NDQrMDA6MDADZxPoAAAA KHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTAxLTA1VDAwOjUzOjQ0KzAwOjAwVHIyNwAAABN0RVh0 ZGM6Zm9ybWF0AGltYWdlL3BuZ/+5Gz4AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBD UzbovLKMAAAAI3RFWHR4bXA6Q3JlYXRlRGF0ZQAyMDIyLTA3LTAxVDIzOjM2OjAzWriNiZQAAAAt dEVYdHhtcDpDcmVhdG9yVG9vbABBZG9iZSBGaXJld29ya3MgQ1M2IChXaW5kb3dzKShj88kAAAAj dEVYdHhtcDpNb2RpZnlEYXRlADIwMjMtMDEtMDVUMDA6NTM6MThax/u/UwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E");
  	background-color: rgba(0,0,0,0.6);
	background-repeat: repeat;
	padding: 5vw 0 5vw 35vw;
	background-position: 0px 0px;
	position: relative;
	background-size: 200px auto;
	font-size: 100%;
}
.invoice_head h1 {
	font-size: 150%;
}
#idate {
	color: rgba(255,255,255,1);
	position: absolute;
	top: 30px;
	right: 10px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;	
	font-size: 100%;

}
.disclaimer{
	color: rgba(255,255,255,1);
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 100%;
}


.invoice_head h1 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	color: rgba(255,255,255,1);
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(50% - 4vw);
}

.invoicecolor1 {
	color: rgba(255,255,255,1);
	background-color: #3572DB;
}
.invoicecolor2 {
	color: rgba(255,255,255,1);
	background-color: #003399;
}
.invoicecolor3 {
	color: rgba(255,255,255,1);
	background-color: rgba(0,51,153,.6);
}
.divhuszonot{
	padding:10px;
	float: left;
	text-transform: uppercase;
}

.hidebutton {display:none;}

.sbutton {display: none;
}
.showbutton {display: inline;}

* {
  box-sizing: border-box;
}
.calculator {
	max-width: 100%;
	margin: 0 auto;
  border: .2vw solid rgba(0,0,0,.2);
	border-radius: 10px;
	overflow-x: hidden;
	

}

.calculator .forint {
  /* reset basic form styles */
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 20px 10px;
  width: 100%;
  border-bottom: .2vw solid rgba(0,0,0,.2);
  color: #333;
  text-align: right;
  font-size: 300%;
  border-radius: 0;	
  font-family: 'Orbitron', sans-serif;

}

.calc-div {
	background-color: rgba(0, 0, 0, 0.5);
	border: .10px solid rgba(0,0,0,.10);
	padding: 30px 0px;
	color: #FFF;
	border-radius: 3px;
	font-size: 200%;
	cursor: pointer;
	text-transform: uppercase;
	align-self: stretch;
	align-items: center;
	font-weight: 400;
}
.calc-div a {
	color: #FFF;
	text-decoration: none;
}

.calculator-divs {
	padding: 15px;
	display: grid;
  -ms-grid-columns: minmax(253px, 1fr) [auto-fill];
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 10px;
	text-align: center;
}
/*.print,
.print2{
  grid-column: span 2;

}*/
.delete {
  grid-column: span 1;

}

.tip:hover {

    position: relative
}
.tip span {
    display: none
}
.tip:hover span {
	padding: 10px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	left: 10%;
	position: absolute;
	top: -30px;
	text-decoration: none;
	background-color: #FF3300;
	border-radius: 3px;
	font-size: 180%;

}


.calc-div:hover,
.print:hover,
.delete:hover {
box-shadow: 0 0 .3vw #333;


}

/* go blue */
.delete {
  background-color: #FF3300;
}

.print {
  background-color: #28D060;
}
.print2 {
	background-color: #CC99CC;
}


/* ----------------------------  mobil -------------------------------------   */
@media screen and (max-width: 980px) {
/**/




}





@media print {
  body * {
    visibility: hidden;
  }
  #html-content-holder, #html-content-holder * {
    visibility: visible;
  }
  #html-content-holder {
    position: absolute;
    left: 0;
    top: 0;
  }
}



/* CSS Document */


.timeline {
  width: 80%;
  margin: 0px auto;
}

.timeline p {
	border-top: 2px dashed;
	border-color: rgba(0,0,0,1) !important;
	margin: 0;
	padding: 30px;
	counter-increment: section;
	position: relative;
	color: rgba(0,0,0,1);
}



.timeline p:nth-child(even):before {
	content: counter(section);
	right: 100%;
	margin-right: -20px;
	position: absolute;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	background-color: rgba(0,0,0,1);
	text-align: center;
	color: rgba(255,255,255,1);
	font-size: 110%;
	font-weight: 800;
	padding: 5px 10px  15px 10px;
}

.timeline p:nth-child(odd):before {
	content: counter(section);
	left: 100%;
	margin-left: -20px;
	position: absolute;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	background-color: rgba(0,0,0,1);
	text-align: center;
	color: rgba(255,255,255,1);
	font-size: 110%;
	font-weight: 800;
	padding: 5px 10px  15px 10px;
}



.timeline p:nth-child(even) {
  border-left: 2px dashed;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-right: 30px; 
  padding-right: 0;
}

.timeline p:nth-child(odd) {
  border-right: 2px dashed;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-left: 30px; 
  padding-left: 0;
}

.timeline p:first-child {
  border-top: 0;
  border-top-right-radius:0;
  border-top-left-radius:0;
}

.timeline p:last-child {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

.timeline strong {
	color: #057A8F;
	font-size: 130%;
	text-transform: uppercase;
	margin: 0 30px 0 0;
}




.arak {
    margin: 50px auto;
    font-style: italic;
    border: 1px solid rgba(0,0,0,.2);
    padding: 20px 20px;
    position: relative;
    font-size: 80%;
    max-width: 900px;
}

.arak h3 {
    position: absolute;
    /* A keret vonalára helyezzük a tetejét */
    top: 0; 
    /* Saját magassága felével visszatoljuk felfelé */
    transform: translateY(-50%); 
    left: 50px;
    background-color: #F9F9F9;
    font-size: 350%;
    padding: 0 10px;
    /* Fontos: vegyük le az alapértelmezett margót, hogy ne zavarjon be */
    margin: 0; 
}
.arak h4{
	position: absolute;
	bottom: -25px;
	right: 50px;
	background-color:#F9F9F9;
	font-size: 80%;
	font-family: 'Crimson Pro', serif;
	text-transform: lowercase;
	padding: 0 10px;

}



.arak ul {
	list-style-type: none;
	padding: 0;
	overflow-x: hidden;
	margin: 30px 0 50px 0;
}

.arak li {
  color: transparent;
  margin-bottom: 15px;
  clear: both;
}

.arak li a {
  text-decoration: none;
  color: #3f3d3a;
}


.szolgaltatas {

	background-color: #F9F9F9;
	padding-right: 0.25em;
	color: #333333;
}
.szolgaltatas a:after {
	font-family: "FontAwesome";
	content: "\f08e";
	display: inline-block;
	padding:0 0 0 3px;
	vertical-align: middle;
	font-weight: 600;
	color: rgba(215,124,97,1);
	font-size: 80%;
}


.szolgaltatas:after {
    float: left;
    width: 0;
    white-space: nowrap;
    color: #3f3d3a;
    content: "...................................................................................................................................................................................................................................."
}
.ar {
	float: right;
	text-transform: lowercase;
	background-color: #F9F9F9;
	padding-left: 10px;
	color: #333333;
}



/* CSS Document */

.packages { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
  padding: 0 0px;
}

.package {
  box-sizing: border-box;
  border: 3px solid #e8e8e8;
  border-radius: 7px;
  padding: 1em;
  text-align: center;
  position: relative;
  font-size: 80%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.package:hover {
  transform: translateY(-5px); /* simább mozgás, nem top */
  box-shadow: 0 10px 20px rgba(0,0,0,0.1); /* emelkedő hatás */
}
.name {
  color: #565656;
  font-weight: 300;
  font-size: 3rem;
  margin-top: -5px;
}
.kedvezmeny {
  width: 60%;                /* a szülő szélességének 20%-a */
  aspect-ratio: 1 / 1;       /* mindig négyzet, így marad kör */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #057A8F;
  border-radius: 50%;
  color: #fff;
  font-size: clamp(10px, 3vw, 18px); /* reszponzív betűméret */
  margin: 0 auto;
  text-transform: uppercase;
  text-decoration: none;
  animation: horizontal_1068 6.72s ease infinite;
  transform-origin: 50% 50%;
  letter-spacing: 2px;
  font-weight: 700;
transition: background-color 0.4s ease, transform 0.4s ease;
}

.package:hover .kedvezmeny {
	animation: pulse 1s infinite;
}
.package.vallakozo:hover .kedvezmeny {
	background-color: #FF9900;
}
.package.brilliant:hover .kedvezmeny {
	background-color: #FF6600;
}
.package.vallalat:hover .kedvezmeny {
	background-color: #FF0000;
}

/* pulzáló animáció */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.kedvezmeny span {

  margin: 0px 0; 
}

.weboldal-csomagajanlatok {


	background-color: #057A8F;
	color: #FFFFFF;
	border-radius: 10px;
	font-size: 100%;
	background-image: url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/images/packages.png);
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: 10px  center;
	padding: 45px 35px 45px calc(20% + 10px);
	animation: vertical_9263 5.44s ease infinite;
	transform-origin: 50% 50%;
	cursor: pointer;
}

@keyframes vertical_9263 {
  0% { transform:translate(0,-3px) }
  1.47059% { transform:translate(0,3px) }
  2.94118% { transform:translate(0,-3px) }
  4.41176% { transform:translate(0,3px) }
  5.88235% { transform:translate(0,-3px) }
  7.35294% { transform:translate(0,3px) }
  8.08824% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}


.price {
  margin-top: 7px;
  font-weight: bold;
}
.price::after {
  content: " / év";
  font-weight: normal;
}
hr.package {
  background-color: #dedede;
  border: none;
  height: 1px;
}
.trial {
  font-size: 80%;
  font-weight: 600;
  padding: 2px 21px 2px 21px;
  color: #057A8F;
  border: 1px solid #e4e4e4;
  display: inline-block;
  border-radius: 15px;
  background-color: white;
  position: relative;
  bottom: -20px;
}
.package ul {
  list-style: none;
  padding: 0;
  text-align: left;
  margin-top: 29px;
}
.package li {
  margin: 0 0 15px 0;
  box-shadow: 0 0 0px #999;	
  padding: 0px 0;
  
}
.checkIcon {
  font-family: "FontAwesome";
  content: "\f00c";
}
.package li::before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 1.3rem;
  color: #057A8F;
  margin-right: 3px;
}
.brilliant {
  border-color: #057A8F;
}
/* Triangle */
.brilliant::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 64px 64px 0 0;
  border-color: #057A8F transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.brilliant::after {
  font-family: "FontAwesome";
  content: "\f00c";
  color: white;
  position: absolute;
  left: 9px;
  top: 6px;
  text-shadow: 0 0 2px #057A8F;
  font-size: 1.4rem;
}


.kedvezmenyes_ar {
	color: #FFFFFF;
	background-color: #057A8F;
	padding: 8px;
	border-radius: 8px;
}
.kedvezmenyes_ar strong  {
	color: #057A8F;
	background-color: #FFFFFF;
	padding: 0 2px;
	border-radius: 3px;
}

@media screen and (max-width: 980px) {
.packages { 

  grid-template-columns: repeat(1, 1fr);

}

.kedvezmeny {
  width: 40%;               

}
}



/* CSS Document */
.preloader > div{
	background-image: url(//www.tigaman.hu/wp-content/themes/2025.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;
      }
}


/* CSS Document */

#cookie-bar {
    position: fixed;
    bottom: -150vh;
    left: 0;
    width: 100%;
	background-color: #057A8F;
    color: #fff;
    padding: 20px 10px;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
    transition: bottom 0.5s ease;
  }
  #cookie-bar.show {
    bottom: 0;
  }

  #cookie-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    text-align: center;
  }

  #cookie-content p {
    margin: 0;
    font-size: 16px;
    flex: 1 1 250px;
  }

  .cookie-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }

 .cookie-btn {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 10px 18px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 14px;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;


background-image: linear-gradient(to left, #057A8F 50%, #444444 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-in; /* itt összevontam mindent */

}
.cookie-btn:hover {
  background-position: left bottom; /* váltás pirosra */
}
.cookie-btn a  {
	color: #ffffff;


}
  @media (max-width: 600px) {
    #cookie-content {
      flex-direction: column;
      gap: 15px;
    }
    .cookie-buttons {
      flex-direction: column;
      gap: 10px;
    }
  }



/* CSS Document */

.donate {
	font-size: 120%;
	color: #FFFFFF;
	margin: 0 0 30px 0;
	overflow: hidden;
	text-align: center;	
	padding: 5px 0;
  animation: animateBg 3s linear infinite;
  background-image: linear-gradient(90deg,#bd4faf,#5794db,#bd4faf,#5794db);
  background-size: 300% 100%;
}
@keyframes animateBg {
  0% { background-position: 100% 0%; }
  100% { background-position: 0% 0%; }
}

}
@keyframes animateBg {
  0% { background-position: 0% 0%; }
  100% { background-position: 0% 100%; }
}
.donate p {
	color: #FFFFFF;
	padding: 5px 20px;
}
.donate a {
	color: #FFFFFF;
	font-weight: 400;
}
.white {
	color: #FFFFFF;

}
.donate img {
	width: 50%;
	height: auto;
	margin: 20px 25% 0 25%;
}


.twd_donate_button {
	color: #fff;
	border: 2px solid #fff;

}
.twd_donate_button:nth-of-type(1):before,
.twd_donate_button:nth-of-type(1):after,
.twd_donate_button:nth-of-type(1) .inner:before,
.twd_donate_button:nth-of-type(1) .inner:after{
  background-color: #fff;
}
.twd_donate_button.both:before,
.twd_donate_button.both:after {
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.twd_donate_button.both .inner:before,
.twd_donate_button.both .inner:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.twd_donate_button.both .inner:before {
  left: 0;
}
.twd_donate_button.both .inner:after {
  right: 0;
}
.twd_donate_button.both .inner:hover:before,
.twd_donate_button.both .inner:hover:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.twd_donate_button.both:before {
  top: 0;
}
.twd_donate_button.both:after {
  bottom: 0;
}
.twd_donate_button.both:hover:before,
.twd_donate_button.both:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.twd_donate_button.both:hover .inner:before,
.twd_donate_button.both:hover .inner:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.twd_donate_button.both.clockwise .inner:before {
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.twd_donate_button.both.clockwise .inner:after {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.twd_donate_button.both.clockwise:before {
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.twd_donate_button.both.clockwise:after {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.twd_donate_button.both.clockwise:hover .inner:before {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.twd_donate_button.both.clockwise:hover .inner:after {
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.twd_donate_button.both.clockwise:hover:before {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.twd_donate_button.both.clockwise:hover:after {
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.twd_donate_button {
	position: relative;
	cursor: pointer;
	padding: 10px 10px;
	margin: 10px 10%;
	text-transform: uppercase;

}
.twd_donate_button a {
	text-decoration: none;

}
.twd_donate_button:hover {
  border: 2px solid transparent;
}
.twd_donate_button .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.twd_donate_button:before, .twd_donate_button:after, .twd_donate_button .inner:before, .twd_donate_button .inner:after {
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.twd_donate_button.both:before,
.twd_donate_button.both:after {
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.twd_donate_button.both .inner:before,
.twd_donate_button.both .inner:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.twd_donate_button.both .inner:before {
  left: 0;
}
.twd_donate_button.both .inner:after {
  right: 0;
}
.twd_donate_button.both .inner:hover:before,
.twd_donate_button.both .inner:hover:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.twd_donate_button.both:before {
  top: 0;
}
.twd_donate_button.both:after {
  bottom: 0;
}
.twd_donate_button.both:hover:before,
.twd_donate_button.both:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.twd_donate_button.both:hover .inner:before,
.twd_donate_button.both:hover .inner:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}



/* Alap stílusok */
#twdpsc {
	min-width: 250px;
	max-width: 90%;
	margin: 10px auto;
	padding: 10px 30px 100px 30px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	border-radius: 6px;

	position: relative;
	font-size: 130%;
}
h2.twdpsc_title {
	text-align: center;
	font-weight: 400;
	margin: 0 0 10px 0;
	padding: 0;	
	color: #525f7f;
}

.twdpsc_input_container_check_item {
	margin: 0 0 8px 0;
	color: #525f7f;
	position: relative;
	text-align: left;
}

.twdpsc_input_container_check_item:before {
	content: "";
	width: 0%;
	height: 2px;
	background-color: #339933;
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	transition: all .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.twdpsc_input_container {
	position: relative;
}

.twdpsc_input_container input {
	line-height: 1.5;
	display: block;
	color: #8898AA;
	font-weight: 300;
	width: calc(100% - 1.5rem);
	height: calc(2.75rem + 2px);
	padding: .625rem .75rem;
	border-radius: .25rem;
	background-color: #fff;
	transition: border-color .4s ease;
	border: 1px solid #057A8F;
	outline: 0;
	margin-bottom: 10px;
}

.twdpsc_buttons {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.twdpsc_buttons div {
	flex: 1;
	display: block;
	background-color: #057A8F;
	font-weight: 300;
	padding: 10px;
	border-radius: .25rem;
	color: #fff;
	cursor: pointer;
	text-align: center;
	user-select: none;
	transition: background-color 0.3s;
}

.twdpsc_buttons div:hover {
	background-color: #FF3300;
	color: #fff;
}

.twdpsc_copymessage {
	width: 100%;
	text-align: center;
	opacity: 0;
	margin: 10px 0 0 0;
}

.twdpsc_copymessage_show {
	opacity: 1;
	transition: opacity 0.3s;
}

.twdpsc_is_valid {}
.twdpsc_is_valid:before { width: 50%; }

.twdpsc_checkmark {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.twdpsc_checkmark_checked {
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='800px' height='800px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M280.393,1047.43 L273.461,1059.44 C273.41,1059.59 273.335,1059.73 273.213,1059.84 C272.81,1060.22 272.177,1060.2 271.8,1059.8 L267.228,1055.58 C266.85,1055.18 266.871,1054.54 267.274,1054.17 C267.677,1053.79 268.31,1053.81 268.688,1054.21 L272.266,1057.51 L278.661,1046.43 C278.937,1045.96 279.548,1045.79 280.027,1046.07 C280.505,1046.34 280.669,1046.96 280.393,1047.43 L280.393,1047.43 Z M286,1037 L262,1037 C259.791,1037 258,1038.79 258,1041 L258,1065 C258,1067.21 259.791,1069 262,1069 L286,1069 C288.209,1069 290,1067.21 290,1065 L290,1041 C290,1038.79 288.209,1037 286,1037 L286,1037 Z' fill='%23339933'/%3E%3C/svg%3E");
}

/* Reszponzív nézet */
@media (max-width: 600px) {
	#twdpsc {
		padding: 10px 20px 80px 20px;
		font-size: 90%;
	}
	.twdpsc_buttons {
		flex-direction: column;
	}
	.twdpsc_buttons div {
		width: 100%;
	}
	.twdpsc_input_container input {
		width: 100%;
	}
	.twdpsc_checkmark {
		top: 5px;
		right: 5px;
		width: 30px;
		height: 30px;
	}
}



/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); 
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face{
	font-family: 'FontAwesome';
	src: url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.eot?v=4.7.0);
	src: url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}



.results-container {
	font-size: 60%;
   }
.blurred-container {
    filter: blur(6px);          /* Homályosítás */
    -webkit-filter: blur(6px);  /* Safari támogatás */
    pointer-events: none;       /* Kattintás tiltása */
    user-select: none;          /* Kijelölés tiltása */
    opacity: 0.5;               /* Halványítás */
    
    /* Opcionális: megakadályozza, hogy görgessenek benne, ha van scrollbar */
    overflow: hidden; 
}

   h1 {
    margin: 0 0 16px;
    font-weight: 700;
    text-align: center
   }

   form {
    display: flex;
    gap: 10px;
    margin-bottom: 20px
   }

   input[type=text] {
    flex: 1;
    padding: 10px;
    border: 1px solid #333;
    border-radius: 4px;
    background: #fff;
    color: #000
   }

   button {
    padding: 10px 16px;
    border: none;
    background: #000;
    color: #fff;
    border-radius: 4px;
    cursor: pointer
   }

   .score-header {
    display: flex;
    align-items: center;
    margin-bottom: 14px
   }

   .score-percent {
	font-weight: 700;
	margin-right: 12px;
	font-size: 200%;
   }

   .progress-wrap {
    background: #eee;
    border-radius: 999px;
    overflow: hidden;
    flex: 1;
    height: 14px
   }

   .progress-bar {
    height: 14px;
    width: 0%;
    background-color: #000;
    transition: width 5s ease;
   }

   .grid {
	display: grid;
	grid-template-columns: 220px 1fr 300px 60px;
	gap: 8px;
	margin-top: 16px;
	font-size: 80%;
   }

   .gridhead {
    font-weight: 700;
    padding: 10px;
    border-bottom: 2px solid #000;
    text-transform: uppercase
   }

   .grid-row {
    display: contents
   }

   .col {
    padding: 10px;
    border-bottom: 1px solid #666666;
    word-break: break-word
   }
   
.col i {
	font-size: 100%;
}
.fa.fa-twitter {
    background: #000;   /* X brand fekete */
    color: #fff;        /* fehér X */
    border-radius: 4px; /* ugyanaz a square hatás, mint FB square */
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1em;
    display: inline-block;
}

.fa.fa-twitter::before {
    content: "𝕏"; 
font-size: 60%;
}
.fa.fa-check-square {
	color: #33CC00;
}
.fa.fa-exclamation-triangle {
	color: #FF3300;
}

.social-meta-image {
	width: auto;
	height: 300px;
}
   .atagcheckkertitleok {
    color: #33CC00;
   }

   .atagcheckkertitlemissing {
    color: #ff3300;
   }
ul.missingatitlelist  {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.missingatitlelist li {
	padding: 3px;
	border-bottom: 1px solid #666666;
	word-break: break-word;
	font-size: 60%;
}
   .atagcheckker {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
   }

   .atagcheckkerdiv1 {
    grid-area: 1 / 1 / 2 / 3;
   }

   .atagcheckkerdiv2 {
    grid-area: 1 / 3 / 2 / 5;
   }

   /* --- UL alap --- */
   .link-list ul,
   .link-list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    /* eltünteti a bullet pontokat */
   }

   /* --- LI stílus --- */
   .link-list ul li {
    margin: 4px 0;
    border-radius: 3px;
    overflow: hidden;
   }

   /* --- Link stílus --- */
   /* --- Link stílus alap --- */
   /* --- Alap link stílus --- */
   .link-list ul li a {
    display: block;
    width: 100%;
    padding: 0.75em;
    color: #fff;
    /* szöveg fehér marad */
    text-decoration: none;
    background-size: 200% 100%;
    background-position: 0 0;
    transition: background-position 0.3s ease, filter 0.3s ease;
	word-break: break-all; /* Szöveg törése bármely ponton */
    min-width: 0;
    overflow-wrap: anywhere;
   }

   /* Hover effekt: animált kék háttér */
   .link-list ul li a:hover {
    background-position: 100% 0;
    filter: brightness(1.05); color:#33CC00;
    /* kis fényesítés, opcionális */
   }

   /* --- Színek státusz szerint alap --- */
   .link-list ul li.success a {
    background-image: linear-gradient(to right, #33CC00 50%, #007BFF 50%);
   }

   .link-list ul li.error a {
    background-image: linear-gradient(to right, #F44336 50%, #007BFF 50%);
   }
.link-list ul li.blocked a {
    background-image: linear-gradient(to right, #006600 50%, #007BFF 50%);
}   



/* CSS: Donut chart design, Button style, Grid layout */
.chart-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}
.donut-chart {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 1s ease-out; /* Animáció a conic-gradient-hez */
}
.donut-chart::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    background: #fff; 
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.donut-chart-text {
    position: relative;
    z-index: 2;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.chart-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.chart-legend {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 12px;
}
.chart-legend li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    justify-content: flex-start;
}
.chart-legend .color-box {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 3px;
}
.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
}
.action-buttons button {
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
}
.action-buttons button:disabled {
    background: #ccc;
    cursor: not-allowed;
    color: #666;
}
.action-buttons .save-image-btn {
    background-color: #007bff;
    color: white;
}
.action-buttons .save-pdf-btn {
    background-color: #dc3545;
    color: white;
}

/* Hozzáadott stílus a képernyőképekhez */
.grid {
    border: 1px solid #ccc; /* Hogy jól nézzen ki a képen */
    border-radius: 8px;
    overflow: hidden;
}
/* ========================================================= */
/* --- MOBIL NÉZET (@media query) --- */
/* ========================================================= */

@media screen and (max-width: 768px) {
    
    /* Alap elemek */
    body {
        font-size: 14px;
    }

    .container {
        padding: 10px;
        box-shadow: none; /* Mobilon nem feltétlen kell az árnyék */
    }

    /* Kereső form */
    form {
        flex-direction: column; /* Egymás alá kerülnek */
        gap: 8px;
    }

    input[type=text], button {
        width: 100%;
        box-sizing: border-box;
    }
    
    /* Címsor */
    h1 {
        font-size: 180%;
    }

    /* Pontszám header */
    .score-percent {
        font-size: 150%;
    }

    /* --- CHART GRID (Diagramok) --- */
    .chart-grid {
        grid-template-columns: 1fr; /* Egyetlen oszlop */
        gap: 30px;
    }
    
    /* Kisebb diagramok mobilon */
    .donut-chart {
        width: 120px;
        height: 120px;
    }
    .donut-chart-text {
        font-size: 20px;
    }

    /* --- FŐ TÁBLÁZAT GRID ÁTRENDEZÉS (Grid) --- */
    .grid {
        display: block; /* Visszaállunk hagyományos blokk elrendezésre */
        border: none;
        margin-top: 5px;
    }
    
    .header {
        display: none; /* A táblázat fejléceit elrejtjük */
    }
    
    .grid-row {
        display: block; /* Minden sor egy nagy blokk lesz */
        border: 1px solid #ccc;
        border-radius: 6px;
        margin-bottom: 15px;
        overflow: hidden;
    }

    /* Oszlopok (adat elemek) stílusa mobilon */
    .col {
        display: block;
        width: 100%;
        padding: 8px 10px;
        border-bottom: 1px solid #eee; /* Világosabb elválasztó */
        box-sizing: border-box;
    }
    
    /* Első oszlop kiemelése (Elem neve) */
    .grid-row .col:nth-child(1) {
        background-color: #f7f7f7;
        font-weight: 600;
        border-bottom: 1px solid #ccc;
        
    }

    /* Eltüntetjük a 'OK?' oszlopot, ha az ikon már benne van */
    .grid-row .col:nth-child(4) {
        display: none;
    }

    /* --- Képek --- */
    .social-meta-image {
        max-width: 100%;
        height: auto;
    }

    /* --- Link Lista (Ha van) --- */
    .link-list {
        max-height: 300px;
    }
}



/* CSS Document */

.panel {
        position: fixed;
        top: 50%;
        right: -100%; 
        transform: translateY(-50%);
        width: auto;
        max-width: 450px; /* Megadjuk a max szélességet, hogy ne legyen túl hosszú */
        background-color: #057A8F;
        color: #FFF;
        padding: 10px 15px;
        border-radius: 10px 0 0 10px;
        transition: 0.5s ease-in;
        z-index: 4;
        display: flex;
        flex-direction: column; /* Egymás alá kerülnek a tesztek */
        gap: 10px;
        box-shadow: -5px 0 15px rgba(0,0,0,0.3);
        visibility: hidden;
    }
.sidebarpanel {
	background-color: #057A8F;
	color: #FFFFFF;
        color: #FFF;
        padding: 5px 10px;	
    }	
	

    .panel.open {
        right: 0;
        visibility: visible;
    }

    /* Teszt blokkok stílusa a panelen belül */
    .test-option {
	background-color: rgba(0,0,0,0.2);
	padding: 10px;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .test-option h3 {
	margin: 0 0 0px 0;
	font-size: 150%;
	letter-spacing: 2px;
    }

    .test-option p {
        margin: 0 0 10px 0;
        font-size: 100%;
        line-height: 1.4;
    }

    /* A gombok a panelen belül */
    .cta-link {
	display: inline-block;
	background: #FF0000;
	color: white;
	text-decoration: none;
	padding: 5px 12px;
	border-radius: 3px;
	font-weight: bold;
	font-size: 12px;
	transition: 0.3s;
	text-transform: uppercase;
  animation: double-flash_9253 4s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes double-flash_9253 {
  0% { opacity:1 }
  12.5% { opacity:0 }
  25% { opacity:1 }
  37.5% { opacity:0 }
  50% { opacity:1 }
  100% { opacity:1 }
}

    .cta-link:hover {
        background: #cc0000;
        transform: scale(1.05);
    }

.toggle-btn {
	position: fixed;
	top: 50%;
	right: 20px; /* Alap távolság a szélétől */
	transform: translateY(-50%);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s ease-in;
	z-index: 3;

        }

        .speedometersvg, .closesvg {	background-color: rgba(255,255,255,.2);
	width: 48px;
	height: 48px;
	border: 2px solid #057A8F;
	border-radius: 5px;
  animation: tada_5110 3.6s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes tada_5110 {
  0% { transform: scale(1) }
  5.55556% { transform:scale(.9) rotate(-8deg) }
  11.11111% { transform:scale(.9) rotate(-8deg) }
  16.66667% { transform:scale(1.3) rotate(8deg) }
  22.22222% { transform:scale(1.3) rotate(-8deg) }
  27.77778% { transform:scale(1.3) rotate(8deg) }
  33.33333% { transform:scale(1.3) rotate(-8deg) }
  38.88889% { transform:scale(1.3) rotate(8deg) }
  44.44444% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}

        @media screen and (max-width: 980px) {
            /* Mobilra korlátozzuk a szélességet, hogy ne lógjon le balra */
            .panel {
                max-width: calc(100% - 100px);
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }


/* CSS Document */



.twdllmsg_container {
	max-width: 100%;
	width: 100%;
	margin: 20px auto;
	padding: 0px;	font-size: 60%;
}
.twdllmsg_header {
	margin-top: 0;
	color: #1a1a1a;
	padding-bottom: 15px;
	font-size: 210%;
	text-transform: uppercase;			
}

        .twdllmsg_badge {
	font-size: 120%;
	vertical-align: middle;
	background-color: #057A8F;
	color: #ffffff;
	padding: 3px 8px;
	border-radius: 10px;
	margin-left: 10px;
        }

        /* --- FELSŐ FORM --- */
        .twdllmsg_form {
            margin-top: 30px;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }

        .twdllmsg_input {
	flex: 2; /* Az input szélesebb asztali nézetben */
	min-width: 250px;
	padding: 15px;
	border: 2px solid #eeeeee;
	border-radius: 10px;
	font-size: 160%;
	outline: none;
	transition: border-color 0.3s;
        }

        .twdllmsg_input:focus {
            border-color: #057A8F;
        }

        .twdllmsg_btn {
            padding: 15px 25px;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            font-weight: bold;
            transition: 0.3s;
            color: #ffffff;
            flex: 1; /* Egyforma méretű gombok */
            text-align: center;
        }

        .twdllmsg_btn_test { background-color: #6c757d; }
        .twdllmsg_btn_gen { background-color: #057A8F; }
        .twdllmsg_btn_copy {
	background-color: #6c757d;

}
        .twdllmsg_btn_down { background-color: #17a2b8; }

        .twdllmsg_btn:hover { opacity: 0.9; }

        /* --- EREDMÉNYEK --- */
        .twdllmsg_result_box {
	margin: 30px 0 0 0;

	width: calc(100% - 0px);
}

.twdllmsg_code_box {
	background-color: #057A8F;
	color: #FFFFFF;
	width: calc(100% - 20px);
	min-height: 450px;
	padding: 10px;
	border: 2px solid #666666;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0px;
        }

.twdllmsg_success_msg {
	color: #057A8F;
	margin: 35px 0 10px 0;
	display: block;
	font-weight: bold;
	font-size: 150%;
	text-transform: uppercase;
}
        .twdllmsg_error_msg { color: #dc3545; font-weight: bold; }

.twdllmsg_code_box {
	background-color: #057A8F;
	color: #FFFFFF;
	width: calc(100% - 12px);
	min-height: 450px;
	padding: 5px;
	border: 1px solid #666666;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0px;
        }

        /* --- TEXTAREA SZAKASZ --- */
        .twdllmsg_output_label {
	color: #057A8F;
	margin: 35px 0 10px 0;
	display: block;
	font-weight: bold;
	font-size: 150%;
	text-transform: uppercase;
        }

.twdllmsg_output_area {
	width: calc(100% - 64px);
	min-height: 450px;
	padding: 20px;
	border: 2px solid #666666;
	border-radius: 5px;
	background-color: #fafafa;
	box-sizing: border-box;
	font-size: 150%;
	margin: 10px;
        }

        .twdllmsg_actions {
            margin-top: 20px;
            display: flex;
            gap: 15px;
        }

        /* --- MOBIL NÉZET --- 
        @media (max-width: 600px) {
            .twdllmsg_form, .twdllmsg_actions {
                flex-direction: column;
            }
            .twdllmsg_btn, .twdllmsg_input {
                width: 100%;
                flex: none;
            }
        }*/

        

        .twdwow_main_tagline { text-align: center; color: #888888; text-transform: uppercase; letter-spacing: 3px; font-size: 0.8rem; margin: 20px 0 60px 0; }

        .twdwow_main_form-area { display: flex; border: 4px solid #F0F0F0; margin-bottom: 80px; transition: border-color 0.3s; background: #FAFAFA; }
        .twdwow_main_form-area:focus-within { border-color: #057A8F; }
        input[type="url"]#twdwow_main_urlField { flex: 1; background: transparent; border: none; color: #000; padding: 25px; font-size: 1.2rem; outline: none; }
        button#twdwow_main_startBtn { background: #057A8F; color: #FFFFFF; border: none; padding: 0 50px; font-weight: 900; text-transform: uppercase; cursor: pointer; font-size: 1rem; }
        button#twdwow_main_startBtn:hover { background: #0690aa; }

        #twdwow_main_resultsArea { display: none; }
        .twdwow_main_meter { position: relative; height: 15px; background: #F0F0F0; margin-bottom: 120px; border-radius: 10px; }
        #twdwow_main_bar { position: absolute; left: 0; top: 0; height: 100%; background: #057A8F; width: 0%; border-radius: 10px; }
        #twdwow_main_counter { position: absolute; right: 0; top: -80px; font-size: 4rem; font-weight: 900; color: #057A8F; }

        .twdwow_main_report-header { text-align: center; margin-bottom: 80px; }
        .twdwow_main_report-header h2 { font-size: 3.5rem; font-weight: 900; margin: 0; color: #000; }
        .twdwow_main_report-header p { color: #666; font-size: 1.3rem; max-width: 800px; margin: 20px auto; }

        .twdwow_main_grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; margin-bottom: 80px; }
        .twdwow_main_card { background: #057A8F; padding: 40px; color: #FFFFFF; border-radius: 8px; box-shadow: 0 4px 15px rgba(7,172,202,0.2); }
        .twdwow_main_card h3 { margin: 0 0 15px 0; font-size: 1.1rem; text-transform: uppercase; display: flex; justify-content: space-between; }
        .twdwow_main_card p { margin: 0; color: rgba(255,255,255,0.9); font-size: 0.95rem; line-height: 1.6; }
        
        .twdwow_main_score-tag { background: rgba(0,0,0,0.15); padding: 4px 10px; font-size: 0.7rem; font-weight: bold; border-radius: 4px; }

        .twdwow_main_cta { background: #F8F8F8; color: #000; padding: 80px 40px; text-align: center; border-radius: 8px; border: 2px solid #F0F0F0; }
        .twdwow_main_cta h3 { font-size: 2.5rem; font-weight: 900; text-transform: uppercase; margin: 0 0 20px 0; }
        .twdwow_main_cta-btn {
	display: inline-block;
	padding: 20px 50px;
	background-color: #FFFFFF;
	color: #057A8F;
	text-decoration: none;
	font-weight: 900;
	text-transform: uppercase;
	border-radius: 4px;
	border: 2px solid #057A8F;
}

        @keyframes twdwow_main_fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .twdwow_main_fade-in { animation: twdwow_main_fadeIn 0.6s forwards; }

        @media (max-width: 768px) {
            h1 { font-size: 2.5rem; }
            .twdwow_main_form-area { flex-direction: column; }
            button#twdwow_main_startBtn { padding: 25px; }
        }


/* CSS Document */

        /* CORE & TYPOGRAPHY */
        .twdaid_container {
	background-color: #fff;
	color: #000;
	padding: 40px 15px;
	line-height: 1.6;
}
        .twdaid_inner { max-width: 1000px; margin: 0 auto; }
        
        /* HEADER */
        .twdaid_header { text-align: center; margin-bottom: 40px; }
        .twdaid_header h2 { color: #057A8F; font-size: 2.5rem; font-weight: 900; letter-spacing: -1px; margin: 0; text-transform: uppercase; }
        .twdaid_header p { color: #057A8F; font-weight: 600; font-size: 0.9rem; letter-spacing: 2px; text-transform: uppercase; margin-top: 5px; opacity: 0.8; }
        
        /* INPUT FORM */
        .twdaid_form { display: flex; border: 3px solid #057A8F; border-radius: 60px; overflow: hidden; margin: 0 auto 50px; max-width: 700px; padding: 6px; box-shadow: 0 10px 25px rgba(7,172,202,0.1); background: #fff; }
        .twdaid_form input { flex: 1; border: none; padding: 15px 25px; font-size: 1rem; outline: none; background: transparent; color: #333; }
        .twdaid_form button { background: #057A8F; color: #fff; border: none; padding: 0 35px; font-weight: 800; cursor: pointer; border-radius: 50px; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; }
        .twdaid_form button:hover { background: #058aa3; }
        .twdaid_form button:disabled { background: #ccc; cursor: not-allowed; }

        /* RESULTS AREA */
        .twdaid_res_area { display: none; animation: twdaid_fadeIn 0.5s ease; }
        
        /* CIRCLE CHART */
        .twdaid_circle_box { position: relative; width: 180px; height: 180px; margin: 0 auto 20px; }
        .twdaid_svg { transform: rotate(-90deg); width: 180px; height: 180px; }
        .twdaid_base_c { fill: none; stroke: #e6f7fa; stroke-width: 10; }
        .twdaid_main_c { fill: none; stroke: #057A8F; stroke-width: 10; stroke-dasharray: 500; stroke-dashoffset: 500; transition: stroke-dashoffset 0.1s linear; stroke-linecap: round; }
        .twdaid_num { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 3rem; font-weight: 900; color: #057A8F; }

        /* STATUS MESSAGE */
        .twdaid_status_msg { text-align: center; max-width: 600px; margin: 0 auto 60px; font-size: 1.1rem; font-weight: 700; color: #333; min-height: 1.6em; }

        /* GRID SYSTEM */
        .twdaid_grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 50px; }
        
        /* CARD STYLES */
        .twdaid_card {
	background-color: #057A8F;
	color: #fff;
	padding: 25px;
	border-radius: 16px;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.5s ease;
	box-shadow: 0 5px 15px rgba(7,172,202,0.15);
	background-image: url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/images/aianimated.svg);
	background-size: 30px auto;
	background-position: 5px 5px;
	background-repeat: no-repeat;
        }
        .twdaid_card.show { opacity: 1; transform: translateY(0); }
        
        /* BAD CARD - WHITE/BLUE ONLY */
        .twdaid_card.bad_card { 
            background: #ffffff; 
            color: #333; 
            border: 2px solid #057A8F; 
            box-shadow: none;
        }
        
        .twdaid_card h4 { margin: 0 0 10px; font-size: 1rem; font-weight: 900; display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; letter-spacing: 0.5px; }
        .twdaid_card p { margin: 0; font-size: 0.9rem; opacity: 0.9; }
        .twdaid_penalty { background: #ff4d4d; color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 0.75rem; font-weight: 800; margin-left: 10px; }

        /* PLAN SECTION */
        .twdaid_plan { display: none; padding: 40px; border-radius: 20px; background: #021a24; color: #fff; margin-top: 50px; }
        .twdaid_plan h3 { color: #057A8F; font-size: 1.8rem; font-weight: 900; margin-top: 0; text-transform: uppercase; margin-bottom: 10px; }
        .twdaid_plan p.intro { color: #8faab5; margin-bottom: 30px; font-size: 0.95rem; }
        .twdaid_plan ul { list-style: none; padding: 0; }
        .twdaid_plan li { margin-bottom: 20px; padding-left: 25px; position: relative; border-bottom: 1px solid #0f3542; padding-bottom: 20px; }
        .twdaid_plan li:last-child { border-bottom: none; }
        .twdaid_plan li::before { content: '•'; position: absolute; left: 0; top: 0; color: #057A8F; font-size: 1.5rem; line-height: 1rem; }
        .twdaid_plan li strong { color: #fff; display: block; font-size: 1rem; margin-bottom: 5px; text-transform: uppercase; }
        .twdaid_plan li span { color: #b0c4cd; font-size: 0.9rem; }
        
        .twdaid_cta { text-align: center; margin-top: 30px; }
        .twdaid_btn_final {
	display: inline-block;
	background-color: #FFFFFF;
	color: #057A8F;
	padding: 18px 40px;
	border-radius: 100px;
	font-weight: 800;
	text-decoration: none;
	font-size: 1rem;
	transition: 0.3s;
	text-transform: uppercase;
	border: 2px solid #057A8F;
}
        .twdaid_btn_final:hover { border: 2px solid #057A8F;}

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


/* CSS Document */

    .twdfs_container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
        box-sizing: border-box;
    }

    .twdfs_card {
        background-color: #057A8F;
        color: #FFFFFF;
        padding: 25px;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        flex: 0 1 calc(33.333% - 20px);
        min-width: 300px;
        box-sizing: border-box;
position: relative;
    overflow: hidden;
}

/* Alapállapot */
.twdfs_card {
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* Ha a konténer fölött van az egér, minden card halványul */
.twdfs_container:hover .twdfs_card {
    opacity: 0.50;
}

/* A konkrétan hoverelt card marad 100% */
.twdfs_container:hover .twdfs_card:hover {
    opacity: 1;
}


.twdfs_ribbon_wrapper {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    right: -10px;
    pointer-events: none; /* Ne zavarja a kattintást */
    z-index: 10;
}

.twdfs_ribbon_text {
    display: inline-block;
    width: 210px; 
    padding: 10px 0;
    font-weight: bold;
    font-size: 80%;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    
    /* Pontos forgatás és eltolás */
    position: absolute;
    top: 40px;
    right: -55px;
    transform: rotate(45deg);
}
.twdfs_ribbon_text_purple {
    background-color: #FF00FF;
    color: #fff;

}

    .twdfs_card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.5);
    }

    .twdfs_icon_box {
        background-color: rgba(255, 255, 255, 0.2);
        width: 60px;
        height: 60px;
        border: 2px solid #FFF;
        border-radius: 5px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 200%;
    }

    .twdfs_card h3 {
        margin: 0 0 10px 0;
        font-size: 120%; 
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .twdfs_card p {
        margin: 0 0 20px 0;
        font-size: 90%;

        flex-grow: 1;
    }

    /* Gomb alapstílus */
    .twdfs_cta {
        display: inline-block;
        background: #FF0000;
        color: white !important;
        text-decoration: none;
        padding: 8px 15px;
        border-radius: 3px;
        font-weight: bold;
        font-size: 70%;
        text-transform: uppercase;
        /* Az animáció marad, de a JS fogja indítani késleltetve */
        animation: twdfs_flash 5s ease infinite;
        opacity: 1;
    }
    .twdfs_cta a {

        color: white !important;

    }
    .twdfs_card:hover .twdfs_cta {
        transform: scale(1.05);
        animation-play-state: paused; /* Hoverkor ne villogjon el a szemünk elől */
        opacity: 1;
    }

    @keyframes twdfs_flash {
        0% { opacity: 1; }
        5% { opacity: 0.3; }
        10% { opacity: 1; }
        15% { opacity: 0.3; }
        20% { opacity: 1; }
        100% { opacity: 1; }
    }
/* Kiegészítő CSS a kiemeléshez */
.twdfs_card { position: relative; overflow: hidden; }


    @media (max-width: 1024px) { .twdfs_card { flex: 0 1 calc(50% - 20px); } }
    @media (max-width: 650px) { .twdfs_card { flex: 0 1 100%; } }


/* CSS Document */



    .twduasi_wrap {
        max-width: 100%;
        margin: 40px auto;
    }

    .twduasi_title {
        font-size: 300%;
        font-weight: 900;
        margin-bottom: 30px;
        color: #000000;
    }

    .twduasi_blue_text {
        color: #057A8F;
        margin: 20px 0 0 0;
        font-weight: 900;
    }

    /* FORM */
    .twduasi_form { display: flex; gap: 15px; margin-bottom: 50px; }
    .twduasi_input { 
        flex: 1; padding: 20px; border: 2px solid #057A8F; 
        border-radius: 12px; font-family: inherit; font-size: 110%;
    }
    .twduasi_btn { 
        background-color: #057A8F; color: #FFFFFF; border: none; padding: 0 40px; 
        border-radius: 12px; font-weight: 800; cursor: pointer; text-transform: uppercase;
    }

    /* CARDS */
    .twduasi_card { 
        background-color: #057A8F; color: #FFFFFF; 
        padding: 30px; border-radius: 20px; margin-bottom: 25px; 
        box-shadow: 0 15px 35px rgba(0, 85, 255, 0.2);
    }
    
    .twduasi_grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 25px; }
    
    .twduasi_label { font-size: 90%; text-transform: uppercase; opacity: 0.8; letter-spacing: 1px; display: block; margin-bottom: 10px; }
    .twduasi_val { font-size: 250%; font-weight: 800; }

    /* VISITOR FULL DATA GRID */
    .twduasi_v_grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;
    }
    .twduasi_v_col h3 { margin-top: 0; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; }
    .twduasi_v_item { margin-bottom: 12px; font-size: 110%; }
    .twduasi_v_item small { display: block; opacity: 0.7; font-size: 70%; text-transform: uppercase; }
    .twduasi_v_item span { font-weight: bold; }
    .twduasi_code_box {
        background-color: rgba(0,0,0,0.2);
        padding: 10px;
        border-radius: 8px;
        font-size: 80%;
        word-break: break-all;
        margin-top: 5px;
    }

    /* CHART SECTION */
    .twduasi_chart_box { display: flex; align-items: center; gap: 50px; flex-wrap: wrap; }
    .twduasi_canvas_holder { width: 250px; height: 250px; }
    .twduasi_chart_text { flex: 1; min-width: 300px; }

    /* TABLE STYLE */
    .twduasi_row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
    .twduasi_badge { background-color: #FFFFFF; color: #057A8F; padding: 4px 12px; border-radius: 6px; font-weight: 900; }

    /* ERRORS */
    .twduasi_error { background-color: #FF0000; color: #FFFFFF; padding: 25px; border-radius: 15px; font-weight: bold; margin-bottom: 30px; }

    /* LOADER */
    #twduasi_loader {
        display: none;
        text-align: center;
        padding: 5px;
    }
    .twduasi_loader_img img {
        width: 135px;
        animation: pulse 1s infinite alternate;
        height: 140px;
        margin: 0 auto;
        display: block;
    }
    @keyframes pulse { from { opacity: 0.4; transform: scale(0.9); } to { opacity: 1; transform: scale(1.1); } }

    @media (max-width: 900px) {
        .twduasi_v_grid { grid-template-columns: 1fr; }
    }


body {
	margin: 0;
	padding: 0;
	font-family: "Poppins", sans-serif;
	font-size: .75vw;
	font-weight: 400;
	font-display: swap; 
        }
.clear {
	clear: both;
}
a {
	text-decoration: none;
}
a:hover {
	transition: 1s ease;
}
.tigaman-ar {color: #057A8F;	font-weight: 600;
}

blockquote {
      position: relative;
      font-size: 100%;
      color: #fff;
      line-height: 1.6;
      padding: 1em 1em 1em 6em;
      border-left: 20px solid #057A8F;
      background-color: #222;
      width: calc(100% - 9em - 20px);
      margin: 1em 1em;
      overflow: hidden;    box-shadow: 0 5px 5px -5px #333;

    }
    blockquote::before {
	content: "\f10d";
	font-family: FontAwesome;
	font-size: 5em;
	color: rgba(255,255,255,.25);
	position: absolute;
	top: -15px;
	left: 20px;
	z-index: 0;
	pointer-events: none;
    }

    blockquote span {
      position: relative;
      background-color: #057A8F;
      padding: 3px 10px;
      margin: 7px;
      display: inline-block;
      border-radius: 4px;
      transition: background-color 0.6s;
      z-index: 1;
    }

blockquote span.flash {
	background-color: #FF0000 !important;      
	transition: background-color 0.6s;
}
small {
    font-size: 60%;

}
.topsocial {
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #057A8F;
	padding: 0;
	margin: 0;
	font-size: 120%;
}
.topsocial i {

	font-size: 120%;

}
.topsocial ul {
    display: flex;
    gap: 0px; /* Egyenlő távolság az ikonok között */
    padding: 0;
    margin: 0;
    list-style: none;
}

.topsocial ul > li {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
}

.topsocial ul > li > a {
    display: inline-flex; /* nem teljes soros, csak amekkora kell */
    align-items: center;
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease;
    font-size: 100%; /* opcionális, hogy jól mutasson */
}

/* Ikon kör alakú stílus */
.topsocial ul > li > a .fa {
    width: 23px;
    height: 23px;
    background-color: #057A8F;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px; /* térköz az ikon és a szöveg között */
    font-size: 130%;
    transition: 0.3s ease;
    flex-shrink: 0;
}

/* Hover: ikon háttér változás */
.topsocial ul > li > a:hover .fa {
	background-color: #fff;
	color: #057A8F;

}

/* Hover: szöveg aláhúzás */
.topsocial ul > li > a:hover {
	border-bottom: 2px dotted #FFFFFF;

}

.topsocial ul li:not(:last-child)::after {
	content: '|';
	display: inline-block;
	color: #fff;
	font-size: 100%;
	margin: 0 30px;
	transform: translateY(-1px);
}


/* 1. A tároló fixálása */
.topsocial ul li.menu-item-4997 {
    position: relative;
    overflow: hidden;
    height: 30px; 
    margin: 0 10px;
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none;
}

/* 2. A link alapállapota - Fehér háttér */
.topsocial ul li.menu-item-4997 a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 10px;
	background-color: #057A8F;
	color: #ffffff !important;
	text-decoration: none !important;
	border-bottom: none !important; /* Tiltjuk az eredeti alsó vonalat */
	transition: transform 0.5s ease;
	animation: flipToRed 10s infinite ease-in-out;
	left: 0px;
}

/* 3. A váltó réteg - Piros háttér */
.topsocial ul li.menu-item-4997 a::after {
	content: attr(title);
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FF0000;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: none !important;
	font-weight: 600;
}

/* 4. Hover állapot - Csak a mozgás áll le, nincs border változás */
.topsocial ul li.menu-item-4997 a:hover {
    border-bottom: none !important;
    animation-play-state: paused;
    background-color: #ffffff; /* Megtartja a fehéret hoverkor is */
}

/* 5. Az animáció ütemezése */
@keyframes flipToRed {
    0%, 50% {
        transform: translateY(0);
    }
    51%, 95% {
        transform: translateY(-100%); /* Itt vált pirosra */
    }
    100% {
        transform: translateY(0);
    }
}

/* Az elválasztó | jel kikapcsolása ennél az elemnél */
.topsocial ul li.menu-item-4997::after {
    display: none !important;
}

#menu {
	position: fixed;
	top: 30px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s, transform 0.3s;
	z-index: 1000;				
	box-shadow: 0 5px 5px -5px #333;
}
#menu.hidden {
            transform: translateY(-100%);
        }
#menu.scrolled {
	background-color: #057A8F;
	top: 0px;
        }
#menu img {
	height: 40px;
	margin: 0 0 0 0;
	position: absolute;
	left: 20px; /* Adjust horizontal position */
	top: 50%;
	transform: translateY(-50%); /* Center vertically */
	/*filter: invert(100%) grayscale(100%);*/
	opacity: 0;	
	transition: all 1s ease-in;
}
#menu.scrolled img {
	opacity: 1; transition: all 1s ease-in;
}
.menu {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-size: 120%;
	letter-spacing: 2px;
	font-weight: 500;
}
        .menu ul {
            list-style: none;
            display: flex;
            margin: 0;
            padding: 0;
        }
        .menu ul li {
            display: flex;
            align-items: center;
        }
        .menu ul li:not(:last-child)::after {
            content: '\2022';
            margin: 0 20px;
        }





.menu ul li a {
	position: relative;
	color: #FFFFFF; /* link szín */
	text-decoration: none;
	font-weight: 500;
}

.menu ul li a::after {
  content: "";
  position: absolute;
  bottom: -3px; /* kicsit a szöveg alá */
  left: 50%;
  width: 0;
  height: 1px;
  background-color: currentColor; /* ugyanaz a szín, mint a link */
  transition: width 0.8s ease, left 0.4s ease;
}

.menu ul li a:hover::after {
  width: 100%;
  left: 0;
}





        .slideshow {
            position: relative;
            width: 100%;
            padding: 40% 0 0 0;
            background-color: #000000;
        }

        .slide {
            position: absolute;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 2s ease-in-out;
            top: 0px;
            left: 0px;
            z-index: 0;
        }
        .slide.active {
            opacity: 1;
}


.biglogo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;

 /*   filter: invert(100%) grayscale(100%);*/
    transition: all 2s ease-in-out;
}

.biglogo.absolute {
    position: absolute;
    top: 80%;
    left: 50%;
    width: 50%;
    transform: translate(-50%, -80%);
    transition: all 2s ease-in;

}
#content {
	width: 96%;
	margin: 50px auto 50px auto;
	position: relative;
}
#mobil-menu-space {
	height: 0px;
	width: 100%;
	display: block;
}
.post-header {
	position: relative;
	width: 100%;
	padding-top: 35%; /* magasság arányosan */
	overflow: hidden;
	text-transform: uppercase;
}

.post-header .bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.post-header .header-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	height: 80%;   /* a szülő padding-top magasságát követi */
	width: auto;    /* arányt megtartja */
	z-index: 2;

}


.post-header h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	color: #fff;
	text-align: center;
	padding: 0 10px;	
	min-width: 80%;

}
.post-header h1 .titlebg {
	margin: 0px;
	padding: 1px 10px;
	background-color: #000000;
	color: inherit;                       /* örökli a h1 színét (fehér) */
	border-radius: 3px;
	transition: background-color .25s ease, color .25s ease, transform .15s ease;
	font-size: 130%;
	min-width: 80%;
}

/* flash állapot: kontrasztosabb, finom kicsit nagyobb méret */
.post-header h1 .titlebg.flash {
	background-color: #057A8F; /* világos sárga */
	color: #FFF;               /* sötét betű a jobb olvashatóságért */
	transform: scale(1.06);
}

.content_thumbnail_date {
	position: absolute;
	top: 50px;
	left: 5px;
	z-index: 2;
}
.facebooksvg {
	z-index: 2;
	left: 2%;
	bottom: 45px;
	width: 3%;
	height: auto;
	position: absolute;
}
.xsvg {
	z-index: 2;
	left: 6%;
	bottom: 45px;
	width: 3%;
	height: auto;
	position: absolute;
}
.xsvg:hover,.facebooksvg:hover {
  animation: svghover 3.6s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes svghover {
  0% { transform: scale(1) }
  5.55556% { transform:scale(.9) rotate(-8deg) }
  11.11111% { transform:scale(.8) rotate(-8deg) }
  16.66667% { transform:scale(0.9) rotate(8deg) }
  22.22222% { transform:scale(0.8) rotate(-8deg) }
  27.77778% { transform:scale(0.9) rotate(8deg) }
  33.33333% { transform:scale(0.8) rotate(-8deg) }
  38.88889% { transform:scale(0.9) rotate(8deg) }
  44.44444% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}
.fleft {
	width: 70%;
	float: left;
	margin: 0 0 0 0;
}

.content.home {
	width: calc(80% - 2px);
	padding: 1em 5%;
	margin: 50px auto;

}

.content {
	width: calc(100% - 2px - 2em);
	padding: 1em 1em;
	margin: 0 auto 50px auto;
	font-size: 200%;
	color: #666666;    
	border: 1px solid #ebebeb;
    box-shadow: 0 5px 5px -5px #333;
}



.content a {
  position: relative;
  color: #057A8F; /* link szín */
  text-decoration: none;
  font-weight: 500;
}

.content a::after {
  content: "";
  position: absolute;
  bottom: -3px; /* kicsit a szöveg alá */
  left: 50%;
  width: 0;
  height: 2px;
  background-color: currentColor; /* ugyanaz a szín, mint a link */
  transition: width 0.4s ease, left 0.4s ease;
}

.content a:hover::after {
  width: 100%;
  left: 0;
}

.content .counter-value {
	display: inline-block;
	width: 3ch;          /* mindig 3 karakter széles */
	text-align: center;  /* középre igazítja a számot */
	font-family: monospace; /* hogy minden számjegy ugyanakkora széles legyen */
	color: #000000;
	font-weight: 600;
}


.twd_list_attachments {
	border: 1px solid #ffffff;
	color: #ffffff;
	background: linear-gradient(to left, #057A8F 50%, #ffffff 50%) right;
}
.twd_list_attachments a {
	color: #ffffff;
}
.twd_list_attachments:hover a{
	color: #057A8F;
}




.twd_list_attachments:hover {
	border: 1px solid #057A8F;
	color: #057A8F;
}
.twd_list_attachments_size {
	border-color: #ffffff;
}
 .twd_list_attachments:hover .twd_list_attachments_size {
	border-color: #057A8F;
}
.twd_list_attachments {
	display: flex;
	align-items: center;
	margin: 10px 0;
	cursor: pointer;
	background-size: 200%;
	transition: .5s ease-out;
	font-size: 1.0rem;
}
.twd_list_attachments a {
	text-decoration: none;
}
.twd_list_attachments:hover {
	background-position: left;
}

.twd_list_attachments_name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(89% - 64px);	
	float: left;
	padding: 30px 0;
	margin: 0 0 0 2%;
	display: block;
}
.twd_list_attachments_size {
	width: 60px;
	float: left;
	text-align: center;
	border-style: solid;
	border-width: 0 2px 0px 2px;
	font-size: 0.8rem;
}
.twd_list_attachments_type {
	margin: 0 2.5%;
	float: left;
	text-align: center;
}

.sidebar {
	width: calc(30% - 1em);
	float: left;
	margin: 0 0 0 1em;
	font-size: 130%;
}

.box {
	width: calc(100% - 4px);
	border: 2px solid #057A8F;
	background-color: #FFFFFF;
	margin: 0em 0 1em 0;
	text-transform: uppercase;
	position: relative;
}

.boxtitle {
	background-color: #057A8F;
	color: #fff;
	margin: 0 0 .5em 0;
	padding: .5em .5em .5em 1em;
	text-transform: uppercase;
}
.boxcontent {
	padding: 0 1em 1em 1em;
	width: calc(100% - 2em);
}

.boxcontent ul {
	margin: 0 0 0 0%;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 80%;
}
.boxcontent ul li a {
	color: #FFFFFF;
	display: block;
	transition: background-position .3s;
	background-image: linear-gradient(to left, #057A8F 50%, #333 50%);
	background-size: 200% 200%;
	margin: 0;
	text-decoration: none;
	padding: 0.75em 1em 0.75em 1em;
	margin: 2px 0;

}

.boxcontent ul li a:hover {
	background-position: 100% 0
}


.boxcontent li a:hover {
	background-position: 100% 0
}

#latestnews {
  margin: 0 0 0px 0;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 20;

}

#latestnews > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



#popular {
  margin: 0 0 0px 0;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 17;

}

#popular > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Szülő elem: középre igazítás */
.section-title-wrapper {
  text-align: center; /* minden inline/inline-block elem középre */
}

/* A cím */
.section-title {
  position: relative;
  text-transform: uppercase;
  font-size: 350%;
color: #057A8F;
  display: inline-block; /* együtt maradnak a span-ek */
}

/* span a második szóhoz */
.section-title span {
	font-weight: 400;
}

/* Pseudo-elemek */
.section-title::before {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 2px dashed #057A8F;
}

.section-title::after {
	content: '';
	position: absolute;
	height: 3px;
	width: 10%;
	bottom: -6px;
	background-color: #FFFFFF;
	left: 50%;
	transform: translateX(-50%);
}

.section-title:hover::after {
  animation: moveBar 3s ease-in-out forwards;
}
.section-title.animal::after {
  animation: moveBar 1s ease-in-out 5;
}
@keyframes moveBar {
  0% { left: 50%; transform: translateX(-50%); }
  50% { left: 0%; transform: translateX(-50%); }
  75% { left: 100%; transform: translateX(-50%); }
  100% { left: 50%; transform: translateX(-50%); }
}




.posts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2em;
	margin: 2em auto;
	width: calc(100% - 2em);
} 

.relatedposts  {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2em;
	margin: 2em auto;
	width: calc(100% - 2em);
}
.post-slide{
	padding: 0;
	border: 1px solid #ebebeb;
	box-shadow: 0 5px 5px -5px #333;
	cursor: pointer;
}
.post-img {
	position: relative;
	width: 100%;
	padding-top: 75%; /* 4:3 arány = 3 / 4 = 0.75 */
	overflow: hidden;
	background-color: #057A8F;
}

.post-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(40%);
    opacity: 0.8;
    transform: scale(1,1);
    transition: all 0.3s ease-in-out 0s;
}

.post-slide:hover .post-img img {
    transform: scale(1.2,1.2);
    filter: none;
    opacity: 1;
}
.post-content{
    padding: calc(1em + 30px) 1em 1em 1em;
    position: relative;
    background: #ffffff;
}
.post-date{
    width:60px;
    height:60px;  
	font-size: 140%;
    position: absolute;
    top: -30px;
    left: 30px;
}

.month, .date {
	display: flex;
	justify-content: center; /* vízszintesen középre */
	align-items: center;     /* függőlegesen középre */
	width: 60px;
	height: 30px;	
	color: #fff;
	text-transform: uppercase;
    transition: background-color 0.5s ease; 	
}
.date {
	background-color: #556677;	
}

.month {
	background-color: #057A8F;	
}

.post-slide:hover .date {
	background-color: #057A8F;    transition: background-color 0.5s ease; 

}
.post-slide:hover .month {
	background-color: #556677;    transition: background-color 0.5s ease; 

}
.post-title{
    margin: 0px 0;    font-size:220%;
}
.post-title a{
    color:#057A8F;
 
    transition: all 0.50s ease 0s;
}
.post-title a:hover{
    color:#333;
    text-decoration: none;
}
.post-description{
	color: #333;
	padding: 0 0 0px 0;
	font-size: 130%;
}
.post-description p{
	margin: 0 0 50px 0;

}
.post-bar{
	padding: 0px 0;
	list-style: none;
	text-align: center;
	background-color: #057A8F;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	margin: 0px 0 0 0;
	height: 40px;
	display: flex;               /* Flexbox engedélyezése */
	align-items: center;         /* Függőleges középre igazítás */
	justify-content: center;     /* Vízszintes középre igazítás */
	text-align: center;	
}
.post-bar li{
    display: inline-block;
    margin-right: 5px;

	text-transform: uppercase;
	font-size: 120%;
	color: #fff;
	transition: 0.2s ease;
	font-weight: 500;
	letter-spacing: 2px;
}
.post-bar li a {

	color: #fff;

}
.post-slide:hover .post-bar li a{
	text-decoration: underline;
}
.post-bar li i{
    color:#fff;
    margin-right: 5px;
}
#loadmoreservices,#loadmorearticle {
  text-align: center;   /* <<< középre teszi a span-t */
  margin: 10px 0;
}

#loadmoreservices span, #loadmorearticle span {
  padding: 10px 15px;
  background-color: #057A8F;
  color: #fff;
  font-size: 120%;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  white-space: nowrap;   /* <<< ne törjön sorba */
  display: inline-block; /* <<< így tudja tartani a "gomb" formát */
  transition: 0.2s ease;
}




.pagination {
	display: flex;
	justify-content: space-between;
	width: 30%;
	margin: 20px auto 50px auto;
}

.pagination div {
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
	padding: 20px 0;  
}

.pagination div:first-child, .pagination div:last-child {
	background-color: #057A8F;
	color: #FFFFFF;
	cursor: pointer;
}
.pagination div:first-child:hover, .pagination div:last-child:hover {
	background-color: #666666;
	color: #FFFFFF;
}
.pagination div a {
	color: #FFFFFF;
}


.services {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2em;
	margin: 3em auto;
	width: calc(100% - 8em);	font-size: .75vw;

} 
.content .services {

	grid-template-columns: repeat(3, 1fr);


}
.our-services {
	background-color: #fff;
	text-align: justify;
	padding: 1em;
	border: 1px solid #ebebeb;
	box-shadow: 0 5px 5px -5px #333;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}
.our-services:hover {
    transition: 0.5s ease-in-out;
    box-shadow: 5px 0 5px -5px #333;
}

.our-services-pic {
	position: relative;
	overflow: hidden; /* így a csillanás nem lóghat ki */
	padding: 60% 0 0 0;
}

.our-services-pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; /* a kép a háttér */
}

.our-services-pic::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background: linear-gradient(
        120deg, 
        rgba(255, 255, 255, 0.1) 0%, 
        rgba(255, 255, 255, 0.5) 50%, 
        rgba(255, 255, 255, 0.1) 100%
    );
    transform: skewX(-25deg);
    transition: left 0.7s ease-in-out;
    z-index: 2; /* shine mindig a kép fölött */
}

@keyframes zoomFilterIn {
  from {
    filter: brightness(1) contrast(1);
  }
  to {
    filter: brightness(1.4) contrast(1.07);
  }
}

@keyframes zoomFilterOut {
  from {
    filter: brightness(1.4) contrast(1.07);
  }
  to {
    filter: brightness(1) contrast(1);
  }
}

.our-services-pic img {
  animation: zoomFilterOut 0.7s ease-in-out forwards; /* alapból visszaállított állapot */
}

.our-services:hover .our-services-pic img {
  animation: zoomFilterIn 0.7s ease-in-out forwards;
}

.our-services.animal .our-services-pic::before {
    left: 100%;
    transition-delay: 2s; /* ha kell késleltetés */
}
/* services */
.our-services-title {
	padding: 11px 0;
	margin: 0;
	list-style: none;
	text-align: center;
	background-color: #057A8F;
	font-size: 150%;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
}


.our-services-title  a {
    color: #fff;	

}

.our-services-title a:hover {

    color: #057A8F;
}


.our-services-description {
    font-size: 130%;
    font-weight: 400;
    color: #333;
    margin-bottom: 15px;
}


.slide-in-left {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 1.5s ease-out, opacity 1.5s ease-out;
}

/* Final state: positioned on-screen */
.slide-in-left.animal {
    transform: translateX(0);
    opacity: 1;
}
/* Starting state: positioned off-screen to the right */
.slide-in-right {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 1.5s ease-out, opacity 1.5s ease-out;
}

/* Final state: positioned on-screen */
.slide-in-right.animal {
    transform: translateX(0);
    opacity: 1;
}
/* Starting state: positioned off-screen above */
.slide-in-top {
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 1.5s ease-out, opacity 1.5s ease-out;
}
/* Final state: positioned on-screen */
.slide-in-top.animal {
    transform: translateY(0);
    opacity: 1;
}
.slide-in-bottom {
    transform: translateY(100%);
    opacity: 0;
    transition: transform 1.5s ease-out, opacity 1.5s ease-out;
}
.slide-in-bottom.animal {
    transform: translateY(0);
    opacity: 1;
}

.fade-in {
  opacity: 0.5;
  filter: blur(10px);
  transition: opacity 4s cubic-bezier(0.25, 0.8, 0.25, 1),
              filter 4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.fade-in.animal {
  opacity: 1;
  filter: blur(0);
}


.flash-in {
  opacity: 0;
  filter: brightness(3);
  transition: opacity 0.2s ease, filter 0.2s ease;
}

.flash-in.animate {
  opacity: 1;
  filter: brightness(1);
}

#footer {
	position: relative;
	width: 100%;
	background-color: #333333;
	min-height: 40px;
}


.footer {
	display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr); 
	grid-column-gap: 2em;
	width: calc(100% - 0em);
	margin: 0 auto;
	position: absolute;
	padding: 50px 0em 0 0;
	left: 50%; 
	transform: translateX(-50%); 	background-color: #333333;

} 
.footer div  {

	color: #FFFFFF;
	position: relative; /* biztosítja, hogy az abszolút pozicionálás működjön */
	font-size: 130%;
}

.footer div a  {
	color: #FFFFFF;
	text-decoration: underline;

}

/* első három div megy egymás mellé */
.footer > div:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.footer > div:nth-child(2) { grid-area: 1 / 2 / 2 / 3; width: calc(100% - 40px);	padding: 0 20px;}
.footer > div:nth-child(3) { grid-area: 1 / 3 / 2 / 4; width: calc(100% - 40px);	padding: 0 20px;}

/* a negyedik szépen a 3 oszlop alatt teljes szélességben */
.footer > div:nth-child(4) { grid-area: 2 / 1 / 3 / 4; }
.footer div:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 25%;
  right: 0;
  width: 1px; /* border vastagsága */
  height: 50%; /* border magassága */
  background-color: white; /* fehér szín */
}
.footer h2, .footer h3 {
	text-align: center;
	font-size: 250%;
	text-transform: uppercase;
}



.searchpanel {

	width: 100%;



}
.search {
	display: flex;
	align-items: center;
	width: calc(100% - 20px);
	padding: 0px 10px;
}

.search input {
	flex: 1;
	padding: 10px;
	font-size: 60%;
	font-weight: 300;
	border: 1px solid #666666;
	transition: all 400ms ease-in-out;
	height: 50px;
        }

.search input:focus {
	outline: none;
	color: #000000;
}

.search button {
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: #057A8F;
	border: none;
	transition: all 400ms ease-in-out;
	margin-left: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 180%;
	color: white;
}

.search button:hover {
	background-color: #333333;
}
		
.search input::placeholder {
    color: rgba(0, 0, 0, 0.5); font-size:150%;
}

.search input:focus::placeholder {
    color: rgba(0, 0, 0, 0.1); /* Halványabb lesz */
}
.footer > div:nth-child(2) .counter-value {
	display: inline-block;
	width: 3ch;          /* mindig 3 karakter széles */
	text-align: center;  /* középre igazítja a számot */
	font-family: monospace; /* hogy minden számjegy ugyanakkora széles legyen */
	color: #FFFFFF;
	font-weight: 600;
}
/* Konténer */
.footer > div:nth-child(3) ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px; /* Margó helyett gap: így egyenletes a távolság a sorok közt */
}

.footer > div:nth-child(3) ul li {
    display: flex !important;
    align-items: center !important;
}

.footer > div:nth-child(3) ul li a {
    display: inline-flex !important; /* Így a padding és magasság érvényesül */
    align-items: center;
    padding: 4px 0 !important;      /* Felül-alul 8-8px, hogy meglegyen a 24px magasság */
    color: #fff;
    text-decoration: none;
}
/* Ikon távolsága a szövegtől */
.footer > div:nth-child(3) ul li a i {
  margin-right: 8px; /* Kicsit nagyobb hely jobban néz ki */
  width: 20px;       /* Fix szélesség az ikonnak, hogy a szövegek függőlegesen igazodjanak */
  text-align: center;
  transition: transform 0.3s ease;
}

/* Hover állapot */
.footer > div:nth-child(3) ul li a:hover {
  color: #057A8F;
}

.footer > div:nth-child(3) ul li a:hover i {
  transform: scale(1.2);
}

.footer > div:nth-child(4) {
	width: calc(100% - 20px);
	margin: 0 auto;
	padding: 10px 10px 60px 10px;
	font-size: 100%;
	font-weight: 400;
	color: #FFFFFF;
	column-count: 4;
	column-gap: 25px;
	column-rule: 2px dashed #fff;
	text-transform: uppercase;
	position: relative;
	background-color: #057A8F;
}

.footer > div:nth-child(4) ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footer > div:nth-child(4) li {
    /* Megszüntetünk minden külső margót, ami szétnyomná a hasábokat */
    margin: 0 !important;
    padding: 0 !important;
}

.footer > div:nth-child(4) a {
    position: relative;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 500;
    
    /* 1. Sormagasság: Ezzel szabályozod, milyen messze legyenek a sorok.
       Az 1.6 - 1.8 körüli érték már elég a Google-nek, de még jól néz ki. */
    line-height: 1.8; 
    
    /* 2. Kattintható terület: Ne adjunk neki paddingot, 
       inkább hagyjuk, hogy a line-height fújja fel a linket. */
    padding: 0; 
    
    transition: color 0.3s ease;
}

/* Az aláhúzás effektet hozzuk közelebb a szöveghez, 
   mert a line-height eltolta volna */
.footer > div:nth-child(4) a::after {
    content: "";
    position: absolute;
    bottom: 2px; /* Itt tudod finomhangolni az aláhúzás távolságát */
    left: 50%;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.4s ease, left 0.4s ease;
}

.footer > div:nth-child(4) a:hover::after {
	width: 100%;
	left: 0;
}



.top {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1em;
	color: rgba(255,255,255,1);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	font-size: 80%;
	transition: background-color 0.3s;
	background-color: #057A8F;
	border: 2px solid #ffffff;
}
.top:hover {
	background-color: rgba(0, 0, 0, 0.6); /* Transparent red */	transition: background-color 0.3s;
}
.showtopbutton {
    opacity: 1;
    transition: opacity .6s ease;
}

.hidetopbutton {
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
}
.hullam {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: auto;
}
.hullam2 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: auto;
	transform: scaleY(-1);
}


.masonry {
    column-gap: 1.5em;
    font-size: 0.85em;
}

.masonry div {
    display: inline-block;
    width: 100%;
    padding: 1.5em;
    margin: 0 0 1.5em;
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.48);
    border-radius: 3px;
	transition:1.4s ease-in-out;
}
.masonry div:hover {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.68);
	background-color: e0e0e0;
	transition: .4s ease-in;
}
.masonry div img {
    max-width: 100%;
    height: auto;
    display: block;    margin: 0 auto; /* vízszintesen középre */
}

/* Responsive column count */
@media (min-width: 700px) {
    .masonry {
        column-count: 2;
    }
}

@media (min-width: 900px) {
    .masonry {
        column-count: 3;
    }
}

@media (min-width: 1100px) {
    .masonry {
        column-count: 4;
    }
}

@media (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}



     /* -----------------------------------------------*/
.gallery {
				margin: auto;
}


.gallery-icon a img {
	display: block;
	margin: 0px auto;
	width: 100%;	
	height: auto;}


dl.gallery-item {
	float: left;
	margin-bottom: 10px;	
	width: 22%;	
	margin-right: calc(2% - 2px);
	box-shadow: 0 0 5px #666;
	padding: 5px 0.5% 5px 0.5%;

	border: 1px solid #999;
	background-color: rgba(0,0,0,0.8);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;

	
}
dl.gallery-item:hover {
	-webkit-transform: scale(1.10); /* Safari and Chrome */
	-moz-transform: scale(1.10); /* Firefox */
	-ms-transform: scale(1.10); /* IE 9 */
	-o-transform: scale(1.10); /* Opera */
	transform: scale(1.10);
	background-color: rgba(255,51,0,0.8);
}


.gallery .gallery-caption {
	
}


.wp-caption {

	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;

}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;	
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	background-color: #ffffff;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
	
}

.wp-caption-text {
	text-align: center;

	font-size: 120%;
	color: #454f40;
	margin: 15px 0 0 0;
	font-weight: 300;
}


#map_div{
	width: 80%;
	height: 400px;
	border: 6px solid #F4F4F4;
	margin: 20px auto 0 auto;
}

table{
	font-size: 120%;

	margin: 0px auto;

	border-collapse: collapse;
	text-align: left;
	letter-spacing: 0px;
}
.thead{
	font-weight: bolder;
	text-transform: uppercase;
	background-image: url(//www.tigaman.hu/wp-content/themes/2025.tigaman.hu/images/tbbg.png);
	color: #FFF;
	background-color: #3A3F55;
}


table th
{

	padding: 10px 8px;
	color: #333;

}
table td
{
	padding: 5px 10px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 20px 20px 10px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}





.mobil{
	display: none;
}
.nomobil{
	display: inline;
}






/* ----------------------------  mobil -------------------------------------   */
@media screen and (max-width: 980px) {
/**/



.mobil{
	display: inline;
}
.nomobil{
	display: none;
}
body {
	font-size: 8px;
}

.topsocial,#menu{
	display: none;	 
}

        .slideshow {

	padding: 40% 0 0 0;

	top: 60px;
        }


#content{
	width: 100%;
	padding: 0;
	margin: 0px auto 0 auto;

}
#mobil-menu-space {
	height: 60px;
	width: 100%;
	display: block;
}
.post-header {

	padding-top: 45%; /* magasság arányosan */

}
.post-header h1 {
	font-size: 110%;
}

.facebooksvg {
	left: 2%;
	bottom: 45px;
	width: 10%;
}
.xsvg {
	left: 2%;
	bottom: 130px;
	width: 10%;
}


.fleft {
	width: 100%;
}

.content {
	width: calc(100% - 22px);
	padding: 10px;
	margin: 0 auto 50px auto;
	font-size: 200%;
	color: #666666;    
	border: 1px solid #ebebeb;
    box-shadow: 0 5px 5px -5px #333;
}
.content.home {
	width: calc(100% - 20px);
	padding: 10px;


}

.pagination {

	width: 80%;
}
.sidebar {
	width: calc(100% - 2em);
	float: left;
	margin: 0em 1em 0 1em;

}
blockquote {
      position: relative;
      font-size: 110%;
      color: #fff;
      padding: 10px;
      border-left: 20px solid #057A8F;
      background-color: #222;
      width: calc(100% - 0px);
      margin: 10px 0;
      overflow: hidden;
    }
    blockquote::before {

	font-size: 10em;

	top: -70px;
	left: 20px;

    }

.services, .services.homeservices  {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 1em;
	margin: 1em 10px;
	width: calc(100% - 20px);
} 

.content .services {
	grid-template-columns: repeat(1, 1fr);
	gap: .5em;
	margin: 0 0px;
	width: calc(100% - 0px);


}




.our-services-title{
	font-size: 16px;
}
.our-services-description {
	font-size: 12px;
}

.posts {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 2em;
	margin: 2em auto;
	width: calc(100% - 2em);
}

.relatedposts  {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 2em;
	margin: 2em auto;
	width: calc(100% - 2em);
}



 
.footer {

	grid-template-columns: repeat(1, 1fr);
	left: 50%; 
	transform: translateX(-50%); 	

} 

  .footer > div:nth-child(1),
  .footer > div:nth-child(2),
  .footer > div:nth-child(3),
  .footer > div:nth-child(4){
               grid-area: unset;

}

/* Mobil nézetben */
.footer > div:nth-child(3) ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important; /* Ez a "térköz" (spacing) amit a hibaüzenet kér */
}

.footer > div:nth-child(3) ul li {
    margin: 0 !important;
}

.footer > div:nth-child(3) ul li a {
    display: inline-flex !important;
    align-items: center;
    min-height: 24px !important; /* A minimum magasság amit kér */
    padding: 8px 0 !important;   /* De adunk hozzá extra területet */
    width: 100%;
}

.footer div:not(:last-child)::after {

  width: 0px; /* border vastagsága */

}


  .footer > div:nth-child(4){
	-moz-column-count: 1;
	-webkit-column-count:14;
	column-count: 1;
	-moz-column-gap: 5px;
	-webkit-column-gap: 5px;
	column-gap: 5px;

}


.hullam {


}
.hullam2 {



}

dl.gallery-item {
	
	width: 97%;	


	
}

}