/*@import url(bootstrap-4.5/bootstrap.css);*/

/* Generals FE */
/* BACKGROUND AND TEXT COLORS */
.bg-grey-100{
    background-color: rgba(206, 206, 206, 1);
}
.bg-white-80{
    background-color: rgba(255, 255, 255, .8);
}
.offer-blue{
    color: rgba(47, 78, 145, 1);
}
/* SET DISPLAY BLOCK */
.blocker {
    display: block;
}
/* overwrite class from SK */
.c-edit {
    max-width: 100% !important;
}
.offer-wrapper {
    margin-bottom: -5em;
}
.positioning{
    position: relative;
}
/* set own container classes */
.container-fluid {
    min-width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
/* SET FLEX MODEL */
.container-grid
{
    min-width: 100%;
    max-width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}
/* REORDER COLUMN EVEN */
.col-change:nth-child(even) div div:nth-of-type(1){
    order: 2 !important;
}
.col-change:nth-child(even) div div:nth-of-type(2){
    order: 1 !important;
}
/* center items horizontal and vertical */
.item-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* COLUMN BLOCK */
.col-100 {
    min-width: 100%;
    max-width: 100%;
}
.col-960{
    min-width: 960px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.col-80 {
    min-width: 80%;
    max-width: 80%;
}
.col-70 {
    min-width: 70%;
    max-width: 70%;
}
.col-50 {
    min-width: 50%;
    max-width: 50%;
}
/* PADDING BLOCK */
.ptb80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.ptb40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.pt80 {
    padding-top: 80px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pb80 {
    padding-bottom: 80px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.pb25 {
    padding-bottom: 25px !important;
}
/* MARGIN BLOCK */
.mb25 {
    margin: 0px 0px 25px 0px !important;
}
/* ICON BLOCK */
.phone-circle,
.mail-circle {
    font-size: 15pt !important;
    background-color: #2f4e91;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 50%;
}
.phone-circle {
    padding: 9pt 11.25pt;
}
.mail-circle {
    padding: 9.75pt;
}
/* Text content */
.offer-headline,
.offer-content,
.offer-txtlink {
    display: block;
    padding: 0pt;
}
.offer-content {
    text-align: justify;
    line-height: 16.5pt;
}
.offer-txtlink {
    font-size: 14pt;
    line-height: 16.5pt;
    font-weight: 700;
}
a.offer-link {
    margin: 11.25pt 0pt;
    font-size: 12pt !important;
    line-height: 16.5pt !important;
    font-weight: 700;
    text-transform: uppercase;
}
.offer-form h3,
.offer-form-part h3,
.col-70 h3 {
    display: block;
    color: #2f4e91 !important;
    font-weight: 700 !important;
}
.col-70 h3 {
    padding: 0px 0px 25px 0px !important;
    text-align: center;
}

/* CURSOR */
.pointer {
    cursor: pointer;
}
/* IMAGE BLOCK */
img.offer-image {
    opacity: 0;
}
div.offer-part2img {
    background-size: cover;
    background-position-x: right;
    background-repeat: no-repeat;
}
div.offer-image{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    max-height: 600px;
    min-height: 600px;
}
/* MEDIA QUERY BLOCK */
@media screen and (min-width: 1180px) {
    section.parallax{
        height: 200px !important;
    }
}
@media screen and (max-width: 1180px) {
    .offer-wrapper {
        margin-top: 60px;
        margin-bottom: -5em;
    }
    div.offer-image {
        min-height: 600px;
        max-height: 600px;
    }
    .part-wrapper {
        margin-top: 200px;
    }
    .col-960{
        min-width: 80%;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    section.parallax{
        height: 200px !important;
    }
}
@media screen and (max-width: 960px) {
    div.offer-image {
        min-height: 700px;
        max-height: 700px;
    }
    .offer_quest{
        display: none;
    }
    .offer-contact-links {
        min-width: 49%;
        max-width: 49%;
        margin:0px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .offer-contact-links:nth-of-type(even){
        float: right;
    }
}

@media screen and (max-width: 768px) {
    .container-fluid {
        display: block;
    }
    .container-grid {
        min-width: 90%;
        max-width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    div.col-50 {
        min-width: 100%;
        max-width: 100%;
        display: flex;
    }
    div.offer-image {
        min-height: 300px;
        max-height: 300px;
    }
    .col-70 h3:nth-of-type(1) {
        padding-top: 1em !important;
    }
    .col-960{
        min-width: 90%;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}