@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;
}
.overflow-hidden-x {
overflow-x: hidden;
}
.amatic {
font-family: 'AmaticSC-Bold';
}
.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-dark {
background-color: #414141!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;margin-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: #2585dd!important;
}
.cnt {
text-align: right;
font-size: 1.5rem;
letter-spacing: 2rem;
padding-left: 1rem;
}
@media (min-width:992px) {
.cnt {
text-align: right;
font-size: 3rem;
letter-spacing: 2.5rem;
padding-left: 2rem;
padding-right: 0;
}
}
@media (max-width:1199px) {
#counter-wrapper .bg-black {
width: 720px;
}
.cnt {
padding-right: 0;
font-size: 3rem;
letter-spacing: 3.5rem;
}
}
@media (max-width:1199px) and (min-width:993px) {
#counter-wrapper .bg-black {
width: 682px;
left: 30px;
}
}
@media (max-width:1024px) {
#counter-wrapper .bg-black {
width: 720px;
}
.cnt {
padding-right: 0;
font-size: 3rem;
letter-spacing: 3.5rem;
}
}
@media (max-width:992px) {
#counter-wrapper .bg-black {
width: 720px;
left: -20px;
}
.cnt {
padding-right: 0;
font-size: 3rem;
letter-spacing: 3.5rem;
}
.ft {
font-size: 3rem;
margin-bottom: -1.5rem;
}
.ft span {
padding-left: 1rem;
}
#counter {
min-height: 450px;
}
#counter-2 {
margin-top: 120px;
}
}
@media (max-width:768px) {
#counter-wrapper .bg-black {
width: 505px;
left: 0;
}
.ft {
font-size: 2.5rem;
margin-bottom: -1.5rem;
}
.cnt {
padding-right: 0;
font-size: 2.5rem;
letter-spacing: 2.5rem;
}
}
@media (max-width:575px) {
#counter-wrapper {
width: 330px;
margin-left: calc((100% - 330px) / 2);
}
#counter-wrapper .bg-black {
width: 330px;
margin-left: calc(((100% - 330px) / 2) + 10px);
}
#counter-wrapper::before,
#counter-wrapper .bg-black {
height: 100px;
}
#counter-wrapper::before {
margin-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;
}
}
@media (min-width:1024px) and (max-width:1199px) {
#counter-deco {
background-size: contain;
}
#counter-wrapper .bg-black {
left: 133px;
}
}00px;position: sticky;}
.bluecar { padding-top: 40px; z-index:200}
.gcar { max-width: 163px}
.tyre1 {max-width: 18px;position: absolute; top: 37px; left: 25px;}
.tyre2 {max-width: 18px;position: absolute; top: 37px; left: 126px;}
.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%;}
}
#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;
}
.btn-orange {
background: #fe8c34!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;
}
.grad-hl {
background: rgb(54,147,69);
background: -moz-linear-gradient(45deg, rgba(54,147,69,1) 0%, rgba(54,147,69,1) 47%, rgba(37,150,150,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(54,147,69,1) 0%,rgba(54,147,69,1) 47%,rgba(37,150,150,1) 100%);
background: linear-gradient(45deg, rgba(54,147,69,1) 0%,rgba(54,147,69,1) 47%,rgba(37,150,150,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369345', endColorstr='#259696',GradientType=1 );
}
.grad-car {
background: rgb(101,178,46);
background: -moz-linear-gradient(45deg, rgba(101,178,46,1) 0%, rgba(101,178,46,1) 47%, rgba(88,180,92,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(101,178,46,1) 0%,rgba(101,178,46,1) 47%,rgba(88,180,92,1) 100%);
background: linear-gradient(45deg, rgba(101,178,46,1) 0%,rgba(101,178,46,1) 47%,rgba(88,180,92,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65b22e', endColorstr='#58b45c',GradientType=1 );
}
.grad-blank {
background: linear-gradient(to right, #3ff98f 0%,#1cc8b4 100%);
}
.grad-blank-2 {
background: rgb(85,180,106);
background: -moz-linear-gradient(180deg, rgba(85,180,106,1) 0%, rgba(85,180,106,1) 47%, rgba(62,184,188,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(85,180,106,1) 0%,rgba(85,180,106,1) 47%,rgba(62,184,188,1) 100%);
background: linear-gradient(180deg, rgba(85,180,106,1) 0%,rgba(85,180,106,1) 47%,rgba(62,184,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b46a', endColorstr='#3eb8bc',GradientType=1 );
}
.grad-half {
background: rgb(226,247,142);
background: -moz-linear-gradient(left, rgba(226,247,142,1) 0%, rgba(226,247,142,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(226,247,142,1) 0%,rgba(226,247,142,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(226,247,142,1) 0%,rgba(226,247,142,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f78e', endColorstr='#ffffff',GradientType=1 );
}
.grad-half-2 {
background: rgb(255,255,255);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(62,184,188,1) 50%, rgba(62,184,188,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(62,184,188,1) 50%,rgba(62,184,188,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(62,184,188,1) 50%,rgba(62,184,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3eb8bc',GradientType=1 );
}
.grad-half-2, .grad-half-2 .container, .grad-half-2 .row{
min-height: 320px;
}
.ar-1 {
aspect-ratio: 1/1;
}
.container {
max-width: 1390px;
}
@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-top: 41px;
z-index: 20;
left: -180px;
width: calc(50vw);
max-width: 860px;
}
}
.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: 1fr 1fr 150px;
grid-template-rows: 1fr 150px 150px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"shutter text text"
"shutter grey white"
"shutter small small";
}
.shutter { grid-area: shutter; }
.text { grid-area: text; }
.grey { grid-area: grey; }
.white { grid-area: white; }
.small { grid-area: small; }
@media (max-width:1024px) {
.container-sht { display: grid;
grid-template-columns: 1fr ;
grid-template-rows: 1fr 250px 150px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"shutter "
"text"
"small";
}
.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);
}
.green { grid-area: green; }
.blue { grid-area: blue; background: #3eb8bc;}
.righttall { grid-area: righttall; }
.wideblue { grid-area: wideblue; background: #2fb1b4;}
.big { grid-area: big; background: #58ab38;
background: -moz-linear-gradient(top, #58ab38 0%, #188f72 81%, #2fb1b4 100%);
background: -webkit-linear-gradient(top, #58ab38 0%,#188f72 81%,#2fb1b4 100%);
background: linear-gradient(to bottom, #58ab38 0%,#188f72 81%,#2fb1b4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58ab38', endColorstr='#2fb1b4',GradientType=0 );
}
.hl-text-big {
background: linear-gradient(to right, #33cccc 0%,#00918e 100%);
}
.hl-text-big-2 {
background: linear-gradient(to left, #33cccc 0%,#00918e 100%);
}
.grid-center {
display: flex;
flex-direction: column-reverse;
grid-template-columns: 158px 1fr;
grid-template-rows: 158px 1fr auto 1fr 1fr 1fr 1fr;
height: 100%;
}
.white-box-2 {
display: block;
width: 158px;
height: 158px;
margin-bottom: -158px;
}
.white-box {
grid-column: 1 / 1;
grid-row: 1 / 2;
display: none;
}
.grid-image {
grid-column: 1 / 5;
grid-row: 1 / 2;
position: relative;
z-index: 1;
margin-bottom: -9rem;
}
.fotelheader {
display: grid;
min-height: 400px;
grid-template-columns: 1fr;
grid-template-rows: 158px 1fr 64px;
gap: 0px 0px;
grid-template-areas: "big"
"big"
"wideblue"
"blue";
}
@media (min-width:570px) {
}
@media (min-width:768px) {
}
.h1, h1 {
font-size: 1.66rem;
}
@media (min-width:1024px) {
.grid-center {
display: grid;
grid-template-columns: 158px 1fr 1fr 1fr;
grid-template-rows: 158px 1fr 1fr 1fr 1fr 1fr 158px;
height: 100%;
}
.h1, h1 {
font-size: 2.5rem;
}
.white-box {
grid-column: 1 / 1;
grid-row: 1 / 2;
display: block;
}
.white-box-2 {
display: none;
}
.grid-image {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.fotelheader {
display: grid;
grid-template-columns: 1fr 1024px 1fr;
grid-template-rows: 158px 1fr 158px 158px;
gap: 0px 0px;
grid-template-areas:
"green big righttall"
". big righttall"
". wideblue ."
"blue . .";
}
.fotel-img {
margin-bottom: -12rem;
margin-right: -5rem;
}
}
/*qvik*/
.q { display: grid;
grid-template-columns: 1fr 170px 1390px 170px 1fr;
grid-template-rows: 1fr 170px auto;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
". . . . ."
". . . logo ."
". . headline . .";
height: 796px;
background-image: url(https://mentsdegyszeruen.hu/vs435dfs342/uploads/2025/02/simplepayhu_header_2888x1344_QVIK_20241012_final-scaled.jpg);
background-position: center right;
background-repeat: no-repeat;
background-size: cover
}
.logo { grid-area: logo; }
.headline { grid-area: headline; }
@media(max-width:1729px) {
.q { display: grid;
grid-template-columns: 1fr 1fr 170px 1fr;
grid-template-rows: 1fr 170px auto;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
". . . ."
". . logo ."
". headline headline .";
}
.logo { grid-area: logo; }
.headline { grid-area: headline; min-width:1390px }
}
@media(max-width:1389px) {
.q {
display: grid;
grid-template-columns: 1fr 170px;
grid-template-rows: 1fr 170px auto;
gap: 0px 0px;
grid-template-areas:
". ."
". logo"
"headline headline";
}
.headline { grid-area: headline; min-width:auto }
}
.card{
background-color: transparent;
height: 630px;
border: none;
}
.carousel-item{
z-index: 2;
}
.carousel-item > .row{
margin: 0;
}
input{
background-color: transparent !important;
}
/*-- vertical bootstrap slider --*/
.carousel .carousel-item-next.carousel-item-left,
.carousel .carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel .carousel-item-next,
.carousel .active.carousel-item-right {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100% 0);
}
.carousel .carousel-item-prev,
.carousel .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
transform: translate3d(0,-100%, 0);
}
/*-- vertical carousel indicators --*/
.carousel-indicators{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 120px;
right: 0px;
left: auto;
width :auto;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.carousel-indicators li{
display: block;
margin-bottom: 0px;
border-radius: 50%;
width: 10px;
height: 10px;
background: #BDBDBD;
transition: all ease 0.6s;
}
.carousel-indicators li.active{
background: #000;
}
/* Media Querys */
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.bgTitle{
}
.content{
padding: 15px;
}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.bgTitle{
height: 100%;
width: 50%;
}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}
.qlama { display: grid;
grid-template-columns: 1fr 990px 1fr;
grid-template-rows: 1fr auto;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
". . . "
". lamaheadline .";
height: 796px;
background-image: url(../img/qviklama.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.qlama2 { display: grid;
grid-template-columns: 1fr 170px 990px 170px 1fr;
grid-template-rows: auto 170px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
". . lamaheadline2 . ."
". . . qlamabox .";
}
.qlama3 { display: grid;
grid-template-columns: 1fr 170px 990px 170px 1fr;
grid-template-rows: 170px auto ;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
". qlamabox2 . . ."
". . lamaheadline3 . ."
;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%,rgba(33,33,33,1) 90%,rgba(33,33,33,1) 100%);
;
}
.lamaheadline { grid-area: lamaheadline; }
.lamaheadline2 { grid-area: lamaheadline2; }
.lamaheadline3 { grid-area: lamaheadline3; }
.qlamabox { grid-area: qlamabox; height: 170px; background: #33cccc}
.qlamabox2 { grid-area: qlamabox2; height: 170px; background: #3ff98f}
@media(max-width:1329px) {
.qlama { display: grid;
grid-template-columns: 1fr ;
grid-template-rows: 1fr auto;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"."
"lamaheadline";
height: 796px;
background-image: url(../img/qviklama-sm.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.qlama2 { display: grid;
grid-template-columns: 1fr 170px;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-template-areas:
"lamaheadline2 lamaheadline2";
}
.qlama3 { display: grid;
grid-template-columns: 1fr 170px;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-template-areas:
"lamaheadline3 lamaheadline3";
}
.qlamabox { display: none}
.qlamabox2 { display: none}
}
.phones {
margin-top: -4rem;
}
@media(max-width:991px) {
.q {
background-image: url(https://mentsdegyszeruen.hu/vs435dfs342/uploads/2025/02/simplepayhu_header_2888x1344_QVIK_20241012_final-scaled.jpg);
background-position: center ;
background-repeat: no-repeat;
background-size: cover;
height: 100vw;
}
.phones {
margin-top: 0;
}
}
.slick-dots li.slick-active button:before {
opacity: 1;
color: #3ff98f;
}
.slick-dots {
position: absolute;
bottom: 50%;
top: 50%;
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 16px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: 'â˘';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}