@charset "utf-8";
:root{
    .sz{
        --page-width-text:920px;
    }
}
.manager.vcard {
    width: 100%;
    margin-bottom: 30px
}

.sidebar{
    margin-top:5rem;
}
@media (min-width: 800px) {
    .contactFlex{
        display: flex;   
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;

        .contact-form{
            min-width: 70%;
            padding-right: 6rem; 
        }
    }
    .sidebar{
        margin-top: 0px;
    }
}

.manager.vcard .fn {
    display: none
}

.manager.vcard .org {
    font-weight: 700
}

.manager.vcard .note4nights {
    font-size: 80%;
    width: auto;
    padding: 10px 0;
    margin-top: 10px;
    display: inline-block;
    background: var(--light-light);
    padding: 2rem;
    border-radius: 1rem;
    margin-left: -1rem
}

.sidebar>p.contact-soc {
    padding: 1rem 2rem 1rem 62px;
    position: relative;
    padding-left: 62px;
    position: relative;
    margin-top: 0rem;
    background: var(--light);
    border-radius: 1rem;
}

.sidebar>p:not(.contact-soc) {
    margin-top: 5rem
}

.sidebar>p.contact-soc:after {
    content: ' ';
    left: calc(50% - 40px);
    left: 60px;
    bottom: -2rem;
    height: 3px;
    width: 80px;
    background-color: var(--light-dark);
    display: inline-block;
    display: none;
    position: absolute;
    border-radius: 3px
}

.sidebar>p.contact-soc>.h6 {
    display: block;
    line-height: 1.8rem;
}

.sidebar>p.contact-soc>a {
    color: inherit;
    font-size: 1.4rem;
    text-decoration: underline;
    display: inline-block;
    overflow-wrap: anywhere;
    line-height: 2rem!important;
}

.contact-soc>i.fa {
    font-size: 3rem;
    position: absolute;
    top: calc(50% - 12px) !important;
    left: 0;
    width: 58px;
    text-align: center;
    opacity: .6
}

.sidebar>p.contact-soc:hover i.fa {
    opacity: 1
}

.facebook:hover {
    color: #3b5998
}

body .facebook:hover .fa0 {
    filter: invert(32%) sepia(27%) saturate(1096%) hue-rotate(182deg) brightness(98%) contrast(95%) !important
}

.twitter:hover {
    color: #666
}

body .twitter .fa0 {
    background-size: 20px
}

.instagram:hover {
    color: #125688
}

body .instagram:hover .fa0 {
    filter: invert(26%) sepia(90%) saturate(500%) hue-rotate(163deg) brightness(96%) contrast(99%) !important
}

.googleplus:hover {
    color: #dd4b39
}

body .googleplus:hover .fa0 {
    filter: invert(42%) sepia(67%) saturate(944%) hue-rotate(326deg) brightness(85%) contrast(104%) !important
}

.linkedin:hover {
    color: #007bb5
}

body .linkedin:hover .fa0 {
    filter: invert(26%) sepia(73%) saturate(5105%) hue-rotate(184deg) brightness(97%) contrast(101%) !important
}

.pinterest:hover {
    color: #cb2027
}

body .pinterest:hover .fa0 {
    filter: invert(10%) sepia(56%) saturate(7260%) hue-rotate(351deg) brightness(129%) contrast(85%) !important
}

.youtube:hover {
    color: #e62117
}

body .youtube:hover .fa0 {
    filter: invert(15%) sepia(79%) saturate(5151%) hue-rotate(357deg) brightness(97%) contrast(88%) !important
}

.contact-form {
    padding-right: 150px;
}

.contact-form>.h3 {
    margin-bottom: 20px
}

.contact-form input,.contact-form select,.contact-form textarea {
    padding: 1.5rem 1rem;
    height: auto
}

.errorbox {
    padding: 1em;
    margin: 0 0 10px 0;
    display: none;
    border-radius: 5px;
    color: #bf1d1b;
    background-color: #ffebee;
    border: 1px solid #ef9a9a
}

input[type=text]:focus,select:focus,textarea:focus {
    border-color: #666
}

textarea {
    min-height: 12.5rem
}

#secimg {
    height: 40px;
    float: left;
    margin-right: 10px
}

#code {
    max-width: 150px
}

.mapContainer iframe {
    pointer-events: none
}

label[for=captcha_code] {
    display: none
}

@media only screen and (max-width: 768px) {
    .contact-form {
        padding-right:0
    }
}

.breadcrumb ul>li:last-of-type {
    max-width: unset
}

body .vcard .fa0 {
    filter: invert(0)
}

.errorbox .fa0-exclamation-triangle {
    filter: invert(21%) sepia(39%) saturate(5515%) hue-rotate(351deg) brightness(86%) contrast(93%)
}

.paintWhite {
    filter: invert(100%) sepia(0) saturate(0) hue-rotate(31deg) brightness(113%) contrast(101%)
}

body .contact-soc .fa0 {
    filter: invert(0);
    height: 28px;
    background-position: 50% 50%;
    top: 16px
}

.fa0-exclamation-triangle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMiAzNGg0VjIyaC00djEyem0yLTMwQzEyLjk1IDQgNCAxMi45NSA0IDI0czguOTUgMjAgMjAgMjAgMjAtOC45NSAyMC0yMFMzNS4wNSA0IDI0IDR6bTAgMzZjLTguODIgMC0xNi03LjE4LTE2LTE2UzE1LjE4IDggMjQgOHMxNiA3LjE4IDE2IDE2LTcuMTggMTYtMTYgMTZ6bS0yLTIyaDR2LTRoLTR2NHoiLz48L3N2Zz4=)
}

button#sendbtn {
    background: var(--accent-2);
    border-color: var(--accent-2);
    margin-top: 1rem
}

button#sendbtn:hover {
    background: var(--accent-2-dark);
    border-color: var(--accent-2-dark)
}

button#cancelbtn {
    color: var(--brand-2);
    margin-right: 2rem;
    margin-top: 1rem
}