@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

.row {
    display: block;
    width: 1120px;
    width: 74.66667rem;
    max-width: 100%;
    margin: 0 auto;
}

.row.fit, .row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0px -10px;
    margin: 0rem -0.66667rem;
}

.row.flex {
    width: auto;
    min-width: 0;
    max-width: inherit;
    /* MIRA */
}

.row.collapse > .column {
    padding: 0;
}

.row.gap-0_5x > .column {
    padding: 0px 5px;
    padding: 0rem 0.33333rem;
}

.row.gap-0_5x.fit, .row .row.gap-0_5x {
    margin: 0px -5px;
    margin: 0rem -0.33333rem;
}

.row.gap-0_1x > .column {
    padding: 0px 3px;
    padding: 0rem 0.16667rem;
}

.row.gap-0_1x.fit, .row .row.gap-0_1x {
    margin: 0px -2px;
    margin: 0rem -0.16667rem;
}

.row .row.not-fit, .row .row.collapse {
    margin: 0;
}

.column {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0px 10px;
    padding: 0rem 0.66667rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/css/global/polyfills/boxsizing.htc);
}

.column.centered {
    float: none;
    margin: 0 auto;
}

[class*="column"] + [class*="column"]:last-child {
    float: right;
}

[class*="column"] + [class*="column"].end {
    float: left;
}

[class*="column"] + [class*="column"].size1of1:last-child {
    float: none;
}

.size1of1 {
    float: none;
}

.size1of2 {
    width: 50%;
}

.size1of3 {
    width: 33.333333%;
}

.size2of3 {
    width: 66.666666%;
}

.size1of4 {
    width: 25%;
}

.size3of4 {
    width: 75%;
}

.size1of5 {
    width: 20%;
}

.size2of5 {
    width: 40%;
}

.size3of5 {
    width: 60%;
}

.size4of5 {
    width: 80%;
}

/* Additional fractions */
.size1of6 {
    width: 16.666666%;
}

.size5of6 {
    width: 83.333333%;
}

.size1of7 {
    width: 14.285714%;
}

.size2of7 {
    width: 28.571428%;
}

.size3of7 {
    width: 42.857142%;
}

.size4of7 {
    width: 57.142856%;
}

.size5of7 {
    width: 71.42857%;
}

.size6of7 {
    width: 85.714284%;
}

/* Source Ordering */
[class*="push"], [class*="pull"] {
    position: relative;
}

/* Push */
.push1of2 {
    left: 50%;
}

.push1of3 {
    left: 33.333333%;
}

.push2of3 {
    left: 66.666666%;
}

.push1of4 {
    left: 25%;
}

.push3of4 {
    left: 75%;
}

.push1of5 {
    left: 20%;
}

.push2of5 {
    left: 40%;
}

.push3of5 {
    left: 60%;
}

.push4of5 {
    left: 80%;
}

/* Additional fractions */
.push1of6 {
    left: 16.666666%;
}

.push5of6 {
    left: 83.333333%;
}

.push1of7 {
    left: 14.285714%;
}

.push2of7 {
    left: 28.571428%;
}

.push3of7 {
    left: 42.857142%;
}

.push4of7 {
    left: 57.142856%;
}

.push5of7 {
    left: 71.42857%;
}

.push6of7 {
    left: 85.714284%;
}

/* Pull */
.pull1of2 {
    right: 50%;
}

.pull1of3 {
    right: 33.333333%;
}

.pull2of3 {
    right: 66.666666%;
}

.pull1of4 {
    right: 25%;
}

.pull3of4 {
    right: 75%;
}

.pull1of5 {
    right: 20%;
}

.pull2of5 {
    right: 40%;
}

.pull3of5 {
    right: 60%;
}

.pull4of5 {
    right: 80%;
}

/* Additional fractions */
.pull1of6 {
    right: 16.666666%;
}

.pull5of6 {
    right: 83.333333%;
}

.pull1of7 {
    right: 14.285714%;
}

.pull2of7 {
    right: 28.571428%;
}

.pull3of7 {
    right: 42.857142%;
}

.pull4of7 {
    right: 57.142856%;
}

.pull5of7 {
    right: 71.42857%;
}

.pull6of7 {
    right: 85.714284%;
}

/* Nicolas Gallagher's micro clearfix */
.row {
    *zoom: 1;
}

.row:before, .row:after {
    content: "";
    display: table;
}

.row:after {
    clear: both;
}

.ie7-fix {
    *width: auto !important;
    *float: none !important;
}

@media only screen and (max-width: 1200px) {

    .w1200-lock > [class*="column"] + [class*="column"]:last-child {
        float: right;
    }

    .w1200-lock > .column, .w1200-lock > [class*="column"] + [class*="column"].end, .w1200-lock > [class*="w1200-size"].column {
        float: left;
    }

    [class*="column"] + [class*="column"].w768-size1of1:last-child {
        float: none;
    }

    .w1200-size1of6 {
        width: 16.666666%;
    }

    .w1200-size5of6 {
        width: 83.333333%;
    }

    .w1200-size1of7 {
        width: 14.285714%;
    }

    .w1200-size2of7 {
        width: 28.571428%;
    }

    .w1200-size3of7 {
        width: 42.857142%;
    }

    .w1200-size4of7 {
        width: 57.142856%;
    }

    .w1200-size5of7 {
        width: 71.42857%;
    }

    .w1200-size6of7 {
        width: 85.714284%;
    }

}

/* Tablet portrait */
@media only screen and (max-width: 768px) {
    .w768-lock > [class*="column"] + [class*="column"]:last-child {
        float: right;
    }

    .w768-lock > .column, .w768-lock > [class*="column"] + [class*="column"].end, .w768-lock > [class*="w768-size"].column {
        float: left;
    }

    [class*="column"] + [class*="column"].w768-size1of1:last-child {
        float: none;
    }

    .w768-size1of1 {
        width: auto !important;
        float: none !important;
    }

    .w768-size1of2 {
        width: 50%;
    }

    .w768-size1of3 {
        width: 33.333333%;
    }

    .w768-size2of3 {
        width: 66.666666%;
    }

    .w768-size1of4 {
        width: 25%;
    }

    .w768-size3of4 {
        width: 75%;
    }

    .w768-size1of5 {
        width: 20%;
    }

    .w768-size2of5 {
        width: 40%;
    }

    .w768-size3of5 {
        width: 60%;
    }

    .w768-size4of5 {
        width: 80%;
    }

    /* Additional fractions */
    .w768-size1of6 {
        width: 16.666666%;
    }

    .w768-size5of6 {
        width: 83.333333%;
    }

    .w768-size1of7 {
        width: 14.285714%;
    }

    .w768-size2of7 {
        width: 28.571428%;
    }

    .w768-size3of7 {
        width: 42.857142%;
    }

    .w768-size4of7 {
        width: 57.142856%;
    }

    .w768-size5of7 {
        width: 71.42857%;
    }

    .w768-size6of7 {
        width: 85.714284%;
    }

    /* Push */
    .w768-push1of2 {
        left: 50%;
    }

    .w768-push1of3 {
        left: 33.333333%;
    }

    .w768-push2of3 {
        left: 66.666666%;
    }

    .w768-push1of4 {
        left: 25%;
    }

    .w768-push3of4 {
        left: 75%;
    }

    .w768-push1of5 {
        left: 20%;
    }

    .w768-push2of5 {
        left: 40%;
    }

    .w768-push3of5 {
        left: 60%;
    }

    .w768-push4of5 {
        left: 80%;
    }

    /* Additional fractions */
    .w768-push1of6 {
        left: 16.666666%;
    }

    .w768-push5of6 {
        left: 83.333333%;
    }

    .w768-push1of7 {
        left: 14.285714%;
    }

    .w768-push2of7 {
        left: 28.571428%;
    }

    .w768-push3of7 {
        left: 42.857142%;
    }

    .w768-push4of7 {
        left: 57.142856%;
    }

    .w768-push5of7 {
        left: 71.42857%;
    }

    .w768-push6of7 {
        left: 85.714284%;
    }

    /* Pull */
    .w768-pull1of2 {
        right: 50%;
    }

    .w768-pull1of3 {
        right: 33.333333%;
    }

    .w768-pull2of3 {
        right: 66.666666%;
    }

    .w768-pull1of4 {
        right: 25%;
    }

    .w768-pull3of4 {
        right: 75%;
    }

    .w768-pull1of5 {
        right: 20%;
    }

    .w768-pull2of5 {
        right: 40%;
    }

    .w768-pull3of5 {
        right: 60%;
    }

    .w768-pull4of5 {
        right: 80%;
    }

    /* Additional fractions */
    .w768-pull1of6 {
        right: 16.666666%;
    }

    .w768-pull5of6 {
        right: 83.333333%;
    }

    .w768-pull1of7 {
        right: 14.285714%;
    }

    .w768-pull2of7 {
        right: 28.571428%;
    }

    .w768-pull3of7 {
        right: 42.857142%;
    }

    .w768-pull4of7 {
        right: 57.142856%;
    }

    .w768-pull5of7 {
        right: 71.42857%;
    }

    .w768-pull6of7 {
        right: 85.714284%;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    body {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    td img {
        max-width: 100%;
    }

    .row {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .column {
        width: auto !important;
    }

    .column, [class*="column"] + [class*="column"]:last-child, [class*="column"] + [class*="column"].end:last-child, [class*="column"] + [class*="column"].end {
        float: none;
    }

    .w768-lock > [class*="column"] + [class*="column"]:last-child {
        float: none;
    }

    .w768-lock > .column, .w768-lock > [class*="column"] + [class*="column"].end, .w768-lock > [class*="w768-size"].column {
        float: none;
    }

    .mobile-lock > [class*="column"] + [class*="column"]:last-child {
        float: right;
    }

    .mobile-lock > .column, .mobile-lock > [class*="column"] + [class*="column"].end, .mobile-lock > [class*="mobile-size"].column {
        float: left;
    }

    .mobile-lock .size1of1 {
        float: none;
    }

    .mobile-lock > .size1of2, .row.mobile-lock > .mobile-size1of2 {
        width: 50% !important;
    }

    .mobile-lock > .size1of3, .row.mobile-lock > .mobile-size1of3 {
        width: 33.333333% !important;
    }

    .mobile-lock > .size2of3, .row.mobile-lock > .mobile-size2of3 {
        width: 66.666666% !important;
    }

    .mobile-lock > .size1of4, .row.mobile-lock > .mobile-size1of4 {
        width: 25% !important;
    }

    .mobile-lock > .size3of4, .row.mobile-lock > .mobile-size3of4 {
        width: 75% !important;
    }

    .mobile-lock > .size1of5, .row.mobile-lock > .mobile-size1of5 {
        width: 20% !important;
    }

    .mobile-lock > .size2of5, .row.mobile-lock > .mobile-size2of5 {
        width: 40% !important;
    }

    .mobile-lock > .size3of5, .row.mobile-lock > .mobile-size3of5 {
        width: 60% !important;
    }

    .mobile-lock > .size4of5, .row.mobile-lock > .mobile-size4of5 {
        width: 80% !important;
    }

    /* Additional fractions */
    .mobile-lock > .size1of6, .row.mobile-lock > .mobile-size1of6 {
        width: 16.666666% !important;
    }

    .mobile-lock > .size5of6, .row.mobile-lock > .mobile-size5of6 {
        width: 83.333333% !important;
    }

    .mobile-lock > .size1of7, .row.mobile-lock > .mobile-size1of7 {
        width: 14.285714% !important;
    }

    .mobile-lock > .size2of7, .row.mobile-lock > .mobile-size2of7 {
        width: 28.571428% !important;
    }

    .mobile-lock > .size3of7, .row.mobile-lock > .mobile-size3of7 {
        width: 42.857142% !important;
    }

    .mobile-lock > .size4of7, .row.mobile-lock > .mobile-size4of7 {
        width: 57.142856% !important;
    }

    .mobile-lock > .size5of7, .row.mobile-lock > .mobile-size5of7 {
        width: 71.42857% !important;
    }

    .mobile-lock > .size6of7, .row.mobile-lock > .mobile-size6of7 {
        width: 85.714284% !important;
    }

    .row.mobile-lock .mobile-size1of1 {
        width: auto !important;
    }

    .column:before, .column:after {
        content: "";
        display: table;
    }

    .column:after, .columns:after {
        clear: both;
    }

    [class*="push"], [class*="pull"] {
        position: static !important;
    }

    .mobile-lock > [class*="push"], .mobile-lock > [class*="pull"] {
        position: relative !important;
    }
}

@media print {
    .row {
        width: auto;
        max-width: none;
        margin: 0px -10px;
        margin: 0rem -0.66667rem;
    }

    .row.collapse {
        margin: 0;
    }

    .row.gap-0_5x {
        margin: 0px -5px;
        margin: 0rem -0.33333rem;
    }

    .row.gap-0_1x {
        margin: 0px -2px;
        margin: 0rem -0.16667rem;
    }

    .print-size1of1 {
        width: auto !important;
        float: none !important;
        position: static !important;
    }
}

/* styles */

* {
    box-sizing: border-box;
}

html, body {
    background: #ECECEC;
}

h1.main {
    display: block;
    font-size: 48px;
    font-weight: 300;
    color: #9838E0;
    margin-bottom: 10px;
    padding: 0;
}

@media only screen and (max-width: 767px) {

    h1.main {
        font-size: 36px;
        margin-bottom: 10px;
    }
}

h1.main.positive {
    color: green;
}

h1.main.negative {
    color: #F75252;
}

p {
    line-height: 24px;
    font-size: 17px;
    font-weight: 300;
    margin-top: 0;
    text-align: left;
    margin-bottom: 4px;
}

.position-relative {
    position: relative;
}

.top-2_x {
    top: 2px;
}

.top-negative-1_x {
    top: -1px;
}

.margin-rt-0_4x {
    margin-right: 4px;
}

.vertical-middle {
    vertical-align: middle;
}

.dir-ltr {
    direction: ltr;
}

.dir-rtl {
    direction: rtl;
}

.overflow-hidden {
    overflow: hidden;
}

.button {
    position: relative;
}

.button-picto {
    text-decoration: none;
    line-height: 50px;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 300;
}

.button-picto:hover {
    color: #9838E0;
}

.logo {
    margin-top: 15px;
    border: 1px solid transparent;
    display: inline-block;
    background: url(../../../../img/new_sprites@2x_1.png) transparent  -51px -5px;
    background-size: 382px;
    image-rendering: -webkit-optimize-contrast;
    width: 95px;
    height: 35px;
}

.img-logo {
    display: inline-block;
    height: 60px;
}

.img-logo img {
    width: auto;
    max-height: 100%;
}

.page-header {
    height: 60px;
    background: #fff;
    z-index: 1;
}

.page-body {
    padding: 80px 0;
}

.page-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    border-top: 1px solid #DADADA;
    padding: 20px;
    background: #ECECEC;
}

@media only screen and (max-width: 768px) {

    .page-header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
    }

    .page-body {
        padding: 70px 0;
    }
}

.expand {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.form-box {
    position: relative;
    padding: 30px 30px 40px 30px;
    margin: 20px auto 4px auto;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
}

.form-box h3 {
    border-bottom: none;
    margin: 0 0 10px 0;
    font-size: 22px;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    .form-box {
        padding: 10px 20px 20px 20px;
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-weight: 300;
}

label.form-label {
    display: block;
    margin-bottom: 30px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    label.form-label {
        margin-bottom: 10px;
    }
}

.form-label-icon {
    height: 42px;
    width: 42px;
    background: #fff;
    position: absolute;
    left: 1px;
    top: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid #CCCCCC;
}

.form-label-icon:before {
    font-family: icomoon;
    font-size: 26px;
    content: "\e900";
    position: absolute;
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #757575;
}

.button:focus, .button:active:focus, .button.active:focus, .button.focus, .button:active.focus, .button.active.focus {
    outline: none;
}

.button {
    display: inline-block;
    height: 44px;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 18px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button {
    border-radius: 4px;
    border: none;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .135);
    font-size: 16px;
    vertical-align: middle;
    line-height: 44px;
}

.button-primary {
    background-color: #9838e0;
    border-color: #8830ca;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 1px;
    color: #fff;
    border-color: #2e6da4;
}

.button-primary:active {
    border-color: #8830ca;
    background-color: #892fca;
    color: #fff;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3) inset;
}

.button-primary:hover, .button-primary:focus, .button-primary:active:hover {
    background-color: #892fca;
}

.button-default {
    background-color: #DDD;
    border-color: #DDD;
    color: #666;
}

.button-default:active, .button-default.button-active {
    background-color: #e0dfe0;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) inset;
}

.postfix.button {
    border-left: none !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

@media only screen and (max-width: 767px) {

    .button.prefix.w767-prefix-none, .button.postfix.w767-postfix-none {
        border-radius: 4px !important;
        margin: 4px 0;
    }
}

.button.prefix, input[type="text"].prefix, input[type="password"].prefix, input[type="date"].prefix, input[type="datetime"].prefix, input[type="datetime-local"].prefix, input[type="email"].prefix, input[type="number"].prefix, input[type="search"].prefix, input[type="tel"].prefix, input[type="time"].prefix, input[type="url"].prefix, .prefix.select select {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.main-icon {
    font-size: 60px;
    position: relative;
    margin-right: 10px;
    top: 4px;
}

@media only screen and (max-width: 767px) {
    .main-icon {
        font-size: 50px;
        position: relative;
    / / display: block;
        text-align: center;
        margin-bottom: 10px;
        display: none;
    }
}

.positive, .positive .main-icon {
    color: green;
}

.negative, .negative .main-icon {
    color: #F75252;
}

h2.header-noify {
    margin: 20px 0 10px 0;
    padding: 0;
    font-size: 28px;
    border: none;
    text-transform: none;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    h2.header-noify {
        margin: 0 0 10px 0;
    }
}

ul.errors {
    color: #F75252;
    margin: 10px 10px 10px 0;
    padding-left: 0;
    list-style: none;
}

ul.errors li {
    position: relative;
    margin: 0 0 10px 0;
    padding-left: 20px;
    position: relative;
    line-height: 16px;
    font-weight: 300;
    font-size: 15px;
}

ul.errors li:before {
    font-family: icomoon;
    font-size: 14px;
    line-height: 19px;
    content: "\e90e";
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    top: 0;
}

ul.errors li.header {
    padding-left: 0;
    color: #000;
    font-weight: 600;
}

ul.errors li.header:before {
    display: none;
}

ul.errors li span.text {
    color: #000;
}

.btn-icon {
    font-size: 26px;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -2px;
}

.btn-icon-postfix {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 12px;
    position: relative;
    top: -2px;
}

input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

.spinner {
    display: inline-block;
    font-size: 16px;
    border-radius: 3px;
    position: absolute;
    bottom: 1px;
    font-weight: 300;
    background: #F7F7F7;
    top: 1px;
    right: 1px;
    left: 1px;
    line-height: 40px;
    max-width: 100%;
    white-space: nowrap;
    outline: hidden;
}

.spinner-circle {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 0 42px 0 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.spinner-circle:before {
    font-family: icomoon;
    line-height: 20px;
    content: "\e900";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    width: 16px;
    height: 20px;
    -webkit-animation: spin 0.4s linear infinite;
    -moz-animation: spin 0.4s linear infinite;
    animation: spin 0.4s linear infinite;
    z-index: 1;
}

.spinner .spinner-circle:after {
    font-family: icomoon;
    content: "\e90c";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 14px;
    top: 0;
    bottom: 0;
    line-height: 20px;
    margin: auto;
    color: #F75252;
    font-size: 24px;
}

.spinner.remove .spinner-circle {
    padding-left: 10px;
}

.spinner.remove .spinner-circle:before {
    display: none;
}

.report {
    padding: 0 10px;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

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

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