:root {
    --shell-red: rgba(221, 29, 23, 1.0);
    --shell-red-80: rgba(221, 29, 23, 0.8);
    --shell-red-60: rgba(221, 29, 23, 0.6);
    --shell-red-40: rgba(221, 29, 23, 0.4);
    --shell-red-20: rgba(221, 29, 23, 0.2);
    /* --shell-red-80:#E44A4D;--shell-red-60:#EB777A;--shell-red-40:#F1A5A6;--shell-red-20:#F8D2D3;*/
    --shell-yellow: rgba(251, 206, 7, 1.0);
    --shell-yellow-80: rgba(251, 206, 7, 0.8);
    --shell-yellow-60: rgba(251, 206, 7, 0.6);
    --shell-yellow-40: rgba(251, 206, 7, 0.4);
    --shell-yellow-20: rgba(251, 206, 7, 0.2);
    /* --shell-yellow-80:#FCD839;--shell-yellow-60:#FDE26A;--shell-yellow-40:#FDEB9C;--shell-yellow-20:#FEF5CD;*/
    --shell-white: #FFFFFF;
    --shell-blue: rgb(0, 53, 123);
    --shell-blue-80: rgba(0, 53, 123, 0.8);
    --shell-blue-60: rgba(0, 53, 123, 0.6);
    --shell-blue-40: rgba(0, 53, 123, 0.4);
    --shell-blue-20: rgba(0, 53, 123, 0.2);
    --shell-teal: rgb(0, 149, 170);
    --shell-teal-80: rgba(0, 149, 170, 0.8);
    --shell-teal-60: rgba(0, 149, 170, 0.6);
    --shell-teal-40: rgba(0, 149, 170, 0.4);
    --shell-teal-20: rgba(0, 149, 170, 0.2);
    --shell-light-blue: #008FC0;
    --shell-green: rgb(0, 133, 64);
    --shell-green-80: #339D69;
    --shell-green-60: #66B58E;
    --shell-green-40: #99CEB4;
    --shell-green-20: #CCE6D9;
    --shell-dark-blue: #003C88;
    --shell-dark-blue-80: #3363A0;
    --shell-dark-blue-60: #668AB8;
    --shell-dark-blue-40: #99B1CF;
    --shell-dark-blue-20: #CCD8E7;
    --shell-mid-blue: #009EB4;
    --shell-mid-blue-80: #33B1C3;
    --shell-mid-blue-60: #66C5D2;
    --shell-mid-blue-40: #99D8E1;
    --shell-mid-blue-20: #CCECF0;
    --shell-black: #333333;
    --shell-grey: #595959;
    --shell-light-grey: #AAA;
    --shell-honey: #f9b500;
    --shell-sunrise: #ed8a00;
    --shell-sunset: #dd4813;
    --shell-berry: #86207c;
    --shell-violet: #9a60a4;
    --shell-night: #006783;
    --shell-ocean: #17929e;
    --shell-sky: #9dc2de;
    --shell-jade: #59afbc;
    --shell-forest: #008557;
    --shell-grass: #a0c963;
    --shell-seaweed: #a8b11a;
    --shell-sand: #e1dda9;
    --shell-stone: #b6b099;
    --shell-charcoal: rgb(0, 37, 45);
    --shell-background:#f7f7f7
}

::target-text {
    background-color: var(--shell-yellow)
}

@font-face {
    font-family: Shell;
    src: local('ShellHeavy'), url(//cdn.sem-app.com/fonts/Shell/ShellHeavy.woff2) format("woff2"), url(//cdn.sem-app.com/fonts/Shell/ShellHeavy.woff) format("woff"), url(//cdn.sem-app.com/fonts/Shell/ShellHeavy.eot?#iefix) format("embedded-opentype"), url(//cdn.sem-app.com/fonts/Shell/ShellHeavy.ttf) format("truetype"), url(//cdn.sem-app.com/fonts/Shell/ShellHeavy.#shell) format("svg");
    font-weight: bold;
    font-style: normal;
    font-display:block
}

@font-face {
    font-family: Shell;
    src: local('ShellMedium'), url(//cdn.sem-app.com/fonts/Shell/ShellMedium.woff2) format("woff2"), url(//cdn.sem-app.com/fonts/Shell/ShellMedium.woff) format("woff"), url(//cdn.sem-app.com/fonts/Shell/ShellMedium.eot?#iefix) format("embedded-opentype"), url(//cdn.sem-app.com/fonts/Shell/ShellMedium.ttf) format("truetype"), url(//cdn.sem-app.com/fonts/Shell/ShellMedium.#shell) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display:block
}

@font-face {
    font-family: Shell;
    src: local('ShellMediumItalic'), url(//cdn.sem-app.com/fonts/Shell/ShellMediumItalic.woff2) format("woff2"), url(//cdn.sem-app.com/fonts/Shell/ShellMediumItalic.woff) format("woff"), url(//cdn.sem-app.com/fonts/Shell/ShellMediumItalic.eot?#iefix) format("embedded-opentype"), url(//cdn.sem-app.com/fonts/Shell/ShellMediumItalic.ttf) format("truetype"), url(//cdn.sem-app.com/fonts/Shell/ShellMediumItalic.#shell) format("svg");
    font-weight: normal;
    font-style: italic;
    font-display:block
}

@font-face {
    font-family: icon-font;
    font-display: block;
    src: url(//cdn.sem-app.com/fonts/Shell/icon-211001.woff2) format("woff2"), url(//cdn.sem-app.com/fonts/Shell/icon-2110001.woff) format("woff"), url(//cdn.sem-app.com/fonts/Shell/icon-2110001.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    unicode-range: U + 0-0020, U + E600-EA00;
    font-display:fallback
}

html, body {
    font-family: Shell, arial, roboto, helvetica, sans-serif;
    color: var(--shell-charcoal);
    letter-spacing: -0.025em;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x:hidden
}

html {
    scroll-behavior:smooth
}

body {
    background-color: var(--shell-white);
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    margin-bottom:76px
}

body:not(.user-is-tabbing) a:focus, body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) textarea:focus {
    outline:none
}

body.veggieBurgerOpen {
    max-height: 100vh;
    max-width: 100vw;
    overflow:hidden
}

body.veggieBurgerOpen .App > footer, body.veggieBurgerOpen .App > #content {
    max-height: 90vh;
    max-width: 100vw;
    overflow:hidden
}

.globalNavVeggieBurger {
    background-color: var(--shell-white);
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    margin: 15px 12px 8px;
    overflow: hidden;
    padding: 0;
    position: relative;
    /*-webkit-transition:background-color .4s;-o-transition:background-color .4s;transition:background-color .4s;*/
    width: 28px;
    z-index:10
}

.globalNavVeggieBurger .lines {
    background-color: currentColor;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    color: var(--shell-charcoal);
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top:50%
}

.globalNavVeggieBurger .lines:after, .globalNavVeggieBurger .lines:before {
    background-color: currentColor;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    /*-webkit-transition:.4s;-o-transition:.4s;transition:.4s;*/
    width:110%
}

.globalNavVeggieBurger .lines:before {
    top:-9px
}

.globalNavVeggieBurger .lines:after {
    top:9px
}

.veggieBurgerOpen .globalNavVeggieBurger {
    background-color:var(--shell-background)
}

.veggieBurgerOpen .globalNavVeggieBurger .lines {
    color: var(--shell-charcoal);
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow:0 0 0 transparent
}

.veggieBurgerOpen .globalNavVeggieBurger .lines:before {
    -ms-transform: rotate(-45deg) translate(-6px, 5px);
    transform:rotate(-45deg) translate(-6px, 5px)
}

.veggieBurgerOpen .globalNavVeggieBurger .lines:after {
    -ms-transform: rotate(45deg) translate(-7px, -7px);
    transform:rotate(45deg) translate(-7px, -7px)
}

@media only screen and (min-width: 1240px) {
    .globalNavVeggieBurger {
        display:none
    }
}

@media only screen and (min-width: 576px) {
    .main-content {
        max-width: 1440px;
        margin: 0 auto;
        padding-left: 0 !important;
        padding-right:0 !important
    }
}

.richtext a {
    /*border-bottom:2px solid transparent;*/
    color: var(--shell-charcoal);
    cursor: pointer;
    position: relative;
    text-align: center;
    text-decoration: underline;
    /* -webkit-transition:border-bottom-color .3s ease-in;-o-transition:border-bottom-color .3s ease-in;transition:border-bottom-color .3s ease-in */
}
/* .richtext a:before{background-color:var(--shell-blue);bottom:-2px;content:"";height:2px;left:0;opacity:.5;position:absolute;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;width:0}.richtext a:focus,.richtext a:hover{border-bottom-color:var(--shell-blue)}.richtext a:focus:before,.richtext a:hover:before{opacity:1;width:100%}*/

.globalNavLogo {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MS4yIDI0Ij48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfM19jb3B5XzIiIGRhdGEtbmFtZT0iTGF5ZXIgMyBjb3B5IDIiPjxnIGlkPSJMYXllcl80IiBkYXRhLW5hbWU9IkxheWVyIDQiPjxyZWN0IHdpZHRoPSI5MS4yIiBoZWlnaHQ9IjI0IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9nPjxwYXRoIGQ9Ik0yNy45LDYuNjJhMS4zNSwxLjM1LDAsMCwwLS44NC0uMzJjLS4yMywwLS41NC4xMy0uNTQuNHMuMzQuNC41Ni40N2wuMzIuMWMuNjguMiwxLjIuNTQsMS4yLDEuMzNhMS42NSwxLjY1LDAsMCwxLS41LDEuMzEsMi4xNSwyLjE1LDAsMCwxLTEuMzguNDZBMywzLDAsMCwxLDI1LDkuODFsLjU0LTFhMS43NCwxLjc0LDAsMCwwLDEuMTIuNTFjLjMsMCwuNjItLjE1LjYyLS41cy0uNS0uNDctLjc3LS41NWMtLjgtLjIzLTEuMzItLjQzLTEuMzItMS4zOGExLjYsMS42LDAsMCwxLDEuNjgtMS42MywzLjMyLDMuMzIsMCwwLDEsMS41My40bC0uNTEsMVoiIHN0eWxlPSJmaWxsOiNlNTFkMjEiLz48cGF0aCBkPSJNMzAuMzYsNC44N1Y3LjM0aDBhMS4yMywxLjIzLDAsMCwxLDEuMDYtLjUzYy44NCwwLDEuMjUuNTYsMS4yNSwxLjR2MkgzMS41VjguNTRjMC0uMzktLjA2LS43OS0uNTMtLjc5cy0uNjEuNC0uNjEuNzl2MS43SDI5LjE4VjQuODdaIiBzdHlsZT0iZmlsbDojZTUxZDIxIi8+PHBhdGggZD0iTTM2Ljg2LDguNzhIMzQuMzhhLjY1LjY1LDAsMCwwLC43NC43My41OC41OCwwLDAsMCwuNTYtLjNoMS4xM2ExLjM0LDEuMzQsMCwwLDEtLjYzLjg2LDIsMiwwLDAsMS0xLjA2LjI4LDEuNzIsMS43MiwwLDAsMS0xLjkxLTEuNzcsMS44MywxLjgzLDAsMCwxLDMuNjUuMDd2LjEzWm0tMS4xLS42OGEuNjQuNjQsMCwwLDAtLjY2LS41Mi42Ny42NywwLDAsMC0uNy41MloiIHN0eWxlPSJmaWxsOiNlNTFkMjEiLz48cGF0aCBkPSJNMzguNTcsMTAuMjRIMzcuMzlWNC44N2gxLjE4WiIgc3R5bGU9ImZpbGw6I2U1MWQyMSIvPjxwYXRoIGQ9Ik00MC41MiwxMC4yNEgzOS4zNFY0Ljg3aDEuMThaIiBzdHlsZT0iZmlsbDojZTUxZDIxIi8+PHBhdGggZD0iTTI2LjcyLDEzLjY0djEuMTFoMnYxLjQ3aC0ydjEuMTVoMi4wNnYxLjQ3SDI1VjEyLjE3aDMuNzl2MS40N1oiIHN0eWxlPSJmaWxsOiNlNTFkMjEiLz48cGF0aCBkPSJNMzMuMDksMTUuNzhhMS4zOCwxLjM4LDAsMCwwLS44My0uMzIsMS4xMSwxLjExLDAsMSwwLDAsMi4yMiwxLjIsMS4yLDAsMCwwLC44LS4zMXYxLjM3QTIuNTksMi41OSwwLDAsMSwzMiwxOWEyLjQsMi40LDAsMCwxLTIuNDctMi4zN0EyLjQ0LDIuNDQsMCwwLDEsMzIsMTQuMTVhMi4xOCwyLjE4LDAsMCwxLDEuMDcuMjd2MS4zNloiIHN0eWxlPSJmaWxsOiNlNTFkMjEiLz48cGF0aCBkPSJNMzkuMjMsMTYuNThjLjA2LDMuMi01LjUzLDMuMjEtNS40NywwUzM5LjI5LDEzLjM2LDM5LjIzLDE2LjU4Wm0tMy43NywwYy0uMSwxLjMzLDIuMTcsMS4zMywyLjA3LDBDMzcuNjIsMTUuMjMsMzUuMzcsMTUuMjUsMzUuNDYsMTYuNThaIiBzdHlsZT0iZmlsbDojZTUxZDIxIi8+PHBhdGggZD0iTTQyLjQzLDE1LjM0djEuMzNIMzkuODlWMTUuMzRaIiBzdHlsZT0iZmlsbDojZTUxZDIxIi8+PHBhdGggZD0iTTQ1LDE0Ljg3aDBBMS44MSwxLjgxLDAsMCwxLDQ4LDE1YTEuNzMsMS43MywwLDAsMSwxLjU0LS44N2MxLjE1LDAsMS41NS43NSwxLjU1LDEuOHYyLjg5SDQ5LjUyVjE2LjY3YzAtLjQ3LDAtMS4yNC0uNjctMS4yNHMtLjc3LjctLjc3LDEuMjR2Mi4xN0g0Ni40N1YxNi42N2MwLS41LDAtMS4yNy0uNzItMS4yN3MtLjcxLjc3LS43MSwxLjI3djIuMTdINDMuNDJWMTQuM0g0NXYuNTdaIiBzdHlsZT0iZmlsbDojZTUxZDIxIi8+PHBhdGggZD0iTTU3LjE1LDE4Ljg0SDU1LjU0di0uNWgwYTEuNTksMS41OSwwLDAsMS0xLjM3LjY1LDIuMzMsMi4zMywwLDAsMS0yLjMtMi40MiwyLjMyLDIuMzIsMCwwLDEsMi4yOC0yLjQyLDEuODcsMS44NywwLDAsMSwxLjQxLjZWMTQuM2gxLjYxdjQuNTRabS0zLjYzLTIuMjZhMSwxLDAsMSwwLDEtMUExLDEsMCwwLDAsNTMuNTIsMTYuNThaIiBzdHlsZT0iZmlsbDojZTUxZDIxIi8+PHBhdGggZD0iTTU5LjgzLDE1aDBhMS41OSwxLjU5LDAsMCwxLDEuNDctLjhoLjMxdjEuNTVhMS4zNSwxLjM1LDAsMCwwLS42OC0uMTVjLS45LDAtMS4xMi41OS0xLjEyLDEuMzd2MS44M0g1OC4yMlYxNC4zaDEuNjFWMTVaIiBzdHlsZT0iZmlsbDojZTUxZDIxIi8+PHBhdGggZD0iTTY3LjIsMTguODRINjUuNTh2LS41aDBBMS42LDEuNiwwLDAsMSw2NC4yLDE5YTIuMzMsMi4zMywwLDAsMS0yLjMtMi40MiwyLjMyLDIuMzIsMCwwLDEsMi4yOC0yLjQyLDEuODcsMS44NywwLDAsMSwxLjQxLjZWMTQuM0g2Ny4ydjQuNTRabS0zLjYzLTIuMjZhMSwxLDAsMSwwLDEtMUExLDEsMCwwLDAsNjMuNTcsMTYuNThaIiBzdHlsZT0iZmlsbDojZTUxZDIxIi8+PHBhdGggZD0iTTcwLDE4Ljg0SDY4LjQyVjE1LjYzSDY3LjlWMTQuM2guNTJWMTIuOTRINzBWMTQuM2guOTF2MS4zM0g3MFoiIHN0eWxlPSJmaWxsOiNlNTFkMjEiLz48cGF0aCBkPSJNNzMuMDcsMTEuNXYzLjM4aDBhMS42OSwxLjY5LDAsMCwxLDEuNDYtLjczYzEuMTUsMCwxLjcuNzYsMS43LDEuOTF2Mi43OEg3NC42M1YxNi41MWMwLS41My0uMDgtMS4wOC0uNzItMS4wOHMtLjg0LjU1LS44NCwxLjA4djIuMzNINzEuNDVWMTEuNVoiIHN0eWxlPSJmaWxsOiNlNTFkMjEiLz48cGF0aCBkPSJNODQuNzgsMTQuODloMGExLjU3LDEuNTcsMCwwLDEsMS40NS0uNzRjMS4yMiwwLDEuNzEuNzcsMS43MSwxLjg5djIuOEg4Ni4zNFYxNi42M2MwLS40My4wNy0xLjItLjcyLTEuMnMtLjg0LjQ5LS44NCwxLjA2djIuMzVIODMuMTdWMTQuM2gxLjYxdi41OVoiIHN0eWxlPSJmaWxsOiNlNTFkMjEiLz48cGF0aCBkPSJNMTEsMTguODZINy4wOGwtLjM2LTIuOTJMNC4zMiwxNC4yYTguMTcsOC4xNywwLDAsMS0uMTUtMS41Niw3Ljc3LDcuNzcsMCwwLDEsMTUuNTQsMCw3LjUxLDcuNTEsMCwwLDEtLjE2LDEuNTZsLTIuMzksMS43NC0uMzcsMi45MkgxMi44NWwtLjIzLjE2YTEuMTQsMS4xNCwwLDAsMS0xLjM3LDBMMTEsMTguODZaIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjQwO3N0cm9rZS13aWR0aDoxLjc1cHgiLz48cGF0aCBkPSJNMTEsMTguODZINy4wOGwtLjM2LTIuOTJMNC4zMiwxNC4yYTguMTcsOC4xNywwLDAsMS0uMTUtMS41Niw3Ljc3LDcuNzcsMCwwLDEsMTUuNTQsMCw3LjUxLDcuNTEsMCwwLDEtLjE2LDEuNTZsLTIuMzksMS43NC0uMzcsMi45MkgxMi44NWwtLjIzLjE2YTEuMTQsMS4xNCwwLDAsMS0xLjM3LDBMMTEsMTguODZaIiBzdHlsZT0iZmlsbDojZmJjZTA3Ii8+PHBhdGggZD0iTTExLDE4Ljg2SDcuMDhsLS4zNi0yLjkyTDQuMzIsMTQuMmE4LjE3LDguMTcsMCwwLDEtLjE1LTEuNTYsNy43Nyw3Ljc3LDAsMCwxLDE1LjU0LDAsNy41MSw3LjUxLDAsMCwxLS4xNiwxLjU2bC0yLjM5LDEuNzQtLjM3LDIuOTJIMTIuODVsLS4yMy4xNmExLjE0LDEuMTQsMCwwLDEtMS4zNywwTDExLDE4Ljg2Wm0uMTMtMS4zNkg4LjI4TDgsMTUuMTgsNS42MywxMy40N2EzLjMxLDMuMzEsMCwwLDEtLjEtLjgzLDMuMjYsMy4yNiwwLDAsMSwuMjktMS4zNEwxMCwxNS41MmwtNC4wNi01QTMuMzcsMy4zNywwLDAsMSw3LDguODJsMy42NCw2LjI5TDcuMzYsOC4yM0EzLjI0LDMuMjQsMCwwLDEsOSw3LjA2bDIuMjIsNy44TDkuNjMsNi43NGEzLjI3LDMuMjcsMCwwLDEsMS42Mi0uNDNsLjM2LDAsLjMzLDguNDUuMzMtOC40NS4zNiwwYTMuMjcsMy4yNywwLDAsMSwxLjYyLjQzbC0xLjYyLDguMTIsMi4yMi03LjhhMy4yNCwzLjI0LDAsMCwxLDEuNjcsMS4xN2wtMy4yMyw2Ljg4LDMuNjQtNi4yOWEzLjM3LDMuMzcsMCwwLDEsMSwxLjY5bC00LjA3LDUsNC4xOC00LjIyYTMuMjYsMy4yNiwwLDAsMSwuMjksMS4zNCwzLjMyLDMuMzIsMCwwLDEtLjExLjgzbC0yLjM2LDEuNzFMMTUuNiwxNy41SDEyLjczbC0uNDIuMzFhLjYzLjYzLDAsMCwxLS43NCwwbC0uNDItLjMxWiIgc3R5bGU9ImZpbGw6I2U1MWQyMTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0xMS45NCw0LjE5YTguNDYsOC40NiwwLDAsMC04LjQ1LDguNDUsOC42NSw4LjY1LDAsMCwwLC4xNywxLjY5bDAsLjI2LDIuMzcsMS43Mi40LDMuMjNIMTAuOGwwLDBhMS44NCwxLjg0LDAsMCwwLDIuMTcsMGwuMDUsMGg0LjMybC40MS0zLjIzLDIuMzYtMS43Mi4wNi0uMjZhOC42NSw4LjY1LDAsMCwwLC4xNy0xLjY5LDguNDYsOC40NiwwLDAsMC04LjQ1LTguNDVabTcuNjEsMTAtMi4zOSwxLjc0LS4zNywyLjkySDEyLjg1bC0uMjMuMTZhMS4xNCwxLjE0LDAsMCwxLTEuMzcsMEwxMSwxOC44Nkg3LjA4bC0uMzYtMi45Mkw0LjMyLDE0LjJhOC4xNyw4LjE3LDAsMCwxLS4xNS0xLjU2LDcuNzcsNy43NywwLDAsMSwxNS41NCwwLDguMjYsOC4yNiwwLDAsMS0uMTYsMS41NloiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNODIuNDQsMTYuNTdjLjA2LDMuMi01LjUzLDMuMjEtNS40NywwUzgyLjUsMTMuMzYsODIuNDQsMTYuNTdabS0zLjc3LDBjLS4wOSwxLjMzLDIuMTcsMS4zMywyLjA3LDBDODAuODQsMTUuMjMsNzguNTgsMTUuMjUsNzguNjcsMTYuNTdaIiBzdHlsZT0iZmlsbDojZTUxZDIxIi8+PC9nPjwvZz48L3N2Zz4=');
    display: -ms-flexbox;
    display: block;
    width: 244px;
    height: 64px;
    text-decoration: none;
    -ms-flex-align: center;
    align-items:center
}

.globalNavLogo:focus, .globalNavLogo:hover {
    border-bottom:0 !important
}

.globalNavLogo .logo {
    width: 44px;
    height: 41px;
    margin-right: 20px;
    margin-left:8px
}

@media only screen and (min-width: 1240px) {
    .globalNavLogo .logo {
        width: 54px;
        height: 50px;
        margin-right:30px
    }
}

.globalNavLogo .logo #rect3 {
    fill:none
}

.globalNavLogo .logo #path7 {
    fill: #0f0;
    stroke: var(--shell-white);
    stroke-miterlimit: 40;
    stroke-width:1.75px
}

.globalNavLogo .logo #path9 {
    fill:var(--shell-yellow)
}

.globalNavLogo .logo #path11 {
    fill: var(--shell-red);
    fill-rule:evenodd
}

.globalNavLogo .caption {
    height: 40px;
    width:148px
}

.globalNavLogo .caption text {
    font-weight:normal
}

@media only screen and (min-width: 1240px) {
    .globalNavLogo .caption {
        height: 45px;
        width: 185px;
        margin-top:6px
    }
}

@media only screen and (max-width: 374px) {
    .globalNavLogo .caption {
        display:none
    }
}

.globalNavLogo .caption #captionText {
    fill: var(--shell-charcoal);
    font-weight: bold;
    font-size: 18px;
    font-kerning: normal;
    letter-spacing:0.02rem
}

.globalNavLogo .caption #captionText tspan:nth-child(1) {
    display:inline-block
}

.globalNavLogo .caption #captionText tspan:nth-child(2) {
    display:inline-block
}

.globalNavigationHeroVideo .globalNavLogo .caption #captionText {
    fill:var(--shell-white)
}

.globalNavigation {
    background-color: var(--shell-white);
    height:64px
}

.globalNavigation .globalNav {
    padding:0
}

.globalNav {
    position:relative
}

@media only screen and (max-width: 1239px) {
    .globalNav {
        background-color: var(--shell-white);
        min-height: 62px;
        padding: 10px 8px 0;
        padding-left: calc(env(safe-area-inset-left, 0) + 8px);
        position: fixed;
        width: 100%;
        z-index:30
    }
}

@media only screen and (min-width: 1240px) {
    .globalNav {
        position:relative
    }
}

.globalNav > * {
    float:left
}

.subNavigationContainer {
    background-color: var(--shell-yellow);
    vertical-align: middle;
    display: flex;
    position: relative;
    align-items:center
}

.subNavigationList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding:0
}

@media only screen and (min-width: 124px) {
    .subNavigationList {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content:center
    }
}

.subNavigationItem {
    border-top: 1px solid #a6a6a6;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width:100%
}

@media only screen and (min-width: 124px) {
    .subNavigationItem {
        border-top: unset;
        width:unset
    }
}

.subNavigationItem:first-child {
    border-top-color:var(--shell-yellow)
}

.subNavigationItem:nth-child(n + 2) {
    border-top-width: 0;
    border-top-color: var(--shell-yellow);
    max-height: 0;
    overflow:hidden
}

@media only screen and (min-width: 124px) {
    .subNavigationItem:nth-child(n + 2) {
        max-height:unset
    }
}

.subNavigationLink {
    color: var(--shell-charcoal);
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 19px 20px;
    line-height: 22px;
    text-align: center;
    text-decoration:none
}

@media only screen and (min-width: 124px) {
    .subNavigationLink {
        padding: 0;
        margin: 19px 20px;
        border-bottom: 2px solid transparent;
        position: relative;
        /* -webkit-transition:border-bottom-color .3s ease-in;-o-transition:border-bottom-color .3s ease-in;transition:border-bottom-color .3s ease-in */
    }/* .subNavigationLink:before{background-color:currentColor;bottom:-2px;content:"";height:2px;left:0;opacity:1;position:absolute;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;width:0}.subNavigationLink:focus:before,.subNavigationLink:hover:before{opacity:1;width:100%}*/
}

.mainHeader {
    z-index:100
}

@media only screen and (min-width: 1240px) {
    .mainHeader {
        width: 100%;
        top:0
    }
}

#content {
    clear:both
}

* [inert] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none
}

.container {
    padding-left: 20px;
    padding-right:20px
}

@media only screen and (min-width: 576px) {
    .container {
        padding-left: 10px;
        padding-right:10px
    }
}

@media only screen and (min-width: 1240px) {
    .container {
        padding-left: 15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 1240px) {
    .container.container-narrow {
        max-width:800px
    }
}

@media only screen and (min-width: 1240px) {
    .container.container-wide {
        max-width: 1440px;
        padding:0
    }
}

@media only screen and (min-width: 576px) {
    .container.max-width {
        max-width: 1440px;
        margin: 0 auto;
        padding-left: 0;
        padding-right:0
    }
}

@media only screen and (min-width: 1240px) {
    .components, .searchResults {
    }
}

.sr-only, .sr-only-focusable:not(:focus) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border:0 !important
}

.clearBoth {
    clear:both
}

.nowrap {
    white-space:nowrap
}

h1, h2, .h2, h3, h4, h5, h6 {
    margin: 0;
    padding:0
}

h1 {
    font-size: 1.75rem;
    font-weight:bold
}

h2, .h2, .h2 * {
    font-size: 2.125rem;
    font-weight: bold;
    line-height:2.125rem
}

h3 {
    font-size:1.5rem
}

h4 {
    font-size:1rem
}

h5, h6 {
    font-size:.75rem
}

.richtext, dd, input, li, p, select, td, textarea, th {
    font-size: 1rem;
    line-height:normal
}

@media only screen and (min-width: 576px) {
    h1 {
        font-size: 3.75rem;
        font-weight:bold
    }

    h2, .h2 {
        font-size: 2.6875rem;
        font-weight:bold
    }

    h3 {
        font-size:1.75rem
    }

    h4 {
        font-size:1.125rem
    }

    h5 {
        font-size:.875rem
    }

    h6 {
        font-size:.75rem
    }

    li, p {
        font-size: 1.125rem;
        line-height:normal
    }
}

@media only screen and (max-width: 767px) {
    .mb_mob_nil {
        margin-bottom:0
    }

    .mt_mob_nil {
        margin-top:0
    }

    .mb_mob_xxs {
        margin-bottom:0
    }

    .mt_mob_xxs {
        margin-top:0
    }

    .mb_mob_xs {
        margin-bottom:10px
    }

    .mt_mob_xs {
        margin-top:10px
    }

    .mb_mob_sm {
        margin-bottom:20px
    }

    .mt_mob_sm {
        margin-top:20px
    }

    .mb_mob_md {
        margin-bottom:30px
    }

    .mt_mob_md {
        margin-top:30px
    }

    .mb_mob_lg {
        margin-bottom:40px
    }

    .mt_mob_lg {
        margin-top:40px
    }

    .mb_mob_xl {
        margin-bottom:50px
    }

    .mt_mob_xl {
        margin-top:50px
    }

    .mb_mob_xxl {
        margin-bottom:60px
    }

    .mt_mob_xxl {
        margin-top:60px
    }
}

@media only screen and (min-width: 768px) {
    .mb_dt_nil {
        margin-bottom:0
    }

    .mt_dt_nil {
        margin-top:0
    }

    .mb_dt_xxs {
        margin-bottom:20px
    }

    .mt_dt_xxs {
        margin-top:20px
    }

    .mb_dt_xs {
        margin-bottom:30px
    }

    .mt_dt_xs {
        margin-top:30px
    }

    .mb_dt_sm {
        margin-bottom:40px
    }

    .mt_dt_sm {
        margin-top:40px
    }

    .mb_dt_md {
        margin-bottom:50px
    }

    .mt_dt_md {
        margin-top:50px
    }

    .mb_dt_lg {
        margin-bottom:60px
    }

    .mt_dt_lg {
        margin-top:60px
    }

    .mb_dt_xl {
        margin-bottom:70px
    }

    .mt_dt_xl {
        margin-top:70px
    }

    .mb_dt_xxl {
        margin-bottom:80px
    }

    .mt_dt_xxl {
        margin-top:80px
    }

    .mb_dt_xxxl {
        margin-bottom:90px
    }

    .mt_dt_xxxl {
        margin-top:90px
    }

    .mb_dt_xxxxl {
        margin-bottom:100px
    }

    .mt_dt_xxxxl {
        margin-top:100px
    }
}

footer {
    padding: 0;
    min-height: 50px;
    background-color: var(--shell-white);
    margin: 0;
    bottom: 0;
    position: page;
    left: 0;
    width: 100%;
    padding:0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0)
}

footer div {
    font-size: 1em;
    text-align: center;
    margin: 0;
    padding: 18px;
    position: relative;
    color: var(--shell-grey);
    width: 100%;
    font-size: 0.75em;
    font-weight:normal
}

footer .row .col:nth-child(1) {
    text-align: center;
    color: var(--shell-white);
    font-size:0.8rem
}

footer .row .col:nth-child(3) {
    text-align:right
}

.WideTableContainer {
    overflow-x: auto;
    max-width:100%
}

.FancyTable {
    border-collapse:collapse
}

.richtext .button {
    display: inline-block;
    background-color: var(--shell-yellow-20);
    color: var(--shell-grey);
    padding: 10px 20px;
    border: 2px solid var(--shell-yellow);
    border-radius: 4px;
    cursor: pointer;
    margin-bottom:8px
}

.emoji {
    font-family:serif !important
}

.hidden {
    display: none;
    visibility:hidden
}
/* #content{min-height:calc(100vh - 155px)}@media only screen and (max-width:1240px){#content{min-height:calc(100vh - 252px)}}*/

.rank1 svg.medal * {
    fill:var(--shell-yellow)
}

.rank2 svg.medal * {
    fill:var(--shell-stone)
}

.rank3 svg.medal * {
    fill:#955035
}

.shell-status-red, .shell-status-yellow, .shell-status-green, .shell-status-trans {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 12px;
    border: solid rgba(64, 64, 64, 0.5) 1px;
    vertical-align: middle;
    box-shadow:2px 2px 2px rgba(64, 64, 64, 0.3)
}

.shell-status-red {
    background-color:var(--shell-red)
}

.shell-status-yellow {
    background-color:var(--shell-yellow)
}

.shell-status-green {
    background-color:var(--shell-green)
}

.shell-status-trans {
    background-color: transparent;
    color:transparent
}

#backArrow {
    position: absolute;
    float: left;
    z-index: 10;
    text-decoration: none;
    color:var(--shell-charcoal)
}

#shareButton {
    position: absolute;
    float: right;
    z-index: 10;
    text-decoration: none;
    right: 8px;
    color:var(--shell-charcoal)
}

#backArrow .icon:before, #shareButton .icon:before {
    font-size:24px !important
}

.FancyTable {
    border-collapse:collapse
}

.FancyTable tr > * {
    font-size: 1rem;
    padding:0.5rem
}

.FancyTable thead tr > * {
    background-color: var(--shell-yellow);
    font-weight:bold
}

.FancyTable tbody th {
    font-weight:bold
}

.FancyTable td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.FancyTable tbody tr:nth-child(odd) {
    background-color:var(--shell-white)
}

.FancyTable tbody tr:nth-child(even) {
    background-color:var(--shell-background)
}

#semFilter {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid var(--shell-light-grey);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items:flex-start
}

#semFilter fieldset {
    display: flex;
    border: none;
    padding: 0.35em 0.15em 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    flex-grow:0
}

#semFilter fieldset.semDisplayCategory:nth-last-of-type(1) {
    flex-grow:1
}

#semFilter fieldset legend {
    font-weight: bold;
    color: rgb(90, 90, 90);
    padding: 0 8px 0 0;
    white-space:nowrap
}

#semFilter fieldset .selectContainer {
    position:relative
}

#semFilter fieldset .selectContainer:after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: var(--shell-white);
    transform: rotate(45deg);
    top: 14px;
    right:10px
}

#semFilter fieldset .selectContainer select {
    padding: 0 24px 0 8px;
    color: var(--shell-white);
    height: 40px;
    border: none;
    border-radius: 8px;
    background-color: var(--shell-blue);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor:pointer
}

#semFilter fieldset label, #semFilter fieldset a {
    color: var(--shell-charcoal);
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    display: inline-block;
    border: none;
    background-color: var(--shell-white);
    cursor: pointer;
    white-space: nowrap;
    text-decoration:none
}

#semFilter fieldset label:hover, #semFilter fieldset a:hover {
    background-color:#DDD
}

#semFilter legend option:hover, #semFilter legend option:checked {
    -webkit-box-shadow: 0 0 10px 100px var(--shell-grey) inset;
    box-shadow:0 0 10px 100px var(--shell-grey) inset
}

#semFilter #semDisplayUnit {
    float:right
}

.auralonly {
    position: absolute;
    display: block;
    overflow: hidden;
    text-indent: -10000px;
    left: -1000px;
    font-size:0
}

.semDisplayCategory input:checked + label, #semDisplayUnit input:checked + label, .semDisplayCategory a.active {
    color: var(--shell-charcoal) !important;
    background-color: var(--shell-background) !important;
    border-bottom:4px solid var(--shell-yellow) !important
}

table .teamname {
    display: inline-block;
    margin-bottom: inherit;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto;
    max-width: 99%;
    overflow:hidden
}

a.teamname {
    text-align: left;
    font-weight: bold;
    /*border-bottom:2px solid var(--shell-blue);*/
    margin-bottom:0
}
/*a.teamname:before{content:none}*/

#RR td:nth-child(1), #TI td:nth-child(1) {
    width: 8%;
    text-align:center
}

#RR td:nth-child(2), #TI td:nth-child(2) {
    width: 8%;
    text-align:center
}

#RR td:nth-child(2) img, #TI td:nth-child(2) img {
    width: 32px;
    border:1px solid rgba(0, 0, 0, 0.2)
}

#RR td:nth-child(3), #TI td:nth-child(3) {
    width: 8%;
    text-align:center
}

#RR td:nth-child(4), #TI td:nth-child(4) {
    text-align:left
}

#RR td:nth-child(5) {
    width: 10%;
    text-align:center
}

#RR td:nth-child(6), #TI td:nth-child(5) {
    width: 20%;
    text-align:right
}

.completionContainer {
    background-color: var(--shell-blue);
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: none;
    /*1px solid var(--shell-yellow);*/
}

.completionText {
    color: var(--shell-white);
    padding: 0 9px;
    /*mix-blend-mode:exclusion;*/
}

.imp {
    display:none
}

.attempts {
    width: 30px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    line-height: 32px;
    text-align: center;
    margin:auto
}

.teamFlag {
    position: relative;
    width: 72px;
    float:left
}

.teamFlag img {
    margin-right: 10px;
    width: 90%;
    max-width: 72px;
    border:0.5px solid var(--shell-charcoal)
}

.teamNumber {
    position: relative;
    float: left;
    vertical-align: middle;
    margin-right:12px
}

.teamNumber span {
    display: inline-block;
    font-family: Shell, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    background-color: var(--shell-white);
    color: var(--shell-charcoal);
    line-height: 46px;
    height: 46px;
    border: solid 2px var(--shell-charcoal);
    border-radius: 0;
    padding:0 6px
}

.teamFuelType {
    position: relative;
    width: 72px;
    float: right;
    margin:0
}

.teamFuelType img {
    width: 100%;
    padding:0 10px
}

.teamCarType {
    position: relative;
    width: 72px;
    float: right;
    margin:0
}

.teamCarType img {
    width: 100%;
    padding:0 10px
}

.teamNames {
    position: relative;
    width: calc(100% - 76px - 72px - 72px - 72px);
    float:left
}

.teamNames h2:nth-child(1) {
    line-height: 28px;
    height: 28px;
    font-size:1.2rem
}

.teamNames h2:nth-child(1) span {
    font-family: Shell;
    font-weight: normal;
    font-size:1.1rem
}

.teamNames h2:nth-child(2) {
    line-height: 22px;
    height: 22px;
    font-size:1rem
}

.carPhoto {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    margin-bottom:2em
}

.teamBoxContainer > div {
    width: 48%;
    border: 3px solid var(--shell-red);
    height: 400px;
    overflow: hidden;
    position:relative
}

.teamAttempts {
    float:left
}

.teamAttempts > h2 {
    font-size: 1.4rem;
    height: 40px;
    padding:8px 20px 0 60px
}

.teamAttempts .trackAttempt {
    text-align:center
}

.teamAttempts .trackAttempt h3, .teamAttempts .trackAttempt .attemptUnit {
    font-weight: normal;
    font-size: 1.4rem;
    margin:10px 0
}

.teamAttempts .trackAttempt .attemptVal {
    color: var(--shell-red);
    font-weight: bold;
    font-size: 2rem;
    margin:0
}

.teamAttempts .trackAttempt .attemptBest {
    font-weight: bold;
    font-size:1.4rem
}

.teamAttempts .trackAttemptPager {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align:center
}

.teamAttempts .trackAttemptPager span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: var(--shell-white);
    text-align: center;
    text-decoration: none;
    background: var(--shell-charcoal);
    font-size: 1.2rem;
    margin:0 5px
}

.teamAttempts .trackAttemptPager span.invalidAttempt {
    color: var(--shell-charcoal);
    background: var(--shell-white);
    border:1px var(--shell-red) solid
}

.teamAttempts .trackAttemptPager span.curAttempt {
    color: var(--shell-charcoal);
    background:var(--shell-yellow)
}

.teamStanding {
    float:right
}

.teamStanding > h2 {
    font-size: 1.6rem;
    height: 40px;
    padding:8px 20px 0 60px
}

.teamRank {
    text-align: center;
    font-size: 1.8rem;
    margin:0 0 40px 0
}

.teamRankNum {
    font-weight: bold;
    font-size: 3rem;
    color:var(--shell-red)
}

.teamRankOrdinal {
    font-size: 2rem;
    color:var(--shell-red)
}

.teamStanding .betterRank {
    background-color: var(--shell-light-grey);
    margin: 10px 20px 10px 20px;
    padding: 5px;
    font-size: 1rem;
    font-weight:bold
}

.teamStanding .myRank span:nth-child(1), .teamStanding .betterRank span:nth-child(1), .teamStanding .worseRank span:nth-child(1) {
    width: 70px;
    display:inline-block
}

.teamStanding .myRank {
    background-color: var(--shell-red);
    color: var(--shell-white);
    margin: 10px 40px 10px 20px;
    padding: 5px;
    font-size: 1.6rem;
    font-weight:bold
}

.teamStanding .worseRank {
    background-color: var(--shell-grey);
    margin: 10px 60px 10px 20px;
    padding: 5px;
    font-size: 1rem;
    font-weight:bold
}

.clear-fix:after, .clear-fix:before {
    content: " ";
    display: block;
    height: 0;
    overflow:hidden
}

.clear-fix:after {
    clear:both
}

#semContainer {
    font-family: Shell, Arial, Verdana, sans-serif;
    font-size: 0.9rem;
    color: var(--shell-charcoal);
    max-width: 81.25rem;
    margin: 0 auto;
    padding:1rem 1rem 0
}

#semContainer .semclear {
    clear:both
}

#semContainer .narrow {
    display:none
}

#semFilter {
    margin: 0 1px 0 0;
    width:100%
}

#semError {
    clear:both
}

#semSeparator {
    clear: both;
    height: 1px;
    /*fix for MSIE*/
}

#semContainer table td {
    vertical-align:middle
}

#semContainer table td.col1 {
    text-align: center;
    font-size:1rem
}

#semContainer table th.col1, #semContainer table td.col1 {
    width:44px
}

#semContainer table td.col2 {
    text-align:center
}

#semContainer table th.col2, #semContainer table td.col2 {
    width:62px
}

#semContainer table td.col3 {
    text-align: center;
    font-weight: bold;
    font-size:1rem
}

#semContainer table th.col3, #semContainer table td.col3 {
    width:50px
}

#semContainer table th.col4, #semContainer table td.col4 {
    padding-left: 10px;
    max-width: 0;
    text-overflow: ellipsis;
    overflow-x:hidden
}

#semContainer table td.col4 {
    line-height:1.125rem
}

#semContainer .tablefootnote {
    padding-top: 10px;
    padding-left:20px
}

#semContainer td.col2 img {
    width: 24px;
    border:1px solid rgba(0, 0, 0, 0.2)
}

#semOntrackresults td.col5 {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom:5px
}

#semOntrackresults td.col5, #semOntrackresults th.col5 {
    width: 8%;
    position:relative
}

#semOntrackresults td.col6 {
    font-weight: bold;
    font-size: 1rem;
    text-align:center
}

#semOntrackresults th.col6 {
    width:100px
}

#semOntrackresults td.col6 {
    width: 92px;
    padding:0 4px
}

.teamParticipation td.colS {
    width: auto;
    padding:0 4px
}

#semOntrackresults td.col6 span, .teamParticipation td.colS span {
    padding-left: 0.2em;
    white-space:nowrap
}

#semOntrackresults td.col6 span.units, .teamParticipation td.colS span.units {
    font-size:0.6rem
}

#semTeamsInspected td.col5 {
    text-align: center;
    width:21%
}

#semContainer table .teamorganisation {
    display: inline-block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 99%;
    min-width: 70px;
    overflow:hidden
}

#semContainer table .teamname {
    display: inline-block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 99%;
    min-width: 70px;
    overflow:hidden
}

#semError.information {
    border: 4px solid var(--shell-yellow);
    padding:5px
}

#semError.error {
    border: 4px solid var(--shell-red);
    padding: 5px;
    color:var(--shell-red)
}

#semOntrackresults {
    width:100%
}

#semTeamsInspected {
    width:100%
}

@media screen and (max-width: 1024px) {
    .max-md {
        display:initial
    }

    .min-lg {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .max-md {
        display:none
    }

    .min-lg {
        display:initial
    }
}

@media screen and (max-width: 751px) {
    #semContainer .wide {
        display:none
    }

    #semContainer table td.col1, #semContainer table td.col3, #semOntrackresults td.col6, table .teamname {
        font-size:0.9rem
    }

    .teamorganisation {
        font-size:0.8rem
    }
}

@media screen and (min-width: 600px) {
    .screen-lg {
        display:inline
    }

    .screen-sm {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    #semFilter fieldset .selectContainer select {
        max-width:calc(100vw - 32px - 150px)
    }

    #semFilter fieldset {
        padding:0.15em 0 0
    }

    #semFilter fieldset.semDisplayCategory {
        padding-right:0.75em
    }
}

@media screen and (max-width: 480px) {
    #semFilter fieldset .selectContainer select {
        font-size: 0.8rem;
        height: 30px;
        line-height:30px
    }

    #semFilter fieldset .selectContainer:after {
        top:9px
    }

    #semFilter fieldset.semDisplayCategory {
        padding-right:0.75em
    }

    #semFilter fieldset label, #semFilter fieldset a {
        font-size: 0.8rem;
        height: 30px;
        line-height: 30px;
        padding:0 0.5em
    }

    #selectEnergy, #selectCategory {
        max-width: calc(100vw - 32px - 122px)
    }
}

input[type="image"]::-moz-focus-inner {
    border:5px
}

#semContainer .Overview {
    float: right;
    margin-top: 20px;
    color: var(--shell-charcoal);
    text-decoration: none;
    padding-left:20px
}

#semContainer .teamInfPerfH2 {
    font-size: 26px;
    border-top: 4px solid var(--shell-red);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    min-height: 50px;
    padding:14px 20px 0 60px
}

#semContainer .resp {
    width:100%
}

#semContainer .teamBasicInfo {
    position: relative;
    margin-bottom:1em
}

#semContainer .teamFlag {
    position: relative;
    width: 72px;
    float:left
}

#semContainer .teamFlag img {
    margin-right: 10px;
    width: 90%;
    max-width: 72px;
    border:0.5px solid var(--shell-charcoal)
}

#semContainer .teamNumber {
    position: relative;
    float: left;
    vertical-align:middle
}

#semContainer .teamNumber span {
    display: inline-block;
    font-family: ShellCondensed, Shell, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    background-color: var(--shell-white);
    color: var(--shell-charcoal);
    line-height: 50px;
    height: 50px;
    border: solid 2px var(--shell-charcoal);
    border-radius: 0;
    padding: 0 6px;
    min-width:60px
}

#semContainer .teamNames {
    position: relative;
    width: calc(100% - 76px - 72px - 72px - 72px);
    float:left
}

#semContainer .teamNames h2 {
    line-height: 25px;
    height:25px
}

#semContainer .teamNames h2:nth-child(1) {
    line-height: 28px;
    height: 28px;
    font-size:24px
}

#semContainer .teamNames h2:nth-child(1) .teamId {
    font-family: Shell;
    font-weight: normal;
    font-size:18px
}

#semContainer .teamNames h2:nth-child(2) {
    line-height: 22px;
    height: 22px;
    font-size:16px
}

#semContainer .teamNames h2, #semContainer .teamNames h3, #semContainer .teamNames p {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin:0
}

#semContainer .teamCarType, #semContainer .teamFuelType {
    position: relative;
    width: 72px;
    float: right;
    margin:0
}

#semContainer .teamCarType img, #semContainer .teamFuelType img {
    width: 100%;
    padding:0 10px
}

#semContainer .carPhoto {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    margin-bottom:2em
}

#semContainer .teamBoxContainer {
    margin-top: 2em;
    margin-bottom:2em
}

#semContainer .teamBoxContainer > div {
    width: 48%;
    border: 3px solid var(--shell-red);
    height: 400px;
    overflow: hidden;
    position:relative
}

#semContainer .teamBoxContainer > div.teamTelemetry {
    width: 100%;
    padding: 8px 20px 8px 20px;
    height:unset
}

#semContainer .teamBoxContainer > div.teamTelemetry > h2 {
    font-size: 26px;
    height: 40px;
    padding:0
}

#semContainer .teamAttempts {
    float:left
}

#semContainer .teamAttempts > h2 {
    font-size: 26px;
    height: 40px;
    padding:8px 20px 0 20px
}

#semContainer .teamAttempts .trackAttempt {
    text-align:center
}

#semContainer .teamAttempts .trackAttempt h3, #semContainer .teamAttempts .trackAttempt .attemptUnit {
    font-weight: normal;
    font-size: 24px;
    margin:10px 0
}

#semContainer .teamAttempts .trackAttempt .attemptVal {
    color: var(--shell-red);
    font-weight: bold;
    font-size: 4rem;
    margin:0
}

#semContainer .teamAttempts .trackAttempt .attemptBest {
    font-weight: bold;
    font-size:2rem
}

#semContainer .teamAttempts .trackAttemptPager {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align:center
}

#semContainer .teamAttempts .trackAttemptPager span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: var(--shell-white);
    text-align: center;
    text-decoration: none;
    background: var(--shell-charcoal);
    font-size: 18px;
    margin:0 5px
}

#semContainer .teamAttempts .trackAttemptPager span:hover {
    background: var(--shell-mid-blue);
    cursor:pointer
}

#semContainer .teamAttempts .trackAttemptPager span.curAttempt {
    color: var(--shell-charcoal);
    background:var(--shell-yellow)
}

#semContainer .teamAttempts .trackAttemptPager span.invalidAttempt {
    color: var(--shell-charcoal);
    background: var(--shell-white);
    border:1px var(--shell-red) solid
}

#semContainer .teamAttempts .trackAttemptPager span.invalidAttempt:hover {
    cursor:default
}

#semContainer .teamAttempts .trackAttemptPager span.liveAttempt {
    color: var(--shell-charcoal);
    background: var(--shell-blue-20);
    border:1px var(--shell-blue-40) solid
}

#semContainer .teamStanding {
    float:right
}

#semContainer .teamStanding > h2 {
    font-size: 26px;
    height: 40px;
    padding:8px 20px 0 20px
}

#semContainer .teamStanding .myRank {
    background-color: var(--shell-red);
    color: var(--shell-white);
    margin: 10px 40px 10px 20px;
    padding: 5px;
    font-size: 24px;
    font-weight:bold
}

#semContainer .teamStanding .betterRank {
    background-color: var(--shell-yellow-20);
    margin: 10px 20px 10px 20px;
    padding: 5px;
    font-size: 16px;
    font-weight:bold
}

#semContainer .teamStanding .worseRank {
    background-color: var(--shell-yellow-60);
    margin: 10px 60px 10px 20px;
    padding: 5px;
    font-size: 16px;
    font-weight:bold
}

#semContainer .teamStanding .myRank span:nth-child(1), #semContainer .teamStanding .betterRank span:nth-child(1), #semContainer .teamStanding .worseRank span:nth-child(1) {
    width: 70px;
    display:inline-block
}

#semContainer .teamStanding .difference {
    display: inline-block;
    margin-left: 12px;
    color: var(--shell-stone);
    font-size:0.9rem
}

#semContainer .teamRank {
    text-align: center;
    font-size: 36px;
    margin:0 0 40px 0
}

#semContainer .teamRankNum {
    font-weight: bold;
    font-size: 96px;
    color:var(--shell-red)
}

#semContainer .teamRankOrdinal {
    font-size: 48px;
    color:var(--shell-red)
}

#semContainer .techInspH2 {
    font-size: 26px;
    border-top: 3px solid var(--shell-red);
    height: 50px;
    padding:14px 20px 0 0
}

#semContainer .techInspBox {
    width: 100%;
    position:relative
}

#semContainer .techInspBlurb {
    width: 40%;
    float: left;
    position: relative;
    margin:60px 10px 60px 60px
}

#semContainer .techInspProgress {
    width: 30%;
    float: right;
    position: relative;
    text-align: center;
    font-size:1rem
}

#semContainer .inspectionTitle {
    min-height: 64px;
    width: 100%;
    position: relative;
    margin-bottom: 0;
    margin-top: 10px;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap:6px 6px
}

#semContainer .inspectionTitle.complete, #semContainer .inspectionTitle.complete1 {
    background-color:var(--shell-yellow)
}

#semContainer .inspectionTitle.incomplete {
    background-color:var(--shell-red)
}

#semContainer .inspectionTitle.notstarted {
    background-color:#a6a6a6
}

#semContainer .inspectionTitle div:nth-child(1) span:before {
    font-size:18px
}

#semContainer .inspectionTitle div:nth-child(1) {
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    width:30px
}

#semContainer .inspectionTitle div:nth-child(2) {
    flex-grow:4
}

#semContainer .inspectionTitle div:nth-child(2) h3 {
    margin: 0;
    font-size:22px
}

#semContainer .inspectionTitle.complete, #semContainer .inspectionTitle.complete1 {
    color:#404040
}

#semContainer .inspectionTitle.incomplete, #semContainer .inspectionTitle.notstarted {
    color:var(--shell-white)
}

#semContainer .inspectionTitle div:nth-child(3) {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100px;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    white-space:nowrap
}

#semContainer .inspectionTitle div:nth-child(4) {
    width: 38px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align:center
}

#semContainer .inspectionTitle div:nth-child(4) .onedriver::after {
    content: '1'
}

#semContainer .inspectionCriteria {
    list-style: none;
    margin-left: 0;
    border-width: 0 1px 1px;
    border-style: solid;
    margin-top: 0;
    padding: 12px;
    /* display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start;column-gap:12px;row-gap:5px;*/
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(352px, 1fr));
    gap: 8px;
    column-gap: 8px;
    row-gap:5px
}

#semContainer .containercomplete .inspectionCriteria {
    border-color:var(--shell-yellow)
}

#semContainer .containerincomplete .inspectionCriteria {
    border-color:var(--shell-red)
}

#semContainer .containernotstarted .inspectionCriteria {
    border-color:#a6a6a6
}

#semContainer .inspectionCriteria > div {
    min-height: 34px;
    font-size: 0.9rem;
    margin: 0;
    border-bottom: 1px solid var(--shell-stone);
    /* display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start;column-gap:3px;row-gap:0;*/
    padding: 0 5px;
    display: grid;
    grid-template-columns: 1fr 20px;
    gap: 3px;
    column-gap: 3px;
    row-gap: 0;
    align-content: center;
    align-items:center
}

@media screen and (max-width: 414px) {
    #semContainer .inspectionCriteria {
        grid-template-columns:repeat(auto-fill, minmax(226px, 1fr))
    }
}

#semContainer .inspectionCriteria > div.fail {
    /*background:url(../images/team/icon_failed.png) center right no-repeat;background-size:30px}*/
    color:var(--shell-red)
}

#semContainer .inspectionCriteria > div.pass {
    /*background:url(../images/team/icon_passed.png) center right no-repeat;background-size:30px}*/
    color:var(--shell-green)
}

#semContainer .inspectionCriteria > div.no {
    color:var(--shell-light-grey)
}

#semContainer .inspectionCriteria > div:last-of-type {
    /*border-bottom:none;*/
}

#semContainer .inspectionCriteria > div span.article {
    display: none;
    font-style:italic
}

#semContainer .inspectionCriteria > div span.check {
    float:right
}

#semContainer .inspectionCriteria > div span.check:before {
    font-size:1rem
}

#semContainer .inspectionCriteria > div:hover span.article {
    display:inline-block
}

#semContainer .inspectionCriteria.hidden {
    display:none !important
}

#semContainer .inspectionCriteria .comment {
    cursor:help
}

#semContainer .inspectionCriteria .comment::after {
    content: '*';
    vertical-align: super;
    font-size:smaller
}
/* responsive adjustments */

@media screen and (max-width: 1024px) {
    #semContainer .techInspProgress {
        width:40%
    }
}

@media screen and (max-width: 640px) {
    #semContainer .techInspBlurb {
        font-size: 0.9rem;
        margin:30px 0 0 0
    }

    #semContainer .techInspProgress {
        width:50%
    }

    #semContainer .carPhoto {
        height:300px
    }

    #semContainer .inspectionCriteria > li {
        width: 100%;
        margin: 0;
        border-bottom-width: 1px;
        line-height:initial
    }

    #semContainer .inspectionCriteria > li p {
        margin:0 2px
    }

    #semContainer .teamBoxContainer > div {
        width: 100%;
        margin: 10px 0;
        float:none
    }

    #semContainer .inspectionTitle {
        min-height:50px
    }

    #semContainer .inspectionTitle div:nth-child(1) [class * =icon--]::before, #semContainer .inspectionTitle div:nth-child(4) [class * =icon--]::before {
        font-size:1.1rem
    }

    #semContainer .inspectionTitle div:nth-child(2) h3 {
        font-size:16px
    }

    #semContainer .inspectionTitle div:nth-child(3) {
        font-size: 12px;
        max-width:60px
    }

    #semContainer .inspectionTitle div:nth-child(4) {
        width:26px
    }
}

@media screen and (max-width: 525px) {
    #semContainer .teamFlag {
        width:54px
    }

    #semContainer .teamNumber {
    }

    #semContainer .teamNumber span {
        height: 38px;
        line-height: 38px;
        font-size:medium
    }

    #semContainer .teamNames {
        width:100%
    }

    #semContainer .teamCarType, #semContainer .teamFuelType {
        width:54px
    }

    #semContainer .carPhoto {
        height:250px
    }

    #semContainer .techInspBlurb {
        margin: 0;
        width: 100%;
        float:none
    }

    #semContainer .techInspProgress {
        width: 100%;
        margin-top:24px
    }
}

@media screen and (max-width: 420px) {
    #semContainer .teamStanding .myRank {
        font-size:0.9rem
    }

    #semContainer .teamStanding .worseRank {
        font-size:0.8rem
    }

    #semContainer .teamStanding .betterRank {
        font-size:0.8rem
    }
}

.attempts svg {
    position: absolute;
    top: 0;
    left: calc(50% - 32px);
    width: 30px;
    height: 30px;
    margin: 15px 15px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.attempts svg path {
    fill: none;
    stroke:#d7d7d7
}

.attempts svg text {
    font-family: Shell, Arial, Verdana, sans-serif;
    color:#404040
}

.attempts svg .active {
    stroke:var(--shell-red)
}

.techInspProgress {
    height: 210px;
    margin-bottom:20px
}

.techInspProgress .inspectionText {
    position: absolute;
    width: 100%;
    top: calc(50% - 16px);
    left:0
}

.globalNavLogo svg {
    height: 80px;
    width:269px
}

@media only screen and (max-width: 1240px) {
    .globalNavLogo svg {
        height: 60px;
        width:202px
    }
}

a.globalNavSignIn {
    position: absolute;
    z-index: 2;
    top: 16px;
    padding-bottom: 4px;
    right: 26px;
    color: var(--shell-grey);
    border:none !important
}

a div.Username {
    color:var(--shell-grey)
}

.Username {
    position: absolute;
    font-size: x-small;
    width: 100px;
    text-overflow: ellipsis;
    margin-left: -40px;
    margin-top: 0;
    text-align: center;
    white-space: nowrap;
    overflow:hidden
}

#offline-warning {
    display: none;
    text-align: center;
    height: 62px;
    line-height: 62px;
    background-color: var(--shell-red);
    color: var(--shell-white);
    font-size: 12pt;
    font-weight:bold
}

@media only screen and (min-width: 1240px) {
    .globalNavMenu {
        padding-top: 18px;
        width:calc(100% - 269px - 269px)
    }

    .globalNavMenuMain {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        list-style: none;
        margin: 0;
        padding:0
    }

    .globalNavMenuMain > * {
        -ms-flex-positive: 0;
        flex-grow: 0;
        text-align:center
    }

    .globalNavMenuSub {
        background-color: var(--shell-blue);
        color: var(--shell-white);
        visibility: hidden;
        left: 8px;
        list-style: none;
        margin: 0;
        padding: 10px 30px;
        position: absolute;
        text-align: left;
        top: 61px;
        z-index: 35;
        max-height: calc(100vh - 80px);
        overflow-y: hidden;
        height: 0;
        opacity: 0;
        /* -webkit-animation:fadeOut .3s;animation:fadeOut .3s */
    }

    .globalNavMenuItem.levelOne {
        padding: 0 29px 12px;
        position:relative
    }/* .globalNavMenuItem.levelOne:first-child{display:none}*/

    .globalNavMenuItem.levelOne.hasChild:after {
        content: "";
        visibility: hidden;
        left: calc(50% - 18px);
        position: absolute;
        bottom: 1px;
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid var(--shell-blue);
        clear: both;
        z-index: 1;
        opacity: 0;
        /*-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease*/
    }

    .globalNavMenuItem.levelOne.isActive .levelOne:before {
        opacity: 1;
        width:100%
    }

    .globalNavMenuItem.levelOne.isActive:after {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
        -webkit-transition-delay: .05s;
        -o-transition-delay: .05s;
        transition-delay:.05s
    }

    .globalNavMenuItem.levelOne.isActive .globalNavMenuSub {
        visibility: visible;
        opacity: 1;
        height: auto;
        overflow-y: auto;
        -webkit-animation: fadeIn .3s;
        animation:fadeIn .3s
    }

    .globalNavMenuItem.levelOne.isActive .globalNavMenuSub:before {
        background-color: transparent;
        content: " ";
        height: 21px;
        left: 0;
        position: absolute;
        right: 0;
        top:-21px
    }

    .globalNavMenuLink.levelTwo {
        margin: 12px 0;
        white-space: nowrap;
        display:inline-block
    }

    .globalNavMenuLink {
        color: var(--shell-charcoal);
        font-size: 1.25rem;
        text-decoration: none;
        border-bottom: 2px solid transparent;
        position: relative;
        -webkit-transition: border-bottom-color .3s ease-in;
        -o-transition: border-bottom-color .3s ease-in;
        transition:border-bottom-color .3s ease-in
    }

    .globalNavMenuLink:before {
        background-color: currentColor;
        bottom: -2px;
        content: "";
        height: 2px;
        left: 0;
        opacity: 1;
        position: absolute;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
        width:0
    }

    .globalNavMenuLink:focus:before, .globalNavMenuLink:hover:before {
        opacity: 1;
        width:100%
    }

    .globalNavMenuLink.levelTwo {
        color: var(--shell-white);
        font-size:1.125rem
    }

    a.globalNavSignIn {
    }
}

@media only screen and (max-width: 1239px) {
    .globalNavMenu {
        z-index: 5;
        background-color: var(--shell-background);
        display: inline-block;
        left: 0;
        min-height: 100vh;
        max-height: 100vh;
        opacity: 1;
        overflow: auto;
        padding: 54px 0 50px;
        position: fixed;
        top: 0;
        /*-webkit-transition:all .2s linear;-o-transition:all linear .2s;transition:all .2s linear;*/
        -ms-transform: translate(-110%);
        transform: translate(-110%);
        width: 100%;
        margin-left:env(safe-area-inset-left, 0)
    }

    .veggieBurgerOpen .globalNavigation .globalNav .globalNavMenu {
        opacity: 1;
        -ms-transform: translate(0);
        transform:translate(0)
    }

    .globalNavMenuMain {
        margin-left: 0;
        margin-top: 8px;
        padding:0
    }

    .globalNavMenuSub {
        margin: 0;
        padding:0
    }

    .globalNavMenuItem {
        border-bottom: 1px solid #7f7f7f;
        color: var(--shell-charcoal);
        font-size: 1.375rem;
        line-height: 1.375rem;
        list-style: none;
        letter-spacing: -.34px;
        margin: 0 12px;
        padding:0
    }

    .globalNavMenuItem:last-child {
        border-bottom:unset
    }

    .globalNavMenuLink.levelTwo {
        border-bottom: 0;
        color: #7f7f7f;
        font-size: 1.0625rem;
        letter-spacing: -.26px;
        margin-left:20px
    }

    .globalNavMenuItem.levelLink:last-of-type {
        padding-bottom:12px
    }

    .globalNavMenuLink {
        color: currentColor;
        display: block;
        font-weight: bold;
        padding:16px 0
    }

    .globalNavMenuLink:focus, .globalNavMenuLink:hover {
        border-bottom: 0 !important;
        color:var(--shell-blue)
    }

    .globalNavMenuLink.levelTwo {
        padding:6px 0
    }

    a.globalNavSignIn {
    }
}

a.globalNavSignIn .user-icon-active, a.globalNavSignIn .user-icon-normal {
    height: 21px;
    width:21px
}

a.globalNavSignIn .user-icon-active {
    display:none
}

a.globalNavSignIn:active, a.globalNavSignIn:focus, a.globalNavSignIn:hover {
    border:0
}

a.globalNavSignIn:active .user-icon-normal, a.globalNavSignIn:focus .user-icon-normal, a.globalNavSignIn:hover .user-icon-normal {
    display:none
}

a.globalNavSignIn:active .user-icon-active, a.globalNavSignIn:focus .user-icon-active, a.globalNavSignIn:hover .user-icon-active {
    display:block
}

.globalNavigation {
    background-color: var(--shell-white);
    min-height:62px
}

.globalNav {
    position:relative
}

@media only screen and (max-width: 1239px) {
    .globalNav {
        background-color: var(--shell-white);
        left: 0;
        padding: 10px 8px 0;
        width: 100%;
        z-index:30
    }

    .globalNavigation .container {
        padding-left: 0;
        padding-right: 0;
        max-width:none !important
    }
}

@media only screen and (min-width: 1240px) {
    .globalNav {
        position:relative
    }
}

.globalNav > * {
    float:left
}

.globalNav .globalNavSearchButton, .globalNav a {
    text-decoration:none
}

.globalNav .globalNavSearchButton:focus, .globalNav .globalNavSearchButton:hover, .globalNav .globalNavSignIn:focus, .globalNav .globalNavSignIn:hover {
    border-bottom:1px solid var(--shell-charcoal)
}

button {
    color: rgb(90, 90, 90);
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    display: inline-block;
    border: none;
    border-radius: 8px;
    background-color: var(--shell-white);
    cursor:pointer
}

.selectContainer {
    display: inline-block;
    position:relative
}

.selectContainer:after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: var(--shell-white);
    transform: rotate(45deg);
    top: 14px;
    right:10px
}

.selectContainer select {
    padding: 0 24px 0 8px;
    color: var(--shell-white);
    height: 40px;
    border: none;
    border-radius: 8px;
    background-color: var(--shell-blue);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    border: 0.5px solid var(--shell-charcoal);
    width: 15px;
    height: 15px;
    appearance: none;
    border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(64, 64, 64, 0.5);
    -webkit-box-shadow: 1px 1px 2px rgba(64, 64, 64, 0.5);
    background-color: var(--shell-white);
    position: relative
}

[type="checkbox"]:checked {
    background-color: var(--shell-blue-80);
    box-shadow: -1px -1px 1px rgba(64, 64, 64, 0.5);
    -webkit-box-shadow: -1px -1px 1px rgba(64, 64, 64, 0.5)
}

[type="checkbox"]:checked:before {
    content: '\2713';
    color: var(--shell-white);
    position: absolute;
    font-family: icon-font;
    top: 0;
    line-height: 10px;
    left: 1px;
    text-shadow:1px 1px 2px var(--shell-stone)
}

.obc-do:after {
    content: ''
}

.obc-do {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: var(--shell-white);
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    margin-right:4px
}

.obc-do-green {
    background-color:var(--shell-green)
}

.obc-do-red {
    background-color:#E44A4D
}

.obc-do-yellow {
    background-color:var(--shell-yellow)
}

.obc-do-blue {
    background-color:#0097BB
}

@keyframes blink {
    50% {
        background-color: var(--shell-white);
        border-color:var(--shell-white)
    }
}

.obc-do-blink {
    animation:blink 2s linear infinite
}

@keyframes blinkTrans {
    50% {
        background-color: transparent;
        /* left:306px;top:23px;width:18px;height:18px;*/
    }
}

#cookieconsent {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    display: inline-block;
    background: rgba(254, 245, 205, 0.8);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: 2px solid rgba(251, 206, 7, 0.9);
    position: fixed;
    padding: 20px;
    margin: 0;
    min-width: 340px;
    max-width:600px
}

#cookieconsent #banner-title {
    text-align: center;
    font-size: 20px;
    padding: 4px 0;
    font-weight: bold;
    margin: 10px 0 15px;
    line-height:1.4
}

#cookieconsent #banner-message {
    font-size: 14px;
    padding: 0 5px;
    margin: 0 0 16px;
    line-height: 1.5;
    text-align:center
}

#cookieconsent #banner-acceptbutton {
    display: block;
    margin: 10px auto 0;
    background: var(--shell-yellow);
    color: var(--shell-black);
    cursor: pointer;
    font-size: 14px;
    font-weight: bold
}

.icon {
    font-family:icon-font, Arial, Roboto, Helvetica, sans-serif !important
}

[class * =icon--]::before {
    font-size: 1.875rem;
    font-family: icon-font, Arial, Roboto, Helvetica, sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content:normal
}

.icon-xs {
    width: 12px;
    height:12px
}

.icon-xs:before {
    font-size:0.8rem
}

.icon-sm {
    width: 14px;
    height:14px
}

.icon-sm:before {
    font-size:1rem
}

.icon-md {
    width: 16px;
    height:16px
}

.icon-md:before {
    font-size:1.4rem
}

.icon-lg {
    width: 24px;
    height:24px
}

.icon-lg:before {
    font-size:2rem
}

.icon-2x:before {
    width: 32px;
    height:32px
}

.icon-3x:before {
    width: 48px;
    height:48px
}

.icon-4x:before {
    width: 64px;
    height:64px
}

.icon-5x:before {
    width: 80px;
    height:80px
}

.icon-6x:before {
    width: 96px;
    height:96px
}

.icon-7x:before {
    width: 112px;
    height:112px
}

.icon-8x:before {
    width: 128px;
    height:128px
}

.icon-9x:before {
    width: 144px;
    height:144px
}

.icon-10x:before {
    width: 18.75rm;
    height:18.75rm
}

.icon-11x:before {
    width: 180px;
    height:180px
}

.icon-12x:before {
    width: 204px;
    height:204px
}

.icon-13x:before {
    width: 232px;
    height:232px
}

.icon-14x:before {
    width: 264px;
    height:264px
}

.icon--alarm:before {
    content: "\e9a9"
}

.icon--alarmoff:before {
    content: "\e9aa"
}

.icon--app:before {
    content: "\e635"
}

.icon--arrow:before {
    content: "\e92a"
}

.icon--arrowdown:before {
    content: "\e9af"
}

.icon--arrowtoleft:before {
    content: "\e921"
}

.icon--arrowtoright:before {
    content: "\e920"
}

.icon--arrowup:before {
    content: "\e9b0"
}

.icon--audiomute:before {
    content: "\e9a3"
}

.icon--audioon:before {
    content: "\e9a2"
}

.icon--axels:before {
    content: "\e96a"
}

.icon--b-alphabet:before {
    content: "\e92e"
}

.icon--backtotop:before {
    content: "\e600"
}

.icon--backward:before {
    content: "\e601"
}

.icon--bargraph:before {
    content: "\e909"
}

.icon--base-coat:before {
    content: "\e933"
}

.icon--bills-collecting:before {
    content: "\e938"
}

.icon--bin:before {
    content: "\e915"
}

.icon--biofuel:before {
    content: "\e92b"
}

.icon--bluetooth:before {
    content: "\e9b3"
}

.icon--book:before {
    content: "\e90a"
}

.icon--burger:before {
    content: "\e602"
}

.icon--burgerbun:before {
    content: "\e934"
}

.icon--calendar:before {
    content: "\e603"
}

.icon--camera:before {
    content: "\e604"
}

.icon--card:before {
    content: "\e605"
}

.icon--catalyst:before {
    content: "\e939"
}

.icon--chat:before {
    content: "\e99b"
}

.icon--check:before {
    content: "\e911"
}

.icon--checkmark:before {
    content: "\e9a7"
}

.icon--checkmarkbox:before {
    content: "\e9a6"
}

.icon--chemical:before {
    content: "\e930"
}

.icon--circulating:before {
    content: "\e96b"
}

.icon--clock:before {
    content: "\e9a8"
}

.icon--close:before {
    content: "\e606"
}

.icon--coffeebeans:before {
    content: "\e924"
}

.icon--coffeegrinder:before {
    content: "\e925"
}

.icon--coins:before {
    content: "\e903"
}

.icon--collapse:before {
    content: "\e993"
}

.icon--comment:before {
    content: "\e99a"
}

.icon--compare:before {
    content: "\e90d"
}

.icon--compressor:before {
    content: "\e96c"
}

.icon--cursor:before {
    content: "\e9b2"
}

.icon--diamond:before {
    content: "\e92d"
}

.icon--dispersion-trays:before {
    content: "\e93a"
}

.icon--down:before {
    content: "\e90f"
}

.icon--download:before {
    content: "\e907"
}

.icon--e-alphabet:before {
    content: "\e92f"
}

.icon--earth:before {
    content: "\e929"
}

.icon--emissions:before {
    content: "\e93b"
}

.icon--engines:before {
    content: "\e96d"
}

.icon--environmental-catalysts:before {
    content: "\e93f"
}

.icon--exclamation:before {
    content: "\e9ab"
}

.icon--expand:before {
    content: "\e992"
}

.icon--eye:before {
    content: "\e916"
}

.icon--fastbackward:before {
    content: "\e98e"
}

.icon--fastdown:before {
    content: "\e991"
}

.icon--fastforward:before {
    content: "\e98f"
}

.icon--fastup:before {
    content: "\e990"
}

.icon--file:before {
    content: "\e9a5"
}

.icon--forward:before {
    content: "\e607"
}

.icon--fuels:before {
    content: "\e608"
}

.icon--fullscreen:before {
    content: "\e609"
}

.icon--funnel:before {
    content: "\e60a"
}

.icon--gas-processing:before {
    content: "\e931"
}

.icon--gas:before {
    content: "\e639"
}

.icon--gasengine:before {
    content: "\e96e"
}

.icon--gearbox:before {
    content: "\e96f"
}

.icon--gift:before {
    content: "\e949"
}

.icon--globallocal:before {
    content: "\e914"
}

.icon--globe:before {
    content: "\e634"
}

.icon--graduates:before {
    content: "\e60b"
}

.icon--graph:before {
    content: "\e9ae"
}

.icon--home:before {
    content: "\e633"
}

.icon--hydraulics:before {
    content: "\e960"
}

.icon--id:before {
    content: "\e60c"
}

.icon--improving-production:before {
    content: "\e93c"
}

.icon--index:before {
    content: "\e905"
}

.icon--information:before {
    content: "\e9ad"
}

.icon--interview:before {
    content: "\e91b"
}

.icon--job-area:before {
    content: "\e632"
}

.icon--largecompressor:before {
    content: "\e961"
}

.icon--like:before {
    content: "\e60d"
}

.icon--link:before {
    content: "\e60e"
}

.icon--liquefied-natural-gas:before {
    content: "\e93d"
}

.icon--lists:before {
    content: "\e60f"
}

.icon--locator:before {
    content: "\e636"
}

.icon--locked:before {
    content: "\e997"
}

.icon--lubricants:before {
    content: "\e610"
}

.icon--mail:before {
    content: "\e611"
}

.icon--mailread:before {
    content: "\e99e"
}

.icon--map:before {
    content: "\e9b1"
}

.icon--marine:before {
    content: "\e612"
}

.icon--milk:before {
    content: "\e926"
}

.icon--min:before {
    content: "\e613"
}

.icon--more:before {
    content: "\e994"
}

.icon--motorsports:before {
    content: "\e91a"
}

.icon--natural-gas:before {
    content: "\e93e"
}

.icon--news:before {
    content: "\e91c"
}

.icon--notes:before {
    content: "\e614"
}

.icon--online-test:before {
    content: "\e91d"
}

.icon--overlay:before {
    content: "\e912"
}

.icon--overview:before {
    content: "\e91e"
}

.icon--paper:before {
    content: "\e615"
}

.icon--paperclip:before {
    content: "\e996"
}

.icon--payment:before {
    content: "\e902"
}

.icon--pencil:before {
    content: "\e995"
}

.icon--petrochemicals-catalysts:before {
    content: "\e940"
}

.icon--phone:before {
    content: "\e99c"
}

.icon--picture:before {
    content: "\e9a1"
}

.icon--pictures:before {
    content: "\e616"
}

.icon--pie-chart:before {
    content: "\e941"
}

.icon--piechart:before {
    content: "\e908"
}

.icon--play:before {
    content: "\e617"
}

.icon--plus:before {
    content: "\e618"
}

.icon--podcasts-google:before {
    content: "\e964"
}

.icon--podcasts-ios:before {
    content: "\e965"
}

.icon--podcasts-spotify:before {
    content: "\e966"
}

.icon--power:before {
    content: "\e638"
}

.icon--printer:before {
    content: "\e900"
}

.icon--product-aviation:before {
    content: "\e631"
}

.icon--product-car:before {
    content: "\e619"
}

.icon--product-conventional-cleanengine:before {
    content: "\e94a"
}

.icon--product-escavator:before {
    content: "\e61a"
}

.icon--product-gold-severeconditions:before {
    content: "\e94b"
}

.icon--product-gold-wearprotection:before {
    content: "\e94c"
}

.icon--product-highmileage-preventsludge:before {
    content: "\e94d"
}

.icon--product-highmileage-reduceleaks:before {
    content: "\e94e"
}

.icon--product-highmileage-wearprotection:before {
    content: "\e94f"
}

.icon--product-marine:before {
    content: "\e630"
}

.icon--product-motor:before {
    content: "\e61b"
}

.icon--product-plant:before {
    content: "\e61c"
}

.icon--product-platinum-lspi:before {
    content: "\e953"
}

.icon--product-platinumeuro-extendsenginelife:before {
    content: "\e950"
}

.icon--product-platinumeuro-syntheticmolecules:before {
    content: "\e951"
}

.icon--product-platinumhighmilage-stopleaks:before {
    content: "\e952"
}

.icon--product-tankertruck:before {
    content: "\e9b4"
}

.icon--product-tractor:before {
    content: "\e61d"
}

.icon--product-truck:before {
    content: "\e61e"
}

.icon--product-ultraplatinum-helio:before {
    content: "\e954"
}

.icon--product-ultraplatinum-highperformance:before {
    content: "\e955"
}

.icon--product-van:before {
    content: "\e61f"
}

.icon--products:before {
    content: "\e919"
}

.icon--qualitybadge:before {
    content: "\e927"
}

.icon--question:before {
    content: "\e9ac"
}

.icon--reactor:before {
    content: "\e942"
}

.icon--refining:before {
    content: "\e932"
}

.icon--refresh:before {
    content: "\e910"
}

.icon--search:before {
    content: "\e620"
}

.icon--service-support:before {
    content: "\e943"
}

.icon--service:before {
    content: "\e918"
}

.icon--setting:before {
    content: "\e944"
}

.icon--settings:before {
    content: "\e913"
}

.icon--share:before {
    content: "\e99d"
}

.icon--shoppingcart:before {
    content: "\e99f"
}

.icon--shoppingcartin:before {
    content: "\e9a0"
}

.icon--signpost:before {
    content: "\e637"
}

.icon--social-facebook:before {
    content: "\e621"
}

.icon--social-flickr:before {
    content: "\e622"
}

.icon--social-instagram:before {
    content: "\e624"
}

.icon--social-linkedin:before {
    content: "\e625"
}

.icon--social-twitter:before {
    content: "\e627"
}

.icon--social-vk:before {
    content: "\e917"
}

.icon--social-weibo:before {
    content: "\e628"
}

.icon--social-whatsapp:before {
    content: "\e92b"
}

.icon--social-youku:before {
    content: "\e629"
}

.icon--social-youkunew:before {
    content: "\e91f"
}

.icon--social-youtube:before {
    content: "\e62a"
}

.icon--star:before {
    content: "\e999"
}

.icon--stationaryengine:before {
    content: "\e962"
}

.icon--stopwatch:before {
    content: "\e922"
}

.icon--swap:before {
    content: "\e906"
}

.icon--tags-filled:before {
    content: "\e62c"
}

.icon--tags:before {
    content: "\e62b"
}

.icon--test-tube:before {
    content: "\e945"
}

.icon--thermometer:before {
    content: "\e928"
}

.icon--thickclose:before {
    content: "\e935"
}

.icon--thicksearch:before {
    content: "\e936"
}

.icon--tiles:before {
    content: "\e62d"
}

.icon--tools:before {
    content: "\e901"
}

.icon--train:before {
    content: "\e904"
}

.icon--turbine:before {
    content: "\e963"
}

.icon--ufq-interbed-internals:before {
    content: "\e946"
}

.icon--unlocked:before {
    content: "\e998"
}

.icon--up:before {
    content: "\e90e"
}

.icon--uparrow:before {
    content: "\e937"
}

.icon--upload:before {
    content: "\e9a4"
}

.icon--upstream:before {
    content: "\e947"
}

.icon--vapor:before {
    content: "\e948"
}

.icon--waterdrop:before {
    content: "\e923"
}

.icon--wifi:before {
    content: "\e62e"
}

.icon--windows:before {
    content: "\e62f"
}

.icon--zoomin:before {
    content: "\e90b"
}

.icon--zoomout:before {
    content: "\e90c"
}

.svg-ad {
    background-image:url(/assets/svg/flags/ad.svg)
}

.svg-ar {
    background-image:url(/assets/svg/flags/ar.svg)
}

.svg-bd {
    background-image:url(/assets/svg/flags/bd.svg)
}

.svg-bn {
    background-image:url(/assets/svg/flags/bn.svg)
}

.svg-bz {
    background-image:url(/assets/svg/flags/bz.svg)
}

.svg-cl {
    background-image:url(/assets/svg/flags/cl.svg)
}

.svg-cy {
    background-image:url(/assets/svg/flags/cy.svg)
}

.svg-ee {
    background-image:url(/assets/svg/flags/ee.svg)
}

.svg-fk {
    background-image:url(/assets/svg/flags/fk.svg)
}

.svg-gg {
    background-image:url(/assets/svg/flags/gg.svg)
}

.svg-gs {
    background-image:url(/assets/svg/flags/gs.svg)
}

.svg-ht {
    background-image:url(/assets/svg/flags/ht.svg)
}

.svg-ir {
    background-image:url(/assets/svg/flags/ir.svg)
}

.svg-kh {
    background-image:url(/assets/svg/flags/kh.svg)
}

.svg-la {
    background-image:url(/assets/svg/flags/la.svg)
}

.svg-lv {
    background-image:url(/assets/svg/flags/lv.svg)
}

.svg-mk {
    background-image:url(/assets/svg/flags/mk.svg)
}

.svg-mt {
    background-image:url(/assets/svg/flags/mt.svg)
}

.svg-ne {
    background-image:url(/assets/svg/flags/ne.svg)
}

.svg-nz {
    background-image:url(/assets/svg/flags/nz.svg)
}

.svg-pm {
    background-image:url(/assets/svg/flags/pm.svg)
}

.svg-ro {
    background-image:url(/assets/svg/flags/ro.svg)
}

.svg-sg {
    background-image:url(/assets/svg/flags/sg.svg)
}

.svg-sr {
    background-image:url(/assets/svg/flags/sr.svg)
}

.svg-tf {
    background-image:url(/assets/svg/flags/tf.svg)
}

.svg-tr {
    background-image:url(/assets/svg/flags/tr.svg)
}

.svg-us {
    background-image:url(/assets/svg/flags/us.svg)
}

.svg-vu {
    background-image:url(/assets/svg/flags/vu.svg)
}

.svg-ae {
    background-image:url(/assets/svg/flags/ae.svg)
}

.svg-as {
    background-image:url(/assets/svg/flags/as.svg)
}

.svg-be {
    background-image:url(/assets/svg/flags/be.svg)
}

.svg-bo {
    background-image:url(/assets/svg/flags/bo.svg)
}

.svg-ca {
    background-image:url(/assets/svg/flags/ca.svg)
}

.svg-cm {
    background-image:url(/assets/svg/flags/cm.svg)
}

.svg-cz {
    background-image:url(/assets/svg/flags/cz.svg)
}

.svg-eg {
    background-image:url(/assets/svg/flags/eg.svg)
}

.svg-fm {
    background-image:url(/assets/svg/flags/fm.svg)
}

.svg-gh {
    background-image:url(/assets/svg/flags/gh.svg)
}

.svg-gt {
    background-image:url(/assets/svg/flags/gt.svg)
}

.svg-hu {
    background-image:url(/assets/svg/flags/hu.svg)
}

.svg-is {
    background-image:url(/assets/svg/flags/is.svg)
}

.svg-ki {
    background-image:url(/assets/svg/flags/ki.svg)
}

.svg-lb {
    background-image:url(/assets/svg/flags/lb.svg)
}

.svg-ly {
    background-image:url(/assets/svg/flags/ly.svg)
}

.svg-ml {
    background-image:url(/assets/svg/flags/ml.svg)
}

.svg-mu {
    background-image:url(/assets/svg/flags/mu.svg)
}

.svg-nf {
    background-image:url(/assets/svg/flags/nf.svg)
}

.svg-om {
    background-image:url(/assets/svg/flags/om.svg)
}

.svg-pn {
    background-image:url(/assets/svg/flags/pn.svg)
}

.svg-rs {
    background-image:url(/assets/svg/flags/rs.svg)
}

.svg-sh {
    background-image:url(/assets/svg/flags/sh.svg)
}

.svg-ss {
    background-image:url(/assets/svg/flags/ss.svg)
}

.svg-tg {
    background-image:url(/assets/svg/flags/tg.svg)
}

.svg-tt {
    background-image:url(/assets/svg/flags/tt.svg)
}

.svg-uy {
    background-image:url(/assets/svg/flags/uy.svg)
}

.svg-wf {
    background-image:url(/assets/svg/flags/wf.svg)
}

.svg-af {
    background-image:url(/assets/svg/flags/af.svg)
}

.svg-at {
    background-image:url(/assets/svg/flags/at.svg)
}

.svg-bf {
    background-image:url(/assets/svg/flags/bf.svg)
}

.svg-bq {
    background-image:url(/assets/svg/flags/bq.svg)
}

.svg-cc {
    background-image:url(/assets/svg/flags/cc.svg)
}

.svg-cn {
    background-image:url(/assets/svg/flags/cn.svg)
}

.svg-de {
    background-image:url(/assets/svg/flags/de.svg)
}

.svg-eh {
    background-image:url(/assets/svg/flags/eh.svg)
}

.svg-fo {
    background-image:url(/assets/svg/flags/fo.svg)
}

.svg-gi {
    background-image:url(/assets/svg/flags/gi.svg)
}

.svg-gu {
    background-image:url(/assets/svg/flags/gu.svg)
}

.svg-id {
    background-image:url(/assets/svg/flags/id.svg)
}

.svg-it {
    background-image:url(/assets/svg/flags/it.svg)
}

.svg-km {
    background-image:url(/assets/svg/flags/km.svg)
}

.svg-lc {
    background-image:url(/assets/svg/flags/lc.svg)
}

.svg-ma {
    background-image:url(/assets/svg/flags/ma.svg)
}

.svg-mm {
    background-image:url(/assets/svg/flags/mm.svg)
}

.svg-mv {
    background-image:url(/assets/svg/flags/mv.svg)
}

.svg-ng {
    background-image:url(/assets/svg/flags/ng.svg)
}

.svg-pa {
    background-image:url(/assets/svg/flags/pa.svg)
}

.svg-pr {
    background-image:url(/assets/svg/flags/pr.svg)
}

.svg-ru {
    background-image:url(/assets/svg/flags/ru.svg)
}

.svg-si {
    background-image:url(/assets/svg/flags/si.svg)
}

.svg-st {
    background-image:url(/assets/svg/flags/st.svg)
}

.svg-th {
    background-image:url(/assets/svg/flags/th.svg)
}

.svg-tv {
    background-image:url(/assets/svg/flags/tv.svg)
}

.svg-uz {
    background-image:url(/assets/svg/flags/uz.svg)
}

.svg-ws {
    background-image:url(/assets/svg/flags/ws.svg)
}

.svg-ag {
    background-image:url(/assets/svg/flags/ag.svg)
}

.svg-au {
    background-image:url(/assets/svg/flags/au.svg)
}

.svg-bg {
    background-image:url(/assets/svg/flags/bg.svg)
}

.svg-br {
    background-image:url(/assets/svg/flags/br.svg)
}

.svg-cd {
    background-image:url(/assets/svg/flags/cd.svg)
}

.svg-co {
    background-image:url(/assets/svg/flags/co.svg)
}

.svg-dj {
    background-image:url(/assets/svg/flags/dj.svg)
}

.svg-er {
    background-image:url(/assets/svg/flags/er.svg)
}

.svg-fr {
    background-image:url(/assets/svg/flags/fr.svg)
}

.svg-gl {
    background-image:url(/assets/svg/flags/gl.svg)
}

.svg-gw {
    background-image:url(/assets/svg/flags/gw.svg)
}

.svg-ie {
    background-image:url(/assets/svg/flags/ie.svg)
}

.svg-je {
    background-image:url(/assets/svg/flags/je.svg)
}

.svg-kn {
    background-image:url(/assets/svg/flags/kn.svg)
}

.svg-li {
    background-image:url(/assets/svg/flags/li.svg)
}

.svg-mc {
    background-image:url(/assets/svg/flags/mc.svg)
}

.svg-mn {
    background-image:url(/assets/svg/flags/mn.svg)
}

.svg-mw {
    background-image:url(/assets/svg/flags/mw.svg)
}

.svg-ni {
    background-image:url(/assets/svg/flags/ni.svg)
}

.svg-pe {
    background-image:url(/assets/svg/flags/pe.svg)
}

.svg-ps {
    background-image:url(/assets/svg/flags/ps.svg)
}

.svg-rw {
    background-image:url(/assets/svg/flags/rw.svg)
}

.svg-sj {
    background-image:url(/assets/svg/flags/sj.svg)
}

.svg-sv {
    background-image:url(/assets/svg/flags/sv.svg)
}

.svg-tj {
    background-image:url(/assets/svg/flags/tj.svg)
}

.svg-tw {
    background-image:url(/assets/svg/flags/tw.svg)
}

.svg-va {
    background-image:url(/assets/svg/flags/va.svg)
}

.svg-ye {
    background-image:url(/assets/svg/flags/ye.svg)
}

.svg-ai {
    background-image:url(/assets/svg/flags/ai.svg)
}

.svg-aw {
    background-image:url(/assets/svg/flags/aw.svg)
}

.svg-bh {
    background-image:url(/assets/svg/flags/bh.svg)
}

.svg-bs {
    background-image:url(/assets/svg/flags/bs.svg)
}

.svg-cf {
    background-image:url(/assets/svg/flags/cf.svg)
}

.svg-cr {
    background-image:url(/assets/svg/flags/cr.svg)
}

.svg-dk {
    background-image:url(/assets/svg/flags/dk.svg)
}

.svg-es {
    background-image:url(/assets/svg/flags/es.svg)
}

.svg-ga {
    background-image:url(/assets/svg/flags/ga.svg)
}

.svg-gm {
    background-image:url(/assets/svg/flags/gm.svg)
}

.svg-gy {
    background-image:url(/assets/svg/flags/gy.svg)
}

.svg-il {
    background-image:url(/assets/svg/flags/il.svg)
}

.svg-jm {
    background-image:url(/assets/svg/flags/jm.svg)
}

.svg-kp {
    background-image:url(/assets/svg/flags/kp.svg)
}

.svg-lk {
    background-image:url(/assets/svg/flags/lk.svg)
}

.svg-md {
    background-image:url(/assets/svg/flags/md.svg)
}

.svg-mo {
    background-image:url(/assets/svg/flags/mo.svg)
}

.svg-mx {
    background-image:url(/assets/svg/flags/mx.svg)
}

.svg-nl {
    background-image:url(/assets/svg/flags/nl.svg)
}

.svg-pf {
    background-image:url(/assets/svg/flags/pf.svg)
}

.svg-pt {
    background-image:url(/assets/svg/flags/pt.svg)
}

.svg-sa {
    background-image:url(/assets/svg/flags/sa.svg)
}

.svg-sk {
    background-image:url(/assets/svg/flags/sk.svg)
}

.svg-sx {
    background-image:url(/assets/svg/flags/sx.svg)
}

.svg-tk {
    background-image:url(/assets/svg/flags/tk.svg)
}

.svg-tz {
    background-image:url(/assets/svg/flags/tz.svg)
}

.svg-vc {
    background-image:url(/assets/svg/flags/vc.svg)
}

.svg-yt {
    background-image:url(/assets/svg/flags/yt.svg)
}

.svg-al {
    background-image:url(/assets/svg/flags/al.svg)
}

.svg-ax {
    background-image:url(/assets/svg/flags/ax.svg)
}

.svg-bi {
    background-image:url(/assets/svg/flags/bi.svg)
}

.svg-bt {
    background-image:url(/assets/svg/flags/bt.svg)
}

.svg-cg {
    background-image:url(/assets/svg/flags/cg.svg)
}

.svg-cu {
    background-image:url(/assets/svg/flags/cu.svg)
}

.svg-dm {
    background-image:url(/assets/svg/flags/dm.svg)
}

.svg-et {
    background-image:url(/assets/svg/flags/et.svg)
}

.svg-gb {
    background-image:url(/assets/svg/flags/gb.svg)
}

.svg-gn {
    background-image:url(/assets/svg/flags/gn.svg)
}

.svg-hk {
    background-image:url(/assets/svg/flags/hk.svg)
}

.svg-im {
    background-image:url(/assets/svg/flags/im.svg)
}

.svg-jo {
    background-image:url(/assets/svg/flags/jo.svg)
}

.svg-kr {
    background-image:url(/assets/svg/flags/kr.svg)
}

.svg-lr {
    background-image:url(/assets/svg/flags/lr.svg)
}

.svg-me {
    background-image:url(/assets/svg/flags/me.svg)
}

.svg-mp {
    background-image:url(/assets/svg/flags/mp.svg)
}

.svg-my {
    background-image:url(/assets/svg/flags/my.svg)
}

.svg-no {
    background-image:url(/assets/svg/flags/no.svg)
}

.svg-pg {
    background-image:url(/assets/svg/flags/pg.svg)
}

.svg-pw {
    background-image:url(/assets/svg/flags/pw.svg)
}

.svg-sb {
    background-image:url(/assets/svg/flags/sb.svg)
}

.svg-sl {
    background-image:url(/assets/svg/flags/sl.svg)
}

.svg-sy {
    background-image:url(/assets/svg/flags/sy.svg)
}

.svg-tl {
    background-image:url(/assets/svg/flags/tl.svg)
}

.svg-ua {
    background-image:url(/assets/svg/flags/ua.svg)
}

.svg-ve {
    background-image:url(/assets/svg/flags/ve.svg)
}

.svg-za {
    background-image:url(/assets/svg/flags/za.svg)
}

.svg-am {
    background-image:url(/assets/svg/flags/am.svg)
}

.svg-az {
    background-image:url(/assets/svg/flags/az.svg)
}

.svg-bj {
    background-image:url(/assets/svg/flags/bj.svg)
}

.svg-bv {
    background-image:url(/assets/svg/flags/bv.svg)
}

.svg-ch {
    background-image:url(/assets/svg/flags/ch.svg)
}

.svg-cv {
    background-image:url(/assets/svg/flags/cv.svg)
}

.svg-do {
    background-image:url(/assets/svg/flags/do.svg)
}

.svg-eu {
    background-image:url(/assets/svg/flags/eu.svg)
}

.svg-gd {
    background-image:url(/assets/svg/flags/gd.svg)
}

.svg-gp {
    background-image:url(/assets/svg/flags/gp.svg)
}

.svg-hm {
    background-image:url(/assets/svg/flags/hm.svg)
}

.svg-in {
    background-image:url(/assets/svg/flags/in.svg)
}

.svg-jp {
    background-image:url(/assets/svg/flags/jp.svg)
}

.svg-kw {
    background-image:url(/assets/svg/flags/kw.svg)
}

.svg-ls {
    background-image:url(/assets/svg/flags/ls.svg)
}

.svg-mf {
    background-image:url(/assets/svg/flags/mf.svg)
}

.svg-mq {
    background-image:url(/assets/svg/flags/mq.svg)
}

.svg-mz {
    background-image:url(/assets/svg/flags/mz.svg)
}

.svg-np {
    background-image:url(/assets/svg/flags/np.svg)
}

.svg-ph {
    background-image:url(/assets/svg/flags/ph.svg)
}

.svg-py {
    background-image:url(/assets/svg/flags/py.svg)
}

.svg-sc {
    background-image:url(/assets/svg/flags/sc.svg)
}

.svg-sm {
    background-image:url(/assets/svg/flags/sm.svg)
}

.svg-sz {
    background-image:url(/assets/svg/flags/sz.svg)
}

.svg-tm {
    background-image:url(/assets/svg/flags/tm.svg)
}

.svg-ug {
    background-image:url(/assets/svg/flags/ug.svg)
}

.svg-vg {
    background-image:url(/assets/svg/flags/vg.svg)
}

.svg-zm {
    background-image:url(/assets/svg/flags/zm.svg)
}

.svg-ao {
    background-image:url(/assets/svg/flags/ao.svg)
}

.svg-ba {
    background-image:url(/assets/svg/flags/ba.svg)
}

.svg-bl {
    background-image:url(/assets/svg/flags/bl.svg)
}

.svg-bw {
    background-image:url(/assets/svg/flags/bw.svg)
}

.svg-ci {
    background-image:url(/assets/svg/flags/ci.svg)
}

.svg-cw {
    background-image:url(/assets/svg/flags/cw.svg)
}

.svg-dz {
    background-image:url(/assets/svg/flags/dz.svg)
}

.svg-fi {
    background-image:url(/assets/svg/flags/fi.svg)
}

.svg-ge {
    background-image:url(/assets/svg/flags/ge.svg)
}

.svg-gq {
    background-image:url(/assets/svg/flags/gq.svg)
}

.svg-hn {
    background-image:url(/assets/svg/flags/hn.svg)
}

.svg-io {
    background-image:url(/assets/svg/flags/io.svg)
}

.svg-ke {
    background-image:url(/assets/svg/flags/ke.svg)
}

.svg-ky {
    background-image:url(/assets/svg/flags/ky.svg)
}

.svg-lt {
    background-image:url(/assets/svg/flags/lt.svg)
}

.svg-mg {
    background-image:url(/assets/svg/flags/mg.svg)
}

.svg-mr {
    background-image:url(/assets/svg/flags/mr.svg)
}

.svg-na {
    background-image:url(/assets/svg/flags/na.svg)
}

.svg-nr {
    background-image:url(/assets/svg/flags/nr.svg)
}

.svg-pk {
    background-image:url(/assets/svg/flags/pk.svg)
}

.svg-qa {
    background-image:url(/assets/svg/flags/qa.svg)
}

.svg-sd {
    background-image:url(/assets/svg/flags/sd.svg)
}

.svg-sn {
    background-image:url(/assets/svg/flags/sn.svg)
}

.svg-tc {
    background-image:url(/assets/svg/flags/tc.svg)
}

.svg-tn {
    background-image:url(/assets/svg/flags/tn.svg)
}

.svg-um {
    background-image:url(/assets/svg/flags/um.svg)
}

.svg-vi {
    background-image:url(/assets/svg/flags/vi.svg)
}

.svg-zw {
    background-image:url(/assets/svg/flags/zw.svg)
}

.svg-aq {
    background-image:url(/assets/svg/flags/aq.svg)
}

.svg-bb {
    background-image:url(/assets/svg/flags/bb.svg)
}

.svg-bm {
    background-image:url(/assets/svg/flags/bm.svg)
}

.svg-by {
    background-image:url(/assets/svg/flags/by.svg)
}

.svg-ck {
    background-image:url(/assets/svg/flags/ck.svg)
}

.svg-cx {
    background-image:url(/assets/svg/flags/cx.svg)
}

.svg-ec {
    background-image:url(/assets/svg/flags/ec.svg)
}

.svg-fj {
    background-image:url(/assets/svg/flags/fj.svg)
}

.svg-gf {
    background-image:url(/assets/svg/flags/gf.svg)
}

.svg-gr {
    background-image:url(/assets/svg/flags/gr.svg)
}

.svg-hr {
    background-image:url(/assets/svg/flags/hr.svg)
}

.svg-iq {
    background-image:url(/assets/svg/flags/iq.svg)
}

.svg-kg {
    background-image:url(/assets/svg/flags/kg.svg)
}

.svg-kz {
    background-image:url(/assets/svg/flags/kz.svg)
}

.svg-lu {
    background-image:url(/assets/svg/flags/lu.svg)
}

.svg-mh {
    background-image:url(/assets/svg/flags/mh.svg)
}

.svg-ms {
    background-image:url(/assets/svg/flags/ms.svg)
}

.svg-nc {
    background-image:url(/assets/svg/flags/nc.svg)
}

.svg-nu {
    background-image:url(/assets/svg/flags/nu.svg)
}

.svg-pl {
    background-image:url(/assets/svg/flags/pl.svg)
}

.svg-re {
    background-image:url(/assets/svg/flags/re.svg)
}

.svg-se {
    background-image:url(/assets/svg/flags/se.svg)
}

.svg-so {
    background-image:url(/assets/svg/flags/so.svg)
}

.svg-td {
    background-image:url(/assets/svg/flags/td.svg)
}

.svg-to {
    background-image:url(/assets/svg/flags/to.svg)
}

.svg-un {
    background-image:url(/assets/svg/flags/un.svg)
}

.svg-vn {
    background-image: url(/assets/svg/flags/vn.svg)
}

.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust:none
}

.ath-modal {
    pointer-events: auto !important;
    background:rgba(0, 0, 0, 0.6)
}

.ath-mandatory {
    background:#000
}

.ath-container {
    pointer-events: auto !important;
    position: absolute;
    z-index: 2147483641;
    padding: 0.7em 0.6em;
    width: 18em;
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 0.2em 0 #d1d1d1;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
    border-radius:10px
}

.ath-container small {
    font-size: 0.8em;
    line-height: 1.3em;
    display: block;
    margin-top:0.5em
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left:-9em
}

.ath-ios6.ath-tablet {
    left: 5em;
    top:1.8em
}

.ath-ios7.ath-tablet {
    left: 0.7em;
    top:1.8em
}

.ath-ios8.ath-tablet, .ath-ios9.ath-tablet, .ath-ios10.ath-tablet {
    right: 0.4em;
    top:1.8em
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left:-9em
}
/* close icon */

.ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -0.7em -0.6em 0 0.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index:2147483642
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float:none
}

.ath-mandatory .ath-container:before {
    display:none
}

.ath-container.ath-android:before {
    float: left;
    margin:-0.7em 0.5em 0 -0.6em
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float:none
}
/* applied only if the application icon is shown */

.ath-container.ath-icon {
}

.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
    width: 1.6em;
    height: 1.6em;
    margin-top: -0.3em;
    background-size:auto 100%
}

.ath-ios7 .ath-action-icon, .ath-ios8 .ath-action-icon, .ath-ios9 .ath-action-icon, .ath-ios10 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
    margin-top: -0.3em;
    background-size:auto 100%
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
    margin-bottom: 0.4em;
    background-size:100% auto
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size:100% auto
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 0.1em 0 #fff;
    font-size:1.1em
}

.ath-ios.ath-phone:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    box-shadow:0.2em 0.2em 0 #d1d1d1
}

.ath-ios.ath-tablet:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    z-index:2147483641
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto 0.2em auto;
    height: 6em;
    width: 6em;
    z-index:2147483642
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
    margin:0 auto 0.4em auto
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width:24em
    }

    .ath-android.ath-phone {
        margin-left:-12em
    }

    .ath-ios.ath-phone {
        margin-left:-12em
    }

    .ath-ios6:after {
        left:39%
    }

    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: 0.4em;
        top:1.8em
    }

    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -0.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none
    }
}

/*!
 * Bootstrap Grid v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
html {
    box-sizing: border-box;
    -ms-overflow-style:scrollbar
}

*, ::after, ::before {
    box-sizing:inherit
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left:auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width:1140px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left:-15px
}

.no-gutters {
    margin-right: 0;
    margin-left:0
}

.no-gutters > .col, .no-gutters > [class * =col-] {
    padding-right: 0;
    padding-left:0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left:15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width:100%
}

.row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%
}

.row-cols-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width:50%
}

.row-cols-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width:33.333333%
}

.row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width:25%
}

.row-cols-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width:20%
}

.row-cols-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width:16.666667%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width:100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width:8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width:16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width:25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width:33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width:41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width:50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width:58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width:66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width:75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width:83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width:91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%
}

.order-first {
    -ms-flex-order: -1;
    order:-1
}

.order-last {
    -ms-flex-order: 13;
    order:13
}

.order-0 {
    -ms-flex-order: 0;
    order:0
}

.order-1 {
    -ms-flex-order: 1;
    order:1
}

.order-2 {
    -ms-flex-order: 2;
    order:2
}

.order-3 {
    -ms-flex-order: 3;
    order:3
}

.order-4 {
    -ms-flex-order: 4;
    order:4
}

.order-5 {
    -ms-flex-order: 5;
    order:5
}

.order-6 {
    -ms-flex-order: 6;
    order:6
}

.order-7 {
    -ms-flex-order: 7;
    order:7
}

.order-8 {
    -ms-flex-order: 8;
    order:8
}

.order-9 {
    -ms-flex-order: 9;
    order:9
}

.order-10 {
    -ms-flex-order: 10;
    order:10
}

.order-11 {
    -ms-flex-order: 11;
    order:11
}

.order-12 {
    -ms-flex-order: 12;
    order:12
}

.offset-1 {
    margin-left:8.333333%
}

.offset-2 {
    margin-left:16.666667%
}

.offset-3 {
    margin-left:25%
}

.offset-4 {
    margin-left:33.333333%
}

.offset-5 {
    margin-left:41.666667%
}

.offset-6 {
    margin-left:50%
}

.offset-7 {
    margin-left:58.333333%
}

.offset-8 {
    margin-left:66.666667%
}

.offset-9 {
    margin-left:75%
}

.offset-10 {
    margin-left:83.333333%
}

.offset-11 {
    margin-left:91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width:100%
    }

    .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }

    .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width:33.333333%
    }

    .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }

    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width:20%
    }

    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width:16.666667%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width:100%
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width:8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width:16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width:33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width:41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width:58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width:66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width:75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width:83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width:91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order:-1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order:13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order:0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order:1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order:2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order:3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order:4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order:5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order:6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order:7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order:8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order:9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order:10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order:11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order:12
    }

    .offset-sm-0 {
        margin-left:0
    }

    .offset-sm-1 {
        margin-left:8.333333%
    }

    .offset-sm-2 {
        margin-left:16.666667%
    }

    .offset-sm-3 {
        margin-left:25%
    }

    .offset-sm-4 {
        margin-left:33.333333%
    }

    .offset-sm-5 {
        margin-left:41.666667%
    }

    .offset-sm-6 {
        margin-left:50%
    }

    .offset-sm-7 {
        margin-left:58.333333%
    }

    .offset-sm-8 {
        margin-left:66.666667%
    }

    .offset-sm-9 {
        margin-left:75%
    }

    .offset-sm-10 {
        margin-left:83.333333%
    }

    .offset-sm-11 {
        margin-left:91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width:100%
    }

    .row-cols-md-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }

    .row-cols-md-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width:33.333333%
    }

    .row-cols-md-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }

    .row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width:20%
    }

    .row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width:16.666667%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width:100%
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width:8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width:16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width:33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width:41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width:58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width:66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width:75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width:83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width:91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order:-1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order:13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order:0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order:1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order:2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order:3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order:4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order:5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order:6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order:7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order:8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order:9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order:10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order:11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order:12
    }

    .offset-md-0 {
        margin-left:0
    }

    .offset-md-1 {
        margin-left:8.333333%
    }

    .offset-md-2 {
        margin-left:16.666667%
    }

    .offset-md-3 {
        margin-left:25%
    }

    .offset-md-4 {
        margin-left:33.333333%
    }

    .offset-md-5 {
        margin-left:41.666667%
    }

    .offset-md-6 {
        margin-left:50%
    }

    .offset-md-7 {
        margin-left:58.333333%
    }

    .offset-md-8 {
        margin-left:66.666667%
    }

    .offset-md-9 {
        margin-left:75%
    }

    .offset-md-10 {
        margin-left:83.333333%
    }

    .offset-md-11 {
        margin-left:91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width:100%
    }

    .row-cols-lg-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }

    .row-cols-lg-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .row-cols-lg-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width:33.333333%
    }

    .row-cols-lg-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }

    .row-cols-lg-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width:20%
    }

    .row-cols-lg-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width:16.666667%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width:100%
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width:8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width:16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width:33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width:41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width:58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width:66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width:75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width:83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width:91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order:-1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order:13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order:0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order:1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order:2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order:3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order:4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order:5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order:6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order:7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order:8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order:9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order:10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order:11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order:12
    }

    .offset-lg-0 {
        margin-left:0
    }

    .offset-lg-1 {
        margin-left:8.333333%
    }

    .offset-lg-2 {
        margin-left:16.666667%
    }

    .offset-lg-3 {
        margin-left:25%
    }

    .offset-lg-4 {
        margin-left:33.333333%
    }

    .offset-lg-5 {
        margin-left:41.666667%
    }

    .offset-lg-6 {
        margin-left:50%
    }

    .offset-lg-7 {
        margin-left:58.333333%
    }

    .offset-lg-8 {
        margin-left:66.666667%
    }

    .offset-lg-9 {
        margin-left:75%
    }

    .offset-lg-10 {
        margin-left:83.333333%
    }

    .offset-lg-11 {
        margin-left:91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width:100%
    }

    .row-cols-xl-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }

    .row-cols-xl-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .row-cols-xl-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width:33.333333%
    }

    .row-cols-xl-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }

    .row-cols-xl-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width:20%
    }

    .row-cols-xl-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width:16.666667%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width:100%
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width:8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width:16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width:33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width:41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width:58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width:66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width:75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width:83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width:91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order:-1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order:13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order:0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order:1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order:2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order:3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order:4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order:5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order:6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order:7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order:8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order:9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order:10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order:11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order:12
    }

    .offset-xl-0 {
        margin-left:0
    }

    .offset-xl-1 {
        margin-left:8.333333%
    }

    .offset-xl-2 {
        margin-left:16.666667%
    }

    .offset-xl-3 {
        margin-left:25%
    }

    .offset-xl-4 {
        margin-left:33.333333%
    }

    .offset-xl-5 {
        margin-left:41.666667%
    }

    .offset-xl-6 {
        margin-left:50%
    }

    .offset-xl-7 {
        margin-left:58.333333%
    }

    .offset-xl-8 {
        margin-left:66.666667%
    }

    .offset-xl-9 {
        margin-left:75%
    }

    .offset-xl-10 {
        margin-left:83.333333%
    }

    .offset-xl-11 {
        margin-left:91.666667%
    }
}

.d-none {
    display:none !important
}

.d-inline {
    display:inline !important
}

.d-inline-block {
    display:inline-block !important
}

.d-block {
    display:block !important
}

.d-table {
    display:table !important
}

.d-table-row {
    display:table-row !important
}

.d-table-cell {
    display:table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display:flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display:inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none !important
    }

    .d-sm-inline {
        display:inline !important
    }

    .d-sm-inline-block {
        display:inline-block !important
    }

    .d-sm-block {
        display:block !important
    }

    .d-sm-table {
        display:table !important
    }

    .d-sm-table-row {
        display:table-row !important
    }

    .d-sm-table-cell {
        display:table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display:flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none !important
    }

    .d-md-inline {
        display:inline !important
    }

    .d-md-inline-block {
        display:inline-block !important
    }

    .d-md-block {
        display:block !important
    }

    .d-md-table {
        display:table !important
    }

    .d-md-table-row {
        display:table-row !important
    }

    .d-md-table-cell {
        display:table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display:flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none !important
    }

    .d-lg-inline {
        display:inline !important
    }

    .d-lg-inline-block {
        display:inline-block !important
    }

    .d-lg-block {
        display:block !important
    }

    .d-lg-table {
        display:table !important
    }

    .d-lg-table-row {
        display:table-row !important
    }

    .d-lg-table-cell {
        display:table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display:flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none !important
    }

    .d-xl-inline {
        display:inline !important
    }

    .d-xl-inline-block {
        display:inline-block !important
    }

    .d-xl-block {
        display:block !important
    }

    .d-xl-table {
        display:table !important
    }

    .d-xl-table-row {
        display:table-row !important
    }

    .d-xl-table-cell {
        display:table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display:flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media print {
    .d-print-none {
        display:none !important
    }

    .d-print-inline {
        display:inline !important
    }

    .d-print-inline-block {
        display:inline-block !important
    }

    .d-print-block {
        display:block !important
    }

    .d-print-table {
        display:table !important
    }

    .d-print-table-row {
        display:table-row !important
    }

    .d-print-table-cell {
        display:table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display:flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction:row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction:column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction:row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction:column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap:wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap:nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap:wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex:1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow:0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow:1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink:0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink:1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content:flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content:flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content:center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content:space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content:space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items:flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items:flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items:center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items:baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items:stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content:flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content:flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content:center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content:space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content:space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content:stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self:auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self:flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self:flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self:center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self:baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self:stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction:row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction:column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction:row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction:column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap:wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap:nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap:wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex:1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow:0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow:1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink:0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink:1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content:flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content:flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content:center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content:space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content:space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items:flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items:flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items:center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items:baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items:stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content:flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content:flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content:center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content:space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content:space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content:stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self:auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self:flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self:flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self:center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self:baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self:stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction:row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction:column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction:row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction:column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap:wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap:nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap:wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex:1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow:0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow:1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink:0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink:1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content:flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content:flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content:center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content:space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content:space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items:flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items:flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items:center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items:baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items:stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content:flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content:flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content:center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content:space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content:space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content:stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self:auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self:flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self:flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self:center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self:baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self:stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction:row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction:column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction:row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction:column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap:wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap:nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap:wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex:1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow:0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow:1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink:0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink:1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content:flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content:flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content:center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content:space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content:space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items:flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items:flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items:center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items:baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items:stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content:flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content:flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content:center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content:space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content:space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content:stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self:auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self:flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self:flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self:center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self:baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self:stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction:row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction:column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction:row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction:column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap:wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap:nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap:wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex:1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow:0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow:1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink:0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink:1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content:flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content:flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content:center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content:space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content:space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items:flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items:flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items:center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items:baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items:stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content:flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content:flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content:center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content:space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content:space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content:stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self:auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self:flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self:flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self:center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self:baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self:stretch !important
    }
}

.m-0 {
    margin:0 !important
}

.mt-0, .my-0 {
    margin-top:0 !important
}

.mr-0, .mx-0 {
    margin-right:0 !important
}

.mb-0, .my-0 {
    margin-bottom:0 !important
}

.ml-0, .mx-0 {
    margin-left:0 !important
}

.m-1 {
    margin:.25rem !important
}

.mt-1, .my-1 {
    margin-top:.25rem !important
}

.mr-1, .mx-1 {
    margin-right:.25rem !important
}

.mb-1, .my-1 {
    margin-bottom:.25rem !important
}

.ml-1, .mx-1 {
    margin-left:.25rem !important
}

.m-2 {
    margin:.5rem !important
}

.mt-2, .my-2 {
    margin-top:.5rem !important
}

.mr-2, .mx-2 {
    margin-right:.5rem !important
}

.mb-2, .my-2 {
    margin-bottom:.5rem !important
}

.ml-2, .mx-2 {
    margin-left:.5rem !important
}

.m-3 {
    margin:1rem !important
}

.mt-3, .my-3 {
    margin-top:1rem !important
}

.mr-3, .mx-3 {
    margin-right:1rem !important
}

.mb-3, .my-3 {
    margin-bottom:1rem !important
}

.ml-3, .mx-3 {
    margin-left:1rem !important
}

.m-4 {
    margin:1.5rem !important
}

.mt-4, .my-4 {
    margin-top:1.5rem !important
}

.mr-4, .mx-4 {
    margin-right:1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom:1.5rem !important
}

.ml-4, .mx-4 {
    margin-left:1.5rem !important
}

.m-5 {
    margin:3rem !important
}

.mt-5, .my-5 {
    margin-top:3rem !important
}

.mr-5, .mx-5 {
    margin-right:3rem !important
}

.mb-5, .my-5 {
    margin-bottom:3rem !important
}

.ml-5, .mx-5 {
    margin-left:3rem !important
}

.p-0 {
    padding:0 !important
}

.pt-0, .py-0 {
    padding-top:0 !important
}

.pr-0, .px-0 {
    padding-right:0 !important
}

.pb-0, .py-0 {
    padding-bottom:0 !important
}

.pl-0, .px-0 {
    padding-left:0 !important
}

.p-1 {
    padding:.25rem !important
}

.pt-1, .py-1 {
    padding-top:.25rem !important
}

.pr-1, .px-1 {
    padding-right:.25rem !important
}

.pb-1, .py-1 {
    padding-bottom:.25rem !important
}

.pl-1, .px-1 {
    padding-left:.25rem !important
}

.p-2 {
    padding:.5rem !important
}

.pt-2, .py-2 {
    padding-top:.5rem !important
}

.pr-2, .px-2 {
    padding-right:.5rem !important
}

.pb-2, .py-2 {
    padding-bottom:.5rem !important
}

.pl-2, .px-2 {
    padding-left:.5rem !important
}

.p-3 {
    padding:1rem !important
}

.pt-3, .py-3 {
    padding-top:1rem !important
}

.pr-3, .px-3 {
    padding-right:1rem !important
}

.pb-3, .py-3 {
    padding-bottom:1rem !important
}

.pl-3, .px-3 {
    padding-left:1rem !important
}

.p-4 {
    padding:1.5rem !important
}

.pt-4, .py-4 {
    padding-top:1.5rem !important
}

.pr-4, .px-4 {
    padding-right:1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom:1.5rem !important
}

.pl-4, .px-4 {
    padding-left:1.5rem !important
}

.p-5 {
    padding:3rem !important
}

.pt-5, .py-5 {
    padding-top:3rem !important
}

.pr-5, .px-5 {
    padding-right:3rem !important
}

.pb-5, .py-5 {
    padding-bottom:3rem !important
}

.pl-5, .px-5 {
    padding-left:3rem !important
}

.m-n1 {
    margin:-.25rem !important
}

.mt-n1, .my-n1 {
    margin-top:-.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right:-.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom:-.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left:-.25rem !important
}

.m-n2 {
    margin:-.5rem !important
}

.mt-n2, .my-n2 {
    margin-top:-.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right:-.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom:-.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left:-.5rem !important
}

.m-n3 {
    margin:-1rem !important
}

.mt-n3, .my-n3 {
    margin-top:-1rem !important
}

.mr-n3, .mx-n3 {
    margin-right:-1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom:-1rem !important
}

.ml-n3, .mx-n3 {
    margin-left:-1rem !important
}

.m-n4 {
    margin:-1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top:-1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right:-1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom:-1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left:-1.5rem !important
}

.m-n5 {
    margin:-3rem !important
}

.mt-n5, .my-n5 {
    margin-top:-3rem !important
}

.mr-n5, .mx-n5 {
    margin-right:-3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom:-3rem !important
}

.ml-n5, .mx-n5 {
    margin-left:-3rem !important
}

.m-auto {
    margin:auto !important
}

.mt-auto, .my-auto {
    margin-top:auto !important
}

.mr-auto, .mx-auto {
    margin-right:auto !important
}

.mb-auto, .my-auto {
    margin-bottom:auto !important
}

.ml-auto, .mx-auto {
    margin-left:auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top:0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right:0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom:0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left:0 !important
    }

    .m-sm-1 {
        margin:.25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top:.25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right:.25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom:.25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left:.25rem !important
    }

    .m-sm-2 {
        margin:.5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top:.5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right:.5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom:.5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left:.5rem !important
    }

    .m-sm-3 {
        margin:1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top:1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right:1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom:1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left:1rem !important
    }

    .m-sm-4 {
        margin:1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top:1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right:1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom:1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left:1.5rem !important
    }

    .m-sm-5 {
        margin:3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top:3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right:3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom:3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left:3rem !important
    }

    .p-sm-0 {
        padding:0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top:0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right:0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom:0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left:0 !important
    }

    .p-sm-1 {
        padding:.25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top:.25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right:.25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom:.25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left:.25rem !important
    }

    .p-sm-2 {
        padding:.5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top:.5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right:.5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom:.5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left:.5rem !important
    }

    .p-sm-3 {
        padding:1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top:1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right:1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom:1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left:1rem !important
    }

    .p-sm-4 {
        padding:1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top:1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right:1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom:1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left:1.5rem !important
    }

    .p-sm-5 {
        padding:3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top:3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right:3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom:3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left:3rem !important
    }

    .m-sm-n1 {
        margin:-.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top:-.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right:-.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom:-.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left:-.25rem !important
    }

    .m-sm-n2 {
        margin:-.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top:-.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right:-.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom:-.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left:-.5rem !important
    }

    .m-sm-n3 {
        margin:-1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top:-1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right:-1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom:-1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left:-1rem !important
    }

    .m-sm-n4 {
        margin:-1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top:-1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right:-1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom:-1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left:-1.5rem !important
    }

    .m-sm-n5 {
        margin:-3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top:-3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right:-3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom:-3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left:-3rem !important
    }

    .m-sm-auto {
        margin:auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top:auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right:auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom:auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left:auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top:0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right:0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom:0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left:0 !important
    }

    .m-md-1 {
        margin:.25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top:.25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right:.25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom:.25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left:.25rem !important
    }

    .m-md-2 {
        margin:.5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top:.5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right:.5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom:.5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left:.5rem !important
    }

    .m-md-3 {
        margin:1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top:1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right:1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom:1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left:1rem !important
    }

    .m-md-4 {
        margin:1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top:1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right:1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom:1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left:1.5rem !important
    }

    .m-md-5 {
        margin:3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top:3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right:3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom:3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left:3rem !important
    }

    .p-md-0 {
        padding:0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top:0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right:0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom:0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left:0 !important
    }

    .p-md-1 {
        padding:.25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top:.25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right:.25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom:.25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left:.25rem !important
    }

    .p-md-2 {
        padding:.5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top:.5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right:.5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom:.5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left:.5rem !important
    }

    .p-md-3 {
        padding:1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top:1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right:1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom:1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left:1rem !important
    }

    .p-md-4 {
        padding:1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top:1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right:1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom:1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left:1.5rem !important
    }

    .p-md-5 {
        padding:3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top:3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right:3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom:3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left:3rem !important
    }

    .m-md-n1 {
        margin:-.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top:-.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right:-.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom:-.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left:-.25rem !important
    }

    .m-md-n2 {
        margin:-.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top:-.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right:-.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom:-.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left:-.5rem !important
    }

    .m-md-n3 {
        margin:-1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top:-1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right:-1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom:-1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left:-1rem !important
    }

    .m-md-n4 {
        margin:-1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top:-1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right:-1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom:-1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left:-1.5rem !important
    }

    .m-md-n5 {
        margin:-3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top:-3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right:-3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom:-3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left:-3rem !important
    }

    .m-md-auto {
        margin:auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top:auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right:auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom:auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left:auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top:0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right:0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom:0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left:0 !important
    }

    .m-lg-1 {
        margin:.25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top:.25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right:.25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom:.25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left:.25rem !important
    }

    .m-lg-2 {
        margin:.5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top:.5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right:.5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom:.5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left:.5rem !important
    }

    .m-lg-3 {
        margin:1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top:1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right:1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom:1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left:1rem !important
    }

    .m-lg-4 {
        margin:1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top:1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right:1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom:1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left:1.5rem !important
    }

    .m-lg-5 {
        margin:3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top:3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right:3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom:3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left:3rem !important
    }

    .p-lg-0 {
        padding:0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top:0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right:0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom:0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left:0 !important
    }

    .p-lg-1 {
        padding:.25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top:.25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right:.25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom:.25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left:.25rem !important
    }

    .p-lg-2 {
        padding:.5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top:.5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right:.5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom:.5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left:.5rem !important
    }

    .p-lg-3 {
        padding:1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top:1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right:1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom:1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left:1rem !important
    }

    .p-lg-4 {
        padding:1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top:1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right:1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom:1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left:1.5rem !important
    }

    .p-lg-5 {
        padding:3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top:3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right:3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom:3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left:3rem !important
    }

    .m-lg-n1 {
        margin:-.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top:-.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right:-.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom:-.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left:-.25rem !important
    }

    .m-lg-n2 {
        margin:-.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top:-.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right:-.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom:-.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left:-.5rem !important
    }

    .m-lg-n3 {
        margin:-1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top:-1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right:-1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom:-1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left:-1rem !important
    }

    .m-lg-n4 {
        margin:-1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top:-1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right:-1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom:-1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left:-1.5rem !important
    }

    .m-lg-n5 {
        margin:-3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top:-3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right:-3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom:-3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left:-3rem !important
    }

    .m-lg-auto {
        margin:auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top:auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right:auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom:auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left:auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top:0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right:0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom:0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left:0 !important
    }

    .m-xl-1 {
        margin:.25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top:.25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right:.25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom:.25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left:.25rem !important
    }

    .m-xl-2 {
        margin:.5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top:.5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right:.5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom:.5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left:.5rem !important
    }

    .m-xl-3 {
        margin:1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top:1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right:1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom:1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left:1rem !important
    }

    .m-xl-4 {
        margin:1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top:1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right:1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom:1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left:1.5rem !important
    }

    .m-xl-5 {
        margin:3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top:3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right:3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom:3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left:3rem !important
    }

    .p-xl-0 {
        padding:0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top:0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right:0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom:0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left:0 !important
    }

    .p-xl-1 {
        padding:.25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top:.25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right:.25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom:.25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left:.25rem !important
    }

    .p-xl-2 {
        padding:.5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top:.5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right:.5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom:.5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left:.5rem !important
    }

    .p-xl-3 {
        padding:1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top:1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right:1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom:1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left:1rem !important
    }

    .p-xl-4 {
        padding:1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top:1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right:1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom:1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left:1.5rem !important
    }

    .p-xl-5 {
        padding:3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top:3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right:3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom:3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left:3rem !important
    }

    .m-xl-n1 {
        margin:-.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top:-.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right:-.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom:-.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left:-.25rem !important
    }

    .m-xl-n2 {
        margin:-.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top:-.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right:-.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom:-.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left:-.5rem !important
    }

    .m-xl-n3 {
        margin:-1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top:-1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right:-1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom:-1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left:-1rem !important
    }

    .m-xl-n4 {
        margin:-1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top:-1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right:-1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom:-1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left:-1.5rem !important
    }

    .m-xl-n5 {
        margin:-3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top:-3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right:-3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom:-3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left:-3rem !important
    }

    .m-xl-auto {
        margin:auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top:auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right:auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom:auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}