@CHARSET "UTF-8";

.hb_main_header, .track-page-header{
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
	position: relative;
    padding-top:17px;
}

.hb_box{
    margin-bottom: 5% !important;
}

.hb_main_header_fw {
    height: 92vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.hb_header_fw {
    height: 100%;
    position: relative;
}
.hb_big_container_fw  {
    background-size: cover;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}
.hb_row_fw  {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.hb_logo_containter_fw  {
    min-height: 100%;
    margin: 0 auto;
}
.hb_box_fw  {
    color: #fff;
    position: relative;
}
.hb_headline_fw  p {
    font-size: 5em;
    line-height: 0.9em !important;
}

a.arrow-wrap {
    position: absolute;
    bottom: 7vh;
    z-index: 999;
    left: 48.9%;
}
.arrow {
    position: relative;
}
.arrow:after {
    display: inline-block;
    position: relative;
    content: "";
    top: 34px;
    font-weight: bolder;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
}

@media screen and ( min-height: 631px) and ( max-height: 825px) {
    .arrow::after {
        bottom: 40px !important;
    }
    .arrow {
        bottom: 20px !important;
    }
}

@media only screen and (max-width: 767px) and (max-height: 676px) {
    .arrow {
        bottom: 50px !important;
    }
}
@media only screen and (max-height: 450px) {
    a.arrow-wrap {
        display: none;
    }
}