table.contact {
    display: none;
}

.contact {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    display: table;
    background: #f8f8f9;
}

.contact__title {
    display: table-caption;
    background: #f8f8f9;
}

.contact__title h1 {
    padding: 20px 0 !important;
    margin: 0 !important;
    font-family: 'bebasneue', sans-serif;
    font-size: 35px !important;
    font-weight: bold !important;
    text-align: center;
    color: #449ca8;
    text-transform: uppercase;
}

.channel {
    display: table-cell;
    padding: 30px 10px;
    vertical-align: top;
    text-align: center;
}

.channel a,
.channel span {
    display: inline-block;
    font-family: 'bebasneue', sans-serif;
    text-decoration: none !important;
    color: inherit;
    cursor: pointer;
}

.channel a:hover {
    color: inherit !important;
}

.channel__box {
    display: block;
    max-width: 178px;
    margin: 0 auto;
}

.channel__box + .channel__box {
    margin-top: 15px;
}

.channel__icon > a:before,
.channel__icon > span:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    background-size: cover;
    background-position: center;
}

.channel__icon--email > a:before,
.channel__icon--email > span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='134' height='134' viewBox='0 0 134 134'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate%282 2%29'%3E%3Ccircle cx='65' cy='65' r='65' stroke='%234BBCC3' stroke-width='3'/%3E%3Cpath fill='%235C205D' d='M34.61 44.405c-1.897 0-3.455.475-4.535 1.548-1.08 1.072-1.575 2.651-1.575 4.535v33.024c0 1.88.492 3.435 1.575 4.508s2.675 1.575 4.59 1.575h60.78c1.866 0 3.438-.489 4.507-1.575 1.07-1.083 1.548-2.675 1.548-4.59V50.407c0-1.847-.485-3.392-1.548-4.454-1.062-1.063-2.603-1.548-4.454-1.548H34.611zm0 1.738h60.888c1.36 0 2.301.275 2.96.788-10.564 8.262-20.66 17.238-31.286 25.365-1.494.73-2.851.73-4.345 0-10.442-8.385-20.867-16.885-31.286-25.338.67-.53 1.64-.814 3.07-.814v-.001zm64.853 2.2c.2.553.299 1.235.299 2.064V83.43c0 1.161-.214 2.04-.57 2.689L76.622 66.864l22.84-18.521zm-68.899.027l22.813 18.494-22.595 19.254c-.353-.634-.543-1.476-.543-2.607V50.488c0-.856.118-1.552.325-2.119zm24.198 19.635c2.417 1.932 4.827 3.941 7.251 5.839 1.945.974 4.03.974 5.975 0 2.424-1.904 4.84-3.89 7.251-5.839l22.704 19.336c-.621.326-1.43.516-2.499.516H34.665c-1.113 0-1.965-.19-2.607-.516l22.704-19.336z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.channel__icon--phone > a:before,
.channel__icon--phone > span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='134' height='134' viewBox='0 0 134 134'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate%282 2%29'%3E%3Ccircle cx='65' cy='65' r='65' stroke='%234BBCC3' stroke-width='3'/%3E%3Cg fill='%235C205D'%3E%3Cpath d='M50.902 73.601c-1.895-1.754-3.411-4.283-3.615-6.566-.231-2.377.655-4.91 3.599-7.503.856-.756 1.717-1.511 2.105-2.66.393-1.147.178-2.532-.744-4.218-2.716-3.457-5.451-7.056-7.907-10.162-1.466-1.443-3.19-1.748-4.643-1.304-1.467.571-2.541 1.356-3.711 2.478-6.378 6.274-8.82 12.286-7.739 18.434 1.081 6.148 5.544 12.276 12.51 19.131l8.352 8.217c6.967 6.855 13.196 11.245 19.445 12.309 6.248 1.063 12.358-1.34 18.736-7.614 1.14-1.151 1.935-2.208 2.518-3.651.451-1.43.145-3.123-1.325-4.569-3.157-2.416-6.815-5.104-10.329-7.779-1.713-.908-3.12-1.118-4.287-.733-1.167.386-1.938 1.233-2.703 2.072-2.636 2.896-5.21 3.768-7.626 3.541-2.32-.2-4.89-1.692-6.674-3.557l-5.962-5.866zm-7.758-29.939c2.55 3.262 5.088 6.537 7.643 9.796.784 1.447.827 2.257.616 2.88-.214.629-.824 1.226-1.658 1.962-3.236 2.853-4.42 5.97-4.14 8.878.28 2.898 1.945 5.531 4.104 7.594l5.965 5.869c2.096 2.12 4.772 3.758 7.719 4.037 2.956.279 6.123-.889 9.023-4.073.748-.82 1.358-1.423 1.994-1.63.633-.208 1.457-.17 2.927.606 3.312 2.513 6.637 5.013 9.956 7.52 1.134 1.115 1.216 1.922.913 2.879-.303.956-1.16 2.033-2.106 2.99-6.153 6.053-11.587 8.1-17.246 7.136-5.655-.963-11.687-5.078-18.551-11.832l-8.352-8.217c-6.865-6.754-11.047-12.685-12.026-18.252-.979-5.564 1.101-10.914 7.254-16.968.972-.934 2.066-1.774 3.039-2.072.972-.298 1.793-.217 2.926.898zM62 32.916c.05.432.496.784.939.736 20.098 0 36.37 15.886 36.37 35.51-.007.435.4.838.845.838.446 0 .853-.4.846-.839C101 48.648 83.948 32 62.939 32c-.655.02-.949.435-.939.916zm0 9.91c.05.432.496.784.939.735 14.49 0 26.22 11.452 26.22 25.6-.007.436.4.839.845.839.446 0 .853-.4.846-.839 0-15.042-12.505-27.251-27.911-27.251-.651.016-.952.448-.939.916z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.channel__icon--web > a:before,
.channel__icon--web > span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='134' height='134' viewBox='0 0 134 134'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate%282 2%29'%3E%3Ccircle cx='65' cy='65' r='65' stroke='%234BBCC3' stroke-width='3'/%3E%3Ctext fill='%235C205D' font-family='Roboto-Thin, Roboto' font-size='70' font-style='condensed' font-weight='300'%3E%3Ctspan x='32' y='82'%3E@%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
}

.channel__box--button {
    cursor: pointer;
}

.popup-holder {
    position: relative;
}

.popup {
    width: 100%;
    max-width: 600px;
    // height: 100%;
    padding: 20px;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    // bottom: 0;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 10px#ccc;
}

.popup:not(.popup--active) {
    display: none;
}

.popup__close {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Cpath fill='%7Bcolor%7D' d='M10.57 11a.43.43 0 0 1-.3-.13L.13.74A.43.43 0 0 1 .74.13l10.13 10.13a.43.43 0 0 1-.3.74z'/%3E%3Cpath fill='%7Bcolor%7D' d='M.43 11a.43.43 0 0 1-.3-.74L10.26.13a.43.43 0 0 1 .61.61L.74 10.87a.43.43 0 0 1-.31.13z'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.popup__content {
    text-align: center;
}

a.popup__link {
    display: inline-block;
    margin: 0 0 20px;
    font-family: 'bebasneue', sans-serif;
    font-size: 22px;
    color: #47adb5 !important;
    font-weight: bold;
    text-decoration: none !important;
}

.popup__status {
    margin: 0 0 30px;
}

.popup__status:after {
    font-size: 14px;
    vertical-align: middle;
}

.popup__status:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    vertical-align: middle;
}

.popup__status--online:after {
    content: attr(data-available);
    color: green;
}

.popup__status--online:before {
    background: green;
}

.popup__status--offline:after {
    content: attr(data-unavailable);
    color: red;
}

.popup__status--offline:before {
    background: red;
}

.popup__country {
    margin: 0 0 10px;
    font-style: italic;
}

@media screen and (max-width: 500px) {
    .contact__title {
        display: block;
    }
    .contact__title h1 {
        font-size: 18px !important;
    }
    .channel {
        display: block;
    }
    .channel__box {
        padding: 10px;
    }
    .channel__box:last-child {
        display: none;
    }
    .popup-holder {
        display: block;
    }
}