table.mp-timings tbody tr td {
    background: transparent !important;
}
table.mp-timings tbody tr td.mp-label {
    text-align: left;
}
/* Theme toggle */
#ThemeToggler {
    position: absolute;
    top: +20px;
    visibility: hidden;
}
.themeToggle {
    position: relative;
}
.themeToggle label {
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
}
.themeToggle label span.bar {
    width: 32px;
    height: 12px;
    border-radius: 9px;
    background: #c0c0c0;
    display: flex;
    position: relative;
    align-items: center;
}
.themeToggle label span.ball {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    right: -11px;
    background: #fff;
    border: 2px solid #c0c0c0;
    display: block;
    transition: right 300ms;
    padding: 4px;
}
.themeToggle img.dark {
    display: none;
}
.themeToggle img.light {
    display: block;
    animation-duration: 1400ms;
    animation-name: animate__rubberBand;
}

/**************
    Common
***************/
body, html {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-family: 'Roboto', Arial, sans-serif;
    min-width: 300px;
    color: #2B2B2B;
    line-height: 1.75em;
    letter-spacing: 0.01em;
    font-weight: 300;
    height: 100%;
}
body {
    margin: 0;
}
.profiler-label {
    text-align: left !important;
}
.clear {
    clear: both;
}
.smallPrint {
    font-size: 0.8rem;
    line-height: 120%;
}.if {
    display: inline-flex;
}

a.txt {
    color: #2B2B2B;
}

textarea, input[type=text], input[type=number], input[type=password], input[type=number], input[type=email], select {
    padding: 15px;
    font-size: 1.05rem;
    width: 100%;
    margin: 2px 0;
}

h1, h2, h3, h4, h5, c {
    font-family: 'HalisR-Bold', 'Roboto', Arial, sans-serif;
    line-height: 1.9rem;
    word-wrap: break-word;
}

h1 {
    line-height: 3rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 2.95rem;
    margin: 64px auto;
    max-width: 800px;
    padding: 0 16px;
    letter-spacing: -4px;
}

    h1.big {
        font-size: 4.5rem;
        line-height: 110%;
        letter-spacing: -0.075em;
    }

h2 {
    font-size: 2rem;
    text-transform: uppercase;
}
h2.big {
    font-size: 2.5rem;
}

h3 {
    margin-bottom: 0;
    font-size: 1.5rem;
}

    h3 ~ p {
        margin-top: 0;
    }

span.preH1 {
    display: block;
    font-style: italic;
    text-align: center;
    font-size: 1.5rem;
    color: #8D9399;
    margin-top: 64px;
    font-weight: 400;
    letter-spacing: 0.1rem;
}

    span.preH1 ~ h1 {
        margin-top: 16px;
    }

select {
    display: inline-block;
    width: auto;
}

.nbm {
    margin-bottom: 0;
}

.ntm {
    margin-top: 0;
}


div, ul, li, a, input, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    ul li, ol li {
        margin-bottom: 16px;
    }

        ul li:last-child, ol li:last-child {
            margin-bottom: 0;
        }

.c {
    text-align: center;
}

.r {
    text-align: right;
}

.l {
    text-align: left !important;
}
.fr {
    float: right;
}
.h {
    display: none;
}

.ib {
    display: inline-block;
}

label:hover {
    cursor: pointer;
}

label span {
    display: block;
    font-style: italic;
    font-size: 0.9em;
}

label strong {
    font-weight: 500;
}

.content {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    padding: 0 32px;
    position: relative;
}

a {
    text-decoration: none;
    color: #dc0d8a;
}

span.bigInfo {
    font-size: 1.3rem;
    color: #8D9399;
    font-weight: normal;
    font-style: italic;
}

a:hover {
    text-decoration: underline;
}


p, li {
    font-size: 1.265622rem;
    line-height: 1.8rem;
}

    p a {
        font-weight: 300;
    }

        p a.more {
            margin-left: 8px;
            font-size: 1.2rem;
            font-weight: 400;
        }

    p.description {
        font-size: 1rem;
    }

.singleCol {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 32px;
    padding-bottom: 64px;
}
.singleCol.wider {
    max-width: 900px;
}

.singleCol.veryWide {
     max-width: 1100px;
 }
.singleCol.superWide {
    max-width: 100%;
}
        .singleCol.wider.breakout {
            max-width: 900px;
            padding: 0 32px;
        }

        .singleCol.wider ~ .singleCol.wider.breakout {
            margin-top: -64px;
        }

    .singleCol.form {
        max-width: 400px;
    }
    .singleCol.form input[type=number] ~ label,
        .singleCol.form input[type=text] ~ label,
        .singleCol.form input[type=password] ~ label {
            display: block;
            padding-top: 16px;
        }

.twoCol, .threeCol {
    display: flex;
    flex-wrap: wrap;
}

.twoCol div.col {
    width: 50%;
    min-width: 300px;
    padding: 0 15px;
    flex: 1;
    flex-direction: column;
}
.threeCol div.col {
    width: 33%;
    min-width: 200px;
    padding: 0 15px;
    flex: 1;
    flex-direction: column;
}

.block {
    display: block;
}


button, .button, input[type=submit], a.bigButton, .launchC3Button {
    background: #dc0d8a;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', Arial, sans-serif;
    padding: 16px 32px;
    font-weight: 500;
    border-radius: 4px;
    display: inline-block;
    font-size: 1.15rem;
    bordeR: 0;
    -webkit-appearance: none;
}
.smallButton, input[type=submit].smallButton, a.smallButton {
    font-size: 0.85rem;
    padding: 7px 15px;
}
span.bigButtonDes {
    display: block;
    text-align: center;
    color: #9DA3A9;
    font-size: 1.2rem;
    margin-top: 5px;
    font-style: italic;
}
span.bigButtonDes.bottom {
    color: #333;
}
input[type=submit]:hover {
    cursor: pointer;
    text-decoration: underline;
}
.spacer {
    height: 32px;
}
.tiSpacer {
    height: 16px;
}
input[type=checkbox] {
    margin: 0;
}
.tick {
    color: #50bc44;
}
.chkWrap {
    text-align: right;
    position: relative;
    display: block;
    font-size: 0.85rem;
    line-height: 130%;
    padding-right: 25px;
}
    .chkWrap input[type=checkbox] {
        position: absolute;
        top: 3px;
        right: 0;
    }
.chkWrap + .chkWrap {
    margin-top: 10px;
}

.formFieldDescription {
    font-size: 0.8rem;
    margin-top: -4px;
    font-style: italic;
}

strong {
    font-weight: 400;
}

span.lastUpdated {
    font-style: italic;
    display: inline-block;
    border-bottom: 1px solid #a6a7a9;
    padding-bottom: 4px;
    color: #6b6f74;
}

.hDescription {
    font-size: 1.65rem;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    display: block;
    line-height: 1.5em;
}
.hoverImg {
    position: relative;
}
.hoverImg span.hover {
    display: none;
}

.hoverImg:hover span.hover {
    display: inline;
}

.hoverImg:hover span.nohover {
    display: none;
}

.offerMenuCount {
    position: absolute;
    bottom: 0;
    left: 17px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    background: red;
    border-radius: 50%;
    font-size: 0.7rem;
    text-align: center;
}
.offerMenuCount.global {
    background: #47c942;
}


/**************
    LAYOUT
***************/
.darkBG {
    background: #2B2B2B;
}

    .darkBG h1 {
        color: #fff;
    }

    .darkBG .hDescription {
        color: #9DA3A9;
    }

    .darkBG a.bigButton:hover {
        background: #fff;
        color: #2B2B2B;
        text-decoration: none;
    }

.svgBreaker {
    height: 200px;
    background-position: center;
    background-size: auto 100%;
    position: relative;
    z-index: 2;
}

.lightBG {
    background: #EEF5FC;
}

.blueBG {
    background: #96F1FF;
}

.greyBG {
    background: #A8BAC7;
}

.greenBG {
    background: #dc0d8a;
}

.paleBG {
    background: #f2f8ff;
}

.waterBG {
    background: #2CE2FF;
    position: relative;
}

/**************
    HOMEPAGE
***************/
.homepage h1 {
    margin-bottom: 15px;
}

img.duck {
    position: absolute;
    top: -245px;
    left: 10%;
}
.homepage .rocketPig {
    margin-top: 60px;
    margin-bottom: -200px;
}
.pigTxt {
    display: flex; align-items: center; justify-content: center;
}

.pigTxt .hDescription {
    max-width: 400px;
    display: block;
    margin: 0 auto;
}
.octo {
    position: absolute;
    bottom: -180px;
    left: 0;
    z-index: 1;
}
.homepage .powerful {
    display: inline-block;
    margin-top: -60px;
    position: relative;
    z-index: 2;
}


/**************
    Lists
***************/
    ul {
        font-size: 0;
    }

    ul.horizontal {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        ul.horizontal li {
            display: inline-block;
        }

/**************
    Img left with P right
***************/
.imgPWrap img {
    float: left;
    margin-right: 32px;
    clear: both;
}

.imgPWrap p {
    margin-left: 0;
    overflow: auto;
    display: block;
}

/**************
    Images
***************/

img {
    max-width: 100%;
    display: inline-block;
    height: auto !important;
}

    img.responsiveFullWidth {
        width: 100%;
    }

    img.inline {
        display: inline-block;
    }

/**************
    Iframes
***************/
iframe {
    display: block;
}

    iframe.embeddedFacebookPost {
        overflow: hidden;
        border: 0;
    }

/**************
    Special
***************/
span.emailAddress {
    unicode-bidi: bidi-override;
}

/**************
    Tables
***************/
table {
    border-collapse: collapse;
    width: 100%;
    padding: 5px;
    font-size: 1.1rem;
}

    table td {
        text-align: center;
        padding: 5px 15px;
    }

    table thead td {
        background: #d0e1f4;
    }

        table thead td:nth-child(even) {
            background: #ddeaf8;
        }

    table thead, table.vert tr td:first-child {
        font-weight: bold;
        background: #efefef;
    }

    table tbody tr td {
        background: #f8f8f8;
    }

    table tbody tr:nth-child(odd) td {
        background: #fff;
    }

        table tbody tr:nth-child(odd) td:nth-child(odd) {
            background: #fafafa;
        }

    table tbody tr:nth-child(even) td:nth-child(odd) {
        background: #f5f5f5;
    }

    table td.attention {
        background: red;
    }

    table td.warning {
        background: rgb(236, 228, 181);
    }

    table td.ok {
        background: rgb(129, 231, 160);
    }

    table tr.inactive td {
        color: #7d7d7d;
    }

    table.c td {
        text-align: center;
    }

    table td span.description {
        display: block;
        font-size: 0.9rem;
        font-style: italic;
    }

    table td a span.description {
        font-style: normal;
    }




/* User avatar control */
.userAvatarWrapper {
    display: inline-block;
    padding: 1px;
    border: 2px solid #efefef;
    background: #fff;
    position: relative;
}
.userAvatarWrapper img {
    display: block;
}
.userAvatarWrapper span.online {
    position: absolute;
    left: -4px;
    bottom: -4px;
    background:#7df972;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation: onlineBlinker 1s linear infinite;
}
.userAvatarWrapper img.c3medal  {
    position: absolute;
    bottom: -4px;
    right: -4px;
    z-index: 2;
}


.languageSelector {
    position: absolute;
    bottom: 32px;
    left: -20px;
    z-index: 3;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,1);
    -moz-box-shadow: 0 0 12px -2px rgba(0,0,0,0.75);
    box-shadow: 0 0 16px -2px rgba(0,0,0,0.25);
    visibility: hidden;
    opacity: 0;
    transition: all 400ms ease-out;
}
.languageSelector.show {
    visibility: visible;
    opacity: 1; 
    transition: all 100ms ease-in;
}
.languageSelector .inside {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 3px;
}
.languageSelector .downArrow {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -6px;
    background: #fff;
    left: 20px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}
.languageSelector ul {
    background: Transparent !important;
    padding: 5px 7px !important;
}
.languageSelector ul li {
    margin: 0;
    display: block;
}
.languageSelector ul li a {
    display: block !important;
    padding: 7px 15px;
    border-radius: 3px;
    transition: background 200ms ease-out;
    white-space: nowrap;
}
.languageSelector ul li a.selected span {
    background: #dc0d8a;
    width: 18px;
    border-radius: 50%;
    height: 18px;
    line-height: 18px;
    margin-right: 7px;
    display: inline-block;
}
.languageSelector ul li a.selected span img {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 2px;
}
.languageSelector ul li a:hover {
    background: #f2f2f2;
    text-decoration: none;
}
.languageSelector ul li a:hover span {
    animation: spin;
    animation-duration: 300ms;
    animation-timing-function: ease-in-out;
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
/**
@media screen and (max-width: 500px) {
    .footer {
        padding-top: 30px;
    }
    .footer .localisation {
        margin-bottom: 30px !important;
    }
    .footer .footerTwoCol ul {
        flex-grow: 1;
    }
    .footer .footerTwoCol ul:first-child {
        margin-right: 30px;
    }
    .footerContent > div:last-child {
        display: block;
        padding-bottom: 30px;
    }
    .footerContent > div:first-child > div {
        flex-grow: 1;
    }
    .footerContent > div:last-child > div {
        text-align: center !important;
    }
    .footerContent > div:last-child > div:last-child {
        border-top: 1px solid rgba(130, 150, 165, 0.15);
        margin-top: 15px;
        padding-top: 15px;
    }
    .footer .legal {
        display: block;
    }
}
@media screen and (max-width: 400px) {
    .footerContent > div:first-child > div {
        text-align: center;
    }
    .footer .footerTwoCol ul:first-child {
        text-align: left;
    }
    .footer .footerTwoCol ul:last-child {
        text-align: right;
    }

    .footerContent > div:first-child h4 {
        justify-content: center;
    }
    
    .footerContent > div:first-child > div ul {
        margin-left:0;
    }
}
*/
/**************
    Overlay
***************/
.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #32373c;
    background-color: rgba(50, 55, 60, 0.75);
    top: 0;
    left: 0;
    display: none;
    z-index: 600;
}
.overlay:hover {
    cursor: pointer;
}
.overlay.uncloseable:hover {
    cursor: wait;
}
.overlayContent:hover {
    cursor: default;
}


.scirraBox {
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    background: #1DBBA3;
    border-radius: 4px;
    padding: 15px 0;
}
.scirraBox img {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -21px;
}
.scirraBox p {
    margin: 0;
    padding: 0 15px 0 75px;
    font-size: 1rem;
    line-height: 120%;
    color: #fff;
}
.scirraBox p a {
    color: #fff;
    font-weight: 400;
    text-decoration: underline;
}

.thumb {
    display: inline-block;
    background: rgb(72, 195, 64);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.thumb img {
    position: absolute;
    top: 5px;
    left: 5px;
}
.thumb.down {

    background: #c0c0c0;
}
.exampleImage {
    border: 1px solid #c0c0c0;
    display: inline-block;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
}
.exampleImage img {
    display: block;
}

.paraxify{
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.icon {
    display: inline-block;
}

a.icon:hover {
    text-decoration: none;
}
a.icon span.label {
    padding-left: 2px;
    font-size: 1rem;
}
a.icon:hover span.label {
    text-decoration: underline;
    color: #dc0d8a;
}
a.icon:hover .imgWrap {
    background: #dc0d8a;
    -webkit-transform: scale(1.3); 
    -ms-transform: scale(1.3); 
    transform: scale(1.3);
    text-decoration: none;
}
.icon .imgWrap {
    display: inline-flex;
    background: #dc0d8a;
    padding: 2px;
    vertical-align: middle;
    border-radius: 50%;
}
.icon .imgWrap img {
    display: block;
}
.status {
    display: inline-block;
    border-radius: 12px;
    text-align: center;
    background: #c0c0c0;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0 10px;
}
.status.notdeleted {
    background: #62e95b;
}
.status.deleted {
    background: #b9beb8;
}
.status.permamentlydeleted {
    background: #efefef;
}


ul.tabList {
    list-style: none;
    padding: 0 !important;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #dc0d8a;
    padding-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}
ul.tabList li {
    padding: 0;
    margin: 0;
    display: inline-flex;
    white-space: nowrap;
}
ul.tabList li.r {
    margin-left: auto;
}
ul.tabList li a {
    font-size: 1.1rem;
    background: #efefef;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 5px 15px;
}
ul.tabList li:nth-child(even) a {
    background: #f4f4f4;
}
ul.tabList li.selected a
{
    background: #dc0d8a;
    color: #fff;
}
ul.tabList li.selected a:hover
{
    text-decoration: none;
}
ul.tabList li span.count {
    background: #fa8481;
    display: inline-block;
    font-size: 0.85rem;
    line-height: 100%;
    padding: 4px 10px;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    position: relative;
    top: -1px;
    margin-left: 5px;
}
ul.tabList li span.count.grey {
    background: #c0c0c0;
}



/* REPORTING */

a.reportActive {
    background: #dc0d8a;
    color: white !important;
    border-radius: 3px;
    padding: 0 5px;
}
a.reportActive:hover {
    text-decoration: none;
}
#ReportTemplateWrap:hover {
    cursor: pointer;
}
#ReportTemplateWrap {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
}
#ReportTemplateWrap .reportFormWrap {
    display: block;
    background: #fff;
    border-radius: 3px;
    height: 400px;
    width: 350px;
    margin: auto;-webkit-box-shadow: 0 0 122px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 122px -15px rgba(0,0,0,0.75);
    box-shadow: 0 0 122px -15px rgba(0,0,0,0.75);
    padding: 10px 30px;
}
#ReportTemplateWrap .reportFormWrap:hover {
    cursor: auto;
}
#ReportTemplateWrap ul.reasons {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    display: block;
}
#ReportTemplateWrap ul.reasons li {
    position: relative;
    padding-left: 30px;
    padding-right: 10px;
    line-height: 100%;
}
#ReportTemplateWrap ul.reasons li input[type=radio] {
    position: absolute;
    left: 0;
    top: 3px;
}
#ReportTemplateWrap .reportMoreReasonWrap input[type=text] {
    padding: 8px 5px;
    font-size: 0.85rem;
}
#ReportTemplateWrap .reportMoreReasonWrap {
    line-height: 100%;
    margin-bottom: 4px;
}
#ReportTemplateWrap label {
    line-height: 100%;
    font-weight: 500;
    font-size: 0.9rem;
    text-align: left;
    display: block;
}
#ReportTemplateWrap ul.reasons label span {
    font-size: 0.85rem;
    font-weight: normal;
    display: block;
    margin-top: 3px;
    color: #666;
}
#ReportTemplateWrap a.button {
    padding: 5px 15px;
    font-size: 1rem;
}
#ReportTemplateWrap span.reportError {
    display: none;
    line-height: 100%;
    font-size: 0.85rem;
    background: rgb(255, 244, 244);
    border: 1px solid #dc0d8a;
    padding: 5px 10px;
    color: #dc0d8a;
    font-weight: 500;
    margin-top: 5px;
    border-radius: 3px;
}
#ReportTemplateWrap .sentWrap {
    display: none;
}
#ReportTemplateWrap.sent .reportInnerWrap {
    display: none;
}
#ReportTemplateWrap.sent .sentWrap {
    display: block;
}
#ReportTemplateWrap .sentWrap span {
    display: inline-block;
    margin: 0 auto;
    font-size: 5rem;
    overflow: hidden;
    font-weight: 700;
    margin-top: 30px;
    border: 12px solid #7df972;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    color: #7df972;
    text-align: center;
    line-height: 100px;
}
.reportCount {
    display: inline-block;
    border-radius: 3px;
    background: #c0c0c0;
    padding: 0 5px;
    color: #fff;
    font-size: 0.7rem !important;
}
.reportCount.noReports {
    display: none;
}
a.reportActive .reportCount {
    background: #a50501;
}
a.report span.reported {
    display: none;
}
a.report.reported {
    color: #dc0d8a !important;
}
a.report.reported span.reported {
    display: inline-block;
    font-weight: 500;
}
a.report.reported .reportCount {
    background: #dc0d8a;
    color: #fff;
}
a.report.reported.reportActive {
    color: #fff !important;
}
.reportsNotification {
    display: inline-block;
    border-radius: 50%;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    text-align: center;
    background: #767676;
    color: #c0c0c0 !important;
    position: absolute;
    bottom: 5px;
    left: 5px;
    overflow: hidden;
    padding: 0 !important;
    font-size: 1rem !important;
    z-index: 5;
}
.reportsNotification.openReports {
    background: #dc0d8a;
    color: #fff !important;
}
a.report.locked {
    color: #c0c0c0 !important;
}
a.report img {
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
}
a.report.locked:hover { text-decoration: none; }

.svgInlineSymbol img
{
    position:relative!important;
    margin:0!important;
    padding:0!important;
    left:0!important;
    top:0!important;
    width:24px;
    height:24px;
    vertical-align:middle;
}

.svgInlineSymbol a
{
    vertical-align:middle;
}

/* Animations */
@keyframes onlineBlinker {
    50% {
        opacity: 0;
    }
}

mark.untranslated {
    background: inherit;
    color: inherit;
}


/* New content */
.h2Tag {
    color: #dc0d8a;
    font-weight: 500;
    font-size: 1.3rem;
    display: block;
    margin-bottom: 30px;
}
p + .h2Tag {
    margin-top: 64px;
}

/* NEW FOOTER */
.underTopNavContent {
    margin-bottom: -200px;
    padding-bottom: 64px;
    padding-top: 80px;
}
.newFooterOuter {
    overflow: hidden;
    padding-top: 150px;
}
.newFooterSlant {
    background: #213140;
    height: 300px;
    width: 300%;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    position: relative;
    z-index:8;
    margin-left: -100%;
    margin-bottom: -200px;
}
.newFooterWrap {
    background: #213140;
    position: relative;
    z-index: 8;
}
.newFooterContent {
    display: flex;
    max-width: 1800px;
    margin: 0 auto;
    align-items: center;
    padding-bottom: 96px;
    align-items: stretch;
    padding: 0 32px;
}
.newFooterContent > div:first-child {
    max-width: 449px;
    min-width: 449px;
    display: flex;
    align-items: center;
}
.newFooterContent > div:nth-child(2) {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newFooterContent > div:last-child {
    max-width: 363px;
    min-width: 363px;
    margin-bottom: -64px;
    margin-top: -94px;
}
.newFooterLinksOuter {
    display: inline-block;
    text-align: left;
}
.newFooterLinkWrap {
    display: flex;
}
.newFooterLinkWrap + .newFooterLinkWrap {
    margin-top: 46px;
}
.newFooterLinkWrap > div {
    width: 50%;
}
.newFooterLinkWrap > div:first-child {
    padding-right: 48px;
}
.newFooterLinkWrap > div:last-child {
    padding-left: 48px;
}
.newFooterLinkWrap {
    white-space: nowrap;
}
.newFooterWrap h3 {
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 16px;
    color: #fff;
}
.newFooterWrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.newFooterWrap ul li {
    margin: 0;
    padding: 0;
}
.newFooterWrap ul li a {
    color: #ffffff;
    font-size: 1.15rem;
}
.footerCompanyInfoWrapSlant {
    background: #354451;
    height: 64px;
    overflow: hidden;
}
.footerCompanyInfoWrapSlant div {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    background: #213140;
    height: 64px;
    width: 300%;
    margin-left: -100%;
    margin-top: -32px;
}
.footerCompanyInfoWrap {
    background: #354451;
    height: 100%;
    text-align: center;
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    padding-bottom: 100px;
}
.footerCompanyInfoWrap h3 {
    text-align: center !important;
}
.footerCompanyInfoWrap > div:last-child {
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 32px;
}
.footerAddressWrap ul li {
    color: #fff;
    font-size: 1.15rem;
    font-style: normal;
}
ul.companyNumberWrap {
    margin-top: 32px;
}
ul.companyNumberWrap li {
    font-size: 0.85rem;
    line-height: 150%;
}
ul.footerSocial {
    margin-top: 32px;
    display: flex;
    justify-content: center;
}
ul.footerSocial img {
    display: block;
}
ul.footerSocial li {
    margin: 0 5px;
}
ul.footerSocial a:hover img {
    animation: tada;
    animation-duration: 1s;
}
.footerLegal {
    margin-top: 48px;
}
.footerTech {
    color: #ffffff;
    line-height: 130%;
    font-size: 0.85rem;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
}
.footerTech span {
    display: block;
}
.footerTech > div:first-child {
    margin-right: 16px;
    margin-left: -16px;
}
.localisation {
    background: #354451;
    border-radius: 3px;
    text-align: center;
    padding: 8px;
    display: block;
    color: #fff;
}
.localisation h2 {
    margin: 0;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-align: center !important;
    line-height:1.9rem;
}
.localisation span {
    font-size: 1.15rem;
}
.localisation:hover {
    text-decoration: none;
}
.localisation:hover span {
    text-decoration: underline;
}

@media screen and (max-width: 1440px) {
    .newFooterContent {
        flex-wrap: wrap;
    }
    .newFooterContent > div:nth-child(2) {
        width: calc(100% - 449px);
        position: relative;
        z-index: 2;
    }
    .newFooterContent > div:last-child {
        max-width: 100%;
        min-width: 100%;
    }
    .footerCompanyInfoWrapSlant {
        display: none;
    }
    .footerCompanyInfoWrap {
        margin-top: 132px;
        padding-top: 32px;
        padding-bottom: 170px;
        border-radius: 3px;
        z-index: 1;
        position: relative;
    }
    .footerTech {
        justify-content: center;
        margin-top: 48px;
    }
    .footerCompanyInfoWrap > div:last-child {
        height: auto;
    }
    .footerCompanyInfoWrap {
        padding-bottom: 32px;
    }
}

@media screen and (max-width: 1100px) {
    .newFooterContent {
        flex-direction: column;
    }
    .newFooterContent > div:first-child {
        min-width: 0;
        margin: 0 auto;
        margin-top: -32px;
    }
    .newFooterContent > div:nth-child(2) {
        margin: 0 auto;
        width: 100%;
        margin-top: 48px;
    }
    .footerCompanyInfoWrap {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 560px) {
    .newFooterLinkWrap {
        flex-direction: column;
    }
    .newFooterLinkWrap > div {
        width: 100%;
        padding: 0 !important;
    }
    .newFooterLinkWrap + .newFooterLinkWrap {
        margin-top: 32px;
    }
    .newFooterLinkWrap > div:last-child h3 {
            margin-top: 32px;
        }
}
@media screen and (max-width: 450px) {
    .footerTech {
        flex-direction: column;
    }
    .footerTech > div:first-child {
        margin: 0 !important;
    }
    .footerTech > div:last-child {
        text-align: center;
        padding-bottom: 16px;
        padding-top: 6px;
    }
}

input[type=submit].pinkButton,
.pinkButton {
    position: relative;
    background: #dc0d8a !important;
    display: inline-flex;
    color: #fff;
    position: relative;
    z-index: 3;
    line-height: 100%;
    border-radius: 22px !important;
    font-weight: 500;
    padding: 12px 15px;
    transition: all linear 200ms;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    white-space: nowrap;
    border: 0 !important;
    -webkit-appearance: none;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 500;
}
    input[type=submit].pinkButton:disabled,
    .pinkButton:disabled {
        background: #c0c0c0 !important;
    }
    .pinkButton.alt {
        background: transparent !important;
        border: 2px solid #fff !important;
        padding: 10px 13px;
    }

.pinkButton.alt:hover {
    background: #dc0d8a !important;
    border: 2px solid #dc0d8a !important;
}
    .pinkButton.alt2 {
        background: transparent !important;
        border: 2px solid #dc0d8a !important;
        padding: 10px 13px;
        color: #dc0d8a;
    }

.pinkButton.alt2:hover {
    background: #dc0d8a !important;
    border: 2px solid #dc0d8a !important;
    color: #fff;
}
.pinkButton:hover {
    text-decoration: none;
}
.pinkButton:hover img {
    animation: spin;
    animation-duration: 500ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}
.pinkButton img {
    position: absolute;
    left: 6px;
}
.pinkButton span {
    padding-left: 28px;
}

label.toggle {
    display: flex;
    width: 38px;
    height: 24px;
    border: 1px solid #efefef;
    border-radius: 24px;
    align-items: center;
    padding: 1px 3px;
    background: #333;
    position: relative;
    white-space: nowrap;
}
label.toggle > div {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    margin-left: 0;
    transition: all 100ms ease-in;
}
input[type=checkbox].toggled:checked + label.toggle {
    background: #dc0d8a;
}
input[type=checkbox].toggled:disabled + label.toggle {
    opacity: 0.3;
}
input[type=checkbox].toggled:checked + label.toggle > div {
    margin-left: 18px;
}
input[type=checkbox].toggled {
    display: none;
}
.chkWrapToggle {
    display: flex;
    align-items: flex-start;
}
.chkWrapToggle > div.r {
    text-align: right !important;
}
.chkWrapToggle > div {
    flex: 1;
    font-size: 1rem;
    line-height: 120%;
    text-align: left !important;
}
.chkWrapToggle > div:last-child {
    flex: 0;
    padding-left: 16px;
}
.chkWrapToggle + .chkWrapToggle {
    margin-top: 16px;
}
.ui-dialog {
    background: #efefef;
    border-radius: 3px;
    position: fixed;
    z-index: 9;
    left: 50% !important;
    margin-left: -200px !important;
    width: 400px !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0 54px 55px, rgba(0, 0, 0, 0.12) 0 -12px 30px, rgba(0, 0, 0, 0.12) 0 4px 6px, rgba(0, 0, 0, 0.17) 0 12px 13px, rgba(0, 0, 0, 0.09) 0 -3px 5px;
}
.ui-dialog-titlebar {
    background: #333;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
}
.ui-dialog-titlebar {
    display: flex;
    align-items: center;
}
.ui-dialog-titlebar > *:first-child {
    flex: 1;
    padding: 8px 0;
    padding-left: 16px;
}
.ui-dialog-titlebar > *:last-child {
    flex: 0;
}
.ui-dialog table tbody tr td {
    background: transparent !important;
}
.ui-dialog-buttonset {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
}
.ui-dialog-buttonset button {
    padding: 8px 16px;
    font-size: 0.85rem;
    margin: 0 2px;
}
.ui-dialog button:hover {
    cursor: pointer;
    text-decoration: underline;
}
.ui-dialog-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
#UploadImageFileControl_DescriptionLabel {
    font-weight: 500;
    line-height: 100%;
}
.ui-dialog-titlebar-close {
    font-size: 0;
    padding: 0 !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    margin-right: 6px !important;
}
.ui-dialog-titlebar-close::before {
    content: 'x';
    font-size: 0.8rem;
    color: #fff;
}
.adminNotificationWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    right: 16px;
    z-index: 9999;
    background: #FFCC00;
    background: linear-gradient(135deg, #FFCC00, #E3FF01);
    color: #896e01;
    font-weight: 500;
    font-size: 2rem;
    line-height: 100%;
    padding: 8px 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 54px 55px, rgba(0, 0, 0, 0.12) 0 -12px 30px, rgba(0, 0, 0, 0.12) 0 4px 6px, rgba(0, 0, 0, 0.17) 0 12px 13px, rgba(0, 0, 0, 0.09) 0 -3px 5px;
}
.adminNotificationWrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .adminNotificationWrapper ul li {
        margin: 0;
        padding: 0 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 100%;
        font-size: 1.8rem;
        border-right: 1px solid #FFCC00;
    }
.adminNotificationWrapper ul li:last-child {
    border-right: 0;
}
.adminNotificationWrapper ul li a {
    text-align: center;
    line-height: 100%;
}

.adminNotificationWrapper ul li a span {
        font-size: 1rem;
        line-height: 100%;
        display: block;
        margin-top: 4px;
        margin-bottom: 4px;
    }

.adminNotificationWrapper ul li a:hover {
        text-decoration: none;
        color: #fff;
    }