/******************** Boaz formating start **********************/

* {
    box-sizing: border-box;
}

body {
    max-width: 2570px;
    margin: auto;
}

h1,
h2,
h3,
h4 {
    color: #F99132;
    font-family: 'Jost', sans-serif;
    font-weight: 700;
    line-height: 5.3vw;
    z-index: 10;
    font-size: 3.5vw;
}

h2,
h3 {
    width: 450px;
}

h4 {
    width: 480px;
}

p {
    color: #242D3A;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9vw;
    line-height: 1.4vw;
}

a {
    color: #242D3A;
}

iframe {
    width: 100%;
    height: 500px;
    margin-bottom: 2rem;
}


/* ===================================
    Scrollbar
====================================== */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    width: 13px;
    background: white;
    border-left: 0 solid white;
    border-right: 0 solid white;
}

::-webkit-scrollbar-thumb {
    background: #F99132;
    width: 0;
    height: 23.9%;
    transition: .5s ease;
}

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

.display-flex-align-items-center {
    display: flex;
    align-items: center;
    z-index: 10;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.kezdolap #g-main {
    display: none;
}

#g-main {
    margin-top: 7rem;
}

#g-mainbody {
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

#g-main h1,
#g-main h2,
#g-main h3,
#g-main h4,
#g-main h5,
#g-main h6,
#g-main .newsflash-title a {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 35px;
}

.sidebar-text1 {
    margin: 0;
    background-color: rgba(255, 2555, 255, 0.85);
    position: relative;
    width: fit-content;
    padding: 10px 25px;
    text-transform: uppercase;
    margin-top: -55px;
}

.sidebar-pic1 {
    margin-top: 1.5rem;
}

.page-link {
    background: #F99132;
    padding: 13px 20px;
    color: #fff !important;
}


/******************** g-navigation formating start **********************/


/******************** g-navigation formating end **********************/


/******************** g-slideshow formating start **********************/

.g-chimera-menu {
    display: flex;
    align-items: center;
    justify-content: end;
}

#g-slideshow {
    position: fixed;
    background: linear-gradient(to left, #fff 50%, #ECEEF0 50%);
    z-index: 100;
    width: 100%;
    box-shadow: 0px 0px 50px 13px #00000066;
}

.g-menu-item-container {
    color: #F99132;
    margin: 10px 20px;
}

.g-menu-item-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
}

.g-menu-item-container {
    padding: 0 !important;
    margin: 0 !important;
}

#logo-5679-particle {
    padding: 1.5rem 0;
}

#logo-5679-particle img {
    width: 25%;
}

.active.g-menu-item {
    position: relative;
}

.g-menu-item {
    margin: 10px 20px;
}

.active.g-menu-item .g-menu-item-title {
    font-weight: 800;
}

.active.g-menu-item:before {
    content: "";
    position: absolute;
    left: 0;
    height: 5%;
    width: 33%;
    border-top: 3px solid #F99132;
    bottom: -10px;
}

.g-menu-item-container:hover .g-menu-item-title {
    color: #F99132;
    font-weight: 800;
}


/******************** g-slideshow formating end **********************/


/******************** g-showcase formating start **********************/

#g-showcase {
    background: #ECEEF0;
    position: relative;
    margin-top: 8rem;
}

#g-showcase a:not(.readon) {
    color: #F99132;
    font-family: 'Oswald', sans-serif;
}

.body-one-box__img-box img,
.body-three-box__img-box img {
    left: 0;
}

.body-one-box__img-box img,
.body-two-box__img-box img,
.body-three-box__img-box img,
.body-four-box__img-box img {
    bottom: 0;
    height: 100%;
    width: 50%;
    object-fit: cover;
    z-index: 10;
}

.body-one-box__text-box,
.body-three-box__text-box {
    padding: 5rem 0 7rem 3rem;
}

.body-one-box__text-box p,
.body-two-box__text-box p,
.body-three-box__text-box p,
.body-four-box__text-box p,
.body-five-box__text-box p,
.body-six-box__text-box p,
.body-seven-box__text-box p {
    margin: 1.5rem 0 0 0;
}

.body-one-box__text-box img {
    width: 100%;
    top: 60px;
    left: 0;
}

.body-fixed-box {
    background: #fff;
    position: fixed;
    z-index: 1000;
    right: 0;
    top: 10rem;
    padding: 0.5rem 0 0.5rem 1rem;
    box-shadow: 0px 0px 13px 1px #00000080;
}

.body-fixed-box h5 {
    width: 120px;
    padding-right: 1.5rem;
    line-height: 2.2rem;
    text-align: -webkit-right;
    font-weight: 400;
    font-size: 1.4vw;
    color: #F9741C;
}

.body-one-box__text-box h6 {
    margin-top: 3.5rem;
}


/******************** g-showcase formating end **********************/


/******************** g-feature formating start **********************/

#g-feature {
    position: relative;
}

.body-two-box__text-box,
.body-four-box__text-box {
    padding: 5rem 3rem 7rem 0;
}

.g-feature__img,
.g-expandedtop__img {
    left: 0;
    top: 210px;
}

.body-two-box__text-box a {
    font-family: 'Montserrat', sans-serif;
    color: #242D3A;
    font-weight: 500;
}

.body-two-box__text-box h6 {
    margin-bottom: 2.5rem;
}


/******************** g-feature formating end **********************/


/******************** g-utility formating start **********************/

#g-utility {
    position: relative;
    background: #feefe0;
}

.g-utility__img {
    top: 100px;
    right: -170px;
}


/******************** g-utility formating end **********************/


/******************** g-expandedtop formating start **********************/

#g-expandedtop {
    background: #ECEEF0;
    position: relative;
}

.g-expandedtop__img {
    top: 160px;
}


/******************** g-expandedtop formating end **********************/


/******************** g-maintop formating start **********************/

#g-maintop {
    background: url(../../../images/rendszer/menu-alatt-2-sec/image6x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.body-five-box__text-box {
    left: 1rem;
}

.body-five-box__text-box,
.body-six-box__text-box,
.body-seven-box__text-box {
    padding: 3rem;
}

.body-five-box__text-box h4,
.body-five-box__text-box p,
.body-six-box__text-box h4,
.body-six-box__text-box p,
.body-seven-box__text-box h4,
.body-seven-box__text-box p {
    color: #fff;
}

.g-maintop__img {
    top: 170px;
    right: 0;
    width: 54%;
}


/******************** g-maintop formating end **********************/


/******************** g-mainbottom formating start **********************/

#g-mainbottom {
    background: url(../../../images/rendszer/menu-alatt-2-sec/image7x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.g-mainbottom__img {
    top: 190px;
    left: 0;
    width: 69%;
}


/******************** g-mainbottom formating end **********************/


/******************** g-bottom formating start **********************/

#g-bottom {
    background: url(../../../images/rendszer/menu-alatt-2-sec/image8x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 650px;
    display: none;
}

.body-seven-box__text-box h4 {
    width: 100%;
}


/******************** g-bottom formating end **********************/


/******************** g-footer formating start **********************/

#g-footer {
    position: relative;
    background: #ECEEF0;
    color: #242D3A;
    box-shadow: 0px -80px 13px -75px #00000066;
}

#g-footer a:hover {
    color: #F99132;
}

.footer-text-box h6 {
    font-family: 'Jost', sans-serif;
    font-weight: 900;
}

.footer-text-box a {
    color: #242D3A;
    line-height: 35px;
}

.social-link {
    margin-top: 0.7rem;
}

.social-link a {
    margin-left: 1rem;
}


/******************** g-footer formating end **********************/


/******************** g-copyright formating start **********************/

#g-copyright {
    background: #ECEEF0;
    color: #242D3A;
    text-align: center;
}

.copyright__p a {
    color: #242D3A;
}

.copyright__p span {
    margin-right: 7px;
}


/******************** g-copyright formating end **********************/


/******************** media formating start **********************/

@media (min-width: 2200px) and (max-width: 2570px) {}

@media (min-width: 2000px) and (max-width: 2200px) {}

@media (min-width: 1800px) and (max-width: 2000px) {}

@media (min-width: 1600px) and (max-width: 1800px) {}

@media (min-width: 1500px) and (max-width: 1600px) {}

@media (min-width: 1400px) and (max-width: 1500px) {}

@media (min-width: 1200px) and (max-width: 1400px) {
    .g-menu-item-title {
        font-size: 11px;
    }
    .g-menu-item {
        margin: 10px 15px;
    }
    .body-fixed-box {
        top: 9rem;
    }
    .body-fixed-box h5 {
        line-height: 1.7rem;
        width: 93px;
    }
    #g-bottom {
        height: 580px;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .g-menu-item-title {
        font-size: 9px;
    }
    .g-menu-item {
        margin: 10px 17px;
    }
    #g-showcase {
        margin-top: 7rem;
    }
    .body-one-box__text-box p,
    .body-two-box__text-box p,
    .body-three-box__text-box p,
    .body-four-box__text-box p,
    .body-five-box__text-box p,
    .body-six-box__text-box p,
    .body-seven-box__text-box p {
        width: 85%;
    }
    .body-fixed-box {
        top: 8rem;
    }
    .body-fixed-box h5 {
        width: 85px;
        line-height: 1.3rem;
    }
    #g-bottom {
        height: 450px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #g-main h1,
    #g-main h2,
    #g-main h3,
    #g-main h4,
    #g-main h5,
    #g-main h6,
    #g-main .newsflash-title a {
        font-size: 17px;
    }
    .g-menu-item-title {
        font-size: 9px;
    }
    .g-menu-item {
        margin: 10px 9px;
    }
    p {
        font-size: 1.3vw;
        line-height: 1.9vw;
    }
    #g-showcase {
        margin-top: 6rem;
    }
    .body-fixed-box {
        top: 7rem;
    }
    .body-fixed-box h5 {
        width: 90px;
        line-height: 25px;
        font-size: 17px;
    }
    .body-one-box__text-box p,
    .body-two-box__text-box p,
    .body-three-box__text-box p,
    .body-four-box__text-box p,
    .body-five-box__text-box p,
    .body-six-box__text-box p,
    .body-seven-box__text-box p {
        width: 75%;
    }
    h2,
    h3 {
        width: 400px;
    }
    h4 {
        width: 260px;
    }
    .body-two-box__text-box a {
        font-size: 12px;
    }
    #g-bottom {
        height: 550px;
    }
}

@media screen and (max-width: 767px) {
    .g-offcanvas-toggle {
        top: 30px;
        padding: 10px;
        background: #F99132;
        left: 15px;
    }
    .g-menu-item-title {
        color: #F99132;
        font-weight: 700;
    }
    .g-menu-item {
        background: #efefef;
        margin: 0;
        padding: 10px 0 13px 20px;
    }
    #g-offcanvas #g-mobilemenu-container ul {
        background: #efefef;
        margin-top: 36px;
    }
    #g-offcanvas #g-mobilemenu-container ul>li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
        background: #F99132;
    }
    #g-offcanvas #g-mobilemenu-container ul>li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active .g-menu-item-title {
        color: #fff;
    }
    #g-offcanvas #g-mobilemenu-container ul>li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
        background: #F99132;
    }
    #g-offcanvas #g-mobilemenu-container ul>li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover .g-menu-item-title {
        color: #fff;
    }
    #g-slideshow {
        position: relative;
    }
    #g-showcase {
        margin-top: 0;
    }
    .body-one-box__text-box h6 {
        margin: 2.3rem 0;
    }
    .body-fixed-box {
        top: unset;
        bottom: 0;
        width: 100%;
        background: #F99132;
    }
    .body-fixed-box h5 {
        width: 100%;
        line-height: 29px;
        font-size: 25px;
        text-align: center;
        color: #fff;
    }
    .body-one-box__img-box img,
    .body-two-box__img-box img,
    .body-three-box__img-box img,
    .body-four-box__img-box img {
        position: relative;
        width: 100%;
    }
    .body-one-box__text-box,
    .body-three-box__text-box {
        padding: 0;
    }
    p {
        font-size: 0.8rem;
        line-height: 5.2vw;
    }
    .body-one-box__text-box img {
        width: 60%;
        top: unset;
    }
    h1,
    h2,
    h3,
    h4 {
        line-height: 8.3vw;
        font-size: 4.5vw;
    }
    .body-two-box__text-box,
    .body-four-box__text-box {
        padding: 0rem 3rem 7rem 0;
    }
    .body-two-box__text-box a {
        font-size: 13px;
    }
    h2,
    h3 {
        width: 100%;
    }
    .body-two-box__text-box,
    .body-four-box__text-box {
        padding: 0rem 0 3rem 0;
    }
    h4 {
        width: 100%;
    }
    .body-five-box__text-box,
    .body-six-box__text-box,
    .body-seven-box__text-box {
        padding: 0;
    }
    .body-five-box__text-box {
        left: 0;
    }
    #g-bottom {
        height: 100%;
    }
    .active.g-menu-item:before {
        width: 0;
    }
    iframe {
        height: 100%;
    }
    #g-main {
        margin-top: 2rem;
    }
    .sidebar-pic1 {
        margin-top: 0;
    }
    #g-showcase a:not(.readon) {
        color: #fff;
    }
}

@media (min-width: 640px) and (max-width: 768px) {}

@media (min-width: 500px) and (max-width: 640px) {}

@media (min-width: 400px) and (max-width: 500px) {}

@media (min-width: 300px) and (max-width: 400px) {}


/******************** media formating start **********************/


/******************** Boaz formating end **********************/