@charset "UTF-8";

@font-face {
    font-family: Satoshi;
    src: url("/fonts/Satoshi-Variable.ttf");
}

@font-face {
    font-family: SatoshiItalic;
    src: url("/fonts/Satoshi-VariableItalic.ttf");
}

:root {
    --theme-color: #D741A7;
    --theme-color2: #F9D75C;
    --theme-color3: #4E58A6;
    --theme-color1a: rgba(251, 217, 232, 0.2);
    --theme-color4: #FBD9E8;
    --theme-color5: #F4E9CB;
    --theme-color6: #DADEEA;
    --vs-secondary-color: #2F2552;
    --title-color: #4E58A6;
    --body-color: #4E58A6;
    --smoke-color: #F3F3F3;
    --black-color: #000000;
    --white-color: #ffffff;
    --yellow-color: #F9D75C;
    --success-color: #28a745;
    --error-color: #dc3545;
    --border-color: #e8e8e8;
    --title-font: "Satoshi", sans-serif;
    --body-font: "Satoshi", sans-serif;
    --icon-font: "Font Awesome 5 Pro";
    --main-container: 1290px;
    --container-gutters: 30px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 70px;
    --ripple-ani-duration: 5s;
}

.header-layout2 .sticky-active {
    background-color: var(--theme-color3);
}

.breadcumb-menu:after {
    background-color: var(--theme-color3);
}

.breadcumb-title {
    text-shadow: none;
}

.vs-btn:before, .vs-btn:after {
    background-color: var(--theme-color4);
}

.vs-btn.style4:before, .vs-btn.style4:after {
    background-color: var(--theme-color5);
}

.vs-btn.style4:hover {
    color: var(--theme-color3);
}

.header-social a:before {
    background-color: var(--theme-color);
}

.form-style4 input[type=checkbox] ~ label::before {
    border: 1px solid var(--theme-color3);
    border-radius: 4px;
}

.vs-logo img {
    max-width: 185px;
}

.vs-btn.style4 i.login {
    padding-right: 4px;
    margin-right: 0px;
    border-right: 2px solid var(--theme-color3);
}

.vs-btn.style4 {
    background-color: var(--theme-color2);
    border: 2px solid var(--theme-color2);
}

.vs-menu-toggle {
    background-color: var(--theme-color2);
    color: var(--theme-color3);
}

.vs-menu-wrapper .mobile-logo {
    background-color: var(--white-color);
}

.breadcumb-content {
    text-align: center;
}

.breadcumb-title {
    font-size: 52px;
}

.accordion-style1 .accordion-item:before {
    background-color: transparent;
    border-right: 2px solid var(--theme-color);
}

.footer-layout3 .copyright-wrap {
    background-color: var(--theme-color2);
}

.footer-layout3 .social-style1 a {
    color: var(--theme-color);
}

.social-style1 a {
    margin-right: unset;
}

.widget-area {
    background-color: var(--theme-color4);
    padding-top: 80px;
    font-size: 20px;
}

.footer-widget .widget_title {
    font-size: 2rem;
}

a, a:visited {
    color: var(--theme-color);
}

a:hover {
    color: var(--theme-color2);
}

.main-menu a, .main-menu a:visited {
    color: var(--theme-color3);
}

.main-menu a:hover {
    color: var(--theme-color);
}

.widget_title:after, .widget_title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 150px;
    height: 3px;
    background-color: var(--theme-color);
}

.bg-theme2 {
    background-color: var(--theme-color2);
}

.header-btns a:not(.vs-btn), .header-btns button:not(.vs-btn) {
    margin-right: 0;
}

.accordion-style1 .accordion-button:before {
    color: var(--theme-color3);
}

.accordion-style1 .accordion-item {
    outline-width: 2px;
    outline-color: var(--theme-color);
}

.vs-pagination li.active a {
    background-color: var(--theme-color4);
}

.vs-pagination li.active a:hover {
    background-color: var(--theme-color);
}

.slick-arrow {
    color: var(--theme-color3);
    border: 1px solid var(--theme-color3);
}

.accordion-style1 .accordion-button.collapsed:before {
    border-right-color: var(--white-color);
}

/* Saci ikonok */
div.hti {
    display: inline-block;
    width: 60px;
    height: 60px;
}

div.hti-l {
    display: inline-block;
    width: 120px;
    height: 120px;
}

/* BLUE */
.hti-b-ajandek {
    background-image: url("/img/icon/ht/b_ajandek.svg");
}

.hti-b-ar {
    background-image: url("/img/icon/ht/b_ar.svg");
}

.hti-b-digitalis-olvasmany {
    background-image: url("/img/icon/ht/b_digitalis_olvasmany.svg");
}

.hti-b-kereso2 {
    background-image: url("/img/icon/ht/b_kereso2.svg");
}

/* MAGENTA */
.hti-m-kereso2 {
    background-image: url("/img/icon/ht/m_kereso2.svg");
}

.hti-m-info {
    background-image: url("/img/icon/ht/m_info.svg");
}

.hti-m-gyik {
    background-image: url("/img/icon/ht/m_gyik.svg");
}

.hti-m-workprocess {
    background-image: url("/img/icon/ht/m_jelentkezes.svg");
}

.hti-m-team {
    background-image: url("/img/icon/ht/m_webinar.svg");
}

.hti-m-events {
    background-image: url("/img/icon/ht/m_idopont.svg");
}

/* YELLOW */

.ht-fs-80 {
    font-size: 80px;
}

.sec-subtitle {
    color: var(--theme-color);
}

.slick-arrow.slick-next {
    right: -52px;
    left: auto;
}

.slick-arrow {
    bottom: 50%;
    left: -52px;
}

.seen-label-1 {
    position: absolute;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background-color: rgba(78, 88, 166, 0.8);
    padding: 0px 5px 0px 5px;
    bottom: 20px;
    width: 100%;
    margin: auto;
    text-align: center;
    transform: rotate(20deg);
    left: -120px;
}

.seen-label-2 {
    position: absolute;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background-color: rgba(78, 88, 166, 0.5);
    padding: 0px 5px 0px 5px;
    height: 100%;
    width: 100%;
    margin: auto;
    text-align: center;
    top: 0;
    align-content: center;
}

.video-responsive-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: #000;
}

.video-responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}