@font-face {
    font-family: 'P22 Underground';
    font-display: block;
    font-weight: bold;
    src: url("../fonts/P22UndergroundCYDemiBold.ttf") format("truetype"); }

@font-face {
    font-family: 'P22 Underground Thin';
    font-display: block;
    font-weight: normal;
    src: url("../fonts/P22UndergroundCYLight.ttf") format("truetype"); }

@font-face {
    font-family: 'P22 Underground';
    font-display: block;
    font-weight: normal;
    /*src: url("../fonts/P22UndergroundCYLight.ttf") format("truetype");*/
    src: url("../fonts/P22UndergroundRegular.ttf") format("truetype");}

body{ background: #1B2644; color:#FFFFFF; font-family: "P22 Underground", "Tahoma"; min-width: 368px; }
.main-logo{ max-width:333px; }
.secondary-logo{max-width:362px}
.hp-bike-block{position:relative;}
.hp-bike-block:after{ content:""; position: absolute; right:0;top:0px; width:50%; height:75%;
    background-image: url("../images/swan_blue_vystrizek.jpg");
    background-position: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    /*background-color: #cccccc;*/
}
.banner{width:100%;height:360px;
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;}
.banner.banner-1{background-image: url("../images/banner_1.jpg");}
.banner.banner-2{background-image: url("../images/banner_2.jpg");}
.btn-orange{background:#FF6120; color:#252339;}
.btn-orange:hover,.btn-orange:active{background:#FF6120 !important; color:#fff;}
.btn-blue{background:#23ABEA; color:#252339;}
.btn-blue:hover,.btn-blue:active{background:#23ABEA !important; color:#fff;}
.btn-xxl{padding: 0.5rem 1.0rem; font-size: calc(11px + 0.6vw); border-radius: 0.6rem;}
.text-orange{color:#FF6120;}
.text-separator:after{content:""; border-right:solid 2px; padding-left:8px; }
.fs-1-4-1rem{ font-size: calc(10px + 1.2vw);}
.fs-1-6-5rem{ font-size: calc(11px + 1.8vw);}
.fs-1-8rem{ font-size: calc(12px + 2.9vw);}
.fs-2rem{ font-size: calc(13px + 2.5vw);}
.fs-3-1rem{ font-size: calc(13px + 3.6vw);}
.h1-xl{font-size: calc(15px + 4vw);}
.fw-thin{font-family: "P22 Underground Thin"}
/*.footer-fox-logo{max-height:84px}*/
.footer a.text-white:hover{color:#c3c2c2 !important}
.footer-block{background:#22272b;}

@media (min-width: 1500px) {
    .custom-container {
        max-width: 1480px;
        padding-right: 0;
    }

    /*.hp-top-content{margin-top:3.3rem;}*/
    .hp-spacer{ height:2rem}
}

@media (min-width: 1400px) {
    .fs-1-4-1rem { font-size: 1.41rem;line-height: 2.25rem;}
    .fs-1-6-5rem {font-size: 1.65rem;}
    .fs-1-8rem {font-size: 1.8rem;line-height: 3.0rem;}
    .fs-2rem {font-size: 2rem;line-height: 3rem;}
    .fs-3-1rem {font-size: 3.1rem;}
    .h1-xl{font-size: 4.35rem;}
    .btn-xxl{padding: 0.7rem 1.4rem; font-size: 1.2rem; border-radius: 0.65rem;}
    .footer-fox-logo{max-height:184px}
}

@media (max-width: 1400px) {
    .hp-bike-block:after{opacity: 0.3;}
    .banner{height:265px; background-size: cover; background-position: 50% 50%;}
}

@media (max-width: 991px) {
    .main-logo, .secondary-logo{width:80%;}
}

@media (max-width: 768px) {
    .banner{height:160px;}
    .hp-bike-block:after{display:none;}
}

@media (max-width: 575px) {
    .secondary-logo{display:none}
}