@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,350;0,400;0,600;0,900;1,300;1,500;1,800&display=swap');

/*=================================
 global area - start
====================================*/

* {
    padding: 0;
    margin: 0;
    outline: 0px;
    scroll-behavior: smooth;
}

html {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
}

body {
    font-family: 'Oswald';
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5rem;
    width: 100%;
    overflow-x: hidden;
    background-color: var(--bs-dark);
}

html,
body,
.wrapper {
    height: 100%;
    width: 100%;
}

section {
    padding: 100px 0px;
}

section#revolut-ajanlo {
    padding: 30px 0px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bs-light);
    font-weight: bold;
    line-height: 2.5rem;
    font-family: 'Oswald';
    letter-spacing: 0;
    margin-bottom: 15px;
}

img {
    border: none;
    outline: none;
    max-width: 100%;
}

label {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 5px;
    max-width: 100%;
    margin-right: 10px;
    color: var(--bs-darkgold);
}

a,
img,
button,
iframe {
    border: none;
    text-decoration: none !important;
}

a {
    color: var(--bs-white) !important;
}

a:hover {
    color: var(--bs-darkgold) !important;
}

p {
    font-family: 'Rubik';
    color: #232323;
    line-height: 1.5rem;
    text-transform: none;
    font-weight: 350;
    margin-bottom: 20px;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    box-shadow: inherit;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -ms-box-shadow: inherit;
    -o-box-shadow: inherit;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav li a,
a:active,
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
    color: var(--black);
}

b,
strong {
    font-weight: 600;
    line-height: 2rem;
}

span {
    font-weight: 300;
    font-style: normal;
    font-size: 13px;
}

.btn.focus,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover {
    outline: 0;
}

input {
    border: 1px solid #e7e7e7;
    border-radius: inherit;
    box-shadow: inherit;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -ms-box-shadow: inherit;
    -o-box-shadow: inherit;
    min-height: 50px;
}

:root {
    --bs-tpblack: #00000073;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-darkgold: #b98e17;
    --bs-tpgraygold: #b7902561;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-graywhite: #9f9f9f;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: rgb(255, 37, 37);
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-soliddark: #0000;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgb(18 20 23), rgba(255, 255, 255, 0));
}


/* preloader- start */

#preloader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    overflow: visible;
    background: #fff url("../image/preloder.gif") no-repeat center center;
    animation: loader 5s infinite ease;
}


/* preloader - end */


/* header - start */

* {
    box-sizing: border-box;
}

strong {
    font-weight: 600;
    letter-spacing: 2px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    padding: 55px 30px 0;
    text-align: right;
}

.menu-trigger {
    width: 40px;
    height: 40px;
    background: var(--bs-gray-dark);
    border: 1px solid #fff;
    cursor: pointer;
    position: relative;
}

.menu-trigger:focus,
.menu-trigger:active {
    outline: 0;
}

.menu-trigger__line {
    position: absolute;
    left: 4px;
    width: 30px;
    height: 2px;
    background-color: #fff;
    transition: 0.2s ease-in-out;
}

.menu-trigger__line:nth-child(1) {
    top: 9px;
}

.menu-trigger__line:nth-child(2) {
    top: 18px;
}

.menu-trigger__line:nth-child(3) {
    bottom: 9px;
}

.menu-trigger:hover .menu-trigger__line:nth-child(1) {
    top: 7px;
}

.menu-trigger:hover .menu-trigger__line:nth-child(3) {
    bottom: 7px;
}

.navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #282828;
    z-index: 99;
    color: #fff;
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
    transition: 0.4s ease-in-out;
    transition-delay: 0.3s;
    min-height: 450px;
}

.navigation__inner {
    max-width: 650px;
    margin: 120px auto 0;
}

.navigation__info {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 30px;
    height: 200px;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    transform: translate3d(-25px, 0, 0);
    visibility: hidden;
    transition: 0.4s ease-in-out;
    transition-delay: 0s;
}

@media screen and (min-width: 760px) {
    .navigation__inner {
        display: flex;
    }

    .navigation__info {
        width: calc(50% - 75px);
        margin: 0 75px 0 0;
    }
}

.menu {
    width: 80%;
    margin: 0 auto;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(25px, 0, 0);
    transition: 0.4s ease-in-out;
    transition-delay: 0s;
}

.menu ul {
    list-style: none;
    counter-reset: menu;
    margin: 0;
    padding: 0;
}

.menu li {
    position: relative;
    margin: 15px 0 30px;
}

.menu li:last-child {
    margin-bottom: 0;
}

.menu li::before {
    counter-increment: menu;
    content: counter(menu, decimal-leading-zero);
    position: absolute;
    top: -20px;
    left: -35px;
    opacity: 0.15;
    font-size: 42px;
    font-weight: 300;
}

.menu li a {
    color: #fff;
    text-decoration: none;
    position: relative;
    line-height: 1;
}

.menu li a::after {
    content: "";
    position: absolute;
    left: 108%;
    top: 3px;
    width: 0;
    height: 20px;
    background-color: var(--bs-darkgold);
    transform: skew(-20deg);
    transition: 0.2s ease-in-out;
}

.menu li a:hover::after {
    width: 8px;
}

.menu li.current a::after {
    width: 8px;
}

@media screen and (min-width: 760px) {
    .menu {
        width: 50%;
        padding: 0;
        margin: 0;
    }
}

#slc-offer-machu_picchu {
    position: absolute;
    float: right;
    top: 108px;
    right: 20px;
    width: 42%;
}

@media screen and (max-width: 768.98px) {
    #slc-offer-machu_picchu {
        position: initial;
        width: 100%;
        margin-bottom: 50px;
    }

    .slc-tulajdonos-caption {
        width: 100% !important;
        left: 0 !important;
        text-align: center;
    }

    .slc-uzenetkuldo-form {
        position: initial !important;
        width: 100% !important;
        margin-bottom: 50px;
    }
}

.slc-tulajdonos {
    height: 1250px;
    min-height: 1000px;
    width: 100%;
    background: url(../image/index-machu.png) no-repeat top center #282828;
    background-size: cover;
    color: var(--bs-white);
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

@media screen and (max-width: 1440px) {
    .slc-tulajdonos {
        background: url(../image/index-machu.png) no-repeat top left #282828;
        background-position: -200px;
    }
}

@media screen and (max-width: 580px) {
    .slc-tulajdonos {
        background: url(../image/index-machu.png) no-repeat top left #282828;
        background-position: -385px;
    }
}

.slc-tulajdonos::before {
    position: absolute;
    width: 100%;
    height: inherit;
    background-color: rgb(40 40 40 / 0%);
}

.slc-tulajdonos-caption {
    position: relative;
    letter-spacing: 5px;
    left: 4rem;
    width: 50%;
}

.slc-tulajdonos-caption h2 {
    font-weight: 300;
    font-size: 48px;
    line-height: 1.5;
    color: var(--bs-white);
    text-transform: none;
}

.slc-tulajdonos-caption h3 {
    color: var(--bs-darkgold);
    letter-spacing: 2px;
}

.slc-form-input {
    background-color: var(--bs-dark);
    color: var(--bs-gray);
    background-clip: padding-box;
    border: none;
}

.slc-uzenetkuldo-form {
    position: absolute;
    float: right;
    top: 400px;
    right: 20px;
    background: var(--bs-tpblack);
    width: 42%;
    padding: 20px 20px 30px 20px;
}

.slc-elkuld-nyomogomb {
    background-color: #212529;
    color: var(--bs-white);
    letter-spacing: 2px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slc-elkuld-nyomogomb:hover {
    color: var(--bs-light);
    background-color: #b97e12;
    letter-spacing: 4px;
}

.is-navigation-open .menu-trigger__line {
    background-color: var(--bs-darkgold);
}

.is-navigation-open .menu-trigger__line:nth-child(1) {
    transform: rotate(-45deg);
    top: 18px !important;
}

.is-navigation-open .menu-trigger__line:nth-child(2) {
    transform: scale(0);
}

.is-navigation-open .menu-trigger__line:nth-child(3) {
    transform: rotate(45deg);
    bottom: 18px !important;
}

.is-navigation-open .navigation {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
}

.is-navigation-open .navigation__info {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition-delay: 0.3s;
    background: url(../image/menubar-image.png);
}

.is-navigation-open .menu {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    visibility: visible;
    transition-delay: 0.3s;
}


/* promo section - start
=============================== */

.slc-feladatok-card {
    background: var(--bs-gray-dark);
    padding: 30px 0px;
    transition: all 0.5s ease-in-out;
}

.slc-feladatok-card:hover {
    background-color: var(--bs-darkgold);
    box-shadow: rgb(0, 0, 0) 0px 6px 12px -2px, rgba(0, 0, 0, 0.959) 0px 3px 7px -3px;
}

.slc-feladatok-image {
    min-width: 32px;
}

.slc-feladatok-info {
    padding-right: 15px;
    text-align: justify;
}

.slc-bevezeto h4 {
    font-family: 'rubik';
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--bs-darkgold);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 7px;
}


/* .slc-feladatok-title {
    margin-top: 110px;
} */

.hs-promo-image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hs-promo-image:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}


/* promo section - end
=============================== */


/* growth timeline - start
=============================== */

.slc-idovonal-sec {
    position: relative;
    background: #111111;
    padding: 50px 0px;
}

.slc-idovonal-sec .container {
    position: relative;
}

@media screen and (max-width: 767px) {
    .slc-idovonal-sec .container ol:before {
        background: #348e80;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: -8px !important;
        left: 33px !important;
    }

    .slc-idovonal-sec .container ol:after {
        background: #348e80;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: inherit !important;
        left: 33px;
    }

    .slc-idovonal-sec .container ol.slc-idovonal {
        margin: 130px 0;
        border-left: 2px solid var(--bs-darkgold);
        padding-left: 0 !important;
        padding-top: 120px;
        border-top: 0 !important;
        margin-left: 25px !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li {
        height: 170px;
        float: none !important;
        width: inherit !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li:nth-child(2) .slc-img-handler-bot img,
    .slc-idovonal-sec .container ol.slc-idovonal li:nth-child(2) .slc-img-handler-bot i {
        width: 80%;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li:last-child {
        margin: 0;
        bottom: 0 !important;
        height: 120px;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-img-handler-bot {
        bottom: 40px !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-img-handler-bot img,
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-img-handler-bot i {
        width: 80%;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-idovonal-fent {
        margin-bottom: 0 !important;
        top: -10px;
        width: 50% !important;
        left: 195px;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li span {
        left: 0 !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li span.slc-idovonal-sor-fent:before {
        content: none !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li span.slc-idovonal-sor-fent:after {
        content: none !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li span.ps-sp-bot:before {
        content: none !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li span.ps-sp-bot:after {
        content: none !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top {
        position: absolute !important;
        bottom: 100px !important;
        width: 180px !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top img,
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top i {
        margin: 0 auto !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot {
        bottom: 115px;
        width: 180px !important;
        float: left;
        margin-left: 35px;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 0px !important;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-fent {
        width: 55% !important;
        float: right !important;
        right: 0;
        top: -25px;
    }

    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-lent {
        width: 60% !important;
        float: right !important;
        right: 0;
        top: -40px;
    }
}

.slc-idovonal-sec .container ol:before {
    background: var(--bs-darkgold);
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: -4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.slc-idovonal-sec .container ol:after {
    background: var(--bs-darkgold);
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    right: 8px;
    top: -4px;
}

.slc-idovonal-sec .container ol.slc-idovonal {
    margin: 350px 0;
    padding: 0;
    border-top: 2px solid var(--bs-darkgold);
    list-style: none;
}

.slc-idovonal-sec .container ol.slc-idovonal li {
    float: left;
    width: 25%;
    padding-top: 30px;
    position: relative;
}

.slc-idovonal-sec .container ol.slc-idovonal li span {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    background: var(--bs-gray-dark);
    border: 4px solid var(--bs-darkgold);
    border-radius: 50%;
    box-shadow: 0 0 0 0px var(--bs-white);
    text-align: center;
    line-height: 50px -10;
    color: var(--bs-white);
    font-size: 2em;
    font-style: normal;
    position: absolute;
    top: -26px;
    left: 50%;
}

.slc-idovonal-sec .container ol.slc-idovonal li span.slc-idovonal-sor-fent:before {
    content: "";
    color: var(--bs-darkgold);
    width: 2px;
    height: 50px;
    background: var(--bs-darkgold);
    position: absolute;
    top: -50px;
    left: 50%;
}

.slc-idovonal-sec .container ol.slc-idovonal li span.slc-idovonal-sor-fent:after {
    content: "";
    color: var(--bs-darkgold);
    width: 8px;
    height: 8px;
    background: var(--bs-darkgold);
    position: absolute;
    bottom: 90px;
    left: 44%;
    border-radius: 100%;
}

.slc-idovonal-sec .container ol.slc-idovonal li span.ps-sp-bot:before {
    content: "";
    color: var(--bs-darkgold);
    width: 2px;
    height: 50px;
    background: var(--bs-darkgold);
    position: absolute;
    bottom: -50px;
    left: 50%;
}

.slc-idovonal-sec .container ol.slc-idovonal li span.ps-sp-bot:after {
    content: "";
    color: var(--bs-darkgold);
    width: 8px;
    height: 8px;
    background: var(--bs-darkgold);
    position: absolute;
    top: 90px;
    left: 44%;
    border-radius: 100%;
}

.slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 130px;
    width: 100%;
}

.slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top img,
.slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top i {
    display: table;
    margin: 0 auto;
    width: 40%;
    border: 3px solid var(--bs-darkgold);
    padding: 25px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot {
    position: absolute;
    margin-top: 60px;
    width: 100%;
}

.slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot img,
.slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot i {
    display: table;
    margin: 0 auto;
    width: 40%;
    border: 3px solid var(--bs-darkgold);
    padding: 25px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top i {
    font-size: 4.4vw;
    color: var(--bs-graywhite);
}

.slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot i {
    font-size: 4.4vw;
    color: var(--bs-graywhite);
}

.slc-idovonal-sec .container ol.slc-idovonal li p {
    text-align: center;
    width: 330px;
    margin: 0 auto;
    color: var(--bs-graywhite);
    font-size: 19px;
    font-family: 'Oswald';
    font-weight: 400;
    line-height: 1.5;
    word-spacing: 2px;
}

.slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-fent {
    position: absolute;
    bottom: 0;
    margin-bottom: 100px;
}

.slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-lent {
    position: absolute;
    margin-top: 35px;
}


/* growth timeline - end
================================ */


/* testimonial - start
=============================== */

.image-text-overlay {
    width: 100%;
    height: 650px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.hs-card-overlay {
    width: 100%;
    height: 312px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
}

.hs-card-overlay .overlay-black {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.2;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.image-text-overlay .overlay-black {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.2;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.image-text-overlay:hover .overlay-black {
    opacity: 0.9;
    background: rgb(0 0 0);
}

.hs-card-overlay:hover .overlay-black {
    background: rgb(0, 0, 0);
    opacity: 0.9;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.client-say-text p {
    color: var(--bs-gray);
    padding-left: 40px;
    padding-right: 40px;
    height: 100%;
    display: flex;
    justify-content: end;
    flex-direction: column-reverse;
    padding-bottom: 20px;
    line-height: 1.2;
    z-index: 9999;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    /* bottom: 40px; */
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.image-text-overlay::before {
    content: " ";
    position: absolute;
    z-index: 999;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 5px solid var(--bs-gray-dark);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.image-text-overlay:hover:before {
    border: 5px solid var(--bs-darkgold);
    z-index: 999;
}

.hs-right-side p {
    color: var(--bs-gray);
    height: 100%;
    display: flex;
    justify-content: end;
    flex-direction: column-reverse;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 1.2;
    z-index: 9999;
    font-size: 20px;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.hs-right-side p:hover {
    padding-bottom: 22%;
    color: var(--bs-darkgold);
}

.hs-right-side p::before {
    content: " ";
    position: absolute;
    z-index: 999;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 5px solid var(--bs-gray-dark);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.hs-right-side p:hover::before {
    content: " ";
    position: absolute;
    z-index: 999;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 5px solid var(--bs-darkgold);
}

.hs-card-overlay .overlay-black {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9692752100840336) 14%, rgba(0, 0, 0, 0.9020483193277311) 28%, rgba(0, 0, 0, 0.8572303921568627) 42%, rgba(0, 0, 0, 0.7227766106442577) 61%, rgba(0, 0, 0, 0.6247373949579832) 81%, rgba(0, 0, 0, 0.4874824929971989) 100%);
}

.hs-card-overlay-long-text:hover p {
    padding-bottom: 12%;
}

.image-text-overlay .overlay-black {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9692752100840336) 14%, rgba(0, 0, 0, 0.9020483193277311) 28%, rgba(0, 0, 0, 0.8572303921568627) 42%, rgba(0, 0, 0, 0.7227766106442577) 61%, rgba(0, 0, 0, 0.6247373949579832) 81%, rgba(0, 0, 0, 0.4874824929971989) 100%);
}

.image-text-overlay:hover p {
    padding-bottom: 40%;
    color: var(--bs-darkgold);
    transform: translate(0px, -40px);
    -webkit-transform: translate(0px, -40px);
    -moz-transform: translate(0px, -40px);
    -ms-transform: translate(0px, -40px);
    -o-transform: translate(0px, -40px);
}

.image-text-overlay-long-text:hover p {
    padding-bottom: 15%;
}

@media screen and (min-width: 460px) {
    .image-text-overlay:hover p {
        font-size: 26px;
    }
}

@media screen and (min-width: 460px) {
    .hs-card-overlay:hover p {
        font-size: 24px;
    }
}

.anm-0 {
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

@media screen and (min-width: 1200px) {
    .anm-0:hover {
        font-size: 3rem;
        color: var(--bs-darkgold);
    }
}

.slc-info-google img {
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slc-info-google:hover img {
    overflow: hidden;
    z-index: -1;
    filter: grayscale(0);
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}


/* testimonial - end
=============================== */


/* Join us - start
=============================== */

#slc-kedvenc-ital {
    padding: 70px 0px;
    background-color: var(--bs-gray-dark);
}

.hs-click-btn {
    padding: 5px 15px;
    position: relative;
    color: var(--bs-light);
    background-color: var(--bs-dark);
    z-index: 2;
    line-height: 40px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.slc-kedvenc-ital-btn a {
    color: #fff;
    text-decoration: none;
}

.slc-kedvenc-ital-btn:hover {
    border: none;
}

.slc-kedvenc-ital-btn:before,
.slc-kedvenc-ital-btn:after {
    position: absolute;
    content: "";
    width: 0%;
    height: 0%;
    border: 0px solid;
    z-index: -1;
    transition: all 0.3s ease;
}

.slc-kedvenc-ital-btn:before {
    top: 0;
    left: 0;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--bs-darkgold);
    border-left-color: var(--bs-darkgold);
}

.slc-kedvenc-ital-btn:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: var(--bs-darkgold);
    border-right-color: var(--bs-darkgold);
}

.slc-kedvenc-ital-btn:hover:before,
.slc-kedvenc-ital-btn:hover:after {
    border-color: var(--bs-darkgold);
    height: 114%;
    width: 105%;
    border: 2px solid var(--bs-darkgold);
}


/* Join us - end
=============================== */


/* Pricing plan - start
=============================== */

.slc-qr {
    /* padding: 30px; */
    background-color: var(--bs-light);
}

.slc-qr-szovegtorzs {
    padding: 35px;
    font-size: 1.4rem;
    line-height: 3rem;
}

.slc-qr img {
    height: 300px;
}

#slc-orszagok-plan {
    background-image: url(../image/pricing-bg-image.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    height: auto;
    width: 100%;
}

.slc-orszagok-table ul {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.slc-bemutatkozo {
    padding: 30px;
    background-color: var(--bs-light);
}

.slc-bemutatkozo-szovegtorzs ul {
    display: inline-flex;
    justify-content: center;
}

.slc-idovonal-lenttom h2,
.hs-date,
.hs-time {
    color: var(--bs-dark);
    margin-right: 10px;
}

.slc-idovonal-lenttom h2 {
    font-size: 3em;
}

.slc-bemutatkozo-szovegtorzs ul li {
    display: inline-block;
}

.hs-price-info {
    align-items: center;
}

.slc-orszagok-card {
    padding: 45px 0px;
    background: #c38a12d1;
}

.slc-orszagok-text {
    margin-right: 40px;
}

.slc-orszagok-text h2:hover {
    font-size: 2.4rem;
}


/*  */

.slc-orszagok-main {
    padding: 28px 0px 0px;
}


/*start portfolio*/

.slc-orszagok-tab p {
    color: rgba(255, 255, 255, .6);
    letter-spacing: 1px;
    line-height: 1.5em;
}


/*start tabs*/

.slc-orszagok-tab input[type="radio"] {
    display: none;
}

.slc-orszagok-tab .tabs label {
    display: inline-block;
    color: var(--bs-darkgold);
    text-transform: uppercase;
    text-align: center;
    padding: 10px 18px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
}

.slc-orszagok-tab .tabs .all {
    display: none;
    transform-origin: 10% 50%;
}

.slc-orszagok-tab .tabs .content {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.slc-orszagok-tab .tabs .content img {
    height: 190px;
    width: 100%;
}

.slc-orszagok-tab input[id="all"]:checked~.content .all {
    display: block;
    animation: animateTabe 1s;
}

.slc-orszagok-tab input[id="tabEuropa"]:checked~.content .tabEuropa {
    display: block;
    animation: animateTabe 1s;
}

.slc-orszagok-tab input[id="tabAmerika"]:checked~.content .tabAmerika {
    display: block;
    animation: animateTabe 1s;
}

.slc-orszagok-tab input[id="tabAfrika"]:checked~.content .tabAfrika {
    display: block;
    animation: animateTabe 1s;
}

.slc-orszagok-tab input[id="tabAzsia"]:checked~.content .tabAzsia {
    display: block;
    animation: animateTabe 1s;
}

.slc-orszagok-tab input[type="radio"]:checked+label {
    background-color: transparent;
    border: 3px solid #7c6e47;
    cursor: default;
}

@keyframes animateTabe {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.classic-list {
    list-style-type: none;
}


/* btn */

.slc-orszagok-btn:hover {
    border: none;
}

.slc-orszagok-btn:before,
.slc-orszagok-btn:after {
    position: absolute;
    content: "";
    width: 0%;
    height: 0%;
    border: 0px solid;
    z-index: -1;
    transition: all 0.3s ease;
}

.slc-orszagok-btn:before {
    top: 0;
    left: 0;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--bs-darkgold);
    border-left-color: var(--bs-darkgold);
}

.slc-orszagok-btn:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: var(--bs-darkgold);
    border-right-color: var(--bs-darkgold);
}

.slc-orszagok-btn:hover:before,
.slc-orszagok-btn:hover:after {
    border-color: var(--bs-darkgold);
    border: 2px solid var(--bs-darkgold);
    height: 114%;
    width: 105%;
}


/* Angkor Wat - start
=============================== */

#slc-offer {
    background-image: url(../image/index-angkor.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    height: 500px;
    min-height: 500px;
    position: relative;
    background-size: auto;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 980px) {
    #slc-offer {
        background-position: left;
        background-position: -462px 0;
    }
}

.slc-offer-text {
    padding: 20px 20px 30px 20px;
    background: var(--bs-tpblack);
}

.slc-offer-text h2 span {
    font-size: 32px;
    color: var(--bs-darkgold);
}

.slc-offer-text span {
    font-size: 18px;
    letter-spacing: 4px;
    color: var(--bs-darkgold);
}

.slc-offer-text p {
    margin-bottom: 30px;
}

.slc-ugras-kepgaleriara-nyomogomb {
    padding: 14px 25px;
    background-color: #212529;
    color: var(--bs-white);
    letter-spacing: 2px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slc-ugras-kepgaleriara-nyomogomb:hover {
    color: var(--bs-white) !important;
    background-color: #b97e12;
    letter-spacing: 4px;
}


/* Angkor Wat - end
=============================== */


/* Seling products - satrt
=============================== */

.slc-lego-item {
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slc-lego-item img {
    position: relative;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slc-lego-item img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7143732492997199) 0%, rgba(0, 0, 0, 0.5631127450980392) 14%, rgba(0, 0, 0, 0.5967261904761905) 28%, rgba(0, 0, 0, 0.5070903361344538) 42%, rgba(0, 0, 0, 0.2549894957983193) 61%, rgba(0, 0, 0, 0.12613795518207283) 81%, rgba(0, 0, 0, 0) 100%);
    opacity: .7;
}

.slc-lego-info {
    position: absolute;
    left: 0;
    top: 3rem;
    right: 0;
    padding: 12px;
    text-align: center;
    z-index: 9;
}

.slc-lego-info a {
    text-decoration: none;
    color: var(--bs-light);
    z-index: 999;
    padding: 10px 30px;
    background: var(--bs-tpblack);
    border: 1px solid var(--bs-darkgold);
    font-size: 1.2rem;
}

.slc-lego-info h3 {
    font-size: 30px;
    margin-top: 30px;
}

@media (min-width: 576px) {
    .slc-lego-info h3 {
        font-size: 3.5rem;
        line-height: 4rem;
        margin-top: 4rem;
    }
}

@media (min-width: 768px) {
    .slc-lego-info h3 {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-top: 1rem;
    }
}

@media (min-width: 992px) {
    .slc-lego-info h3 {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-top: 0.9rem;
    }
}

@media (min-width: 1200px) {
    .slc-lego-info h3 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

@media (min-width: 1400px) {
    .slc-lego-info h3 {
        font-size: 3.1rem;
        line-height: 4rem;
    }
}

.slc-lego-item:hover img {
    overflow: hidden;
    z-index: -1;
    filter: grayscale(1);
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-filter: grayscale(1);
}


/* Seling products - end
=============================== */


/* Our look book - satrt
=============================== */

#slc-gallery-view {
    background: var(--bs-tpblack);
}

@media (max-width: 1199px) {
    #menu-slc-gallery-view {
        display: none;
    }

    #slc-gallery-view {
        display: none;
    }
}

.gallery-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 70vh;
}

.gallery-wrap-text {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: end;
    color: #ff0;
    font-size: 2em;
    font-weight: 400;
    height: 100%;
    padding: 20px;
    text-shadow: 2px 2px 2px #000;
}

.item {
    flex: 1;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: none;
    transition: flex 0.8s ease;
}

.item:hover {
    flex: 7;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.item-1,
.item-2,
.item-3,
.item-4,
.item-5 {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.item-1 {
    background-image: url("../image/gallery-image-1.png");
}

.item-2 {
    background-image: url("../image/gallery-image-2.png");
}

.item-3 {
    background-image: url("../image/gallery-image-3.png");
}

.item-4 {
    background-image: url("../image/gallery-image-4.png");
}

.item-5 {
    background-image: url("../image/gallery-image-5.png");
}

.social {
    position: absolute;
    right: 35px;
    bottom: 0;
}

.social img {
    display: block;
    width: 32px;
}


/* Our look book - end
=============================== */


/* Hair related blog - start
=============================== */

.slc-egy-napos-turak-blog {
    margin-top: 30px;
}

.slc-egy-napos-turak {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 0px;
    color: var(--bs-light);
    background: var(--bs-tpblack);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.slc-egy-napos-turak a .slc-egy-napos-turak-image {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    border-radius: none;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
}

.slc-egy-napos-turak a .slc-egy-napos-turak-image img {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    pointer-events: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.slc-egy-napos-turak .slc-egy-napos-turak-table {
    padding: 15px 30px;
}

.slc-egy-napos-turak-table {
    margin-bottom: 0px;
}

.blog-category {
    position: relative;
    line-height: 0;
    margin: 15px 0;
}

.blog-text-success {
    color: #28a745 !important;
}

.slc-egy-napos-turak-blog .slc-egy-napos-turak-caption {
    margin-top: 5px;
}

.slc-egy-napos-turak-caption {
    font-weight: 400;
}

.slc-egy-napos-turak-caption,
.slc-egy-napos-turak-caption a {
    color: var(--bs-white);
    text-decoration: none;
}

.slc-egy-napos-turak-table p {
    color: #9b9b9b;
}

.slc-egy-napos-turak .ftr {
    margin-top: 15px;
}

.slc-egy-napos-turak .ftr .author {
    color: #888;
    text-decoration: none;
}

.slc-egy-napos-turak .ftr .author a {
    color: var(--bs-darkgold);
    text-decoration: none;
}

.slc-egy-napos-turak .ftr div {
    display: inline-block;
}

.slc-egy-napos-turak .author .avatar {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}

.slc-egy-napos-turak .ftr .stats {
    position: relative;
    top: 1px;
    font-size: 14px;
}

.slc-egy-napos-turak .ftr .stats i {
    font-size: 30px;
    margin-right: 10px;
}

.slc-egy-napos-turak .ftr .stats {
    float: right;
    line-height: 30px;
    display: flex;
    align-items: center;
}


/* Hair related blog - end
============================= */


/* site footer - start
============================= */

#footer {
    background: #212529;
    padding: 0 0 8px 0;
    color: #fff;
    font-size: 14px
}

#footer .footer-newsletter {
    padding: 50px 0;
    background: #404040;
}

#footer .footer-newsletter h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1;
    font-weight: 600
}

#footer .footer-newsletter form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 50px
}

#footer .footer-newsletter form input[type="email"] {
    border: 0;
    padding: 8px;
    width: calc(100% - 140px)
}

#footer .footer-newsletter form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 30px;
    margin: 3px;
    background: #e96b56;
    color: var(--bs-light);
    transition: 0.3s;
    border-radius: 50px
}

#footer .footer-newsletter form input[type="submit"]:hover {
    background: #e6573f
}

#footer .footer-top {
    background: #212529;
    border-top: 1px solid #474747;
    border-bottom: 1px solid #474747;
    padding: 60px 0 30px 0
}

#footer .footer-top .footer-info {
    margin-bottom: 30px
}

#footer .footer-top .footer-info h3 {
    font-size: 28px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700
}

#footer .footer-top .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--bs-white);
}

#footer .footer-top .social-links a {
    font-size: 20px;
    display: inline-block;
    background: var(--bs-gray-dark);
    color: #ffffff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 8px;
    border-radius: 0%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#footer .footer-top .social-links a:hover {
    background: var(--bs-tpgraygold);
    color: var(--bs-light);
    text-decoration: none
}

#footer .footer-top h4 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}

#footer .footer-top .footer-links {
    margin-bottom: 30px
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 2.5;
    margin-top: 15px;
}

#footer .footer-top .footer-links ul i {
    padding-right: 2px;
    color: var(--bs-darkgold);
    font-size: 18px;
    line-height: 0.9;
}

#footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center
}

#footer .footer-top .footer-services ul li {
    padding: 0;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0
}

#footer .footer-top .footer-links ul a {
    color: #fff;
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
}

#footer .footer-top .footer-links ul a:hover {
    color: var(--bs-darkgold)
}

#footer .footer-top .footer-contact {
    margin-bottom: 30px
}

.footer-contact ul {
    line-height: 2.5;
}

#footer .footer-top .footer-contact p {
    line-height: 26px;
    color: var(--bs-light);
}

#footer .copyright {
    text-align: center;
    padding-top: 15px;
}

#footer .credits {
    /* padding-top: 10px; */
    /* font-size: 13px; */
    color: #fff;
    text-align: justify;
    max-width: 240px;
}


/* subscribe btn */

.hs-mail {
    width: 180px;
    padding: 0px 0px 0px 20px;
    background: var(--bs-light);
    border: 1px solid var(--bs-tpgraygold);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.hs-sub-btn {
    padding: 5px 30px 6px;
    background: #313539;
    color: var(--bs-light);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.hs-sub-btn a {
    text-decoration: none;
    color: var(--bs-light);
}

.hs-sub-btn:hover {
    background: #b98e17;
    color: var(--bs-white);
}


/* subscribe btn */


/* site footer - end
============================= */


/* Breadcrumb design - start
============================= */

.breadcrumb-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bs-tpblack);
    height: 100%;
    width: 100%;
    z-index: -1;
}

.breadcrumb li {
    font-size: 18px;
}

.breadcrumb li a {
    text-decoration: none;
    color: var(--bs-light);
}

.breadcrumb-menu>p {
    color: var(--bs-gray);
    font-size: 18px;
    line-height: 1.5;
    padding-left: 220px;
    padding-right: 220px;
}


/* Breadcrumb design - end
============================= */


/* Contact me - start
============================= */

#hs-contact-me {
    padding: 30px 0px;
}

.hs-info-item>i {
    color: var(--bs-darkgold);
    margin-bottom: 10px;
}

.hs-contact-btn {
    background-color: #313539;
    color: var(--bs-light);
    border: none;
    transition: all 0.5s;
    margin-right: 5px;
}

.hs-map iframe {
    width: 100%;
    filter: grayscale(1);
}

.hs-info-item>p {
    color: var(--bs-light);
}

.hs-reset-btn {
    background-color: var(--bs-gray);
    padding: 10px 15px;
}

.hs-contact-btn:hover {
    color: #b98e17;
    background-color: #ffffff;
    border-color: #ffffff;
}

.hs-reset-btn:hover {
    background: var(--bs-light);
}

.text-light {
    color: var(--bs-white);
}

.con-form {
    margin-bottom: 15px;
}


/* contact me - end
============================= */


/* Own merchandise-start
============================== */

blockquote {
    font: 1.2em/2 'Playfair Display', serif;
    font-style: italic;
    margin: 0 0 0 0;
    text-align: left;
    color: var(--bs-darkgold);
}

.page-link:hover {
    z-index: 2;
    color: #b98e17;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.slc-ismerteto-reszletek h1 {
    margin: 0 0 60px 0;
    position: relative;
}

.slc-nyomogomb {
    display: inline-block;
    color: white;
    text-decoration: none;
    background: #313539;
    padding: .8em 1.5em;
    width: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slc-nyomogomb:hover {
    background: var(--bs-darkgold);
    color: var(--bs-light);
}


/* grid */

.slc-grid-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.slc-img {
    height: 360px;
}

.slc-img-front {
    border: 10px solid #212529;
}

.strapline {
    margin-top: 100px;
    position: relative;
}

.hs-pagination {
    display: flex;
    justify-content: center;
}

.page-link {
    position: relative;
    display: block;
    color: #bababa;
    text-decoration: none;
    background-color: #313539;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media only screen and (min-width: 850px) {
    .slc-grid-item {
        grid-template-columns: 3fr 6fr 1fr 5fr 10fr 2fr;
        grid-template-rows: 0px auto 0px auto auto;
        padding-bottom: 20px;
    }

    .slc-img-back {
        grid-column: 1 / 3;
        grid-row: 2 / 5;
    }

    .slc-img-front {
        grid-column: 2 / 4;
        grid-row: 3 / 6;
    }

    .strapline {
        grid-column: 3 / 6;
        grid-row: 2 / 3;
        padding: 0 16%;
        text-align: center;
        margin: 0;
    }

    .slc-cta-wrapper {
        grid-column: 4 / 6;
        grid-row: 4 / 6;
    }

    .slc-ismerteto-reszletek {
        padding: 100px 0 100px 10%;
    }

    .slc-ismerteto-reszletek h1 {
        font-size: 6em;
    }

    .slc-nyomogomb {
        width: auto;
    }
}

@media only screen and (min-width: 1100px) {
    .slc-ismerteto-reszletek {
        padding: 0px 0 100px 10%;
    }

    .slc-ismerteto-reszletek h1::before {
        content: '';
        display: block;
        height: 1em;
        width: 1em;
        background: url(h) no-repeat center center;
        background-size: 80%;
        position: absolute;
        left: -120px;
        top: 0;
    }
}

.slc-ismerteto-reszletek>p {
    color: var(--bs-light);
}


/* Own merchandise - end
============================== */


/*========================================

 ========index page - start

=========================================*/

.indexlink {
    background: #f26522;
    color: #fff !important;
}

.image-container span img {
    height: auto;
    max-width: 50%;
}

.features-item {
    background-color: #262b30;
    padding: 30px;
}

.features-item .title-text {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 0px;
    color: #ffffff;
}

#preview-section .section-tittle::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background-color: #f26522;
}

.preview-item {
    position: relative;
}

.overlay-preview {
    position: absolute;
    top: 0;
    left: 2px;
    right: 2px;
    bottom: 0;
    background-color: rgb(8 8 8 / 45%);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.overlay-preview:hover {
    background-color: rgb(8 8 8 / 80%);
    cursor: pointer;
}

.overlay-preview .title-text {
    color: #fff !important;
    align-items: center;
    font-size: 20px;
    transform: translateY(180px);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.overlay-preview:hover .title-text {
    font-size: 26px;
    font-weight: 700;
}

.banner-content-preview {
    transform: translateY(500px);
}

.preview-h1 {
    color: #fff;
    background: none !important;
    font-family: 'Oswald';
}

.preview-item-img {
    height: 70vh;
}

.preview-desc p {
    color: #fff;
}

.preview-button {
    background-color: #ffffff;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 50px;
}

.preview-button a {
    color: #cd9962;
}

.preview-button a i {
    margin-left: 5px;
    color: #0e4d8e;
}

#preview-banner-section {
    background-color: #0e4d8e;
}

.preview-menu-sticky {
    background: #ffffff;
    border-bottom: 1px solid #0e4d8e;
}

.preview-content {
    padding-top: 180px;
}

.indexmenusticky {
    border-bottom: 1px solid #f1f1f11c;
}

.preview-item .image-container img {
    width: 350px;
    height: auto;
}

.register_section {
    background-image: linear-gradient(rgb(33 37 41 / 60%), rgb(33 37 41)), url(../image/pricing-bg-image.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
}

.register_content h2 {
    color: #ffffff;
    font-size: 48px;
    margin-bottom: 30px;
    font-family: "Satisfy", cursive;
}

.register_content h6 {
    font-size: 41px;
    font-weight: 700;
    line-height: 48px;
    color: #efefef;
}

.indexmenusticky .navbar-collapse {
    justify-content: center;
}

.indexmenusticky .navbar-nav .nav-item .nav-link {
    padding: 10px 10px;
    color: #ffffff;
    letter-spacing: 2px;
}

.indexmenu-header {
    padding: 0px 0px;
}

.stuck .indexmenusticky .navbar {
    background-color: #a47a4e;
}

.preview-item-img {
    background-image: linear-gradient(rgb(43 43 42 / 83%), rgb(0 0 0)), url(../image/offer-bg.png);
    background-position: center;
    background-size: cover;
}

.wizz-logo-sm {
    height: 1.4rem;
    background-color: #b50679;
}

.ryanair-logo-sm {
    height: 1.8rem;
}

.blog-card-description {
    font-weight: 400;
}

.slc-idovonal-aktiv {
    color: var(--bs-green) !important;
}

.prglang-python3 {
    background-image: url(../image/prglang/python3.png);
    background-repeat: no-repeat;
    height: 32px;
}

.prglang-perl {
    background-image: url(../image/prglang/perl.svg);
    background-repeat: no-repeat;
    height: 32px;
}

.prglang-php {
    background-image: url(../image/prglang/php.png);
    background-repeat: no-repeat;
    height: 32px;
}

.prglang-cpp {
    background-image: url(../image/prglang/cpp.png);
    background-repeat: no-repeat;
    height: 32px;
}

.prglang-asm {
    background-image: url(../image/prglang/asm.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 32px;
}

.prglang-html5 {
    background-image: url(../image/prglang/html5.png);
    background-repeat: no-repeat;
    height: 32px;
}

.prglang-css3 {
    background-image: url(../image/prglang/css3.png);
    background-repeat: no-repeat;
    height: 32px;
}

.prglang-sass {
    background-image: url(../image/prglang/sass.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 32px;
}

.prglang-angular {
    background-image: url(../image/prglang/angular.svg);
    background-repeat: no-repeat;
    height: 32px;
}

.prglang-vue3 {
    background-image: url(../image/prglang/vue3.svg);
    background-repeat: no-repeat;
    height: 32px;
}

.prglang-graphql {
    background-image: url(../image/prglang/graphql.svg);
    background-repeat: no-repeat;
    height: 32px;
}

.prglang-mysql {
    background-image: url(../image/prglang/mysql.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.prglang-eth {
    background-image: url(../image/prglang/smart-contract-ethereum-solidity.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 32px;
}

.prglang-flex {
    background-image: url(../image/prglang/macromedia-flex-mx.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 32px;
}

.require {
    display: none;
}

.slc-img-back:hover {
    z-index: 1 !important;
    border: 10px solid #212529;
}

.text-justify {
    text-align: justify !important;
}

.slc-googlestreet-main {
    background-color: var(--bs-tpblack);
    padding: 100px 0;
}

.slc-googlestreet-img {
    height: auto !important;
    min-height: 400px;
}

.feltoltve {
    color: var(--bs-success);
}

.text-kiemelt {
    color: var(--bs-darkgold);
    font-size: 14px;
    font-weight: 400;
}

.text-kiemelt-alert {
    color: var(--bs-danger);
    font-size: 16px;
    font-weight: 400;
}

.slc-uzenetkuldo-form .output_message {
    display: none;
    color: #fff;
    height: 28px;
    line-height: 28px;
    border-radius: 0.25rem;
    padding-left: 10px;
}

.slc-uzenetkuldo-form .output_message.success {
    background: var(--bs-success);
}

.slc-uzenetkuldo-form .output_message.success:before {
    padding-right: 10px;
}

.slc-uzenetkuldo-form .output_message.warning {
    background: var(--bs-warning);
}

.slc-uzenetkuldo-form .output_message.warning:before {
    padding-right: 10px;
}

.slc-uzenetkuldo-form .output_message.error {
    background: var(--bs-danger);
}

.slc-uzenetkuldo-form .output_message.error:before {
    padding-right: 10px;
}

@media screen and (max-width: 769px) {
    #slc-idovonal-sec .container .slc-idovonal.sm {
        display: block;
        color: var(--bs-graywhite);
        word-spacing: 2px;
        border-left: 2px solid var(--bs-darkgold);
    }

    #slc-idovonal-sec .container .slc-idovonal.sm::before {
        background: var(--bs-darkgold);
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        left: 8px;
        top: -4px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    #slc-idovonal-sec .container .slc-idovonal.sm::after {
        background: var(--bs-darkgold);
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        left: 8px;
        bottom: -4px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    #slc-idovonal-sec .container .slc-idovonal.sm i {
        font-size: 28px;
        color: var(--bs-graywhite);
        display: table;
        margin: 5px;
        width: 40%;
        border: 3px solid var(--bs-darkgold);
        padding: 25px;
        border-radius: 14px;
        -webkit-border-radius: 14px;
    }

    #slc-idovonal-sec .container .slc-idovonal.sm p {
        display: table-cell;
        height: 100px;
        vertical-align: middle;
        color: var(--bs-graywhite);
        font-size: 19px;
    }

    #slc-idovonal-sec .container .slc-idovonal.sm span.rownum {
        justify-content: center;
        align-items: center;
        display: flex;
        width: 50px;
        height: 50px;
        background: var(--bs-gray-dark);
        border: 4px solid var(--bs-darkgold);
        border-radius: 50%;
        box-shadow: 0 0 0 0px var(--bs-white);
        color: var(--bs-white);
        font-size: 28px;
        margin-top: 25px;
        margin-left: -25px;
    }

    #slc-idovonal-sec .container ol.slc-idovonal.lg {
        display: none;
    }
}

@media screen and (min-width: 770px) {
    #slc-idovonal-sec .container .slc-idovonal.sm {
        display: none;
    }

    #slc-idovonal-sec .container ol.slc-idovonal.lg {
        display: block;
    }
}

.scrollToTop {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 55px;
    right: 30px;
    z-index: 999;
    border: 1px solid #fff;
    background: var(--bs-gray-dark);
    transition: 0.4s ease-in-out;
}

.scrollToTop i {
    font-size: 36px;
    margin: 2px;
}

.scrollToTop:hover i {
    font-size: 48px;
    margin: -3px -4px;
}

@media screen and (max-width: 800px) {
    .scrollToTop {
        bottom: 40px;
        right: 50px;
    }
}

@media screen and (max-width: 640px) {
    .scrollToTop {
        bottom: 26px;
        right: 21px;
    }
}

@media screen and (max-width: 414.98px) {
    .scrollToTop {
        bottom: 40px;
        right: 13px;
    }
}

@media screen and (max-width: 384px) {
    .scrollToTop {
        bottom: 25px;
        right: 25px;
    }
}

@media screen and (max-width: 360px) {
    .scrollToTop {
        bottom: 20px;
        right: 12px;
    }
}

.feltoltesalatt {
    display: none;
}


.aszf-container {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: white;
    line-height: 1.5rem;
}

/* natív checkbox elrejtése */
.aszf-container input {
    display: none;
}

/* doboz */
.custom-checkbox {
    width: 24px;
    height: 24px;
    border: 2px solid white;
    border-radius: 6px;
    position: relative;
    flex-shrink: 0;
    transition: background 0.2s ease, border-color 0.2s ease;
}

/* pipa */
.custom-checkbox::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg) scale(0);
    top: 3px;
    left: 8px;
    transition: transform 0.2s ease;
}

/* checked */
.aszf-container input:checked+.custom-checkbox {
    background: black;
    border-color: white;
}

.aszf-container input:checked+.custom-checkbox::after {
    transform: rotate(45deg) scale(1);
}

/* hover */
.aszf-container:hover .custom-checkbox {
    border-color: #ddd;
}

.aszf-text {
    margin-left: 25px;
    flex: 1;
}

.aszf-text p {
    color: white;
}

.aszf-text a {
    /* font-size: 1.15rem; */
    font-style: italic;
    font-weight: bold;
    color: white;
}

.aszf-text a:hover {
    color: blue;
}