html {
    scroll-behavior: auto !important;
}

body {
    font-family: 'Josefin Sans';
    font-weight: 300;
    color: #073556;
}

body,
p.lead {
    font-size: 1.2em;
}

header { 
    background: url('../img/banner.jpg') no-repeat center center;
    background-size: cover;
    border-radius: 15px;
    min-height: 500px;
} 

footer {
    background: #073556;
    color: #a1b2cc;
}

footer h3 {
    margin-bottom: 1em;
}

footer svg {
    fill: #a1b2cc;
}

footer a {
    color: #a1b2cc;
}

#copyright {
    background: #073556;
    color: #a1b2cc;
    padding-top: .5em;
    padding-bottom: .5em;
}

#copyright a {
    color: #a1b2cc;
}

a {
    text-decoration: none;
	color: #073556;
}

.icon-usp {
    width: 128px;
    height: 128px;
}

ul {
    list-style: none;
    padding: 0;
}

#badge {
    text-align: center;
}

#badge img {
    width: 256px;
    height: auto;
}

.box {
    transition: all 0s;
    cursor: pointer;
	color: #073556 !important;
}

.box:hover {
    transition: all 0s;
    background: #a1b2cc;
    color: #fff !important;
}

.bg-blue {
    background: #073556;
    color: #fff;
}

.bg-blue a {
    color: #fff;
    border-bottom: dotted #ffffff 1px;
    padding-bottom: 5px;
}

.bg-blue2 {
    background: #a1b2cc;
}

.bg-blue2 p.lead {
    font-weight: 400;
}

.btn {
    border: 0;
}

.btn-primary {
    background: #073556;
}

.btn-primary:hover {
    background: #a1b2cc;
}

.btn-secondary {
    background: #a1b2cc;
}

.btn-secondary:hover {
    background: #073556;
}


.border {
    border: solid #a1b2cc 1px;
    border-radius: 7px;
}

.icon-svg {
    position: relative;
    top: -3px;
}

.icon-button {
    display: block;
    text-align: center;
    margin: .25em auto .25em auto;
}

.shadow-lg {
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px !important;
    margin-top: 7px;
    margin-bottom: 0px;
    transition: all .3s ease-in-out;
}

.shadow-lg:hover {
    box-shadow: rgb(38, 57, 77) 0px 20px 30px  00px !important;
    margin-top: 0px;
    margin-bottom: 7px;
    transition: all .3s ease-in-out;
}

.switchlogo img {
    width: 40% !important;
    max-width: 100px;
}

.back-to-top {
    background: #ffffff33;
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: .75em;
    z-index: 100;
    transition: all .2s;
    border-radius: 50px;
}

.back-to-top:hover {
    background: #ffffffff;
    transition: all .2s;
}

.indicator {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 .5em 0 .5em;
    border: 0;
    position: relative;
    top: 3px;
}

.indicator-green {
    background: #28ca42;
}

.indicator-yellow {
    background: #caaa28;
}

.indicator-red {
    background: #ca2828;
}

#chatwindow {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

@media (min-width: 768px) {

    #chatwindow {
        padding: 3rem !important;
    }

}

@media (max-width: 767px) {

    .messages .message,
    .messages .left .text_wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0px !important;
    }

    .text_wrapper::before,
    .text_wrapper::after {
        display: none !important;
    }

    .bottom_wrapper {
        flex: none !important;
        display: block !important;
    }

    .bottom_wrapper #msg_input {

        margin: 0 0 1em 0 !important;
        width: 100%;

    }

    #send_button {
        width: 100%;
    }

    .messages .avatar {
        max-width: 32px !important;
        max-height: 32px !important;
    }

}

.custom-tooltip {
    --bs-tooltip-bg: #073556;
    --bs-tooltip-color: #fff;
  }

.leform-element-29 {
    display: none;
}

.cookiemonster-button:hover {
    background: #fff;
    opacity: 1;
}

.cookiemonster-button svg {
    fill: #073556;
}

.mh-300 {
	min-height: 300px;	
}