html, body {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #052846;
}
.container { padding: 0; }
img { max-width: 100%; }

.block-wrapper { padding-top: 40px; padding-bottom: 40px; }
.bg-white { background-color: white; }
.bg-grey { background-color: #ededed; }
section { padding-top: 40px; padding-bottom: 40px; }

header { position: relative; background: url("/images/menu_bg.jpg") !important; background-size: auto 100%; }
header .bg-light { position: relative; padding-top: 0px; padding-bottom: 0; height: 77px; background-color: transparent !important; }
header .top-decor { position: absolute; top: 0; left: 0; right: 0; height: 6px; overflow: hidden; }
header .top-decor:before { content: ""; position: absolute; left: 0; top: 0; right: 0; border-top: 1px solid #b7b4b3; box-shadow: 0 0 5px 3px #041e34; }
header .navbar-brand { padding: 0; }
header .navbar-nav .nav-item { position: relative; }
header .navbar-nav > .nav-item { position: relative; height: 80px; display: flex; align-items: center; }
header .navbar-nav > .nav-item:hover,
header .navbar-nav > .nav-item.active { background-color: #fe7f2a; }
header .navbar-nav .nav-item .nav-link { color: #041e34; }
header .navbar-nav .nav-item.has-child:after { content: url("/images/menu-arrow.png"); position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); }
header .navbar-nav .nav-item ul { display: none; list-style: none; padding: 10px 0; white-space: nowrap; z-index: 100; background: #ededed !important; }
header .navbar-nav .nav-item:hover > ul { display: block; position: absolute; left: 0; top: 100%; }
header .navbar-nav .nav-item:hover > ul ul { left: 100%; top: 0; }
header .navbar-nav .nav-item.open > ul { display: block; position: relative; }
header .navbar-nav .nav-item .nav-item .nav-link { line-height: 24px; font-size: 16px; font-weight: bold; padding: 8px 45px 8px 15px; color: #041e34; }
header .navbar-nav .nav-item .nav-item.has-child > .nav-link { background: url("/images/menu-arrow-right.png") no-repeat right 10px center; }
header .navbar-nav .nav-item .nav-item.has-child:after { display: none; }
header .navbar-nav .nav-item .nav-item .nav-link:hover,
header .navbar-nav .nav-item .nav-item .nav-link.active { background-color: #fe7f2a; }
header a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #041e34; }
header .lang-select a { font-size: 12px; width: 44px; color: #052846; display: inline-block; text-align: center; }
header .lang-select a:hover { color: #fe7f2a; text-decoration: none; }
header .lang-select a { max-width: 37px; max-height: 37px;}

.content { /*background: #d2cecd url("/images/content-logo.png") no-repeat center;*/ }
.content .title { color: #041e34; font-size: 28px; text-transform: uppercase; text-align: center; font-weight: bold; }
.content .title:before { content: ""; width: 40px; height: 25px; background: url("/images/icons/kis_logo.png") no-repeat center; background-size: auto 100%; display: inline-block; width: 100%; margin: 10px auto;  }
.content .text { padding: 30px 0px; display: inline-block; width: 100%; }
.content .text h3 { font-size: 22px; font-weight: bold; text-transform: uppercase; }
.content .text h4 { font-size: 16px; font-weight: bold; }
.content ul { list-style-image: url("/images/link-item.jpg"); }
.content a:hover,
.content a:focus { color: #fe7f2a; text-decoration: none; }

.slider { color: white; font-size: 28px; }
.slider .carousel-item { height: 45vw; max-height: 623px; }
.slider .slide-1 { background-color: #1b1d0a; }
.slider .slide-2 { background-color: #0e66af; }
.slider .slide-3 { background-color: #ffedaa; color: #052846; }
.slide .slide-content { padding-left: 75px; padding-right: 75px; }
.slide .carousel-control-next,
.slide .carousel-control-prev { opacity: 1; }
.slide .carousel-control-prev-icon { background: #d2cecd url("/images/slider-arrow-left.png") no-repeat center; width: 68px; height: 57px; border-radius: 5px; transition: .3s all; }
.slide .carousel-control-next-icon { background: #d2cecd url("/images/slider-arrow-right.png") no-repeat center; width: 68px; height: 57px; border-radius: 5px; transition: .3s all; }
.slide .carousel-control-next:hover span,
.slide .carousel-control-prev:hover span { background-color: #fe7f2a; }
.slide .carousel-indicators li { border: 0; border-radius: 100%; width: 20px; height: 20px; background-color: #fe7f2a; opacity: 1; box-shadow: 0 0 2px black; }
.slide .carousel-indicators li.active { background-color: white; }

.news-list .intronews { background-color: rgba(255, 255, 255, .4); margin-bottom: 15px; padding: 25px 30px; }
.news-list .intronews h3 { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.news-list .intronews .introtext * { }
.news-list .intronews .readmore { font-size: 16px; color: #fe7f2a; font-weight: bold; }
.news-list .intronews .readmore:hover,
.news-list .intronews .readmore:focus { color: #0e66af; }

.tevekenysegek {
    background: rgb(237,237,237);
    background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 44%, rgba(255,255,255,1) 100%);
}
.tevekenyseg-block { margin-top: 50px; }
.tevekenysegek .tevekenyseg { background-color: white; padding: 45px 10px 10px; position: relative; height: 100%; }
.tevekenysegek .tevekenyseg img.tev-icon { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); height: 60px; }
.tevekenysegek h3 { text-align: center; font-size: 18px; font-weight: bold; }
.tevekenyseg a { color: #fe7f2a; margin-top: 10px; font-weight: bold; display: inline-block; }

.szervezet {
    background: rgb(237,237,237);
    background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 44%, rgba(255,255,255,1) 100%);

}
.szervezet a { display: inline-block; text-align: center; font-size: 20px; font-weight: bold; width: 100%; color: #052846; margin: 20px 0; }
.szervezet a img { height: 85px; display: block; margin: 0 auto; }

.tarsoldalak {  }
.tarsoldalak .tarsoldalak-list { padding: 40px 0; display: flex; flex-wrap: wrap; justify-content: center; }
.tarsoldalak .banners { display: inline-block; align-items: center; font-size: 18px; color: #3f5567; width: 20%; }
.tarsoldalak .banners:hover,
.tarsoldalak .banners:active { color: #fe7f2a; }
.tarsoldalak .banners span { display: inline-block; width: 100%; text-align: center; line-height: 22px; color: #3f5567; }
.tarsoldalak .banners .img { width: 100%; text-align: center; height: 110px; display: flex; align-items: center; justify-content: center; }
.tarsoldalak .banners img { max-height: 100%; max-width: 100%; }

.linkek { font-size: 16px; }
.linkek ul { display: flex; flex-wrap: wrap; }
.linkek ul li { width: 33%; margin: 10px 0; }

.footer { height: 75px; background: #0e66af url("/images/footer-bg.jpg") center; background-size: auto 100%; color: white; }
.footer .footer-logo { height: 70px; }


.parallax-background {
    background: no-repeat 50% 0;
    -webkit-background-size: cover;
    background-size: cover;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: background-position 200ms;
}
.paralllax-content {
    background-color: rgba(0, 0, 0, .3);
    padding-top: 65px;
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 120%;
    font-style: italic;;
    color: white;
}
.parallax-wrapper {
    padding-left: 40px;
    padding-right: 40px;
}

.parallax-wrapper a {
    border: 3px solid white;
    border-radius: 15px;
    color: white;
    font-size: 18px;
    font-style: italic;
    padding: 5px 20px;
    margin-top: 10px;
    display: inline-block;
}
.parallax-background .container-fluid { max-width: 90%; }

.uoe-block { background-image: url('/ftp/fooldal/uoe_paralax_1.jpg'); }
.kriminal-block { background-image: url('/ftp/fooldal/uoe_paralax_2.jpg'); }
.kriminal-block .paralllax-content { padding-top: 30px; }
.ugyeszeklapja-block {
    background-image: url('/ftp/fooldal/uoe_paralax_3.jpg');
}

.slider .content-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; }
.slider .slider-content { font-family: Tahoma; }
.slider .slider-content div { display: block; padding: 10px 20px; border-radius: 20px; background-color: rgba(0, 0, 0, .2); margin: 20px 0; font-size: 50px; }
.slider .slider-content div p { line-height: 110%; font-size: 40px; letter-spacing: 2px; }
.slider .slider-content a { border: 3px solid white; border-radius: 20px; padding: 10px 20px; color: white; font-size: 36px; background-color: rgba(0, 0, 0, .2); letter-spacing: 2px; }

.slide-item-2 { max-width: 60%; }
.slide-item-3 { max-width: 60%; }

@media (max-width: 768px) {
    section { padding-top: 20px; padding-bottom: 0; }
    .content .text { padding: 30px 15px; }
    .news-list .intronews { margin-bottom: 0; }
    .parallax-wrapper { padding-left: 20px; padding-right: 20px; text-align: justify; }
    .parallax-background .container-fluid { max-width: 100%; }
    .tarsoldalak .banners { width: 100%; }
    .linkek ul li { width: 100%; }
    .footer { height: auto; padding-top: 10px; padding-bottom: 10px; }
    .navbar-collapse { margin-left: -15px; margin-right: -15px; background-color: white; z-index: 10000; }
    header .navbar-nav > .nav-item { height: auto; }
    .navbar-nav > li { padding-left: 10px; padding-right: 10px; }
    header .navbar-nav .nav-item .nav-link { width: 100%; }

    .slider .carousel-item { height: 50vh }
    .slider .slider-content div p { font-size: 22px !important; }
    .slide-item-2 { max-width: 100%; }
    .slide-item-3 { max-width: 100%; }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px !important;
    }
    header a { font-size: 16px; }
}
@media (max-width: 1199px) {
    .slider .slider-content div { font-size: 40px; }
    .slider .slider-content div p { font-size: 30px; }
    .slider .slider-content a { font-size: 26px; }
}