@font-face {
    font-family: 'BrandonText-Regular';
    src: url('../fonts/BrandonText-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BrandonText-Bold';
    src: url('../fonts/BrandonText-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AmaticSC-Bold';
    src: url('../fonts/AmaticSC-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html, body {
    font-family: 'BrandonText-Regular', sans-serif;	
	scroll-behavior: smooth;
	background-color: #94acea;
	color: #ffffff;
		overflow-x: hidden;
} 

.overflow-hidden-x {
	overflow-x: hidden;
}

.bg-dark {
	background-color: #221751!important;
}
.bg-dblue {
	
	background-color: #160e33!important;
}
.bg-medium {
	background-color: #221751!important;
}
.bg-medium2 {
	background-color: #00475d!important;
}



.bg-purple{
	background-color: #84005a!important; 
}
.bg-grad-x-2 { background: linear-gradient(180deg, #00475d 0%, #00adb9 100%); }

.bg-sdark { background-color: #3eb8bc!important;}
.bg-orange { background-color: #238c95!important}
.bg-gradien { background: #000535;
background: linear-gradient(180deg, #000535 0%, #1434cb 100%); }
.bg-gradien-2 { background: #000535;
background: linear-gradient(180deg, #0f28a6 0%, #1434cb 100%); }
.amatic {
	    font-family: 'AmaticSC-Bold';
}

.bg-grad {
background: linear-gradient(to right,  #65b22e 0%,#3eb8bc 100%);

}

.grad-hl h1{
font-size: 1.66rem;
}

.border-4 {
border-width: 6px!important;
}

b, strong, .strong {
    font-family: 'BrandonText-Bold';	
}

@media (min-width:1200px) {
html, body {
    font-family: 'BrandonText-Regular', sans-serif;	
	font-size: 18px;
} 


h1 {
	font-size: 1.7rem;
}

h2 {
	font-size: 1.7rem;
}

}

.text-primary {
	color: #2585dd!important;
}

.bg-primary {
	background-color: #2585dd!important;
}


.bg-darkgreen {
	background-color: #4b9b2b!important;
}


.bg-black {
	background-color: #2e2e2e!important;
}

.bg-light {
	background-color: #e4e7ea!important;
}

#car, #amigos, #tel {
	z-index: 1;
	position: relative;
}

#sepa {
	margin-top: -100px;
	margin-bottom: -160px;
	z-index: 0;
	position: relative;
}

#counter {
	background-image: url(../img/bg-green.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 350px;
}

#counter-wrapper .bg-black {
border-radius: 20px;
height: 142px;
max-width: 740px;
z-index:3;
position: relative;
}

#counter-wrapper .bg-black .col {
height: 142px;	
vertical-align: middle;
}

#counter-wrapper {
padding-top: 6rem;
padding-bottom: 2rem;
width: calc(100% - 30px);
max-width: 770px;
}

#counter-wrapper::before {
content: '';
color: white;
display: inline-block;
position: relative;
right: 0;
border: 4px solid white;
width: 100%;
height: 154px;
border-radius: 20px;
transform: rotate(-2deg);
margin-bottom: -154px;
z-index: 10;
}

#counter-wrapper::after {
content: '';
	background-image: url(../img/kislany.png);
	background-repeat: no-repeat;
	background-size: auto 137px;
	background-position: right top;	
display: block;
position: relative;
width: 100%;
height: 137px;
z-index: 0;
margin-top: -250px;
}

#counter-deco {
	background-image: url(../img/bg-green.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;	
	height: 532px;
	display: none
}

/* car */
/* car */
.greencar { padding-top: 0px;z-index:1;-bottom: -104px;
		width: 330px;
left: calc(((100% - 330px) / 2) - 10px);
}

#counter-wrapper::after {
content: '';
margin-top: -165px;
}

.ft {
margin-bottom: 3rem;
}

.cnt {
padding-right: 0;
letter-spacing: 1.44rem;
}

#counter-wrapper {
padding-top: 3rem;
}

#counter{
	min-height: 350px;
}

#counter-2  {
margin-top: 16px;
}

.ft span {
	padding-left: 0;
}

}


@-moz-keyframes tyre-rotate {
from{-moz-transform:rotate(360deg);}
to{-moz-transform:rotate(0deg);}
	
}
@-webkit-keyframes tyre-rotate {
from{-webkit-transform:rotate(360deg);}
to{-webkit-transform:rotate(0deg);}
	
}
.tyre:before {
	content:'';
	width:20px;
	height:20px;
	border-radius:50%;
	background:#bdc2bd;
	position:absolute;
	top:5px;
	left:5px;
}

.car {
	position:absolute;
	z-index:10;
	-moz-animation:carrun 10s  linear infinite;
	-webkit-animation:carrun 10s  linear infinite;
}
@-moz-keyframes carrun 
{
	0%   {right:-20%;}
	100% {right:130%;}
} 
@-webkit-keyframes carrun
{
	0%   {right:-20%;}
	100% {right:130%;}
} 


#road {
		background-image: url(../img/road.png);
	background-repeat: repeat-x;
	background-size: auto;
	background-position: center;
height: 104px;
}

header {

}

@media (min-width:992px) {

#car {
	margin-top: -100px;
	position: relative;
	z-index: 2;
}

#amigos {
	margin-top: -100px;
	position: relative;
	z-index: 2;
}

#finalimg {
	margin-top: -100px;
	position: relative;
	z-index: 2;
}
}

@media (max-width: 992px) {
.greencar { padding-top: 0px;z-index:1;margin-left: 150px;position: sticky;}
	.car {
	position:absolute;
	z-index:10;
	-moz-animation:carrun 7s  linear infinite;
	-webkit-animation:carrun 7s  linear infinite;
}
}
@media (max-width: 450px) {
	.greencar { padding-top: 0px;z-index:1;margin-left: 100px;position: sticky;}
	.car {
	position:absolute;
	z-index:10;
	-moz-animation:carrun 3s  linear infinite;
	-webkit-animation:carrun 3s  linear infinite;
}
}



.border-3 {
	border-width: 3px;
}

.border-primary {
border-color: #2585dd!important;
}

.btngyik { text-transform: none!important;}
.btn-orange {
	background: #3eb8bc!important;
}
.custom-control-label::before {
	background: #e4e7ea;
	border: #e4e7ea solid 1px;
}

.custom-control-label {
text-align: left;
line-height: 1;
}
.custom-control-label::after {

top: 0;

}
.custom-control-label::before {
	top:0;
}


small {
	font-size: 60%;
}

.custom-checkbox .custom-control-label::before {
border-radius: 0rem;
}





@media (min-width:1200px) {
	.sht .container,
	.sht2 .container,
	header .container,.cont-deco {
		max-width: 1150px;
	}
}

@media (min-width:1500px) {
	.sht .container,
	.sht2 .container,
	header .container,
	.cont-deco
	{
		max-width: 1890px;
	}
}
@media (min-width:1500px) {
	.sht3 .container{
	
		max-width: 1550px;
	}
}

@media (min-width:1024px) {
	#hyundai {
		position: absolute;
margin-top: 41px;
z-index: 20;
left: -100px;
width: calc(48vw);
max-width: 860px;
	}
}

@media (min-width:1230px) {
	#hyundai {
		position: absolute;
margin-top: 41px;
z-index: 20;
left: -120px;
width: calc(50vw);
max-width: 860px;
	}
}

@media (min-width:1330px) {
	#hyundai {
		position: absolute;
margin-top: 41px;
z-index: 20;
left: -150px;
width: calc(50vw);
max-width: 860px;
	}
}

@media (min-width:1570px) {
	#hyundai {
		position: absolute;
margin-tmargin-left: 300px;position: sticky;}
.bluecar { padding-top: 40px; z-index:200}
.gcar { max-width: 163px}
.tyre1 {max-width: 16px;position: absolute; top: 40px; left: 25px;}
.tyre2 {max-width: 16px;position: absolute; top: 40px; left: 118px;}

.tyre {
	position:absolute;
	z-index:2;
	-moz-animation:tyre-rotate 1s infinite linear;
	-webkit-animation:tyre-rotate 1s infinite linear;
}
@-moz-keyframes tyre-rotate {
from{-moz-transform:rotate(360deg);}
to{-moz-transform:rotate(0deg);}
	
}
@-webkit-keyframes tyre-rotate {
from{-webkit-transform:rotate(360deg);}
to{-webkit-transform:rotate(0deg);}
	
}
.tyre:before {
	content:'';
	width:20px;
	height:20px;
	border-radius:50%;
	background:#bdc2bd;
	position:absolute;
	top:5px;
	left:5px;
}

.car {
	position:absolute;
	z-index:10;
	-moz-animation:carrun 10s  linear infinite;
	-webkit-animation:carrun 10s  linear infinite;
}
@-moz-keyframes carrun 
{
	0%   {right:-20%;}
	100% {right:130%;}
} 
@-webkit-keyframes carrun
{
	0%   {right:-20%;}
	100% {right:130%;}
} 

#counter-wrapper::after {
content: '';
	background-image: url(../img/kislany.png);
	background-repeat: no-repeat;
	background-size: auto 137px;
	background-position: right top;	
display: block;
position: relative;
width: 100%;
height: 137px;
z-index: 0;
margin-top: -250px;
}

#counter-deco {
	background-image: url(../img/counter-bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;	
	height: 532px;
	display: none
}

.ft,
#counter-wrapper .h3 {
	font-size: 1.25rem;
}

.ft {
	margin-bottom: -2rem;
}

@media (min-width: 992px) {
	
.ft,
#counter-wrapper .h3 {
	font-size: 2.5rem;
}

.ft {
	margin-bottom: -2rem;
}
	
#counter-wrapper {
padding-top: 2rem;
padding-bottom: 0;
width: 770px;
}

#counter-wrapper .bg-black .col {
width: 82px;
}

#counter-wrapper {
padding-top: 189px;
margin-bottom: -328px;
margin-left: auto;
margin-right: auto;
display: flex;
}

#counter-deco {
	background-image: url(../img/counter-lg-green.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;	
	height: 532px;
	display: block;
margin-left: 20px;
z-index: 80;
}

#counter-wrapper::before {
content: '';
color: white;
display: none;
position: relative;
right: 0;
border: 2px solid white;
width: 100%;
height: 154px;
border-radius: 20px;
transition: translateY(100%);
margin-bottom: -154px;
z-index: 10;
}

#counter-wrapper::after {
content: 'FT';
color: white;
display: none;
position: relative;
right: 0;
}
}

.border-3 {
	border-width: 3px;
}

.border-primary {
border-color: transparent!important;
}


.cnt {
text-align: right;
font-size: 1.5rem;
letter-spacing: 2rem;
padding-left: 1rem;
}
}

.form-control {
	height: 53px;
}

.custom-select {
display: inline-block;
width: 100%;
height: 53px;
padding: .375rem 1.75rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: url(../img/dwn.png) right center no-repeat;
border: 1px solid #ced4da;
border-radius: 0rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}



.shutter {
	background-image: url(../img/mask2.png), url(../img/mask.png), url(../img/shutter.jpg);
	background-size: auto, contain, cover;
	background-position: left bottom, top left, center;
	background-repeat: no-repeat, no-repeat, no-repeat;
	height: 600px;
}

.text-decoration-underline {
	text-decoration: underline;
}


.flex-auto {
	flex: auto;
}

.container-left {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 150px 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "leftgreen"
    "leftgrad";
}

.leftgreen { grid-area: leftgreen; }

.leftgrad { grid-area: leftgrad; }

.container-right {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 150px 150px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "rightgrey1"
    "rightwhite"
    "rightgrey2";
}

.rightgrey1 { grid-area: rightgrey1; }

.rightwhite { grid-area: rightwhite; }

.rightgrey2 { grid-area: rightgrey2; }

.container-sht {  display: grid;
  grid-template-columns: 145px 145px 145px auto;
  grid-template-rows: 145px auto 145px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "whitewide whitewide parkx ."
    "opatall colortall . ."
    "opatall whitex opawide opawide";
}

.whitewide { grid-area: whitewide; }

.parkx { grid-area: parkx; }

.opatall { grid-area: opatall; }

.opawide { grid-area: opawide; }

.colortall { grid-area: colortall; }

.whitex { grid-area: whitex; }




.shutter {
	height: 100vw;
}

.bg-green {
background: #64b232;
}

.text > * {
	max-width: 450px;
}

.custom-select.is-invalid, .was-validated .custom-select:invalid {
border-color: #dc3545;
padding-right: calc(.75em + 2.3125rem)!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.custom-select.is-valid, .was-validated .custom-select:valid {
border-color: #28a745;
padding-right: calc(.75em + 2.3125rem)!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

header {
	background-image: url(../img/header2508.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	height: 700px;
}

.hero {  display: grid;
grid-template-columns: 145px auto 145px  145px auto;
  grid-template-rows: 1fr 145px 145px;
  gap: 0px 0px;
  grid-auto-flow: row;
     grid-template-areas: ". . . . ."
". headline . . ."
"dark whiteop1 whiteop2 . .";
    align-content: end;
}



.headline { grid-area: headline; }

.white { grid-area: white; background: rgba(255,255,255,0.2)}

.whiteop1 { grid-area: whiteop1; background-img: url(https://mentsdegyszeruen.hu/vs435dfs342/uploads/2025/03/fnps.png) }

.whiteop2 { grid-area: whiteop2; background: rgba(255,255,255,1) }

.dark { grid-area: dark; }

.deco {  display: grid;
  grid-template-columns: 145px 145px 145px 145px 145px auto 145px;
  grid-template-rows: 145px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "decobox . . . . . .";
}

.decobox { grid-area: decobox; }


.container-sht {  display: grid;
  grid-template-columns: 145px 145px auto 145px;
  grid-template-rows: 145px 145px 145px 145px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "green2 . . ."
    "gradtall2 lightgreen2 . ."
    "gradtall2 whiteop3 . ."
    "gradtall2 whiteop4 whiteop5 dark2";
}

.green2 { grid-area: green2; background: #65b22e}

.lightgreen2 { grid-area: lightgreen2; background: #56b463 }

.gradtall2 { grid-area: gradtall2; background: linear-gradient(rgba(34, 23, 81, 0), #221751 99.58%); }
}

.whiteop3 { grid-area: whiteop3; background: rgba(255,255,255,.3)}

.whiteop5 { grid-area: whiteop5; background: rgba(255,255,255,.4) }

.whiteop4 { grid-area: whiteop4; background: rgba(255,255,255,.4) }
.whiteop40 { grid-area: whiteop40;background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}

.dark2 { grid-area: dark2; }


.sht-text {  display: grid;
  grid-template-columns: 145px 1fr 145px 145px;
  grid-template-rows: 145px 145px 145px 145px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "left3 fulltext . ."
    "left3 fulltext . ."
    "left3 fulltext blue3 ."
    "left3 fulltext . blu4";
}

.left3 { grid-area: left3; }

.blue3 { grid-area: blue3; background-color: #94acea;}

.blu4 { grid-area: blu4; background-color: #94acea; }

.fulltext { grid-area: fulltext; }


.container-sht2 {
	background-image: url(../img/image2.jpg);
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;	
	min-height: 600px
}

.container-sht2 {
display: grid;
  grid-template-columns: 1fr 145px 145px;
  grid-template-rows: 145px 1fr 145px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    ". . colorbox2"
    ". . tallcolor"
    ". bglight2 .";
}

.colorbox2 { grid-area: colorbox2; background: #61b23a;}

.tallcolor { grid-area: tallcolor;  background: linear-gradient(to bottom,  #70c25a 0%,#4cc6c8 100%);}

.bglight2 { grid-area: bglight2; background: #010633;}



.container-sht {
	background-image: url(../img/shutter60.jpg);
	background-size: ;
	background-position: left top;
	background-repeat: no-repeat;	
	min-height: 580px
}

@media (max-width:1399px) {
	header {
	background-position:75% top;
}
.hero {
display: grid;
grid-template-columns: 145px auto 145px  145px auto;
grid-template-rows: 1fr 145px 145px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas: ". . . ."
". headline white ."
". . whiteop1 whiteop2 .";
align-content: end;
}
}

@media (max-width:991px) {
header {
	background-image: url(../img/bg_2508-sm.jpg);
	background-position:center top;
}
.hero {
display: grid;
grid-template-columns: 0 auto 100px auto;
grid-template-rows: 1fr 150px 150px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas: ". . . ."
". headline . ."
". whiteop1 . whiteop2 ";
align-content: end;
}
}

@media (max-width:768px) {
	.container-sht2 {
	
	min-height: 400px
}


header {
	background-position: center top;
	background-image: url(../img/bg_2508-sm.jpg);
}
.hero {
display: grid;
grid-template-columns: 0 auto 0 auto;
grid-template-rows: 1fr 150px 150px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas: ". . . ."
"headline headline headline headline"
"whiteop1 whiteop2 whiteop1 whiteop1";
align-content: end;
}

.container-sht {
display: grid;
grid-template-columns: 0px 145px auto 145px;
grid-template-rows: 145px 145px 145px 145px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas: "green2 dark1 . ."
"gradtall2 lightgreen2 . ."
"gradtall2 whiteop3 . ."
"gradtall2 whiteop4 whiteop5 dark2";
}

.container-sht2 {
	background-image: url(../img/image2.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;	
	min-height: 600px
}

.sht-text {
display: grid;
grid-template-columns: 0 1fr 0 0px;
grid-template-rows: 145px 145px 145px 145px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas: "left3 fulltext . ."
"left3 fulltext . ."
"left3 fulltext blue3 ."
"left3 fulltext . .";
}

.fulltext {
	padding-left: 1rem!important;
}

}

.bg-1 {
	background: #0e6491;
}

.bg-2 {
	background: #2d83a5;
}

.card-bg {
	background-color:#65b22e;
	background-image: url(../img/cardbg.png);
	background-repeat: no-repeat;
	background-position: 0 top;
}



.animate.pop {
  animation-duration: 0.5s;
  animation-name: animate-pop;
  animation-timing-function: cubic-bezier(.26, .53, .74, 1.48);
}

@keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

.delay-3 { animation-delay: 1.2s; }

.roll-in-right {
	-webkit-animation: roll-in-right 0.6s ease-out both;
	        animation: roll-in-right 0.6s ease-out both;
}

@-webkit-keyframes roll-in-right {
  0% {
    -webkit-transform: translateX(800px) rotate(540deg);
            transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-right {
  0% {
    -webkit-transform: translateX(800px) rotate(540deg);
            transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
.roll-in-left {
	-webkit-animation: roll-in-left 0.6s ease-out both;
	        animation: roll-in-left 0.6s ease-out both;
}

@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}

.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-10-1 10:0:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes floatAnimation {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(50px, -50px); /* Adjust the floating path as desired */
    }
    100% {
        transform: translate(0, 0);
    }
}

.floating-image {
    animation: floatAnimation 10s linear infinite;
	z-index: 666;
}
.absastro {position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 100%;}
.form-row {
	width:100%;
}
.container-sht3 {
	background-image: url(https://mentsdegyszeruen.hu/vs435dfs342/uploads/2025/09/nyeremenyek4.png);
	background-size: auto 80%;
	background-position: left top;
	background-repeat: no-repeat;	
	min-height: 400px
}

.fs-20 { font-size: 20px}
.card-header{ height: auto}

@media (max-width:1608px) {
	.container-sht3 {
	background-size: 80% auto;
	
}
}

.visacarddiv { z-index: 666; margin-top: -50px; height: 170% ;} 
@media (max-width:768px) {
	.visacarddiv { z-index: 666; margin-top: 0px; height: 100% ;} 
	.container-sht3 {
	min-height: 400px;
	background-size: 100% auto;
	
}
.whiteop1 { background-color: #ffffff;}

.container-sht {
    background-size: cover;
    background-position: center;
    min-height: 400px;

}

	.container-sht2 {
	
	min-height: 400px
}

.container-sht2 .colorbox2 {
    display: none;
}
.container-sht2 .tallcolor {
    display: none;
}
.container-sht2 .bglight2 {
    display: none;
}


}

.card-header {
	background-color: transparent!important;
	border-radius: 0;
}

.card-header:before {
content: "";
background-color: white;
box-shadow: 0 0 10px 0 rgba(130,150,240,0.6);
height: 2px;
width: 100%;
display: block;
margin-bottom: .75rem;
}


a.text-primary, a.text-primary:focus, a.text-primary:hover {
	color: #ffffff!important;
}

.border-primary {
	border-color: #ffffff!important;
}

a, a:hover {
	color: #ffffff!important;
	text-decoration: underline;
}

.container-sht > div.dark1.bg-medium {
	display: none;
}

.container-sht {
display: grid;
grid-template-columns: 145px 145px auto 145px;
grid-template-rows: 145px auto  145px 145px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas: "green2 . . ."
"gradtall2 lightgreen2 . ."
"gradtall2 whiteop3 . ."
"gradtall2 whiteop4 whiteop5 dark2";
    background-size: cover;
    background-position: 0 top;
}



.sht-text {
display: grid;
grid-template-columns: 145px 1fr 145px 145px;
grid-template-rows: 300px auto 145px 145px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas: "left3 fulltext . ."
"left3 fulltext . ."
"left3 fulltext blue3 ."
"left3 fulltext . blu4";
}


@media(min-width:1200px) {
.container-sht {
    background-size: cover;
    background-position: 0px top;
    background-repeat: no-repeat;
    min-height: 400px;
}
}

@media(min-width:1780px) {
.container-sht {
    background-size: cover;
    background-position: 0px top;
    background-repeat: no-repeat;
    min-height: 400px;
}

.container-sht > div.dark1.bg-medium {
display: block;
}

}