/* barlow-regular - latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Barlow/barlow-v1-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Barlow Regular'), local('Barlow-Regular'),
    url('../fonts/Barlow/barlow-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v1-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v1-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700 - latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Barlow/barlow-v1-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Barlow Bold'), local('Barlow-Bold'),
    url('../fonts/Barlow/barlow-v1-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow/barlow-v1-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Barlow/barlow-v1-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow/barlow-v1-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Barlow/barlow-v1-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* Load icons */
@import url('https://fonts.googleapis.com/css?family=Barlow:400,700&subset=latin-ext');

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


@media screen and (min-width: 0) {
    body {
        background-color: #fff;
        color: #1D2C3D;
        font-family: "Barlow",Arial;
        height: 100%;
        margin: 0;
    }
    #content {
        min-height: 100%;
        padding: 0 0 50px 0;
    }
    #content a {
        background: -webkit-gradient(linear, left top, left bottom, from(#FF5550), to(#FF820A));
        background: linear-gradient(to bottom, #FF5550, #FF820A);
        -webkit-background-clip: text;
        color: transparent;
        font-size: 16px;
        line-height: 22px;
        text-decoration: none;
    }
    #content h1 {
        font-size: 30px;
        line-height: 30px;
        margin: 0.83em 0;
        font-weight: bold;
    }
    #content h2 {
        font-size: 24px;
        line-height: 28px;
        margin: 0.83em 0;
        font-weight: bold;
    }
    #content h3 {
        font-size: 20px;
        line-height: 28px;
    }
    #content h4,
    #content h5,
    #content h6 {
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        margin: 0.83em 0;
    }
    .gap {
        height: 60px;
    }
    form label {
        display: block;
        font-size: 15px;
        font-weight: bold;
        line-height: 20px;
        padding-bottom: 8px;
    }
    input[type='tel'],
    input[type='text'],
    input[type='password'],
    input[type='email'],
    input[type='tel'],
    textarea {
        padding: 15px 20px;
        width: 100%;
    }
    .container {
        max-width: 1200px;
        min-width: 320px;
    }
    .icon {
        font-family: "icomoon","Barlow";
        font-style: normal;
    }

    header {
        background-color: #1D2C3D;
        height: 60px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 4;
    }

    header .icon-logo,
    header .icon-search,
    header .icon-pin {
        display: block;
        font-size: 24px;
        width: 100%;
    }

    header .icon-logo:before {
        background: linear-gradient(rgb(255, 85, 80), rgb(255, 130, 10));
        color: transparent;
        content: '\e910';
        -webkit-background-clip: text;

    }

    header .icon-search:before {
        background: linear-gradient(rgb(255, 85, 80), rgb(255, 130, 10));
        color: transparent;
        content: '\e917';
        -webkit-background-clip: text;

    }

    header .icon-pin:before {
        background: linear-gradient(rgb(255, 85, 80), rgb(255, 130, 10));
        content: '\e911';
        color: transparent;
        -webkit-background-clip: text;
    }

    header .submenu {
        background-color: transparent;
        box-sizing: border-box;
        height: 60px;
        margin: 0 auto;
        position: relative;
    }


    a {
        background: none;
    }
    a:hover {
        text-decoration: none;
    }

    header .row {
        height: 100%;
    }

    h1,
    h2,
    .btn-wrapper,
    .center {
        text-align: center;
    }
    input {
        border: 1px solid #999999;
    }
    form .row {
        margin-bottom: 20px;
    }
    .info {
        margin: 20px 0;
    }
    .hrfouryou {
        color: #fff;
        font-size: 14px;
        left: auto;
        line-height: normal;
        position: absolute;
        top: 50%;
        text-align: center;
        right: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }
    header .submenu .row .nav {
        color: #ffffff;
        left: auto;
        line-height: normal;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
    }
    header .submenu .row .nav .icon {
        border-top: 1px solid #1D2C3D;
    }
    header .submenu .row .nav.orizon-logo {
        left: 15px;
        right: auto;
    }
    header .row .nav .icon-pin {

    }
    header .row .nav .icon-logo {

    }
    header .row .nav .icon-search {

    }
    header .submenu .row .nav .text {
        color: #ffffff;
        display: block;
        font-family: 'Barlow', Arial;
        font-size: 8px;
        line-height: 2;
        text-transform: uppercase;
        width: 100%;
    }

    header .submenu .row .nav .text-logo {
        display: none;
        text-transform: initial;
    }

    header .gap {
        height: 60px;
    }
    .btn {
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        font-family: 'Barlow', Arial;
        font-size: 15px;
        height: 35px;
        line-height: 35px;
        padding: 0 30px;
    }
    .btn.btn-primary {
        border: 1px solid #FF820A;
        background: linear-gradient(rgb(255, 85, 80), rgb(255, 130, 10)) !important;;
        color: #ffffff !important;;
        font-size: 15px !important;;
        height: 50px;
        line-height: 48px !important;;
        padding: 0 30px;
    }

    footer {
        bottom: 0;
        background-color: #1D2C3D;
        left: 0;
        position: absolute;
        width: 100%;
    }

    footer .subfooter {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

    footer .subfooter .row {
        padding: 20px 0;
    }

    footer .subfooter .row .col-12 + .col-12 {
        margin: 20px 0 0 0;
    }
    footer .subfooter a {
        background: none;
        color: rgba(255, 255, 255, 0.5);
        font-size: 12px;
    }
    footer .subfooter .orizon-logo i {
        padding: 0 15px 0 0;
    }
    footer .subfooter .imprint {
        text-align: left;
    }
    footer .subfooter .imprint a {
        color: #ffffff;
        font-size: 16px;
        line-height: 20px;
    }
    footer .subfooter .imprint a:hover {
        opacity: .5;
    }
    footer .subfooter .social-links {
        height: 22px;
        text-align: left;
    }
    footer .subfooter .social-links a img {
        height: 22px;
        width: 22px;
    }
    footer .subfooter .social-links a + a {
        margin: 0 0 0 10px;
    }
    footer .subfooter .icon-logo {

        font-size: 12px;
    }
    footer .subfooter .icon-logo:before {
        background: linear-gradient(rgb(255, 85, 80), rgb(255, 130, 10));
        color: transparent;
        content: '\e910';
        -webkit-background-clip: text;

    }

}

@media screen and (min-width: 768px) {
    header {
        height: 100px;
    }

    header .submenu {
        height: 100px;
    }

    header .row .nav .icon-pin,
    header .row .nav .icon-search,
    header .row .nav .icon-logo {
        font-size: 24px;
    }

    header .submenu .row .nav .text {
        font-size: 10px;
        line-height: 2;
    }

    header .gap {
        height: 100px;
    }
    .gap {
        height: 100px;
    }
    footer .subfooter .row .col-12 + .col-12 {
        margin: 0;
    }
    footer .subfooter .imprint {
        text-align: center;
    }
    footer .subfooter .social-links {
        text-align: right;
    }
    footer .subfooter .social-links a img {
        height: 12px;
        width: 12px;
    }
}
@media screen and (min-width: 1200px) {
    #content p {
        font-size: 18px;
        line-height: 25px;
    }
    #content h1 {
        font-size: 50px;
        line-height: 50px;
    }

    #content h2 {
        font-size: 40px;
        line-height: 42px;
    }

    #content h3 {
        font-size: 30px;
        line-height: 36px;
    }

    #content h4,
    #content h5,
    #content h6 {
        font-size: 20px;
        line-height: 24px;
    }
    footer .subfooter .social-links a img {
        height: 22px;
        width: 22px;
    }
}


.danger {
    background-color: #f2dede;
    /*text-align: center;*/
    padding: 20px;
    margin: 0;
    color: #a94442;
}

.support-link {
    color: #FFFFFF;
}

.support-link:hover {
    background: none;
    color: rgba(255, 255, 255, 0.5);
}

/* footer fix */
html {
    position: relative;
    min-height: 100%;
}
@media screen and (min-width: 0) {
    body {
        margin-bottom: 195px;
    }
    footer {
        height: 195px;
    }
}
@media screen and (min-width: 768px) {
    body {
        margin-bottom: 65px;
    }
    footer {
        height: 65px;
    }
}