﻿@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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 {
    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"] {
        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;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
    src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

* {
    box-sizing: border-box;
}

    *:before,
    *:after {
        box-sizing: border-box;
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333333;
    background-color: #fff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 28px;
    margin-bottom: 28px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .container:before, .container:after {
        content: " ";
        display: table;
    }

    .container:after {
        clear: both;
    }

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .container-fluid:before, .container-fluid:after {
        content: " ";
        display: table;
    }

    .container-fluid:after {
        clear: both;
    }

.row {
    margin-left: -15px;
    margin-right: -15px;
}

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-1 {
        width: 8.33333%;
    }

    .col-sm-2 {
        width: 16.66667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.33333%;
    }

    .col-sm-5 {
        width: 41.66667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.33333%;
    }

    .col-sm-8 {
        width: 66.66667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.33333%;
    }

    .col-sm-11 {
        width: 91.66667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-pull-1 {
        right: 8.33333%;
    }

    .col-sm-pull-2 {
        right: 16.66667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.33333%;
    }

    .col-sm-pull-5 {
        right: 41.66667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.33333%;
    }

    .col-sm-pull-8 {
        right: 66.66667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.33333%;
    }

    .col-sm-pull-11 {
        right: 91.66667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-push-1 {
        left: 8.33333%;
    }

    .col-sm-push-2 {
        left: 16.66667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.33333%;
    }

    .col-sm-push-5 {
        left: 41.66667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.33333%;
    }

    .col-sm-push-8 {
        left: 66.66667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.33333%;
    }

    .col-sm-push-11 {
        left: 91.66667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-1 {
        width: 8.33333%;
    }

    .col-md-2 {
        width: 16.66667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.33333%;
    }

    .col-md-5 {
        width: 41.66667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.33333%;
    }

    .col-md-8 {
        width: 66.66667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.33333%;
    }

    .col-md-11 {
        width: 91.66667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.33333%;
    }

    .col-md-pull-2 {
        right: 16.66667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.33333%;
    }

    .col-md-pull-5 {
        right: 41.66667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.33333%;
    }

    .col-md-pull-8 {
        right: 66.66667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.33333%;
    }

    .col-md-pull-11 {
        right: 91.66667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.33333%;
    }

    .col-md-push-2 {
        left: 16.66667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.33333%;
    }

    .col-md-push-5 {
        left: 41.66667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.33333%;
    }

    .col-md-push-8 {
        left: 66.66667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.33333%;
    }

    .col-md-push-11 {
        left: 91.66667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-1 {
        width: 8.33333%;
    }

    .col-lg-2 {
        width: 16.66667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.33333%;
    }

    .col-lg-5 {
        width: 41.66667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.33333%;
    }

    .col-lg-8 {
        width: 66.66667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.33333%;
    }

    .col-lg-11 {
        width: 91.66667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.33333%;
    }

    .col-lg-pull-2 {
        right: 16.66667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.33333%;
    }

    .col-lg-pull-5 {
        right: 41.66667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.33333%;
    }

    .col-lg-pull-8 {
        right: 66.66667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.33333%;
    }

    .col-lg-pull-11 {
        right: 91.66667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.33333%;
    }

    .col-lg-push-2 {
        left: 16.66667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.33333%;
    }

    .col-lg-push-5 {
        left: 41.66667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.33333%;
    }

    .col-lg-push-8 {
        left: 66.66667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.33333%;
    }

    .col-lg-push-11 {
        left: 91.66667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("./../img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    src: url("../font/slick.eot");
    src: url("../font/slick.eot?#iefix") format("embedded-opentype"), url("../font/slick.woff") format("woff"), url("../font/slick.ttf") format("truetype"), url("../font/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover, .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before, .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.8;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: white;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -10px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 2px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 2px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 13px;
                line-height: 20px;
                text-align: center;
                color: #dedede;
                opacity: 0.8;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: #5a7da1;
            opacity: 0.75;
        }

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur {
    cursor: default;
}

    .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
        cursor: pointer;
    }

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

    .mfp-close:hover {
        cursor: pointer;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
    }

    .mfp-arrow:before,
    .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after {
        /*border-right: 17px solid #FFF;
  margin-left: 31px;*/
    }

    .mfp-arrow-left:before {
        /*margin-left: 25px;
    border-right: 27px solid #3F3F3F; */
        width: 50px;
        height: 50px;
        background-color: #818181;
        border-radius: 25px;
        background-image: url(../img/arrow_left.png);
        background-repeat: no-repeat;
        background-size: 10px;
        background-position: 45% 50%;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after {
        /*border-left: 17px solid #FFF;
    margin-left: 39px; */
    }

    .mfp-arrow-right:before {
        /*border-left: 27px solid #3F3F3F;*/
        width: 50px;
        height: 50px;
        background-color: #818181;
        border-radius: 25px;
        background-image: url(../img/arrow_right.png);
        background-repeat: no-repeat;
        background-size: 10px;
        background-position: 45% 50%;
        margin-left: 10px;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        transform-origin: 0;
    }

    .mfp-arrow-right {
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/* #fff */
/* #f5f5f5 */
/* #f5f5f5 */
/* #ebebeb */
/* #dedede */
/* #919191 */
/* #000 */
/* #5a7da1 */
/* #528fcc */
/* #3f6488 */
/* #b1a36f */
/* #e62600 */
/* #e6dcb8 */
/* #595959 */
/* #006699 */
/* #cc0033 */
/* #ffcb00 */
/* #009943 */
/* #660099 */
body {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Alice", serif;
    font-weight: 400;
    color: black;
    margin: 0;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit;
        font-weight: inherit;
    }

        h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
            text-decoration: underline;
        }

h1 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    h1 {
        font-size: 42px;
        line-height: 54px;
        margin-bottom: 24px;
    }
}

h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    h2 {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 18px;
    }
}

h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 12px;
    }
}

h4 {
    font-size: 16px;
}

@media (min-width: 992px) {
    h4 {
        font-size: 20px;
    }
}

p {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: black;
    margin: 0;
    margin-bottom: 23px;
    line-height: 1.5em;
}

blockquote {
    margin-left: 16px;
    padding-left: 28px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    border-left: 3px solid black;
}

@media (min-width: 992px) {
    blockquote {
        margin-left: 20px;
        padding-left: 34px;
        font-size: 20px;
        line-height: 32px;
    }
}

a {
    transition: color 0.25s ease;
    text-decoration: none;
    color: #528fcc;
    font-weight: 500;
}

    a:hover {
        color: black;
        text-decoration: none;
    }

    a:visited, a:active, a:focus {
        text-decoration: none;
    }

    a:focus {
        outline: none;
        color: #528fcc;
    }

time {
    font-family: "Alice", serif;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}

select {
    background-image: url("../img/selectArrow.png");
    font-family: "Raleway", sans-serif;
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 13px;
    cursor: pointer;
    color: black;
    height: 40px !important;
}

    select:disabled {
        background-color: #ebebe4;
    }

        select:disabled:hover {
            cursor: not-allowed;
        }

input[type="text"]:disabled:hover {
    cursor: not-allowed;
}

.headers {
    font-family: "Alice", serif;
    font-size: 26px;
}

.headers--center {
    text-align: center;
}

@media (min-width: 768px) {
    .headers--desktopLeft {
        text-align: left !important;
    }
}

.headers--justified {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 10px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}

.headers-1 {
    font-size: 30px;
    line-height: 36px;
    margin-top: 21px;
    margin-bottom: 28px;
}

@media (min-width: 768px) {
    .headers-1 {
        font-size: 42px;
        line-height: 52px;
    }
}

.headers-2 {
    font-size: 26px;
    margin-bottom: 31px;
    margin-top: 31px;
}

@media (min-width: 768px) {
    .headers-2 {
        font-size: 36px;
        margin-bottom: 39px;
        margin-top: 39px;
    }
}

.headers-decoration {
    padding-left: 20px;
    margin-bottom: 25px;
    margin-top: 5px;
}

@media (min-width: 768px) {
    .headers-decoration {
        padding-left: 30px;
    }
}

.headers-decoration--brown {
    border-left: 5px solid #b1a36f;
}

.headers--smallMargin {
    margin-top: 13px;
    margin-bottom: 12px;
}

.headers-date {
    font-family: "Alice", serif;
    margin-bottom: 10px;
    line-height: 1.5em;
    font-weight: 400;
    font-size: 16px;
    display: block;
    color: black;
}

@media (min-width: 768px) {
    .headers-date {
        font-size: 17px;
    }
}

.headers-withDrop {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

    .headers-withDrop .headers-2, .headers-withDrop .headers-3 {
        margin-right: auto;
    }

@media (min-width: 768px) {
    .headers-withDrop {
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .headers-withDrop .headers-2 {
            margin-right: 50px;
        }
}

.headers-withDrop .share {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .headers-withDrop .share {
        margin-left: auto;
        margin-bottom: 0;
    }
}

.headers-withDrop .icons-print {
    margin-left: auto;
}

.headers-withDrop .decoratedSelect {
    width: 100%;
}

@media (min-width: 768px) {
    .headers-withDrop .decoratedSelect {
        width: auto;
        margin-left: auto;
    }
}

.headers-withDrop--noMobileFlex {
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .headers-withDrop--noMobileFlex {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0px;
    }
}

.link-more {
    display: inline-block;
    color: black;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 3px;
    border-bottom: 2px solid #b1a36f;
    margin-bottom: 30px;
}

    .link-more:hover {
        border-bottom: 2px solid #dedede;
    }

.link-more--gray {
    border-bottom: 2px solid #dedede;
}

    .link-more--gray:hover {
        border-bottom: 2px solid black;
    }

.link-telephone, .link-landline, .link-fax {
    display: block;
    color: black;
    margin-bottom: 5px;
}

    .link-telephone:before, .link-landline:before, .link-fax:before {
        font-family: 'fontello';
        padding-right: 10px;
    }

    .link-telephone:hover, .link-landline:hover, .link-fax:hover {
        color: #528fcc;
    }

.link-telephone--serif, .link-landline--serif, .link-fax--serif {
    font-family: "Alice", serif;
    font-size: 18px;
    font-weight: 400;
}

.link-telephone:before {
    content: '\e804';
}

.link-landline:before {
    content: '\e810';
}

.link-fax:before {
    content: '\e80b';
}

.link--clear {
    margin: 0;
}

.link-mail {
    display: block;
    color: #528fcc;
    margin-bottom: 5px;
}

    .link-mail:hover {
        color: black;
    }

        .link-mail:hover:before {
            color: #528fcc;
        }

    .link-mail:before {
        font-family: 'fontello';
        padding-right: 13px;
        color: black;
        content: '\e80e';
    }

.link-mail--serif {
    font-family: "Alice", serif;
    font-size: 18px;
    font-weight: 400;
}

.link-map {
    font-family: "Raleway", sans-serif;
    color: #528fcc;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

    .link-map:hover {
        color: black;
    }

    .link-map:before {
        font-family: 'fontello';
        padding-right: 10px;
        content: '\e81d';
    }

.button:before, .button:after {
    font-family: 'fontello';
}

.button:focus {
    color: inherit;
    outline: none;
}

.button--noBorder {
    border: 0;
}

.button--noBorderLTR {
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

.button--transparent {
    background-color: transparent;
}

.button--rounded {
    transition: all 0.25s ease;
    font-family: "Raleway", sans-serif;
    border-radius: 18px;
    text-transform: uppercase;
    padding: 11px 25px 0 25px;
    height: 36px;
    font-weight: 700;
    font-size: 11px;
}

.button-basic {
    display: inline-block;
    padding: 15px 24px;
    color: white;
    font-size: 13px;
    font-weight: 700;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.button-basic--short {
    padding: 10px 24px;
}

@media (min-width: 768px) {
    .button-basic--noMarginBottom {
        margin-bottom: 0px;
    }
}

.button-arrowed {
    display: inline-block;
    background-color: whitesmoke;
    height: 60px;
    width: 100%;
    outline: 0;
    border: 0;
    color: black;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

    .button-arrowed:after {
        display: inline-block;
        font-family: 'fontello';
        content: '\e806';
        transition: transform 0.25s;
        margin-left: 5px;
    }

.button-arrowed--active:after {
    transform: rotate(180deg);
}

.button-chevron:after {
    display: -ms-inline-flexbox;
    display: inline-flex;
    content: '\e805';
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: black;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    font-size: 13px;
}

.button-plus:before {
    display: inline-block;
    content: '\e800';
    font-size: 7px;
    font-weight: 400;
    color: #5a7da1;
}

.button-download:before {
    display: inline-block;
    content: '\e81f';
    font-size: 14px;
    font-weight: 400;
    color: black;
    padding-right: 5px;
}

.button-download--white:before {
    color: white;
}

.button-download--white:hover:before {
    color: black;
}

.button--expand {
    width: 100%;
    max-width: 261px;
}

.button--navyBlue {
    background-color: #5a7da1;
    color: white;
}

    .button--navyBlue:active, .button--navyBlue:visited, .button--navyBlue:focus {
        color: white;
    }

    .button--navyBlue:hover {
        background-color: #dedede;
        color: black;
    }

.button--gray {
    background-color: #ebebeb;
    color: black;
}

    .button--gray:hover {
        background-color: #5a7da1;
        color: white;
    }

.pageContent.fixedHeaderSpace {
    padding-top: 110px;
}

.blackout {
    transition: opacity 0.25s ease;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    position: fixed;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

    .blackout.active {
        visibility: visible;
        opacity: 1;
    }

.header {
    background-color: white;
    position: fixed;
    height: 59px;
    z-index: 10;
    width: 100%;
}

@media (min-width: 768px) {
    .header {
        height: 79px;
    }
}

@media (min-width: 1200px) {
    .header {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: 1170px;
        position: relative;
        height: 110px;
    }

        .header:before, .header:after {
            content: " ";
            display: table;
        }

        .header:after {
            clear: both;
        }

        .header:after {
            z-index: -1;
        }
}

.header-background {
    background-color: white;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}

@media (min-width: 1200px) {
    .header-background {
        display: none;
    }
}

.header .trigram {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
}

@media (min-width: 1200px) {
    .header .trigram {
        display: none;
    }
}

@media (max-width: 1199px) {
    .header .categories {
        transition: right 0.25s ease;
        border-top: 1px solid whitesmoke;
        background-color: white;
        padding-bottom: 100px;
        position: absolute;
        margin-top: 59px;
        overflow-y: auto;
        position: fixed;
        right: -320px;
        height: 100%;
        width: 320px;
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header .categories {
        padding-bottom: 120px;
        margin-top: 79px;
    }
}

@media (min-width: 1200px) {
    .header .categories {
        vertical-align: top;
        display: inline-block;
        margin-right: -4px;
        width: calc(100% - 320px);
    }
}

.header .categories-content {
    list-style-type: none;
    padding: 60px 0 0 0;
    margin: 0;
    right: 0;
}

@media (min-width: 1200px) {
    .header .categories-content {
        padding: 55px 0 0 0;
        text-align: right;
    }
}

.header .categories-content .level0 {
    border-top: 1px solid whitesmoke;
}

    .header .categories-content .level0.offset .level1 {
        position: absolute;
        right: 0;
    }

@media (max-width: 1199px) {
    .header .categories-content .level0 {
        background-color: white;
        width: 100%;
    }

        .header .categories-content .level0.activeLevel {
            border-bottom: 1px solid whitesmoke;
            position: absolute;
            z-index: 1;
            top: 60px;
            left: 0;
        }

            .header .categories-content .level0.activeLevel .level0-trigger {
                background-color: #ebebeb;
                padding-left: 50px;
            }

                .header .categories-content .level0.activeLevel .level0-trigger:after {
                    content: none;
                }

                .header .categories-content .level0.activeLevel .level0-trigger:before {
                    transform: translateY(-50%);
                    font-family: 'fontello';
                    padding-right: 10px;
                    position: absolute;
                    font-weight: 700;
                    content: '\e808';
                    font-size: 11px;
                    color: #5a7da1;
                    left: 20px;
                    top: 50%;
                }

            .header .categories-content .level0.activeLevel .level1 {
                display: block;
            }

        .header .categories-content .level0.inactiveLevel {
            top: 60px;
            left: 0;
        }
}

@media (min-width: 1200px) {
    .header .categories-content .level0 {
        vertical-align: baseline;
        display: inline-block;
        margin-right: -4px;
        border-top: none;
    }

        .header .categories-content .level0 > a:before {
            transition: all 0.25s ease;
            border-right: 1px solid transparent;
            border-left: 1px solid transparent;
            position: absolute;
            height: 25px;
            content: "";
            width: 100%;
            bottom: 0;
            left: 0;
        }

        .header .categories-content .level0 > a:after {
            transition: all 0.25s ease;
            width: calc(100% - 40px);
            background-color: transparent;
            position: absolute;
            top: 45px;
            height: 3px;
            content: "";
            left: 20px;
        }

        .header .categories-content .level0.activeLevel a:after {
            background-color: #ebebeb;
        }

        .header .categories-content .level0:hover a:before {
            border-right-color: #ebebeb;
            border-left-color: #ebebeb;
        }

        .header .categories-content .level0:hover a:after {
            background-color: #ebebeb;
        }

        .header .categories-content .level0:hover .level1 {
            display: block;
        }
}

.header .categories-content .level0-trigger {
    font-family: "Alice", serif;
    padding: 9px 40px 8px 20px;
    position: relative;
    font-weight: 400;
    font-size: 17px;
    display: block;
    color: black;
}

@media (min-width: 1200px) {
    .header .categories-content .level0-trigger {
        padding: 15px 20px;
        font-size: 18px;
    }
}

.header .categories-content .level0-trigger:after {
    transform: translateY(-50%);
    font-family: 'fontello';
    padding-right: 10px;
    position: absolute;
    font-weight: 700;
    content: '\e809';
    color: #5a7da1;
    font-size: 11px;
    right: 0;
    top: 50%;
}

@media (min-width: 1200px) {
    .header .categories-content .level0-trigger:after {
        content: none;
    }
}

.header .categories-content .level0 .level1 {
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}

@media (max-width: 1199px) {
    .header .categories-content .level0 .level1 {
        box-shadow: none;
        display: none;
    }
}

.header .categories-content .level0 .level1 ul {
    padding-right: 20px;
    padding-left: 20px;
}

    .header .categories-content .level0 .level1 ul li {
        position: relative;
    }

        .header .categories-content .level0 .level1 ul li .themes {
            position: absolute;
            right: 0;
            top: 6px;
        }

            .header .categories-content .level0 .level1 ul li .themes .themeDecoration {
                font-size: 22px;
                height: 22px;
                width: 22px;
            }

                .header .categories-content .level0 .level1 ul li .themes .themeDecoration:before {
                    margin-left: 0;
                }

@media (min-width: 1200px) {
    .header .categories-content .level0 .level1 {
        position: absolute;
        text-align: left;
        display: none;
        padding-top: 20px;
        top: 110px;
    }

        .header .categories-content .level0 .level1 ul {
            padding-right: 30px;
            padding-left: 30px;
        }

            .header .categories-content .level0 .level1 ul:not(:last-of-type) {
                border-right: 1px solid #ebebeb;
            }
}

@media (min-width: 1200px) {
    .header .categories-content .level0 .level1.extended {
        width: calc(100% - 90px);
        left: 45px;
    }

        .header .categories-content .level0 .level1.extended ul {
            width: 33.333333%;
            vertical-align: top;
            display: inline-block;
            margin-right: -4px;
        }
}

@media (min-width: 1200px) {
    .header .categories-content .level0 .level1.normal {
        padding-bottom: 15px;
    }

        .header .categories-content .level0 .level1.normal ul {
            vertical-align: top;
            display: inline-block;
            margin-right: -4px;
            width: 300px;
        }
}

.header .categories-content .level0 .level1 > ul {
    list-style-type: none;
}

    .header .categories-content .level0 .level1 > ul > li:not(:first-of-type) {
        border-top: 1px solid #ebebeb;
    }

    .header .categories-content .level0 .level1 > ul > li:last-of-type {
        border-bottom: 1px solid #ebebeb;
    }

    .header .categories-content .level0 .level1 > ul > li > a {
        transition: color 0.25s ease;
        font-family: "Raleway", sans-serif;
        padding-bottom: 10px;
        font-weight: 600;
        padding-top: 9px;
        font-size: 13px;
        display: block;
        color: black;
    }

        .header .categories-content .level0 .level1 > ul > li > a:hover {
            color: #528fcc;
        }

.header .categories-content .level0 .level1 .themesShortcuts {
    display: none;
}

@media (min-width: 1200px) {
    .header .categories-content .level0 .level1 .themesShortcuts {
        display: block;
    }

        .header .categories-content .level0 .level1 .themesShortcuts > a {
            transition: background-color 0.25s ease;
            font-family: "Raleway", sans-serif;
            text-transform: uppercase;
            background-color: whitesmoke;
            vertical-align: baseline;
            display: inline-block;
            margin-right: -4px;
            vertical-align: bottom;
            text-align: center;
            font-weight: 700;
            margin-top: 20px;
            font-size: 13px;
            padding: 20px;
            color: black;
            width: 20%;
        }

            .header .categories-content .level0 .level1 .themesShortcuts > a:hover {
                background-color: white;
            }

            .header .categories-content .level0 .level1 .themesShortcuts > a .themesShortcuts-wrapper {
                transform: translateY(-50%);
                position: relative;
                top: 50%;
            }

                .header .categories-content .level0 .level1 .themesShortcuts > a .themesShortcuts-wrapper .themeDecoration {
                    margin-bottom: 10px;
                }

        .header .categories-content .level0 .level1 .themesShortcuts:hover {
            background-color: white;
        }
}

.headerWrapper {
    position: relative;
}

.fixedHeader.header {
    margin-left: -585px;
    background-color: white;
    width: 1170px;
    position: fixed;
    height: 60px;
    z-index: 2;
    top: -60px;
    left: 50%;
}

    .fixedHeader.header .categories-content {
        background-color: #fff;
        padding: 4px 75px 0 0;
    }

        .fixedHeader.header .categories-content .level0-trigger {
            padding: 15px;
        }

        .fixedHeader.header .categories-content .level0 .level1 {
            top: 58px;
        }

    .fixedHeader.header .categories-extraContent {
        background-color: white;
        position: absolute;
        height: 59px;
        width: 115px;
        right: 0;
        top: 0;
    }

        .fixedHeader.header .categories-extraContent .searchBoxHeader {
            transition: bottom 0.25s ease;
            position: absolute;
            bottom: 20px;
            z-index: -1;
            right: 20px;
        }

            .fixedHeader.header .categories-extraContent .searchBoxHeader:before {
                background-color: white;
                border-radius: 25px;
                position: absolute;
                display: block;
                height: 76px;
                width: 310px;
                right: -10px;
                content: "";
                z-index: -1;
                top: -30px;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
            }

            .fixedHeader.header .categories-extraContent .searchBoxHeader.show {
                bottom: -46px;
            }

        .fixedHeader.header .categories-extraContent > a:not(:first-of-type) {
            display: none;
        }

        .fixedHeader.header .categories-extraContent .donateButton {
            position: absolute;
            right: 60px;
            top: 12px;
        }

        .fixedHeader.header .categories-extraContent .searchBoxHeaderTrigger:after {
            transition: all 0.25s ease;
            font-family: 'fontello';
            position: absolute;
            content: '\e802';
            font-size: 18px;
            cursor: pointer;
            color: #919191;
            right: 15px;
            z-index: 0;
            top: 17px;
            visibility: visible;
            opacity: 1;
        }

        .fixedHeader.header .categories-extraContent .searchBoxHeaderTrigger:before {
            transition: all 0.25s ease;
            font-family: 'fontello';
            position: absolute;
            content: '\e81e';
            font-size: 18px;
            cursor: pointer;
            color: #919191;
            right: 15px;
            z-index: 0;
            top: 17px;
            visibility: hidden;
            opacity: 0;
        }

        .fixedHeader.header .categories-extraContent .searchBoxHeaderTrigger:hover:after, .fixedHeader.header .categories-extraContent .searchBoxHeaderTrigger:hover:before {
            color: black;
        }

        .fixedHeader.header .categories-extraContent .searchBoxHeaderTrigger.clicked:after {
            transform: rotate(360deg);
            visibility: hidden;
            opacity: 0;
        }

        .fixedHeader.header .categories-extraContent .searchBoxHeaderTrigger.clicked:before {
            transform: rotate(360deg);
            visibility: visible;
            opacity: 1;
        }

.header > .donateButton {
    display: none;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header > .donateButton {
        padding: 11px 25px 0 50px;
        position: absolute;
        display: block;
        right: 110px;
        z-index: 2;
        top: 21px;
    }

        .header > .donateButton:before {
            transform: translateY(-50%);
            font-family: 'fontello';
            position: absolute;
            content: '\e80a';
            font-size: 20px;
            left: 20px;
            top: 50%;
        }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header .categories-extraContent {
        border-top: 10px solid whitesmoke;
    }
}

@media (min-width: 1200px) {
    .header .categories-extraContent {
        position: absolute;
        right: 15px;
        top: 15px;
    }
}

@media (max-width: 1199px) {
    .header .categories-extraContent .searchBox {
        position: absolute;
        left: 15px;
        top: 5px;
    }
}

@media (min-width: 1200px) {
    .header .categories-extraContent .searchBox {
        vertical-align: baseline;
        display: inline-block;
        margin-right: -4px;
        border-radius: 18px;
        position: relative;
        height: 36px;
    }

        .header .categories-extraContent .searchBox input[type="text"],
        .header .categories-extraContent .searchBox input[type="submit"] {
            height: 36px;
        }
}

.header .categories-extraContent a {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    color: #919191;
}

@media (max-width: 1199px) {
    .header .categories-extraContent a {
        padding: 12px 0 11px 20px;
        font-size: 13px;
        display: block;
    }

        .header .categories-extraContent a:not(:first-of-type) {
            border-bottom: 1px solid whitesmoke;
        }
}

@media (min-width: 1200px) {
    .header .categories-extraContent a {
        transition: color 0.25s ease, background-color 0.25s ease;
        vertical-align: baseline;
        display: inline-block;
        margin-right: -4px;
        margin-left: 25px;
        font-weight: 700;
        margin-right: 0;
        font-size: 12px;
    }

        .header .categories-extraContent a:hover {
            color: black;
        }
}

.header .categories-extraContent a.donateButton {
    position: relative;
    color: white;
}

@media (max-width: 767px) {
    .header .categories-extraContent a.donateButton {
        padding-left: 50px;
        border-radius: 0;
        height: 41px;
    }

        .header .categories-extraContent a.donateButton:hover {
            background-color: #5a7da1;
            color: white;
        }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header .categories-extraContent a.donateButton {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header .categories-extraContent a.donateButton {
        padding: 10px 20px 0 50px;
        vertical-align: baseline;
        display: inline-block;
        margin-right: -4px;
        border-radius: 18px;
        height: 36px;
    }

        .header .categories-extraContent a.donateButton:hover {
            color: black;
        }
}

.header .categories-extraContent a.donateButton:before {
    transform: translateY(-50%);
    font-family: 'fontello';
    position: absolute;
    content: '\e80a';
    font-size: 20px;
    left: 20px;
    top: 50%;
}

@media (max-width: 1199px) {
    .header-logo {
        position: absolute;
        z-index: 2;
        top: 3px;
        left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header-logo {
        top: 6px;
    }
}

@media (min-width: 1200px) {
    .header-logo {
        vertical-align: top;
        display: inline-block;
        margin-right: -4px;
        margin-top: 20px;
    }
}

.header-logo--small, .header-logo--big {
    padding: 10px;
}

.header-logo--small {
    width: 220px;
}

@media (min-width: 768px) {
    .header-logo--small {
        display: none;
    }
}

.header-logo--big {
    display: none;
    width: 320px;
}

@media (min-width: 768px) {
    .header-logo--big {
        display: block;
    }
}

.fixedHeader .header-logo {
    margin-top: 4px;
}

.fixedHeader .header-logo--small {
    display: block;
}

.fixedHeader .header-logo--big {
    display: none;
}

.trigram {
    background-color: #5a7da1;
    padding: 19px 15px;
    cursor: pointer;
    height: 59px;
    width: 59px;
}

@media (min-width: 768px) {
    .trigram {
        padding: 25px 15px;
        height: 79px;
        width: 79px;
    }
}

.trigram-line {
    transition: transform 0.25s ease;
}

    .trigram-line div {
        background-color: white;
        height: 3px;
        width: 100%;
    }

.trigram-line--first, .trigram-line--second {
    margin-bottom: 6px;
}

@media (min-width: 768px) {
    .trigram-line--first, .trigram-line--second {
        margin-bottom: 10px;
    }
}

.action .trigram-line {
    transform: rotate(225deg);
}

.action .trigram-line--first {
    transform: rotate(90deg);
    margin-bottom: -3px;
    margin-top: 9px;
}

@media (min-width: 768px) {
    .action .trigram-line--first {
        margin-top: 13px;
    }
}

.action .trigram-line--second {
    visibility: hidden;
}

.action .trigram-line--third {
    margin-top: -9px;
}

@media (min-width: 768px) {
    .action .trigram-line--third {
        margin-top: -13px;
    }
}

.menu-open {
    overflow-y: hidden;
}

    .menu-open .blackout {
        visibility: visible;
        opacity: 1;
    }

    .menu-open .categories {
        right: 0;
    }

@font-face {
    font-family: 'fontello';
    src: url("../font/fontello.eot?17942012");
    src: url("../font/fontello.eot?17942012#iefix") format("embedded-opentype"), url("../font/fontello.woff?17942012") format("woff"), url("../font/fontello.ttf?17942012") format("truetype"), url("../font/fontello.svg?17942012#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
}

.icons:before {
    font-family: 'fontello';
}

.icons:after {
    font-family: 'fontello';
}

.icons-circle {
    cursor: pointer;
}

    .icons-circle:after {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        color: black;
        border-radius: 100%;
        width: 36px;
        height: 36px;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
        background-color: #fff;
    }

    .icons-circle:hover:before {
        opacity: 0.8;
    }

.icons-doubleArrow:after {
    content: '\e805';
}

.icons-print {
    display: inline-block;
    cursor: pointer;
}

@media (max-width: 767px) {
    .icons-print {
        margin-bottom: 15px;
    }
}

.icons-print--gray:after {
    content: '\e801';
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: black;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: #fff;
    font-weight: 400;
    border: 1px solid #dedede;
}

.icons-print:after {
    content: '\e801';
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: black;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background-color: #fff;
    font-weight: 400;
}

.icons-print:hover:before {
    opacity: 0.8;
}

.icons-chevron:after {
    display: inline-block;
    content: '\e805';
    text-align: center;
    line-height: 38px;
    color: black;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    font-size: 13px;
}

.efc-icon-plus:before {
    content: '\e800';
    font-weight: 400;
}

.efc-icon-print:before {
    content: '\e801';
    font-weight: 400;
}

.efc-icon-search:before {
    content: '\e802';
    font-weight: 400;
}

.efc-icon-share:before {
    content: '\e803';
    font-weight: 400;
}

.efc-icon-smartphone:before {
    content: '\e804';
    font-weight: 400;
}

.efc-icon-arrow-double-down:before {
    content: '\e805';
    font-weight: 400;
}

.efc-icon-arrow-down:before {
    content: '\e806';
    font-weight: 400;
}

.efc-icon-arrow-dropdown:before {
    content: '\e807';
    font-weight: 400;
}

.efc-icon-arrow-left:before {
    content: '\e808';
    font-weight: 400;
}

.efc-icon-arrow-right:before {
    content: '\e809';
    font-weight: 400;
}

.efc-icon-donate:before {
    content: '\e80a';
    font-weight: 400;
}

.efc-icon-fax:before {
    content: '\e80b';
    font-weight: 400;
}

.efc-icon-get-involved:before {
    content: '\e80c';
    font-weight: 400;
}

.efc-icon-handshake:before {
    content: '\e80d';
    font-weight: 400;
}

.efc-icon-mail:before {
    content: '\e80e';
    font-weight: 400;
}

.efc-icon-mail-circled:before {
    content: '\e80f';
    font-weight: 400;
}

.efc-icon-phone:before {
    content: '\e810';
    font-weight: 400;
}

.efc-icon-play:before {
    content: '\e811';
    font-weight: 400;
}

.efc-icon-play-button:before {
    content: '\e812';
    font-weight: 400;
}

.efc-icon-google-plus:before {
    content: '\e813';
    font-weight: 400;
}

.efc-icon-instagram:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(/App_Themes/Efc/img/icons/instagram.svg) no-repeat center center;
}

.efc-icon-twitter:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(/App_Themes/Efc/img/icons/twitter.svg) no-repeat center center;
}

.efc-icon-youtube:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(/App_Themes/Efc/img/icons/youtube.svg) no-repeat center center;
}

.efc-icon-facebook:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(/App_Themes/Efc/img/icons/facebook.svg) no-repeat center center;
}

.efc-icon-linkedin:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(/App_Themes/Efc/img/icons/linkedin.svg) no-repeat center center;
}

/* Hands */
.efc-icon-care-for-the-vulnerable:before {
    content: '\e818';
    font-weight: 400;
}

/* Cross */
.efc-icon-church-and-mission:before {
    content: '\e819';
    font-weight: 400;
}

/* Persons */
.efc-icon-family-and-community:before {
    content: '\e81a';
    font-weight: 400;
}

/* Bird */
.efc-icon-religious-freedom:before {
    content: '\e81b';
    font-weight: 400;
}

/* Heart */
.efc-icon-sanctity-of-life:before {
    content: '\e81c';
    font-weight: 400;
}

.efc-icon-twitter-1:before {
    content: '\f099';
    font-weight: 400;
}

.efc-icon-facebook-1:before {
    content: '\f09a';
    font-weight: 400;
}

.efc-icon-gplus:before {
    content: '\f0d5';
    font-weight: 400;
}

.efc-icon-pinterest:before {
    content: '\f231';
    font-weight: 400;
}

.efc-icon-location:before {
    content: '\e81d';
    font-weight: 400;
}

.efc-icon-x:before {
    content: '\e81e';
    font-weight: 400;
}

.efc-icon-speaker:before {
    content: '\e820';
    font-weight: 400;
}

.efc-icon-download:before {
    content: '\e81f';
    font-weight: 400;
}

.efc-icon-rss:before {
    content: '\e821';
    font-weight: 400;
}

.efc-icon-get-informed:before {
    content: '\e822';
}

.efc-icon-support-efc:before {
    content: '\e823';
}

.efc-icon-what-can-you-do:before {
    content: '\e824';
}

.efc-icon-donate-fill:before {
    content: '\e825';
}

.efc-icon-take-action:before {
    content: '\e826';
}

.searchBoxHeader {
    /* Element variables */
    border-radius: 20px;
    height: 40px;
    position: relative;
    width: 290px;
}

    .searchBoxHeader label {
        display: none;
    }

    .searchBoxHeader input[type="text"] {
        padding-right: 80px;
        border-radius: 20px;
        padding-left: 20px;
        background-color: whitesmoke;
        height: 40px;
        font-size: 13px;
        color: black;
        border: none;
        width: 100%;
    }

        .searchBoxHeader input[type="text"]:focus {
            outline: none;
        }

    .searchBoxHeader input[type="submit"] {
        width: 60px;
        border-radius: 20px;
        background-color: transparent;
        height: 40px;
        position: absolute;
        border: none;
        z-index: 1;
        right: 0;
        top: 0;
    }

        .searchBoxHeader input[type="submit"]:focus {
            outline: none;
        }

        .searchBoxHeader input[type="submit"]:hover + .searchBoxHeader-searchIcon:after {
            color: black;
        }

.searchBoxHeader-searchIcon:after {
    transition: color 0.25s ease;
    transform: translateY(-50%);
    font-family: 'fontello';
    right: 20px;
    position: absolute;
    content: '\e802';
    font-size: 18px;
    color: #919191;
    z-index: 0;
    top: 50%;
}

/*
* Example of use
*
* <div class="themeDecoration themeDecoration-heart"></div>
*/
.themeDecoration {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'fontello';
    background-color: #fff;
    text-align: center;
    font-weight: 400;
    border-radius: 100px;
    color: #fff;
    height: 36px;
    width: 36px;
    font-size: 33px;
}

    .themeDecoration:hover {
        color: white;
    }

.themeDecoration--petit {
    height: 20px;
    width: 20px;
    font-size: 12px;
}

.themeDecoration-hands {
    background-color: #009943;
}

    .themeDecoration-hands:before {
        content: '\e818';
    }

.themeDecoration-cross {
    background-color: #006699;
}

    .themeDecoration-cross:before {
        content: '\e819';
    }

.themeDecoration-persons {
    background-color: #660099;
}

    .themeDecoration-persons:before {
        content: '\e81a';
    }

.themeDecoration-bird {
    background-color: #ffcb00;
}

    .themeDecoration-bird:before {
        content: '\e81b';
    }

.themeDecoration-heart {
    background-color: #cc0033;
}

    .themeDecoration-heart:before {
        content: '\e81c';
    }

.subpageContent {
    padding-top: 59px;
}

@media (min-width: 768px) {
    .subpageContent {
        padding-top: 79px;
    }
}

@media (min-width: 1200px) {
    .subpageContent {
        padding-top: 0;
    }
}

.themeBox {
    display: inline-block;
    position: absolute;
    right: -21px;
}

.themeBox--center {
    top: 50%;
    transform: translateY(-50%);
}

.themeBox--top {
    top: 8px;
}

.themeBox-element {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.themeBox-link {
    display: inline-block;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    background-color: red;
    z-index: -1;
    border-radius: 100px;
    line-height: 36px;
    overflow: hidden;
    width: 36px;
    color: white;
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

    .themeBox-link:hover {
        color: white;
    }

    .themeBox-link span {
        padding-right: 46px;
        padding-left: 20px;
    }

.sliderButton {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 60px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 1;
}

    .sliderButton:before {
        display: block;
        height: 27px;
        width: 13px;
        font-family: 'fontello';
        font-size: 27px;
        position: absolute;
        top: 0;
        bottom: 0;
        line-height: 27px;
        margin: auto;
    }

@media (min-width: 992px) {
    .sliderButton {
        width: 33px;
        height: 92px;
    }
}

.sliderButton-left {
    left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .sliderButton-left:before {
        left: 0px;
        content: '\e808';
    }

@media (min-width: 768px) {
    .sliderButton-left:before {
        left: 3px;
    }
}

.sliderButton-right {
    right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .sliderButton-right:before {
        left: 4px;
        content: '\e809';
    }

.sliderButton--dark {
    background-color: #5a7da1;
}

    .sliderButton--dark:before {
        color: white;
    }

    .sliderButton--dark:hover {
        background-color: #3f6488;
    }

.sliderButton--white {
    background-color: white;
}

    .sliderButton--white:before {
        color: #5a7da1;
    }

    .sliderButton--white:hover {
        background-color: #3f6488;
    }

.section {
    padding-top: 35px;
}

@media (min-width: 768px) {
    .section {
        padding-bottom: 30px;
    }
}

.section.border {
    border-bottom: 1px solid #dedede;
}

.share {
    display: inline-block;
    cursor: pointer;
}

.share-onRight {
    float: right;
}

    .share-onRight .share-media {
        right: 0;
    }

.share-onLeft .share-media {
    left: 0;
}

.share-button {
    position: relative;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #5a7da1;
    background-color: #fff;
    padding-top: 5.5px;
    padding-bottom: 5.5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 100px;
    min-width: 93px;
}

    .share-button:before {
        font-family: 'fontello';
        content: '\e803';
        font-size: 14px;
        padding-right: 10px;
    }

.share-media {
    display: none;
    position: absolute;
    top: -4px;
    white-space: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-radius: 100px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}

    .share-media:before {
        font-family: 'fontello';
        content: '\e803';
        font-size: 14px;
        padding-right: 18px;
        vertical-align: middle;
    }

    .share-media li {
        display: inline-block;
    }

.share-icon {
    display: inline-block;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    margin-left: 3.5px;
    margin-right: 3.5px;
    vertical-align: middle;
    text-align: center;
}

    .share-icon:hover {
        opacity: 0.7;
    }

    .share-icon:before {
        font-family: 'fontello';
        color: white;
        font-size: 16px;
        font-weight: 400;
        line-height: 29px;
        cursor: pointer;
    }

.share-icon--mail {
    background-color: black;
}

    .share-icon--mail:before {
        line-height: 26px;
        content: '\e80e';
    }

.share-icon--facebook {
    display: inline-block;
    width: 29px;
    height: 29px;
    background: url(/App_Themes/Efc/img/icons/facebook.svg) no-repeat center center;
}

.share-icon--twitter {
    display: inline-block;
    width: 29px;
    height: 29px;
    background: url(/App_Themes/Efc/img/icons/twitter.svg) no-repeat center center;
}

.share-icon--googleplus {
    background-color: #dc4e41;
}

    .share-icon--googleplus:before {
        content: '\f0d5';
    }

.share-icon--pinterest {
    background-color: #CB2027;
}

    .share-icon--pinterest:before {
        line-height: 30px;
        content: '\f231';
    }

/*
Example of use:

<div class="topicDecorator topicDecorator--TOPIC_THEME">
  <label>Topic:</label>
  <a href="#">TOPIC_NAME</a>
</div>
*/
.topicDecorator a,
.topicDecorator span,
.topicDecorator label {
    font-family: "Raleway", sans-serif;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
}

.topicDecorator span,
.topicDecorator label {
    vertical-align: middle;
    padding-right: 5px;
    color: #919191;
}

.topicDecorator a {
    transition: background-color 0.25s ease;
    padding: 2px 5px 1px 5px;
    border-radius: 3px;
}

@media (max-width: 767px) {
    .topicDecorator a {
        max-width: calc(100% - 45px);
    }
}

.topicDecorator--hands a {
    background-color: #009943;
    color: white;
}

    .topicDecorator--hands a:hover {
        background-color: rgba(0, 153, 67, 0.65);
    }

.topicDecorator--inline {
    vertical-align: baseline;
    display: inline-block;
    margin-right: -4px;
    margin-right: 20px;
}

.topicDecorator--cross a {
    background-color: #006699;
    color: white;
}

    .topicDecorator--cross a:hover {
        background-color: rgba(0, 102, 153, 0.65);
    }

.topicDecorator--persons a {
    background-color: #660099;
    color: white;
}

    .topicDecorator--persons a:hover {
        background-color: rgba(102, 0, 153, 0.65);
    }

.topicDecorator--bird a {
    background-color: #ffcb00;
    color: black;
}

    .topicDecorator--bird a:hover {
        background-color: rgba(255, 203, 0, 0.65);
    }

.topicDecorator--heart a {
    background-color: #cc0033;
    color: white;
}

    .topicDecorator--heart a:hover {
        background-color: rgba(204, 0, 51, 0.65);
    }

.youtubeFrame {
    background-color: whitesmoke;
    padding-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .youtubeFrame {
        margin-bottom: 0;
    }
}

.youtubeFrame .embed-responsive {
    margin-bottom: 18px;
}

@media (min-width: 768px) {
    .youtubeFrame .embed-responsive {
        margin-bottom: 24px;
    }
}

.youtubeFrame-description {
    padding-bottom: 1px;
}

@media (min-width: 768px) {
    .youtubeFrame-description {
        padding-left: 20px;
    }
}

.youtubeFrame h4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .youtubeFrame h4 {
        font-size: 26px;
        font-weight: 400;
        line-height: 40px;
    }
}

.youtubeFrame .topicDecorator {
    margin-right: 15px;
    margin-bottom: 18px;
}

.youtubeFrame .share {
    margin-bottom: 18px;
}

.switchBox {
    margin-bottom: 30px;
}

.switchBox-button {
    display: inline-block;
    background-color: whitesmoke;
    padding-top: 13px;
    padding-bottom: 20px;
    margin-left: -0.25em;
    width: 50%;
    text-align: center;
}

    .switchBox-button span {
        color: #919191;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .switchBox-button:first-of-type {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .switchBox-button:last-of-type {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .switchBox-button:hover span {
        border-bottom: 2px solid #b1a36f;
        padding-bottom: 3px;
    }

.switchBox-button--active {
    background-color: #5a7da1;
}

    .switchBox-button--active span {
        color: white;
        border-bottom: 2px solid #b1a36f;
        padding-bottom: 3px;
    }

.switchBox--constWidth {
    max-width: 360px;
    margin: auto;
}

.videoThumbnail {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #dedede;
}

.videoThumbnail-image {
    -ms-flex: 0 0 105px;
    flex: 0 0 105px;
    margin-right: 13px;
    height: 58px;
    background-size: cover;
}

    .videoThumbnail-image a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

@media (min-width: 768px) {
    .videoThumbnail-image {
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
        height: 78px;
    }
}

.videoThumbnail-description h5 {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin-bottom: 8px;
}

.youtubeSection {
    position: relative;
    background-color: #fff;
}

.youtubeListing {
    background-color: #fff;
}

.articleTeaser {
    border-bottom: 1px solid #dedede;
    margin-bottom: 26px;
}

@media (min-width: 768px) {
    .articleTeaser--withButtons .articleTeaser-image {
        height: 160px;
    }
}

.articleTeaser-image {
    display: inline-block;
    position: relative;
    width: calc(100% - 18px);
    height: 145px;
    border: 0;
    border-right-style: solid;
    border-right-width: 5px;
    margin-bottom: 9px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 768px) {
    .articleTeaser-image {
        width: 241px;
        height: 127px;
        margin-right: 27px;
    }
}

@media (min-width: 768px) {
    .articleTeaser-description {
        display: inline-block;
        width: calc(100% - 290px);
        vertical-align: top;
    }
}

@media (min-width: 768px) {
    .articleTeaser-description--resourceKits {
        float: right;
    }
}

@media (min-width: 992px) {
    .articleTeaser-description--resourceKits {
        float: none;
    }
}

@media (min-width: 1200px) {
    .articleTeaser-description--resourceKits {
        float: right;
    }
}

.articleTeaser-link {
    display: block;
    width: 100%;
    height: 100%;
}

.articleTeaser h4 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 11px;
}

@media (min-width: 768px) {
    .articleTeaser h4 {
        font-size: 24px;
        line-height: 28px;
    }
}

.articleTeaser time {
    display: inline-block;
    margin-bottom: 12px;
    margin-right: 20px;
}

.articleTeaser .topicDecorator {
    margin-bottom: 18px;
}

.articleTeaser .link {
    margin-right: 200px;
}

.articleTeaser--overflow {
    overflow: hidden;
}

.doubleShadow {
    z-index: 0;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

    .doubleShadow:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 20px;
        border-radius: 50%;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        box-shadow: 0 0 20px #919191;
    }

    .doubleShadow:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 20px;
        border-radius: 50%;
        z-index: -1;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        box-shadow: 0 0 20px #919191;
    }

    .doubleShadow > .container {
        background-color: #fff;
    }

.joinUsBox {
    position: relative;
    min-height: 180px;
    text-align: center;
    padding-top: 35px;
    border-bottom: 1px solid #dedede;
}

@media (min-width: 1200px) {
    .joinUsBox:nth-child(4) {
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .joinUsBox:nth-child(5) {
        border-bottom: none;
    }
}

.joinUsBox:nth-child(6) {
    border-bottom: none;
}

@media (min-width: 768px) {
    .joinUsBox {
        display: inline-block;
        vertical-align: top;
        margin-right: -0.25em;
        width: 50%;
        height: 250px;
        padding-top: 0;
    }

        .joinUsBox:nth-of-type(2n):before {
            display: none;
        }
}

@media (min-width: 992px) {
    .joinUsBox {
        display: inline-block;
        margin-right: -0.25em;
        width: 33.33333%;
    }

        .joinUsBox:nth-of-type(2n):before {
            display: inline-block;
        }

        .joinUsBox:nth-of-type(3n):before {
            display: none;
        }
}

@media (min-width: 768px) {
    .joinUsBox:before {
        display: inline-block;
        position: absolute;
        content: '';
        right: 0;
        top: 5%;
        width: 1px;
        height: 90%;
        background-color: #dedede;
    }
}

@media (min-width: 768px) {
    .joinUsBox-wrap {
        transform: translateY(-50%);
        position: relative;
        top: 50%;
    }
}

.joinUsBox-image {
    margin-bottom: 15px;
}

.joinUsBox-heading {
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 8px;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
}

@media (min-width: 768px) {
    .joinUsBox-heading {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 17px;
    }
}

@media (min-width: 992px) {
    .joinUsBox-heading {
        width: 75%;
    }
}

@media (min-width: 768px) {
    .joinUsBox-link {
        margin-bottom: 0;
    }
}

.joinUsBox-newsletterField {
    margin-bottom: 10px;
    padding-right: 30px;
    padding-left: 30px;
}

    .joinUsBox-newsletterField input[type="text"] {
        background: url(/App_Themes/Efc/img/email_homepage.png) no-repeat 25px 50%;
        background-color: transparent;
        background-color: white;
        border: 2px solid #dedede;
        border-radius: 20px;
        padding-right: 45px;
        padding-left: 45px;
        text-align: center;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 14px;
        color: black;
        height: 40px;
        width: 100%;
        margin-bottom: 10px;
    }

@media (min-width: 768px) {
    .joinUsBox-newsletterField input[type="text"] {
        margin-bottom: 15px;
    }
}

.joinUsBox-newsletterField input[type="text"]:focus {
    outline: 0;
}

.footer {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
}

@media (min-width: 992px) {
    .footer-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.footer-heading {
    color: black;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    margin-bottom: 27px;
}

@media (min-width: 992px) {
    .footer-heading {
        text-align: left;
    }
}

.footer-publication {
    display: block;
    margin-bottom: 10px;
}

@media (max-width: 1199px) {
    .footer-publication {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .footer-publication {
        vertical-align: baseline;
        display: inline-block;
        margin-right: -4px;
    }
}

.footer-right {
    text-align: center;
}

@media (min-width: 992px) {
    .footer-right {
        text-align: right;
    }
}

.footer-smallMenu {
    display: inline-block;
}

    .footer-smallMenu ul {
        display: inline-block;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-smallMenu li {
        display: inline-block;
        border-right: 1px solid #dedede;
    }

        .footer-smallMenu li:last-of-type {
            border-right: 0;
        }

            .footer-smallMenu li:last-of-type a {
                padding-right: 0;
            }

    .footer-smallMenu a {
        display: inline-block;
        color: #a6a6a6;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.footer-credits {
    display: block;
    text-align: center;
    color: #919191;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
    margin-top: 26px;
}

@media (min-width: 992px) {
    .footer-credits {
        text-align: left;
    }
}

.footer-logo {
    display: block;
    text-align: center;
    margin-top: 20px;
}

@media (min-width: 992px) {
    .footer-logo {
        margin-top: 0;
        text-align: left;
    }
}

.accordion h4 {
    display: none;
}

@media (min-width: 992px) {
    .accordion h4 {
        display: block;
        font-family: "Raleway", sans-serif;
        color: black;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) {
    .accordion button {
        display: none;
    }
}

.accordion ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .accordion ul {
        display: block !important;
    }
}

.accordion li {
    text-align: center;
}

@media (min-width: 992px) {
    .accordion li {
        text-align: left;
    }
}

.accordion a {
    display: block;
    width: 100%;
    height: 100%;
    color: #a6a6a6;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
}

    .accordion a:hover {
        color: black;
    }

.divider, .topicBox-divider {
    background-color: #dedede;
    height: 1px;
    width: 100%;
    margin-bottom: 35px;
}

.divider-small {
    width: auto;
    margin-bottom: 25px;
    margin-left: -30px;
    margin-right: -30px;
}

.stayConnected {
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .stayConnected {
        text-align: right;
        width: 100%;
    }
}

.stayConnected span {
    display: inline-block;
    vertical-align: middle;
    font-family: "Raleway", sans-serif;
    color: black;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .stayConnected span {
        display: inline-block;
        margin-right: 30px;
        margin-bottom: 0;
    }
}

.stayConnected ul {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    padding: 0;
    margin: 0;
}

.stayConnected a:before {
    font-family: 'fontello';
    font-size: 32px;
    margin-left: 7px;
}

.stayConnected a:hover:before {
    opacity: 0.8;
}

.affiliates {
    margin-top: 39px;
    border: 1px solid #dedede;
    border-top: 6px solid #b1a36f;
}

    .affiliates.noMargin {
        margin-top: 0;
    }

.affiliates-image {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 147px;
    background-size: cover;
    margin-bottom: 5px;
    background-position: center;
}

@media (min-width: 992px) {
    .affiliates-image {
        height: 185px;
    }
}

.affiliates-name {
    transition: color 0.25s ease;
    font-family: "Alice", serif;
    vertical-align: baseline;
    display: inline-block;
    margin-right: -4px;
    margin-top: 15px;
    font-size: 22px;
    color: black;
}

    .affiliates-name:hover {
        color: #5a7da1;
    }

.affiliates-position {
    transition: color 0.25s ease;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    vertical-align: baseline;
    display: inline-block;
    margin-right: -4px;
    margin-bottom: 15px;
    font-weight: 700;
    margin-top: 5px;
    font-size: 13px;
    color: black;
}

    .affiliates-position:hover {
        color: #5a7da1;
    }

.affiliates h2 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    padding-top: 15px;
    margin-left: auto;
    width: 80%;
}

.affiliates h6 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 8px;
    margin-top: 25px;
}

.affiliates span {
    display: inline-block;
    color: black;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.affiliates .sliderButton {
    top: 46px;
    bottom: initial;
}

.affiliates-slide {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.radialShadow--top:before {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    position: absolute;
    height: 20px;
    margin: auto;
    content: '';
    z-index: -1;
    width: 80%;
    right: 0;
    left: 0;
    top: 0;
}

.radialShadow--bottom:after {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    position: absolute;
    height: 20px;
    margin: auto;
    content: '';
    z-index: -1;
    width: 80%;
    bottom: 0;
    right: 0;
    left: 0;
}

.radialShadow-image--top:before {
    content: '';
    background-image: url("../img/radialShadow.png");
    background-size: 100% 15px;
    transform: rotate(180deg);
    width: calc(100% - 30px);
    position: absolute;
    height: 15px;
    opacity: 0.5;
    left: 15px;
    top: -15px;
}

.radialShadow-image--bottom:after {
    content: '';
    background-image: url("../img/radialShadow.png");
    background-size: 100% 15px;
    width: calc(100% - 30px);
    position: absolute;
    bottom: -15px;
    opacity: 0.5;
    height: 15px;
    left: 15px;
}

.radialShadow-image--left:after {
    content: '';
    background-image: url("../img/radialShadowVertical.png");
    background-size: 15px 100%;
    width: 15px;
    position: absolute;
    left: 0px;
    opacity: 0.5;
    height: 100%;
    top: 0;
    bottom: 0;
}

.shadower {
    z-index: 0;
    position: relative;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

    .shadower:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 20px;
        border-radius: 50%;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        box-shadow: 0 0 20px #919191;
    }

.sideMenu {
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideMenu-header {
        transform: translateX(-50%);
        margin-right: auto;
        position: absolute;
        margin-left: auto;
        width: 320px;
        left: 50%;
        top: 0;
    }
}

.sideMenu-header a {
    color: black;
    display: block;
    width: 100%;
    height: 100%;
}

    .sideMenu-header a:hover {
        color: #5a7da1;
    }

.sideMenu-content {
    padding-bottom: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideMenu-content {
        padding-top: 80px;
    }
}

.sideMenu-content > ul {
    padding-bottom: 30px;
}

.sideMenu-content ul {
    background-image: url(../img/sideMenuBackground.png);
    list-style-type: none;
    position: relative;
    margin-bottom: 0;
    padding-left: 0;
    margin-top: 0;
}

@media (min-width: 992px) {
    .sideMenu-content ul {
        background-image: none;
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {
    .sideMenu-content ul:before, .sideMenu-content ul:after {
        content: none;
    }
}

.sideMenu-content ul:before {
    transform: rotate(0);
    top: 0;
}

.sideMenu-content ul:after {
    transform: rotate(180deg);
    bottom: 0;
}

.sideMenu-content ul.target {
    display: none;
}

@media (min-width: 992px) {
    .sideMenu-content ul.target {
        display: block;
    }
}

.sideMenu-content ul .level0 {
    border-right: 1px solid #ebebeb;
    background-color: white;
    text-align: center;
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sideMenu-content ul .level0 {
        margin-right: auto;
        margin-left: auto;
        width: 320px;
    }
}

.sideMenu-content ul .level0.dropdown .nextLevelTrigger {
    position: relative;
}

    .sideMenu-content ul .level0.dropdown .nextLevelTrigger:before {
        transition: all 0.25s ease;
        font-family: 'fontello';
        position: absolute;
        font-weight: 700;
        content: '\e807';
        font-size: 8px;
        color: #b1a36f;
        right: 15px;
        top: 20px;
    }

    .sideMenu-content ul .level0.dropdown .nextLevelTrigger.currentLevel {
        border-left-color: #ebebeb;
        font-weight: 700;
    }

.sideMenu-content ul .level0 .nextLevelTrigger {
    transition: all 0.25s ease;
    font-family: "Raleway", sans-serif;
    border-bottom: 1px solid #ebebeb;
    border-left: 5px solid #ebebeb;
    padding: 15px 25px 15px 25px;
    font-weight: 400;
    font-size: 14px;
    display: block;
    color: black;
}

    .sideMenu-content ul .level0 .nextLevelTrigger:hover {
        background-color: #ebebeb;
        border-left-color: #dedede;
    }

        .sideMenu-content ul .level0 .nextLevelTrigger:hover:before {
            color: black;
        }

    .sideMenu-content ul .level0 .nextLevelTrigger.activeLevel {
        border-left-color: #b1a36f;
        font-weight: 700;
    }

        .sideMenu-content ul .level0 .nextLevelTrigger.activeLevel:before {
            transform: rotate(-180deg);
        }

        .sideMenu-content ul .level0 .nextLevelTrigger.activeLevel + .level1 {
            display: block;
        }

.sideMenu-content ul .level0 .level1 {
    list-style-type: none;
    padding-left: 0;
    display: none;
}

    .sideMenu-content ul .level0 .level1 a {
        transition: all 0.25s ease;
        font-family: "Raleway", sans-serif;
        border-bottom: 1px solid #dedede;
        border-left: 3px solid #ebebeb;
        padding: 12px 15px 12px 15px;
        background-color: whitesmoke;
        margin-left: 10px;
        font-weight: 500;
        font-size: 13px;
        display: block;
        color: #595959;
    }

        .sideMenu-content ul .level0 .level1 a:hover {
            border-left-color: #dedede;
            background-color: #ebebeb;
        }

        .sideMenu-content ul .level0 .level1 a.activeLevel {
            border-left-color: #b1a36f;
            font-weight: 700;
        }

.sideMenu-toggleButton {
    transition: all 0.25s ease;
    transform: translateX(-50%);
    background-color: #ebebeb;
    border-radius: 18px;
    position: absolute;
    cursor: pointer;
    bottom: 12px;
    height: 36px;
    width: 36px;
    z-index: 1;
    left: 50%;
}

@media (min-width: 992px) {
    .sideMenu-toggleButton {
        display: none;
    }
}

.sideMenu-toggleButton:after {
    font-family: 'fontello';
    position: absolute;
    content: '\e805';
    font-size: 17px;
    left: 10px;
    top: 7px;
}

.sideMenu-toggleButton.clicked {
    transform: rotate(180deg);
    left: calc(50% - 18px);
}

.ornamentBox {
    position: relative;
    margin-top: 25px;
    display: none;
}

@media (min-width: 992px) {
    .ornamentBox {
        display: block;
    }
}

.ornamentBox-title {
    font-family: "Alice", serif;
    transform: translateX(-50%);
    margin-bottom: -10px;
    white-space: nowrap;
    margin-right: auto;
    position: absolute;
    margin-left: auto;
    font-weight: 400;
    font-size: 25px;
    color: black;
    z-index: 1;
    left: 50%;
    top: 40px;
}

.ornamentBox-ornament {
    /* Element variables */
    border-radius: 55px;
    background-color: white;
    height: 110px;
    width: 110px;
    margin-right: auto;
    position: relative;
    margin-left: auto;
    border: 5px solid;
}

.ornamentBox-ornament--brown {
    border-color: #b1a36f;
}

.ornamentBox-ornament .ornamentBackground {
    height: 85px;
    background-color: white;
    width: 110px;
    position: absolute;
    left: -5px;
    top: -5px;
}

.ornamentBox-ornament img {
    height: 90px;
    width: 90px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.ornamentBox-content {
    margin-top: -25px;
    font-family: "Raleway", sans-serif;
    border-top: 5px solid #b1a36f;
    padding: 45px 20px 0 20px;
    background-color: whitesmoke;
    line-height: 1.5em;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: black;
}

    .ornamentBox-content h6 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 15px;
    }

    .ornamentBox-content p {
        text-align: center;
        font-size: 14px;
    }

        .ornamentBox-content p span {
            display: inline-block;
            font-weight: 500;
        }

.ornamentBox .helpers-textCenter {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.ornamentBox-corners {
    background-color: whitesmoke;
    margin-top: -20px;
    height: 40px;
    width: 100%;
}

.ornamentBox-corners--both {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.ornamentBox-corners--left {
    border-bottom-left-radius: 20px;
}

.ornamentBox-corners--right {
    border-bottom-right-radius: 20px;
}

.ornamentBox-extraContent .roundedBar {
    transition: all 0.25s ease;
    font-family: "Raleway", sans-serif;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    text-transform: uppercase;
    background-color: whitesmoke;
    font-weight: 700;
    margin-top: 1px;
    font-size: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: black;
    height: 50px;
}

    .ornamentBox-extraContent .roundedBar .themeDecoration {
        background-color: white;
        margin-right: 10px;
        margin-left: 10px;
        color: #b1a36f;
        font-size: 36px;
    }

    .ornamentBox-extraContent .roundedBar .themeDecoration-getInformed:before {
        content: '\e822';
    }

    .ornamentBox-extraContent .roundedBar .themeDecoration-supportEfc:before {
        content: '\e823';
    }

    .ornamentBox-extraContent .roundedBar .themeDecoration-whatCanYouDo:before {
        content: '\e824';
    }

    .ornamentBox-extraContent .roundedBar .themeDecoration-donate:before {
        content: '\e825';
    }

    .ornamentBox-extraContent .roundedBar .themeDecoration-takeAction:before {
        content: '\e826';
    }

    .ornamentBox-extraContent .roundedBar:hover {
        background-color: #ebebeb;
    }

.ornamentBox--contact {
    margin-bottom: 50px;
}

    .ornamentBox--contact .ornamentBox-ornament img {
        height: 66px;
        width: 70px;
        position: absolute;
        left: 14px;
        top: 18px;
    }

    .ornamentBox--contact .ornamentBox-content {
        padding-bottom: 20px;
    }

.boxSectionHeader {
    font-family: "Raleway", sans-serif;
    background-color: whitesmoke;
    border: 5px solid #dedede;
    padding-bottom: 27px;
    border-bottom: none;
    text-align: center;
    padding-top: 23px;
    font-weight: 500;
    font-size: 18px;
    color: black;
}

.boxSectionHeader-sideBorder {
    border-top: none;
}

.boxSectionHeader--persons {
    border-color: #660099;
}

.boxSectionHeader--family {
    border-color: #660099;
}

.boxSectionHeader--hands {
    border-color: #009943;
}

.boxSectionHeader--bird {
    border-color: #ffcb00;
}

.boxSectionHeader--cross {
    border-color: #006699;
}

.boxSectionHeader--heart {
    border-color: #cc0033;
}

.topicHeading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .topicHeading {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.topicHeading .headers-2 {
    margin: 0;
    margin-bottom: 10px;
}

.topicHeading-right {
    margin-bottom: 10px;
}

.topicIntro img {
    display: block;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

@media (min-width: 768px) {
    .topicIntro img {
        float: right;
        margin-left: 25px;
    }
}

.topicIntro p {
    font-size: 16px;
}

.topicIntro.wysiwyg {
    margin-bottom: 20px;
}

.helpers-flex {
    display: -ms-flexbox;
    display: flex;
}

.helpers-flex--spaceBetween {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.helpers-relative {
    position: relative;
}

.helpers-textCenter {
    text-align: center;
}

.helpers-noPadding--right {
    padding-right: 0px;
}

.helpers-noPadding--left {
    padding-left: 0px;
}

@media (min-width: 992px) {
    .helpers--removedParentMarginLeft {
        margin-left: -15px;
    }
}

.helpers-addBootstrapPading--left {
    padding-left: 15px;
}

.helpers-addBootstrapPading--right {
    padding-right: 15px;
}

.helpers-addBootstrapDoublePading--left {
    padding-left: 30px;
}

.helpers-addBootstrapDoublePading--right {
    padding-right: 30px;
}

.helpers--right {
    text-align: right;
}

.helpers--left {
    text-align: left;
}

.helpers-smallMargin--top {
    margin-top: 20px !important;
}

.relatedThemes {
    padding-bottom: 15px;
}

@media (min-width: 992px) {
    .relatedThemes {
        display: none;
    }
}

.relatedThemes-header {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
}

.relatedThemes-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    .relatedThemes li {
        display: inline-block;
        margin-right: 15px;
    }
}

.relatedThemes li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    color: black;
}

    .relatedThemes li a:hover {
        opacity: 0.8;
    }

.relatedThemes li .themeDecoration {
    margin-right: 10px;
}

.topicMore {
    position: relative;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .topicMore {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media (min-width: 768px) {
    .topicMore {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: center;
        align-items: center;
    }
}

.topicMore-more {
    display: inline-block;
    color: #919191;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .topicMore-more {
        cursor: default;
    }
}

.topicMore-more:after {
    margin-left: 15px;
}

@media (min-width: 768px) {
    .topicMore-more:after {
        display: none;
    }
}

.topicMore-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    display: none;
}

@media (min-width: 768px) {
    .topicMore-list {
        display: inherit !important;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        width: 100%;
        margin-top: 0;
    }
}

.topicMore-item {
    text-align: center;
    padding-bottom: 7px;
    padding-top: 7px;
}

@media (min-width: 768px) {
    .topicMore-item {
        display: inline-block;
    }
}

.topicBox {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 30px 20px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 100%;
}

@media (min-width: 768px) {
    .topicBox {
        width: 48%;
        float: left;
    }
}

.topicBox-header {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 18px;
}

    .topicBox-header span {
        display: inline-block;
        padding-bottom: 2px;
        border-bottom: 3px solid #ffcb00;
    }

.topicBox-time {
    font-size: 16px;
    font-weight: 400;
}

.topicBox-title {
    font-size: 24px;
    /* Przybliżenie (wynika z podstawienia czcionki) */
    font-weight: 400;
    margin-bottom: 8px;
}

    .topicBox-title.decorated {
        margin-bottom: 15px;
        padding-left: 15px;
        position: relative;
        margin-top: 15px;
    }

        .topicBox-title.decorated:before {
            background-color: #ebebeb;
            height: calc(100% - 10px);
            position: absolute;
            display: block;
            content: '';
            width: 5px;
            top: 5px;
            left: 0;
            border-radius: 2px;
        }

    .topicBox-title.decorated--hands:before {
        background-color: #009943;
    }

    .topicBox-title.decorated--cross:before {
        background-color: #006699;
    }

    .topicBox-title.decorated--persons:before {
        background-color: #660099;
    }

    .topicBox-title.decorated--bird:before {
        background-color: #ffcb00;
    }

    .topicBox-title.decorated--heart:before {
        background-color: #cc0033;
    }

    .topicBox-title.decorated--family:before {
        background-color: #660099;
    }

.topicBox-divider {
    margin-bottom: 23px;
}

.topicBox-image {
    height: 160px;
    margin-bottom: 12px;
    background-size: cover;
    margin-left: -20px;
    margin-right: -20px;
}

@media (min-width: 768px) {
    .topicBox-image {
        height: 200px;
    }
}

.topicBox-paragraph-faq span {
    background: #e6dcb8;
}

.topicBox-paragraph-faq-fullDescription {
    display: none;
}

.topicBox-list h4 {
    font-family: "Raleway", sans-serif;
    color: #919191;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.topicBox-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 11px;
}

.topicBox-list li {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .topicBox-list li a {
        color: black;
    }

.topicBox-bottom {
    background: whitesmoke;
    margin: 0 -15px;
    padding: inherit;
    padding-bottom: 20px;
    position: relative;
}

@media (min-width: 768px) {
    .topicBox-bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
    }
}

.topicBox-bottom span {
    font-size: 14px;
    font-weight: 500;
    color: black;
}

.topicBox-bottom-themeDecorations {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.topicBox-bottom-themeDecorations-container {
    display: -ms-flexbox;
    display: flex;
    margin-right: 9px;
}

.topicBox-bottom .themeDecoration {
    height: 20px;
    width: 20px;
    font-size: 19px;
    margin-right: 1px;
}

    .topicBox-bottom .themeDecoration:before {
        transform: translateX(-50%);
        position: relative;
        left: 50%;
    }

.topicBox-bottom .helpers-textCenter {
    text-align: left;
}

.topicBox-bottom .button-basic {
    padding: 9px 20px;
    margin: 20px 0 0;
}

@media (min-width: 768px) {
    .topicBox-bottom .button-basic {
        margin-top: 0;
    }
}

.topicBox--faq {
    padding: 20px 15px 0;
    margin-bottom: 35px;
    width: 100%;
}

    .topicBox--faq h5 {
        display: none;
        font-family: "Raleway", sans-serif;
        color: black;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .topicBox--faq .topicBox-title.decorated {
        margin-top: 0;
    }

    .topicBox--faq ul {
        padding: 0;
        margin: 0;
    }

    .topicBox--faq li {
        border: none !important;
    }

        .topicBox--faq li:not(:first-child) {
            display: none;
        }

        .topicBox--faq li a {
            white-space: nowrap;
        }

    .topicBox--faq p {
        margin-bottom: 20px;
    }

.topicBox--faq-shown h5 {
    display: block;
}

.topicBox--faq-shown li:not(:first-child) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.topicBox--faq-shown li {
    border-top: 1px solid #dedede !important;
    padding: 10px 0;
}

@media (min-width: 768px) {
    .topicBox--faq-shown li {
        margin-right: 170px;
    }

        .topicBox--faq-shown li:last-child {
            padding-bottom: 0;
        }
}

@media (min-width: 768px) {
    .topicBox--faq-shown .topicBox-bottom {
        display: block;
    }

        .topicBox--faq-shown .topicBox-bottom .button-basic {
            position: absolute;
            margin-top: -30px;
            right: 15px;
        }
}

.topicBox--faq-shown .topicBox-bottom-themeDecorations-container {
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
}

.topicBox--faq-shown .topicBox-paragraph-faq-shortDescription {
    display: none;
}

.topicBox--faq-shown .topicBox-paragraph-faq-fullDescription {
    display: block;
}

.topicHighlights-header {
    margin-bottom: 10px;
}

.topicHighlights hr {
    margin: 0;
}

.topicHighlights-links {
    margin-bottom: 40px;
    margin-right: -1px;
    text-align: center;
    margin-left: -4px;
    padding-top: 10px;
}

@media (min-width: 768px) {
    .topicHighlights-links {
        margin-right: -8px;
        margin-left: -11px;
    }
}

@media (min-width: 992px) {
    .topicHighlights-links {
        margin-right: 0;
        margin-left: 0;
    }
}

.topicHighlights-links > div {
    vertical-align: top;
    display: inline-block;
    margin-right: -4px;
    margin-bottom: 8px;
    width: 50%;
}

@media (min-width: 768px) {
    .topicHighlights-links > div {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .topicHighlights-links > div {
        display: block;
        width: 100%;
    }
}

.topicHighlights-links > div > a {
    margin-right: 3px;
    margin-left: 3px;
    overflow: hidden;
    display: block;
}

    .topicHighlights-links > div > a:hover > img {
        transform: scale(1.1);
    }

@media (min-width: 768px) {
    .topicHighlights-links > div > a {
        margin-bottom: 14px;
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (min-width: 992px) {
    .topicHighlights-links > div > a {
        margin-bottom: 10px;
        margin-right: 0;
        margin-left: 0;
    }
}

.topicHighlights-links > div > a > img {
    transition: all 0.25s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
}

.topicsList {
    margin-bottom: 40px;
}

    .topicsList h1 {
        text-align: center;
        margin-top: 20px;
        padding-bottom: 25px;
        position: relative;
    }

    .topicsList h2 {
        position: relative;
        text-align: center;
        border-bottom: 1px solid #dedede;
        padding: 25px 0;
        margin-bottom: 0;
    }

    .topicsList h3 {
        margin-bottom: 5px;
    }

    .topicsList p {
        margin-bottom: 10px;
    }

    .topicsList .content-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px;
    }

    .topicsList .link-more {
        margin: 0 15px 0 auto;
    }

    .topicsList .share-button {
        padding-left: 0;
    }

    .topicsList .singleTopic {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        padding: 35px 20px 25px 5px;
        border-bottom: 1px solid #dedede;
        padding-right: 20px;
        padding-left: 5px;
    }

        .topicsList .singleTopic:first-of-type {
            border-top: 1px solid #dedede;
        }

@media (min-width: 768px) {
    .topicsList .singleTopic {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.topicsList .singleTopic-image {
    position: relative;
    border-right: 6px solid #b1a36f;
}

@media (max-width: 767px) {
    .topicsList .singleTopic-image {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .topicsList .singleTopic-image img {
        width: 100%;
    }
}

.topicsList .singleTopic-image li {
    transform: translateX(50%);
}

.topicsList .singleTopic-content {
    padding-top: 10px;
}

@media (min-width: 768px) {
    .topicsList .singleTopic-content {
        padding-left: 30px;
        padding-top: 0;
    }
}

.topicsList .themeBox {
    position: absolute;
    top: 9px;
    right: -2.5px;
    transform: translateX(50%);
}

.topicsMenu {
    display: none;
}

@media (min-width: 992px) {
    .topicsMenu {
        display: block;
    }
}

.topicsMenu.solidColours .themeDecoration-persons + a {
    transition: all 0.25s ease;
    background: #660099;
    color: white;
}

    .topicsMenu.solidColours .themeDecoration-persons + a:hover {
        background-color: #dedede;
        color: black;
    }

.topicsMenu.solidColours .themeDecoration-bird + a {
    transition: all 0.25s ease;
    background: #ffcb00;
    color: white;
}

    .topicsMenu.solidColours .themeDecoration-bird + a:hover {
        background-color: #dedede;
        color: black;
    }

.topicsMenu.solidColours .themeDecoration-cross + a {
    transition: all 0.25s ease;
    background: #006699;
    color: white;
}

    .topicsMenu.solidColours .themeDecoration-cross + a:hover {
        background-color: #dedede;
        color: black;
    }

.topicsMenu.solidColours .themeDecoration-hands + a {
    transition: all 0.25s ease;
    background: #009943;
    color: white;
}

    .topicsMenu.solidColours .themeDecoration-hands + a:hover {
        background-color: #dedede;
        color: black;
    }

.topicsMenu.solidColours .themeDecoration-heart + a {
    transition: all 0.25s ease;
    background: #cc0033;
    color: white;
}

    .topicsMenu.solidColours .themeDecoration-heart + a:hover {
        background-color: #dedede;
        color: black;
    }

.topicsMenu h4 {
    width: 100%;
    height: 70px;
    background-color: whitesmoke;
    border-radius: 4px 4px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #dedede;
    border-bottom: 0;
}

.topicsMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.topicsMenu li {
    width: 100%;
    height: 70px;
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    margin: 10px 0;
    font-size: 19px;
    border-left: 25px solid whitesmoke;
    position: relative;
}

.topicsMenu a, .topicsMenu span:not(.themeDecoration) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-left: 30px;
    color: black;
    font-family: Alice;
    font-weight: 400;
}

.topicsMenu .themeDecoration-persons + a:hover, .topicsMenu .themeDecoration-persons + span, .topicsMenu .themeDecoration-persons--active + a:hover, .topicsMenu .themeDecoration-persons--active + span {
    background: #660099;
    color: #fff;
}

.topicsMenu .themeDecoration-bird + a:hover, .topicsMenu .themeDecoration-bird + span, .topicsMenu .themeDecoration-bird--active + a:hover, .topicsMenu .themeDecoration-bird--active + span {
    background: #ffcb00;
    color: #fff;
}

.topicsMenu .themeDecoration-cross + a:hover, .topicsMenu .themeDecoration-cross + span, .topicsMenu .themeDecoration-cross--active + a:hover, .topicsMenu .themeDecoration-cross--active + span {
    background: #006699;
    color: #fff;
}

.topicsMenu .themeDecoration-hands + a:hover, .topicsMenu .themeDecoration-hands + span, .topicsMenu .themeDecoration-hands--active + a:hover, .topicsMenu .themeDecoration-hands--active + span {
    background: #009943;
    color: #fff;
}

.topicsMenu .themeDecoration-heart + a:hover, .topicsMenu .themeDecoration-heart + span, .topicsMenu .themeDecoration-heart--active + a:hover, .topicsMenu .themeDecoration-heart--active + span {
    background: #cc0033;
    color: #fff;
}

.topicsMenu .themeDecoration {
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    border: 2px solid whitesmoke;
}

.topicsPage .topicsMenu {
    margin-top: 20px;
}

.themePage {
    margin-top: 20px;
}

.articleFull {
    margin: 0 -15px;
}

@media (min-width: 768px) {
    .articleFull {
        margin: 0;
    }
}

.articleFull .articleHeader {
    height: 90px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

    .articleFull .articleHeader:before {
        content: '';
        height: inherit;
        width: 30px;
        display: block;
        background: #b1a36f;
    }

.articleFull-persons .articleHeader:before {
    background: #660099;
}

.articleFull-family .articleHeader:before {
    background: #660099;
}

.articleFull-hands .articleHeader:before {
    background: #009943;
}

.articleFull-bird .articleHeader:before {
    background: #ffcb00;
}

.articleFull-cross .articleHeader:before {
    background: #006699;
}

.articleFull-heart .articleHeader:before {
    background: #cc0033;
}

.articleFull h1 {
    margin-bottom: 0;
    padding-left: 35px;
}

.articleFull .themeDecoration {
    position: absolute;
    left: 8px;
    border: 2px solid #fff;
    top: 50%;
    transform: translateY(-50%);
}

.articleFull .share {
    margin-left: auto;
}

.articleFull p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 26px;
}

    .articleFull p:last-of-type {
        margin-bottom: 20px;
    }

.articleFull p {
    padding: 0 15px;
}

@media (min-width: 768px) {
    .articleFull p {
        padding: 0;
    }
}

.wrapper:before, .wrapper:after {
    content: " ";
    display: table;
}

.wrapper:after {
    clear: both;
}

.wrapper-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.breadcrumbs {
    text-transform: uppercase;
    margin-bottom: 16px;
    font-weight: 600;
    margin-top: 6px;
    font-size: 11px;
}

    .breadcrumbs a {
        color: #919191;
    }

        .breadcrumbs a:hover {
            color: black;
        }

    .breadcrumbs span {
        padding-right: 2px;
        padding-left: 2px;
    }

        .breadcrumbs span:not(:last-of-type) {
            vertical-align: text-bottom;
        }

    .breadcrumbs .CMSBreadCrumbsCurrentItem {
        color: black;
    }

.splashImage {
    position: relative;
    height: 108px;
    background-size: cover;
    background-position: center;
}

    .splashImage[data-yt]::before, .splashImage[data-yt]::after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .splashImage[data-yt]::after {
        background: url(/App_Themes/Efc/img/yt-play-arrow.png);
        background-size: cover;
        width: 17px;
        height: 17px;
    }

    .splashImage[data-yt]::before {
        background: rgba(0, 0, 0, 0.5);
        height: 40px;
        width: 57px;
        border-radius: 13px;
    }

@media (min-width: 1200px) {
    .splashImage[data-yt]::before {
        width: 106px;
        height: 74px;
    }

    .splashImage[data-yt]::after {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 768px) {
    .splashImage {
        height: 274px;
    }
}

@media (min-width: 992px) {
    .splashImage {
        height: 323px;
    }
}

.splashImage--big {
    height: 140px;
}

@media (min-width: 768px) {
    .splashImage--big {
        height: 356px;
    }
}

@media (min-width: 992px) {
    .splashImage--big {
        height: 420px;
    }
}

.splashImage--affiliates {
    height: 147px;
}

@media (min-width: 992px) {
    .splashImage--affiliates {
        height: 185px;
    }
}

.bodySearch.withMargin {
    margin-bottom: 40px;
}

.bodySearch.withShadow {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {
    .bodySearch {
        -ms-flex: 0 0 145px;
        flex: 0 0 145px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
}

.bodySearch-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px;
    height: 30px;
}

@media (min-width: 768px) {
    .bodySearch-heading {
        height: 50px;
    }
}

@media (min-width: 992px) {
    .bodySearch-heading {
        -ms-flex: 0 0 145px;
        flex: 0 0 145px;
    }
}

.bodySearch-heading span {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}

.bodySearch-search {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
    height: 60px;
    background-color: whitesmoke;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}

@media (min-width: 768px) {
    .bodySearch-search {
        -ms-flex: 1;
        flex: 1;
    }
}

.bodySearch-search label {
    display: none;
}

.bodySearch-search input[type="text"] {
    background-color: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 2px solid #dedede;
    border-right: 0;
    height: 40px;
    width: 100%;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    padding-left: 20px;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    color: black;
}

    .bodySearch-search input[type="text"]:focus {
        outline: none;
    }

.bodySearch-search input[type="submit"] {
    position: relative;
    background-color: transparent;
    color: white;
    height: 40px;
    width: 45px;
    text-indent: -99px;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    outline: 0;
    border: 0;
    z-index: 1;
    transition: color 0.25s ease;
}

@media (min-width: 768px) {
    .bodySearch-search input[type="submit"] {
        width: 145px;
        text-indent: 0;
        padding-right: 25px;
        padding-left: 50px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
    }
}

.bodySearch-search input[type="submit"]:hover {
    color: black;
}

    .bodySearch-search input[type="submit"]:hover + .searchIcon {
        background-color: #dedede;
    }

        .bodySearch-search input[type="submit"]:hover + .searchIcon:before {
            color: black;
        }

.bodySearch-search .searchIcon {
    transition: all 0.25s ease;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #5a7da1;
    position: absolute;
    height: 40px;
    width: 40px;
    right: 15px;
    top: 10px;
    z-index: 0;
}

@media (min-width: 768px) {
    .bodySearch-search .searchIcon {
        width: 131px;
    }
}

.bodySearch-search .searchIcon:before {
    transition: all 0.25s ease;
    font-family: 'fontello';
    position: absolute;
    content: '\e802';
    font-size: 18px;
    color: white;
    left: 11px;
    top: 8px;
}

@media (min-width: 768px) {
    .bodySearch-search .searchIcon:before {
        left: 20px;
    }
}

.bodySearch--borderVersion {
    border: 2px solid #dedede;
    padding-bottom: 10px;
    border-radius: 8px;
    padding-top: 10px;
}

@media (max-width: 767px) {
    .bodySearch--borderVersion .bodySearch-heading {
        padding-bottom: 10px;
        padding-left: 0;
        height: 40px;
    }
}

@media (max-width: 767px) {
    .bodySearch--borderVersion .bodySearch-heading > span {
        margin-right: auto;
        margin-left: auto;
    }
}

.bodySearch--borderVersion .bodySearch-search {
    background-color: transparent;
}

.bodySearch--again {
    background-color: whitesmoke;
    padding-bottom: 20px;
    padding-top: 20px;
}

.aboutBlog {
    border: 1px solid #dedede;
    border-top: none;
    width: 100%;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .aboutBlog {
        width: 200px;
        float: right;
    }
}

.aboutBlog .button-chevron {
    font-family: "Raleway", sans-serif;
    color: black;
    font-size: 18px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    border-top: 3px solid #5a7da1;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .aboutBlog .button-chevron:after {
        display: none;
    }
}

.aboutBlog-feedback {
    padding: 5px 15px 25px 15px;
}

    .aboutBlog-feedback > a {
        font-family: "Raleway", sans-serif;
        font-size: 14px;
        color: black;
    }

        .aboutBlog-feedback > a:hover {
            color: #5a7da1;
        }

            .aboutBlog-feedback > a:hover:before {
                background-color: rgba(177, 163, 111, 0.65);
            }

        .aboutBlog-feedback > a:before {
            transition: background-color 0.25s ease;
            background-color: #b1a36f;
            font-family: 'fontello';
            display: inline-block;
            vertical-align: 2px;
            border-radius: 10px;
            margin-right: 8px;
            font-size: 12px;
            color: white;
            height: 20px;
            width: 20px;
        }

        .aboutBlog-feedback > a:first-of-type:before {
            padding-left: 5px;
            padding-top: 3px;
            content: '\e821';
            font-size: 10px;
        }

        .aboutBlog-feedback > a:last-of-type:before {
            padding-left: 4px;
            padding-top: 1px;
            content: '\e80e';
        }

.aboutBlog .button-plus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Raleway", sans-serif;
    color: black;
    font-size: 13px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
    height: 40px;
    border-top: 1px solid #dedede;
    cursor: pointer;
}

@media (min-width: 768px) {
    .aboutBlog .button-plus {
        height: 50px;
    }
}

.aboutBlog .button-plus:before {
    margin-right: 10px;
}

.aboutBlog-wrap {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    display: none;
}

.aboutBlog-tags {
    padding-bottom: 20px;
    max-height: 250px;
    overflow-y: scroll;
}

    .aboutBlog-tags span {
        display: block;
    }

        .aboutBlog-tags span a {
            text-transform: capitalize;
            display: inline-block;
            font-size: 11px !important;
            font-weight: 700;
            padding-left: 7px;
            padding-right: 7px;
            padding-bottom: 5px;
            padding-top: 5px;
        }

.aboutBlog-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .aboutBlog-posts li {
        border-bottom: 1px solid #dedede;
    }

        .aboutBlog-posts li:last-of-type {
            border-bottom: 0;
        }

        .aboutBlog-posts li:first-of-type h3 {
            margin-top: 0;
        }

    .aboutBlog-posts h3 {
        font-size: 16px;
        position: relative;
        padding-left: 15px;
        line-height: 19px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .aboutBlog-posts h3.hands:before {
            background-color: #009943;
        }

        .aboutBlog-posts h3.cross:before {
            background-color: #006699;
        }

        .aboutBlog-posts h3.persons:before {
            background-color: #660099;
        }

        .aboutBlog-posts h3.bird:before {
            background-color: #ffcb00;
        }

        .aboutBlog-posts h3.heart:before {
            background-color: #cc0033;
        }

        .aboutBlog-posts h3.family:before {
            background-color: #660099;
        }

        .aboutBlog-posts h3:before {
            content: '';
            position: absolute;
            left: 0;
            width: 5px;
            height: 100%;
            top: 0;
            bottom: 0;
            margin: auto;
            background-color: red;
            border-radius: 10px;
        }

.aboutBlog-description {
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

@media (min-width: 768px) {
    .aboutBlog-description {
        display: block;
    }
}

@media (min-width: 768px) {
    .postList {
        width: calc(100% - 240px);
        float: left;
    }
}

@media (min-width: 992px) {
    .postList--tablet {
        width: calc(100% - 240px);
        float: left;
    }
}

.postList--clear {
    float: none;
    width: 100%;
}

.postList-dispatchesFromBrian {
    width: 100%;
}

.postTeaser {
    position: relative;
    margin-right: 15px;
    margin-bottom: 55px;
}

    .postTeaser:after {
        position: absolute;
        right: 0;
        top: 0;
        display: inline-block;
        content: '';
        height: 100%;
        width: 5px;
        border-radius: 100px;
        z-index: -1;
    }

    .postTeaser .themeBox {
        right: -16px;
        z-index: 1;
    }

.postTeaser-date {
    font-family: "Alice", serif;
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: black;
}

.postTeaser-header {
    transition: color 0.25s ease;
    font-family: "Alice", serif;
    vertical-align: baseline;
    display: inline-block;
    margin-right: -4px;
    padding-right: 45px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
    font-size: 24px;
    cursor: pointer;
    color: black;
}

    .postTeaser-header:hover {
        color: #5a7da1;
    }

    .postTeaser-header:before {
        position: absolute;
        left: 0;
        display: inline-block;
        content: '';
        height: 100%;
        width: 5px;
        border-radius: 2px;
        margin-right: 5px;
    }

@media (min-width: 768px) {
    .postTeaser-header {
        font-size: 28px;
    }
}

.postTeaser-description {
    font-size: 16px;
    padding-right: 15px;
    margin-bottom: 6px;
}

@media (min-width: 768px) {
    .postTeaser-description {
        padding-right: 35px;
    }
}

.postTeaser-tags {
    margin-bottom: 6px;
}

    .postTeaser-tags span {
        display: inline-block;
        padding-right: 10px;
        text-transform: uppercase;
        color: #919191;
        font-size: 11px;
    }

    .postTeaser-tags a {
        display: inline-block;
        text-transform: uppercase;
        font-size: 11px;
    }

.postTeaser-:after, .postTeaser- .postTeaser-header:before {
    background-color: #b1a36f;
}

.postTeaser-hands:after, .postTeaser-hands .postTeaser-header:before {
    background-color: #009943;
}

.postTeaser-cross:after, .postTeaser-cross .postTeaser-header:before {
    background-color: #006699;
}

.postTeaser-persons:after, .postTeaser-persons .postTeaser-header:before {
    background-color: #660099;
}

.postTeaser-bird:after, .postTeaser-bird .postTeaser-header:before {
    background-color: #ffcb00;
}

.postTeaser-heart:after, .postTeaser-heart .postTeaser-header:before {
    background-color: #cc0033;
}

.postTeaser-family:after, .postTeaser-family .postTeaser-header:before {
    background-color: #660099;
}

.postTeaser-dispatchesFromBrian {
    margin-top: 30px;
    margin-bottom: 0;
    display: inline-block;
}

    .postTeaser-dispatchesFromBrian:after {
        display: none;
    }

    .postTeaser-dispatchesFromBrian .link-more {
        float: right;
    }

    .postTeaser-dispatchesFromBrian + .helpers-textCenter {
        margin-top: 25px;
    }

.postTeaser .link-more {
    margin-bottom: 5px;
    margin-top: 20px;
}

.newsletterSidebar {
    position: relative;
    background-color: whitesmoke;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 35px 15px;
    padding-top: 22px;
    padding-bottom: 39px;
    border-top: 4px solid #b1a36f;
    margin-bottom: 40px;
    display: none;
}

@media (min-width: 992px) {
    .newsletterSidebar {
        display: block;
    }
}

.newsletterSidebar:before {
    display: inline-block;
    text-align: center;
    line-height: 34px;
    font-family: 'fontello';
    background-color: #b1a36f;
    width: 36px;
    height: 36px;
    content: '\e80e';
    color: white;
    border-radius: 100%;
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 21px;
}

.newsletterSidebar-header {
    font-size: 24px;
    text-align: center;
    margin-bottom: 12px;
}

.newsletterSidebar-description {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.newsletterSidebar input[type="text"] {
    border: 2px solid #dedede;
    border-radius: 20px;
    height: 36px;
    text-align: center;
    width: 100%;
}

    .newsletterSidebar input[type="text"]:focus {
        outline: 0;
    }

.newsletterSidebar .helpers-textCenter {
    width: 100%;
}

.newsletterSidebar .elementOffset {
    position: absolute;
    left: 0;
    bottom: -24px;
}

.newsletterSidebar .button {
    margin: 0;
}

.newsletterSidebar .InfoMessage {
    color: #009943;
}

.newsletterSidebar .ErrorMessage {
    color: #e62600;
}

.decoratedSelect {
    display: inline-block;
    padding-bottom: 30px;
    position: relative;
}

@media (min-width: 768px) {
    .decoratedSelect {
        padding-bottom: 0;
    }
}

.decoratedSelect span {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .decoratedSelect span {
        padding-bottom: 0;
        padding-left: 0;
    }
}

.decoratedSelect select {
    font-family: "Alice", serif;
    font-size: 15px;
    border-radius: 20px;
    border: 2px solid #dedede;
    height: 36px;
    padding-left: 20px;
    padding-right: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    cursor: pointer;
}

@media (max-width: 767px) {
    .decoratedSelect select {
        width: 100%;
    }
}

.decoratedSelect select:focus {
    outline: 0;
}

.decoratedSelect--fullWidth select {
    width: 100%;
}

.decoratedSelect--text select {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
}

.courtList {
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
}

.bigSplashImage {
    height: 108px;
    background-size: cover;
    background-position: center;
    margin: 15px 0 5px 0;
}

@media (min-width: 768px) {
    .bigSplashImage {
        height: 274px;
    }
}

@media (min-width: 992px) {
    .bigSplashImage {
        height: 434px;
        margin-top: 30px;
    }
}

.contactForm {
    padding: 30px 15px;
    //background-color: whitesmoke;
    margin-right: -15px;
    margin-left: -15px;
    width: auto;
}

@media (min-width: 768px) {
    .contactForm {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (min-width: 992px) {
    .contactForm {
        padding: 30px 10%;
    }
}

.contactForm label {
    display: block;
    font-family: "Raleway", sans-serif;
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 5px;
}

.contactForm input[type="text"], .contactForm select {
    width: 100%;
    border: 2px solid #dedede;
    height: 40px;
    border-radius: 20px;
    margin-bottom: 15px;
    padding: 0px 20px;
    outline: none;
}

    .contactForm input[type="text"].short {
        width: 202px;
    }

.contactForm textarea {
    border: 2px solid #dedede;
    resize: vertical;
    border-radius: 20px;
    margin-bottom: 15px;
    padding: 0px 10px;
    width: 100%;
    height: 205px;
}

.contactForm input[type="submit"] {
    background-color: #5a7da1;
    color: #fff;
    display: inline-block;
    padding: 15px 24px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    border: none;
    width: 270px;
}

    .contactForm input[type="submit"]:hover {
        background-color: #dedede;
        color: #000;
    }

.contactForm .Error input[type="submit"] {
    border-color: #e62600;
}

.contactForm .EditingFormErrorLabel {
    color: #e62600;
}

.contactForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/selectArrow.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

@media (min-width: 992px) {
    .contactForm select {
        background-position: 98% 50%;
    }
}

.contactForm--webinarRegistration {
    height: 100vh;
    text-align: center;
}

    .contactForm--webinarRegistration input[type="text"] {
        max-width: 340px;
    }

    .contactForm--webinarRegistration .form-group-submit {
        text-align: center;
    }

.infoStripe {
    background-color: whitesmoke;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    margin-bottom: 30px;
}

    .infoStripe .themeIndicator {
        margin-right: auto;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .infoStripe .infoSection-right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

.infoStripe-date {
    font-family: "Alice", serif;
    font-size: 20px;
    font-weight: 400;
    margin-right: 30px;
}

.infoStripe-date--withMargin {
    margin-bottom: 2px;
}

.infoStripe .icons-print {
    margin-right: 5px;
}

.themeIndicator span {
    display: none;
}

@media (min-width: 768px) {
    .themeIndicator span {
        display: inline-block;
        margin-right: 10px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
    }
}

.themeIndicator .themeDecoration {
    margin-right: 5px;
}

.themeIndicator--withMargin span {
    margin-top: 1px;
}

.contactBox {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    margin-top: 20px;
    padding: 30px 15px;
    text-align: center;
    margin-bottom: 65px;
}

.contactBox-title {
    font-size: 18px;
    font-weight: 500;
    border-bottom: 3px solid #ebebeb;
    display: inline-block;
    margin: auto;
}

.contactBox-contactAddress {
    text-align: left;
    padding: 20px 0px;
    border-bottom: 1px solid #dedede;
    word-wrap: break-word;
}

    .contactBox-contactAddress:last-child {
        border-bottom: none;
    }

    .contactBox-contactAddress h3 {
        color: black;
        font-size: 20px;
        font-weight: 400;
        font-family: "Alice", serif;
    }

    .contactBox-contactAddress p {
        color: black;
        font-size: 14px;
        font-weight: 400;
    }

.summaryBox {
    margin-bottom: 20px;
}

.summaryBox--decorated {
    position: relative;
    padding-top: 30px;
}

.summaryBox-simple {
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

    .summaryBox-simple .boxImage {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
        display: block;
        height: 140px;
        z-index: 1;
    }

    .summaryBox-simple .boxContent {
        padding: 20px 20px 0 20px;
        position: relative;
        z-index: 0;
    }

    .summaryBox-simple .boxContent-title {
        font-size: 22px;
    }

.summaryBox-simple--wide .boxImage {
    height: 220px;
}

.summaryBox-simple--wide .boxContent {
    text-align: center;
}

.contentTypeSelector {
    background-color: whitesmoke;
    height: 111px;
}

@media (min-width: 768px) {
    .contentTypeSelector {
        height: 61px;
    }
}

.contentTypeSelector-label {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    background-color: white;
    padding-left: 25px;
    padding-top: 16px;
    font-weight: 700;
    font-size: 13px;
    display: block;
    color: black;
    height: 50px;
    width: 100%;
}

@media (min-width: 768px) {
    .contentTypeSelector-label {
        vertical-align: top;
        display: inline-block;
        margin-right: -4px;
        height: 60px;
        width: 145px;
    }
}

.contentTypeSelector .decoratedSelect {
    display: block;
    background-color: white;
    border-radius: 20px;
    margin-left: 15px;
    margin-top: 10px;
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .contentTypeSelector .decoratedSelect {
        vertical-align: top;
        display: inline-block;
        margin-right: -4px;
    }
}

.specificContentSearch {
    position: relative;
    margin-top: 40px;
    margin-bottom: 35px;
}

    .specificContentSearch.noMargin {
        margin-top: 0;
    }

.specificContentSearch-header {
    font-family: "Alice", serif;
    padding-bottom: 20px;
    position: relative;
    padding-top: 15px;
    font-weight: 400;
    font-size: 28px;
    color: black;
}

    .specificContentSearch-header.radialShadow-image--top:before {
        width: 100%;
        left: 0;
    }

.specificContentSearch-button {
    transition: all 0.25s ease;
    border-bottom: 2px solid #b1a36f;
    text-transform: uppercase;
    padding-bottom: 3px;
    position: absolute;
    cursor: pointer;
    top: -50px;
    right: 0;
}

    .specificContentSearch-button:hover, .specificContentSearch-button.decorated {
        border-bottom-color: #5a7da1;
    }

        .specificContentSearch-button:hover:after, .specificContentSearch-button.decorated:after {
            bottom: -11px;
            color: #5a7da1;
        }

    .specificContentSearch-button:after {
        transition: all 0.25s ease;
        transform: translateX(-50%);
        font-family: 'fontello';
        position: absolute;
        content: '\e807';
        font-size: 10px;
        color: #b1a36f;
        bottom: -7px;
        left: 50%;
    }

    .specificContentSearch-button span {
        font-family: "Raleway", sans-serif;
        background-color: white;
        padding-bottom: 6px;
        position: relative;
        font-weight: 700;
        font-size: 13px;
        color: black;
        z-index: 1;
    }

.specificContentSearch.noButton .specificContentSearch-button {
    display: none;
}

.specificContentSearch.noButton .specificContentSearch-content {
    display: block;
}

.specificContentSearch-content {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    display: none;
}

    .specificContentSearch-content .contentTypeSelector {
        border-bottom: 1px solid #ebebeb;
    }

        .specificContentSearch-content .contentTypeSelector .decoratedSelect {
            width: calc(100% - 30px);
        }

@media (min-width: 768px) {
    .specificContentSearch-content .contentTypeSelector .decoratedSelect {
        width: calc(100% - 305px);
    }
}

.specificContentSearch-content .bodySearch {
    box-shadow: none;
}

.searchQuery {
    text-align: center;
    width: 100%;
}

@media (min-width: 768px) {
    .searchQuery {
        text-align: left;
    }
}

.searchQuery-info {
    color: black;
    font-size: 16px;
    font-weight: 400;
}

.searchQuery-label {
    background-color: #ebebeb;
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: 600;
    display: block;
    margin: 8px 0;
}

@media (min-width: 768px) {
    .searchQuery-label {
        display: inline-block;
        margin: 0 8px;
    }
}

.searchQuery-place {
    font-weight: 600;
    display: block;
    margin: 8px 0;
}

@media (min-width: 768px) {
    .searchQuery-place {
        vertical-align: baseline;
        display: inline-block;
        margin-right: -4px;
        margin: 0;
    }
}

.searchQuery-place .themeDecoration {
    vertical-align: text-top;
    margin-right: 3px;
    font-size: 11px;
    height: 20px;
    width: 20px;
}

.searchAgainBox {
    width: 100%;
    background-color: whitesmoke;
    padding: 30px 20px;
    margin-bottom: 20px;
}

.searchAgainBox-label {
    color: black;
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-bottom: 0px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    .searchAgainBox-label {
        display: inline-block;
        margin-bottom: 0px;
    }
}

.searchAgainBox input:focus {
    outline: none;
}

.searchAgainBox input[type="text"] {
    border: 2px solid #dedede;
    height: 40px;
    border-radius: 20px;
    padding-left: 15px;
    margin-bottom: 10px;
    display: block;
}

@media (min-width: 768px) {
    .searchAgainBox input[type="text"] {
        display: inline-block;
        margin-bottom: 0px;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .searchAgainBox input[type="text"] {
        width: 60%;
    }
}

@media (min-width: 1200px) {
    .searchAgainBox input[type="text"] {
        width: 70%;
    }
}

.searchAgainBox input[type="submit"] {
    border-radius: 3px;
    background-color: #5a7da1;
    height: 40px;
    color: white;
    font-size: 13px;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    width: 128px;
    padding-top: 3px;
    padding-left: 25px;
    background-image: url(../img/searchIcon.png);
    background-repeat: no-repeat;
    background-position: 20% 50%;
}

@media (min-width: 768px) {
    .searchAgainBox input[type="submit"] {
        margin-bottom: 0px;
        margin-left: -20px;
    }
}

.relatedTopics {
    margin-bottom: 30px;
}

.relatedTopics-heading {
    font-size: 24px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    margin-bottom: 23px;
}

@media (min-width: 768px) {
    .relatedTopics-heading {
        font-style: 28px;
    }
}

.relatedTopics-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .relatedTopics-list li {
        display: -ms-flexbox;
        display: flex;
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #ebebeb;
    }

        .relatedTopics-list li:first-of-type {
            border-top: 1px solid #ebebeb;
        }

.relatedTopics-icons {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    text-align: right;
}

    .relatedTopics-icons a {
        display: inline-block;
        margin-right: 3px;
    }

.relatedTopics-title {
    padding-left: 15px;
    color: black;
    font-size: 16px;
    font-weight: 400;
}

    .relatedTopics-title:hover {
        color: #528fcc;
    }

.wysiwyg {
    word-wrap: break-word;
    margin-bottom: 20px;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
}

.wysiwyg--alone {
    margin-bottom: 30px;
}

.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    font-family: "Alice", serif;
    font-weight: 400;
    color: black;
    margin: 0;
}

    .wysiwyg h1 a, .wysiwyg h2 a, .wysiwyg h3 a, .wysiwyg h4 a, .wysiwyg h5 a, .wysiwyg h6 a {
        color: inherit;
        font-weight: inherit;
    }

        .wysiwyg h1 a:hover, .wysiwyg h2 a:hover, .wysiwyg h3 a:hover, .wysiwyg h4 a:hover, .wysiwyg h5 a:hover, .wysiwyg h6 a:hover {
            text-decoration: underline;
        }

.wysiwyg h1 {
    font-size: 36px;
    margin-bottom: 12px;
    line-height: 42px;
}

@media (min-width: 992px) {
    .wysiwyg h1 {
        font-size: 42px;
        margin-bottom: 24px;
        line-height: 54px;
    }
}

.wysiwyg h2 {
    font-size: 30px;
    line-height: 26px;
    margin-bottom: 12px;
}

@media (min-width: 992px) {
    .wysiwyg h2 {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 18px;
    }
}

.wysiwyg h3 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    .wysiwyg h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 12px;
    }
}

.wysiwyg h4 {
    font-size: 20px;
}

@media (min-width: 992px) {
    .wysiwyg h4 {
        font-size: 20px;
    }
}

.wysiwyg p {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    color: black;
    margin: 0;
    margin-bottom: 23px;
}

.wysiwyg ul {
    margin-bottom: 23px;
}

    .wysiwyg ul li + li {
        margin-top: 15px;
    }

.wysiwyg blockquote {
    margin-left: 16px;
    padding-left: 28px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    border-left: 3px solid black;
}

@media (min-width: 992px) {
    .wysiwyg blockquote {
        margin-left: 20px;
        padding-left: 34px;
        font-size: 20px;
        line-height: 32px;
    }
}

.wysiwyg a {
    text-decoration: none;
    color: #528fcc;
    font-weight: 600;
}

    .wysiwyg a:hover {
        color: black;
        text-decoration: none;
    }

    .wysiwyg a:visited, .wysiwyg a:active, .wysiwyg a:focus {
        text-decoration: none;
    }

.wysiwyg time {
    font-family: "Alice", serif;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}

.wysiwyg img {
    display: block;
    margin: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}

.wysiwyg--imagesSize img
{
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}

.wysiwyg--imagesInline img {
    float: left;
    padding: 15px 15px 15px 0px;
}

.wysiwyg--margin-bottom {
    margin-bottom: 30px;
}

.wysiwyg--biography {
    padding-top: 10px;
}

    .wysiwyg--biography img {
        padding-left: 0;
        margin-top: 0;
    }

.searchResult {
    padding: 20px 0px;
    border-bottom: 1px solid #dedede;
}

.searchResult-header {
    color: black;
    font-size: 26px;
    font-weight: 400;
}

.searchResult-paragraph {
    font-family: Raleway;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.searchResult-link {
    word-wrap: break-word;
    font-size: 14px;
}

.searchResult span.searchHighlight {
    background-color: #e6dcb8;
}

.centerButtonContainer {
    padding: 20px;
    text-align: center;
}

.sectionNavigator {
    position: relative;
    border: 1px solid #dedede;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .sectionNavigator {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .sectionNavigator {
        display: inline-block;
        max-width: 200px;
        float: right;
        width: 100%;
    }
}

.sectionNavigator-header {
    font-family: "Raleway", sans-serif;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    padding: 15px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .sectionNavigator-header {
        display: block;
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
        cursor: default;
    }
}

@media (min-width: 992px) {
    .sectionNavigator-header {
        padding: 15px;
    }
}

@media (min-width: 992px) {
    .sectionNavigator-header .icons-chevron {
        display: none;
    }
}

.sectionNavigator-header .icons-chevron:after {
    margin-left: 10px;
}

@media (min-width: 768px) {
    .sectionNavigator-right {
        -ms-flex: 1;
        flex: 1;
    }
}

.sectionNavigator-active {
    color: #5a7da1;
    font-size: 13px;
    font-weight: 600;
    background-color: whitesmoke;
    padding: 15px;
}

.sectionNavigator-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}

    .sectionNavigator-list .active a {
        font-weight: 700;
        text-decoration: underline;
    }

@media (min-width: 992px) {
    .sectionNavigator-list {
        display: block !important;
    }
}

.sectionNavigator-list li {
    border-top: 1px solid whitesmoke;
}

    .sectionNavigator-list li a {
        display: inline-block;
        width: 100%;
        font-size: 13px;
        font-weight: 600;
        color: #919191;
        padding: 12px 0px;
    }

        .sectionNavigator-list li a:hover {
            color: #5a7da1;
        }

.simplePagination {
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    margin-bottom: 35px;
}

@media (max-width: 767px) {
    .simplePagination {
        height: 90px;
    }
}

.simplePagination-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .simplePagination-content .link {
        display: none;
    }

@media (min-width: 768px) {
    .simplePagination-content .link {
        display: inline-block;
    }
}

.simplePagination-content .button {
    transition: background-color 0.25s ease;
    margin-right: 15px;
    margin-left: 15px;
}

@media (min-width: 768px) {
    .simplePagination-content .button {
        width: 210px;
        margin: 0;
    }
}

.simplePagination-content .button:hover {
    background-color: rgba(235, 235, 235, 0.65);
    color: black;
}

.simplePagination-content .button--prev:before, .simplePagination-content .button--next:before {
    font-family: 'fontello';
}

@media (min-width: 768px) {
    .simplePagination-content .button--prev:before, .simplePagination-content .button--next:before {
        display: none;
    }
}

.simplePagination-content .button--prev:before {
    content: '\e808';
}

.simplePagination-content .button--next {
    margin-left: auto;
}

    .simplePagination-content .button--next:before {
        content: '\e809';
    }

.simplePagination-content .button span {
    display: none;
}

@media (min-width: 768px) {
    .simplePagination-content .button span {
        display: block;
    }
}

.simplePagination-extra {
    text-align: center;
}

@media (max-width: 767px) {
    .simplePagination-extra {
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
        top: 31px;
    }
}

@media (min-width: 768px) {
    .simplePagination-extra {
        padding-top: 25px;
        position: absolute;
        top: 3px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 86px;
    }
}

.simplePagination-extra--longer {
    width: 140px;
}

.termsOfUse {
    padding: 20px 0 40px;
    counter-reset: section;
}

    .termsOfUse .background {
        height: 300px;
        background-size: cover;
    }

@media (min-width: 992px) {
    .termsOfUse .background {
        height: 443px;
    }
}

.termsOfUse .icons-print {
    margin-left: auto;
    margin-right: 15px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    border-radius: 50%;
}

@media (max-width: 767px) {
    .termsOfUse .icons-print {
        margin-left: -15px;
        margin-bottom: 15px;
    }
}

.termsOfUse .content {
    padding: 0 25px;
}

@media (min-width: 992px) {
    .termsOfUse .content {
        padding: 0 35px;
    }
}

.termsOfUse h2 {
    margin-top: 20px;
    margin-bottom: 0;
}

    .termsOfUse h2::before {
        counter-increment: section;
        content: counter(section) ". ";
    }

.termsOfUse p, .termsOfUse ul {
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 0;
}

.termsOfUse p {
    margin-top: 22px;
}

.termsOfUse li {
    margin-top: 10px;
}

.termsOfUse ul {
    list-style-type: lower-latin;
}

    .termsOfUse ul ul {
        list-style-type: lower-roman;
        margin-top: 18px;
        margin-bottom: 10px;
    }

.topicContent-- .topicBox-header span {
    border-color: #b1a36f;
}

.topicContent--resources .topicBox-header span {
    border-color: #b1a36f;
}

.topicContent--hands .topicBox-header span {
    border-color: #009943;
}

.topicContent--cross .topicBox-header span {
    border-color: #006699;
}

.topicContent--persons .topicBox-header span {
    border-color: #660099;
}

.topicContent--bird .topicBox-header span {
    border-color: #ffcb00;
}

.topicContent--heart .topicBox-header span {
    border-color: #cc0033;
}

.topicContent--family .topicBox-header span {
    border-color: #660099;
}

.topicContent--blank .topicBox-header span {
    border-color: #ebebeb;
}

.universalSlider {
    display: none;
}

    .universalSlider.slick-initialized {
        display: block;
    }

    .universalSlider.slick-dotted {
        margin-bottom: 50px;
    }

.universalSlider-slideContent {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 320px;
}

    .universalSlider-slideContent .slideDescription {
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        height: 160px;
        color: white;
        width: 100%;
        bottom: 0;
        left: 0;
    }

@media (min-width: 768px) {
    .universalSlider-slideContent .slideDescription {
        padding-left: 140px;
        height: 140px;
    }
}

@media (min-width: 1200px) {
    .universalSlider-slideContent .slideDescription {
        padding-left: 150px;
    }
}

.universalSlider-slideContent .slideDescription-icon {
    transform: translateX(-50%);
    font-family: 'fontello';
    position: absolute;
    font-size: 36px;
    left: 50%;
    top: 0;
}

@media (min-width: 768px) {
    .universalSlider-slideContent .slideDescription-icon {
        transform: translateY(40%);
        font-size: 60px;
        bottom: 50%;
        left: 64px;
    }
}

@media (min-width: 1200px) {
    .universalSlider-slideContent .slideDescription-icon {
        font-size: 64px;
    }
}

.universalSlider-slideContent .slideDescription-icon--hands:before {
    font-weight: 400;
    content: '\e818';
}

.universalSlider-slideContent .slideDescription-icon--cross:before {
    font-weight: 400;
    content: '\e819';
}

.universalSlider-slideContent .slideDescription-icon--persons:before {
    font-weight: 400;
    content: '\e81a';
}

.universalSlider-slideContent .slideDescription-icon--bird:before {
    font-weight: 400;
    content: '\e81b';
}

.universalSlider-slideContent .slideDescription-icon--heart:before {
    font-weight: 400;
    content: '\e81c';
}

.universalSlider-slideContent .slideDescription-title {
    font-family: "Raleway", sans-serif;
    text-align: center;
    font-weight: 600;
    margin-top: 45px;
    font-size: 17px;
    color: white;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .universalSlider-slideContent .slideDescription-title {
        margin-top: 30px;
    }
}

@media (min-width: 768px) {
    .universalSlider-slideContent .slideDescription-title {
        text-align: left;
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .universalSlider-slideContent .slideDescription-title {
        margin-top: 25px;
        font-size: 22px;
    }
}

.universalSlider-slideContent .slideDescription-text {
    font-family: "Alice", serif;
    line-height: 32px;
    font-size: 32px;
    color: white;
}

@media (max-width: 767px) {
    .universalSlider-slideContent .slideDescription-text {
        transform: translateY(calc(50% - 30px));
        bottom: calc(50% - 60px);
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .universalSlider-slideContent .slideDescription-text {
        line-height: 50px;
        font-size: 50px;
    }
}

@media (min-width: 1200px) {
    .universalSlider-slideContent .slideDescription-text {
        line-height: 64px;
        font-size: 64px;
    }
}

.universalSlider:after {
    bottom: -52px;
}

.universalSlider .sliderButton {
    transition: background-color 0.25s ease;
    background-color: rgba(90, 125, 161, 0.65);
}

    .universalSlider .sliderButton:before {
        font-weight: 300;
        color: white;
    }

    .universalSlider .sliderButton:hover {
        background-color: #5a7da1;
    }

    .universalSlider .sliderButton:focus {
        outline: none;
    }

.universalSlider .sliderButton-right {
    right: -1px;
}

.universalSlider .slick-dots {
    bottom: -30px;
}

    .universalSlider .slick-dots li {
        margin: 0;
    }

.print-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
}

.print-content .wysiwyg {
    width: 100% !important;
}

.print-content img {
    display: none !important;
}

.print-view,
.print-nav {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.print-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 10px;
}

    .print-nav .back {
        cursor: pointer;
    }

        .print-nav .back:before {
            content: '\21ab';
            margin-right: 5px;
        }

.print-footer {
    border-top: 1px solid #ebebeb;
}

    .print-footer .footer-credits {
        display: inline-block;
        float: left;
        width: 50%;
        text-align: left;
    }

    .print-footer .print-date {
        display: inline-block;
        float: left;
        width: 50%;
        text-align: right;
        margin-top: 26px;
    }

@media print {
    .print-view {
        display: block;
        padding-left: 0;
        padding-right: 0;
        max-width: auto;
    }

    .print-nav {
        display: none;
    }

    .print-content {
        padding-left: 0;
        padding-right: 0;
    }
}

.searchFilterBox-body {
    position: relative;
    padding-left: 15px;
}

.searchFilterBox-header {
    font-family: "Raleway", sans-serif;
    color: black;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 20px 10px;
    border-bottom: 1px solid #ebebeb;
}

.searchFilterBox-optionsContainer {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
}

.searchFilterBox-options {
    max-height: 150px;
    overflow-y: scroll;
}

.searchFilterBox-options--noScroll {
    max-height: initial;
    overflow-y: initial;
}

.searchFilterBox-options div {
    margin-bottom: 10px;
}

.searchFilterBox-options input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}

    .searchFilterBox-options input[type="checkbox"]:checked {
        background-image: url(../img/checkMark.png);
        background-repeat: no-repeat;
        background-position: center;
    }

        .searchFilterBox-options input[type="checkbox"]:checked + label {
            font-weight: 600;
        }

.searchFilterBox-options label {
    color: #595959;
    font-size: 13px;
    font-weight: 400;
    vertical-align: middle;
}

.searchFilterBox-clearLabel {
    border-radius: 15px;
    font-size: 13px;
    font-weight: 500;
    margin: 20px 0px;
    display: inline-block;
    padding: 5px 10px 5px 25px;
    background-color: whitesmoke;
    background-image: url(../img/clearIcon.png);
    background-repeat: no-repeat;
    background-position: 8% 45%;
    cursor: pointer;
}

.topicNavigator {
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #919191;
    margin-bottom: 30px;
    background-color: whitesmoke;
}

@media (min-width: 768px) {
    .topicNavigator {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.topicNavigator a {
    display: block;
    height: 100%;
    color: #919191;
    padding-top: 14px;
    padding-bottom: 14px;
}

    .topicNavigator a:hover {
        color: black;
    }

.topicNavigator-wrap {
    background-color: whitesmoke;
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .topicNavigator-wrap {
        display: none;
    }
}

.topicNavigator-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .topicNavigator-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }
}

.topicNavigator-selected {
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    background-color: #5a7da1;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #fff;
    position: relative;
}

    .topicNavigator-selected:before {
        position: absolute;
        bottom: -8px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 7.5px 0 7.5px;
        border-color: #5a7da1 transparent transparent transparent;
    }

    .topicNavigator-selected span {
        display: inline-block;
        padding-bottom: 2px;
        border-bottom: 2px solid #b1a36f;
    }

.topicNavigator-element {
    background-color: whitesmoke;
    border-bottom: 1px solid white;
}

@media (min-width: 768px) {
    .topicNavigator-element {
        width: 100%;
        border-bottom: 0;
        border-right: 1px solid white;
    }

        .topicNavigator-element:first-of-type {
            border-left: 1px solid white;
        }

        .topicNavigator-element span {
            display: inline-block;
            padding-bottom: 2px;
            border-bottom: 2px solid transparent;
        }

        .topicNavigator-element.active {
            background-color: #5a7da1;
            position: relative;
        }

            .topicNavigator-element.active:after {
                position: absolute;
                bottom: -8px;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8px 7.5px 0 7.5px;
                border-color: #5a7da1 transparent transparent transparent;
            }

            .topicNavigator-element.active a {
                color: white;
            }

                .topicNavigator-element.active a:hover {
                    color: white;
                    cursor: default;
                }

            .topicNavigator-element.active span {
                display: inline-block;
                padding-bottom: 2px;
                border-bottom: 2px solid #b1a36f;
            }

        .topicNavigator-element:hover span {
            display: inline-block;
            padding-bottom: 2px;
            border-bottom: 2px solid #b1a36f;
        }
}

.pageNotFound {
    text-align: center;
    margin: 30px 0;
}

.pageNotFound-image {
    width: 100%;
}

.pageNotFound-title {
    font-family: "Alice", serif;
    padding-bottom: 20px;
    margin-bottom: 35px;
    position: relative;
    padding-top: 15px;
    font-weight: 400;
    font-size: 36px;
    color: black;
}

.pageNotFound-error, .pageNotFound-info {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    color: black;
}

.pageNotFound-error {
    margin-bottom: 30px;
    font-weight: 400;
}

.pageNotFound-info {
    vertical-align: baseline;
    display: inline-block;
    margin-right: -4px;
    font-weight: 600;
    max-width: 550px;
}

.tree-heading {
    display: block;
    position: relative;
    font-family: "Alice", serif;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .tree-heading:before {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 7px;
        font-family: 'fontello';
        content: '\e807';
        color: #b1a36f;
        font-size: 7px;
        transition: transform 0.2s;
    }

    .tree-heading.toggler--target-in:before {
        transform: rotate(180deg);
    }

.tree-list {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tree-list li {
        padding-left: 20px;
    }

        .tree-list li a {
            font-size: 13px;
            font-weight: 500;
            color: #595959;
        }

            .tree-list li a:hover {
                color: black;
            }

.wysiwygIntroduction {
    font-family: "Alice", serif;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 22px;
    color: black;
}

.webinars .carouselBox-image {
    cursor: pointer;
    position: relative;
}

    .webinars .carouselBox-image::before, .webinars .carouselBox-image::after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .webinars .carouselBox-image::after {
        background: url(/App_Themes/Efc/img/yt-play-arrow.png);
        background-size: cover;
        width: 17px;
        height: 17px;
    }

    .webinars .carouselBox-image::before {
        background: rgba(0, 0, 0, 0.5);
        height: 40px;
        width: 57px;
        border-radius: 13px;
    }

    .webinars .carouselBox-image:hover::before {
        background: rgba(0, 0, 0, 0.75);
    }

.webinars .headers-withDrop {
    margin-bottom: 5px;
}

.webinars .splashBackground {
    background: whitesmoke;
    padding: 15px;
    position: relative;
}

    .webinars .splashBackground p {
        line-height: 26px;
        margin: 15px 0;
    }

    .webinars .splashBackground .share {
        margin-left: 20px;
    }

@media (min-width: 1200px) {
    .webinars .splashBackground {
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .webinars .splashImage[data-yt]::before {
        width: 106px;
        height: 74px;
    }

    .webinars .splashImage[data-yt]::after {
        width: 30px;
        height: 30px;
    }
}

.webinars h2 {
    font-size: 22px;
    position: relative;
    line-height: 28px;
    margin-top: 15px;
    padding: 0 0 0 12px;
    margin-bottom: 0;
}

    .webinars h2::before {
        position: absolute;
        left: 0;
        display: inline-block;
        content: '';
        height: 100%;
        width: 5px;
        border-radius: 25%;
    }

    .webinars h2.purple::before {
        background-color: #660099;
    }

@media (min-width: 768px) {
    .webinars h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

.webinars .publish-time {
    font-family: Raleway;
    font-size: 14px;
    font-weight: 500;
    padding-top: 25px;
}

    .webinars .publish-time span {
        color: #919191;
    }

    .webinars .publish-time time {
        color: #000;
        padding-left: 8px;
        font-family: Raleway;
    }

.webinars-links {
    padding: 5px 0 15px;
}

    .webinars-links .link {
        text-align: center;
        margin-bottom: 0;
        width: 70px;
    }

    .webinars-links > div {
        margin-top: 5px;
        float: right;
    }

        .webinars-links > div .themeDecoration {
            font-size: 23px;
            vertical-align: top;
            height: 24px;
            width: 24px;
        }

            .webinars-links > div .themeDecoration:not(:last-of-type) {
                margin-right: 3px;
            }

.webinars-links--centered > div {
    position: relative;
    margin-top: 0;
    display: inline-block;
    vertical-align: -10px;
    text-align: center;
    width: calc(100% - 110px);
}

    .webinars-links--centered > div > div {
        padding-left: 15px;
    }

        .webinars-links--centered > div > div > a {
            margin-bottom: 4px;
            margin-left: 1px;
            margin-right: 1px !important;
        }

.webinars .webinar-carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap row;
    flex-flow: wrap row;
    margin: 0 -15px;
}

@media (min-width: 1200px) {
    .webinars .webinar-carousel {
        -ms-flex-order: 0;
        order: 0;
        max-width: calc(2/3 * 100%);
        /*width: 100%;*/
        margin-top: -20px;
    }
}

.webinars-content .youtubeFrame {
    margin-bottom: 12px;
}

@media (min-width: 1200px) {
    .webinars-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        /*margin-right: -30px;*/
        flex-direction: column;
    }
}

.webinars .helpers-textCenter {
    width: 100%;
    margin: 0 auto;
}

.webinars .button--expand {
    max-width: 270px;
}

@media (min-width: 768px) {
    .webinars .button--expand {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .webinars .button--expand {
        margin: 30px auto;
    }
}

.webinars-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .webinars-header {
        display: -ms-flexbox;
        display: flex;
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.webinars-header h3 {
    font-size: 24px;
    line-height: 24px;
    margin-top: 25px;
}

@media (min-width: 768px) {
    .webinars-header h3 {
        margin-right: auto;
        font-size: 30px;
        line-height: 30px;
        margin-top: 0;
    }
}

.webinars-upcoming {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    padding: 0 20px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .webinars-upcoming {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .webinars-upcoming {
        -ms-flex-order: 1;
        order: 1;
        max-width: calc(1/3 * 100% - 30px);
        width: 100%;
    }
}

.webinars-upcoming-entries {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

@media (min-width: 768px) {
    .webinars-upcoming-entries {
        padding: 0 17px;
    }
}

.webinars-upcoming-entries--expanded .webinars-upcoming-entry:not(:first-child) {
    display: block;
}

.webinars-upcoming-entry {
    width: 100%;
}

    .webinars-upcoming-entry:not(:first-child) {
        display: none;
    }

@media (min-width: 768px) {
    .webinars-upcoming-entry:not(:first-child) {
        display: block;
    }
}

@media (min-width: 768px) {
    .webinars-upcoming-entry {
        width: calc(1 / 3 * 100%);
        padding: 0 15px;
    }

        .webinars-upcoming-entry:nth-child(2) {
            border-left: 1px solid #ebebeb;
            border-right: 1px solid #ebebeb;
        }
}

@media (min-width: 1200px) {
    .webinars-upcoming-entry {
        padding: 0;
        width: 100%;
    }

        .webinars-upcoming-entry:nth-child(2) {
            border-left: 0;
            border-right: 0;
        }

        .webinars-upcoming-entry:not(:last-child) {
            border-bottom: 1px solid #ebebeb;
        }

        .webinars-upcoming-entry:not(:first-child) h4 {
            margin-top: 20px;
        }
}

.webinars-upcoming-more {
    font-size: 18px;
    font-weight: 500;
    border-top: 1px solid #dedede;
    padding: 20px 0;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.webinars-upcoming-more--toggled .icons-doubleArrow {
    transform: rotate(180deg);
}

@media (min-width: 768px) {
    .webinars-upcoming-more {
        display: none;
    }
}

.webinars-upcoming-more .icons {
    margin-left: 15px;
}

.webinars-upcoming h3 {
    display: table;
    font-family: Raleway;
    font-weight: 500;
    padding-bottom: 6px;
    line-height: 18px;
    border-bottom: 3px solid #ebebeb;
    padding-top: 40px;
    margin: 0 auto 35px;
}

.webinars-upcoming h4 {
    font-size: 20px;
    line-height: 26px;
    position: relative;
    padding-left: 12px;
}

    .webinars-upcoming h4::before {
        position: absolute;
        left: 0;
        display: inline-block;
        content: '';
        height: 100%;
        width: 5px;
        border-radius: 25%;
    }

    .webinars-upcoming h4.purple::before {
        background-color: #660099;
    }

.webinars-upcoming p {
    line-height: 21px;
    margin: 15px 0;
}

.webinars-upcoming time {
    background-color: whitesmoke;
    margin: 0 -20px 15px;
    padding: 0 0 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    font-size: 12px;
    font-family: Raleway;
    font-weight: 600;
}

    .webinars-upcoming time b {
        padding-right: 20px;
    }

@media (min-width: 768px) and (max-width: 1200px) {
    .webinars-upcoming time {
        margin-left: 0;
        margin-right: 0;
        height: 65px;
        padding: 10px 20px;
    }

        .webinars-upcoming time b:first-child {
            display: block;
        }
}

.webinars-upcoming time span {
    color: #919191;
}

.webinars-upcoming .button {
    margin: 0;
    margin-right: auto;
}

.webinars-upcoming .webinars-links {
    margin-bottom: 30px;
}

.modalWindow {
    transition: all 0.25s ease;
    visibility: hidden;
    position: fixed;
    z-index: 15;
    opacity: 1;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

    .modalWindow.showWindow {
        visibility: visible;
        opacity: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.modalWindow-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.modalWindow-content {
    width: calc(100% - 30px);
    overflow-y: auto;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    position: relative;
}

@media (min-width: 768px) {
    .modalWindow-content {
        width: 600px;
    }
}

.modalWindow-content .modalWindowCloseButton:before {
    transition: color 0.25s ease;
    font-family: 'fontello';
    position: absolute;
    content: '\e81e';
    font-size: 20px;
    cursor: pointer;
    right: 35px;
    z-index: 1;
    top: 30px;
}

.modalWindow-content .modalWindowCloseButton:hover {
    color: #919191;
}

body.scrollingOff {
    overflow: hidden;
}

.contactFormWindow {
    background-color: white;
}

.contactFormWindow-header, .contactFormWindow-text {
    padding-right: 30px;
    padding-left: 30px;
}

.contactFormWindow-header {
    font-family: "Alice", serif;
    padding-bottom: 25px;
    margin-bottom: 20px;
    position: relative;
    padding-top: 20px;
    text-align: left;
    font-size: 30px;
    color: black;
}

.contactFormWindow-text {
    line-height: 1.75em;
    text-align: left;
}

.contactFormWindow-form {
    padding: 25px 30px 120px 30px;
    position: relative;
    background-color: whitesmoke;
    width: 100%;
}

    .contactFormWindow-form .questions {
        display: table;
    }

        .contactFormWindow-form .questions > div {
            display: table-row;
        }

            .contactFormWindow-form .questions > div label,
            .contactFormWindow-form .questions > div input {
                display: table-cell;
            }

            .contactFormWindow-form .questions > div input,
            .contactFormWindow-form .questions > div textarea {
                transition: all 0.25s ease;
                font-family: "Raleway", sans-serif;
                border: 2px solid #dedede;
                border-radius: 20px;
                padding-right: 15px;
                padding-left: 15px;
                font-size: 14px;
                color: black;
                width: 100%;
            }

                .contactFormWindow-form .questions > div input:focus,
                .contactFormWindow-form .questions > div textarea:focus {
                    border-color: #919191;
                    outline: none;
                }

            .contactFormWindow-form .questions > div label {
                font-family: "Raleway", sans-serif;
                vertical-align: top;
                padding-top: 10px;
                font-weight: 600;
                text-align: left;
                font-size: 13px;
                color: black;
                width: 110px;
            }

            .contactFormWindow-form .questions > div input {
                margin-bottom: 15px;
                height: 40px;
            }

            .contactFormWindow-form .questions > div textarea {
                padding-top: 15px;
                height: 150px;
                resize: none;
            }

    .contactFormWindow-form > div:last-of-type {
        background-color: white;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }

        .contactFormWindow-form > div:last-of-type input {
            transition: all 0.25s ease;
            font-family: "Raleway", sans-serif;
            background-color: #5a7da1;
            text-transform: uppercase;
            margin-bottom: 30px;
            border-radius: 4px;
            margin-right: auto;
            text-align: center;
            padding: 15px 120px;
            margin-left: auto;
            font-weight: 700;
            margin-top: 20px;
            font-size: 13px;
            color: white;
            border: none;
        }

            .contactFormWindow-form > div:last-of-type input:hover {
                background-color: #ebebeb;
                color: black;
            }

            .contactFormWindow-form > div:last-of-type input:focus {
                outline: none;
            }

.updateBox {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    position: relative;
}

    .updateBox img {
        width: 100%;
    }

    .updateBox h2 {
        font-size: 22px;
    }

    .updateBox p {
        margin-bottom: 0;
        font-size: 14px;
        padding-bottom: 50px;
    }

.updateBox-contentBox {
    padding: 15px;
}

.updateBox .share,
.updateBox .webinars-links {
    position: absolute;
    bottom: 15px;
}

.updateBox .share {
    right: 15px;
}

.updateBox .webinars-links {
    left: 15px;
}

.listOfTopics {
    margin-bottom: 30px;
    position: relative;
}

    .listOfTopics ul {
        padding-left: 0px;
        padding-bottom: 20px;
    }

        .listOfTopics ul > li {
            color: #b1a36f;
            border-top: 1px solid #ebebeb;
            padding: 15px 0px 15px 15px;
            list-style: none;
        }

@media (min-width: 768px) {
    .listOfTopics ul > li {
        list-style: disc;
        list-style-position: inside;
    }
}

.listOfTopics ul > li > a {
    color: black;
    font-weight: 400;
}

    .listOfTopics ul > li > a:hover {
        color: #528fcc;
    }

.boxWithBorderTop {
    position: relative;
    background-color: whitesmoke;
    padding: 35px 15px;
    border-top: 4px solid #b1a36f;
    margin-bottom: 30px;
    text-align: center;
}

    .boxWithBorderTop:before {
        display: inline-block;
        text-align: center;
        line-height: 34px;
        font-family: 'fontello';
        background-color: #b1a36f;
        width: 36px;
        height: 36px;
        content: '\e80c';
        color: white;
        border-radius: 100%;
        position: absolute;
        top: -18px;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 21px;
    }

.videoBox {
    background-color: whitesmoke;
    padding: 20px 15px 30px 15px;
    margin-right: -15px;
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .videoBox {
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .videoBox {
        margin-right: 0px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .videoBox {
        padding-left: 30px;
    }
}

.videoBox h1 {
    font-size: 26px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .videoBox h1 {
        font-size: 36px;
    }
}

.videoBox-videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 30px;
}

.videoBox-videoWrapper--noMarginBottom {
    margin-bottom: 0px;
}

.videoBox-videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoBox h2 {
    font-size: 22px;
}

@media (min-width: 768px) {
    .videoBox h2 {
        font-size: 26px;
    }
}

.videoBox p {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

.videoBox-topic {
    color: #919191;
    font-size: 11px;
    font-weight: 700;
    padding-right: 10px;
    text-transform: uppercase;
}

.videoBox-topicLabel {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px;
    margin-right: 15px;
    font-weight: 700;
    padding: 3px 5px;
    font-size: 11px;
    color: white;
}

    .videoBox-topicLabel:hover {
        color: white;
    }

.videoBox .share {
    float: none;
}

.videoBoxSmall {
    border-bottom: 1px solid #dedede;
    padding: 10px 0px;
    overflow: hidden;
}

    .videoBoxSmall:last-child {
        margin-bottom: 30px;
    }

@media (min-width: 768px) {
    .videoBoxSmall {
        width: 50%;
        float: left;
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .videoBoxSmall {
        width: 100%;
        float: none;
    }
}

.videoBoxSmall-half {
    display: inline-block;
    width: 50%;
    float: left;
}

.videoBoxSmall-image {
    display: inline-block;
    position: relative;
    border-right: 5px solid black;
}

.videoBoxSmall-description a {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}

    .videoBoxSmall-description a:hover {
        color: #528fcc;
        text-decoration: none;
    }

.videoBoxSmall-date {
    color: #919191;
    font-size: 13px;
    font-weight: 500;
}

.videoBoxSmall .themeDecoration {
    left: auto;
    right: -13px;
    position: absolute;
    margin-top: 20px;
}

.videoBottomSectionContainer {
    text-align: center;
}

.videoBottomSectionContainer-Box {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

    .videoBottomSectionContainer-Box h2 {
        font-size: 28px;
        padding: 20px 0px;
        margin-bottom: 0px;
    }

    .videoBottomSectionContainer-Box p {
        line-height: 24px;
        padding: 0px 15px;
    }

@media (min-width: 768px) {
    .videoBottomSectionContainer-Box p {
        min-height: 120px;
    }
}

@media (min-width: 1200px) {
    .videoBottomSectionContainer-Box p {
        min-height: 100px;
    }
}

.videoBottomSectionContainer-Box img {
    width: 100%;
}

.videoGallery {
    position: relative;
    margin-bottom: 30px;
}

.videoGalleryMainVideo {
    background-color: whitesmoke;
    padding: 20px;
}

    .videoGalleryMainVideo .videoBox-videoWrapper {
        margin-left: 30px;
    }

.videoGalleryMainVideo-description {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-left: 30px;
}

@media (min-width: 992px) {
    .videoGalleryMainVideo-description {
        padding-top: 0px;
        padding-left: 0px;
    }
}

.videoGalleryMainVideo h2 {
    font-size: 22px;
}

@media (min-width: 768px) {
    .videoGalleryMainVideo h2 {
        font-size: 26px;
    }
}

.videoGalleryMainVideo p {
    line-height: 24px;
}

.moreVideos {
    padding: 20px 0px;
}

.moreVideos-header {
    margin-bottom: 20px;
}

.moreVideos h3 {
    font-size: 26px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .moreVideos h3 {
        font-size: 30px;
        display: inline-block;
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {
    .moreVideos .decoratedSelect {
        float: right;
    }
}

.moreVideos-videosList {
    border-top: 1px solid #dedede;
    margin-bottom: 30px;
    text-align: left;
}

.singleVideo {
    border-bottom: 1px solid #dedede;
    padding: 20px 0px;
}

.singleVideo-image {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .singleVideo-image {
        vertical-align: top;
        display: inline-block;
        margin-right: -4px;
        padding-right: 15px;
        width: 165px;
    }
}

.singleVideo-image a {
    display: block;
}

    .singleVideo-image a img {
        width: 100%;
    }

.singleVideo-image--withHeight {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}

@media (min-width: 768px) {
    .singleVideo-image--withHeight {
        height: 78px;
    }
}

@media (min-width: 992px) {
    .singleVideo-image--withHeight {
        height: 67px;
    }
}

@media (min-width: 768px) {
    .singleVideo-content {
        vertical-align: top;
        display: inline-block;
        margin-right: -4px;
        width: calc(100% - 165px);
        margin-top: -5px;
    }
}

.singleVideo-content .singleVideoTitle {
    font-family: "Alice", serif;
    font-size: 17px;
    color: black;
}

    .singleVideo-content .singleVideoTitle:hover {
        color: #528fcc;
    }

.singleVideo-content .singleVideoDate {
    padding: 10px 0px;
    font-weight: 500;
    color: #595959;
    font-size: 13px;
    display: block;
}

.singleVideo.withTopicDecorator {
    padding-bottom: 8px;
}

    .singleVideo.withTopicDecorator .singleVideo-image {
        border-right: 3px solid #b1a36f;
        margin-right: 15px;
        position: relative;
        padding-right: 0;
    }

@media (min-width: 1200px) {
    .singleVideo.withTopicDecorator .singleVideo-image {
        width: 120px;
    }
}

.singleVideo.withTopicDecorator .singleVideo-image .themeDecoration {
    transition: background-color 0.25s ease;
    transform: translateY(-50%);
    position: absolute;
    font-size: 15px;
    height: 30px;
    right: -16px;
    width: 30px;
    top: 50%;
}

@media (min-width: 1200px) {
    .singleVideo.withTopicDecorator .singleVideo-image .themeDecoration {
        font-size: 13px;
        height: 25px;
        right: -14px;
        width: 25px;
    }
}

@media (min-width: 768px) {
    .singleVideo.withTopicDecorator .singleVideo-content {
        width: calc(100% - 181px);
    }
}

@media (min-width: 1200px) {
    .singleVideo.withTopicDecorator .singleVideo-content {
        width: calc(100% - 136px);
    }
}

@media (min-width: 1200px) {
    .singleVideo.withTopicDecorator .singleVideo-content .singleVideoTitle {
        font-size: 16px;
    }
}

.singleVideo.withTopicDecorator .topicDecorator {
    display: none;
}

.universalPagination {
    text-align: center;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 81px;
}

.universalPagination-NextPage, .universalPagination-PreviousPage {
    transition: background-color 0.25s ease;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    background-color: #ebebeb;
    padding-bottom: 11px;
    vertical-align: baseline;
    display: inline-block;
    margin-right: -4px;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    padding-top: 12px;
    font-weight: 700;
    font-size: 13px;
    color: black;
    width: 41px;
    top: 20px;
}

@media (min-width: 768px) {
    .universalPagination-NextPage, .universalPagination-PreviousPage {
        display: none;
        width: 200px;
    }
}

.universalPagination-NextPage:before, .universalPagination-PreviousPage:before {
    font-family: 'fontello';
}

@media (min-width: 768px) {
    .universalPagination-NextPage:before, .universalPagination-PreviousPage:before {
        display: none;
    }
}

.universalPagination-NextPage--text, .universalPagination-PreviousPage--text {
    display: none;
}

@media (min-width: 768px) {
    .universalPagination-NextPage--text, .universalPagination-PreviousPage--text {
        display: inline-block;
    }
}

.universalPagination-NextPage:hover, .universalPagination-PreviousPage:hover {
    background-color: #dedede;
}

.universalPagination-PreviousPage {
    left: 0;
}

    .universalPagination-PreviousPage:before {
        content: '\e808';
    }

.universalPagination-NextPage {
    right: 0;
}

    .universalPagination-NextPage:before {
        content: '\e809';
    }

.universalPagination-Pages {
    vertical-align: baseline;
    display: inline-block;
    margin-right: -4px;
    padding-top: 25px;
}

.universalPagination-Pages--CurrentPage, .universalPagination-Pages--Page {
    font-family: "Raleway", sans-serif;
    vertical-align: baseline;
    display: inline-block;
    margin-right: -4px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: black;
}

    .universalPagination-Pages--CurrentPage span, .universalPagination-Pages--Page span {
        border-bottom: 2px solid #dedede;
        padding-bottom: 3px;
    }

    .universalPagination-Pages--CurrentPage span {
        border-bottom-color: #b1a36f;
        font-weight: 600;
    }

    .universalPagination-Pages--Page:hover span {
        border-bottom-color: #919191;
    }

.universalPagination.withoutPageNumbers .universalPagination-Pages {
    display: none;
}

.newsletterBox {
    position: relative;
    background-color: whitesmoke;
    padding: 35px 15px;
    padding-top: 25px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}

    .newsletterBox:before {
        display: inline-block;
        text-align: center;
        line-height: 34px;
        font-family: 'fontello';
        background-color: #b1a36f;
        width: 36px;
        height: 36px;
        content: '\e80e';
        color: white;
        border-radius: 100%;
        position: absolute;
        top: -18px;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 21px;
    }

.newsletterBox-header {
    font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
}

.newsletterBox-description {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.newsletterBox-input {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .newsletterBox-input {
        width: 75%;
    }
}

@media (min-width: 1200px) {
    .newsletterBox-input {
        width: 55%;
    }
}

.newsletterBox-input input[type="text"] {
    border: 2px solid #dedede;
    border-radius: 20px;
    height: 36px;
    margin: auto;
    width: 100%;
    padding-left: 45px;
    color: black;
    font-size: 13px;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/assets/img/email.png) no-repeat 25px 50%;
    background-color: white;
    padding-right: 40px;
}

@media (max-width: 767px) {
    .newsletterBox-input input[type="text"] {
        margin-bottom: 10px;
    }
}

.newsletterBox-input input[type="text"]:focus {
    outline: 0;
}

@media (min-width: 768px) {
    .newsletterBox-input input[type="text"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-right: -5px;
        width: calc(99% - 100px);
    }
}

.newsletterBox-input ::-webkit-input-placeholder {
    color: black;
}

.newsletterBox-input :-moz-placeholder {
    color: black;
}

.newsletterBox-input ::-moz-placeholder {
    color: black;
}

.newsletterBox-input :-ms-input-placeholder {
    color: black;
}

.newsletterBox-input input[type="submit"] {
    transition: background-color 0.25s ease;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    font-family: "Raleway", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #5a7da1;
    border: none;
    height: 36px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
}

    .newsletterBox-input input[type="submit"]:hover {
        background-color: rgba(90, 125, 161, 0.65);
    }

    .newsletterBox-input input[type="submit"]:focus {
        outline: none;
    }

.newsletterBox-socialIcons {
    background-color: white;
    vertical-align: baseline;
    display: inline-block;
    margin-right: -4px;
    border-radius: 25px;
    padding-right: 8px;
    padding-left: 1px;
}

    .newsletterBox-socialIcons a {
        display: inline-block;
    }

.newsletterBox a:before {
    font-family: 'fontello';
    font-size: 36px;
    margin-left: 7px;
}

.rowTeaser-singleTeaser {
    border-top: 1px solid #dedede;
    padding-bottom: 40px;
    padding-top: 30px;
}

    .rowTeaser-singleTeaser .teaserImage {
        width: 100%;
        margin-bottom: 20px;
    }

@media (min-width: 768px) {
    .rowTeaser-singleTeaser .teaserImage {
        vertical-align: top;
        display: inline-block;
        margin-right: -4px;
        padding-left: 30px;
        width: 280px;
    }
}

.rowTeaser-singleTeaser .teaserImage img {
    width: 100%;
}

@media (min-width: 768px) {
    .rowTeaser-singleTeaser .teaserContent {
        vertical-align: top;
        display: inline-block;
        margin-right: -4px;
        width: calc(100% - 280px);
    }
}

.rowTeaser-singleTeaser .teaserContent-link span {
    font-family: "Raleway", sans-serif;
    margin-right: 3px;
    font-weight: 500;
    font-size: 14px;
    color: #919191;
}

.rowTeaser-singleTeaser .teaserContent-link a {
    font-size: 14px;
}

.rowTeaser-singleTeaser .teaserContent-text {
    margin-bottom: 20px;
    margin-top: 20px;
}

.rowTeaser-singleTeaser .teaserContent-type span:first-of-type {
    font-family: "Raleway", sans-serif;
    margin-right: 3px;
    font-weight: 500;
    font-size: 14px;
    color: #919191;
}

.rowTeaser-singleTeaser .teaserContent-type span:last-of-type {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: black;
}

.mfp-container, .mfp-content, .popup-lightbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup-lightbox {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .popup-lightbox iframe {
        -ms-flex-order: 1;
        order: 1;
    }

.mfp-close.efc-icon-x {
    position: relative;
    -ms-flex-order: 0;
    order: 0;
    color: white;
    opacity: 1;
    font-size: 24px;
    margin-left: auto;
    width: auto;
}

    .mfp-close.efc-icon-x:active {
        top: 0;
    }

.faqSearch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    color: black;
    padding-bottom: 25px;
}

.faqSearch-phrase {
    background: #ebebeb;
    padding: 7px 10px;
    font-weight: 600;
    line-height: 100%;
    margin-left: 10px;
}

.faqSearch h2 {
    display: block;
    width: 100%;
    margin-bottom: 12px;
}

.faqSearch-search {
    padding-left: 0;
    background: none;
}

.faqBack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

    .faqBack a {
        margin: 30px 0;
    }

.bookASpeakerForm {
    background-color: whitesmoke;
    padding: 30px 0px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .bookASpeakerForm {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.bookASpeakerForm h2, .bookASpeakerForm h3 {
    border-bottom: 1px solid #dedede;
}

.bookASpeakerForm h2 {
    padding-bottom: 10px;
}

.bookASpeakerForm h3 {
    padding-bottom: 5px;
}

.bookASpeakerForm h4 {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bookASpeakerForm select, .bookASpeakerForm input[type="text"] {
    font-size: 13px;
}

.bookASpeakerForm label {
    color: black;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
}

.bookASpeakerForm-expand {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.bookASpeakerForm-required:after {
    content: "*";
    color: #e62600;
    font-size: 16px;
}

.bookASpeakerForm input, .bookASpeakerForm select {
    width: 100%;
    border: 2px solid #dedede;
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
    padding-left: 20px;
    margin-bottom: 10px;
    outline: none;
}

    .bookASpeakerForm input[type="date"] {
        background-image: url(../img/calendar.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

        .bookASpeakerForm input[type="date"]::-webkit-calendar-picker-indicator, .bookASpeakerForm input[type="date"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            appearance: none;
        }

    .bookASpeakerForm input[type=date]::-webkit-calendar-picker-indicator {
        background-color: transparent;
        color: transparent;
        width: 20px;
        cursor: pointer;
    }

    .bookASpeakerForm input[type="radio"] {
        width: 18px;
        height: 18px;
        background-image: url(../img/radioButton.png);
        padding-left: 0px;
        outline: 0;
        border: none;
        margin-bottom: 0px;
    }

        .bookASpeakerForm input[type="radio"]:checked {
            background-image: url(../img/radioButtonSelected.png);
        }

    .bookASpeakerForm input[type="submit"] {
        background-color: #5a7da1;
        width: 270px;
        color: white;
        font-size: 13px;
        font-weight: 700;
        border-radius: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
    }

        .bookASpeakerForm input[type="submit"]:hover {
            background-color: #3f6488;
        }

.bookASpeakerForm textarea {
    width: 100%;
    resize: none;
    border: 2px solid #dedede;
    border-radius: 20px;
    height: 80px;
}

.bookASpeakerForm-halfWidth {
    position: relative;
}

@media (min-width: 768px) {
    .bookASpeakerForm-halfWidth {
        width: 50%;
        float: left;
        height: 72px;
    }

        .bookASpeakerForm-halfWidth input, .bookASpeakerForm-halfWidth select {
            width: 100%;
        }

    .bookASpeakerForm-halfWidth--left {
        padding-right: 10px;
    }
}

.bookASpeakerForm-halfWidth--tooltip {
    height: 50px;
}

@media (min-width: 768px) {
    .bookASpeakerForm-halfWidth--tooltip {
        height: 72px;
    }
}

.bookASpeakerForm-halfWidth--radio {
    float: left;
    clear: none;
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .bookASpeakerForm-halfWidth--radio {
        width: 50%;
        margin-bottom: 0px;
    }
}

.bookASpeakerForm-halfWidth--radio label {
    float: left;
    clear: none;
    display: block;
    padding: 3px 1em 0 5px;
}

.bookASpeakerForm-halfWidth--radio input[type=radio] {
    float: left;
    clear: none;
    margin: 2px 0 0 2px;
}

.bookASpeakerForm-halfWidth--table {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    padding-top: 15px;
}

.bookASpeakerForm-radio {
    float: left;
    clear: none;
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

    .bookASpeakerForm-radio label {
        float: left;
        clear: none;
        display: block;
        padding: 3px 1em 0 5px;
    }

    .bookASpeakerForm-radio input[type=radio] {
        float: left;
        clear: none;
        margin: 2px 0 0 2px;
    }

.bookASpeakerForm-section {
    overflow: hidden;
    margin-bottom: 10px;
}

.bookASpeakerForm-displayTooltip {
    width: 21px;
    height: 21px;
    border-radius: 10px;
    background-color: #5a7da1;
    display: block;
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding-left: 7px;
    position: absolute;
    bottom: 20px;
}

.bookASpeakerForm-tooltipIcon {
    position: relative;
    display: inline-block;
}

    .bookASpeakerForm-tooltipIcon:hover .bookASpeakerForm-tooltipText {
        visibility: visible;
    }

.bookASpeakerForm-tooltipText {
    visibility: hidden;
    width: 150px;
    background-color: #5a7da1;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0px;
    margin-left: 10px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
    font-size: 13px;
    font-weight: 400;
    z-index: 999;
}

    .bookASpeakerForm-tooltipText:after {
        content: "";
        position: absolute;
        top: 15px;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #5a7da1 transparent transparent;
    }

.bookASpeakerForm-smallInput {
    width: 100%;
}

    .bookASpeakerForm-smallInput label {
        width: 100%;
        display: block;
    }

    .bookASpeakerForm-smallInput select {
        width: 168px;
    }

.bookASpeakerForm-tooltipIcon:hover .bookASpeakerForm-tooltipText {
    visibility: visible !important;
}

.simpleList {
    border: 1px solid #ebebeb;
    border-top: 3px solid #b1a36f;
}

.simpleList-title {
    font-family: "Raleway", sans-serif;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    padding: 20px;
    color: black;
}

.simpleListItem {
    margin: 20px 20px 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.simpleListItem-title {
    font-family: "Raleway", sans-serif;
    border-left: 3px solid #b1a36f;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 8px;
    font-weight: 700;
    font-size: 13px;
    color: black;
}

.simpleListItem-text {
    font-family: "Alice", serif;
    margin-bottom: 10px;
    font-size: 15px;
    color: black;
}

.simpleListItem-otherContent .downloadButton {
    text-transform: uppercase;
    font-size: 13px;
}

    .simpleListItem-otherContent .downloadButton:before {
        transition: all 0.25s ease;
        background-color: #b1a36f;
        font-family: 'fontello';
        display: inline-block;
        vertical-align: 1px;
        border-radius: 10px;
        padding-left: 5px;
        margin-right: 6px;
        padding-top: 2px;
        content: '\e81f';
        font-size: 11px;
        color: white;
        height: 20px;
        width: 20px;
    }

    .simpleListItem-otherContent .downloadButton:hover:before {
        background-color: #dedede;
        color: black;
    }

.topicResourceKits {
    position: relative;
}

    .topicResourceKits h2 {
        padding: 20px 0px;
        margin-bottom: 0px;
        display: block;
    }

@media (min-width: 768px) {
    .topicResourceKits h2 {
        display: inline-block;
    }
}

.topicResourceKits-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

    .topicResourceKits-header span {
        display: block;
        margin-bottom: 10px;
    }

@media (min-width: 768px) {
    .topicResourceKits-header span {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .topicResourceKits-header .decoratedSelect select {
        width: 250px;
    }
}

.topicResourceKits .share-button {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .topicResourceKits .share-button {
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .topicResourceKits .share-button {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .topicResourceKits .share-button {
        margin-bottom: 0px;
    }
}

.speakerBiography h2 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    padding: 30px 0 5px;
    margin: 0;
}

.speakerBiography-bottom {
    background: whitesmoke;
    border-top: 4px solid #b1a36f;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
}

    .speakerBiography-bottom::before, .speakerBiography-bottom::after {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%) translateY(-50%);
    }

    .speakerBiography-bottom::before {
        content: "";
        display: block;
        background: #b1a36f;
        width: 42px;
        height: 42px;
        border-radius: 50%;
    }

    .speakerBiography-bottom::after {
        font-family: "fontello";
        content: "\e820";
        color: #fff;
        font-size: 24px;
    }

    .speakerBiography-bottom a {
        margin-top: 30px;
    }

.speakerBiography .link-more {
    margin-bottom: 0;
}

.journals-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: -10px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .journals-list {
        margin-left: -15px;
    }
}

.journals-list .justify-helper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.journals-list .carouselBox {
    margin-top: 30px;
}

.journals-list .button {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

.ourTeamBox img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    margin-bottom: 10px;
}

.ourTeamBox-description {
    padding: 10px;
    text-align: center;
}

    .ourTeamBox-description h2 {
        font-size: 24px;
    }

@media (min-width: 768px) {
    .ourTeamBox-description h2 {
        font-size: 26px;
    }
}

.ourTeamBox-description p {
    height: auto;
}

@media (min-width: 768px) {
    .ourTeamBox-description p {
        height: 80px;
    }
}

.ourTeamBox-description a {
    margin: auto;
}

@media (min-width: 992px) {
    .sitemap {
        border-left: 1px solid #dedede;
    }
}

@media (max-width: 767px) {
    .sitemap .icons-print {
        margin-bottom: 15px;
    }
}

.sitemap--noBorder {
    border-left: none;
}

.sitemap ul li {
    color: #b1a36f;
}

    .sitemap ul li a {
        color: black;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
    }

        .sitemap ul li a:hover {
            color: #5a7da1;
        }

.sitemap ul ul {
    list-style: none;
    padding: 5px 0 15px 0;
}

    .sitemap ul ul li a {
        color: black;
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
    }

        .sitemap ul ul li a:hover {
            color: #5a7da1;
        }

    .sitemap ul ul ul {
        list-style: none;
        padding: 0 0 10px 0;
        margin-left: 10px;
    }

        .sitemap ul ul ul li a {
            color: #595959;
            font-size: 12px;
        }

            .sitemap ul ul ul li a:hover {
                color: #5a7da1;
            }

.dispatchesFromBrian-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px;
}

    .dispatchesFromBrian-header .decoratedSelect {
        width: 100%;
    }

.imagesList-imageWrapper {
    margin-bottom: 20px;
}

    .imagesList-imageWrapper img {
        transition: all 0.25s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 100%;
    }

.imagesList--withZoom .imagesList-imageWrapper {
    overflow: hidden;
}

    .imagesList--withZoom .imagesList-imageWrapper:hover img {
        transform: scale(1.1);
    }

.infoSection-right {
    padding-bottom: 10px;
}

    .infoSection-right:before, .infoSection-right:after {
        content: " ";
        display: table;
    }

    .infoSection-right:after {
        clear: both;
    }

@media (min-width: 768px) {
    .infoSection-right {
        padding-bottom: 0;
    }
}

.resourceKitDownloads {
    padding: 30px 0px;
}

    .resourceKitDownloads h2 {
        margin-bottom: 30px;
        font-family: "Raleway", sans-serif;
        font-size: 24px;
        font-weight: 600;
    }

@media (min-width: 992px) {
    .resourceKitDownloads h2 {
        font-size: 26px;
    }
}

.resourceKitDownloads-Box {
    padding: 20px 0px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin-bottom: 20px;
    background: repeating-linear-gradient(135deg, #ebebeb, #ebebeb 1px, white 1px, white 6px);
}

    .resourceKitDownloads-Box p {
        color: black;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .resourceKitDownloads-Box span {
        display: block;
        color: #919191;
        font-size: 13px;
        font-weight: 700;
    }

    .resourceKitDownloads-Box:hover {
        background: white;
        cursor: pointer;
    }

        .resourceKitDownloads-Box:hover p {
            text-decoration: underline;
        }

    .resourceKitDownloads-Box:before {
        content: '\e81f';
        font-family: 'fontello';
        display: block;
        font-size: 35px;
        color: #b1a36f;
    }

.downloadButtons {
    position: relative;
    padding-top: 30px;
    text-align: center;
}

.downloadButtons--withMargin .button:first-of-type {
    margin-right: 15px;
}

.otherArticles {
    margin-bottom: 30px;
}

    .otherArticles a {
        display: block;
    }

.photoGallery {
    margin-bottom: 30px;
}

.photoGallery-box {
    margin-bottom: 30px;
}

.photoGallery-image {
    height: 260px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.photoGallery img {
    max-width: 100%;
}

.photoGallery a {
    height: 100%;
    width: 100%;
    display: block;
    cursor: zoom-in;
}

.themeBorderColor-- {
    border-color: #b1a36f !important;
}

.themeBorderColor--persons {
    border-color: #660099 !important;
}

.themeBorderColor--hands {
    border-color: #009943 !important;
}

.themeBorderColor--bird {
    border-color: #ffcb00 !important;
}

.themeBorderColor--cross {
    border-color: #006699 !important;
}

.themeBorderColor--heart {
    border-color: #cc0033 !important;
}

.galleryMagnificPopup {
    background-color: white;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 15px;
    margin-top: -4px;
    margin-right: -36px;
    position: absolute;
}

    .galleryMagnificPopup h3 {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 5px;
    }

.galleryMagnificPopup-date {
    color: #595959;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
}

.galleryMagnificPopup-description {
    color: black;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0px;
}

.stickyHeaderBackground {
    background-color: white;
    position: fixed;
    display: none;
    height: 60px;
    width: 100%;
    z-index: 2;
    left: 0;
    top: 0;
}

@media (min-width: 992px) {
    .stickyHeaderBackground {
        display: block;
    }
}

@media (min-width: 768px) {
    .singleTopic-image img {
        max-width: 241px;
    }
}

.speakersBox {
    position: relative;
}

.speakersBox-header {
    padding: 20px 0px;
}

.speakersBox-select {
    display: block;
}

@media (min-width: 768px) {
    .speakersBox-select {
        float: right;
    }
}

@media (min-width: 768px) {
    .speakersBox-select select {
        width: 250px;
    }
}

.speakersBox-speakerContainer {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 50px;
    position: relative;
}

.speakersBox-image {
    height: 260px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 1200px) {
    .speakersBox-image {
        height: 190px;
    }
}

.speakersBox-description {
    padding: 15px;
}

    .speakersBox-description h2 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .speakersBox-description p {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .speakersBox-description .link-more {
        position: absolute;
        left: 50%;
        bottom: 30px;
        transform: translateX(-50%);
        margin-bottom: 0;
    }

.tabPane {
    display: none;
}

.tabPane--active {
    display: block;
}

.themeBackgroundColor-- {
    border-color: #b1a36f !important;
}

.themeBackgroundColor--persons {
    background-color: #660099 !important;
}

.themeBackgroundColor--hands {
    background-color: #009943 !important;
}

.themeBackgroundColor--bird {
    background-color: #ffcb00 !important;
}

.themeBackgroundColor--cross {
    background-color: #006699 !important;
}

.themeBackgroundColor--heart {
    background-color: #cc0033 !important;
}

.tab-pane {
    display: none;
}

    .tab-pane.active {
        display: block;
    }

.eventsCalendar {
    padding: 0 15px 20px;
    background: whitesmoke;
    margin-top: 20px;
}

.eventsCalendar-filter {
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    background: white;
    margin: 0 -15px;
    padding-bottom: 20px;
}

    .eventsCalendar-filter h4 {
        color: black;
        font-size: 12px;
        text-transform: uppercase;
        font-family: "Raleway", sans-serif;
        font-weight: 700;
        margin-right: 20px;
        line-height: 26px;
    }

    .eventsCalendar-filter > div {
        margin-right: 25px;
    }

    .eventsCalendar-filter label::before {
        width: 11px;
        height: 11px;
        content: '';
        display: inline-block;
        margin-right: 5px;
    }

.eventsCalendar-filter--green::before {
    background: #a9d672;
}

.eventsCalendar-filter--beige::before {
    background: #b1a36f;
}

.eventsCalendar-filter--blue::before {
    background: #5a7da1;
}

.eventsCalendar-setup {
    display: none !important;
}

.eventsCalendar-navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
}

    .eventsCalendar-navigation button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        height: 50px;
        width: 40px;
    }

.eventsCalendar h2 {
    margin: 0;
    font-size: 26px;
}

.eventsCalendar-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}

.eventsCalendar-header {
    display: table-header-group;
}

    .eventsCalendar-header span {
        font-size: 13px;
        font-weight: 700;
        line-height: 45px;
        text-align: center;
        border-top: 0;
    }

.eventsCalendar-row {
    display: table-row;
}

.eventsCalendar-cell {
    border-top: 1px solid #ebebeb;
    display: table-cell;
    background: white;
    padding: 0 15px;
}

    .eventsCalendar-cell:not(:first-child) {
        border-left: 1px solid #ebebeb;
    }

.eventsCalendar-cell-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    margin: 0 -15px;
    width: calc(100% + 30px);
    padding: 0 15px;
    min-height: 80px;
}

.eventsCalendar-cell--inactive {
    background: whitesmoke;
}

    .eventsCalendar-cell--inactive .eventsCalendar-day {
        color: #919191;
    }

.eventsCalendar-day {
    font-family: "Alice", serif;
    font-size: 20px;
    line-height: 32px;
    border-bottom: 1px solid #ebebeb;
    display: block;
    margin: 0 -15px;
    padding: 0 15px;
}

.eventsCalendar-event {
    font-size: 11px;
    line-height: 16px;
    padding: 0 4px;
    margin: 15px 0 20px;
    max-width: 100%;
    position: relative;
}

    .eventsCalendar-event a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .eventsCalendar-event b {
        font-weight: 600;
        text-transform: uppercase;
        display: block;
        margin: 0 -4px;
        padding: 0 4px;
    }

.eventsCalendar-event--beige:not(.eventsCalendar-event--daily) {
    border-left: 0;
    background: #e6dcb8;
}

    .eventsCalendar-event--beige:not(.eventsCalendar-event--daily) b {
        background: #d1c492;
    }

.eventsCalendar-event--blue:not(.eventsCalendar-event--daily) {
    border-left: 0;
    background: #c4e1f5;
}

    .eventsCalendar-event--blue:not(.eventsCalendar-event--daily) b {
        background: #a4c6eb;
    }

.eventsCalendar-event--green:not(.eventsCalendar-event--daily) {
    border-left: 0;
    background: #ebf5c4;
}

    .eventsCalendar-event--green:not(.eventsCalendar-event--daily) b {
        background: #c7e6a1;
    }

.eventsCalendar-event--green {
    border-left: 4px solid #c7e6a1;
}

.eventsCalendar-event--blue {
    border-left: 4px solid #a4c6eb;
}

.eventsCalendar-event--beige {
    border-left: 4px solid #d1c492;
}

.eventsCalendar-event--continuous-start, .eventsCalendar-event--continuous-end {
    position: relative;
    width: calc(100% + 15px);
    max-width: calc(100% + 15px);
}

.eventsCalendar-event--continuous {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    max-width: none;
}

.eventsCalendar-event--continuous-start {
    margin-right: -15px;
}

.eventsCalendar-event--continuous-end {
    margin-left: -15px;
}

.eventsCalendar + .helpers-textCenter {
    margin-top: 20px;
}

.eventDetails {
    position: relative;
}

.eventDetails-table {
    margin-bottom: 30px;
}

.eventDetails-row {
    overflow: auto;
}

@media (min-width: 768px) {
    .eventDetails-row {
        border-bottom: 1px solid #ebebeb;
    }
}

.eventDetails-header {
    color: black;
    font-size: 13px;
    font-weight: 700;
    line-height: 50px;
    background-color: whitesmoke;
    border-left: 5px solid #ebebeb;
    padding-left: 20px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .eventDetails-header {
        display: inline-block;
        float: left;
        width: 20%;
    }
}

.eventDetails-cell {
    color: #5a7da1;
    font-size: 15px;
    font-weight: 500;
    line-height: 50px;
    padding-left: 20px;
}

@media (min-width: 768px) {
    .eventDetails-cell {
        display: inline-block;
        float: left;
        width: 80%;
    }
}

#eventsDetails .topicIntro {
    margin-bottom: 20px;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
    }

.pika-single {
    *zoom: 1;
}

    .pika-single:before, .pika-single:after {
        content: " ";
        display: table;
    }

    .pika-single:after {
        clear: both;
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

    .pika-title select {
        cursor: pointer;
        position: absolute;
        z-index: 9998;
        margin: 0;
        left: 0;
        top: 5px;
        filter: alpha(opacity=0);
        opacity: 0;
    }

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #333;
    background-color: #fff;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

    .pika-prev:hover,
    .pika-next:hover {
        opacity: 1;
    }

    .pika-prev.is-disabled,
    .pika-next.is-disabled {
        cursor: default;
        opacity: .2;
    }

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th,
    .pika-table td {
        width: 14.285714285714286%;
        padding: 0;
    }

    .pika-table th {
        color: #999;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

    .pika-table abbr {
        border-bottom: none;
        cursor: help;
    }

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.prayerSupportBox {
    margin-bottom: 30px;
}

#luminate-setup, .luminate-setup {
    display: none;
}

.ErrorLabel, .EditingFormErrorLabel {
    display: block;
    color: red !important;
    font-size: 13px !important;
    padding-bottom: 10px !important;
}

.EditingFormErrorLabel {
    padding-left: 18px;
}

.Error input, .Error textarea, .Error select {
    border-color: red !important;
    margin-bottom: 0px !important;
}

.searchInfo {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 25px;
}

.searchInfo-query {
    display: inline-block;
    border-radius: 4px;
    background-color: #ebebeb;
    padding: 2px 8px;
    font-weight: 600;
}

.searchInfo-type {
    font-weight: 600;
}

.searchInfo-again {
    cursor: pointer;
}

#donation-form div[lum-scope="frequency"], #donation-form div[lum-scope="donationLevels"] {
    display: block !important;
}

    #donation-form div[lum-scope="frequency"] label, #donation-form div[lum-scope="donationLevels"] label {
        width: 100% !important;
        margin-bottom: 10px;
    }

@media (min-width: 768px) {
    #donation-form div[lum-scope="frequency"] label, #donation-form div[lum-scope="donationLevels"] label {
        width: 20% !important;
        margin-bottom: 0px !important;
    }
}

@media (min-width: 768px) {
    #donation-form div[lum-scope="frequency"], #donation-form div[lum-scope="donationLevels"] {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center;
        align-items: center;
        margin: 2px -7.5px 10px;
    }
}

#donation-form div[class="billing.name.title"] {
    width: 100% !important;
}

@media (min-width: 768px) {
    #donation-form div[class="billing.name.title"] {
        width: 20% !important;
    }
}

#donation-form div[class="billing.name.first"], #donation-form div[class="billing.name.last"] {
    width: 100% !important;
}

@media (min-width: 768px) {
    #donation-form div[class="billing.name.first"], #donation-form div[class="billing.name.last"] {
        width: 40% !important;
    }
}

#donation-form div[class="billing.address.city"] {
    width: 100% !important;
}

@media (min-width: 768px) {
    #donation-form div[class="billing.address.city"] {
        width: 50% !important;
    }
}

#donation-form div[class="billing.address.state"], #donation-form div[class="billing.address.zip"] {
    width: 100% !important;
}

@media (min-width: 768px) {
    #donation-form div[class="billing.address.state"], #donation-form div[class="billing.address.zip"] {
        width: 25% !important;
    }
}

#donation-form .cardholder_name, #donation-form .card_number {
    width: 100% !important;
}

@media (min-width: 768px) {
    #donation-form .cardholder_name, #donation-form .card_number {
        width: 50% !important;
    }
}

#donation-form .card_type {
    width: 100% !important;
}

@media (min-width: 768px) {
    #donation-form .card_type {
        width: 25% !important;
    }
}

#donation-form .card_expiration {
    width: 100% !important;
}

@media (min-width: 768px) {
    #donation-form .card_expiration {
        width: 30% !important;
    }
}

#donation-form button {
    max-width: 100%;
}

iframe {
    border: 0;
    width: 100%;
}

.InfoMessage {
    color: #009943;
}

.ErrorMessage, .EventManagerRegError {
    color: #e62600;
}

.messagePopup {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.messagePopup-content {
    position: relative;
    margin: 20% auto;
    width: 235px;
    background-color: white;
    padding: 20px 40px;
    border-radius: 10px;
    border: 2px solid #b1a36f;
    text-align: center;
}

.messagePopup-close {
    position: absolute;
    top: -7px;
    right: 11px;
    font-size: 32px;
    cursor: pointer;
}

.whoToContactModal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.whoToContactModal-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
}

.whoToContactModal-header {
    font-family: "Alice", serif;
    padding-bottom: 25px;
    margin-bottom: 20px;
    position: relative;
    padding-top: 20px;
    text-align: left;
    font-size: 30px;
    padding-right: 30px;
    padding-left: 30px;
    color: black;
}

.whoToContactModal-text {
    padding-right: 30px;
    padding-left: 30px;
}

.whoToContactModal-content {
    position: relative;
    width: 90%;
    background-color: white;
    margin: 5% auto;
}

@media (min-width: 992px) {
    .whoToContactModal-content {
        width: 40%;
    }
}

.whoToContactModal-close:before {
    transition: color .25s ease;
    font-family: 'fontello';
    position: absolute;
    content: '';
    font-size: 20px;
    cursor: pointer;
    right: 35px;
    z-index: 1;
    top: 30px;
}

.whoToContactModal-form {
    padding: 25px 30px 15px;
    position: relative;
    background-color: whitesmoke;
    width: 100%;
}

    .whoToContactModal-form input[type="text"] {
        transition: all 0.25s ease;
        font-family: Raleway, sans-serif;
        border: 2px solid #dedede;
        border-radius: 20px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 14px;
        color: black;
        width: 100%;
        margin-bottom: 15px;
        height: 40px;
    }

    .whoToContactModal-form textarea {
        transition: all 0.25s ease;
        font-family: Raleway, sans-serif;
        border: 2px solid #dedede;
        border-radius: 20px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 14px;
        color: black;
        width: 100%;
        padding-top: 15px;
        height: 150px;
        resize: none;
    }

    .whoToContactModal-form label {
        display: inline-block;
        width: 18%;
        font-weight: 600;
        text-align: left;
        font-size: 13px;
        color: black;
        vertical-align: top;
    }

    .whoToContactModal-form input[type="submit"] {
        transition: all 0.25s ease;
        font-family: "Raleway", sans-serif;
        background-color: #5a7da1;
        text-transform: uppercase;
        margin: 20px auto 30px;
        border-radius: 4px;
        text-align: center;
        padding: 15px 120px;
        font-weight: 700;
        font-size: 13px;
        color: white;
        border: none;
    }

        .whoToContactModal-form input[type="submit"]:hover {
            background-color: #ebebeb;
            color: black;
        }

    .whoToContactModal-form .EditingFormControlNestedControl {
        display: inline-block;
        width: 80%;
    }

    .whoToContactModal-form .EditingFormErrorLabel {
        padding-left: 21%;
    }

@media (min-width: 768px) {
    .popup-lightbox iframe {
        width: 320px;
        height: 180px;
    }
}

@media (min-width: 768px) {
    .popup-lightbox iframe {
        width: 640px;
        height: 360px;
    }
}

@media (min-width: 992px) {
    .popup-lightbox iframe {
        width: 854px;
        height: 480px;
    }
}

.homeSlider {
    display: none;
}

    .homeSlider.slick-initialized {
        display: block;
    }

@media (min-width: 1200px) {
    .homeSlider {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: 1170px;
    }

        .homeSlider:before, .homeSlider:after {
            content: " ";
            display: table;
        }

        .homeSlider:after {
            clear: both;
        }
}

@media (min-width: 1200px) {
    .homeSlider-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
}

.homeSlider-slideImage {
    position: relative;
    border-bottom: 5px solid #ffcb00;
    margin-bottom: 30px;
}

    .homeSlider-slideImage .themeDecoration {
        position: absolute;
        bottom: -26.5px;
        left: 0;
        right: 0;
        margin: auto;
        width: 48px;
        height: 48px;
        font-size: 48px;
    }

@media (min-width: 992px) {
    .homeSlider-slideImage {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .homeSlider-slideImage {
        -ms-flex: 0 0 690px;
        flex: 0 0 690px;
        margin-bottom: 0;
        border-bottom: 0;
        border-right: 5px solid #ffcb00;
    }

        .homeSlider-slideImage .themeDecoration {
            left: auto;
            bottom: auto;
            right: -26px;
            top: 50px;
        }

        .homeSlider-slideImage:focus {
            outline: 0;
        }
}

.homeSlider-slideImage img {
    width: 100%;
}

.homeSlider-content {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1200px) {
    .homeSlider-content {
        text-align: left;
        padding-left: 40px;
        padding-right: 40px;
    }
}

.homeSlider-content h3 {
    color: black;
}

.homeSlider-content p {
    font-size: 16px;
}

.homeSlider .slick-dots {
    position: static;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

    .homeSlider .slick-dots li {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 20%;
        min-height: 70px;
        height: auto;
        padding: 0;
        margin: 0;
    }

@media (min-width: 768px) {
    .homeSlider .slick-dots li {
        min-height: 107px;
        height: auto;
    }
}

@media (min-width: 992px) {
    .homeSlider .slick-dots li {
        min-height: 97px;
    }
}

@media (min-width: 1200px) {
    .homeSlider .slick-dots li:hover h4 {
        color: black;
    }
}

.homeSlider .slick-dots li.slick-active {
    border-top: 6px;
    border-style: solid;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

    .homeSlider .slick-dots li.slick-active .themeDecoration {
        position: relative;
        top: -3px;
    }

    .homeSlider .slick-dots li.slick-active h4 {
        position: relative;
        top: 7px;
        color: black;
    }

    .homeSlider .slick-dots li.slick-active:after {
        margin-top: -3px;
    }

.homeSlider .slick-dots li:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    width: 1px;
    height: 60px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #dedede;
}

@media (min-width: 768px) {
    .homeSlider .slick-dots li:after {
        height: 97px;
    }
}

@media (min-width: 992px) {
    .homeSlider .slick-dots li:after {
        height: 80px;
    }
}

.homeSlider .slick-dots li:last-of-type:after {
    display: none;
}

.homeSlider .slick-dots .themeDecoration {
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 30px;
    font-size: 28px;
}

.homeSlider .slick-dots h4 {
    display: none;
}

@media (min-width: 768px) {
    .homeSlider .slick-dots h4 {
        display: block;
        position: relative;
        top: 10px;
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        color: #919191;
        text-transform: uppercase;
        font-weight: 700;
        font-family: "Raleway", sans-serif;
        line-height: 16px;
    }
}

@media (min-width: 1200px) {
    .homeSlider .slick-dots h4 {
        transition: color 0.25s ease;
    }
}

.feedbackSection {
    margin-top: 15px;
}

    .feedbackSection h2 {
        padding-bottom: 31px;
        padding-top: 31px;
        margin-bottom: 0;
        margin-top: 0;
    }

@media (min-width: 768px) {
    .feedbackSection h2 {
        padding-bottom: 39px;
        padding-top: 39px;
        margin-bottom: 0;
        margin-top: 0;
    }
}

.home-mainHeading {
    margin-bottom: 35px;
    text-align: center;
    margin-top: 5px;
    font-size: 36px;
}

.home-joinUs {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.carouselBox {
    position: relative;
    text-align: center;
    padding-right: 15px;
    vertical-align: top;
}

@media (min-width: 1200px) {
    .carouselBox {
        padding-right: 0;
    }
}

.carouselBox-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 136px;
    background-size: cover;
    background-position: center;
    border: 0;
    border-right: 6px;
    border-style: solid;
    margin-bottom: 6px;
}

@media (min-width: 768px) {
    .carouselBox-image {
        width: 267px;
        height: 151px;
    }
}

@media (min-width: 992px) {
    .carouselBox-image {
        width: 315px;
        height: 166px;
    }
}

.carouselBox-anchor {
    display: block;
    width: 100%;
    height: 100%;
}

.carouselBox h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .carouselBox h4 {
        font-size: 26px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

.carouselBox p {
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 768px) {
    .carouselBox p {
        padding-right: 25px;
        padding-left: 25px;
    }
}

.carouselBox-type {
    transition: all 0.25s ease;
    position: absolute;
    bottom: 0;
    left: -1px;
    display: inline-block;
    background-color: #fff;
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 5px;
    text-transform: uppercase;
    color: black;
    font-size: 11px;
    font-weight: 700;
    border-top-right-radius: 3px;
}

    .carouselBox-type:hover {
        background-color: whitesmoke;
        color: #919191;
    }

.carouselBox .topicDecorator {
    margin-bottom: 13px;
}

.carouselBox--article {
    display: inline-block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #dedede;
    padding-top: 30px;
    padding-bottom: 60px;
    background-color: #fff;
    transition: background-color 0.25s ease;
}

    .carouselBox--article:last-of-type {
        border-bottom: 0;
    }

    .carouselBox--article:hover {
        background-color: whitesmoke;
    }

        .carouselBox--article:hover .carouselBox-type {
            background-color: whitesmoke;
        }

@media (min-width: 768px) {
    .carouselBox--article {
        width: 50%;
        padding-left: 30px;
        padding-right: 28px;
        margin-right: -0.25em;
        border-bottom: 0;
        border-right: 1px solid #dedede;
    }

        .carouselBox--article:nth-of-type(2n) {
            border-right: 0;
        }
}

@media (min-width: 992px) {
    .carouselBox--article {
        width: 33.3%;
    }

        .carouselBox--article:nth-of-type(2n) {
            border-right: 1px solid #dedede;
        }

        .carouselBox--article:nth-of-type(3n) {
            border-right: 0;
        }
}

.carouselBox--article .carouselBox-image {
    width: 100%;
    height: 145px;
}

@media (min-width: 768px) {
    .carouselBox--article .carouselBox-image {
        height: 176px;
    }
}

.carouselBox--article .topicDecorator {
    padding-left: 15px;
}

.carouselBox--article p {
    padding-right: 15px;
    padding-left: 15px;
}

.carouselBox--article .link {
    position: absolute;
    margin-bottom: 0;
    bottom: 30px;
    left: 15px;
}

@media (min-width: 768px) {
    .carouselBox--article .link {
        left: 30px;
    }
}

.carouselBox--article .share {
    position: absolute;
    bottom: 30px;
    right: 15px;
}

@media (min-width: 768px) {
    .carouselBox--article .share {
        right: 30px;
    }
}

.carouselBox--court {
    display: inline-block;
    text-align: left;
    border-bottom: 1px solid #dedede;
    padding-top: 30px;
    background-color: #fff;
    transition: background-color 0.25s ease;
}

    .carouselBox--court:last-of-type {
        border-bottom: 0;
    }

    .carouselBox--court:hover {
        background-color: whitesmoke;
    }

        .carouselBox--court:hover .carouselBox-type {
            background-color: whitesmoke;
        }

@media (min-width: 768px) {
    .carouselBox--court {
        width: 50%;
        padding-left: 30px;
        padding-right: 28px;
        border-bottom: 0;
        border-right: 1px solid #dedede;
    }

        .carouselBox--court:nth-of-type(2n) {
            border-right: 0;
        }
}

.carouselBox--court h4 {
    position: relative;
    padding-left: 15px;
}

    .carouselBox--court h4:before {
        position: absolute;
        left: 0;
        display: inline-block;
        content: '';
        height: 100%;
        width: 5px;
        background-color: #b1a36f;
        border-radius: 25%;
    }

@media (min-width: 768px) {
    .carouselBox--court h4 {
        font-size: 28px;
    }
}

.carouselBox--court h4.hands:before {
    background-color: #009943;
}

.carouselBox--court h4.cross:before {
    background-color: #006699;
}

.carouselBox--court h4.persons:before {
    background-color: #660099;
}

.carouselBox--court h4.bird:before {
    background-color: #ffcb00;
}

.carouselBox--court h4.heart:before {
    background-color: #cc0033;
}

.carouselBox--court .carouselBox-image {
    width: 100%;
    height: 145px;
}

@media (min-width: 768px) {
    .carouselBox--court .carouselBox-image {
        height: 176px;
    }
}

.carouselBox--court p {
    padding: 0;
}

.carouselBox--webinar {
    width: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    transition: none;
    border-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    margin-top: 20px;
}

    .carouselBox--webinar:hover {
        background: none;
    }

@media (min-width: 768px) {
    .carouselBox--webinar {
        width: calc(100%/3 - 30px);
        padding-left: 0;
        margin-left: 15px;
        margin-right: 15px;
    }
}

.carouselBox--webinar .carouselBox-image {
    border: 0;
}

.carouselBox--webinar h4 {
    line-height: 28px;
}

.carouselBox--webinar time {
    font-family: Raleway;
    font-size: 13px;
    font-weight: 600;
}

.carouselBox--webinar p {
    font-size: 13px;
    margin-top: 15px;
}

.carouselBox--webinar-content {
    padding: 10px 20px 20px;
}

.carouselBox--webinar .link-more {
    margin-right: auto;
}

@media (min-width: 768px) {
    .carouselBox--journals {
        width: calc(33.333333% - 30px);
    }
}

.homeCarousel {
    position: relative;
}

@media (min-width: 768px) {
    .homeCarousel {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .homeCarousel {
        float: left;
        width: 100%;
    }
}

.homeCarousel-wrap {
    display: none;
    position: relative;
    background-color: whitesmoke;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

    .homeCarousel-wrap.slick-initialized {
        display: block;
    }

.webinars-content {
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .webinars-content > div {
        max-width: 100%; /*calc(2/3*100%);*/
    }

    #form .webinars-content > div > section {
        max-width: initial;
    }
}

.videoBox .publish-time {
    margin-bottom: 15px;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 500;
}

    .videoBox .publish-time span {
        color: #919191;
    }

.videoGalleryMainVideo-description .publish-time,
.summaryBox-simple .publish-time,
.document.publish-time {
    margin-bottom: 15px;
}

    .summaryBox-simple .publish-time > time {
        font-family: Raleway;
        font-size: 13px;
        font-weight: 600;
    }


.carouselBox .publish-time {
    margin-bottom: 15px;
    margin-top: 6px;
}

    .carouselBox .publish-time > time {
        font-family: Raleway;
        font-size: 13px;
        font-weight: 600;
    }

.boxContent .publish-time {
    margin-bottom: 15px;
    margin-top: 6px;
}

    .boxContent .publish-time > time {
        font-family: Raleway;
        font-size: 13px;
        font-weight: 600;
    }

.videoLength {
    font-family: Raleway;
    font-weight: bold;
    font-size: 12px;
    background: #262626;
    color: #fff;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    height: 20px;
    border-radius: 5px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    opacity: 0.9;
}

.singleVideo-image {
    position: relative;
}

    .singleVideo-image > .videoLength {
        right: 20px;
    }
/*# sourceMappingURL=app.css.map */
