@charset "UTF-8";

button,
html,
input,
select,
textarea {
    color: #222
}

body {
    font-size: 1em;
    line-height: 1.4
}

.maxwidth100{
    max-width: 100%;
}
a {
    color: #00e
}

a:visited {
    color: #551a8b
}

a:hover {
    color: #06e
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.nocallout {
    -webkit-touch-callout: none
}

.pressed {
    background-color: rgba(0, 0, 0, .7)
}

textarea[contenteditable] {
    -webkit-appearance: none
}

.gifhidden {
    position: absolute;
    left: -100%
}

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em
}

.ir br {
    display: none
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix::after,
.clearfix::before {
    content: "";
    display: table
}

.clearfix::after {
    clear: both
}

@font-face {
    font-family: 'Conv_ClanPro-Bold';
    src: url(/dist/fonts/ClanPro-Bold.eot);
    src: local("☺"), url(/dist/fonts/ClanPro-Bold.woff) format("woff"), url(/dist/fonts/ClanPro-Bold.ttf) format("truetype"), url(/dist/fonts/ClanPro-Bold.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

footer.page-footer {
    margin: 0
}
footer{
    bottom: 0;
}

.social-share {
    /* display: inline-block;
    margin-top: 96px;
    margin-left: 4px;
    margin-right: 4px; */
    width: 32px;
    height: 32px
}

.social-share img {
    width: 32px;
    height: 32px;
    padding: 4px
}

.social-share a img:hover {
    background-color: #44444d !important
}

.footer-left-pane {
    border-right: 1px solid #808290;
    padding-top: 16px;
    height: 130px;
    padding-right: 16px;
    font-size: 13px;
    text-align: right;
    color: #808290;
    line-height: 16px
}

.footer-left-pane .copy-text {
    margin-top: 70px
}

.footer-right-pane .terms-text {
    font-size: 13px;
    text-align: left;
    margin-top: 70px;
    color: #fff;
    line-height: 16px
}

.teals {
    background-color: #323232 !important
}

@media only screen and (max-width:600px) {
    .social-share {
        margin-top: 10px !important;
        margin-bottom: 10px
    }

    .social-admin {
        border-bottom: 1px solid #808290;
        text-align: center;
        margin-bottom: 15px
    }

    .menu span {
        display: none
    }
}