.fa,
.fas,
.far,
.fal,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-acquisitions-incorporated:before {
    content: "\f6af"
}

.fa-ad:before {
    content: "\f641"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adobe:before {
    content: "\f778"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-air-freshener:before {
    content: "\f5d0"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before {
    content: "\f77d"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bible:before {
    content: "\f647"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blog:before {
    content: "\f781"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-dead:before {
    content: "\f6b7"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-reader:before {
    content: "\f5da"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-business-time:before {
    content: "\f64a"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-car-alt:before {
    content: "\f5de"
}

.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clinic-medical:before {
    content: "\f7f2"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compress:before {
    content: "\f066"
}

.fa-compress-arrows-alt:before {
    content: "\f78c"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-directions:before {
    content: "\f5eb"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edit:before {
    content: "\f044"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-female:before {
    content: "\f182"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-alt:before {
    content: "\f7e4"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fist-raised:before {
    content: "\f6de"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glass-whiskey:before {
    content: "\f7a0"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hamburger:before {
    content: "\f805"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-hat:before {
    content: "\f807"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-haykal:before {
    content: "\f666"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before {
    content: "\f7a9"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hiking:before {
    content: "\f6ec"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-home:before {
    content: "\f015"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-house-damage:before {
    content: "\f6f1"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-journal-whills:before {
    content: "\f66a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-key:before {
    content: "\f084"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mail-bulk:before {
    content: "\f674"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neos:before {
    content: "\f612"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-nintendo-switch:before {
    content: "\f418"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-om:before {
    content: "\f679"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-otter:before {
    content: "\f700"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-pastafarianism:before {
    content: "\f67b"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-penny-arcade:before {
    content: "\f704"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poll:before {
    content: "\f681"
}

.fa-poll-h:before {
    content: "\f682"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-pray:before {
    content: "\f683"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-quran:before {
    content: "\f687"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-random:before {
    content: "\f074"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-running:before {
    content: "\f70c"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skating:before {
    content: "\f7c5"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-skiing:before {
    content: "\f7c9"
}

.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-sms:before {
    content: "\f7cd"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-tenge:before {
    content: "\f7d7"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-theater-masks:before {
    content: "\f630"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tools:before {
    content: "\f7d9"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torah:before {
    content: "\f6a0"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-train:before {
    content: "\f238"
}

.fa-tram:before {
    content: "\f7da"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-mute:before {
    content: "\f6a9"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vote-yea:before {
    content: "\f772"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-water:before {
    content: "\f773"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("../fonts/fa-solid-900.eot");
    src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg")
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("../fonts/fa-brands-400.eot");
    src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg")
}

.fab {
    font-family: 'Font Awesome 5 Brands'
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("../fonts/fa-regular-400.eot");
    src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg")
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-glass:before {
    content: "\f000"
}

.fa.fa-meetup {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-star-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-star-o:before {
    content: "\f005"
}

.fa.fa-remove:before {
    content: "\f00d"
}

.fa.fa-close:before {
    content: "\f00d"
}

.fa.fa-gear:before {
    content: "\f013"
}

.fa.fa-trash-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-trash-o:before {
    content: "\f2ed"
}

.fa.fa-file-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-o:before {
    content: "\f15b"
}

.fa.fa-clock-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-clock-o:before {
    content: "\f017"
}

.fa.fa-arrow-circle-o-down {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-arrow-circle-o-down:before {
    content: "\f358"
}

.fa.fa-arrow-circle-o-up {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-arrow-circle-o-up:before {
    content: "\f35b"
}

.fa.fa-play-circle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-play-circle-o:before {
    content: "\f144"
}

.fa.fa-repeat:before {
    content: "\f01e"
}

.fa.fa-rotate-right:before {
    content: "\f01e"
}

.fa.fa-refresh:before {
    content: "\f021"
}

.fa.fa-list-alt {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-dedent:before {
    content: "\f03b"
}

.fa.fa-video-camera:before {
    content: "\f03d"
}

.fa.fa-picture-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-picture-o:before {
    content: "\f03e"
}

.fa.fa-photo {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-photo:before {
    content: "\f03e"
}

.fa.fa-image {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-image:before {
    content: "\f03e"
}

.fa.fa-pencil:before {
    content: "\f303"
}

.fa.fa-map-marker:before {
    content: "\f3c5"
}

.fa.fa-pencil-square-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-pencil-square-o:before {
    content: "\f044"
}

.fa.fa-share-square-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-share-square-o:before {
    content: "\f14d"
}

.fa.fa-check-square-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-check-square-o:before {
    content: "\f14a"
}

.fa.fa-arrows:before {
    content: "\f0b2"
}

.fa.fa-times-circle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-times-circle-o:before {
    content: "\f057"
}

.fa.fa-check-circle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-check-circle-o:before {
    content: "\f058"
}

.fa.fa-mail-forward:before {
    content: "\f064"
}

.fa.fa-eye {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-eye-slash {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-warning:before {
    content: "\f071"
}

.fa.fa-calendar:before {
    content: "\f073"
}

.fa.fa-arrows-v:before {
    content: "\f338"
}

.fa.fa-arrows-h:before {
    content: "\f337"
}

.fa.fa-bar-chart {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-bar-chart:before {
    content: "\f080"
}

.fa.fa-bar-chart-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-bar-chart-o:before {
    content: "\f080"
}

.fa.fa-twitter-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-facebook-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-gears:before {
    content: "\f085"
}

.fa.fa-thumbs-o-up {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-thumbs-o-up:before {
    content: "\f164"
}

.fa.fa-thumbs-o-down {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-thumbs-o-down:before {
    content: "\f165"
}

.fa.fa-heart-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-heart-o:before {
    content: "\f004"
}

.fa.fa-sign-out:before {
    content: "\f2f5"
}

.fa.fa-linkedin-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-linkedin-square:before {
    content: "\f08c"
}

.fa.fa-thumb-tack:before {
    content: "\f08d"
}

.fa.fa-external-link:before {
    content: "\f35d"
}

.fa.fa-sign-in:before {
    content: "\f2f6"
}

.fa.fa-github-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-lemon-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-lemon-o:before {
    content: "\f094"
}

.fa.fa-square-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-square-o:before {
    content: "\f0c8"
}

.fa.fa-bookmark-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-bookmark-o:before {
    content: "\f02e"
}

.fa.fa-twitter {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-facebook {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-facebook:before {
    content: "\f39e"
}

.fa.fa-facebook-f {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-facebook-f:before {
    content: "\f39e"
}

.fa.fa-github {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-credit-card {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-feed:before {
    content: "\f09e"
}

.fa.fa-hdd-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hdd-o:before {
    content: "\f0a0"
}

.fa.fa-hand-o-right {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa.fa-hand-o-left {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa.fa-hand-o-up {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa.fa-hand-o-down {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa.fa-arrows-alt:before {
    content: "\f31e"
}

.fa.fa-group:before {
    content: "\f0c0"
}

.fa.fa-chain:before {
    content: "\f0c1"
}

.fa.fa-scissors:before {
    content: "\f0c4"
}

.fa.fa-files-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-files-o:before {
    content: "\f0c5"
}

.fa.fa-floppy-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-floppy-o:before {
    content: "\f0c7"
}

.fa.fa-navicon:before {
    content: "\f0c9"
}

.fa.fa-reorder:before {
    content: "\f0c9"
}

.fa.fa-pinterest {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-pinterest-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-google-plus-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-google-plus {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-google-plus:before {
    content: "\f0d5"
}

.fa.fa-money {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-money:before {
    content: "\f3d1"
}

.fa.fa-unsorted:before {
    content: "\f0dc"
}

.fa.fa-sort-desc:before {
    content: "\f0dd"
}

.fa.fa-sort-asc:before {
    content: "\f0de"
}

.fa.fa-linkedin {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-linkedin:before {
    content: "\f0e1"
}

.fa.fa-rotate-left:before {
    content: "\f0e2"
}

.fa.fa-legal:before {
    content: "\f0e3"
}

.fa.fa-tachometer:before {
    content: "\f3fd"
}

.fa.fa-dashboard:before {
    content: "\f3fd"
}

.fa.fa-comment-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-comment-o:before {
    content: "\f075"
}

.fa.fa-comments-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-comments-o:before {
    content: "\f086"
}

.fa.fa-flash:before {
    content: "\f0e7"
}

.fa.fa-clipboard {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-paste {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-paste:before {
    content: "\f328"
}

.fa.fa-lightbulb-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa.fa-exchange:before {
    content: "\f362"
}

.fa.fa-cloud-download:before {
    content: "\f381"
}

.fa.fa-cloud-upload:before {
    content: "\f382"
}

.fa.fa-bell-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-bell-o:before {
    content: "\f0f3"
}

.fa.fa-cutlery:before {
    content: "\f2e7"
}

.fa.fa-file-text-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-text-o:before {
    content: "\f15c"
}

.fa.fa-building-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-building-o:before {
    content: "\f1ad"
}

.fa.fa-hospital-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hospital-o:before {
    content: "\f0f8"
}

.fa.fa-tablet:before {
    content: "\f3fa"
}

.fa.fa-mobile:before {
    content: "\f3cd"
}

.fa.fa-mobile-phone:before {
    content: "\f3cd"
}

.fa.fa-circle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-circle-o:before {
    content: "\f111"
}

.fa.fa-mail-reply:before {
    content: "\f3e5"
}

.fa.fa-github-alt {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-folder-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-folder-o:before {
    content: "\f07b"
}

.fa.fa-folder-open-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-folder-open-o:before {
    content: "\f07c"
}

.fa.fa-smile-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-smile-o:before {
    content: "\f118"
}

.fa.fa-frown-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-frown-o:before {
    content: "\f119"
}

.fa.fa-meh-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-meh-o:before {
    content: "\f11a"
}

.fa.fa-keyboard-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-keyboard-o:before {
    content: "\f11c"
}

.fa.fa-flag-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-flag-o:before {
    content: "\f024"
}

.fa.fa-mail-reply-all:before {
    content: "\f122"
}

.fa.fa-star-half-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-star-half-o:before {
    content: "\f089"
}

.fa.fa-star-half-empty {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-star-half-empty:before {
    content: "\f089"
}

.fa.fa-star-half-full {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-star-half-full:before {
    content: "\f089"
}

.fa.fa-code-fork:before {
    content: "\f126"
}

.fa.fa-chain-broken:before {
    content: "\f127"
}

.fa.fa-shield:before {
    content: "\f3ed"
}

.fa.fa-calendar-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-calendar-o:before {
    content: "\f133"
}

.fa.fa-maxcdn {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-html5 {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-css3 {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-ticket:before {
    content: "\f3ff"
}

.fa.fa-minus-square-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-minus-square-o:before {
    content: "\f146"
}

.fa.fa-level-up:before {
    content: "\f3bf"
}

.fa.fa-level-down:before {
    content: "\f3be"
}

.fa.fa-pencil-square:before {
    content: "\f14b"
}

.fa.fa-external-link-square:before {
    content: "\f360"
}

.fa.fa-compass {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-caret-square-o-down {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-caret-square-o-down:before {
    content: "\f150"
}

.fa.fa-toggle-down {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-toggle-down:before {
    content: "\f150"
}

.fa.fa-caret-square-o-up {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-caret-square-o-up:before {
    content: "\f151"
}

.fa.fa-toggle-up {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-toggle-up:before {
    content: "\f151"
}

.fa.fa-caret-square-o-right {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-caret-square-o-right:before {
    content: "\f152"
}

.fa.fa-toggle-right {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-toggle-right:before {
    content: "\f152"
}

.fa.fa-eur:before {
    content: "\f153"
}

.fa.fa-euro:before {
    content: "\f153"
}

.fa.fa-gbp:before {
    content: "\f154"
}

.fa.fa-usd:before {
    content: "\f155"
}

.fa.fa-dollar:before {
    content: "\f155"
}

.fa.fa-inr:before {
    content: "\f156"
}

.fa.fa-rupee:before {
    content: "\f156"
}

.fa.fa-jpy:before {
    content: "\f157"
}

.fa.fa-cny:before {
    content: "\f157"
}

.fa.fa-rmb:before {
    content: "\f157"
}

.fa.fa-yen:before {
    content: "\f157"
}

.fa.fa-rub:before {
    content: "\f158"
}

.fa.fa-ruble:before {
    content: "\f158"
}

.fa.fa-rouble:before {
    content: "\f158"
}

.fa.fa-krw:before {
    content: "\f159"
}

.fa.fa-won:before {
    content: "\f159"
}

.fa.fa-btc {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-bitcoin {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-bitcoin:before {
    content: "\f15a"
}

.fa.fa-file-text:before {
    content: "\f15c"
}

.fa.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa.fa-youtube-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-youtube {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-xing {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-xing-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-youtube-play {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-youtube-play:before {
    content: "\f167"
}

.fa.fa-dropbox {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-stack-overflow {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-instagram {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-flickr {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-adn {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-bitbucket {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-bitbucket-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-bitbucket-square:before {
    content: "\f171"
}

.fa.fa-tumblr {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-tumblr-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-long-arrow-down:before {
    content: "\f309"
}

.fa.fa-long-arrow-up:before {
    content: "\f30c"
}

.fa.fa-long-arrow-left:before {
    content: "\f30a"
}

.fa.fa-long-arrow-right:before {
    content: "\f30b"
}

.fa.fa-apple {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-windows {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-android {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-linux {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-dribbble {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-skype {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-foursquare {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-trello {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-gratipay {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-gittip {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-gittip:before {
    content: "\f184"
}

.fa.fa-sun-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-sun-o:before {
    content: "\f185"
}

.fa.fa-moon-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-moon-o:before {
    content: "\f186"
}

.fa.fa-vk {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-weibo {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-renren {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-pagelines {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-stack-exchange {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-arrow-circle-o-right {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-arrow-circle-o-right:before {
    content: "\f35a"
}

.fa.fa-arrow-circle-o-left {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-arrow-circle-o-left:before {
    content: "\f359"
}

.fa.fa-caret-square-o-left {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-caret-square-o-left:before {
    content: "\f191"
}

.fa.fa-toggle-left {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-toggle-left:before {
    content: "\f191"
}

.fa.fa-dot-circle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-dot-circle-o:before {
    content: "\f192"
}

.fa.fa-vimeo-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-try:before {
    content: "\f195"
}

.fa.fa-turkish-lira:before {
    content: "\f195"
}

.fa.fa-plus-square-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-plus-square-o:before {
    content: "\f0fe"
}

.fa.fa-slack {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-wordpress {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-openid {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-institution:before {
    content: "\f19c"
}

.fa.fa-bank:before {
    content: "\f19c"
}

.fa.fa-mortar-board:before {
    content: "\f19d"
}

.fa.fa-yahoo {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-google {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-reddit {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-reddit-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-stumbleupon-circle {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-stumbleupon {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-delicious {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-digg {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-pied-piper-pp {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-pied-piper-alt {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-drupal {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-joomla {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-spoon:before {
    content: "\f2e5"
}

.fa.fa-behance {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-behance-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-steam {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-steam-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-automobile:before {
    content: "\f1b9"
}

.fa.fa-cab:before {
    content: "\f1ba"
}

.fa.fa-envelope-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-envelope-o:before {
    content: "\f0e0"
}

.fa.fa-deviantart {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-soundcloud {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-file-pdf-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa.fa-file-word-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-word-o:before {
    content: "\f1c2"
}

.fa.fa-file-excel-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa.fa-file-powerpoint-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa.fa-file-image-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-image-o:before {
    content: "\f1c5"
}

.fa.fa-file-photo-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-photo-o:before {
    content: "\f1c5"
}

.fa.fa-file-picture-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa.fa-file-archive-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-archive-o:before {
    content: "\f1c6"
}

.fa.fa-file-zip-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa.fa-file-audio-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-audio-o:before {
    content: "\f1c7"
}

.fa.fa-file-sound-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa.fa-file-video-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-video-o:before {
    content: "\f1c8"
}

.fa.fa-file-movie-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-movie-o:before {
    content: "\f1c8"
}

.fa.fa-file-code-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-file-code-o:before {
    content: "\f1c9"
}

.fa.fa-vine {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-codepen {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-jsfiddle {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-life-ring {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-life-bouy {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-life-bouy:before {
    content: "\f1cd"
}

.fa.fa-life-buoy {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-life-buoy:before {
    content: "\f1cd"
}

.fa.fa-life-saver {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-life-saver:before {
    content: "\f1cd"
}

.fa.fa-support {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-support:before {
    content: "\f1cd"
}

.fa.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa.fa-rebel {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-ra {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-ra:before {
    content: "\f1d0"
}

.fa.fa-resistance {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-resistance:before {
    content: "\f1d0"
}

.fa.fa-empire {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-ge {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-ge:before {
    content: "\f1d1"
}

.fa.fa-git-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-git {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-hacker-news {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-y-combinator-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-y-combinator-square:before {
    content: "\f1d4"
}

.fa.fa-yc-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-yc-square:before {
    content: "\f1d4"
}

.fa.fa-tencent-weibo {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-qq {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-weixin {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-wechat {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-wechat:before {
    content: "\f1d7"
}

.fa.fa-send:before {
    content: "\f1d8"
}

.fa.fa-paper-plane-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-paper-plane-o:before {
    content: "\f1d8"
}

.fa.fa-send-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-send-o:before {
    content: "\f1d8"
}

.fa.fa-circle-thin {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-circle-thin:before {
    content: "\f111"
}

.fa.fa-header:before {
    content: "\f1dc"
}

.fa.fa-sliders:before {
    content: "\f1de"
}

.fa.fa-futbol-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-futbol-o:before {
    content: "\f1e3"
}

.fa.fa-soccer-ball-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa.fa-slideshare {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-twitch {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-yelp {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-newspaper-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa.fa-paypal {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-google-wallet {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-cc-visa {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-cc-mastercard {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-cc-discover {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-cc-amex {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-cc-paypal {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-cc-stripe {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-bell-slash-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-bell-slash-o:before {
    content: "\f1f6"
}

.fa.fa-trash:before {
    content: "\f2ed"
}

.fa.fa-copyright {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-eyedropper:before {
    content: "\f1fb"
}

.fa.fa-area-chart:before {
    content: "\f1fe"
}

.fa.fa-pie-chart:before {
    content: "\f200"
}

.fa.fa-line-chart:before {
    content: "\f201"
}

.fa.fa-lastfm {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-lastfm-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-ioxhost {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-angellist {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-cc {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-cc:before {
    content: "\f20a"
}

.fa.fa-ils:before {
    content: "\f20b"
}

.fa.fa-shekel:before {
    content: "\f20b"
}

.fa.fa-sheqel:before {
    content: "\f20b"
}

.fa.fa-meanpath {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-meanpath:before {
    content: "\f2b4"
}

.fa.fa-buysellads {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-connectdevelop {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-dashcube {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-forumbee {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-leanpub {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-sellsy {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-shirtsinbulk {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-simplybuilt {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-skyatlas {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-diamond {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-diamond:before {
    content: "\f3a5"
}

.fa.fa-intersex:before {
    content: "\f224"
}

.fa.fa-facebook-official {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-facebook-official:before {
    content: "\f09a"
}

.fa.fa-pinterest-p {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-whatsapp {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-hotel:before {
    content: "\f236"
}

.fa.fa-viacoin {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-medium {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-y-combinator {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-yc {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-yc:before {
    content: "\f23b"
}

.fa.fa-optin-monster {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-opencart {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-expeditedssl {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-battery-4:before {
    content: "\f240"
}

.fa.fa-battery:before {
    content: "\f240"
}

.fa.fa-battery-3:before {
    content: "\f241"
}

.fa.fa-battery-2:before {
    content: "\f242"
}

.fa.fa-battery-1:before {
    content: "\f243"
}

.fa.fa-battery-0:before {
    content: "\f244"
}

.fa.fa-object-group {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-object-ungroup {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-sticky-note-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-sticky-note-o:before {
    content: "\f249"
}

.fa.fa-cc-jcb {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-cc-diners-club {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-clone {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hourglass-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hourglass-o:before {
    content: "\f254"
}

.fa.fa-hourglass-1:before {
    content: "\f251"
}

.fa.fa-hourglass-2:before {
    content: "\f252"
}

.fa.fa-hourglass-3:before {
    content: "\f253"
}

.fa.fa-hand-rock-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-rock-o:before {
    content: "\f255"
}

.fa.fa-hand-grab-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-grab-o:before {
    content: "\f255"
}

.fa.fa-hand-paper-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-paper-o:before {
    content: "\f256"
}

.fa.fa-hand-stop-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-stop-o:before {
    content: "\f256"
}

.fa.fa-hand-scissors-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa.fa-hand-lizard-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa.fa-hand-spock-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-spock-o:before {
    content: "\f259"
}

.fa.fa-hand-pointer-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa.fa-hand-peace-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa.fa-registered {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-creative-commons {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-gg {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-gg-circle {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-tripadvisor {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-odnoklassniki {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-odnoklassniki-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-get-pocket {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-wikipedia-w {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-safari {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-chrome {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-firefox {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-opera {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-internet-explorer {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-television:before {
    content: "\f26c"
}

.fa.fa-contao {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-500px {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-amazon {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-calendar-plus-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa.fa-calendar-minus-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa.fa-calendar-times-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-calendar-times-o:before {
    content: "\f273"
}

.fa.fa-calendar-check-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-calendar-check-o:before {
    content: "\f274"
}

.fa.fa-map-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-map-o:before {
    content: "\f279"
}

.fa.fa-commenting:before {
    content: "\f4ad"
}

.fa.fa-commenting-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-commenting-o:before {
    content: "\f4ad"
}

.fa.fa-houzz {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-vimeo {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-vimeo:before {
    content: "\f27d"
}

.fa.fa-black-tie {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-fonticons {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-reddit-alien {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-edge {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-credit-card-alt:before {
    content: "\f09d"
}

.fa.fa-codiepie {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-modx {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-fort-awesome {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-usb {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-product-hunt {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-mixcloud {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-scribd {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-pause-circle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-pause-circle-o:before {
    content: "\f28b"
}

.fa.fa-stop-circle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-stop-circle-o:before {
    content: "\f28d"
}

.fa.fa-bluetooth {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-bluetooth-b {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-gitlab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-wpbeginner {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-wpforms {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-envira {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-wheelchair-alt {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-wheelchair-alt:before {
    content: "\f368"
}

.fa.fa-question-circle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-question-circle-o:before {
    content: "\f059"
}

.fa.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa.fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa.fa-deafness:before {
    content: "\f2a4"
}

.fa.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa.fa-glide {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-glide-g {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-signing:before {
    content: "\f2a7"
}

.fa.fa-viadeo {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-viadeo-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-snapchat {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-snapchat-ghost {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-snapchat-square {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-pied-piper {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-first-order {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-yoast {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-themeisle {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-google-plus-official {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa.fa-google-plus-circle {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-google-plus-circle:before {
    content: "\f2b3"
}

.fa.fa-font-awesome {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-fa {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-fa:before {
    content: "\f2b4"
}

.fa.fa-handshake-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-handshake-o:before {
    content: "\f2b5"
}

.fa.fa-envelope-open-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-envelope-open-o:before {
    content: "\f2b6"
}

.fa.fa-linode {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-address-book-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-address-book-o:before {
    content: "\f2b9"
}

.fa.fa-vcard:before {
    content: "\f2bb"
}

.fa.fa-address-card-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-address-card-o:before {
    content: "\f2bb"
}

.fa.fa-vcard-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-vcard-o:before {
    content: "\f2bb"
}

.fa.fa-user-circle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-user-circle-o:before {
    content: "\f2bd"
}

.fa.fa-user-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-user-o:before {
    content: "\f007"
}

.fa.fa-id-badge {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-drivers-license:before {
    content: "\f2c2"
}

.fa.fa-id-card-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-id-card-o:before {
    content: "\f2c2"
}

.fa.fa-drivers-license-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-drivers-license-o:before {
    content: "\f2c2"
}

.fa.fa-quora {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-free-code-camp {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-telegram {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-thermometer-4:before {
    content: "\f2c7"
}

.fa.fa-thermometer:before {
    content: "\f2c7"
}

.fa.fa-thermometer-3:before {
    content: "\f2c8"
}

.fa.fa-thermometer-2:before {
    content: "\f2c9"
}

.fa.fa-thermometer-1:before {
    content: "\f2ca"
}

.fa.fa-thermometer-0:before {
    content: "\f2cb"
}

.fa.fa-bathtub:before {
    content: "\f2cd"
}

.fa.fa-s15:before {
    content: "\f2cd"
}

.fa.fa-window-maximize {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-window-restore {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-times-rectangle:before {
    content: "\f410"
}

.fa.fa-window-close-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-window-close-o:before {
    content: "\f410"
}

.fa.fa-times-rectangle-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-times-rectangle-o:before {
    content: "\f410"
}

.fa.fa-bandcamp {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-grav {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-etsy {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-imdb {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-ravelry {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-eercast {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-eercast:before {
    content: "\f2da"
}

.fa.fa-snowflake-o {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

.fa.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa.fa-superpowers {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-wpexplorer {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

.fa.fa-spotify {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes confirm-delete {
    0% {
        color: #df4e4e
    }

    50% {
        color: #ffaf94
    }

    100% {
        color: #df4e4e
    }
}

@-webkit-keyframes confirm-delete {
    0% {
        color: #df4e4e
    }

    50% {
        color: #ffaf94
    }

    100% {
        color: #df4e4e
    }
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: rotate(4deg)
    }

    50% {
        -webkit-transform: rotate(-4deg)
    }

    100% {
        -webkit-transform: rotate(4deg)
    }
}

@-keyframes wiggle {
    0% {
        -webkit-transform: rotate(4deg)
    }

    50% {
        -webkit-transform: rotate(-4deg)
    }

    100% {
        -webkit-transform: rotate(4deg)
    }
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

:focus,
:active {
    outline: 0
}

iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: none
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    position: relative;
    background: #fff;
    margin: 0
}

@media only screen and (min-width: 1180px) {
    body {
        min-width: 1180px
    }
}

@media only screen and (max-width: 640px) {

    html,
    body {
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none;
        -webkit-text-size-adjust: none
    }
}

@media only screen and (min-width: 1180px) {
    body.with-header-bar {
        margin-top: 80px
    }

    body.with-header-bar-transparent-top {
        margin-top: 0
    }
}

@media only screen and (max-width: 1179px) {
    body.with-header-bar {
        margin-top: 0
    }

    body.with-header-bar-transparent-top {
        margin-top: 0
    }
}

hr {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.075);
    margin: 15px 0;
    padding: 0
}

.grid {
    position: relative;
    z-index: 2
}

.grid.grid-override {
    z-index: 1000
}

.row-set-default {
    background: #fff;
    color: #2f2f2f;
    width: 100%;
    margin: 0 auto
}

.row-set-default h1,
.row-set-default h2,
.row-set-default h3,
.row-set-default h4,
.row-set-default h5,
.row-set-default .h1,
.row-set-default .h2,
.row-set-default .h3,
.row-set-default .h4,
.row-set-default .h5 {
    color: #2f2f2f
}

.row-set-default a {
    color: #005cf0
}

.row-set-default a:hover,
.row-set-default a:active,
.row-set-default a:focus {
    color: #0b68ff
}

.row-set-default .text-muted {
    color: #a6a6a6
}

.row-set-default .text-error,
.row-set-default .text-info,
.row-set-default .text-success {
    color: #2f2f2f
}

.row-set-default>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-default {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-default {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-default>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-default>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-default>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-default>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-default>.container {
        width: 100%
    }
}

.row-set-default .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-default .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-default .module {
        padding: 9px
    }
}

.row-set-default .row {
    position: relative
}

.row-set-default .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-default-accent {
    background: #f2f2f2;
    color: #2f2f2f;
    width: 100%;
    margin: 0 auto
}

.row-set-default-accent h1,
.row-set-default-accent h2,
.row-set-default-accent h3,
.row-set-default-accent h4,
.row-set-default-accent h5,
.row-set-default-accent .h1,
.row-set-default-accent .h2,
.row-set-default-accent .h3,
.row-set-default-accent .h4,
.row-set-default-accent .h5 {
    color: #2f2f2f
}

.row-set-default-accent a {
    color: #005cf0
}

.row-set-default-accent a:hover,
.row-set-default-accent a:active,
.row-set-default-accent a:focus {
    color: #0b68ff
}

.row-set-default-accent .text-muted {
    color: #999
}

.row-set-default-accent .text-error,
.row-set-default-accent .text-info,
.row-set-default-accent .text-success {
    color: #2f2f2f
}

.row-set-default-accent>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-default-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-default-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-default-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-default-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-default-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-default-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-default-accent>.container {
        width: 100%
    }
}

.row-set-default-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-default-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-default-accent .module {
        padding: 9px
    }
}

.row-set-default-accent .row {
    position: relative
}

.row-set-default-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-white {
    background: #fff;
    color: #2f2f2f;
    width: 100%;
    margin: 0 auto
}

.row-set-white h1,
.row-set-white h2,
.row-set-white h3,
.row-set-white h4,
.row-set-white h5,
.row-set-white .h1,
.row-set-white .h2,
.row-set-white .h3,
.row-set-white .h4,
.row-set-white .h5 {
    color: #2f2f2f
}

.row-set-white a {
    color: #005cf0
}

.row-set-white a:hover,
.row-set-white a:active,
.row-set-white a:focus {
    color: #0b68ff
}

.row-set-white .text-muted {
    color: #a6a6a6
}

.row-set-white .text-error,
.row-set-white .text-info,
.row-set-white .text-success {
    color: #2f2f2f
}

.row-set-white>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-white {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-white {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-white>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-white>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-white>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-white>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-white>.container {
        width: 100%
    }
}

.row-set-white .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-white .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-white .module {
        padding: 9px
    }
}

.row-set-white .row {
    position: relative
}

.row-set-white .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-white-accent {
    background: #f2f2f2;
    color: #2f2f2f;
    width: 100%;
    margin: 0 auto
}

.row-set-white-accent h1,
.row-set-white-accent h2,
.row-set-white-accent h3,
.row-set-white-accent h4,
.row-set-white-accent h5,
.row-set-white-accent .h1,
.row-set-white-accent .h2,
.row-set-white-accent .h3,
.row-set-white-accent .h4,
.row-set-white-accent .h5 {
    color: #2f2f2f
}

.row-set-white-accent a {
    color: #005cf0
}

.row-set-white-accent a:hover,
.row-set-white-accent a:active,
.row-set-white-accent a:focus {
    color: #0b68ff
}

.row-set-white-accent .text-muted {
    color: #999
}

.row-set-white-accent .text-error,
.row-set-white-accent .text-info,
.row-set-white-accent .text-success {
    color: #2f2f2f
}

.row-set-white-accent>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-white-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-white-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-white-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-white-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-white-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-white-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-white-accent>.container {
        width: 100%
    }
}

.row-set-white-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-white-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-white-accent .module {
        padding: 9px
    }
}

.row-set-white-accent .row {
    position: relative
}

.row-set-white-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-black {
    background: #000;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-black h1,
.row-set-black h2,
.row-set-black h3,
.row-set-black h4,
.row-set-black h5,
.row-set-black .h1,
.row-set-black .h2,
.row-set-black .h3,
.row-set-black .h4,
.row-set-black .h5 {
    color: #fff
}

.row-set-black a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-black a:hover,
.row-set-black a:active,
.row-set-black a:focus {
    color: #fff
}

.row-set-black .text-muted {
    color: #595959
}

.row-set-black .text-error,
.row-set-black .text-info,
.row-set-black .text-success {
    color: #fff
}

.row-set-black>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-black {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-black {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-black>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-black>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-black>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-black>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-black>.container {
        width: 100%
    }
}

.row-set-black .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-black .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-black .module {
        padding: 9px
    }
}

.row-set-black .row {
    position: relative
}

.row-set-black .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-black-accent {
    background: #0d0d0d;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-black-accent h1,
.row-set-black-accent h2,
.row-set-black-accent h3,
.row-set-black-accent h4,
.row-set-black-accent h5,
.row-set-black-accent .h1,
.row-set-black-accent .h2,
.row-set-black-accent .h3,
.row-set-black-accent .h4,
.row-set-black-accent .h5 {
    color: #fff
}

.row-set-black-accent a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-black-accent a:hover,
.row-set-black-accent a:active,
.row-set-black-accent a:focus {
    color: #fff
}

.row-set-black-accent .text-muted {
    color: #666
}

.row-set-black-accent .text-error,
.row-set-black-accent .text-info,
.row-set-black-accent .text-success {
    color: #fff
}

.row-set-black-accent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-black-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-black-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-black-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-black-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-black-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-black-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-black-accent>.container {
        width: 100%
    }
}

.row-set-black-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-black-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-black-accent .module {
        padding: 9px
    }
}

.row-set-black-accent .row {
    position: relative
}

.row-set-black-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-primary {
    background: #fc1e0a;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-primary h1,
.row-set-primary h2,
.row-set-primary h3,
.row-set-primary h4,
.row-set-primary h5,
.row-set-primary .h1,
.row-set-primary .h2,
.row-set-primary .h3,
.row-set-primary .h4,
.row-set-primary .h5 {
    color: #fff
}

.row-set-primary a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-primary a:hover,
.row-set-primary a:active,
.row-set-primary a:focus {
    color: #fff
}

.row-set-primary .text-muted {
    color: #fec0ba
}

.row-set-primary .text-error,
.row-set-primary .text-info,
.row-set-primary .text-success {
    color: #fff
}

.row-set-primary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-primary {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-primary {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-primary>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-primary>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-primary>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-primary>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-primary>.container {
        width: 100%
    }
}

.row-set-primary .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-primary .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-primary .module {
        padding: 9px
    }
}

.row-set-primary .row {
    position: relative
}

.row-set-primary .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-primary-accent {
    background: #fc3523;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-primary-accent h1,
.row-set-primary-accent h2,
.row-set-primary-accent h3,
.row-set-primary-accent h4,
.row-set-primary-accent h5,
.row-set-primary-accent .h1,
.row-set-primary-accent .h2,
.row-set-primary-accent .h3,
.row-set-primary-accent .h4,
.row-set-primary-accent .h5 {
    color: #fff
}

.row-set-primary-accent a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-primary-accent a:hover,
.row-set-primary-accent a:active,
.row-set-primary-accent a:focus {
    color: #fff
}

.row-set-primary-accent .text-muted {
    color: #fed7d3
}

.row-set-primary-accent .text-error,
.row-set-primary-accent .text-info,
.row-set-primary-accent .text-success {
    color: #fff
}

.row-set-primary-accent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-primary-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-primary-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-primary-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-primary-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-primary-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-primary-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-primary-accent>.container {
        width: 100%
    }
}

.row-set-primary-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-primary-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-primary-accent .module {
        padding: 9px
    }
}

.row-set-primary-accent .row {
    position: relative
}

.row-set-primary-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-secondary {
    background: #0353d4;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-secondary h1,
.row-set-secondary h2,
.row-set-secondary h3,
.row-set-secondary h4,
.row-set-secondary h5,
.row-set-secondary .h1,
.row-set-secondary .h2,
.row-set-secondary .h3,
.row-set-secondary .h4,
.row-set-secondary .h5 {
    color: #fff
}

.row-set-secondary a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-secondary a:hover,
.row-set-secondary a:active,
.row-set-secondary a:focus {
    color: #fff
}

.row-set-secondary .text-muted {
    color: #8bb7fe
}

.row-set-secondary .text-error,
.row-set-secondary .text-info,
.row-set-secondary .text-success {
    color: #fff
}

.row-set-secondary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-secondary {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-secondary {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-secondary>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-secondary>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-secondary>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-secondary>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-secondary>.container {
        width: 100%
    }
}

.row-set-secondary .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-secondary .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-secondary .module {
        padding: 9px
    }
}

.row-set-secondary .row {
    position: relative
}

.row-set-secondary .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-secondary-accent {
    background: #035ded;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-secondary-accent h1,
.row-set-secondary-accent h2,
.row-set-secondary-accent h3,
.row-set-secondary-accent h4,
.row-set-secondary-accent h5,
.row-set-secondary-accent .h1,
.row-set-secondary-accent .h2,
.row-set-secondary-accent .h3,
.row-set-secondary-accent .h4,
.row-set-secondary-accent .h5 {
    color: #fff
}

.row-set-secondary-accent a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-secondary-accent a:hover,
.row-set-secondary-accent a:active,
.row-set-secondary-accent a:focus {
    color: #fff
}

.row-set-secondary-accent .text-muted {
    color: #a5c7fe
}

.row-set-secondary-accent .text-error,
.row-set-secondary-accent .text-info,
.row-set-secondary-accent .text-success {
    color: #fff
}

.row-set-secondary-accent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-secondary-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-secondary-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-secondary-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-secondary-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-secondary-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-secondary-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-secondary-accent>.container {
        width: 100%
    }
}

.row-set-secondary-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-secondary-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-secondary-accent .module {
        padding: 9px
    }
}

.row-set-secondary-accent .row {
    position: relative
}

.row-set-secondary-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-tertiary {
    background: #9d5261;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-tertiary h1,
.row-set-tertiary h2,
.row-set-tertiary h3,
.row-set-tertiary h4,
.row-set-tertiary h5,
.row-set-tertiary .h1,
.row-set-tertiary .h2,
.row-set-tertiary .h3,
.row-set-tertiary .h4,
.row-set-tertiary .h5 {
    color: #fff
}

.row-set-tertiary a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-tertiary a:hover,
.row-set-tertiary a:active,
.row-set-tertiary a:focus {
    color: #fff
}

.row-set-tertiary .text-muted {
    color: #dfc2c8
}

.row-set-tertiary .text-error,
.row-set-tertiary .text-info,
.row-set-tertiary .text-success {
    color: #fff
}

.row-set-tertiary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-tertiary {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-tertiary {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-tertiary>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-tertiary>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-tertiary>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-tertiary>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-tertiary>.container {
        width: 100%
    }
}

.row-set-tertiary .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-tertiary .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-tertiary .module {
        padding: 9px
    }
}

.row-set-tertiary .row {
    position: relative
}

.row-set-tertiary .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-tertiary-accent {
    background: #ab5d6d;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-tertiary-accent h1,
.row-set-tertiary-accent h2,
.row-set-tertiary-accent h3,
.row-set-tertiary-accent h4,
.row-set-tertiary-accent h5,
.row-set-tertiary-accent .h1,
.row-set-tertiary-accent .h2,
.row-set-tertiary-accent .h3,
.row-set-tertiary-accent .h4,
.row-set-tertiary-accent .h5 {
    color: #fff
}

.row-set-tertiary-accent a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-tertiary-accent a:hover,
.row-set-tertiary-accent a:active,
.row-set-tertiary-accent a:focus {
    color: #fff
}

.row-set-tertiary-accent .text-muted {
    color: #e8d3d7
}

.row-set-tertiary-accent .text-error,
.row-set-tertiary-accent .text-info,
.row-set-tertiary-accent .text-success {
    color: #fff
}

.row-set-tertiary-accent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-tertiary-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-tertiary-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-tertiary-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-tertiary-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-tertiary-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-tertiary-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-tertiary-accent>.container {
        width: 100%
    }
}

.row-set-tertiary-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-tertiary-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-tertiary-accent .module {
        padding: 9px
    }
}

.row-set-tertiary-accent .row {
    position: relative
}

.row-set-tertiary-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-quaternary {
    background: #191f5d;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-quaternary h1,
.row-set-quaternary h2,
.row-set-quaternary h3,
.row-set-quaternary h4,
.row-set-quaternary h5,
.row-set-quaternary .h1,
.row-set-quaternary .h2,
.row-set-quaternary .h3,
.row-set-quaternary .h4,
.row-set-quaternary .h5 {
    color: #fff
}

.row-set-quaternary a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-quaternary a:hover,
.row-set-quaternary a:active,
.row-set-quaternary a:focus {
    color: #fff
}

.row-set-quaternary .text-muted {
    color: #5861d1
}

.row-set-quaternary .text-error,
.row-set-quaternary .text-info,
.row-set-quaternary .text-success {
    color: #fff
}

.row-set-quaternary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-quaternary {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quaternary {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-quaternary>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-quaternary>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quaternary>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-quaternary>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quaternary>.container {
        width: 100%
    }
}

.row-set-quaternary .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-quaternary .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quaternary .module {
        padding: 9px
    }
}

.row-set-quaternary .row {
    position: relative
}

.row-set-quaternary .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-quaternary-accent {
    background: #1f2671;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-quaternary-accent h1,
.row-set-quaternary-accent h2,
.row-set-quaternary-accent h3,
.row-set-quaternary-accent h4,
.row-set-quaternary-accent h5,
.row-set-quaternary-accent .h1,
.row-set-quaternary-accent .h2,
.row-set-quaternary-accent .h3,
.row-set-quaternary-accent .h4,
.row-set-quaternary-accent .h5 {
    color: #fff
}

.row-set-quaternary-accent a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-quaternary-accent a:hover,
.row-set-quaternary-accent a:active,
.row-set-quaternary-accent a:focus {
    color: #fff
}

.row-set-quaternary-accent .text-muted {
    color: #6c74d7
}

.row-set-quaternary-accent .text-error,
.row-set-quaternary-accent .text-info,
.row-set-quaternary-accent .text-success {
    color: #fff
}

.row-set-quaternary-accent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-quaternary-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quaternary-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-quaternary-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-quaternary-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quaternary-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-quaternary-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quaternary-accent>.container {
        width: 100%
    }
}

.row-set-quaternary-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-quaternary-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quaternary-accent .module {
        padding: 9px
    }
}

.row-set-quaternary-accent .row {
    position: relative
}

.row-set-quaternary-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-quinary {
    background: #8a8a8a;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-quinary h1,
.row-set-quinary h2,
.row-set-quinary h3,
.row-set-quinary h4,
.row-set-quinary h5,
.row-set-quinary .h1,
.row-set-quinary .h2,
.row-set-quinary .h3,
.row-set-quinary .h4,
.row-set-quinary .h5 {
    color: #fff
}

.row-set-quinary a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-quinary a:hover,
.row-set-quinary a:active,
.row-set-quinary a:focus {
    color: #fff
}

.row-set-quinary .text-muted {
    color: #e3e3e3
}

.row-set-quinary .text-error,
.row-set-quinary .text-info,
.row-set-quinary .text-success {
    color: #fff
}

.row-set-quinary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-quinary {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quinary {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-quinary>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-quinary>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quinary>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-quinary>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quinary>.container {
        width: 100%
    }
}

.row-set-quinary .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-quinary .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quinary .module {
        padding: 9px
    }
}

.row-set-quinary .row {
    position: relative
}

.row-set-quinary .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-quinary-accent {
    background: #979797;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-quinary-accent h1,
.row-set-quinary-accent h2,
.row-set-quinary-accent h3,
.row-set-quinary-accent h4,
.row-set-quinary-accent h5,
.row-set-quinary-accent .h1,
.row-set-quinary-accent .h2,
.row-set-quinary-accent .h3,
.row-set-quinary-accent .h4,
.row-set-quinary-accent .h5 {
    color: #fff
}

.row-set-quinary-accent a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-quinary-accent a:hover,
.row-set-quinary-accent a:active,
.row-set-quinary-accent a:focus {
    color: #fff
}

.row-set-quinary-accent .text-muted {
    color: #f0f0f0
}

.row-set-quinary-accent .text-error,
.row-set-quinary-accent .text-info,
.row-set-quinary-accent .text-success {
    color: #fff
}

.row-set-quinary-accent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-quinary-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quinary-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-quinary-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-quinary-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quinary-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-quinary-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quinary-accent>.container {
        width: 100%
    }
}

.row-set-quinary-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-quinary-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-quinary-accent .module {
        padding: 9px
    }
}

.row-set-quinary-accent .row {
    position: relative
}

.row-set-quinary-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-error {
    background: #d83b3b;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-error h1,
.row-set-error h2,
.row-set-error h3,
.row-set-error h4,
.row-set-error h5,
.row-set-error .h1,
.row-set-error .h2,
.row-set-error .h3,
.row-set-error .h4,
.row-set-error .h5 {
    color: #fff
}

.row-set-error a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-error a:hover,
.row-set-error a:active,
.row-set-error a:focus {
    color: #fff
}

.row-set-error .text-muted {
    color: #f6d0d0
}

.row-set-error .text-error,
.row-set-error .text-info,
.row-set-error .text-success {
    color: #fff
}

.row-set-error>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-error {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-error {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-error>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-error>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-error>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-error>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-error>.container {
        width: 100%
    }
}

.row-set-error .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-error .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-error .module {
        padding: 9px
    }
}

.row-set-error .row {
    position: relative
}

.row-set-error .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-error-accent {
    background: #dc5151;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-error-accent h1,
.row-set-error-accent h2,
.row-set-error-accent h3,
.row-set-error-accent h4,
.row-set-error-accent h5,
.row-set-error-accent .h1,
.row-set-error-accent .h2,
.row-set-error-accent .h3,
.row-set-error-accent .h4,
.row-set-error-accent .h5 {
    color: #fff
}

.row-set-error-accent a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-error-accent a:hover,
.row-set-error-accent a:active,
.row-set-error-accent a:focus {
    color: #fff
}

.row-set-error-accent .text-muted {
    color: #fae6e6
}

.row-set-error-accent .text-error,
.row-set-error-accent .text-info,
.row-set-error-accent .text-success {
    color: #fff
}

.row-set-error-accent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-error-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-error-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-error-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-error-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-error-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-error-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-error-accent>.container {
        width: 100%
    }
}

.row-set-error-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-error-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-error-accent .module {
        padding: 9px
    }
}

.row-set-error-accent .row {
    position: relative
}

.row-set-error-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-success {
    background: #789b2a;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-success h1,
.row-set-success h2,
.row-set-success h3,
.row-set-success h4,
.row-set-success h5,
.row-set-success .h1,
.row-set-success .h2,
.row-set-success .h3,
.row-set-success .h4,
.row-set-success .h5 {
    color: #fff
}

.row-set-success a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-success a:hover,
.row-set-success a:active,
.row-set-success a:focus {
    color: #fff
}

.row-set-success .text-muted {
    color: #cae296
}

.row-set-success .text-error,
.row-set-success .text-info,
.row-set-success .text-success {
    color: #fff
}

.row-set-success>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-success {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-success {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-success>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-success>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-success>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-success>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-success>.container {
        width: 100%
    }
}

.row-set-success .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-success .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-success .module {
        padding: 9px
    }
}

.row-set-success .row {
    position: relative
}

.row-set-success .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-success-accent {
    background: #87af30;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.row-set-success-accent h1,
.row-set-success-accent h2,
.row-set-success-accent h3,
.row-set-success-accent h4,
.row-set-success-accent h5,
.row-set-success-accent .h1,
.row-set-success-accent .h2,
.row-set-success-accent .h3,
.row-set-success-accent .h4,
.row-set-success-accent .h5 {
    color: #fff
}

.row-set-success-accent a {
    color: rgba(255, 255, 255, 0.75)
}

.row-set-success-accent a:hover,
.row-set-success-accent a:active,
.row-set-success-accent a:focus {
    color: #fff
}

.row-set-success-accent .text-muted {
    color: #d4e8aa
}

.row-set-success-accent .text-error,
.row-set-success-accent .text-info,
.row-set-success-accent .text-success {
    color: #fff
}

.row-set-success-accent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-success-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-success-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-success-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-success-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-success-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-success-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-success-accent>.container {
        width: 100%
    }
}

.row-set-success-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-success-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-success-accent .module {
        padding: 9px
    }
}

.row-set-success-accent .row {
    position: relative
}

.row-set-success-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-info {
    background: #e3e303;
    color: #2f2f2f;
    width: 100%;
    margin: 0 auto
}

.row-set-info h1,
.row-set-info h2,
.row-set-info h3,
.row-set-info h4,
.row-set-info h5,
.row-set-info .h1,
.row-set-info .h2,
.row-set-info .h3,
.row-set-info .h4,
.row-set-info .h5 {
    color: #2f2f2f
}

.row-set-info a {
    color: #005cf0
}

.row-set-info a:hover,
.row-set-info a:active,
.row-set-info a:focus {
    color: #0b68ff
}

.row-set-info .text-muted {
    color: #323201
}

.row-set-info .text-error,
.row-set-info .text-info,
.row-set-info .text-success {
    color: #2f2f2f
}

.row-set-info>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-info {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-info {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-info>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-info>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-info>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-info>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-info>.container {
        width: 100%
    }
}

.row-set-info .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-info .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-info .module {
        padding: 9px
    }
}

.row-set-info .row {
    position: relative
}

.row-set-info .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-info-accent {
    background: #c9c903;
    color: #2f2f2f;
    width: 100%;
    margin: 0 auto
}

.row-set-info-accent h1,
.row-set-info-accent h2,
.row-set-info-accent h3,
.row-set-info-accent h4,
.row-set-info-accent h5,
.row-set-info-accent .h1,
.row-set-info-accent .h2,
.row-set-info-accent .h3,
.row-set-info-accent .h4,
.row-set-info-accent .h5 {
    color: #2f2f2f
}

.row-set-info-accent a {
    color: #005cf0
}

.row-set-info-accent a:hover,
.row-set-info-accent a:active,
.row-set-info-accent a:focus {
    color: #0b68ff
}

.row-set-info-accent .text-muted {
    color: #191900
}

.row-set-info-accent .text-error,
.row-set-info-accent .text-info,
.row-set-info-accent .text-success {
    color: #2f2f2f
}

.row-set-info-accent>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (min-width: 640px) {
    .row-set-info-accent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-info-accent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-info-accent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-info-accent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-info-accent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-info-accent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-info-accent>.container {
        width: 100%
    }
}

.row-set-info-accent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-info-accent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-info-accent .module {
        padding: 9px
    }
}

.row-set-info-accent .row {
    position: relative
}

.row-set-info-accent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-transparent {
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .row-set-transparent {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-transparent {
        width: 100%;
        padding: 9px 0
    }
}

.row-set-transparent>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .row-set-transparent>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-transparent>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .row-set-transparent>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .row-set-transparent>.container {
        width: 100%
    }
}

.row-set-transparent .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .row-set-transparent .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-transparent .module {
        padding: 9px
    }
}

.row-set-transparent .row {
    position: relative
}

.row-set-transparent .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.row-set-fullwidth>.row>.col-set,
.row-set-full-width>.row>.col-set {
    width: 100%;
    max-width: none
}

@media only screen and (min-width: 640px) {

    .row-set-fullwidth>.row>.col-set,
    .row-set-full-width>.row>.col-set {
        padding: 0 15px
    }
}

@media only screen and (max-width: 640px) {

    .row-set-fullwidth>.row>.col-set,
    .row-set-full-width>.row>.col-set {
        padding: 0 9px
    }
}

@media only screen and (min-width: 640px) {
    .row-set-no-spacing {
        padding: 30px 0
    }
}

@media only screen and (max-width: 640px) {
    .row-set-no-spacing {
        padding: 18px 0
    }
}

@media only screen and (min-width: 640px) {
    .row-set-no-spacing>.row>.col-set {
        padding: 0 15px
    }
}

@media only screen and (max-width: 640px) {
    .row-set-no-spacing>.row>.col-set {
        padding: 0 18px
    }
}

.row-set-no-spacing .module {
    padding: 0
}

.row-set-full-width.row-set-no-spacing {
    padding: 0
}

.row-set-full-width.row-set-no-spacing .col-set {
    padding: 0
}

.container-flex {
    position: relative;
    width: 100%;
    max-width: 1150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 1180px) {
    .container-flex {
        margin: 0 auto
    }
}

@media only screen and (max-width: 1179px) {
    .container-flex {
        padding: 0 18px
    }
}

.container {
    position: relative;
    width: 100%;
    max-width: 1150px
}

@media only screen and (min-width: 1180px) {
    .container {
        margin: 0 auto
    }
}

@media only screen and (max-width: 1179px) {
    .container {
        padding: 0 18px
    }
}

.container:before,
.container:after {
    content: " ";
    display: table;
    visibility: hidden
}

.container:after {
    clear: both
}

.col-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col-set .col {
    position: relative
}

@media only screen and (max-width: 640px) {
    .col-set {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .col-set .col {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .m-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 640px) {
    .d-1_1 {
        width: 100%
    }

    .d-offset-1_1 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_1 {
        width: 100%
    }

    .m-offset-1_1 {
        margin-left: 100%
    }
}

.col-offset-1_1 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width: 640px) {
    .d-1_2 {
        width: 50%
    }

    .d-offset-1_2 {
        margin-left: 50%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_2 {
        width: 50%
    }

    .m-offset-1_2 {
        margin-left: 50%
    }
}

.col-offset-1_2 {
    margin-left: 50%
}

@media only screen and (min-width: 640px) {
    .d-2_2 {
        width: 100%
    }

    .d-offset-2_2 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_2 {
        width: 100%
    }

    .m-offset-2_2 {
        margin-left: 100%
    }
}

.col-offset-2_2 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media only screen and (min-width: 640px) {
    .d-1_3 {
        width: 33.33333%
    }

    .d-offset-1_3 {
        margin-left: 33.33333%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_3 {
        width: 33.33333%
    }

    .m-offset-1_3 {
        margin-left: 33.33333%
    }
}

.col-offset-1_3 {
    margin-left: 33.33333%
}

@media only screen and (min-width: 640px) {
    .d-2_3 {
        width: 66.66667%
    }

    .d-offset-2_3 {
        margin-left: 66.66667%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_3 {
        width: 66.66667%
    }

    .m-offset-2_3 {
        margin-left: 66.66667%
    }
}

.col-offset-2_3 {
    margin-left: 66.66667%
}

@media only screen and (min-width: 640px) {
    .d-3_3 {
        width: 100%
    }

    .d-offset-3_3 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_3 {
        width: 100%
    }

    .m-offset-3_3 {
        margin-left: 100%
    }
}

.col-offset-3_3 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (min-width: 640px) {
    .d-1_4 {
        width: 25%
    }

    .d-offset-1_4 {
        margin-left: 25%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_4 {
        width: 25%
    }

    .m-offset-1_4 {
        margin-left: 25%
    }
}

.col-offset-1_4 {
    margin-left: 25%
}

@media only screen and (min-width: 640px) {
    .d-2_4 {
        width: 50%
    }

    .d-offset-2_4 {
        margin-left: 50%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_4 {
        width: 50%
    }

    .m-offset-2_4 {
        margin-left: 50%
    }
}

.col-offset-2_4 {
    margin-left: 50%
}

@media only screen and (min-width: 640px) {
    .d-3_4 {
        width: 75%
    }

    .d-offset-3_4 {
        margin-left: 75%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_4 {
        width: 75%
    }

    .m-offset-3_4 {
        margin-left: 75%
    }
}

.col-offset-3_4 {
    margin-left: 75%
}

@media only screen and (min-width: 640px) {
    .d-4_4 {
        width: 100%
    }

    .d-offset-4_4 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-4_4 {
        width: 100%
    }

    .m-offset-4_4 {
        margin-left: 100%
    }
}

.col-offset-4_4 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

@media only screen and (min-width: 640px) {
    .d-1_5 {
        width: 20%
    }

    .d-offset-1_5 {
        margin-left: 20%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_5 {
        width: 20%
    }

    .m-offset-1_5 {
        margin-left: 20%
    }
}

.col-offset-1_5 {
    margin-left: 20%
}

@media only screen and (min-width: 640px) {
    .d-2_5 {
        width: 40%
    }

    .d-offset-2_5 {
        margin-left: 40%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_5 {
        width: 40%
    }

    .m-offset-2_5 {
        margin-left: 40%
    }
}

.col-offset-2_5 {
    margin-left: 40%
}

@media only screen and (min-width: 640px) {
    .d-3_5 {
        width: 60%
    }

    .d-offset-3_5 {
        margin-left: 60%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_5 {
        width: 60%
    }

    .m-offset-3_5 {
        margin-left: 60%
    }
}

.col-offset-3_5 {
    margin-left: 60%
}

@media only screen and (min-width: 640px) {
    .d-4_5 {
        width: 80%
    }

    .d-offset-4_5 {
        margin-left: 80%
    }
}

@media only screen and (max-width: 640px) {
    .m-4_5 {
        width: 80%
    }

    .m-offset-4_5 {
        margin-left: 80%
    }
}

.col-offset-4_5 {
    margin-left: 80%
}

@media only screen and (min-width: 640px) {
    .d-5_5 {
        width: 100%
    }

    .d-offset-5_5 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-5_5 {
        width: 100%
    }

    .m-offset-5_5 {
        margin-left: 100%
    }
}

.col-offset-5_5 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media only screen and (min-width: 640px) {
    .d-1_6 {
        width: 16.66667%
    }

    .d-offset-1_6 {
        margin-left: 16.66667%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_6 {
        width: 16.66667%
    }

    .m-offset-1_6 {
        margin-left: 16.66667%
    }
}

.col-offset-1_6 {
    margin-left: 16.66667%
}

@media only screen and (min-width: 640px) {
    .d-2_6 {
        width: 33.33333%
    }

    .d-offset-2_6 {
        margin-left: 33.33333%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_6 {
        width: 33.33333%
    }

    .m-offset-2_6 {
        margin-left: 33.33333%
    }
}

.col-offset-2_6 {
    margin-left: 33.33333%
}

@media only screen and (min-width: 640px) {
    .d-3_6 {
        width: 50%
    }

    .d-offset-3_6 {
        margin-left: 50%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_6 {
        width: 50%
    }

    .m-offset-3_6 {
        margin-left: 50%
    }
}

.col-offset-3_6 {
    margin-left: 50%
}

@media only screen and (min-width: 640px) {
    .d-4_6 {
        width: 66.66667%
    }

    .d-offset-4_6 {
        margin-left: 66.66667%
    }
}

@media only screen and (max-width: 640px) {
    .m-4_6 {
        width: 66.66667%
    }

    .m-offset-4_6 {
        margin-left: 66.66667%
    }
}

.col-offset-4_6 {
    margin-left: 66.66667%
}

@media only screen and (min-width: 640px) {
    .d-5_6 {
        width: 83.33333%
    }

    .d-offset-5_6 {
        margin-left: 83.33333%
    }
}

@media only screen and (max-width: 640px) {
    .m-5_6 {
        width: 83.33333%
    }

    .m-offset-5_6 {
        margin-left: 83.33333%
    }
}

.col-offset-5_6 {
    margin-left: 83.33333%
}

@media only screen and (min-width: 640px) {
    .d-6_6 {
        width: 100%
    }

    .d-offset-6_6 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-6_6 {
        width: 100%
    }

    .m-offset-6_6 {
        margin-left: 100%
    }
}

.col-offset-6_6 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
}

@media only screen and (min-width: 640px) {
    .d-1_7 {
        width: 14.28571%
    }

    .d-offset-1_7 {
        margin-left: 14.28571%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_7 {
        width: 14.28571%
    }

    .m-offset-1_7 {
        margin-left: 14.28571%
    }
}

.col-offset-1_7 {
    margin-left: 14.28571%
}

@media only screen and (min-width: 640px) {
    .d-2_7 {
        width: 28.57143%
    }

    .d-offset-2_7 {
        margin-left: 28.57143%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_7 {
        width: 28.57143%
    }

    .m-offset-2_7 {
        margin-left: 28.57143%
    }
}

.col-offset-2_7 {
    margin-left: 28.57143%
}

@media only screen and (min-width: 640px) {
    .d-3_7 {
        width: 42.85714%
    }

    .d-offset-3_7 {
        margin-left: 42.85714%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_7 {
        width: 42.85714%
    }

    .m-offset-3_7 {
        margin-left: 42.85714%
    }
}

.col-offset-3_7 {
    margin-left: 42.85714%
}

@media only screen and (min-width: 640px) {
    .d-4_7 {
        width: 57.14286%
    }

    .d-offset-4_7 {
        margin-left: 57.14286%
    }
}

@media only screen and (max-width: 640px) {
    .m-4_7 {
        width: 57.14286%
    }

    .m-offset-4_7 {
        margin-left: 57.14286%
    }
}

.col-offset-4_7 {
    margin-left: 57.14286%
}

@media only screen and (min-width: 640px) {
    .d-5_7 {
        width: 71.42857%
    }

    .d-offset-5_7 {
        margin-left: 71.42857%
    }
}

@media only screen and (max-width: 640px) {
    .m-5_7 {
        width: 71.42857%
    }

    .m-offset-5_7 {
        margin-left: 71.42857%
    }
}

.col-offset-5_7 {
    margin-left: 71.42857%
}

@media only screen and (min-width: 640px) {
    .d-6_7 {
        width: 85.71429%
    }

    .d-offset-6_7 {
        margin-left: 85.71429%
    }
}

@media only screen and (max-width: 640px) {
    .m-6_7 {
        width: 85.71429%
    }

    .m-offset-6_7 {
        margin-left: 85.71429%
    }
}

.col-offset-6_7 {
    margin-left: 85.71429%
}

@media only screen and (min-width: 640px) {
    .d-7_7 {
        width: 100%
    }

    .d-offset-7_7 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-7_7 {
        width: 100%
    }

    .m-offset-7_7 {
        margin-left: 100%
    }
}

.col-offset-7_7 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
}

@media only screen and (min-width: 640px) {
    .d-1_8 {
        width: 12.5%
    }

    .d-offset-1_8 {
        margin-left: 12.5%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_8 {
        width: 12.5%
    }

    .m-offset-1_8 {
        margin-left: 12.5%
    }
}

.col-offset-1_8 {
    margin-left: 12.5%
}

@media only screen and (min-width: 640px) {
    .d-2_8 {
        width: 25%
    }

    .d-offset-2_8 {
        margin-left: 25%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_8 {
        width: 25%
    }

    .m-offset-2_8 {
        margin-left: 25%
    }
}

.col-offset-2_8 {
    margin-left: 25%
}

@media only screen and (min-width: 640px) {
    .d-3_8 {
        width: 37.5%
    }

    .d-offset-3_8 {
        margin-left: 37.5%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_8 {
        width: 37.5%
    }

    .m-offset-3_8 {
        margin-left: 37.5%
    }
}

.col-offset-3_8 {
    margin-left: 37.5%
}

@media only screen and (min-width: 640px) {
    .d-4_8 {
        width: 50%
    }

    .d-offset-4_8 {
        margin-left: 50%
    }
}

@media only screen and (max-width: 640px) {
    .m-4_8 {
        width: 50%
    }

    .m-offset-4_8 {
        margin-left: 50%
    }
}

.col-offset-4_8 {
    margin-left: 50%
}

@media only screen and (min-width: 640px) {
    .d-5_8 {
        width: 62.5%
    }

    .d-offset-5_8 {
        margin-left: 62.5%
    }
}

@media only screen and (max-width: 640px) {
    .m-5_8 {
        width: 62.5%
    }

    .m-offset-5_8 {
        margin-left: 62.5%
    }
}

.col-offset-5_8 {
    margin-left: 62.5%
}

@media only screen and (min-width: 640px) {
    .d-6_8 {
        width: 75%
    }

    .d-offset-6_8 {
        margin-left: 75%
    }
}

@media only screen and (max-width: 640px) {
    .m-6_8 {
        width: 75%
    }

    .m-offset-6_8 {
        margin-left: 75%
    }
}

.col-offset-6_8 {
    margin-left: 75%
}

@media only screen and (min-width: 640px) {
    .d-7_8 {
        width: 87.5%
    }

    .d-offset-7_8 {
        margin-left: 87.5%
    }
}

@media only screen and (max-width: 640px) {
    .m-7_8 {
        width: 87.5%
    }

    .m-offset-7_8 {
        margin-left: 87.5%
    }
}

.col-offset-7_8 {
    margin-left: 87.5%
}

@media only screen and (min-width: 640px) {
    .d-8_8 {
        width: 100%
    }

    .d-offset-8_8 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-8_8 {
        width: 100%
    }

    .m-offset-8_8 {
        margin-left: 100%
    }
}

.col-offset-8_8 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
}

@media only screen and (min-width: 640px) {
    .d-1_9 {
        width: 11.11111%
    }

    .d-offset-1_9 {
        margin-left: 11.11111%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_9 {
        width: 11.11111%
    }

    .m-offset-1_9 {
        margin-left: 11.11111%
    }
}

.col-offset-1_9 {
    margin-left: 11.11111%
}

@media only screen and (min-width: 640px) {
    .d-2_9 {
        width: 22.22222%
    }

    .d-offset-2_9 {
        margin-left: 22.22222%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_9 {
        width: 22.22222%
    }

    .m-offset-2_9 {
        margin-left: 22.22222%
    }
}

.col-offset-2_9 {
    margin-left: 22.22222%
}

@media only screen and (min-width: 640px) {
    .d-3_9 {
        width: 33.33333%
    }

    .d-offset-3_9 {
        margin-left: 33.33333%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_9 {
        width: 33.33333%
    }

    .m-offset-3_9 {
        margin-left: 33.33333%
    }
}

.col-offset-3_9 {
    margin-left: 33.33333%
}

@media only screen and (min-width: 640px) {
    .d-4_9 {
        width: 44.44444%
    }

    .d-offset-4_9 {
        margin-left: 44.44444%
    }
}

@media only screen and (max-width: 640px) {
    .m-4_9 {
        width: 44.44444%
    }

    .m-offset-4_9 {
        margin-left: 44.44444%
    }
}

.col-offset-4_9 {
    margin-left: 44.44444%
}

@media only screen and (min-width: 640px) {
    .d-5_9 {
        width: 55.55556%
    }

    .d-offset-5_9 {
        margin-left: 55.55556%
    }
}

@media only screen and (max-width: 640px) {
    .m-5_9 {
        width: 55.55556%
    }

    .m-offset-5_9 {
        margin-left: 55.55556%
    }
}

.col-offset-5_9 {
    margin-left: 55.55556%
}

@media only screen and (min-width: 640px) {
    .d-6_9 {
        width: 66.66667%
    }

    .d-offset-6_9 {
        margin-left: 66.66667%
    }
}

@media only screen and (max-width: 640px) {
    .m-6_9 {
        width: 66.66667%
    }

    .m-offset-6_9 {
        margin-left: 66.66667%
    }
}

.col-offset-6_9 {
    margin-left: 66.66667%
}

@media only screen and (min-width: 640px) {
    .d-7_9 {
        width: 77.77778%
    }

    .d-offset-7_9 {
        margin-left: 77.77778%
    }
}

@media only screen and (max-width: 640px) {
    .m-7_9 {
        width: 77.77778%
    }

    .m-offset-7_9 {
        margin-left: 77.77778%
    }
}

.col-offset-7_9 {
    margin-left: 77.77778%
}

@media only screen and (min-width: 640px) {
    .d-8_9 {
        width: 88.88889%
    }

    .d-offset-8_9 {
        margin-left: 88.88889%
    }
}

@media only screen and (max-width: 640px) {
    .m-8_9 {
        width: 88.88889%
    }

    .m-offset-8_9 {
        margin-left: 88.88889%
    }
}

.col-offset-8_9 {
    margin-left: 88.88889%
}

@media only screen and (min-width: 640px) {
    .d-9_9 {
        width: 100%
    }

    .d-offset-9_9 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-9_9 {
        width: 100%
    }

    .m-offset-9_9 {
        margin-left: 100%
    }
}

.col-offset-9_9 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
}

@media only screen and (min-width: 640px) {
    .d-1_10 {
        width: 10%
    }

    .d-offset-1_10 {
        margin-left: 10%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_10 {
        width: 10%
    }

    .m-offset-1_10 {
        margin-left: 10%
    }
}

.col-offset-1_10 {
    margin-left: 10%
}

@media only screen and (min-width: 640px) {
    .d-2_10 {
        width: 20%
    }

    .d-offset-2_10 {
        margin-left: 20%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_10 {
        width: 20%
    }

    .m-offset-2_10 {
        margin-left: 20%
    }
}

.col-offset-2_10 {
    margin-left: 20%
}

@media only screen and (min-width: 640px) {
    .d-3_10 {
        width: 30%
    }

    .d-offset-3_10 {
        margin-left: 30%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_10 {
        width: 30%
    }

    .m-offset-3_10 {
        margin-left: 30%
    }
}

.col-offset-3_10 {
    margin-left: 30%
}

@media only screen and (min-width: 640px) {
    .d-4_10 {
        width: 40%
    }

    .d-offset-4_10 {
        margin-left: 40%
    }
}

@media only screen and (max-width: 640px) {
    .m-4_10 {
        width: 40%
    }

    .m-offset-4_10 {
        margin-left: 40%
    }
}

.col-offset-4_10 {
    margin-left: 40%
}

@media only screen and (min-width: 640px) {
    .d-5_10 {
        width: 50%
    }

    .d-offset-5_10 {
        margin-left: 50%
    }
}

@media only screen and (max-width: 640px) {
    .m-5_10 {
        width: 50%
    }

    .m-offset-5_10 {
        margin-left: 50%
    }
}

.col-offset-5_10 {
    margin-left: 50%
}

@media only screen and (min-width: 640px) {
    .d-6_10 {
        width: 60%
    }

    .d-offset-6_10 {
        margin-left: 60%
    }
}

@media only screen and (max-width: 640px) {
    .m-6_10 {
        width: 60%
    }

    .m-offset-6_10 {
        margin-left: 60%
    }
}

.col-offset-6_10 {
    margin-left: 60%
}

@media only screen and (min-width: 640px) {
    .d-7_10 {
        width: 70%
    }

    .d-offset-7_10 {
        margin-left: 70%
    }
}

@media only screen and (max-width: 640px) {
    .m-7_10 {
        width: 70%
    }

    .m-offset-7_10 {
        margin-left: 70%
    }
}

.col-offset-7_10 {
    margin-left: 70%
}

@media only screen and (min-width: 640px) {
    .d-8_10 {
        width: 80%
    }

    .d-offset-8_10 {
        margin-left: 80%
    }
}

@media only screen and (max-width: 640px) {
    .m-8_10 {
        width: 80%
    }

    .m-offset-8_10 {
        margin-left: 80%
    }
}

.col-offset-8_10 {
    margin-left: 80%
}

@media only screen and (min-width: 640px) {
    .d-9_10 {
        width: 90%
    }

    .d-offset-9_10 {
        margin-left: 90%
    }
}

@media only screen and (max-width: 640px) {
    .m-9_10 {
        width: 90%
    }

    .m-offset-9_10 {
        margin-left: 90%
    }
}

.col-offset-9_10 {
    margin-left: 90%
}

@media only screen and (min-width: 640px) {
    .d-10_10 {
        width: 100%
    }

    .d-offset-10_10 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-10_10 {
        width: 100%
    }

    .m-offset-10_10 {
        margin-left: 100%
    }
}

.col-offset-10_10 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
}

@media only screen and (min-width: 640px) {
    .d-1_11 {
        width: 9.09091%
    }

    .d-offset-1_11 {
        margin-left: 9.09091%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_11 {
        width: 9.09091%
    }

    .m-offset-1_11 {
        margin-left: 9.09091%
    }
}

.col-offset-1_11 {
    margin-left: 9.09091%
}

@media only screen and (min-width: 640px) {
    .d-2_11 {
        width: 18.18182%
    }

    .d-offset-2_11 {
        margin-left: 18.18182%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_11 {
        width: 18.18182%
    }

    .m-offset-2_11 {
        margin-left: 18.18182%
    }
}

.col-offset-2_11 {
    margin-left: 18.18182%
}

@media only screen and (min-width: 640px) {
    .d-3_11 {
        width: 27.27273%
    }

    .d-offset-3_11 {
        margin-left: 27.27273%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_11 {
        width: 27.27273%
    }

    .m-offset-3_11 {
        margin-left: 27.27273%
    }
}

.col-offset-3_11 {
    margin-left: 27.27273%
}

@media only screen and (min-width: 640px) {
    .d-4_11 {
        width: 36.36364%
    }

    .d-offset-4_11 {
        margin-left: 36.36364%
    }
}

@media only screen and (max-width: 640px) {
    .m-4_11 {
        width: 36.36364%
    }

    .m-offset-4_11 {
        margin-left: 36.36364%
    }
}

.col-offset-4_11 {
    margin-left: 36.36364%
}

@media only screen and (min-width: 640px) {
    .d-5_11 {
        width: 45.45455%
    }

    .d-offset-5_11 {
        margin-left: 45.45455%
    }
}

@media only screen and (max-width: 640px) {
    .m-5_11 {
        width: 45.45455%
    }

    .m-offset-5_11 {
        margin-left: 45.45455%
    }
}

.col-offset-5_11 {
    margin-left: 45.45455%
}

@media only screen and (min-width: 640px) {
    .d-6_11 {
        width: 54.54545%
    }

    .d-offset-6_11 {
        margin-left: 54.54545%
    }
}

@media only screen and (max-width: 640px) {
    .m-6_11 {
        width: 54.54545%
    }

    .m-offset-6_11 {
        margin-left: 54.54545%
    }
}

.col-offset-6_11 {
    margin-left: 54.54545%
}

@media only screen and (min-width: 640px) {
    .d-7_11 {
        width: 63.63636%
    }

    .d-offset-7_11 {
        margin-left: 63.63636%
    }
}

@media only screen and (max-width: 640px) {
    .m-7_11 {
        width: 63.63636%
    }

    .m-offset-7_11 {
        margin-left: 63.63636%
    }
}

.col-offset-7_11 {
    margin-left: 63.63636%
}

@media only screen and (min-width: 640px) {
    .d-8_11 {
        width: 72.72727%
    }

    .d-offset-8_11 {
        margin-left: 72.72727%
    }
}

@media only screen and (max-width: 640px) {
    .m-8_11 {
        width: 72.72727%
    }

    .m-offset-8_11 {
        margin-left: 72.72727%
    }
}

.col-offset-8_11 {
    margin-left: 72.72727%
}

@media only screen and (min-width: 640px) {
    .d-9_11 {
        width: 81.81818%
    }

    .d-offset-9_11 {
        margin-left: 81.81818%
    }
}

@media only screen and (max-width: 640px) {
    .m-9_11 {
        width: 81.81818%
    }

    .m-offset-9_11 {
        margin-left: 81.81818%
    }
}

.col-offset-9_11 {
    margin-left: 81.81818%
}

@media only screen and (min-width: 640px) {
    .d-10_11 {
        width: 90.90909%
    }

    .d-offset-10_11 {
        margin-left: 90.90909%
    }
}

@media only screen and (max-width: 640px) {
    .m-10_11 {
        width: 90.90909%
    }

    .m-offset-10_11 {
        margin-left: 90.90909%
    }
}

.col-offset-10_11 {
    margin-left: 90.90909%
}

@media only screen and (min-width: 640px) {
    .d-11_11 {
        width: 100%
    }

    .d-offset-11_11 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-11_11 {
        width: 100%
    }

    .m-offset-11_11 {
        margin-left: 100%
    }
}

.col-offset-11_11 {
    margin-left: 100%
}

@media only screen and (max-width: 640px) {
    .m-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media only screen and (min-width: 640px) {
    .d-1_12 {
        width: 8.33333%
    }

    .d-offset-1_12 {
        margin-left: 8.33333%
    }
}

@media only screen and (max-width: 640px) {
    .m-1_12 {
        width: 8.33333%
    }

    .m-offset-1_12 {
        margin-left: 8.33333%
    }
}

.col-offset-1_12 {
    margin-left: 8.33333%
}

@media only screen and (min-width: 640px) {
    .d-2_12 {
        width: 16.66667%
    }

    .d-offset-2_12 {
        margin-left: 16.66667%
    }
}

@media only screen and (max-width: 640px) {
    .m-2_12 {
        width: 16.66667%
    }

    .m-offset-2_12 {
        margin-left: 16.66667%
    }
}

.col-offset-2_12 {
    margin-left: 16.66667%
}

@media only screen and (min-width: 640px) {
    .d-3_12 {
        width: 25%
    }

    .d-offset-3_12 {
        margin-left: 25%
    }
}

@media only screen and (max-width: 640px) {
    .m-3_12 {
        width: 25%
    }

    .m-offset-3_12 {
        margin-left: 25%
    }
}

.col-offset-3_12 {
    margin-left: 25%
}

@media only screen and (min-width: 640px) {
    .d-4_12 {
        width: 33.33333%
    }

    .d-offset-4_12 {
        margin-left: 33.33333%
    }
}

@media only screen and (max-width: 640px) {
    .m-4_12 {
        width: 33.33333%
    }

    .m-offset-4_12 {
        margin-left: 33.33333%
    }
}

.col-offset-4_12 {
    margin-left: 33.33333%
}

@media only screen and (min-width: 640px) {
    .d-5_12 {
        width: 41.66667%
    }

    .d-offset-5_12 {
        margin-left: 41.66667%
    }
}

@media only screen and (max-width: 640px) {
    .m-5_12 {
        width: 41.66667%
    }

    .m-offset-5_12 {
        margin-left: 41.66667%
    }
}

.col-offset-5_12 {
    margin-left: 41.66667%
}

@media only screen and (min-width: 640px) {
    .d-6_12 {
        width: 50%
    }

    .d-offset-6_12 {
        margin-left: 50%
    }
}

@media only screen and (max-width: 640px) {
    .m-6_12 {
        width: 50%
    }

    .m-offset-6_12 {
        margin-left: 50%
    }
}

.col-offset-6_12 {
    margin-left: 50%
}

@media only screen and (min-width: 640px) {
    .d-7_12 {
        width: 58.33333%
    }

    .d-offset-7_12 {
        margin-left: 58.33333%
    }
}

@media only screen and (max-width: 640px) {
    .m-7_12 {
        width: 58.33333%
    }

    .m-offset-7_12 {
        margin-left: 58.33333%
    }
}

.col-offset-7_12 {
    margin-left: 58.33333%
}

@media only screen and (min-width: 640px) {
    .d-8_12 {
        width: 66.66667%
    }

    .d-offset-8_12 {
        margin-left: 66.66667%
    }
}

@media only screen and (max-width: 640px) {
    .m-8_12 {
        width: 66.66667%
    }

    .m-offset-8_12 {
        margin-left: 66.66667%
    }
}

.col-offset-8_12 {
    margin-left: 66.66667%
}

@media only screen and (min-width: 640px) {
    .d-9_12 {
        width: 75%
    }

    .d-offset-9_12 {
        margin-left: 75%
    }
}

@media only screen and (max-width: 640px) {
    .m-9_12 {
        width: 75%
    }

    .m-offset-9_12 {
        margin-left: 75%
    }
}

.col-offset-9_12 {
    margin-left: 75%
}

@media only screen and (min-width: 640px) {
    .d-10_12 {
        width: 83.33333%
    }

    .d-offset-10_12 {
        margin-left: 83.33333%
    }
}

@media only screen and (max-width: 640px) {
    .m-10_12 {
        width: 83.33333%
    }

    .m-offset-10_12 {
        margin-left: 83.33333%
    }
}

.col-offset-10_12 {
    margin-left: 83.33333%
}

@media only screen and (min-width: 640px) {
    .d-11_12 {
        width: 91.66667%
    }

    .d-offset-11_12 {
        margin-left: 91.66667%
    }
}

@media only screen and (max-width: 640px) {
    .m-11_12 {
        width: 91.66667%
    }

    .m-offset-11_12 {
        margin-left: 91.66667%
    }
}

.col-offset-11_12 {
    margin-left: 91.66667%
}

@media only screen and (min-width: 640px) {
    .d-12_12 {
        width: 100%
    }

    .d-offset-12_12 {
        margin-left: 100%
    }
}

@media only screen and (max-width: 640px) {
    .m-12_12 {
        width: 100%
    }

    .m-offset-12_12 {
        margin-left: 100%
    }
}

.col-offset-12_12 {
    margin-left: 100%
}

@media only screen and (min-width: 640px) {
    .module .col-set {
        margin: -15px
    }

    .module .col-set .col {
        padding: 15px
    }

    .module .col-set .col-set+.col-set {
        margin-top: 15px
    }
}

@media only screen and (max-width: 640px) {
    .module .col-set {
        margin: -9px
    }

    .module .col-set .col {
        padding: 9px
    }

    .module .col-set .col-set+.col-set {
        margin-top: 9px
    }
}

.col-set-stretch,
.col-set-stretch .module,
.col-set-stretch .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (max-width: 640px) {

    .col-set-stretch,
    .col-set-stretch .module,
    .col-set-stretch .col {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

body,
input,
textarea,
button {
    font: 16px/1.5 "Inter", sans-serif;
    color: #2f2f2f
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    body,
    input,
    textarea,
    button {
        font: 16px/1.5 "Inter", sans-serif
    }
}

@media only screen and (max-width: 640px) {

    body,
    input,
    textarea,
    button {
        font: 16px/1.5 "Inter", sans-serif
    }
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-family: "Inter", sans-serif;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: .5em
}

h1,
.h1 {
    font-size: 48px;
    color: #2f2f2f;
    font-weight: lighter
}

h2,
.h2 {
    font-size: 36px;
    color: #2f2f2f;
    font-weight: lighter
}

h3,
.h3 {
    font-size: 24px;
    color: #2f2f2f;
    font-weight: normal
}

h4,
.h4 {
    font-size: 18px;
    color: #2f2f2f;
    font-weight: normal
}

h5,
.h5 {
    font-size: 12px;
    color: #2f2f2f;
    font-weight: normal
}

@media only screen and (max-width: 640px) {
    .h1-m {
        font-size: 36px
    }

    .h2-m {
        font-size: 30px
    }

    .h3-m {
        font-size: 18px
    }

    .h4-m {
        font-size: 16px
    }

    .h5-m {
        font-size: 13px
    }
}

p {
    margin-top: 0;
    margin-bottom: 20px
}

a,
a:active,
a:focus {
    color: #005cf0;
    text-decoration: none;
    cursor: pointer
}

a:hover {
    color: #0b68ff
}

.text-center {
    text-align: center
}

@media only screen and (max-width: 640px) {
    .text-center-m {
        text-align: center
    }
}

@media only screen and (min-width: 640px) {
    .text-center-d {
        text-align: center
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .text-center-tablet {
        text-align: center
    }
}

@media only screen and (min-width: 1180px) {
    .text-center-desktop {
        text-align: center
    }
}

.text-left {
    text-align: left
}

@media only screen and (max-width: 640px) {
    .text-left-m {
        text-align: left
    }
}

@media only screen and (min-width: 640px) {
    .text-left-d {
        text-align: left
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .text-left-tablet {
        text-align: left
    }
}

@media only screen and (min-width: 1180px) {
    .text-left-desktop {
        text-align: left
    }
}

.text-right {
    text-align: right
}

@media only screen and (max-width: 640px) {
    .text-right-m {
        text-align: right
    }
}

@media only screen and (min-width: 640px) {
    .text-right-d {
        text-align: right
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .text-right-tablet {
        text-align: right
    }
}

@media only screen and (min-width: 1180px) {
    .text-right-desktop {
        text-align: right
    }
}

.text-default {
    color: #2f2f2f
}

.text-white,
a.text-white {
    color: #fff !important
}

.text-black,
a.text-black {
    color: #000 !important
}

.text-primary,
a.text-primary {
    color: #ff3320 !important
}

.text-secondary,
a.text-secondary {
    color: #005cf0 !important
}

.text-tertiary,
a.text-tertiary {
    color: #ae5a6b !important
}

.text-quaternary,
a.text-quaternary {
    color: #1d2473 !important
}

.text-quinary,
a.text-quinary {
    color: #959598 !important
}

.text-muted,
a.text-muted {
    color: #a6a6a6
}

.text-error,
a.text-error {
    color: #df4e4e
}

.text-info,
a.text-info {
    color: #ff0
}

.text-success,
a.text-success {
    color: #88b22d
}

.text-facebook {
    color: #1877F2
}

.text-twitter {
    color: #1da1f2
}

.text-instagram {
    color: #BE00A9
}

.text-youtube {
    color: red
}

.text-linkedin {
    color: #1884bc
}

.text-google-plus {
    color: #dd4b39
}

.text-whatsapp {
    color: #25d366
}

.text-mail {
    color: #444
}

.text-tikkie {
    color: #424380
}

.text-vimeo {
    color: #1ab7ea
}

.text-ideal {
    color: #cd0067
}

.text-strava {
    color: #FC4C02
}

.text-uppercase {
    text-transform: uppercase
}

big,
.text-big {
    font-size: 18px
}

small,
.text-small {
    font-size: 14px
}

.text-quote {
    font-size: 18px;
    font-style: italic
}

.text-strong {
    font-weight: bold
}

.text-medium {
    font-weight: 500
}

.text-shadow-sm {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05)
}

.text-shadow-md {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15)
}

.text-shadow-lg {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25)
}

.text-deleted {
    text-decoration: line-through
}

.text-limiter {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.text-nowrap {
    white-space: nowrap
}

.confirm-delete {
    -webkit-animation: confirm-delete 0.75s infinite;
    animation: confirm-delete 0.75s infinite
}

.no-link {
    cursor: default !important
}

@media only screen and (min-width: 640px) {
    .d-text-left {
        text-align: left
    }

    .d-text-right {
        text-align: right
    }
}

@media only screen and (max-width: 640px) {
    .m-text-left {
        text-align: left
    }

    .m-text-right {
        text-align: right
    }
}

@media only screen and (min-width: 640px) {
    .form-group {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 640px) {
    .form-group {
        margin-bottom: 18px
    }
}

.form-field,
.form-field-inline {
    display: block;
    width: 100%;
    border: 0;
    background: rgba(0, 0, 0, 0.05);
    color: #2f2f2f;
    border-width: 0 0 1px 0;
    border-color: rgba(0, 0, 0, 0.075);
    border-style: solid;
    padding: 10px;
    border-radius: 3px;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, border-color;
    -o-transition-property: background, border-color;
    transition-property: background, border-color
}

.form-field:focus,
.form-field:active,
.form-field.active,
.form-field-inline:focus,
.form-field-inline:active,
.form-field-inline.active {
    background: rgba(0, 0, 0, 0.075);
    color: #2f2f2f;
    border-color: rgba(0, 0, 0, 0.15)
}

.form-field::-webkit-input-placeholder,
.form-field-inline::-webkit-input-placeholder {
    color: rgba(47, 47, 47, 0.7)
}

.form-field::-moz-placeholder,
.form-field-inline::-moz-placeholder {
    color: rgba(47, 47, 47, 0.7)
}

.form-field::-ms-input-placeholder,
.form-field-inline::-ms-input-placeholder {
    color: rgba(47, 47, 47, 0.7)
}

.form-field::placeholder,
.form-field-inline::placeholder {
    color: rgba(47, 47, 47, 0.7)
}

.form-field-inline {
    display: inline-block;
    width: auto
}

.form-field-sm {
    height: 32px;
    line-height: 32px;
    padding: 5px
}

.form-field-group {
    display: table;
    border-collapse: separate;
    width: 100%
}

.form-field-group .form-field-addon {
    padding: 0 10px;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.05);
    color: #2f2f2f;
    border-width: 0 0 1px 0;
    border-color: rgba(0, 0, 0, 0.075);
    border-style: solid
}

.form-field-group .form-field-addon+.form-field {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-field-group .form-field+.form-field-addon {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-field-group .form-field-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none
}

.form-field-group .form-field:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.form-field-group .form-field {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%
}

.form-field-static {
    line-height: 49px
}

.form-label {
    font-weight: bold;
    margin: 2px 0 4px 0;
    display: block
}

.form-label .text-muted {
    font-weight: lighter
}

.form-label-inline {
    font-weight: bold;
    display: inline;
    margin: 0
}

.form-radio,
.form-checkbox {
    margin: 3px 0;
    padding: 2px
}

.form-radio label,
.form-checkbox label {
    display: block;
    padding-left: 25px;
    position: relative;
    cursor: pointer
}

.form-radio label input[type="radio"],
.form-radio label input[type="checkbox"],
.form-checkbox label input[type="radio"],
.form-checkbox label input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 5.33333px
}

.form-radio-inline,
.form-checkbox-inline {
    margin: 3px 0;
    padding: 2px;
    display: inline-block
}

.form-radio-inline label,
.form-checkbox-inline label {
    display: inline-block;
    padding-left: 25px;
    position: relative;
    cursor: pointer
}

.form-radio-inline label input[type="radio"],
.form-radio-inline label input[type="checkbox"],
.form-checkbox-inline label input[type="radio"],
.form-checkbox-inline label input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 4px
}

.form-radio,
.form-checkbox,
.form-radio-inline,
.form-checkbox-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-radio .checkbox,
.form-checkbox .checkbox,
.form-radio-inline .checkbox,
.form-checkbox-inline .checkbox {
    position: absolute;
    left: 0;
    top: 6.5px
}

.checkbox {
    opacity: 0.4;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    font-size: 16px;
    line-height: 12px;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.checkbox.active {
    opacity: 0.7
}

.input-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3.75px
}

.input-button-group .input-button {
    cursor: pointer;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    text-align: center;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    margin: 3.75px;
    min-width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    line-height: 1.5
}

.input-button-group .input-button .input-button-icon {
    width: 30px;
    height: 30px;
    margin: 0 auto 5px auto
}

.input-button-group .input-button .input-button-iconimg {
    background: white
}

.input-button-group .input-button .input-button-photo {
    margin: 0 auto 15px auto;
    display: block;
    border-radius: 500px;
    width: 100px;
    height: 100px;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 1000px;
    overflow: hidden
}

.input-button-group .input-button .input-button-photo img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none
}

.input-button-group .input-button .input-button-title {
    color: inherit;
    margin: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.input-button-group .input-button .checkbox {
    margin-right: 3px
}

.input-button-group .input-button:hover {
    background: rgba(0, 0, 0, 0.025);
    border-color: rgba(0, 0, 0, 0.2)
}

.input-button-group .input-button:hover .checkbox {
    opacity: 1
}

.input-button-group .input-button:active,
.input-button-group .input-button:focus,
.input-button-group .input-button.active {
    background: rgba(0, 0, 0, 0);
    border-color: #005cf0
}

.input-button-group .input-button:active .input-button-title,
.input-button-group .input-button:focus .input-button-title,
.input-button-group .input-button.active .input-button-title {
    color: #005cf0
}

.input-button-group .input-button.disabled {
    opacity: 0.5;
    cursor: default
}

.input-button-group .input-button-tile {
    padding: 3.75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

@media only screen and (min-width: 640px) {
    .input-button-group .input-button-tile {
        width: 33.333%
    }
}

@media only screen and (max-width: 640px) {
    .input-button-group .input-button-tile {
        width: 50%
    }
}

.input-button-group .input-button-tile .input-button {
    width: 100%;
    margin: 0
}

@media only screen and (min-width: 640px) {
    .input-button-group .input-button-tile.input-button-tile-sm {
        width: 25%
    }
}

@media only screen and (max-width: 640px) {
    .input-button-group .input-button-tile.input-button-tile-sm {
        width: 50%
    }
}

@media only screen and (min-width: 640px) {
    .input-button-group .input-button-tile.input-button-tile-lg {
        width: 50%
    }
}

@media only screen and (max-width: 640px) {
    .input-button-group .input-button-tile.input-button-tile-lg {
        width: 100%
    }
}

.input-button-group .input-button-row {
    padding: 3.75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.input-button-group .input-button-row .input-button {
    width: 100%;
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.input-button-group .input-button-row .input-button .input-button-photo {
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin: 0 15px 0 0
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.row-set-black .box-transparent .form-field,
.row-set-black .box-transparent .form-field-inline,
.row-set-black .box-transparent .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.row-set-black .box-transparent .form-field:focus,
.row-set-black .box-transparent .form-field:active,
.row-set-black .box-transparent .form-field.active,
.row-set-black .box-transparent .form-field-inline:focus,
.row-set-black .box-transparent .form-field-inline:active,
.row-set-black .box-transparent .form-field-inline.active,
.row-set-black .box-transparent .form-field-addon:focus,
.row-set-black .box-transparent .form-field-addon:active,
.row-set-black .box-transparent .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.row-set-black .box-transparent .form-field::-webkit-input-placeholder,
.row-set-black .box-transparent .form-field-inline::-webkit-input-placeholder,
.row-set-black .box-transparent .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-black .box-transparent .form-field::-moz-placeholder,
.row-set-black .box-transparent .form-field-inline::-moz-placeholder,
.row-set-black .box-transparent .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-black .box-transparent .form-field::-ms-input-placeholder,
.row-set-black .box-transparent .form-field-inline::-ms-input-placeholder,
.row-set-black .box-transparent .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-black .box-transparent .form-field::placeholder,
.row-set-black .box-transparent .form-field-inline::placeholder,
.row-set-black .box-transparent .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-black .box-transparent .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.row-set-black .box-transparent .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.row-set-black .box-transparent .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.row-set-black .box-transparent .input-button:active,
.row-set-black .box-transparent .input-button:focus,
.row-set-black .box-transparent .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.row-set-black .box-transparent .input-button:active .input-button-title,
.row-set-black .box-transparent .input-button:focus .input-button-title,
.row-set-black .box-transparent .input-button.active .input-button-title {
    color: #fff
}

.row-set-black .box-transparent .checkbox {
    border-color: #fff;
    color: #fff
}

.row-set-black .box-transparent .checkbox.checkbox-radio .check {
    background: #fff
}

.row-set-primary .box-transparent .form-field,
.row-set-primary .box-transparent .form-field-inline,
.row-set-primary .box-transparent .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.row-set-primary .box-transparent .form-field:focus,
.row-set-primary .box-transparent .form-field:active,
.row-set-primary .box-transparent .form-field.active,
.row-set-primary .box-transparent .form-field-inline:focus,
.row-set-primary .box-transparent .form-field-inline:active,
.row-set-primary .box-transparent .form-field-inline.active,
.row-set-primary .box-transparent .form-field-addon:focus,
.row-set-primary .box-transparent .form-field-addon:active,
.row-set-primary .box-transparent .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.row-set-primary .box-transparent .form-field::-webkit-input-placeholder,
.row-set-primary .box-transparent .form-field-inline::-webkit-input-placeholder,
.row-set-primary .box-transparent .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-primary .box-transparent .form-field::-moz-placeholder,
.row-set-primary .box-transparent .form-field-inline::-moz-placeholder,
.row-set-primary .box-transparent .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-primary .box-transparent .form-field::-ms-input-placeholder,
.row-set-primary .box-transparent .form-field-inline::-ms-input-placeholder,
.row-set-primary .box-transparent .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-primary .box-transparent .form-field::placeholder,
.row-set-primary .box-transparent .form-field-inline::placeholder,
.row-set-primary .box-transparent .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-primary .box-transparent .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.row-set-primary .box-transparent .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.row-set-primary .box-transparent .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.row-set-primary .box-transparent .input-button:active,
.row-set-primary .box-transparent .input-button:focus,
.row-set-primary .box-transparent .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.row-set-primary .box-transparent .input-button:active .input-button-title,
.row-set-primary .box-transparent .input-button:focus .input-button-title,
.row-set-primary .box-transparent .input-button.active .input-button-title {
    color: #fff
}

.row-set-primary .box-transparent .checkbox {
    border-color: #fff;
    color: #fff
}

.row-set-primary .box-transparent .checkbox.checkbox-radio .check {
    background: #fff
}

.row-set-secondary .box-transparent .form-field,
.row-set-secondary .box-transparent .form-field-inline,
.row-set-secondary .box-transparent .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.row-set-secondary .box-transparent .form-field:focus,
.row-set-secondary .box-transparent .form-field:active,
.row-set-secondary .box-transparent .form-field.active,
.row-set-secondary .box-transparent .form-field-inline:focus,
.row-set-secondary .box-transparent .form-field-inline:active,
.row-set-secondary .box-transparent .form-field-inline.active,
.row-set-secondary .box-transparent .form-field-addon:focus,
.row-set-secondary .box-transparent .form-field-addon:active,
.row-set-secondary .box-transparent .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.row-set-secondary .box-transparent .form-field::-webkit-input-placeholder,
.row-set-secondary .box-transparent .form-field-inline::-webkit-input-placeholder,
.row-set-secondary .box-transparent .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-secondary .box-transparent .form-field::-moz-placeholder,
.row-set-secondary .box-transparent .form-field-inline::-moz-placeholder,
.row-set-secondary .box-transparent .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-secondary .box-transparent .form-field::-ms-input-placeholder,
.row-set-secondary .box-transparent .form-field-inline::-ms-input-placeholder,
.row-set-secondary .box-transparent .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-secondary .box-transparent .form-field::placeholder,
.row-set-secondary .box-transparent .form-field-inline::placeholder,
.row-set-secondary .box-transparent .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-secondary .box-transparent .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.row-set-secondary .box-transparent .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.row-set-secondary .box-transparent .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.row-set-secondary .box-transparent .input-button:active,
.row-set-secondary .box-transparent .input-button:focus,
.row-set-secondary .box-transparent .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.row-set-secondary .box-transparent .input-button:active .input-button-title,
.row-set-secondary .box-transparent .input-button:focus .input-button-title,
.row-set-secondary .box-transparent .input-button.active .input-button-title {
    color: #fff
}

.row-set-secondary .box-transparent .checkbox {
    border-color: #fff;
    color: #fff
}

.row-set-secondary .box-transparent .checkbox.checkbox-radio .check {
    background: #fff
}

.row-set-tertiary .box-transparent .form-field,
.row-set-tertiary .box-transparent .form-field-inline,
.row-set-tertiary .box-transparent .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.row-set-tertiary .box-transparent .form-field:focus,
.row-set-tertiary .box-transparent .form-field:active,
.row-set-tertiary .box-transparent .form-field.active,
.row-set-tertiary .box-transparent .form-field-inline:focus,
.row-set-tertiary .box-transparent .form-field-inline:active,
.row-set-tertiary .box-transparent .form-field-inline.active,
.row-set-tertiary .box-transparent .form-field-addon:focus,
.row-set-tertiary .box-transparent .form-field-addon:active,
.row-set-tertiary .box-transparent .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.row-set-tertiary .box-transparent .form-field::-webkit-input-placeholder,
.row-set-tertiary .box-transparent .form-field-inline::-webkit-input-placeholder,
.row-set-tertiary .box-transparent .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-tertiary .box-transparent .form-field::-moz-placeholder,
.row-set-tertiary .box-transparent .form-field-inline::-moz-placeholder,
.row-set-tertiary .box-transparent .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-tertiary .box-transparent .form-field::-ms-input-placeholder,
.row-set-tertiary .box-transparent .form-field-inline::-ms-input-placeholder,
.row-set-tertiary .box-transparent .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-tertiary .box-transparent .form-field::placeholder,
.row-set-tertiary .box-transparent .form-field-inline::placeholder,
.row-set-tertiary .box-transparent .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-tertiary .box-transparent .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.row-set-tertiary .box-transparent .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.row-set-tertiary .box-transparent .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.row-set-tertiary .box-transparent .input-button:active,
.row-set-tertiary .box-transparent .input-button:focus,
.row-set-tertiary .box-transparent .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.row-set-tertiary .box-transparent .input-button:active .input-button-title,
.row-set-tertiary .box-transparent .input-button:focus .input-button-title,
.row-set-tertiary .box-transparent .input-button.active .input-button-title {
    color: #fff
}

.row-set-tertiary .box-transparent .checkbox {
    border-color: #fff;
    color: #fff
}

.row-set-tertiary .box-transparent .checkbox.checkbox-radio .check {
    background: #fff
}

.row-set-quaternary .box-transparent .form-field,
.row-set-quaternary .box-transparent .form-field-inline,
.row-set-quaternary .box-transparent .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.row-set-quaternary .box-transparent .form-field:focus,
.row-set-quaternary .box-transparent .form-field:active,
.row-set-quaternary .box-transparent .form-field.active,
.row-set-quaternary .box-transparent .form-field-inline:focus,
.row-set-quaternary .box-transparent .form-field-inline:active,
.row-set-quaternary .box-transparent .form-field-inline.active,
.row-set-quaternary .box-transparent .form-field-addon:focus,
.row-set-quaternary .box-transparent .form-field-addon:active,
.row-set-quaternary .box-transparent .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.row-set-quaternary .box-transparent .form-field::-webkit-input-placeholder,
.row-set-quaternary .box-transparent .form-field-inline::-webkit-input-placeholder,
.row-set-quaternary .box-transparent .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-quaternary .box-transparent .form-field::-moz-placeholder,
.row-set-quaternary .box-transparent .form-field-inline::-moz-placeholder,
.row-set-quaternary .box-transparent .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-quaternary .box-transparent .form-field::-ms-input-placeholder,
.row-set-quaternary .box-transparent .form-field-inline::-ms-input-placeholder,
.row-set-quaternary .box-transparent .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-quaternary .box-transparent .form-field::placeholder,
.row-set-quaternary .box-transparent .form-field-inline::placeholder,
.row-set-quaternary .box-transparent .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-quaternary .box-transparent .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.row-set-quaternary .box-transparent .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.row-set-quaternary .box-transparent .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.row-set-quaternary .box-transparent .input-button:active,
.row-set-quaternary .box-transparent .input-button:focus,
.row-set-quaternary .box-transparent .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.row-set-quaternary .box-transparent .input-button:active .input-button-title,
.row-set-quaternary .box-transparent .input-button:focus .input-button-title,
.row-set-quaternary .box-transparent .input-button.active .input-button-title {
    color: #fff
}

.row-set-quaternary .box-transparent .checkbox {
    border-color: #fff;
    color: #fff
}

.row-set-quaternary .box-transparent .checkbox.checkbox-radio .check {
    background: #fff
}

.row-set-quinary .box-transparent .form-field,
.row-set-quinary .box-transparent .form-field-inline,
.row-set-quinary .box-transparent .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.row-set-quinary .box-transparent .form-field:focus,
.row-set-quinary .box-transparent .form-field:active,
.row-set-quinary .box-transparent .form-field.active,
.row-set-quinary .box-transparent .form-field-inline:focus,
.row-set-quinary .box-transparent .form-field-inline:active,
.row-set-quinary .box-transparent .form-field-inline.active,
.row-set-quinary .box-transparent .form-field-addon:focus,
.row-set-quinary .box-transparent .form-field-addon:active,
.row-set-quinary .box-transparent .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.row-set-quinary .box-transparent .form-field::-webkit-input-placeholder,
.row-set-quinary .box-transparent .form-field-inline::-webkit-input-placeholder,
.row-set-quinary .box-transparent .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-quinary .box-transparent .form-field::-moz-placeholder,
.row-set-quinary .box-transparent .form-field-inline::-moz-placeholder,
.row-set-quinary .box-transparent .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-quinary .box-transparent .form-field::-ms-input-placeholder,
.row-set-quinary .box-transparent .form-field-inline::-ms-input-placeholder,
.row-set-quinary .box-transparent .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-quinary .box-transparent .form-field::placeholder,
.row-set-quinary .box-transparent .form-field-inline::placeholder,
.row-set-quinary .box-transparent .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-quinary .box-transparent .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.row-set-quinary .box-transparent .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.row-set-quinary .box-transparent .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.row-set-quinary .box-transparent .input-button:active,
.row-set-quinary .box-transparent .input-button:focus,
.row-set-quinary .box-transparent .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.row-set-quinary .box-transparent .input-button:active .input-button-title,
.row-set-quinary .box-transparent .input-button:focus .input-button-title,
.row-set-quinary .box-transparent .input-button.active .input-button-title {
    color: #fff
}

.row-set-quinary .box-transparent .checkbox {
    border-color: #fff;
    color: #fff
}

.row-set-quinary .box-transparent .checkbox.checkbox-radio .check {
    background: #fff
}

.row-set-error .box-transparent .form-field,
.row-set-error .box-transparent .form-field-inline,
.row-set-error .box-transparent .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.row-set-error .box-transparent .form-field:focus,
.row-set-error .box-transparent .form-field:active,
.row-set-error .box-transparent .form-field.active,
.row-set-error .box-transparent .form-field-inline:focus,
.row-set-error .box-transparent .form-field-inline:active,
.row-set-error .box-transparent .form-field-inline.active,
.row-set-error .box-transparent .form-field-addon:focus,
.row-set-error .box-transparent .form-field-addon:active,
.row-set-error .box-transparent .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.row-set-error .box-transparent .form-field::-webkit-input-placeholder,
.row-set-error .box-transparent .form-field-inline::-webkit-input-placeholder,
.row-set-error .box-transparent .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-error .box-transparent .form-field::-moz-placeholder,
.row-set-error .box-transparent .form-field-inline::-moz-placeholder,
.row-set-error .box-transparent .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-error .box-transparent .form-field::-ms-input-placeholder,
.row-set-error .box-transparent .form-field-inline::-ms-input-placeholder,
.row-set-error .box-transparent .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-error .box-transparent .form-field::placeholder,
.row-set-error .box-transparent .form-field-inline::placeholder,
.row-set-error .box-transparent .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-error .box-transparent .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.row-set-error .box-transparent .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.row-set-error .box-transparent .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.row-set-error .box-transparent .input-button:active,
.row-set-error .box-transparent .input-button:focus,
.row-set-error .box-transparent .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.row-set-error .box-transparent .input-button:active .input-button-title,
.row-set-error .box-transparent .input-button:focus .input-button-title,
.row-set-error .box-transparent .input-button.active .input-button-title {
    color: #fff
}

.row-set-error .box-transparent .checkbox {
    border-color: #fff;
    color: #fff
}

.row-set-error .box-transparent .checkbox.checkbox-radio .check {
    background: #fff
}

.row-set-success .box-transparent .form-field,
.row-set-success .box-transparent .form-field-inline,
.row-set-success .box-transparent .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.row-set-success .box-transparent .form-field:focus,
.row-set-success .box-transparent .form-field:active,
.row-set-success .box-transparent .form-field.active,
.row-set-success .box-transparent .form-field-inline:focus,
.row-set-success .box-transparent .form-field-inline:active,
.row-set-success .box-transparent .form-field-inline.active,
.row-set-success .box-transparent .form-field-addon:focus,
.row-set-success .box-transparent .form-field-addon:active,
.row-set-success .box-transparent .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.row-set-success .box-transparent .form-field::-webkit-input-placeholder,
.row-set-success .box-transparent .form-field-inline::-webkit-input-placeholder,
.row-set-success .box-transparent .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-success .box-transparent .form-field::-moz-placeholder,
.row-set-success .box-transparent .form-field-inline::-moz-placeholder,
.row-set-success .box-transparent .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-success .box-transparent .form-field::-ms-input-placeholder,
.row-set-success .box-transparent .form-field-inline::-ms-input-placeholder,
.row-set-success .box-transparent .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-success .box-transparent .form-field::placeholder,
.row-set-success .box-transparent .form-field-inline::placeholder,
.row-set-success .box-transparent .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.row-set-success .box-transparent .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.row-set-success .box-transparent .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.row-set-success .box-transparent .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.row-set-success .box-transparent .input-button:active,
.row-set-success .box-transparent .input-button:focus,
.row-set-success .box-transparent .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.row-set-success .box-transparent .input-button:active .input-button-title,
.row-set-success .box-transparent .input-button:focus .input-button-title,
.row-set-success .box-transparent .input-button.active .input-button-title {
    color: #fff
}

.row-set-success .box-transparent .checkbox {
    border-color: #fff;
    color: #fff
}

.row-set-success .box-transparent .checkbox.checkbox-radio .check {
    background: #fff
}

.box-black .form-field,
.box-black .form-field-inline,
.box-black .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.box-black .form-field:focus,
.box-black .form-field:active,
.box-black .form-field.active,
.box-black .form-field-inline:focus,
.box-black .form-field-inline:active,
.box-black .form-field-inline.active,
.box-black .form-field-addon:focus,
.box-black .form-field-addon:active,
.box-black .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.box-black .form-field::-webkit-input-placeholder,
.box-black .form-field-inline::-webkit-input-placeholder,
.box-black .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-black .form-field::-moz-placeholder,
.box-black .form-field-inline::-moz-placeholder,
.box-black .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-black .form-field::-ms-input-placeholder,
.box-black .form-field-inline::-ms-input-placeholder,
.box-black .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-black .form-field::placeholder,
.box-black .form-field-inline::placeholder,
.box-black .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-black .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.box-black .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.box-black .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.box-black .input-button:active,
.box-black .input-button:focus,
.box-black .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.box-black .input-button:active .input-button-title,
.box-black .input-button:focus .input-button-title,
.box-black .input-button.active .input-button-title {
    color: #fff
}

.box-black .checkbox {
    border-color: #fff;
    color: #fff
}

.box-black .checkbox.checkbox-radio .check {
    background: #fff
}

.box-primary .form-field,
.box-primary .form-field-inline,
.box-primary .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.box-primary .form-field:focus,
.box-primary .form-field:active,
.box-primary .form-field.active,
.box-primary .form-field-inline:focus,
.box-primary .form-field-inline:active,
.box-primary .form-field-inline.active,
.box-primary .form-field-addon:focus,
.box-primary .form-field-addon:active,
.box-primary .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.box-primary .form-field::-webkit-input-placeholder,
.box-primary .form-field-inline::-webkit-input-placeholder,
.box-primary .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-primary .form-field::-moz-placeholder,
.box-primary .form-field-inline::-moz-placeholder,
.box-primary .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-primary .form-field::-ms-input-placeholder,
.box-primary .form-field-inline::-ms-input-placeholder,
.box-primary .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-primary .form-field::placeholder,
.box-primary .form-field-inline::placeholder,
.box-primary .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-primary .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.box-primary .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.box-primary .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.box-primary .input-button:active,
.box-primary .input-button:focus,
.box-primary .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.box-primary .input-button:active .input-button-title,
.box-primary .input-button:focus .input-button-title,
.box-primary .input-button.active .input-button-title {
    color: #fff
}

.box-primary .checkbox {
    border-color: #fff;
    color: #fff
}

.box-primary .checkbox.checkbox-radio .check {
    background: #fff
}

.box-secondary .form-field,
.box-secondary .form-field-inline,
.box-secondary .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.box-secondary .form-field:focus,
.box-secondary .form-field:active,
.box-secondary .form-field.active,
.box-secondary .form-field-inline:focus,
.box-secondary .form-field-inline:active,
.box-secondary .form-field-inline.active,
.box-secondary .form-field-addon:focus,
.box-secondary .form-field-addon:active,
.box-secondary .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.box-secondary .form-field::-webkit-input-placeholder,
.box-secondary .form-field-inline::-webkit-input-placeholder,
.box-secondary .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-secondary .form-field::-moz-placeholder,
.box-secondary .form-field-inline::-moz-placeholder,
.box-secondary .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-secondary .form-field::-ms-input-placeholder,
.box-secondary .form-field-inline::-ms-input-placeholder,
.box-secondary .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-secondary .form-field::placeholder,
.box-secondary .form-field-inline::placeholder,
.box-secondary .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-secondary .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.box-secondary .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.box-secondary .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.box-secondary .input-button:active,
.box-secondary .input-button:focus,
.box-secondary .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.box-secondary .input-button:active .input-button-title,
.box-secondary .input-button:focus .input-button-title,
.box-secondary .input-button.active .input-button-title {
    color: #fff
}

.box-secondary .checkbox {
    border-color: #fff;
    color: #fff
}

.box-secondary .checkbox.checkbox-radio .check {
    background: #fff
}

.box-tertiary .form-field,
.box-tertiary .form-field-inline,
.box-tertiary .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.box-tertiary .form-field:focus,
.box-tertiary .form-field:active,
.box-tertiary .form-field.active,
.box-tertiary .form-field-inline:focus,
.box-tertiary .form-field-inline:active,
.box-tertiary .form-field-inline.active,
.box-tertiary .form-field-addon:focus,
.box-tertiary .form-field-addon:active,
.box-tertiary .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.box-tertiary .form-field::-webkit-input-placeholder,
.box-tertiary .form-field-inline::-webkit-input-placeholder,
.box-tertiary .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-tertiary .form-field::-moz-placeholder,
.box-tertiary .form-field-inline::-moz-placeholder,
.box-tertiary .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-tertiary .form-field::-ms-input-placeholder,
.box-tertiary .form-field-inline::-ms-input-placeholder,
.box-tertiary .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-tertiary .form-field::placeholder,
.box-tertiary .form-field-inline::placeholder,
.box-tertiary .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-tertiary .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.box-tertiary .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.box-tertiary .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.box-tertiary .input-button:active,
.box-tertiary .input-button:focus,
.box-tertiary .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.box-tertiary .input-button:active .input-button-title,
.box-tertiary .input-button:focus .input-button-title,
.box-tertiary .input-button.active .input-button-title {
    color: #fff
}

.box-tertiary .checkbox {
    border-color: #fff;
    color: #fff
}

.box-tertiary .checkbox.checkbox-radio .check {
    background: #fff
}

.box-quaternary .form-field,
.box-quaternary .form-field-inline,
.box-quaternary .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.box-quaternary .form-field:focus,
.box-quaternary .form-field:active,
.box-quaternary .form-field.active,
.box-quaternary .form-field-inline:focus,
.box-quaternary .form-field-inline:active,
.box-quaternary .form-field-inline.active,
.box-quaternary .form-field-addon:focus,
.box-quaternary .form-field-addon:active,
.box-quaternary .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.box-quaternary .form-field::-webkit-input-placeholder,
.box-quaternary .form-field-inline::-webkit-input-placeholder,
.box-quaternary .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-quaternary .form-field::-moz-placeholder,
.box-quaternary .form-field-inline::-moz-placeholder,
.box-quaternary .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-quaternary .form-field::-ms-input-placeholder,
.box-quaternary .form-field-inline::-ms-input-placeholder,
.box-quaternary .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-quaternary .form-field::placeholder,
.box-quaternary .form-field-inline::placeholder,
.box-quaternary .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-quaternary .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.box-quaternary .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.box-quaternary .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.box-quaternary .input-button:active,
.box-quaternary .input-button:focus,
.box-quaternary .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.box-quaternary .input-button:active .input-button-title,
.box-quaternary .input-button:focus .input-button-title,
.box-quaternary .input-button.active .input-button-title {
    color: #fff
}

.box-quaternary .checkbox {
    border-color: #fff;
    color: #fff
}

.box-quaternary .checkbox.checkbox-radio .check {
    background: #fff
}

.box-error .form-field,
.box-error .form-field-inline,
.box-error .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.box-error .form-field:focus,
.box-error .form-field:active,
.box-error .form-field.active,
.box-error .form-field-inline:focus,
.box-error .form-field-inline:active,
.box-error .form-field-inline.active,
.box-error .form-field-addon:focus,
.box-error .form-field-addon:active,
.box-error .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.box-error .form-field::-webkit-input-placeholder,
.box-error .form-field-inline::-webkit-input-placeholder,
.box-error .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-error .form-field::-moz-placeholder,
.box-error .form-field-inline::-moz-placeholder,
.box-error .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-error .form-field::-ms-input-placeholder,
.box-error .form-field-inline::-ms-input-placeholder,
.box-error .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-error .form-field::placeholder,
.box-error .form-field-inline::placeholder,
.box-error .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-error .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.box-error .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.box-error .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.box-error .input-button:active,
.box-error .input-button:focus,
.box-error .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.box-error .input-button:active .input-button-title,
.box-error .input-button:focus .input-button-title,
.box-error .input-button.active .input-button-title {
    color: #fff
}

.box-error .checkbox {
    border-color: #fff;
    color: #fff
}

.box-error .checkbox.checkbox-radio .check {
    background: #fff
}

.box-success .form-field,
.box-success .form-field-inline,
.box-success .form-field-addon {
    background: rgba(255, 255, 255, 0.075);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.15)
}

.box-success .form-field:focus,
.box-success .form-field:active,
.box-success .form-field.active,
.box-success .form-field-inline:focus,
.box-success .form-field-inline:active,
.box-success .form-field-inline.active,
.box-success .form-field-addon:focus,
.box-success .form-field-addon:active,
.box-success .form-field-addon.active {
    background: rgba(255, 255, 255, 0.125);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.25)
}

.box-success .form-field::-webkit-input-placeholder,
.box-success .form-field-inline::-webkit-input-placeholder,
.box-success .form-field-addon::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-success .form-field::-moz-placeholder,
.box-success .form-field-inline::-moz-placeholder,
.box-success .form-field-addon::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-success .form-field::-ms-input-placeholder,
.box-success .form-field-inline::-ms-input-placeholder,
.box-success .form-field-addon::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-success .form-field::placeholder,
.box-success .form-field-inline::placeholder,
.box-success .form-field-addon::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.box-success .input-button {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15)
}

.box-success .input-button .input-button-title {
    color: rgba(255, 255, 255, 0.7)
}

.box-success .input-button:hover {
    background: rgba(255, 255, 255, 0.025);
    border-color: rgba(255, 255, 255, 0.25)
}

.box-success .input-button:active,
.box-success .input-button:focus,
.box-success .input-button.active {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    box-shadow: none
}

.box-success .input-button:active .input-button-title,
.box-success .input-button:focus .input-button-title,
.box-success .input-button.active .input-button-title {
    color: #fff
}

.box-success .checkbox {
    border-color: #fff;
    color: #fff
}

.box-success .checkbox.checkbox-radio .check {
    background: #fff
}

button,
.btn,
.default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item {
    border-radius: 3px;
    display: inline-block;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 14px 18px;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    line-height: 1
}

button .fa,
.btn .fa,
.default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item .fa {
    font-size: 16px;
    margin: 0 3px 0 0
}

button .fa.standalone,
.btn .fa.standalone,
.default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item .fa.standalone {
    margin-right: 0
}

.btn-xs {
    padding: 5px 8px;
    font-size: 9px
}

.btn-xs .fa {
    font-size: 9px
}

.btn-sm {
    padding: 8px 12px;
    font-size: 14px
}

.btn-sm .fa {
    font-size: 14px
}

.btn-md {
    padding: 14px 18px;
    font-size: 16px
}

.btn-md .fa {
    font-size: 16px
}

.btn-lg {
    padding: 18px 24px;
    font-size: 18px
}

.btn-lg .fa {
    font-size: 18px
}

.btn-default {
    background: #f2f2f2;
    color: #2f2f2f !important;
    border: 1px solid #f2f2f2;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-default:hover:not(.btn-disabled),
.btn-default:active:not(.btn-disabled) {
    background: #fff
}

.btn-default .loader {
    border-top-color: #2f2f2f;
    border-left-color: #2f2f2f;
    margin: 1px 2px
}

.btn-white {
    background: #fff;
    color: #2f2f2f !important;
    border: 1px solid #fff;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-white:hover:not(.btn-disabled),
.btn-white:active:not(.btn-disabled) {
    background: #fff
}

.btn-white .loader {
    border-top-color: #2f2f2f;
    border-left-color: #2f2f2f;
    margin: 1px 2px
}

.btn-black {
    background: #000;
    color: #fff !important;
    border: 1px solid #000;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-black:hover:not(.btn-disabled),
.btn-black:active:not(.btn-disabled) {
    background: #0d0d0d
}

.btn-black .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-primary,
.header-bar-default .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-black .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-white .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-secondary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-tertiary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-quaternary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-quinary .page-nav-header .page-nav-emphasize>.page-nav-item {
    background: #ff3320;
    color: #fff !important;
    border: 1px solid #ff3320;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-primary:hover:not(.btn-disabled),
.header-bar-default .page-nav-header .page-nav-emphasize>.page-nav-item:hover:not(.btn-disabled),
.header-bar-black .page-nav-header .page-nav-emphasize>.page-nav-item:hover:not(.btn-disabled),
.header-bar-white .page-nav-header .page-nav-emphasize>.page-nav-item:hover:not(.btn-disabled),
.header-bar-secondary .page-nav-header .page-nav-emphasize>.page-nav-item:hover:not(.btn-disabled),
.header-bar-tertiary .page-nav-header .page-nav-emphasize>.page-nav-item:hover:not(.btn-disabled),
.header-bar-quaternary .page-nav-header .page-nav-emphasize>.page-nav-item:hover:not(.btn-disabled),
.header-bar-quinary .page-nav-header .page-nav-emphasize>.page-nav-item:hover:not(.btn-disabled),
.btn-primary:active:not(.btn-disabled),
.header-bar-default .page-nav-header .page-nav-emphasize>.page-nav-item:active:not(.btn-disabled),
.header-bar-black .page-nav-header .page-nav-emphasize>.page-nav-item:active:not(.btn-disabled),
.header-bar-white .page-nav-header .page-nav-emphasize>.page-nav-item:active:not(.btn-disabled),
.header-bar-secondary .page-nav-header .page-nav-emphasize>.page-nav-item:active:not(.btn-disabled),
.header-bar-tertiary .page-nav-header .page-nav-emphasize>.page-nav-item:active:not(.btn-disabled),
.header-bar-quaternary .page-nav-header .page-nav-emphasize>.page-nav-item:active:not(.btn-disabled),
.header-bar-quinary .page-nav-header .page-nav-emphasize>.page-nav-item:active:not(.btn-disabled) {
    background: #ff4a3a
}

.btn-primary .loader,
.header-bar-default .page-nav-header .page-nav-emphasize>.page-nav-item .loader,
.header-bar-black .page-nav-header .page-nav-emphasize>.page-nav-item .loader,
.header-bar-white .page-nav-header .page-nav-emphasize>.page-nav-item .loader,
.header-bar-secondary .page-nav-header .page-nav-emphasize>.page-nav-item .loader,
.header-bar-tertiary .page-nav-header .page-nav-emphasize>.page-nav-item .loader,
.header-bar-quaternary .page-nav-header .page-nav-emphasize>.page-nav-item .loader,
.header-bar-quinary .page-nav-header .page-nav-emphasize>.page-nav-item .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-secondary,
.header-bar-primary .page-nav-header .page-nav-emphasize>.page-nav-item {
    background: #005cf0;
    color: #fff !important;
    border: 1px solid #005cf0;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-secondary:hover:not(.btn-disabled),
.header-bar-primary .page-nav-header .page-nav-emphasize>.page-nav-item:hover:not(.btn-disabled),
.btn-secondary:active:not(.btn-disabled),
.header-bar-primary .page-nav-header .page-nav-emphasize>.page-nav-item:active:not(.btn-disabled) {
    background: #0b68ff
}

.btn-secondary .loader,
.header-bar-primary .page-nav-header .page-nav-emphasize>.page-nav-item .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-tertiary {
    background: #ae5a6b;
    color: #fff !important;
    border: 1px solid #ae5a6b;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-tertiary:hover:not(.btn-disabled),
.btn-tertiary:active:not(.btn-disabled) {
    background: #b66b7a
}

.btn-tertiary .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-quaternary {
    background: #1d2473;
    color: #fff !important;
    border: 1px solid #1d2473;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-quaternary:hover:not(.btn-disabled),
.btn-quaternary:active:not(.btn-disabled) {
    background: #222a87
}

.btn-quaternary .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-quinary {
    background: #959598;
    color: #fff !important;
    border: 1px solid #959598;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-quinary:hover:not(.btn-disabled),
.btn-quinary:active:not(.btn-disabled) {
    background: #a2a2a5
}

.btn-quinary .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-error {
    background: #df4e4e;
    color: #fff !important;
    border: 1px solid #df4e4e;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-error:hover:not(.btn-disabled),
.btn-error:active:not(.btn-disabled) {
    background: #e36464
}

.btn-error .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-success {
    background: #88b22d;
    color: #fff !important;
    border: 1px solid #88b22d;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-success:hover:not(.btn-disabled),
.btn-success:active:not(.btn-disabled) {
    background: #98c632
}

.btn-success .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-info {
    background: #ff0;
    color: #2f2f2f !important;
    border: 1px solid #ff0;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-info:hover:not(.btn-disabled),
.btn-info:active:not(.btn-disabled) {
    background: #ffff1a
}

.btn-info .loader {
    border-top-color: #2f2f2f;
    border-left-color: #2f2f2f;
    margin: 1px 2px
}

.btn-facebook {
    background: #1877F2;
    color: #fff !important;
    border: 1px solid #1877F2;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-facebook:hover:not(.btn-disabled),
.btn-facebook:active:not(.btn-disabled) {
    background: #3085f3
}

.btn-facebook .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-twitter {
    background: #1da1f2;
    color: #fff !important;
    border: 1px solid #1da1f2;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-twitter:hover:not(.btn-disabled),
.btn-twitter:active:not(.btn-disabled) {
    background: #35abf3
}

.btn-twitter .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-instagram {
    background: #BE00A9;
    color: #fff !important;
    border: 1px solid #BE00A9;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-instagram:hover:not(.btn-disabled),
.btn-instagram:active:not(.btn-disabled) {
    background: #d800c0
}

.btn-instagram .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-youtube {
    background: red;
    color: #fff !important;
    border: 1px solid red;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-youtube:hover:not(.btn-disabled),
.btn-youtube:active:not(.btn-disabled) {
    background: #ff1a1a
}

.btn-youtube .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-linkedin {
    background: #1884bc;
    color: #fff !important;
    border: 1px solid #1884bc;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-linkedin:hover:not(.btn-disabled),
.btn-linkedin:active:not(.btn-disabled) {
    background: #1b94d3
}

.btn-linkedin .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-google-plus {
    background: #dd4b39;
    color: #fff !important;
    border: 1px solid #dd4b39;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-google-plus:hover:not(.btn-disabled),
.btn-google-plus:active:not(.btn-disabled) {
    background: #e15f4f
}

.btn-google-plus .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-whatsapp {
    background: #25d366;
    color: #fff !important;
    border: 1px solid #25d366;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-whatsapp:hover:not(.btn-disabled),
.btn-whatsapp:active:not(.btn-disabled) {
    background: #36dc74
}

.btn-whatsapp .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-mail {
    background: #444;
    color: #fff !important;
    border: 1px solid #444;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-mail:hover:not(.btn-disabled),
.btn-mail:active:not(.btn-disabled) {
    background: #515151
}

.btn-mail .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-tikkie {
    background: #424380;
    color: #fff !important;
    border: 1px solid #424380;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-tikkie:hover:not(.btn-disabled),
.btn-tikkie:active:not(.btn-disabled) {
    background: #4b4c91
}

.btn-tikkie .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-vimeo {
    background: #1ab7ea;
    color: #fff !important;
    border: 1px solid #1ab7ea;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-vimeo:hover:not(.btn-disabled),
.btn-vimeo:active:not(.btn-disabled) {
    background: #31beec
}

.btn-vimeo .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-ideal {
    background: #cd0067;
    color: #fff !important;
    border: 1px solid #cd0067;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-ideal:hover:not(.btn-disabled),
.btn-ideal:active:not(.btn-disabled) {
    background: #e70074
}

.btn-ideal .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-strava {
    background: #FC4C02;
    color: #fff !important;
    border: 1px solid #FC4C02;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color
}

.btn-strava:hover:not(.btn-disabled),
.btn-strava:active:not(.btn-disabled) {
    background: #fd5d1a
}

.btn-strava .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

.btn-right {
    border-radius: 3px 0 0 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active {
    opacity: 0.7;
    cursor: default
}

.icon-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    display: inline-block;
    text-align: center
}

.icon-btn-sm {
    font-size: 14px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.icon-btn-lg {
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 36px
}

.icon-btn-default {
    background: #ececec !important;
    color: #2f2f2f !important
}

.icon-btn-default:hover {
    background: #f1f1f1 !important
}

.icon-btn-primary {
    background: #ff3320 !important;
    color: #fff !important
}

.icon-btn-primary:hover {
    background: #ff1c07 !important
}

.icon-btn-secondary {
    background: #005cf0 !important;
    color: #fff !important
}

.icon-btn-secondary:hover {
    background: #0052d7 !important
}

.icon-btn-tertiary {
    background: #ae5a6b !important;
    color: #fff !important
}

.icon-btn-tertiary:hover {
    background: #a04f5f !important
}

.icon-btn-quaternary {
    background: #1d2473 !important;
    color: #fff !important
}

.icon-btn-quaternary:hover {
    background: #181e5f !important
}

.icon-btn-quinary {
    background: #959598 !important;
    color: #fff !important
}

.icon-btn-quinary:hover {
    background: #88888b !important
}

.icon-btns-share:before,
.icon-btns-share:after {
    content: " ";
    display: table;
    visibility: hidden
}

.icon-btns-share:after {
    clear: both
}

.icon-btns-share .icon-btn {
    border-radius: 0;
    padding: 0 15px;
    width: auto;
    float: left;
    position: relative
}

.icon-btns-share .icon-btn.icon-btn-lg {
    padding: 0 20px;
    line-height: 36px;
    height: 36px;
    font-size: 16px
}

.icon-btns-share .icon-btn:first-of-type {
    border-radius: 5px 0 0 5px
}

.icon-btns-share .icon-btn:last-of-type {
    border-radius: 0 5px 5px 0
}

.icon-btn-facebook {
    background: #1877F2 !important;
    color: white !important
}

.icon-btn-facebook:hover {
    background: #0d6ae4 !important
}

.icon-btn-twitter {
    background: #1da1f2 !important;
    color: white !important
}

.icon-btn-twitter:hover {
    background: #0d95e8 !important
}

.icon-btn-instagram {
    background: #BE00A9 !important;
    color: white !important
}

.icon-btn-instagram:hover {
    background: #a50092 !important
}

.icon-btn-youtube {
    background: red !important;
    color: white !important
}

.icon-btn-youtube:hover {
    background: #e60000 !important
}

.icon-btn-linkedin {
    background: #1884bc !important;
    color: white !important
}

.icon-btn-linkedin:hover {
    background: #1574a5 !important
}

.icon-btn-google-plus {
    background: #dd4b39 !important;
    color: white !important
}

.icon-btn-google-plus:hover {
    background: #d73925 !important
}

.icon-btn-whatsapp {
    background: #25d366 !important;
    color: white !important
}

.icon-btn-whatsapp:hover {
    background: #21bd5c !important
}

.icon-btn-mail {
    background: #444 !important;
    color: white !important
}

.icon-btn-mail:hover {
    background: #373737 !important
}

.icon-btn-tikkie {
    background: #424380 !important;
    color: white !important
}

.icon-btn-tikkie:hover {
    background: #393a6f !important
}

.icon-btn-vimeo {
    background: #1ab7ea !important;
    color: white !important
}

.icon-btn-vimeo:hover {
    background: #14a7d7 !important
}

.icon-btn-ideal {
    background: #cd0067 !important;
    color: white !important
}

.icon-btn-ideal:hover {
    background: #b4005a !important
}

.icon-btn-strava {
    background: #FC4C02 !important;
    color: white !important
}

.icon-btn-strava:hover {
    background: #e34402 !important
}

.box {
    border-radius: 3px;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
    transition: -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    overflow: hidden;
    display: block;
    -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0.05)
}

@media only screen and (min-width: 640px) {
    .box {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 640px) {
    .box {
        margin-bottom: 18px
    }
}

.box .box-heading+.box-heading,
.box .box-heading+.box-body,
.box .box-heading+.box-list-item,
.box .box-heading+.box-footer,
.box .box-body+.box-heading,
.box .box-body+.box-body,
.box .box-body+.box-list-item,
.box .box-body+.box-footer,
.box .box-list-item+.box-heading,
.box .box-list-item+.box-body,
.box .box-list-item+.box-list-item,
.box .box-list-item+.box-footer,
.box .box-footer+.box-heading,
.box .box-footer+.box-body,
.box .box-footer+.box-list-item,
.box .box-footer+.box-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.box .box-body {
    display: block
}

@media only screen and (min-width: 640px) {
    .box .box-body {
        padding: 30px
    }
}

@media only screen and (max-width: 640px) {
    .box .box-body {
        padding: 18px
    }
}

.box .box-heading {
    display: block
}

@media only screen and (min-width: 640px) {
    .box .box-heading {
        padding: 15px 30px
    }
}

@media only screen and (max-width: 640px) {
    .box .box-heading {
        padding: 18px
    }
}

.box .box-footer {
    display: block
}

@media only screen and (min-width: 640px) {
    .box .box-footer {
        padding: 15px 30px
    }
}

@media only screen and (max-width: 640px) {
    .box .box-footer {
        padding: 18px
    }
}

.box .box-list-item {
    display: block
}

@media only screen and (min-width: 640px) {
    .box .box-list-item {
        padding: 15px 30px
    }
}

@media only screen and (max-width: 640px) {
    .box .box-list-item {
        padding: 18px
    }
}

.box .box-title {
    margin: 0;
    padding: 0
}

a.box:not(.box-transparent):hover,
.with-link-block:hover {
    -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 10px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 10px 25px rgba(0, 0, 0, 0.1)
}

.box-default {
    background: #fff;
    color: #2f2f2f
}

.box-default h1,
.box-default h2,
.box-default h3,
.box-default h4,
.box-default h5,
.box-default .h1,
.box-default .h2,
.box-default .h3,
.box-default .h4,
.box-default .h5 {
    color: #2f2f2f
}

.box-default a {
    color: #005cf0
}

.box-default a:hover,
.box-default a:active,
.box-default a:focus {
    color: #0b68ff
}

.box-default .text-muted {
    color: #a6a6a6
}

.box-default .text-error,
.box-default .text-info,
.box-default .text-success {
    color: #2f2f2f
}

.box-default>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-default .box-heading {
    background: #fff;
    color: #2f2f2f
}

.box-default .box-heading h1,
.box-default .box-heading h2,
.box-default .box-heading h3,
.box-default .box-heading h4,
.box-default .box-heading h5,
.box-default .box-heading .h1,
.box-default .box-heading .h2,
.box-default .box-heading .h3,
.box-default .box-heading .h4,
.box-default .box-heading .h5 {
    color: #2f2f2f
}

.box-default .box-heading a {
    color: #005cf0
}

.box-default .box-heading a:hover,
.box-default .box-heading a:active,
.box-default .box-heading a:focus {
    color: #0b68ff
}

.box-default .box-heading .text-muted {
    color: #a6a6a6
}

.box-default .box-heading .text-error,
.box-default .box-heading .text-info,
.box-default .box-heading .text-success {
    color: #2f2f2f
}

.box-default .box-heading>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-default .box-heading .box-title {
    color: #2f2f2f
}

.box-default .box-body {
    color: #2f2f2f
}

.box-default .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #2f2f2f
}

.box-default a.box-body,
.box-default a.box-list-item {
    color: #005cf0
}

.box-default a.box-body:hover,
.box-default a.box-list-item:hover {
    color: #0b68ff;
    background: #f9f9f9
}

.box-default hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-heading-default,
.box .box-heading-default {
    background: #fff;
    color: #2f2f2f
}

.box-heading-default h1,
.box-heading-default h2,
.box-heading-default h3,
.box-heading-default h4,
.box-heading-default h5,
.box-heading-default .h1,
.box-heading-default .h2,
.box-heading-default .h3,
.box-heading-default .h4,
.box-heading-default .h5,
.box .box-heading-default h1,
.box .box-heading-default h2,
.box .box-heading-default h3,
.box .box-heading-default h4,
.box .box-heading-default h5,
.box .box-heading-default .h1,
.box .box-heading-default .h2,
.box .box-heading-default .h3,
.box .box-heading-default .h4,
.box .box-heading-default .h5 {
    color: #2f2f2f
}

.box-heading-default a,
.box .box-heading-default a {
    color: #005cf0
}

.box-heading-default a:hover,
.box-heading-default a:active,
.box-heading-default a:focus,
.box .box-heading-default a:hover,
.box .box-heading-default a:active,
.box .box-heading-default a:focus {
    color: #0b68ff
}

.box-heading-default .text-muted,
.box .box-heading-default .text-muted {
    color: #a6a6a6
}

.box-heading-default .text-error,
.box-heading-default .text-info,
.box-heading-default .text-success,
.box .box-heading-default .text-error,
.box .box-heading-default .text-info,
.box .box-heading-default .text-success {
    color: #2f2f2f
}

.box-heading-default>hr,
.box .box-heading-default>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-heading-default .box-title,
.box .box-heading-default .box-title {
    color: #2f2f2f
}

.box-white {
    background: #fff;
    color: #2f2f2f
}

.box-white h1,
.box-white h2,
.box-white h3,
.box-white h4,
.box-white h5,
.box-white .h1,
.box-white .h2,
.box-white .h3,
.box-white .h4,
.box-white .h5 {
    color: #2f2f2f
}

.box-white a {
    color: #005cf0
}

.box-white a:hover,
.box-white a:active,
.box-white a:focus {
    color: #0b68ff
}

.box-white .text-muted {
    color: #a6a6a6
}

.box-white .text-error,
.box-white .text-info,
.box-white .text-success {
    color: #2f2f2f
}

.box-white>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-white .box-heading {
    background: #fff;
    color: #2f2f2f
}

.box-white .box-heading h1,
.box-white .box-heading h2,
.box-white .box-heading h3,
.box-white .box-heading h4,
.box-white .box-heading h5,
.box-white .box-heading .h1,
.box-white .box-heading .h2,
.box-white .box-heading .h3,
.box-white .box-heading .h4,
.box-white .box-heading .h5 {
    color: #2f2f2f
}

.box-white .box-heading a {
    color: #005cf0
}

.box-white .box-heading a:hover,
.box-white .box-heading a:active,
.box-white .box-heading a:focus {
    color: #0b68ff
}

.box-white .box-heading .text-muted {
    color: #a6a6a6
}

.box-white .box-heading .text-error,
.box-white .box-heading .text-info,
.box-white .box-heading .text-success {
    color: #2f2f2f
}

.box-white .box-heading>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-white .box-heading .box-title {
    color: #2f2f2f
}

.box-white .box-body {
    color: #2f2f2f
}

.box-white .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #2f2f2f
}

.box-white a.box-body,
.box-white a.box-list-item {
    color: #005cf0
}

.box-white a.box-body:hover,
.box-white a.box-list-item:hover {
    color: #0b68ff;
    background: #f9f9f9
}

.box-white hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-heading-white,
.box .box-heading-white {
    background: #fff;
    color: #2f2f2f
}

.box-heading-white h1,
.box-heading-white h2,
.box-heading-white h3,
.box-heading-white h4,
.box-heading-white h5,
.box-heading-white .h1,
.box-heading-white .h2,
.box-heading-white .h3,
.box-heading-white .h4,
.box-heading-white .h5,
.box .box-heading-white h1,
.box .box-heading-white h2,
.box .box-heading-white h3,
.box .box-heading-white h4,
.box .box-heading-white h5,
.box .box-heading-white .h1,
.box .box-heading-white .h2,
.box .box-heading-white .h3,
.box .box-heading-white .h4,
.box .box-heading-white .h5 {
    color: #2f2f2f
}

.box-heading-white a,
.box .box-heading-white a {
    color: #005cf0
}

.box-heading-white a:hover,
.box-heading-white a:active,
.box-heading-white a:focus,
.box .box-heading-white a:hover,
.box .box-heading-white a:active,
.box .box-heading-white a:focus {
    color: #0b68ff
}

.box-heading-white .text-muted,
.box .box-heading-white .text-muted {
    color: #a6a6a6
}

.box-heading-white .text-error,
.box-heading-white .text-info,
.box-heading-white .text-success,
.box .box-heading-white .text-error,
.box .box-heading-white .text-info,
.box .box-heading-white .text-success {
    color: #2f2f2f
}

.box-heading-white>hr,
.box .box-heading-white>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-heading-white .box-title,
.box .box-heading-white .box-title {
    color: #2f2f2f
}

.box-black {
    background: #000;
    color: #fff
}

.box-black h1,
.box-black h2,
.box-black h3,
.box-black h4,
.box-black h5,
.box-black .h1,
.box-black .h2,
.box-black .h3,
.box-black .h4,
.box-black .h5 {
    color: #fff
}

.box-black a {
    color: rgba(255, 255, 255, 0.75)
}

.box-black a:hover,
.box-black a:active,
.box-black a:focus {
    color: #fff
}

.box-black .text-muted {
    color: #595959
}

.box-black .text-error,
.box-black .text-info,
.box-black .text-success {
    color: #fff
}

.box-black>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-black .box-heading {
    background: #000;
    color: #fff
}

.box-black .box-heading h1,
.box-black .box-heading h2,
.box-black .box-heading h3,
.box-black .box-heading h4,
.box-black .box-heading h5,
.box-black .box-heading .h1,
.box-black .box-heading .h2,
.box-black .box-heading .h3,
.box-black .box-heading .h4,
.box-black .box-heading .h5 {
    color: #fff
}

.box-black .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-black .box-heading a:hover,
.box-black .box-heading a:active,
.box-black .box-heading a:focus {
    color: #fff
}

.box-black .box-heading .text-muted {
    color: #595959
}

.box-black .box-heading .text-error,
.box-black .box-heading .text-info,
.box-black .box-heading .text-success {
    color: #fff
}

.box-black .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-black .box-heading .box-title {
    color: #fff
}

.box-black .box-body {
    color: #fff
}

.box-black .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-black a.box-body,
.box-black a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-black a.box-body:hover,
.box-black a.box-list-item:hover {
    color: #fff;
    background: #000
}

.box-black hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-black,
.box .box-heading-black {
    background: #000;
    color: #fff
}

.box-heading-black h1,
.box-heading-black h2,
.box-heading-black h3,
.box-heading-black h4,
.box-heading-black h5,
.box-heading-black .h1,
.box-heading-black .h2,
.box-heading-black .h3,
.box-heading-black .h4,
.box-heading-black .h5,
.box .box-heading-black h1,
.box .box-heading-black h2,
.box .box-heading-black h3,
.box .box-heading-black h4,
.box .box-heading-black h5,
.box .box-heading-black .h1,
.box .box-heading-black .h2,
.box .box-heading-black .h3,
.box .box-heading-black .h4,
.box .box-heading-black .h5 {
    color: #fff
}

.box-heading-black a,
.box .box-heading-black a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-black a:hover,
.box-heading-black a:active,
.box-heading-black a:focus,
.box .box-heading-black a:hover,
.box .box-heading-black a:active,
.box .box-heading-black a:focus {
    color: #fff
}

.box-heading-black .text-muted,
.box .box-heading-black .text-muted {
    color: #595959
}

.box-heading-black .text-error,
.box-heading-black .text-info,
.box-heading-black .text-success,
.box .box-heading-black .text-error,
.box .box-heading-black .text-info,
.box .box-heading-black .text-success {
    color: #fff
}

.box-heading-black>hr,
.box .box-heading-black>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-black .box-title,
.box .box-heading-black .box-title {
    color: #fff
}

.box-primary {
    background: #ff4a3a;
    color: #fff
}

.box-primary h1,
.box-primary h2,
.box-primary h3,
.box-primary h4,
.box-primary h5,
.box-primary .h1,
.box-primary .h2,
.box-primary .h3,
.box-primary .h4,
.box-primary .h5 {
    color: #fff
}

.box-primary a {
    color: rgba(255, 255, 255, 0.75)
}

.box-primary a:hover,
.box-primary a:active,
.box-primary a:focus {
    color: #fff
}

.box-primary .text-muted {
    color: #ffeeec
}

.box-primary .text-error,
.box-primary .text-info,
.box-primary .text-success {
    color: #fff
}

.box-primary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-primary .box-heading {
    background: #ff4a3a;
    color: #fff
}

.box-primary .box-heading h1,
.box-primary .box-heading h2,
.box-primary .box-heading h3,
.box-primary .box-heading h4,
.box-primary .box-heading h5,
.box-primary .box-heading .h1,
.box-primary .box-heading .h2,
.box-primary .box-heading .h3,
.box-primary .box-heading .h4,
.box-primary .box-heading .h5 {
    color: #fff
}

.box-primary .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-primary .box-heading a:hover,
.box-primary .box-heading a:active,
.box-primary .box-heading a:focus {
    color: #fff
}

.box-primary .box-heading .text-muted {
    color: #ffeeec
}

.box-primary .box-heading .text-error,
.box-primary .box-heading .text-info,
.box-primary .box-heading .text-success {
    color: #fff
}

.box-primary .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-primary .box-heading .box-title {
    color: #fff
}

.box-primary .box-body {
    color: #fff
}

.box-primary .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-primary a.box-body,
.box-primary a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-primary a.box-body:hover,
.box-primary a.box-list-item:hover {
    color: #fff;
    background: #ff3f2d
}

.box-primary hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-primary,
.box .box-heading-primary {
    background: #ff4a3a;
    color: #fff
}

.box-heading-primary h1,
.box-heading-primary h2,
.box-heading-primary h3,
.box-heading-primary h4,
.box-heading-primary h5,
.box-heading-primary .h1,
.box-heading-primary .h2,
.box-heading-primary .h3,
.box-heading-primary .h4,
.box-heading-primary .h5,
.box .box-heading-primary h1,
.box .box-heading-primary h2,
.box .box-heading-primary h3,
.box .box-heading-primary h4,
.box .box-heading-primary h5,
.box .box-heading-primary .h1,
.box .box-heading-primary .h2,
.box .box-heading-primary .h3,
.box .box-heading-primary .h4,
.box .box-heading-primary .h5 {
    color: #fff
}

.box-heading-primary a,
.box .box-heading-primary a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-primary a:hover,
.box-heading-primary a:active,
.box-heading-primary a:focus,
.box .box-heading-primary a:hover,
.box .box-heading-primary a:active,
.box .box-heading-primary a:focus {
    color: #fff
}

.box-heading-primary .text-muted,
.box .box-heading-primary .text-muted {
    color: #ffeeec
}

.box-heading-primary .text-error,
.box-heading-primary .text-info,
.box-heading-primary .text-success,
.box .box-heading-primary .text-error,
.box .box-heading-primary .text-info,
.box .box-heading-primary .text-success {
    color: #fff
}

.box-heading-primary>hr,
.box .box-heading-primary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-primary .box-title,
.box .box-heading-primary .box-title {
    color: #fff
}

.box-secondary {
    background: #0b68ff;
    color: #fff
}

.box-secondary h1,
.box-secondary h2,
.box-secondary h3,
.box-secondary h4,
.box-secondary h5,
.box-secondary .h1,
.box-secondary .h2,
.box-secondary .h3,
.box-secondary .h4,
.box-secondary .h5 {
    color: #fff
}

.box-secondary a {
    color: rgba(255, 255, 255, 0.75)
}

.box-secondary a:hover,
.box-secondary a:active,
.box-secondary a:focus {
    color: #fff
}

.box-secondary .text-muted {
    color: #bdd6ff
}

.box-secondary .text-error,
.box-secondary .text-info,
.box-secondary .text-success {
    color: #fff
}

.box-secondary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-secondary .box-heading {
    background: #0b68ff;
    color: #fff
}

.box-secondary .box-heading h1,
.box-secondary .box-heading h2,
.box-secondary .box-heading h3,
.box-secondary .box-heading h4,
.box-secondary .box-heading h5,
.box-secondary .box-heading .h1,
.box-secondary .box-heading .h2,
.box-secondary .box-heading .h3,
.box-secondary .box-heading .h4,
.box-secondary .box-heading .h5 {
    color: #fff
}

.box-secondary .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-secondary .box-heading a:hover,
.box-secondary .box-heading a:active,
.box-secondary .box-heading a:focus {
    color: #fff
}

.box-secondary .box-heading .text-muted {
    color: #bdd6ff
}

.box-secondary .box-heading .text-error,
.box-secondary .box-heading .text-info,
.box-secondary .box-heading .text-success {
    color: #fff
}

.box-secondary .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-secondary .box-heading .box-title {
    color: #fff
}

.box-secondary .box-body {
    color: #fff
}

.box-secondary .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-secondary a.box-body,
.box-secondary a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-secondary a.box-body:hover,
.box-secondary a.box-list-item:hover {
    color: #fff;
    background: #0061fd
}

.box-secondary hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-secondary,
.box .box-heading-secondary {
    background: #0b68ff;
    color: #fff
}

.box-heading-secondary h1,
.box-heading-secondary h2,
.box-heading-secondary h3,
.box-heading-secondary h4,
.box-heading-secondary h5,
.box-heading-secondary .h1,
.box-heading-secondary .h2,
.box-heading-secondary .h3,
.box-heading-secondary .h4,
.box-heading-secondary .h5,
.box .box-heading-secondary h1,
.box .box-heading-secondary h2,
.box .box-heading-secondary h3,
.box .box-heading-secondary h4,
.box .box-heading-secondary h5,
.box .box-heading-secondary .h1,
.box .box-heading-secondary .h2,
.box .box-heading-secondary .h3,
.box .box-heading-secondary .h4,
.box .box-heading-secondary .h5 {
    color: #fff
}

.box-heading-secondary a,
.box .box-heading-secondary a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-secondary a:hover,
.box-heading-secondary a:active,
.box-heading-secondary a:focus,
.box .box-heading-secondary a:hover,
.box .box-heading-secondary a:active,
.box .box-heading-secondary a:focus {
    color: #fff
}

.box-heading-secondary .text-muted,
.box .box-heading-secondary .text-muted {
    color: #bdd6ff
}

.box-heading-secondary .text-error,
.box-heading-secondary .text-info,
.box-heading-secondary .text-success,
.box .box-heading-secondary .text-error,
.box .box-heading-secondary .text-info,
.box .box-heading-secondary .text-success {
    color: #fff
}

.box-heading-secondary>hr,
.box .box-heading-secondary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-secondary .box-title,
.box .box-heading-secondary .box-title {
    color: #fff
}

.box-tertiary {
    background: #b96879;
    color: #fff
}

.box-tertiary h1,
.box-tertiary h2,
.box-tertiary h3,
.box-tertiary h4,
.box-tertiary h5,
.box-tertiary .h1,
.box-tertiary .h2,
.box-tertiary .h3,
.box-tertiary .h4,
.box-tertiary .h5 {
    color: #fff
}

.box-tertiary a {
    color: rgba(255, 255, 255, 0.75)
}

.box-tertiary a:hover,
.box-tertiary a:active,
.box-tertiary a:focus {
    color: #fff
}

.box-tertiary .text-muted {
    color: #f2e2e5
}

.box-tertiary .text-error,
.box-tertiary .text-info,
.box-tertiary .text-success {
    color: #fff
}

.box-tertiary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-tertiary .box-heading {
    background: #b96879;
    color: #fff
}

.box-tertiary .box-heading h1,
.box-tertiary .box-heading h2,
.box-tertiary .box-heading h3,
.box-tertiary .box-heading h4,
.box-tertiary .box-heading h5,
.box-tertiary .box-heading .h1,
.box-tertiary .box-heading .h2,
.box-tertiary .box-heading .h3,
.box-tertiary .box-heading .h4,
.box-tertiary .box-heading .h5 {
    color: #fff
}

.box-tertiary .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-tertiary .box-heading a:hover,
.box-tertiary .box-heading a:active,
.box-tertiary .box-heading a:focus {
    color: #fff
}

.box-tertiary .box-heading .text-muted {
    color: #f2e2e5
}

.box-tertiary .box-heading .text-error,
.box-tertiary .box-heading .text-info,
.box-tertiary .box-heading .text-success {
    color: #fff
}

.box-tertiary .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-tertiary .box-heading .box-title {
    color: #fff
}

.box-tertiary .box-body {
    color: #fff
}

.box-tertiary .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-tertiary a.box-body,
.box-tertiary a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-tertiary a.box-body:hover,
.box-tertiary a.box-list-item:hover {
    color: #fff;
    background: #b56071
}

.box-tertiary hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-tertiary,
.box .box-heading-tertiary {
    background: #b96879;
    color: #fff
}

.box-heading-tertiary h1,
.box-heading-tertiary h2,
.box-heading-tertiary h3,
.box-heading-tertiary h4,
.box-heading-tertiary h5,
.box-heading-tertiary .h1,
.box-heading-tertiary .h2,
.box-heading-tertiary .h3,
.box-heading-tertiary .h4,
.box-heading-tertiary .h5,
.box .box-heading-tertiary h1,
.box .box-heading-tertiary h2,
.box .box-heading-tertiary h3,
.box .box-heading-tertiary h4,
.box .box-heading-tertiary h5,
.box .box-heading-tertiary .h1,
.box .box-heading-tertiary .h2,
.box .box-heading-tertiary .h3,
.box .box-heading-tertiary .h4,
.box .box-heading-tertiary .h5 {
    color: #fff
}

.box-heading-tertiary a,
.box .box-heading-tertiary a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-tertiary a:hover,
.box-heading-tertiary a:active,
.box-heading-tertiary a:focus,
.box .box-heading-tertiary a:hover,
.box .box-heading-tertiary a:active,
.box .box-heading-tertiary a:focus {
    color: #fff
}

.box-heading-tertiary .text-muted,
.box .box-heading-tertiary .text-muted {
    color: #f2e2e5
}

.box-heading-tertiary .text-error,
.box-heading-tertiary .text-info,
.box-heading-tertiary .text-success,
.box .box-heading-tertiary .text-error,
.box .box-heading-tertiary .text-info,
.box .box-heading-tertiary .text-success {
    color: #fff
}

.box-heading-tertiary>hr,
.box .box-heading-tertiary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-tertiary .box-title,
.box .box-heading-tertiary .box-title {
    color: #fff
}

.box-quaternary {
    background: #202989;
    color: #fff
}

.box-quaternary h1,
.box-quaternary h2,
.box-quaternary h3,
.box-quaternary h4,
.box-quaternary h5,
.box-quaternary .h1,
.box-quaternary .h2,
.box-quaternary .h3,
.box-quaternary .h4,
.box-quaternary .h5 {
    color: #fff
}

.box-quaternary a {
    color: rgba(255, 255, 255, 0.75)
}

.box-quaternary a:hover,
.box-quaternary a:active,
.box-quaternary a:focus {
    color: #fff
}

.box-quaternary .text-muted {
    color: #7c84e0
}

.box-quaternary .text-error,
.box-quaternary .text-info,
.box-quaternary .text-success {
    color: #fff
}

.box-quaternary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-quaternary .box-heading {
    background: #202989;
    color: #fff
}

.box-quaternary .box-heading h1,
.box-quaternary .box-heading h2,
.box-quaternary .box-heading h3,
.box-quaternary .box-heading h4,
.box-quaternary .box-heading h5,
.box-quaternary .box-heading .h1,
.box-quaternary .box-heading .h2,
.box-quaternary .box-heading .h3,
.box-quaternary .box-heading .h4,
.box-quaternary .box-heading .h5 {
    color: #fff
}

.box-quaternary .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-quaternary .box-heading a:hover,
.box-quaternary .box-heading a:active,
.box-quaternary .box-heading a:focus {
    color: #fff
}

.box-quaternary .box-heading .text-muted {
    color: #7c84e0
}

.box-quaternary .box-heading .text-error,
.box-quaternary .box-heading .text-info,
.box-quaternary .box-heading .text-success {
    color: #fff
}

.box-quaternary .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-quaternary .box-heading .box-title {
    color: #fff
}

.box-quaternary .box-body {
    color: #fff
}

.box-quaternary .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-quaternary a.box-body,
.box-quaternary a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-quaternary a.box-body:hover,
.box-quaternary a.box-list-item:hover {
    color: #fff;
    background: #1e267f
}

.box-quaternary hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-quaternary,
.box .box-heading-quaternary {
    background: #202989;
    color: #fff
}

.box-heading-quaternary h1,
.box-heading-quaternary h2,
.box-heading-quaternary h3,
.box-heading-quaternary h4,
.box-heading-quaternary h5,
.box-heading-quaternary .h1,
.box-heading-quaternary .h2,
.box-heading-quaternary .h3,
.box-heading-quaternary .h4,
.box-heading-quaternary .h5,
.box .box-heading-quaternary h1,
.box .box-heading-quaternary h2,
.box .box-heading-quaternary h3,
.box .box-heading-quaternary h4,
.box .box-heading-quaternary h5,
.box .box-heading-quaternary .h1,
.box .box-heading-quaternary .h2,
.box .box-heading-quaternary .h3,
.box .box-heading-quaternary .h4,
.box .box-heading-quaternary .h5 {
    color: #fff
}

.box-heading-quaternary a,
.box .box-heading-quaternary a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-quaternary a:hover,
.box-heading-quaternary a:active,
.box-heading-quaternary a:focus,
.box .box-heading-quaternary a:hover,
.box .box-heading-quaternary a:active,
.box .box-heading-quaternary a:focus {
    color: #fff
}

.box-heading-quaternary .text-muted,
.box .box-heading-quaternary .text-muted {
    color: #7c84e0
}

.box-heading-quaternary .text-error,
.box-heading-quaternary .text-info,
.box-heading-quaternary .text-success,
.box .box-heading-quaternary .text-error,
.box .box-heading-quaternary .text-info,
.box .box-heading-quaternary .text-success {
    color: #fff
}

.box-heading-quaternary>hr,
.box .box-heading-quaternary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-quaternary .box-title,
.box .box-heading-quaternary .box-title {
    color: #fff
}

.box-quinary {
    background: #a0a0a7;
    color: #2f2f2f
}

.box-quinary h1,
.box-quinary h2,
.box-quinary h3,
.box-quinary h4,
.box-quinary h5,
.box-quinary .h1,
.box-quinary .h2,
.box-quinary .h3,
.box-quinary .h4,
.box-quinary .h5 {
    color: #2f2f2f
}

.box-quinary a {
    color: #005cf0
}

.box-quinary a:hover,
.box-quinary a:active,
.box-quinary a:focus {
    color: #0b68ff
}

.box-quinary .text-muted {
    color: #47474d
}

.box-quinary .text-error,
.box-quinary .text-info,
.box-quinary .text-success {
    color: #2f2f2f
}

.box-quinary>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-quinary .box-heading {
    background: #a0a0a7;
    color: #2f2f2f
}

.box-quinary .box-heading h1,
.box-quinary .box-heading h2,
.box-quinary .box-heading h3,
.box-quinary .box-heading h4,
.box-quinary .box-heading h5,
.box-quinary .box-heading .h1,
.box-quinary .box-heading .h2,
.box-quinary .box-heading .h3,
.box-quinary .box-heading .h4,
.box-quinary .box-heading .h5 {
    color: #2f2f2f
}

.box-quinary .box-heading a {
    color: #005cf0
}

.box-quinary .box-heading a:hover,
.box-quinary .box-heading a:active,
.box-quinary .box-heading a:focus {
    color: #0b68ff
}

.box-quinary .box-heading .text-muted {
    color: #47474d
}

.box-quinary .box-heading .text-error,
.box-quinary .box-heading .text-info,
.box-quinary .box-heading .text-success {
    color: #2f2f2f
}

.box-quinary .box-heading>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-quinary .box-heading .box-title {
    color: #2f2f2f
}

.box-quinary .box-body {
    color: #2f2f2f
}

.box-quinary .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #2f2f2f
}

.box-quinary a.box-body,
.box-quinary a.box-list-item {
    color: #005cf0
}

.box-quinary a.box-body:hover,
.box-quinary a.box-list-item:hover {
    color: #0b68ff;
    background: #9999a1
}

.box-quinary hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-heading-quinary,
.box .box-heading-quinary {
    background: #a0a0a7;
    color: #2f2f2f
}

.box-heading-quinary h1,
.box-heading-quinary h2,
.box-heading-quinary h3,
.box-heading-quinary h4,
.box-heading-quinary h5,
.box-heading-quinary .h1,
.box-heading-quinary .h2,
.box-heading-quinary .h3,
.box-heading-quinary .h4,
.box-heading-quinary .h5,
.box .box-heading-quinary h1,
.box .box-heading-quinary h2,
.box .box-heading-quinary h3,
.box .box-heading-quinary h4,
.box .box-heading-quinary h5,
.box .box-heading-quinary .h1,
.box .box-heading-quinary .h2,
.box .box-heading-quinary .h3,
.box .box-heading-quinary .h4,
.box .box-heading-quinary .h5 {
    color: #2f2f2f
}

.box-heading-quinary a,
.box .box-heading-quinary a {
    color: #005cf0
}

.box-heading-quinary a:hover,
.box-heading-quinary a:active,
.box-heading-quinary a:focus,
.box .box-heading-quinary a:hover,
.box .box-heading-quinary a:active,
.box .box-heading-quinary a:focus {
    color: #0b68ff
}

.box-heading-quinary .text-muted,
.box .box-heading-quinary .text-muted {
    color: #47474d
}

.box-heading-quinary .text-error,
.box-heading-quinary .text-info,
.box-heading-quinary .text-success,
.box .box-heading-quinary .text-error,
.box .box-heading-quinary .text-info,
.box .box-heading-quinary .text-success {
    color: #2f2f2f
}

.box-heading-quinary>hr,
.box .box-heading-quinary>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-heading-quinary .box-title,
.box .box-heading-quinary .box-title {
    color: #2f2f2f
}

.box-error {
    background: #e56161;
    color: #fff
}

.box-error h1,
.box-error h2,
.box-error h3,
.box-error h4,
.box-error h5,
.box-error .h1,
.box-error .h2,
.box-error .h3,
.box-error .h4,
.box-error .h5 {
    color: #fff
}

.box-error a {
    color: rgba(255, 255, 255, 0.75)
}

.box-error a:hover,
.box-error a:active,
.box-error a:focus {
    color: #fff
}

.box-error .text-muted {
    color: #fefbfb
}

.box-error .text-error,
.box-error .text-info,
.box-error .text-success {
    color: #fff
}

.box-error>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-error .box-heading {
    background: #e56161;
    color: #fff
}

.box-error .box-heading h1,
.box-error .box-heading h2,
.box-error .box-heading h3,
.box-error .box-heading h4,
.box-error .box-heading h5,
.box-error .box-heading .h1,
.box-error .box-heading .h2,
.box-error .box-heading .h3,
.box-error .box-heading .h4,
.box-error .box-heading .h5 {
    color: #fff
}

.box-error .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-error .box-heading a:hover,
.box-error .box-heading a:active,
.box-error .box-heading a:focus {
    color: #fff
}

.box-error .box-heading .text-muted {
    color: #fefbfb
}

.box-error .box-heading .text-error,
.box-error .box-heading .text-info,
.box-error .box-heading .text-success {
    color: #fff
}

.box-error .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-error .box-heading .box-title {
    color: #fff
}

.box-error .box-body {
    color: #fff
}

.box-error .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-error a.box-body,
.box-error a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-error a.box-body:hover,
.box-error a.box-list-item:hover {
    color: #fff;
    background: #e35656
}

.box-error hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-error,
.box .box-heading-error {
    background: #e56161;
    color: #fff
}

.box-heading-error h1,
.box-heading-error h2,
.box-heading-error h3,
.box-heading-error h4,
.box-heading-error h5,
.box-heading-error .h1,
.box-heading-error .h2,
.box-heading-error .h3,
.box-heading-error .h4,
.box-heading-error .h5,
.box .box-heading-error h1,
.box .box-heading-error h2,
.box .box-heading-error h3,
.box .box-heading-error h4,
.box .box-heading-error h5,
.box .box-heading-error .h1,
.box .box-heading-error .h2,
.box .box-heading-error .h3,
.box .box-heading-error .h4,
.box .box-heading-error .h5 {
    color: #fff
}

.box-heading-error a,
.box .box-heading-error a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-error a:hover,
.box-heading-error a:active,
.box-heading-error a:focus,
.box .box-heading-error a:hover,
.box .box-heading-error a:active,
.box .box-heading-error a:focus {
    color: #fff
}

.box-heading-error .text-muted,
.box .box-heading-error .text-muted {
    color: #fefbfb
}

.box-heading-error .text-error,
.box-heading-error .text-info,
.box-heading-error .text-success,
.box .box-heading-error .text-error,
.box .box-heading-error .text-info,
.box .box-heading-error .text-success {
    color: #fff
}

.box-heading-error>hr,
.box .box-heading-error>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-error .box-title,
.box .box-heading-error .box-title {
    color: #fff
}

.box-success {
    background: #99c92f;
    color: #fff
}

.box-success h1,
.box-success h2,
.box-success h3,
.box-success h4,
.box-success h5,
.box-success .h1,
.box-success .h2,
.box-success .h3,
.box-success .h4,
.box-success .h5 {
    color: #fff
}

.box-success a {
    color: rgba(255, 255, 255, 0.75)
}

.box-success a:hover,
.box-success a:active,
.box-success a:focus {
    color: #fff
}

.box-success .text-muted {
    color: #dfefbc
}

.box-success .text-error,
.box-success .text-info,
.box-success .text-success {
    color: #fff
}

.box-success>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-success .box-heading {
    background: #99c92f;
    color: #fff
}

.box-success .box-heading h1,
.box-success .box-heading h2,
.box-success .box-heading h3,
.box-success .box-heading h4,
.box-success .box-heading h5,
.box-success .box-heading .h1,
.box-success .box-heading .h2,
.box-success .box-heading .h3,
.box-success .box-heading .h4,
.box-success .box-heading .h5 {
    color: #fff
}

.box-success .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-success .box-heading a:hover,
.box-success .box-heading a:active,
.box-success .box-heading a:focus {
    color: #fff
}

.box-success .box-heading .text-muted {
    color: #dfefbc
}

.box-success .box-heading .text-error,
.box-success .box-heading .text-info,
.box-success .box-heading .text-success {
    color: #fff
}

.box-success .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-success .box-heading .box-title {
    color: #fff
}

.box-success .box-body {
    color: #fff
}

.box-success .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-success a.box-body,
.box-success a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-success a.box-body:hover,
.box-success a.box-list-item:hover {
    color: #fff;
    background: #91bf2d
}

.box-success hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-success,
.box .box-heading-success {
    background: #99c92f;
    color: #fff
}

.box-heading-success h1,
.box-heading-success h2,
.box-heading-success h3,
.box-heading-success h4,
.box-heading-success h5,
.box-heading-success .h1,
.box-heading-success .h2,
.box-heading-success .h3,
.box-heading-success .h4,
.box-heading-success .h5,
.box .box-heading-success h1,
.box .box-heading-success h2,
.box .box-heading-success h3,
.box .box-heading-success h4,
.box .box-heading-success h5,
.box .box-heading-success .h1,
.box .box-heading-success .h2,
.box .box-heading-success .h3,
.box .box-heading-success .h4,
.box .box-heading-success .h5 {
    color: #fff
}

.box-heading-success a,
.box .box-heading-success a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-success a:hover,
.box-heading-success a:active,
.box-heading-success a:focus,
.box .box-heading-success a:hover,
.box .box-heading-success a:active,
.box .box-heading-success a:focus {
    color: #fff
}

.box-heading-success .text-muted,
.box .box-heading-success .text-muted {
    color: #dfefbc
}

.box-heading-success .text-error,
.box-heading-success .text-info,
.box-heading-success .text-success,
.box .box-heading-success .text-error,
.box .box-heading-success .text-info,
.box .box-heading-success .text-success {
    color: #fff
}

.box-heading-success>hr,
.box .box-heading-success>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-success .box-title,
.box .box-heading-success .box-title {
    color: #fff
}

.box-info {
    background: #ffff1a;
    color: #2f2f2f
}

.box-info h1,
.box-info h2,
.box-info h3,
.box-info h4,
.box-info h5,
.box-info .h1,
.box-info .h2,
.box-info .h3,
.box-info .h4,
.box-info .h5 {
    color: #2f2f2f
}

.box-info a {
    color: #005cf0
}

.box-info a:hover,
.box-info a:active,
.box-info a:focus {
    color: #0b68ff
}

.box-info .text-muted {
    color: #660
}

.box-info .text-error,
.box-info .text-info,
.box-info .text-success {
    color: #2f2f2f
}

.box-info>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-info .box-heading {
    background: #ffff1a;
    color: #2f2f2f
}

.box-info .box-heading h1,
.box-info .box-heading h2,
.box-info .box-heading h3,
.box-info .box-heading h4,
.box-info .box-heading h5,
.box-info .box-heading .h1,
.box-info .box-heading .h2,
.box-info .box-heading .h3,
.box-info .box-heading .h4,
.box-info .box-heading .h5 {
    color: #2f2f2f
}

.box-info .box-heading a {
    color: #005cf0
}

.box-info .box-heading a:hover,
.box-info .box-heading a:active,
.box-info .box-heading a:focus {
    color: #0b68ff
}

.box-info .box-heading .text-muted {
    color: #660
}

.box-info .box-heading .text-error,
.box-info .box-heading .text-info,
.box-info .box-heading .text-success {
    color: #2f2f2f
}

.box-info .box-heading>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-info .box-heading .box-title {
    color: #2f2f2f
}

.box-info .box-body {
    color: #2f2f2f
}

.box-info .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #2f2f2f
}

.box-info a.box-body,
.box-info a.box-list-item {
    color: #005cf0
}

.box-info a.box-body:hover,
.box-info a.box-list-item:hover {
    color: #0b68ff;
    background: #ffff0d
}

.box-info hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-heading-info,
.box .box-heading-info {
    background: #ffff1a;
    color: #2f2f2f
}

.box-heading-info h1,
.box-heading-info h2,
.box-heading-info h3,
.box-heading-info h4,
.box-heading-info h5,
.box-heading-info .h1,
.box-heading-info .h2,
.box-heading-info .h3,
.box-heading-info .h4,
.box-heading-info .h5,
.box .box-heading-info h1,
.box .box-heading-info h2,
.box .box-heading-info h3,
.box .box-heading-info h4,
.box .box-heading-info h5,
.box .box-heading-info .h1,
.box .box-heading-info .h2,
.box .box-heading-info .h3,
.box .box-heading-info .h4,
.box .box-heading-info .h5 {
    color: #2f2f2f
}

.box-heading-info a,
.box .box-heading-info a {
    color: #005cf0
}

.box-heading-info a:hover,
.box-heading-info a:active,
.box-heading-info a:focus,
.box .box-heading-info a:hover,
.box .box-heading-info a:active,
.box .box-heading-info a:focus {
    color: #0b68ff
}

.box-heading-info .text-muted,
.box .box-heading-info .text-muted {
    color: #660
}

.box-heading-info .text-error,
.box-heading-info .text-info,
.box-heading-info .text-success,
.box .box-heading-info .text-error,
.box .box-heading-info .text-info,
.box .box-heading-info .text-success {
    color: #2f2f2f
}

.box-heading-info>hr,
.box .box-heading-info>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.box-heading-info .box-title,
.box .box-heading-info .box-title {
    color: #2f2f2f
}

.box-facebook,
a.box-facebook {
    background: #1877F2;
    color: #fff
}

.box-facebook h1,
.box-facebook h2,
.box-facebook h3,
.box-facebook h4,
.box-facebook h5,
.box-facebook .h1,
.box-facebook .h2,
.box-facebook .h3,
.box-facebook .h4,
.box-facebook .h5,
a.box-facebook h1,
a.box-facebook h2,
a.box-facebook h3,
a.box-facebook h4,
a.box-facebook h5,
a.box-facebook .h1,
a.box-facebook .h2,
a.box-facebook .h3,
a.box-facebook .h4,
a.box-facebook .h5 {
    color: #fff
}

.box-facebook a,
a.box-facebook a {
    color: rgba(255, 255, 255, 0.75)
}

.box-facebook a:hover,
.box-facebook a:active,
.box-facebook a:focus,
a.box-facebook a:hover,
a.box-facebook a:active,
a.box-facebook a:focus {
    color: #fff
}

.box-facebook .text-muted,
a.box-facebook .text-muted {
    color: #c1dafc
}

.box-facebook .text-error,
.box-facebook .text-info,
.box-facebook .text-success,
a.box-facebook .text-error,
a.box-facebook .text-info,
a.box-facebook .text-success {
    color: #fff
}

.box-facebook>hr,
a.box-facebook>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-facebook .box-heading,
a.box-facebook .box-heading {
    background: #1877F2;
    color: #fff
}

.box-facebook .box-heading h1,
.box-facebook .box-heading h2,
.box-facebook .box-heading h3,
.box-facebook .box-heading h4,
.box-facebook .box-heading h5,
.box-facebook .box-heading .h1,
.box-facebook .box-heading .h2,
.box-facebook .box-heading .h3,
.box-facebook .box-heading .h4,
.box-facebook .box-heading .h5,
a.box-facebook .box-heading h1,
a.box-facebook .box-heading h2,
a.box-facebook .box-heading h3,
a.box-facebook .box-heading h4,
a.box-facebook .box-heading h5,
a.box-facebook .box-heading .h1,
a.box-facebook .box-heading .h2,
a.box-facebook .box-heading .h3,
a.box-facebook .box-heading .h4,
a.box-facebook .box-heading .h5 {
    color: #fff
}

.box-facebook .box-heading a,
a.box-facebook .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-facebook .box-heading a:hover,
.box-facebook .box-heading a:active,
.box-facebook .box-heading a:focus,
a.box-facebook .box-heading a:hover,
a.box-facebook .box-heading a:active,
a.box-facebook .box-heading a:focus {
    color: #fff
}

.box-facebook .box-heading .text-muted,
a.box-facebook .box-heading .text-muted {
    color: #c1dafc
}

.box-facebook .box-heading .text-error,
.box-facebook .box-heading .text-info,
.box-facebook .box-heading .text-success,
a.box-facebook .box-heading .text-error,
a.box-facebook .box-heading .text-info,
a.box-facebook .box-heading .text-success {
    color: #fff
}

.box-facebook .box-heading>hr,
a.box-facebook .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-facebook .box-heading .box-title,
a.box-facebook .box-heading .box-title {
    color: #fff
}

.box-facebook .box-body,
a.box-facebook .box-body {
    color: #fff
}

.box-facebook .box-footer,
a.box-facebook .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-facebook a.box-body,
.box-facebook a.box-list-item,
a.box-facebook a.box-body,
a.box-facebook a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-facebook a.box-body:hover,
.box-facebook a.box-list-item:hover,
a.box-facebook a.box-body:hover,
a.box-facebook a.box-list-item:hover {
    color: #fff;
    background: #0d70f0
}

.box-facebook hr,
a.box-facebook hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-facebook,
.box .box-heading-facebook {
    background: #1877F2;
    color: #fff
}

.box-heading-facebook h1,
.box-heading-facebook h2,
.box-heading-facebook h3,
.box-heading-facebook h4,
.box-heading-facebook h5,
.box-heading-facebook .h1,
.box-heading-facebook .h2,
.box-heading-facebook .h3,
.box-heading-facebook .h4,
.box-heading-facebook .h5,
.box .box-heading-facebook h1,
.box .box-heading-facebook h2,
.box .box-heading-facebook h3,
.box .box-heading-facebook h4,
.box .box-heading-facebook h5,
.box .box-heading-facebook .h1,
.box .box-heading-facebook .h2,
.box .box-heading-facebook .h3,
.box .box-heading-facebook .h4,
.box .box-heading-facebook .h5 {
    color: #fff
}

.box-heading-facebook a,
.box .box-heading-facebook a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-facebook a:hover,
.box-heading-facebook a:active,
.box-heading-facebook a:focus,
.box .box-heading-facebook a:hover,
.box .box-heading-facebook a:active,
.box .box-heading-facebook a:focus {
    color: #fff
}

.box-heading-facebook .text-muted,
.box .box-heading-facebook .text-muted {
    color: #c1dafc
}

.box-heading-facebook .text-error,
.box-heading-facebook .text-info,
.box-heading-facebook .text-success,
.box .box-heading-facebook .text-error,
.box .box-heading-facebook .text-info,
.box .box-heading-facebook .text-success {
    color: #fff
}

.box-heading-facebook>hr,
.box .box-heading-facebook>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-facebook .box-title,
.box .box-heading-facebook .box-title {
    color: #fff
}

.box-twitter,
a.box-twitter {
    background: #1da1f2;
    color: #fff
}

.box-twitter h1,
.box-twitter h2,
.box-twitter h3,
.box-twitter h4,
.box-twitter h5,
.box-twitter .h1,
.box-twitter .h2,
.box-twitter .h3,
.box-twitter .h4,
.box-twitter .h5,
a.box-twitter h1,
a.box-twitter h2,
a.box-twitter h3,
a.box-twitter h4,
a.box-twitter h5,
a.box-twitter .h1,
a.box-twitter .h2,
a.box-twitter .h3,
a.box-twitter .h4,
a.box-twitter .h5 {
    color: #fff
}

.box-twitter a,
a.box-twitter a {
    color: rgba(255, 255, 255, 0.75)
}

.box-twitter a:hover,
.box-twitter a:active,
.box-twitter a:focus,
a.box-twitter a:hover,
a.box-twitter a:active,
a.box-twitter a:focus {
    color: #fff
}

.box-twitter .text-muted,
a.box-twitter .text-muted {
    color: #c6e7fc
}

.box-twitter .text-error,
.box-twitter .text-info,
.box-twitter .text-success,
a.box-twitter .text-error,
a.box-twitter .text-info,
a.box-twitter .text-success {
    color: #fff
}

.box-twitter>hr,
a.box-twitter>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-twitter .box-heading,
a.box-twitter .box-heading {
    background: #1da1f2;
    color: #fff
}

.box-twitter .box-heading h1,
.box-twitter .box-heading h2,
.box-twitter .box-heading h3,
.box-twitter .box-heading h4,
.box-twitter .box-heading h5,
.box-twitter .box-heading .h1,
.box-twitter .box-heading .h2,
.box-twitter .box-heading .h3,
.box-twitter .box-heading .h4,
.box-twitter .box-heading .h5,
a.box-twitter .box-heading h1,
a.box-twitter .box-heading h2,
a.box-twitter .box-heading h3,
a.box-twitter .box-heading h4,
a.box-twitter .box-heading h5,
a.box-twitter .box-heading .h1,
a.box-twitter .box-heading .h2,
a.box-twitter .box-heading .h3,
a.box-twitter .box-heading .h4,
a.box-twitter .box-heading .h5 {
    color: #fff
}

.box-twitter .box-heading a,
a.box-twitter .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-twitter .box-heading a:hover,
.box-twitter .box-heading a:active,
.box-twitter .box-heading a:focus,
a.box-twitter .box-heading a:hover,
a.box-twitter .box-heading a:active,
a.box-twitter .box-heading a:focus {
    color: #fff
}

.box-twitter .box-heading .text-muted,
a.box-twitter .box-heading .text-muted {
    color: #c6e7fc
}

.box-twitter .box-heading .text-error,
.box-twitter .box-heading .text-info,
.box-twitter .box-heading .text-success,
a.box-twitter .box-heading .text-error,
a.box-twitter .box-heading .text-info,
a.box-twitter .box-heading .text-success {
    color: #fff
}

.box-twitter .box-heading>hr,
a.box-twitter .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-twitter .box-heading .box-title,
a.box-twitter .box-heading .box-title {
    color: #fff
}

.box-twitter .box-body,
a.box-twitter .box-body {
    color: #fff
}

.box-twitter .box-footer,
a.box-twitter .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-twitter a.box-body,
.box-twitter a.box-list-item,
a.box-twitter a.box-body,
a.box-twitter a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-twitter a.box-body:hover,
.box-twitter a.box-list-item:hover,
a.box-twitter a.box-body:hover,
a.box-twitter a.box-list-item:hover {
    color: #fff;
    background: #119cf1
}

.box-twitter hr,
a.box-twitter hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-twitter,
.box .box-heading-twitter {
    background: #1da1f2;
    color: #fff
}

.box-heading-twitter h1,
.box-heading-twitter h2,
.box-heading-twitter h3,
.box-heading-twitter h4,
.box-heading-twitter h5,
.box-heading-twitter .h1,
.box-heading-twitter .h2,
.box-heading-twitter .h3,
.box-heading-twitter .h4,
.box-heading-twitter .h5,
.box .box-heading-twitter h1,
.box .box-heading-twitter h2,
.box .box-heading-twitter h3,
.box .box-heading-twitter h4,
.box .box-heading-twitter h5,
.box .box-heading-twitter .h1,
.box .box-heading-twitter .h2,
.box .box-heading-twitter .h3,
.box .box-heading-twitter .h4,
.box .box-heading-twitter .h5 {
    color: #fff
}

.box-heading-twitter a,
.box .box-heading-twitter a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-twitter a:hover,
.box-heading-twitter a:active,
.box-heading-twitter a:focus,
.box .box-heading-twitter a:hover,
.box .box-heading-twitter a:active,
.box .box-heading-twitter a:focus {
    color: #fff
}

.box-heading-twitter .text-muted,
.box .box-heading-twitter .text-muted {
    color: #c6e7fc
}

.box-heading-twitter .text-error,
.box-heading-twitter .text-info,
.box-heading-twitter .text-success,
.box .box-heading-twitter .text-error,
.box .box-heading-twitter .text-info,
.box .box-heading-twitter .text-success {
    color: #fff
}

.box-heading-twitter>hr,
.box .box-heading-twitter>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-twitter .box-title,
.box .box-heading-twitter .box-title {
    color: #fff
}

.box-instagram,
a.box-instagram {
    background: #BE00A9;
    color: #fff
}

.box-instagram h1,
.box-instagram h2,
.box-instagram h3,
.box-instagram h4,
.box-instagram h5,
.box-instagram .h1,
.box-instagram .h2,
.box-instagram .h3,
.box-instagram .h4,
.box-instagram .h5,
a.box-instagram h1,
a.box-instagram h2,
a.box-instagram h3,
a.box-instagram h4,
a.box-instagram h5,
a.box-instagram .h1,
a.box-instagram .h2,
a.box-instagram .h3,
a.box-instagram .h4,
a.box-instagram .h5 {
    color: #fff
}

.box-instagram a,
a.box-instagram a {
    color: rgba(255, 255, 255, 0.75)
}

.box-instagram a:hover,
.box-instagram a:active,
.box-instagram a:focus,
a.box-instagram a:hover,
a.box-instagram a:active,
a.box-instagram a:focus {
    color: #fff
}

.box-instagram .text-muted,
a.box-instagram .text-muted {
    color: #ff72ef
}

.box-instagram .text-error,
.box-instagram .text-info,
.box-instagram .text-success,
a.box-instagram .text-error,
a.box-instagram .text-info,
a.box-instagram .text-success {
    color: #fff
}

.box-instagram>hr,
a.box-instagram>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-instagram .box-heading,
a.box-instagram .box-heading {
    background: #BE00A9;
    color: #fff
}

.box-instagram .box-heading h1,
.box-instagram .box-heading h2,
.box-instagram .box-heading h3,
.box-instagram .box-heading h4,
.box-instagram .box-heading h5,
.box-instagram .box-heading .h1,
.box-instagram .box-heading .h2,
.box-instagram .box-heading .h3,
.box-instagram .box-heading .h4,
.box-instagram .box-heading .h5,
a.box-instagram .box-heading h1,
a.box-instagram .box-heading h2,
a.box-instagram .box-heading h3,
a.box-instagram .box-heading h4,
a.box-instagram .box-heading h5,
a.box-instagram .box-heading .h1,
a.box-instagram .box-heading .h2,
a.box-instagram .box-heading .h3,
a.box-instagram .box-heading .h4,
a.box-instagram .box-heading .h5 {
    color: #fff
}

.box-instagram .box-heading a,
a.box-instagram .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-instagram .box-heading a:hover,
.box-instagram .box-heading a:active,
.box-instagram .box-heading a:focus,
a.box-instagram .box-heading a:hover,
a.box-instagram .box-heading a:active,
a.box-instagram .box-heading a:focus {
    color: #fff
}

.box-instagram .box-heading .text-muted,
a.box-instagram .box-heading .text-muted {
    color: #ff72ef
}

.box-instagram .box-heading .text-error,
.box-instagram .box-heading .text-info,
.box-instagram .box-heading .text-success,
a.box-instagram .box-heading .text-error,
a.box-instagram .box-heading .text-info,
a.box-instagram .box-heading .text-success {
    color: #fff
}

.box-instagram .box-heading>hr,
a.box-instagram .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-instagram .box-heading .box-title,
a.box-instagram .box-heading .box-title {
    color: #fff
}

.box-instagram .box-body,
a.box-instagram .box-body {
    color: #fff
}

.box-instagram .box-footer,
a.box-instagram .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-instagram a.box-body,
.box-instagram a.box-list-item,
a.box-instagram a.box-body,
a.box-instagram a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-instagram a.box-body:hover,
.box-instagram a.box-list-item:hover,
a.box-instagram a.box-body:hover,
a.box-instagram a.box-list-item:hover {
    color: #fff;
    background: #b1009e
}

.box-instagram hr,
a.box-instagram hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-instagram,
.box .box-heading-instagram {
    background: #BE00A9;
    color: #fff
}

.box-heading-instagram h1,
.box-heading-instagram h2,
.box-heading-instagram h3,
.box-heading-instagram h4,
.box-heading-instagram h5,
.box-heading-instagram .h1,
.box-heading-instagram .h2,
.box-heading-instagram .h3,
.box-heading-instagram .h4,
.box-heading-instagram .h5,
.box .box-heading-instagram h1,
.box .box-heading-instagram h2,
.box .box-heading-instagram h3,
.box .box-heading-instagram h4,
.box .box-heading-instagram h5,
.box .box-heading-instagram .h1,
.box .box-heading-instagram .h2,
.box .box-heading-instagram .h3,
.box .box-heading-instagram .h4,
.box .box-heading-instagram .h5 {
    color: #fff
}

.box-heading-instagram a,
.box .box-heading-instagram a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-instagram a:hover,
.box-heading-instagram a:active,
.box-heading-instagram a:focus,
.box .box-heading-instagram a:hover,
.box .box-heading-instagram a:active,
.box .box-heading-instagram a:focus {
    color: #fff
}

.box-heading-instagram .text-muted,
.box .box-heading-instagram .text-muted {
    color: #ff72ef
}

.box-heading-instagram .text-error,
.box-heading-instagram .text-info,
.box-heading-instagram .text-success,
.box .box-heading-instagram .text-error,
.box .box-heading-instagram .text-info,
.box .box-heading-instagram .text-success {
    color: #fff
}

.box-heading-instagram>hr,
.box .box-heading-instagram>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-instagram .box-title,
.box .box-heading-instagram .box-title {
    color: #fff
}

.box-youtube,
a.box-youtube {
    background: red;
    color: #fff
}

.box-youtube h1,
.box-youtube h2,
.box-youtube h3,
.box-youtube h4,
.box-youtube h5,
.box-youtube .h1,
.box-youtube .h2,
.box-youtube .h3,
.box-youtube .h4,
.box-youtube .h5,
a.box-youtube h1,
a.box-youtube h2,
a.box-youtube h3,
a.box-youtube h4,
a.box-youtube h5,
a.box-youtube .h1,
a.box-youtube .h2,
a.box-youtube .h3,
a.box-youtube .h4,
a.box-youtube .h5 {
    color: #fff
}

.box-youtube a,
a.box-youtube a {
    color: rgba(255, 255, 255, 0.75)
}

.box-youtube a:hover,
.box-youtube a:active,
.box-youtube a:focus,
a.box-youtube a:hover,
a.box-youtube a:active,
a.box-youtube a:focus {
    color: #fff
}

.box-youtube .text-muted,
a.box-youtube .text-muted {
    color: #ffb3b3
}

.box-youtube .text-error,
.box-youtube .text-info,
.box-youtube .text-success,
a.box-youtube .text-error,
a.box-youtube .text-info,
a.box-youtube .text-success {
    color: #fff
}

.box-youtube>hr,
a.box-youtube>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-youtube .box-heading,
a.box-youtube .box-heading {
    background: red;
    color: #fff
}

.box-youtube .box-heading h1,
.box-youtube .box-heading h2,
.box-youtube .box-heading h3,
.box-youtube .box-heading h4,
.box-youtube .box-heading h5,
.box-youtube .box-heading .h1,
.box-youtube .box-heading .h2,
.box-youtube .box-heading .h3,
.box-youtube .box-heading .h4,
.box-youtube .box-heading .h5,
a.box-youtube .box-heading h1,
a.box-youtube .box-heading h2,
a.box-youtube .box-heading h3,
a.box-youtube .box-heading h4,
a.box-youtube .box-heading h5,
a.box-youtube .box-heading .h1,
a.box-youtube .box-heading .h2,
a.box-youtube .box-heading .h3,
a.box-youtube .box-heading .h4,
a.box-youtube .box-heading .h5 {
    color: #fff
}

.box-youtube .box-heading a,
a.box-youtube .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-youtube .box-heading a:hover,
.box-youtube .box-heading a:active,
.box-youtube .box-heading a:focus,
a.box-youtube .box-heading a:hover,
a.box-youtube .box-heading a:active,
a.box-youtube .box-heading a:focus {
    color: #fff
}

.box-youtube .box-heading .text-muted,
a.box-youtube .box-heading .text-muted {
    color: #ffb3b3
}

.box-youtube .box-heading .text-error,
.box-youtube .box-heading .text-info,
.box-youtube .box-heading .text-success,
a.box-youtube .box-heading .text-error,
a.box-youtube .box-heading .text-info,
a.box-youtube .box-heading .text-success {
    color: #fff
}

.box-youtube .box-heading>hr,
a.box-youtube .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-youtube .box-heading .box-title,
a.box-youtube .box-heading .box-title {
    color: #fff
}

.box-youtube .box-body,
a.box-youtube .box-body {
    color: #fff
}

.box-youtube .box-footer,
a.box-youtube .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-youtube a.box-body,
.box-youtube a.box-list-item,
a.box-youtube a.box-body,
a.box-youtube a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-youtube a.box-body:hover,
.box-youtube a.box-list-item:hover,
a.box-youtube a.box-body:hover,
a.box-youtube a.box-list-item:hover {
    color: #fff;
    background: #f20000
}

.box-youtube hr,
a.box-youtube hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-youtube,
.box .box-heading-youtube {
    background: red;
    color: #fff
}

.box-heading-youtube h1,
.box-heading-youtube h2,
.box-heading-youtube h3,
.box-heading-youtube h4,
.box-heading-youtube h5,
.box-heading-youtube .h1,
.box-heading-youtube .h2,
.box-heading-youtube .h3,
.box-heading-youtube .h4,
.box-heading-youtube .h5,
.box .box-heading-youtube h1,
.box .box-heading-youtube h2,
.box .box-heading-youtube h3,
.box .box-heading-youtube h4,
.box .box-heading-youtube h5,
.box .box-heading-youtube .h1,
.box .box-heading-youtube .h2,
.box .box-heading-youtube .h3,
.box .box-heading-youtube .h4,
.box .box-heading-youtube .h5 {
    color: #fff
}

.box-heading-youtube a,
.box .box-heading-youtube a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-youtube a:hover,
.box-heading-youtube a:active,
.box-heading-youtube a:focus,
.box .box-heading-youtube a:hover,
.box .box-heading-youtube a:active,
.box .box-heading-youtube a:focus {
    color: #fff
}

.box-heading-youtube .text-muted,
.box .box-heading-youtube .text-muted {
    color: #ffb3b3
}

.box-heading-youtube .text-error,
.box-heading-youtube .text-info,
.box-heading-youtube .text-success,
.box .box-heading-youtube .text-error,
.box .box-heading-youtube .text-info,
.box .box-heading-youtube .text-success {
    color: #fff
}

.box-heading-youtube>hr,
.box .box-heading-youtube>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-youtube .box-title,
.box .box-heading-youtube .box-title {
    color: #fff
}

.box-linkedin,
a.box-linkedin {
    background: #1884bc;
    color: #fff
}

.box-linkedin h1,
.box-linkedin h2,
.box-linkedin h3,
.box-linkedin h4,
.box-linkedin h5,
.box-linkedin .h1,
.box-linkedin .h2,
.box-linkedin .h3,
.box-linkedin .h4,
.box-linkedin .h5,
a.box-linkedin h1,
a.box-linkedin h2,
a.box-linkedin h3,
a.box-linkedin h4,
a.box-linkedin h5,
a.box-linkedin .h1,
a.box-linkedin .h2,
a.box-linkedin .h3,
a.box-linkedin .h4,
a.box-linkedin .h5 {
    color: #fff
}

.box-linkedin a,
a.box-linkedin a {
    color: rgba(255, 255, 255, 0.75)
}

.box-linkedin a:hover,
.box-linkedin a:active,
.box-linkedin a:focus,
a.box-linkedin a:hover,
a.box-linkedin a:active,
a.box-linkedin a:focus {
    color: #fff
}

.box-linkedin .text-muted,
a.box-linkedin .text-muted {
    color: #95d2f1
}

.box-linkedin .text-error,
.box-linkedin .text-info,
.box-linkedin .text-success,
a.box-linkedin .text-error,
a.box-linkedin .text-info,
a.box-linkedin .text-success {
    color: #fff
}

.box-linkedin>hr,
a.box-linkedin>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-linkedin .box-heading,
a.box-linkedin .box-heading {
    background: #1884bc;
    color: #fff
}

.box-linkedin .box-heading h1,
.box-linkedin .box-heading h2,
.box-linkedin .box-heading h3,
.box-linkedin .box-heading h4,
.box-linkedin .box-heading h5,
.box-linkedin .box-heading .h1,
.box-linkedin .box-heading .h2,
.box-linkedin .box-heading .h3,
.box-linkedin .box-heading .h4,
.box-linkedin .box-heading .h5,
a.box-linkedin .box-heading h1,
a.box-linkedin .box-heading h2,
a.box-linkedin .box-heading h3,
a.box-linkedin .box-heading h4,
a.box-linkedin .box-heading h5,
a.box-linkedin .box-heading .h1,
a.box-linkedin .box-heading .h2,
a.box-linkedin .box-heading .h3,
a.box-linkedin .box-heading .h4,
a.box-linkedin .box-heading .h5 {
    color: #fff
}

.box-linkedin .box-heading a,
a.box-linkedin .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-linkedin .box-heading a:hover,
.box-linkedin .box-heading a:active,
.box-linkedin .box-heading a:focus,
a.box-linkedin .box-heading a:hover,
a.box-linkedin .box-heading a:active,
a.box-linkedin .box-heading a:focus {
    color: #fff
}

.box-linkedin .box-heading .text-muted,
a.box-linkedin .box-heading .text-muted {
    color: #95d2f1
}

.box-linkedin .box-heading .text-error,
.box-linkedin .box-heading .text-info,
.box-linkedin .box-heading .text-success,
a.box-linkedin .box-heading .text-error,
a.box-linkedin .box-heading .text-info,
a.box-linkedin .box-heading .text-success {
    color: #fff
}

.box-linkedin .box-heading>hr,
a.box-linkedin .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-linkedin .box-heading .box-title,
a.box-linkedin .box-heading .box-title {
    color: #fff
}

.box-linkedin .box-body,
a.box-linkedin .box-body {
    color: #fff
}

.box-linkedin .box-footer,
a.box-linkedin .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-linkedin a.box-body,
.box-linkedin a.box-list-item,
a.box-linkedin a.box-body,
a.box-linkedin a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-linkedin a.box-body:hover,
.box-linkedin a.box-list-item:hover,
a.box-linkedin a.box-body:hover,
a.box-linkedin a.box-list-item:hover {
    color: #fff;
    background: #177cb1
}

.box-linkedin hr,
a.box-linkedin hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-linkedin,
.box .box-heading-linkedin {
    background: #1884bc;
    color: #fff
}

.box-heading-linkedin h1,
.box-heading-linkedin h2,
.box-heading-linkedin h3,
.box-heading-linkedin h4,
.box-heading-linkedin h5,
.box-heading-linkedin .h1,
.box-heading-linkedin .h2,
.box-heading-linkedin .h3,
.box-heading-linkedin .h4,
.box-heading-linkedin .h5,
.box .box-heading-linkedin h1,
.box .box-heading-linkedin h2,
.box .box-heading-linkedin h3,
.box .box-heading-linkedin h4,
.box .box-heading-linkedin h5,
.box .box-heading-linkedin .h1,
.box .box-heading-linkedin .h2,
.box .box-heading-linkedin .h3,
.box .box-heading-linkedin .h4,
.box .box-heading-linkedin .h5 {
    color: #fff
}

.box-heading-linkedin a,
.box .box-heading-linkedin a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-linkedin a:hover,
.box-heading-linkedin a:active,
.box-heading-linkedin a:focus,
.box .box-heading-linkedin a:hover,
.box .box-heading-linkedin a:active,
.box .box-heading-linkedin a:focus {
    color: #fff
}

.box-heading-linkedin .text-muted,
.box .box-heading-linkedin .text-muted {
    color: #95d2f1
}

.box-heading-linkedin .text-error,
.box-heading-linkedin .text-info,
.box-heading-linkedin .text-success,
.box .box-heading-linkedin .text-error,
.box .box-heading-linkedin .text-info,
.box .box-heading-linkedin .text-success {
    color: #fff
}

.box-heading-linkedin>hr,
.box .box-heading-linkedin>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-linkedin .box-title,
.box .box-heading-linkedin .box-title {
    color: #fff
}

.box-google-plus,
a.box-google-plus {
    background: #dd4b39;
    color: #fff
}

.box-google-plus h1,
.box-google-plus h2,
.box-google-plus h3,
.box-google-plus h4,
.box-google-plus h5,
.box-google-plus .h1,
.box-google-plus .h2,
.box-google-plus .h3,
.box-google-plus .h4,
.box-google-plus .h5,
a.box-google-plus h1,
a.box-google-plus h2,
a.box-google-plus h3,
a.box-google-plus h4,
a.box-google-plus h5,
a.box-google-plus .h1,
a.box-google-plus .h2,
a.box-google-plus .h3,
a.box-google-plus .h4,
a.box-google-plus .h5 {
    color: #fff
}

.box-google-plus a,
a.box-google-plus a {
    color: rgba(255, 255, 255, 0.75)
}

.box-google-plus a:hover,
.box-google-plus a:active,
.box-google-plus a:focus,
a.box-google-plus a:hover,
a.box-google-plus a:active,
a.box-google-plus a:focus {
    color: #fff
}

.box-google-plus .text-muted,
a.box-google-plus .text-muted {
    color: #f7d5d1
}

.box-google-plus .text-error,
.box-google-plus .text-info,
.box-google-plus .text-success,
a.box-google-plus .text-error,
a.box-google-plus .text-info,
a.box-google-plus .text-success {
    color: #fff
}

.box-google-plus>hr,
a.box-google-plus>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-google-plus .box-heading,
a.box-google-plus .box-heading {
    background: #dd4b39;
    color: #fff
}

.box-google-plus .box-heading h1,
.box-google-plus .box-heading h2,
.box-google-plus .box-heading h3,
.box-google-plus .box-heading h4,
.box-google-plus .box-heading h5,
.box-google-plus .box-heading .h1,
.box-google-plus .box-heading .h2,
.box-google-plus .box-heading .h3,
.box-google-plus .box-heading .h4,
.box-google-plus .box-heading .h5,
a.box-google-plus .box-heading h1,
a.box-google-plus .box-heading h2,
a.box-google-plus .box-heading h3,
a.box-google-plus .box-heading h4,
a.box-google-plus .box-heading h5,
a.box-google-plus .box-heading .h1,
a.box-google-plus .box-heading .h2,
a.box-google-plus .box-heading .h3,
a.box-google-plus .box-heading .h4,
a.box-google-plus .box-heading .h5 {
    color: #fff
}

.box-google-plus .box-heading a,
a.box-google-plus .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-google-plus .box-heading a:hover,
.box-google-plus .box-heading a:active,
.box-google-plus .box-heading a:focus,
a.box-google-plus .box-heading a:hover,
a.box-google-plus .box-heading a:active,
a.box-google-plus .box-heading a:focus {
    color: #fff
}

.box-google-plus .box-heading .text-muted,
a.box-google-plus .box-heading .text-muted {
    color: #f7d5d1
}

.box-google-plus .box-heading .text-error,
.box-google-plus .box-heading .text-info,
.box-google-plus .box-heading .text-success,
a.box-google-plus .box-heading .text-error,
a.box-google-plus .box-heading .text-info,
a.box-google-plus .box-heading .text-success {
    color: #fff
}

.box-google-plus .box-heading>hr,
a.box-google-plus .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-google-plus .box-heading .box-title,
a.box-google-plus .box-heading .box-title {
    color: #fff
}

.box-google-plus .box-body,
a.box-google-plus .box-body {
    color: #fff
}

.box-google-plus .box-footer,
a.box-google-plus .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-google-plus a.box-body,
.box-google-plus a.box-list-item,
a.box-google-plus a.box-body,
a.box-google-plus a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-google-plus a.box-body:hover,
.box-google-plus a.box-list-item:hover,
a.box-google-plus a.box-body:hover,
a.box-google-plus a.box-list-item:hover {
    color: #fff;
    background: #db412e
}

.box-google-plus hr,
a.box-google-plus hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-google-plus,
.box .box-heading-google-plus {
    background: #dd4b39;
    color: #fff
}

.box-heading-google-plus h1,
.box-heading-google-plus h2,
.box-heading-google-plus h3,
.box-heading-google-plus h4,
.box-heading-google-plus h5,
.box-heading-google-plus .h1,
.box-heading-google-plus .h2,
.box-heading-google-plus .h3,
.box-heading-google-plus .h4,
.box-heading-google-plus .h5,
.box .box-heading-google-plus h1,
.box .box-heading-google-plus h2,
.box .box-heading-google-plus h3,
.box .box-heading-google-plus h4,
.box .box-heading-google-plus h5,
.box .box-heading-google-plus .h1,
.box .box-heading-google-plus .h2,
.box .box-heading-google-plus .h3,
.box .box-heading-google-plus .h4,
.box .box-heading-google-plus .h5 {
    color: #fff
}

.box-heading-google-plus a,
.box .box-heading-google-plus a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-google-plus a:hover,
.box-heading-google-plus a:active,
.box-heading-google-plus a:focus,
.box .box-heading-google-plus a:hover,
.box .box-heading-google-plus a:active,
.box .box-heading-google-plus a:focus {
    color: #fff
}

.box-heading-google-plus .text-muted,
.box .box-heading-google-plus .text-muted {
    color: #f7d5d1
}

.box-heading-google-plus .text-error,
.box-heading-google-plus .text-info,
.box-heading-google-plus .text-success,
.box .box-heading-google-plus .text-error,
.box .box-heading-google-plus .text-info,
.box .box-heading-google-plus .text-success {
    color: #fff
}

.box-heading-google-plus>hr,
.box .box-heading-google-plus>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-google-plus .box-title,
.box .box-heading-google-plus .box-title {
    color: #fff
}

.box-whatsapp,
a.box-whatsapp {
    background: #25d366;
    color: #fff
}

.box-whatsapp h1,
.box-whatsapp h2,
.box-whatsapp h3,
.box-whatsapp h4,
.box-whatsapp h5,
.box-whatsapp .h1,
.box-whatsapp .h2,
.box-whatsapp .h3,
.box-whatsapp .h4,
.box-whatsapp .h5,
a.box-whatsapp h1,
a.box-whatsapp h2,
a.box-whatsapp h3,
a.box-whatsapp h4,
a.box-whatsapp h5,
a.box-whatsapp .h1,
a.box-whatsapp .h2,
a.box-whatsapp .h3,
a.box-whatsapp .h4,
a.box-whatsapp .h5 {
    color: #fff
}

.box-whatsapp a,
a.box-whatsapp a {
    color: rgba(255, 255, 255, 0.75)
}

.box-whatsapp a:hover,
.box-whatsapp a:active,
.box-whatsapp a:focus,
a.box-whatsapp a:hover,
a.box-whatsapp a:active,
a.box-whatsapp a:focus {
    color: #fff
}

.box-whatsapp .text-muted,
a.box-whatsapp .text-muted {
    color: #b8f3ce
}

.box-whatsapp .text-error,
.box-whatsapp .text-info,
.box-whatsapp .text-success,
a.box-whatsapp .text-error,
a.box-whatsapp .text-info,
a.box-whatsapp .text-success {
    color: #fff
}

.box-whatsapp>hr,
a.box-whatsapp>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-whatsapp .box-heading,
a.box-whatsapp .box-heading {
    background: #25d366;
    color: #fff
}

.box-whatsapp .box-heading h1,
.box-whatsapp .box-heading h2,
.box-whatsapp .box-heading h3,
.box-whatsapp .box-heading h4,
.box-whatsapp .box-heading h5,
.box-whatsapp .box-heading .h1,
.box-whatsapp .box-heading .h2,
.box-whatsapp .box-heading .h3,
.box-whatsapp .box-heading .h4,
.box-whatsapp .box-heading .h5,
a.box-whatsapp .box-heading h1,
a.box-whatsapp .box-heading h2,
a.box-whatsapp .box-heading h3,
a.box-whatsapp .box-heading h4,
a.box-whatsapp .box-heading h5,
a.box-whatsapp .box-heading .h1,
a.box-whatsapp .box-heading .h2,
a.box-whatsapp .box-heading .h3,
a.box-whatsapp .box-heading .h4,
a.box-whatsapp .box-heading .h5 {
    color: #fff
}

.box-whatsapp .box-heading a,
a.box-whatsapp .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-whatsapp .box-heading a:hover,
.box-whatsapp .box-heading a:active,
.box-whatsapp .box-heading a:focus,
a.box-whatsapp .box-heading a:hover,
a.box-whatsapp .box-heading a:active,
a.box-whatsapp .box-heading a:focus {
    color: #fff
}

.box-whatsapp .box-heading .text-muted,
a.box-whatsapp .box-heading .text-muted {
    color: #b8f3ce
}

.box-whatsapp .box-heading .text-error,
.box-whatsapp .box-heading .text-info,
.box-whatsapp .box-heading .text-success,
a.box-whatsapp .box-heading .text-error,
a.box-whatsapp .box-heading .text-info,
a.box-whatsapp .box-heading .text-success {
    color: #fff
}

.box-whatsapp .box-heading>hr,
a.box-whatsapp .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-whatsapp .box-heading .box-title,
a.box-whatsapp .box-heading .box-title {
    color: #fff
}

.box-whatsapp .box-body,
a.box-whatsapp .box-body {
    color: #fff
}

.box-whatsapp .box-footer,
a.box-whatsapp .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-whatsapp a.box-body,
.box-whatsapp a.box-list-item,
a.box-whatsapp a.box-body,
a.box-whatsapp a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-whatsapp a.box-body:hover,
.box-whatsapp a.box-list-item:hover,
a.box-whatsapp a.box-body:hover,
a.box-whatsapp a.box-list-item:hover {
    color: #fff;
    background: #23c861
}

.box-whatsapp hr,
a.box-whatsapp hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-whatsapp,
.box .box-heading-whatsapp {
    background: #25d366;
    color: #fff
}

.box-heading-whatsapp h1,
.box-heading-whatsapp h2,
.box-heading-whatsapp h3,
.box-heading-whatsapp h4,
.box-heading-whatsapp h5,
.box-heading-whatsapp .h1,
.box-heading-whatsapp .h2,
.box-heading-whatsapp .h3,
.box-heading-whatsapp .h4,
.box-heading-whatsapp .h5,
.box .box-heading-whatsapp h1,
.box .box-heading-whatsapp h2,
.box .box-heading-whatsapp h3,
.box .box-heading-whatsapp h4,
.box .box-heading-whatsapp h5,
.box .box-heading-whatsapp .h1,
.box .box-heading-whatsapp .h2,
.box .box-heading-whatsapp .h3,
.box .box-heading-whatsapp .h4,
.box .box-heading-whatsapp .h5 {
    color: #fff
}

.box-heading-whatsapp a,
.box .box-heading-whatsapp a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-whatsapp a:hover,
.box-heading-whatsapp a:active,
.box-heading-whatsapp a:focus,
.box .box-heading-whatsapp a:hover,
.box .box-heading-whatsapp a:active,
.box .box-heading-whatsapp a:focus {
    color: #fff
}

.box-heading-whatsapp .text-muted,
.box .box-heading-whatsapp .text-muted {
    color: #b8f3ce
}

.box-heading-whatsapp .text-error,
.box-heading-whatsapp .text-info,
.box-heading-whatsapp .text-success,
.box .box-heading-whatsapp .text-error,
.box .box-heading-whatsapp .text-info,
.box .box-heading-whatsapp .text-success {
    color: #fff
}

.box-heading-whatsapp>hr,
.box .box-heading-whatsapp>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-whatsapp .box-title,
.box .box-heading-whatsapp .box-title {
    color: #fff
}

.box-mail,
a.box-mail {
    background: #444;
    color: #fff
}

.box-mail h1,
.box-mail h2,
.box-mail h3,
.box-mail h4,
.box-mail h5,
.box-mail .h1,
.box-mail .h2,
.box-mail .h3,
.box-mail .h4,
.box-mail .h5,
a.box-mail h1,
a.box-mail h2,
a.box-mail h3,
a.box-mail h4,
a.box-mail h5,
a.box-mail .h1,
a.box-mail .h2,
a.box-mail .h3,
a.box-mail .h4,
a.box-mail .h5 {
    color: #fff
}

.box-mail a,
a.box-mail a {
    color: rgba(255, 255, 255, 0.75)
}

.box-mail a:hover,
.box-mail a:active,
.box-mail a:focus,
a.box-mail a:hover,
a.box-mail a:active,
a.box-mail a:focus {
    color: #fff
}

.box-mail .text-muted,
a.box-mail .text-muted {
    color: #9d9d9d
}

.box-mail .text-error,
.box-mail .text-info,
.box-mail .text-success,
a.box-mail .text-error,
a.box-mail .text-info,
a.box-mail .text-success {
    color: #fff
}

.box-mail>hr,
a.box-mail>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-mail .box-heading,
a.box-mail .box-heading {
    background: #444;
    color: #fff
}

.box-mail .box-heading h1,
.box-mail .box-heading h2,
.box-mail .box-heading h3,
.box-mail .box-heading h4,
.box-mail .box-heading h5,
.box-mail .box-heading .h1,
.box-mail .box-heading .h2,
.box-mail .box-heading .h3,
.box-mail .box-heading .h4,
.box-mail .box-heading .h5,
a.box-mail .box-heading h1,
a.box-mail .box-heading h2,
a.box-mail .box-heading h3,
a.box-mail .box-heading h4,
a.box-mail .box-heading h5,
a.box-mail .box-heading .h1,
a.box-mail .box-heading .h2,
a.box-mail .box-heading .h3,
a.box-mail .box-heading .h4,
a.box-mail .box-heading .h5 {
    color: #fff
}

.box-mail .box-heading a,
a.box-mail .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-mail .box-heading a:hover,
.box-mail .box-heading a:active,
.box-mail .box-heading a:focus,
a.box-mail .box-heading a:hover,
a.box-mail .box-heading a:active,
a.box-mail .box-heading a:focus {
    color: #fff
}

.box-mail .box-heading .text-muted,
a.box-mail .box-heading .text-muted {
    color: #9d9d9d
}

.box-mail .box-heading .text-error,
.box-mail .box-heading .text-info,
.box-mail .box-heading .text-success,
a.box-mail .box-heading .text-error,
a.box-mail .box-heading .text-info,
a.box-mail .box-heading .text-success {
    color: #fff
}

.box-mail .box-heading>hr,
a.box-mail .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-mail .box-heading .box-title,
a.box-mail .box-heading .box-title {
    color: #fff
}

.box-mail .box-body,
a.box-mail .box-body {
    color: #fff
}

.box-mail .box-footer,
a.box-mail .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-mail a.box-body,
.box-mail a.box-list-item,
a.box-mail a.box-body,
a.box-mail a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-mail a.box-body:hover,
.box-mail a.box-list-item:hover,
a.box-mail a.box-body:hover,
a.box-mail a.box-list-item:hover {
    color: #fff;
    background: #3e3e3e
}

.box-mail hr,
a.box-mail hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-mail,
.box .box-heading-mail {
    background: #444;
    color: #fff
}

.box-heading-mail h1,
.box-heading-mail h2,
.box-heading-mail h3,
.box-heading-mail h4,
.box-heading-mail h5,
.box-heading-mail .h1,
.box-heading-mail .h2,
.box-heading-mail .h3,
.box-heading-mail .h4,
.box-heading-mail .h5,
.box .box-heading-mail h1,
.box .box-heading-mail h2,
.box .box-heading-mail h3,
.box .box-heading-mail h4,
.box .box-heading-mail h5,
.box .box-heading-mail .h1,
.box .box-heading-mail .h2,
.box .box-heading-mail .h3,
.box .box-heading-mail .h4,
.box .box-heading-mail .h5 {
    color: #fff
}

.box-heading-mail a,
.box .box-heading-mail a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-mail a:hover,
.box-heading-mail a:active,
.box-heading-mail a:focus,
.box .box-heading-mail a:hover,
.box .box-heading-mail a:active,
.box .box-heading-mail a:focus {
    color: #fff
}

.box-heading-mail .text-muted,
.box .box-heading-mail .text-muted {
    color: #9d9d9d
}

.box-heading-mail .text-error,
.box-heading-mail .text-info,
.box-heading-mail .text-success,
.box .box-heading-mail .text-error,
.box .box-heading-mail .text-info,
.box .box-heading-mail .text-success {
    color: #fff
}

.box-heading-mail>hr,
.box .box-heading-mail>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-mail .box-title,
.box .box-heading-mail .box-title {
    color: #fff
}

.box-tikkie,
a.box-tikkie {
    background: #424380;
    color: #fff
}

.box-tikkie h1,
.box-tikkie h2,
.box-tikkie h3,
.box-tikkie h4,
.box-tikkie h5,
.box-tikkie .h1,
.box-tikkie .h2,
.box-tikkie .h3,
.box-tikkie .h4,
.box-tikkie .h5,
a.box-tikkie h1,
a.box-tikkie h2,
a.box-tikkie h3,
a.box-tikkie h4,
a.box-tikkie h5,
a.box-tikkie .h1,
a.box-tikkie .h2,
a.box-tikkie .h3,
a.box-tikkie .h4,
a.box-tikkie .h5 {
    color: #fff
}

.box-tikkie a,
a.box-tikkie a {
    color: rgba(255, 255, 255, 0.75)
}

.box-tikkie a:hover,
.box-tikkie a:active,
.box-tikkie a:focus,
a.box-tikkie a:hover,
a.box-tikkie a:active,
a.box-tikkie a:focus {
    color: #fff
}

.box-tikkie .text-muted,
a.box-tikkie .text-muted {
    color: #a4a5d0
}

.box-tikkie .text-error,
.box-tikkie .text-info,
.box-tikkie .text-success,
a.box-tikkie .text-error,
a.box-tikkie .text-info,
a.box-tikkie .text-success {
    color: #fff
}

.box-tikkie>hr,
a.box-tikkie>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-tikkie .box-heading,
a.box-tikkie .box-heading {
    background: #424380;
    color: #fff
}

.box-tikkie .box-heading h1,
.box-tikkie .box-heading h2,
.box-tikkie .box-heading h3,
.box-tikkie .box-heading h4,
.box-tikkie .box-heading h5,
.box-tikkie .box-heading .h1,
.box-tikkie .box-heading .h2,
.box-tikkie .box-heading .h3,
.box-tikkie .box-heading .h4,
.box-tikkie .box-heading .h5,
a.box-tikkie .box-heading h1,
a.box-tikkie .box-heading h2,
a.box-tikkie .box-heading h3,
a.box-tikkie .box-heading h4,
a.box-tikkie .box-heading h5,
a.box-tikkie .box-heading .h1,
a.box-tikkie .box-heading .h2,
a.box-tikkie .box-heading .h3,
a.box-tikkie .box-heading .h4,
a.box-tikkie .box-heading .h5 {
    color: #fff
}

.box-tikkie .box-heading a,
a.box-tikkie .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-tikkie .box-heading a:hover,
.box-tikkie .box-heading a:active,
.box-tikkie .box-heading a:focus,
a.box-tikkie .box-heading a:hover,
a.box-tikkie .box-heading a:active,
a.box-tikkie .box-heading a:focus {
    color: #fff
}

.box-tikkie .box-heading .text-muted,
a.box-tikkie .box-heading .text-muted {
    color: #a4a5d0
}

.box-tikkie .box-heading .text-error,
.box-tikkie .box-heading .text-info,
.box-tikkie .box-heading .text-success,
a.box-tikkie .box-heading .text-error,
a.box-tikkie .box-heading .text-info,
a.box-tikkie .box-heading .text-success {
    color: #fff
}

.box-tikkie .box-heading>hr,
a.box-tikkie .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-tikkie .box-heading .box-title,
a.box-tikkie .box-heading .box-title {
    color: #fff
}

.box-tikkie .box-body,
a.box-tikkie .box-body {
    color: #fff
}

.box-tikkie .box-footer,
a.box-tikkie .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-tikkie a.box-body,
.box-tikkie a.box-list-item,
a.box-tikkie a.box-body,
a.box-tikkie a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-tikkie a.box-body:hover,
.box-tikkie a.box-list-item:hover,
a.box-tikkie a.box-body:hover,
a.box-tikkie a.box-list-item:hover {
    color: #fff;
    background: #3e3f78
}

.box-tikkie hr,
a.box-tikkie hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-tikkie,
.box .box-heading-tikkie {
    background: #424380;
    color: #fff
}

.box-heading-tikkie h1,
.box-heading-tikkie h2,
.box-heading-tikkie h3,
.box-heading-tikkie h4,
.box-heading-tikkie h5,
.box-heading-tikkie .h1,
.box-heading-tikkie .h2,
.box-heading-tikkie .h3,
.box-heading-tikkie .h4,
.box-heading-tikkie .h5,
.box .box-heading-tikkie h1,
.box .box-heading-tikkie h2,
.box .box-heading-tikkie h3,
.box .box-heading-tikkie h4,
.box .box-heading-tikkie h5,
.box .box-heading-tikkie .h1,
.box .box-heading-tikkie .h2,
.box .box-heading-tikkie .h3,
.box .box-heading-tikkie .h4,
.box .box-heading-tikkie .h5 {
    color: #fff
}

.box-heading-tikkie a,
.box .box-heading-tikkie a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-tikkie a:hover,
.box-heading-tikkie a:active,
.box-heading-tikkie a:focus,
.box .box-heading-tikkie a:hover,
.box .box-heading-tikkie a:active,
.box .box-heading-tikkie a:focus {
    color: #fff
}

.box-heading-tikkie .text-muted,
.box .box-heading-tikkie .text-muted {
    color: #a4a5d0
}

.box-heading-tikkie .text-error,
.box-heading-tikkie .text-info,
.box-heading-tikkie .text-success,
.box .box-heading-tikkie .text-error,
.box .box-heading-tikkie .text-info,
.box .box-heading-tikkie .text-success {
    color: #fff
}

.box-heading-tikkie>hr,
.box .box-heading-tikkie>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-tikkie .box-title,
.box .box-heading-tikkie .box-title {
    color: #fff
}

.box-vimeo,
a.box-vimeo {
    background: #1ab7ea;
    color: #fff
}

.box-vimeo h1,
.box-vimeo h2,
.box-vimeo h3,
.box-vimeo h4,
.box-vimeo h5,
.box-vimeo .h1,
.box-vimeo .h2,
.box-vimeo .h3,
.box-vimeo .h4,
.box-vimeo .h5,
a.box-vimeo h1,
a.box-vimeo h2,
a.box-vimeo h3,
a.box-vimeo h4,
a.box-vimeo h5,
a.box-vimeo .h1,
a.box-vimeo .h2,
a.box-vimeo .h3,
a.box-vimeo .h4,
a.box-vimeo .h5 {
    color: #fff
}

.box-vimeo a,
a.box-vimeo a {
    color: rgba(255, 255, 255, 0.75)
}

.box-vimeo a:hover,
.box-vimeo a:active,
.box-vimeo a:focus,
a.box-vimeo a:hover,
a.box-vimeo a:active,
a.box-vimeo a:focus {
    color: #fff
}

.box-vimeo .text-muted,
a.box-vimeo .text-muted {
    color: #beeaf9
}

.box-vimeo .text-error,
.box-vimeo .text-info,
.box-vimeo .text-success,
a.box-vimeo .text-error,
a.box-vimeo .text-info,
a.box-vimeo .text-success {
    color: #fff
}

.box-vimeo>hr,
a.box-vimeo>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-vimeo .box-heading,
a.box-vimeo .box-heading {
    background: #1ab7ea;
    color: #fff
}

.box-vimeo .box-heading h1,
.box-vimeo .box-heading h2,
.box-vimeo .box-heading h3,
.box-vimeo .box-heading h4,
.box-vimeo .box-heading h5,
.box-vimeo .box-heading .h1,
.box-vimeo .box-heading .h2,
.box-vimeo .box-heading .h3,
.box-vimeo .box-heading .h4,
.box-vimeo .box-heading .h5,
a.box-vimeo .box-heading h1,
a.box-vimeo .box-heading h2,
a.box-vimeo .box-heading h3,
a.box-vimeo .box-heading h4,
a.box-vimeo .box-heading h5,
a.box-vimeo .box-heading .h1,
a.box-vimeo .box-heading .h2,
a.box-vimeo .box-heading .h3,
a.box-vimeo .box-heading .h4,
a.box-vimeo .box-heading .h5 {
    color: #fff
}

.box-vimeo .box-heading a,
a.box-vimeo .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-vimeo .box-heading a:hover,
.box-vimeo .box-heading a:active,
.box-vimeo .box-heading a:focus,
a.box-vimeo .box-heading a:hover,
a.box-vimeo .box-heading a:active,
a.box-vimeo .box-heading a:focus {
    color: #fff
}

.box-vimeo .box-heading .text-muted,
a.box-vimeo .box-heading .text-muted {
    color: #beeaf9
}

.box-vimeo .box-heading .text-error,
.box-vimeo .box-heading .text-info,
.box-vimeo .box-heading .text-success,
a.box-vimeo .box-heading .text-error,
a.box-vimeo .box-heading .text-info,
a.box-vimeo .box-heading .text-success {
    color: #fff
}

.box-vimeo .box-heading>hr,
a.box-vimeo .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-vimeo .box-heading .box-title,
a.box-vimeo .box-heading .box-title {
    color: #fff
}

.box-vimeo .box-body,
a.box-vimeo .box-body {
    color: #fff
}

.box-vimeo .box-footer,
a.box-vimeo .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-vimeo a.box-body,
.box-vimeo a.box-list-item,
a.box-vimeo a.box-body,
a.box-vimeo a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-vimeo a.box-body:hover,
.box-vimeo a.box-list-item:hover,
a.box-vimeo a.box-body:hover,
a.box-vimeo a.box-list-item:hover {
    color: #fff;
    background: #15b0e2
}

.box-vimeo hr,
a.box-vimeo hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-vimeo,
.box .box-heading-vimeo {
    background: #1ab7ea;
    color: #fff
}

.box-heading-vimeo h1,
.box-heading-vimeo h2,
.box-heading-vimeo h3,
.box-heading-vimeo h4,
.box-heading-vimeo h5,
.box-heading-vimeo .h1,
.box-heading-vimeo .h2,
.box-heading-vimeo .h3,
.box-heading-vimeo .h4,
.box-heading-vimeo .h5,
.box .box-heading-vimeo h1,
.box .box-heading-vimeo h2,
.box .box-heading-vimeo h3,
.box .box-heading-vimeo h4,
.box .box-heading-vimeo h5,
.box .box-heading-vimeo .h1,
.box .box-heading-vimeo .h2,
.box .box-heading-vimeo .h3,
.box .box-heading-vimeo .h4,
.box .box-heading-vimeo .h5 {
    color: #fff
}

.box-heading-vimeo a,
.box .box-heading-vimeo a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-vimeo a:hover,
.box-heading-vimeo a:active,
.box-heading-vimeo a:focus,
.box .box-heading-vimeo a:hover,
.box .box-heading-vimeo a:active,
.box .box-heading-vimeo a:focus {
    color: #fff
}

.box-heading-vimeo .text-muted,
.box .box-heading-vimeo .text-muted {
    color: #beeaf9
}

.box-heading-vimeo .text-error,
.box-heading-vimeo .text-info,
.box-heading-vimeo .text-success,
.box .box-heading-vimeo .text-error,
.box .box-heading-vimeo .text-info,
.box .box-heading-vimeo .text-success {
    color: #fff
}

.box-heading-vimeo>hr,
.box .box-heading-vimeo>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-vimeo .box-title,
.box .box-heading-vimeo .box-title {
    color: #fff
}

.box-ideal,
a.box-ideal {
    background: #cd0067;
    color: #fff
}

.box-ideal h1,
.box-ideal h2,
.box-ideal h3,
.box-ideal h4,
.box-ideal h5,
.box-ideal .h1,
.box-ideal .h2,
.box-ideal .h3,
.box-ideal .h4,
.box-ideal .h5,
a.box-ideal h1,
a.box-ideal h2,
a.box-ideal h3,
a.box-ideal h4,
a.box-ideal h5,
a.box-ideal .h1,
a.box-ideal .h2,
a.box-ideal .h3,
a.box-ideal .h4,
a.box-ideal .h5 {
    color: #fff
}

.box-ideal a,
a.box-ideal a {
    color: rgba(255, 255, 255, 0.75)
}

.box-ideal a:hover,
.box-ideal a:active,
.box-ideal a:focus,
a.box-ideal a:hover,
a.box-ideal a:active,
a.box-ideal a:focus {
    color: #fff
}

.box-ideal .text-muted,
a.box-ideal .text-muted {
    color: #ff81c0
}

.box-ideal .text-error,
.box-ideal .text-info,
.box-ideal .text-success,
a.box-ideal .text-error,
a.box-ideal .text-info,
a.box-ideal .text-success {
    color: #fff
}

.box-ideal>hr,
a.box-ideal>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-ideal .box-heading,
a.box-ideal .box-heading {
    background: #cd0067;
    color: #fff
}

.box-ideal .box-heading h1,
.box-ideal .box-heading h2,
.box-ideal .box-heading h3,
.box-ideal .box-heading h4,
.box-ideal .box-heading h5,
.box-ideal .box-heading .h1,
.box-ideal .box-heading .h2,
.box-ideal .box-heading .h3,
.box-ideal .box-heading .h4,
.box-ideal .box-heading .h5,
a.box-ideal .box-heading h1,
a.box-ideal .box-heading h2,
a.box-ideal .box-heading h3,
a.box-ideal .box-heading h4,
a.box-ideal .box-heading h5,
a.box-ideal .box-heading .h1,
a.box-ideal .box-heading .h2,
a.box-ideal .box-heading .h3,
a.box-ideal .box-heading .h4,
a.box-ideal .box-heading .h5 {
    color: #fff
}

.box-ideal .box-heading a,
a.box-ideal .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-ideal .box-heading a:hover,
.box-ideal .box-heading a:active,
.box-ideal .box-heading a:focus,
a.box-ideal .box-heading a:hover,
a.box-ideal .box-heading a:active,
a.box-ideal .box-heading a:focus {
    color: #fff
}

.box-ideal .box-heading .text-muted,
a.box-ideal .box-heading .text-muted {
    color: #ff81c0
}

.box-ideal .box-heading .text-error,
.box-ideal .box-heading .text-info,
.box-ideal .box-heading .text-success,
a.box-ideal .box-heading .text-error,
a.box-ideal .box-heading .text-info,
a.box-ideal .box-heading .text-success {
    color: #fff
}

.box-ideal .box-heading>hr,
a.box-ideal .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-ideal .box-heading .box-title,
a.box-ideal .box-heading .box-title {
    color: #fff
}

.box-ideal .box-body,
a.box-ideal .box-body {
    color: #fff
}

.box-ideal .box-footer,
a.box-ideal .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-ideal a.box-body,
.box-ideal a.box-list-item,
a.box-ideal a.box-body,
a.box-ideal a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-ideal a.box-body:hover,
.box-ideal a.box-list-item:hover,
a.box-ideal a.box-body:hover,
a.box-ideal a.box-list-item:hover {
    color: #fff;
    background: #c00061
}

.box-ideal hr,
a.box-ideal hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-ideal,
.box .box-heading-ideal {
    background: #cd0067;
    color: #fff
}

.box-heading-ideal h1,
.box-heading-ideal h2,
.box-heading-ideal h3,
.box-heading-ideal h4,
.box-heading-ideal h5,
.box-heading-ideal .h1,
.box-heading-ideal .h2,
.box-heading-ideal .h3,
.box-heading-ideal .h4,
.box-heading-ideal .h5,
.box .box-heading-ideal h1,
.box .box-heading-ideal h2,
.box .box-heading-ideal h3,
.box .box-heading-ideal h4,
.box .box-heading-ideal h5,
.box .box-heading-ideal .h1,
.box .box-heading-ideal .h2,
.box .box-heading-ideal .h3,
.box .box-heading-ideal .h4,
.box .box-heading-ideal .h5 {
    color: #fff
}

.box-heading-ideal a,
.box .box-heading-ideal a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-ideal a:hover,
.box-heading-ideal a:active,
.box-heading-ideal a:focus,
.box .box-heading-ideal a:hover,
.box .box-heading-ideal a:active,
.box .box-heading-ideal a:focus {
    color: #fff
}

.box-heading-ideal .text-muted,
.box .box-heading-ideal .text-muted {
    color: #ff81c0
}

.box-heading-ideal .text-error,
.box-heading-ideal .text-info,
.box-heading-ideal .text-success,
.box .box-heading-ideal .text-error,
.box .box-heading-ideal .text-info,
.box .box-heading-ideal .text-success {
    color: #fff
}

.box-heading-ideal>hr,
.box .box-heading-ideal>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-ideal .box-title,
.box .box-heading-ideal .box-title {
    color: #fff
}

.box-strava,
a.box-strava {
    background: #FC4C02;
    color: #fff
}

.box-strava h1,
.box-strava h2,
.box-strava h3,
.box-strava h4,
.box-strava h5,
.box-strava .h1,
.box-strava .h2,
.box-strava .h3,
.box-strava .h4,
.box-strava .h5,
a.box-strava h1,
a.box-strava h2,
a.box-strava h3,
a.box-strava h4,
a.box-strava h5,
a.box-strava .h1,
a.box-strava .h2,
a.box-strava .h3,
a.box-strava .h4,
a.box-strava .h5 {
    color: #fff
}

.box-strava a,
a.box-strava a {
    color: rgba(255, 255, 255, 0.75)
}

.box-strava a:hover,
.box-strava a:active,
.box-strava a:focus,
a.box-strava a:hover,
a.box-strava a:active,
a.box-strava a:focus {
    color: #fff
}

.box-strava .text-muted,
a.box-strava .text-muted {
    color: #fec9b2
}

.box-strava .text-error,
.box-strava .text-info,
.box-strava .text-success,
a.box-strava .text-error,
a.box-strava .text-info,
a.box-strava .text-success {
    color: #fff
}

.box-strava>hr,
a.box-strava>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-strava .box-heading,
a.box-strava .box-heading {
    background: #FC4C02;
    color: #fff
}

.box-strava .box-heading h1,
.box-strava .box-heading h2,
.box-strava .box-heading h3,
.box-strava .box-heading h4,
.box-strava .box-heading h5,
.box-strava .box-heading .h1,
.box-strava .box-heading .h2,
.box-strava .box-heading .h3,
.box-strava .box-heading .h4,
.box-strava .box-heading .h5,
a.box-strava .box-heading h1,
a.box-strava .box-heading h2,
a.box-strava .box-heading h3,
a.box-strava .box-heading h4,
a.box-strava .box-heading h5,
a.box-strava .box-heading .h1,
a.box-strava .box-heading .h2,
a.box-strava .box-heading .h3,
a.box-strava .box-heading .h4,
a.box-strava .box-heading .h5 {
    color: #fff
}

.box-strava .box-heading a,
a.box-strava .box-heading a {
    color: rgba(255, 255, 255, 0.75)
}

.box-strava .box-heading a:hover,
.box-strava .box-heading a:active,
.box-strava .box-heading a:focus,
a.box-strava .box-heading a:hover,
a.box-strava .box-heading a:active,
a.box-strava .box-heading a:focus {
    color: #fff
}

.box-strava .box-heading .text-muted,
a.box-strava .box-heading .text-muted {
    color: #fec9b2
}

.box-strava .box-heading .text-error,
.box-strava .box-heading .text-info,
.box-strava .box-heading .text-success,
a.box-strava .box-heading .text-error,
a.box-strava .box-heading .text-info,
a.box-strava .box-heading .text-success {
    color: #fff
}

.box-strava .box-heading>hr,
a.box-strava .box-heading>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-strava .box-heading .box-title,
a.box-strava .box-heading .box-title {
    color: #fff
}

.box-strava .box-body,
a.box-strava .box-body {
    color: #fff
}

.box-strava .box-footer,
a.box-strava .box-footer {
    background: rgba(0, 0, 0, 0.05);
    color: #fff
}

.box-strava a.box-body,
.box-strava a.box-list-item,
a.box-strava a.box-body,
a.box-strava a.box-list-item {
    color: rgba(255, 255, 255, 0.75)
}

.box-strava a.box-body:hover,
.box-strava a.box-list-item:hover,
a.box-strava a.box-body:hover,
a.box-strava a.box-list-item:hover {
    color: #fff;
    background: #ef4802
}

.box-strava hr,
a.box-strava hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-strava,
.box .box-heading-strava {
    background: #FC4C02;
    color: #fff
}

.box-heading-strava h1,
.box-heading-strava h2,
.box-heading-strava h3,
.box-heading-strava h4,
.box-heading-strava h5,
.box-heading-strava .h1,
.box-heading-strava .h2,
.box-heading-strava .h3,
.box-heading-strava .h4,
.box-heading-strava .h5,
.box .box-heading-strava h1,
.box .box-heading-strava h2,
.box .box-heading-strava h3,
.box .box-heading-strava h4,
.box .box-heading-strava h5,
.box .box-heading-strava .h1,
.box .box-heading-strava .h2,
.box .box-heading-strava .h3,
.box .box-heading-strava .h4,
.box .box-heading-strava .h5 {
    color: #fff
}

.box-heading-strava a,
.box .box-heading-strava a {
    color: rgba(255, 255, 255, 0.75)
}

.box-heading-strava a:hover,
.box-heading-strava a:active,
.box-heading-strava a:focus,
.box .box-heading-strava a:hover,
.box .box-heading-strava a:active,
.box .box-heading-strava a:focus {
    color: #fff
}

.box-heading-strava .text-muted,
.box .box-heading-strava .text-muted {
    color: #fec9b2
}

.box-heading-strava .text-error,
.box-heading-strava .text-info,
.box-heading-strava .text-success,
.box .box-heading-strava .text-error,
.box .box-heading-strava .text-info,
.box .box-heading-strava .text-success {
    color: #fff
}

.box-heading-strava>hr,
.box .box-heading-strava>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.box-heading-strava .box-title,
.box .box-heading-strava .box-title {
    color: #fff
}

.box-highlight {
    background: #f4ffeb
}

.box-highlight .box-heading {
    background: #f4ffeb
}

.box-highlight .box-heading a {
    color: #005cf0
}

.box-highlight .box-heading a:hover {
    color: #0b68ff
}

.box-highlight .box-heading .box-title {
    color: #2f2f2f
}

.box-highlight .box-footer {
    background: #ecffdc
}

.box-highlight .box-footer a {
    color: #005cf0
}

.box-highlight .box-footer a:hover {
    color: #0b68ff
}

.box-highlight .box-footer .box-title {
    color: #2f2f2f
}

.box-highlight .box-body,
.box-highlight .box-list-item,
.box-highlight .box-footer {
    color: #2f2f2f
}

.box-highlight .box-body,
.box-highlight .box-list-item {
    background: #f4ffeb
}

.box-highlight .box-body a,
.box-highlight .box-list-item a {
    color: #005cf0
}

.box-highlight .box-body a:hover,
.box-highlight .box-list-item a:hover {
    color: #0b68ff
}

.box-highlight .box-body,
.box-highlight .box-list-item,
.box-highlight .box-heading,
.box-highlight .box-footer {
    border: 0 solid rgba(0, 0, 0, 0.075)
}

.box-highlight a.box-body,
.box-highlight a.box-list-item {
    color: #005cf0;
    background: #f4ffeb
}

.box-highlight a.box-body:hover,
.box-highlight a.box-list-item:hover {
    color: #0b68ff;
    background: #edffde
}

.box-highlight .box-title {
    color: #2f2f2f
}

.box-highlight a.box-heading {
    color: #005cf0;
    background: #f4ffeb
}

.box-highlight a.box-heading:hover {
    color: #0b68ff;
    background: #e6ffd2
}

.box .box-body-tikkie {
    background: #434085
}

.box .box-body-tikkie,
.box .box-body-tikkie h1,
.box .box-body-tikkie h2,
.box .box-body-tikkie h3,
.box .box-body-tikkie h4,
.box .box-body-tikkie a,
.box .box-body-tikkie label {
    color: white
}

.box .box-body-tikkie .form-field {
    border-color: #322f63
}

.modal-overlay .box-body-tikkie {
    border: 1px solid #322f63
}

.box.box-transparent {
    -webkit-box-shadow: none;
    box-shadow: none
}

.box.box-transparent .box-body,
.box.box-transparent .box-heading,
.box.box-transparent .box-list-item,
.box.box-transparent .box-footer {
    padding: 0;
    border: 0
}

@media only screen and (min-width: 640px) {
    .box.box-transparent>*+* {
        margin-top: 30px
    }
}

@media only screen and (max-width: 640px) {
    .box.box-transparent>*+* {
        margin-top: 18px
    }
}

a.box.box-transparent {
    color: #2f2f2f
}

.box .box {
    -webkit-box-shadow: none;
    box-shadow: none
}

.box .box .box-heading,
.box .box .box-body,
.box .box .box-list-item,
.box .box .box-footer {
    border: solid rgba(0, 0, 0, 0.1);
    border-width: 1px 1px 0 1px
}

.box .box .box-heading:last-child,
.box .box .box-body:last-child,
.box .box .box-list-item:last-child,
.box .box .box-footer:last-child {
    border-bottom-width: 1px
}

ul {
    margin: 0;
    padding: 0
}

ul li {
    padding: 0;
    margin-left: 1.5em
}

.list-unstyled,
.list-unstyled li {
    margin: 0;
    padding: 0;
    list-style: none
}

.icon-container {
    float: left;
    margin-right: 30px
}

.icon-container li {
    display: inline-block;
    float: left
}

.icon-container li a {
    width: 100%
}

.icon-container li a:hover {
    opacity: 1
}

.icon-container.rounded-icons {
    max-width: 150px
}

.icon-container.rounded-icons ul li {
    margin: 0
}

.list-group {
    border: solid rgba(0, 0, 0, 0.075);
    border-width: 1px 0 0 1px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    overflow: hidden;
    background: white
}

.list-group,
.list-group li {
    list-style: none;
    margin: 0;
    padding: 0
}

.list-group .list-group-item {
    padding: 10px 30px;
    border: solid rgba(0, 0, 0, 0.075);
    border-width: 0 1px 1px 0;
    display: block;
    color: #2f2f2f
}

.list-group .list-group-item.active {
    font-weight: bold
}

.list-group a.list-group-item:hover {
    background: #f7f7f7
}

.list-group.list-group-compact .list-group-item {
    padding: 10px 15px
}

.list-group.list-group-nospacing .list-group-item {
    padding: 0
}

.list-group.list-group-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.list-group.list-group-inline .list-group-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap
}

.brand-default {
    background: #fff;
    color: #2f2f2f
}

.brand-default h1,
.brand-default h2,
.brand-default h3,
.brand-default h4,
.brand-default h5,
.brand-default .h1,
.brand-default .h2,
.brand-default .h3,
.brand-default .h4,
.brand-default .h5 {
    color: #2f2f2f
}

.brand-default a {
    color: #005cf0
}

.brand-default a:hover,
.brand-default a:active,
.brand-default a:focus {
    color: #0b68ff
}

.brand-default .text-muted {
    color: #a6a6a6
}

.brand-default .text-error,
.brand-default .text-info,
.brand-default .text-success {
    color: #2f2f2f
}

.brand-default>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-default-m {
        background: #fff;
        color: #2f2f2f
    }

    .brand-default-m h1,
    .brand-default-m h2,
    .brand-default-m h3,
    .brand-default-m h4,
    .brand-default-m h5,
    .brand-default-m .h1,
    .brand-default-m .h2,
    .brand-default-m .h3,
    .brand-default-m .h4,
    .brand-default-m .h5 {
        color: #2f2f2f
    }

    .brand-default-m a {
        color: #005cf0
    }

    .brand-default-m a:hover,
    .brand-default-m a:active,
    .brand-default-m a:focus {
        color: #0b68ff
    }

    .brand-default-m .text-muted {
        color: #a6a6a6
    }

    .brand-default-m .text-error,
    .brand-default-m .text-info,
    .brand-default-m .text-success {
        color: #2f2f2f
    }

    .brand-default-m>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-default-d {
        background: #fff;
        color: #2f2f2f
    }

    .brand-default-d h1,
    .brand-default-d h2,
    .brand-default-d h3,
    .brand-default-d h4,
    .brand-default-d h5,
    .brand-default-d .h1,
    .brand-default-d .h2,
    .brand-default-d .h3,
    .brand-default-d .h4,
    .brand-default-d .h5 {
        color: #2f2f2f
    }

    .brand-default-d a {
        color: #005cf0
    }

    .brand-default-d a:hover,
    .brand-default-d a:active,
    .brand-default-d a:focus {
        color: #0b68ff
    }

    .brand-default-d .text-muted {
        color: #a6a6a6
    }

    .brand-default-d .text-error,
    .brand-default-d .text-info,
    .brand-default-d .text-success {
        color: #2f2f2f
    }

    .brand-default-d>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-default-tablet {
        background: #fff;
        color: #2f2f2f
    }

    .brand-default-tablet h1,
    .brand-default-tablet h2,
    .brand-default-tablet h3,
    .brand-default-tablet h4,
    .brand-default-tablet h5,
    .brand-default-tablet .h1,
    .brand-default-tablet .h2,
    .brand-default-tablet .h3,
    .brand-default-tablet .h4,
    .brand-default-tablet .h5 {
        color: #2f2f2f
    }

    .brand-default-tablet a {
        color: #005cf0
    }

    .brand-default-tablet a:hover,
    .brand-default-tablet a:active,
    .brand-default-tablet a:focus {
        color: #0b68ff
    }

    .brand-default-tablet .text-muted {
        color: #a6a6a6
    }

    .brand-default-tablet .text-error,
    .brand-default-tablet .text-info,
    .brand-default-tablet .text-success {
        color: #2f2f2f
    }

    .brand-default-tablet>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-default-desktop {
        background: #fff;
        color: #2f2f2f
    }

    .brand-default-desktop h1,
    .brand-default-desktop h2,
    .brand-default-desktop h3,
    .brand-default-desktop h4,
    .brand-default-desktop h5,
    .brand-default-desktop .h1,
    .brand-default-desktop .h2,
    .brand-default-desktop .h3,
    .brand-default-desktop .h4,
    .brand-default-desktop .h5 {
        color: #2f2f2f
    }

    .brand-default-desktop a {
        color: #005cf0
    }

    .brand-default-desktop a:hover,
    .brand-default-desktop a:active,
    .brand-default-desktop a:focus {
        color: #0b68ff
    }

    .brand-default-desktop .text-muted {
        color: #a6a6a6
    }

    .brand-default-desktop .text-error,
    .brand-default-desktop .text-info,
    .brand-default-desktop .text-success {
        color: #2f2f2f
    }

    .brand-default-desktop>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

.brand-default-transparent {
    background: rgba(255, 255, 255, 0.5);
    color: #2f2f2f
}

.brand-default-transparent h1,
.brand-default-transparent h2,
.brand-default-transparent h3,
.brand-default-transparent h4,
.brand-default-transparent h5,
.brand-default-transparent .h1,
.brand-default-transparent .h2,
.brand-default-transparent .h3,
.brand-default-transparent .h4,
.brand-default-transparent .h5 {
    color: #2f2f2f
}

.brand-default-transparent a {
    color: #005cf0
}

.brand-default-transparent a:hover,
.brand-default-transparent a:active,
.brand-default-transparent a:focus {
    color: #0b68ff
}

.brand-default-transparent .text-muted {
    color: rgba(166, 166, 166, 0.5)
}

.brand-default-transparent .text-error,
.brand-default-transparent .text-info,
.brand-default-transparent .text-success {
    color: #2f2f2f
}

.brand-default-transparent>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-default-transparent-m {
        background: rgba(255, 255, 255, 0.5);
        color: #2f2f2f
    }

    .brand-default-transparent-m h1,
    .brand-default-transparent-m h2,
    .brand-default-transparent-m h3,
    .brand-default-transparent-m h4,
    .brand-default-transparent-m h5,
    .brand-default-transparent-m .h1,
    .brand-default-transparent-m .h2,
    .brand-default-transparent-m .h3,
    .brand-default-transparent-m .h4,
    .brand-default-transparent-m .h5 {
        color: #2f2f2f
    }

    .brand-default-transparent-m a {
        color: #005cf0
    }

    .brand-default-transparent-m a:hover,
    .brand-default-transparent-m a:active,
    .brand-default-transparent-m a:focus {
        color: #0b68ff
    }

    .brand-default-transparent-m .text-muted {
        color: rgba(166, 166, 166, 0.5)
    }

    .brand-default-transparent-m .text-error,
    .brand-default-transparent-m .text-info,
    .brand-default-transparent-m .text-success {
        color: #2f2f2f
    }

    .brand-default-transparent-m>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-default-transparent-d {
        background: rgba(255, 255, 255, 0.5);
        color: #2f2f2f
    }

    .brand-default-transparent-d h1,
    .brand-default-transparent-d h2,
    .brand-default-transparent-d h3,
    .brand-default-transparent-d h4,
    .brand-default-transparent-d h5,
    .brand-default-transparent-d .h1,
    .brand-default-transparent-d .h2,
    .brand-default-transparent-d .h3,
    .brand-default-transparent-d .h4,
    .brand-default-transparent-d .h5 {
        color: #2f2f2f
    }

    .brand-default-transparent-d a {
        color: #005cf0
    }

    .brand-default-transparent-d a:hover,
    .brand-default-transparent-d a:active,
    .brand-default-transparent-d a:focus {
        color: #0b68ff
    }

    .brand-default-transparent-d .text-muted {
        color: rgba(166, 166, 166, 0.5)
    }

    .brand-default-transparent-d .text-error,
    .brand-default-transparent-d .text-info,
    .brand-default-transparent-d .text-success {
        color: #2f2f2f
    }

    .brand-default-transparent-d>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-default-transparent-tablet {
        background: rgba(255, 255, 255, 0.5);
        color: #2f2f2f
    }

    .brand-default-transparent-tablet h1,
    .brand-default-transparent-tablet h2,
    .brand-default-transparent-tablet h3,
    .brand-default-transparent-tablet h4,
    .brand-default-transparent-tablet h5,
    .brand-default-transparent-tablet .h1,
    .brand-default-transparent-tablet .h2,
    .brand-default-transparent-tablet .h3,
    .brand-default-transparent-tablet .h4,
    .brand-default-transparent-tablet .h5 {
        color: #2f2f2f
    }

    .brand-default-transparent-tablet a {
        color: #005cf0
    }

    .brand-default-transparent-tablet a:hover,
    .brand-default-transparent-tablet a:active,
    .brand-default-transparent-tablet a:focus {
        color: #0b68ff
    }

    .brand-default-transparent-tablet .text-muted {
        color: rgba(166, 166, 166, 0.5)
    }

    .brand-default-transparent-tablet .text-error,
    .brand-default-transparent-tablet .text-info,
    .brand-default-transparent-tablet .text-success {
        color: #2f2f2f
    }

    .brand-default-transparent-tablet>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-default-transparent-desktop {
        background: rgba(255, 255, 255, 0.5);
        color: #2f2f2f
    }

    .brand-default-transparent-desktop h1,
    .brand-default-transparent-desktop h2,
    .brand-default-transparent-desktop h3,
    .brand-default-transparent-desktop h4,
    .brand-default-transparent-desktop h5,
    .brand-default-transparent-desktop .h1,
    .brand-default-transparent-desktop .h2,
    .brand-default-transparent-desktop .h3,
    .brand-default-transparent-desktop .h4,
    .brand-default-transparent-desktop .h5 {
        color: #2f2f2f
    }

    .brand-default-transparent-desktop a {
        color: #005cf0
    }

    .brand-default-transparent-desktop a:hover,
    .brand-default-transparent-desktop a:active,
    .brand-default-transparent-desktop a:focus {
        color: #0b68ff
    }

    .brand-default-transparent-desktop .text-muted {
        color: rgba(166, 166, 166, 0.5)
    }

    .brand-default-transparent-desktop .text-error,
    .brand-default-transparent-desktop .text-info,
    .brand-default-transparent-desktop .text-success {
        color: #2f2f2f
    }

    .brand-default-transparent-desktop>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

.brand-default-outline {
    border: 1px solid #fff
}

@media only screen and (max-width: 640px) {
    .brand-default-outline-m {
        border: 1px solid #fff
    }
}

@media only screen and (min-width: 640px) {
    .brand-default-outline-d {
        border: 1px solid #fff
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-default-outline-tablet {
        border: 1px solid #fff
    }
}

@media only screen and (min-width: 1180px) {
    .brand-default-outline-desktop {
        border: 1px solid #fff
    }
}

.brand-white {
    background: #fff;
    color: #2f2f2f
}

.brand-white h1,
.brand-white h2,
.brand-white h3,
.brand-white h4,
.brand-white h5,
.brand-white .h1,
.brand-white .h2,
.brand-white .h3,
.brand-white .h4,
.brand-white .h5 {
    color: #2f2f2f
}

.brand-white a {
    color: #005cf0
}

.brand-white a:hover,
.brand-white a:active,
.brand-white a:focus {
    color: #0b68ff
}

.brand-white .text-muted {
    color: #a6a6a6
}

.brand-white .text-error,
.brand-white .text-info,
.brand-white .text-success {
    color: #2f2f2f
}

.brand-white>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-white-m {
        background: #fff;
        color: #2f2f2f
    }

    .brand-white-m h1,
    .brand-white-m h2,
    .brand-white-m h3,
    .brand-white-m h4,
    .brand-white-m h5,
    .brand-white-m .h1,
    .brand-white-m .h2,
    .brand-white-m .h3,
    .brand-white-m .h4,
    .brand-white-m .h5 {
        color: #2f2f2f
    }

    .brand-white-m a {
        color: #005cf0
    }

    .brand-white-m a:hover,
    .brand-white-m a:active,
    .brand-white-m a:focus {
        color: #0b68ff
    }

    .brand-white-m .text-muted {
        color: #a6a6a6
    }

    .brand-white-m .text-error,
    .brand-white-m .text-info,
    .brand-white-m .text-success {
        color: #2f2f2f
    }

    .brand-white-m>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-white-d {
        background: #fff;
        color: #2f2f2f
    }

    .brand-white-d h1,
    .brand-white-d h2,
    .brand-white-d h3,
    .brand-white-d h4,
    .brand-white-d h5,
    .brand-white-d .h1,
    .brand-white-d .h2,
    .brand-white-d .h3,
    .brand-white-d .h4,
    .brand-white-d .h5 {
        color: #2f2f2f
    }

    .brand-white-d a {
        color: #005cf0
    }

    .brand-white-d a:hover,
    .brand-white-d a:active,
    .brand-white-d a:focus {
        color: #0b68ff
    }

    .brand-white-d .text-muted {
        color: #a6a6a6
    }

    .brand-white-d .text-error,
    .brand-white-d .text-info,
    .brand-white-d .text-success {
        color: #2f2f2f
    }

    .brand-white-d>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-white-tablet {
        background: #fff;
        color: #2f2f2f
    }

    .brand-white-tablet h1,
    .brand-white-tablet h2,
    .brand-white-tablet h3,
    .brand-white-tablet h4,
    .brand-white-tablet h5,
    .brand-white-tablet .h1,
    .brand-white-tablet .h2,
    .brand-white-tablet .h3,
    .brand-white-tablet .h4,
    .brand-white-tablet .h5 {
        color: #2f2f2f
    }

    .brand-white-tablet a {
        color: #005cf0
    }

    .brand-white-tablet a:hover,
    .brand-white-tablet a:active,
    .brand-white-tablet a:focus {
        color: #0b68ff
    }

    .brand-white-tablet .text-muted {
        color: #a6a6a6
    }

    .brand-white-tablet .text-error,
    .brand-white-tablet .text-info,
    .brand-white-tablet .text-success {
        color: #2f2f2f
    }

    .brand-white-tablet>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-white-desktop {
        background: #fff;
        color: #2f2f2f
    }

    .brand-white-desktop h1,
    .brand-white-desktop h2,
    .brand-white-desktop h3,
    .brand-white-desktop h4,
    .brand-white-desktop h5,
    .brand-white-desktop .h1,
    .brand-white-desktop .h2,
    .brand-white-desktop .h3,
    .brand-white-desktop .h4,
    .brand-white-desktop .h5 {
        color: #2f2f2f
    }

    .brand-white-desktop a {
        color: #005cf0
    }

    .brand-white-desktop a:hover,
    .brand-white-desktop a:active,
    .brand-white-desktop a:focus {
        color: #0b68ff
    }

    .brand-white-desktop .text-muted {
        color: #a6a6a6
    }

    .brand-white-desktop .text-error,
    .brand-white-desktop .text-info,
    .brand-white-desktop .text-success {
        color: #2f2f2f
    }

    .brand-white-desktop>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

.brand-white-transparent {
    background: rgba(255, 255, 255, 0.5);
    color: #2f2f2f
}

.brand-white-transparent h1,
.brand-white-transparent h2,
.brand-white-transparent h3,
.brand-white-transparent h4,
.brand-white-transparent h5,
.brand-white-transparent .h1,
.brand-white-transparent .h2,
.brand-white-transparent .h3,
.brand-white-transparent .h4,
.brand-white-transparent .h5 {
    color: #2f2f2f
}

.brand-white-transparent a {
    color: #005cf0
}

.brand-white-transparent a:hover,
.brand-white-transparent a:active,
.brand-white-transparent a:focus {
    color: #0b68ff
}

.brand-white-transparent .text-muted {
    color: rgba(166, 166, 166, 0.5)
}

.brand-white-transparent .text-error,
.brand-white-transparent .text-info,
.brand-white-transparent .text-success {
    color: #2f2f2f
}

.brand-white-transparent>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-white-transparent-m {
        background: rgba(255, 255, 255, 0.5);
        color: #2f2f2f
    }

    .brand-white-transparent-m h1,
    .brand-white-transparent-m h2,
    .brand-white-transparent-m h3,
    .brand-white-transparent-m h4,
    .brand-white-transparent-m h5,
    .brand-white-transparent-m .h1,
    .brand-white-transparent-m .h2,
    .brand-white-transparent-m .h3,
    .brand-white-transparent-m .h4,
    .brand-white-transparent-m .h5 {
        color: #2f2f2f
    }

    .brand-white-transparent-m a {
        color: #005cf0
    }

    .brand-white-transparent-m a:hover,
    .brand-white-transparent-m a:active,
    .brand-white-transparent-m a:focus {
        color: #0b68ff
    }

    .brand-white-transparent-m .text-muted {
        color: rgba(166, 166, 166, 0.5)
    }

    .brand-white-transparent-m .text-error,
    .brand-white-transparent-m .text-info,
    .brand-white-transparent-m .text-success {
        color: #2f2f2f
    }

    .brand-white-transparent-m>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-white-transparent-d {
        background: rgba(255, 255, 255, 0.5);
        color: #2f2f2f
    }

    .brand-white-transparent-d h1,
    .brand-white-transparent-d h2,
    .brand-white-transparent-d h3,
    .brand-white-transparent-d h4,
    .brand-white-transparent-d h5,
    .brand-white-transparent-d .h1,
    .brand-white-transparent-d .h2,
    .brand-white-transparent-d .h3,
    .brand-white-transparent-d .h4,
    .brand-white-transparent-d .h5 {
        color: #2f2f2f
    }

    .brand-white-transparent-d a {
        color: #005cf0
    }

    .brand-white-transparent-d a:hover,
    .brand-white-transparent-d a:active,
    .brand-white-transparent-d a:focus {
        color: #0b68ff
    }

    .brand-white-transparent-d .text-muted {
        color: rgba(166, 166, 166, 0.5)
    }

    .brand-white-transparent-d .text-error,
    .brand-white-transparent-d .text-info,
    .brand-white-transparent-d .text-success {
        color: #2f2f2f
    }

    .brand-white-transparent-d>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-white-transparent-tablet {
        background: rgba(255, 255, 255, 0.5);
        color: #2f2f2f
    }

    .brand-white-transparent-tablet h1,
    .brand-white-transparent-tablet h2,
    .brand-white-transparent-tablet h3,
    .brand-white-transparent-tablet h4,
    .brand-white-transparent-tablet h5,
    .brand-white-transparent-tablet .h1,
    .brand-white-transparent-tablet .h2,
    .brand-white-transparent-tablet .h3,
    .brand-white-transparent-tablet .h4,
    .brand-white-transparent-tablet .h5 {
        color: #2f2f2f
    }

    .brand-white-transparent-tablet a {
        color: #005cf0
    }

    .brand-white-transparent-tablet a:hover,
    .brand-white-transparent-tablet a:active,
    .brand-white-transparent-tablet a:focus {
        color: #0b68ff
    }

    .brand-white-transparent-tablet .text-muted {
        color: rgba(166, 166, 166, 0.5)
    }

    .brand-white-transparent-tablet .text-error,
    .brand-white-transparent-tablet .text-info,
    .brand-white-transparent-tablet .text-success {
        color: #2f2f2f
    }

    .brand-white-transparent-tablet>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-white-transparent-desktop {
        background: rgba(255, 255, 255, 0.5);
        color: #2f2f2f
    }

    .brand-white-transparent-desktop h1,
    .brand-white-transparent-desktop h2,
    .brand-white-transparent-desktop h3,
    .brand-white-transparent-desktop h4,
    .brand-white-transparent-desktop h5,
    .brand-white-transparent-desktop .h1,
    .brand-white-transparent-desktop .h2,
    .brand-white-transparent-desktop .h3,
    .brand-white-transparent-desktop .h4,
    .brand-white-transparent-desktop .h5 {
        color: #2f2f2f
    }

    .brand-white-transparent-desktop a {
        color: #005cf0
    }

    .brand-white-transparent-desktop a:hover,
    .brand-white-transparent-desktop a:active,
    .brand-white-transparent-desktop a:focus {
        color: #0b68ff
    }

    .brand-white-transparent-desktop .text-muted {
        color: rgba(166, 166, 166, 0.5)
    }

    .brand-white-transparent-desktop .text-error,
    .brand-white-transparent-desktop .text-info,
    .brand-white-transparent-desktop .text-success {
        color: #2f2f2f
    }

    .brand-white-transparent-desktop>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

.brand-white-outline {
    border: 1px solid #fff
}

@media only screen and (max-width: 640px) {
    .brand-white-outline-m {
        border: 1px solid #fff
    }
}

@media only screen and (min-width: 640px) {
    .brand-white-outline-d {
        border: 1px solid #fff
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-white-outline-tablet {
        border: 1px solid #fff
    }
}

@media only screen and (min-width: 1180px) {
    .brand-white-outline-desktop {
        border: 1px solid #fff
    }
}

.brand-black {
    background: #000;
    color: #fff
}

.brand-black h1,
.brand-black h2,
.brand-black h3,
.brand-black h4,
.brand-black h5,
.brand-black .h1,
.brand-black .h2,
.brand-black .h3,
.brand-black .h4,
.brand-black .h5 {
    color: #fff
}

.brand-black a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-black a:hover,
.brand-black a:active,
.brand-black a:focus {
    color: #fff
}

.brand-black .text-muted {
    color: #595959
}

.brand-black .text-error,
.brand-black .text-info,
.brand-black .text-success {
    color: #fff
}

.brand-black>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-black-m {
        background: #000;
        color: #fff
    }

    .brand-black-m h1,
    .brand-black-m h2,
    .brand-black-m h3,
    .brand-black-m h4,
    .brand-black-m h5,
    .brand-black-m .h1,
    .brand-black-m .h2,
    .brand-black-m .h3,
    .brand-black-m .h4,
    .brand-black-m .h5 {
        color: #fff
    }

    .brand-black-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-black-m a:hover,
    .brand-black-m a:active,
    .brand-black-m a:focus {
        color: #fff
    }

    .brand-black-m .text-muted {
        color: #595959
    }

    .brand-black-m .text-error,
    .brand-black-m .text-info,
    .brand-black-m .text-success {
        color: #fff
    }

    .brand-black-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-black-d {
        background: #000;
        color: #fff
    }

    .brand-black-d h1,
    .brand-black-d h2,
    .brand-black-d h3,
    .brand-black-d h4,
    .brand-black-d h5,
    .brand-black-d .h1,
    .brand-black-d .h2,
    .brand-black-d .h3,
    .brand-black-d .h4,
    .brand-black-d .h5 {
        color: #fff
    }

    .brand-black-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-black-d a:hover,
    .brand-black-d a:active,
    .brand-black-d a:focus {
        color: #fff
    }

    .brand-black-d .text-muted {
        color: #595959
    }

    .brand-black-d .text-error,
    .brand-black-d .text-info,
    .brand-black-d .text-success {
        color: #fff
    }

    .brand-black-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-black-tablet {
        background: #000;
        color: #fff
    }

    .brand-black-tablet h1,
    .brand-black-tablet h2,
    .brand-black-tablet h3,
    .brand-black-tablet h4,
    .brand-black-tablet h5,
    .brand-black-tablet .h1,
    .brand-black-tablet .h2,
    .brand-black-tablet .h3,
    .brand-black-tablet .h4,
    .brand-black-tablet .h5 {
        color: #fff
    }

    .brand-black-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-black-tablet a:hover,
    .brand-black-tablet a:active,
    .brand-black-tablet a:focus {
        color: #fff
    }

    .brand-black-tablet .text-muted {
        color: #595959
    }

    .brand-black-tablet .text-error,
    .brand-black-tablet .text-info,
    .brand-black-tablet .text-success {
        color: #fff
    }

    .brand-black-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-black-desktop {
        background: #000;
        color: #fff
    }

    .brand-black-desktop h1,
    .brand-black-desktop h2,
    .brand-black-desktop h3,
    .brand-black-desktop h4,
    .brand-black-desktop h5,
    .brand-black-desktop .h1,
    .brand-black-desktop .h2,
    .brand-black-desktop .h3,
    .brand-black-desktop .h4,
    .brand-black-desktop .h5 {
        color: #fff
    }

    .brand-black-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-black-desktop a:hover,
    .brand-black-desktop a:active,
    .brand-black-desktop a:focus {
        color: #fff
    }

    .brand-black-desktop .text-muted {
        color: #595959
    }

    .brand-black-desktop .text-error,
    .brand-black-desktop .text-info,
    .brand-black-desktop .text-success {
        color: #fff
    }

    .brand-black-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-black-transparent {
    background: rgba(0, 0, 0, 0.5);
    color: #fff
}

.brand-black-transparent h1,
.brand-black-transparent h2,
.brand-black-transparent h3,
.brand-black-transparent h4,
.brand-black-transparent h5,
.brand-black-transparent .h1,
.brand-black-transparent .h2,
.brand-black-transparent .h3,
.brand-black-transparent .h4,
.brand-black-transparent .h5 {
    color: #fff
}

.brand-black-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-black-transparent a:hover,
.brand-black-transparent a:active,
.brand-black-transparent a:focus {
    color: #fff
}

.brand-black-transparent .text-muted {
    color: rgba(89, 89, 89, 0.5)
}

.brand-black-transparent .text-error,
.brand-black-transparent .text-info,
.brand-black-transparent .text-success {
    color: #fff
}

.brand-black-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-black-transparent-m {
        background: rgba(0, 0, 0, 0.5);
        color: #fff
    }

    .brand-black-transparent-m h1,
    .brand-black-transparent-m h2,
    .brand-black-transparent-m h3,
    .brand-black-transparent-m h4,
    .brand-black-transparent-m h5,
    .brand-black-transparent-m .h1,
    .brand-black-transparent-m .h2,
    .brand-black-transparent-m .h3,
    .brand-black-transparent-m .h4,
    .brand-black-transparent-m .h5 {
        color: #fff
    }

    .brand-black-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-black-transparent-m a:hover,
    .brand-black-transparent-m a:active,
    .brand-black-transparent-m a:focus {
        color: #fff
    }

    .brand-black-transparent-m .text-muted {
        color: rgba(89, 89, 89, 0.5)
    }

    .brand-black-transparent-m .text-error,
    .brand-black-transparent-m .text-info,
    .brand-black-transparent-m .text-success {
        color: #fff
    }

    .brand-black-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-black-transparent-d {
        background: rgba(0, 0, 0, 0.5);
        color: #fff
    }

    .brand-black-transparent-d h1,
    .brand-black-transparent-d h2,
    .brand-black-transparent-d h3,
    .brand-black-transparent-d h4,
    .brand-black-transparent-d h5,
    .brand-black-transparent-d .h1,
    .brand-black-transparent-d .h2,
    .brand-black-transparent-d .h3,
    .brand-black-transparent-d .h4,
    .brand-black-transparent-d .h5 {
        color: #fff
    }

    .brand-black-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-black-transparent-d a:hover,
    .brand-black-transparent-d a:active,
    .brand-black-transparent-d a:focus {
        color: #fff
    }

    .brand-black-transparent-d .text-muted {
        color: rgba(89, 89, 89, 0.5)
    }

    .brand-black-transparent-d .text-error,
    .brand-black-transparent-d .text-info,
    .brand-black-transparent-d .text-success {
        color: #fff
    }

    .brand-black-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-black-transparent-tablet {
        background: rgba(0, 0, 0, 0.5);
        color: #fff
    }

    .brand-black-transparent-tablet h1,
    .brand-black-transparent-tablet h2,
    .brand-black-transparent-tablet h3,
    .brand-black-transparent-tablet h4,
    .brand-black-transparent-tablet h5,
    .brand-black-transparent-tablet .h1,
    .brand-black-transparent-tablet .h2,
    .brand-black-transparent-tablet .h3,
    .brand-black-transparent-tablet .h4,
    .brand-black-transparent-tablet .h5 {
        color: #fff
    }

    .brand-black-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-black-transparent-tablet a:hover,
    .brand-black-transparent-tablet a:active,
    .brand-black-transparent-tablet a:focus {
        color: #fff
    }

    .brand-black-transparent-tablet .text-muted {
        color: rgba(89, 89, 89, 0.5)
    }

    .brand-black-transparent-tablet .text-error,
    .brand-black-transparent-tablet .text-info,
    .brand-black-transparent-tablet .text-success {
        color: #fff
    }

    .brand-black-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-black-transparent-desktop {
        background: rgba(0, 0, 0, 0.5);
        color: #fff
    }

    .brand-black-transparent-desktop h1,
    .brand-black-transparent-desktop h2,
    .brand-black-transparent-desktop h3,
    .brand-black-transparent-desktop h4,
    .brand-black-transparent-desktop h5,
    .brand-black-transparent-desktop .h1,
    .brand-black-transparent-desktop .h2,
    .brand-black-transparent-desktop .h3,
    .brand-black-transparent-desktop .h4,
    .brand-black-transparent-desktop .h5 {
        color: #fff
    }

    .brand-black-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-black-transparent-desktop a:hover,
    .brand-black-transparent-desktop a:active,
    .brand-black-transparent-desktop a:focus {
        color: #fff
    }

    .brand-black-transparent-desktop .text-muted {
        color: rgba(89, 89, 89, 0.5)
    }

    .brand-black-transparent-desktop .text-error,
    .brand-black-transparent-desktop .text-info,
    .brand-black-transparent-desktop .text-success {
        color: #fff
    }

    .brand-black-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-black-outline {
    border: 1px solid #000
}

@media only screen and (max-width: 640px) {
    .brand-black-outline-m {
        border: 1px solid #000
    }
}

@media only screen and (min-width: 640px) {
    .brand-black-outline-d {
        border: 1px solid #000
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-black-outline-tablet {
        border: 1px solid #000
    }
}

@media only screen and (min-width: 1180px) {
    .brand-black-outline-desktop {
        border: 1px solid #000
    }
}

.brand-primary {
    background: #ff3320;
    color: #fff
}

.brand-primary h1,
.brand-primary h2,
.brand-primary h3,
.brand-primary h4,
.brand-primary h5,
.brand-primary .h1,
.brand-primary .h2,
.brand-primary .h3,
.brand-primary .h4,
.brand-primary .h5 {
    color: #fff
}

.brand-primary a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-primary a:hover,
.brand-primary a:active,
.brand-primary a:focus {
    color: #fff
}

.brand-primary .text-muted {
    color: #ffd6d3
}

.brand-primary .text-error,
.brand-primary .text-info,
.brand-primary .text-success {
    color: #fff
}

.brand-primary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-primary-m {
        background: #ff3320;
        color: #fff
    }

    .brand-primary-m h1,
    .brand-primary-m h2,
    .brand-primary-m h3,
    .brand-primary-m h4,
    .brand-primary-m h5,
    .brand-primary-m .h1,
    .brand-primary-m .h2,
    .brand-primary-m .h3,
    .brand-primary-m .h4,
    .brand-primary-m .h5 {
        color: #fff
    }

    .brand-primary-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-primary-m a:hover,
    .brand-primary-m a:active,
    .brand-primary-m a:focus {
        color: #fff
    }

    .brand-primary-m .text-muted {
        color: #ffd6d3
    }

    .brand-primary-m .text-error,
    .brand-primary-m .text-info,
    .brand-primary-m .text-success {
        color: #fff
    }

    .brand-primary-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-primary-d {
        background: #ff3320;
        color: #fff
    }

    .brand-primary-d h1,
    .brand-primary-d h2,
    .brand-primary-d h3,
    .brand-primary-d h4,
    .brand-primary-d h5,
    .brand-primary-d .h1,
    .brand-primary-d .h2,
    .brand-primary-d .h3,
    .brand-primary-d .h4,
    .brand-primary-d .h5 {
        color: #fff
    }

    .brand-primary-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-primary-d a:hover,
    .brand-primary-d a:active,
    .brand-primary-d a:focus {
        color: #fff
    }

    .brand-primary-d .text-muted {
        color: #ffd6d3
    }

    .brand-primary-d .text-error,
    .brand-primary-d .text-info,
    .brand-primary-d .text-success {
        color: #fff
    }

    .brand-primary-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-primary-tablet {
        background: #ff3320;
        color: #fff
    }

    .brand-primary-tablet h1,
    .brand-primary-tablet h2,
    .brand-primary-tablet h3,
    .brand-primary-tablet h4,
    .brand-primary-tablet h5,
    .brand-primary-tablet .h1,
    .brand-primary-tablet .h2,
    .brand-primary-tablet .h3,
    .brand-primary-tablet .h4,
    .brand-primary-tablet .h5 {
        color: #fff
    }

    .brand-primary-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-primary-tablet a:hover,
    .brand-primary-tablet a:active,
    .brand-primary-tablet a:focus {
        color: #fff
    }

    .brand-primary-tablet .text-muted {
        color: #ffd6d3
    }

    .brand-primary-tablet .text-error,
    .brand-primary-tablet .text-info,
    .brand-primary-tablet .text-success {
        color: #fff
    }

    .brand-primary-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-primary-desktop {
        background: #ff3320;
        color: #fff
    }

    .brand-primary-desktop h1,
    .brand-primary-desktop h2,
    .brand-primary-desktop h3,
    .brand-primary-desktop h4,
    .brand-primary-desktop h5,
    .brand-primary-desktop .h1,
    .brand-primary-desktop .h2,
    .brand-primary-desktop .h3,
    .brand-primary-desktop .h4,
    .brand-primary-desktop .h5 {
        color: #fff
    }

    .brand-primary-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-primary-desktop a:hover,
    .brand-primary-desktop a:active,
    .brand-primary-desktop a:focus {
        color: #fff
    }

    .brand-primary-desktop .text-muted {
        color: #ffd6d3
    }

    .brand-primary-desktop .text-error,
    .brand-primary-desktop .text-info,
    .brand-primary-desktop .text-success {
        color: #fff
    }

    .brand-primary-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-primary-transparent {
    background: rgba(255, 51, 32, 0.5);
    color: #fff
}

.brand-primary-transparent h1,
.brand-primary-transparent h2,
.brand-primary-transparent h3,
.brand-primary-transparent h4,
.brand-primary-transparent h5,
.brand-primary-transparent .h1,
.brand-primary-transparent .h2,
.brand-primary-transparent .h3,
.brand-primary-transparent .h4,
.brand-primary-transparent .h5 {
    color: #fff
}

.brand-primary-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-primary-transparent a:hover,
.brand-primary-transparent a:active,
.brand-primary-transparent a:focus {
    color: #fff
}

.brand-primary-transparent .text-muted {
    color: rgba(255, 214, 211, 0.5)
}

.brand-primary-transparent .text-error,
.brand-primary-transparent .text-info,
.brand-primary-transparent .text-success {
    color: #fff
}

.brand-primary-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-primary-transparent-m {
        background: rgba(255, 51, 32, 0.5);
        color: #fff
    }

    .brand-primary-transparent-m h1,
    .brand-primary-transparent-m h2,
    .brand-primary-transparent-m h3,
    .brand-primary-transparent-m h4,
    .brand-primary-transparent-m h5,
    .brand-primary-transparent-m .h1,
    .brand-primary-transparent-m .h2,
    .brand-primary-transparent-m .h3,
    .brand-primary-transparent-m .h4,
    .brand-primary-transparent-m .h5 {
        color: #fff
    }

    .brand-primary-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-primary-transparent-m a:hover,
    .brand-primary-transparent-m a:active,
    .brand-primary-transparent-m a:focus {
        color: #fff
    }

    .brand-primary-transparent-m .text-muted {
        color: rgba(255, 214, 211, 0.5)
    }

    .brand-primary-transparent-m .text-error,
    .brand-primary-transparent-m .text-info,
    .brand-primary-transparent-m .text-success {
        color: #fff
    }

    .brand-primary-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-primary-transparent-d {
        background: rgba(255, 51, 32, 0.5);
        color: #fff
    }

    .brand-primary-transparent-d h1,
    .brand-primary-transparent-d h2,
    .brand-primary-transparent-d h3,
    .brand-primary-transparent-d h4,
    .brand-primary-transparent-d h5,
    .brand-primary-transparent-d .h1,
    .brand-primary-transparent-d .h2,
    .brand-primary-transparent-d .h3,
    .brand-primary-transparent-d .h4,
    .brand-primary-transparent-d .h5 {
        color: #fff
    }

    .brand-primary-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-primary-transparent-d a:hover,
    .brand-primary-transparent-d a:active,
    .brand-primary-transparent-d a:focus {
        color: #fff
    }

    .brand-primary-transparent-d .text-muted {
        color: rgba(255, 214, 211, 0.5)
    }

    .brand-primary-transparent-d .text-error,
    .brand-primary-transparent-d .text-info,
    .brand-primary-transparent-d .text-success {
        color: #fff
    }

    .brand-primary-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-primary-transparent-tablet {
        background: rgba(255, 51, 32, 0.5);
        color: #fff
    }

    .brand-primary-transparent-tablet h1,
    .brand-primary-transparent-tablet h2,
    .brand-primary-transparent-tablet h3,
    .brand-primary-transparent-tablet h4,
    .brand-primary-transparent-tablet h5,
    .brand-primary-transparent-tablet .h1,
    .brand-primary-transparent-tablet .h2,
    .brand-primary-transparent-tablet .h3,
    .brand-primary-transparent-tablet .h4,
    .brand-primary-transparent-tablet .h5 {
        color: #fff
    }

    .brand-primary-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-primary-transparent-tablet a:hover,
    .brand-primary-transparent-tablet a:active,
    .brand-primary-transparent-tablet a:focus {
        color: #fff
    }

    .brand-primary-transparent-tablet .text-muted {
        color: rgba(255, 214, 211, 0.5)
    }

    .brand-primary-transparent-tablet .text-error,
    .brand-primary-transparent-tablet .text-info,
    .brand-primary-transparent-tablet .text-success {
        color: #fff
    }

    .brand-primary-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-primary-transparent-desktop {
        background: rgba(255, 51, 32, 0.5);
        color: #fff
    }

    .brand-primary-transparent-desktop h1,
    .brand-primary-transparent-desktop h2,
    .brand-primary-transparent-desktop h3,
    .brand-primary-transparent-desktop h4,
    .brand-primary-transparent-desktop h5,
    .brand-primary-transparent-desktop .h1,
    .brand-primary-transparent-desktop .h2,
    .brand-primary-transparent-desktop .h3,
    .brand-primary-transparent-desktop .h4,
    .brand-primary-transparent-desktop .h5 {
        color: #fff
    }

    .brand-primary-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-primary-transparent-desktop a:hover,
    .brand-primary-transparent-desktop a:active,
    .brand-primary-transparent-desktop a:focus {
        color: #fff
    }

    .brand-primary-transparent-desktop .text-muted {
        color: rgba(255, 214, 211, 0.5)
    }

    .brand-primary-transparent-desktop .text-error,
    .brand-primary-transparent-desktop .text-info,
    .brand-primary-transparent-desktop .text-success {
        color: #fff
    }

    .brand-primary-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-primary-outline {
    border: 1px solid #ff3320
}

@media only screen and (max-width: 640px) {
    .brand-primary-outline-m {
        border: 1px solid #ff3320
    }
}

@media only screen and (min-width: 640px) {
    .brand-primary-outline-d {
        border: 1px solid #ff3320
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-primary-outline-tablet {
        border: 1px solid #ff3320
    }
}

@media only screen and (min-width: 1180px) {
    .brand-primary-outline-desktop {
        border: 1px solid #ff3320
    }
}

.brand-secondary {
    background: #005cf0;
    color: #fff
}

.brand-secondary h1,
.brand-secondary h2,
.brand-secondary h3,
.brand-secondary h4,
.brand-secondary h5,
.brand-secondary .h1,
.brand-secondary .h2,
.brand-secondary .h3,
.brand-secondary .h4,
.brand-secondary .h5 {
    color: #fff
}

.brand-secondary a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-secondary a:hover,
.brand-secondary a:active,
.brand-secondary a:focus {
    color: #fff
}

.brand-secondary .text-muted {
    color: #a4c7ff
}

.brand-secondary .text-error,
.brand-secondary .text-info,
.brand-secondary .text-success {
    color: #fff
}

.brand-secondary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-secondary-m {
        background: #005cf0;
        color: #fff
    }

    .brand-secondary-m h1,
    .brand-secondary-m h2,
    .brand-secondary-m h3,
    .brand-secondary-m h4,
    .brand-secondary-m h5,
    .brand-secondary-m .h1,
    .brand-secondary-m .h2,
    .brand-secondary-m .h3,
    .brand-secondary-m .h4,
    .brand-secondary-m .h5 {
        color: #fff
    }

    .brand-secondary-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-secondary-m a:hover,
    .brand-secondary-m a:active,
    .brand-secondary-m a:focus {
        color: #fff
    }

    .brand-secondary-m .text-muted {
        color: #a4c7ff
    }

    .brand-secondary-m .text-error,
    .brand-secondary-m .text-info,
    .brand-secondary-m .text-success {
        color: #fff
    }

    .brand-secondary-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-secondary-d {
        background: #005cf0;
        color: #fff
    }

    .brand-secondary-d h1,
    .brand-secondary-d h2,
    .brand-secondary-d h3,
    .brand-secondary-d h4,
    .brand-secondary-d h5,
    .brand-secondary-d .h1,
    .brand-secondary-d .h2,
    .brand-secondary-d .h3,
    .brand-secondary-d .h4,
    .brand-secondary-d .h5 {
        color: #fff
    }

    .brand-secondary-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-secondary-d a:hover,
    .brand-secondary-d a:active,
    .brand-secondary-d a:focus {
        color: #fff
    }

    .brand-secondary-d .text-muted {
        color: #a4c7ff
    }

    .brand-secondary-d .text-error,
    .brand-secondary-d .text-info,
    .brand-secondary-d .text-success {
        color: #fff
    }

    .brand-secondary-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-secondary-tablet {
        background: #005cf0;
        color: #fff
    }

    .brand-secondary-tablet h1,
    .brand-secondary-tablet h2,
    .brand-secondary-tablet h3,
    .brand-secondary-tablet h4,
    .brand-secondary-tablet h5,
    .brand-secondary-tablet .h1,
    .brand-secondary-tablet .h2,
    .brand-secondary-tablet .h3,
    .brand-secondary-tablet .h4,
    .brand-secondary-tablet .h5 {
        color: #fff
    }

    .brand-secondary-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-secondary-tablet a:hover,
    .brand-secondary-tablet a:active,
    .brand-secondary-tablet a:focus {
        color: #fff
    }

    .brand-secondary-tablet .text-muted {
        color: #a4c7ff
    }

    .brand-secondary-tablet .text-error,
    .brand-secondary-tablet .text-info,
    .brand-secondary-tablet .text-success {
        color: #fff
    }

    .brand-secondary-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-secondary-desktop {
        background: #005cf0;
        color: #fff
    }

    .brand-secondary-desktop h1,
    .brand-secondary-desktop h2,
    .brand-secondary-desktop h3,
    .brand-secondary-desktop h4,
    .brand-secondary-desktop h5,
    .brand-secondary-desktop .h1,
    .brand-secondary-desktop .h2,
    .brand-secondary-desktop .h3,
    .brand-secondary-desktop .h4,
    .brand-secondary-desktop .h5 {
        color: #fff
    }

    .brand-secondary-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-secondary-desktop a:hover,
    .brand-secondary-desktop a:active,
    .brand-secondary-desktop a:focus {
        color: #fff
    }

    .brand-secondary-desktop .text-muted {
        color: #a4c7ff
    }

    .brand-secondary-desktop .text-error,
    .brand-secondary-desktop .text-info,
    .brand-secondary-desktop .text-success {
        color: #fff
    }

    .brand-secondary-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-secondary-transparent {
    background: rgba(0, 92, 240, 0.5);
    color: #fff
}

.brand-secondary-transparent h1,
.brand-secondary-transparent h2,
.brand-secondary-transparent h3,
.brand-secondary-transparent h4,
.brand-secondary-transparent h5,
.brand-secondary-transparent .h1,
.brand-secondary-transparent .h2,
.brand-secondary-transparent .h3,
.brand-secondary-transparent .h4,
.brand-secondary-transparent .h5 {
    color: #fff
}

.brand-secondary-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-secondary-transparent a:hover,
.brand-secondary-transparent a:active,
.brand-secondary-transparent a:focus {
    color: #fff
}

.brand-secondary-transparent .text-muted {
    color: rgba(164, 199, 255, 0.5)
}

.brand-secondary-transparent .text-error,
.brand-secondary-transparent .text-info,
.brand-secondary-transparent .text-success {
    color: #fff
}

.brand-secondary-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-secondary-transparent-m {
        background: rgba(0, 92, 240, 0.5);
        color: #fff
    }

    .brand-secondary-transparent-m h1,
    .brand-secondary-transparent-m h2,
    .brand-secondary-transparent-m h3,
    .brand-secondary-transparent-m h4,
    .brand-secondary-transparent-m h5,
    .brand-secondary-transparent-m .h1,
    .brand-secondary-transparent-m .h2,
    .brand-secondary-transparent-m .h3,
    .brand-secondary-transparent-m .h4,
    .brand-secondary-transparent-m .h5 {
        color: #fff
    }

    .brand-secondary-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-secondary-transparent-m a:hover,
    .brand-secondary-transparent-m a:active,
    .brand-secondary-transparent-m a:focus {
        color: #fff
    }

    .brand-secondary-transparent-m .text-muted {
        color: rgba(164, 199, 255, 0.5)
    }

    .brand-secondary-transparent-m .text-error,
    .brand-secondary-transparent-m .text-info,
    .brand-secondary-transparent-m .text-success {
        color: #fff
    }

    .brand-secondary-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-secondary-transparent-d {
        background: rgba(0, 92, 240, 0.5);
        color: #fff
    }

    .brand-secondary-transparent-d h1,
    .brand-secondary-transparent-d h2,
    .brand-secondary-transparent-d h3,
    .brand-secondary-transparent-d h4,
    .brand-secondary-transparent-d h5,
    .brand-secondary-transparent-d .h1,
    .brand-secondary-transparent-d .h2,
    .brand-secondary-transparent-d .h3,
    .brand-secondary-transparent-d .h4,
    .brand-secondary-transparent-d .h5 {
        color: #fff
    }

    .brand-secondary-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-secondary-transparent-d a:hover,
    .brand-secondary-transparent-d a:active,
    .brand-secondary-transparent-d a:focus {
        color: #fff
    }

    .brand-secondary-transparent-d .text-muted {
        color: rgba(164, 199, 255, 0.5)
    }

    .brand-secondary-transparent-d .text-error,
    .brand-secondary-transparent-d .text-info,
    .brand-secondary-transparent-d .text-success {
        color: #fff
    }

    .brand-secondary-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-secondary-transparent-tablet {
        background: rgba(0, 92, 240, 0.5);
        color: #fff
    }

    .brand-secondary-transparent-tablet h1,
    .brand-secondary-transparent-tablet h2,
    .brand-secondary-transparent-tablet h3,
    .brand-secondary-transparent-tablet h4,
    .brand-secondary-transparent-tablet h5,
    .brand-secondary-transparent-tablet .h1,
    .brand-secondary-transparent-tablet .h2,
    .brand-secondary-transparent-tablet .h3,
    .brand-secondary-transparent-tablet .h4,
    .brand-secondary-transparent-tablet .h5 {
        color: #fff
    }

    .brand-secondary-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-secondary-transparent-tablet a:hover,
    .brand-secondary-transparent-tablet a:active,
    .brand-secondary-transparent-tablet a:focus {
        color: #fff
    }

    .brand-secondary-transparent-tablet .text-muted {
        color: rgba(164, 199, 255, 0.5)
    }

    .brand-secondary-transparent-tablet .text-error,
    .brand-secondary-transparent-tablet .text-info,
    .brand-secondary-transparent-tablet .text-success {
        color: #fff
    }

    .brand-secondary-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-secondary-transparent-desktop {
        background: rgba(0, 92, 240, 0.5);
        color: #fff
    }

    .brand-secondary-transparent-desktop h1,
    .brand-secondary-transparent-desktop h2,
    .brand-secondary-transparent-desktop h3,
    .brand-secondary-transparent-desktop h4,
    .brand-secondary-transparent-desktop h5,
    .brand-secondary-transparent-desktop .h1,
    .brand-secondary-transparent-desktop .h2,
    .brand-secondary-transparent-desktop .h3,
    .brand-secondary-transparent-desktop .h4,
    .brand-secondary-transparent-desktop .h5 {
        color: #fff
    }

    .brand-secondary-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-secondary-transparent-desktop a:hover,
    .brand-secondary-transparent-desktop a:active,
    .brand-secondary-transparent-desktop a:focus {
        color: #fff
    }

    .brand-secondary-transparent-desktop .text-muted {
        color: rgba(164, 199, 255, 0.5)
    }

    .brand-secondary-transparent-desktop .text-error,
    .brand-secondary-transparent-desktop .text-info,
    .brand-secondary-transparent-desktop .text-success {
        color: #fff
    }

    .brand-secondary-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-secondary-outline {
    border: 1px solid #005cf0
}

@media only screen and (max-width: 640px) {
    .brand-secondary-outline-m {
        border: 1px solid #005cf0
    }
}

@media only screen and (min-width: 640px) {
    .brand-secondary-outline-d {
        border: 1px solid #005cf0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-secondary-outline-tablet {
        border: 1px solid #005cf0
    }
}

@media only screen and (min-width: 1180px) {
    .brand-secondary-outline-desktop {
        border: 1px solid #005cf0
    }
}

.brand-tertiary {
    background: #ae5a6b;
    color: #fff
}

.brand-tertiary h1,
.brand-tertiary h2,
.brand-tertiary h3,
.brand-tertiary h4,
.brand-tertiary h5,
.brand-tertiary .h1,
.brand-tertiary .h2,
.brand-tertiary .h3,
.brand-tertiary .h4,
.brand-tertiary .h5 {
    color: #fff
}

.brand-tertiary a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-tertiary a:hover,
.brand-tertiary a:active,
.brand-tertiary a:focus {
    color: #fff
}

.brand-tertiary .text-muted {
    color: #e9d2d6
}

.brand-tertiary .text-error,
.brand-tertiary .text-info,
.brand-tertiary .text-success {
    color: #fff
}

.brand-tertiary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-tertiary-m {
        background: #ae5a6b;
        color: #fff
    }

    .brand-tertiary-m h1,
    .brand-tertiary-m h2,
    .brand-tertiary-m h3,
    .brand-tertiary-m h4,
    .brand-tertiary-m h5,
    .brand-tertiary-m .h1,
    .brand-tertiary-m .h2,
    .brand-tertiary-m .h3,
    .brand-tertiary-m .h4,
    .brand-tertiary-m .h5 {
        color: #fff
    }

    .brand-tertiary-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tertiary-m a:hover,
    .brand-tertiary-m a:active,
    .brand-tertiary-m a:focus {
        color: #fff
    }

    .brand-tertiary-m .text-muted {
        color: #e9d2d6
    }

    .brand-tertiary-m .text-error,
    .brand-tertiary-m .text-info,
    .brand-tertiary-m .text-success {
        color: #fff
    }

    .brand-tertiary-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-tertiary-d {
        background: #ae5a6b;
        color: #fff
    }

    .brand-tertiary-d h1,
    .brand-tertiary-d h2,
    .brand-tertiary-d h3,
    .brand-tertiary-d h4,
    .brand-tertiary-d h5,
    .brand-tertiary-d .h1,
    .brand-tertiary-d .h2,
    .brand-tertiary-d .h3,
    .brand-tertiary-d .h4,
    .brand-tertiary-d .h5 {
        color: #fff
    }

    .brand-tertiary-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tertiary-d a:hover,
    .brand-tertiary-d a:active,
    .brand-tertiary-d a:focus {
        color: #fff
    }

    .brand-tertiary-d .text-muted {
        color: #e9d2d6
    }

    .brand-tertiary-d .text-error,
    .brand-tertiary-d .text-info,
    .brand-tertiary-d .text-success {
        color: #fff
    }

    .brand-tertiary-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-tertiary-tablet {
        background: #ae5a6b;
        color: #fff
    }

    .brand-tertiary-tablet h1,
    .brand-tertiary-tablet h2,
    .brand-tertiary-tablet h3,
    .brand-tertiary-tablet h4,
    .brand-tertiary-tablet h5,
    .brand-tertiary-tablet .h1,
    .brand-tertiary-tablet .h2,
    .brand-tertiary-tablet .h3,
    .brand-tertiary-tablet .h4,
    .brand-tertiary-tablet .h5 {
        color: #fff
    }

    .brand-tertiary-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tertiary-tablet a:hover,
    .brand-tertiary-tablet a:active,
    .brand-tertiary-tablet a:focus {
        color: #fff
    }

    .brand-tertiary-tablet .text-muted {
        color: #e9d2d6
    }

    .brand-tertiary-tablet .text-error,
    .brand-tertiary-tablet .text-info,
    .brand-tertiary-tablet .text-success {
        color: #fff
    }

    .brand-tertiary-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-tertiary-desktop {
        background: #ae5a6b;
        color: #fff
    }

    .brand-tertiary-desktop h1,
    .brand-tertiary-desktop h2,
    .brand-tertiary-desktop h3,
    .brand-tertiary-desktop h4,
    .brand-tertiary-desktop h5,
    .brand-tertiary-desktop .h1,
    .brand-tertiary-desktop .h2,
    .brand-tertiary-desktop .h3,
    .brand-tertiary-desktop .h4,
    .brand-tertiary-desktop .h5 {
        color: #fff
    }

    .brand-tertiary-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tertiary-desktop a:hover,
    .brand-tertiary-desktop a:active,
    .brand-tertiary-desktop a:focus {
        color: #fff
    }

    .brand-tertiary-desktop .text-muted {
        color: #e9d2d6
    }

    .brand-tertiary-desktop .text-error,
    .brand-tertiary-desktop .text-info,
    .brand-tertiary-desktop .text-success {
        color: #fff
    }

    .brand-tertiary-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-tertiary-transparent {
    background: rgba(174, 90, 107, 0.5);
    color: #fff
}

.brand-tertiary-transparent h1,
.brand-tertiary-transparent h2,
.brand-tertiary-transparent h3,
.brand-tertiary-transparent h4,
.brand-tertiary-transparent h5,
.brand-tertiary-transparent .h1,
.brand-tertiary-transparent .h2,
.brand-tertiary-transparent .h3,
.brand-tertiary-transparent .h4,
.brand-tertiary-transparent .h5 {
    color: #fff
}

.brand-tertiary-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-tertiary-transparent a:hover,
.brand-tertiary-transparent a:active,
.brand-tertiary-transparent a:focus {
    color: #fff
}

.brand-tertiary-transparent .text-muted {
    color: rgba(233, 210, 214, 0.5)
}

.brand-tertiary-transparent .text-error,
.brand-tertiary-transparent .text-info,
.brand-tertiary-transparent .text-success {
    color: #fff
}

.brand-tertiary-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-tertiary-transparent-m {
        background: rgba(174, 90, 107, 0.5);
        color: #fff
    }

    .brand-tertiary-transparent-m h1,
    .brand-tertiary-transparent-m h2,
    .brand-tertiary-transparent-m h3,
    .brand-tertiary-transparent-m h4,
    .brand-tertiary-transparent-m h5,
    .brand-tertiary-transparent-m .h1,
    .brand-tertiary-transparent-m .h2,
    .brand-tertiary-transparent-m .h3,
    .brand-tertiary-transparent-m .h4,
    .brand-tertiary-transparent-m .h5 {
        color: #fff
    }

    .brand-tertiary-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tertiary-transparent-m a:hover,
    .brand-tertiary-transparent-m a:active,
    .brand-tertiary-transparent-m a:focus {
        color: #fff
    }

    .brand-tertiary-transparent-m .text-muted {
        color: rgba(233, 210, 214, 0.5)
    }

    .brand-tertiary-transparent-m .text-error,
    .brand-tertiary-transparent-m .text-info,
    .brand-tertiary-transparent-m .text-success {
        color: #fff
    }

    .brand-tertiary-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-tertiary-transparent-d {
        background: rgba(174, 90, 107, 0.5);
        color: #fff
    }

    .brand-tertiary-transparent-d h1,
    .brand-tertiary-transparent-d h2,
    .brand-tertiary-transparent-d h3,
    .brand-tertiary-transparent-d h4,
    .brand-tertiary-transparent-d h5,
    .brand-tertiary-transparent-d .h1,
    .brand-tertiary-transparent-d .h2,
    .brand-tertiary-transparent-d .h3,
    .brand-tertiary-transparent-d .h4,
    .brand-tertiary-transparent-d .h5 {
        color: #fff
    }

    .brand-tertiary-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tertiary-transparent-d a:hover,
    .brand-tertiary-transparent-d a:active,
    .brand-tertiary-transparent-d a:focus {
        color: #fff
    }

    .brand-tertiary-transparent-d .text-muted {
        color: rgba(233, 210, 214, 0.5)
    }

    .brand-tertiary-transparent-d .text-error,
    .brand-tertiary-transparent-d .text-info,
    .brand-tertiary-transparent-d .text-success {
        color: #fff
    }

    .brand-tertiary-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-tertiary-transparent-tablet {
        background: rgba(174, 90, 107, 0.5);
        color: #fff
    }

    .brand-tertiary-transparent-tablet h1,
    .brand-tertiary-transparent-tablet h2,
    .brand-tertiary-transparent-tablet h3,
    .brand-tertiary-transparent-tablet h4,
    .brand-tertiary-transparent-tablet h5,
    .brand-tertiary-transparent-tablet .h1,
    .brand-tertiary-transparent-tablet .h2,
    .brand-tertiary-transparent-tablet .h3,
    .brand-tertiary-transparent-tablet .h4,
    .brand-tertiary-transparent-tablet .h5 {
        color: #fff
    }

    .brand-tertiary-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tertiary-transparent-tablet a:hover,
    .brand-tertiary-transparent-tablet a:active,
    .brand-tertiary-transparent-tablet a:focus {
        color: #fff
    }

    .brand-tertiary-transparent-tablet .text-muted {
        color: rgba(233, 210, 214, 0.5)
    }

    .brand-tertiary-transparent-tablet .text-error,
    .brand-tertiary-transparent-tablet .text-info,
    .brand-tertiary-transparent-tablet .text-success {
        color: #fff
    }

    .brand-tertiary-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-tertiary-transparent-desktop {
        background: rgba(174, 90, 107, 0.5);
        color: #fff
    }

    .brand-tertiary-transparent-desktop h1,
    .brand-tertiary-transparent-desktop h2,
    .brand-tertiary-transparent-desktop h3,
    .brand-tertiary-transparent-desktop h4,
    .brand-tertiary-transparent-desktop h5,
    .brand-tertiary-transparent-desktop .h1,
    .brand-tertiary-transparent-desktop .h2,
    .brand-tertiary-transparent-desktop .h3,
    .brand-tertiary-transparent-desktop .h4,
    .brand-tertiary-transparent-desktop .h5 {
        color: #fff
    }

    .brand-tertiary-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tertiary-transparent-desktop a:hover,
    .brand-tertiary-transparent-desktop a:active,
    .brand-tertiary-transparent-desktop a:focus {
        color: #fff
    }

    .brand-tertiary-transparent-desktop .text-muted {
        color: rgba(233, 210, 214, 0.5)
    }

    .brand-tertiary-transparent-desktop .text-error,
    .brand-tertiary-transparent-desktop .text-info,
    .brand-tertiary-transparent-desktop .text-success {
        color: #fff
    }

    .brand-tertiary-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-tertiary-outline {
    border: 1px solid #ae5a6b
}

@media only screen and (max-width: 640px) {
    .brand-tertiary-outline-m {
        border: 1px solid #ae5a6b
    }
}

@media only screen and (min-width: 640px) {
    .brand-tertiary-outline-d {
        border: 1px solid #ae5a6b
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-tertiary-outline-tablet {
        border: 1px solid #ae5a6b
    }
}

@media only screen and (min-width: 1180px) {
    .brand-tertiary-outline-desktop {
        border: 1px solid #ae5a6b
    }
}

.brand-quaternary {
    background: #1d2473;
    color: #fff
}

.brand-quaternary h1,
.brand-quaternary h2,
.brand-quaternary h3,
.brand-quaternary h4,
.brand-quaternary h5,
.brand-quaternary .h1,
.brand-quaternary .h2,
.brand-quaternary .h3,
.brand-quaternary .h4,
.brand-quaternary .h5 {
    color: #fff
}

.brand-quaternary a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-quaternary a:hover,
.brand-quaternary a:active,
.brand-quaternary a:focus {
    color: #fff
}

.brand-quaternary .text-muted {
    color: #6972d9
}

.brand-quaternary .text-error,
.brand-quaternary .text-info,
.brand-quaternary .text-success {
    color: #fff
}

.brand-quaternary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-quaternary-m {
        background: #1d2473;
        color: #fff
    }

    .brand-quaternary-m h1,
    .brand-quaternary-m h2,
    .brand-quaternary-m h3,
    .brand-quaternary-m h4,
    .brand-quaternary-m h5,
    .brand-quaternary-m .h1,
    .brand-quaternary-m .h2,
    .brand-quaternary-m .h3,
    .brand-quaternary-m .h4,
    .brand-quaternary-m .h5 {
        color: #fff
    }

    .brand-quaternary-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quaternary-m a:hover,
    .brand-quaternary-m a:active,
    .brand-quaternary-m a:focus {
        color: #fff
    }

    .brand-quaternary-m .text-muted {
        color: #6972d9
    }

    .brand-quaternary-m .text-error,
    .brand-quaternary-m .text-info,
    .brand-quaternary-m .text-success {
        color: #fff
    }

    .brand-quaternary-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-quaternary-d {
        background: #1d2473;
        color: #fff
    }

    .brand-quaternary-d h1,
    .brand-quaternary-d h2,
    .brand-quaternary-d h3,
    .brand-quaternary-d h4,
    .brand-quaternary-d h5,
    .brand-quaternary-d .h1,
    .brand-quaternary-d .h2,
    .brand-quaternary-d .h3,
    .brand-quaternary-d .h4,
    .brand-quaternary-d .h5 {
        color: #fff
    }

    .brand-quaternary-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quaternary-d a:hover,
    .brand-quaternary-d a:active,
    .brand-quaternary-d a:focus {
        color: #fff
    }

    .brand-quaternary-d .text-muted {
        color: #6972d9
    }

    .brand-quaternary-d .text-error,
    .brand-quaternary-d .text-info,
    .brand-quaternary-d .text-success {
        color: #fff
    }

    .brand-quaternary-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-quaternary-tablet {
        background: #1d2473;
        color: #fff
    }

    .brand-quaternary-tablet h1,
    .brand-quaternary-tablet h2,
    .brand-quaternary-tablet h3,
    .brand-quaternary-tablet h4,
    .brand-quaternary-tablet h5,
    .brand-quaternary-tablet .h1,
    .brand-quaternary-tablet .h2,
    .brand-quaternary-tablet .h3,
    .brand-quaternary-tablet .h4,
    .brand-quaternary-tablet .h5 {
        color: #fff
    }

    .brand-quaternary-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quaternary-tablet a:hover,
    .brand-quaternary-tablet a:active,
    .brand-quaternary-tablet a:focus {
        color: #fff
    }

    .brand-quaternary-tablet .text-muted {
        color: #6972d9
    }

    .brand-quaternary-tablet .text-error,
    .brand-quaternary-tablet .text-info,
    .brand-quaternary-tablet .text-success {
        color: #fff
    }

    .brand-quaternary-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-quaternary-desktop {
        background: #1d2473;
        color: #fff
    }

    .brand-quaternary-desktop h1,
    .brand-quaternary-desktop h2,
    .brand-quaternary-desktop h3,
    .brand-quaternary-desktop h4,
    .brand-quaternary-desktop h5,
    .brand-quaternary-desktop .h1,
    .brand-quaternary-desktop .h2,
    .brand-quaternary-desktop .h3,
    .brand-quaternary-desktop .h4,
    .brand-quaternary-desktop .h5 {
        color: #fff
    }

    .brand-quaternary-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quaternary-desktop a:hover,
    .brand-quaternary-desktop a:active,
    .brand-quaternary-desktop a:focus {
        color: #fff
    }

    .brand-quaternary-desktop .text-muted {
        color: #6972d9
    }

    .brand-quaternary-desktop .text-error,
    .brand-quaternary-desktop .text-info,
    .brand-quaternary-desktop .text-success {
        color: #fff
    }

    .brand-quaternary-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-quaternary-transparent {
    background: rgba(29, 36, 115, 0.5);
    color: #fff
}

.brand-quaternary-transparent h1,
.brand-quaternary-transparent h2,
.brand-quaternary-transparent h3,
.brand-quaternary-transparent h4,
.brand-quaternary-transparent h5,
.brand-quaternary-transparent .h1,
.brand-quaternary-transparent .h2,
.brand-quaternary-transparent .h3,
.brand-quaternary-transparent .h4,
.brand-quaternary-transparent .h5 {
    color: #fff
}

.brand-quaternary-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-quaternary-transparent a:hover,
.brand-quaternary-transparent a:active,
.brand-quaternary-transparent a:focus {
    color: #fff
}

.brand-quaternary-transparent .text-muted {
    color: rgba(105, 114, 217, 0.5)
}

.brand-quaternary-transparent .text-error,
.brand-quaternary-transparent .text-info,
.brand-quaternary-transparent .text-success {
    color: #fff
}

.brand-quaternary-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-quaternary-transparent-m {
        background: rgba(29, 36, 115, 0.5);
        color: #fff
    }

    .brand-quaternary-transparent-m h1,
    .brand-quaternary-transparent-m h2,
    .brand-quaternary-transparent-m h3,
    .brand-quaternary-transparent-m h4,
    .brand-quaternary-transparent-m h5,
    .brand-quaternary-transparent-m .h1,
    .brand-quaternary-transparent-m .h2,
    .brand-quaternary-transparent-m .h3,
    .brand-quaternary-transparent-m .h4,
    .brand-quaternary-transparent-m .h5 {
        color: #fff
    }

    .brand-quaternary-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quaternary-transparent-m a:hover,
    .brand-quaternary-transparent-m a:active,
    .brand-quaternary-transparent-m a:focus {
        color: #fff
    }

    .brand-quaternary-transparent-m .text-muted {
        color: rgba(105, 114, 217, 0.5)
    }

    .brand-quaternary-transparent-m .text-error,
    .brand-quaternary-transparent-m .text-info,
    .brand-quaternary-transparent-m .text-success {
        color: #fff
    }

    .brand-quaternary-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-quaternary-transparent-d {
        background: rgba(29, 36, 115, 0.5);
        color: #fff
    }

    .brand-quaternary-transparent-d h1,
    .brand-quaternary-transparent-d h2,
    .brand-quaternary-transparent-d h3,
    .brand-quaternary-transparent-d h4,
    .brand-quaternary-transparent-d h5,
    .brand-quaternary-transparent-d .h1,
    .brand-quaternary-transparent-d .h2,
    .brand-quaternary-transparent-d .h3,
    .brand-quaternary-transparent-d .h4,
    .brand-quaternary-transparent-d .h5 {
        color: #fff
    }

    .brand-quaternary-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quaternary-transparent-d a:hover,
    .brand-quaternary-transparent-d a:active,
    .brand-quaternary-transparent-d a:focus {
        color: #fff
    }

    .brand-quaternary-transparent-d .text-muted {
        color: rgba(105, 114, 217, 0.5)
    }

    .brand-quaternary-transparent-d .text-error,
    .brand-quaternary-transparent-d .text-info,
    .brand-quaternary-transparent-d .text-success {
        color: #fff
    }

    .brand-quaternary-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-quaternary-transparent-tablet {
        background: rgba(29, 36, 115, 0.5);
        color: #fff
    }

    .brand-quaternary-transparent-tablet h1,
    .brand-quaternary-transparent-tablet h2,
    .brand-quaternary-transparent-tablet h3,
    .brand-quaternary-transparent-tablet h4,
    .brand-quaternary-transparent-tablet h5,
    .brand-quaternary-transparent-tablet .h1,
    .brand-quaternary-transparent-tablet .h2,
    .brand-quaternary-transparent-tablet .h3,
    .brand-quaternary-transparent-tablet .h4,
    .brand-quaternary-transparent-tablet .h5 {
        color: #fff
    }

    .brand-quaternary-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quaternary-transparent-tablet a:hover,
    .brand-quaternary-transparent-tablet a:active,
    .brand-quaternary-transparent-tablet a:focus {
        color: #fff
    }

    .brand-quaternary-transparent-tablet .text-muted {
        color: rgba(105, 114, 217, 0.5)
    }

    .brand-quaternary-transparent-tablet .text-error,
    .brand-quaternary-transparent-tablet .text-info,
    .brand-quaternary-transparent-tablet .text-success {
        color: #fff
    }

    .brand-quaternary-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-quaternary-transparent-desktop {
        background: rgba(29, 36, 115, 0.5);
        color: #fff
    }

    .brand-quaternary-transparent-desktop h1,
    .brand-quaternary-transparent-desktop h2,
    .brand-quaternary-transparent-desktop h3,
    .brand-quaternary-transparent-desktop h4,
    .brand-quaternary-transparent-desktop h5,
    .brand-quaternary-transparent-desktop .h1,
    .brand-quaternary-transparent-desktop .h2,
    .brand-quaternary-transparent-desktop .h3,
    .brand-quaternary-transparent-desktop .h4,
    .brand-quaternary-transparent-desktop .h5 {
        color: #fff
    }

    .brand-quaternary-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quaternary-transparent-desktop a:hover,
    .brand-quaternary-transparent-desktop a:active,
    .brand-quaternary-transparent-desktop a:focus {
        color: #fff
    }

    .brand-quaternary-transparent-desktop .text-muted {
        color: rgba(105, 114, 217, 0.5)
    }

    .brand-quaternary-transparent-desktop .text-error,
    .brand-quaternary-transparent-desktop .text-info,
    .brand-quaternary-transparent-desktop .text-success {
        color: #fff
    }

    .brand-quaternary-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-quaternary-outline {
    border: 1px solid #1d2473
}

@media only screen and (max-width: 640px) {
    .brand-quaternary-outline-m {
        border: 1px solid #1d2473
    }
}

@media only screen and (min-width: 640px) {
    .brand-quaternary-outline-d {
        border: 1px solid #1d2473
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-quaternary-outline-tablet {
        border: 1px solid #1d2473
    }
}

@media only screen and (min-width: 1180px) {
    .brand-quaternary-outline-desktop {
        border: 1px solid #1d2473
    }
}

.brand-quinary {
    background: #959598;
    color: #fff
}

.brand-quinary h1,
.brand-quinary h2,
.brand-quinary h3,
.brand-quinary h4,
.brand-quinary h5,
.brand-quinary .h1,
.brand-quinary .h2,
.brand-quinary .h3,
.brand-quinary .h4,
.brand-quinary .h5 {
    color: #fff
}

.brand-quinary a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-quinary a:hover,
.brand-quinary a:active,
.brand-quinary a:focus {
    color: #fff
}

.brand-quinary .text-muted {
    color: #f0f0f0
}

.brand-quinary .text-error,
.brand-quinary .text-info,
.brand-quinary .text-success {
    color: #fff
}

.brand-quinary>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-quinary-m {
        background: #959598;
        color: #fff
    }

    .brand-quinary-m h1,
    .brand-quinary-m h2,
    .brand-quinary-m h3,
    .brand-quinary-m h4,
    .brand-quinary-m h5,
    .brand-quinary-m .h1,
    .brand-quinary-m .h2,
    .brand-quinary-m .h3,
    .brand-quinary-m .h4,
    .brand-quinary-m .h5 {
        color: #fff
    }

    .brand-quinary-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quinary-m a:hover,
    .brand-quinary-m a:active,
    .brand-quinary-m a:focus {
        color: #fff
    }

    .brand-quinary-m .text-muted {
        color: #f0f0f0
    }

    .brand-quinary-m .text-error,
    .brand-quinary-m .text-info,
    .brand-quinary-m .text-success {
        color: #fff
    }

    .brand-quinary-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-quinary-d {
        background: #959598;
        color: #fff
    }

    .brand-quinary-d h1,
    .brand-quinary-d h2,
    .brand-quinary-d h3,
    .brand-quinary-d h4,
    .brand-quinary-d h5,
    .brand-quinary-d .h1,
    .brand-quinary-d .h2,
    .brand-quinary-d .h3,
    .brand-quinary-d .h4,
    .brand-quinary-d .h5 {
        color: #fff
    }

    .brand-quinary-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quinary-d a:hover,
    .brand-quinary-d a:active,
    .brand-quinary-d a:focus {
        color: #fff
    }

    .brand-quinary-d .text-muted {
        color: #f0f0f0
    }

    .brand-quinary-d .text-error,
    .brand-quinary-d .text-info,
    .brand-quinary-d .text-success {
        color: #fff
    }

    .brand-quinary-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-quinary-tablet {
        background: #959598;
        color: #fff
    }

    .brand-quinary-tablet h1,
    .brand-quinary-tablet h2,
    .brand-quinary-tablet h3,
    .brand-quinary-tablet h4,
    .brand-quinary-tablet h5,
    .brand-quinary-tablet .h1,
    .brand-quinary-tablet .h2,
    .brand-quinary-tablet .h3,
    .brand-quinary-tablet .h4,
    .brand-quinary-tablet .h5 {
        color: #fff
    }

    .brand-quinary-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quinary-tablet a:hover,
    .brand-quinary-tablet a:active,
    .brand-quinary-tablet a:focus {
        color: #fff
    }

    .brand-quinary-tablet .text-muted {
        color: #f0f0f0
    }

    .brand-quinary-tablet .text-error,
    .brand-quinary-tablet .text-info,
    .brand-quinary-tablet .text-success {
        color: #fff
    }

    .brand-quinary-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-quinary-desktop {
        background: #959598;
        color: #fff
    }

    .brand-quinary-desktop h1,
    .brand-quinary-desktop h2,
    .brand-quinary-desktop h3,
    .brand-quinary-desktop h4,
    .brand-quinary-desktop h5,
    .brand-quinary-desktop .h1,
    .brand-quinary-desktop .h2,
    .brand-quinary-desktop .h3,
    .brand-quinary-desktop .h4,
    .brand-quinary-desktop .h5 {
        color: #fff
    }

    .brand-quinary-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quinary-desktop a:hover,
    .brand-quinary-desktop a:active,
    .brand-quinary-desktop a:focus {
        color: #fff
    }

    .brand-quinary-desktop .text-muted {
        color: #f0f0f0
    }

    .brand-quinary-desktop .text-error,
    .brand-quinary-desktop .text-info,
    .brand-quinary-desktop .text-success {
        color: #fff
    }

    .brand-quinary-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-quinary-transparent {
    background: rgba(149, 149, 152, 0.5);
    color: #fff
}

.brand-quinary-transparent h1,
.brand-quinary-transparent h2,
.brand-quinary-transparent h3,
.brand-quinary-transparent h4,
.brand-quinary-transparent h5,
.brand-quinary-transparent .h1,
.brand-quinary-transparent .h2,
.brand-quinary-transparent .h3,
.brand-quinary-transparent .h4,
.brand-quinary-transparent .h5 {
    color: #fff
}

.brand-quinary-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-quinary-transparent a:hover,
.brand-quinary-transparent a:active,
.brand-quinary-transparent a:focus {
    color: #fff
}

.brand-quinary-transparent .text-muted {
    color: rgba(240, 240, 240, 0.5)
}

.brand-quinary-transparent .text-error,
.brand-quinary-transparent .text-info,
.brand-quinary-transparent .text-success {
    color: #fff
}

.brand-quinary-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-quinary-transparent-m {
        background: rgba(149, 149, 152, 0.5);
        color: #fff
    }

    .brand-quinary-transparent-m h1,
    .brand-quinary-transparent-m h2,
    .brand-quinary-transparent-m h3,
    .brand-quinary-transparent-m h4,
    .brand-quinary-transparent-m h5,
    .brand-quinary-transparent-m .h1,
    .brand-quinary-transparent-m .h2,
    .brand-quinary-transparent-m .h3,
    .brand-quinary-transparent-m .h4,
    .brand-quinary-transparent-m .h5 {
        color: #fff
    }

    .brand-quinary-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quinary-transparent-m a:hover,
    .brand-quinary-transparent-m a:active,
    .brand-quinary-transparent-m a:focus {
        color: #fff
    }

    .brand-quinary-transparent-m .text-muted {
        color: rgba(240, 240, 240, 0.5)
    }

    .brand-quinary-transparent-m .text-error,
    .brand-quinary-transparent-m .text-info,
    .brand-quinary-transparent-m .text-success {
        color: #fff
    }

    .brand-quinary-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-quinary-transparent-d {
        background: rgba(149, 149, 152, 0.5);
        color: #fff
    }

    .brand-quinary-transparent-d h1,
    .brand-quinary-transparent-d h2,
    .brand-quinary-transparent-d h3,
    .brand-quinary-transparent-d h4,
    .brand-quinary-transparent-d h5,
    .brand-quinary-transparent-d .h1,
    .brand-quinary-transparent-d .h2,
    .brand-quinary-transparent-d .h3,
    .brand-quinary-transparent-d .h4,
    .brand-quinary-transparent-d .h5 {
        color: #fff
    }

    .brand-quinary-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quinary-transparent-d a:hover,
    .brand-quinary-transparent-d a:active,
    .brand-quinary-transparent-d a:focus {
        color: #fff
    }

    .brand-quinary-transparent-d .text-muted {
        color: rgba(240, 240, 240, 0.5)
    }

    .brand-quinary-transparent-d .text-error,
    .brand-quinary-transparent-d .text-info,
    .brand-quinary-transparent-d .text-success {
        color: #fff
    }

    .brand-quinary-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-quinary-transparent-tablet {
        background: rgba(149, 149, 152, 0.5);
        color: #fff
    }

    .brand-quinary-transparent-tablet h1,
    .brand-quinary-transparent-tablet h2,
    .brand-quinary-transparent-tablet h3,
    .brand-quinary-transparent-tablet h4,
    .brand-quinary-transparent-tablet h5,
    .brand-quinary-transparent-tablet .h1,
    .brand-quinary-transparent-tablet .h2,
    .brand-quinary-transparent-tablet .h3,
    .brand-quinary-transparent-tablet .h4,
    .brand-quinary-transparent-tablet .h5 {
        color: #fff
    }

    .brand-quinary-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quinary-transparent-tablet a:hover,
    .brand-quinary-transparent-tablet a:active,
    .brand-quinary-transparent-tablet a:focus {
        color: #fff
    }

    .brand-quinary-transparent-tablet .text-muted {
        color: rgba(240, 240, 240, 0.5)
    }

    .brand-quinary-transparent-tablet .text-error,
    .brand-quinary-transparent-tablet .text-info,
    .brand-quinary-transparent-tablet .text-success {
        color: #fff
    }

    .brand-quinary-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-quinary-transparent-desktop {
        background: rgba(149, 149, 152, 0.5);
        color: #fff
    }

    .brand-quinary-transparent-desktop h1,
    .brand-quinary-transparent-desktop h2,
    .brand-quinary-transparent-desktop h3,
    .brand-quinary-transparent-desktop h4,
    .brand-quinary-transparent-desktop h5,
    .brand-quinary-transparent-desktop .h1,
    .brand-quinary-transparent-desktop .h2,
    .brand-quinary-transparent-desktop .h3,
    .brand-quinary-transparent-desktop .h4,
    .brand-quinary-transparent-desktop .h5 {
        color: #fff
    }

    .brand-quinary-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-quinary-transparent-desktop a:hover,
    .brand-quinary-transparent-desktop a:active,
    .brand-quinary-transparent-desktop a:focus {
        color: #fff
    }

    .brand-quinary-transparent-desktop .text-muted {
        color: rgba(240, 240, 240, 0.5)
    }

    .brand-quinary-transparent-desktop .text-error,
    .brand-quinary-transparent-desktop .text-info,
    .brand-quinary-transparent-desktop .text-success {
        color: #fff
    }

    .brand-quinary-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-quinary-outline {
    border: 1px solid #959598
}

@media only screen and (max-width: 640px) {
    .brand-quinary-outline-m {
        border: 1px solid #959598
    }
}

@media only screen and (min-width: 640px) {
    .brand-quinary-outline-d {
        border: 1px solid #959598
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-quinary-outline-tablet {
        border: 1px solid #959598
    }
}

@media only screen and (min-width: 1180px) {
    .brand-quinary-outline-desktop {
        border: 1px solid #959598
    }
}

.brand-error {
    background: #df4e4e;
    color: #fff
}

.brand-error h1,
.brand-error h2,
.brand-error h3,
.brand-error h4,
.brand-error h5,
.brand-error .h1,
.brand-error .h2,
.brand-error .h3,
.brand-error .h4,
.brand-error .h5 {
    color: #fff
}

.brand-error a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-error a:hover,
.brand-error a:active,
.brand-error a:focus {
    color: #fff
}

.brand-error .text-muted {
    color: #fae5e5
}

.brand-error .text-error,
.brand-error .text-info,
.brand-error .text-success {
    color: #fff
}

.brand-error>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-error-m {
        background: #df4e4e;
        color: #fff
    }

    .brand-error-m h1,
    .brand-error-m h2,
    .brand-error-m h3,
    .brand-error-m h4,
    .brand-error-m h5,
    .brand-error-m .h1,
    .brand-error-m .h2,
    .brand-error-m .h3,
    .brand-error-m .h4,
    .brand-error-m .h5 {
        color: #fff
    }

    .brand-error-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-error-m a:hover,
    .brand-error-m a:active,
    .brand-error-m a:focus {
        color: #fff
    }

    .brand-error-m .text-muted {
        color: #fae5e5
    }

    .brand-error-m .text-error,
    .brand-error-m .text-info,
    .brand-error-m .text-success {
        color: #fff
    }

    .brand-error-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-error-d {
        background: #df4e4e;
        color: #fff
    }

    .brand-error-d h1,
    .brand-error-d h2,
    .brand-error-d h3,
    .brand-error-d h4,
    .brand-error-d h5,
    .brand-error-d .h1,
    .brand-error-d .h2,
    .brand-error-d .h3,
    .brand-error-d .h4,
    .brand-error-d .h5 {
        color: #fff
    }

    .brand-error-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-error-d a:hover,
    .brand-error-d a:active,
    .brand-error-d a:focus {
        color: #fff
    }

    .brand-error-d .text-muted {
        color: #fae5e5
    }

    .brand-error-d .text-error,
    .brand-error-d .text-info,
    .brand-error-d .text-success {
        color: #fff
    }

    .brand-error-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-error-tablet {
        background: #df4e4e;
        color: #fff
    }

    .brand-error-tablet h1,
    .brand-error-tablet h2,
    .brand-error-tablet h3,
    .brand-error-tablet h4,
    .brand-error-tablet h5,
    .brand-error-tablet .h1,
    .brand-error-tablet .h2,
    .brand-error-tablet .h3,
    .brand-error-tablet .h4,
    .brand-error-tablet .h5 {
        color: #fff
    }

    .brand-error-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-error-tablet a:hover,
    .brand-error-tablet a:active,
    .brand-error-tablet a:focus {
        color: #fff
    }

    .brand-error-tablet .text-muted {
        color: #fae5e5
    }

    .brand-error-tablet .text-error,
    .brand-error-tablet .text-info,
    .brand-error-tablet .text-success {
        color: #fff
    }

    .brand-error-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-error-desktop {
        background: #df4e4e;
        color: #fff
    }

    .brand-error-desktop h1,
    .brand-error-desktop h2,
    .brand-error-desktop h3,
    .brand-error-desktop h4,
    .brand-error-desktop h5,
    .brand-error-desktop .h1,
    .brand-error-desktop .h2,
    .brand-error-desktop .h3,
    .brand-error-desktop .h4,
    .brand-error-desktop .h5 {
        color: #fff
    }

    .brand-error-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-error-desktop a:hover,
    .brand-error-desktop a:active,
    .brand-error-desktop a:focus {
        color: #fff
    }

    .brand-error-desktop .text-muted {
        color: #fae5e5
    }

    .brand-error-desktop .text-error,
    .brand-error-desktop .text-info,
    .brand-error-desktop .text-success {
        color: #fff
    }

    .brand-error-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-error-transparent {
    background: rgba(223, 78, 78, 0.5);
    color: #fff
}

.brand-error-transparent h1,
.brand-error-transparent h2,
.brand-error-transparent h3,
.brand-error-transparent h4,
.brand-error-transparent h5,
.brand-error-transparent .h1,
.brand-error-transparent .h2,
.brand-error-transparent .h3,
.brand-error-transparent .h4,
.brand-error-transparent .h5 {
    color: #fff
}

.brand-error-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-error-transparent a:hover,
.brand-error-transparent a:active,
.brand-error-transparent a:focus {
    color: #fff
}

.brand-error-transparent .text-muted {
    color: rgba(250, 229, 229, 0.5)
}

.brand-error-transparent .text-error,
.brand-error-transparent .text-info,
.brand-error-transparent .text-success {
    color: #fff
}

.brand-error-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-error-transparent-m {
        background: rgba(223, 78, 78, 0.5);
        color: #fff
    }

    .brand-error-transparent-m h1,
    .brand-error-transparent-m h2,
    .brand-error-transparent-m h3,
    .brand-error-transparent-m h4,
    .brand-error-transparent-m h5,
    .brand-error-transparent-m .h1,
    .brand-error-transparent-m .h2,
    .brand-error-transparent-m .h3,
    .brand-error-transparent-m .h4,
    .brand-error-transparent-m .h5 {
        color: #fff
    }

    .brand-error-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-error-transparent-m a:hover,
    .brand-error-transparent-m a:active,
    .brand-error-transparent-m a:focus {
        color: #fff
    }

    .brand-error-transparent-m .text-muted {
        color: rgba(250, 229, 229, 0.5)
    }

    .brand-error-transparent-m .text-error,
    .brand-error-transparent-m .text-info,
    .brand-error-transparent-m .text-success {
        color: #fff
    }

    .brand-error-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-error-transparent-d {
        background: rgba(223, 78, 78, 0.5);
        color: #fff
    }

    .brand-error-transparent-d h1,
    .brand-error-transparent-d h2,
    .brand-error-transparent-d h3,
    .brand-error-transparent-d h4,
    .brand-error-transparent-d h5,
    .brand-error-transparent-d .h1,
    .brand-error-transparent-d .h2,
    .brand-error-transparent-d .h3,
    .brand-error-transparent-d .h4,
    .brand-error-transparent-d .h5 {
        color: #fff
    }

    .brand-error-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-error-transparent-d a:hover,
    .brand-error-transparent-d a:active,
    .brand-error-transparent-d a:focus {
        color: #fff
    }

    .brand-error-transparent-d .text-muted {
        color: rgba(250, 229, 229, 0.5)
    }

    .brand-error-transparent-d .text-error,
    .brand-error-transparent-d .text-info,
    .brand-error-transparent-d .text-success {
        color: #fff
    }

    .brand-error-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-error-transparent-tablet {
        background: rgba(223, 78, 78, 0.5);
        color: #fff
    }

    .brand-error-transparent-tablet h1,
    .brand-error-transparent-tablet h2,
    .brand-error-transparent-tablet h3,
    .brand-error-transparent-tablet h4,
    .brand-error-transparent-tablet h5,
    .brand-error-transparent-tablet .h1,
    .brand-error-transparent-tablet .h2,
    .brand-error-transparent-tablet .h3,
    .brand-error-transparent-tablet .h4,
    .brand-error-transparent-tablet .h5 {
        color: #fff
    }

    .brand-error-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-error-transparent-tablet a:hover,
    .brand-error-transparent-tablet a:active,
    .brand-error-transparent-tablet a:focus {
        color: #fff
    }

    .brand-error-transparent-tablet .text-muted {
        color: rgba(250, 229, 229, 0.5)
    }

    .brand-error-transparent-tablet .text-error,
    .brand-error-transparent-tablet .text-info,
    .brand-error-transparent-tablet .text-success {
        color: #fff
    }

    .brand-error-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-error-transparent-desktop {
        background: rgba(223, 78, 78, 0.5);
        color: #fff
    }

    .brand-error-transparent-desktop h1,
    .brand-error-transparent-desktop h2,
    .brand-error-transparent-desktop h3,
    .brand-error-transparent-desktop h4,
    .brand-error-transparent-desktop h5,
    .brand-error-transparent-desktop .h1,
    .brand-error-transparent-desktop .h2,
    .brand-error-transparent-desktop .h3,
    .brand-error-transparent-desktop .h4,
    .brand-error-transparent-desktop .h5 {
        color: #fff
    }

    .brand-error-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-error-transparent-desktop a:hover,
    .brand-error-transparent-desktop a:active,
    .brand-error-transparent-desktop a:focus {
        color: #fff
    }

    .brand-error-transparent-desktop .text-muted {
        color: rgba(250, 229, 229, 0.5)
    }

    .brand-error-transparent-desktop .text-error,
    .brand-error-transparent-desktop .text-info,
    .brand-error-transparent-desktop .text-success {
        color: #fff
    }

    .brand-error-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-error-outline {
    border: 1px solid #df4e4e
}

@media only screen and (max-width: 640px) {
    .brand-error-outline-m {
        border: 1px solid #df4e4e
    }
}

@media only screen and (min-width: 640px) {
    .brand-error-outline-d {
        border: 1px solid #df4e4e
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-error-outline-tablet {
        border: 1px solid #df4e4e
    }
}

@media only screen and (min-width: 1180px) {
    .brand-error-outline-desktop {
        border: 1px solid #df4e4e
    }
}

.brand-success {
    background: #88b22d;
    color: #fff
}

.brand-success h1,
.brand-success h2,
.brand-success h3,
.brand-success h4,
.brand-success h5,
.brand-success .h1,
.brand-success .h2,
.brand-success .h3,
.brand-success .h4,
.brand-success .h5 {
    color: #fff
}

.brand-success a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-success a:hover,
.brand-success a:active,
.brand-success a:focus {
    color: #fff
}

.brand-success .text-muted {
    color: #d5e9a8
}

.brand-success .text-error,
.brand-success .text-info,
.brand-success .text-success {
    color: #fff
}

.brand-success>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-success-m {
        background: #88b22d;
        color: #fff
    }

    .brand-success-m h1,
    .brand-success-m h2,
    .brand-success-m h3,
    .brand-success-m h4,
    .brand-success-m h5,
    .brand-success-m .h1,
    .brand-success-m .h2,
    .brand-success-m .h3,
    .brand-success-m .h4,
    .brand-success-m .h5 {
        color: #fff
    }

    .brand-success-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-success-m a:hover,
    .brand-success-m a:active,
    .brand-success-m a:focus {
        color: #fff
    }

    .brand-success-m .text-muted {
        color: #d5e9a8
    }

    .brand-success-m .text-error,
    .brand-success-m .text-info,
    .brand-success-m .text-success {
        color: #fff
    }

    .brand-success-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-success-d {
        background: #88b22d;
        color: #fff
    }

    .brand-success-d h1,
    .brand-success-d h2,
    .brand-success-d h3,
    .brand-success-d h4,
    .brand-success-d h5,
    .brand-success-d .h1,
    .brand-success-d .h2,
    .brand-success-d .h3,
    .brand-success-d .h4,
    .brand-success-d .h5 {
        color: #fff
    }

    .brand-success-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-success-d a:hover,
    .brand-success-d a:active,
    .brand-success-d a:focus {
        color: #fff
    }

    .brand-success-d .text-muted {
        color: #d5e9a8
    }

    .brand-success-d .text-error,
    .brand-success-d .text-info,
    .brand-success-d .text-success {
        color: #fff
    }

    .brand-success-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-success-tablet {
        background: #88b22d;
        color: #fff
    }

    .brand-success-tablet h1,
    .brand-success-tablet h2,
    .brand-success-tablet h3,
    .brand-success-tablet h4,
    .brand-success-tablet h5,
    .brand-success-tablet .h1,
    .brand-success-tablet .h2,
    .brand-success-tablet .h3,
    .brand-success-tablet .h4,
    .brand-success-tablet .h5 {
        color: #fff
    }

    .brand-success-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-success-tablet a:hover,
    .brand-success-tablet a:active,
    .brand-success-tablet a:focus {
        color: #fff
    }

    .brand-success-tablet .text-muted {
        color: #d5e9a8
    }

    .brand-success-tablet .text-error,
    .brand-success-tablet .text-info,
    .brand-success-tablet .text-success {
        color: #fff
    }

    .brand-success-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-success-desktop {
        background: #88b22d;
        color: #fff
    }

    .brand-success-desktop h1,
    .brand-success-desktop h2,
    .brand-success-desktop h3,
    .brand-success-desktop h4,
    .brand-success-desktop h5,
    .brand-success-desktop .h1,
    .brand-success-desktop .h2,
    .brand-success-desktop .h3,
    .brand-success-desktop .h4,
    .brand-success-desktop .h5 {
        color: #fff
    }

    .brand-success-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-success-desktop a:hover,
    .brand-success-desktop a:active,
    .brand-success-desktop a:focus {
        color: #fff
    }

    .brand-success-desktop .text-muted {
        color: #d5e9a8
    }

    .brand-success-desktop .text-error,
    .brand-success-desktop .text-info,
    .brand-success-desktop .text-success {
        color: #fff
    }

    .brand-success-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-success-transparent {
    background: rgba(136, 178, 45, 0.5);
    color: #fff
}

.brand-success-transparent h1,
.brand-success-transparent h2,
.brand-success-transparent h3,
.brand-success-transparent h4,
.brand-success-transparent h5,
.brand-success-transparent .h1,
.brand-success-transparent .h2,
.brand-success-transparent .h3,
.brand-success-transparent .h4,
.brand-success-transparent .h5 {
    color: #fff
}

.brand-success-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-success-transparent a:hover,
.brand-success-transparent a:active,
.brand-success-transparent a:focus {
    color: #fff
}

.brand-success-transparent .text-muted {
    color: rgba(213, 233, 168, 0.5)
}

.brand-success-transparent .text-error,
.brand-success-transparent .text-info,
.brand-success-transparent .text-success {
    color: #fff
}

.brand-success-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-success-transparent-m {
        background: rgba(136, 178, 45, 0.5);
        color: #fff
    }

    .brand-success-transparent-m h1,
    .brand-success-transparent-m h2,
    .brand-success-transparent-m h3,
    .brand-success-transparent-m h4,
    .brand-success-transparent-m h5,
    .brand-success-transparent-m .h1,
    .brand-success-transparent-m .h2,
    .brand-success-transparent-m .h3,
    .brand-success-transparent-m .h4,
    .brand-success-transparent-m .h5 {
        color: #fff
    }

    .brand-success-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-success-transparent-m a:hover,
    .brand-success-transparent-m a:active,
    .brand-success-transparent-m a:focus {
        color: #fff
    }

    .brand-success-transparent-m .text-muted {
        color: rgba(213, 233, 168, 0.5)
    }

    .brand-success-transparent-m .text-error,
    .brand-success-transparent-m .text-info,
    .brand-success-transparent-m .text-success {
        color: #fff
    }

    .brand-success-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-success-transparent-d {
        background: rgba(136, 178, 45, 0.5);
        color: #fff
    }

    .brand-success-transparent-d h1,
    .brand-success-transparent-d h2,
    .brand-success-transparent-d h3,
    .brand-success-transparent-d h4,
    .brand-success-transparent-d h5,
    .brand-success-transparent-d .h1,
    .brand-success-transparent-d .h2,
    .brand-success-transparent-d .h3,
    .brand-success-transparent-d .h4,
    .brand-success-transparent-d .h5 {
        color: #fff
    }

    .brand-success-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-success-transparent-d a:hover,
    .brand-success-transparent-d a:active,
    .brand-success-transparent-d a:focus {
        color: #fff
    }

    .brand-success-transparent-d .text-muted {
        color: rgba(213, 233, 168, 0.5)
    }

    .brand-success-transparent-d .text-error,
    .brand-success-transparent-d .text-info,
    .brand-success-transparent-d .text-success {
        color: #fff
    }

    .brand-success-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-success-transparent-tablet {
        background: rgba(136, 178, 45, 0.5);
        color: #fff
    }

    .brand-success-transparent-tablet h1,
    .brand-success-transparent-tablet h2,
    .brand-success-transparent-tablet h3,
    .brand-success-transparent-tablet h4,
    .brand-success-transparent-tablet h5,
    .brand-success-transparent-tablet .h1,
    .brand-success-transparent-tablet .h2,
    .brand-success-transparent-tablet .h3,
    .brand-success-transparent-tablet .h4,
    .brand-success-transparent-tablet .h5 {
        color: #fff
    }

    .brand-success-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-success-transparent-tablet a:hover,
    .brand-success-transparent-tablet a:active,
    .brand-success-transparent-tablet a:focus {
        color: #fff
    }

    .brand-success-transparent-tablet .text-muted {
        color: rgba(213, 233, 168, 0.5)
    }

    .brand-success-transparent-tablet .text-error,
    .brand-success-transparent-tablet .text-info,
    .brand-success-transparent-tablet .text-success {
        color: #fff
    }

    .brand-success-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-success-transparent-desktop {
        background: rgba(136, 178, 45, 0.5);
        color: #fff
    }

    .brand-success-transparent-desktop h1,
    .brand-success-transparent-desktop h2,
    .brand-success-transparent-desktop h3,
    .brand-success-transparent-desktop h4,
    .brand-success-transparent-desktop h5,
    .brand-success-transparent-desktop .h1,
    .brand-success-transparent-desktop .h2,
    .brand-success-transparent-desktop .h3,
    .brand-success-transparent-desktop .h4,
    .brand-success-transparent-desktop .h5 {
        color: #fff
    }

    .brand-success-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-success-transparent-desktop a:hover,
    .brand-success-transparent-desktop a:active,
    .brand-success-transparent-desktop a:focus {
        color: #fff
    }

    .brand-success-transparent-desktop .text-muted {
        color: rgba(213, 233, 168, 0.5)
    }

    .brand-success-transparent-desktop .text-error,
    .brand-success-transparent-desktop .text-info,
    .brand-success-transparent-desktop .text-success {
        color: #fff
    }

    .brand-success-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-success-outline {
    border: 1px solid #88b22d
}

@media only screen and (max-width: 640px) {
    .brand-success-outline-m {
        border: 1px solid #88b22d
    }
}

@media only screen and (min-width: 640px) {
    .brand-success-outline-d {
        border: 1px solid #88b22d
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-success-outline-tablet {
        border: 1px solid #88b22d
    }
}

@media only screen and (min-width: 1180px) {
    .brand-success-outline-desktop {
        border: 1px solid #88b22d
    }
}

.brand-info {
    background: #ff0;
    color: #2f2f2f
}

.brand-info h1,
.brand-info h2,
.brand-info h3,
.brand-info h4,
.brand-info h5,
.brand-info .h1,
.brand-info .h2,
.brand-info .h3,
.brand-info .h4,
.brand-info .h5 {
    color: #2f2f2f
}

.brand-info a {
    color: #005cf0
}

.brand-info a:hover,
.brand-info a:active,
.brand-info a:focus {
    color: #0b68ff
}

.brand-info .text-muted {
    color: #4d4d00
}

.brand-info .text-error,
.brand-info .text-info,
.brand-info .text-success {
    color: #2f2f2f
}

.brand-info>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-info-m {
        background: #ff0;
        color: #2f2f2f
    }

    .brand-info-m h1,
    .brand-info-m h2,
    .brand-info-m h3,
    .brand-info-m h4,
    .brand-info-m h5,
    .brand-info-m .h1,
    .brand-info-m .h2,
    .brand-info-m .h3,
    .brand-info-m .h4,
    .brand-info-m .h5 {
        color: #2f2f2f
    }

    .brand-info-m a {
        color: #005cf0
    }

    .brand-info-m a:hover,
    .brand-info-m a:active,
    .brand-info-m a:focus {
        color: #0b68ff
    }

    .brand-info-m .text-muted {
        color: #4d4d00
    }

    .brand-info-m .text-error,
    .brand-info-m .text-info,
    .brand-info-m .text-success {
        color: #2f2f2f
    }

    .brand-info-m>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-info-d {
        background: #ff0;
        color: #2f2f2f
    }

    .brand-info-d h1,
    .brand-info-d h2,
    .brand-info-d h3,
    .brand-info-d h4,
    .brand-info-d h5,
    .brand-info-d .h1,
    .brand-info-d .h2,
    .brand-info-d .h3,
    .brand-info-d .h4,
    .brand-info-d .h5 {
        color: #2f2f2f
    }

    .brand-info-d a {
        color: #005cf0
    }

    .brand-info-d a:hover,
    .brand-info-d a:active,
    .brand-info-d a:focus {
        color: #0b68ff
    }

    .brand-info-d .text-muted {
        color: #4d4d00
    }

    .brand-info-d .text-error,
    .brand-info-d .text-info,
    .brand-info-d .text-success {
        color: #2f2f2f
    }

    .brand-info-d>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-info-tablet {
        background: #ff0;
        color: #2f2f2f
    }

    .brand-info-tablet h1,
    .brand-info-tablet h2,
    .brand-info-tablet h3,
    .brand-info-tablet h4,
    .brand-info-tablet h5,
    .brand-info-tablet .h1,
    .brand-info-tablet .h2,
    .brand-info-tablet .h3,
    .brand-info-tablet .h4,
    .brand-info-tablet .h5 {
        color: #2f2f2f
    }

    .brand-info-tablet a {
        color: #005cf0
    }

    .brand-info-tablet a:hover,
    .brand-info-tablet a:active,
    .brand-info-tablet a:focus {
        color: #0b68ff
    }

    .brand-info-tablet .text-muted {
        color: #4d4d00
    }

    .brand-info-tablet .text-error,
    .brand-info-tablet .text-info,
    .brand-info-tablet .text-success {
        color: #2f2f2f
    }

    .brand-info-tablet>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-info-desktop {
        background: #ff0;
        color: #2f2f2f
    }

    .brand-info-desktop h1,
    .brand-info-desktop h2,
    .brand-info-desktop h3,
    .brand-info-desktop h4,
    .brand-info-desktop h5,
    .brand-info-desktop .h1,
    .brand-info-desktop .h2,
    .brand-info-desktop .h3,
    .brand-info-desktop .h4,
    .brand-info-desktop .h5 {
        color: #2f2f2f
    }

    .brand-info-desktop a {
        color: #005cf0
    }

    .brand-info-desktop a:hover,
    .brand-info-desktop a:active,
    .brand-info-desktop a:focus {
        color: #0b68ff
    }

    .brand-info-desktop .text-muted {
        color: #4d4d00
    }

    .brand-info-desktop .text-error,
    .brand-info-desktop .text-info,
    .brand-info-desktop .text-success {
        color: #2f2f2f
    }

    .brand-info-desktop>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

.brand-info-transparent {
    background: rgba(255, 255, 0, 0.5);
    color: #2f2f2f
}

.brand-info-transparent h1,
.brand-info-transparent h2,
.brand-info-transparent h3,
.brand-info-transparent h4,
.brand-info-transparent h5,
.brand-info-transparent .h1,
.brand-info-transparent .h2,
.brand-info-transparent .h3,
.brand-info-transparent .h4,
.brand-info-transparent .h5 {
    color: #2f2f2f
}

.brand-info-transparent a {
    color: #005cf0
}

.brand-info-transparent a:hover,
.brand-info-transparent a:active,
.brand-info-transparent a:focus {
    color: #0b68ff
}

.brand-info-transparent .text-muted {
    color: rgba(77, 77, 0, 0.5)
}

.brand-info-transparent .text-error,
.brand-info-transparent .text-info,
.brand-info-transparent .text-success {
    color: #2f2f2f
}

.brand-info-transparent>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-info-transparent-m {
        background: rgba(255, 255, 0, 0.5);
        color: #2f2f2f
    }

    .brand-info-transparent-m h1,
    .brand-info-transparent-m h2,
    .brand-info-transparent-m h3,
    .brand-info-transparent-m h4,
    .brand-info-transparent-m h5,
    .brand-info-transparent-m .h1,
    .brand-info-transparent-m .h2,
    .brand-info-transparent-m .h3,
    .brand-info-transparent-m .h4,
    .brand-info-transparent-m .h5 {
        color: #2f2f2f
    }

    .brand-info-transparent-m a {
        color: #005cf0
    }

    .brand-info-transparent-m a:hover,
    .brand-info-transparent-m a:active,
    .brand-info-transparent-m a:focus {
        color: #0b68ff
    }

    .brand-info-transparent-m .text-muted {
        color: rgba(77, 77, 0, 0.5)
    }

    .brand-info-transparent-m .text-error,
    .brand-info-transparent-m .text-info,
    .brand-info-transparent-m .text-success {
        color: #2f2f2f
    }

    .brand-info-transparent-m>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-info-transparent-d {
        background: rgba(255, 255, 0, 0.5);
        color: #2f2f2f
    }

    .brand-info-transparent-d h1,
    .brand-info-transparent-d h2,
    .brand-info-transparent-d h3,
    .brand-info-transparent-d h4,
    .brand-info-transparent-d h5,
    .brand-info-transparent-d .h1,
    .brand-info-transparent-d .h2,
    .brand-info-transparent-d .h3,
    .brand-info-transparent-d .h4,
    .brand-info-transparent-d .h5 {
        color: #2f2f2f
    }

    .brand-info-transparent-d a {
        color: #005cf0
    }

    .brand-info-transparent-d a:hover,
    .brand-info-transparent-d a:active,
    .brand-info-transparent-d a:focus {
        color: #0b68ff
    }

    .brand-info-transparent-d .text-muted {
        color: rgba(77, 77, 0, 0.5)
    }

    .brand-info-transparent-d .text-error,
    .brand-info-transparent-d .text-info,
    .brand-info-transparent-d .text-success {
        color: #2f2f2f
    }

    .brand-info-transparent-d>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-info-transparent-tablet {
        background: rgba(255, 255, 0, 0.5);
        color: #2f2f2f
    }

    .brand-info-transparent-tablet h1,
    .brand-info-transparent-tablet h2,
    .brand-info-transparent-tablet h3,
    .brand-info-transparent-tablet h4,
    .brand-info-transparent-tablet h5,
    .brand-info-transparent-tablet .h1,
    .brand-info-transparent-tablet .h2,
    .brand-info-transparent-tablet .h3,
    .brand-info-transparent-tablet .h4,
    .brand-info-transparent-tablet .h5 {
        color: #2f2f2f
    }

    .brand-info-transparent-tablet a {
        color: #005cf0
    }

    .brand-info-transparent-tablet a:hover,
    .brand-info-transparent-tablet a:active,
    .brand-info-transparent-tablet a:focus {
        color: #0b68ff
    }

    .brand-info-transparent-tablet .text-muted {
        color: rgba(77, 77, 0, 0.5)
    }

    .brand-info-transparent-tablet .text-error,
    .brand-info-transparent-tablet .text-info,
    .brand-info-transparent-tablet .text-success {
        color: #2f2f2f
    }

    .brand-info-transparent-tablet>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-info-transparent-desktop {
        background: rgba(255, 255, 0, 0.5);
        color: #2f2f2f
    }

    .brand-info-transparent-desktop h1,
    .brand-info-transparent-desktop h2,
    .brand-info-transparent-desktop h3,
    .brand-info-transparent-desktop h4,
    .brand-info-transparent-desktop h5,
    .brand-info-transparent-desktop .h1,
    .brand-info-transparent-desktop .h2,
    .brand-info-transparent-desktop .h3,
    .brand-info-transparent-desktop .h4,
    .brand-info-transparent-desktop .h5 {
        color: #2f2f2f
    }

    .brand-info-transparent-desktop a {
        color: #005cf0
    }

    .brand-info-transparent-desktop a:hover,
    .brand-info-transparent-desktop a:active,
    .brand-info-transparent-desktop a:focus {
        color: #0b68ff
    }

    .brand-info-transparent-desktop .text-muted {
        color: rgba(77, 77, 0, 0.5)
    }

    .brand-info-transparent-desktop .text-error,
    .brand-info-transparent-desktop .text-info,
    .brand-info-transparent-desktop .text-success {
        color: #2f2f2f
    }

    .brand-info-transparent-desktop>hr {
        border-color: rgba(0, 0, 0, 0.075)
    }
}

.brand-info-outline {
    border: 1px solid #ff0
}

@media only screen and (max-width: 640px) {
    .brand-info-outline-m {
        border: 1px solid #ff0
    }
}

@media only screen and (min-width: 640px) {
    .brand-info-outline-d {
        border: 1px solid #ff0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-info-outline-tablet {
        border: 1px solid #ff0
    }
}

@media only screen and (min-width: 1180px) {
    .brand-info-outline-desktop {
        border: 1px solid #ff0
    }
}

.brand-facebook {
    background: #1877F2;
    color: #fff
}

.brand-facebook h1,
.brand-facebook h2,
.brand-facebook h3,
.brand-facebook h4,
.brand-facebook h5,
.brand-facebook .h1,
.brand-facebook .h2,
.brand-facebook .h3,
.brand-facebook .h4,
.brand-facebook .h5 {
    color: #fff
}

.brand-facebook a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-facebook a:hover,
.brand-facebook a:active,
.brand-facebook a:focus {
    color: #fff
}

.brand-facebook .text-muted {
    color: #c1dafc
}

.brand-facebook .text-error,
.brand-facebook .text-info,
.brand-facebook .text-success {
    color: #fff
}

.brand-facebook>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-facebook-m {
        background: #1877F2;
        color: #fff
    }

    .brand-facebook-m h1,
    .brand-facebook-m h2,
    .brand-facebook-m h3,
    .brand-facebook-m h4,
    .brand-facebook-m h5,
    .brand-facebook-m .h1,
    .brand-facebook-m .h2,
    .brand-facebook-m .h3,
    .brand-facebook-m .h4,
    .brand-facebook-m .h5 {
        color: #fff
    }

    .brand-facebook-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-facebook-m a:hover,
    .brand-facebook-m a:active,
    .brand-facebook-m a:focus {
        color: #fff
    }

    .brand-facebook-m .text-muted {
        color: #c1dafc
    }

    .brand-facebook-m .text-error,
    .brand-facebook-m .text-info,
    .brand-facebook-m .text-success {
        color: #fff
    }

    .brand-facebook-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-facebook-d {
        background: #1877F2;
        color: #fff
    }

    .brand-facebook-d h1,
    .brand-facebook-d h2,
    .brand-facebook-d h3,
    .brand-facebook-d h4,
    .brand-facebook-d h5,
    .brand-facebook-d .h1,
    .brand-facebook-d .h2,
    .brand-facebook-d .h3,
    .brand-facebook-d .h4,
    .brand-facebook-d .h5 {
        color: #fff
    }

    .brand-facebook-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-facebook-d a:hover,
    .brand-facebook-d a:active,
    .brand-facebook-d a:focus {
        color: #fff
    }

    .brand-facebook-d .text-muted {
        color: #c1dafc
    }

    .brand-facebook-d .text-error,
    .brand-facebook-d .text-info,
    .brand-facebook-d .text-success {
        color: #fff
    }

    .brand-facebook-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-facebook-tablet {
        background: #1877F2;
        color: #fff
    }

    .brand-facebook-tablet h1,
    .brand-facebook-tablet h2,
    .brand-facebook-tablet h3,
    .brand-facebook-tablet h4,
    .brand-facebook-tablet h5,
    .brand-facebook-tablet .h1,
    .brand-facebook-tablet .h2,
    .brand-facebook-tablet .h3,
    .brand-facebook-tablet .h4,
    .brand-facebook-tablet .h5 {
        color: #fff
    }

    .brand-facebook-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-facebook-tablet a:hover,
    .brand-facebook-tablet a:active,
    .brand-facebook-tablet a:focus {
        color: #fff
    }

    .brand-facebook-tablet .text-muted {
        color: #c1dafc
    }

    .brand-facebook-tablet .text-error,
    .brand-facebook-tablet .text-info,
    .brand-facebook-tablet .text-success {
        color: #fff
    }

    .brand-facebook-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-facebook-desktop {
        background: #1877F2;
        color: #fff
    }

    .brand-facebook-desktop h1,
    .brand-facebook-desktop h2,
    .brand-facebook-desktop h3,
    .brand-facebook-desktop h4,
    .brand-facebook-desktop h5,
    .brand-facebook-desktop .h1,
    .brand-facebook-desktop .h2,
    .brand-facebook-desktop .h3,
    .brand-facebook-desktop .h4,
    .brand-facebook-desktop .h5 {
        color: #fff
    }

    .brand-facebook-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-facebook-desktop a:hover,
    .brand-facebook-desktop a:active,
    .brand-facebook-desktop a:focus {
        color: #fff
    }

    .brand-facebook-desktop .text-muted {
        color: #c1dafc
    }

    .brand-facebook-desktop .text-error,
    .brand-facebook-desktop .text-info,
    .brand-facebook-desktop .text-success {
        color: #fff
    }

    .brand-facebook-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-facebook-transparent {
    background: rgba(24, 119, 242, 0.5);
    color: #fff
}

.brand-facebook-transparent h1,
.brand-facebook-transparent h2,
.brand-facebook-transparent h3,
.brand-facebook-transparent h4,
.brand-facebook-transparent h5,
.brand-facebook-transparent .h1,
.brand-facebook-transparent .h2,
.brand-facebook-transparent .h3,
.brand-facebook-transparent .h4,
.brand-facebook-transparent .h5 {
    color: #fff
}

.brand-facebook-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-facebook-transparent a:hover,
.brand-facebook-transparent a:active,
.brand-facebook-transparent a:focus {
    color: #fff
}

.brand-facebook-transparent .text-muted {
    color: rgba(193, 218, 252, 0.5)
}

.brand-facebook-transparent .text-error,
.brand-facebook-transparent .text-info,
.brand-facebook-transparent .text-success {
    color: #fff
}

.brand-facebook-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-facebook-transparent-m {
        background: rgba(24, 119, 242, 0.5);
        color: #fff
    }

    .brand-facebook-transparent-m h1,
    .brand-facebook-transparent-m h2,
    .brand-facebook-transparent-m h3,
    .brand-facebook-transparent-m h4,
    .brand-facebook-transparent-m h5,
    .brand-facebook-transparent-m .h1,
    .brand-facebook-transparent-m .h2,
    .brand-facebook-transparent-m .h3,
    .brand-facebook-transparent-m .h4,
    .brand-facebook-transparent-m .h5 {
        color: #fff
    }

    .brand-facebook-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-facebook-transparent-m a:hover,
    .brand-facebook-transparent-m a:active,
    .brand-facebook-transparent-m a:focus {
        color: #fff
    }

    .brand-facebook-transparent-m .text-muted {
        color: rgba(193, 218, 252, 0.5)
    }

    .brand-facebook-transparent-m .text-error,
    .brand-facebook-transparent-m .text-info,
    .brand-facebook-transparent-m .text-success {
        color: #fff
    }

    .brand-facebook-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-facebook-transparent-d {
        background: rgba(24, 119, 242, 0.5);
        color: #fff
    }

    .brand-facebook-transparent-d h1,
    .brand-facebook-transparent-d h2,
    .brand-facebook-transparent-d h3,
    .brand-facebook-transparent-d h4,
    .brand-facebook-transparent-d h5,
    .brand-facebook-transparent-d .h1,
    .brand-facebook-transparent-d .h2,
    .brand-facebook-transparent-d .h3,
    .brand-facebook-transparent-d .h4,
    .brand-facebook-transparent-d .h5 {
        color: #fff
    }

    .brand-facebook-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-facebook-transparent-d a:hover,
    .brand-facebook-transparent-d a:active,
    .brand-facebook-transparent-d a:focus {
        color: #fff
    }

    .brand-facebook-transparent-d .text-muted {
        color: rgba(193, 218, 252, 0.5)
    }

    .brand-facebook-transparent-d .text-error,
    .brand-facebook-transparent-d .text-info,
    .brand-facebook-transparent-d .text-success {
        color: #fff
    }

    .brand-facebook-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-facebook-transparent-tablet {
        background: rgba(24, 119, 242, 0.5);
        color: #fff
    }

    .brand-facebook-transparent-tablet h1,
    .brand-facebook-transparent-tablet h2,
    .brand-facebook-transparent-tablet h3,
    .brand-facebook-transparent-tablet h4,
    .brand-facebook-transparent-tablet h5,
    .brand-facebook-transparent-tablet .h1,
    .brand-facebook-transparent-tablet .h2,
    .brand-facebook-transparent-tablet .h3,
    .brand-facebook-transparent-tablet .h4,
    .brand-facebook-transparent-tablet .h5 {
        color: #fff
    }

    .brand-facebook-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-facebook-transparent-tablet a:hover,
    .brand-facebook-transparent-tablet a:active,
    .brand-facebook-transparent-tablet a:focus {
        color: #fff
    }

    .brand-facebook-transparent-tablet .text-muted {
        color: rgba(193, 218, 252, 0.5)
    }

    .brand-facebook-transparent-tablet .text-error,
    .brand-facebook-transparent-tablet .text-info,
    .brand-facebook-transparent-tablet .text-success {
        color: #fff
    }

    .brand-facebook-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-facebook-transparent-desktop {
        background: rgba(24, 119, 242, 0.5);
        color: #fff
    }

    .brand-facebook-transparent-desktop h1,
    .brand-facebook-transparent-desktop h2,
    .brand-facebook-transparent-desktop h3,
    .brand-facebook-transparent-desktop h4,
    .brand-facebook-transparent-desktop h5,
    .brand-facebook-transparent-desktop .h1,
    .brand-facebook-transparent-desktop .h2,
    .brand-facebook-transparent-desktop .h3,
    .brand-facebook-transparent-desktop .h4,
    .brand-facebook-transparent-desktop .h5 {
        color: #fff
    }

    .brand-facebook-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-facebook-transparent-desktop a:hover,
    .brand-facebook-transparent-desktop a:active,
    .brand-facebook-transparent-desktop a:focus {
        color: #fff
    }

    .brand-facebook-transparent-desktop .text-muted {
        color: rgba(193, 218, 252, 0.5)
    }

    .brand-facebook-transparent-desktop .text-error,
    .brand-facebook-transparent-desktop .text-info,
    .brand-facebook-transparent-desktop .text-success {
        color: #fff
    }

    .brand-facebook-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-facebook-outline {
    border: 1px solid #1877F2
}

@media only screen and (max-width: 640px) {
    .brand-facebook-outline-m {
        border: 1px solid #1877F2
    }
}

@media only screen and (min-width: 640px) {
    .brand-facebook-outline-d {
        border: 1px solid #1877F2
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-facebook-outline-tablet {
        border: 1px solid #1877F2
    }
}

@media only screen and (min-width: 1180px) {
    .brand-facebook-outline-desktop {
        border: 1px solid #1877F2
    }
}

.brand-twitter {
    background: #1da1f2;
    color: #fff
}

.brand-twitter h1,
.brand-twitter h2,
.brand-twitter h3,
.brand-twitter h4,
.brand-twitter h5,
.brand-twitter .h1,
.brand-twitter .h2,
.brand-twitter .h3,
.brand-twitter .h4,
.brand-twitter .h5 {
    color: #fff
}

.brand-twitter a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-twitter a:hover,
.brand-twitter a:active,
.brand-twitter a:focus {
    color: #fff
}

.brand-twitter .text-muted {
    color: #c6e7fc
}

.brand-twitter .text-error,
.brand-twitter .text-info,
.brand-twitter .text-success {
    color: #fff
}

.brand-twitter>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-twitter-m {
        background: #1da1f2;
        color: #fff
    }

    .brand-twitter-m h1,
    .brand-twitter-m h2,
    .brand-twitter-m h3,
    .brand-twitter-m h4,
    .brand-twitter-m h5,
    .brand-twitter-m .h1,
    .brand-twitter-m .h2,
    .brand-twitter-m .h3,
    .brand-twitter-m .h4,
    .brand-twitter-m .h5 {
        color: #fff
    }

    .brand-twitter-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-twitter-m a:hover,
    .brand-twitter-m a:active,
    .brand-twitter-m a:focus {
        color: #fff
    }

    .brand-twitter-m .text-muted {
        color: #c6e7fc
    }

    .brand-twitter-m .text-error,
    .brand-twitter-m .text-info,
    .brand-twitter-m .text-success {
        color: #fff
    }

    .brand-twitter-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-twitter-d {
        background: #1da1f2;
        color: #fff
    }

    .brand-twitter-d h1,
    .brand-twitter-d h2,
    .brand-twitter-d h3,
    .brand-twitter-d h4,
    .brand-twitter-d h5,
    .brand-twitter-d .h1,
    .brand-twitter-d .h2,
    .brand-twitter-d .h3,
    .brand-twitter-d .h4,
    .brand-twitter-d .h5 {
        color: #fff
    }

    .brand-twitter-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-twitter-d a:hover,
    .brand-twitter-d a:active,
    .brand-twitter-d a:focus {
        color: #fff
    }

    .brand-twitter-d .text-muted {
        color: #c6e7fc
    }

    .brand-twitter-d .text-error,
    .brand-twitter-d .text-info,
    .brand-twitter-d .text-success {
        color: #fff
    }

    .brand-twitter-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-twitter-tablet {
        background: #1da1f2;
        color: #fff
    }

    .brand-twitter-tablet h1,
    .brand-twitter-tablet h2,
    .brand-twitter-tablet h3,
    .brand-twitter-tablet h4,
    .brand-twitter-tablet h5,
    .brand-twitter-tablet .h1,
    .brand-twitter-tablet .h2,
    .brand-twitter-tablet .h3,
    .brand-twitter-tablet .h4,
    .brand-twitter-tablet .h5 {
        color: #fff
    }

    .brand-twitter-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-twitter-tablet a:hover,
    .brand-twitter-tablet a:active,
    .brand-twitter-tablet a:focus {
        color: #fff
    }

    .brand-twitter-tablet .text-muted {
        color: #c6e7fc
    }

    .brand-twitter-tablet .text-error,
    .brand-twitter-tablet .text-info,
    .brand-twitter-tablet .text-success {
        color: #fff
    }

    .brand-twitter-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-twitter-desktop {
        background: #1da1f2;
        color: #fff
    }

    .brand-twitter-desktop h1,
    .brand-twitter-desktop h2,
    .brand-twitter-desktop h3,
    .brand-twitter-desktop h4,
    .brand-twitter-desktop h5,
    .brand-twitter-desktop .h1,
    .brand-twitter-desktop .h2,
    .brand-twitter-desktop .h3,
    .brand-twitter-desktop .h4,
    .brand-twitter-desktop .h5 {
        color: #fff
    }

    .brand-twitter-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-twitter-desktop a:hover,
    .brand-twitter-desktop a:active,
    .brand-twitter-desktop a:focus {
        color: #fff
    }

    .brand-twitter-desktop .text-muted {
        color: #c6e7fc
    }

    .brand-twitter-desktop .text-error,
    .brand-twitter-desktop .text-info,
    .brand-twitter-desktop .text-success {
        color: #fff
    }

    .brand-twitter-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-twitter-transparent {
    background: rgba(29, 161, 242, 0.5);
    color: #fff
}

.brand-twitter-transparent h1,
.brand-twitter-transparent h2,
.brand-twitter-transparent h3,
.brand-twitter-transparent h4,
.brand-twitter-transparent h5,
.brand-twitter-transparent .h1,
.brand-twitter-transparent .h2,
.brand-twitter-transparent .h3,
.brand-twitter-transparent .h4,
.brand-twitter-transparent .h5 {
    color: #fff
}

.brand-twitter-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-twitter-transparent a:hover,
.brand-twitter-transparent a:active,
.brand-twitter-transparent a:focus {
    color: #fff
}

.brand-twitter-transparent .text-muted {
    color: rgba(198, 231, 252, 0.5)
}

.brand-twitter-transparent .text-error,
.brand-twitter-transparent .text-info,
.brand-twitter-transparent .text-success {
    color: #fff
}

.brand-twitter-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-twitter-transparent-m {
        background: rgba(29, 161, 242, 0.5);
        color: #fff
    }

    .brand-twitter-transparent-m h1,
    .brand-twitter-transparent-m h2,
    .brand-twitter-transparent-m h3,
    .brand-twitter-transparent-m h4,
    .brand-twitter-transparent-m h5,
    .brand-twitter-transparent-m .h1,
    .brand-twitter-transparent-m .h2,
    .brand-twitter-transparent-m .h3,
    .brand-twitter-transparent-m .h4,
    .brand-twitter-transparent-m .h5 {
        color: #fff
    }

    .brand-twitter-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-twitter-transparent-m a:hover,
    .brand-twitter-transparent-m a:active,
    .brand-twitter-transparent-m a:focus {
        color: #fff
    }

    .brand-twitter-transparent-m .text-muted {
        color: rgba(198, 231, 252, 0.5)
    }

    .brand-twitter-transparent-m .text-error,
    .brand-twitter-transparent-m .text-info,
    .brand-twitter-transparent-m .text-success {
        color: #fff
    }

    .brand-twitter-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-twitter-transparent-d {
        background: rgba(29, 161, 242, 0.5);
        color: #fff
    }

    .brand-twitter-transparent-d h1,
    .brand-twitter-transparent-d h2,
    .brand-twitter-transparent-d h3,
    .brand-twitter-transparent-d h4,
    .brand-twitter-transparent-d h5,
    .brand-twitter-transparent-d .h1,
    .brand-twitter-transparent-d .h2,
    .brand-twitter-transparent-d .h3,
    .brand-twitter-transparent-d .h4,
    .brand-twitter-transparent-d .h5 {
        color: #fff
    }

    .brand-twitter-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-twitter-transparent-d a:hover,
    .brand-twitter-transparent-d a:active,
    .brand-twitter-transparent-d a:focus {
        color: #fff
    }

    .brand-twitter-transparent-d .text-muted {
        color: rgba(198, 231, 252, 0.5)
    }

    .brand-twitter-transparent-d .text-error,
    .brand-twitter-transparent-d .text-info,
    .brand-twitter-transparent-d .text-success {
        color: #fff
    }

    .brand-twitter-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-twitter-transparent-tablet {
        background: rgba(29, 161, 242, 0.5);
        color: #fff
    }

    .brand-twitter-transparent-tablet h1,
    .brand-twitter-transparent-tablet h2,
    .brand-twitter-transparent-tablet h3,
    .brand-twitter-transparent-tablet h4,
    .brand-twitter-transparent-tablet h5,
    .brand-twitter-transparent-tablet .h1,
    .brand-twitter-transparent-tablet .h2,
    .brand-twitter-transparent-tablet .h3,
    .brand-twitter-transparent-tablet .h4,
    .brand-twitter-transparent-tablet .h5 {
        color: #fff
    }

    .brand-twitter-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-twitter-transparent-tablet a:hover,
    .brand-twitter-transparent-tablet a:active,
    .brand-twitter-transparent-tablet a:focus {
        color: #fff
    }

    .brand-twitter-transparent-tablet .text-muted {
        color: rgba(198, 231, 252, 0.5)
    }

    .brand-twitter-transparent-tablet .text-error,
    .brand-twitter-transparent-tablet .text-info,
    .brand-twitter-transparent-tablet .text-success {
        color: #fff
    }

    .brand-twitter-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-twitter-transparent-desktop {
        background: rgba(29, 161, 242, 0.5);
        color: #fff
    }

    .brand-twitter-transparent-desktop h1,
    .brand-twitter-transparent-desktop h2,
    .brand-twitter-transparent-desktop h3,
    .brand-twitter-transparent-desktop h4,
    .brand-twitter-transparent-desktop h5,
    .brand-twitter-transparent-desktop .h1,
    .brand-twitter-transparent-desktop .h2,
    .brand-twitter-transparent-desktop .h3,
    .brand-twitter-transparent-desktop .h4,
    .brand-twitter-transparent-desktop .h5 {
        color: #fff
    }

    .brand-twitter-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-twitter-transparent-desktop a:hover,
    .brand-twitter-transparent-desktop a:active,
    .brand-twitter-transparent-desktop a:focus {
        color: #fff
    }

    .brand-twitter-transparent-desktop .text-muted {
        color: rgba(198, 231, 252, 0.5)
    }

    .brand-twitter-transparent-desktop .text-error,
    .brand-twitter-transparent-desktop .text-info,
    .brand-twitter-transparent-desktop .text-success {
        color: #fff
    }

    .brand-twitter-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-twitter-outline {
    border: 1px solid #1da1f2
}

@media only screen and (max-width: 640px) {
    .brand-twitter-outline-m {
        border: 1px solid #1da1f2
    }
}

@media only screen and (min-width: 640px) {
    .brand-twitter-outline-d {
        border: 1px solid #1da1f2
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-twitter-outline-tablet {
        border: 1px solid #1da1f2
    }
}

@media only screen and (min-width: 1180px) {
    .brand-twitter-outline-desktop {
        border: 1px solid #1da1f2
    }
}

.brand-instagram {
    background: #BE00A9;
    color: #fff
}

.brand-instagram h1,
.brand-instagram h2,
.brand-instagram h3,
.brand-instagram h4,
.brand-instagram h5,
.brand-instagram .h1,
.brand-instagram .h2,
.brand-instagram .h3,
.brand-instagram .h4,
.brand-instagram .h5 {
    color: #fff
}

.brand-instagram a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-instagram a:hover,
.brand-instagram a:active,
.brand-instagram a:focus {
    color: #fff
}

.brand-instagram .text-muted {
    color: #ff72ef
}

.brand-instagram .text-error,
.brand-instagram .text-info,
.brand-instagram .text-success {
    color: #fff
}

.brand-instagram>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-instagram-m {
        background: #BE00A9;
        color: #fff
    }

    .brand-instagram-m h1,
    .brand-instagram-m h2,
    .brand-instagram-m h3,
    .brand-instagram-m h4,
    .brand-instagram-m h5,
    .brand-instagram-m .h1,
    .brand-instagram-m .h2,
    .brand-instagram-m .h3,
    .brand-instagram-m .h4,
    .brand-instagram-m .h5 {
        color: #fff
    }

    .brand-instagram-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-instagram-m a:hover,
    .brand-instagram-m a:active,
    .brand-instagram-m a:focus {
        color: #fff
    }

    .brand-instagram-m .text-muted {
        color: #ff72ef
    }

    .brand-instagram-m .text-error,
    .brand-instagram-m .text-info,
    .brand-instagram-m .text-success {
        color: #fff
    }

    .brand-instagram-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-instagram-d {
        background: #BE00A9;
        color: #fff
    }

    .brand-instagram-d h1,
    .brand-instagram-d h2,
    .brand-instagram-d h3,
    .brand-instagram-d h4,
    .brand-instagram-d h5,
    .brand-instagram-d .h1,
    .brand-instagram-d .h2,
    .brand-instagram-d .h3,
    .brand-instagram-d .h4,
    .brand-instagram-d .h5 {
        color: #fff
    }

    .brand-instagram-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-instagram-d a:hover,
    .brand-instagram-d a:active,
    .brand-instagram-d a:focus {
        color: #fff
    }

    .brand-instagram-d .text-muted {
        color: #ff72ef
    }

    .brand-instagram-d .text-error,
    .brand-instagram-d .text-info,
    .brand-instagram-d .text-success {
        color: #fff
    }

    .brand-instagram-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-instagram-tablet {
        background: #BE00A9;
        color: #fff
    }

    .brand-instagram-tablet h1,
    .brand-instagram-tablet h2,
    .brand-instagram-tablet h3,
    .brand-instagram-tablet h4,
    .brand-instagram-tablet h5,
    .brand-instagram-tablet .h1,
    .brand-instagram-tablet .h2,
    .brand-instagram-tablet .h3,
    .brand-instagram-tablet .h4,
    .brand-instagram-tablet .h5 {
        color: #fff
    }

    .brand-instagram-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-instagram-tablet a:hover,
    .brand-instagram-tablet a:active,
    .brand-instagram-tablet a:focus {
        color: #fff
    }

    .brand-instagram-tablet .text-muted {
        color: #ff72ef
    }

    .brand-instagram-tablet .text-error,
    .brand-instagram-tablet .text-info,
    .brand-instagram-tablet .text-success {
        color: #fff
    }

    .brand-instagram-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-instagram-desktop {
        background: #BE00A9;
        color: #fff
    }

    .brand-instagram-desktop h1,
    .brand-instagram-desktop h2,
    .brand-instagram-desktop h3,
    .brand-instagram-desktop h4,
    .brand-instagram-desktop h5,
    .brand-instagram-desktop .h1,
    .brand-instagram-desktop .h2,
    .brand-instagram-desktop .h3,
    .brand-instagram-desktop .h4,
    .brand-instagram-desktop .h5 {
        color: #fff
    }

    .brand-instagram-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-instagram-desktop a:hover,
    .brand-instagram-desktop a:active,
    .brand-instagram-desktop a:focus {
        color: #fff
    }

    .brand-instagram-desktop .text-muted {
        color: #ff72ef
    }

    .brand-instagram-desktop .text-error,
    .brand-instagram-desktop .text-info,
    .brand-instagram-desktop .text-success {
        color: #fff
    }

    .brand-instagram-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-instagram-transparent {
    background: rgba(190, 0, 169, 0.5);
    color: #fff
}

.brand-instagram-transparent h1,
.brand-instagram-transparent h2,
.brand-instagram-transparent h3,
.brand-instagram-transparent h4,
.brand-instagram-transparent h5,
.brand-instagram-transparent .h1,
.brand-instagram-transparent .h2,
.brand-instagram-transparent .h3,
.brand-instagram-transparent .h4,
.brand-instagram-transparent .h5 {
    color: #fff
}

.brand-instagram-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-instagram-transparent a:hover,
.brand-instagram-transparent a:active,
.brand-instagram-transparent a:focus {
    color: #fff
}

.brand-instagram-transparent .text-muted {
    color: rgba(255, 114, 239, 0.5)
}

.brand-instagram-transparent .text-error,
.brand-instagram-transparent .text-info,
.brand-instagram-transparent .text-success {
    color: #fff
}

.brand-instagram-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-instagram-transparent-m {
        background: rgba(190, 0, 169, 0.5);
        color: #fff
    }

    .brand-instagram-transparent-m h1,
    .brand-instagram-transparent-m h2,
    .brand-instagram-transparent-m h3,
    .brand-instagram-transparent-m h4,
    .brand-instagram-transparent-m h5,
    .brand-instagram-transparent-m .h1,
    .brand-instagram-transparent-m .h2,
    .brand-instagram-transparent-m .h3,
    .brand-instagram-transparent-m .h4,
    .brand-instagram-transparent-m .h5 {
        color: #fff
    }

    .brand-instagram-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-instagram-transparent-m a:hover,
    .brand-instagram-transparent-m a:active,
    .brand-instagram-transparent-m a:focus {
        color: #fff
    }

    .brand-instagram-transparent-m .text-muted {
        color: rgba(255, 114, 239, 0.5)
    }

    .brand-instagram-transparent-m .text-error,
    .brand-instagram-transparent-m .text-info,
    .brand-instagram-transparent-m .text-success {
        color: #fff
    }

    .brand-instagram-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-instagram-transparent-d {
        background: rgba(190, 0, 169, 0.5);
        color: #fff
    }

    .brand-instagram-transparent-d h1,
    .brand-instagram-transparent-d h2,
    .brand-instagram-transparent-d h3,
    .brand-instagram-transparent-d h4,
    .brand-instagram-transparent-d h5,
    .brand-instagram-transparent-d .h1,
    .brand-instagram-transparent-d .h2,
    .brand-instagram-transparent-d .h3,
    .brand-instagram-transparent-d .h4,
    .brand-instagram-transparent-d .h5 {
        color: #fff
    }

    .brand-instagram-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-instagram-transparent-d a:hover,
    .brand-instagram-transparent-d a:active,
    .brand-instagram-transparent-d a:focus {
        color: #fff
    }

    .brand-instagram-transparent-d .text-muted {
        color: rgba(255, 114, 239, 0.5)
    }

    .brand-instagram-transparent-d .text-error,
    .brand-instagram-transparent-d .text-info,
    .brand-instagram-transparent-d .text-success {
        color: #fff
    }

    .brand-instagram-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-instagram-transparent-tablet {
        background: rgba(190, 0, 169, 0.5);
        color: #fff
    }

    .brand-instagram-transparent-tablet h1,
    .brand-instagram-transparent-tablet h2,
    .brand-instagram-transparent-tablet h3,
    .brand-instagram-transparent-tablet h4,
    .brand-instagram-transparent-tablet h5,
    .brand-instagram-transparent-tablet .h1,
    .brand-instagram-transparent-tablet .h2,
    .brand-instagram-transparent-tablet .h3,
    .brand-instagram-transparent-tablet .h4,
    .brand-instagram-transparent-tablet .h5 {
        color: #fff
    }

    .brand-instagram-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-instagram-transparent-tablet a:hover,
    .brand-instagram-transparent-tablet a:active,
    .brand-instagram-transparent-tablet a:focus {
        color: #fff
    }

    .brand-instagram-transparent-tablet .text-muted {
        color: rgba(255, 114, 239, 0.5)
    }

    .brand-instagram-transparent-tablet .text-error,
    .brand-instagram-transparent-tablet .text-info,
    .brand-instagram-transparent-tablet .text-success {
        color: #fff
    }

    .brand-instagram-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-instagram-transparent-desktop {
        background: rgba(190, 0, 169, 0.5);
        color: #fff
    }

    .brand-instagram-transparent-desktop h1,
    .brand-instagram-transparent-desktop h2,
    .brand-instagram-transparent-desktop h3,
    .brand-instagram-transparent-desktop h4,
    .brand-instagram-transparent-desktop h5,
    .brand-instagram-transparent-desktop .h1,
    .brand-instagram-transparent-desktop .h2,
    .brand-instagram-transparent-desktop .h3,
    .brand-instagram-transparent-desktop .h4,
    .brand-instagram-transparent-desktop .h5 {
        color: #fff
    }

    .brand-instagram-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-instagram-transparent-desktop a:hover,
    .brand-instagram-transparent-desktop a:active,
    .brand-instagram-transparent-desktop a:focus {
        color: #fff
    }

    .brand-instagram-transparent-desktop .text-muted {
        color: rgba(255, 114, 239, 0.5)
    }

    .brand-instagram-transparent-desktop .text-error,
    .brand-instagram-transparent-desktop .text-info,
    .brand-instagram-transparent-desktop .text-success {
        color: #fff
    }

    .brand-instagram-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-instagram-outline {
    border: 1px solid #BE00A9
}

@media only screen and (max-width: 640px) {
    .brand-instagram-outline-m {
        border: 1px solid #BE00A9
    }
}

@media only screen and (min-width: 640px) {
    .brand-instagram-outline-d {
        border: 1px solid #BE00A9
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-instagram-outline-tablet {
        border: 1px solid #BE00A9
    }
}

@media only screen and (min-width: 1180px) {
    .brand-instagram-outline-desktop {
        border: 1px solid #BE00A9
    }
}

.brand-youtube {
    background: red;
    color: #fff
}

.brand-youtube h1,
.brand-youtube h2,
.brand-youtube h3,
.brand-youtube h4,
.brand-youtube h5,
.brand-youtube .h1,
.brand-youtube .h2,
.brand-youtube .h3,
.brand-youtube .h4,
.brand-youtube .h5 {
    color: #fff
}

.brand-youtube a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-youtube a:hover,
.brand-youtube a:active,
.brand-youtube a:focus {
    color: #fff
}

.brand-youtube .text-muted {
    color: #ffb3b3
}

.brand-youtube .text-error,
.brand-youtube .text-info,
.brand-youtube .text-success {
    color: #fff
}

.brand-youtube>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-youtube-m {
        background: red;
        color: #fff
    }

    .brand-youtube-m h1,
    .brand-youtube-m h2,
    .brand-youtube-m h3,
    .brand-youtube-m h4,
    .brand-youtube-m h5,
    .brand-youtube-m .h1,
    .brand-youtube-m .h2,
    .brand-youtube-m .h3,
    .brand-youtube-m .h4,
    .brand-youtube-m .h5 {
        color: #fff
    }

    .brand-youtube-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-youtube-m a:hover,
    .brand-youtube-m a:active,
    .brand-youtube-m a:focus {
        color: #fff
    }

    .brand-youtube-m .text-muted {
        color: #ffb3b3
    }

    .brand-youtube-m .text-error,
    .brand-youtube-m .text-info,
    .brand-youtube-m .text-success {
        color: #fff
    }

    .brand-youtube-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-youtube-d {
        background: red;
        color: #fff
    }

    .brand-youtube-d h1,
    .brand-youtube-d h2,
    .brand-youtube-d h3,
    .brand-youtube-d h4,
    .brand-youtube-d h5,
    .brand-youtube-d .h1,
    .brand-youtube-d .h2,
    .brand-youtube-d .h3,
    .brand-youtube-d .h4,
    .brand-youtube-d .h5 {
        color: #fff
    }

    .brand-youtube-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-youtube-d a:hover,
    .brand-youtube-d a:active,
    .brand-youtube-d a:focus {
        color: #fff
    }

    .brand-youtube-d .text-muted {
        color: #ffb3b3
    }

    .brand-youtube-d .text-error,
    .brand-youtube-d .text-info,
    .brand-youtube-d .text-success {
        color: #fff
    }

    .brand-youtube-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-youtube-tablet {
        background: red;
        color: #fff
    }

    .brand-youtube-tablet h1,
    .brand-youtube-tablet h2,
    .brand-youtube-tablet h3,
    .brand-youtube-tablet h4,
    .brand-youtube-tablet h5,
    .brand-youtube-tablet .h1,
    .brand-youtube-tablet .h2,
    .brand-youtube-tablet .h3,
    .brand-youtube-tablet .h4,
    .brand-youtube-tablet .h5 {
        color: #fff
    }

    .brand-youtube-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-youtube-tablet a:hover,
    .brand-youtube-tablet a:active,
    .brand-youtube-tablet a:focus {
        color: #fff
    }

    .brand-youtube-tablet .text-muted {
        color: #ffb3b3
    }

    .brand-youtube-tablet .text-error,
    .brand-youtube-tablet .text-info,
    .brand-youtube-tablet .text-success {
        color: #fff
    }

    .brand-youtube-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-youtube-desktop {
        background: red;
        color: #fff
    }

    .brand-youtube-desktop h1,
    .brand-youtube-desktop h2,
    .brand-youtube-desktop h3,
    .brand-youtube-desktop h4,
    .brand-youtube-desktop h5,
    .brand-youtube-desktop .h1,
    .brand-youtube-desktop .h2,
    .brand-youtube-desktop .h3,
    .brand-youtube-desktop .h4,
    .brand-youtube-desktop .h5 {
        color: #fff
    }

    .brand-youtube-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-youtube-desktop a:hover,
    .brand-youtube-desktop a:active,
    .brand-youtube-desktop a:focus {
        color: #fff
    }

    .brand-youtube-desktop .text-muted {
        color: #ffb3b3
    }

    .brand-youtube-desktop .text-error,
    .brand-youtube-desktop .text-info,
    .brand-youtube-desktop .text-success {
        color: #fff
    }

    .brand-youtube-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-youtube-transparent {
    background: rgba(255, 0, 0, 0.5);
    color: #fff
}

.brand-youtube-transparent h1,
.brand-youtube-transparent h2,
.brand-youtube-transparent h3,
.brand-youtube-transparent h4,
.brand-youtube-transparent h5,
.brand-youtube-transparent .h1,
.brand-youtube-transparent .h2,
.brand-youtube-transparent .h3,
.brand-youtube-transparent .h4,
.brand-youtube-transparent .h5 {
    color: #fff
}

.brand-youtube-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-youtube-transparent a:hover,
.brand-youtube-transparent a:active,
.brand-youtube-transparent a:focus {
    color: #fff
}

.brand-youtube-transparent .text-muted {
    color: rgba(255, 179, 179, 0.5)
}

.brand-youtube-transparent .text-error,
.brand-youtube-transparent .text-info,
.brand-youtube-transparent .text-success {
    color: #fff
}

.brand-youtube-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-youtube-transparent-m {
        background: rgba(255, 0, 0, 0.5);
        color: #fff
    }

    .brand-youtube-transparent-m h1,
    .brand-youtube-transparent-m h2,
    .brand-youtube-transparent-m h3,
    .brand-youtube-transparent-m h4,
    .brand-youtube-transparent-m h5,
    .brand-youtube-transparent-m .h1,
    .brand-youtube-transparent-m .h2,
    .brand-youtube-transparent-m .h3,
    .brand-youtube-transparent-m .h4,
    .brand-youtube-transparent-m .h5 {
        color: #fff
    }

    .brand-youtube-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-youtube-transparent-m a:hover,
    .brand-youtube-transparent-m a:active,
    .brand-youtube-transparent-m a:focus {
        color: #fff
    }

    .brand-youtube-transparent-m .text-muted {
        color: rgba(255, 179, 179, 0.5)
    }

    .brand-youtube-transparent-m .text-error,
    .brand-youtube-transparent-m .text-info,
    .brand-youtube-transparent-m .text-success {
        color: #fff
    }

    .brand-youtube-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-youtube-transparent-d {
        background: rgba(255, 0, 0, 0.5);
        color: #fff
    }

    .brand-youtube-transparent-d h1,
    .brand-youtube-transparent-d h2,
    .brand-youtube-transparent-d h3,
    .brand-youtube-transparent-d h4,
    .brand-youtube-transparent-d h5,
    .brand-youtube-transparent-d .h1,
    .brand-youtube-transparent-d .h2,
    .brand-youtube-transparent-d .h3,
    .brand-youtube-transparent-d .h4,
    .brand-youtube-transparent-d .h5 {
        color: #fff
    }

    .brand-youtube-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-youtube-transparent-d a:hover,
    .brand-youtube-transparent-d a:active,
    .brand-youtube-transparent-d a:focus {
        color: #fff
    }

    .brand-youtube-transparent-d .text-muted {
        color: rgba(255, 179, 179, 0.5)
    }

    .brand-youtube-transparent-d .text-error,
    .brand-youtube-transparent-d .text-info,
    .brand-youtube-transparent-d .text-success {
        color: #fff
    }

    .brand-youtube-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-youtube-transparent-tablet {
        background: rgba(255, 0, 0, 0.5);
        color: #fff
    }

    .brand-youtube-transparent-tablet h1,
    .brand-youtube-transparent-tablet h2,
    .brand-youtube-transparent-tablet h3,
    .brand-youtube-transparent-tablet h4,
    .brand-youtube-transparent-tablet h5,
    .brand-youtube-transparent-tablet .h1,
    .brand-youtube-transparent-tablet .h2,
    .brand-youtube-transparent-tablet .h3,
    .brand-youtube-transparent-tablet .h4,
    .brand-youtube-transparent-tablet .h5 {
        color: #fff
    }

    .brand-youtube-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-youtube-transparent-tablet a:hover,
    .brand-youtube-transparent-tablet a:active,
    .brand-youtube-transparent-tablet a:focus {
        color: #fff
    }

    .brand-youtube-transparent-tablet .text-muted {
        color: rgba(255, 179, 179, 0.5)
    }

    .brand-youtube-transparent-tablet .text-error,
    .brand-youtube-transparent-tablet .text-info,
    .brand-youtube-transparent-tablet .text-success {
        color: #fff
    }

    .brand-youtube-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-youtube-transparent-desktop {
        background: rgba(255, 0, 0, 0.5);
        color: #fff
    }

    .brand-youtube-transparent-desktop h1,
    .brand-youtube-transparent-desktop h2,
    .brand-youtube-transparent-desktop h3,
    .brand-youtube-transparent-desktop h4,
    .brand-youtube-transparent-desktop h5,
    .brand-youtube-transparent-desktop .h1,
    .brand-youtube-transparent-desktop .h2,
    .brand-youtube-transparent-desktop .h3,
    .brand-youtube-transparent-desktop .h4,
    .brand-youtube-transparent-desktop .h5 {
        color: #fff
    }

    .brand-youtube-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-youtube-transparent-desktop a:hover,
    .brand-youtube-transparent-desktop a:active,
    .brand-youtube-transparent-desktop a:focus {
        color: #fff
    }

    .brand-youtube-transparent-desktop .text-muted {
        color: rgba(255, 179, 179, 0.5)
    }

    .brand-youtube-transparent-desktop .text-error,
    .brand-youtube-transparent-desktop .text-info,
    .brand-youtube-transparent-desktop .text-success {
        color: #fff
    }

    .brand-youtube-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-youtube-outline {
    border: 1px solid red
}

@media only screen and (max-width: 640px) {
    .brand-youtube-outline-m {
        border: 1px solid red
    }
}

@media only screen and (min-width: 640px) {
    .brand-youtube-outline-d {
        border: 1px solid red
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-youtube-outline-tablet {
        border: 1px solid red
    }
}

@media only screen and (min-width: 1180px) {
    .brand-youtube-outline-desktop {
        border: 1px solid red
    }
}

.brand-linkedin {
    background: #1884bc;
    color: #fff
}

.brand-linkedin h1,
.brand-linkedin h2,
.brand-linkedin h3,
.brand-linkedin h4,
.brand-linkedin h5,
.brand-linkedin .h1,
.brand-linkedin .h2,
.brand-linkedin .h3,
.brand-linkedin .h4,
.brand-linkedin .h5 {
    color: #fff
}

.brand-linkedin a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-linkedin a:hover,
.brand-linkedin a:active,
.brand-linkedin a:focus {
    color: #fff
}

.brand-linkedin .text-muted {
    color: #95d2f1
}

.brand-linkedin .text-error,
.brand-linkedin .text-info,
.brand-linkedin .text-success {
    color: #fff
}

.brand-linkedin>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-linkedin-m {
        background: #1884bc;
        color: #fff
    }

    .brand-linkedin-m h1,
    .brand-linkedin-m h2,
    .brand-linkedin-m h3,
    .brand-linkedin-m h4,
    .brand-linkedin-m h5,
    .brand-linkedin-m .h1,
    .brand-linkedin-m .h2,
    .brand-linkedin-m .h3,
    .brand-linkedin-m .h4,
    .brand-linkedin-m .h5 {
        color: #fff
    }

    .brand-linkedin-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-linkedin-m a:hover,
    .brand-linkedin-m a:active,
    .brand-linkedin-m a:focus {
        color: #fff
    }

    .brand-linkedin-m .text-muted {
        color: #95d2f1
    }

    .brand-linkedin-m .text-error,
    .brand-linkedin-m .text-info,
    .brand-linkedin-m .text-success {
        color: #fff
    }

    .brand-linkedin-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-linkedin-d {
        background: #1884bc;
        color: #fff
    }

    .brand-linkedin-d h1,
    .brand-linkedin-d h2,
    .brand-linkedin-d h3,
    .brand-linkedin-d h4,
    .brand-linkedin-d h5,
    .brand-linkedin-d .h1,
    .brand-linkedin-d .h2,
    .brand-linkedin-d .h3,
    .brand-linkedin-d .h4,
    .brand-linkedin-d .h5 {
        color: #fff
    }

    .brand-linkedin-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-linkedin-d a:hover,
    .brand-linkedin-d a:active,
    .brand-linkedin-d a:focus {
        color: #fff
    }

    .brand-linkedin-d .text-muted {
        color: #95d2f1
    }

    .brand-linkedin-d .text-error,
    .brand-linkedin-d .text-info,
    .brand-linkedin-d .text-success {
        color: #fff
    }

    .brand-linkedin-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-linkedin-tablet {
        background: #1884bc;
        color: #fff
    }

    .brand-linkedin-tablet h1,
    .brand-linkedin-tablet h2,
    .brand-linkedin-tablet h3,
    .brand-linkedin-tablet h4,
    .brand-linkedin-tablet h5,
    .brand-linkedin-tablet .h1,
    .brand-linkedin-tablet .h2,
    .brand-linkedin-tablet .h3,
    .brand-linkedin-tablet .h4,
    .brand-linkedin-tablet .h5 {
        color: #fff
    }

    .brand-linkedin-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-linkedin-tablet a:hover,
    .brand-linkedin-tablet a:active,
    .brand-linkedin-tablet a:focus {
        color: #fff
    }

    .brand-linkedin-tablet .text-muted {
        color: #95d2f1
    }

    .brand-linkedin-tablet .text-error,
    .brand-linkedin-tablet .text-info,
    .brand-linkedin-tablet .text-success {
        color: #fff
    }

    .brand-linkedin-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-linkedin-desktop {
        background: #1884bc;
        color: #fff
    }

    .brand-linkedin-desktop h1,
    .brand-linkedin-desktop h2,
    .brand-linkedin-desktop h3,
    .brand-linkedin-desktop h4,
    .brand-linkedin-desktop h5,
    .brand-linkedin-desktop .h1,
    .brand-linkedin-desktop .h2,
    .brand-linkedin-desktop .h3,
    .brand-linkedin-desktop .h4,
    .brand-linkedin-desktop .h5 {
        color: #fff
    }

    .brand-linkedin-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-linkedin-desktop a:hover,
    .brand-linkedin-desktop a:active,
    .brand-linkedin-desktop a:focus {
        color: #fff
    }

    .brand-linkedin-desktop .text-muted {
        color: #95d2f1
    }

    .brand-linkedin-desktop .text-error,
    .brand-linkedin-desktop .text-info,
    .brand-linkedin-desktop .text-success {
        color: #fff
    }

    .brand-linkedin-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-linkedin-transparent {
    background: rgba(24, 132, 188, 0.5);
    color: #fff
}

.brand-linkedin-transparent h1,
.brand-linkedin-transparent h2,
.brand-linkedin-transparent h3,
.brand-linkedin-transparent h4,
.brand-linkedin-transparent h5,
.brand-linkedin-transparent .h1,
.brand-linkedin-transparent .h2,
.brand-linkedin-transparent .h3,
.brand-linkedin-transparent .h4,
.brand-linkedin-transparent .h5 {
    color: #fff
}

.brand-linkedin-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-linkedin-transparent a:hover,
.brand-linkedin-transparent a:active,
.brand-linkedin-transparent a:focus {
    color: #fff
}

.brand-linkedin-transparent .text-muted {
    color: rgba(149, 210, 241, 0.5)
}

.brand-linkedin-transparent .text-error,
.brand-linkedin-transparent .text-info,
.brand-linkedin-transparent .text-success {
    color: #fff
}

.brand-linkedin-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-linkedin-transparent-m {
        background: rgba(24, 132, 188, 0.5);
        color: #fff
    }

    .brand-linkedin-transparent-m h1,
    .brand-linkedin-transparent-m h2,
    .brand-linkedin-transparent-m h3,
    .brand-linkedin-transparent-m h4,
    .brand-linkedin-transparent-m h5,
    .brand-linkedin-transparent-m .h1,
    .brand-linkedin-transparent-m .h2,
    .brand-linkedin-transparent-m .h3,
    .brand-linkedin-transparent-m .h4,
    .brand-linkedin-transparent-m .h5 {
        color: #fff
    }

    .brand-linkedin-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-linkedin-transparent-m a:hover,
    .brand-linkedin-transparent-m a:active,
    .brand-linkedin-transparent-m a:focus {
        color: #fff
    }

    .brand-linkedin-transparent-m .text-muted {
        color: rgba(149, 210, 241, 0.5)
    }

    .brand-linkedin-transparent-m .text-error,
    .brand-linkedin-transparent-m .text-info,
    .brand-linkedin-transparent-m .text-success {
        color: #fff
    }

    .brand-linkedin-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-linkedin-transparent-d {
        background: rgba(24, 132, 188, 0.5);
        color: #fff
    }

    .brand-linkedin-transparent-d h1,
    .brand-linkedin-transparent-d h2,
    .brand-linkedin-transparent-d h3,
    .brand-linkedin-transparent-d h4,
    .brand-linkedin-transparent-d h5,
    .brand-linkedin-transparent-d .h1,
    .brand-linkedin-transparent-d .h2,
    .brand-linkedin-transparent-d .h3,
    .brand-linkedin-transparent-d .h4,
    .brand-linkedin-transparent-d .h5 {
        color: #fff
    }

    .brand-linkedin-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-linkedin-transparent-d a:hover,
    .brand-linkedin-transparent-d a:active,
    .brand-linkedin-transparent-d a:focus {
        color: #fff
    }

    .brand-linkedin-transparent-d .text-muted {
        color: rgba(149, 210, 241, 0.5)
    }

    .brand-linkedin-transparent-d .text-error,
    .brand-linkedin-transparent-d .text-info,
    .brand-linkedin-transparent-d .text-success {
        color: #fff
    }

    .brand-linkedin-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-linkedin-transparent-tablet {
        background: rgba(24, 132, 188, 0.5);
        color: #fff
    }

    .brand-linkedin-transparent-tablet h1,
    .brand-linkedin-transparent-tablet h2,
    .brand-linkedin-transparent-tablet h3,
    .brand-linkedin-transparent-tablet h4,
    .brand-linkedin-transparent-tablet h5,
    .brand-linkedin-transparent-tablet .h1,
    .brand-linkedin-transparent-tablet .h2,
    .brand-linkedin-transparent-tablet .h3,
    .brand-linkedin-transparent-tablet .h4,
    .brand-linkedin-transparent-tablet .h5 {
        color: #fff
    }

    .brand-linkedin-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-linkedin-transparent-tablet a:hover,
    .brand-linkedin-transparent-tablet a:active,
    .brand-linkedin-transparent-tablet a:focus {
        color: #fff
    }

    .brand-linkedin-transparent-tablet .text-muted {
        color: rgba(149, 210, 241, 0.5)
    }

    .brand-linkedin-transparent-tablet .text-error,
    .brand-linkedin-transparent-tablet .text-info,
    .brand-linkedin-transparent-tablet .text-success {
        color: #fff
    }

    .brand-linkedin-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-linkedin-transparent-desktop {
        background: rgba(24, 132, 188, 0.5);
        color: #fff
    }

    .brand-linkedin-transparent-desktop h1,
    .brand-linkedin-transparent-desktop h2,
    .brand-linkedin-transparent-desktop h3,
    .brand-linkedin-transparent-desktop h4,
    .brand-linkedin-transparent-desktop h5,
    .brand-linkedin-transparent-desktop .h1,
    .brand-linkedin-transparent-desktop .h2,
    .brand-linkedin-transparent-desktop .h3,
    .brand-linkedin-transparent-desktop .h4,
    .brand-linkedin-transparent-desktop .h5 {
        color: #fff
    }

    .brand-linkedin-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-linkedin-transparent-desktop a:hover,
    .brand-linkedin-transparent-desktop a:active,
    .brand-linkedin-transparent-desktop a:focus {
        color: #fff
    }

    .brand-linkedin-transparent-desktop .text-muted {
        color: rgba(149, 210, 241, 0.5)
    }

    .brand-linkedin-transparent-desktop .text-error,
    .brand-linkedin-transparent-desktop .text-info,
    .brand-linkedin-transparent-desktop .text-success {
        color: #fff
    }

    .brand-linkedin-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-linkedin-outline {
    border: 1px solid #1884bc
}

@media only screen and (max-width: 640px) {
    .brand-linkedin-outline-m {
        border: 1px solid #1884bc
    }
}

@media only screen and (min-width: 640px) {
    .brand-linkedin-outline-d {
        border: 1px solid #1884bc
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-linkedin-outline-tablet {
        border: 1px solid #1884bc
    }
}

@media only screen and (min-width: 1180px) {
    .brand-linkedin-outline-desktop {
        border: 1px solid #1884bc
    }
}

.brand-google-plus {
    background: #dd4b39;
    color: #fff
}

.brand-google-plus h1,
.brand-google-plus h2,
.brand-google-plus h3,
.brand-google-plus h4,
.brand-google-plus h5,
.brand-google-plus .h1,
.brand-google-plus .h2,
.brand-google-plus .h3,
.brand-google-plus .h4,
.brand-google-plus .h5 {
    color: #fff
}

.brand-google-plus a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-google-plus a:hover,
.brand-google-plus a:active,
.brand-google-plus a:focus {
    color: #fff
}

.brand-google-plus .text-muted {
    color: #f7d5d1
}

.brand-google-plus .text-error,
.brand-google-plus .text-info,
.brand-google-plus .text-success {
    color: #fff
}

.brand-google-plus>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-google-plus-m {
        background: #dd4b39;
        color: #fff
    }

    .brand-google-plus-m h1,
    .brand-google-plus-m h2,
    .brand-google-plus-m h3,
    .brand-google-plus-m h4,
    .brand-google-plus-m h5,
    .brand-google-plus-m .h1,
    .brand-google-plus-m .h2,
    .brand-google-plus-m .h3,
    .brand-google-plus-m .h4,
    .brand-google-plus-m .h5 {
        color: #fff
    }

    .brand-google-plus-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-google-plus-m a:hover,
    .brand-google-plus-m a:active,
    .brand-google-plus-m a:focus {
        color: #fff
    }

    .brand-google-plus-m .text-muted {
        color: #f7d5d1
    }

    .brand-google-plus-m .text-error,
    .brand-google-plus-m .text-info,
    .brand-google-plus-m .text-success {
        color: #fff
    }

    .brand-google-plus-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-google-plus-d {
        background: #dd4b39;
        color: #fff
    }

    .brand-google-plus-d h1,
    .brand-google-plus-d h2,
    .brand-google-plus-d h3,
    .brand-google-plus-d h4,
    .brand-google-plus-d h5,
    .brand-google-plus-d .h1,
    .brand-google-plus-d .h2,
    .brand-google-plus-d .h3,
    .brand-google-plus-d .h4,
    .brand-google-plus-d .h5 {
        color: #fff
    }

    .brand-google-plus-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-google-plus-d a:hover,
    .brand-google-plus-d a:active,
    .brand-google-plus-d a:focus {
        color: #fff
    }

    .brand-google-plus-d .text-muted {
        color: #f7d5d1
    }

    .brand-google-plus-d .text-error,
    .brand-google-plus-d .text-info,
    .brand-google-plus-d .text-success {
        color: #fff
    }

    .brand-google-plus-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-google-plus-tablet {
        background: #dd4b39;
        color: #fff
    }

    .brand-google-plus-tablet h1,
    .brand-google-plus-tablet h2,
    .brand-google-plus-tablet h3,
    .brand-google-plus-tablet h4,
    .brand-google-plus-tablet h5,
    .brand-google-plus-tablet .h1,
    .brand-google-plus-tablet .h2,
    .brand-google-plus-tablet .h3,
    .brand-google-plus-tablet .h4,
    .brand-google-plus-tablet .h5 {
        color: #fff
    }

    .brand-google-plus-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-google-plus-tablet a:hover,
    .brand-google-plus-tablet a:active,
    .brand-google-plus-tablet a:focus {
        color: #fff
    }

    .brand-google-plus-tablet .text-muted {
        color: #f7d5d1
    }

    .brand-google-plus-tablet .text-error,
    .brand-google-plus-tablet .text-info,
    .brand-google-plus-tablet .text-success {
        color: #fff
    }

    .brand-google-plus-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-google-plus-desktop {
        background: #dd4b39;
        color: #fff
    }

    .brand-google-plus-desktop h1,
    .brand-google-plus-desktop h2,
    .brand-google-plus-desktop h3,
    .brand-google-plus-desktop h4,
    .brand-google-plus-desktop h5,
    .brand-google-plus-desktop .h1,
    .brand-google-plus-desktop .h2,
    .brand-google-plus-desktop .h3,
    .brand-google-plus-desktop .h4,
    .brand-google-plus-desktop .h5 {
        color: #fff
    }

    .brand-google-plus-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-google-plus-desktop a:hover,
    .brand-google-plus-desktop a:active,
    .brand-google-plus-desktop a:focus {
        color: #fff
    }

    .brand-google-plus-desktop .text-muted {
        color: #f7d5d1
    }

    .brand-google-plus-desktop .text-error,
    .brand-google-plus-desktop .text-info,
    .brand-google-plus-desktop .text-success {
        color: #fff
    }

    .brand-google-plus-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-google-plus-transparent {
    background: rgba(221, 75, 57, 0.5);
    color: #fff
}

.brand-google-plus-transparent h1,
.brand-google-plus-transparent h2,
.brand-google-plus-transparent h3,
.brand-google-plus-transparent h4,
.brand-google-plus-transparent h5,
.brand-google-plus-transparent .h1,
.brand-google-plus-transparent .h2,
.brand-google-plus-transparent .h3,
.brand-google-plus-transparent .h4,
.brand-google-plus-transparent .h5 {
    color: #fff
}

.brand-google-plus-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-google-plus-transparent a:hover,
.brand-google-plus-transparent a:active,
.brand-google-plus-transparent a:focus {
    color: #fff
}

.brand-google-plus-transparent .text-muted {
    color: rgba(247, 213, 209, 0.5)
}

.brand-google-plus-transparent .text-error,
.brand-google-plus-transparent .text-info,
.brand-google-plus-transparent .text-success {
    color: #fff
}

.brand-google-plus-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-google-plus-transparent-m {
        background: rgba(221, 75, 57, 0.5);
        color: #fff
    }

    .brand-google-plus-transparent-m h1,
    .brand-google-plus-transparent-m h2,
    .brand-google-plus-transparent-m h3,
    .brand-google-plus-transparent-m h4,
    .brand-google-plus-transparent-m h5,
    .brand-google-plus-transparent-m .h1,
    .brand-google-plus-transparent-m .h2,
    .brand-google-plus-transparent-m .h3,
    .brand-google-plus-transparent-m .h4,
    .brand-google-plus-transparent-m .h5 {
        color: #fff
    }

    .brand-google-plus-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-google-plus-transparent-m a:hover,
    .brand-google-plus-transparent-m a:active,
    .brand-google-plus-transparent-m a:focus {
        color: #fff
    }

    .brand-google-plus-transparent-m .text-muted {
        color: rgba(247, 213, 209, 0.5)
    }

    .brand-google-plus-transparent-m .text-error,
    .brand-google-plus-transparent-m .text-info,
    .brand-google-plus-transparent-m .text-success {
        color: #fff
    }

    .brand-google-plus-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-google-plus-transparent-d {
        background: rgba(221, 75, 57, 0.5);
        color: #fff
    }

    .brand-google-plus-transparent-d h1,
    .brand-google-plus-transparent-d h2,
    .brand-google-plus-transparent-d h3,
    .brand-google-plus-transparent-d h4,
    .brand-google-plus-transparent-d h5,
    .brand-google-plus-transparent-d .h1,
    .brand-google-plus-transparent-d .h2,
    .brand-google-plus-transparent-d .h3,
    .brand-google-plus-transparent-d .h4,
    .brand-google-plus-transparent-d .h5 {
        color: #fff
    }

    .brand-google-plus-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-google-plus-transparent-d a:hover,
    .brand-google-plus-transparent-d a:active,
    .brand-google-plus-transparent-d a:focus {
        color: #fff
    }

    .brand-google-plus-transparent-d .text-muted {
        color: rgba(247, 213, 209, 0.5)
    }

    .brand-google-plus-transparent-d .text-error,
    .brand-google-plus-transparent-d .text-info,
    .brand-google-plus-transparent-d .text-success {
        color: #fff
    }

    .brand-google-plus-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-google-plus-transparent-tablet {
        background: rgba(221, 75, 57, 0.5);
        color: #fff
    }

    .brand-google-plus-transparent-tablet h1,
    .brand-google-plus-transparent-tablet h2,
    .brand-google-plus-transparent-tablet h3,
    .brand-google-plus-transparent-tablet h4,
    .brand-google-plus-transparent-tablet h5,
    .brand-google-plus-transparent-tablet .h1,
    .brand-google-plus-transparent-tablet .h2,
    .brand-google-plus-transparent-tablet .h3,
    .brand-google-plus-transparent-tablet .h4,
    .brand-google-plus-transparent-tablet .h5 {
        color: #fff
    }

    .brand-google-plus-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-google-plus-transparent-tablet a:hover,
    .brand-google-plus-transparent-tablet a:active,
    .brand-google-plus-transparent-tablet a:focus {
        color: #fff
    }

    .brand-google-plus-transparent-tablet .text-muted {
        color: rgba(247, 213, 209, 0.5)
    }

    .brand-google-plus-transparent-tablet .text-error,
    .brand-google-plus-transparent-tablet .text-info,
    .brand-google-plus-transparent-tablet .text-success {
        color: #fff
    }

    .brand-google-plus-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-google-plus-transparent-desktop {
        background: rgba(221, 75, 57, 0.5);
        color: #fff
    }

    .brand-google-plus-transparent-desktop h1,
    .brand-google-plus-transparent-desktop h2,
    .brand-google-plus-transparent-desktop h3,
    .brand-google-plus-transparent-desktop h4,
    .brand-google-plus-transparent-desktop h5,
    .brand-google-plus-transparent-desktop .h1,
    .brand-google-plus-transparent-desktop .h2,
    .brand-google-plus-transparent-desktop .h3,
    .brand-google-plus-transparent-desktop .h4,
    .brand-google-plus-transparent-desktop .h5 {
        color: #fff
    }

    .brand-google-plus-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-google-plus-transparent-desktop a:hover,
    .brand-google-plus-transparent-desktop a:active,
    .brand-google-plus-transparent-desktop a:focus {
        color: #fff
    }

    .brand-google-plus-transparent-desktop .text-muted {
        color: rgba(247, 213, 209, 0.5)
    }

    .brand-google-plus-transparent-desktop .text-error,
    .brand-google-plus-transparent-desktop .text-info,
    .brand-google-plus-transparent-desktop .text-success {
        color: #fff
    }

    .brand-google-plus-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-google-plus-outline {
    border: 1px solid #dd4b39
}

@media only screen and (max-width: 640px) {
    .brand-google-plus-outline-m {
        border: 1px solid #dd4b39
    }
}

@media only screen and (min-width: 640px) {
    .brand-google-plus-outline-d {
        border: 1px solid #dd4b39
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-google-plus-outline-tablet {
        border: 1px solid #dd4b39
    }
}

@media only screen and (min-width: 1180px) {
    .brand-google-plus-outline-desktop {
        border: 1px solid #dd4b39
    }
}

.brand-whatsapp {
    background: #25d366;
    color: #fff
}

.brand-whatsapp h1,
.brand-whatsapp h2,
.brand-whatsapp h3,
.brand-whatsapp h4,
.brand-whatsapp h5,
.brand-whatsapp .h1,
.brand-whatsapp .h2,
.brand-whatsapp .h3,
.brand-whatsapp .h4,
.brand-whatsapp .h5 {
    color: #fff
}

.brand-whatsapp a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-whatsapp a:hover,
.brand-whatsapp a:active,
.brand-whatsapp a:focus {
    color: #fff
}

.brand-whatsapp .text-muted {
    color: #b8f3ce
}

.brand-whatsapp .text-error,
.brand-whatsapp .text-info,
.brand-whatsapp .text-success {
    color: #fff
}

.brand-whatsapp>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-whatsapp-m {
        background: #25d366;
        color: #fff
    }

    .brand-whatsapp-m h1,
    .brand-whatsapp-m h2,
    .brand-whatsapp-m h3,
    .brand-whatsapp-m h4,
    .brand-whatsapp-m h5,
    .brand-whatsapp-m .h1,
    .brand-whatsapp-m .h2,
    .brand-whatsapp-m .h3,
    .brand-whatsapp-m .h4,
    .brand-whatsapp-m .h5 {
        color: #fff
    }

    .brand-whatsapp-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-whatsapp-m a:hover,
    .brand-whatsapp-m a:active,
    .brand-whatsapp-m a:focus {
        color: #fff
    }

    .brand-whatsapp-m .text-muted {
        color: #b8f3ce
    }

    .brand-whatsapp-m .text-error,
    .brand-whatsapp-m .text-info,
    .brand-whatsapp-m .text-success {
        color: #fff
    }

    .brand-whatsapp-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-whatsapp-d {
        background: #25d366;
        color: #fff
    }

    .brand-whatsapp-d h1,
    .brand-whatsapp-d h2,
    .brand-whatsapp-d h3,
    .brand-whatsapp-d h4,
    .brand-whatsapp-d h5,
    .brand-whatsapp-d .h1,
    .brand-whatsapp-d .h2,
    .brand-whatsapp-d .h3,
    .brand-whatsapp-d .h4,
    .brand-whatsapp-d .h5 {
        color: #fff
    }

    .brand-whatsapp-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-whatsapp-d a:hover,
    .brand-whatsapp-d a:active,
    .brand-whatsapp-d a:focus {
        color: #fff
    }

    .brand-whatsapp-d .text-muted {
        color: #b8f3ce
    }

    .brand-whatsapp-d .text-error,
    .brand-whatsapp-d .text-info,
    .brand-whatsapp-d .text-success {
        color: #fff
    }

    .brand-whatsapp-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-whatsapp-tablet {
        background: #25d366;
        color: #fff
    }

    .brand-whatsapp-tablet h1,
    .brand-whatsapp-tablet h2,
    .brand-whatsapp-tablet h3,
    .brand-whatsapp-tablet h4,
    .brand-whatsapp-tablet h5,
    .brand-whatsapp-tablet .h1,
    .brand-whatsapp-tablet .h2,
    .brand-whatsapp-tablet .h3,
    .brand-whatsapp-tablet .h4,
    .brand-whatsapp-tablet .h5 {
        color: #fff
    }

    .brand-whatsapp-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-whatsapp-tablet a:hover,
    .brand-whatsapp-tablet a:active,
    .brand-whatsapp-tablet a:focus {
        color: #fff
    }

    .brand-whatsapp-tablet .text-muted {
        color: #b8f3ce
    }

    .brand-whatsapp-tablet .text-error,
    .brand-whatsapp-tablet .text-info,
    .brand-whatsapp-tablet .text-success {
        color: #fff
    }

    .brand-whatsapp-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-whatsapp-desktop {
        background: #25d366;
        color: #fff
    }

    .brand-whatsapp-desktop h1,
    .brand-whatsapp-desktop h2,
    .brand-whatsapp-desktop h3,
    .brand-whatsapp-desktop h4,
    .brand-whatsapp-desktop h5,
    .brand-whatsapp-desktop .h1,
    .brand-whatsapp-desktop .h2,
    .brand-whatsapp-desktop .h3,
    .brand-whatsapp-desktop .h4,
    .brand-whatsapp-desktop .h5 {
        color: #fff
    }

    .brand-whatsapp-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-whatsapp-desktop a:hover,
    .brand-whatsapp-desktop a:active,
    .brand-whatsapp-desktop a:focus {
        color: #fff
    }

    .brand-whatsapp-desktop .text-muted {
        color: #b8f3ce
    }

    .brand-whatsapp-desktop .text-error,
    .brand-whatsapp-desktop .text-info,
    .brand-whatsapp-desktop .text-success {
        color: #fff
    }

    .brand-whatsapp-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-whatsapp-transparent {
    background: rgba(37, 211, 102, 0.5);
    color: #fff
}

.brand-whatsapp-transparent h1,
.brand-whatsapp-transparent h2,
.brand-whatsapp-transparent h3,
.brand-whatsapp-transparent h4,
.brand-whatsapp-transparent h5,
.brand-whatsapp-transparent .h1,
.brand-whatsapp-transparent .h2,
.brand-whatsapp-transparent .h3,
.brand-whatsapp-transparent .h4,
.brand-whatsapp-transparent .h5 {
    color: #fff
}

.brand-whatsapp-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-whatsapp-transparent a:hover,
.brand-whatsapp-transparent a:active,
.brand-whatsapp-transparent a:focus {
    color: #fff
}

.brand-whatsapp-transparent .text-muted {
    color: rgba(184, 243, 206, 0.5)
}

.brand-whatsapp-transparent .text-error,
.brand-whatsapp-transparent .text-info,
.brand-whatsapp-transparent .text-success {
    color: #fff
}

.brand-whatsapp-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-whatsapp-transparent-m {
        background: rgba(37, 211, 102, 0.5);
        color: #fff
    }

    .brand-whatsapp-transparent-m h1,
    .brand-whatsapp-transparent-m h2,
    .brand-whatsapp-transparent-m h3,
    .brand-whatsapp-transparent-m h4,
    .brand-whatsapp-transparent-m h5,
    .brand-whatsapp-transparent-m .h1,
    .brand-whatsapp-transparent-m .h2,
    .brand-whatsapp-transparent-m .h3,
    .brand-whatsapp-transparent-m .h4,
    .brand-whatsapp-transparent-m .h5 {
        color: #fff
    }

    .brand-whatsapp-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-whatsapp-transparent-m a:hover,
    .brand-whatsapp-transparent-m a:active,
    .brand-whatsapp-transparent-m a:focus {
        color: #fff
    }

    .brand-whatsapp-transparent-m .text-muted {
        color: rgba(184, 243, 206, 0.5)
    }

    .brand-whatsapp-transparent-m .text-error,
    .brand-whatsapp-transparent-m .text-info,
    .brand-whatsapp-transparent-m .text-success {
        color: #fff
    }

    .brand-whatsapp-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-whatsapp-transparent-d {
        background: rgba(37, 211, 102, 0.5);
        color: #fff
    }

    .brand-whatsapp-transparent-d h1,
    .brand-whatsapp-transparent-d h2,
    .brand-whatsapp-transparent-d h3,
    .brand-whatsapp-transparent-d h4,
    .brand-whatsapp-transparent-d h5,
    .brand-whatsapp-transparent-d .h1,
    .brand-whatsapp-transparent-d .h2,
    .brand-whatsapp-transparent-d .h3,
    .brand-whatsapp-transparent-d .h4,
    .brand-whatsapp-transparent-d .h5 {
        color: #fff
    }

    .brand-whatsapp-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-whatsapp-transparent-d a:hover,
    .brand-whatsapp-transparent-d a:active,
    .brand-whatsapp-transparent-d a:focus {
        color: #fff
    }

    .brand-whatsapp-transparent-d .text-muted {
        color: rgba(184, 243, 206, 0.5)
    }

    .brand-whatsapp-transparent-d .text-error,
    .brand-whatsapp-transparent-d .text-info,
    .brand-whatsapp-transparent-d .text-success {
        color: #fff
    }

    .brand-whatsapp-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-whatsapp-transparent-tablet {
        background: rgba(37, 211, 102, 0.5);
        color: #fff
    }

    .brand-whatsapp-transparent-tablet h1,
    .brand-whatsapp-transparent-tablet h2,
    .brand-whatsapp-transparent-tablet h3,
    .brand-whatsapp-transparent-tablet h4,
    .brand-whatsapp-transparent-tablet h5,
    .brand-whatsapp-transparent-tablet .h1,
    .brand-whatsapp-transparent-tablet .h2,
    .brand-whatsapp-transparent-tablet .h3,
    .brand-whatsapp-transparent-tablet .h4,
    .brand-whatsapp-transparent-tablet .h5 {
        color: #fff
    }

    .brand-whatsapp-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-whatsapp-transparent-tablet a:hover,
    .brand-whatsapp-transparent-tablet a:active,
    .brand-whatsapp-transparent-tablet a:focus {
        color: #fff
    }

    .brand-whatsapp-transparent-tablet .text-muted {
        color: rgba(184, 243, 206, 0.5)
    }

    .brand-whatsapp-transparent-tablet .text-error,
    .brand-whatsapp-transparent-tablet .text-info,
    .brand-whatsapp-transparent-tablet .text-success {
        color: #fff
    }

    .brand-whatsapp-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-whatsapp-transparent-desktop {
        background: rgba(37, 211, 102, 0.5);
        color: #fff
    }

    .brand-whatsapp-transparent-desktop h1,
    .brand-whatsapp-transparent-desktop h2,
    .brand-whatsapp-transparent-desktop h3,
    .brand-whatsapp-transparent-desktop h4,
    .brand-whatsapp-transparent-desktop h5,
    .brand-whatsapp-transparent-desktop .h1,
    .brand-whatsapp-transparent-desktop .h2,
    .brand-whatsapp-transparent-desktop .h3,
    .brand-whatsapp-transparent-desktop .h4,
    .brand-whatsapp-transparent-desktop .h5 {
        color: #fff
    }

    .brand-whatsapp-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-whatsapp-transparent-desktop a:hover,
    .brand-whatsapp-transparent-desktop a:active,
    .brand-whatsapp-transparent-desktop a:focus {
        color: #fff
    }

    .brand-whatsapp-transparent-desktop .text-muted {
        color: rgba(184, 243, 206, 0.5)
    }

    .brand-whatsapp-transparent-desktop .text-error,
    .brand-whatsapp-transparent-desktop .text-info,
    .brand-whatsapp-transparent-desktop .text-success {
        color: #fff
    }

    .brand-whatsapp-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-whatsapp-outline {
    border: 1px solid #25d366
}

@media only screen and (max-width: 640px) {
    .brand-whatsapp-outline-m {
        border: 1px solid #25d366
    }
}

@media only screen and (min-width: 640px) {
    .brand-whatsapp-outline-d {
        border: 1px solid #25d366
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-whatsapp-outline-tablet {
        border: 1px solid #25d366
    }
}

@media only screen and (min-width: 1180px) {
    .brand-whatsapp-outline-desktop {
        border: 1px solid #25d366
    }
}

.brand-mail {
    background: #444;
    color: #fff
}

.brand-mail h1,
.brand-mail h2,
.brand-mail h3,
.brand-mail h4,
.brand-mail h5,
.brand-mail .h1,
.brand-mail .h2,
.brand-mail .h3,
.brand-mail .h4,
.brand-mail .h5 {
    color: #fff
}

.brand-mail a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-mail a:hover,
.brand-mail a:active,
.brand-mail a:focus {
    color: #fff
}

.brand-mail .text-muted {
    color: #9d9d9d
}

.brand-mail .text-error,
.brand-mail .text-info,
.brand-mail .text-success {
    color: #fff
}

.brand-mail>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-mail-m {
        background: #444;
        color: #fff
    }

    .brand-mail-m h1,
    .brand-mail-m h2,
    .brand-mail-m h3,
    .brand-mail-m h4,
    .brand-mail-m h5,
    .brand-mail-m .h1,
    .brand-mail-m .h2,
    .brand-mail-m .h3,
    .brand-mail-m .h4,
    .brand-mail-m .h5 {
        color: #fff
    }

    .brand-mail-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-mail-m a:hover,
    .brand-mail-m a:active,
    .brand-mail-m a:focus {
        color: #fff
    }

    .brand-mail-m .text-muted {
        color: #9d9d9d
    }

    .brand-mail-m .text-error,
    .brand-mail-m .text-info,
    .brand-mail-m .text-success {
        color: #fff
    }

    .brand-mail-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-mail-d {
        background: #444;
        color: #fff
    }

    .brand-mail-d h1,
    .brand-mail-d h2,
    .brand-mail-d h3,
    .brand-mail-d h4,
    .brand-mail-d h5,
    .brand-mail-d .h1,
    .brand-mail-d .h2,
    .brand-mail-d .h3,
    .brand-mail-d .h4,
    .brand-mail-d .h5 {
        color: #fff
    }

    .brand-mail-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-mail-d a:hover,
    .brand-mail-d a:active,
    .brand-mail-d a:focus {
        color: #fff
    }

    .brand-mail-d .text-muted {
        color: #9d9d9d
    }

    .brand-mail-d .text-error,
    .brand-mail-d .text-info,
    .brand-mail-d .text-success {
        color: #fff
    }

    .brand-mail-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-mail-tablet {
        background: #444;
        color: #fff
    }

    .brand-mail-tablet h1,
    .brand-mail-tablet h2,
    .brand-mail-tablet h3,
    .brand-mail-tablet h4,
    .brand-mail-tablet h5,
    .brand-mail-tablet .h1,
    .brand-mail-tablet .h2,
    .brand-mail-tablet .h3,
    .brand-mail-tablet .h4,
    .brand-mail-tablet .h5 {
        color: #fff
    }

    .brand-mail-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-mail-tablet a:hover,
    .brand-mail-tablet a:active,
    .brand-mail-tablet a:focus {
        color: #fff
    }

    .brand-mail-tablet .text-muted {
        color: #9d9d9d
    }

    .brand-mail-tablet .text-error,
    .brand-mail-tablet .text-info,
    .brand-mail-tablet .text-success {
        color: #fff
    }

    .brand-mail-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-mail-desktop {
        background: #444;
        color: #fff
    }

    .brand-mail-desktop h1,
    .brand-mail-desktop h2,
    .brand-mail-desktop h3,
    .brand-mail-desktop h4,
    .brand-mail-desktop h5,
    .brand-mail-desktop .h1,
    .brand-mail-desktop .h2,
    .brand-mail-desktop .h3,
    .brand-mail-desktop .h4,
    .brand-mail-desktop .h5 {
        color: #fff
    }

    .brand-mail-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-mail-desktop a:hover,
    .brand-mail-desktop a:active,
    .brand-mail-desktop a:focus {
        color: #fff
    }

    .brand-mail-desktop .text-muted {
        color: #9d9d9d
    }

    .brand-mail-desktop .text-error,
    .brand-mail-desktop .text-info,
    .brand-mail-desktop .text-success {
        color: #fff
    }

    .brand-mail-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-mail-transparent {
    background: rgba(68, 68, 68, 0.5);
    color: #fff
}

.brand-mail-transparent h1,
.brand-mail-transparent h2,
.brand-mail-transparent h3,
.brand-mail-transparent h4,
.brand-mail-transparent h5,
.brand-mail-transparent .h1,
.brand-mail-transparent .h2,
.brand-mail-transparent .h3,
.brand-mail-transparent .h4,
.brand-mail-transparent .h5 {
    color: #fff
}

.brand-mail-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-mail-transparent a:hover,
.brand-mail-transparent a:active,
.brand-mail-transparent a:focus {
    color: #fff
}

.brand-mail-transparent .text-muted {
    color: rgba(157, 157, 157, 0.5)
}

.brand-mail-transparent .text-error,
.brand-mail-transparent .text-info,
.brand-mail-transparent .text-success {
    color: #fff
}

.brand-mail-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-mail-transparent-m {
        background: rgba(68, 68, 68, 0.5);
        color: #fff
    }

    .brand-mail-transparent-m h1,
    .brand-mail-transparent-m h2,
    .brand-mail-transparent-m h3,
    .brand-mail-transparent-m h4,
    .brand-mail-transparent-m h5,
    .brand-mail-transparent-m .h1,
    .brand-mail-transparent-m .h2,
    .brand-mail-transparent-m .h3,
    .brand-mail-transparent-m .h4,
    .brand-mail-transparent-m .h5 {
        color: #fff
    }

    .brand-mail-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-mail-transparent-m a:hover,
    .brand-mail-transparent-m a:active,
    .brand-mail-transparent-m a:focus {
        color: #fff
    }

    .brand-mail-transparent-m .text-muted {
        color: rgba(157, 157, 157, 0.5)
    }

    .brand-mail-transparent-m .text-error,
    .brand-mail-transparent-m .text-info,
    .brand-mail-transparent-m .text-success {
        color: #fff
    }

    .brand-mail-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-mail-transparent-d {
        background: rgba(68, 68, 68, 0.5);
        color: #fff
    }

    .brand-mail-transparent-d h1,
    .brand-mail-transparent-d h2,
    .brand-mail-transparent-d h3,
    .brand-mail-transparent-d h4,
    .brand-mail-transparent-d h5,
    .brand-mail-transparent-d .h1,
    .brand-mail-transparent-d .h2,
    .brand-mail-transparent-d .h3,
    .brand-mail-transparent-d .h4,
    .brand-mail-transparent-d .h5 {
        color: #fff
    }

    .brand-mail-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-mail-transparent-d a:hover,
    .brand-mail-transparent-d a:active,
    .brand-mail-transparent-d a:focus {
        color: #fff
    }

    .brand-mail-transparent-d .text-muted {
        color: rgba(157, 157, 157, 0.5)
    }

    .brand-mail-transparent-d .text-error,
    .brand-mail-transparent-d .text-info,
    .brand-mail-transparent-d .text-success {
        color: #fff
    }

    .brand-mail-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-mail-transparent-tablet {
        background: rgba(68, 68, 68, 0.5);
        color: #fff
    }

    .brand-mail-transparent-tablet h1,
    .brand-mail-transparent-tablet h2,
    .brand-mail-transparent-tablet h3,
    .brand-mail-transparent-tablet h4,
    .brand-mail-transparent-tablet h5,
    .brand-mail-transparent-tablet .h1,
    .brand-mail-transparent-tablet .h2,
    .brand-mail-transparent-tablet .h3,
    .brand-mail-transparent-tablet .h4,
    .brand-mail-transparent-tablet .h5 {
        color: #fff
    }

    .brand-mail-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-mail-transparent-tablet a:hover,
    .brand-mail-transparent-tablet a:active,
    .brand-mail-transparent-tablet a:focus {
        color: #fff
    }

    .brand-mail-transparent-tablet .text-muted {
        color: rgba(157, 157, 157, 0.5)
    }

    .brand-mail-transparent-tablet .text-error,
    .brand-mail-transparent-tablet .text-info,
    .brand-mail-transparent-tablet .text-success {
        color: #fff
    }

    .brand-mail-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-mail-transparent-desktop {
        background: rgba(68, 68, 68, 0.5);
        color: #fff
    }

    .brand-mail-transparent-desktop h1,
    .brand-mail-transparent-desktop h2,
    .brand-mail-transparent-desktop h3,
    .brand-mail-transparent-desktop h4,
    .brand-mail-transparent-desktop h5,
    .brand-mail-transparent-desktop .h1,
    .brand-mail-transparent-desktop .h2,
    .brand-mail-transparent-desktop .h3,
    .brand-mail-transparent-desktop .h4,
    .brand-mail-transparent-desktop .h5 {
        color: #fff
    }

    .brand-mail-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-mail-transparent-desktop a:hover,
    .brand-mail-transparent-desktop a:active,
    .brand-mail-transparent-desktop a:focus {
        color: #fff
    }

    .brand-mail-transparent-desktop .text-muted {
        color: rgba(157, 157, 157, 0.5)
    }

    .brand-mail-transparent-desktop .text-error,
    .brand-mail-transparent-desktop .text-info,
    .brand-mail-transparent-desktop .text-success {
        color: #fff
    }

    .brand-mail-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-mail-outline {
    border: 1px solid #444
}

@media only screen and (max-width: 640px) {
    .brand-mail-outline-m {
        border: 1px solid #444
    }
}

@media only screen and (min-width: 640px) {
    .brand-mail-outline-d {
        border: 1px solid #444
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-mail-outline-tablet {
        border: 1px solid #444
    }
}

@media only screen and (min-width: 1180px) {
    .brand-mail-outline-desktop {
        border: 1px solid #444
    }
}

.brand-tikkie {
    background: #424380;
    color: #fff
}

.brand-tikkie h1,
.brand-tikkie h2,
.brand-tikkie h3,
.brand-tikkie h4,
.brand-tikkie h5,
.brand-tikkie .h1,
.brand-tikkie .h2,
.brand-tikkie .h3,
.brand-tikkie .h4,
.brand-tikkie .h5 {
    color: #fff
}

.brand-tikkie a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-tikkie a:hover,
.brand-tikkie a:active,
.brand-tikkie a:focus {
    color: #fff
}

.brand-tikkie .text-muted {
    color: #a4a5d0
}

.brand-tikkie .text-error,
.brand-tikkie .text-info,
.brand-tikkie .text-success {
    color: #fff
}

.brand-tikkie>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-tikkie-m {
        background: #424380;
        color: #fff
    }

    .brand-tikkie-m h1,
    .brand-tikkie-m h2,
    .brand-tikkie-m h3,
    .brand-tikkie-m h4,
    .brand-tikkie-m h5,
    .brand-tikkie-m .h1,
    .brand-tikkie-m .h2,
    .brand-tikkie-m .h3,
    .brand-tikkie-m .h4,
    .brand-tikkie-m .h5 {
        color: #fff
    }

    .brand-tikkie-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tikkie-m a:hover,
    .brand-tikkie-m a:active,
    .brand-tikkie-m a:focus {
        color: #fff
    }

    .brand-tikkie-m .text-muted {
        color: #a4a5d0
    }

    .brand-tikkie-m .text-error,
    .brand-tikkie-m .text-info,
    .brand-tikkie-m .text-success {
        color: #fff
    }

    .brand-tikkie-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-tikkie-d {
        background: #424380;
        color: #fff
    }

    .brand-tikkie-d h1,
    .brand-tikkie-d h2,
    .brand-tikkie-d h3,
    .brand-tikkie-d h4,
    .brand-tikkie-d h5,
    .brand-tikkie-d .h1,
    .brand-tikkie-d .h2,
    .brand-tikkie-d .h3,
    .brand-tikkie-d .h4,
    .brand-tikkie-d .h5 {
        color: #fff
    }

    .brand-tikkie-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tikkie-d a:hover,
    .brand-tikkie-d a:active,
    .brand-tikkie-d a:focus {
        color: #fff
    }

    .brand-tikkie-d .text-muted {
        color: #a4a5d0
    }

    .brand-tikkie-d .text-error,
    .brand-tikkie-d .text-info,
    .brand-tikkie-d .text-success {
        color: #fff
    }

    .brand-tikkie-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-tikkie-tablet {
        background: #424380;
        color: #fff
    }

    .brand-tikkie-tablet h1,
    .brand-tikkie-tablet h2,
    .brand-tikkie-tablet h3,
    .brand-tikkie-tablet h4,
    .brand-tikkie-tablet h5,
    .brand-tikkie-tablet .h1,
    .brand-tikkie-tablet .h2,
    .brand-tikkie-tablet .h3,
    .brand-tikkie-tablet .h4,
    .brand-tikkie-tablet .h5 {
        color: #fff
    }

    .brand-tikkie-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tikkie-tablet a:hover,
    .brand-tikkie-tablet a:active,
    .brand-tikkie-tablet a:focus {
        color: #fff
    }

    .brand-tikkie-tablet .text-muted {
        color: #a4a5d0
    }

    .brand-tikkie-tablet .text-error,
    .brand-tikkie-tablet .text-info,
    .brand-tikkie-tablet .text-success {
        color: #fff
    }

    .brand-tikkie-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-tikkie-desktop {
        background: #424380;
        color: #fff
    }

    .brand-tikkie-desktop h1,
    .brand-tikkie-desktop h2,
    .brand-tikkie-desktop h3,
    .brand-tikkie-desktop h4,
    .brand-tikkie-desktop h5,
    .brand-tikkie-desktop .h1,
    .brand-tikkie-desktop .h2,
    .brand-tikkie-desktop .h3,
    .brand-tikkie-desktop .h4,
    .brand-tikkie-desktop .h5 {
        color: #fff
    }

    .brand-tikkie-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tikkie-desktop a:hover,
    .brand-tikkie-desktop a:active,
    .brand-tikkie-desktop a:focus {
        color: #fff
    }

    .brand-tikkie-desktop .text-muted {
        color: #a4a5d0
    }

    .brand-tikkie-desktop .text-error,
    .brand-tikkie-desktop .text-info,
    .brand-tikkie-desktop .text-success {
        color: #fff
    }

    .brand-tikkie-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-tikkie-transparent {
    background: rgba(66, 67, 128, 0.5);
    color: #fff
}

.brand-tikkie-transparent h1,
.brand-tikkie-transparent h2,
.brand-tikkie-transparent h3,
.brand-tikkie-transparent h4,
.brand-tikkie-transparent h5,
.brand-tikkie-transparent .h1,
.brand-tikkie-transparent .h2,
.brand-tikkie-transparent .h3,
.brand-tikkie-transparent .h4,
.brand-tikkie-transparent .h5 {
    color: #fff
}

.brand-tikkie-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-tikkie-transparent a:hover,
.brand-tikkie-transparent a:active,
.brand-tikkie-transparent a:focus {
    color: #fff
}

.brand-tikkie-transparent .text-muted {
    color: rgba(164, 165, 208, 0.5)
}

.brand-tikkie-transparent .text-error,
.brand-tikkie-transparent .text-info,
.brand-tikkie-transparent .text-success {
    color: #fff
}

.brand-tikkie-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-tikkie-transparent-m {
        background: rgba(66, 67, 128, 0.5);
        color: #fff
    }

    .brand-tikkie-transparent-m h1,
    .brand-tikkie-transparent-m h2,
    .brand-tikkie-transparent-m h3,
    .brand-tikkie-transparent-m h4,
    .brand-tikkie-transparent-m h5,
    .brand-tikkie-transparent-m .h1,
    .brand-tikkie-transparent-m .h2,
    .brand-tikkie-transparent-m .h3,
    .brand-tikkie-transparent-m .h4,
    .brand-tikkie-transparent-m .h5 {
        color: #fff
    }

    .brand-tikkie-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tikkie-transparent-m a:hover,
    .brand-tikkie-transparent-m a:active,
    .brand-tikkie-transparent-m a:focus {
        color: #fff
    }

    .brand-tikkie-transparent-m .text-muted {
        color: rgba(164, 165, 208, 0.5)
    }

    .brand-tikkie-transparent-m .text-error,
    .brand-tikkie-transparent-m .text-info,
    .brand-tikkie-transparent-m .text-success {
        color: #fff
    }

    .brand-tikkie-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-tikkie-transparent-d {
        background: rgba(66, 67, 128, 0.5);
        color: #fff
    }

    .brand-tikkie-transparent-d h1,
    .brand-tikkie-transparent-d h2,
    .brand-tikkie-transparent-d h3,
    .brand-tikkie-transparent-d h4,
    .brand-tikkie-transparent-d h5,
    .brand-tikkie-transparent-d .h1,
    .brand-tikkie-transparent-d .h2,
    .brand-tikkie-transparent-d .h3,
    .brand-tikkie-transparent-d .h4,
    .brand-tikkie-transparent-d .h5 {
        color: #fff
    }

    .brand-tikkie-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tikkie-transparent-d a:hover,
    .brand-tikkie-transparent-d a:active,
    .brand-tikkie-transparent-d a:focus {
        color: #fff
    }

    .brand-tikkie-transparent-d .text-muted {
        color: rgba(164, 165, 208, 0.5)
    }

    .brand-tikkie-transparent-d .text-error,
    .brand-tikkie-transparent-d .text-info,
    .brand-tikkie-transparent-d .text-success {
        color: #fff
    }

    .brand-tikkie-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-tikkie-transparent-tablet {
        background: rgba(66, 67, 128, 0.5);
        color: #fff
    }

    .brand-tikkie-transparent-tablet h1,
    .brand-tikkie-transparent-tablet h2,
    .brand-tikkie-transparent-tablet h3,
    .brand-tikkie-transparent-tablet h4,
    .brand-tikkie-transparent-tablet h5,
    .brand-tikkie-transparent-tablet .h1,
    .brand-tikkie-transparent-tablet .h2,
    .brand-tikkie-transparent-tablet .h3,
    .brand-tikkie-transparent-tablet .h4,
    .brand-tikkie-transparent-tablet .h5 {
        color: #fff
    }

    .brand-tikkie-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tikkie-transparent-tablet a:hover,
    .brand-tikkie-transparent-tablet a:active,
    .brand-tikkie-transparent-tablet a:focus {
        color: #fff
    }

    .brand-tikkie-transparent-tablet .text-muted {
        color: rgba(164, 165, 208, 0.5)
    }

    .brand-tikkie-transparent-tablet .text-error,
    .brand-tikkie-transparent-tablet .text-info,
    .brand-tikkie-transparent-tablet .text-success {
        color: #fff
    }

    .brand-tikkie-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-tikkie-transparent-desktop {
        background: rgba(66, 67, 128, 0.5);
        color: #fff
    }

    .brand-tikkie-transparent-desktop h1,
    .brand-tikkie-transparent-desktop h2,
    .brand-tikkie-transparent-desktop h3,
    .brand-tikkie-transparent-desktop h4,
    .brand-tikkie-transparent-desktop h5,
    .brand-tikkie-transparent-desktop .h1,
    .brand-tikkie-transparent-desktop .h2,
    .brand-tikkie-transparent-desktop .h3,
    .brand-tikkie-transparent-desktop .h4,
    .brand-tikkie-transparent-desktop .h5 {
        color: #fff
    }

    .brand-tikkie-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-tikkie-transparent-desktop a:hover,
    .brand-tikkie-transparent-desktop a:active,
    .brand-tikkie-transparent-desktop a:focus {
        color: #fff
    }

    .brand-tikkie-transparent-desktop .text-muted {
        color: rgba(164, 165, 208, 0.5)
    }

    .brand-tikkie-transparent-desktop .text-error,
    .brand-tikkie-transparent-desktop .text-info,
    .brand-tikkie-transparent-desktop .text-success {
        color: #fff
    }

    .brand-tikkie-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-tikkie-outline {
    border: 1px solid #424380
}

@media only screen and (max-width: 640px) {
    .brand-tikkie-outline-m {
        border: 1px solid #424380
    }
}

@media only screen and (min-width: 640px) {
    .brand-tikkie-outline-d {
        border: 1px solid #424380
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-tikkie-outline-tablet {
        border: 1px solid #424380
    }
}

@media only screen and (min-width: 1180px) {
    .brand-tikkie-outline-desktop {
        border: 1px solid #424380
    }
}

.brand-vimeo {
    background: #1ab7ea;
    color: #fff
}

.brand-vimeo h1,
.brand-vimeo h2,
.brand-vimeo h3,
.brand-vimeo h4,
.brand-vimeo h5,
.brand-vimeo .h1,
.brand-vimeo .h2,
.brand-vimeo .h3,
.brand-vimeo .h4,
.brand-vimeo .h5 {
    color: #fff
}

.brand-vimeo a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-vimeo a:hover,
.brand-vimeo a:active,
.brand-vimeo a:focus {
    color: #fff
}

.brand-vimeo .text-muted {
    color: #beeaf9
}

.brand-vimeo .text-error,
.brand-vimeo .text-info,
.brand-vimeo .text-success {
    color: #fff
}

.brand-vimeo>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-vimeo-m {
        background: #1ab7ea;
        color: #fff
    }

    .brand-vimeo-m h1,
    .brand-vimeo-m h2,
    .brand-vimeo-m h3,
    .brand-vimeo-m h4,
    .brand-vimeo-m h5,
    .brand-vimeo-m .h1,
    .brand-vimeo-m .h2,
    .brand-vimeo-m .h3,
    .brand-vimeo-m .h4,
    .brand-vimeo-m .h5 {
        color: #fff
    }

    .brand-vimeo-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-vimeo-m a:hover,
    .brand-vimeo-m a:active,
    .brand-vimeo-m a:focus {
        color: #fff
    }

    .brand-vimeo-m .text-muted {
        color: #beeaf9
    }

    .brand-vimeo-m .text-error,
    .brand-vimeo-m .text-info,
    .brand-vimeo-m .text-success {
        color: #fff
    }

    .brand-vimeo-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-vimeo-d {
        background: #1ab7ea;
        color: #fff
    }

    .brand-vimeo-d h1,
    .brand-vimeo-d h2,
    .brand-vimeo-d h3,
    .brand-vimeo-d h4,
    .brand-vimeo-d h5,
    .brand-vimeo-d .h1,
    .brand-vimeo-d .h2,
    .brand-vimeo-d .h3,
    .brand-vimeo-d .h4,
    .brand-vimeo-d .h5 {
        color: #fff
    }

    .brand-vimeo-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-vimeo-d a:hover,
    .brand-vimeo-d a:active,
    .brand-vimeo-d a:focus {
        color: #fff
    }

    .brand-vimeo-d .text-muted {
        color: #beeaf9
    }

    .brand-vimeo-d .text-error,
    .brand-vimeo-d .text-info,
    .brand-vimeo-d .text-success {
        color: #fff
    }

    .brand-vimeo-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-vimeo-tablet {
        background: #1ab7ea;
        color: #fff
    }

    .brand-vimeo-tablet h1,
    .brand-vimeo-tablet h2,
    .brand-vimeo-tablet h3,
    .brand-vimeo-tablet h4,
    .brand-vimeo-tablet h5,
    .brand-vimeo-tablet .h1,
    .brand-vimeo-tablet .h2,
    .brand-vimeo-tablet .h3,
    .brand-vimeo-tablet .h4,
    .brand-vimeo-tablet .h5 {
        color: #fff
    }

    .brand-vimeo-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-vimeo-tablet a:hover,
    .brand-vimeo-tablet a:active,
    .brand-vimeo-tablet a:focus {
        color: #fff
    }

    .brand-vimeo-tablet .text-muted {
        color: #beeaf9
    }

    .brand-vimeo-tablet .text-error,
    .brand-vimeo-tablet .text-info,
    .brand-vimeo-tablet .text-success {
        color: #fff
    }

    .brand-vimeo-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-vimeo-desktop {
        background: #1ab7ea;
        color: #fff
    }

    .brand-vimeo-desktop h1,
    .brand-vimeo-desktop h2,
    .brand-vimeo-desktop h3,
    .brand-vimeo-desktop h4,
    .brand-vimeo-desktop h5,
    .brand-vimeo-desktop .h1,
    .brand-vimeo-desktop .h2,
    .brand-vimeo-desktop .h3,
    .brand-vimeo-desktop .h4,
    .brand-vimeo-desktop .h5 {
        color: #fff
    }

    .brand-vimeo-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-vimeo-desktop a:hover,
    .brand-vimeo-desktop a:active,
    .brand-vimeo-desktop a:focus {
        color: #fff
    }

    .brand-vimeo-desktop .text-muted {
        color: #beeaf9
    }

    .brand-vimeo-desktop .text-error,
    .brand-vimeo-desktop .text-info,
    .brand-vimeo-desktop .text-success {
        color: #fff
    }

    .brand-vimeo-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-vimeo-transparent {
    background: rgba(26, 183, 234, 0.5);
    color: #fff
}

.brand-vimeo-transparent h1,
.brand-vimeo-transparent h2,
.brand-vimeo-transparent h3,
.brand-vimeo-transparent h4,
.brand-vimeo-transparent h5,
.brand-vimeo-transparent .h1,
.brand-vimeo-transparent .h2,
.brand-vimeo-transparent .h3,
.brand-vimeo-transparent .h4,
.brand-vimeo-transparent .h5 {
    color: #fff
}

.brand-vimeo-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-vimeo-transparent a:hover,
.brand-vimeo-transparent a:active,
.brand-vimeo-transparent a:focus {
    color: #fff
}

.brand-vimeo-transparent .text-muted {
    color: rgba(190, 234, 249, 0.5)
}

.brand-vimeo-transparent .text-error,
.brand-vimeo-transparent .text-info,
.brand-vimeo-transparent .text-success {
    color: #fff
}

.brand-vimeo-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-vimeo-transparent-m {
        background: rgba(26, 183, 234, 0.5);
        color: #fff
    }

    .brand-vimeo-transparent-m h1,
    .brand-vimeo-transparent-m h2,
    .brand-vimeo-transparent-m h3,
    .brand-vimeo-transparent-m h4,
    .brand-vimeo-transparent-m h5,
    .brand-vimeo-transparent-m .h1,
    .brand-vimeo-transparent-m .h2,
    .brand-vimeo-transparent-m .h3,
    .brand-vimeo-transparent-m .h4,
    .brand-vimeo-transparent-m .h5 {
        color: #fff
    }

    .brand-vimeo-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-vimeo-transparent-m a:hover,
    .brand-vimeo-transparent-m a:active,
    .brand-vimeo-transparent-m a:focus {
        color: #fff
    }

    .brand-vimeo-transparent-m .text-muted {
        color: rgba(190, 234, 249, 0.5)
    }

    .brand-vimeo-transparent-m .text-error,
    .brand-vimeo-transparent-m .text-info,
    .brand-vimeo-transparent-m .text-success {
        color: #fff
    }

    .brand-vimeo-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-vimeo-transparent-d {
        background: rgba(26, 183, 234, 0.5);
        color: #fff
    }

    .brand-vimeo-transparent-d h1,
    .brand-vimeo-transparent-d h2,
    .brand-vimeo-transparent-d h3,
    .brand-vimeo-transparent-d h4,
    .brand-vimeo-transparent-d h5,
    .brand-vimeo-transparent-d .h1,
    .brand-vimeo-transparent-d .h2,
    .brand-vimeo-transparent-d .h3,
    .brand-vimeo-transparent-d .h4,
    .brand-vimeo-transparent-d .h5 {
        color: #fff
    }

    .brand-vimeo-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-vimeo-transparent-d a:hover,
    .brand-vimeo-transparent-d a:active,
    .brand-vimeo-transparent-d a:focus {
        color: #fff
    }

    .brand-vimeo-transparent-d .text-muted {
        color: rgba(190, 234, 249, 0.5)
    }

    .brand-vimeo-transparent-d .text-error,
    .brand-vimeo-transparent-d .text-info,
    .brand-vimeo-transparent-d .text-success {
        color: #fff
    }

    .brand-vimeo-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-vimeo-transparent-tablet {
        background: rgba(26, 183, 234, 0.5);
        color: #fff
    }

    .brand-vimeo-transparent-tablet h1,
    .brand-vimeo-transparent-tablet h2,
    .brand-vimeo-transparent-tablet h3,
    .brand-vimeo-transparent-tablet h4,
    .brand-vimeo-transparent-tablet h5,
    .brand-vimeo-transparent-tablet .h1,
    .brand-vimeo-transparent-tablet .h2,
    .brand-vimeo-transparent-tablet .h3,
    .brand-vimeo-transparent-tablet .h4,
    .brand-vimeo-transparent-tablet .h5 {
        color: #fff
    }

    .brand-vimeo-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-vimeo-transparent-tablet a:hover,
    .brand-vimeo-transparent-tablet a:active,
    .brand-vimeo-transparent-tablet a:focus {
        color: #fff
    }

    .brand-vimeo-transparent-tablet .text-muted {
        color: rgba(190, 234, 249, 0.5)
    }

    .brand-vimeo-transparent-tablet .text-error,
    .brand-vimeo-transparent-tablet .text-info,
    .brand-vimeo-transparent-tablet .text-success {
        color: #fff
    }

    .brand-vimeo-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-vimeo-transparent-desktop {
        background: rgba(26, 183, 234, 0.5);
        color: #fff
    }

    .brand-vimeo-transparent-desktop h1,
    .brand-vimeo-transparent-desktop h2,
    .brand-vimeo-transparent-desktop h3,
    .brand-vimeo-transparent-desktop h4,
    .brand-vimeo-transparent-desktop h5,
    .brand-vimeo-transparent-desktop .h1,
    .brand-vimeo-transparent-desktop .h2,
    .brand-vimeo-transparent-desktop .h3,
    .brand-vimeo-transparent-desktop .h4,
    .brand-vimeo-transparent-desktop .h5 {
        color: #fff
    }

    .brand-vimeo-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-vimeo-transparent-desktop a:hover,
    .brand-vimeo-transparent-desktop a:active,
    .brand-vimeo-transparent-desktop a:focus {
        color: #fff
    }

    .brand-vimeo-transparent-desktop .text-muted {
        color: rgba(190, 234, 249, 0.5)
    }

    .brand-vimeo-transparent-desktop .text-error,
    .brand-vimeo-transparent-desktop .text-info,
    .brand-vimeo-transparent-desktop .text-success {
        color: #fff
    }

    .brand-vimeo-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-vimeo-outline {
    border: 1px solid #1ab7ea
}

@media only screen and (max-width: 640px) {
    .brand-vimeo-outline-m {
        border: 1px solid #1ab7ea
    }
}

@media only screen and (min-width: 640px) {
    .brand-vimeo-outline-d {
        border: 1px solid #1ab7ea
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-vimeo-outline-tablet {
        border: 1px solid #1ab7ea
    }
}

@media only screen and (min-width: 1180px) {
    .brand-vimeo-outline-desktop {
        border: 1px solid #1ab7ea
    }
}

.brand-ideal {
    background: #cd0067;
    color: #fff
}

.brand-ideal h1,
.brand-ideal h2,
.brand-ideal h3,
.brand-ideal h4,
.brand-ideal h5,
.brand-ideal .h1,
.brand-ideal .h2,
.brand-ideal .h3,
.brand-ideal .h4,
.brand-ideal .h5 {
    color: #fff
}

.brand-ideal a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-ideal a:hover,
.brand-ideal a:active,
.brand-ideal a:focus {
    color: #fff
}

.brand-ideal .text-muted {
    color: #ff81c0
}

.brand-ideal .text-error,
.brand-ideal .text-info,
.brand-ideal .text-success {
    color: #fff
}

.brand-ideal>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-ideal-m {
        background: #cd0067;
        color: #fff
    }

    .brand-ideal-m h1,
    .brand-ideal-m h2,
    .brand-ideal-m h3,
    .brand-ideal-m h4,
    .brand-ideal-m h5,
    .brand-ideal-m .h1,
    .brand-ideal-m .h2,
    .brand-ideal-m .h3,
    .brand-ideal-m .h4,
    .brand-ideal-m .h5 {
        color: #fff
    }

    .brand-ideal-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-ideal-m a:hover,
    .brand-ideal-m a:active,
    .brand-ideal-m a:focus {
        color: #fff
    }

    .brand-ideal-m .text-muted {
        color: #ff81c0
    }

    .brand-ideal-m .text-error,
    .brand-ideal-m .text-info,
    .brand-ideal-m .text-success {
        color: #fff
    }

    .brand-ideal-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-ideal-d {
        background: #cd0067;
        color: #fff
    }

    .brand-ideal-d h1,
    .brand-ideal-d h2,
    .brand-ideal-d h3,
    .brand-ideal-d h4,
    .brand-ideal-d h5,
    .brand-ideal-d .h1,
    .brand-ideal-d .h2,
    .brand-ideal-d .h3,
    .brand-ideal-d .h4,
    .brand-ideal-d .h5 {
        color: #fff
    }

    .brand-ideal-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-ideal-d a:hover,
    .brand-ideal-d a:active,
    .brand-ideal-d a:focus {
        color: #fff
    }

    .brand-ideal-d .text-muted {
        color: #ff81c0
    }

    .brand-ideal-d .text-error,
    .brand-ideal-d .text-info,
    .brand-ideal-d .text-success {
        color: #fff
    }

    .brand-ideal-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-ideal-tablet {
        background: #cd0067;
        color: #fff
    }

    .brand-ideal-tablet h1,
    .brand-ideal-tablet h2,
    .brand-ideal-tablet h3,
    .brand-ideal-tablet h4,
    .brand-ideal-tablet h5,
    .brand-ideal-tablet .h1,
    .brand-ideal-tablet .h2,
    .brand-ideal-tablet .h3,
    .brand-ideal-tablet .h4,
    .brand-ideal-tablet .h5 {
        color: #fff
    }

    .brand-ideal-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-ideal-tablet a:hover,
    .brand-ideal-tablet a:active,
    .brand-ideal-tablet a:focus {
        color: #fff
    }

    .brand-ideal-tablet .text-muted {
        color: #ff81c0
    }

    .brand-ideal-tablet .text-error,
    .brand-ideal-tablet .text-info,
    .brand-ideal-tablet .text-success {
        color: #fff
    }

    .brand-ideal-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-ideal-desktop {
        background: #cd0067;
        color: #fff
    }

    .brand-ideal-desktop h1,
    .brand-ideal-desktop h2,
    .brand-ideal-desktop h3,
    .brand-ideal-desktop h4,
    .brand-ideal-desktop h5,
    .brand-ideal-desktop .h1,
    .brand-ideal-desktop .h2,
    .brand-ideal-desktop .h3,
    .brand-ideal-desktop .h4,
    .brand-ideal-desktop .h5 {
        color: #fff
    }

    .brand-ideal-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-ideal-desktop a:hover,
    .brand-ideal-desktop a:active,
    .brand-ideal-desktop a:focus {
        color: #fff
    }

    .brand-ideal-desktop .text-muted {
        color: #ff81c0
    }

    .brand-ideal-desktop .text-error,
    .brand-ideal-desktop .text-info,
    .brand-ideal-desktop .text-success {
        color: #fff
    }

    .brand-ideal-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-ideal-transparent {
    background: rgba(205, 0, 103, 0.5);
    color: #fff
}

.brand-ideal-transparent h1,
.brand-ideal-transparent h2,
.brand-ideal-transparent h3,
.brand-ideal-transparent h4,
.brand-ideal-transparent h5,
.brand-ideal-transparent .h1,
.brand-ideal-transparent .h2,
.brand-ideal-transparent .h3,
.brand-ideal-transparent .h4,
.brand-ideal-transparent .h5 {
    color: #fff
}

.brand-ideal-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-ideal-transparent a:hover,
.brand-ideal-transparent a:active,
.brand-ideal-transparent a:focus {
    color: #fff
}

.brand-ideal-transparent .text-muted {
    color: rgba(255, 129, 192, 0.5)
}

.brand-ideal-transparent .text-error,
.brand-ideal-transparent .text-info,
.brand-ideal-transparent .text-success {
    color: #fff
}

.brand-ideal-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-ideal-transparent-m {
        background: rgba(205, 0, 103, 0.5);
        color: #fff
    }

    .brand-ideal-transparent-m h1,
    .brand-ideal-transparent-m h2,
    .brand-ideal-transparent-m h3,
    .brand-ideal-transparent-m h4,
    .brand-ideal-transparent-m h5,
    .brand-ideal-transparent-m .h1,
    .brand-ideal-transparent-m .h2,
    .brand-ideal-transparent-m .h3,
    .brand-ideal-transparent-m .h4,
    .brand-ideal-transparent-m .h5 {
        color: #fff
    }

    .brand-ideal-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-ideal-transparent-m a:hover,
    .brand-ideal-transparent-m a:active,
    .brand-ideal-transparent-m a:focus {
        color: #fff
    }

    .brand-ideal-transparent-m .text-muted {
        color: rgba(255, 129, 192, 0.5)
    }

    .brand-ideal-transparent-m .text-error,
    .brand-ideal-transparent-m .text-info,
    .brand-ideal-transparent-m .text-success {
        color: #fff
    }

    .brand-ideal-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-ideal-transparent-d {
        background: rgba(205, 0, 103, 0.5);
        color: #fff
    }

    .brand-ideal-transparent-d h1,
    .brand-ideal-transparent-d h2,
    .brand-ideal-transparent-d h3,
    .brand-ideal-transparent-d h4,
    .brand-ideal-transparent-d h5,
    .brand-ideal-transparent-d .h1,
    .brand-ideal-transparent-d .h2,
    .brand-ideal-transparent-d .h3,
    .brand-ideal-transparent-d .h4,
    .brand-ideal-transparent-d .h5 {
        color: #fff
    }

    .brand-ideal-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-ideal-transparent-d a:hover,
    .brand-ideal-transparent-d a:active,
    .brand-ideal-transparent-d a:focus {
        color: #fff
    }

    .brand-ideal-transparent-d .text-muted {
        color: rgba(255, 129, 192, 0.5)
    }

    .brand-ideal-transparent-d .text-error,
    .brand-ideal-transparent-d .text-info,
    .brand-ideal-transparent-d .text-success {
        color: #fff
    }

    .brand-ideal-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-ideal-transparent-tablet {
        background: rgba(205, 0, 103, 0.5);
        color: #fff
    }

    .brand-ideal-transparent-tablet h1,
    .brand-ideal-transparent-tablet h2,
    .brand-ideal-transparent-tablet h3,
    .brand-ideal-transparent-tablet h4,
    .brand-ideal-transparent-tablet h5,
    .brand-ideal-transparent-tablet .h1,
    .brand-ideal-transparent-tablet .h2,
    .brand-ideal-transparent-tablet .h3,
    .brand-ideal-transparent-tablet .h4,
    .brand-ideal-transparent-tablet .h5 {
        color: #fff
    }

    .brand-ideal-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-ideal-transparent-tablet a:hover,
    .brand-ideal-transparent-tablet a:active,
    .brand-ideal-transparent-tablet a:focus {
        color: #fff
    }

    .brand-ideal-transparent-tablet .text-muted {
        color: rgba(255, 129, 192, 0.5)
    }

    .brand-ideal-transparent-tablet .text-error,
    .brand-ideal-transparent-tablet .text-info,
    .brand-ideal-transparent-tablet .text-success {
        color: #fff
    }

    .brand-ideal-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-ideal-transparent-desktop {
        background: rgba(205, 0, 103, 0.5);
        color: #fff
    }

    .brand-ideal-transparent-desktop h1,
    .brand-ideal-transparent-desktop h2,
    .brand-ideal-transparent-desktop h3,
    .brand-ideal-transparent-desktop h4,
    .brand-ideal-transparent-desktop h5,
    .brand-ideal-transparent-desktop .h1,
    .brand-ideal-transparent-desktop .h2,
    .brand-ideal-transparent-desktop .h3,
    .brand-ideal-transparent-desktop .h4,
    .brand-ideal-transparent-desktop .h5 {
        color: #fff
    }

    .brand-ideal-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-ideal-transparent-desktop a:hover,
    .brand-ideal-transparent-desktop a:active,
    .brand-ideal-transparent-desktop a:focus {
        color: #fff
    }

    .brand-ideal-transparent-desktop .text-muted {
        color: rgba(255, 129, 192, 0.5)
    }

    .brand-ideal-transparent-desktop .text-error,
    .brand-ideal-transparent-desktop .text-info,
    .brand-ideal-transparent-desktop .text-success {
        color: #fff
    }

    .brand-ideal-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-ideal-outline {
    border: 1px solid #cd0067
}

@media only screen and (max-width: 640px) {
    .brand-ideal-outline-m {
        border: 1px solid #cd0067
    }
}

@media only screen and (min-width: 640px) {
    .brand-ideal-outline-d {
        border: 1px solid #cd0067
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-ideal-outline-tablet {
        border: 1px solid #cd0067
    }
}

@media only screen and (min-width: 1180px) {
    .brand-ideal-outline-desktop {
        border: 1px solid #cd0067
    }
}

.brand-strava {
    background: #FC4C02;
    color: #fff
}

.brand-strava h1,
.brand-strava h2,
.brand-strava h3,
.brand-strava h4,
.brand-strava h5,
.brand-strava .h1,
.brand-strava .h2,
.brand-strava .h3,
.brand-strava .h4,
.brand-strava .h5 {
    color: #fff
}

.brand-strava a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-strava a:hover,
.brand-strava a:active,
.brand-strava a:focus {
    color: #fff
}

.brand-strava .text-muted {
    color: #fec9b2
}

.brand-strava .text-error,
.brand-strava .text-info,
.brand-strava .text-success {
    color: #fff
}

.brand-strava>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-strava-m {
        background: #FC4C02;
        color: #fff
    }

    .brand-strava-m h1,
    .brand-strava-m h2,
    .brand-strava-m h3,
    .brand-strava-m h4,
    .brand-strava-m h5,
    .brand-strava-m .h1,
    .brand-strava-m .h2,
    .brand-strava-m .h3,
    .brand-strava-m .h4,
    .brand-strava-m .h5 {
        color: #fff
    }

    .brand-strava-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-strava-m a:hover,
    .brand-strava-m a:active,
    .brand-strava-m a:focus {
        color: #fff
    }

    .brand-strava-m .text-muted {
        color: #fec9b2
    }

    .brand-strava-m .text-error,
    .brand-strava-m .text-info,
    .brand-strava-m .text-success {
        color: #fff
    }

    .brand-strava-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-strava-d {
        background: #FC4C02;
        color: #fff
    }

    .brand-strava-d h1,
    .brand-strava-d h2,
    .brand-strava-d h3,
    .brand-strava-d h4,
    .brand-strava-d h5,
    .brand-strava-d .h1,
    .brand-strava-d .h2,
    .brand-strava-d .h3,
    .brand-strava-d .h4,
    .brand-strava-d .h5 {
        color: #fff
    }

    .brand-strava-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-strava-d a:hover,
    .brand-strava-d a:active,
    .brand-strava-d a:focus {
        color: #fff
    }

    .brand-strava-d .text-muted {
        color: #fec9b2
    }

    .brand-strava-d .text-error,
    .brand-strava-d .text-info,
    .brand-strava-d .text-success {
        color: #fff
    }

    .brand-strava-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-strava-tablet {
        background: #FC4C02;
        color: #fff
    }

    .brand-strava-tablet h1,
    .brand-strava-tablet h2,
    .brand-strava-tablet h3,
    .brand-strava-tablet h4,
    .brand-strava-tablet h5,
    .brand-strava-tablet .h1,
    .brand-strava-tablet .h2,
    .brand-strava-tablet .h3,
    .brand-strava-tablet .h4,
    .brand-strava-tablet .h5 {
        color: #fff
    }

    .brand-strava-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-strava-tablet a:hover,
    .brand-strava-tablet a:active,
    .brand-strava-tablet a:focus {
        color: #fff
    }

    .brand-strava-tablet .text-muted {
        color: #fec9b2
    }

    .brand-strava-tablet .text-error,
    .brand-strava-tablet .text-info,
    .brand-strava-tablet .text-success {
        color: #fff
    }

    .brand-strava-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-strava-desktop {
        background: #FC4C02;
        color: #fff
    }

    .brand-strava-desktop h1,
    .brand-strava-desktop h2,
    .brand-strava-desktop h3,
    .brand-strava-desktop h4,
    .brand-strava-desktop h5,
    .brand-strava-desktop .h1,
    .brand-strava-desktop .h2,
    .brand-strava-desktop .h3,
    .brand-strava-desktop .h4,
    .brand-strava-desktop .h5 {
        color: #fff
    }

    .brand-strava-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-strava-desktop a:hover,
    .brand-strava-desktop a:active,
    .brand-strava-desktop a:focus {
        color: #fff
    }

    .brand-strava-desktop .text-muted {
        color: #fec9b2
    }

    .brand-strava-desktop .text-error,
    .brand-strava-desktop .text-info,
    .brand-strava-desktop .text-success {
        color: #fff
    }

    .brand-strava-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-strava-transparent {
    background: rgba(252, 76, 2, 0.5);
    color: #fff
}

.brand-strava-transparent h1,
.brand-strava-transparent h2,
.brand-strava-transparent h3,
.brand-strava-transparent h4,
.brand-strava-transparent h5,
.brand-strava-transparent .h1,
.brand-strava-transparent .h2,
.brand-strava-transparent .h3,
.brand-strava-transparent .h4,
.brand-strava-transparent .h5 {
    color: #fff
}

.brand-strava-transparent a {
    color: rgba(255, 255, 255, 0.75)
}

.brand-strava-transparent a:hover,
.brand-strava-transparent a:active,
.brand-strava-transparent a:focus {
    color: #fff
}

.brand-strava-transparent .text-muted {
    color: rgba(254, 201, 178, 0.5)
}

.brand-strava-transparent .text-error,
.brand-strava-transparent .text-info,
.brand-strava-transparent .text-success {
    color: #fff
}

.brand-strava-transparent>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (max-width: 640px) {
    .brand-strava-transparent-m {
        background: rgba(252, 76, 2, 0.5);
        color: #fff
    }

    .brand-strava-transparent-m h1,
    .brand-strava-transparent-m h2,
    .brand-strava-transparent-m h3,
    .brand-strava-transparent-m h4,
    .brand-strava-transparent-m h5,
    .brand-strava-transparent-m .h1,
    .brand-strava-transparent-m .h2,
    .brand-strava-transparent-m .h3,
    .brand-strava-transparent-m .h4,
    .brand-strava-transparent-m .h5 {
        color: #fff
    }

    .brand-strava-transparent-m a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-strava-transparent-m a:hover,
    .brand-strava-transparent-m a:active,
    .brand-strava-transparent-m a:focus {
        color: #fff
    }

    .brand-strava-transparent-m .text-muted {
        color: rgba(254, 201, 178, 0.5)
    }

    .brand-strava-transparent-m .text-error,
    .brand-strava-transparent-m .text-info,
    .brand-strava-transparent-m .text-success {
        color: #fff
    }

    .brand-strava-transparent-m>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) {
    .brand-strava-transparent-d {
        background: rgba(252, 76, 2, 0.5);
        color: #fff
    }

    .brand-strava-transparent-d h1,
    .brand-strava-transparent-d h2,
    .brand-strava-transparent-d h3,
    .brand-strava-transparent-d h4,
    .brand-strava-transparent-d h5,
    .brand-strava-transparent-d .h1,
    .brand-strava-transparent-d .h2,
    .brand-strava-transparent-d .h3,
    .brand-strava-transparent-d .h4,
    .brand-strava-transparent-d .h5 {
        color: #fff
    }

    .brand-strava-transparent-d a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-strava-transparent-d a:hover,
    .brand-strava-transparent-d a:active,
    .brand-strava-transparent-d a:focus {
        color: #fff
    }

    .brand-strava-transparent-d .text-muted {
        color: rgba(254, 201, 178, 0.5)
    }

    .brand-strava-transparent-d .text-error,
    .brand-strava-transparent-d .text-info,
    .brand-strava-transparent-d .text-success {
        color: #fff
    }

    .brand-strava-transparent-d>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-strava-transparent-tablet {
        background: rgba(252, 76, 2, 0.5);
        color: #fff
    }

    .brand-strava-transparent-tablet h1,
    .brand-strava-transparent-tablet h2,
    .brand-strava-transparent-tablet h3,
    .brand-strava-transparent-tablet h4,
    .brand-strava-transparent-tablet h5,
    .brand-strava-transparent-tablet .h1,
    .brand-strava-transparent-tablet .h2,
    .brand-strava-transparent-tablet .h3,
    .brand-strava-transparent-tablet .h4,
    .brand-strava-transparent-tablet .h5 {
        color: #fff
    }

    .brand-strava-transparent-tablet a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-strava-transparent-tablet a:hover,
    .brand-strava-transparent-tablet a:active,
    .brand-strava-transparent-tablet a:focus {
        color: #fff
    }

    .brand-strava-transparent-tablet .text-muted {
        color: rgba(254, 201, 178, 0.5)
    }

    .brand-strava-transparent-tablet .text-error,
    .brand-strava-transparent-tablet .text-info,
    .brand-strava-transparent-tablet .text-success {
        color: #fff
    }

    .brand-strava-transparent-tablet>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

@media only screen and (min-width: 1180px) {
    .brand-strava-transparent-desktop {
        background: rgba(252, 76, 2, 0.5);
        color: #fff
    }

    .brand-strava-transparent-desktop h1,
    .brand-strava-transparent-desktop h2,
    .brand-strava-transparent-desktop h3,
    .brand-strava-transparent-desktop h4,
    .brand-strava-transparent-desktop h5,
    .brand-strava-transparent-desktop .h1,
    .brand-strava-transparent-desktop .h2,
    .brand-strava-transparent-desktop .h3,
    .brand-strava-transparent-desktop .h4,
    .brand-strava-transparent-desktop .h5 {
        color: #fff
    }

    .brand-strava-transparent-desktop a {
        color: rgba(255, 255, 255, 0.75)
    }

    .brand-strava-transparent-desktop a:hover,
    .brand-strava-transparent-desktop a:active,
    .brand-strava-transparent-desktop a:focus {
        color: #fff
    }

    .brand-strava-transparent-desktop .text-muted {
        color: rgba(254, 201, 178, 0.5)
    }

    .brand-strava-transparent-desktop .text-error,
    .brand-strava-transparent-desktop .text-info,
    .brand-strava-transparent-desktop .text-success {
        color: #fff
    }

    .brand-strava-transparent-desktop>hr {
        border-color: rgba(255, 255, 255, 0.075)
    }
}

.brand-strava-outline {
    border: 1px solid #FC4C02
}

@media only screen and (max-width: 640px) {
    .brand-strava-outline-m {
        border: 1px solid #FC4C02
    }
}

@media only screen and (min-width: 640px) {
    .brand-strava-outline-d {
        border: 1px solid #FC4C02
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .brand-strava-outline-tablet {
        border: 1px solid #FC4C02
    }
}

@media only screen and (min-width: 1180px) {
    .brand-strava-outline-desktop {
        border: 1px solid #FC4C02
    }
}

.modal-overlay {
    z-index: 1000;
    overflow: auto;
    padding: 5% 15px 15px 15px
}

@media only screen and (max-width: 640px) {
    .modal-overlay {
        padding-top: 15px
    }
}

.modal-overlay,
.modal-overlay .modal-dim,
.modal-overlay .modal-dim-static {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.modal-overlay .modal-dim,
.modal-overlay .modal-dim-static {
    background: rgba(0, 0, 0, 0.7)
}

#react-modal {
    position: relative;
    z-index: 1001
}

.modal-content,
[data-modal] {
    position: relative;
    max-width: 800px;
    width: 500px;
    border-radius: 3px;
    z-index: 1001;
    display: none;
    margin: 0 auto
}

@media only screen and (max-width: 640px) {

    .modal-content,
    [data-modal] {
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .modal-sm {
        width: 35%
    }

    .modal-md {
        width: 50%
    }

    .modal-lg {
        width: 80%
    }
}

.modal-primary .modal-dim {
    background: rgba(255, 51, 32, 0.7)
}

.modal-secondary .modal-dim {
    background: rgba(0, 92, 240, 0.7)
}

.modal-tertiary .modal-dim {
    background: rgba(174, 90, 107, 0.7)
}

.loader {
    width: 14px;
    height: 14px;
    display: inline-block;
    border: solid 2px transparent;
    border-top-color: #ff3320;
    border-left-color: #ff3320;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-animation: loading-bar-spinner 400ms linear infinite;
    animation: loading-bar-spinner 400ms linear infinite
}

.loader-muted {
    border-top-color: rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1)
}

.loader-white {
    border-top-color: white;
    border-left-color: white
}

.loader-sm {
    width: 10px;
    height: 10px
}

.loader-lg {
    width: 18px;
    height: 18px;
    display: block;
    margin: 100px auto 300px auto
}

.loader-xl {
    width: 22px;
    height: 22px;
    margin: 100px auto 300px auto
}

.loader-overlay {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    top: 0;
    left: 0;
    margin: 0 15px;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.loader-overlay .loader {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    margin-left: -7px
}

.loading {
    opacity: .4;
    -webkit-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out
}

@-webkit-keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.label {
    padding: .1em .3em;
    display: inline-block
}

.label-lg {
    padding: .25em .6em
}

.label-default,
a.label-default,
a.label-default:hover {
    background: #f2f2f2;
    color: #2f2f2f
}

.label-default h1,
.label-default h2,
.label-default h3,
.label-default h4,
.label-default h5,
.label-default .h1,
.label-default .h2,
.label-default .h3,
.label-default .h4,
.label-default .h5,
a.label-default h1,
a.label-default h2,
a.label-default h3,
a.label-default h4,
a.label-default h5,
a.label-default .h1,
a.label-default .h2,
a.label-default .h3,
a.label-default .h4,
a.label-default .h5,
a.label-default:hover h1,
a.label-default:hover h2,
a.label-default:hover h3,
a.label-default:hover h4,
a.label-default:hover h5,
a.label-default:hover .h1,
a.label-default:hover .h2,
a.label-default:hover .h3,
a.label-default:hover .h4,
a.label-default:hover .h5 {
    color: #2f2f2f
}

.label-default a,
a.label-default a,
a.label-default:hover a {
    color: #005cf0
}

.label-default a:hover,
.label-default a:active,
.label-default a:focus,
a.label-default a:hover,
a.label-default a:active,
a.label-default a:focus,
a.label-default:hover a:hover,
a.label-default:hover a:active,
a.label-default:hover a:focus {
    color: #0b68ff
}

.label-default .text-muted,
a.label-default .text-muted,
a.label-default:hover .text-muted {
    color: #999
}

.label-default .text-error,
.label-default .text-info,
.label-default .text-success,
a.label-default .text-error,
a.label-default .text-info,
a.label-default .text-success,
a.label-default:hover .text-error,
a.label-default:hover .text-info,
a.label-default:hover .text-success {
    color: #2f2f2f
}

.label-default>hr,
a.label-default>hr,
a.label-default:hover>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.label-white,
a.label-white,
a.label-white:hover {
    background: #fff;
    color: #2f2f2f
}

.label-white h1,
.label-white h2,
.label-white h3,
.label-white h4,
.label-white h5,
.label-white .h1,
.label-white .h2,
.label-white .h3,
.label-white .h4,
.label-white .h5,
a.label-white h1,
a.label-white h2,
a.label-white h3,
a.label-white h4,
a.label-white h5,
a.label-white .h1,
a.label-white .h2,
a.label-white .h3,
a.label-white .h4,
a.label-white .h5,
a.label-white:hover h1,
a.label-white:hover h2,
a.label-white:hover h3,
a.label-white:hover h4,
a.label-white:hover h5,
a.label-white:hover .h1,
a.label-white:hover .h2,
a.label-white:hover .h3,
a.label-white:hover .h4,
a.label-white:hover .h5 {
    color: #2f2f2f
}

.label-white a,
a.label-white a,
a.label-white:hover a {
    color: #005cf0
}

.label-white a:hover,
.label-white a:active,
.label-white a:focus,
a.label-white a:hover,
a.label-white a:active,
a.label-white a:focus,
a.label-white:hover a:hover,
a.label-white:hover a:active,
a.label-white:hover a:focus {
    color: #0b68ff
}

.label-white .text-muted,
a.label-white .text-muted,
a.label-white:hover .text-muted {
    color: #a6a6a6
}

.label-white .text-error,
.label-white .text-info,
.label-white .text-success,
a.label-white .text-error,
a.label-white .text-info,
a.label-white .text-success,
a.label-white:hover .text-error,
a.label-white:hover .text-info,
a.label-white:hover .text-success {
    color: #2f2f2f
}

.label-white>hr,
a.label-white>hr,
a.label-white:hover>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.label-black,
a.label-black,
a.label-black:hover {
    background: #000;
    color: #fff
}

.label-black h1,
.label-black h2,
.label-black h3,
.label-black h4,
.label-black h5,
.label-black .h1,
.label-black .h2,
.label-black .h3,
.label-black .h4,
.label-black .h5,
a.label-black h1,
a.label-black h2,
a.label-black h3,
a.label-black h4,
a.label-black h5,
a.label-black .h1,
a.label-black .h2,
a.label-black .h3,
a.label-black .h4,
a.label-black .h5,
a.label-black:hover h1,
a.label-black:hover h2,
a.label-black:hover h3,
a.label-black:hover h4,
a.label-black:hover h5,
a.label-black:hover .h1,
a.label-black:hover .h2,
a.label-black:hover .h3,
a.label-black:hover .h4,
a.label-black:hover .h5 {
    color: #fff
}

.label-black a,
a.label-black a,
a.label-black:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-black a:hover,
.label-black a:active,
.label-black a:focus,
a.label-black a:hover,
a.label-black a:active,
a.label-black a:focus,
a.label-black:hover a:hover,
a.label-black:hover a:active,
a.label-black:hover a:focus {
    color: #fff
}

.label-black .text-muted,
a.label-black .text-muted,
a.label-black:hover .text-muted {
    color: #595959
}

.label-black .text-error,
.label-black .text-info,
.label-black .text-success,
a.label-black .text-error,
a.label-black .text-info,
a.label-black .text-success,
a.label-black:hover .text-error,
a.label-black:hover .text-info,
a.label-black:hover .text-success {
    color: #fff
}

.label-black>hr,
a.label-black>hr,
a.label-black:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-primary,
a.label-primary,
a.label-primary:hover {
    background: #ff3320;
    color: #fff
}

.label-primary h1,
.label-primary h2,
.label-primary h3,
.label-primary h4,
.label-primary h5,
.label-primary .h1,
.label-primary .h2,
.label-primary .h3,
.label-primary .h4,
.label-primary .h5,
a.label-primary h1,
a.label-primary h2,
a.label-primary h3,
a.label-primary h4,
a.label-primary h5,
a.label-primary .h1,
a.label-primary .h2,
a.label-primary .h3,
a.label-primary .h4,
a.label-primary .h5,
a.label-primary:hover h1,
a.label-primary:hover h2,
a.label-primary:hover h3,
a.label-primary:hover h4,
a.label-primary:hover h5,
a.label-primary:hover .h1,
a.label-primary:hover .h2,
a.label-primary:hover .h3,
a.label-primary:hover .h4,
a.label-primary:hover .h5 {
    color: #fff
}

.label-primary a,
a.label-primary a,
a.label-primary:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-primary a:hover,
.label-primary a:active,
.label-primary a:focus,
a.label-primary a:hover,
a.label-primary a:active,
a.label-primary a:focus,
a.label-primary:hover a:hover,
a.label-primary:hover a:active,
a.label-primary:hover a:focus {
    color: #fff
}

.label-primary .text-muted,
a.label-primary .text-muted,
a.label-primary:hover .text-muted {
    color: #ffd6d3
}

.label-primary .text-error,
.label-primary .text-info,
.label-primary .text-success,
a.label-primary .text-error,
a.label-primary .text-info,
a.label-primary .text-success,
a.label-primary:hover .text-error,
a.label-primary:hover .text-info,
a.label-primary:hover .text-success {
    color: #fff
}

.label-primary>hr,
a.label-primary>hr,
a.label-primary:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-secondary,
a.label-secondary,
a.label-secondary:hover {
    background: #005cf0;
    color: #fff
}

.label-secondary h1,
.label-secondary h2,
.label-secondary h3,
.label-secondary h4,
.label-secondary h5,
.label-secondary .h1,
.label-secondary .h2,
.label-secondary .h3,
.label-secondary .h4,
.label-secondary .h5,
a.label-secondary h1,
a.label-secondary h2,
a.label-secondary h3,
a.label-secondary h4,
a.label-secondary h5,
a.label-secondary .h1,
a.label-secondary .h2,
a.label-secondary .h3,
a.label-secondary .h4,
a.label-secondary .h5,
a.label-secondary:hover h1,
a.label-secondary:hover h2,
a.label-secondary:hover h3,
a.label-secondary:hover h4,
a.label-secondary:hover h5,
a.label-secondary:hover .h1,
a.label-secondary:hover .h2,
a.label-secondary:hover .h3,
a.label-secondary:hover .h4,
a.label-secondary:hover .h5 {
    color: #fff
}

.label-secondary a,
a.label-secondary a,
a.label-secondary:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-secondary a:hover,
.label-secondary a:active,
.label-secondary a:focus,
a.label-secondary a:hover,
a.label-secondary a:active,
a.label-secondary a:focus,
a.label-secondary:hover a:hover,
a.label-secondary:hover a:active,
a.label-secondary:hover a:focus {
    color: #fff
}

.label-secondary .text-muted,
a.label-secondary .text-muted,
a.label-secondary:hover .text-muted {
    color: #a4c7ff
}

.label-secondary .text-error,
.label-secondary .text-info,
.label-secondary .text-success,
a.label-secondary .text-error,
a.label-secondary .text-info,
a.label-secondary .text-success,
a.label-secondary:hover .text-error,
a.label-secondary:hover .text-info,
a.label-secondary:hover .text-success {
    color: #fff
}

.label-secondary>hr,
a.label-secondary>hr,
a.label-secondary:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-tertiary,
a.label-tertiary,
a.label-tertiary:hover {
    background: #ae5a6b;
    color: #fff
}

.label-tertiary h1,
.label-tertiary h2,
.label-tertiary h3,
.label-tertiary h4,
.label-tertiary h5,
.label-tertiary .h1,
.label-tertiary .h2,
.label-tertiary .h3,
.label-tertiary .h4,
.label-tertiary .h5,
a.label-tertiary h1,
a.label-tertiary h2,
a.label-tertiary h3,
a.label-tertiary h4,
a.label-tertiary h5,
a.label-tertiary .h1,
a.label-tertiary .h2,
a.label-tertiary .h3,
a.label-tertiary .h4,
a.label-tertiary .h5,
a.label-tertiary:hover h1,
a.label-tertiary:hover h2,
a.label-tertiary:hover h3,
a.label-tertiary:hover h4,
a.label-tertiary:hover h5,
a.label-tertiary:hover .h1,
a.label-tertiary:hover .h2,
a.label-tertiary:hover .h3,
a.label-tertiary:hover .h4,
a.label-tertiary:hover .h5 {
    color: #fff
}

.label-tertiary a,
a.label-tertiary a,
a.label-tertiary:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-tertiary a:hover,
.label-tertiary a:active,
.label-tertiary a:focus,
a.label-tertiary a:hover,
a.label-tertiary a:active,
a.label-tertiary a:focus,
a.label-tertiary:hover a:hover,
a.label-tertiary:hover a:active,
a.label-tertiary:hover a:focus {
    color: #fff
}

.label-tertiary .text-muted,
a.label-tertiary .text-muted,
a.label-tertiary:hover .text-muted {
    color: #e9d2d6
}

.label-tertiary .text-error,
.label-tertiary .text-info,
.label-tertiary .text-success,
a.label-tertiary .text-error,
a.label-tertiary .text-info,
a.label-tertiary .text-success,
a.label-tertiary:hover .text-error,
a.label-tertiary:hover .text-info,
a.label-tertiary:hover .text-success {
    color: #fff
}

.label-tertiary>hr,
a.label-tertiary>hr,
a.label-tertiary:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-quaternary,
a.label-quaternary,
a.label-quaternary:hover {
    background: #1d2473;
    color: #fff
}

.label-quaternary h1,
.label-quaternary h2,
.label-quaternary h3,
.label-quaternary h4,
.label-quaternary h5,
.label-quaternary .h1,
.label-quaternary .h2,
.label-quaternary .h3,
.label-quaternary .h4,
.label-quaternary .h5,
a.label-quaternary h1,
a.label-quaternary h2,
a.label-quaternary h3,
a.label-quaternary h4,
a.label-quaternary h5,
a.label-quaternary .h1,
a.label-quaternary .h2,
a.label-quaternary .h3,
a.label-quaternary .h4,
a.label-quaternary .h5,
a.label-quaternary:hover h1,
a.label-quaternary:hover h2,
a.label-quaternary:hover h3,
a.label-quaternary:hover h4,
a.label-quaternary:hover h5,
a.label-quaternary:hover .h1,
a.label-quaternary:hover .h2,
a.label-quaternary:hover .h3,
a.label-quaternary:hover .h4,
a.label-quaternary:hover .h5 {
    color: #fff
}

.label-quaternary a,
a.label-quaternary a,
a.label-quaternary:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-quaternary a:hover,
.label-quaternary a:active,
.label-quaternary a:focus,
a.label-quaternary a:hover,
a.label-quaternary a:active,
a.label-quaternary a:focus,
a.label-quaternary:hover a:hover,
a.label-quaternary:hover a:active,
a.label-quaternary:hover a:focus {
    color: #fff
}

.label-quaternary .text-muted,
a.label-quaternary .text-muted,
a.label-quaternary:hover .text-muted {
    color: #6972d9
}

.label-quaternary .text-error,
.label-quaternary .text-info,
.label-quaternary .text-success,
a.label-quaternary .text-error,
a.label-quaternary .text-info,
a.label-quaternary .text-success,
a.label-quaternary:hover .text-error,
a.label-quaternary:hover .text-info,
a.label-quaternary:hover .text-success {
    color: #fff
}

.label-quaternary>hr,
a.label-quaternary>hr,
a.label-quaternary:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-quinary,
a.label-quinary,
a.label-quinary:hover {
    background: #959598;
    color: #fff
}

.label-quinary h1,
.label-quinary h2,
.label-quinary h3,
.label-quinary h4,
.label-quinary h5,
.label-quinary .h1,
.label-quinary .h2,
.label-quinary .h3,
.label-quinary .h4,
.label-quinary .h5,
a.label-quinary h1,
a.label-quinary h2,
a.label-quinary h3,
a.label-quinary h4,
a.label-quinary h5,
a.label-quinary .h1,
a.label-quinary .h2,
a.label-quinary .h3,
a.label-quinary .h4,
a.label-quinary .h5,
a.label-quinary:hover h1,
a.label-quinary:hover h2,
a.label-quinary:hover h3,
a.label-quinary:hover h4,
a.label-quinary:hover h5,
a.label-quinary:hover .h1,
a.label-quinary:hover .h2,
a.label-quinary:hover .h3,
a.label-quinary:hover .h4,
a.label-quinary:hover .h5 {
    color: #fff
}

.label-quinary a,
a.label-quinary a,
a.label-quinary:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-quinary a:hover,
.label-quinary a:active,
.label-quinary a:focus,
a.label-quinary a:hover,
a.label-quinary a:active,
a.label-quinary a:focus,
a.label-quinary:hover a:hover,
a.label-quinary:hover a:active,
a.label-quinary:hover a:focus {
    color: #fff
}

.label-quinary .text-muted,
a.label-quinary .text-muted,
a.label-quinary:hover .text-muted {
    color: #f0f0f0
}

.label-quinary .text-error,
.label-quinary .text-info,
.label-quinary .text-success,
a.label-quinary .text-error,
a.label-quinary .text-info,
a.label-quinary .text-success,
a.label-quinary:hover .text-error,
a.label-quinary:hover .text-info,
a.label-quinary:hover .text-success {
    color: #fff
}

.label-quinary>hr,
a.label-quinary>hr,
a.label-quinary:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-error,
a.label-error,
a.label-error:hover {
    background: #df4e4e;
    color: #fff
}

.label-error h1,
.label-error h2,
.label-error h3,
.label-error h4,
.label-error h5,
.label-error .h1,
.label-error .h2,
.label-error .h3,
.label-error .h4,
.label-error .h5,
a.label-error h1,
a.label-error h2,
a.label-error h3,
a.label-error h4,
a.label-error h5,
a.label-error .h1,
a.label-error .h2,
a.label-error .h3,
a.label-error .h4,
a.label-error .h5,
a.label-error:hover h1,
a.label-error:hover h2,
a.label-error:hover h3,
a.label-error:hover h4,
a.label-error:hover h5,
a.label-error:hover .h1,
a.label-error:hover .h2,
a.label-error:hover .h3,
a.label-error:hover .h4,
a.label-error:hover .h5 {
    color: #fff
}

.label-error a,
a.label-error a,
a.label-error:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-error a:hover,
.label-error a:active,
.label-error a:focus,
a.label-error a:hover,
a.label-error a:active,
a.label-error a:focus,
a.label-error:hover a:hover,
a.label-error:hover a:active,
a.label-error:hover a:focus {
    color: #fff
}

.label-error .text-muted,
a.label-error .text-muted,
a.label-error:hover .text-muted {
    color: #fae5e5
}

.label-error .text-error,
.label-error .text-info,
.label-error .text-success,
a.label-error .text-error,
a.label-error .text-info,
a.label-error .text-success,
a.label-error:hover .text-error,
a.label-error:hover .text-info,
a.label-error:hover .text-success {
    color: #fff
}

.label-error>hr,
a.label-error>hr,
a.label-error:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-success,
a.label-success,
a.label-success:hover {
    background: #88b22d;
    color: #fff
}

.label-success h1,
.label-success h2,
.label-success h3,
.label-success h4,
.label-success h5,
.label-success .h1,
.label-success .h2,
.label-success .h3,
.label-success .h4,
.label-success .h5,
a.label-success h1,
a.label-success h2,
a.label-success h3,
a.label-success h4,
a.label-success h5,
a.label-success .h1,
a.label-success .h2,
a.label-success .h3,
a.label-success .h4,
a.label-success .h5,
a.label-success:hover h1,
a.label-success:hover h2,
a.label-success:hover h3,
a.label-success:hover h4,
a.label-success:hover h5,
a.label-success:hover .h1,
a.label-success:hover .h2,
a.label-success:hover .h3,
a.label-success:hover .h4,
a.label-success:hover .h5 {
    color: #fff
}

.label-success a,
a.label-success a,
a.label-success:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-success a:hover,
.label-success a:active,
.label-success a:focus,
a.label-success a:hover,
a.label-success a:active,
a.label-success a:focus,
a.label-success:hover a:hover,
a.label-success:hover a:active,
a.label-success:hover a:focus {
    color: #fff
}

.label-success .text-muted,
a.label-success .text-muted,
a.label-success:hover .text-muted {
    color: #d5e9a8
}

.label-success .text-error,
.label-success .text-info,
.label-success .text-success,
a.label-success .text-error,
a.label-success .text-info,
a.label-success .text-success,
a.label-success:hover .text-error,
a.label-success:hover .text-info,
a.label-success:hover .text-success {
    color: #fff
}

.label-success>hr,
a.label-success>hr,
a.label-success:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-info,
a.label-info,
a.label-info:hover {
    background: #ff0;
    color: #2f2f2f
}

.label-info h1,
.label-info h2,
.label-info h3,
.label-info h4,
.label-info h5,
.label-info .h1,
.label-info .h2,
.label-info .h3,
.label-info .h4,
.label-info .h5,
a.label-info h1,
a.label-info h2,
a.label-info h3,
a.label-info h4,
a.label-info h5,
a.label-info .h1,
a.label-info .h2,
a.label-info .h3,
a.label-info .h4,
a.label-info .h5,
a.label-info:hover h1,
a.label-info:hover h2,
a.label-info:hover h3,
a.label-info:hover h4,
a.label-info:hover h5,
a.label-info:hover .h1,
a.label-info:hover .h2,
a.label-info:hover .h3,
a.label-info:hover .h4,
a.label-info:hover .h5 {
    color: #2f2f2f
}

.label-info a,
a.label-info a,
a.label-info:hover a {
    color: #005cf0
}

.label-info a:hover,
.label-info a:active,
.label-info a:focus,
a.label-info a:hover,
a.label-info a:active,
a.label-info a:focus,
a.label-info:hover a:hover,
a.label-info:hover a:active,
a.label-info:hover a:focus {
    color: #0b68ff
}

.label-info .text-muted,
a.label-info .text-muted,
a.label-info:hover .text-muted {
    color: #4d4d00
}

.label-info .text-error,
.label-info .text-info,
.label-info .text-success,
a.label-info .text-error,
a.label-info .text-info,
a.label-info .text-success,
a.label-info:hover .text-error,
a.label-info:hover .text-info,
a.label-info:hover .text-success {
    color: #2f2f2f
}

.label-info>hr,
a.label-info>hr,
a.label-info:hover>hr {
    border-color: rgba(0, 0, 0, 0.075)
}

.label-facebook,
a.label-facebook,
a.label-facebook:hover {
    background: #1877F2;
    color: #fff
}

.label-facebook h1,
.label-facebook h2,
.label-facebook h3,
.label-facebook h4,
.label-facebook h5,
.label-facebook .h1,
.label-facebook .h2,
.label-facebook .h3,
.label-facebook .h4,
.label-facebook .h5,
a.label-facebook h1,
a.label-facebook h2,
a.label-facebook h3,
a.label-facebook h4,
a.label-facebook h5,
a.label-facebook .h1,
a.label-facebook .h2,
a.label-facebook .h3,
a.label-facebook .h4,
a.label-facebook .h5,
a.label-facebook:hover h1,
a.label-facebook:hover h2,
a.label-facebook:hover h3,
a.label-facebook:hover h4,
a.label-facebook:hover h5,
a.label-facebook:hover .h1,
a.label-facebook:hover .h2,
a.label-facebook:hover .h3,
a.label-facebook:hover .h4,
a.label-facebook:hover .h5 {
    color: #fff
}

.label-facebook a,
a.label-facebook a,
a.label-facebook:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-facebook a:hover,
.label-facebook a:active,
.label-facebook a:focus,
a.label-facebook a:hover,
a.label-facebook a:active,
a.label-facebook a:focus,
a.label-facebook:hover a:hover,
a.label-facebook:hover a:active,
a.label-facebook:hover a:focus {
    color: #fff
}

.label-facebook .text-muted,
a.label-facebook .text-muted,
a.label-facebook:hover .text-muted {
    color: #c1dafc
}

.label-facebook .text-error,
.label-facebook .text-info,
.label-facebook .text-success,
a.label-facebook .text-error,
a.label-facebook .text-info,
a.label-facebook .text-success,
a.label-facebook:hover .text-error,
a.label-facebook:hover .text-info,
a.label-facebook:hover .text-success {
    color: #fff
}

.label-facebook>hr,
a.label-facebook>hr,
a.label-facebook:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-twitter,
a.label-twitter,
a.label-twitter:hover {
    background: #1da1f2;
    color: #fff
}

.label-twitter h1,
.label-twitter h2,
.label-twitter h3,
.label-twitter h4,
.label-twitter h5,
.label-twitter .h1,
.label-twitter .h2,
.label-twitter .h3,
.label-twitter .h4,
.label-twitter .h5,
a.label-twitter h1,
a.label-twitter h2,
a.label-twitter h3,
a.label-twitter h4,
a.label-twitter h5,
a.label-twitter .h1,
a.label-twitter .h2,
a.label-twitter .h3,
a.label-twitter .h4,
a.label-twitter .h5,
a.label-twitter:hover h1,
a.label-twitter:hover h2,
a.label-twitter:hover h3,
a.label-twitter:hover h4,
a.label-twitter:hover h5,
a.label-twitter:hover .h1,
a.label-twitter:hover .h2,
a.label-twitter:hover .h3,
a.label-twitter:hover .h4,
a.label-twitter:hover .h5 {
    color: #fff
}

.label-twitter a,
a.label-twitter a,
a.label-twitter:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-twitter a:hover,
.label-twitter a:active,
.label-twitter a:focus,
a.label-twitter a:hover,
a.label-twitter a:active,
a.label-twitter a:focus,
a.label-twitter:hover a:hover,
a.label-twitter:hover a:active,
a.label-twitter:hover a:focus {
    color: #fff
}

.label-twitter .text-muted,
a.label-twitter .text-muted,
a.label-twitter:hover .text-muted {
    color: #c6e7fc
}

.label-twitter .text-error,
.label-twitter .text-info,
.label-twitter .text-success,
a.label-twitter .text-error,
a.label-twitter .text-info,
a.label-twitter .text-success,
a.label-twitter:hover .text-error,
a.label-twitter:hover .text-info,
a.label-twitter:hover .text-success {
    color: #fff
}

.label-twitter>hr,
a.label-twitter>hr,
a.label-twitter:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-instagram,
a.label-instagram,
a.label-instagram:hover {
    background: #BE00A9;
    color: #fff
}

.label-instagram h1,
.label-instagram h2,
.label-instagram h3,
.label-instagram h4,
.label-instagram h5,
.label-instagram .h1,
.label-instagram .h2,
.label-instagram .h3,
.label-instagram .h4,
.label-instagram .h5,
a.label-instagram h1,
a.label-instagram h2,
a.label-instagram h3,
a.label-instagram h4,
a.label-instagram h5,
a.label-instagram .h1,
a.label-instagram .h2,
a.label-instagram .h3,
a.label-instagram .h4,
a.label-instagram .h5,
a.label-instagram:hover h1,
a.label-instagram:hover h2,
a.label-instagram:hover h3,
a.label-instagram:hover h4,
a.label-instagram:hover h5,
a.label-instagram:hover .h1,
a.label-instagram:hover .h2,
a.label-instagram:hover .h3,
a.label-instagram:hover .h4,
a.label-instagram:hover .h5 {
    color: #fff
}

.label-instagram a,
a.label-instagram a,
a.label-instagram:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-instagram a:hover,
.label-instagram a:active,
.label-instagram a:focus,
a.label-instagram a:hover,
a.label-instagram a:active,
a.label-instagram a:focus,
a.label-instagram:hover a:hover,
a.label-instagram:hover a:active,
a.label-instagram:hover a:focus {
    color: #fff
}

.label-instagram .text-muted,
a.label-instagram .text-muted,
a.label-instagram:hover .text-muted {
    color: #ff72ef
}

.label-instagram .text-error,
.label-instagram .text-info,
.label-instagram .text-success,
a.label-instagram .text-error,
a.label-instagram .text-info,
a.label-instagram .text-success,
a.label-instagram:hover .text-error,
a.label-instagram:hover .text-info,
a.label-instagram:hover .text-success {
    color: #fff
}

.label-instagram>hr,
a.label-instagram>hr,
a.label-instagram:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-youtube,
a.label-youtube,
a.label-youtube:hover {
    background: red;
    color: #fff
}

.label-youtube h1,
.label-youtube h2,
.label-youtube h3,
.label-youtube h4,
.label-youtube h5,
.label-youtube .h1,
.label-youtube .h2,
.label-youtube .h3,
.label-youtube .h4,
.label-youtube .h5,
a.label-youtube h1,
a.label-youtube h2,
a.label-youtube h3,
a.label-youtube h4,
a.label-youtube h5,
a.label-youtube .h1,
a.label-youtube .h2,
a.label-youtube .h3,
a.label-youtube .h4,
a.label-youtube .h5,
a.label-youtube:hover h1,
a.label-youtube:hover h2,
a.label-youtube:hover h3,
a.label-youtube:hover h4,
a.label-youtube:hover h5,
a.label-youtube:hover .h1,
a.label-youtube:hover .h2,
a.label-youtube:hover .h3,
a.label-youtube:hover .h4,
a.label-youtube:hover .h5 {
    color: #fff
}

.label-youtube a,
a.label-youtube a,
a.label-youtube:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-youtube a:hover,
.label-youtube a:active,
.label-youtube a:focus,
a.label-youtube a:hover,
a.label-youtube a:active,
a.label-youtube a:focus,
a.label-youtube:hover a:hover,
a.label-youtube:hover a:active,
a.label-youtube:hover a:focus {
    color: #fff
}

.label-youtube .text-muted,
a.label-youtube .text-muted,
a.label-youtube:hover .text-muted {
    color: #ffb3b3
}

.label-youtube .text-error,
.label-youtube .text-info,
.label-youtube .text-success,
a.label-youtube .text-error,
a.label-youtube .text-info,
a.label-youtube .text-success,
a.label-youtube:hover .text-error,
a.label-youtube:hover .text-info,
a.label-youtube:hover .text-success {
    color: #fff
}

.label-youtube>hr,
a.label-youtube>hr,
a.label-youtube:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-linkedin,
a.label-linkedin,
a.label-linkedin:hover {
    background: #1884bc;
    color: #fff
}

.label-linkedin h1,
.label-linkedin h2,
.label-linkedin h3,
.label-linkedin h4,
.label-linkedin h5,
.label-linkedin .h1,
.label-linkedin .h2,
.label-linkedin .h3,
.label-linkedin .h4,
.label-linkedin .h5,
a.label-linkedin h1,
a.label-linkedin h2,
a.label-linkedin h3,
a.label-linkedin h4,
a.label-linkedin h5,
a.label-linkedin .h1,
a.label-linkedin .h2,
a.label-linkedin .h3,
a.label-linkedin .h4,
a.label-linkedin .h5,
a.label-linkedin:hover h1,
a.label-linkedin:hover h2,
a.label-linkedin:hover h3,
a.label-linkedin:hover h4,
a.label-linkedin:hover h5,
a.label-linkedin:hover .h1,
a.label-linkedin:hover .h2,
a.label-linkedin:hover .h3,
a.label-linkedin:hover .h4,
a.label-linkedin:hover .h5 {
    color: #fff
}

.label-linkedin a,
a.label-linkedin a,
a.label-linkedin:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-linkedin a:hover,
.label-linkedin a:active,
.label-linkedin a:focus,
a.label-linkedin a:hover,
a.label-linkedin a:active,
a.label-linkedin a:focus,
a.label-linkedin:hover a:hover,
a.label-linkedin:hover a:active,
a.label-linkedin:hover a:focus {
    color: #fff
}

.label-linkedin .text-muted,
a.label-linkedin .text-muted,
a.label-linkedin:hover .text-muted {
    color: #95d2f1
}

.label-linkedin .text-error,
.label-linkedin .text-info,
.label-linkedin .text-success,
a.label-linkedin .text-error,
a.label-linkedin .text-info,
a.label-linkedin .text-success,
a.label-linkedin:hover .text-error,
a.label-linkedin:hover .text-info,
a.label-linkedin:hover .text-success {
    color: #fff
}

.label-linkedin>hr,
a.label-linkedin>hr,
a.label-linkedin:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-google-plus,
a.label-google-plus,
a.label-google-plus:hover {
    background: #dd4b39;
    color: #fff
}

.label-google-plus h1,
.label-google-plus h2,
.label-google-plus h3,
.label-google-plus h4,
.label-google-plus h5,
.label-google-plus .h1,
.label-google-plus .h2,
.label-google-plus .h3,
.label-google-plus .h4,
.label-google-plus .h5,
a.label-google-plus h1,
a.label-google-plus h2,
a.label-google-plus h3,
a.label-google-plus h4,
a.label-google-plus h5,
a.label-google-plus .h1,
a.label-google-plus .h2,
a.label-google-plus .h3,
a.label-google-plus .h4,
a.label-google-plus .h5,
a.label-google-plus:hover h1,
a.label-google-plus:hover h2,
a.label-google-plus:hover h3,
a.label-google-plus:hover h4,
a.label-google-plus:hover h5,
a.label-google-plus:hover .h1,
a.label-google-plus:hover .h2,
a.label-google-plus:hover .h3,
a.label-google-plus:hover .h4,
a.label-google-plus:hover .h5 {
    color: #fff
}

.label-google-plus a,
a.label-google-plus a,
a.label-google-plus:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-google-plus a:hover,
.label-google-plus a:active,
.label-google-plus a:focus,
a.label-google-plus a:hover,
a.label-google-plus a:active,
a.label-google-plus a:focus,
a.label-google-plus:hover a:hover,
a.label-google-plus:hover a:active,
a.label-google-plus:hover a:focus {
    color: #fff
}

.label-google-plus .text-muted,
a.label-google-plus .text-muted,
a.label-google-plus:hover .text-muted {
    color: #f7d5d1
}

.label-google-plus .text-error,
.label-google-plus .text-info,
.label-google-plus .text-success,
a.label-google-plus .text-error,
a.label-google-plus .text-info,
a.label-google-plus .text-success,
a.label-google-plus:hover .text-error,
a.label-google-plus:hover .text-info,
a.label-google-plus:hover .text-success {
    color: #fff
}

.label-google-plus>hr,
a.label-google-plus>hr,
a.label-google-plus:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-whatsapp,
a.label-whatsapp,
a.label-whatsapp:hover {
    background: #25d366;
    color: #fff
}

.label-whatsapp h1,
.label-whatsapp h2,
.label-whatsapp h3,
.label-whatsapp h4,
.label-whatsapp h5,
.label-whatsapp .h1,
.label-whatsapp .h2,
.label-whatsapp .h3,
.label-whatsapp .h4,
.label-whatsapp .h5,
a.label-whatsapp h1,
a.label-whatsapp h2,
a.label-whatsapp h3,
a.label-whatsapp h4,
a.label-whatsapp h5,
a.label-whatsapp .h1,
a.label-whatsapp .h2,
a.label-whatsapp .h3,
a.label-whatsapp .h4,
a.label-whatsapp .h5,
a.label-whatsapp:hover h1,
a.label-whatsapp:hover h2,
a.label-whatsapp:hover h3,
a.label-whatsapp:hover h4,
a.label-whatsapp:hover h5,
a.label-whatsapp:hover .h1,
a.label-whatsapp:hover .h2,
a.label-whatsapp:hover .h3,
a.label-whatsapp:hover .h4,
a.label-whatsapp:hover .h5 {
    color: #fff
}

.label-whatsapp a,
a.label-whatsapp a,
a.label-whatsapp:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-whatsapp a:hover,
.label-whatsapp a:active,
.label-whatsapp a:focus,
a.label-whatsapp a:hover,
a.label-whatsapp a:active,
a.label-whatsapp a:focus,
a.label-whatsapp:hover a:hover,
a.label-whatsapp:hover a:active,
a.label-whatsapp:hover a:focus {
    color: #fff
}

.label-whatsapp .text-muted,
a.label-whatsapp .text-muted,
a.label-whatsapp:hover .text-muted {
    color: #b8f3ce
}

.label-whatsapp .text-error,
.label-whatsapp .text-info,
.label-whatsapp .text-success,
a.label-whatsapp .text-error,
a.label-whatsapp .text-info,
a.label-whatsapp .text-success,
a.label-whatsapp:hover .text-error,
a.label-whatsapp:hover .text-info,
a.label-whatsapp:hover .text-success {
    color: #fff
}

.label-whatsapp>hr,
a.label-whatsapp>hr,
a.label-whatsapp:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-mail,
a.label-mail,
a.label-mail:hover {
    background: #444;
    color: #fff
}

.label-mail h1,
.label-mail h2,
.label-mail h3,
.label-mail h4,
.label-mail h5,
.label-mail .h1,
.label-mail .h2,
.label-mail .h3,
.label-mail .h4,
.label-mail .h5,
a.label-mail h1,
a.label-mail h2,
a.label-mail h3,
a.label-mail h4,
a.label-mail h5,
a.label-mail .h1,
a.label-mail .h2,
a.label-mail .h3,
a.label-mail .h4,
a.label-mail .h5,
a.label-mail:hover h1,
a.label-mail:hover h2,
a.label-mail:hover h3,
a.label-mail:hover h4,
a.label-mail:hover h5,
a.label-mail:hover .h1,
a.label-mail:hover .h2,
a.label-mail:hover .h3,
a.label-mail:hover .h4,
a.label-mail:hover .h5 {
    color: #fff
}

.label-mail a,
a.label-mail a,
a.label-mail:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-mail a:hover,
.label-mail a:active,
.label-mail a:focus,
a.label-mail a:hover,
a.label-mail a:active,
a.label-mail a:focus,
a.label-mail:hover a:hover,
a.label-mail:hover a:active,
a.label-mail:hover a:focus {
    color: #fff
}

.label-mail .text-muted,
a.label-mail .text-muted,
a.label-mail:hover .text-muted {
    color: #9d9d9d
}

.label-mail .text-error,
.label-mail .text-info,
.label-mail .text-success,
a.label-mail .text-error,
a.label-mail .text-info,
a.label-mail .text-success,
a.label-mail:hover .text-error,
a.label-mail:hover .text-info,
a.label-mail:hover .text-success {
    color: #fff
}

.label-mail>hr,
a.label-mail>hr,
a.label-mail:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-tikkie,
a.label-tikkie,
a.label-tikkie:hover {
    background: #424380;
    color: #fff
}

.label-tikkie h1,
.label-tikkie h2,
.label-tikkie h3,
.label-tikkie h4,
.label-tikkie h5,
.label-tikkie .h1,
.label-tikkie .h2,
.label-tikkie .h3,
.label-tikkie .h4,
.label-tikkie .h5,
a.label-tikkie h1,
a.label-tikkie h2,
a.label-tikkie h3,
a.label-tikkie h4,
a.label-tikkie h5,
a.label-tikkie .h1,
a.label-tikkie .h2,
a.label-tikkie .h3,
a.label-tikkie .h4,
a.label-tikkie .h5,
a.label-tikkie:hover h1,
a.label-tikkie:hover h2,
a.label-tikkie:hover h3,
a.label-tikkie:hover h4,
a.label-tikkie:hover h5,
a.label-tikkie:hover .h1,
a.label-tikkie:hover .h2,
a.label-tikkie:hover .h3,
a.label-tikkie:hover .h4,
a.label-tikkie:hover .h5 {
    color: #fff
}

.label-tikkie a,
a.label-tikkie a,
a.label-tikkie:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-tikkie a:hover,
.label-tikkie a:active,
.label-tikkie a:focus,
a.label-tikkie a:hover,
a.label-tikkie a:active,
a.label-tikkie a:focus,
a.label-tikkie:hover a:hover,
a.label-tikkie:hover a:active,
a.label-tikkie:hover a:focus {
    color: #fff
}

.label-tikkie .text-muted,
a.label-tikkie .text-muted,
a.label-tikkie:hover .text-muted {
    color: #a4a5d0
}

.label-tikkie .text-error,
.label-tikkie .text-info,
.label-tikkie .text-success,
a.label-tikkie .text-error,
a.label-tikkie .text-info,
a.label-tikkie .text-success,
a.label-tikkie:hover .text-error,
a.label-tikkie:hover .text-info,
a.label-tikkie:hover .text-success {
    color: #fff
}

.label-tikkie>hr,
a.label-tikkie>hr,
a.label-tikkie:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-vimeo,
a.label-vimeo,
a.label-vimeo:hover {
    background: #1ab7ea;
    color: #fff
}

.label-vimeo h1,
.label-vimeo h2,
.label-vimeo h3,
.label-vimeo h4,
.label-vimeo h5,
.label-vimeo .h1,
.label-vimeo .h2,
.label-vimeo .h3,
.label-vimeo .h4,
.label-vimeo .h5,
a.label-vimeo h1,
a.label-vimeo h2,
a.label-vimeo h3,
a.label-vimeo h4,
a.label-vimeo h5,
a.label-vimeo .h1,
a.label-vimeo .h2,
a.label-vimeo .h3,
a.label-vimeo .h4,
a.label-vimeo .h5,
a.label-vimeo:hover h1,
a.label-vimeo:hover h2,
a.label-vimeo:hover h3,
a.label-vimeo:hover h4,
a.label-vimeo:hover h5,
a.label-vimeo:hover .h1,
a.label-vimeo:hover .h2,
a.label-vimeo:hover .h3,
a.label-vimeo:hover .h4,
a.label-vimeo:hover .h5 {
    color: #fff
}

.label-vimeo a,
a.label-vimeo a,
a.label-vimeo:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-vimeo a:hover,
.label-vimeo a:active,
.label-vimeo a:focus,
a.label-vimeo a:hover,
a.label-vimeo a:active,
a.label-vimeo a:focus,
a.label-vimeo:hover a:hover,
a.label-vimeo:hover a:active,
a.label-vimeo:hover a:focus {
    color: #fff
}

.label-vimeo .text-muted,
a.label-vimeo .text-muted,
a.label-vimeo:hover .text-muted {
    color: #beeaf9
}

.label-vimeo .text-error,
.label-vimeo .text-info,
.label-vimeo .text-success,
a.label-vimeo .text-error,
a.label-vimeo .text-info,
a.label-vimeo .text-success,
a.label-vimeo:hover .text-error,
a.label-vimeo:hover .text-info,
a.label-vimeo:hover .text-success {
    color: #fff
}

.label-vimeo>hr,
a.label-vimeo>hr,
a.label-vimeo:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-ideal,
a.label-ideal,
a.label-ideal:hover {
    background: #cd0067;
    color: #fff
}

.label-ideal h1,
.label-ideal h2,
.label-ideal h3,
.label-ideal h4,
.label-ideal h5,
.label-ideal .h1,
.label-ideal .h2,
.label-ideal .h3,
.label-ideal .h4,
.label-ideal .h5,
a.label-ideal h1,
a.label-ideal h2,
a.label-ideal h3,
a.label-ideal h4,
a.label-ideal h5,
a.label-ideal .h1,
a.label-ideal .h2,
a.label-ideal .h3,
a.label-ideal .h4,
a.label-ideal .h5,
a.label-ideal:hover h1,
a.label-ideal:hover h2,
a.label-ideal:hover h3,
a.label-ideal:hover h4,
a.label-ideal:hover h5,
a.label-ideal:hover .h1,
a.label-ideal:hover .h2,
a.label-ideal:hover .h3,
a.label-ideal:hover .h4,
a.label-ideal:hover .h5 {
    color: #fff
}

.label-ideal a,
a.label-ideal a,
a.label-ideal:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-ideal a:hover,
.label-ideal a:active,
.label-ideal a:focus,
a.label-ideal a:hover,
a.label-ideal a:active,
a.label-ideal a:focus,
a.label-ideal:hover a:hover,
a.label-ideal:hover a:active,
a.label-ideal:hover a:focus {
    color: #fff
}

.label-ideal .text-muted,
a.label-ideal .text-muted,
a.label-ideal:hover .text-muted {
    color: #ff81c0
}

.label-ideal .text-error,
.label-ideal .text-info,
.label-ideal .text-success,
a.label-ideal .text-error,
a.label-ideal .text-info,
a.label-ideal .text-success,
a.label-ideal:hover .text-error,
a.label-ideal:hover .text-info,
a.label-ideal:hover .text-success {
    color: #fff
}

.label-ideal>hr,
a.label-ideal>hr,
a.label-ideal:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.label-strava,
a.label-strava,
a.label-strava:hover {
    background: #FC4C02;
    color: #fff
}

.label-strava h1,
.label-strava h2,
.label-strava h3,
.label-strava h4,
.label-strava h5,
.label-strava .h1,
.label-strava .h2,
.label-strava .h3,
.label-strava .h4,
.label-strava .h5,
a.label-strava h1,
a.label-strava h2,
a.label-strava h3,
a.label-strava h4,
a.label-strava h5,
a.label-strava .h1,
a.label-strava .h2,
a.label-strava .h3,
a.label-strava .h4,
a.label-strava .h5,
a.label-strava:hover h1,
a.label-strava:hover h2,
a.label-strava:hover h3,
a.label-strava:hover h4,
a.label-strava:hover h5,
a.label-strava:hover .h1,
a.label-strava:hover .h2,
a.label-strava:hover .h3,
a.label-strava:hover .h4,
a.label-strava:hover .h5 {
    color: #fff
}

.label-strava a,
a.label-strava a,
a.label-strava:hover a {
    color: rgba(255, 255, 255, 0.75)
}

.label-strava a:hover,
.label-strava a:active,
.label-strava a:focus,
a.label-strava a:hover,
a.label-strava a:active,
a.label-strava a:focus,
a.label-strava:hover a:hover,
a.label-strava:hover a:active,
a.label-strava:hover a:focus {
    color: #fff
}

.label-strava .text-muted,
a.label-strava .text-muted,
a.label-strava:hover .text-muted {
    color: #fec9b2
}

.label-strava .text-error,
.label-strava .text-info,
.label-strava .text-success,
a.label-strava .text-error,
a.label-strava .text-info,
a.label-strava .text-success,
a.label-strava:hover .text-error,
a.label-strava:hover .text-info,
a.label-strava:hover .text-success {
    color: #fff
}

.label-strava>hr,
a.label-strava>hr,
a.label-strava:hover>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

.team-member {
    text-align: center
}

.team-member .image {
    border: 2px solid white;
    width: 120px;
    height: 120px;
    margin: 0 auto 30px auto;
    display: block;
    border-radius: 200px
}

.team-member .image.small {
    width: 80px;
    height: 80px
}

.team-member .name {
    font-weight: bold;
    display: block
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    visibility: hidden
}

.clearfix:after {
    clear: both
}

.last {
    margin-bottom: 0 !important
}

.clickable {
    cursor: pointer
}

.rounded {
    border-radius: 100%
}

.archived {
    opacity: 0.6
}

.block {
    display: block
}

@media only screen and (max-width: 640px) {
    .block-m {
        display: block
    }
}

@media only screen and (min-width: 640px) {
    .block-d {
        display: block
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .block-tablet {
        display: block
    }
}

@media only screen and (min-width: 1180px) {
    .block-desktop {
        display: block
    }
}

.show {
    display: block !important
}

@media only screen and (max-width: 640px) {
    .show-m {
        display: block !important
    }
}

@media only screen and (min-width: 640px) {
    .show-d {
        display: block !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .show-tablet {
        display: block !important
    }
}

@media only screen and (min-width: 1180px) {
    .show-desktop {
        display: block !important
    }
}

.hide {
    display: none !important
}

@media only screen and (max-width: 640px) {
    .hide-m {
        display: none !important
    }
}

@media only screen and (min-width: 640px) {
    .hide-d {
        display: none !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .hide-tablet {
        display: none !important
    }
}

@media only screen and (min-width: 1180px) {
    .hide-desktop {
        display: none !important
    }
}

.inline-block {
    display: inline-block
}

@media only screen and (max-width: 640px) {
    .inline-block-m {
        display: inline-block
    }
}

@media only screen and (min-width: 640px) {
    .inline-block-d {
        display: inline-block
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .inline-block-tablet {
        display: inline-block
    }
}

@media only screen and (min-width: 1180px) {
    .inline-block-desktop {
        display: inline-block
    }
}

.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media only screen and (max-width: 640px) {
    .flex-m {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media only screen and (min-width: 640px) {
    .flex-d {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .flex-tablet {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media only screen and (min-width: 1180px) {
    .flex-desktop {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.rel {
    position: relative
}

@media only screen and (max-width: 640px) {
    .rel-m {
        position: relative
    }
}

@media only screen and (min-width: 640px) {
    .rel-d {
        position: relative
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .rel-tablet {
        position: relative
    }
}

@media only screen and (min-width: 1180px) {
    .rel-desktop {
        position: relative
    }
}

.pull-left {
    float: left;
    position: relative
}

@media only screen and (max-width: 640px) {
    .pull-left-m {
        float: left;
        position: relative
    }
}

@media only screen and (min-width: 640px) {
    .pull-left-d {
        float: left;
        position: relative
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .pull-left-tablet {
        float: left;
        position: relative
    }
}

@media only screen and (min-width: 1180px) {
    .pull-left-desktop {
        float: left;
        position: relative
    }
}

.pull-right {
    float: right;
    position: relative
}

@media only screen and (max-width: 640px) {
    .pull-right-m {
        float: right;
        position: relative
    }
}

@media only screen and (min-width: 640px) {
    .pull-right-d {
        float: right;
        position: relative
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .pull-right-tablet {
        float: right;
        position: relative
    }
}

@media only screen and (min-width: 1180px) {
    .pull-right-desktop {
        float: right;
        position: relative
    }
}

.abs-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 640px) {
    .abs-center-m {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width: 640px) {
    .abs-center-d {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .abs-center-tablet {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width: 1180px) {
    .abs-center-desktop {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.abs-top {
    position: absolute;
    top: 0
}

@media only screen and (max-width: 640px) {
    .abs-top-m {
        position: absolute;
        top: 0
    }
}

@media only screen and (min-width: 640px) {
    .abs-top-d {
        position: absolute;
        top: 0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .abs-top-tablet {
        position: absolute;
        top: 0
    }
}

@media only screen and (min-width: 1180px) {
    .abs-top-desktop {
        position: absolute;
        top: 0
    }
}

.abs-right {
    position: absolute;
    right: 0
}

@media only screen and (max-width: 640px) {
    .abs-right-m {
        position: absolute;
        right: 0
    }
}

@media only screen and (min-width: 640px) {
    .abs-right-d {
        position: absolute;
        right: 0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .abs-right-tablet {
        position: absolute;
        right: 0
    }
}

@media only screen and (min-width: 1180px) {
    .abs-right-desktop {
        position: absolute;
        right: 0
    }
}

.abs-bottom {
    position: absolute;
    bottom: 0
}

@media only screen and (max-width: 640px) {
    .abs-bottom-m {
        position: absolute;
        bottom: 0
    }
}

@media only screen and (min-width: 640px) {
    .abs-bottom-d {
        position: absolute;
        bottom: 0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .abs-bottom-tablet {
        position: absolute;
        bottom: 0
    }
}

@media only screen and (min-width: 1180px) {
    .abs-bottom-desktop {
        position: absolute;
        bottom: 0
    }
}

.abs-left {
    position: absolute;
    left: 0
}

@media only screen and (max-width: 640px) {
    .abs-left-m {
        position: absolute;
        left: 0
    }
}

@media only screen and (min-width: 640px) {
    .abs-left-d {
        position: absolute;
        left: 0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .abs-left-tablet {
        position: absolute;
        left: 0
    }
}

@media only screen and (min-width: 1180px) {
    .abs-left-desktop {
        position: absolute;
        left: 0
    }
}

.abs-center-v {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 640px) {
    .abs-center-v-m {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 640px) {
    .abs-center-v-d {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .abs-center-v-tablet {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 1180px) {
    .abs-center-v-desktop {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.abs-center-h {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 640px) {
    .abs-center-h-m {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 640px) {
    .abs-center-h-d {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .abs-center-h-tablet {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 1180px) {
    .abs-center-h-desktop {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.drown {
    float: none !important
}

@media only screen and (max-width: 640px) {
    .drown-m {
        float: none !important
    }
}

@media only screen and (min-width: 640px) {
    .drown-d {
        float: none !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .drown-tablet {
        float: none !important
    }
}

@media only screen and (min-width: 1180px) {
    .drown-desktop {
        float: none !important
    }
}

.static {
    position: static !important
}

@media only screen and (max-width: 640px) {
    .static-m {
        position: static !important
    }
}

@media only screen and (min-width: 640px) {
    .static-d {
        position: static !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .static-tablet {
        position: static !important
    }
}

@media only screen and (min-width: 1180px) {
    .static-desktop {
        position: static !important
    }
}

.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 640px) {
    .center-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 640px) {
    .center-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .center-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 1180px) {
    .center-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 640px) {
    .wrap-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 640px) {
    .wrap-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .wrap-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1180px) {
    .wrap-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.spread-h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 640px) {
    .spread-h-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 640px) {
    .spread-h-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .spread-h-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1180px) {
    .spread-h-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.spread-v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

@media only screen and (max-width: 640px) {
    .spread-v-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }
}

@media only screen and (min-width: 640px) {
    .spread-v-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .spread-v-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }
}

@media only screen and (min-width: 1180px) {
    .spread-v-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }
}

.flex-1_1 {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

@supports not (display: flex) {
    .flex-1_1 {
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .flex-1_1-m {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    @supports not (display: flex) {
        .flex-1_1-m {
            width: 100%
        }
    }
}

@media only screen and (min-width: 640px) {
    .flex-1_1-d {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    @supports not (display: flex) {
        .flex-1_1-d {
            width: 100%
        }
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .flex-1_1-tablet {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    @supports not (display: flex) {
        .flex-1_1-tablet {
            width: 100%
        }
    }
}

@media only screen and (min-width: 1180px) {
    .flex-1_1-desktop {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    @supports not (display: flex) {
        .flex-1_1-desktop {
            width: 100%
        }
    }
}

.flex-1_2 {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
}

@supports not (display: flex) {
    .flex-1_2 {
        width: 50%
    }
}

@media only screen and (max-width: 640px) {
    .flex-1_2-m {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%
    }

    @supports not (display: flex) {
        .flex-1_2-m {
            width: 50%
        }
    }
}

@media only screen and (min-width: 640px) {
    .flex-1_2-d {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%
    }

    @supports not (display: flex) {
        .flex-1_2-d {
            width: 50%
        }
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .flex-1_2-tablet {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%
    }

    @supports not (display: flex) {
        .flex-1_2-tablet {
            width: 50%
        }
    }
}

@media only screen and (min-width: 1180px) {
    .flex-1_2-desktop {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%
    }

    @supports not (display: flex) {
        .flex-1_2-desktop {
            width: 50%
        }
    }
}

.flex-1_3 {
    -webkit-box-flex: 33%;
    -ms-flex: 33%;
    flex: 33%
}

@supports not (display: flex) {
    .flex-1_3 {
        width: 33%
    }
}

@media only screen and (max-width: 640px) {
    .flex-1_3-m {
        -webkit-box-flex: 33%;
        -ms-flex: 33%;
        flex: 33%
    }

    @supports not (display: flex) {
        .flex-1_3-m {
            width: 33%
        }
    }
}

@media only screen and (min-width: 640px) {
    .flex-1_3-d {
        -webkit-box-flex: 33%;
        -ms-flex: 33%;
        flex: 33%
    }

    @supports not (display: flex) {
        .flex-1_3-d {
            width: 33%
        }
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .flex-1_3-tablet {
        -webkit-box-flex: 33%;
        -ms-flex: 33%;
        flex: 33%
    }

    @supports not (display: flex) {
        .flex-1_3-tablet {
            width: 33%
        }
    }
}

@media only screen and (min-width: 1180px) {
    .flex-1_3-desktop {
        -webkit-box-flex: 33%;
        -ms-flex: 33%;
        flex: 33%
    }

    @supports not (display: flex) {
        .flex-1_3-desktop {
            width: 33%
        }
    }
}

.flex-1_4 {
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%
}

@supports not (display: flex) {
    .flex-1_4 {
        width: 25%
    }
}

@media only screen and (max-width: 640px) {
    .flex-1_4-m {
        -webkit-box-flex: 25%;
        -ms-flex: 25%;
        flex: 25%
    }

    @supports not (display: flex) {
        .flex-1_4-m {
            width: 25%
        }
    }
}

@media only screen and (min-width: 640px) {
    .flex-1_4-d {
        -webkit-box-flex: 25%;
        -ms-flex: 25%;
        flex: 25%
    }

    @supports not (display: flex) {
        .flex-1_4-d {
            width: 25%
        }
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .flex-1_4-tablet {
        -webkit-box-flex: 25%;
        -ms-flex: 25%;
        flex: 25%
    }

    @supports not (display: flex) {
        .flex-1_4-tablet {
            width: 25%
        }
    }
}

@media only screen and (min-width: 1180px) {
    .flex-1_4-desktop {
        -webkit-box-flex: 25%;
        -ms-flex: 25%;
        flex: 25%
    }

    @supports not (display: flex) {
        .flex-1_4-desktop {
            width: 25%
        }
    }
}

.flex-shrink {
    -ms-flex-negative: 3;
    flex-shrink: 3
}

@media only screen and (max-width: 640px) {
    .flex-shrink-m {
        -ms-flex-negative: 3;
        flex-shrink: 3
    }
}

@media only screen and (min-width: 640px) {
    .flex-shrink-d {
        -ms-flex-negative: 3;
        flex-shrink: 3
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .flex-shrink-tablet {
        -ms-flex-negative: 3;
        flex-shrink: 3
    }
}

@media only screen and (min-width: 1180px) {
    .flex-shrink-desktop {
        -ms-flex-negative: 3;
        flex-shrink: 3
    }
}

.flex-nogrow {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media only screen and (max-width: 640px) {
    .flex-nogrow-m {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media only screen and (min-width: 640px) {
    .flex-nogrow-d {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .flex-nogrow-tablet {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media only screen and (min-width: 1180px) {
    .flex-nogrow-desktop {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.flex-noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 640px) {
    .flex-noshrink-m {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width: 640px) {
    .flex-noshrink-d {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .flex-noshrink-tablet {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width: 1180px) {
    .flex-noshrink-desktop {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.flex-grow {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

@media only screen and (max-width: 640px) {
    .flex-grow-m {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }
}

@media only screen and (min-width: 640px) {
    .flex-grow-d {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .flex-grow-tablet {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }
}

@media only screen and (min-width: 1180px) {
    .flex-grow-desktop {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }
}

.center-v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 640px) {
    .center-v-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 640px) {
    .center-v-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .center-v-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1180px) {
    .center-v-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.start-v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 640px) {
    .start-v-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 640px) {
    .start-v-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .start-v-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1180px) {
    .start-v-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.end-v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width: 640px) {
    .end-v-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 640px) {
    .end-v-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .end-v-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (min-width: 1180px) {
    .end-v-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.end-h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 640px) {
    .end-h-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 640px) {
    .end-h-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .end-h-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 1180px) {
    .end-h-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.center-h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 640px) {
    .center-h-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 640px) {
    .center-h-d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .center-h-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 1180px) {
    .center-h-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.mg-center {
    margin: 0 auto
}

@media only screen and (max-width: 640px) {
    .mg-center-m {
        margin: 0 auto
    }
}

@media only screen and (min-width: 640px) {
    .mg-center-d {
        margin: 0 auto
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-center-tablet {
        margin: 0 auto
    }
}

@media only screen and (min-width: 1180px) {
    .mg-center-desktop {
        margin: 0 auto
    }
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (max-width: 640px) {
    .order-1-m {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 640px) {
    .order-1-d {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .order-1-tablet {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 1180px) {
    .order-1-desktop {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (max-width: 640px) {
    .order-2-m {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width: 640px) {
    .order-2-d {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .order-2-tablet {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width: 1180px) {
    .order-2-desktop {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media only screen and (max-width: 640px) {
    .order-3-m {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media only screen and (min-width: 640px) {
    .order-3-d {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .order-3-tablet {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media only screen and (min-width: 1180px) {
    .order-3-desktop {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

@media only screen and (max-width: 640px) {
    .order-4-m {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (min-width: 640px) {
    .order-4-d {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .order-4-tablet {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (min-width: 1180px) {
    .order-4-desktop {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

@media only screen and (max-width: 640px) {
    .order-5-m {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

@media only screen and (min-width: 640px) {
    .order-5-d {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .order-5-tablet {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

@media only screen and (min-width: 1180px) {
    .order-5-desktop {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

@media only screen and (max-width: 640px) {
    .order-6-m {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media only screen and (min-width: 640px) {
    .order-6-d {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .order-6-tablet {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media only screen and (min-width: 1180px) {
    .order-6-desktop {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

.dim-weak::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    position: absolute;
    z-index: 100;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.2)
}

@media only screen and (max-width: 640px) {
    .dim-weak-m::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        position: absolute;
        z-index: 100;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.2)
    }
}

@media only screen and (min-width: 640px) {
    .dim-weak-d::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        position: absolute;
        z-index: 100;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.2)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .dim-weak-tablet::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        position: absolute;
        z-index: 100;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.2)
    }
}

@media only screen and (min-width: 1180px) {
    .dim-weak-desktop::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        position: absolute;
        z-index: 100;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.2)
    }
}

.dim-strong::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    position: absolute;
    z-index: 100;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.4)
}

@media only screen and (max-width: 640px) {
    .dim-strong-m::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        position: absolute;
        z-index: 100;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.4)
    }
}

@media only screen and (min-width: 640px) {
    .dim-strong-d::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        position: absolute;
        z-index: 100;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.4)
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .dim-strong-tablet::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        position: absolute;
        z-index: 100;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.4)
    }
}

@media only screen and (min-width: 1180px) {
    .dim-strong-desktop::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        position: absolute;
        z-index: 100;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.4)
    }
}

.full-width {
    width: 100%
}

@media only screen and (max-width: 640px) {
    .full-width-m {
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    .full-width-d {
        width: 100%
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .full-width-tablet {
        width: 100%
    }
}

@media only screen and (min-width: 1180px) {
    .full-width-desktop {
        width: 100%
    }
}

.mg-t-xl {
    margin-top: 120px !important
}

.pd-t-xl {
    padding-top: 120px !important
}

.mg-t-lg {
    margin-top: 60px !important
}

.pd-t-lg {
    padding-top: 60px !important
}

.mg-t {
    margin-top: 30px !important
}

.pd-t {
    padding-top: 30px !important
}

.mg-t-0 {
    margin-top: 0px !important
}

.pd-t-0 {
    padding-top: 0px !important
}

.mg-t-sm {
    margin-top: 15px !important
}

.pd-t-sm {
    padding-top: 15px !important
}

.mg-t-xs {
    margin-top: 7.5px !important
}

.pd-t-xs {
    padding-top: 7.5px !important
}

.mg-t-min-xl {
    margin-top: -120px !important
}

.pd-t-min-xl {
    padding-top: -120px !important
}

.mg-t-min-lg {
    margin-top: -60px !important
}

.pd-t-min-lg {
    padding-top: -60px !important
}

.mg-t-min {
    margin-top: -30px !important
}

.pd-t-min {
    padding-top: -30px !important
}

.mg-t-min-xs {
    margin-top: -7.5px !important
}

.pd-t-min-xs {
    padding-top: -7.5px !important
}

.mg-t-min-sm {
    margin-top: -15px !important
}

.pd-t-min-sm {
    padding-top: -15px !important
}

.mg-b-xl {
    margin-bottom: 120px !important
}

.pd-b-xl {
    padding-bottom: 120px !important
}

.mg-b-lg {
    margin-bottom: 60px !important
}

.pd-b-lg {
    padding-bottom: 60px !important
}

.mg-b {
    margin-bottom: 30px !important
}

.pd-b {
    padding-bottom: 30px !important
}

.mg-b-0 {
    margin-bottom: 0px !important
}

.pd-b-0 {
    padding-bottom: 0px !important
}

.mg-b-sm {
    margin-bottom: 15px !important
}

.pd-b-sm {
    padding-bottom: 15px !important
}

.mg-b-xs {
    margin-bottom: 7.5px !important
}

.pd-b-xs {
    padding-bottom: 7.5px !important
}

.mg-b-min-xl {
    margin-bottom: -120px !important
}

.pd-b-min-xl {
    padding-bottom: -120px !important
}

.mg-b-min-lg {
    margin-bottom: -60px !important
}

.pd-b-min-lg {
    padding-bottom: -60px !important
}

.mg-b-min {
    margin-bottom: -30px !important
}

.pd-b-min {
    padding-bottom: -30px !important
}

.mg-b-min-xs {
    margin-bottom: -7.5px !important
}

.pd-b-min-xs {
    padding-bottom: -7.5px !important
}

.mg-b-min-sm {
    margin-bottom: -15px !important
}

.pd-b-min-sm {
    padding-bottom: -15px !important
}

.mg-r-xl {
    margin-right: 120px !important
}

.pd-r-xl {
    padding-right: 120px !important
}

.mg-r-lg {
    margin-right: 60px !important
}

.pd-r-lg {
    padding-right: 60px !important
}

.mg-r {
    margin-right: 30px !important
}

.pd-r {
    padding-right: 30px !important
}

.mg-r-0 {
    margin-right: 0px !important
}

.pd-r-0 {
    padding-right: 0px !important
}

.mg-r-sm {
    margin-right: 15px !important
}

.pd-r-sm {
    padding-right: 15px !important
}

.mg-r-xs {
    margin-right: 7.5px !important
}

.pd-r-xs {
    padding-right: 7.5px !important
}

.mg-r-min-xl {
    margin-right: -120px !important
}

.pd-r-min-xl {
    padding-right: -120px !important
}

.mg-r-min-lg {
    margin-right: -60px !important
}

.pd-r-min-lg {
    padding-right: -60px !important
}

.mg-r-min {
    margin-right: -30px !important
}

.pd-r-min {
    padding-right: -30px !important
}

.mg-r-min-xs {
    margin-right: -7.5px !important
}

.pd-r-min-xs {
    padding-right: -7.5px !important
}

.mg-r-min-sm {
    margin-right: -15px !important
}

.pd-r-min-sm {
    padding-right: -15px !important
}

.mg-l-xl {
    margin-left: 120px !important
}

.pd-l-xl {
    padding-left: 120px !important
}

.mg-l-lg {
    margin-left: 60px !important
}

.pd-l-lg {
    padding-left: 60px !important
}

.mg-l {
    margin-left: 30px !important
}

.pd-l {
    padding-left: 30px !important
}

.mg-l-0 {
    margin-left: 0px !important
}

.pd-l-0 {
    padding-left: 0px !important
}

.mg-l-sm {
    margin-left: 15px !important
}

.pd-l-sm {
    padding-left: 15px !important
}

.mg-l-xs {
    margin-left: 7.5px !important
}

.pd-l-xs {
    padding-left: 7.5px !important
}

.mg-l-min-xl {
    margin-left: -120px !important
}

.pd-l-min-xl {
    padding-left: -120px !important
}

.mg-l-min-lg {
    margin-left: -60px !important
}

.pd-l-min-lg {
    padding-left: -60px !important
}

.mg-l-min {
    margin-left: -30px !important
}

.pd-l-min {
    padding-left: -30px !important
}

.mg-l-min-xs {
    margin-left: -7.5px !important
}

.pd-l-min-xs {
    padding-left: -7.5px !important
}

.mg-l-min-sm {
    margin-left: -15px !important
}

.pd-l-min-sm {
    padding-left: -15px !important
}

.mg-xl {
    margin: 120px !important
}

.pd-xl {
    padding: 120px !important
}

.mg-lg {
    margin: 60px !important
}

.pd-lg {
    padding: 60px !important
}

.mg {
    margin: 30px !important
}

.pd {
    padding: 30px !important
}

.mg-0 {
    margin: 0px !important
}

.pd-0 {
    padding: 0px !important
}

.mg-sm {
    margin: 15px !important
}

.pd-sm {
    padding: 15px !important
}

.mg-xs {
    margin: 7.5px !important
}

.pd-xs {
    padding: 7.5px !important
}

.mg-min-xl {
    margin: -120px !important
}

.pd-min-xl {
    padding: -120px !important
}

.mg-min-lg {
    margin: -60px !important
}

.pd-min-lg {
    padding: -60px !important
}

.mg-min {
    margin: -30px !important
}

.pd-min {
    padding: -30px !important
}

.mg-min-xs {
    margin: -7.5px !important
}

.pd-min-xs {
    padding: -7.5px !important
}

.mg-min-sm {
    margin: -15px !important
}

.pd-min-sm {
    padding: -15px !important
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-xl-tablet {
        margin-top: 120px !important
    }

    .pd-t-xl-tablet {
        padding-top: 120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-lg-tablet {
        margin-top: 60px !important
    }

    .pd-t-lg-tablet {
        padding-top: 60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-tablet {
        margin-top: 30px !important
    }

    .pd-t-tablet {
        padding-top: 30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-0-tablet {
        margin-top: 0px !important
    }

    .pd-t-0-tablet {
        padding-top: 0px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-sm-tablet {
        margin-top: 15px !important
    }

    .pd-t-sm-tablet {
        padding-top: 15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-xs-tablet {
        margin-top: 7.5px !important
    }

    .pd-t-xs-tablet {
        padding-top: 7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-min-xl-tablet {
        margin-top: -120px !important
    }

    .pd-t-min-xl-tablet {
        padding-top: -120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-min-lg-tablet {
        margin-top: -60px !important
    }

    .pd-t-min-lg-tablet {
        padding-top: -60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-min-tablet {
        margin-top: -30px !important
    }

    .pd-t-min-tablet {
        padding-top: -30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-min-xs-tablet {
        margin-top: -7.5px !important
    }

    .pd-t-min-xs-tablet {
        padding-top: -7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-t-min-sm-tablet {
        margin-top: -15px !important
    }

    .pd-t-min-sm-tablet {
        padding-top: -15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-xl-tablet {
        margin-bottom: 120px !important
    }

    .pd-b-xl-tablet {
        padding-bottom: 120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-lg-tablet {
        margin-bottom: 60px !important
    }

    .pd-b-lg-tablet {
        padding-bottom: 60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-tablet {
        margin-bottom: 30px !important
    }

    .pd-b-tablet {
        padding-bottom: 30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-0-tablet {
        margin-bottom: 0px !important
    }

    .pd-b-0-tablet {
        padding-bottom: 0px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-sm-tablet {
        margin-bottom: 15px !important
    }

    .pd-b-sm-tablet {
        padding-bottom: 15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-xs-tablet {
        margin-bottom: 7.5px !important
    }

    .pd-b-xs-tablet {
        padding-bottom: 7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-min-xl-tablet {
        margin-bottom: -120px !important
    }

    .pd-b-min-xl-tablet {
        padding-bottom: -120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-min-lg-tablet {
        margin-bottom: -60px !important
    }

    .pd-b-min-lg-tablet {
        padding-bottom: -60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-min-tablet {
        margin-bottom: -30px !important
    }

    .pd-b-min-tablet {
        padding-bottom: -30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-min-xs-tablet {
        margin-bottom: -7.5px !important
    }

    .pd-b-min-xs-tablet {
        padding-bottom: -7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-b-min-sm-tablet {
        margin-bottom: -15px !important
    }

    .pd-b-min-sm-tablet {
        padding-bottom: -15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-xl-tablet {
        margin-right: 120px !important
    }

    .pd-r-xl-tablet {
        padding-right: 120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-lg-tablet {
        margin-right: 60px !important
    }

    .pd-r-lg-tablet {
        padding-right: 60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-tablet {
        margin-right: 30px !important
    }

    .pd-r-tablet {
        padding-right: 30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-0-tablet {
        margin-right: 0px !important
    }

    .pd-r-0-tablet {
        padding-right: 0px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-sm-tablet {
        margin-right: 15px !important
    }

    .pd-r-sm-tablet {
        padding-right: 15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-xs-tablet {
        margin-right: 7.5px !important
    }

    .pd-r-xs-tablet {
        padding-right: 7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-min-xl-tablet {
        margin-right: -120px !important
    }

    .pd-r-min-xl-tablet {
        padding-right: -120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-min-lg-tablet {
        margin-right: -60px !important
    }

    .pd-r-min-lg-tablet {
        padding-right: -60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-min-tablet {
        margin-right: -30px !important
    }

    .pd-r-min-tablet {
        padding-right: -30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-min-xs-tablet {
        margin-right: -7.5px !important
    }

    .pd-r-min-xs-tablet {
        padding-right: -7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-r-min-sm-tablet {
        margin-right: -15px !important
    }

    .pd-r-min-sm-tablet {
        padding-right: -15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-xl-tablet {
        margin-left: 120px !important
    }

    .pd-l-xl-tablet {
        padding-left: 120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-lg-tablet {
        margin-left: 60px !important
    }

    .pd-l-lg-tablet {
        padding-left: 60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-tablet {
        margin-left: 30px !important
    }

    .pd-l-tablet {
        padding-left: 30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-0-tablet {
        margin-left: 0px !important
    }

    .pd-l-0-tablet {
        padding-left: 0px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-sm-tablet {
        margin-left: 15px !important
    }

    .pd-l-sm-tablet {
        padding-left: 15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-xs-tablet {
        margin-left: 7.5px !important
    }

    .pd-l-xs-tablet {
        padding-left: 7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-min-xl-tablet {
        margin-left: -120px !important
    }

    .pd-l-min-xl-tablet {
        padding-left: -120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-min-lg-tablet {
        margin-left: -60px !important
    }

    .pd-l-min-lg-tablet {
        padding-left: -60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-min-tablet {
        margin-left: -30px !important
    }

    .pd-l-min-tablet {
        padding-left: -30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-min-xs-tablet {
        margin-left: -7.5px !important
    }

    .pd-l-min-xs-tablet {
        padding-left: -7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-l-min-sm-tablet {
        margin-left: -15px !important
    }

    .pd-l-min-sm-tablet {
        padding-left: -15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-xl-tablet {
        margin: 120px !important
    }

    .pd-xl-tablet {
        padding: 120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-lg-tablet {
        margin: 60px !important
    }

    .pd-lg-tablet {
        padding: 60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-tablet {
        margin: 30px !important
    }

    .pd-tablet {
        padding: 30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-0-tablet {
        margin: 0px !important
    }

    .pd-0-tablet {
        padding: 0px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-sm-tablet {
        margin: 15px !important
    }

    .pd-sm-tablet {
        padding: 15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-xs-tablet {
        margin: 7.5px !important
    }

    .pd-xs-tablet {
        padding: 7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-min-xl-tablet {
        margin: -120px !important
    }

    .pd-min-xl-tablet {
        padding: -120px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-min-lg-tablet {
        margin: -60px !important
    }

    .pd-min-lg-tablet {
        padding: -60px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-min-tablet {
        margin: -30px !important
    }

    .pd-min-tablet {
        padding: -30px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-min-xs-tablet {
        margin: -7.5px !important
    }

    .pd-min-xs-tablet {
        padding: -7.5px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .mg-min-sm-tablet {
        margin: -15px !important
    }

    .pd-min-sm-tablet {
        padding: -15px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-xl-m {
        margin-top: 72px !important
    }

    .pd-t-xl-m {
        padding-top: 72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-lg-m {
        margin-top: 36px !important
    }

    .pd-t-lg-m {
        padding-top: 36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-m {
        margin-top: 18px !important
    }

    .pd-t-m {
        padding-top: 18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-0-m {
        margin-top: 0px !important
    }

    .pd-t-0-m {
        padding-top: 0px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-sm-m {
        margin-top: 9px !important
    }

    .pd-t-sm-m {
        padding-top: 9px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-xs-m {
        margin-top: 4.5px !important
    }

    .pd-t-xs-m {
        padding-top: 4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-min-xl-m {
        margin-top: -72px !important
    }

    .pd-t-min-xl-m {
        padding-top: -72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-min-lg-m {
        margin-top: -36px !important
    }

    .pd-t-min-lg-m {
        padding-top: -36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-min-m {
        margin-top: -18px !important
    }

    .pd-t-min-m {
        padding-top: -18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-min-xs-m {
        margin-top: -4.5px !important
    }

    .pd-t-min-xs-m {
        padding-top: -4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-t-min-sm-m {
        margin-top: -9px !important
    }

    .pd-t-min-sm-m {
        padding-top: -9px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-xl-m {
        margin-bottom: 72px !important
    }

    .pd-b-xl-m {
        padding-bottom: 72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-lg-m {
        margin-bottom: 36px !important
    }

    .pd-b-lg-m {
        padding-bottom: 36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-m {
        margin-bottom: 18px !important
    }

    .pd-b-m {
        padding-bottom: 18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-0-m {
        margin-bottom: 0px !important
    }

    .pd-b-0-m {
        padding-bottom: 0px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-sm-m {
        margin-bottom: 9px !important
    }

    .pd-b-sm-m {
        padding-bottom: 9px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-xs-m {
        margin-bottom: 4.5px !important
    }

    .pd-b-xs-m {
        padding-bottom: 4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-min-xl-m {
        margin-bottom: -72px !important
    }

    .pd-b-min-xl-m {
        padding-bottom: -72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-min-lg-m {
        margin-bottom: -36px !important
    }

    .pd-b-min-lg-m {
        padding-bottom: -36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-min-m {
        margin-bottom: -18px !important
    }

    .pd-b-min-m {
        padding-bottom: -18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-min-xs-m {
        margin-bottom: -4.5px !important
    }

    .pd-b-min-xs-m {
        padding-bottom: -4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-b-min-sm-m {
        margin-bottom: -9px !important
    }

    .pd-b-min-sm-m {
        padding-bottom: -9px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-xl-m {
        margin-right: 72px !important
    }

    .pd-r-xl-m {
        padding-right: 72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-lg-m {
        margin-right: 36px !important
    }

    .pd-r-lg-m {
        padding-right: 36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-m {
        margin-right: 18px !important
    }

    .pd-r-m {
        padding-right: 18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-0-m {
        margin-right: 0px !important
    }

    .pd-r-0-m {
        padding-right: 0px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-sm-m {
        margin-right: 9px !important
    }

    .pd-r-sm-m {
        padding-right: 9px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-xs-m {
        margin-right: 4.5px !important
    }

    .pd-r-xs-m {
        padding-right: 4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-min-xl-m {
        margin-right: -72px !important
    }

    .pd-r-min-xl-m {
        padding-right: -72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-min-lg-m {
        margin-right: -36px !important
    }

    .pd-r-min-lg-m {
        padding-right: -36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-min-m {
        margin-right: -18px !important
    }

    .pd-r-min-m {
        padding-right: -18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-min-xs-m {
        margin-right: -4.5px !important
    }

    .pd-r-min-xs-m {
        padding-right: -4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-r-min-sm-m {
        margin-right: -9px !important
    }

    .pd-r-min-sm-m {
        padding-right: -9px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-xl-m {
        margin-left: 72px !important
    }

    .pd-l-xl-m {
        padding-left: 72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-lg-m {
        margin-left: 36px !important
    }

    .pd-l-lg-m {
        padding-left: 36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-m {
        margin-left: 18px !important
    }

    .pd-l-m {
        padding-left: 18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-0-m {
        margin-left: 0px !important
    }

    .pd-l-0-m {
        padding-left: 0px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-sm-m {
        margin-left: 9px !important
    }

    .pd-l-sm-m {
        padding-left: 9px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-xs-m {
        margin-left: 4.5px !important
    }

    .pd-l-xs-m {
        padding-left: 4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-min-xl-m {
        margin-left: -72px !important
    }

    .pd-l-min-xl-m {
        padding-left: -72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-min-lg-m {
        margin-left: -36px !important
    }

    .pd-l-min-lg-m {
        padding-left: -36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-min-m {
        margin-left: -18px !important
    }

    .pd-l-min-m {
        padding-left: -18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-min-xs-m {
        margin-left: -4.5px !important
    }

    .pd-l-min-xs-m {
        padding-left: -4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-l-min-sm-m {
        margin-left: -9px !important
    }

    .pd-l-min-sm-m {
        padding-left: -9px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-xl-m {
        margin: 72px !important
    }

    .pd-xl-m {
        padding: 72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-lg-m {
        margin: 36px !important
    }

    .pd-lg-m {
        padding: 36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-m {
        margin: 18px !important
    }

    .pd-m {
        padding: 18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-0-m {
        margin: 0px !important
    }

    .pd-0-m {
        padding: 0px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-sm-m {
        margin: 9px !important
    }

    .pd-sm-m {
        padding: 9px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-xs-m {
        margin: 4.5px !important
    }

    .pd-xs-m {
        padding: 4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-min-xl-m {
        margin: -72px !important
    }

    .pd-min-xl-m {
        padding: -72px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-min-lg-m {
        margin: -36px !important
    }

    .pd-min-lg-m {
        padding: -36px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-min-m {
        margin: -18px !important
    }

    .pd-min-m {
        padding: -18px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-min-xs-m {
        margin: -4.5px !important
    }

    .pd-min-xs-m {
        padding: -4.5px !important
    }
}

@media only screen and (max-width: 640px) {
    .mg-min-sm-m {
        margin: -9px !important
    }

    .pd-min-sm-m {
        padding: -9px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-xl-d {
        margin-top: 120px !important
    }

    .pd-t-xl-d {
        padding-top: 120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-lg-d {
        margin-top: 60px !important
    }

    .pd-t-lg-d {
        padding-top: 60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-d {
        margin-top: 30px !important
    }

    .pd-t-d {
        padding-top: 30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-0-d {
        margin-top: 0px !important
    }

    .pd-t-0-d {
        padding-top: 0px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-sm-d {
        margin-top: 15px !important
    }

    .pd-t-sm-d {
        padding-top: 15px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-xs-d {
        margin-top: 7.5px !important
    }

    .pd-t-xs-d {
        padding-top: 7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-min-xl-d {
        margin-top: -120px !important
    }

    .pd-t-min-xl-d {
        padding-top: -120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-min-lg-d {
        margin-top: -60px !important
    }

    .pd-t-min-lg-d {
        padding-top: -60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-min-d {
        margin-top: -30px !important
    }

    .pd-t-min-d {
        padding-top: -30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-min-xs-d {
        margin-top: -7.5px !important
    }

    .pd-t-min-xs-d {
        padding-top: -7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-t-min-sm-d {
        margin-top: -15px !important
    }

    .pd-t-min-sm-d {
        padding-top: -15px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-xl-d {
        margin-bottom: 120px !important
    }

    .pd-b-xl-d {
        padding-bottom: 120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-lg-d {
        margin-bottom: 60px !important
    }

    .pd-b-lg-d {
        padding-bottom: 60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-d {
        margin-bottom: 30px !important
    }

    .pd-b-d {
        padding-bottom: 30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-0-d {
        margin-bottom: 0px !important
    }

    .pd-b-0-d {
        padding-bottom: 0px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-sm-d {
        margin-bottom: 15px !important
    }

    .pd-b-sm-d {
        padding-bottom: 15px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-xs-d {
        margin-bottom: 7.5px !important
    }

    .pd-b-xs-d {
        padding-bottom: 7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-min-xl-d {
        margin-bottom: -120px !important
    }

    .pd-b-min-xl-d {
        padding-bottom: -120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-min-lg-d {
        margin-bottom: -60px !important
    }

    .pd-b-min-lg-d {
        padding-bottom: -60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-min-d {
        margin-bottom: -30px !important
    }

    .pd-b-min-d {
        padding-bottom: -30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-min-xs-d {
        margin-bottom: -7.5px !important
    }

    .pd-b-min-xs-d {
        padding-bottom: -7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-b-min-sm-d {
        margin-bottom: -15px !important
    }

    .pd-b-min-sm-d {
        padding-bottom: -15px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-xl-d {
        margin-right: 120px !important
    }

    .pd-r-xl-d {
        padding-right: 120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-lg-d {
        margin-right: 60px !important
    }

    .pd-r-lg-d {
        padding-right: 60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-d {
        margin-right: 30px !important
    }

    .pd-r-d {
        padding-right: 30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-0-d {
        margin-right: 0px !important
    }

    .pd-r-0-d {
        padding-right: 0px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-sm-d {
        margin-right: 15px !important
    }

    .pd-r-sm-d {
        padding-right: 15px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-xs-d {
        margin-right: 7.5px !important
    }

    .pd-r-xs-d {
        padding-right: 7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-min-xl-d {
        margin-right: -120px !important
    }

    .pd-r-min-xl-d {
        padding-right: -120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-min-lg-d {
        margin-right: -60px !important
    }

    .pd-r-min-lg-d {
        padding-right: -60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-min-d {
        margin-right: -30px !important
    }

    .pd-r-min-d {
        padding-right: -30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-min-xs-d {
        margin-right: -7.5px !important
    }

    .pd-r-min-xs-d {
        padding-right: -7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-r-min-sm-d {
        margin-right: -15px !important
    }

    .pd-r-min-sm-d {
        padding-right: -15px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-xl-d {
        margin-left: 120px !important
    }

    .pd-l-xl-d {
        padding-left: 120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-lg-d {
        margin-left: 60px !important
    }

    .pd-l-lg-d {
        padding-left: 60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-d {
        margin-left: 30px !important
    }

    .pd-l-d {
        padding-left: 30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-0-d {
        margin-left: 0px !important
    }

    .pd-l-0-d {
        padding-left: 0px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-sm-d {
        margin-left: 15px !important
    }

    .pd-l-sm-d {
        padding-left: 15px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-xs-d {
        margin-left: 7.5px !important
    }

    .pd-l-xs-d {
        padding-left: 7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-min-xl-d {
        margin-left: -120px !important
    }

    .pd-l-min-xl-d {
        padding-left: -120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-min-lg-d {
        margin-left: -60px !important
    }

    .pd-l-min-lg-d {
        padding-left: -60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-min-d {
        margin-left: -30px !important
    }

    .pd-l-min-d {
        padding-left: -30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-min-xs-d {
        margin-left: -7.5px !important
    }

    .pd-l-min-xs-d {
        padding-left: -7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-l-min-sm-d {
        margin-left: -15px !important
    }

    .pd-l-min-sm-d {
        padding-left: -15px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-xl-d {
        margin: 120px !important
    }

    .pd-xl-d {
        padding: 120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-lg-d {
        margin: 60px !important
    }

    .pd-lg-d {
        padding: 60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-d {
        margin: 30px !important
    }

    .pd-d {
        padding: 30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-0-d {
        margin: 0px !important
    }

    .pd-0-d {
        padding: 0px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-sm-d {
        margin: 15px !important
    }

    .pd-sm-d {
        padding: 15px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-xs-d {
        margin: 7.5px !important
    }

    .pd-xs-d {
        padding: 7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-min-xl-d {
        margin: -120px !important
    }

    .pd-min-xl-d {
        padding: -120px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-min-lg-d {
        margin: -60px !important
    }

    .pd-min-lg-d {
        padding: -60px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-min-d {
        margin: -30px !important
    }

    .pd-min-d {
        padding: -30px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-min-xs-d {
        margin: -7.5px !important
    }

    .pd-min-xs-d {
        padding: -7.5px !important
    }
}

@media only screen and (min-width: 640px) {
    .mg-min-sm-d {
        margin: -15px !important
    }

    .pd-min-sm-d {
        padding: -15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-xl-desktop {
        margin-top: 120px !important
    }

    .pd-t-xl-desktop {
        padding-top: 120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-lg-desktop {
        margin-top: 60px !important
    }

    .pd-t-lg-desktop {
        padding-top: 60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-desktop {
        margin-top: 30px !important
    }

    .pd-t-desktop {
        padding-top: 30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-0-desktop {
        margin-top: 0px !important
    }

    .pd-t-0-desktop {
        padding-top: 0px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-sm-desktop {
        margin-top: 15px !important
    }

    .pd-t-sm-desktop {
        padding-top: 15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-xs-desktop {
        margin-top: 7.5px !important
    }

    .pd-t-xs-desktop {
        padding-top: 7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-min-xl-desktop {
        margin-top: -120px !important
    }

    .pd-t-min-xl-desktop {
        padding-top: -120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-min-lg-desktop {
        margin-top: -60px !important
    }

    .pd-t-min-lg-desktop {
        padding-top: -60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-min-desktop {
        margin-top: -30px !important
    }

    .pd-t-min-desktop {
        padding-top: -30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-min-xs-desktop {
        margin-top: -7.5px !important
    }

    .pd-t-min-xs-desktop {
        padding-top: -7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-t-min-sm-desktop {
        margin-top: -15px !important
    }

    .pd-t-min-sm-desktop {
        padding-top: -15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-xl-desktop {
        margin-bottom: 120px !important
    }

    .pd-b-xl-desktop {
        padding-bottom: 120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-lg-desktop {
        margin-bottom: 60px !important
    }

    .pd-b-lg-desktop {
        padding-bottom: 60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-desktop {
        margin-bottom: 30px !important
    }

    .pd-b-desktop {
        padding-bottom: 30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-0-desktop {
        margin-bottom: 0px !important
    }

    .pd-b-0-desktop {
        padding-bottom: 0px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-sm-desktop {
        margin-bottom: 15px !important
    }

    .pd-b-sm-desktop {
        padding-bottom: 15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-xs-desktop {
        margin-bottom: 7.5px !important
    }

    .pd-b-xs-desktop {
        padding-bottom: 7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-min-xl-desktop {
        margin-bottom: -120px !important
    }

    .pd-b-min-xl-desktop {
        padding-bottom: -120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-min-lg-desktop {
        margin-bottom: -60px !important
    }

    .pd-b-min-lg-desktop {
        padding-bottom: -60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-min-desktop {
        margin-bottom: -30px !important
    }

    .pd-b-min-desktop {
        padding-bottom: -30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-min-xs-desktop {
        margin-bottom: -7.5px !important
    }

    .pd-b-min-xs-desktop {
        padding-bottom: -7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-b-min-sm-desktop {
        margin-bottom: -15px !important
    }

    .pd-b-min-sm-desktop {
        padding-bottom: -15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-xl-desktop {
        margin-right: 120px !important
    }

    .pd-r-xl-desktop {
        padding-right: 120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-lg-desktop {
        margin-right: 60px !important
    }

    .pd-r-lg-desktop {
        padding-right: 60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-desktop {
        margin-right: 30px !important
    }

    .pd-r-desktop {
        padding-right: 30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-0-desktop {
        margin-right: 0px !important
    }

    .pd-r-0-desktop {
        padding-right: 0px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-sm-desktop {
        margin-right: 15px !important
    }

    .pd-r-sm-desktop {
        padding-right: 15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-xs-desktop {
        margin-right: 7.5px !important
    }

    .pd-r-xs-desktop {
        padding-right: 7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-min-xl-desktop {
        margin-right: -120px !important
    }

    .pd-r-min-xl-desktop {
        padding-right: -120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-min-lg-desktop {
        margin-right: -60px !important
    }

    .pd-r-min-lg-desktop {
        padding-right: -60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-min-desktop {
        margin-right: -30px !important
    }

    .pd-r-min-desktop {
        padding-right: -30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-min-xs-desktop {
        margin-right: -7.5px !important
    }

    .pd-r-min-xs-desktop {
        padding-right: -7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-r-min-sm-desktop {
        margin-right: -15px !important
    }

    .pd-r-min-sm-desktop {
        padding-right: -15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-xl-desktop {
        margin-left: 120px !important
    }

    .pd-l-xl-desktop {
        padding-left: 120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-lg-desktop {
        margin-left: 60px !important
    }

    .pd-l-lg-desktop {
        padding-left: 60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-desktop {
        margin-left: 30px !important
    }

    .pd-l-desktop {
        padding-left: 30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-0-desktop {
        margin-left: 0px !important
    }

    .pd-l-0-desktop {
        padding-left: 0px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-sm-desktop {
        margin-left: 15px !important
    }

    .pd-l-sm-desktop {
        padding-left: 15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-xs-desktop {
        margin-left: 7.5px !important
    }

    .pd-l-xs-desktop {
        padding-left: 7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-min-xl-desktop {
        margin-left: -120px !important
    }

    .pd-l-min-xl-desktop {
        padding-left: -120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-min-lg-desktop {
        margin-left: -60px !important
    }

    .pd-l-min-lg-desktop {
        padding-left: -60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-min-desktop {
        margin-left: -30px !important
    }

    .pd-l-min-desktop {
        padding-left: -30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-min-xs-desktop {
        margin-left: -7.5px !important
    }

    .pd-l-min-xs-desktop {
        padding-left: -7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-l-min-sm-desktop {
        margin-left: -15px !important
    }

    .pd-l-min-sm-desktop {
        padding-left: -15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-xl-desktop {
        margin: 120px !important
    }

    .pd-xl-desktop {
        padding: 120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-lg-desktop {
        margin: 60px !important
    }

    .pd-lg-desktop {
        padding: 60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-desktop {
        margin: 30px !important
    }

    .pd-desktop {
        padding: 30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-0-desktop {
        margin: 0px !important
    }

    .pd-0-desktop {
        padding: 0px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-sm-desktop {
        margin: 15px !important
    }

    .pd-sm-desktop {
        padding: 15px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-xs-desktop {
        margin: 7.5px !important
    }

    .pd-xs-desktop {
        padding: 7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-min-xl-desktop {
        margin: -120px !important
    }

    .pd-min-xl-desktop {
        padding: -120px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-min-lg-desktop {
        margin: -60px !important
    }

    .pd-min-lg-desktop {
        padding: -60px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-min-desktop {
        margin: -30px !important
    }

    .pd-min-desktop {
        padding: -30px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-min-xs-desktop {
        margin: -7.5px !important
    }

    .pd-min-xs-desktop {
        padding: -7.5px !important
    }
}

@media only screen and (min-width: 1180px) {
    .mg-min-sm-desktop {
        margin: -15px !important
    }

    .pd-min-sm-desktop {
        padding: -15px !important
    }
}

@media only screen and (min-width: 640px) {
    .pd-media {
        padding: 30px
    }
}

@media only screen and (max-width: 640px) {
    .pd-media {
        padding: 18px
    }
}

.fade-in {
    -webkit-animation: 0.2s ease-out 0s 1 fade-in;
    animation: 0.2s ease-out 0s 1 fade-in
}

.confirm-delete {
    -webkit-animation: confirm-delete 0.75s infinite;
    animation: confirm-delete 0.75s infinite
}

.no-link {
    cursor: default !important
}

.text-baseline {
    vertical-align: baseline
}

.blur {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.blur.loading {
    opacity: 1
}

.blur.loaded {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-filter: none;
    filter: none
}

.slider {
    overflow: hidden
}

.slider .slide {
    height: 100%
}

.slider .slide,
.slider .slide-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .slider .slide-image {
        position: absolute;
        top: 0;
        left: initial;
        right: initial;
        bottom: initial;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.slider .slide-content {
    z-index: 200;
    position: relative
}

.slider .slider-pager,
.slider .slider-module-pager {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 250
}

.slider .slider-pager span,
.slider .slider-module-pager span {
    cursor: pointer;
    opacity: 0.5;
    text-indent: -999px;
    overflow: hidden;
    border: 2px solid white;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    margin: 0 5px
}

.slider .slider-pager span:hover,
.slider .slider-module-pager span:hover {
    opacity: 1
}

.slider .slider-pager span.pager-active,
.slider .slider-module-pager span.pager-active {
    opacity: 1;
    border-color: #ff3320
}

.slider-sm {
    height: 150px
}

.slider-md {
    height: 300px
}

.slider-lg {
    height: 450px
}

table,
tr,
td {
    padding: 0;
    vertical-align: top
}

.table td {
    padding: 7.5px;
    border: 1px solid #ddd
}

.table.no-border td {
    border: none;
    padding-left: 0;
    padding-right: 0
}

.table tr.sep-b td {
    border-bottom: 1px solid #ddd
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: auto;
    width: 100%;
    margin: 0 auto
}

.embed-container iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.footer-logo {
    display: inline-block;
    height: 24px;
    margin-right: 15px
}

.footer-logo:last-child {
    margin-right: 0
}

@media only screen and (max-width: 640px) {
    .footer-logo {
        display: block;
        margin: 15px 0
    }
}

.footer-logo-emolife {
    width: 77px;
    background: transparent url(../images/logo-emolife.png) center no-repeat
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 192dpi) {
    .footer-logo-emolife {
        background-image: url(../images/logo-emolife.x2.png);
        background-size: 100% auto
    }
}

.footer-logo-event_foundation {
    width: 77px;
    background: transparent url(../images/logo-event_foundation.png) center no-repeat
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 192dpi) {
    .footer-logo-event_foundation {
        background-image: url(../images/logo-event_foundation.x2.png);
        background-size: 100% auto
    }
}

.footer-logo-one_community {
    width: 138px;
    background: transparent url(../images/logo-one_community.png) center no-repeat
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 192dpi) {
    .footer-logo-one_community {
        background-image: url(../images/logo-one_community.x2.png);
        background-size: 100% auto
    }
}

@media only screen and (max-width: 640px) {
    .header-nav {
        display: none;
        position: fixed;
        overflow-y: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #005cf0;
        z-index: 150
    }

    .header-nav,
    .header-nav li {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .header-nav>li {
        border-bottom: 1px solid #004dca
    }

    .header-nav>li a {
        display: block;
        padding: 15px;
        color: #fff
    }

    .header-nav>li ul {
        border-top: 1px solid #004dca;
        margin-bottom: -1px;
        padding-left: 15px
    }

    .header-nav>li ul,
    .header-nav>li ul li {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .header-nav>li ul li {
        border-bottom: 1px solid #0048bd
    }

    .header-nav>li ul li a {
        background: #0052d7;
        font-weight: lighter
    }

    .header-nav>li ul li:last-child {
        border: none
    }

    .header-nav.open {
        -webkit-animation: fade-in 0.2s;
        animation: fade-in 0.2s;
        display: block
    }

    .header-nav-toggle {
        z-index: 200
    }
}

.toggle-arrow {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.1s ease-in all;
    -o-transition: 0.1s ease-in all;
    transition: 0.1s ease-in all
}

.toggle-arrow-active {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pagination-default {
    background: white;
    padding: 10px 0
}

.pagination {
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pagination,
.pagination li {
    list-style: none;
    margin: 0;
    padding: 0
}

.pagination li {
    display: inline
}

.pagination ul {
    display: inline-block
}

.pagination ul li {
    display: inline-block
}

.pagination a {
    display: inline-block;
    padding: 2px 8px;
    line-height: 2;
    border-radius: 2px
}

.pagination a:hover {
    background: rgba(0, 0, 0, 0.05)
}

.pagination .pag-disabled,
.pagination .pag-disabled:hover,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #a6a6a6;
    cursor: default;
    background: none !important
}

.pagination .pag-active,
.pagination .pag-active:hover,
.pagination .active a,
.pagination .active:hover a {
    background: rgba(0, 0, 0, 0.025);
    color: #2f2f2f
}

@media only screen and (min-width: 640px) {
    .main-nav-toggle {
        display: none
    }

    .header-bar-spacing-t-d {
        margin-top: 75px
    }
}

@media only screen and (max-width: 640px) {
    .header-bar {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        z-index: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 60px;
        background: #fff
    }

    .header-bar-spacing-t-m {
        margin-top: 60px
    }

    .main-nav-toggle {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 60px;
        padding: 0 18px
    }

    .main-nav-toggle span {
        color: #005cf0
    }

    .main-nav {
        top: 78px;
        right: 18px;
        bottom: none;
        left: 18px;
        position: absolute;
        border-radius: 3px;
        pointer-events: none;
        background: #fff;
        -webkit-box-shadow: 0 13px 15px rgba(0, 0, 0, 0.15);
        box-shadow: 0 13px 15px rgba(0, 0, 0, 0.15);
        opacity: 0;
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-transform-origin: 100% top;
        -ms-transform-origin: 100% top;
        transform-origin: 100% top;
        -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
        transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
        -o-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
        transition: transform 0.2s ease-out, opacity 0.2s ease-out;
        transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
        will-change: transform, opacity
    }

    .main-nav,
    .main-nav li {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .main-nav.open {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        pointer-events: auto;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.2s;
        transition: opacity 0.2s ease-in, -webkit-transform 0.2s;
        -o-transition: transform 0.2s, opacity 0.2s ease-in;
        transition: transform 0.2s, opacity 0.2s ease-in;
        transition: transform 0.2s, opacity 0.2s ease-in, -webkit-transform 0.2s
    }

    .main-nav .link,
    .main-nav .text {
        display: block;
        font-family: "Inter", sans-serif;
        font-size: 1.25em
    }

    .main-nav .link {
        color: #ff3320
    }

    .main-nav .text {
        color: #2f2f2f
    }

    .main-nav>li {
        border-top: 1px solid #ddd
    }

    .main-nav>li:first-of-type {
        border-top: none
    }

    .main-nav>li>.link,
    .main-nav>li .text {
        padding: 18px
    }

    .main-nav ul {
        padding: 0 0 18px 0
    }

    .main-nav ul li {
        padding: 0 18px
    }

    .main-nav ul .link,
    .main-nav ul .text {
        padding: 9px 18px
    }

    .user-nav-container {
        background: #f6f9fc;
        border-radius: 0 0 3px 3px
    }

    .user-nav-container .user-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 18px
    }

    .user-nav-container .user-nav a {
        color: #2f2f2f;
        border-radius: 0;
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%;
        padding: 18px;
        border-radius: none
    }
}

.page-nav,
.page-nav li {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-nav.page-nav-horizontal .page-nav-item,
.page-nav.page-nav-vertical .page-nav-item {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: lighter;
    color: #2f2f2f;
    display: block
}

.page-nav.page-nav-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1)
}

.page-nav.page-nav-horizontal .page-nav-item {
    padding: 10px 0;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent
}

.page-nav.page-nav-horizontal a.page-nav-item:hover {
    border-color: rgba(47, 47, 47, 0.5)
}

.page-nav.page-nav-horizontal a.page-nav-item.active,
.page-nav.page-nav-horizontal a.page-nav-item:active,
.page-nav.page-nav-horizontal a.page-nav-item:focus {
    border-color: #2f2f2f
}

.page-nav.page-nav-horizontal>li+li {
    margin-left: 30px
}

.page-nav.page-nav-vertical .page-nav-item {
    display: block;
    padding: 7.5px 10px;
    border-radius: 3px
}

.page-nav.page-nav-vertical a.page-nav-item:hover {
    background: rgba(0, 0, 0, 0.04)
}

.page-nav.page-nav-vertical a.page-nav-item.active,
.page-nav.page-nav-vertical a.page-nav-item:active,
.page-nav.page-nav-vertical a.page-nav-item:focus {
    background: rgba(0, 0, 0, 0.04);
    font-weight: bold
}

.page-nav.page-nav-vertical>li+li {
    margin-top: 3px
}

.page-nav span.page-nav-item {
    cursor: default
}

.jumbo {
    position: relative;
    z-index: 100;
    overflow: hidden
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .jumbo .jumbo-image {
        position: absolute;
        top: 0;
        left: initial;
        right: initial;
        bottom: initial;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.jumbo .content-container {
    position: relative;
    width: 100%;
    max-width: 1150px;
    z-index: 150;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    bottom: 0
}

@media only screen and (min-width: 1180px) {
    .jumbo .content-container {
        margin: 0 auto
    }
}

@media only screen and (max-width: 1179px) {
    .jumbo .content-container {
        padding: 0 18px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo .content-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content {
        position: absolute
    }
}

@media only screen and (max-width: 640px) {
    .jumbo .content-container .content {
        top: initial;
        right: initial;
        bottom: initial;
        left: initial;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content-top-left {
        left: 0;
        top: 30px
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content-center-left {
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content-bottom-left {
        left: 0;
        bottom: 30px
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content-top-center {
        top: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content-center {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content-bottom-center {
        bottom: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content-top-right {
        top: 30px;
        right: 0
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content-center-right {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }
}

@media only screen and (min-width: 640px) {
    .jumbo .content-container .content-bottom-right {
        bottom: 30px;
        right: 0
    }
}

.jumbo .content-container .content-floored {
    bottom: 0
}

@media only screen and (min-width: 640px) {
    .jumbo.jumbo-lg {
        height: 600px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-lg {
        height: 400px
    }
}

@media only screen and (min-width: 640px) {
    .jumbo.jumbo-xl {
        height: 950px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-xl {
        height: 400px
    }
}

@media only screen and (min-width: 640px) {
    .jumbo.jumbo-md {
        height: 500px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-md {
        height: 400px
    }
}

@media only screen and (min-width: 640px) {
    .jumbo.jumbo-sm {
        height: 250px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-sm {
        height: 400px
    }
}

@media only screen and (min-width: 640px) {
    .jumbo.jumbo-xs {
        height: 150px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-xs {
        height: 400px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-lg-m {
        height: 400px !important
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-xl-m {
        height: 400px !important
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-md-m {
        height: 400px !important
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-sm-m {
        height: 400px !important
    }
}

@media only screen and (max-width: 640px) {
    .jumbo.jumbo-fluid-m {
        height: auto !important
    }

    .jumbo.jumbo-fluid-m .content,
    .jumbo.jumbo-fluid-m .content-container {
        position: relative !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .jumbo.jumbo-fluid-t,
    .jumbo.jumbo-fluid-tablet {
        height: auto !important
    }

    .jumbo.jumbo-fluid-t .content,
    .jumbo.jumbo-fluid-t .content-container,
    .jumbo.jumbo-fluid-tablet .content,
    .jumbo.jumbo-fluid-tablet .content-container {
        position: relative !important
    }

    .jumbo.jumbo-fluid-t .content,
    .jumbo.jumbo-fluid-tablet .content {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media only screen and (min-width: 640px) {
    .jumbo-header-spacing-d {
        margin-top: 75px
    }
}

.image-top {
    -o-object-position: top;
    object-position: top
}

@media only screen and (max-width: 640px) {
    .image-top-m {
        -o-object-position: top;
        object-position: top
    }
}

@media only screen and (min-width: 640px) {
    .image-top-d {
        -o-object-position: top;
        object-position: top
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .image-top-tablet {
        -o-object-position: top;
        object-position: top
    }
}

@media only screen and (min-width: 1180px) {
    .image-top-desktop {
        -o-object-position: top;
        object-position: top
    }
}

.image-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

@media only screen and (max-width: 640px) {
    .image-bottom-m {
        -o-object-position: bottom;
        object-position: bottom
    }
}

@media only screen and (min-width: 640px) {
    .image-bottom-d {
        -o-object-position: bottom;
        object-position: bottom
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .image-bottom-tablet {
        -o-object-position: bottom;
        object-position: bottom
    }
}

@media only screen and (min-width: 1180px) {
    .image-bottom-desktop {
        -o-object-position: bottom;
        object-position: bottom
    }
}

.image-left {
    -o-object-position: left;
    object-position: left
}

@media only screen and (max-width: 640px) {
    .image-left-m {
        -o-object-position: left;
        object-position: left
    }
}

@media only screen and (min-width: 640px) {
    .image-left-d {
        -o-object-position: left;
        object-position: left
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .image-left-tablet {
        -o-object-position: left;
        object-position: left
    }
}

@media only screen and (min-width: 1180px) {
    .image-left-desktop {
        -o-object-position: left;
        object-position: left
    }
}

.image-right {
    -o-object-position: right;
    object-position: right
}

@media only screen and (max-width: 640px) {
    .image-right-m {
        -o-object-position: right;
        object-position: right
    }
}

@media only screen and (min-width: 640px) {
    .image-right-d {
        -o-object-position: right;
        object-position: right
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .image-right-tablet {
        -o-object-position: right;
        object-position: right
    }
}

@media only screen and (min-width: 1180px) {
    .image-right-desktop {
        -o-object-position: right;
        object-position: right
    }
}

.image-3_4 {
    -o-object-position: 75%;
    object-position: 75%
}

@media only screen and (max-width: 640px) {
    .image-3_4-m {
        -o-object-position: 75%;
        object-position: 75%
    }
}

@media only screen and (min-width: 640px) {
    .image-3_4-d {
        -o-object-position: 75%;
        object-position: 75%
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .image-3_4-tablet {
        -o-object-position: 75%;
        object-position: 75%
    }
}

@media only screen and (min-width: 1180px) {
    .image-3_4-desktop {
        -o-object-position: 75%;
        object-position: 75%
    }
}

.image-1_4 {
    -o-object-position: 25%;
    object-position: 25%
}

@media only screen and (max-width: 640px) {
    .image-1_4-m {
        -o-object-position: 25%;
        object-position: 25%
    }
}

@media only screen and (min-width: 640px) {
    .image-1_4-d {
        -o-object-position: 25%;
        object-position: 25%
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .image-1_4-tablet {
        -o-object-position: 25%;
        object-position: 25%
    }
}

@media only screen and (min-width: 1180px) {
    .image-1_4-desktop {
        -o-object-position: 25%;
        object-position: 25%
    }
}

.image-center {
    -o-object-position: center;
    object-position: center
}

@media only screen and (max-width: 640px) {
    .image-center-m {
        -o-object-position: center;
        object-position: center
    }
}

@media only screen and (min-width: 640px) {
    .image-center-d {
        -o-object-position: center;
        object-position: center
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {
    .image-center-tablet {
        -o-object-position: center;
        object-position: center
    }
}

@media only screen and (min-width: 1180px) {
    .image-center-desktop {
        -o-object-position: center;
        object-position: center
    }
}

.jumbo-quote {
    overflow: hidden
}

.jumbo-slider .slider {
    height: 100%
}

@media only screen and (min-width: 640px) {
    .jumbo-video.jumbo-lg {
        height: initial;
        max-height: 600px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo-video.jumbo-lg {
        height: 400px;
        max-height: initial
    }
}

@media only screen and (min-width: 640px) {
    .jumbo-video.jumbo-xl {
        height: initial;
        max-height: 950px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo-video.jumbo-xl {
        height: 400px;
        max-height: initial
    }
}

@media only screen and (min-width: 640px) {
    .jumbo-video.jumbo-md {
        height: initial;
        max-height: 500px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo-video.jumbo-md {
        height: 400px;
        max-height: initial
    }
}

@media only screen and (min-width: 640px) {
    .jumbo-video.jumbo-sm {
        height: initial;
        max-height: 250px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo-video.jumbo-sm {
        height: 400px;
        max-height: initial
    }
}

@media only screen and (min-width: 640px) {
    .jumbo-video.jumbo-xs {
        height: initial;
        max-height: 150px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo-video.jumbo-xs {
        height: 400px;
        max-height: initial
    }
}

.jumbo-video.jumbo {
    padding-bottom: 0
}

.jumbo-video img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute
}

.jumbo-video .video-placeholder {
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    margin-top: 0
}

@media only screen and (min-width: 640px) {
    .jumbo-video .video-placeholder {
        margin-top: -75px
    }
}

.jumbo-video .video-placeholder iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width: 640px) {
    .jumbo-video .video-placeholder[data-video-mobile='true'] {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        pointer-events: none;
        overflow: hidden
    }

    .jumbo-video .video-placeholder[data-video-mobile='true'] iframe {
        width: 100vw;
        height: 56.25vw;
        min-height: 100vh;
        min-width: 177.77vh;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.jumbo-video .video-control-btn {
    background: #ff3320;
    color: #fff !important;
    border: 1px solid #ff3320;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color;
    border-radius: 100px;
    position: absolute;
    left: 15px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    z-index: 201;
    text-align: center
}

.jumbo-video .video-control-btn:hover:not(.btn-disabled),
.jumbo-video .video-control-btn:active:not(.btn-disabled) {
    background: #ff4a3a
}

.jumbo-video .video-control-btn .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

@media only screen and (min-width: 640px) {
    .jumbo-video .video-control-btn {
        bottom: 15px
    }
}

@media only screen and (max-width: 640px) {
    .jumbo-video .video-control-btn {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.jumbo-video .video-loader {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    position: absolute;
    z-index: 300;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    opacity: 0.7
}

.jumbo-quotes .slider {
    height: inherit
}

.jumbo-quotes .slider-prev,
.jumbo-quotes .slider-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #ff3320;
    border-radius: 50%;
    z-index: 200;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

@media only screen and (max-width: 640px) {

    .jumbo-quotes .slider-prev,
    .jumbo-quotes .slider-next {
        display: none
    }
}

.jumbo-quotes .slider-prev i,
.jumbo-quotes .slider-next i {
    color: white
}

.jumbo-quotes .slider-prev:hover,
.jumbo-quotes .slider-next:hover {
    background: #ff412f;
    -webkit-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in
}

.jumbo-quotes .slider-prev {
    left: 30px
}

.jumbo-quotes .slider-prev i {
    margin-left: -3px
}

.jumbo-quotes .slider-next {
    right: 30px
}

.jumbo-quotes .slider-next i {
    margin-left: 3px
}

.jumbo-quotes:hover .slider-prev,
.jumbo-quotes:hover .slider-next {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in
}

.jumbo-quotes .slide .jumbo-image {
    max-width: initial
}

.module-slider .slider img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.svg-default path,
.svg-default rect,
.svg-default polygon {
    fill: #fff
}

@media only screen and (max-width: 640px) {

    .svg-default-m path,
    .svg-default-m rect,
    .svg-default-m polygon {
        fill: #fff
    }
}

@media only screen and (min-width: 640px) {

    .svg-default-d path,
    .svg-default-d rect,
    .svg-default-d polygon {
        fill: #fff
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-default-tablet path,
    .svg-default-tablet rect,
    .svg-default-tablet polygon {
        fill: #fff
    }
}

@media only screen and (min-width: 1180px) {

    .svg-default-desktop path,
    .svg-default-desktop rect,
    .svg-default-desktop polygon {
        fill: #fff
    }
}

.svg-stroke-default path,
.svg-stroke-default rect,
.svg-stroke-default polygon {
    stroke: #fff
}

.fill-default {
    fill: #fff !important
}

.svg-white path,
.footer-bar .row-set-black .logo-one-community path,
.footer-bar .row-set-primary .logo-one-community path,
.footer-bar .row-set-secondary .logo-one-community path,
.footer-bar .row-set-tertiary .logo-one-community path,
.footer-bar .row-set-quaternary .logo-one-community path,
.footer-bar .row-set-quinary .logo-one-community path,
.footer-bar .row-set-error .logo-one-community path,
.footer-bar .row-set-success .logo-one-community path,
.svg-white rect,
.footer-bar .row-set-black .logo-one-community rect,
.footer-bar .row-set-primary .logo-one-community rect,
.footer-bar .row-set-secondary .logo-one-community rect,
.footer-bar .row-set-tertiary .logo-one-community rect,
.footer-bar .row-set-quaternary .logo-one-community rect,
.footer-bar .row-set-quinary .logo-one-community rect,
.footer-bar .row-set-error .logo-one-community rect,
.footer-bar .row-set-success .logo-one-community rect,
.svg-white polygon,
.footer-bar .row-set-black .logo-one-community polygon,
.footer-bar .row-set-primary .logo-one-community polygon,
.footer-bar .row-set-secondary .logo-one-community polygon,
.footer-bar .row-set-tertiary .logo-one-community polygon,
.footer-bar .row-set-quaternary .logo-one-community polygon,
.footer-bar .row-set-quinary .logo-one-community polygon,
.footer-bar .row-set-error .logo-one-community polygon,
.footer-bar .row-set-success .logo-one-community polygon {
    fill: #fff
}

@media only screen and (max-width: 640px) {

    .svg-white-m path,
    .svg-white-m rect,
    .svg-white-m polygon {
        fill: #fff
    }
}

@media only screen and (min-width: 640px) {

    .svg-white-d path,
    .svg-white-d rect,
    .svg-white-d polygon {
        fill: #fff
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-white-tablet path,
    .svg-white-tablet rect,
    .svg-white-tablet polygon {
        fill: #fff
    }
}

@media only screen and (min-width: 1180px) {

    .svg-white-desktop path,
    .svg-white-desktop rect,
    .svg-white-desktop polygon {
        fill: #fff
    }
}

.svg-stroke-white path,
.svg-stroke-white rect,
.svg-stroke-white polygon {
    stroke: #fff
}

.fill-white {
    fill: #fff !important
}

.svg-black path,
.footer-bar .row-set-default .logo-one-community path,
.footer-bar .row-set-white .logo-one-community path,
.footer-bar .row-set-info .logo-one-community path,
.svg-black rect,
.footer-bar .row-set-default .logo-one-community rect,
.footer-bar .row-set-white .logo-one-community rect,
.footer-bar .row-set-info .logo-one-community rect,
.svg-black polygon,
.footer-bar .row-set-default .logo-one-community polygon,
.footer-bar .row-set-white .logo-one-community polygon,
.footer-bar .row-set-info .logo-one-community polygon {
    fill: #000
}

@media only screen and (max-width: 640px) {

    .svg-black-m path,
    .svg-black-m rect,
    .svg-black-m polygon {
        fill: #000
    }
}

@media only screen and (min-width: 640px) {

    .svg-black-d path,
    .svg-black-d rect,
    .svg-black-d polygon {
        fill: #000
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-black-tablet path,
    .svg-black-tablet rect,
    .svg-black-tablet polygon {
        fill: #000
    }
}

@media only screen and (min-width: 1180px) {

    .svg-black-desktop path,
    .svg-black-desktop rect,
    .svg-black-desktop polygon {
        fill: #000
    }
}

.svg-stroke-black path,
.svg-stroke-black rect,
.svg-stroke-black polygon {
    stroke: #000
}

.fill-black {
    fill: #000 !important
}

.svg-primary path,
.svg-primary rect,
.svg-primary polygon {
    fill: #ff3320
}

@media only screen and (max-width: 640px) {

    .svg-primary-m path,
    .svg-primary-m rect,
    .svg-primary-m polygon {
        fill: #ff3320
    }
}

@media only screen and (min-width: 640px) {

    .svg-primary-d path,
    .svg-primary-d rect,
    .svg-primary-d polygon {
        fill: #ff3320
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-primary-tablet path,
    .svg-primary-tablet rect,
    .svg-primary-tablet polygon {
        fill: #ff3320
    }
}

@media only screen and (min-width: 1180px) {

    .svg-primary-desktop path,
    .svg-primary-desktop rect,
    .svg-primary-desktop polygon {
        fill: #ff3320
    }
}

.svg-stroke-primary path,
.svg-stroke-primary rect,
.svg-stroke-primary polygon {
    stroke: #ff3320
}

.fill-primary {
    fill: #ff3320 !important
}

.svg-secondary path,
.svg-secondary rect,
.svg-secondary polygon {
    fill: #005cf0
}

@media only screen and (max-width: 640px) {

    .svg-secondary-m path,
    .svg-secondary-m rect,
    .svg-secondary-m polygon {
        fill: #005cf0
    }
}

@media only screen and (min-width: 640px) {

    .svg-secondary-d path,
    .svg-secondary-d rect,
    .svg-secondary-d polygon {
        fill: #005cf0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-secondary-tablet path,
    .svg-secondary-tablet rect,
    .svg-secondary-tablet polygon {
        fill: #005cf0
    }
}

@media only screen and (min-width: 1180px) {

    .svg-secondary-desktop path,
    .svg-secondary-desktop rect,
    .svg-secondary-desktop polygon {
        fill: #005cf0
    }
}

.svg-stroke-secondary path,
.svg-stroke-secondary rect,
.svg-stroke-secondary polygon {
    stroke: #005cf0
}

.fill-secondary {
    fill: #005cf0 !important
}

.svg-tertiary path,
.svg-tertiary rect,
.svg-tertiary polygon {
    fill: #ae5a6b
}

@media only screen and (max-width: 640px) {

    .svg-tertiary-m path,
    .svg-tertiary-m rect,
    .svg-tertiary-m polygon {
        fill: #ae5a6b
    }
}

@media only screen and (min-width: 640px) {

    .svg-tertiary-d path,
    .svg-tertiary-d rect,
    .svg-tertiary-d polygon {
        fill: #ae5a6b
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-tertiary-tablet path,
    .svg-tertiary-tablet rect,
    .svg-tertiary-tablet polygon {
        fill: #ae5a6b
    }
}

@media only screen and (min-width: 1180px) {

    .svg-tertiary-desktop path,
    .svg-tertiary-desktop rect,
    .svg-tertiary-desktop polygon {
        fill: #ae5a6b
    }
}

.svg-stroke-tertiary path,
.svg-stroke-tertiary rect,
.svg-stroke-tertiary polygon {
    stroke: #ae5a6b
}

.fill-tertiary {
    fill: #ae5a6b !important
}

.svg-quaternary path,
.svg-quaternary rect,
.svg-quaternary polygon {
    fill: #1d2473
}

@media only screen and (max-width: 640px) {

    .svg-quaternary-m path,
    .svg-quaternary-m rect,
    .svg-quaternary-m polygon {
        fill: #1d2473
    }
}

@media only screen and (min-width: 640px) {

    .svg-quaternary-d path,
    .svg-quaternary-d rect,
    .svg-quaternary-d polygon {
        fill: #1d2473
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-quaternary-tablet path,
    .svg-quaternary-tablet rect,
    .svg-quaternary-tablet polygon {
        fill: #1d2473
    }
}

@media only screen and (min-width: 1180px) {

    .svg-quaternary-desktop path,
    .svg-quaternary-desktop rect,
    .svg-quaternary-desktop polygon {
        fill: #1d2473
    }
}

.svg-stroke-quaternary path,
.svg-stroke-quaternary rect,
.svg-stroke-quaternary polygon {
    stroke: #1d2473
}

.fill-quaternary {
    fill: #1d2473 !important
}

.svg-quinary path,
.svg-quinary rect,
.svg-quinary polygon {
    fill: #959598
}

@media only screen and (max-width: 640px) {

    .svg-quinary-m path,
    .svg-quinary-m rect,
    .svg-quinary-m polygon {
        fill: #959598
    }
}

@media only screen and (min-width: 640px) {

    .svg-quinary-d path,
    .svg-quinary-d rect,
    .svg-quinary-d polygon {
        fill: #959598
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-quinary-tablet path,
    .svg-quinary-tablet rect,
    .svg-quinary-tablet polygon {
        fill: #959598
    }
}

@media only screen and (min-width: 1180px) {

    .svg-quinary-desktop path,
    .svg-quinary-desktop rect,
    .svg-quinary-desktop polygon {
        fill: #959598
    }
}

.svg-stroke-quinary path,
.svg-stroke-quinary rect,
.svg-stroke-quinary polygon {
    stroke: #959598
}

.fill-quinary {
    fill: #959598 !important
}

.svg-error path,
.svg-error rect,
.svg-error polygon {
    fill: #df4e4e
}

@media only screen and (max-width: 640px) {

    .svg-error-m path,
    .svg-error-m rect,
    .svg-error-m polygon {
        fill: #df4e4e
    }
}

@media only screen and (min-width: 640px) {

    .svg-error-d path,
    .svg-error-d rect,
    .svg-error-d polygon {
        fill: #df4e4e
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-error-tablet path,
    .svg-error-tablet rect,
    .svg-error-tablet polygon {
        fill: #df4e4e
    }
}

@media only screen and (min-width: 1180px) {

    .svg-error-desktop path,
    .svg-error-desktop rect,
    .svg-error-desktop polygon {
        fill: #df4e4e
    }
}

.svg-stroke-error path,
.svg-stroke-error rect,
.svg-stroke-error polygon {
    stroke: #df4e4e
}

.fill-error {
    fill: #df4e4e !important
}

.svg-success path,
.svg-success rect,
.svg-success polygon {
    fill: #88b22d
}

@media only screen and (max-width: 640px) {

    .svg-success-m path,
    .svg-success-m rect,
    .svg-success-m polygon {
        fill: #88b22d
    }
}

@media only screen and (min-width: 640px) {

    .svg-success-d path,
    .svg-success-d rect,
    .svg-success-d polygon {
        fill: #88b22d
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-success-tablet path,
    .svg-success-tablet rect,
    .svg-success-tablet polygon {
        fill: #88b22d
    }
}

@media only screen and (min-width: 1180px) {

    .svg-success-desktop path,
    .svg-success-desktop rect,
    .svg-success-desktop polygon {
        fill: #88b22d
    }
}

.svg-stroke-success path,
.svg-stroke-success rect,
.svg-stroke-success polygon {
    stroke: #88b22d
}

.fill-success {
    fill: #88b22d !important
}

.svg-info path,
.svg-info rect,
.svg-info polygon {
    fill: #ff0
}

@media only screen and (max-width: 640px) {

    .svg-info-m path,
    .svg-info-m rect,
    .svg-info-m polygon {
        fill: #ff0
    }
}

@media only screen and (min-width: 640px) {

    .svg-info-d path,
    .svg-info-d rect,
    .svg-info-d polygon {
        fill: #ff0
    }
}

@media only screen and (min-width: 640px) and (max-width: 1180px) {

    .svg-info-tablet path,
    .svg-info-tablet rect,
    .svg-info-tablet polygon {
        fill: #ff0
    }
}

@media only screen and (min-width: 1180px) {

    .svg-info-desktop path,
    .svg-info-desktop rect,
    .svg-info-desktop polygon {
        fill: #ff0
    }
}

.svg-stroke-info path,
.svg-stroke-info rect,
.svg-stroke-info polygon {
    stroke: #ff0
}

.fill-info {
    fill: #ff0 !important
}

.flex-svg svg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.svg-container svg {
    max-width: 100%
}

.cookie-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background: white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
}

@media only screen and (max-width: 640px) {
    .cookie-bar {
        padding: 36px
    }
}

@media only screen and (min-width: 640px) {
    .cookie-bar {
        padding: 30px
    }
}

.cookie-bar .cookie-bar-content {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 15px
}

@media only screen and (min-width: 640px) {
    .cookie-bar .cookie-bar-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.cookie-bar .cookie-bar-content .cookie-bar-description {
    padding-right: 15px
}

@media only screen and (max-width: 640px) {
    .cookie-bar .cookie-bar-content .cookie-bar-description {
        padding: 0 34px 10px 0
    }
}

.cookie-bar .cookie-bar-content .cookie-bar-buttons {
    white-space: nowrap
}

.cookie-bar .cookie-bar-close {
    position: absolute;
    color: #a6a6a6;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px
}

@media only screen and (max-width: 640px) {
    .cookie-bar .cookie-bar-close {
        right: 36px;
        top: 36px
    }
}

@media only screen and (min-width: 640px) {
    .cookie-bar .cookie-bar-close {
        right: 30px;
        top: 30px
    }
}

.cards {
    margin: 0 -7.5px
}

.cards:before,
.cards:after {
    content: " ";
    display: table;
    visibility: hidden
}

.cards:after {
    clear: both
}

.cards .card {
    float: left;
    position: realtive;
    padding: 0 3.75px
}

.cards+.cards {
    margin-top: 7.5px
}

.footer-bar {
    font-size: 14px
}

.footer-bar .page-nav-footer .page-nav-emphasize {
    font-weight: bold
}

.footer-bar .page-nav-footer li {
    display: inline;
    margin-right: 30px
}

.footer-bar .page-nav-footer li .page-nav-item {
    white-space: nowrap
}

.footer-bar .page-nav-footer li>span.page-nav-item {
    font-weight: bold
}

@media only screen and (max-width: 640px) {
    .footer-bar .page-nav-footer {
        text-align: center
    }

    .footer-bar .page-nav-footer li {
        margin: 0 18px
    }
}

.footer-bar .logo-one-community {
    display: inline-block;
    opacity: 0.5;
    width: 150px
}

@media only screen and (max-width: 640px) {
    .footer-bar .logo-one-community {
        margin-top: 18px
    }
}

.default-header-bar {
    z-index: 500;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px 5px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px 5px rgba(0, 0, 0, 0.075)
}

.default-header-bar .header-bar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.default-header-bar .header-bar-inner .default-header-nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1180px) {
    .default-header-bar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 80px;
        -webkit-transition: 0.15s ease-in-out;
        -o-transition: 0.15s ease-in-out;
        transition: 0.15s ease-in-out;
        transform-property: background, height, box-shadow
    }

    .default-header-bar .header-bar-inner {
        width: 1180px;
        padding: 0 15px;
        margin: 0 auto
    }

    .default-header-bar.header-bar-collapsed {
        height: 70px
    }

    .default-header-bar.header-bar-collapsed .page-nav-header>li>.page-nav-item,
    .default-header-bar.header-bar-collapsed .page-nav-header>.page-nav-emphasize>.page-nav-item {
        font-size: 16px
    }

    .default-header-bar .default-logo {
        display: block;
        font-weight: bold;
        font-family: "Inter", sans-serif;
        white-space: nowrap;
        height: 100%;
        padding: 15px 0
    }

    .default-header-bar .default-logo span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .default-header-bar .default-logo img {
        display: block;
        height: 100%;
        max-width: 100%
    }

    .default-header-bar .page-nav-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .default-header-bar .page-nav-header .page-nav-item {
        display: block;
        white-space: nowrap
    }

    .default-header-bar .page-nav-header>li {
        position: relative;
        border-radius: 3px;
        -webkit-transition: 0.15s ease-in-out;
        -o-transition: 0.15s ease-in-out;
        transition: 0.15s ease-in-out
    }

    .default-header-bar .page-nav-header>li>.page-nav-item {
        padding: 14px 18px;
        font-size: 18px;
        font-family: "Inter", sans-serif;
        line-height: 1;
        -webkit-transition: font-size 0.15s ease-in-out;
        -o-transition: font-size 0.15s ease-in-out;
        transition: font-size 0.15s ease-in-out
    }

    .default-header-bar .page-nav-header>li .page-nav-sub {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 250px;
        margin-left: -125px;
        text-align: center;
        padding: 4px 0 0 0
    }

    .default-header-bar .page-nav-header>li .page-nav-sub:before {
        content: ' ';
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background: white;
        position: absolute;
        top: .5px;
        left: 117px;
        -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05)
    }

    .default-header-bar .page-nav-header>li .page-nav-sub ul {
        display: inline-block;
        min-width: 120px;
        max-width: 100%;
        -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0.15);
        background: white;
        border-radius: 3px;
        overflow: hidden;
        padding: 15px 30px;
        font-family: "Inter", sans-serif;
        font-size: 16px
    }

    .default-header-bar .page-nav-header>li .page-nav-sub ul li {
        padding: 3.75px 0
    }

    .default-header-bar .page-nav-header>li .page-nav-sub ul a {
        padding: 3.75px 0
    }

    .default-header-bar .page-nav-header>li:hover .page-nav-sub {
        display: inline-block
    }

    .default-header-bar .page-nav-header>li+li {
        margin-left: 7.5px
    }

    .default-header-bar .default-header-nav-toggle {
        display: none
    }

    .default-header-bar .default-user-nav {
        margin-left: 15px
    }

    .default-header-bar .default-user-nav>a {
        border-radius: 3px;
        display: inline-block;
        padding: 14px 18px;
        -webkit-transition: 0.15s ease-in-out;
        -o-transition: 0.15s ease-in-out;
        transition: 0.15s ease-in-out;
        line-height: 1;
        white-space: nowrap
    }
}

@media only screen and (max-width: 1179px) {
    .default-header-bar {
        height: 60px;
        position: relative;
        font-size: 14px
    }

    .default-header-bar .header-bar-inner {
        padding: 0
    }

    .default-header-bar .default-logo {
        padding: 18px;
        height: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden
    }

    .default-header-bar .default-logo span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .default-header-bar .default-logo img {
        display: block;
        height: 100%;
        max-width: 100%
    }

    .default-header-bar .page-nav-header {
        display: none;
        text-align: center;
        position: absolute;
        top: 78px;
        left: 18px;
        right: 18px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 5px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 5px 15px rgba(0, 0, 0, 0.1);
        font-family: "Inter", sans-serif;
        font-size: 18px
    }

    .default-header-bar .page-nav-header .page-nav-item {
        display: block;
        padding: 18px
    }

    .default-header-bar .page-nav-header>li+li {
        border-top: 1px solid rgba(0, 0, 0, 0.1)
    }

    .default-header-bar .page-nav-header>li ul {
        margin-bottom: 18px
    }

    .default-header-bar .page-nav-header>li ul .page-nav-item {
        padding: 9px 18px
    }

    .default-header-bar .page-nav-header .page-nav-active>.page-nav-item {
        font-weight: bold
    }

    .default-header-bar .page-nav-header .page-nav-emphasize {
        padding: 18px
    }

    .default-header-bar .page-nav-header.open {
        display: block
    }

    .default-header-bar .default-user-nav {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .default-header-bar .default-user-nav>a {
        display: block;
        line-height: 60px;
        padding: 0 18px;
        border-style: solid;
        border-width: 0 1px;
        white-space: nowrap
    }

    .default-header-bar .default-header-nav-toggle {
        display: block;
        line-height: 60px;
        padding: 0 18px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .default-header-bar .default-header-nav-toggle .fa {
        width: 1.2em;
        text-align: center
    }
}

.default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item {
    padding: 14px 18px !important
}

.header-bar-default {
    background: #fff
}

.header-bar-default .default-logo {
    color: #2f2f2f
}

.header-bar-default .default-logo .logo-on-black {
    display: none
}

.header-bar-default .default-user-nav>a {
    color: #2f2f2f
}

.header-bar-default .default-header-nav-toggle {
    color: #2f2f2f
}

@media only screen and (min-width: 1180px) {
    .header-bar-default .page-nav-header>li>.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-default .page-nav-header>li:hover {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-default .page-nav-header>li:active,
    .header-bar-default .page-nav-header>li.page-nav-active,
    .header-bar-default .page-nav-header>li:focus {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-default .page-nav-header ul li {
        background: white
    }

    .header-bar-default .default-user-nav>a {
        background: rgba(0, 0, 0, 0.08);
        color: #2f2f2f
    }

    .header-bar-default .default-user-nav>a:hover {
        background: rgba(0, 0, 0, 0.12)
    }
}

@media only screen and (max-width: 1179px) {
    .header-bar-default .page-nav-header {
        background: white
    }

    .header-bar-default .page-nav-header span.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-default .page-nav-header a.page-nav-item {
        color: #005cf0
    }

    .header-bar-default .default-user-nav>a {
        border-color: rgba(0, 0, 0, 0.1)
    }
}

.header-bar-black {
    background: #000
}

.header-bar-black .default-logo {
    color: #fff
}

.header-bar-black .default-logo .logo-on-white {
    display: none
}

.header-bar-black .default-user-nav>a {
    color: #fff
}

.header-bar-black .default-header-nav-toggle {
    color: #fff
}

@media only screen and (min-width: 1180px) {
    .header-bar-black .page-nav-header>li>.page-nav-item {
        color: #fff
    }

    .header-bar-black .page-nav-header>li:hover {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-black .page-nav-header>li:active,
    .header-bar-black .page-nav-header>li.page-nav-active,
    .header-bar-black .page-nav-header>li:focus {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-black .page-nav-header ul li {
        background: white
    }

    .header-bar-black .default-user-nav>a {
        background: rgba(0, 0, 0, 0.08);
        color: #fff
    }

    .header-bar-black .default-user-nav>a:hover {
        background: rgba(0, 0, 0, 0.12)
    }
}

@media only screen and (max-width: 1179px) {
    .header-bar-black .page-nav-header {
        background: white
    }

    .header-bar-black .page-nav-header span.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-black .page-nav-header a.page-nav-item {
        color: #005cf0
    }

    .header-bar-black .default-user-nav>a {
        border-color: rgba(255, 255, 255, 0.1)
    }
}

.header-bar-white {
    background: #fff
}

.header-bar-white .default-logo {
    color: #2f2f2f
}

.header-bar-white .default-logo .logo-on-black {
    display: none
}

.header-bar-white .default-user-nav>a {
    color: #2f2f2f
}

.header-bar-white .default-header-nav-toggle {
    color: #2f2f2f
}

@media only screen and (min-width: 1180px) {
    .header-bar-white .page-nav-header>li>.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-white .page-nav-header>li:hover {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-white .page-nav-header>li:active,
    .header-bar-white .page-nav-header>li.page-nav-active,
    .header-bar-white .page-nav-header>li:focus {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-white .page-nav-header ul li {
        background: white
    }

    .header-bar-white .default-user-nav>a {
        background: rgba(0, 0, 0, 0.08);
        color: #2f2f2f
    }

    .header-bar-white .default-user-nav>a:hover {
        background: rgba(0, 0, 0, 0.12)
    }
}

@media only screen and (max-width: 1179px) {
    .header-bar-white .page-nav-header {
        background: white
    }

    .header-bar-white .page-nav-header span.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-white .page-nav-header a.page-nav-item {
        color: #005cf0
    }

    .header-bar-white .default-user-nav>a {
        border-color: rgba(0, 0, 0, 0.1)
    }
}

.header-bar-primary {
    background: #ff3320
}

.header-bar-primary .default-logo {
    color: #fff
}

.header-bar-primary .default-logo .logo-on-white {
    display: none
}

.header-bar-primary .default-user-nav>a {
    color: #fff
}

.header-bar-primary .default-header-nav-toggle {
    color: #fff
}

@media only screen and (min-width: 1180px) {
    .header-bar-primary .page-nav-header>li>.page-nav-item {
        color: #fff
    }

    .header-bar-primary .page-nav-header>li:hover {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-primary .page-nav-header>li:active,
    .header-bar-primary .page-nav-header>li.page-nav-active,
    .header-bar-primary .page-nav-header>li:focus {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-primary .page-nav-header ul li {
        background: white
    }

    .header-bar-primary .default-user-nav>a {
        background: rgba(0, 0, 0, 0.08);
        color: #fff
    }

    .header-bar-primary .default-user-nav>a:hover {
        background: rgba(0, 0, 0, 0.12)
    }
}

@media only screen and (max-width: 1179px) {
    .header-bar-primary .page-nav-header {
        background: white
    }

    .header-bar-primary .page-nav-header span.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-primary .page-nav-header a.page-nav-item {
        color: #005cf0
    }

    .header-bar-primary .default-user-nav>a {
        border-color: rgba(255, 255, 255, 0.1)
    }
}

.header-bar-secondary {
    background: #005cf0
}

.header-bar-secondary .default-logo {
    color: #fff
}

.header-bar-secondary .default-logo .logo-on-white {
    display: none
}

.header-bar-secondary .default-user-nav>a {
    color: #fff
}

.header-bar-secondary .default-header-nav-toggle {
    color: #fff
}

@media only screen and (min-width: 1180px) {
    .header-bar-secondary .page-nav-header>li>.page-nav-item {
        color: #fff
    }

    .header-bar-secondary .page-nav-header>li:hover {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-secondary .page-nav-header>li:active,
    .header-bar-secondary .page-nav-header>li.page-nav-active,
    .header-bar-secondary .page-nav-header>li:focus {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-secondary .page-nav-header ul li {
        background: white
    }

    .header-bar-secondary .default-user-nav>a {
        background: rgba(0, 0, 0, 0.08);
        color: #fff
    }

    .header-bar-secondary .default-user-nav>a:hover {
        background: rgba(0, 0, 0, 0.12)
    }
}

@media only screen and (max-width: 1179px) {
    .header-bar-secondary .page-nav-header {
        background: white
    }

    .header-bar-secondary .page-nav-header span.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-secondary .page-nav-header a.page-nav-item {
        color: #005cf0
    }

    .header-bar-secondary .default-user-nav>a {
        border-color: rgba(255, 255, 255, 0.1)
    }
}

.header-bar-tertiary {
    background: #ae5a6b
}

.header-bar-tertiary .default-logo {
    color: #fff
}

.header-bar-tertiary .default-logo .logo-on-white {
    display: none
}

.header-bar-tertiary .default-user-nav>a {
    color: #fff
}

.header-bar-tertiary .default-header-nav-toggle {
    color: #fff
}

@media only screen and (min-width: 1180px) {
    .header-bar-tertiary .page-nav-header>li>.page-nav-item {
        color: #fff
    }

    .header-bar-tertiary .page-nav-header>li:hover {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-tertiary .page-nav-header>li:active,
    .header-bar-tertiary .page-nav-header>li.page-nav-active,
    .header-bar-tertiary .page-nav-header>li:focus {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-tertiary .page-nav-header ul li {
        background: white
    }

    .header-bar-tertiary .default-user-nav>a {
        background: rgba(0, 0, 0, 0.08);
        color: #fff
    }

    .header-bar-tertiary .default-user-nav>a:hover {
        background: rgba(0, 0, 0, 0.12)
    }
}

@media only screen and (max-width: 1179px) {
    .header-bar-tertiary .page-nav-header {
        background: white
    }

    .header-bar-tertiary .page-nav-header span.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-tertiary .page-nav-header a.page-nav-item {
        color: #005cf0
    }

    .header-bar-tertiary .default-user-nav>a {
        border-color: rgba(255, 255, 255, 0.1)
    }
}

.header-bar-quaternary {
    background: #1d2473
}

.header-bar-quaternary .default-logo {
    color: #fff
}

.header-bar-quaternary .default-logo .logo-on-white {
    display: none
}

.header-bar-quaternary .default-user-nav>a {
    color: #fff
}

.header-bar-quaternary .default-header-nav-toggle {
    color: #fff
}

@media only screen and (min-width: 1180px) {
    .header-bar-quaternary .page-nav-header>li>.page-nav-item {
        color: #fff
    }

    .header-bar-quaternary .page-nav-header>li:hover {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-quaternary .page-nav-header>li:active,
    .header-bar-quaternary .page-nav-header>li.page-nav-active,
    .header-bar-quaternary .page-nav-header>li:focus {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-quaternary .page-nav-header ul li {
        background: white
    }

    .header-bar-quaternary .default-user-nav>a {
        background: rgba(0, 0, 0, 0.08);
        color: #fff
    }

    .header-bar-quaternary .default-user-nav>a:hover {
        background: rgba(0, 0, 0, 0.12)
    }
}

@media only screen and (max-width: 1179px) {
    .header-bar-quaternary .page-nav-header {
        background: white
    }

    .header-bar-quaternary .page-nav-header span.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-quaternary .page-nav-header a.page-nav-item {
        color: #005cf0
    }

    .header-bar-quaternary .default-user-nav>a {
        border-color: rgba(255, 255, 255, 0.1)
    }
}

.header-bar-quinary {
    background: #959598
}

.header-bar-quinary .default-logo {
    color: #fff
}

.header-bar-quinary .default-logo .logo-on-white {
    display: none
}

.header-bar-quinary .default-user-nav>a {
    color: #fff
}

.header-bar-quinary .default-header-nav-toggle {
    color: #fff
}

@media only screen and (min-width: 1180px) {
    .header-bar-quinary .page-nav-header>li>.page-nav-item {
        color: #fff
    }

    .header-bar-quinary .page-nav-header>li:hover {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-quinary .page-nav-header>li:active,
    .header-bar-quinary .page-nav-header>li.page-nav-active,
    .header-bar-quinary .page-nav-header>li:focus {
        background: rgba(0, 0, 0, 0.08)
    }

    .header-bar-quinary .page-nav-header ul li {
        background: white
    }

    .header-bar-quinary .default-user-nav>a {
        background: rgba(0, 0, 0, 0.08);
        color: #fff
    }

    .header-bar-quinary .default-user-nav>a:hover {
        background: rgba(0, 0, 0, 0.12)
    }
}

@media only screen and (max-width: 1179px) {
    .header-bar-quinary .page-nav-header {
        background: white
    }

    .header-bar-quinary .page-nav-header span.page-nav-item {
        color: #2f2f2f
    }

    .header-bar-quinary .page-nav-header a.page-nav-item {
        color: #005cf0
    }

    .header-bar-quinary .default-user-nav>a {
        border-color: rgba(255, 255, 255, 0.1)
    }
}

@media only screen and (min-width: 1180px) {
    .header-bar-transparent-top:not(.header-bar-collapsed) {
        background: transparent !important;
        -webkit-box-shadow: inset 0 80px 32px -32px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 80px 32px -32px rgba(0, 0, 0, 0.4)
    }

    .header-bar-transparent-top:not(.header-bar-collapsed) .page-nav-header>li>.page-nav-item,
    .header-bar-transparent-top:not(.header-bar-collapsed) .default-user-nav a {
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
        color: white
    }

    .header-bar-transparent-top:not(.header-bar-collapsed) .default-logo .logo-on-black {
        display: block
    }

    .header-bar-transparent-top:not(.header-bar-collapsed) .default-logo .logo-on-white {
        display: none
    }
}

.image-icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle
}

.profile-picture {
    display: inline-block;
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    border-radius: 100px;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.15);
    overflow: hidden;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.profile-picture img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: -1;
    display: block
}

.profile-picture .fa {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 40px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.05)
}

.profile-picture-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.profile-picture-container .profile-picture {
    margin-right: 15px;
    margin-top: 6px;
    z-index: 2
}

.profile-picture-container .profile-details {
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 0
}

.header-video {
    position: relative;
    height: 450px
}

@media only screen and (max-width: 640px) {
    .header-video {
        height: 200px;
        margin-top: 80px
    }
}

.header-video.header-compact,
.header-video.header-compact .header-content {
    height: 200px
}

.header-video .header-content {
    position: relative
}

.header-video img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.header-video .video-placeholder {
    width: 100%;
    padding-bottom: 57%;
    overflow: hidden;
    position: absolute;
    z-index: 101;
    top: 0
}

.header-video .video-placeholder iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

.header-video .video-control-btn {
    border-radius: 100px;
    background: #ff3320;
    color: #fff !important;
    border: 1px solid #ff3320;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    -webkit-transition-property: background, color, border-color;
    -o-transition-property: background, color, border-color;
    transition-property: background, color, border-color;
    position: absolute;
    bottom: 15px;
    left: 15px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    z-index: 201;
    text-align: center
}

.header-video .video-control-btn:hover:not(.btn-disabled),
.header-video .video-control-btn:active:not(.btn-disabled) {
    background: #ff4a3a
}

.header-video .video-control-btn .loader {
    border-top-color: #fff;
    border-left-color: #fff;
    margin: 1px 2px
}

@media only screen and (max-width: 640px) {
    .header-video .video-control-btn {
        bottom: initial;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.header-video .video-loader {
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 300;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    opacity: 0.7
}

.module-news .list-item {
    display: none
}

.news-feed-list .box-heading {
    background: #ff3320
}

.news-feed-list .box-heading .box-title {
    color: white
}

@media only screen and (max-width: 640px) {
    .news-feed-list .box-list-item {
        padding: 20px
    }
}

.news-feed-list .post-image {
    float: left;
    position: relative;
    margin-right: 15px;
    max-width: 20%
}

.news-feed-list .post-title {
    display: block
}

@media only screen and (min-width: 640px) {
    .news-feed-list .post-title {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.news-feed-list .post-information {
    position: relative;
    display: block
}

@media only screen and (min-width: 640px) {
    .news-feed-list .post-information {
        margin-top: 3px
    }
}

@media only screen and (max-width: 640px) {
    .news-feed-list .post-information {
        margin-top: 20px;
        clear: both
    }
}

.news-feed-columns .post-intro {
    color: #444
}

.news-feed-columns .feed-column {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.news-feed-columns .feed-column:hover {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15)
}

.post-label {
    text-transform: uppercase;
    font-size: 10px;
    color: #444
}

.module-list .label {
    text-decoration: none
}

.module-list .list-btn {
    white-space: initial;
    margin-top: 12px;
    font-size: .7em
}

.module-list .list-columns .fa,
.module-list .list-columns .far,
.module-list .list-columns .fas,
.module-list .list-columns .fab {
    font-size: 2.5em
}

@media only screen and (max-width: 640px) {
    .module-list .list-columns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 640px) {
    .module-list .list-columns .list-item {
        margin: 0 15px
    }

    .module-list .list-columns .list-item:first-child {
        margin-left: 0
    }

    .module-list .list-columns .list-item:last-child {
        margin-right: 0
    }
}

@media only screen and (max-width: 640px) {
    .module-list .list-columns .list-item {
        width: 100%;
        margin: 18px 0
    }

    .module-list .list-columns .list-item:first-child {
        margin-top: 0
    }

    .module-list .list-columns .list-item:last-child {
        margin-bottom: 0
    }
}

.module-list .list-rows .fa,
.module-list .list-rows .far,
.module-list .list-rows .fas,
.module-list .list-rows .fab {
    font-size: 1.5em;
    width: 1em
}

.module-list h1,
.module-list h2,
.module-list h3,
.module-list h4,
.module-list h5 {
    margin-bottom: 0
}

.module-image .image-container {
    position: relative;
    display: block;
    border-radius: 3px;
    overflow: hidden
}

.module-image .image-container .filler {
    position: relative;
    display: block;
    z-index: 1
}

.module-image .image-container .content-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(90%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 90%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 90%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 90%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.module-image .image-container .content-container .content {
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    max-width: 1180px;
    width: 100%
}

.module-image .image-container .content-container .content .btn,
.module-image .image-container .content-container .content .default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item,
.default-header-bar .page-nav-header .module-image .image-container .content-container .content .page-nav-emphasize>.page-nav-item {
    text-shadow: none
}

.module-image .image-container .content-container .content h1,
.module-image .image-container .content-container .content h2,
.module-image .image-container .content-container .content h3,
.module-image .image-container .content-container .content a {
    color: white
}

@media only screen and (min-width: 640px) {
    .module-image .image-container .content-container .content {
        padding: 30px
    }

    .module-image .image-container .content-container .content h1,
    .module-image .image-container .content-container .content h2,
    .module-image .image-container .content-container .content h3 {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 640px) {
    .module-image .image-container .content-container .content {
        padding: 18px
    }

    .module-image .image-container .content-container .content h1,
    .module-image .image-container .content-container .content h2,
    .module-image .image-container .content-container .content h3 {
        margin-bottom: 0
    }
}

.module-image .image-container img,
.module-image .image-container picture {
    height: 100%;
    width: 100%;
    display: block;
    z-index: 1
}

.module-image .image-container .image {
    position: absolute;
    top: 0;
    left: 0
}

.row-set-no-spacing .module-image .image-container {
    border-radius: 0
}

.module-carousel .items-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 150px
}

.module-carousel .items-container .item {
    text-align: center
}

.module-carousel .items-container .item img {
    max-width: 100%;
    margin: 0 auto;
    max-height: 150px
}

.module-carousel .items-container .item {
    width: 25%
}

.module-carousel .items-container .item img {
    padding: 18px
}

@media only screen and (max-width: 640px) {
    .module-carousel .items-container .item {
        width: 50%
    }
}

.module-carousel .items-container.has-3-items .item,
.module-carousel .items-container.has-6-items .item,
.module-carousel .items-container.has-9-items .item,
.module-carousel .items-container.has-12-items .item,
.module-carousel .items-container.has-15-items .item,
.module-carousel .items-container.has-18-items .item {
    width: 33.333%
}

@media only screen and (min-width: 640px) {

    .module-carousel .items-container.has-5-items .item,
    .module-carousel .items-container.has-10-items .item,
    .module-carousel .items-container.has-15-items .item,
    .module-carousel .items-container.has-20-items .item {
        width: 20%
    }
}

.module-carousel .carousel-pager {
    text-align: center
}

.module-carousel .carousel-pager span {
    cursor: pointer;
    opacity: 0.5;
    text-indent: -999px;
    overflow: hidden;
    border: 2px solid white;
    border-color: inherit;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    margin: 0 5px
}

.module-carousel .carousel-pager span:hover {
    opacity: 1
}

.module-carousel .carousel-pager span.pager-active {
    opacity: 1;
    border-color: #ff3320
}

.module-share .title {
    font-weight: normal;
    font-size: 16px
}

.module-share .icon-btn {
    border: 1px solid rgba(167, 166, 166, 0.25)
}

.module-share .icon-facebook {
    color: #1877F2;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-facebook:hover {
    background: #1877F2;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-twitter {
    color: #1da1f2;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-twitter:hover {
    background: #1da1f2;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-instagram {
    color: #BE00A9;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-instagram:hover {
    background: #BE00A9;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-youtube {
    color: red;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-youtube:hover {
    background: red;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-linkedin {
    color: #1884bc;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-linkedin:hover {
    background: #1884bc;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-google-plus {
    color: #dd4b39;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-google-plus:hover {
    background: #dd4b39;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-whatsapp {
    color: #25d366;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-whatsapp:hover {
    background: #25d366;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-mail {
    color: #444;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-mail:hover {
    background: #444;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-tikkie {
    color: #424380;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-tikkie:hover {
    background: #424380;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-vimeo {
    color: #1ab7ea;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-vimeo:hover {
    background: #1ab7ea;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-ideal {
    color: #cd0067;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-ideal:hover {
    background: #cd0067;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-strava {
    color: #FC4C02;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-share .icon-strava:hover {
    background: #FC4C02;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in
}

.module-faq .faq-item {
    padding-top: 15px;
    padding-bottom: 15px
}

.module-faq .faq-question {
    color: #005cf0
}

.module-faq .faq-question:hover,
.module-faq .faq-question:focus,
.module-faq .faq-question:active {
    color: #0b68ff
}

.module-form .box-body .box-body {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.module-card .link-block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.action-campaign-card .image {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #005cf0
}

.action-campaign-card .image .icon {
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    font-size: 54px;
    display: inline-block;
    margin-left: -30px;
    margin-top: -30px;
    opacity: 0.15;
    text-align: center
}

.action-campaign-card .image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block
}

.action-campaign-card .image .overlay {
    background: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px -150px 150px -60px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px -150px 150px -60px rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.action-campaign-card .image .title {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    color: white;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 3
}

.action-campaign-card .title {
    font-size: 18px;
    color: #2f2f2f;
    font-weight: normal;
    text-align: center;
    margin: 0
}

.action-campaign-card .cause-title {
    min-height: 1.5em
}

.action-campaign-card .target-indicator {
    background: rgba(255, 51, 32, 0.15)
}

.action-campaign-card .target-indicator .progress {
    background: #ff3320
}

.action-campaign-card .info {
    padding: 30px;
    list-style: none;
    text-align: center
}

.action-campaign-card .info:empty {
    display: none
}

.action-campaign-card .info li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.25em;
    height: 1.25em;
    display: block
}

.action-campaign-card .info li .fa,
.action-campaign-card .info li .fas,
.action-campaign-card .info li .fab {
    font-size: .8em;
    height: 1.05em
}

.action-campaign-card .info li:last-child {
    margin-bottom: 0
}

.action-campaign-card .info .action-project {
    font-size: 14px;
    line-height: 1.25
}

.action-campaign-card .info .gift-amount {
    font-size: 1.1em;
    color: #005cf0
}

.action-campaign-card .info .gift-amount .target {
    font-size: .75em
}

.interactions .interaction-read {
    color: #1d73f5
}

.file-input .btn-container {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.file-input .btn-container:hover .btn,
.file-input .btn-container:hover .default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item,
.default-header-bar .page-nav-header .file-input .btn-container:hover .page-nav-emphasize>.page-nav-item {
    background: #fff
}

.file-input .btn-container input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer
}

@media only screen and (min-width: 640px) {
    .action-campaign-page-updates-tab .add-post-form {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page-updates-tab .add-post-form {
        margin-bottom: 18px
    }
}

.action-campaign-page .row-set-action-campaign-page-header {
    background: #0353d4;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.action-campaign-page .row-set-action-campaign-page-header h1,
.action-campaign-page .row-set-action-campaign-page-header h2,
.action-campaign-page .row-set-action-campaign-page-header h3,
.action-campaign-page .row-set-action-campaign-page-header h4,
.action-campaign-page .row-set-action-campaign-page-header h5,
.action-campaign-page .row-set-action-campaign-page-header .h1,
.action-campaign-page .row-set-action-campaign-page-header .h2,
.action-campaign-page .row-set-action-campaign-page-header .h3,
.action-campaign-page .row-set-action-campaign-page-header .h4,
.action-campaign-page .row-set-action-campaign-page-header .h5 {
    color: #fff
}

.action-campaign-page .row-set-action-campaign-page-header a {
    color: rgba(255, 255, 255, 0.75)
}

.action-campaign-page .row-set-action-campaign-page-header a:hover,
.action-campaign-page .row-set-action-campaign-page-header a:active,
.action-campaign-page .row-set-action-campaign-page-header a:focus {
    color: #fff
}

.action-campaign-page .row-set-action-campaign-page-header .text-muted {
    color: #8bb7fe
}

.action-campaign-page .row-set-action-campaign-page-header .text-error,
.action-campaign-page .row-set-action-campaign-page-header .text-info,
.action-campaign-page .row-set-action-campaign-page-header .text-success {
    color: #fff
}

.action-campaign-page .row-set-action-campaign-page-header>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-header {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-header {
        width: 100%;
        padding: 9px 0
    }
}

.action-campaign-page .row-set-action-campaign-page-header>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-header>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-header>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-header>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-header>.container {
        width: 100%
    }
}

.action-campaign-page .row-set-action-campaign-page-header .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-header .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-header .module {
        padding: 9px
    }
}

.action-campaign-page .row-set-action-campaign-page-header .row {
    position: relative
}

.action-campaign-page .row-set-action-campaign-page-header .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.action-campaign-page .row-set-action-campaign-page-header .box-default .text-error {
    color: #df4e4e
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-header {
        padding-bottom: 0
    }

    .action-campaign-page .row-set-action-campaign-page-header>.row>.col-set {
        padding: 0
    }
}

.action-campaign-page .row-set-action-campaign-page-message {
    background: #789b2a;
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.action-campaign-page .row-set-action-campaign-page-message h1,
.action-campaign-page .row-set-action-campaign-page-message h2,
.action-campaign-page .row-set-action-campaign-page-message h3,
.action-campaign-page .row-set-action-campaign-page-message h4,
.action-campaign-page .row-set-action-campaign-page-message h5,
.action-campaign-page .row-set-action-campaign-page-message .h1,
.action-campaign-page .row-set-action-campaign-page-message .h2,
.action-campaign-page .row-set-action-campaign-page-message .h3,
.action-campaign-page .row-set-action-campaign-page-message .h4,
.action-campaign-page .row-set-action-campaign-page-message .h5 {
    color: #fff
}

.action-campaign-page .row-set-action-campaign-page-message a {
    color: rgba(255, 255, 255, 0.75)
}

.action-campaign-page .row-set-action-campaign-page-message a:hover,
.action-campaign-page .row-set-action-campaign-page-message a:active,
.action-campaign-page .row-set-action-campaign-page-message a:focus {
    color: #fff
}

.action-campaign-page .row-set-action-campaign-page-message .text-muted {
    color: #cae296
}

.action-campaign-page .row-set-action-campaign-page-message .text-error,
.action-campaign-page .row-set-action-campaign-page-message .text-info,
.action-campaign-page .row-set-action-campaign-page-message .text-success {
    color: #fff
}

.action-campaign-page .row-set-action-campaign-page-message>hr {
    border-color: rgba(255, 255, 255, 0.075)
}

@media only screen and (min-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-message {
        padding: 15px 0
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-message {
        width: 100%;
        padding: 9px 0
    }
}

.action-campaign-page .row-set-action-campaign-page-message>.row>.col-set {
    width: 100%;
    max-width: 1180px
}

@media only screen and (min-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-message>.row>.col-set {
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-message>.row>.col-set {
        padding: 0 9px;
        width: auto
    }
}

@media only screen and (min-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-message>.container {
        width: 1120px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-message>.container {
        width: 100%
    }
}

.action-campaign-page .row-set-action-campaign-page-message .module {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-message .module {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-message .module {
        padding: 9px
    }
}

.action-campaign-page .row-set-action-campaign-page-message .row {
    position: relative
}

.action-campaign-page .row-set-action-campaign-page-message .col img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-message {
        padding-bottom: 0
    }

    .action-campaign-page .row-set-action-campaign-page-message>.row>.col-set {
        padding: 0
    }
}

.action-campaign-page .row-set-action-campaign-page-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.075)
}

.action-campaign-page .row-set-action-campaign-page-tabs>.row>.col-set>.col>.module {
    padding-top: 15px;
    padding-bottom: 15px
}

@media only screen and (max-width: 640px) {
    .action-campaign-page .row-set-action-campaign-page-tabs {
        padding: 4.5px 0
    }
}

@media only screen and (min-width: 640px) {
    .action-campaign-page .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .action-campaign-page .header .image-container {
        width: 66.66667%;
        padding: 15px
    }

    .action-campaign-page .header .progress-card-container {
        width: 33.33333%;
        padding: 15px
    }

    .action-campaign-page .header .progress-card-container .action-campaign-page-progress-card {
        height: 100%
    }

    .action-campaign-page .header .progress-card-container .action-campaign-page-progress-card {
        -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0.05);
        border-radius: 3px
    }
}

.action-campaign-page-activity ul {
    margin: 15px 0 15px 15px;
    padding: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.action-campaign-page-activity ul>li {
    margin: 0;
    padding: 10px 0 10px 30px;
    list-style: none;
    position: relative
}

.action-campaign-page-activity ul>li:before,
.action-campaign-page-activity ul>li:after {
    content: " ";
    display: table;
    visibility: hidden
}

.action-campaign-page-activity ul>li:after {
    clear: both
}

.action-campaign-page-activity ul>.title {
    padding-left: 0;
    border: none
}

.action-campaign-page-activity ul .icon {
    position: absolute;
    top: -1px;
    left: -45px;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    color: #ff3320;
    display: block;
    background: #fff;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.action-campaign-page-activity ul .item {
    position: relative
}

@media only screen and (min-width: 640px) {
    .action-campaign-page-activity ul .item {
        float: left
    }
}

.action-campaign-page-activity ul .date {
    opacity: 0.5;
    font-size: 14px
}

@media only screen and (min-width: 640px) {
    .action-campaign-page-activity ul .date {
        float: right;
        position: relative
    }
}

.action-campaign-page-tabs {
    padding: 0;
    margin: 0
}

.action-campaign-page-tabs .tab {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block
}

.action-campaign-page-tabs .tab .link {
    color: #005cf0;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    display: block
}

.action-campaign-page-tabs .tab .link .link-content {
    padding: .3em 0;
    border-bottom: 2px solid transparent
}

.action-campaign-page-tabs .tab .link:hover .link-content {
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: border-color 0.25s ease-in;
    -o-transition: border-color 0.25s ease-in;
    transition: border-color 0.25s ease-in
}

.action-campaign-page-tabs .tab .link .count {
    border-radius: 3px;
    font-size: 14px;
    padding: .1em .4em;
    color: #2f2f2f;
    background: rgba(0, 0, 0, 0.075)
}

.action-campaign-page-tabs .tab.active .link .link-content {
    border-bottom: 2px solid #005cf0;
    -webkit-transition: border-color 0.25s ease-in;
    -o-transition: border-color 0.25s ease-in;
    transition: border-color 0.25s ease-in
}

@media only screen and (min-width: 640px) {
    .action-campaign-page-tabs .tab+.tab {
        margin-left: 30px
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -18px -18px -18px -19px
    }

    .action-campaign-page-tabs .tab {
        -webkit-box-flex: 2;
        -ms-flex: 2 1 50%;
        flex: 2 1 50%;
        text-align: center;
        border: solid rgba(0, 0, 0, 0.1);
        border-width: 1px 0 0 1px
    }

    .action-campaign-page-tabs .tab .link {
        padding: 18px
    }
}

.action-campaign-page-image {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.15)
}

@media only screen and (min-width: 640px) {
    .action-campaign-page-image {
        border-radius: 3px;
        overflow: hidden
    }
}

.action-campaign-page-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.action-campaign-page-image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    font-size: 108px;
    display: inline-block;
    margin-left: -60px;
    margin-top: -60px;
    opacity: 0.15;
    text-align: center
}

.action-campaign-page-progress-card {
    background: #005cf0;
    color: white;
    text-align: center;
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 640px) {
    .action-campaign-page-progress-card {
        padding: 30px
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page-progress-card {
        padding: 30px 18px
    }
}

.action-campaign-page-progress-card li {
    margin: 0;
    padding: 0
}

.action-campaign-page-progress-card li+li {
    margin-top: 30px
}

.action-campaign-page-progress-card>.progress-bar {
    margin-left: 30px;
    margin-right: 30px
}

.action-campaign-page-progress-card>.gift-amount {
    font-size: 48px;
    font-family: "Inter", sans-serif;
    line-height: 1
}

.action-campaign-page-progress-card>.target {
    margin-top: 15px
}

.action-campaign-page-progress-card>.buttons .btn+.btn,
.action-campaign-page-progress-card>.buttons .default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item+.btn,
.default-header-bar .page-nav-header .action-campaign-page-progress-card>.buttons .page-nav-emphasize>.page-nav-item+.btn,
.action-campaign-page-progress-card>.buttons .default-header-bar .page-nav-header .page-nav-emphasize>.btn+.page-nav-item,
.default-header-bar .page-nav-header .action-campaign-page-progress-card>.buttons .page-nav-emphasize>.btn+.page-nav-item,
.action-campaign-page-progress-card>.buttons .default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item+.page-nav-item,
.default-header-bar .page-nav-header .action-campaign-page-progress-card>.buttons .page-nav-emphasize>.page-nav-item+.page-nav-item {
    margin: 0 0 0 .4em
}

.action-campaign-page-progress-card>.buttons .close-join {
    position: absolute;
    top: 30px;
    right: 30px;
    color: white;
    opacity: 0.3
}

.action-campaign-page-progress-card>.buttons .close-join:hover {
    opacity: 0.6
}

.action-campaign-page-progress-card>.date {
    font-size: 14px
}

.action-campaign-page-progress-card>.date .item+.item {
    margin: 0 0 0 30px
}

.action-campaign-page-progress-card>.social .icon-btn {
    opacity: 0.7
}

.action-campaign-page-progress-card>.social .icon-btn:hover {
    opacity: 1
}

.action-campaign-page-title .title {
    margin: 0
}

@media only screen and (max-width: 640px) {
    .action-campaign-page-title .title {
        text-align: center
    }
}

.action-campaign-page-title .info {
    list-style: none;
    margin: 5px 0 0 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    vertical-align: middle
}

.action-campaign-page-title .info li {
    margin: 0;
    padding: 0;
    display: inline-block
}

.action-campaign-page-title .info>.campaigner {
    line-height: 30px
}

.action-campaign-page-title .info>.campaigner img {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    margin-right: 15px
}

@media only screen and (min-width: 640px) {

    .action-campaign-page-title .info:before,
    .action-campaign-page-title .info:after {
        content: " ";
        display: table;
        visibility: hidden
    }

    .action-campaign-page-title .info:after {
        clear: both
    }

    .action-campaign-page-title .info li+li {
        margin-left: 30px
    }

    .action-campaign-page-title .info>.edit-button {
        float: right;
        position: relative
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-page-title .info {
        text-align: center
    }

    .action-campaign-page-title .info li {
        margin: 9px
    }

    .action-campaign-page-title .info>.social {
        display: block
    }
}

.donation-request-button {
    background: rgba(0, 0, 0, 0.1) !important
}

.countdown-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.countdown-container .countdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 2em;
    font-family: "Inter", sans-serif
}

@media only screen and (min-width: 640px) {
    .countdown-container .countdown-item {
        width: 85px;
        height: 70px;
        border-radius: 3px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 640px) {
    .countdown-container .countdown-item {
        margin-bottom: 9px
    }

    .countdown-container .m-1_4+.m-1_4 .countdown-item {
        border-left: 0
    }

    .countdown-container .m-1_4:first-child .countdown-item {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .countdown-container .m-1_4:last-child .countdown-item {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

.prize-checker {
    margin: 0 auto;
    text-align: center
}

.prize-checker .inputs>span {
    display: inline-block
}

@media only screen and (min-width: 640px) {
    .prize-checker .inputs>span {
        padding: 0 5px
    }
}

@media only screen and (max-width: 640px) {
    .prize-checker .inputs>span {
        padding: 0 5px
    }
}

.prize-checker .inputs .sep {
    width: 30px;
    display: inline-block;
    text-align: center;
    opacity: 0.5
}

.prize-checker .inputs input {
    text-align: center;
    outline: none;
    background: url("../images/prizechecker-input.svg") no-repeat left top;
    height: 40px;
    width: 40px;
    border: 0;
    font-size: 16px;
    font-weight: bold
}

@media only screen and (max-width: 640px) {
    .prize-checker .inputs input {
        height: 30px;
        width: 30px
    }
}

.prize-checker .inputs input::-webkit-input-placeholder {
    color: #ddd;
    font-weight: lighter
}

.prize-checker .inputs input::-moz-placeholder {
    color: #ddd;
    font-weight: lighter
}

.prize-checker .inputs input::-ms-input-placeholder {
    color: #ddd;
    font-weight: lighter
}

.prize-checker .inputs input::placeholder {
    color: #ddd;
    font-weight: lighter
}

.post-card .image {
    width: 100%
}

.hex-grid {
    padding-top: 16.5%
}

.hex-grid .hex-grid-item {
    height: 0;
    width: 33%;
    padding-bottom: 31%
}

.hex-grid .hex-grid-item .hex {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.hex-grid .hex-link {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.hex-grid .hex .hex-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 75%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hex-grid .hex-grid-item:nth-child(1) {
    -webkit-transform: translate(21%, -3%);
    -ms-transform: translate(21%, -3%);
    transform: translate(21%, -3%)
}

.hex-grid .hex-grid-item:nth-child(2) {
    margin-top: -16.5%
}

.hex-grid .hex-grid-item:nth-child(3) {
    -webkit-transform: translate(-21%, -3%);
    -ms-transform: translate(-21%, -3%);
    transform: translate(-21%, -3%)
}

.hex-grid .hex-grid-item:nth-child(1):before {
    content: '';
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(53%) translateX(-79%);
    -ms-transform: translateY(53%) translateX(-79%);
    transform: translateY(53%) translateX(-79%);
    left: 0;
    background-image: url("/uploads/hex-primary.svg")
}

.hex-grid .hex-grid-item:nth-child(3):before {
    content: '';
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(53%) translateX(79%);
    -ms-transform: translateY(53%) translateX(79%);
    transform: translateY(53%) translateX(79%);
    left: 0;
    background-image: url("/uploads/hex-primary.svg")
}

.pebble-prize-overview .pebble-prize .card-front .title {
    position: absolute;
    left: 0;
    bottom: 15px;
    right: 0;
    color: #fff;
    font-weight: 1000;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 1rem
}

.hex-grid {
    padding-top: 16.5%
}

.hex-grid .hex-grid-item {
    height: 0;
    width: 33%;
    padding-bottom: 31%
}

.hex-grid .hex-grid-item .hex {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.hex-grid .hex-link {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.hex-grid .hex .hex-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 75%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hex-grid .hex-grid-item:nth-child(1) {
    -webkit-transform: translate(21%, -3%);
    -ms-transform: translate(21%, -3%);
    transform: translate(21%, -3%)
}

.hex-grid .hex-grid-item:nth-child(2) {
    margin-top: -16.5%
}

.hex-grid .hex-grid-item:nth-child(3) {
    -webkit-transform: translate(-21%, -3%);
    -ms-transform: translate(-21%, -3%);
    transform: translate(-21%, -3%)
}

.hex-grid .hex-grid-item:nth-child(1):before {
    content: '';
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(53%) translateX(-79%);
    -ms-transform: translateY(53%) translateX(-79%);
    transform: translateY(53%) translateX(-79%);
    left: 0;
    background-image: url("/uploads/hex-primary.svg")
}

.hex-grid .hex-grid-item:nth-child(3):before {
    content: '';
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(53%) translateX(79%);
    -ms-transform: translateY(53%) translateX(79%);
    transform: translateY(53%) translateX(79%);
    left: 0;
    background-image: url("/uploads/hex-primary.svg")
}

.action-project-page .action-project-page-header {
    position: relative;
    background: #0052d7
}

.action-project-page .action-project-page-header .image {
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 640px) {
    .action-project-page .action-project-page-header .image {
        min-height: 180px
    }
}

.action-project-page .action-project-page-header .image img {
    width: 100%;
    display: block
}

.action-project-page .action-project-page-header .content {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    padding-top: 100px
}

.action-project-page .action-project-page-header .content.has-image {
    -webkit-box-shadow: inset 0px -180px 80px -100px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px -180px 80px -100px rgba(0, 0, 0, 0.7)
}

@media only screen and (min-width: 640px) {
    .action-project-page .action-project-page-header .content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2
    }

    .action-project-page .action-project-page-header .content>.row-set>.row>.col-set {
        padding: 0 15px
    }
}

@media only screen and (max-width: 640px) {
    .action-project-page .action-project-page-header .content {
        text-align: center
    }
}

.action-project-page .action-project-page-header .content .title {
    font-family: "Inter", sans-serif;
    font-size: 36px;
    color: white;
    vertical-align: middle;
    line-height: 28.8px;
    display: inline-block
}

.action-project-page .action-project-page-header .content .end-date,
.action-project-page .action-project-page-header .content .gift-amount {
    margin: 0;
    line-height: 36px;
    vertical-align: middle;
    color: white
}

.action-project-page .action-project-page-header .content .end-date {
    margin-left: 15px;
    line-height: 28.8px;
    display: inline-block
}

.action-project-page .action-project-page-header .content .gift-amount {
    font-size: 24px;
    color: #2f2f2f;
    font-weight: normal;
    color: white
}

@media only screen and (min-width: 640px) {
    .action-project-page .action-project-page-header .content .gift-amount {
        text-align: right
    }

    .action-project-page .action-project-page-header .content .gift-amount .btn,
    .action-project-page .action-project-page-header .content .gift-amount .default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item,
    .default-header-bar .page-nav-header .action-project-page .action-project-page-header .content .gift-amount .page-nav-emphasize>.page-nav-item {
        margin-left: 30px
    }
}

@media only screen and (max-width: 640px) {
    .action-project-page .action-project-page-header .content .gift-amount .amount {
        display: block
    }

    .action-project-page .action-project-page-header .content .gift-amount .btn,
    .action-project-page .action-project-page-header .content .gift-amount .default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item,
    .default-header-bar .page-nav-header .action-project-page .action-project-page-header .content .gift-amount .page-nav-emphasize>.page-nav-item {
        margin-left: 0;
        margin-top: 18px;
        margin-bottom: 18px
    }
}

.action-project-page .action-project-page-header .content .gift-amount .target {
    font-size: .8em;
    color: rgba(255, 255, 255, 0.8);
    font-weight: lighter
}

.action-project-page .action-project-page-header .content .progress-bar {
    margin-top: 30px;
    background: rgba(0, 0, 0, 0.2)
}

.action-project-page .action-project-page-header .content .progress-bar,
.action-project-page .action-project-page-header .content .progress-bar .progress,
.action-project-page .action-project-page-header .content .progress-bar .bar {
    height: 5px
}

.action-project-page .row-set-action-project-page-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.075)
}

.action-project-page .action-campaign-page-activity .item,
.action-project-page .action-campaign-page-activity .date {
    float: none;
    display: block
}

.action-project-card .image {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #005cf0
}

.action-project-card .image .icon {
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    font-size: 54px;
    display: inline-block;
    margin-left: -30px;
    margin-top: -30px;
    opacity: 0.15;
    text-align: center
}

.action-project-card .image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block
}

.action-project-card .image .overlay {
    background: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px -150px 150px -60px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px -150px 150px -60px rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.action-project-card .image .title {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 3;
    color: white
}

.action-project-card .title {
    text-align: center
}

.action-project-card .target-indicator {
    background: rgba(255, 51, 32, 0.15)
}

.action-project-card .target-indicator .progress {
    background: #ff3320
}

.action-project-card .info {
    padding: 30px;
    list-style: none;
    text-align: center
}

.action-project-card .info li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px
}

.action-project-card .info li:last-child {
    margin-bottom: 0
}

.action-project-card .info .gift-amount {
    font-size: 1.1em;
    color: #005cf0
}

.action-project-card .info .gift-amount .target {
    font-size: .75em
}

.action-project-card .info .deadline {
    line-height: 1.25em;
    height: 1.25em;
    display: block;
    font-size: 14px
}

.action-project-card .info .item+.item {
    margin-left: 15px
}

#react-modal .lightbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    height: 100%
}

#react-modal .lightbox .lightbox-inner {
    margin: 0 auto;
    z-index: 200;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 640px) {
    #react-modal .lightbox .lightbox-inner {
        padding: 30px;
        height: 100%;
        max-width: 70%
    }
}

@media only screen and (max-width: 640px) {
    #react-modal .lightbox .lightbox-inner {
        padding: 18px;
        max-width: 90%
    }
}

#react-modal .lightbox img {
    max-height: 100%;
    max-width: 100%
}

#react-modal .lightbox .close {
    position: absolute;
    color: #fff
}

@media only screen and (min-width: 640px) {
    #react-modal .lightbox .close {
        top: 30px;
        right: 30px
    }
}

@media only screen and (max-width: 640px) {
    #react-modal .lightbox .close {
        top: 18px;
        right: 18px
    }
}

#react-modal .lightbox .prev,
#react-modal .lightbox .next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    z-index: 100
}

#react-modal .lightbox .prev.disabled,
#react-modal .lightbox .next.disabled {
    color: #a6a6a6;
    cursor: default
}

#react-modal .lightbox .gallery-page {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    color: #fff
}

@media only screen and (min-width: 640px) {
    #react-modal .lightbox .gallery-page {
        top: 30px;
        left: 30px
    }
}

@media only screen and (max-width: 640px) {
    #react-modal .lightbox .gallery-page {
        top: 18px;
        left: 18px
    }
}

@media only screen and (min-width: 640px) {
    #react-modal .lightbox .prev {
        left: 30px
    }
}

@media only screen and (max-width: 640px) {
    #react-modal .lightbox .prev {
        left: 0
    }
}

@media only screen and (min-width: 640px) {
    #react-modal .lightbox .next {
        right: 30px
    }
}

@media only screen and (max-width: 640px) {
    #react-modal .lightbox .next {
        right: 0
    }
}

.module-gallery .gallery-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.module-gallery .gallery-grid .image-container {
    padding: 1px
}

@media only screen and (min-width: 640px) {
    .module-gallery .gallery-grid .image-container {
        min-height: 200px;
        width: 25%
    }
}

@media only screen and (max-width: 640px) {
    .module-gallery .gallery-grid .image-container {
        min-height: 100px;
        width: 50%
    }
}

.module-gallery .gallery-grid.gallery-layout-single .image-container {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05), 0 15px 40px rgba(166, 173, 201, 0.2);
    box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05), 0 15px 40px rgba(166, 173, 201, 0.2);
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.module-gallery .gallery-grid.gallery-layout-single .image-container:hover {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-box-shadow: 0 5px 10px rgba(154, 160, 185, 0.15), 0 15px 40px rgba(166, 173, 201, 0.2);
    box-shadow: 0 5px 10px rgba(154, 160, 185, 0.15), 0 15px 40px rgba(166, 173, 201, 0.2)
}

.module-gallery .gallery-grid.gallery-layout-highlight {
    display: grid
}

@media only screen and (min-width: 640px) {
    .module-gallery .gallery-grid.gallery-layout-highlight {
        grid-auto-rows: 200px;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width: 640px) {
    .module-gallery .gallery-grid.gallery-layout-highlight {
        grid-auto-rows: 100px;
        grid-template-columns: repeat(2, 1fr)
    }
}

.module-gallery .gallery-grid.gallery-layout-highlight .image-container {
    height: auto
}

.module-gallery .gallery-grid.gallery-layout-highlight>a {
    width: 100%
}

.module-gallery .gallery-grid.gallery-layout-highlight>a:first-child {
    grid-column: span 2;
    grid-row: span 2
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .module-gallery .gallery-grid img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.highlight-gallery .active-tab {
    -webkit-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.05)
}

.highlight-gallery .inactive-tab {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.highlight-gallery .inactive-tab:hover {
    opacity: 0.8;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

@media only screen and (max-width: 640px) {
    .highlight-gallery .highlight-tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.highlight-gallery .highlight-tabs .box {
    background: white;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px
}

@media only screen and (min-width: 640px) {
    .highlight-gallery .highlight-tabs .box {
        margin: 0 10px
    }
}

.highlight-gallery .highlight-tabs .box:hover {
    -webkit-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.05)
}

.highlight-gallery .highlight-quote {
    font-size: 1.5rem;
    font-weight: 100
}

.highlight-gallery .highlighted-tab {
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    color: #2f2f2f;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

@media only screen and (min-width: 640px) {
    .highlight-gallery .highlighted-tab {
        height: 400px
    }
}

@media only screen and (max-width: 640px) {
    .highlight-gallery .highlighted-tab {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.highlight-gallery .highlighted-tab img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.highlight-gallery a.highlighted-tab:hover {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.15)
}

.highlight-gallery .image-placeholder {
    background: #ddd;
    height: 100%;
    width: 100%
}

.highlight-gallery .btn-centered {
    -ms-flex-item-align: center;
    align-self: center
}

.progress-bar {
    background: rgba(0, 0, 0, 0.15);
    height: 3px
}

.progress-bar .progress {
    -webkit-transition: width 0.6s ease-out;
    -o-transition: width 0.6s ease-out;
    transition: width 0.6s ease-out
}

.progress-bar .bar {
    height: 3px;
    background: #ff3320;
    -webkit-animation: 0.6s ease-out 0s 1 progress-width;
    animation: 0.6s ease-out 0s 1 progress-width;
    display: block
}

.progress-bar .bar.bar-secondary {
    background: #005cf0
}

@-webkit-keyframes progress-width {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@keyframes progress-width {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.action-campaign-list-item {
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 640px) {
    .action-campaign-list-item {
        padding: 20px 30px
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-list-item {
        padding: 12px 18px
    }
}

.action-campaign-list-item .image {
    min-width: 3.5em;
    width: 3.5em;
    height: 3.5em;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 3.5em;
    position: relative
}

.action-campaign-list-item .image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    font-size: 21.6px;
    display: inline-block;
    margin-left: -12px;
    margin-top: -12px;
    opacity: 0.15;
    text-align: center
}

.action-campaign-list-item .image img {
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (min-width: 640px) {
    .action-campaign-list-item .image {
        margin-right: 20px
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-list-item .image {
        margin-right: 18px
    }
}

.action-campaign-list-item>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 50%;
    line-height: 1.4
}

.action-campaign-list-item>ul>li {
    margin: 0;
    padding: 0
}

.action-campaign-list-item>ul>li+li {
    margin-top: 3px
}

.action-campaign-list-item>ul .gift-amount {
    color: #005cf0;
    font-size: 14px
}

.action-campaign-list-item>ul .gift-amount .target {
    font-size: .8em
}

a.action-campaign-list-item {
    color: #2f2f2f
}

.action-project-list-item {
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 640px) {
    .action-project-list-item {
        padding: 20px 30px
    }
}

@media only screen and (max-width: 640px) {
    .action-project-list-item {
        padding: 12px 18px
    }
}

.action-project-list-item .image {
    min-width: 3.5em;
    width: 3.5em;
    height: 3.5em;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 3.5em;
    position: relative
}

.action-project-list-item .image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    font-size: 21.6px;
    display: inline-block;
    margin-left: -12px;
    margin-top: -12px;
    opacity: 0.15;
    text-align: center
}

.action-project-list-item .image img {
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (min-width: 640px) {
    .action-project-list-item .image {
        margin-right: 20px
    }
}

@media only screen and (max-width: 640px) {
    .action-project-list-item .image {
        margin-right: 18px
    }
}

.action-project-list-item>ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 50%;
    line-height: 1.4
}

.action-project-list-item>ul>li {
    margin: 0;
    padding: 0
}

.action-project-list-item>ul>li+li {
    margin-top: 3px
}

.action-project-list-item>ul .gift-amount {
    color: #005cf0;
    font-size: 14px
}

.action-project-list-item>ul .gift-amount .target {
    font-size: .8em
}

a.action-project-list-item {
    color: #2f2f2f
}

.event-calendar-overview .delimit {
    font-size: 1.5rem;
    vertical-align: middle
}

.event-calendar-overview .link-block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.event-calendar-overview .btn,
.event-calendar-overview .default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item,
.default-header-bar .page-nav-header .event-calendar-overview .page-nav-emphasize>.page-nav-item {
    white-space: normal
}

.event-calendar-overview .btn-disabled {
    pointer-events: none;
    cursor: auto
}

.event-calendar-overview .label-default {
    font-size: 12px;
    font-weight: 300;
    background: #f2f2f2
}

.event-calendar-overview .label-default.active {
    background: #d9d9d9 !important;
    color: #333
}

.event-calendar-overview .label.date {
    padding-top: 2px
}

.event-calendar-overview .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event-calendar-overview .stars .star {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid white;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border-radius: 100%
}

.event-calendar-overview .stars .star+.event-calendar-overview .stars .star {
    margin-left: -10px
}

.event-calendar-overview .stars .star img {
    max-width: 100%;
    max-height: 100%
}

.event-calendar-overview .stars .star+.star {
    margin-left: -10px
}

.event-calendar-overview .stars+.date {
    margin-left: 15px
}

.event-calendar-overview .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event-calendar-overview .col .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    justify-items: stretch
}

.event-calendar-overview .col .box-body {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event-calendar-overview .box img {
    -o-object-fit: cover;
    object-fit: cover
}

.event-calendar-overview .pagination-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.event-calendar-overview .pagination-categories .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: auto
}

.event-calendar-overview .pagination-categories .btn-primary,
.event-calendar-overview .pagination-categories .header-bar-default .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-default .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-black .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-black .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-white .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-white .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-secondary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-secondary .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-tertiary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-tertiary .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-quaternary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-quaternary .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-quinary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-quinary .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.page-nav-item {
    opacity: 0.5
}

.event-calendar-overview .pagination-categories .btn-primary.active,
.event-calendar-overview .pagination-categories .header-bar-default .page-nav-header .page-nav-emphasize>.active.page-nav-item,
.header-bar-default .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.active.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-black .page-nav-header .page-nav-emphasize>.active.page-nav-item,
.header-bar-black .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.active.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-white .page-nav-header .page-nav-emphasize>.active.page-nav-item,
.header-bar-white .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.active.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-secondary .page-nav-header .page-nav-emphasize>.active.page-nav-item,
.header-bar-secondary .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.active.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-tertiary .page-nav-header .page-nav-emphasize>.active.page-nav-item,
.header-bar-tertiary .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.active.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-quaternary .page-nav-header .page-nav-emphasize>.active.page-nav-item,
.header-bar-quaternary .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.active.page-nav-item,
.event-calendar-overview .pagination-categories .header-bar-quinary .page-nav-header .page-nav-emphasize>.active.page-nav-item,
.header-bar-quinary .page-nav-header .event-calendar-overview .pagination-categories .page-nav-emphasize>.active.page-nav-item {
    opacity: 1
}

.event-calendar-overview .pagination-categories img {
    width: 1em;
    height: 1em
}

.event-calendar-overview .event-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: normal;
    background: #fff;
    color: #ff3320;
    background: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075), 0 4px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075), 0 4px 24px rgba(0, 0, 0, 0.1)
}

.event-calendar-overview .box {
    position: relative;
    transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0)
}

.event-calendar-overview .box:hover {
    -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 10px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04), 0 10px 25px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

.event-calendar-overview .event-cta-url {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.event-calendar-overview .event-image-placeholder {
    position: relative
}

.event-calendar-overview .event-image-placeholder .event-category-image {
    position: absolute;
    bottom: 0;
    left: 30px;
    height: 50px;
    opacity: 0.9
}

@media only screen and (max-width: 640px) {
    .event-calendar-overview .event-calendar-cards .event-image {
        height: 135px
    }
}

@media only screen and (min-width: 640px) {
    .event-calendar-overview .event-calendar-cards .event-image {
        height: 200px
    }
}

.event-calendar-overview .event-calendar-cards .box {
    width: 100%
}

.event-calendar-overview .event-types-image {
    position: absolute;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 640px) {
    .event-calendar-overview .event-types-image {
        top: 30px;
        left: 30px
    }
}

@media only screen and (max-width: 640px) {
    .event-calendar-overview .event-types-image {
        top: 18px;
        left: 18px
    }
}

.event-calendar-overview .event-types-image .event-type {
    color: #ff3320;
    background: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075), 0 4px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075), 0 4px 24px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.event-calendar-overview .event-types-image .event-type span {
    text-transform: uppercase;
    font-weight: 800;
    display: inline-block;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.2
}

.event-calendar-overview .category-types-image {
    position: absolute;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 640px) {
    .event-calendar-overview .category-types-image {
        top: 30px;
        left: 30px
    }
}

@media only screen and (max-width: 640px) {
    .event-calendar-overview .category-types-image {
        top: 18px;
        left: 18px
    }
}

@media only screen and (min-width: 640px) {
    .event-calendar-overview .event-calendar-rows .event-category-image {
        left: auto;
        right: 30px
    }
}

.event-calendar-overview .event-calendar-rows .box .box-body {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

.event-calendar-overview .event-calendar-rows .event-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 640px) {
    .event-calendar-overview .event-calendar-rows .event-image {
        max-width: 275px
    }
}

@media only screen and (max-width: 640px) {
    .event-calendar-overview .event-calendar-rows .event-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .event-calendar-overview .event-calendar-rows .event-box .box-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 18px
    }

    .event-calendar-overview .event-calendar-rows .event-box .box-body .btn,
    .event-calendar-overview .event-calendar-rows .event-box .box-body .default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item,
    .default-header-bar .page-nav-header .event-calendar-overview .event-calendar-rows .event-box .box-body .page-nav-emphasize>.page-nav-item {
        margin-top: 9px
    }
}

.event-calendar-overview .category-badge {
    background-color: #dddddd;
    color: #4a4a4a;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 30px;
    font-weight: 700
}

.event-calendar-overview .category-badge img {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width: 640px) {
    .tikkie {
        background: #424380;
        padding: 18px;
        margin: -18px -18px 18px -18px;
        text-align: center
    }

    .tikkie .text-tikkie {
        color: white
    }

    .tikkie .title,
    .tikkie .requests {
        display: block
    }

    .tikkie .title {
        margin-bottom: 0.5em
    }
}

@media only screen and (min-width: 640px) {
    .tikkie {
        text-align: right
    }
}

.quick-donation {
    padding: 7.5px 15px
}

.quick-donation input {
    font-weight: bold
}

@media only screen and (max-width: 640px) {
    .quick-donation {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.15), 0 -5px 10px rgba(0, 0, 0, 0.075);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.15), 0 -5px 10px rgba(0, 0, 0, 0.075);
        z-index: 1001;
        padding: 18px
    }

    .quick-donation .form-field-addon .fa-euro-sign {
        width: auto
    }
}

.gift-card .amount {
    font-size: 24px;
    color: #2f2f2f;
    font-weight: normal;
    margin: 0;
    line-height: 1
}

.gift-card .from {
    font-size: 14px;
    margin: 0
}

.gift-card .message {
    font-size: 18px;
    margin: 0
}

.gift-card .from+.message {
    margin-top: 7.5px
}

.gift-rewards-list .gift-reward-sticky {
    background: rgba(0, 0, 0, 0.025);
    border-bottom: 2px solid rgba(0, 0, 0, 0.1)
}

.gift-rewards-list .item .gift-reward-title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: .2em
}

.gift-rewards-list .item.title {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1)
}

.gift-rewards-list .item.options {
    border-top: 3px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.025)
}

.gift-rewards-list .gift-reward-sticky .gift-reward-title {
    font-weight: bold
}

@media only screen and (min-width: 640px) {
    .overview .overview-items-container:not(:last-child) {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 640px) {
    .overview .overview-items-container:not(:last-child) {
        margin-bottom: 18px
    }
}

.overview-filter-bar {
    overflow: hidden
}

@media only screen and (min-width: 640px) {
    .overview-filter-bar {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 640px) {
    .overview-filter-bar {
        margin-bottom: 18px
    }
}

.post-overview .post-heading {
    text-align: center
}

@media only screen and (min-width: 640px) {
    .post-overview .overview-item+.overview-item {
        margin-top: 30px
    }
}

@media only screen and (max-width: 640px) {
    .post-overview .overview-item+.overview-item {
        margin-top: 18px
    }
}

.action-project-overview.full .overview-items-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (min-width: 640px) {
    .action-project-overview.full .overview-items-container {
        margin: -15px
    }

    .action-project-overview.full .overview-items-container:not(:last-child) {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 640px) {
    .action-project-overview.full .overview-items-container {
        margin: -9px
    }

    .action-project-overview.full .overview-items-container:not(:last-child) {
        margin-bottom: 18px
    }
}

@media only screen and (min-width: 640px) {
    .action-project-overview.full .overview-items-container .overview-item {
        padding: 15px;
        width: 33.333%
    }
}

@media only screen and (max-width: 640px) {
    .action-project-overview.full .overview-items-container .overview-item {
        padding: 9px;
        width: 100%
    }
}

.action-project-overview.list .overview-items-container .overview-item+.overview-item {
    border-top: 1px solid rgba(0, 0, 0, 0.01)
}

.related-action-campaigns-list .items-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (min-width: 640px) {
    .related-action-campaigns-list .items-container {
        margin: -15px
    }
}

@media only screen and (max-width: 640px) {
    .related-action-campaigns-list .items-container {
        margin: -9px
    }
}

.related-action-campaigns-list .items-container .item {
    -webkit-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out
}

.related-action-campaigns-list .items-container .item.archived:hover {
    opacity: 1
}

@media only screen and (min-width: 640px) {
    .related-action-campaigns-list .items-container .item {
        width: 50%
    }
}

@media only screen and (max-width: 640px) {
    .related-action-campaigns-list .items-container .item {
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    .related-action-campaigns-list .items-container .item {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .related-action-campaigns-list .items-container .item {
        padding: 9px
    }
}

.action-campaign-overview.full .overview-items-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (min-width: 640px) {
    .action-campaign-overview.full .overview-items-container {
        margin: -15px
    }

    .action-campaign-overview.full .overview-items-container:not(:last-child) {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-overview.full .overview-items-container {
        margin: -9px
    }

    .action-campaign-overview.full .overview-items-container:not(:last-child) {
        margin-bottom: 18px
    }
}

@media only screen and (min-width: 640px) {
    .action-campaign-overview.full .overview-items-container .overview-item {
        width: 25%
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-overview.full .overview-items-container .overview-item {
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    .action-campaign-overview.full .overview-items-container .overview-item {
        padding: 15px
    }
}

@media only screen and (max-width: 640px) {
    .action-campaign-overview.full .overview-items-container .overview-item {
        padding: 9px
    }
}

@media only screen and (min-width: 640px) {

    .action-campaign-overview.full.per-page-3 .overview-item,
    .action-campaign-overview.full.per-page-6 .overview-item,
    .action-campaign-overview.full.per-page-9 .overview-item,
    .action-campaign-overview.full.per-page-15 .overview-item,
    .action-campaign-overview.full.per-page-18 .overview-item {
        width: 33.333%
    }
}

.action-campaign-overview.list .overview-items-container .overview-item+.overview-item {
    border-top: 1px solid rgba(0, 0, 0, 0.01)
}

.action-project-label {
    background: rgba(0, 0, 0, 0.1);
    font-size: 90%;
    line-height: 1.2
}

@media only screen and (min-width: 640px) {
    .module-news_feed .news-feed-filter-bar {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 640px) {
    .module-news_feed .news-feed-filter-bar {
        margin-bottom: 18px
    }
}

.module-news_feed .news-feed-filter-bar .filter {
    margin-bottom: .3em
}

.module-news_feed .news-feed-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.module-news_feed .news-feed-columns .news-feed-post {
    width: 300px;
    padding: 15px
}

@supports (grid-template-columns: repeat(auto-fill, minmax(100px, 1fr))) {
    .module-news_feed .news-feed-columns {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
    }

    @media only screen and (max-width: 640px) {
        .module-news_feed .news-feed-columns {
            grid-gap: 18px
        }
    }

    @media only screen and (min-width: 640px) {
        .module-news_feed .news-feed-columns {
            grid-gap: 30px
        }
    }

    .module-news_feed .news-feed-columns .news-feed-post {
        width: auto;
        padding: 0
    }
}

@media only screen and (min-width: 640px) {
    .module-news_feed .news-feed-columns.has-1-cols .news-feed-post {
        max-width: 100%
    }

    .module-news_feed .news-feed-columns.has-2-cols .news-feed-post {
        max-width: 50%
    }

    .module-news_feed .news-feed-columns.has-3-cols .news-feed-post {
        max-width: 33.33333%
    }

    .module-news_feed .news-feed-columns.has-4-cols .news-feed-post {
        max-width: 25%
    }

    .module-news_feed .news-feed-columns.has-5-cols .news-feed-post {
        max-width: 20%
    }

    .module-news_feed .news-feed-columns.has-6-cols .news-feed-post {
        max-width: 16.66667%
    }

    .module-news_feed .news-feed-columns.has-7-cols .news-feed-post {
        max-width: 14.28571%
    }

    .module-news_feed .news-feed-columns.has-8-cols .news-feed-post {
        max-width: 12.5%
    }

    .module-news_feed .news-feed-columns.has-9-cols .news-feed-post {
        max-width: 11.11111%
    }

    .module-news_feed .news-feed-columns.has-10-cols .news-feed-post {
        max-width: 10%
    }
}

@media only screen and (min-width: 640px) {
    .module-news_feed .news-feed-columns .news-feed-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -15px
    }
}

@media only screen and (max-width: 640px) {
    .module-news_feed .news-feed-columns .news-feed-row {
        margin: 0 -9px
    }
}

@media only screen and (min-width: 640px) {
    .module-news_feed .news-feed-columns .news-feed-row .news-feed-post {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 15px
    }
}

@media only screen and (max-width: 640px) {
    .module-news_feed .news-feed-columns .news-feed-row .news-feed-post {
        padding: 0 9px
    }
}

.module-news_feed .news-feed-columns .news-feed-row .news-feed-post .news-feed-image-container {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    background: rgba(0, 0, 0, 0.1)
}

.module-news_feed .news-feed-columns .news-feed-row .news-feed-post .news-feed-image-container .news-feed-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (min-width: 640px) {
    .module-news_feed .news-feed-columns .news-feed-row+.news-feed-row {
        margin-top: 30px
    }
}

@media only screen and (max-width: 640px) {
    .module-news_feed .news-feed-columns .news-feed-row+.news-feed-row {
        margin-top: 18px
    }
}

.module-news_feed .news-feed-columns .box {
    height: 100%
}

.module-news_feed .news-feed-list .news-feed-image-container {
    min-width: 3.5em;
    width: 3.5em;
    height: 3.5em;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 3.5em;
    position: relative
}

.module-news_feed .news-feed-list .news-feed-image-container .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    font-size: 21.6px;
    display: inline-block;
    margin-left: -12px;
    margin-top: -12px;
    opacity: 0.15;
    text-align: center
}

.module-news_feed .news-feed-list .news-feed-image-container img {
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 640px) {
    .module-news_feed .news-feed-list .news-feed-image-container {
        margin-right: 20px
    }
}

@media only screen and (max-width: 640px) {
    .module-news_feed .news-feed-list .news-feed-image-container {
        margin-right: 18px
    }
}

.module-news_feed .label .fas,
.module-news_feed .label .far {
    font-size: 90%
}

.ticket-selector .box {
    -webkit-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out
}

.ticket-selector:hover .col:not(.hovered) .box {
    opacity: 0.7
}

.ticket-selector .ticket-selector-slider {
    position: relative;
    padding-bottom: 50%
}

.ticket-selector .ticket-selector-slide {
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.ticket-selector .ticket-selector-slide img {
    display: block;
    width: 100%
}

.ticket-selector .ticket-selector-slide>div {
    padding: 1px
}

.ticket-selector .ticket-selector-slide>div>div {
    padding: 8px;
    background: #f7f7f7;
    border-radius: 5px
}

.ticket-selector .ticket-selector-slide.active {
    opacity: 1;
    z-index: 2
}

.ticket-selector .ticket-selector-slide.sentinel {
    opacity: 0;
    z-index: 1
}

.ticket-selector .ticket-selector-slide .bonus-image {
    -webkit-animation: kika-bonus-image 0.5s ease-in-out;
    animation: kika-bonus-image 0.5s ease-in-out
}

@-webkit-keyframes kika-bonus-image {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    70% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes kika-bonus-image {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    70% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7
}

@media only screen and (min-width: 640px) {
    body {
        margin-top: 75px
    }
}

h1 {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale
}

h2 {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale
}

h3 {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale
}

h4 {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale
}

.page-title {
    color: white
}

.page-title span {
    background: #ff3320;
    padding: 0 15px;
    color: white
}

h4.page-intro {
    line-height: 1.8
}

button,
.btn,
.default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item {
    font-family: "Inter", sans-serif;
    border-radius: 5px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn-primary,
.header-bar-default .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-black .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-white .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-secondary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-tertiary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-quaternary .page-nav-header .page-nav-emphasize>.page-nav-item,
.header-bar-quinary .page-nav-header .page-nav-emphasize>.page-nav-item {
    border: 0;
    -webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
    background: #c7436a !important;
    background: -webkit-linear-gradient(50deg, #c7436a 0%, #ff3320 100%) !important;
    background: -webkit-linear-gradient(40deg, #c7436a 0%, #ff3320 100%) !important;
    background: -o-linear-gradient(40deg, #c7436a 0%, #ff3320 100%) !important;
    background: linear-gradient(50deg, #c7436a 0%, #ff3320 100%) !important
}

.btn-primary:hover,
.header-bar-default .page-nav-header .page-nav-emphasize>.page-nav-item:hover,
.header-bar-black .page-nav-header .page-nav-emphasize>.page-nav-item:hover,
.header-bar-white .page-nav-header .page-nav-emphasize>.page-nav-item:hover,
.header-bar-secondary .page-nav-header .page-nav-emphasize>.page-nav-item:hover,
.header-bar-tertiary .page-nav-header .page-nav-emphasize>.page-nav-item:hover,
.header-bar-quaternary .page-nav-header .page-nav-emphasize>.page-nav-item:hover,
.header-bar-quinary .page-nav-header .page-nav-emphasize>.page-nav-item:hover {
    -webkit-box-shadow: inset 0 60px 100px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 60px 100px rgba(0, 0, 0, 0.05)
}

.btn-secondary,
.header-bar-primary .page-nav-header .page-nav-emphasize>.page-nav-item {
    border: 0;
    -webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
    background: #005cf0 !important;
    background: -webkit-linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -webkit-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -o-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important
}

.btn-secondary:hover,
.header-bar-primary .page-nav-header .page-nav-emphasize>.page-nav-item:hover {
    -webkit-box-shadow: inset 0 60px 100px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 60px 100px rgba(0, 0, 0, 0.05)
}

.btn-primary-transparent {
    background: transparent;
    border: 1px solid #ff3320;
    color: #ff3320 !important
}

.btn-secondary-transparent {
    background: transparent;
    border: 1px solid #005cf0;
    color: #005cf0 !important
}

.btn-default {
    color: #2f2f2f;
    background: transparent;
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out
}

.btn-default:hover:not(.btn-disabled) {
    color: #005cf0 !important;
    background: transparent !important;
    border-color: #005cf0 !important
}

.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.active:hover {
    color: #005cf0 !important;
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: #005cf0 !important
}

.btn-lg {
    padding: 12px 24px
}

.login {
    margin-top: 22px
}

.btn .fa,
.default-header-bar .page-nav-header .page-nav-emphasize>.page-nav-item .fa {
    margin: -1px 3px -1px 0 !important
}

.header-bar {
    background: #fff
}

.header-bar .main-nav .profile-icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width: 640px) {
    .header-bar {
        height: 75px;
        position: relative;
        z-index: 500;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        border-bottom: 1px solid #eaeaea
    }

    .header-bar .logo {
        display: block;
        height: 75px;
        line-height: 85px;
        width: 200px;
        float: left;
        position: relative
    }
}

@media only screen and (min-width: 640px) and (max-width: 640px) {
    .header-bar .logo {
        width: 100px
    }
}

@media only screen and (min-width: 640px) {
    .header-bar .main-nav {
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: "Inter", sans-serif;
        font-size: 18px;
        float: right;
        position: relative
    }

    .header-bar .main-nav>li {
        margin: 0;
        padding: 0;
        position: relative
    }
}

@media only screen and (min-width: 640px) and (min-width: 640px) {
    .header-bar .main-nav>li {
        float: left;
        position: relative
    }
}

@media only screen and (min-width: 640px) {
    .header-bar .main-nav>li>a {
        display: block;
        height: 75px;
        line-height: 75px;
        padding: 0 15px;
        font-weight: 500;
        color: #2f2f2f
    }

    .header-bar .main-nav>li>.emphasized {
        padding: 0 15px;
        line-height: 36px;
        margin-top: 19.5px;
        height: auto;
        margin-left: 15px;
        font-size: .8em;
        border-radius: 5px
    }

    .header-bar .main-nav>li>.emphasized .fa {
        font-size: .9em
    }

    .header-bar .main-nav>li>.emphasized.emphasized-default {
        border: 1px solid #ddd;
        color: #005cf0;
        -webkit-transition: 0.15s all ease-in-out;
        -o-transition: 0.15s all ease-in-out;
        transition: 0.15s all ease-in-out
    }

    .header-bar .main-nav>li>.emphasized.emphasized-default:hover {
        border-color: #005cf0
    }

    .header-bar .main-nav>li>.emphasized.emphasized-secondary {
        background: #005cf0 !important;
        background: -webkit-linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important;
        background: -webkit-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
        background: -o-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
        background: linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important;
        color: white
    }

    .header-bar .main-nav>li>.emphasized.emphasized-secondary:hover {
        -webkit-box-shadow: inset 0 60px 100px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 60px 100px rgba(0, 0, 0, 0.05)
    }

    .header-bar .main-nav>li ul {
        display: none
    }

    .header-bar .main-nav>li:hover {
        background: transparent
    }

    .header-bar .main-nav>li:hover>a {
        color: #ff3320
    }

    .header-bar .main-nav>li:hover ul {
        display: block;
        position: absolute;
        top: 75px;
        left: 0;
        background: white;
        margin: 0;
        padding: 15px;
        width: 180px;
        -webkit-box-shadow: 0 3px 12px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0 3px 12px -5px rgba(0, 0, 0, 0.75)
    }

    .header-bar .main-nav>li:hover ul li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .header-bar .main-nav>li:hover ul li a {
        display: block;
        padding: 3px 0;
        color: #005cf0
    }

    .header-bar .main-nav>li:hover ul li a:hover {
        color: #005cf0
    }

    .header-bar .main-nav .user-nav .user {
        border-right: 1px solid #f2f2f2;
        cursor: pointer;
        display: inline-block;
        padding: 0 30px;
        line-height: 75px;
        color: #005cf0
    }

    .header-bar .main-nav .user-nav .sep-t {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #ddd
    }

    .header-bar .main-nav .user-nav .sep-b {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd
    }

    .header-bar .main-nav .user-nav .profile-icon {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: inline-block;
        vertical-align: middle
    }

    .header-bar .main-nav .user-nav:hover ul {
        background: rgba(255, 255, 255, 0.9);
        left: auto;
        right: 0;
        line-height: 30px;
        width: 250px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .header-bar .main-nav .user-nav:hover ul a {
        color: #005cf0;
        line-height: 1.5
    }
}

@media only screen and (max-width: 640px) {
    .header-bar {
        border-bottom: 1px solid #eaeaea
    }

    .header-bar .logo {
        display: block;
        height: 60px;
        width: 180px;
        line-height: 70px;
        float: left;
        position: relative
    }

    .header-bar .main-nav {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15)
    }

    .header-bar .main-nav a {
        color: #005cf0
    }

    .header-bar .main-nav .user-nav {
        line-height: 3;
        background: #f3f3f3;
        font-size: 1.25em
    }

    .header-bar .main-nav .user-nav .user {
        padding: 18px
    }

    .header-bar .main-nav .user-nav span.user {
        padding: 9px 18px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }

    .header-bar .main-nav .user-nav ul {
        margin-top: 18px
    }

    .header-bar .main-nav .user-nav ul a {
        color: #005cf0;
        display: block
    }
}

#header {
    height: 450px;
    position: relative;
    z-index: 1
}

#header .slide-content {
    padding-top: 160px;
    text-align: left;
    background: rgba(0, 0, 0, 0.15);
    height: 450px
}

#header span {
    background: #005cf0;
    padding: 2px 0.85rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

#header .container {
    margin-bottom: 30px
}

#header .slider-pager {
    bottom: 66px
}

#header.header-compact,
#header.header-compact .slide-content {
    height: 200px
}

.jumbo .slide-title span {
    background: #ff3320;
    padding: 0 15px;
    line-height: 1.2;
    color: white;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.jumbo .content h1 {
    line-height: 1;
    font-size: 2.5em
}

@media only screen and (max-width: 640px) {
    .jumbo .content h1 {
        font-size: 36px
    }
}

.jumbo.jumbo-slider.jumbo-md.header-slider {
    background: -webkit-linear-gradient(315deg, #005cf0 0%, #ff3320 100%);
    background: -o-linear-gradient(315deg, #005cf0 0%, #ff3320 100%);
    background: linear-gradient(135deg, #005cf0 0%, #ff3320 100%)
}

.grid {
    position: relative;
    z-index: 2
}

.jumbo-pullup+.grid .row-set:first-child .col-set {
    margin-top: -60px
}

.row-set-default {
    background: #f7f7f7
}

.row-set-tertiary {
    background: #005cf0 !important;
    background: -webkit-linear-gradient(135deg, #005cf0 0%, #ff3320 100%) !important;
    background: -webkit-linear-gradient(315deg, #005cf0 0%, #ff3320 100%) !important;
    background: -o-linear-gradient(315deg, #005cf0 0%, #ff3320 100%) !important;
    background: linear-gradient(135deg, #005cf0 0%, #ff3320 100%) !important
}

.row-set-intro {
    padding: 45px 0 0 0
}

@media only screen and (max-width: 640px) {
    .row-set-intro {
        padding: 36px 18px
    }
}

.row-set-intro h1 {
    font-size: 48px
}

.row-set-intro .btn-default {
    border-color: rgba(255, 255, 255, 0.4);
    color: white !important
}

.row-set-intro .btn-default:hover {
    border-color: white !important;
    color: white !important
}

.desktop-screen {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.075);
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 10px 20px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 10px 20px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden
}

.desktop-screen .screen-top {
    background: white;
    height: 24px;
    line-height: 21px;
    padding: 0 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.desktop-screen .screen-top .circle {
    width: 8px;
    height: 8px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%
}

.desktop-screen .screen-body {
    padding: 1px 0 0 0;
    background: white
}

.mobile-screen {
    background: transparent;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.075);
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 10px 20px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 10px 20px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.15)
}

.mobile-screen .screen-top {
    height: 24px;
    line-height: 21px;
    text-align: center;
    background: white
}

.mobile-screen .screen-top .circle {
    width: 15px;
    height: 3px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px
}

.mobile-screen .screen-body {
    padding: 0;
    background: white;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 1px 0
}

.mobile-screen .screen-body .screen-address-bar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(240, 240, 240, 0.9);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    z-index: 100;
    font-size: 11px;
    font-weight: lighter;
    color: #a6a6a6;
    padding: 5px
}

.mobile-screen .screen-body .screen-address-bar .fa {
    font-size: 8px
}

.mobile-screen .screen-body .screen-title {
    padding: 5px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: #a6a6a6;
    font-size: 9px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075)
}

.mobile-screen .screen-body .screen-title .fa {
    font-size: 8px
}

.mobile-screen .screen-body .screen-title .fa.pull-right {
    margin-top: 3px
}

.mobile-screen .screen-bottom {
    height: 35px;
    line-height: 15px;
    padding: 10px;
    text-align: center;
    background: white
}

.mobile-screen .screen-bottom .circle {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%
}

.box-primary {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #c7436a !important;
    background: -webkit-linear-gradient(50deg, #c7436a 0%, #ff3320 100%) !important;
    background: -webkit-linear-gradient(40deg, #c7436a 0%, #ff3320 100%) !important;
    background: -o-linear-gradient(40deg, #c7436a 0%, #ff3320 100%) !important;
    background: linear-gradient(50deg, #c7436a 0%, #ff3320 100%) !important
}

.box-primary .box-heading,
.box-primary .box-body,
.box-primary .box-list-item {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.box-secondary {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #005cf0 !important;
    background: -webkit-linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -webkit-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -o-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important
}

.box-secondary .box-heading,
.box-secondary .box-body,
.box-secondary .box-list-item {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.slider .slide-title {
    color: white
}

.slider {
    overflow: visible
}

.slider .slider-pager {
    bottom: -50px !important
}

.slider-md .slide-content {
    padding-top: 80px
}

@media only screen and (max-width: 640px) {
    .slider-md .slide-content {
        padding: 15px
    }
}

.slider .slide-image {
    left: 0
}

@supports ((-o-object-position: top) or (object-position: top)) {
    @media only screen and (min-width: 640px) {

        .slide-image,
        .jumbo-image {
            -o-object-position: top;
            object-position: top
        }
    }
}

@media only screen and (min-width: 640px) {
    .slider-tour {
        height: 450px
    }
}

@media only screen and (max-width: 640px) {
    .slider-tour {
        min-height: 200px;
        text-align: center
    }
}

.slider-tour .slider-next,
.slider-tour .slider-prev {
    border-radius: 50px;
    position: absolute;
    top: 40%;
    z-index: 510;
    width: 50px;
    height: 50px;
    opacity: 0;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.slider-tour .slider-next i,
.slider-tour .slider-prev i {
    color: white;
    line-height: 50px;
    font-size: 2em;
    vertical-align: text-top
}

@media only screen and (max-width: 640px) {

    .slider-tour .slider-next,
    .slider-tour .slider-prev {
        display: none
    }
}

.slider-tour .slider {
    overflow: visible
}

.slider-tour .slider-prev {
    left: -80px
}

.slider-tour .slider-prev i {
    margin-left: 12px
}

.slider-tour .slider-next {
    right: -80px
}

.slider-tour .slider-next i {
    margin-left: 17px
}

.slider-tour:hover .slider-next,
.slider-tour:hover .slider-prev {
    opacity: 1
}

.slider-cover-testimonials {
    background: url("../images/quotes-bg.jpg") no-repeat center center
}

@media only screen and (min-width: 640px) {
    .slider-cover-testimonials {
        height: 250px
    }
}

@media only screen and (max-width: 640px) {
    .slider-cover-testimonials {
        min-height: 400px;
        text-align: center
    }
}

.slider-cover-testimonials .slider {
    overflow: initial
}

.slider-cover-testimonials .slide-content {
    color: white
}

.slider-cover-testimonials .slide-content:before,
.slider-cover-testimonials .slide-content:after {
    content: " ";
    display: table;
    visibility: hidden
}

.slider-cover-testimonials .slide-content:after {
    clear: both
}

@media only screen and (min-width: 640px) {
    .slider-cover-testimonials .slide-content {
        margin: 20px 70px
    }
}

@media only screen and (max-width: 640px) {
    .slider-cover-testimonials .slide-content {
        margin: 15px 0
    }
}

.slider-cover-testimonials .slide img {
    width: 150px;
    height: 150px;
    border-radius: 50%
}

@media only screen and (max-width: 640px) {
    .slider-cover-testimonials .slide img {
        margin: 0 auto;
        float: none
    }
}

.slider-cover-testimonials .slider-next,
.slider-cover-testimonials .slider-prev {
    position: absolute;
    top: 40%;
    z-index: 510;
    width: 50px;
    height: 50px;
    opacity: 0;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.slider-cover-testimonials .slider-next i,
.slider-cover-testimonials .slider-prev i {
    color: white;
    line-height: 50px;
    font-size: 2em;
    vertical-align: text-top
}

.slider-cover-testimonials .slider-next:hover,
.slider-cover-testimonials .slider-prev:hover {
    background-color: #ff200c
}

@media only screen and (max-width: 640px) {

    .slider-cover-testimonials .slider-next,
    .slider-cover-testimonials .slider-prev {
        display: none
    }
}

.slider-cover-testimonials .slider-prev {
    left: 0
}

.slider-cover-testimonials .slider-prev i {
    margin-left: 12px
}

.slider-cover-testimonials .slider-next {
    right: 0
}

.slider-cover-testimonials .slider-next i {
    margin-left: 17px
}

.slider-cover-testimonials:hover .slider-next,
.slider-cover-testimonials:hover .slider-prev {
    opacity: 1
}

.slider-quote {
    background: transparent url(../images/gdk-quote.jpg) center no-repeat
}

@media only screen and (min-width: 640px) {
    .slider-quote .slider {
        height: 500px
    }
}

@media only screen and (max-width: 640px) {
    .slider-quote .slider {
        height: 300px
    }
}

.slider-quote .slide-content {
    font-family: "Inter", sans-serif;
    width: 1150px;
    top: 40%;
    left: 50%;
    text-align: center;
    margin: 0 auto;
    margin-left: -575px
}

.slider-quote .slide-content .slide-title {
    color: white
}

@media only screen and (min-width: 640px) {
    .slider-quote .slide-content {
        font-size: 24px
    }
}

@media only screen and (max-width: 640px) {
    .slider-quote .slide-content {
        top: 20%
    }
}

@media only screen and (max-width: 640px) {
    .slider-quote .slide-content {
        text-align: center;
        width: 90%;
        left: 50%;
        margin-left: -45%
    }
}

.slider-quote .slider-btn {
    position: absolute;
    bottom: 100px;
    width: 100%;
    left: 0
}

@media only screen and (max-width: 640px) {
    .slider-quote .slider-btn {
        bottom: 30px
    }
}

.slider-quote .slide-content {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)
}

.slider-quote .slide-content h2 {
    color: white
}

@media only screen and (max-width: 640px) {
    .slider-quote .slide-content h2 {
        font-size: 1.5em
    }
}

.slider .flex-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 640px) {
    .slider .flex-items {
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    .slider .item {
        padding: 20px;
        width: 20%
    }
}

@media only screen and (max-width: 640px) {
    .slider .item {
        padding: 10px;
        width: 50%
    }
}

@media only screen and (max-width: 640px) {
    .slider.logo-slider .slider {
        padding-bottom: 20px
    }
}

.slider.logo-slider .slider .slider-pager {
    bottom: 0
}

.slider.logo-slider .slider .slider-pager span:not(.pager-active) {
    border: 2px solid #005cf0
}

.slider.logo-slider .slider .slide a {
    width: 100%;
    height: 100px;
    line-height: 80px;
    text-align: center;
    display: inline-block;
    -webkit-transition: -webkit-box-shadow 0.2s ease-in;
    transition: -webkit-box-shadow 0.2s ease-in;
    -o-transition: box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in
}

@media only screen and (min-width: 640px) {
    .slider.logo-slider .slider .slide a {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 640px) {
    .slider.logo-slider .slider .slide a {
        margin-bottom: 20px
    }
}

.slider.logo-slider .slider:last-of-type {
    margin-right: 0
}

.slider.logo-slider .slider img {
    max-width: 100%;
    max-height: 100%
}

@media only screen and (max-width: 640px) {
    .slider.logo-slider .slider img {
        padding: 10px
    }
}

.image-box {
    position: relative;
    display: inline-block
}

.image-box .image-box-banner {
    background: url("../images/trending.png") top right no-repeat;
    width: 84px;
    height: 86px;
    position: absolute;
    top: -10px;
    right: -8px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 192dpi) {
    .image-box .image-box-banner {
        background-image: url("../images/trending.x2.png");
        background-size: 100%
    }
}

.image-box .image-box-content {
    font-family: "Inter", sans-serif;
    padding: 30px;
    position: absolute;
    color: white;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0.01)), color-stop(49%, rgba(0, 0, 0, 0.5)), color-stop(87%, rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.5) 49%, rgba(0, 0, 0, 0.7) 87%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.5) 49%, rgba(0, 0, 0, 0.7) 87%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.5) 49%, rgba(0, 0, 0, 0.7) 87%)
}

.image-box .image-box-content .image-box-headline {
    display: block;
    font-size: 18px;
    margin-bottom: 10px
}

.image-box-action {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.image-box-action .image-box-content {
    font-size: 18px
}

@media only screen and (max-width: 640px) {
    .image-box-action .image-box-content {
        font-size: 16px
    }
}

.image-box-action .image-box-content span {
    text-transform: uppercase
}

.image-box-action:hover {
    -webkit-box-shadow: 3px 7px 29px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 7px 29px -6px rgba(0, 0, 0, 0.75)
}

.intro-animation {
    position: relative;
    z-index: 10;
    opacity: 0;
    margin: 0 auto;
    margin-top: 30px
}

@media only screen and (min-width: 640px) {
    .intro-animation {
        width: 911px;
        height: 410px
    }

    .intro-animation .mobile-screen {
        right: -50px;
        bottom: -10px
    }

    .intro-animation .desktop-screen {
        left: -50px;
        bottom: -35px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .intro-animation .desktop-screen .screen-body {
        width: 706px;
        height: 373.125px
    }
}

@media only screen and (max-width: 640px) {
    .intro-animation {
        width: 330px;
        height: 270px;
        max-width: 100%
    }

    .intro-animation .mobile-screen {
        display: none
    }

    .intro-animation .desktop-screen {
        bottom: 0;
        right: 0;
        position: relative !important;
        width: 100%;
        height: 100%
    }

    .intro-animation .desktop-screen .screen-body {
        width: 500px;
        height: 500px;
        -webkit-transform: scale(0.66);
        -ms-transform: scale(0.66);
        transform: scale(0.66);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }

    .intro-animation .desktop-screen .screen-body .intro-nav {
        display: none !important
    }

    .intro-animation .desktop-screen .screen-body .intro-content {
        width: 100% !important;
        padding: 20px 30px !important
    }
}

.intro-animation .mobile-screen {
    width: 180px;
    position: absolute;
    right: -50px;
    bottom: -10px;
    border: 0;
    z-index: 10
}

.intro-animation .mobile-screen .screen-body {
    height: 313px
}

.intro-animation .mobile-screen .screen-body>div {
    position: relative
}

.intro-animation .mobile-screen .screen-body>div>img {
    position: absolute;
    top: 0;
    left: 0
}

.intro-animation .desktop-screen {
    position: absolute;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.intro-animation .desktop-screen .screen-body {
    background: white;
    position: relative
}

.intro-animation .desktop-screen .screen-body>div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.intro-animation .desktop-screen .screen-body .intro-nav {
    width: 20%;
    height: 100%;
    background: #f7f7f7;
    float: left;
    position: relative
}

.intro-animation .desktop-screen .screen-body .intro-nav .intro-nav-item {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #2f2f2f;
    padding: 10px;
    border-bottom: 1px solid white
}

.intro-animation .desktop-screen .screen-body .intro-nav .intro-nav-item.active {
    color: #ff3320;
    background: white
}

.intro-animation .desktop-screen .screen-body .intro-main-title {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    color: #2f2f2f;
    font-weight: 200;
    margin-bottom: 10px
}

.intro-animation .desktop-screen .screen-body .intro-content {
    width: 80%;
    padding: 20px;
    float: right;
    position: relative
}

.intro-animation .desktop-screen .screen-body .intro-content .text-line {
    height: 18px;
    background: #eee;
    margin: 10px 0
}

.intro-animation .desktop-screen .screen-body .intro-content .text-line.primary {
    background: #c7436a !important;
    background: -webkit-linear-gradient(50deg, #c7436a 0%, #ff3320 100%) !important;
    background: -webkit-linear-gradient(40deg, #c7436a 0%, #ff3320 100%) !important;
    background: -o-linear-gradient(40deg, #c7436a 0%, #ff3320 100%) !important;
    background: linear-gradient(50deg, #c7436a 0%, #ff3320 100%) !important
}

.intro-animation .desktop-screen .screen-body .intro-content .text-line.secondary {
    background: #005cf0 !important;
    background: -webkit-linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -webkit-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -o-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important
}

.intro-animation .desktop-screen .screen-body .intro-content .text-line.inline {
    display: inline-block
}

.intro-animation .desktop-screen .screen-body .intro-content .intro-hr {
    border-top: 1px solid #dfdfdf;
    margin-top: 15px;
    padding-top: 15px;
    height: 0
}

.intro-animation .desktop-screen .screen-body .intro-content .intro-sep {
    margin-top: 20px;
    height: 0
}

.intro-animation .desktop-screen .screen-body .intro-content .intro-box {
    padding: 5px 15px;
    border: 1px dashed #ddd;
    margin: 0 0 15px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.intro-animation .desktop-screen .screen-body .intro-content .intro-cols {
    margin: 0 -15px
}

.intro-animation .desktop-screen .screen-body .intro-content .intro-cols:before,
.intro-animation .desktop-screen .screen-body .intro-content .intro-cols:after {
    content: " ";
    display: table;
    visibility: hidden
}

.intro-animation .desktop-screen .screen-body .intro-content .intro-cols:after {
    clear: both
}

.intro-animation .desktop-screen .screen-body .intro-content .intro-cols .intro-col {
    padding: 0 15px;
    float: left;
    position: relative
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid {
    margin-top: 15px
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row {
    margin: -5px
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row:before,
.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row:after {
    content: " ";
    display: table;
    visibility: hidden
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row:after {
    clear: both
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block {
    padding: 5px;
    float: left;
    position: relative
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner {
    height: 100%;
    padding: 20px;
    background: #efefef;
    text-align: center
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner>.fa {
    color: #ccc
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner .fields-row {
    text-align: left;
    margin: -5px
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner .fields-row:before,
.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner .fields-row:after {
    content: " ";
    display: table;
    visibility: hidden
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner .fields-row:after {
    clear: both
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner .fields-row .field {
    padding: 5px;
    float: left;
    position: relative
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner .fields-row .field .field-inner {
    height: 24px;
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    padding: 0 6px;
    line-height: 24px;
    border-radius: 3px
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner .fields-row .field .field-inner-btn {
    background: rgba(0, 0, 0, 0.1)
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner .fa {
    font-size: 9px
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner.primary {
    background: #c7436a !important;
    background: -webkit-linear-gradient(50deg, #c7436a 0%, #ff3320 100%) !important;
    background: -webkit-linear-gradient(40deg, #c7436a 0%, #ff3320 100%) !important;
    background: -o-linear-gradient(40deg, #c7436a 0%, #ff3320 100%) !important;
    background: linear-gradient(50deg, #c7436a 0%, #ff3320 100%) !important
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row .intro-block .intro-block-inner.secondary {
    background: #005cf0 !important;
    background: -webkit-linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -webkit-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -o-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row.intro-row-1 .intro-block {
    height: 176px
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row.intro-row-1 .intro-block .intro-block-inner>.fa {
    line-height: 130px
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row.intro-row-2 .intro-block {
    height: 68px
}

.intro-animation .desktop-screen .screen-body .intro-website .intro-grid .intro-row.intro-row-2 .intro-block .intro-block-inner {
    padding: 0;
    line-height: 53px
}

.intro-animation .desktop-screen .screen-body .intro-crm .intro-main-title {
    margin-bottom: 0px
}

.intro-animation .desktop-screen .screen-body .intro-crm .intro-main-title .intro-contact-photo {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 4px 3px 0 0;
    background: #ff3320;
    border-radius: 100%
}

.intro-animation .desktop-screen .screen-body .intro-email .intro-mailing-header {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    width: 60%;
    margin: 15px auto 15px auto;
    background: #005cf0 !important;
    background: -webkit-linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -webkit-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: -o-linear-gradient(300deg, #005cf0 0%, #8d36ff 100%) !important;
    background: linear-gradient(150deg, #005cf0 0%, #8d36ff 100%) !important
}

.intro-animation .desktop-screen .screen-body .intro-email .intro-mailing-body {
    border: 1px solid #eee;
    padding: 5px 10px;
    width: 60%;
    margin: 0 auto 15px auto
}

.intro-animation .desktop-screen .screen-body .intro-email .intro-mailing-footer {
    background: #f7f7f7;
    height: 30px;
    margin: 0 auto 10px auto;
    width: 60%
}

.intro-animation .desktop-screen .screen-body .intro-email .intro-mailing-to {
    color: #a6a6a6;
    font-size: 11px;
    font-weight: lighter
}

.intro-animation .desktop-screen .screen-body .intro-email .intro-mailing-to .fa {
    font-size: 9px
}

.intro-animation .desktop-screen .screen-body .intro-email .intro-mailing-to strong {
    font-weight: normal
}

.intro-animation .desktop-screen .screen-body .intro-email .intro-mailing-to .intro-filter {
    border-bottom: 1px solid #ddd
}

.intro-animation .desktop-screen .screen-body .intro-finance .intro-logo {
    float: right;
    margin-top: 5px;
    width: 25px
}

.intro-animation .desktop-screen .screen-body .intro-finance .intro-category {
    line-height: 18px;
    margin: 10px 0;
    font-size: 11px;
    color: #a6a6a6
}

#footer {
    border-top: 1px solid #eaeaea;
    padding: 30px 0;
    color: #555;
    font-size: 14px;
    background-color: white
}

@media only screen and (max-width: 640px) {
    #footer {
        padding-left: 15px;
        padding-right: 15px
    }
}

.footer-sub-nav a {
    color: #959595
}

#footer h3 {
    font-size: 16px
}

@media only screen and (max-width: 640px) {
    .feature-col-set .col {
        height: 200px
    }
}

.page-intro {
    padding: 50px 0 0 0;
    position: relative;
    margin-bottom: 30px
}

@media only screen and (max-width: 640px) {
    .page-intro {
        display: none
    }
}

.page-intro .page-intro-content {
    width: 500px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.page-intro .page-intro-image {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.section-title {
    text-align: center;
    margin: 30px 0
}

.section-intro {
    font-size: 1.25em;
    font-family: "Inter", sans-serif;
    text-align: center;
    font-weight: 200;
    margin: 0 auto 30px auto
}

.section-intro .icon {
    font-size: 2em;
    margin: 0 auto 15px auto;
    display: block;
    width: 75px;
    height: 75px;
    text-align: center;
    border-radius: 100px;
    text-align: center;
    line-height: 75px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    color: white;
    background: #ff3320 url("../images/feature-icon-bg.png") center no-repeat;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

@media only screen and (max-width: 640px) {
    .section-intro {
        margin: 10px auto
    }
}

.row-default .section-intro,
.row-tertiary .section-intro {
    color: #2f2f2f
}

.gallery {
    margin-bottom: 30px
}

.gallery .gallery-item {
    position: relative;
    opacity: 1
}

.gallery .gallery-item .thumbnail {
    position: relative;
    z-index: 1
}

.gallery .gallery-item .thumbnail-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    display: block;
    -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0)
}

.gallery .gallery-item .thumbnail-hover .thumbnail-description {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
    color: #bbb;
    display: block;
    opacity: 0
}

.gallery .gallery-item .thumbnail-hover .thumbnail-description .thumbnail-title {
    font-size: 24px;
    font-family: "Inter", sans-serif;
    display: block;
    color: white
}

@media only screen and (max-width: 640px) {
    .gallery .gallery-item .thumbnail-hover .thumbnail-description .thumbnail-title {
        font-size: 1em
    }
}

.gallery .gallery-item:hover .thumbnail-hover {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1;
    -webkit-box-shadow: inset 0 -40px 80px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -40px 80px rgba(0, 0, 0, 0.4)
}

.gallery .gallery-item:hover .thumbnail-description {
    top: 40%;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

@media only screen and (max-width: 640px) {
    .gallery .gallery-item:hover .thumbnail-description {
        top: 35%;
        font-size: 12px
    }
}

.label {
    padding: .1em .5em;
    border-radius: 3px
}