@font-face {
    font-family: 'HK Grotesk Black';
    src: url('fonts/HKGrotesk-Black.eot');
    src: url('fonts/HKGrotesk-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/HKGrotesk-Black.woff2') format('woff2'),
        url('fonts/HKGrotesk-Black.woff') format('woff'),
        url('fonts/HKGrotesk-Black.ttf') format('truetype'),
        url('fonts/HKGrotesk-Black.svg#HKGrotesk-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('fonts/HKGrotesk-Regular.eot');
    src: url('fonts/HKGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/HKGrotesk-Regular.woff2') format('woff2'),
        url('fonts/HKGrotesk-Regular.woff') format('woff'),
        url('fonts/HKGrotesk-Regular.ttf') format('truetype'),
        url('fonts/HKGrotesk-Regular.svg#HKGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    image-rendering: -webkit-optimize-contrast;
    color: #1f4060;
    font-size: 1rem;
    letter-spacing: 0.05em;
}

a {
    color: #55aaa3;
    font-family: 'HK Grotesk Black';
}
a:hover {
    opacity: 0.7;
}
strong, b {
    font-family: 'HK Grotesk Black';
}
img {
    max-width: 100%;
    height: auto;
}
.iwrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /*max-width: 800px;*/
    margin-bottom: 60px;
}
.iwrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/** ==== COLORS ==== **/
.bg-white {
    background-color: #fff !important;
    color: #2E5E44 !important;
}
.bg-peach {
    background-color: #ec7044 !important;
    color: #fff !important;
}
.bg-blue {
    background-color: #55aaa3 !important;
    color: #fff !important;
}
.bg-blue h2 {
    color: #fff !important;
}
.bg-blue .read-more a {
    background-color: #fff !important;
    color: #55aaa3;
    border: 1px solid #55aaa3;
}
.bg-blue .read-more a:hover {
    background-color: #55aaa3 !important;
    color: #fff;
    border: 1px solid #fff !important;
}
.bg-darkblue {
    background-color: #1f4060 !important;
}
.bg-green {
  background-color: #2E5E44 !important;
  color: #fff !important;
}
.white {
    color: #fff !important;
}
.peach {
    color: #ec7044 !important;
}
.blue {
    color: #55aaa3 !important;
}
.darkblue {
    color: #1f4060 !important;
}
.green {
    color: #2E5E44 !important;
}

/** == FONTS == **/

h1 {
    font-family: 'HK Grotesk Black';
    font-size: 2.2rem;
    margin-bottom: 25px;
}
h2 {
    font-family: 'HK Grotesk Black';
    font-size: 1.5rem;
    margin: 35px 0 25px 0;
}

/** == ELEMENTS == **/
.read-more a {
    background-color: #1f4060 !important;
    border: 1px solid #1f4060;
    color: #fff;
    /*padding: .5rem 1.8rem;*/
    padding: .25rem 1rem;
    display: inline-block;
}
.read-more a:hover {
    background-color: #fff !important;
    color: #1f4060;
    opacity: 1;
}
.btn-outline-secondary {
    background-color: #55aaa3;
    color: #fff;
    border: 1px solid #55aaa3;
}
hr {
    background-color: #fff;
    height: 2px;
    border: none;
    opacity: 1;
}
.form-control {
    border-radius: 0 !important;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 0 !important;
}

/** == CONTENT == **/

#main {
    margin-top: 2.5rem;
    padding-bottom: 5rem;
    min-height: calc(100vh - 365px);
}

/** == HEADER == **/
.navbar {
    background-image: none;
}
.navbar-brand {
    text-transform: uppercase;
    font-family: 'HK Grotesk Black', Helvetica, Arial, sans-serif !important;
    letter-spacing: 0.1em;
    font-size: 2rem;
}
.navbar-brand:hover {
    opacity: 1;
}
.navbar-brand img {
    height: 100px;
}
.search-form {
    max-width: 260px;
}
.navbar-nav {
    max-width: 65%
}
#navbar .nav-link {
    font-family: 'HK Grotesk Black', Helvetica, Arial, sans-serif !important;
    letter-spacing: 0.1em;
    color: #fff;
    text-transform: uppercase;
    padding-right: 2rem;
}
.ok-logo img {
    width: 200px;
    height: auto;
}
.navbar-toggler {
    border: none;
}
.navbar-toggler:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-toggler-icon {
    background: url(images/icon-menu.svg) no-repeat;
    background-size: contain;
    width: 35px;
    height: 28px;
}
/** Jatekok **/
.datas .row .item {
    max-width: 250px;
    text-wrap: wrap;
}
.datas .row .item > * {
    margin-bottom: 15px;
} 
.datas label {
    font-family: 'HK Grotesk Black', Helvetica, Arial, sans-serif !important;
}
.datas .data {
    font-family: 'HK Grotesk Black', Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
}
.ikon img {
    width: 60px;
    height: auto;
}
.tovabb-datas .row .item {
    max-width: 350px;
}

/** == FOOTER == **/


/** ==== RESPONSIVE ==== **/


@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
    .navbar-brand {
        font-size: 5vw;
    }
    .datas .item {
        margin-bottom: 25px;
    }
}

@media (max-width: 507px) {
    .ok-logo {
        margin-bottom: 20px;
    }
}