article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden],
template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-width:400px;
}

body {
    margin: 0;
    min-width: 400px;
}

a {
    background: transparent
}

    a:focus {
        outline: thin dotted
    }

    a:active,
    a:hover {
        outline: 0
    }

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled],
    html input[disabled] {
        cursor: default
    }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.sop .portlet-custom .lg-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6DgJMDCCASQIAgxME3n8pp0AAAAAASUVORK5CYII=');
    background: #f7f7f7
}

.sop .portlet-custom .lg2-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6AAJMDCCASQIAf2IEuyGUlV8AAAAASUVORK5CYII=');
    background: #f0f0f0
}

.sop .portlet-custom .lg3-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGN6CgJMDCCASQIAeZUEhLs+Cy8AAAAASUVORK5CYII=');
    background: #e5e5e5
}

.sop .portlet-custom .fff-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6DwJMDCCASQIAh0sFBt5h/T0AAAAASUVORK5CYII=');
    background: #fff
}

.sop .portlet-custom .green1-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEUAeDRhKDqRAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
    background: #007834
}

.sop .portlet-custom .dblue-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEULHjRe2hlRAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
    background: #0b1e34
}

.sop .portlet-custom .gold-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEX/vgBjpIoBAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
    background: #ffbe00
}

.sop .portlet-custom .gold-c {
    color: #ea1b27
}

.register-button {
    text-decoration: none;
    background: #285398;
    color: #fff;
    padding: 10px;
    text-align: center;
    line-height: 3em;
    border-radius: 9px;
    height: 41px;
    width: 158px;
}

.register-step-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100.12%;    
    height: 3.92857em;
    background-color: #CFCFCF;
}

.register-step-background-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #CFCFCF;
}

@media only screen and (min-width: 0) and (max-width: 659px) {
    .register-step-background-active {
        background-color: #ffbe00;
    }
    .arrow-link-container {
        flex-direction:column;
        padding-left:25px;
    }
}

.register-step-background-done {
    background-color: #FFFFFF;
}

.register-step-background-last {
    background-color: #ffbe00;
}

#sop-form-login .f-section div input {
    box-shadow: -3px 4px 7px 0px #1f427b;
}

.login-form {
    background-color: var(--main-color);
    border: 0px !important;
    width: 70% !important;
}

.sop.sop .sop-main .sop-form.login-form {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.login-form .f-label {
    margin-left: 20px;
    height: 100%;
}

.login-form .login-terms-and-conditions-toggle {
    height: 30px;
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: #285398;
    padding: 50px 0 10px 0;
    text-decoration: underline;
    outline: none;
    cursor: pointer;
}

    .login-form .login-terms-and-conditions-toggle:focus {
        outline: none;
    }

.login-form .login-terms-and-conditions {
    margin-bottom: 0;
}

.login-form .city-card-terms {
    height: 10px;
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: #285398;
    padding: 50px 0 10px 0;
    text-decoration: underline;
    outline: none;
    cursor: pointer;
    padding-top:0px;
}

@media only screen and (min-width: 0) and (max-width: 580px) {
    .upper-action-bar {
        width: 100% !important;
        padding-bottom:2px;
    }
    
    .login-form-box {
        height:0px !important;
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .empty-basket {
        display: inline-grid !important;
    }
    .login-form .f-label {
        margin-left: 25px
    }
    .flex-reverse-mobile {
        display: flex;
        flex-direction: column-reverse;
        row-gap:7px;
    }    
}
@media only screen and (min-width: 0) and (max-width: 799px) {
    .visible-above-799 {
        display: none !important;
    }
    .visible-below-800 {
        display:block !important;
    }
}

@media only screen and (min-width: 800px) {
    .partner-item {
        border-bottom: 1px dotted #aaa;
    }
    .visible-above-799 {
        display: block !important;
    }
    .visible-below-800 {
        display:none !important;
    }
    .grid-table {
        font-weight: 400;
        font-size: 10pt;
        background-color: #fff;
        font-size: 1em;
        border: 1px solid #ccc;
        border-spacing: 0px !important;
        border-collapse: collapse !important;
        max-width: 100%;
        width: 100%;
    }

        .grid-table td {
            border-top: 1px #ccc solid;
            vertical-align: middle;
            padding: 12px;
            border-right: 1px solid #dddddd;
            font-size: 0.85714em;
            padding-top: 30px !important;
            padding-bottom: 20px !important;
        }
}
@media only screen and (min-width: 0) and (max-width: 799px) {
    .partner-categories {
        width:100% !important;
    }
    .big-options {
        margin-right: 20px;
    }
    .login-form {
        width: 100% !important;
        border: 0px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .form-select {
        min-width:250px;
        max-width:780px;
    }
    .ticket-collection {
        flex-direction: column !important;
        width:230px !important;
    }
    .partner-item-frame {
        display: flex;
        flex-direction: column !important;
        width:100%;
    }
    .partner-col {
        width: 100%;
        font-weight:400;
    }
    .partner-list {
        width:95% !important;
    }
    .partner-item {
        border-top: 1px dotted #aaa;
        margin-bottom: 10px;
    }
    .visibility-max800p {
        visibility: hidden;
    }
}

.o-btn-white2 {
    background-color: #ffffff !important;
    color: #285398 !important;
    border-color: #fff;
}
    .o-btn-white2:hover {
        border-color:#686868;
    }

.sop.sop .login-form .o-btn-white {
    background-color: #ffffff;
    color: #285398;
    
}

.sop.sop .login-form .o-btn {
    width: 160px;
    font-size: 0.9375em;
}

.sop.sop .login-form .f-label {
    color: #fff;
    width: 100%;
    padding: 0px;
}

.sop .g-left {
    float: left !important
}
.sop .g-right {
    float: right !important
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .g-right {
        float: none !important
    }
    .sop .g-left {
        float: none !important
    }
}

.sop .g-text-underline {
    text-decoration: underline !important
}

.sop .g-text-left {
    text-align: left
}

.sop .g-text-right {
    text-align: right
}

.sop .g-text-center {
    text-align: center
}

.sop .g-text-top {
    vertical-align: top
}

.sop .g-text-bottom {
    vertical-align: bottom
}

.sop .g-text-middle {
    vertical-align: middle
}

.sop .g-font-bold {
    font-weight: bold
}

.sop .g-font-normal {
    font-weight: normal
}

.sop .g-hide {
    display: none !important
}

.sop .g-overflow {
    overflow: hidden
}

.sop .g-reader-only {
    position: absolute !important;
    left: -9999999px !important
}

.sop .g-no-spacing {
    padding: 0px !important;
    margin: 0px !important
}

.sop .g-no-padding {
    padding: 0px !important
}

.sop .g-no-padding-t {
    padding-top: 0px !important
}

.sop .g-no-padding-b {
    padding-bottom: 0px !important
}

.sop .g-no-padding-l {
    padding-left: 0px !important
}

.sop .g-no-padding-r {
    padding-right: 0px !important
}

.sop .g-no-margin {
    margin: 0px !important
}

.sop .g-no-margin-t {
    margin-top: 0px !important
}

.sop .g-no-margin-b {
    margin-bottom: 0px !important
}

.sop .g-no-margin-l {
    margin-left: 0px !important
}

.sop .g-no-margin-r {
    margin-right: 0px !important
}

.sop .g-no-border {
    border: none !important
}

.sop .g-no-border-t {
    border-top: none !important
}

.sop .g-no-border-b {
    border-bottom: none !important
}

.sop .g-no-border-l {
    border-left: none !important
}

.sop .g-no-border-r {
    border-right: none !important
}

.sop .g-cursor-pointer {
    cursor: pointer !important
}

.sop .g-cursor-text {
    cursor: text !important
}

.clear-both {
    clear: both !important
}

.sop .g-w-auto {
    width: auto !important
}

.sop .g-w-100 {
    width: 100% !important
}

.sop .g-position-static {
    position: static !important
}

.sop .g-display-block {
    display: block !important
}

.g-disabled {
    cursor: default !important;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2
}

html .js-visible {
    display: none !important
}

html .js-hidden {
    display: block !important
}

html.js .js-visible {
    display: block !important
}

html.js .js-hidden {
    display: none !important
}

html.js .js-animated {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sop.sop .portlet-borderless-container {
    min-height: 0px;
    padding: 0;
    margin: 0
}

.sop.sop .lfr-meta-actions,
.sop.sop .portlet-msg-alert {
    display: none
}

.controls-visible.signed-in .sop.sop .portlet-borderless-container {
    min-height: 2.5em
}

.controls-visible.signed-in .sop.sop .lfr-meta-actions,
.controls-visible.signed-in .sop.sop .portlet-msg-alert {
    display: block
}

.sop.sop .portlet-asset-publisher .asset-full-content .asset-content {
    margin-right: 0px
}

.sop.sop .portlet-asset-publisher .asset-content {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px
}

.sop.sop form {
    margin: 0
}

.sop.sop li,
.sop.sop button {
    line-height: normal
}

.sop.sop label {
    line-height: 1.6rem
}

.sop.sop .hidden {
    display: none
}

.sop.sop .g-no-background {
    background: none !important
}

.sop.sop .js-pseudo-reload:before,
.sop.sop .js-pseudo-reload:after {
    content: '' !important
}

@media only screen and (max-width: 799px) {
    .portlet-dockbar {
        display: none !important
    }
}

@media screen and (min-width: 800px) and (max-width: 979px) {
    .portlet-dockbar {
        display: none !important
    }
}

.aui .dockbar-split .dockbar .navbar-inner .nav-account-controls {
    right: 1em
}

.controls-visible.signed-in .staging-controls {
    display: block
}

.controls-hidden.signed-in .staging-controls {
    display: none !important
}

.sop .b-row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    max-width: none;
    min-width: 0;
    clear: both;
    *zoom: 1;
}

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

    .sop .b-row:after {
        clear: both
    }

@media only screen and (min-width: 800px) {
    .max-width-150-desktop {
        max-width: 150px !important;
    }
    .pt-0-desktop {
        padding-top:0px !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 799px) {
    .sop .b-row {
        margin-left: 0px;
        margin-right: 0px
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .b-row {
        margin-left: 0;
        margin-right: 0;
    }
    .sop.sop .small-g-text-left {
        text-align: left
    }
}

.sop .b-row[class*="b-collapse"] {
    height: auto
}

    .sop .b-row[class*="b-collapse"][class*="-right"] {
        margin-right: 0
    }

    .sop .b-row[class*="b-collapse"][class*="-left"] {
        margin-left: 0
    }

    .sop .b-row[class*="b-collapse"][class*="-both"] {
        margin: 0
    }

.sop .b-row.b-collapse {
    margin: 0
}

    .sop .b-row.b-collapse .b-column {
        padding: 0
    }

.sop .b-row[class*="b-implode"][class*="-right"] {
    margin-right: 20px
}

.sop .b-row[class*="b-implode"][class*="-left"] {
    margin-left: 20px
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop .b-row[class*="b-implode"][class*="-left"] {
        margin-left: 20px
    }
    .sop .b-row[class*="b-implode"][class*="-right"] {
        margin-right: 20px
    }
    .sop .b-row[class*="b-implode"][class*="-both"] {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .b-row[class*="b-implode"][class*="-right"] {
        margin-right: 20px
    }
    .sop .b-row[class*="b-implode"][class*="-left"] {
        margin-left: 20px
    }
    .sop .b-row[class*="b-implode"][class*="-both"] {
        margin-left: 20px;
        margin-right: 20px
    }
}

.sop .b-row[class*="b-implode"][class*="-both"] {
    margin-left: 20px;
    margin-right: 20px
}

.sop .b-row.b-table-row {
    display: table;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

    .sop .b-row.b-table-row.b-fixed {
        table-layout: fixed
    }

    .sop .b-row.b-table-row > .row-sub {
        display: table-row
    }

        .sop .b-row.b-table-row > .b-column,
        .sop .b-row.b-table-row > .row-sub > .b-column {
            display: table-cell;
            float: none
        }

            .sop .b-row.b-table-row > .b-column + .b-column:last-child,
            .sop .b-row.b-table-row > .b-column + .b-column.b-end,
            .sop .b-row.b-table-row > .b-column.b-opposite,
            .sop .b-row.b-table-row > .row-sub > .b-column + .b-column:last-child,
            .sop .b-row.b-table-row > .row-sub > .b-column + .b-column.b-end,
            .sop .b-row.b-table-row > .row-sub > .b-column.b-opposite {
                float: none
            }

.sop .b-row .b-section {
    margin-bottom: 40px
}

.sop [class*='b-gpad'] {
    padding: 20px
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop [class*='b-gpad'] {
        padding: 20px
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop [class*='b-gpad'] {
        padding: 20px
    }
        .sop [class*='b-gpad'][class*='-h'] {
            padding-left: 20px;
            padding-right: 20px
        }
}

.sop [class*='b-gpad'][class*='-h'] {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop [class*='b-gpad'][class*='-h'] {
        padding-left: 20px;
        padding-right: 20px
    }
}

.sop [class*='b-gpad'][class*='-v'] {
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop [class*='b-gpad'][class*='-v'] {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop [class*='b-gpad'][class*='-v'] {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .sop .b-column {
        padding-left: 0;
        padding-right: 0;
    }    
}

.sop .b-column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    position: relative
}

    .sop .b-column.label-column {
        padding-bottom: 5px;
    }

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop .b-column {
        padding-left: 0;
        padding-right: 0;
    }
}

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

.sop .b-column.opposite {
    float: right
}

.sop .b-column + .b-column:last-child {
    float: right
}

.sop .b-column + .b-column.end,
.sop .b-column.default {
    float: left
}

.sop .no-grid .b-column + .b-column:last-child {
    float: none
}

.sop .one {
    width: 8.33333%
}

.sop .two {
    width: 16.66667%
}

.sop .three {
    width: 25%
}

.sop .four {
    width: 33.33333%
}

.sop .five {
    width: 41.66667%
}

.sop .six {
    width: 50%
}

.sop .seven {
    width: 58.33333%
}

.sop .eight {
    width: 66.66667%
}

.sop .nine {
    width: 75%
}

.sop .ten {
    width: 83.33333%
}

.sop .eleven {
    width: 91.66667%
}

.sop .twelve {
    width: 100%
}

.sop .five-one {
    width: 20%
}

.sop .five-two {
    width: 40%
}

.sop .five-three {
    width: 60%
}

.sop .five-four {
    width: 80%
}

.sop .five-five {
    width: 100%
}

.sop .row .offset-by-one {
    margin-left: 8.33333%
}

.sop .row .offset-by-two {
    margin-left: 16.66667%
}

.sop .row .offset-by-three {
    margin-left: 25%
}

.sop .row .offset-by-four {
    margin-left: 33.33333%
}

.sop .row .offset-by-five {
    margin-left: 41.66667%
}

.sop .row .offset-by-six {
    margin-left: 50%
}

.sop .row .offset-by-seven {
    margin-left: 58.33333%
}

.sop .row .offset-by-eight {
    margin-left: 66.66667%
}

.sop .row .offset-by-nine {
    margin-left: 75%
}

.sop .row .offset-by-ten {
    margin-left: 83.33333%
}

.sop .b-block-one > .b-column {
    width: 8.33333%
}

    .sop .b-block-one > .b-column:last-child {
        float: left
    }

    .sop .b-block-one > .b-column:nth-child(12n+1) {
        clear: both
    }

.sop .b-block-two > .b-column {
    width: 16.66667%
}

    .sop .b-block-two > .b-column:last-child {
        float: left
    }

    .sop .b-block-two > .b-column:nth-child(6n+1) {
        clear: both
    }

.sop .b-block-three > .b-column {
    width: 25%
}

    .sop .b-block-three > .b-column:last-child {
        float: left
    }

    .sop .b-block-three > .b-column:nth-child(4n+1) {
        clear: both
    }

.sop .b-block-four > .b-column {
    width: 33.33333%
}

    .sop .b-block-four > .b-column:last-child {
        float: left
    }

    .sop .b-block-four > .b-column:nth-child(3n+1) {
        clear: both
    }

.sop .b-block-five > .b-column {
    width: 41.66667%
}

    .sop .b-block-five > .b-column:last-child {
        float: left
    }

    .sop .b-block-five > .b-column:nth-child(2n+1) {
        clear: both
    }

.sop .b-block-six > .b-column {
    width: 50%
}

    .sop .b-block-six > .b-column:last-child {
        float: left
    }

    .sop .b-block-six > .b-column:nth-child(2n+1) {
        clear: both
    }

.sop .b-block-seven > .b-column {
    width: 58.33333%
}

    .sop .b-block-seven > .b-column:last-child {
        float: left
    }

    .sop .b-block-seven > .b-column:nth-child(1n+1) {
        clear: both
    }

.sop .b-block-eight > .b-column {
    width: 66.66667%
}

    .sop .b-block-eight > .b-column:last-child {
        float: left
    }

    .sop .b-block-eight > .b-column:nth-child(1n+1) {
        clear: both
    }

.sop .b-block-nine > .b-column {
    width: 75%
}

    .sop .b-block-nine > .b-column:last-child {
        float: left
    }

    .sop .b-block-nine > .b-column:nth-child(1n+1) {
        clear: both
    }

.sop .b-block-ten > .b-column {
    width: 83.33333%
}

    .sop .b-block-ten > .b-column:last-child {
        float: left
    }

    .sop .b-block-ten > .b-column:nth-child(1n+1) {
        clear: both
    }

.sop .b-block-eleven > .b-column {
    width: 91.66667%
}

    .sop .b-block-eleven > .b-column:last-child {
        float: left
    }

    .sop .b-block-eleven > .b-column:nth-child(1n+1) {
        clear: both
    }

.sop .b-block-twelve > .b-column {
    width: 100%
}

    .sop .b-block-twelve > .b-column:last-child {
        float: left
    }

    .sop .b-block-twelve > .b-column:nth-child(1n+1) {
        clear: both
    }

@media only screen and (min-width: 0px) and (max-width: 1000px) {
    .city-logo {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1000px) {
    .big-options {
        margin-right: 10px;
        margin-left: 10px;
    }
    .sop .large-one {
        width: 8.33333%
    }

    .sop .large-two {
        width: 16.66667%
    }

    .sop .large-three {
        width: 25%
    }

    .sop .large-four {
        width: 33.33333%
    }

    .sop .large-five {
        width: 41.66667%
    }

    .sop .large-six {
        width: 50%
    }

    .sop .large-seven {
        width: 58.33333%
    }

    .sop .large-eight {
        width: 66.66667%
    }

    .sop .large-nine {
        width: 75%
    }

    .sop .large-ten {
        width: 83.33333%
    }

    .sop .large-eleven {
        width: 91.66667%
    }

    .sop .large-twelve {
        width: 100%
    }
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop .b-row {
        width: auto;
        min-width: 0
    }

    .sop .b-column:before,
    .sop .b-column:before {
        content: "";
        display: table
    }

    .sop .b-column:after,
    .sop .b-column:after {
        clear: both
    }

    .sop .medium-one {
        width: 8.33333%
    }

    .sop .medium-two {
        width: 16.66667%
    }

    .sop .medium-three {
        width: 25%
    }

    .sop .medium-four {
        width: 33.33333%
    }

    .sop .medium-five {
        width: 41.66667%
    }

    .sop .medium-six {
        width: 50%
    }

    .sop .medium-seven {
        width: 58.33333%
    }

    .sop .medium-eight {
        width: 66.66667%
    }

    .sop .medium-nine {
        width: 75%
    }

    .sop .medium-ten {
        width: 83.33333%
    }

    .sop .medium-eleven {
        width: 91.66667%
    }

    .sop .medium-twelve {
        width: 100%
    }

    .sop .b-block-medium-one > .b-column:nth-child(n) {
        width: 8.33333%;
        clear: none
    }

    .sop .b-block-medium-one > .b-column:nth-child(12n+1) {
        clear: both
    }

    .sop .b-block-medium-two > .b-column:nth-child(n) {
        width: 16.66667%;
        clear: none
    }

    .sop .b-block-medium-two > .b-column:nth-child(6n+1) {
        clear: both
    }

    .sop .b-block-medium-three > .b-column:nth-child(n) {
        width: 25%;
        clear: none
    }

    .sop .b-block-medium-three > .b-column:nth-child(4n+1) {
        clear: both
    }

    .sop .b-block-medium-four > .b-column:nth-child(n) {
        width: 33.33333%;
        clear: none
    }

    .sop .b-block-medium-four > .b-column:nth-child(3n+1) {
        clear: both
    }

    .sop .b-block-medium-five > .b-column:nth-child(n) {
        width: 41.66667%;
        clear: none
    }

    .sop .b-block-medium-five > .b-column:nth-child(2n+1) {
        clear: both
    }

    .sop .b-block-medium-six > .b-column:nth-child(n) {
        width: 50%;
        clear: none
    }

    .sop .b-block-medium-six > .b-column:nth-child(2n+1) {
        clear: both
    }

    .sop .b-block-medium-seven > .b-column:nth-child(n) {
        width: 58.33333%;
        clear: none
    }

    .sop .b-block-medium-seven > .b-column:nth-child(1n+1) {
        clear: both
    }

    .sop .b-block-medium-eight > .b-column:nth-child(n) {
        width: 66.66667%;
        clear: none
    }

    .sop .b-block-medium-eight > .b-column:nth-child(1n+1) {
        clear: both
    }

    .sop .b-block-medium-nine > .b-column:nth-child(n) {
        width: 75%;
        clear: none
    }

    .sop .b-block-medium-nine > .b-column:nth-child(1n+1) {
        clear: both
    }

    .sop .b-block-medium-ten > .b-column:nth-child(n) {
        width: 83.33333%;
        clear: none
    }

    .sop .b-block-medium-ten > .b-column:nth-child(1n+1) {
        clear: both
    }

    .sop .b-block-medium-eleven > .b-column:nth-child(n) {
        width: 91.66667%;
        clear: none
    }

    .sop .b-block-medium-eleven > .b-column:nth-child(1n+1) {
        clear: both
    }

    .sop .b-block-medium-twelve > .b-column:nth-child(n) {
        width: 100%;
        clear: none
    }

    .sop .b-block-medium-twelve > .b-column:nth-child(1n+1) {
        clear: both
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {

    .sop .b-row {
        width: auto;
        min-width: 0
    }

    .sop .b-column:before,
    .sop .b-column:before {
        content: "";
        display: table
    }

    .sop .b-column:after,
    .sop .b-column:after {
        clear: both
    }

    .sop .small-one {
        width: 8.33333%
    }

    .sop .small-two {
        width: 16.66667%
    }

    .sop .small-three {
        width: 25%
    }

    .sop .small-four {
        width: 33.33333%
    }

    .sop .small-five {
        width: 41.66667%
    }

    .sop .small-six {
        width: 50%
    }

    .sop .small-seven {
        width: 58.33333%
    }

    .sop .small-eight {
        width: 66.66667%
    }

    .sop .small-nine {
        width: 75%
    }

    .sop .small-ten {
        width: 83.33333%
    }

    .sop .small-eleven {
        width: 91.66667%
    }

    .sop .small-twelve {
        width: 100%
    }

    .sop .b-block-small-one > .b-column {
        width: 8.33333%;
        clear: none
    }

        .sop .b-block-small-one > .b-column:nth-child(12n+1) {
            clear: both
        }

    .sop .b-block-small-two > .b-column {
        width: 16.66667%;
        clear: none
    }

        .sop .b-block-small-two > .b-column:nth-child(6n+1) {
            clear: both
        }

    .sop .b-block-small-three > .b-column {
        width: 25%;
        clear: none
    }

        .sop .b-block-small-three > .b-column:nth-child(4n+1) {
            clear: both
        }

    .sop .b-block-small-four > .b-column {
        width: 33.33333%;
        clear: none
    }

        .sop .b-block-small-four > .b-column:nth-child(3n+1) {
            clear: both
        }

    .sop .b-block-small-five > .b-column {
        width: 41.66667%;
        clear: none
    }

        .sop .b-block-small-five > .b-column:nth-child(2n+1) {
            clear: both
        }

    .sop .b-block-small-six > .b-column {
        width: 50%;
        clear: none
    }

        .sop .b-block-small-six > .b-column:nth-child(2n+1) {
            clear: both
        }

    .sop .b-block-small-seven > .b-column {
        width: 58.33333%;
        clear: none
    }

        .sop .b-block-small-seven > .b-column:nth-child(1n+1) {
            clear: both
        }

    .sop .b-block-small-eight > .b-column {
        width: 66.66667%;
        clear: none
    }

        .sop .b-block-small-eight > .b-column:nth-child(1n+1) {
            clear: both
        }

    .sop .b-block-small-nine > .b-column {
        width: 75%;
        clear: none
    }

        .sop .b-block-small-nine > .b-column:nth-child(1n+1) {
            clear: both
        }

    .sop .b-block-small-ten > .b-column {
        width: 83.33333%;
        clear: none
    }

        .sop .b-block-small-ten > .b-column:nth-child(1n+1) {
            clear: both
        }

    .sop .b-block-small-eleven > .b-column {
        width: 91.66667%;
        clear: none
    }

        .sop .b-block-small-eleven > .b-column:nth-child(1n+1) {
            clear: both
        }

    .sop .b-block-small-twelve > .b-column {
        width: 100%;
        clear: none
    }

        .sop .b-block-small-twelve > .b-column:nth-child(1n+1) {
            clear: both
        }
}

.sop .portlet-custom a {
    line-height: inherit
}

    .sop .portlet-custom a img {
        border: none
    }

.touch a:hover {
    color: #285398 !important
}

    .sop .portlet-custom a:hover,
    .sop .portlet-custom a:focus,
    .sop .portlet-custom a:active {
        text-decoration: underline
    }

.ie .sop .portlet-custom a:hover:before,
.ie .sop .portlet-custom a:hover:after,
.ie11 .sop .portlet-custom a:hover:before,
.ie11 .sop .portlet-custom a:hover:after,
.ie .sop .portlet-custom a:focus:before,
.ie .sop .portlet-custom a:focus:after,
.ie11 .sop .portlet-custom a:focus:before,
.ie11 .sop .portlet-custom a:focus:after,
.ie .sop .portlet-custom a:active:before,
.ie .sop .portlet-custom a:active:after,
.ie11 .sop .portlet-custom a:active:before,
.ie11 .sop .portlet-custom a:active:after {
    text-decoration: underline
}

.ie .sop .portlet-custom a:hover:before,
.ie .sop .portlet-custom a:hover:after,
.ie11 .sop .portlet-custom a:hover:before,
.ie11 .sop .portlet-custom a:hover:after,
.ie .sop .portlet-custom a:focus:before,
.ie .sop .portlet-custom a:focus:after,
.ie11 .sop .portlet-custom a:focus:before,
.ie11 .sop .portlet-custom a:focus:after,
.ie .sop .portlet-custom a:active:before,
.ie .sop .portlet-custom a:active:after,
.ie11 .sop .portlet-custom a:active:before,
.ie11 .sop .portlet-custom a:active:after {
    text-decoration: none
}

.sop .portlet-custom a:hover,
.sop .portlet-custom a:focus,
.sop .portlet-custom a:active {
    color: #002f63
}

.sop .portlet-custom a {
    text-decoration: none
}

    .sop .portlet-custom a:hover,
    .sop .portlet-custom a:focus {
        text-decoration: underline
    }

html {
    font-size: 1em;
    line-height: 1em
}

    html body,
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 0.875em;
        font-family: "Lato", "Roboto", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        font-weight: 700;
        line-height: 1.2;
        color: #10171f;
        direction: ltr;
        text-rendering: auto
    }

@media only screen and (min-width: 0) and (max-width: 480px) {
    html body,
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 0.875em;
    }
    .font-size-fixed {
        font-size: 0.875em;
    }
}

.font-size-fixed {
    font-size: 0.875em;
}

.sop .portlet-custom .light,
.sop .portlet-custom .highlight,
.sop .portlet-custom .hl {
    color: #10171f
}

.sop .portlet-custom .text-font {
    font-size: 1.14286em
}

.sop .portlet-custom .base-font {
    font-size: 1em
}

.sop .portlet-custom .small-font,
.sop .portlet-custom .small-font span {
    font-size: 0.85714em !important
}

.sop .portlet-custom .cf-l {
    font-family: "geogrotesque_regularregular"
}

.sop .portlet-custom .cf,
.sop .portlet-custom .cf-r {
    font-family: "Lato"
}

.sop .portlet-custom .cf-b {
    font-family: "Lato"
}

.sop .portlet-custom .cf-i {
    font-family: "geogrotesqueregular_italic"
}

.sop .portlet-custom .cf-bi {
    font-family: "geogrotesquemedium_italic"
}

.sop .portlet-custom h1,
.sop .portlet-custom .h1 {
    font-family: "Lato";
    font-size: 3em;
    padding: 0em 0em 0.91304em 0em;
    line-height: 0.95652em;
    font-weight: normal;
    color: var(--text-color);
    text-transform: none;
    margin: 0
}

@media only screen and (max-width: 800px) {
    .sop .portlet-custom h1,
    .sop .portlet-custom .h1 {
        font-size: 2.28571em;
        line-height: 1.375em;
        padding: 0em 0em 0.65625em 0em
    }
    .sop .portlet-custom h2,
    .sop .portlet-custom .h2 {
        font-size: 1.64286em;
        line-height: 1.56522em;
        padding: 0em 0em 0.65217em 0em
    }
}

@media only screen and (max-width: 480px) {
    .sop .portlet-custom h2,
    .sop .portlet-custom .h2 {
        padding: 0em 0em 0.44444em 0em;
        font-size: 1.28571em;
        line-height: 2em;
    }
}

.sop .portlet-custom h1 > a,
.sop .portlet-custom .h1 > a {
    font-weight: normal;
    text-transform: none;
    font-family: "Lato";
    font-size: 1em
}

.sop .portlet-custom h2,
.sop .portlet-custom .h2 {
    font-family: "Lato";
    font-size: 1.6em;
    padding: 0em 0em 1em 0em;
    line-height: 1.2em;
    font-weight: normal;
    color: #10171f;
    text-transform: none;
    margin: 0
}

.sop .portlet-custom h2 > a,
.sop .portlet-custom .h2 > a {
    font-weight: normal;
    text-transform: none;
    font-family: "Lato";
    font-size: 1em
}

.sop .portlet-custom h3,
.sop .portlet-custom .h3 {
    font-family: "Lato";
    font-size: 2.5em;
    padding: 0em 0em 1.66667em 0em;
    line-height: 1.22222em;
    font-weight: normal;
    color: #10171f;
    text-transform: none;
    margin: 0
}

    .sop .portlet-custom h3 > a,
    .sop .portlet-custom .h3 > a {
        font-weight: normal;
        text-transform: none;
        font-family: "Lato";
        font-size: 1em
    }

.sop .portlet-custom h4,
.sop .portlet-custom .h4 {
    font-family: "Lato";
    font-size: 1.14286em;
    padding: 0em 0em 1.25em 0em;
    line-height: 1.375em;
    font-weight: normal;
    color: #000;
    text-transform: none;
    margin: 0
}

    .sop .portlet-custom h4 > a,
    .sop .portlet-custom .h4 > a {
        font-weight: normal;
        text-transform: none;
        font-family: "Lato";
        font-size: 1em
    }

.sop .portlet-custom h5,
.sop .portlet-custom .h5 {
    font-family: "Lato";
    font-size: 1.14286em;
    padding: 0em 0em 1.25em 0em;
    line-height: 1.375em;
    font-weight: normal;
    color: #000;
    text-transform: none;
    margin: 0
}

    .sop .portlet-custom h5 > a,
    .sop .portlet-custom .h5 > a {
        font-weight: normal;
        text-transform: none;
        font-family: "Lato";
        font-size: 1em
    }

.sop .portlet-custom h6,
.sop .portlet-custom .h6 {
    font-family: "Lato";
    font-size: 1em;
    padding: 0em 0em 0em 0em;
    line-height: 1.28571em;
    font-weight: normal;
    color: #000;
    text-transform: none;
    margin: 0
}

    .sop .portlet-custom h6 > a,
    .sop .portlet-custom .h6 > a {
        font-weight: normal;
        text-transform: none;
        font-family: "Lato";
        font-size: 1em
    }

.sop .portlet-custom .h-reset {
    font-size: 1em;
    font-weight: normal;
    text-transform: none;
    color: #10171f;
    margin: 0;
    padding: 0;
    display: inline
}

.sop .portlet-custom em,
.sop .portlet-custom i {
    font-style: italic;
    line-height: inherit
}

.sop .portlet-custom strong,
.sop .portlet-custom b {
    font-weight: bold;
    line-height: inherit
}

.sop .portlet-custom small {
    font-size: 60%;
    line-height: inherit
}

.sop .portlet-custom code {
    font-weight: bold
}

.sop .portlet-custom p,
.sop .portlet-custom ul,
.sop .portlet-custom ol {
    margin: 0
}

.sop .portlet-custom blockquote,
.sop .portlet-custom blockquote p {
    line-height: 1.5;
    color: #999
}

    .sop .portlet-custom blockquote cite {
        display: block;
        font-size: ms(0)-1;
        color: #999
    }

        .sop .portlet-custom blockquote cite:before {
            content: "\2014 \0020"
        }

        .sop .portlet-custom blockquote cite a,
        .sop .portlet-custom blockquote cite a:visited {
            color: #333
        }

.sop .portlet-custom abbr,
.sop .portlet-custom acronym {
    text-transform: uppercase;
    font-size: 90%;
    cursor: help
}

.sop .portlet-custom abbr {
    text-transform: none
}

.fontresizer-200 .sop.sop .portlet-custom h1,
.fontresizer-200 .sop.sop .portlet-custom .h1,
.fontresizer-200 .sop.sop .portlet-custom h2,
.fontresizer-200 .sop.sop .portlet-custom .h2,
.fontresizer-200 .sop.sop .portlet-custom h3,
.fontresizer-200 .sop.sop .portlet-custom .h3 {
    word-wrap: break-word
}

.sop.sop .portlet-custom .fs-text {
    font-size: 1em
}

.sop.sop .portlet-custom .fs-bigger {
    font-size: 1.14286em
}

.sop.sop .portlet-custom .fs-large {
    font-size: 1.28571em
}

.sop.sop .portlet-custom .fs-xlarge {
    font-size: 1.71429em
}

.sop.sop .portlet-custom p {
    line-height: 1.4;
    margin: 0
}

.sop.sop .portlet-custom .lead {
    font-family: "Lato";
    font-weight: normal;
    font-style: normal
}

.sop.sop .portlet-custom .hl-big {
    font-family: "Lato";
    font-weight: 300;
    font-style: normal;
    font-size: 2.14286em;
    color: #0b1e34
}

.sop.sop .portlet-custom em,
.sop.sop .portlet-custom i {
    font-family: "Lato";
    font-weight: 400;
    font-style: italic
}

    .sop.sop .portlet-custom em strong,
    .sop.sop .portlet-custom em b,
    .sop.sop .portlet-custom em .strong,
    .sop.sop .portlet-custom i strong,
    .sop.sop .portlet-custom i b,
    .sop.sop .portlet-custom i .strong {
        font-family: "geogrotesquemedium_italic"
    }

.sop.sop .portlet-custom strong,
.sop.sop .portlet-custom b,
.sop.sop .portlet-custom .strong {
    font-family: "Lato";
    font-weight: normal;
    font-style: normal
}

    .sop.sop .portlet-custom strong em,
    .sop.sop .portlet-custom strong i,
    .sop.sop .portlet-custom b em,
    .sop.sop .portlet-custom b i,
    .sop.sop .portlet-custom .strong em,
    .sop.sop .portlet-custom .strong i {
        font-family: "geogrotesquemedium_italic"
    }

.sop.sop .portlet-custom code {
    font-family: "Lato";
    font-weight: normal;
    font-style: normal
}

.sop.sop .portlet-custom .text-shadow {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45)
}

.sop.sop .portlet-custom .light-text p,
.sop.sop .portlet-custom .light-text span,
.sop.sop .portlet-custom .light-text h1,
.sop.sop .portlet-custom .light-text h2,
.sop.sop .portlet-custom .light-text h3,
.sop.sop .portlet-custom .light-text h4,
.sop.sop .portlet-custom .light-text h5,
.sop.sop .portlet-custom .light-text h6,
.sop.sop .portlet-custom .light-text .h1,
.sop.sop .portlet-custom .light-text .h2,
.sop.sop .portlet-custom .light-text .h3,
.sop.sop .portlet-custom .light-text .h4,
.sop.sop .portlet-custom .light-text .h5,
.sop.sop .portlet-custom .light-text .h6,
.sop.sop .portlet-custom .light-text ul,
.sop.sop .portlet-custom .light-text ol,
.sop.sop .portlet-custom .light-text li,
.sop.sop .portlet-custom .light-text div,
.sop.sop .portlet-custom .light-text th,
.sop.sop .portlet-custom .light-text td,
.sop.sop .portlet-custom .light-text label {
    color: #fff
}

.sop.sop .portlet-custom .light-text a {
    color: #fff
}

    .sop.sop .portlet-custom .light-text a:hover {
        color: #fff;
        text-decoration: underline
    }

.touch .sop.sop .portlet-custom .light-text a:hover {
    color: #fff !important
}

.sop.sop .portlet-custom .light-text a.o-btn:hover {
    color: #0b1e34;
    text-decoration: none
}

.sop.sop .portlet-custom .size-xlarge {
    font-size: 1.71429em
}

.sop.sop .portlet-custom .cf-l {
    font-family: "Lato";
    font-weight: 300;
    font-style: normal
}

.sop.sop .portlet-custom .cf,
.sop.sop .portlet-custom .cf-r {
    font-family: "Lato";
    font-weight: 400;
    font-style: normal
}

.sop.sop .portlet-custom .cf-b {
    font-family: "Lato";
    font-weight: normal;
    font-style: normal
}

.sop.sop .portlet-custom .cf-li {
    font-family: "Lato";
    font-weight: 300;
    font-style: italic
}

.sop.sop .portlet-custom .cf-i,
.sop.sop .portlet-custom .cf-ri {
    font-family: "Lato";
    font-weight: 400;
    font-style: italic
}

.sop.sop .portlet-custom .cf-bi {
    font-weight: normal;
    font-style: italic
}

.sop.sop .portlet-custom .lh-reset {
    line-height: 1.2 !important
}

.sop.sop .portlet-custom .hgroup__part--top {
    padding-bottom: 0
}

    .sop.sop .portlet-custom .hgroup__part--top.h1 {
        margin-bottom: -10px
    }

    .sop.sop .portlet-custom .hgroup__part--top.h2 {
        margin-bottom: -20px
    }

.sop.sop .portlet-custom abbr[title] {
    border-bottom: none;
    font-size: 100%
}

.sop.sop .portlet-custom .msg-st {
    padding: 2.57143em 0em 1.5em 0em;
    margin: 0
}

.sop.sop .portlet-custom .highlight {
    background-color: #ffd600;
    color: #10171f;
    font-weight: normal;
    display: inline !important
}

.sop.sop .acc-hide {
    position: absolute !important;
    left: -9999px !important
}

html {
    height: 100%;
    background: #fff !important
}

.sop.sop .l-full-row {
    background: none;
    *zoom: 1;
    margin: 0
}

    .sop.sop .l-full-row:before,
    .sop.sop .l-full-row:after {
        content: " ";
        display: table
    }

    .sop.sop .l-full-row:after {
        clear: both
    }

.sop.sop .l-row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    *zoom: 1
}

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

    .sop.sop .l-row:after {
        clear: both
    }

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop.sop .l-row {
        width: 100%;
        padding: 0px 0px 0px 0px
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop.sop .l-row {
        width: 100%;
        padding: 0px 0px 0px 0px
    }
    .sop.sop .portlet-custom h1,
    .sop.sop .portlet-custom .h1 {
        line-height: 1.3em
    }
}

.sop.sop .l-row.expand {
    width: 100%
}

body,
.aui body {
    height: 100%
}

.sop.sop {
    background-color: transparent
}

@media only screen and (min-width: 0) and (max-width: 1240px) {
    .sop.sop {
        width: 100%
    }
}

.sop.sop .portlet-column-content.empty {
    padding: 0
}

.sop.sop .popup {
    height: 80%;
    overflow: auto
}

.sop.sop .sop-layout-bg {
    margin-top: 9px
}

.sop.sop .homepage-column-left {
    padding-right: 100px;
    padding-left: 0
}

.sop.sop .homepage-column-right {
    padding-left: 100px;
    padding-right: 0;
    border-left: 1px solid #dadada
}

@media only screen and (max-width: 1000px) {
    .sop.sop .l-row {
        width: 100%
    }
}

.sop.sop .l-half-row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    *zoom: 1;
    width: 50%;
    max-width: 505px;
    min-width: 160px
}

    .sop.sop .l-half-row:before,
    .sop.sop .l-half-row:after {
        content: " ";
        display: table
    }

    .sop.sop .l-half-row:after {
        clear: both
    }

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop.sop .l-half-row {
        width: 100%;
        padding: 0px 0px 0px 0px
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop.sop .l-half-row {
        width: 100%;
        padding: 0px 0px 0px 0px
    }
}

.sop.sop .l-half-row.expand {
    width: 100%
}

.sop.sop .b-column.padding-r {
    padding-right: 50px
}

.sop.sop .column-9-3-layout-custom .portlet-column.nine {
    padding-right: 30px
}

.sop.sop .column-3-9-layout-custom .portlet-column.nine {
    padding-left: 30px
}

.sop.sop .column-3-6-3-layout-custom .portlet-column.six {
    padding: 0 50px
}

.sop.sop .portlet-column {
    vertical-align: top
}

.sop.sop img {
    max-width: 100%
}

.sop .portlet-custom [class*="b-icon-"][class*="-twitter"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-twitter"]:after {
    content: "\e806"
}

.sop .portlet-custom [class*="b-icon-"][class*="-skype"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-skype"]:after {
    content: "\e808"
}

.sop .portlet-custom [class*="b-icon-"][class*="-facebook"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-facebook"]:after {
    content: "\e823"
}

.sop .portlet-custom [class*="b-icon-"][class*="-question-mark"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-question-mark"]:after {
    content: "\e809"
}

.sop .portlet-custom [class*="b-icon-"][class*="-search"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-search"]:after {
    content: "\e80a"
}

.sop .portlet-custom [class*="b-icon-"][class*="-twitter-small"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-twitter-small"]:after {
    content: "\e80b"
}

.sop .portlet-custom [class*="b-icon-"][class*="-user"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-user"]:after {
}

.sop .portlet-custom [class*="b-icon-"][class*="-youtube-small"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-youtube-small"]:after {
    content: "\e80d"
}

.sop .portlet-custom [class*="b-icon-"][class*="-windows-phone"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-windows-phone"]:after {
    content: "\e80e"
}

.sop .portlet-custom [class*="b-icon-"][class*="-download-file"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-download-file"]:after {
    content: "\e80f"
}

.sop .portlet-custom [class*="b-icon-"][class*="-print"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-print"]:after {
    content: "\e810"
}

.sop .portlet-custom [class*="b-icon-"][class*="-pdf"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-pdf"]:after {
    content: "\e811"
}

.sop .portlet-custom [class*="b-icon-"][class*="-arrow-down"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-down"]:after {
    content: "\e812"
}

.sop .portlet-custom [class*="b-icon-"][class*="-app-store"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-app-store"]:after {
    content: "\e813"
}

.sop .portlet-custom [class*="b-icon-"][class*="-arrow-down-bold"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-down-bold"]:after {
    content: "\e814"
}

.sop .portlet-custom [class*="b-icon-"][class*="-arrow-right"]:not(.transaction-icon):after {
    content: "\e819";
}

.transaction-icon:after {
    background-image: url('../img/yellow-arrow.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    margin-left: 5px;
}

.sop .portlet-custom [class*="b-icon-"][class*="-arrow-left"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-left"]:after {
    content: "\e816"
}

.sop .portlet-custom [class*="b-icon-"][class*="-google-play"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-google-play"]:after {
    content: "\e817"
}

.sop .portlet-custom [class*="b-icon-"][class*="-arrow-left-thin"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-left-thin"]:after {
    content: "\e818"
}

.sop .portlet-custom [class*="b-icon-"][class*="-arrow-right-thin"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-right-thin"]:after {
    content: "\e819"
}

.sop .portlet-custom [class*="b-icon-"][class*="-arrow-up"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-up"]:after {
    content: "\e81a"
}

.sop .portlet-custom [class*="b-icon-"][class*="-phone"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-phone"]:after {
    content: "\e81b"
}

.sop .portlet-custom [class*="b-icon-"][class*="-warning"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-warning"]:after {
    content: "\e81c"
}

.sop .portlet-custom [class*="b-icon-"][class*="-mail"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-mail"]:after {
    content: "\e81d"
}

.sop .portlet-custom [class*="b-icon-"][class*="-cancel"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-cancel"]:after {
    content: "\e81e"
}

.sop .portlet-custom [class*="b-icon-"][class*="-arrow-up-bold"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-up-bold"]:after {
    content: "\e81f"
}

.sop .portlet-custom [class*="b-icon-"][class*="-calendar"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-calendar"]:after {
    content: "\e800"
}

.sop .portlet-custom [class*="b-icon-"][class*="-check"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-check"]:after {
    content: "\e820"
}

.sop .portlet-custom [class*="b-icon-"][class*="-error"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-error"]:after {
    content: "\e803"
}

.sop .portlet-custom [class*="b-icon-"][class*="-favicon"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-favicon"]:after {
    content: "\e804"
}

.sop .portlet-custom [class*="b-icon-"][class*="-refresh"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-refresh"]:after {
    content: "\e807"
}

.sop .portlet-custom [class*="b-icon-"][class*="-menu"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-menu"]:after {
    content: "\e805"
}

.sop .portlet-custom [class*="b-icon-"][class*="-basket"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-basket"]:after {
    content: "\e801"
}

.sop .portlet-custom [class*="b-icon-"][class*="-car"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-car"]:after {
    content: "\e802"
}

.sop .portlet-custom [class*="b-icon-"][class*="-bus"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-bus"]:after {
    content: "\e830"
}

.sop .portlet-custom [class*="b-icon-"][class*="-mobile-phone"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-mobile-phone"]:after {
    content: "\e821"
}

.sop .portlet-custom [class*="b-icon-"][class*="-add"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-add"]:after {
    content: "\e822"
}

.sop .portlet-custom [class*="b-icon-"][class*="-bag"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-bag"]:after {
    content: "\e825"
}

.sop .portlet-custom [class*="b-icon-"][class*="-hourglass"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-hourglass"]:after {
    content: "\e826"
}

.sop .portlet-custom [class*="b-icon-"][class*="-ticket"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-ticket"]:after {
    content: "\e824"
}

.sop .portlet-custom [class*="b-icon-"][class*="-two-tickets"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-two-tickets"]:after {
    content: "\e828"
}

.sop .portlet-custom [class*="b-icon-"][class*="-human"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-human"]:after {
    content: "\e82d"
}

.sop .portlet-custom [class*="b-icon-"][class*="-ticket-machine"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-ticket-machine"]:after {
    content: "\e827"
}

.sop .portlet-custom [class*="b-icon-"][class*="-customer-point"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-customer-point"]:after {
    content: "\e829"
}

.sop .portlet-custom [class*="b-icon-"][class*="-success"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-success"]:after {
    content: "\e82a"
}

.sop .portlet-custom [class*="b-icon-"][class*="-active"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-active"]:after {
    content: "\e82c"
}

.sop .portlet-custom [class*="b-icon-"][class*="-inactive"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-inactive"]:after {
    content: "\e82b"
}

.sop .portlet-custom [class*="b-icon-"][class*="-park-and-ride"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-park-and-ride"]:after {
    content: "\e82e"
}

.sop .portlet-custom [class*="b-icon-"][class*="-events"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-events"]:after {
    content: "\e82f"
}

.sop .portlet-custom [class*="b-icon-"][class*="-plus"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-plus"]:after {
    content: "\e832"
}

.sop .portlet-custom [class*="b-icon-"][class*="-university"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-university"]:after {
    content: "\e833"
}

.sop .portlet-custom [class*="b-icon-"][class*="-single-ticket"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-single-ticket"]:after {
    content: "\e834"
}

.sop .portlet-custom [class*="b-icon-"][class*="-minus"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-minus"]:after {
    content: "\e835"
}

.sop .portlet-custom [class*="b-icon-"][class*="-cc-visa"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-cc-visa"]:after {
    content: "\f1f0"
}

.sop .portlet-custom [class*="b-icon-"][class*="-cc-mastercard"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-cc-mastercard"]:after {
    content: "\f1f1"
}

.sop .portlet-custom [class*="b-icon-"][class*="-green"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-green"]:after {
    color: #939a18
}

.sop .portlet-custom [class*="b-icon-"][class*="-red"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="-red"]:after {
    color: #c70000
}

.sop .portlet-custom [class*="b-icon-"]:before,
.sop .portlet-custom [class*="b-icon-"]:after {
    display: none
}

.sop .portlet-custom [class*="b-icon-"][class*="-before"]:before {
    padding-right: 10px
}

.sop .portlet-custom [class*="b-icon-"][class*="-before"]:after {
    display: none !important
}

.sop .portlet-custom [class*="b-icon-"][class*="-after"]:before {
    display: none !important
}

.sop .portlet-custom [class*="b-icon-"][class*="-after"]:after {
    padding-left: 10px;
    display: inline-block
}

.sop .portlet-custom [class*="b-icon-"][class*="-xsmall"] {
    min-height: 10px
}

    .sop .portlet-custom [class*="b-icon-"][class*="-xsmall"]:before,
    .sop .portlet-custom [class*="b-icon-"][class*="-xsmall"]:after {
        font-size: 10px;
        top: -1px
    }

.sop .portlet-custom [class*="b-icon-"][class*="-small"] {
    min-height: 17px
}

    .sop .portlet-custom [class*="b-icon-"][class*="-small"]:before,
    .sop .portlet-custom [class*="b-icon-"][class*="-small"]:after {
        font-size: 17px;
        top: -2px
    }

.sop .portlet-custom [class*="b-icon-"][class*="-large"] {
    min-height: 38px
}

    .sop .portlet-custom [class*="b-icon-"][class*="-large"]:before,
    .sop .portlet-custom [class*="b-icon-"][class*="-large"]:after {
        font-size: 38px;
        top: -2px
    }

.sop .portlet-custom [class*="b-icon-"][class*="-xxl"] {
    min-height: 86px
}

    .sop .portlet-custom [class*="b-icon-"][class*="-xxl"]:before,
    .sop .portlet-custom [class*="b-icon-"][class*="-xxl"]:after {
        font-size: 86px;
        top: -4px
    }

.sop .portlet-custom [class*="b-icon-"][class*="-only"] {
    position: relative;
    overflow: hidden;
    min-height: 14px;
    vertical-align: middle
}

    .sop .portlet-custom [class*="b-icon-"][class*="-only"]:before,
    .sop .portlet-custom [class*="b-icon-"][class*="-only"]:after {
        margin: 0px;
        padding: 0px;
        line-height: 1em
    }

    .sop .portlet-custom [class*="b-icon-"][class*="-only"] > span {
        text-indent: -9999px;
        display: inline-block
    }

.sop .portlet-custom [class*="b-icon-"][class*="-block"] {
    position: relative;
    display: inline-block
}

    .sop .portlet-custom [class*="b-icon-"][class*="-block"]:before,
    .sop .portlet-custom [class*="b-icon-"][class*="-block"]:after {
        position: absolute;
        top: -0.15em
    }

    .sop .portlet-custom [class*="b-icon-"][class*="-block"]:before {
        left: 0px
    }

    .sop .portlet-custom [class*="b-icon-"][class*="-block"]:after {
        right: 0px
    }

.no-fontface .sop .portlet-custom [class*="b-icon-"],
.no-fontface-ua .sop .portlet-custom [class*="b-icon-"] {
    padding-left: 0px
}

    .no-fontface .sop .portlet-custom [class*="b-icon-"]:before,
    .no-fontface .sop .portlet-custom [class*="b-icon-"]:after,
    .no-fontface-ua .sop .portlet-custom [class*="b-icon-"]:before,
    .no-fontface-ua .sop .portlet-custom [class*="b-icon-"]:after {
        display: none
    }

    .no-fontface .sop .portlet-custom [class*="b-icon-"][class*="-block"],
    .no-fontface-ua .sop .portlet-custom [class*="b-icon-"][class*="-block"] {
        padding: 0px !important
    }

.sop .portlet-custom .lg-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6DgJMDCCASQIAgxME3n8pp0AAAAAASUVORK5CYII=');
    background: #f7f7f7
}

.sop .portlet-custom .lg2-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6AAJMDCCASQIAf2IEuyGUlV8AAAAASUVORK5CYII=');
    background: #f0f0f0
}

.sop .portlet-custom .lg3-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGN6CgJMDCCASQIAeZUEhLs+Cy8AAAAASUVORK5CYII=');
    background: #e5e5e5
}

.sop .portlet-custom .fff-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6DwJMDCCASQIAh0sFBt5h/T0AAAAASUVORK5CYII=');
    background: #fff
}

.sop .portlet-custom .green1-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEUAeDRhKDqRAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
    background: #007834
}

.sop .portlet-custom .dblue-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEULHjRe2hlRAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
    background: #0b1e34
}

.sop .portlet-custom .gold-bg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEX/vgBjpIoBAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
    background: #ffbe00
}

.sop .portlet-custom .gold-c {
    color: #ea1b27
}

.sop .portlet-custom .b-transparent-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.sop .portlet-custom .b-unordered-list {
    list-style: disc outside none;
    margin: 0 0 0 25px
}

.sop .portlet-custom .b-ordered-list {
    list-style: decimal outside none;
    margin: 0 0 0 30px
}

.sop .portlet-custom .b-vertical-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.sop .portlet-custom .b-horizontal-list {
    list-style: none;
    padding: 0;
    margin: 0
}

    .sop .portlet-custom .b-horizontal-list li {
        display: inline-block
    }

        .sop .portlet-custom .b-horizontal-list li.last,
        .sop .portlet-custom .b-horizontal-list li:last-child {
            padding-right: 0
        }

.sop .portlet-custom .b-separated-list > li {
    border-top: 1px solid #ccc;
    padding: 9px 0px 11px 0px
}

    .sop .portlet-custom .b-separated-list > li:first-child {
        border-top: none
    }

.sop .portlet-custom .b-table-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    position: relative
}

    .sop .portlet-custom .b-table-list li {
        display: table-cell;
        vertical-align: top
    }

    .sop .portlet-custom .b-table-list ul {
        position: absolute
    }

.sop .portlet-custom .sop-input-text[disabled],
.sop .portlet-custom input[type="text"][disabled],
.sop .portlet-custom input[type="password"][disabled],
.sop .portlet-custom input[type="date"][disabled],
.sop .portlet-custom input[type="datetime"][disabled],
.sop .portlet-custom input[type="email"][disabled],
.sop .portlet-custom input[type="number"][disabled],
.sop .portlet-custom input[type="search"][disabled],
.sop .portlet-custom input[type="tel"][disabled],
.sop .portlet-custom input[type="time"][disabled],
.sop .portlet-custom input[type="hour"][disabled],
.sop .portlet-custom input[type="url"][disabled],
.sop .portlet-custom textarea[disabled],
.sop .portlet-custom select[disabled] {
    background: #e6e6e6;
    color: #e5e5e5
}

.sop .portlet-custom .sop-input-text:focus,
.sop .portlet-custom input[type="text"]:focus,
.sop .portlet-custom input[type="password"]:focus,
.sop .portlet-custom input[type="date"]:focus,
.sop .portlet-custom input[type="datetime"]:focus,
.sop .portlet-custom input[type="email"]:focus,
.sop .portlet-custom input[type="number"]:focus,
.sop .portlet-custom input[type="search"]:focus,
.sop .portlet-custom input[type="tel"]:focus,
.sop .portlet-custom input[type="time"]:focus,
.sop .portlet-custom input[type="hour"]:focus,
.sop .portlet-custom input[type="url"]:focus,
.sop .portlet-custom textarea:focus,
.sop .portlet-custom select:focus {
    border: 1px solid #000;
}

.sop .portlet-custom .sop-input-text.error,
.sop .portlet-custom input[type="text"].error,
.sop .portlet-custom input[type="password"].error,
.sop .portlet-custom input[type="date"].error,
.sop .portlet-custom input[type="datetime"].error,
.sop .portlet-custom input[type="email"].error,
.sop .portlet-custom input[type="number"].error,
.sop .portlet-custom input[type="search"].error,
.sop .portlet-custom input[type="tel"].error,
.sop .portlet-custom input[type="time"].error,
.sop .portlet-custom input[type="hour"].error,
.sop .portlet-custom input[type="url"].error,
.sop .portlet-custom textarea.error,
.sop .portlet-custom select.error {
    border-bottom-color: #ea1b27;
    outline: 1px #ea1b27 solid
}

.sop .portlet-custom .neutralize-border-color.sop-input-text.error,
.sop .portlet-custom input.neutralize-border-color[type="text"].error,
.sop .portlet-custom input.neutralize-border-color[type="password"].error,
.sop .portlet-custom input.neutralize-border-color[type="date"].error,
.sop .portlet-custom input.neutralize-border-color[type="datetime"].error,
.sop .portlet-custom input.neutralize-border-color[type="email"].error,
.sop .portlet-custom input.neutralize-border-color[type="number"].error,
.sop .portlet-custom input.neutralize-border-color[type="search"].error,
.sop .portlet-custom input.neutralize-border-color[type="tel"].error,
.sop .portlet-custom input.neutralize-border-color[type="time"].error,
.sop .portlet-custom input.neutralize-border-color[type="hour"].error,
.sop .portlet-custom input.neutralize-border-color[type="url"].error,
.sop .portlet-custom textarea.neutralize-border-color.error,
.sop .portlet-custom select.neutralize-border-color.error {
    border-color: #e5e5e5 !important;
    outline: none !important
}

.sop .portlet-custom input[type="text"],
.sop .portlet-custom input[type="password"],
.sop .portlet-custom input[type="date"],
.sop .portlet-custom input[type="datetime"],
.sop .portlet-custom input[type="email"],
.sop .portlet-custom input[type="number"],
.sop .portlet-custom input[type="search"],
.sop .portlet-custom input[type="tel"],
.sop .portlet-custom input[type="time"],
.sop .portlet-custom input[type="hour"],
.sop .portlet-custom input[type="url"],
.sop .portlet-custom textarea,
.sop .portlet-custom .sop-input-text {
    background: white;
    font-family: "Lato", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    border-bottom: 2px solid rgb(247, 247, 247);
    border-width: 0px 0px 2px 0px;
    display: inline-block;
    box-shadow: none;
    font-size: 1em;
    line-height: normal;
    color: #10171f;
    padding: 11px 16px 11px;
    margin-bottom: 0;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom input[type="text"],
    .sop .portlet-custom input[type="password"],
    .sop .portlet-custom input[type="date"],
    .sop .portlet-custom input[type="datetime"],
    .sop .portlet-custom input[type="email"],
    .sop .portlet-custom input[type="number"],
    .sop .portlet-custom input[type="search"],
    .sop .portlet-custom input[type="tel"],
    .sop .portlet-custom input[type="time"],
    .sop .portlet-custom input[type="hour"],
    .sop .portlet-custom input[type="url"],
    .sop .portlet-custom textarea,
    .sop .portlet-custom .sop-input-text {
        font-size: 1em;
    }
}

.sop .portlet-custom input[type="text"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="password"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="date"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="datetime"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="email"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="number"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="search"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="tel"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="time"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="hour"]::-webkit-input-placeholder,
.sop .portlet-custom input[type="url"]::-webkit-input-placeholder,
.sop .portlet-custom textarea::-webkit-input-placeholder,
.sop .portlet-custom .sop-input-text::-webkit-input-placeholder {
    font-size: 0.9375em;
    color: #6b6b6b;
    font-family: "Lato";
    font-weight: 700;
    font-style: normal
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom input[type="text"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="password"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="date"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="datetime"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="email"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="number"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="search"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="tel"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="time"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="hour"]::-webkit-input-placeholder,
    .sop .portlet-custom input[type="url"]::-webkit-input-placeholder,
    .sop .portlet-custom textarea::-webkit-input-placeholder,
    .sop .portlet-custom .sop-input-text::-webkit-input-placeholder {
        font-size: 1em;
    }
}

.sop .portlet-custom input[type="text"]:-moz-placeholder,
.sop .portlet-custom input[type="password"]:-moz-placeholder,
.sop .portlet-custom input[type="date"]:-moz-placeholder,
.sop .portlet-custom input[type="datetime"]:-moz-placeholder,
.sop .portlet-custom input[type="email"]:-moz-placeholder,
.sop .portlet-custom input[type="number"]:-moz-placeholder,
.sop .portlet-custom input[type="search"]:-moz-placeholder,
.sop .portlet-custom input[type="tel"]:-moz-placeholder,
.sop .portlet-custom input[type="time"]:-moz-placeholder,
.sop .portlet-custom input[type="hour"]:-moz-placeholder,
.sop .portlet-custom input[type="url"]:-moz-placeholder,
.sop .portlet-custom textarea:-moz-placeholder,
.sop .portlet-custom .sop-input-text:-moz-placeholder {
    opacity: 1 !important;
    font-size: 0.9375em;
    color: #6b6b6b;
    font-family: "Lato";
    font-weight: 700;
    font-style: normal
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom input[type="text"]:-moz-placeholder,
    .sop .portlet-custom input[type="password"]:-moz-placeholder,
    .sop .portlet-custom input[type="date"]:-moz-placeholder,
    .sop .portlet-custom input[type="datetime"]:-moz-placeholder,
    .sop .portlet-custom input[type="email"]:-moz-placeholder,
    .sop .portlet-custom input[type="number"]:-moz-placeholder,
    .sop .portlet-custom input[type="search"]:-moz-placeholder,
    .sop .portlet-custom input[type="tel"]:-moz-placeholder,
    .sop .portlet-custom input[type="time"]:-moz-placeholder,
    .sop .portlet-custom input[type="hour"]:-moz-placeholder,
    .sop .portlet-custom input[type="url"]:-moz-placeholder,
    .sop .portlet-custom textarea:-moz-placeholder,
    .sop .portlet-custom .sop-input-text:-moz-placeholder {
        font-size: 1em;
    }
}

.sop .portlet-custom input[type="text"]::-moz-placeholder,
.sop .portlet-custom input[type="password"]::-moz-placeholder,
.sop .portlet-custom input[type="date"]::-moz-placeholder,
.sop .portlet-custom input[type="datetime"]::-moz-placeholder,
.sop .portlet-custom input[type="email"]::-moz-placeholder,
.sop .portlet-custom input[type="number"]::-moz-placeholder,
.sop .portlet-custom input[type="search"]::-moz-placeholder,
.sop .portlet-custom input[type="tel"]::-moz-placeholder,
.sop .portlet-custom input[type="time"]::-moz-placeholder,
.sop .portlet-custom input[type="hour"]::-moz-placeholder,
.sop .portlet-custom input[type="url"]::-moz-placeholder,
.sop .portlet-custom textarea::-moz-placeholder,
.sop .portlet-custom .sop-input-text::-moz-placeholder {
    opacity: 1 !important;
    font-size: 0.9375em;
    color: #6b6b6b;
    font-family: "Lato";
    font-weight: 700;
    font-style: normal
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom input[type="text"]::-moz-placeholder,
    .sop .portlet-custom input[type="password"]::-moz-placeholder,
    .sop .portlet-custom input[type="date"]::-moz-placeholder,
    .sop .portlet-custom input[type="datetime"]::-moz-placeholder,
    .sop .portlet-custom input[type="email"]::-moz-placeholder,
    .sop .portlet-custom input[type="number"]::-moz-placeholder,
    .sop .portlet-custom input[type="search"]::-moz-placeholder,
    .sop .portlet-custom input[type="tel"]::-moz-placeholder,
    .sop .portlet-custom input[type="time"]::-moz-placeholder,
    .sop .portlet-custom input[type="hour"]::-moz-placeholder,
    .sop .portlet-custom input[type="url"]::-moz-placeholder,
    .sop .portlet-custom textarea::-moz-placeholder,
    .sop .portlet-custom .sop-input-text::-moz-placeholder {
        font-size: 1em;
    }
}

.sop .portlet-custom input[type="text"]:-ms-input-placeholder,
.sop .portlet-custom input[type="password"]:-ms-input-placeholder,
.sop .portlet-custom input[type="date"]:-ms-input-placeholder,
.sop .portlet-custom input[type="datetime"]:-ms-input-placeholder,
.sop .portlet-custom input[type="email"]:-ms-input-placeholder,
.sop .portlet-custom input[type="number"]:-ms-input-placeholder,
.sop .portlet-custom input[type="search"]:-ms-input-placeholder,
.sop .portlet-custom input[type="tel"]:-ms-input-placeholder,
.sop .portlet-custom input[type="time"]:-ms-input-placeholder,
.sop .portlet-custom input[type="hour"]:-ms-input-placeholder,
.sop .portlet-custom input[type="url"]:-ms-input-placeholder,
.sop .portlet-custom textarea:-ms-input-placeholder,
.sop .portlet-custom .sop-input-text:-ms-input-placeholder {
    font-size: 0.9375em;
    color: #6b6b6b;
    font-family: "Lato";
    font-weight: 700;
    font-style: normal
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom input[type="text"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="password"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="date"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="datetime"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="email"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="number"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="search"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="tel"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="time"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="hour"]:-ms-input-placeholder,
    .sop .portlet-custom input[type="url"]:-ms-input-placeholder,
    .sop .portlet-custom textarea:-ms-input-placeholder,
    .sop .portlet-custom .sop-input-text:-ms-input-placeholder {
        font-size: 1em;
    }
}

.sop .portlet-custom input.o-input-transparent,
.sop .portlet-custom textarea.o-input-transparent {
    background: transparent;
    border: none;
    box-shadow: none
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom input[type="text"].one,
    .sop .portlet-custom input[type="password"].one,
    .sop .portlet-custom input[type="date"].one,
    .sop .portlet-custom input[type="datetime"].one,
    .sop .portlet-custom input[type="email"].one,
    .sop .portlet-custom input[type="number"].one,
    .sop .portlet-custom input[type="search"].one,
    .sop .portlet-custom input[type="tel"].one,
    .sop .portlet-custom input[type="time"].one,
    .sop .portlet-custom input[type="hour"].one,
    .sop .portlet-custom input[type="url"].one,
    .sop .portlet-custom textarea.one,
    .sop .portlet-custom .input-text.one {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].two,
    .sop .portlet-custom input[type="password"].two,
    .sop .portlet-custom input[type="date"].two,
    .sop .portlet-custom input[type="datetime"].two,
    .sop .portlet-custom input[type="email"].two,
    .sop .portlet-custom input[type="number"].two,
    .sop .portlet-custom input[type="search"].two,
    .sop .portlet-custom input[type="tel"].two,
    .sop .portlet-custom input[type="time"].two,
    .sop .portlet-custom input[type="hour"].two,
    .sop .portlet-custom input[type="url"].two,
    .sop .portlet-custom textarea.two,
    .sop .portlet-custom .input-text.two {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].three,
    .sop .portlet-custom input[type="password"].three,
    .sop .portlet-custom input[type="date"].three,
    .sop .portlet-custom input[type="datetime"].three,
    .sop .portlet-custom input[type="email"].three,
    .sop .portlet-custom input[type="number"].three,
    .sop .portlet-custom input[type="search"].three,
    .sop .portlet-custom input[type="tel"].three,
    .sop .portlet-custom input[type="time"].three,
    .sop .portlet-custom input[type="hour"].three,
    .sop .portlet-custom input[type="url"].three,
    .sop .portlet-custom textarea.three,
    .sop .portlet-custom .input-text.three {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].four,
    .sop .portlet-custom input[type="password"].four,
    .sop .portlet-custom input[type="date"].four,
    .sop .portlet-custom input[type="datetime"].four,
    .sop .portlet-custom input[type="email"].four,
    .sop .portlet-custom input[type="number"].four,
    .sop .portlet-custom input[type="search"].four,
    .sop .portlet-custom input[type="tel"].four,
    .sop .portlet-custom input[type="time"].four,
    .sop .portlet-custom input[type="hour"].four,
    .sop .portlet-custom input[type="url"].four,
    .sop .portlet-custom textarea.four,
    .sop .portlet-custom .input-text.four {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].five,
    .sop .portlet-custom input[type="password"].five,
    .sop .portlet-custom input[type="date"].five,
    .sop .portlet-custom input[type="datetime"].five,
    .sop .portlet-custom input[type="email"].five,
    .sop .portlet-custom input[type="number"].five,
    .sop .portlet-custom input[type="search"].five,
    .sop .portlet-custom input[type="tel"].five,
    .sop .portlet-custom input[type="time"].five,
    .sop .portlet-custom input[type="hour"].five,
    .sop .portlet-custom input[type="url"].five,
    .sop .portlet-custom textarea.five,
    .sop .portlet-custom .input-text.five {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].six,
    .sop .portlet-custom input[type="password"].six,
    .sop .portlet-custom input[type="date"].six,
    .sop .portlet-custom input[type="datetime"].six,
    .sop .portlet-custom input[type="email"].six,
    .sop .portlet-custom input[type="number"].six,
    .sop .portlet-custom input[type="search"].six,
    .sop .portlet-custom input[type="tel"].six,
    .sop .portlet-custom input[type="time"].six,
    .sop .portlet-custom input[type="hour"].six,
    .sop .portlet-custom input[type="url"].six,
    .sop .portlet-custom textarea.six,
    .sop .portlet-custom .input-text.six {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].seven,
    .sop .portlet-custom input[type="password"].seven,
    .sop .portlet-custom input[type="date"].seven,
    .sop .portlet-custom input[type="datetime"].seven,
    .sop .portlet-custom input[type="email"].seven,
    .sop .portlet-custom input[type="number"].seven,
    .sop .portlet-custom input[type="search"].seven,
    .sop .portlet-custom input[type="tel"].seven,
    .sop .portlet-custom input[type="time"].seven,
    .sop .portlet-custom input[type="hour"].seven,
    .sop .portlet-custom input[type="url"].seven,
    .sop .portlet-custom textarea.seven,
    .sop .portlet-custom .input-text.seven {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].eight,
    .sop .portlet-custom input[type="password"].eight,
    .sop .portlet-custom input[type="date"].eight,
    .sop .portlet-custom input[type="datetime"].eight,
    .sop .portlet-custom input[type="email"].eight,
    .sop .portlet-custom input[type="number"].eight,
    .sop .portlet-custom input[type="search"].eight,
    .sop .portlet-custom input[type="tel"].eight,
    .sop .portlet-custom input[type="time"].eight,
    .sop .portlet-custom input[type="hour"].eight,
    .sop .portlet-custom input[type="url"].eight,
    .sop .portlet-custom textarea.eight,
    .sop .portlet-custom .input-text.eight {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].nine,
    .sop .portlet-custom input[type="password"].nine,
    .sop .portlet-custom input[type="date"].nine,
    .sop .portlet-custom input[type="datetime"].nine,
    .sop .portlet-custom input[type="email"].nine,
    .sop .portlet-custom input[type="number"].nine,
    .sop .portlet-custom input[type="search"].nine,
    .sop .portlet-custom input[type="tel"].nine,
    .sop .portlet-custom input[type="time"].nine,
    .sop .portlet-custom input[type="hour"].nine,
    .sop .portlet-custom input[type="url"].nine,
    .sop .portlet-custom textarea.nine,
    .sop .portlet-custom .input-text.nine {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].ten,
    .sop .portlet-custom input[type="password"].ten,
    .sop .portlet-custom input[type="date"].ten,
    .sop .portlet-custom input[type="datetime"].ten,
    .sop .portlet-custom input[type="email"].ten,
    .sop .portlet-custom input[type="number"].ten,
    .sop .portlet-custom input[type="search"].ten,
    .sop .portlet-custom input[type="tel"].ten,
    .sop .portlet-custom input[type="time"].ten,
    .sop .portlet-custom input[type="hour"].ten,
    .sop .portlet-custom input[type="url"].ten,
    .sop .portlet-custom textarea.ten,
    .sop .portlet-custom .input-text.ten {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].eleven,
    .sop .portlet-custom input[type="password"].eleven,
    .sop .portlet-custom input[type="date"].eleven,
    .sop .portlet-custom input[type="datetime"].eleven,
    .sop .portlet-custom input[type="email"].eleven,
    .sop .portlet-custom input[type="number"].eleven,
    .sop .portlet-custom input[type="search"].eleven,
    .sop .portlet-custom input[type="tel"].eleven,
    .sop .portlet-custom input[type="time"].eleven,
    .sop .portlet-custom input[type="hour"].eleven,
    .sop .portlet-custom input[type="url"].eleven,
    .sop .portlet-custom textarea.eleven,
    .sop .portlet-custom .input-text.eleven {
        width: 100% !important
    }

    .sop .portlet-custom input[type="text"].twelve,
    .sop .portlet-custom input[type="password"].twelve,
    .sop .portlet-custom input[type="date"].twelve,
    .sop .portlet-custom input[type="datetime"].twelve,
    .sop .portlet-custom input[type="email"].twelve,
    .sop .portlet-custom input[type="number"].twelve,
    .sop .portlet-custom input[type="search"].twelve,
    .sop .portlet-custom input[type="tel"].twelve,
    .sop .portlet-custom input[type="time"].twelve,
    .sop .portlet-custom input[type="hour"].twelve,
    .sop .portlet-custom input[type="url"].twelve,
    .sop .portlet-custom textarea.twelve,
    .sop .portlet-custom .input-text.twelve {
        width: 100% !important
    }
}

.sop .portlet-custom select {
    border: 1px solid #e5e5e5;
    font-family: "Lato";
    font-size: 1em;
    color: #10171f
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom select {
        font-size: 1em;
    }
}

.sop .portlet-custom textarea {
    height: 200px;
    resize: none;
    box-shadow: -3px 4px 7px 0px #bbbbbb;
}

.sop .portlet-custom label [type=radio],
.sop .portlet-custom label [type=checkbox] {
    margin-right: 5px
}

.sop .portlet-custom .sop-input-text.error.hide-errors,
.sop .portlet-custom input[type="text"].error.hide-errors,
.sop .portlet-custom input[type="password"].error.hide-errors,
.sop .portlet-custom input[type="date"].error.hide-errors,
.sop .portlet-custom input[type="datetime"].error.hide-errors,
.sop .portlet-custom input[type="email"].error.hide-errors,
.sop .portlet-custom input[type="number"].error.hide-errors,
.sop .portlet-custom input[type="search"].error.hide-errors,
.sop .portlet-custom input[type="tel"].error.hide-errors,
.sop .portlet-custom input[type="time"].error.hide-errors,
.sop .portlet-custom input[type="hour"].error.hide-errors,
.sop .portlet-custom input[type="url"].error.hide-errors,
.sop .portlet-custom textarea.error.hide-errors,
.sop .portlet-custom select.error.hide-errors {
    outline: none !important
}

.sop .portlet-custom .hide-errors input[type="text"],
.sop .portlet-custom .hide-errors input[type="password"],
.sop .portlet-custom .hide-errors input[type="date"],
.sop .portlet-custom .hide-errors input[type="datetime"],
.sop .portlet-custom .hide-errors input[type="email"],
.sop .portlet-custom .hide-errors input[type="number"],
.sop .portlet-custom .hide-errors input[type="search"],
.sop .portlet-custom .hide-errors input[type="tel"],
.sop .portlet-custom .hide-errors input[type="time"],
.sop .portlet-custom .hide-errors input[type="hour"],
.sop .portlet-custom .hide-errors input[type="url"],
.sop .portlet-custom .hide-errors textarea,
.sop .portlet-custom .hide-errors .sop-input-text {
    background: #f7f7f7;
    border: 2px solid #e5e5e5;
    color: #10171f;
    outline: none !important
}

.sop .portlet-custom form {
    margin: 0;
    padding: 0
}

    .sop .portlet-custom form fieldset {
        border: none;
        padding: 0;
        margin: 0
    }

        .sop .portlet-custom form fieldset legend {
            padding: 0;
            margin: 0 0 10px;
            border: none;
            color: inherit;
            font-size: inherit;
            line-height: inherit
        }

        .sop .portlet-custom form fieldset.no-border {
            border: none
        }

    .sop .portlet-custom form label,
    .sop .portlet-custom form .f-label {
        margin-bottom: 0;
        font-size: 1em;
        color: var(--text-color);
        display: inline-block;
        font-weight: 700;
        margin-top: 5px
    }

        .sop .portlet-custom form label.right,
        .sop .portlet-custom form label.text-right,
        .sop .portlet-custom form .f-label.right,
        .sop .portlet-custom form .f-label.text-right {
            float: none !important;
            text-align: right
        }

@media only screen and (max-width: 800px) {
    .sop .portlet-custom form label.right,
    .sop .portlet-custom form label.text-right,
    .sop .portlet-custom form .f-label.right,
    .sop .portlet-custom form .f-label.text-right {
        text-align: left
    }
}

.sop .portlet-custom form label.secondary,
.sop .portlet-custom form .f-label.secondary {
    line-height: 1em;
    margin-bottom: 2.5px
}

.sop .portlet-custom form label.date-label,
.sop .portlet-custom form .f-label.date-label {
    width: 25px
}

.sop .portlet-custom form label .f-row > label,
.sop .portlet-custom form label .f-row .label,
.sop .portlet-custom form .f-label .f-row > label,
.sop .portlet-custom form .f-label .f-row .label {
    margin-top: 0;
    margin-bottom: 5px
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom form label,
    .sop .portlet-custom form .f-label {
        font-size: 1em
    }

        .sop .portlet-custom form label.placeholder,
        .sop .portlet-custom form .f-label.placeholder {
            font-size: 1em
        }
}

.sop .portlet-custom form:not(.checkbox-label) > input[type='checkbox'],
.sop .portlet-custom form:not(.radio-label) > input[type='radio'] {
    vertical-align: middle;
    margin-top: -2px
}

    .sop .portlet-custom form:not(.checkbox-label) > input[type='checkbox'] ~ span,
    .sop .portlet-custom form:not(.radio-label) > input[type='radio'] ~ span {
        font-weight: normal;
        font-size: 0.875em;
    }

        .sop .portlet-custom form:not(.checkbox-label) > input[type='checkbox'] ~ span[class^="icon-"],
        .sop .portlet-custom form:not(.radio-label) > input[type='radio'] ~ span[class^="icon-"] {
            font-size: 0.875em;
            font-weight: bold
        }

    .sop .portlet-custom form:not(.checkbox-label) > input[type='checkbox'] ~ strong,
    .sop .portlet-custom form:not(.radio-label) > input[type='radio'] ~ strong {
        font-size: 0.875em;
    }

        .sop .portlet-custom form:not(.checkbox-label) > input[type='checkbox'] ~ strong.important,
        .sop .portlet-custom form:not(.radio-label) > input[type='radio'] ~ strong.important {
            font-size: 0.875em;
        }

    .sop .portlet-custom form:not(.checkbox-label) > input[type='checkbox'][disabled] ~ span,
    .sop .portlet-custom form:not(.checkbox-label) > input[type='checkbox'][disabled] ~ span > a,
    .sop .portlet-custom form:not(.radio-label) > input[type='radio'][disabled] ~ span,
    .sop .portlet-custom form:not(.radio-label) > input[type='radio'][disabled] ~ span > a {
        color: #e5e5e5
    }

    .sop .portlet-custom form:not(.checkbox-label) > input[type='checkbox'][readonly] ~ span,
    .sop .portlet-custom form:not(.checkbox-label) > input[type='checkbox'][readonly] ~ span > a,
    .sop .portlet-custom form:not(.radio-label) > input[type='radio'][readonly] ~ span,
    .sop .portlet-custom form:not(.radio-label) > input[type='radio'][readonly] ~ span > a {
        color: #e5e5e5
    }

.sop .portlet-custom form .input-group .input-wrapper label {
    margin: 0
}

.sop .portlet-custom form .input-group.input-group--vertical .input-wrapper {
    display: block;
    vertical-align: top;
    margin-top: 10px
}

    .sop .portlet-custom form .input-group.input-group--vertical .input-wrapper:first-child {
        margin-top: 0
    }

.sop .portlet-custom form .input-group.input-group--horizontal {
    padding-top: 5px
}

    .sop .portlet-custom form .input-group.input-group--horizontal .input-wrapper {
        display: inline-block;
        margin-right: 30px
    }

        .sop .portlet-custom form .input-group.input-group--horizontal .input-wrapper:last-child,
        .sop .portlet-custom form .input-group.input-group--horizontal .input-wrapper .last {
            margin-right: 0
        }

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom form .input-group.input-group--horizontal .input-wrapper {
        display: block;
        margin-right: 0
    }
    .sop.sop .l-half-row {
        width: 100%;
        padding: 0px 0px 0px 0px
    }
    .sop .portlet-custom form .b-row.f-row[class] {
        margin-bottom: 10px
    }
}

.sop .portlet-custom form .b-row.f-row[class] {
    *zoom: 1;
    position: relative;
    margin-bottom: 10px
}

    .sop .portlet-custom form .b-row.f-row[class]:before,
    .sop .portlet-custom form .b-row.f-row[class]:after {
        content: " ";
        display: table
    }

    .sop .portlet-custom form .b-row.f-row[class]:after {
        clear: both
    }

.sop .portlet-custom form .b-row.f-row[class].last {
    margin-bottom: 10px
}

.sop .portlet-custom form .b-row.f-row[class] .f-row {
    margin-bottom: 0;
    margin-top: 10px
}

    .sop .portlet-custom form .b-row.f-row[class] .f-row:first-child {
        margin-top: 0
    }

.sop .portlet-custom form .f-text {
    margin-bottom: 10px
}

.sop .portlet-custom form .f-value label,
.sop .portlet-custom form .f-value .f-label {
    margin-top: 0;
    margin-bottom: 5px
}

.sop .portlet-custom form .f-captcha {
    padding-left: 130px;
    font-size: 0px
}

    .sop .portlet-custom form .f-captcha > img {
        margin-left: -130px;
        margin-right: 15px
    }

    .sop .portlet-custom form .f-captcha > img,
    .sop .portlet-custom form .f-captcha > input {
        vertical-align: middle
    }

.sop .portlet-custom form .f-submit-row .btn.right {
    margin-left: 10px
}

    .sop .portlet-custom form .f-submit-row .btn.right:first-child {
        margin-left: 0
    }

.sop .portlet-custom form .f-errors + .f-row {
    margin-top: 10px
}

.sop .portlet-custom form .f-required .f-label:after,
.sop .portlet-custom form .f-required.f-agreement:after {
    content: "*" !important;
    color: #000;
    padding-left: 0em
}

.sop .portlet-custom form span.f-required {
    color: #10171f;
    padding-right: 0.35714em
}

.sop .portlet-custom form .f-info-required {
    margin-bottom: 25px;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative
}

    .sop .portlet-custom form .f-info-required:after {
        content: '';
        display: block;
        position: absolute;
        height: 1px;
        background: #c3c5c6;
        left: 20px;
        right: 20px;
        bottom: 0
    }

.sop .portlet-custom form .f-buttons {
    *zoom: 1;
    position: relative;
    line-height: 32px;
    overflow: hidden;
    position: relative
}

    .sop .portlet-custom form .f-buttons:before,
    .sop .portlet-custom form .f-buttons:after {
        content: " ";
        display: table
    }

    .sop .portlet-custom form .f-buttons:after {
        clear: both
    }

    .sop .portlet-custom form .f-buttons.f-buttons.f-buttons {
        margin-top: 15px;
        padding-top: 15px
    }

    .sop .portlet-custom form .f-buttons .cancel {
        display: block;
        vertical-align: middle
    }

    .sop .portlet-custom form .f-buttons .submit,
    .sop .portlet-custom form .f-buttons .action {
        float: right
    }

    .sop .portlet-custom form .f-buttons:before {
        content: '';
        display: block;
        position: absolute;
        height: 1px;
        background: #c3c5c6;
        left: 0px;
        right: 0px;
        top: 0;
        margin-bottom: 10px;
    }

.sop .portlet-custom form .f-value {
    margin: 0px;
    margin-top: 5px;
    display: block;
    font-weight: bold
}

.sop .portlet-custom form .f-title {
    display: inline-block;
    margin-top: 5px
}

.sop .portlet-custom form .f-separator {
    padding: 0 2px 0 6px
}

.sop .portlet-custom form .f-hint {
    font-style: normal;
    color: #666;
    font-weight: normal;
    font-size: 1em;
    display: block;
    margin-top: 5px
}

    .sop .portlet-custom form .f-hint + .f-errors,
    .sop .portlet-custom form .f-hint + .error {
        margin-top: 10px
    }

.sop .portlet-custom form input[type="text"] ~ .hint,
.sop .portlet-custom form input[type="password"] ~ .hint,
.sop .portlet-custom form select ~ .hint {
    height: auto;
    display: block
}

.sop .portlet-custom form .f-row .msg {
    padding-top: 0;
    margin-bottom: 10px;
}

.sop .portlet-custom form .columns > .f-row:first-child {
    margin-top: 0
}

.sop .portlet-custom form .columns > input ~ .hint,
.sop .portlet-custom form .columns > select ~ .hint {
    margin-bottom: 10px
}

.sop .portlet-custom form label.horizontal > span {
    padding-right: 16px
}

.sop .portlet-custom form label.horizontal > .sop-select,
.sop .portlet-custom form label.horizontal > input {
    width: auto;
    display: inline-block
}

@media only screen and (max-width: 800px) {
    .sop .portlet-custom form .tablet-twelve > label,
    .sop .portlet-custom form .tablet-twelve > .f-label {
        margin-bottom: 5px
    }
}

.sop .portlet-custom .placeholder {
    margin-top: 11px;
    position: absolute;
    font-weight: normal;
    padding: 0px 10px;
    display: block;
    margin: 0px;
    cursor: text;
    font-size: 0.9375em;
    z-index: 4
}

html.js .sop--global input.autosubmit {
    display: none !important
}

.sop.sop .sop-form {
    margin-top:10px;
    border: 0px #e6e6e6 solid;
    margin-left: -20px;
    margin-right: -20px;
}


@media only screen and (min-width: 0px) and (max-width: 800px) {
    .sop.sop .sop-form {
        margin-top: 10px;
        margin-left: 5%;
        margin-right: 5%;
        border: none;
        width: 90%;
    }
}

.sop.sop .sop-form .f-row.b-row:last-child {
    margin-bottom: 0
}

.sop.sop .sop-form .f-row .f-label {
    display: block;
    margin-top: 15px;
    font-family: "Lato";
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 480px) {
    .sop.sop .sop-form .f-row .f-label {
        text-align: left;
        margin-bottom: 15px
    }
}

.sop.sop .sop-form .f-row .f-label:after {
    margin-left: -3px
}

.sop.sop .sop-form .f-row .f-radiogroup {
    margin-top: 10px;
    margin-bottom: 10px
}

    .sop.sop .sop-form .f-row .f-radiogroup .radio-label + .radio-label {
        margin-top: 15px
    }

.sop.sop .sop-form .f-section {
    padding-bottom: 1.42857em
}

    .sop.sop .sop-form .f-section .f-row:first-child,
    .sop.sop .sop-form .f-section .f-row-first {
        padding-top: 1.42857em
    }

    .sop.sop .sop-form .f-section + .f-section {
        border-top: 0px #c3c5c6 solid;
    }

        .sop.sop .sop-form .f-section + .f-section .f-row:first-child,
        .sop.sop .sop-form .f-section + .f-section .f-row-first {
            padding-top: 0
        }

.sop.sop .sop-form .f-section-inner .f-row:first-child,
.sop.sop .sop-form .f-section-inner .f-row-first {
    padding-top: 0
}

.sop.sop .sop-form .f-section__title-wrapper {
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop.sop .sop-form .f-section__title-wrapper {
        text-align: left
    }
    .sop.sop .sop-form .f-buttons .o-btn {
        width: 100%;
        float: none
    }

        .sop.sop .sop-form .f-buttons .o-btn + .o-btn {
            margin-top: 15px
        }
}

.sop.sop .sop-form .f-section-title {
    padding: 0;
    margin-bottom: 0.5em;
}

.f-captcha__refresh {
    margin-left: 5px;
    margin-top: 10px;
    display: inline-block;
    color: var(--main-color);
    font-size: 0.875rem;
    cursor:pointer;
}

.sop.sop .sop-form .f-buttons.f-buttons.f-buttons {
    padding-top: 1.42857em;
    padding-bottom: 1.42857em;
    margin-top: 0 !important
}

.sop.sop .sop-form .f-buttons .o-btn {
    min-width: 30%
}

    .sop.sop .sop-form .f-buttons .o-btn.cancel {
        text-align: right
    }

.sop.sop .sop-form .f-article.article--top {
    padding: 2.14286em 0
}

.sop.sop .sop-form .f-hint {
    margin-top: 14px
}

.sop.sop .sop-form .f-agreements label span {
    color: #666
}

.sop.sop .sop-form .f-simple-text {
    margin-top: 3px;
    margin-bottom: 10px;
    display: block;
    font-family: "Lato", "Roboto", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight: 400;
    font-size: 1em;
    font-weight: 500;
}

.sop.sop .sop-form .input-column .checkbox-label {
    padding-top: 10px;
    padding-bottom: 11px
}

.sop.sop .sop-form .f-group .checkbox-label + .checkbox-label {
    padding-top: 20px
}

.sop.sop .portlet-custom input[type="text"],
.sop.sop .portlet-custom input[type="password"],
.sop.sop .portlet-custom input[type="date"],
.sop.sop .portlet-custom input[type="datetime"],
.sop.sop .portlet-custom input[type="email"],
.sop.sop .portlet-custom input[type="number"],
.sop.sop .portlet-custom input[type="search"],
.sop.sop .portlet-custom input[type="tel"],
.sop.sop .portlet-custom input[type="time"],
.sop.sop .portlet-custom input[type="hour"],
.sop.sop .portlet-custom input[type="url"],
.sop.sop .portlet-custom .input-text {
    height: 2.5em;
    box-shadow: -3px 4px 7px 0px #bbbbbb;
}

    .sop.sop .portlet-custom input[type="text"].error,
    .sop.sop .portlet-custom input[type="password"].error,
    .sop.sop .portlet-custom input[type="date"].error,
    .sop.sop .portlet-custom input[type="datetime"].error,
    .sop.sop .portlet-custom input[type="email"].error,
    .sop.sop .portlet-custom input[type="number"].error,
    .sop.sop .portlet-custom input[type="search"].error,
    .sop.sop .portlet-custom input[type="tel"].error,
    .sop.sop .portlet-custom input[type="time"].error,
    .sop.sop .portlet-custom input[type="hour"].error,
    .sop.sop .portlet-custom input[type="url"].error,
    .sop.sop .portlet-custom .input-text.error {
        padding: 0.5em 1.14286em 0.5em 1.14286em
    }

        .sop.sop .portlet-custom input[type="text"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="password"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="date"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="datetime"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="email"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="number"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="search"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="tel"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="time"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="hour"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom input[type="url"].error::-webkit-input-placeholder,
        .sop.sop .portlet-custom .input-text.error::-webkit-input-placeholder {
            color: #ea1b27
        }

        .sop.sop .portlet-custom input[type="text"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="password"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="date"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="datetime"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="email"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="number"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="search"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="tel"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="time"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="hour"].error:-moz-placeholder,
        .sop.sop .portlet-custom input[type="url"].error:-moz-placeholder,
        .sop.sop .portlet-custom .input-text.error:-moz-placeholder {
            opacity: 1 !important;
            color: #ea1b27
        }

        .sop.sop .portlet-custom input[type="text"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="password"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="date"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="datetime"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="email"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="number"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="search"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="tel"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="time"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="hour"].error::-moz-placeholder,
        .sop.sop .portlet-custom input[type="url"].error::-moz-placeholder,
        .sop.sop .portlet-custom .input-text.error::-moz-placeholder {
            opacity: 1 !important;
            color: #ea1b27
        }

        .sop.sop .portlet-custom input[type="text"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="password"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="date"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="datetime"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="email"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="number"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="search"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="tel"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="time"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="hour"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom input[type="url"].error:-ms-input-placeholder,
        .sop.sop .portlet-custom .input-text.error:-ms-input-placeholder {
            color: #ea1b27
        }

        .sop.sop .portlet-custom input[type="text"].error + .placeholder,
        .sop.sop .portlet-custom input[type="password"].error + .placeholder,
        .sop.sop .portlet-custom input[type="date"].error + .placeholder,
        .sop.sop .portlet-custom input[type="datetime"].error + .placeholder,
        .sop.sop .portlet-custom input[type="email"].error + .placeholder,
        .sop.sop .portlet-custom input[type="number"].error + .placeholder,
        .sop.sop .portlet-custom input[type="search"].error + .placeholder,
        .sop.sop .portlet-custom input[type="tel"].error + .placeholder,
        .sop.sop .portlet-custom input[type="time"].error + .placeholder,
        .sop.sop .portlet-custom input[type="hour"].error + .placeholder,
        .sop.sop .portlet-custom input[type="url"].error + .placeholder,
        .sop.sop .portlet-custom .input-text.error + .placeholder {
            color: #ea1b27
        }

.sop .portlet-custom .sop-input-text.error,
.sop .portlet-custom input[type="text"].error,
.sop .portlet-custom input[type="password"].error,
.sop .portlet-custom input[type="date"].error,
.sop .portlet-custom input[type="datetime"].error,
.sop .portlet-custom input[type="email"].error,
.sop .portlet-custom input[type="number"].error,
.sop .portlet-custom input[type="search"].error,
.sop .portlet-custom input[type="tel"].error,
.sop .portlet-custom input[type="time"].error,
.sop .portlet-custom input[type="hour"].error,
.sop .portlet-custom input[type="url"].error,
.sop .portlet-custom textarea.error,
.sop .portlet-custom select.error {
    outline: none;
    border-width: 2px
}

.sop.sop .portlet-custom .aui textarea {
    width: 100% !important
}

.sop.sop .portlet-custom input + .checked-valid,
.sop.sop .portlet-custom input + button + .checked-valid,
.sop.sop .portlet-custom textarea + .checked-valid,
.sop.sop .portlet-custom textarea + button + .checked-valid,
.sop.sop .portlet-custom select + .checked-valid,
.sop.sop .portlet-custom select + button + .checked-valid {
    position: relative;
    display: inline-block
}

    .sop.sop .portlet-custom input + .checked-valid:before,
    .sop.sop .portlet-custom input + .checked-valid:after,
    .sop.sop .portlet-custom input + button + .checked-valid:before,
    .sop.sop .portlet-custom input + button + .checked-valid:after,
    .sop.sop .portlet-custom textarea + .checked-valid:before,
    .sop.sop .portlet-custom textarea + .checked-valid:after,
    .sop.sop .portlet-custom textarea + button + .checked-valid:before,
    .sop.sop .portlet-custom textarea + button + .checked-valid:after,
    .sop.sop .portlet-custom select + .checked-valid:before,
    .sop.sop .portlet-custom select + .checked-valid:after,
    .sop.sop .portlet-custom select + button + .checked-valid:before,
    .sop.sop .portlet-custom select + button + .checked-valid:after {
        font-family: "fontello";
        font-size: 0.875em;
        font-weight: 500;
        font-style: normal;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        position: relative;
        top: -0.0625em
    }

    .sop.sop .portlet-custom input + .checked-valid:after,
    .sop.sop .portlet-custom input + button + .checked-valid:after,
    .sop.sop .portlet-custom textarea + .checked-valid:after,
    .sop.sop .portlet-custom textarea + button + .checked-valid:after,
    .sop.sop .portlet-custom select + .checked-valid:after,
    .sop.sop .portlet-custom select + button + .checked-valid:after {
        display: none
    }

    .sop.sop .portlet-custom input + .checked-valid:before,
    .sop.sop .portlet-custom input + .checked-valid:after,
    .sop.sop .portlet-custom input + button + .checked-valid:before,
    .sop.sop .portlet-custom input + button + .checked-valid:after,
    .sop.sop .portlet-custom textarea + .checked-valid:before,
    .sop.sop .portlet-custom textarea + .checked-valid:after,
    .sop.sop .portlet-custom textarea + button + .checked-valid:before,
    .sop.sop .portlet-custom textarea + button + .checked-valid:after,
    .sop.sop .portlet-custom select + .checked-valid:before,
    .sop.sop .portlet-custom select + .checked-valid:after,
    .sop.sop .portlet-custom select + button + .checked-valid:before,
    .sop.sop .portlet-custom select + button + .checked-valid:after {
        position: absolute;
        top: -0.15em
    }

    .sop.sop .portlet-custom input + .checked-valid:before,
    .sop.sop .portlet-custom input + button + .checked-valid:before,
    .sop.sop .portlet-custom textarea + .checked-valid:before,
    .sop.sop .portlet-custom textarea + button + .checked-valid:before,
    .sop.sop .portlet-custom select + .checked-valid:before,
    .sop.sop .portlet-custom select + button + .checked-valid:before {
        left: 0px
    }

    .sop.sop .portlet-custom input + .checked-valid:after,
    .sop.sop .portlet-custom input + button + .checked-valid:after,
    .sop.sop .portlet-custom textarea + .checked-valid:after,
    .sop.sop .portlet-custom textarea + button + .checked-valid:after,
    .sop.sop .portlet-custom select + .checked-valid:after,
    .sop.sop .portlet-custom select + button + .checked-valid:after {
        right: 0px
    }

    .sop.sop .portlet-custom input + .checked-valid:before,
    .sop.sop .portlet-custom input + button + .checked-valid:before,
    .sop.sop .portlet-custom textarea + .checked-valid:before,
    .sop.sop .portlet-custom textarea + button + .checked-valid:before,
    .sop.sop .portlet-custom select + .checked-valid:before,
    .sop.sop .portlet-custom select + button + .checked-valid:before {
        display: none !important
    }

    .sop.sop .portlet-custom input + .checked-valid:after,
    .sop.sop .portlet-custom input + button + .checked-valid:after,
    .sop.sop .portlet-custom textarea + .checked-valid:after,
    .sop.sop .portlet-custom textarea + button + .checked-valid:after,
    .sop.sop .portlet-custom select + .checked-valid:after,
    .sop.sop .portlet-custom select + button + .checked-valid:after {
        padding-left: 10px;
        display: inline-block
    }

    .sop.sop .portlet-custom input + .checked-valid:before,
    .sop.sop .portlet-custom input + .checked-valid:after,
    .sop.sop .portlet-custom input + button + .checked-valid:before,
    .sop.sop .portlet-custom input + button + .checked-valid:after,
    .sop.sop .portlet-custom textarea + .checked-valid:before,
    .sop.sop .portlet-custom textarea + .checked-valid:after,
    .sop.sop .portlet-custom textarea + button + .checked-valid:before,
    .sop.sop .portlet-custom textarea + button + .checked-valid:after,
    .sop.sop .portlet-custom select + .checked-valid:before,
    .sop.sop .portlet-custom select + .checked-valid:after,
    .sop.sop .portlet-custom select + button + .checked-valid:before,
    .sop.sop .portlet-custom select + button + .checked-valid:after {
        right: -40px;
        top: -15px;
        color: #007834
    }

.sop.sop .portlet-custom input.validate-password + .checked-valid,
.sop.sop .portlet-custom textarea.validate-password + .checked-valid,
.sop.sop .portlet-custom select.validate-password + .checked-valid {
    display: none
}

.sop.sop .portlet-custom form label {
    display: block
}

    .sop.sop .portlet-custom form label + input,
    .sop.sop .portlet-custom form label + textarea,
    .sop.sop .portlet-custom form label + .custom-select,
    .sop.sop .portlet-custom form label + button.o-btn,
    .sop.sop .portlet-custom form label + .datepicker > input {
        margin-top: 0.64286em
    }

.fontresizer-200 .sop.sop .portlet-custom form label + input,
.fontresizer-200 .sop.sop .portlet-custom form label + textarea,
.fontresizer-200 .sop.sop .portlet-custom form label + .custom-select,
.fontresizer-200 .sop.sop .portlet-custom form label + button.o-btn,
.fontresizer-200 .sop.sop .portlet-custom form label + .datepicker > input {
    margin-top: 0.64286em
}

.sop.sop .portlet-custom form hr {
    margin: 28px 0 21px
}

.sop.sop .portlet-custom form .b-row.b-table-row.f-row {
    margin-left: -20px;
    margin-right: -20px
}

    .sop.sop .portlet-custom form .b-row.b-table-row.f-row .b-column {
        vertical-align: middle
    }

    .sop.sop .portlet-custom form .b-row.b-table-row.f-row label {
        margin-top: 0
    }

    .sop.sop .portlet-custom form .b-row.b-table-row.f-row .o-btn {
        width: 100%
    }

.sop.sop .portlet-custom form .f-row label,
.sop.sop .portlet-custom form .f-row .label {
    display: block;
    max-width: 100%;
    margin-top: 0px
}

.sop.sop .portlet-custom form .f-row input,
.sop.sop .portlet-custom form .f-row textarea,
.sop.sop .portlet-custom form .f-row .custom-select,
.sop.sop .portlet-custom form .f-row button.o-btn {
    margin-top: 0px
}

.sop.sop .portlet-custom form .f-row .msg {
    margin-bottom: 5px;
    font-size: 1em
}

.sop.sop .portlet-custom form .b-table-row label,
.sop.sop .portlet-custom form .b-table-row .label {
    margin-top: 0.64286em
}

.sop.sop .portlet-custom form .b-table-row input,
.sop.sop .portlet-custom form .b-table-row textarea,
.sop.sop .portlet-custom form .b-table-row .custom-select,
.sop.sop .portlet-custom form .b-table-row button.o-btn {
    margin-top: 0.64286em
}

.sop.sop .portlet-custom form fieldset legend {
    padding-bottom: 17px;
    width: auto
}

.sop.sop .portlet-custom .input-postfix {
    display: block;
    position: relative
}

    .sop.sop .portlet-custom .input-postfix.with-brd .input-postfix__content {
        width: 4.28571em;
        padding-right: 1.42857em
    }

        .sop.sop .portlet-custom .input-postfix.with-brd .input-postfix__content:after {
            content: "";
            position: absolute;
            top: 50%;
            height: 32px;
            margin-top: -16px;
            border-right: 1px solid #e6e6e6;
            right: 20px
        }

    .sop.sop .portlet-custom .input-postfix input.error + .input-postfix__content,
    .sop.sop .portlet-custom .input-postfix input.error + .checked-valid + .input-postfix__content {
        color: #ea1b27
    }

    .sop.sop .portlet-custom .input-postfix .input-postfix__content {
        position: absolute;
        width: 2.85714em;
        text-align: center;
        bottom: 1px;
        right: 4px;
        margin-top: 9;
        font-size: 1em;
        color: #007834;
        padding: 11px 0px 11px;
        text-transform: uppercase;
        font-family: "Lato";
        font-weight: normal;
        font-style: normal
    }

.fontresizer-200 .sop.sop .portlet-custom .input-postfix .input-postfix__content {
    padding: 0
}

.sop.sop .portlet-custom .input-postfix input[type="text"] {
    padding-right: 2.85714em
}

    .sop.sop .portlet-custom .input-postfix input[type="text"][readonly] {
        padding-top: 0
    }

.sop.sop .portlet-custom form .msg {
    margin: 0.5em 0em 0em 0em
}

    .sop.sop .portlet-custom form .msg + .msg,
    .sop.sop .portlet-custom form .msg.b-v-error.visible + .msg {
        margin-top: 0px
    }

    .sop.sop .portlet-custom form .msg.b-v-error + .msg {
        margin-top: 0.71429em
    }

    .sop.sop .portlet-custom form .msg.error:before,
    .sop.sop .portlet-custom form .msg.error:after {
        top: 50%
    }

.sop.sop .portlet-custom form .msg-counter {
    margin: 0.5em 0em 0em 0em
}

.sop.sop .portlet-custom form .condition-list + .condition-list {
    margin-top: 10px
}

.sop.sop .portlet-custom form .condition-list .condition .description {
    color: #ea1b27;
    font-family: "Lato";
    font-weight: normal;
    font-style: normal
}

.sop.sop .portlet-custom form .condition-list .condition .required {
    position: relative;
    overflow: hidden;
    min-height: 14px;
    vertical-align: middle
}

    .sop.sop .portlet-custom form .condition-list .condition .required:before,
    .sop.sop .portlet-custom form .condition-list .condition .required:after {
        font-family: "fontello";
        font-size: 0.875em;
        font-weight: 500;
        font-style: normal;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        position: relative;
        top: -0.0625em
    }

    .sop.sop .portlet-custom form .condition-list .condition .required:after {
        display: none
    }

    .sop.sop .portlet-custom form .condition-list .condition .required:before {
        display: none !important
    }

    .sop.sop .portlet-custom form .condition-list .condition .required:after {
        padding-left: 10px;
        display: inline-block
    }

    .sop.sop .portlet-custom form .condition-list .condition .required:before,
    .sop.sop .portlet-custom form .condition-list .condition .required:after {
        margin: 0px;
        padding: 0px;
        line-height: 1em
    }

    .sop.sop .portlet-custom form .condition-list .condition .required > span {
        text-indent: -9999px;
        display: inline-block
    }

    .sop.sop .portlet-custom form .condition-list .condition .required:before,
    .sop.sop .portlet-custom form .condition-list .condition .required:after {
        color: #007834;
        top: 0
    }

.sop.sop .portlet-custom form .condition-list .condition.checked .description {
    color: #10171f;
    font-family: "Lato";
    font-weight: 400;
    font-style: normal
}

.sop.sop .portlet-custom .custom-fileinput input[type=file] {
    top: 0;
    height: 50px !important
}

.sop.sop .portlet-custom .file_input_btn {
    border: 1px solid transparent;
    background-color: #285398;
    padding: 9px 10px 10px 27px !important;
    line-height: 42px
}
    .sop.sop .portlet-custom .file_input_btn:hover {
        border:1px solid #285398;
    }

.sop.sop .portlet-custom .custom-fileinput__text {
    border: transparent;
    background: transparent
}

.sop .portlet-custom .b-v-error {
    display: none !important
}

    .sop .portlet-custom .b-v-error.visible {
        display: block !important
    }

.sop .portlet-custom .hide-errors .b-v-error.visible,
.sop .portlet-custom .hide-errors ~ .b-v-error.visible {
    display: none !important
}

.sop .portlet-custom .b-main-v-error {
    border-bottom: none;
    padding: 0px;
    margin: 0px
}

.sop .portlet-custom [class*=b-sep][class*=blue][class*=top] {
    border-top-color: #0b1e34
}

.sop .portlet-custom [class*=b-sep][class*=blue][class*=bottom] {
    border-bottom-color: #0b1e34
}

.sop .portlet-custom [class*=b-sep][class*=blue][class*=left] {
    border-left-color: #0b1e34
}

.sop .portlet-custom [class*=b-sep][class*=blue][class*=right] {
    border-right-color: #0b1e34
}

.sop .portlet-custom [class*=b-sep][class*=grey][class*=top] {
    border-top-color: #e6e6e6
}

.sop .portlet-custom [class*=b-sep][class*=grey][class*=bottom] {
    border-bottom-color: #e6e6e6
}

.sop .portlet-custom [class*=b-sep][class*=grey][class*=left] {
    border-left-color: #e6e6e6
}

.sop .portlet-custom [class*=b-sep][class*=grey][class*=right] {
    border-right-color: #e6e6e6
}

.sop .portlet-custom [class*=b-sep][class*=fff][class*=top] {
    border-top-color: #fff
}

.sop .portlet-custom [class*=b-sep][class*=fff][class*=bottom] {
    border-bottom-color: #fff
}

.sop .portlet-custom [class*=b-sep][class*=fff][class*=left] {
    border-left-color: #fff
}

.sop .portlet-custom [class*=b-sep][class*=fff][class*=right] {
    border-right-color: #fff
}

.sop .portlet-custom [class*=b-sep-s-top] {
    border-top: 1px #c3c5c6 solid;
    margin-top: 12px !important;
    padding-top: 15px !important
}

.sop .portlet-custom [class*=b-sep-s-bottom] {
    border-bottom: 1px #c3c5c6 solid;
    margin-bottom: 12px !important;
    padding-bottom: 15px !important
}

.sop .portlet-custom [class*=b-sep-s-left] {
    border-left: 1px #c3c5c6 solid;
    padding-left: 15px !important
}

.sop .portlet-custom [class*=b-sep-s-right] {
    border-right: 1px #c3c5c6 solid;
    padding-right: 15px !important
}

.sop .portlet-custom hr[class*=b-sep-s-top] {
    padding: 0 !important;
    margin-bottom: 15px !important
}

.sop .portlet-custom hr[class*=b-sep-s-bottom] {
    padding: 0 !important;
    margin-top: 15px !important
}

.sop .portlet-custom [class*=b-sep-m-top] {
    border-top: 1px #c3c5c6 solid;
    margin-top: 22px !important;
    padding-top: 25px !important
}

.sop .portlet-custom [class*=b-sep-m-bottom] {
    border-bottom: 1px #c3c5c6 solid;
    margin-bottom: 22px !important;
    padding-bottom: 25px !important
}

.sop .portlet-custom [class*=b-sep-m-left] {
    border-left: 1px #c3c5c6 solid;
    padding-left: 25px !important
}

.sop .portlet-custom [class*=b-sep-m-right] {
    border-right: 1px #c3c5c6 solid;
    padding-right: 25px !important
}

.sop .portlet-custom hr[class*=b-sep-m-top] {
    padding: 0 !important;
    margin-bottom: 25px !important
}

.sop .portlet-custom hr[class*=b-sep-m-bottom] {
    padding: 0 !important;
    margin-top: 25px !important
}

.sop .portlet-custom [class*=b-sep-l-top] {
    border-top: 1px #c3c5c6 solid;
    margin-top: 28px !important;
    padding-top: 42px !important
}

.sop .portlet-custom [class*=b-sep-l-bottom] {
    border-bottom: 1px #c3c5c6 solid;
    margin-bottom: 28px !important;
    padding-bottom: 42px !important
}

.sop .portlet-custom [class*=b-sep-l-left] {
    border-left: 1px #c3c5c6 solid;
    padding-left: 42px !important
}

.sop .portlet-custom [class*=b-sep-l-right] {
    border-right: 1px #c3c5c6 solid;
    padding-right: 42px !important
}

.sop .portlet-custom hr[class*=b-sep-l-top] {
    padding: 0 !important;
    margin-bottom: 42px !important
}

.sop .portlet-custom hr[class*=b-sep-l-bottom] {
    padding: 0 !important;
    margin-top: 42px !important
}

.sop .portlet-custom [class*=b-sep-transparent-top] {
    border-top: 1px #c3c5c6 solid;
    margin-top: "" !important;
    padding-top: "" !important
}

.sop .portlet-custom [class*=b-sep-transparent-bottom] {
    border-bottom: 1px #c3c5c6 solid;
    margin-bottom: "" !important;
    padding-bottom: "" !important
}

.sop .portlet-custom [class*=b-sep-transparent-left] {
    border-left: 1px #c3c5c6 solid;
    padding-left: "" !important
}

.sop .portlet-custom [class*=b-sep-transparent-right] {
    border-right: 1px #c3c5c6 solid;
    padding-right: "" !important
}

.sop .portlet-custom hr[class*=b-sep-transparent-top] {
    padding: 0 !important;
    margin-bottom: "" !important
}

.sop .portlet-custom hr[class*=b-sep-transparent-bottom] {
    padding: 0 !important;
    margin-top: "" !important
}

.sop .portlet-custom hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    clear: both;
    display: block;
    height: 0;
    border: 0
}

    .sop .portlet-custom hr.sop-custom-hr-line {
        border-top: 1px #ccc solid
    }

    .sop .portlet-custom hr.sop-custom-hr-space {
        padding: 10px 0
    }

.sop .portlet-custom .sop-separator {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px #ccc solid
}

    .sop .portlet-custom .sop-separator.size-2x {
        margin: 0;
        padding: 5px 0
    }

.sop.sop .section-padded {
    padding-top: 2.14286em;
    padding-bottom: 2.14286em
}

.sop.sop .section-padded-b {
    padding-bottom: 2.14286em
}

.sop.sop .section-padded-xl {
    padding-top: 3.57143em;
    padding-bottom: 4.28571em
}

.sop.sop .section-padded-b-xl {
    padding-bottom: 3.21429em
}

.sop.sop .section-padded-xxl {
    padding-top: 4.28571em;
    padding-bottom: 4.28571em
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop.sop .section-padded-xxl:not(.no-rwd) {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

.sop.sop .section-padded-msg {
    padding-top: 3.21429em;
    padding-bottom: 1.42857em
}

.sop.sop .section-heading h2 {
    padding-top: 3.21429em;
    padding-bottom: 1.42857em
}

.sop.sop .section-heading.heading-with-sep h1,
.sop.sop .section-heading.heading-with-sep h2,
.sop.sop .section-heading.heading-with-sep h3,
.sop.sop .section-heading.heading-with-sep h4,
.sop.sop .section-heading.heading-with-sep h5 {
    padding-bottom: 0
}

.sop.sop .section-heading.heading-first h1,
.sop.sop .section-heading.heading-first h2,
.sop.sop .section-heading.heading-first h3,
.sop.sop .section-heading.heading-first h4,
.sop.sop .section-heading.heading-first h5 {
    padding-top: 0
}

.sop.sop .section-messages {
    padding-top: 1.42857em
}

.sop .portlet-custom table {
    width: 100%;
    border-collapse: collapse
}

    .sop .portlet-custom table td,
    .sop .portlet-custom table th {
        padding-top: 10px;
        vertical-align: top;
        color: #000;
        padding-bottom: 15px;
    }

    .sop .portlet-custom table thead th {
        background: #1d3055;
        color: #fff;
        text-align: left;
        font-size: 10pt;
    }

    .sop .portlet-custom table tbody th:only-child,
    .sop .portlet-custom table tbody th.only {
        background: #0b1e34;
        color: #fff
    }

    .sop .portlet-custom table tbody th td,
    .sop .portlet-custom table tbody th tr {
        border-bottom: none;
        border-top: none
    }

    .sop .portlet-custom table tfoot th:only-of-type {
        text-align: right
    }

    .sop .portlet-custom table tbody:first-child,
    .sop .portlet-custom table caption + tbody {
        border: none;
    }

    .sop .portlet-custom table caption span {
        display: block;
        background: #333;
        color: #fff;
        text-align: center;
        padding: 10px 10px 10px 10px
    }

    .sop .portlet-custom table .no-border td {
        border: 0 none
    }

    .sop .portlet-custom table thead a {
        color: #10171f
    }

        .sop .portlet-custom table thead a[class*="sort-"] {
            position: relative;
            display: inline-block;
            display: block
        }

            .sop .portlet-custom table thead a[class*="sort-"]:before,
            .sop .portlet-custom table thead a[class*="sort-"]:after {
                font-family: "fontello";
                font-size: 0.875em;
                font-weight: 500;
                font-style: normal;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                position: relative;
                top: -0.0625em
            }

            .sop .portlet-custom table thead a[class*="sort-"]:after {
                display: none
            }

            .sop .portlet-custom table thead a[class*="sort-"]:before {
                display: none !important
            }

            .sop .portlet-custom table thead a[class*="sort-"]:after {
                padding-left: 10px;
                display: inline-block
            }

            .sop .portlet-custom table thead a[class*="sort-"]:before,
            .sop .portlet-custom table thead a[class*="sort-"]:after {
                position: absolute;
                top: -0.15em
            }

            .sop .portlet-custom table thead a[class*="sort-"]:before {
                left: 0px
            }

            .sop .portlet-custom table thead a[class*="sort-"]:after {
                right: 0px
            }

            .sop .portlet-custom table thead a[class*="sort-"]:before,
            .sop .portlet-custom table thead a[class*="sort-"]:after {
                font-size: 0.875em;
                top: 0
            }

        .sop .portlet-custom table thead a.sort-up:before,
        .sop .portlet-custom table thead a.sort-up:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #f7f7f7;
        }

        .sop .portlet-custom table thead a.sort-up:hover:before,
        .sop .portlet-custom table thead a.sort-up:hover:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #FFD900;
        }

        .sop .portlet-custom table thead a.sort-down:before,
        .sop .portlet-custom table thead a.sort-down:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #f7f7f7;
        }

        .sop .portlet-custom table thead a.sort-down:hover:before,
        .sop .portlet-custom table thead a.sort-down:hover:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #FFD900;
        }

    .sop .portlet-custom table td > .sort-wrapper,
    .sop .portlet-custom table th > .sort-wrapper {
        position: relative;
        padding-right: 20px
    }

    .sop .portlet-custom table td a.link-sort,
    .sop .portlet-custom table th a.link-sort {
        position: absolute;
        right: 0;
        top: 0;
        width: 8px;
        overflow: hidden
    }

        .sop .portlet-custom table td a.link-sort[class*=b-icon]:before,
        .sop .portlet-custom table td a.link-sort[class*=b-icon]:after,
        .sop .portlet-custom table th a.link-sort[class*=b-icon]:before,
        .sop .portlet-custom table th a.link-sort[class*=b-icon]:after {
            font-size: 1em;
        }

        .sop .portlet-custom table td a.link-sort[class*=b-icon]:focus,
        .sop .portlet-custom table th a.link-sort[class*=b-icon]:focus {
            outline-offset: 3px !important
        }

.sop .portlet-custom .sop-custom-table,
.sop.sop .portlet-custom .sop-cms table,
.sop.sop .sop-cms .portlet-custom table {
    background-color: #fff
}

    .sop .portlet-custom .sop-custom-table td,
    .sop.sop .portlet-custom .sop-cms table td,
    .sop.sop .sop-cms .portlet-custom table td,
    .sop .portlet-custom .sop-custom-table th,
    .sop.sop .portlet-custom .sop-cms table th,
    .sop.sop .sop-cms .portlet-custom table th {
        border: 1px solid #ccc
    }

.sop .portlet-custom [class*="b-icon-"][class*="mobile-phone"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="mobile-phone"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="add"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="add"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="car"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="car"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="ticket"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="ticket"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="two-tickets"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="two-tickets"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="hourglass"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="hourglass"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="bag"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="bag"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="active"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="active"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="inactive"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="inactive"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="park-and-ride"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="park-and-ride"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="events"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="events"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="university"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="university"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="cc-visa"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="cc-visa"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="cc-mastercard"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="cc-mastercard"]:before,
.sop .portlet-custom [class*="b-icon-"][class*="single-ticket"]:after,
.sop .portlet-custom [class*="b-icon-"][class*="single-ticket"]:before {
    font-size: 38px
}

.sop .portlet-custom .o-cover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAEklEQVR4nGNiMIZBJgY4IMgEADJQAQp1YDArAAAAAElFTkSuQmCC');
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 501
}

    .sop .portlet-custom .o-cover.o-cover-bottom {
        background-color: transparent;
        display: block;
        position: static;
        height: 1px;
        overflow: hidden;
        -webkit-transition: height 0.2s ease-in;
        -moz-transition: height 0.2s ease-in;
        -o-transition: height 0.2s ease-in;
        transition: height 0.2s ease-in
    }

        .sop .portlet-custom .o-cover.o-cover-bottom.o-cover-bottom-appended {
            height: 40px
        }

            .sop .portlet-custom .o-cover.o-cover-bottom.o-cover-bottom-appended > .spinner {
                top: 50% !important
            }

.sop .portlet-custom .msg.error,
.sop .portlet-custom .msg.succ,
.sop .portlet-custom .msg.warn,
.sop .portlet-custom .alert-box.error,
.sop .portlet-custom .alert-box.succ,
.sop .portlet-custom .alert-box.warn {
    *zoom: 1;
    position: relative
}

    .sop .portlet-custom .msg.error:before,
    .sop .portlet-custom .msg.succ:before,
    .sop .portlet-custom .msg.warn:before,
    .sop .portlet-custom .alert-box.error:before,
    .sop .portlet-custom .alert-box.succ:before,
    .sop .portlet-custom .alert-box.warn:before,
    .sop .portlet-custom .msg.error:after,
    .sop .portlet-custom .msg.succ:after,
    .sop .portlet-custom .msg.warn:after,
    .sop .portlet-custom .alert-box.error:after,
    .sop .portlet-custom .alert-box.succ:after,
    .sop .portlet-custom .alert-box.warn:after {
        content: " ";
        display: table
    }

    .sop .portlet-custom .msg.error:after,
    .sop .portlet-custom .msg.succ:after,
    .sop .portlet-custom .msg.warn:after,
    .sop .portlet-custom .alert-box.error:after,
    .sop .portlet-custom .alert-box.succ:after,
    .sop .portlet-custom .alert-box.warn:after {
        clear: both
    }

.sop .portlet-custom .msg.error,
.sop .portlet-custom .msg.succ,
.sop .portlet-custom .msg.warn {
    display: inline-block;
    font-size: 0.875em;
    font-weight: normal;
    padding: 0px 0px 0px 0px
}

.sop .portlet-custom .alert-box.error,
.sop .portlet-custom .alert-box.succ,
.sop .portlet-custom .alert-box.warn {
    display: block;
    font-weight: normal;
    padding: 20px 60px 20px 60px
}

    .sop .portlet-custom .alert-box.error p,
    .sop .portlet-custom .alert-box.succ p,
    .sop .portlet-custom .alert-box.warn p {
        font-size: 1em;
        margin-top: 0
    }

        .sop .portlet-custom .alert-box.error p:last-child,
        .sop .portlet-custom .alert-box.succ p:last-child,
        .sop .portlet-custom .alert-box.warn p:last-child {
            margin-bottom: 0
        }

.sop .portlet-custom .msg.error {
    color: #ea1b27
}

.sop .portlet-custom .msg.succ {
    color: #bcc3ca
}

.sop .portlet-custom .msg.warn {
    color: #ffd600
}

.sop .portlet-custom .alert-box.error {
    background-color: #ea1b27;
    color: #ea1b27
}

.sop .portlet-custom .alert-box.succ {
    background-color: #bcc3ca;
    color: #bcc3ca
}

.sop .portlet-custom .alert-box.warn {
    background-color: #ffd600;
    color: #ffd600;
}

.sop .portlet-custom .alert-box .close {
    position: absolute;
    top: 10px;
    right: 15px;
    text-decoration: none;
    color: #fff
}

.sop .portlet-custom .o-breadcrumbs {
    margin: 0;
    *zoom: 1
}

    .sop .portlet-custom .o-breadcrumbs:before,
    .sop .portlet-custom .o-breadcrumbs:after {
        content: " ";
        display: table
    }

    .sop .portlet-custom .o-breadcrumbs:after {
        clear: both
    }

    .sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path {
        padding: 0;
        margin: 0;
        background: none;
        list-style: none
    }

        .sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path li {
            display: inline-block
        }

            .sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path li .o-breadcrumbs__link,
            .sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path li .o-breadcrumbs__current {
                display: inline-block;
                font-size: 0.85714em
            }

        .sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path .o-breadcrumbs__divider {
            display: none
        }

        .sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path li + li:before {
            content: "\003E";
            display: inline-block;
            vertical-align: middle;
            margin: 0em 0.41667em 0em 0.16667em
        }

.sop .portlet-custom button {
    font-size: 1em
}

.w170 {
    width: 170px !important;
    font-size: 0.875em !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.sop .portlet-custom [class^="o-btn--"] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    width: auto;
    cursor: pointer;
    display: inline-block;
    font-family: "Lato";
    font-weight: bold;
    text-transform: none;
    outline: none;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    vertical-align: top;
    margin: 0em 0em 0em 0em
}

.o-btn {
    border: 1px solid #285398;
    user-select: none;
    border-radius: 0;
    transition: all 0.2s ease-in;
    width: auto;
    cursor: pointer;
    display: inline-block;
    font-family: "Lato";
    font-weight: bold;
    text-transform: none;
    outline: none;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    vertical-align: top;
    margin: 0em 0em 0em 0em;
    font-size: 1em;
    padding: 10px 20px 10px;
    line-height: 35px;
    background-color: #285398;
    color: #ffffff;
    box-shadow: none;
    text-shadow: none;
    padding-right: 40px;
    border-radius: 9px;
    border-width: 1px;
    white-space: nowrap;
}

.sop .portlet-custom .o-btn-white:hover,
.sop .portlet-custom .o-btn-white:focus,
.sop .portlet-custom .o-btn-white:active,
.sop .portlet-custom .o-btn-white.hover {
    background-color: #fafafa !important;
    color: #4476c7 !important;
}

.edit-register-btn {
    font-family: "Lato" !important;
    font-style: normal !important;
    font-size: 1em !important;
    background-color: white !important;
    color: #285398 !important;
}

.sop .portlet-custom .o-btn:hover,
.sop .portlet-custom .o-btn:focus,
.sop .portlet-custom .o-btn:active,
.sop .portlet-custom .o-btn.hover {
    background-color: #4476c7;
    color: #fff;
    border: 2px inherit red;
    box-shadow: none;
    font-size: 1em;
    line-height: 50px
}

.sop .portlet-custom .o-btn.large {
    font-size: 1.125em;
    padding: 0 15px 0;
    line-height: 40px
}

.sop .portlet-custom .o-btn.small {
    font-size: 0.75em;
    padding: 0 5px 0;
    line-height: 2px
}

.sop .portlet-custom .o-btn.tiny {
    font-size: 0.625em;
    padding: 0 2px 0;
    line-height: 1px
}

.sop .portlet-custom .o-btn.expand {
    width: 100%
}

.sop .portlet-custom .o-btn.centered {
    text-align: center;
    padding-right: 1.42857em
}

.sop .portlet-custom .o-btn.radius {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.sop .portlet-custom .o-btn.round {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px
}

@-moz-document url-prefix() {
}

.sop .portlet-custom .o-tbtn {
    background: none;
    border: none;
    padding: 0;
    color: #0b1e34
}

    .sop .portlet-custom .o-tbtn:hover {
        text-decoration: underline
    }

.sop .portlet-custom .o-btn-transparent {
    background: none !important;
    border: none !important;
    box-shadow: none !important
}

    .sop .portlet-custom .o-btn-transparent span {
        position: absolute;
        left: -9999px
    }

.sop .portlet-custom .checkbox-label {
    min-height: 26px;
    min-width: 26px;
    cursor: default
}

    .sop .portlet-custom .checkbox-label [type=checkbox] {
        position: absolute;
        left: -9999px
    }

        .sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci {
            position: relative;
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
            padding-left: 42px
        }

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci {
        padding-left: 15px;
    }
    .sop.sop .section-padded-xxl:not(.no-rwd) {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:before {
    content: "";
    left: 0px;
    top: 0px;
    position: absolute
}

.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:after {
    content: "";
    left: 0px;
    top: 0px;
    position: absolute
}

.sop .portlet-custom .checkbox-label input ~ .sop-ci-label,
.sop .portlet-custom .checkbox-label input ~ div {
    cursor: pointer
}

.sop .portlet-custom .checkbox-label input[disabled] ~ .sop-ci-label,
.sop .portlet-custom .checkbox-label input[disabled] ~ div,
.sop .portlet-custom .checkbox-label input[disabled] ~ span {
    cursor: default
}

.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:before {
    border: 2px solid #285398;
    background: #f7f7f7;
    height: 26px;
    width: 26px;
    border-radius: 10%;
}

.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:after {
    opacity: 0;
    content: '';
    /*     font-size: 15px; */
    font-size: 0.9375em;
    color: #fff;
    font-family: "fontello"
}

.sop .portlet-custom .checkbox-label [type=checkbox]:checked ~ .sop-ci:before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:before {
    background-color: #fff !important;
}

.sop .portlet-custom .checkbox-label [type=checkbox]:checked ~ .sop-ci:before {
    background-color: #285398 !important;
}

.sop .portlet-custom .checkbox-label [type=checkbox]:checked ~ .sop-ci:before {
    border-color: #285398;
}

.sop .portlet-custom .checkbox-label [type=checkbox]:checked ~ .sop-ci:after {
    opacity: 1;
    content: "\2714"
}

.sop .portlet-custom .checkbox-label [type=checkbox]:focus ~ .sop-ci:before {
    border-color: #285398;
    outline-offset: 3px
}

.sop .portlet-custom .checkbox-label [type=checkbox][disabled] ~ .sop-ci:before {
    border-color: #285398;
    background: #e6e6e6;
    cursor: default
}

.sop .portlet-custom .checkbox-label [type=checkbox][readonly] ~ .sop-ci:before {
    border-color: #285398;
    background: #e6e6e6;
    cursor: default
}

.sop .portlet-custom .checkbox-label [type=checkbox][disabled] ~ .sop-ci:after {
    color: #e5e5e5;
    cursor: default
}

.sop .portlet-custom .checkbox-label [type=checkbox][readonly] ~ .sop-ci:after {
    color: #e5e5e5;
    cursor: default
}

.sop .portlet-custom .checkbox-label [type=checkbox].error ~ .sop-ci:before {
    border-color: #ea1b27
}

.sop .portlet-custom .radio-label {
    min-height: 25px;
    min-width: 25px;
    cursor: default;
    display: block;
    max-width: 100%;
    margin-top: 0px;
}

    .sop .portlet-custom .radio-label [type=radio] {
        position: absolute;
        left: -9999px
    }

        .sop .portlet-custom .radio-label [type=radio] ~ .sop-ci {
            position: relative;
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
            padding-left: 41px
        }

.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:before {
    content: "";
    left: 0px;
    top: 0px;
    position: absolute
}

.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after {
    content: "";
    left: 0px;
    top: 0px;
    position: absolute
}

.sop .portlet-custom .radio-label input ~ .sop-ci-label,
.sop .portlet-custom .radio-label input ~ div {
    cursor: pointer
}

.sop .portlet-custom .radio-label input[disabled] ~ .sop-ci-label,
.sop .portlet-custom .radio-label input[disabled] ~ div,
.sop .portlet-custom .radio-label input[disabled] ~ span {
    cursor: default
}

.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:before {
    position: absolute;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #f7f7f7;
    border: 2px solid #999a9a
}

.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    width: 11px;
    height: 11px;
    left: 9px;
    top: 9px;
    background: #285398;
    opacity: 0
}

.ie .sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after,
.ie11 .sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after {
    content: '';
    left: 5px;
    top: 2px;
    background: transparent;
    color: #285398;
    font-size: 0.935em;
    font-family: Arial
}

.sop .portlet-custom .radio-label [type=radio]:checked ~ .sop-ci:after {
    opacity: 1;
}

.ie .sop .portlet-custom .radio-label [type=radio]:checked ~ .sop-ci:after,
.ie11 .sop .portlet-custom .radio-label [type=radio]:checked ~ .sop-ci:after {
    content: "\25cf"
}

.sop .portlet-custom .radio-label [type=radio]:focus ~ .sop-ci:before {
    border-color: #ffd600
}

.sop .portlet-custom .radio-label [type=radio][disabled] ~ .sop-ci:before {
    border-color: #285398;
    background: #e6e6e6;
    cursor: default
}

.sop .portlet-custom .radio-label [type=radio][readonly] ~ .sop-ci:before {
    border-color: #285398;
    background: #e6e6e6;
    cursor: default
}

.sop .portlet-custom .radio-label [type=radio][disabled] ~ .sop-ci:after {
    background: #e5e5e5;
    cursor: default
}

.sop .portlet-custom .radio-label [type=radio][readonly] ~ .sop-ci:after {
    background: #e5e5e5;
    cursor: default
}

.sop .portlet-custom .radio-label [type=radio].error ~ .sop-ci:before {
    border-color: #ea1b27
}

.sop .portlet-custom .checkbox-label .sop-custom-input,
.sop .portlet-custom .radio-label .sop-custom-input {
    padding: 0px !important
}

    .sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox,
    .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox {
        border: 2px solid #285398;
        background: #f7f7f7;
        height: 26px;
        width: 26px
    }

        .sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox:before,
        .sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox:after,
        .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox:before,
        .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox:after {
            display: none !important
        }

        .sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox .sop-checkbox-inner:before,
        .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox .sop-checkbox-inner:before {
            left: 0px;
            top: 0px;
            display: block;
            height: 26px;
            line-height: 1em;
            width: 26px;
            position: absolute;
            content: "";
            font-size: 0.9375em;
            color: #0b1e34;
            font-family: "fontello"
        }

        .sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox.sop-checked .sop-checkbox-inner:before,
        .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox.sop-checked .sop-checkbox-inner:before {
            content: "\2714"
        }

    .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio,
    .sop .portlet-custom .radio-label .sop-custom-input.sop-radio {
        width: 25px;
        height: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        background: #f7f7f7;
        border: 2px solid #285398
    }

        .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio .sop-radio-inner,
        .sop .portlet-custom .radio-label .sop-custom-input.sop-radio .sop-radio-inner {
            -webkit-border-radius: 11px;
            -moz-border-radius: 11px;
            border-radius: 11px;
            width: 11px;
            height: 11px;
            left: 9px;
            top: 9px;
            background: #285398;
            display: none !important
        }

.ie .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio .sop-radio-inner,
.ie11 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio .sop-radio-inner,
.ie .sop .portlet-custom .radio-label .sop-custom-input.sop-radio .sop-radio-inner,
.ie11 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio .sop-radio-inner {
    content: "\25cf";
    left: 5px;
    top: 2px;
    background: transparent;
    color: #285398;
    font-size: 0.9375em;
    font-family: Arial
}

.sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-custom-input-checked .sop-radio-inner,
.sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-custom-input-checked .sop-radio-inner {
    display: block !important
}

.ie8 .sop .portlet-custom .checkbox-label input,
.ie8 .sop .portlet-custom .radio-label input {
    outline: none !important
}

.ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio,
.ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio {
    background: url(../img/ie8/radio.png) 0 0 no-repeat;
    border: none !important;
    background-color: transparent !important
}

    .ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio:before,
    .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio:before {
        content: '\25cb';
        font-size: 34px;
        color: #f7f7f7;
        top: -1px;
        left: -1px;
        border: none !important;
        background: transparent
    }

    .ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio .sop-radio-inner,
    .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio .sop-radio-inner {
        border: none !important;
        background-color: transparent !important
    }

    .ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-not-checked,
    .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-not-checked {
        background-position: 0 0
    }

    .ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-checked,
    .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-checked {
        background-position: 0 -29px
    }

    .ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-disabled,
    .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-disabled {
        background-position: 0 -58px
    }

        .ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-disabled ~ .sop-ci-label,
        .ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-disabled ~ div,
        .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-disabled ~ .sop-ci-label,
        .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-disabled ~ div {
            cursor: default
        }

        .ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-disabled.sop-checked,
        .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-disabled.sop-checked {
            background-position: 0 -87px
        }

.sop .portlet-custom .custom-select:not(.datepicker) {
    position: relative
}

.sop .portlet-custom .custom-select:before,
.sop .portlet-custom .custom-select:after {
    display: block !important
}

.sop .portlet-custom .custom-select:not(.datepicker):after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #0133a9;
    top: 48%;
    right: 20px;
    bottom: 2px;
    pointer-events: none;
    color: #0133a9;
    z-index: 1000;
}

.sop .portlet-custom .custom-select.datepicker:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    content: "\e812";
    top: 2px;
    right: 2px;
    bottom: 2px;
    min-width: 35px;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 9px;
    background: #f7f7f7;
    pointer-events: none;
    text-align: center;
    line-height: 32px;
    color: #0133a9;
    font-size: 0.5em;
    font-family: "fontello";
}

.ui-datepicker-year option {
    color: #474747 !important;
}

.sop .portlet-custom .ui-datepicker-title .custom-select:after {
    color: #FFD801 !important;
    background-color: #474747 !important;
}

.sop .portlet-custom .custom-select-yellow .ui-datepicker-month:after {
    color: #FFD801 !important;
}

.sop .portlet-custom .custom-select.disabled:after,
.sop .portlet-custom .custom-select.readonly:after {
    background: #e6e6e6;
    color: #e5e5e5
}

.sop .portlet-custom .custom-select > select {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin-bottom: 0;
    background: white;
    padding: 15px 35px 12px 16px;
    border: 2px solid white;
    box-shadow: none;
    font-size: 1em;
    line-height: 1.2em;
    color: #10171f;
    min-height: 50px;
    z-index: 2
}

.sop .portlet-custom .custom-select > select:focus {
    outline: none !important
}

.sop .portlet-custom .custom-select > select[disabled],
.sop .portlet-custom .custom-select > select[readonly] {
    background: #e6e6e6;
    color: #e5e5e5;
    border-color: #e5e5e5
}

.sop .portlet-custom .custom-select > select.s-large {
    width: 308px
}

.sop .portlet-custom .custom-select > select option {
    padding: 14px 10px 15px
}

.windowsphone .sop .portlet-custom .custom-select:after,
.ie8 .sop .portlet-custom .custom-select:after,
.ie9 .sop .portlet-custom .custom-select:after {
    content: url('/img/ie8/select.png') !important;
    right: -4px;
    top: -3px;
    background-image: none;
    background-color: transparent
}

.sop .portlet-custom .custom-fileinput {
    position: relative
}

.js .sop .portlet-custom .custom-fileinput input[type=file] {
    z-index: 9;
    height: 45px;
    position: absolute;
    width: 100%;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.sop .portlet-custom #ui-datepicker-div[style] {
    background: #fff;
    padding: 20px;
    border: 1px #cbccd1 solid
}

@media only screen and (max-width: 800px) {
    .sop .portlet-custom #ui-datepicker-div[style] {
        position: relative !important;
        top: 0 !important;
        left: 0 !important
    }
}

.sop .portlet-custom #ui-datepicker-div[style][class*="popup"][class*="-arrow"] .content:before,
.sop .portlet-custom #ui-datepicker-div[style][class*="popup"][class*="-arrow"] .content:after,
.sop .portlet-custom #ui-datepicker-div[style][class*="popup"][class*="-arrow"]:before {
    left: 0
}

.sop .portlet-custom .ui-datepicker-trigger {
    position: relative
}

    .sop .portlet-custom .ui-datepicker-trigger:after {
        content: "\e800";
        font-family: "fontello";
        font-size: 0.875em;
        position: absolute;
        z-index: 3;
        color: #0b1e34;
        top: -2px;
        left: 0;
        width: 30px;
        height: 30px;
        text-align: center
    }

.sop .portlet-custom button.ui-datepicker-trigger {
    background: none;
    border: none;
    padding: 0;
    width: auto;
    height: auto;
    width: 30px;
    height: 30px
}

.sop .portlet-custom .datepicker {
    position: relative
}

.sop .portlet-custom .ui-datepicker-trigger {
    position: absolute;
    right: 10px
}

    .sop .portlet-custom .ui-datepicker-trigger:after {
        position: relative
    }

.sop .portlet-custom .ui-datepicker[style] {
    z-index: 499 !important;
    width: 279px !important
}

@media only screen and (max-width: 800px) {
    .sop .portlet-custom .ui-datepicker[style] {
        width: 100% !important
    }
}

.sop .portlet-custom .ui-datepicker[style] .content .ui-datepicker-group {
    min-width: 217px;
    padding: 0
}

.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header {
    padding: 11px 0;
    text-align: center;
    font-size: 0.875em;
    color: #fff;
    background: #0b1e34;
    position: relative;
    margin-top: -20px;
    margin-right: -20px;
    margin-bottom: 5px;
    margin-left: -20px
}

    .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a {
        cursor: pointer;
        position: absolute;
        text-transform: uppercase;
        font-family: Arial
    }

        .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-state-disabled,
        .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-state-disabled:hover {
            color: #ddd
        }

        .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev {
            left: 11px
        }

            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:before,
            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:after {
                font-family: "fontello";
                font-size: 0.875em;
                font-weight: 500;
                font-style: normal;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                position: relative;
                top: -0.0625em
            }

            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:after {
                display: none
            }

            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:before,
            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:after {
                content: "\e816"
            }

        .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next {
            right: 7px
        }

            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:before,
            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:after {
                font-family: "fontello";
                /*     font-size: 14px; */
                font-size: 0.875em;
                font-weight: 500;
                font-style: normal;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                position: relative;
                top: -0.0625em
            }

            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:after {
                display: none
            }

            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:before,
            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:after {
                content: "\e815"
            }

            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:before,
            .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:before {
                display: inline-block;
                line-height: 1em;
                color: #FFD801;
                font-weight: normal;
                font-size: 1.0625em;
                font-family: fontello;
                top: 0;
                position: relative;
                vertical-align: middle
            }

        .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a span {
            position: absolute;
            left: -99999px
        }

    .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header .ui-datepicker-title {
        font-size: 0.875em;
        color: #fff
    }

        .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header .ui-datepicker-title,
        .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header .ui-datepicker-title span {
            font-weight: normal
        }

.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar {
    width: 100%;
    margin-top: 0;
    border-collapse: collapse;
    border: none
}

    .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td,
    .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th {
        width: 31px;
        height: 31px;
        text-align: center;
        float: none;
        padding: 0;
        box-shadow: none;
        border-style: solid;
        border-color: #fff;
        border-width: 2px 2px 2px 0
    }

        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td:first-child,
        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th:first-child {
            border-left-width: 2px
        }

        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td a,
        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td span,
        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th a,
        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th span {
            padding: 11px 4px !important;
            text-align: center;
            text-decoration: none;
            display: block;
            color: #10171f;
            font-size: 0.8125em;
            font-weight: bold
        }

            .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td a.ui-state-active,
            .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td span.ui-state-active,
            .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th a.ui-state-active,
            .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th span.ui-state-active {
                color: #fff
            }

    .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th {
        background: #fff;
        border-bottom: none, none, 1px #ccc solid, none;
        text-align: center
    }

        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th a,
        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th span {
            text-align: center;
            font-size: 0.8125em;
            font-weight: normal;
            text-transform: none;
            color: #10171f;
            padding: 10px 6px 2px !important
        }

    .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td {
        background: #fff
    }

        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-unselectable,
        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-state-disabled,
        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-other-month {
            background: #fff
        }

            .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-unselectable span,
            .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-state-disabled span,
            .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-other-month span {
                color: #868893;
                font-weight: bold
            }

        .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-current-day {
            background: #fff
        }

            .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-current-day a,
            .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-current-day span {
                color: #000;
                font-weight: bold
            }

.sop .portlet-custom .o-input-group-addon,
.sop .portlet-custom .o-input-group-btn,
.sop .portlet-custom .o-input-group .form-control {
    display: table-cell
}

.sop .portlet-custom .o-input-group {
    display: table;
    width: 100%
}

    .sop .portlet-custom .o-input-group:last-child {
        margin-bottom: 0
    }

    .sop .portlet-custom .o-input-group .o-form-control {
        margin-bottom: 0;
        width: 100%;
        position: relative;
        z-index: 2
    }

        .sop .portlet-custom .o-input-group .o-form-control ~ .o-input-group-btn > .o-btn.o-btn-noleft,
        .sop .portlet-custom .o-input-group .o-form-control .o-input-group-addon {
            -moz-border-radius-topleft: 0;
            -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
            -moz-border-radius-bottomleft: 0;
            -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
            border-left: none
        }

        .sop .portlet-custom .o-input-group .o-form-control:first-child {
            -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
        }

    .sop .portlet-custom .o-input-group .o-input-group-btn,
    .sop .portlet-custom .o-input-group .o-input-group-addon {
        vertical-align: top;
        white-space: nowrap;
        width: 1%
    }

        .sop .portlet-custom .o-input-group .o-input-group-btn.spaced > *,
        .sop .portlet-custom .o-input-group .o-input-group-addon.spaced > * {
            margin-left: 20px
        }

        .sop .portlet-custom .o-input-group .o-input-group-btn.spaced:first-child > *,
        .sop .portlet-custom .o-input-group .o-input-group-addon.spaced:first-child > * {
            margin-left: 0
        }

        .sop .portlet-custom .o-input-group .o-input-group-btn.spaced:first-child > *,
        .sop .portlet-custom .o-input-group .o-input-group-addon.spaced:first-child > * {
            margin-right: 20px
        }

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom .o-input-group .o-input-group-btn.block-for-small,
    .sop .portlet-custom .o-input-group .o-input-group-addon.block-for-small {
        display: block;
        width: 100%;
        white-space: normal;
        padding-bottom: 20px
    }
}

.sop .portlet-custom .o-input-group .o-input-group-btn:first-child > .o-btn,
.sop .portlet-custom .o-input-group .o-input-group-addon:first-child > .o-btn {
    border-right: none;
    -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
}

.sop .portlet-custom .o-input-group .o-input-group-btn > .o-btn[class^="b-icon"],
.sop .portlet-custom .o-input-group .o-input-group-addon > .o-btn[class^="b-icon"] {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100%;
    display: table-cell
}

.sop .portlet-custom .o-input-group .o-input-group-btn + input[type="text"],
.sop .portlet-custom .o-input-group .o-input-group-btn + input[type="password"],
.sop .portlet-custom .o-input-group .o-input-group-btn + select,
.sop .portlet-custom .o-input-group .o-input-group-addon + input[type="text"],
.sop .portlet-custom .o-input-group .o-input-group-addon + input[type="password"],
.sop .portlet-custom .o-input-group .o-input-group-addon + select {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.sop .portlet-custom .o-input-group .o-input-group-btn {
    position: relative
}

    .sop .portlet-custom .o-input-group .o-input-group-btn > .o-btn {
        position: relative
    }

.sop.sop .sop--pre h2,
.sop.sop .sop-cms h2,
.sop.sop .sop--pre .h2,
.sop.sop .sop-cms .h2,
.sop.sop .sop--pre h3,
.sop.sop .sop-cms h3,
.sop.sop .sop--pre .h3,
.sop.sop .sop-cms .h3,
.sop.sop .sop--pre h4,
.sop.sop .sop-cms h4,
.sop.sop .sop--pre .h4,
.sop.sop .sop-cms .h4,
.sop.sop .sop--pre h5,
.sop.sop .sop-cms h5,
.sop.sop .sop--pre .h5,
.sop.sop .sop-cms .h5,
.sop.sop .sop--pre p,
.sop.sop .sop-cms p {
    padding: 0;
    margin: 0
}

.sop.sop .sop--pre p,
.sop.sop .sop-cms p,
.sop.sop .sop--pre li,
.sop.sop .sop-cms li {
    font-size: 1em
}

    .sop.sop .sop--pre li p,
    .sop.sop .sop-cms li p,
    .sop.sop .sop--pre li li,
    .sop.sop .sop-cms li li {
        font-size: 1em
    }

.sop.sop .sop--pre a,
.sop.sop .sop-cms a {
    color: #285398;
    text-decoration: underline
}

    .sop.sop .sop--pre a:focus,
    .sop.sop .sop-cms a:focus,
    .sop.sop .sop--pre a:hover,
    .sop.sop .sop-cms a:hover {
        color: #002f63
    }

    .sop.sop .sop--pre a[class*=b-icon],
    .sop.sop .sop-cms a[class*=b-icon] {
        text-decoration: none
    }

.sop.sop .sop--pre ul,
.sop.sop .sop-cms ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .sop.sop .sop--pre ul li + li,
    .sop.sop .sop-cms ul li + li {
        margin-top: 0.71429em
    }

    .sop.sop .sop--pre ul li ul,
    .sop.sop .sop-cms ul li ul {
        margin-top: 0.85714em
    }

.sop.sop .sop--pre .decimal > ul,
.sop.sop .sop-cms .decimal > ul {
    list-style: decimal;
    margin-left: 1.42857em
}

.sop.sop .sop--pre ul ol,
.sop.sop .sop-cms ul ol,
.sop.sop .sop--pre ol ul,
.sop.sop .sop-cms ol ul {
    margin: 0.71429em 0em 1.07143em 0em
}

.sop.sop .sop--pre ul ul,
.sop.sop .sop-cms ul ul,
.sop.sop .sop--pre ol ul,
.sop.sop .sop-cms ol ul {
    padding-left: 1em
}

.sop.sop .sop--pre ul ol,
.sop.sop .sop-cms ul ol,
.sop.sop .sop--pre ol ol,
.sop.sop .sop-cms ol ol {
    padding-left: 2em
}

.sop.sop .sop--pre div + *,
.sop.sop .sop-cms div + * {
    margin-top: 1.07143em
}

.sop.sop .sop--pre .h3 + *,
.sop.sop .sop-cms .h3 + *,
.sop.sop .sop--pre h3 + *,
.sop.sop .sop-cms h3 + *,
.sop.sop .sop--pre h4 + *,
.sop.sop .sop-cms h4 + *,
.sop.sop .sop--pre .h4 + *,
.sop.sop .sop-cms .h4 + *,
.sop.sop .sop--pre p + *,
.sop.sop .sop-cms p + *,
.sop.sop .sop--pre ul + *,
.sop.sop .sop-cms ul + *,
.sop.sop .sop--pre ol + *,
.sop.sop .sop-cms ol + * {
    margin-top: 1.07143em
}

.sop.sop .sop--pre img,
.sop.sop .sop-cms img,
.sop.sop .sop--pre span[data-picture],
.sop.sop .sop-cms span[data-picture] {
    display: inline-block
}

    .sop.sop .sop--pre img + *,
    .sop.sop .sop-cms img + *,
    .sop.sop .sop--pre span[data-picture] + *,
    .sop.sop .sop-cms span[data-picture] + * {
        margin-top: 1.07143em
    }

.sop.sop .sop--pre * + .h2,
.sop.sop .sop-cms * + .h2,
.sop.sop .sop--pre * + h2,
.sop.sop .sop-cms * + h2 {
    margin-top: 2.85714em
}

.sop.sop .sop--pre .h2 + *,
.sop.sop .sop-cms .h2 + *,
.sop.sop .sop--pre h2 + *,
.sop.sop .sop-cms h2 + * {
    margin-top: 2.14286em
}

.sop.sop .sop--pre * + .h3,
.sop.sop .sop-cms * + .h3,
.sop.sop .sop--pre * + h3,
.sop.sop .sop-cms * + h3 {
    margin-top: 2.85714em
}

.sop.sop .sop--pre .h3 + *,
.sop.sop .sop-cms .h3 + *,
.sop.sop .sop--pre h3 + *,
.sop.sop .sop-cms h3 + * {
    margin-top: 1.78571em
}

.sop.sop .sop--pre * + .h4,
.sop.sop .sop-cms * + .h4,
.sop.sop .sop--pre * + h4,
.sop.sop .sop-cms * + h4 {
    margin-top: 2.14286em
}

.sop.sop .sop--pre .h4 + *,
.sop.sop .sop-cms .h4 + *,
.sop.sop .sop--pre h4 + *,
.sop.sop .sop-cms h4 + * {
    margin-top: 0.71429em
}

.sop.sop .sop--pre .h4 + ul,
.sop.sop .sop-cms .h4 + ul,
.sop.sop .sop--pre h4 + ul,
.sop.sop .sop-cms h4 + ul,
.sop.sop .sop--pre .h4 + ol,
.sop.sop .sop-cms .h4 + ol,
.sop.sop .sop--pre h4 + ol,
.sop.sop .sop-cms h4 + ol {
    margin-top: 1.07143em
}

.sop.sop .sop--pre .h3 + .h4,
.sop.sop .sop-cms .h3 + .h4,
.sop.sop .sop--pre h3 + h4,
.sop.sop .sop-cms h3 + h4 {
    margin-top: 20, em
}

.sop.sop .sop--pre p + ul,
.sop.sop .sop-cms p + ul,
.sop.sop .sop--pre p + ol,
.sop.sop .sop-cms p + ol {
    margin-top: 1.07143em
}

.sop.sop .sop-cms {
    line-height: 1.8
}

    .sop.sop .sop-cms li {
        line-height: 1.42857em
    }

    .sop.sop .sop-cms ol {
        margin: 0;
        list-style: outside decimal
    }

        .sop.sop .sop-cms ol li + li {
            margin-top: 0.35714em
        }

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

        .sop.sop .sop-cms ul li {
            padding-left: 1.42857em;
            position: relative
        }

            .sop.sop .sop-cms ul li:before {
                position: absolute;
                left: 0;
                width: 5px;
                height: 5px;
                background: #0b1e34;
                top: 6px;
                content: ""
            }

            .sop.sop .sop-cms ul li + li {
                margin-top: 1.07143em
            }

    .sop.sop .sop-cms.cms--short {
        line-height: 1.4
    }

        .sop.sop .sop-cms.cms--short p,
        .sop.sop .sop-cms.cms--short li {
            font-size: 0.85714em
        }

        .sop.sop .sop-cms.cms--short ul li + li {
            margin-top: 0.71429em
        }

        .sop.sop .sop-cms.cms--short ul li:before {
            top: 7px
        }

    .sop.sop table.sop-custom-table,
    .sop.sop .sop-cms table {
        font-size: 1em;
        border: 1px solid #ccc;
        border-spacing: 0px !important;
        border-collapse: collapse !important;
        max-width: 100%;
        width: 100%
    }

@media only screen and (max-width: 800px) {
    .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd),
    .sop.sop .sop-cms table:not(.bm-custom-table-norwd) {
        *zoom: 1;
        clear: both;
        border: none
    }

        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd):before,
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd):before,
        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd):after,
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd):after {
            content: " ";
            display: table
        }

        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd):after,
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd):after {
            clear: both
        }

        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd),
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd),
        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tbody,
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tbody,
        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr,
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr,
        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td,
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td,
        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tfoot,
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tfoot,
        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) caption,
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd) caption,
        .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) caption span,
        .sop.sop .sop-cms table:not(.bm-custom-table-norwd) caption span {
            display: block;
            float: left;
        }

            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) thead,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) thead,
            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) > tr:first-child th,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) > tr:first-child th {
                display: none
            }

            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) .hide-elem,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) .hide-elem {
                position: absolute !important;
                top: -9999px !important;
                left: -9999px !important
            }

            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td,
            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                float: left;
                white-space: normal;
                overflow: hidden;
                padding: 15px 10px 15px 50%;
                background: #fff;
                border-top-width: 0
            }

                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td:nth-child(2n-1),
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td:nth-child(2n-1),
                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td.odd,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td.odd,
                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th:nth-child(2n-1),
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th:nth-child(2n-1),
                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th.odd,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th.odd {
                    background: #f0f0f0
                }

                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td:before,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td:before,
                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th:before,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th:before {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 100%;
                    margin-left: -100%;
                    float: left;
                    white-space: normal;
                    text-align: left;
                    font-family: "Lato";
                    font-weight: normal;
                    font-style: normal;
                    content: attr(data-title);
                    -ms-word-break: break-all;
                    word-break: break-all;
                    word-break: break-word;
                    padding-right: 10px
                }

                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td.g-text-right,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td.g-text-right,
                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th.g-text-right,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th.g-text-right {
                    text-align: left
                }

                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td.full,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td.full,
                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th.full,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th.full {
                    width: 100%
                }

                    .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td.full:before,
                    .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td.full:before,
                    .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th.full:before,
                    .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th.full:before {
                        width: 0;
                        content: ''
                    }

            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr[data-title]:before,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr[data-title]:before {
                content: attr(data-title);
                display: inline-block;
                width: 100%;
                padding: 15px 10px;
                background: #f0f0f0;
                color: #10171f;
                font-family: "Lato";
                font-weight: normal;
                font-style: normal
            }

            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr[data-title].tbody-header th:only-child,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr[data-title].tbody-header th:only-child,
            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr[data-title].tbody-header th.only,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr[data-title].tbody-header th.only {
                height: 0;
                padding: 0
            }

            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr[data-title].tbody-header:before,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr[data-title].tbody-header:before {
                background: #0b1e34
            }

            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr:not([data-title]) td:first-child,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr:not([data-title]) td:first-child,
            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr:not([data-title]) th:first-child,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr:not([data-title]) th:first-child {
                background: #f0f0f0;
                border: #ccc;
                color: #10171f
            }

                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr:not([data-title]) td:first-child > a,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr:not([data-title]) td:first-child > a,
                .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr:not([data-title]) th:first-child > a,
                .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr:not([data-title]) th:first-child > a {
                    text-decoration: underline;
                    color: #10171f
                }

            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd).bm-table-mobile-onecol tr:nth-child(odd) td,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd).bm-table-mobile-onecol tr:nth-child(odd) td,
            .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd).bm-table-mobile-onecol.odd td,
            .sop.sop .sop-cms table:not(.bm-custom-table-norwd).bm-table-mobile-onecol.odd td {
                background: #f0f0f0
            }
}

.sop.sop .sop-cms table {
    margin-top: 0px;
    padding-top: 0px
}

.sop.sop .sop-link-boxes,
.sop.sop .sop-link-boxes .l-row {
    background: #bcc3ca
}

    .sop.sop .sop-link-boxes .l-row {
        padding-top: 3.21429em;
        padding-bottom: 3.21429em
    }

    .sop.sop .sop-link-boxes .link-box__link {
        color: #fff;
        background: #bcc3ca;
        display: block;
        padding-bottom: 100%;
        height: 0;
        border: 1px #949bab solid;
        border-radius: 200px;
        z-index: 1;
        transition: color 0.2s ease, background-color 0.2s ease;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-family: "Lato";
        font-weight: normal;
        font-style: normal
    }

        .sop.sop .sop-link-boxes .link-box__link span {
            font-size: 1.28571em;
            display: block;
            position: absolute;
            left: 26%;
            top: 49%;
            right: 20%
        }

.fontresizer-200 .sop.sop .sop-link-boxes .link-box__link span {
    left: 0;
    right: 0
}

.sop.sop .sop-link-boxes .link-box__link:before,
.sop.sop .sop-link-boxes .link-box__link:after {
    display: block;
    font-size: 40px;
    color: #949bab;
    left: 26%;
    padding: 0;
    top: 24%;
    transition: color 0.2s ease
}

.sop.sop .sop-link-boxes .link-box__link:hover {
    background-color: #fff;
    color: #bcc3ca;
    text-decoration: none
}

    .sop.sop .sop-link-boxes .link-box__link:hover:before,
    .sop.sop .sop-link-boxes .link-box__link:hover:after {
        color: #bcc3ca
    }

.sop.sop .sop-link-boxes .link-box__column:before {
    background: #949bab;
    content: "";
    display: block;
    height: 1px;
    left: -25px;
    position: absolute;
    right: auto;
    top: 50%;
    width: 50px
}

.sop.sop .sop-link-boxes .link-box__column:first-child:before {
    display: none
}

.sop.sop .sop-linkbox .linkbox__content a {
    font-family: "Lato";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    margin-top: 30px
}

    .sop.sop .sop-linkbox .linkbox__content a:first-child {
        margin-top: 0
    }

.sop.sop .sop-linkbox .twelve > .linkbox__content:first-child {
    margin-top: 1.42857em
}

.sop.sop .hub-last .sop-linkbox {
    border-bottom: none
}

.sop.sop .portlet-custom [type=checkbox] ~ .sop-ci {
    position: absolute;
    left: 0
}

.sop.sop .portlet-custom [type=radio] ~ .sop-ci {
    position: absolute;
    left: 0
}

.sop.sop .portlet-custom [type=radio].error ~ .sop-ci:before {
    border-color: #ea1b27 !important
}

.sop.sop .portlet-custom .radio-label,
.sop.sop .portlet-custom .checkbox-label {
    position: relative;
    clear: both
}

    .sop.sop .portlet-custom .radio-label > span,
    .sop.sop .portlet-custom .checkbox-label > span {
        float: left
    }

    .sop.sop .portlet-custom .radio-label .sop-ci-label,
    .sop.sop .portlet-custom .checkbox-label .sop-ci-label {
        display: inline-block;
        padding-top: 3px;
        margin-left: 0
    }

    .sop.sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox,
    .sop.sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox {
        height: 28px;
        width: 28px
    }

        .sop.sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox .sop-checkbox-inner:before,
        .sop.sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox .sop-checkbox-inner:before {
            top: 5px;
            left: 3px
        }

    .sop.sop .portlet-custom .radio-label .sop-custom-input.sop-radio,
    .sop.sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio {
        width: 29px;
        height: 29px
    }

        .sop.sop .portlet-custom .radio-label .sop-custom-input.sop-radio:before,
        .sop.sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio:before {
            display: none
        }

    .sop.sop .portlet-custom .radio-label [type=radio]:checked ~ .sop-ci:before {
        background: #285398;
        border: 2px solid #285398;
    }

    .sop.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:before {
        background: #fff
    }

    .sop.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after {
        background: white;
        content: '' !important;
        left: 9px;
        top: 9px
    }

.sop.sop .portlet-custom #sop-form-shopping .sop-ci-label.sop-ticket__discount {
    width: 100%;
    box-sizing: border-box
}

    .sop.sop .portlet-custom #sop-form-shopping .sop-ci-label.sop-ticket__discount span:first-child {
        color: #285398
    }

    .sop.sop .portlet-custom #sop-form-shopping .sop-ci-label.sop-ticket__discount span:last-child {
        float: right;
        padding-left: 1em
    }

.font125 .sop.sop .ticket-price, .font150 .sop.sop .ticket-price, .font175 .sop.sop .ticket-price {
    border: none;
    padding: 0;
}

@media only screen and (min-width: 800px) and (max-width: 920px) {
    .sop.sop .ticket-price {
        border: none;
        padding: 0;
    }
}
@media only screen and (min-width: 0px) and (max-width: 799px) {
    .grid-table thead {
        display: none;
    }

    .grid-table {
        font-weight: 400;
        font-size: 10pt;
        background-color: #fff;
        font-size: 1em;
        border: 1px solid #ccc;
        border-spacing: 0px !important;
        border-collapse: collapse !important;
        max-width: 100%;
        width: 100%;
    }

        .grid-table td {
            border-top: 1px #ccc solid;
            vertical-align: middle;
            padding: 12px;
            border-right: 1px solid #dddddd;
            font-size: 0.85714em;
            display: flex;
            padding: 6px 0;
            position: relative;
        }

        .grid-table tr {
            margin-bottom: 1rem;
            border: 1px solid #ccc;
            padding: 10px;
            border-radius: 8px;
        }

        .grid-table td::before {
            font-weight: bold;
            flex: 0 0 120px;
            display: inline-block;
            margin-right: 10px;
            padding-right: 10px;
            border-right: 1px solid #aaa;
            font-weight: bold;
            color: #333;
        }

}
@media only screen and (min-width: 481px) and (max-width: 799px) {
    
        .sop.sop .ticket-price {
            border: none;
            padding: 0;
        }
    }

.sop.sop .portlet-custom .radio-label {
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative
}

.sop.sop .portlet-custom .checkbox-label {
    position: relative
}

    .sop.sop .portlet-custom .radio-label .sop-ci,
    .sop.sop .portlet-custom .checkbox-label .sop-ci {
        float: left
    }

    .sop.sop .portlet-custom .radio-label .sop-ci-label,
    .sop.sop .portlet-custom .checkbox-label .sop-ci-label {
        display: inline-block;
        padding-top: 4px;
        padding-left: 56px
    }

.font150 .sop-ticket__discount span, .font175 .sop-ticket__discount span {
    display: block;
}

.sop.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:after {
    top: 7px;
    left: 7px;
    content: "\E820"
}

.sop.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:before {
    background: #285398;
}

.sop.sop .portlet-custom .checkbox-label [type=checkbox][disabled] ~ .sop-ci:before {
    border-color: #e5e5e5;
    background-color: #fff;
}

.ie8 .sop.sop .portlet-custom .custom-select:after {
    display: none !important
}

.windowsphone .fontresizer-200 .sop .portlet-custom .custom-select:after,
.ie8 .fontresizer-200 .sop .portlet-custom .custom-select:after,
.ie9 .fontresizer-200 .sop .portlet-custom .custom-select:after {
    top: 0px !important;
    bottom: 1px;
    right: -4px !important;
    background-color: transparent !important
}

.firefox32 .fontresizer-200 .sop.sop .portlet-custom .b-row.f-row .custom-select:after {
    top: 4px
}

.sop.sop .portlet-custom .custom-select select {
    min-height: 0;
    height: 50px;
    position:relative;
}

    .sop.sop .portlet-custom .custom-select select option {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0
    }

    .sop.sop .portlet-custom .custom-select select.error {
        border-bottom-color: #ea1b27
    }

.fontresizer-200 .sop.sop .portlet-custom .custom-select select {
    padding-top: 0px;
    padding-bottom: 0px
}

.sop.sop .portlet-custom .custom-select select::-ms-expand {
    display: none
}

.fontresizer-200 .sop.sop .portlet-custom .custom-select:after {
    top: 5px;
    bottom: 1px;
    background-color: #f7f7f7
}

.opposite .sop-ci-label {
    color: #6b6b6b
}

.sop.sop .msg {
    font-family: "Lato";
    font-weight: normal;
    font-style: normal;
    text-align: right
}

    .sop.sop .msg.g-text-left {
        text-align: left
    }

body > #ui-datepicker-div {
    display: none !important
}

.sop.sop .sop-datepicker__wrapper {
    position: relative;
    padding: 0px 10px;
    width: 100%
}

@media only screen and (max-width: 800px) {
    .sop.sop .sop-datepicker__wrapper {
        padding: 0
    }
}

.sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td {
    position: relative
}

    .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-current-day a {
        position: relative;
        z-index: 2
    }

    .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-current-day:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 38px;
        height: 38px;
        border-radius: 4px;
        content: '';
        display: block;
        background: #FED700;
        color: #000;
        z-index: 1
    }

.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] {
    left: 0px !important;
    top: 0px !important;
    -webkit-box-shadow: 0 0 4px -1px #aaa;
    -moz-box-shadow: 0 0 4px -1px #aaa;
    box-shadow: 0 0 4px -1px #aaa
}

    .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .custom-select {
        display: inline-block;
        min-width: 6.42857em;
        margin-top: 0 !important
    }

    .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header {
        background: #474747;
        color: #FFD801;
        padding: 20px 0
    }

        .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-prev,
        .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-next {
            top: 22px
        }

            .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-prev:before,
            .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-prev:after,
            .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-next:before,
            .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-next:after {
                padding-left: 0
            }

        .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-prev {
            left: 20px
        }

        .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-next {
            right: 20px
        }

        .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title {
            padding: 0 60px;
            color: #ffd600;
            font-family: "Lato", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
            font-size: 1.0625em;
        }

            .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
                display: inline-block;
                padding: 0 10px 0 0;
                text-align: right
            }

            .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select {
                min-width: 70px;
                height: 25px
            }

                .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select:after {
                    background: transparent;
                    padding: 0;
                    width: 10px;
                    height: 10px;
                    top: -4px;
                    right: 15px;
                    min-width: 10px
                }

                .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select:last-child {
                    margin-left: 35px;
                    margin-left: 35px
                }

                .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select select {
                    text-align: left;
                    padding: 0;
                    min-width: 70px;
                    height: 25px
                }

                    .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select select.ui-datepicker-month {
                        color: #FFD801;
                        font-family: "Lato", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
                        font-size: 1.0625em;
                        border: none;
                        background-color: transparent;
                        width: 80px;
                        float: left;
                        margin-bottom: 0
                    }

                        .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select select.ui-datepicker-month option {
                            color: black !important;
                        }

                    .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select select.ui-datepicker-year {
                        color: #FFD801;
                        font-family: "Lato", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
                        font-size: 1.0625em;
                        border: none;
                        background-color: transparent;
                        width: 80px;
                        float: left
                    }

.sop.sop .datepicker {
    display: block;
    position: relative
}

    .sop.sop .datepicker[class*="b-icon"]:after {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        right: 12px
    }

    .sop.sop .datepicker input[type="text"] {
        padding-right: 45px !important
    }

    .sop.sop .datepicker input.error + button.ui-datepicker-trigger:after,
    .sop.sop .datepicker input.error + .checked-valid + button.ui-datepicker-trigger:after {
        color: #ea1b27
    }

    .sop.sop .datepicker button.ui-datepicker-trigger {
        top: 5px
    }

.sop.sop .portlet-custom .b-button {
    margin: 1.07143em 0em 0.71429em 0em
}

    .sop.sop .portlet-custom .b-button .b-button_max-width {
        width: 100%
    }

.sop.sop .portlet-custom input.submit:before {
    position: absolute;
    font-size: 0.875em;
    line-height: 1em;
    top: 50%;
    margin-top: -6px;
    right: 16px;
    content: "\e819"
}

.sop.sop .portlet-custom input.submit:after {
    font-family: "fontello";
    font-size: 0.875em;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -0.0625em
}

.sop.sop .portlet-custom .o-btn {
    line-height: 26px;
    font-size: 1.14286em;
    font-weight: normal;
    min-height: 40px;
    min-width: 40px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .sop.sop .portlet-custom .o-btn:before,
    .sop.sop .portlet-custom .o-btn span {
        font-size: 1em;
        padding: 10px 20px 10px;
        line-height: 35px;
        padding-right: 50px
    }

.fontresizer-200 .sop.sop .portlet-custom .o-btn span {
    display: block;
    word-wrap: break-word;
    padding-left: 0;
    padding-right: 25px
}

.fontresizer-200 .sop.sop .portlet-custom .o-btn {
    padding-left: 10px
}

.sop.sop .portlet-custom .o-btn.max-width {
    width: 100%
}

.sop.sop .portlet-custom .btn-orange {
    background: #ffd600;
    border-color: #ffd600;
    color: #bcc3ca
}

    .sop.sop .portlet-custom .btn-orange:hover,
    .sop.sop .portlet-custom .btn-orange:focus {
        background: #bcc3ca;
        color: #ffd600
    }

    .sop.sop .portlet-custom .btn-orange:active {
        border-color: #bcc3ca
    }

.sop.sop .portlet-custom .btn-blue {
    background: #bcc3ca;
    border-color: #bcc3ca;
    color: #fff
}

    .sop.sop .portlet-custom .btn-blue:hover,
    .sop.sop .portlet-custom .btn-blue:focus {
        background: #fff;
        color: #bcc3ca
    }

    .sop.sop .portlet-custom .btn-blue:active {
        border-color: #bcc3ca
    }

.sop.sop .portlet-custom .btn-grey {
    background: #f3f3f3;
    border-color: #f3f3f3;
    color: #025a28
}

    .sop.sop .portlet-custom .btn-grey:hover,
    .sop.sop .portlet-custom .btn-grey:focus {
        background: #025a28;
        color: #f3f3f3;
        border-color: #025a28
    }

    .sop.sop .portlet-custom .btn-grey:active {
        border-color: #025a28
    }

.sop.sop .portlet-custom .cancel {
    padding-right: 20px;
    padding-left: 55px
}

    .sop.sop .portlet-custom .cancel:before,
    .sop.sop .portlet-custom .cancel:after {
        content: "\e818";
        left: 15px;
        right: auto
    }

.sop.sop .portlet-custom .o-tbtn {
    font-family: "Lato";
    font-weight: normal;
    font-style: normal;
    padding-right: 10px;
    color: #285398;
    font-size: 1em
}

.sop.sop .portlet-custom .o-tbtn2 {
    font-family: "Lato";
    font-weight: 400;
    font-weight: normal;
    font-style: normal;
    padding-right: 10px;
    color: #285398;
    font-size: 1.16667em;
    background: none;
    border: none;
}

    .sop.sop .portlet-custom .o-tbtn2:after {
        content: "\e832";
        font-family: "fontello";
        border-radius: 100%;
        margin-left: 10px;
        color: #ffd600;
        font-size: 1.3em;
        text-decoration: none !important;
    }

    .sop.sop .portlet-custom .o-tbtn2:hover:after {
        display: inline-block;
        content: "\e832";
        font-family: "fontello";
        border-radius: 100%;
        margin-left: 10px;
        color: #285398;
        font-size: 1.3em;
        text-decoration: none !important;
    }

.o-tbtn2:hover {
    background-color: #285398;
    color: black !important;
    text-decoration: underline;
}

.sop.sop .portlet-custom .o-tbtn:before,
.sop.sop .portlet-custom .o-tbtn:after {
    font-family: "fontello";
    font-size: 0.875em;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -0.0625em
}

.sop.sop .portlet-custom .o-tbtn:after {
    display: none
}

.sop.sop .portlet-custom .o-tbtn:before {
    padding-right: 10px
}

.sop.sop .portlet-custom .o-tbtn:after {
    display: none !important
}

.sop.sop .portlet-custom .o-tbtn:before,
.sop.sop .portlet-custom .o-tbtn:after {
    content: "\e819"
}

.sop.sop .portlet-custom .btn--skype {
    background-color: #00aff0;
    border-color: #00aff0;
    color: #fff
}

    .sop.sop .portlet-custom .btn--skype:before,
    .sop.sop .portlet-custom .btn--skype:after {
        content: "\e808";
        font-size: 30px;
        top: 18px
    }

    .sop.sop .portlet-custom .btn--skype:active,
    .sop.sop .portlet-custom .btn--skype:focus,
    .sop.sop .portlet-custom .btn--skype:hover {
        background-color: #fff;
        color: #00aff0
    }

.sop.sop .portlet-custom .btn--facebook {
    background-color: #2d5f9a;
    border-color: #2d5f9a;
    color: #fff
}

    .sop.sop .portlet-custom .btn--facebook:before,
    .sop.sop .portlet-custom .btn--facebook:after {
        content: "\e823";
        font-size: 22px;
        top: 20px
    }

    .sop.sop .portlet-custom .btn--facebook:active,
    .sop.sop .portlet-custom .btn--facebook:focus,
    .sop.sop .portlet-custom .btn--facebook:hover {
        background-color: #fff;
        color: #2d5f9a
    }

.sop.sop .portlet-custom .btn--twitter {
    background-color: #00aced;
    border-color: #00aced;
    color: #fff
}

    .sop.sop .portlet-custom .btn--twitter:before,
    .sop.sop .portlet-custom .btn--twitter:after {
        content: "\e806";
        font-size: 22px;
        top: 18px
    }

    .sop.sop .portlet-custom .btn--twitter:active,
    .sop.sop .portlet-custom .btn--twitter:focus,
    .sop.sop .portlet-custom .btn--twitter:hover {
        background-color: #fff;
        color: #00aced
    }

.sop.sop .sop-breadcrumbs-row {
    background-color: #f1f1f1;
    padding-top: 20px;
}

.sop.sop .sop-breadcrumbs__list li {
    color: #474747;
    font-size: 1em;
}

    .sop.sop .sop-breadcrumbs__list li a,
    .sop.sop .sop-breadcrumbs__list li span {
        display: inline-block;
        color: #285398;
        font-size: 1em;
        font-family: "Lato";
        font-weight: normal;
        font-style: normal
    }

        .sop.sop .sop-breadcrumbs__list li a:hover {
            color: #000000;
            text-decoration: underline !important;
        }

    .sop.sop .sop-breadcrumbs__list li span {
        color: #7a7e82
    }

    .sop.sop .sop-breadcrumbs__list li .divider {
        display: none
    }

    .sop.sop .sop-breadcrumbs__list li + li:before {
        font-size: 1em;
        content: "\003E";
        color: #285398;
        display: inline-block;
        padding: 0 4px 0 4px;
        position: relative;
        top: 1px
    }

.sop.sop .sop-tabs {
    padding: 0 0 0 1.375em
}

    .sop.sop .sop-tabs .tab-column-content {
        margin-right: 0
    }

    .sop.sop .sop-tabs .tabs__item-link {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-family: "Lato";
        font-weight: normal;
        font-style: normal;
        border-bottom: 7px solid #c3c5c6;
        display: block;
        min-height: 37px;
        padding: 7px 0 11px;
        font-size: 1.068em;
        transition: border-color 0.2s ease
    }

        .sop.sop .sop-tabs .tabs__item-link.active,
        .sop.sop .sop-tabs .tabs__item-link:hover {
            border-color: #007834;
            color: #10171f
        }

            .sop.sop .sop-tabs .tabs__item-link.active .acc-txt-hide {
                display: block !important
            }

            .sop.sop .sop-tabs .tabs__item-link.active .acc-txt-show {
                display: none !important
            }

        .sop.sop .sop-tabs .tabs__item-link .acc-txt-hide {
            display: none !important
        }

    .sop.sop .sop-tabs .tabs__item-content {
        display: none;
        position: relative;
        margin: 1.42857em 0
    }

        .sop.sop .sop-tabs .tabs__item-content.active {
            display: block
        }

        .sop.sop .sop-tabs .tabs__item-content.sop-content-list > ul > li {
            padding-left: 0;
            padding-right: 0;
            min-height: 0
        }

            .sop.sop .sop-tabs .tabs__item-content.sop-content-list > ul > li p {
                padding: 3px 0
            }

            .sop.sop .sop-tabs .tabs__item-content.sop-content-list > ul > li .h2 {
                padding: 0;
                display: inline-block
            }

            .sop.sop .sop-tabs .tabs__item-content.sop-content-list > ul > li > .b-table-row > .b-column {
                padding: 0;
                vertical-align: middle
            }

    .sop.sop .sop-tabs .tabs__item {
        min-height: 44px;
        margin: 0
    }

    .sop.sop .sop-tabs .tabs__item-1-of-1 {
        width: 100%
    }

        .sop.sop .sop-tabs .tabs__item-1-of-1 .tabs__item-content {
            width: 100%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
            left: -100%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
            left: -200%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
            left: -300%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
            left: -400%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
            left: -500%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
            left: -600%
        }

    .sop.sop .sop-tabs .tabs__item-1-of-2 {
        width: 50%
    }

        .sop.sop .sop-tabs .tabs__item-1-of-2 .tabs__item-content {
            width: 200%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
            left: -100%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
            left: -200%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
            left: -300%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
            left: -400%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
            left: -500%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
            left: -600%
        }

    .sop.sop .sop-tabs .tabs__item-1-of-3 {
        width: 33.33333%
    }

        .sop.sop .sop-tabs .tabs__item-1-of-3 .tabs__item-content {
            width: 300%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
            left: -100%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
            left: -200%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
            left: -300%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
            left: -400%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
            left: -500%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
            left: -600%
        }

    .sop.sop .sop-tabs .tabs__item-1-of-4 {
        width: 25%
    }

        .sop.sop .sop-tabs .tabs__item-1-of-4 .tabs__item-content {
            width: 400%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
            left: -100%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
            left: -200%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
            left: -300%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
            left: -400%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
            left: -500%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
            left: -600%
        }

    .sop.sop .sop-tabs .tabs__item-1-of-5 {
        width: 20%
    }

        .sop.sop .sop-tabs .tabs__item-1-of-5 .tabs__item-content {
            width: 500%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
            left: -100%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
            left: -200%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
            left: -300%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
            left: -400%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
            left: -500%
        }

        .sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
            left: -600%
        }

    .sop.sop .sop-tabs .action-btn {
        width: 100%
    }

    .sop.sop .sop-tabs .b-button {
        margin: 15px 0 10px 0
    }

    .sop.sop .sop-tabs ol {
        padding-left: 1.28571em
    }

        .sop.sop .sop-tabs ol li {
            border-bottom: none
        }

    .sop.sop .sop-tabs .sop-content-list ul li:last-child {
        border-bottom: none
    }

.sop.sop .sop-pagination {
    margin: 14px 0 50px;
    z-index: 1;
    position: relative
}

    .sop.sop .sop-pagination .link__arrow {
        color: #11783b
    }

        .sop.sop .sop-pagination .link__arrow span:before,
        .sop.sop .sop-pagination .link__arrow span:after {
            font-size: 38px;
            top: 0px
        }

    .sop.sop .sop-pagination .sop-pagination__wrapper {
        display: table;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .sop.sop .sop-pagination .sop-pagination__pages {
        display: table-cell;
        width: 50%
    }

        .sop.sop .sop-pagination .sop-pagination__pages ul {
            display: table;
            list-style: none;
            padding: 0;
            max-width: 220px;
            margin: 0 auto
        }

        .sop.sop .sop-pagination .sop-pagination__pages li {
            display: table-cell;
            position: relative;
            color: #11783b
        }

    .sop.sop .sop-pagination .sop-pagination__prev,
    .sop.sop .sop-pagination .sop-pagination__next {
        display: table-cell;
        width: 25%
    }

        .sop.sop .sop-pagination .sop-pagination__prev a,
        .sop.sop .sop-pagination .sop-pagination__next a {
            display: block;
            padding: 15px 0;
            transition: color 0.3s
        }

            .sop.sop .sop-pagination .sop-pagination__prev a:before,
            .sop.sop .sop-pagination .sop-pagination__prev a:after,
            .sop.sop .sop-pagination .sop-pagination__next a:before,
            .sop.sop .sop-pagination .sop-pagination__next a:after {
                font-family: "fontello";
                font-size: 0.875em;
                font-weight: 500;
                font-style: normal;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                position: relative;
                top: -0.0625em
            }

            .sop.sop .sop-pagination .sop-pagination__prev a:after,
            .sop.sop .sop-pagination .sop-pagination__next a:after {
                display: none
            }

            .sop.sop .sop-pagination .sop-pagination__prev a:before,
            .sop.sop .sop-pagination .sop-pagination__prev a:after,
            .sop.sop .sop-pagination .sop-pagination__next a:before,
            .sop.sop .sop-pagination .sop-pagination__next a:after {
                top: 2px;
                color: #285398;
                transition: color 0.3s
            }

            .sop.sop .sop-pagination .sop-pagination__prev a:hover,
            .sop.sop .sop-pagination .sop-pagination__next a:hover {
                text-decoration: underline;
                color: #000
            }

                .sop.sop .sop-pagination .sop-pagination__prev a:hover:before,
                .sop.sop .sop-pagination .sop-pagination__prev a:hover:after,
                .sop.sop .sop-pagination .sop-pagination__next a:hover:before,
                .sop.sop .sop-pagination .sop-pagination__next a:hover:after {
                    color: #ffbe00
                }

            .sop.sop .sop-pagination .sop-pagination__prev a.js-disabled,
            .sop.sop .sop-pagination .sop-pagination__next a.js-disabled {
                display: none
            }

        .sop.sop .sop-pagination .sop-pagination__prev a {
            padding-left: 26px;
            position: relative;
            display: inline-block
        }

            .sop.sop .sop-pagination .sop-pagination__prev a:before,
            .sop.sop .sop-pagination .sop-pagination__prev a:after {
                content: "\e816"
            }

            .sop.sop .sop-pagination .sop-pagination__prev a:before,
            .sop.sop .sop-pagination .sop-pagination__prev a:after {
                position: absolute;
                top: -0.15em
            }

            .sop.sop .sop-pagination .sop-pagination__prev a:before {
                left: 0px
            }

            .sop.sop .sop-pagination .sop-pagination__prev a:after {
                right: 0px
            }

            .sop.sop .sop-pagination .sop-pagination__prev a:before,
            .sop.sop .sop-pagination .sop-pagination__prev a:after {
                padding-left: 1px;
                top: 17px;
                left: 0;
                right: auto
            }

    .sop.sop .sop-pagination .sop-pagination__next {
        text-align: right
    }

        .sop.sop .sop-pagination .sop-pagination__next a {
            padding-right: 26px;
            position: relative;
            display: inline-block
        }

            .sop.sop .sop-pagination .sop-pagination__next a:before,
            .sop.sop .sop-pagination .sop-pagination__next a:after {
                content: "\e815"
            }

            .sop.sop .sop-pagination .sop-pagination__next a:before,
            .sop.sop .sop-pagination .sop-pagination__next a:after {
                position: absolute;
                top: -0.15em
            }

            .sop.sop .sop-pagination .sop-pagination__next a:before {
                left: 0px
            }

            .sop.sop .sop-pagination .sop-pagination__next a:after {
                right: 0px
            }

            .sop.sop .sop-pagination .sop-pagination__next a:before,
            .sop.sop .sop-pagination .sop-pagination__next a:after {
                top: 17px;
                right: 0;
                left: auto
            }

    .sop.sop .sop-pagination .sop-pagination__item {
        z-index: 1
    }

        .sop.sop .sop-pagination .sop-pagination__item a {
            display: block;
            text-align: center;
            padding: 15px 0.35714em
        }

            .sop.sop .sop-pagination .sop-pagination__item a > span {
                position: relative;
                z-index: 1
            }

            .sop.sop .sop-pagination .sop-pagination__item a.page-selected {
                color: #7d8185
            }

.sop.sop .portlet-column.nine h1,
.sop.sop .portlet-column.nine .h1,
.sop.sop .portlet-column.nine .sop-cms {
    max-width: 700px
}

    .sop.sop .portlet-column.nine h1.sop-cms-small-text,
    .sop.sop .portlet-column.nine .h1.sop-cms-small-text,
    .sop.sop .portlet-column.nine .sop-cms.sop-cms-small-text {
        max-width: 700px
    }

.sop.sop .portlet-column.twelve h1,
.sop.sop .portlet-column.twelve .h1,
.sop.sop .portlet-column.twelve .sop-cms {
    max-width: 900px
}

    .sop.sop .portlet-column.twelve h1.sop-cms-small-text,
    .sop.sop .portlet-column.twelve .h1.sop-cms-small-text,
    .sop.sop .portlet-column.twelve .sop-cms.sop-cms-small-text {
        max-width: 800px
    }

.sop.sop .sop-cms {
    max-width: 700px
}

    .sop.sop .sop-cms.sop-cms-small-text {
        max-width: 500px
    }

        .sop.sop .sop-cms.sop-cms-small-text p,
        .sop.sop .sop-cms.sop-cms-small-text li {
            font-size: 1em;
            line-height: 1.4
        }

    .sop.sop .sop-cms p,
    .sop.sop .sop-cms li {
        font-size: 1em;
        line-height: 1.8
    }

    .sop.sop .sop-cms a:focus,
    .sop.sop .sop-cms a:hover {
        text-decoration: none
    }

    .sop.sop .sop-cms h1,
    .sop.sop .sop-cms .h1,
    .sop.sop .sop-cms h2,
    .sop.sop .sop-cms .h2,
    .sop.sop .sop-cms h3,
    .sop.sop .sop-cms .h3,
    .sop.sop .sop-cms h4,
    .sop.sop .sop-cms .h4,
    .sop.sop .sop-cms h5,
    .sop.sop .sop-cms .h5,
    .sop.sop .sop-cms p {
        padding: 0;
        margin: 0
    }

    .sop.sop .sop-cms ol {
        padding-left: 1.07143em
    }

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

        .sop.sop .sop-cms ul li {
            line-height: 1.5;
            padding-left: 1.07143em;
            position: relative
        }

            .sop.sop .sop-cms ul li + li {
                margin-top: 0.35714em
            }

            .sop.sop .sop-cms ul li:before {
                position: absolute;
                left: 0;
                width: 4px;
                height: 4px;
                border-radius: 3px;
                background: #10171f;
                top: 11px;
                content: ""
            }

.ie8 .sop.sop .sop-cms ul li:before {
    background: url(../img/ie8/bullet.png) no-repeat center center
}

.sop.sop .sop-cms ul.dashed li {
    padding-left: 0.71429em
}

    .sop.sop .sop-cms ul.dashed li:before {
        content: "-";
        background: none;
        border: none;
        top: 3px
    }

.sop.sop .sop-cms .sparse-list li + li {
    margin-top: 1.42857em
}

.sop.sop .sop-cms ul ol,
.sop.sop .sop-cms ol ul {
    margin: 0.71429em 0em 1.07143em 0em
}

.sop.sop .sop-cms ul ul,
.sop.sop .sop-cms ol ul {
    padding-left: 1em
}

.sop.sop .sop-cms ul ol,
.sop.sop .sop-cms ol ol {
    padding-left: 2em
}

.sop.sop .sop-cms div + * {
    margin-top: 1.07143em
}

.sop.sop .sop-cms .h3 + *,
.sop.sop .sop-cms h3 + *,
.sop.sop .sop-cms h4 + *,
.sop.sop .sop-cms .h4 + *,
.sop.sop .sop-cms p + *,
.sop.sop .sop-cms ul + *,
.sop.sop .sop-cms ol + * {
    margin-top: 1.42857em
}

.sop.sop .sop-cms img,
.sop.sop .sop-cms span[data-picture] {
    display: inline-block;
    margin-top: 2.5em;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .sop.sop .sop-cms img + *,
    .sop.sop .sop-cms span[data-picture] + * {
        margin-top: 2.5em
    }

.sop.sop .sop-cms * + p.cf-b {
    margin-top: 2.85714em
}

.sop.sop .sop-cms .h1 + *,
.sop.sop .sop-cms h1 + * {
    margin-top: 2.14286em
}

.sop.sop .sop-cms * + .h2,
.sop.sop .sop-cms * + h2 {
    margin-top: 2.85714em
}

.sop.sop .sop-cms .h2 + *,
.sop.sop .sop-cms h2 + * {
    margin-top: 2.14286em
}

.sop.sop .sop-cms * + .h3,
.sop.sop .sop-cms * + h3 {
    margin-top: 2.85714em
}

.sop.sop .sop-cms .h3 + *,
.sop.sop .sop-cms h3 + * {
    margin-top: 1.78571em
}

.sop.sop .sop-cms * + .h4,
.sop.sop .sop-cms * + h4 {
    margin-top: 2.14286em
}

.sop.sop .sop-cms .h4 + *,
.sop.sop .sop-cms h4 + * {
    margin-top: 0.71429em
}

.sop.sop .sop-cms .h4 + ul,
.sop.sop .sop-cms h4 + ul,
.sop.sop .sop-cms .h4 + ol,
.sop.sop .sop-cms h4 + ol {
    margin-top: 1.07143em
}

.sop.sop .sop-cms .h3 + .h4,
.sop.sop .sop-cms h3 + h4 {
    margin-top: 20, em
}

.sop.sop .sop-cms + form {
    margin-top: 40px
}

.sop.sop .sop-cms.light-text li:before {
    background-color: #fff
}

@media only screen and (max-width: 800px) {
    .sop.sop .portlet-custom table.sop-custom-table tr + tr:not([data-title]):before,
    .sop.sop .portlet-custom .sop-cms table tr + tr:not([data-title]):before,
    .sop.sop .sop-cms .portlet-custom table tr + tr:not([data-title]):before,
    .sop.sop .portlet-custom .sop-cms table tr + tr:not([data-title]):before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        padding-top: 20px;
        border-bottom: 1px #c3c5c6 solid;
        background-color: #f1f1f1;
    }
}

.sop.sop .portlet-custom .sop-cms table + * {
    margin-top: 20px
}

@media only screen and (max-width: 800px) {
    .sop.sop .portlet-custom .sop-cms table tr:not([data-title]) td:first-child {
        border: 1px #cccccc solid
    }
}

.sop.sop .portlet-custom table.sort-table thead th {
    white-space: nowrap;
    max-width: 102px !important
}

    .sop.sop .portlet-custom table.sort-table thead th .th-span {
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        margin-left: 0 !important
    }

    .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

        .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up,
        .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down {
            position: relative;
            transition: top 0.3s;
            outline: 0 !important
        }

    .blue-button:hover {
        background-color: #4476c7;
    }

.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up:before,
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up:after,
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down:before,
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down:after {
    font-size: 6px;
    color: #c9cbd0;
    padding: 0;
    left: 8px
}

.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up:focus:after,
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down:focus:after {
    outline: 0px transparent dashed !important
}

.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up.active:before,
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up.active:after,
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down.active:before,
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down.active:after {
    color: #e4e4e4
}

.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down {
    top: 10px
}

@media (min-width: 801px) {
    .sop.sop .nine > .sop-main {
        margin-right: 10px
    }
}

@media (min-width: 801px) {
    .sop.sop .sop-main .sop-form {
        margin: 0 auto;
        margin-bottom: 60px;
        margin-top: 15px;
        margin-left:20px;
    }
}

.sop.sop .sop-main .sop-form input,
.sop.sop .sop-main .sop-form textarea,
.sop.sop .sop-main .sop-form select,
.sop.sop .sop-main .sop-form .checkbox-label [type=checkbox] ~ .sop-ci:before {
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease
}

.sop.sop .sop-main .sop-form .checkbox-label .childItem {
    display: table;
    margin-bottom: 10px;
    margin-left: 15px
}

    .sop.sop .sop-main .sop-form .checkbox-label .childItem > * {
        display: table-cell;
        vertical-align: middle;
        color: #828282
    }

    .sop.sop .sop-main .sop-form .checkbox-label .childItem:first-of-type {
        margin-top: 50px
    }

    .sop.sop .sop-main .sop-form .checkbox-label .childItem:last-of-type {
        margin-bottom: 0px
    }

    .sop.sop .sop-main .sop-form .checkbox-label .childItem > span:first-of-type {
        padding: 0px 10px 0px 10px;
        color: #285398;
        font-weight: bold
    }

.sop.sop .sop-main .sop-form [class*="btn-group-"][class*="vertical"] button {
    display: block;
    background: #fff;
    color: #285398;
    border: 2px solid #e6e6e6;
    margin-bottom: 4px;
    font-size: 0.6875em;
}

    .sop.sop .sop-main .sop-form [class*="btn-group-"][class*="vertical"] button:hover {
        border-color: #ffbe00;
        color: #000;
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease
    }

    .sop.sop .sop-main .sop-form [class*="btn-group-"][class*="vertical"] button:last-child {
        margin-bottom: 0px
    }

.sop.sop .sop-main .sop-form [class*="btn-group-"][class*="-before-vertical"] {
    margin-right: 10px
}

.sop.sop .sop-main .sop-form div.f-label {
    line-height: 1.4em
}

.sop.sop .sop-main .sop-form .f-label:after {
    margin-left: 3px
}

.sop.sop .sop-main .sop-form .file_input_btn {
    padding-left: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 9px;
    width: 160px;
}

.font125 .sop.sop .sop-main .sop-form .file_input_btn,
.font150 .sop.sop .sop-main .sop-form .file_input_btn {
    width: 200px;
}


.sop.sop .sop-main .sop-form .custom-fileinput__image {
    position: absolute;
    top: 8px;
    right: 50px;
}

.sop.sop .sop-main .sop-form .file_input_btn.error {
    border: 2px solid #ea1b27
}

.sop.sop .sop-main .sop-form .b-v-error {
    opacity: 0;
    line-height: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

    .sop.sop .sop-main .sop-form .b-v-error.visible-add,
    .sop.sop .sop-main .sop-form .b-v-error.visible-remove {
        display: block !important
    }

    .sop.sop .sop-main .sop-form .b-v-error.visible {
        opacity: 1;
        line-height: 1.2
    }

    .sop.sop .sop-main .sop-form .b-v-error.msg,
    .sop.sop .sop-main .sop-form .b-v-error.msg + .msg {
        margin: 0
    }

        .sop.sop .sop-main .sop-form .b-v-error.msg.visible {
            margin: 0.5em 0em 0em 0em;
            margin-bottom: 5px
        }

            .sop.sop .sop-main .sop-form .b-v-error.msg.visible + .msg.visible {
                margin-top: 0
            }

.sop.sop .sop-main .sop-form .custom-fileinput ~ .msg.b-v-error,
.sop.sop .sop-main .sop-form .f-radiogroup ~ .msg.b-v-error {
    text-align: left
}

.sop.sop .sop-main .sop-form .cropped-photo-wrapper {
    position: relative;
    width: 250px;
    margin-top: 20px
}

    .sop.sop .sop-main .sop-form .cropped-photo-wrapper .cropped-photo-name {
        position: absolute;
        text-transform: uppercase;
        font-weight: bold
    }

        .sop.sop .sop-main .sop-form .cropped-photo-wrapper .cropped-photo-name p {
            line-height: 1.2
        }

        .sop.sop .sop-main .sop-form .cropped-photo-wrapper .cropped-photo-name.card {
            left: 57px;
            top: 102px;
            font-size: 0.55em
        }

        .sop.sop .sop-main .sop-form .cropped-photo-wrapper .cropped-photo-name.app {
            left: 107px;
            top: 318px;
            font-size: 0.75em;
            color: #fff
        }

.sop.sop .sop-main .f-section.top-section {
    padding-top: 1.42857em;
    margin-bottom: 1.42857em;
}

.sop.sop .sop-main .f-section.hidden:first-child + .f-section {
    border-top: none;
    padding-top: 1.42857em
}

.sop.sop .sop-main h2 {
    padding-top: 5%
}

    .sop.sop .sop-main h2.top-title {
        margin-top: 1em;
        padding-bottom: 0
    }

    .sop.sop .sop-main h2.f-label {
        line-height: 1.4em;
        padding: 0;
        cursor: auto
    }

.sop.sop .sop-main ul {
    margin: 0;
    padding: 0
}

.sop.sop .sop-main li {
    list-style-type: none
}

.sop.sop [tabindex="-1"]:focus {
    outline: none !important
}

.sop.sop .sop-header .sop-basket {
    display: table;
    height: 43px
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop.sop .sop-header .sop-basket {
        display: block;
        height: auto;
        padding-top: 10px
    }
}

.sop.sop .sop-header .sop-basket .sop-basket__link {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 799px) {
    .sop.sop .sop-header .sop-basket .sop-basket__link {
        line-height: 32px;
        float: right;
        padding: 0
    }
    .sop.sop .sop-header .sop-basket {
        padding: 0;
        padding-top: 0 !important
    }
    .sop.sop .sop-header .sop-basket .sop-basket__link a:after {
            padding: 0
    }
    .register-summary-button {
        padding-left: 15px;
    }
    .required-fields-info {
        position: relative;
    }
}

.sop.sop .sop-header .sop-basket .sop-basket__link a:after {
    font-size: 42px
}

.sop.sop .sop-my-data [class*="b-icon-"][class*="mobile-phone"],
.sop.sop .sop-my-data [class*="b-icon-"][class*="car"],
.sop.sop .sop-my-data [class*="b-icon-"][class*="university"],
.sop.sop .sop-my-data [class*="b-icon-"][class*="cc-visa"],
.sop.sop .sop-my-data [class*="b-icon-"][class*="cc-mastercard"] {
    color: #285398;
    line-height: 30px
}

.sop.sop .sop-my-data [class*="b-icon-"][class*="add"]:after,
.sop.sop .sop-my-data [class*="b-icon-"][class*="add"]:before {
    width: 26px;
    margin-left: -12px;
    margin-top: 2px;
    padding-right: 8px !important
}

.sop.sop .sop-my-data .b-icon-before-add {
    line-height: 14px
}

.sop.sop .sop-my-data .fb-twitter-buttons .o-btn {
    width: 100%
}

@media only screen and (min-width: 800px) and (max-width: 1000px) {
    .pl-mid-20 {
        padding-left:20px;
    }
}
@media only screen and (max-width: 800px) {
    .sop.sop .sop-my-data .fb-twitter-buttons .six:first-child + .six .o-btn {
        margin-top: 25px
    }
    .prolong-ticket-collection {
        display: inline-table;
    }
    .pl-mid-20 {
        padding-left:27px;
    }
}

.sop.sop .sop-my-data .my-data-app-tutorial ol {
    padding-left: 20px
}

    .sop.sop .sop-my-data .my-data-app-tutorial ol li {
        list-style-type: decimal
    }

.sop.sop .sop-my-services [class*="b-icon-"][class*="ticket"],
.sop.sop .sop-my-services [class*="b-icon-"][class*="two-tickets"],
.sop.sop .sop-my-services [class*="b-icon-"][class*="hourglass"],
.sop.sop .sop-my-services [class*="b-icon-"][class*="bag"],
.sop.sop .sop-my-services [class*="b-icon-"][class*="single-ticket"],
.sop.sop .sop-my-services [class*="b-icon-"][class*="active"],
.sop.sop .sop-my-services [class*="b-icon-"][class*="inactive"],
.sop.sop .sop-my-services [class*="b-icon-"][class*="park-and-ride"],
.sop.sop .sop-my-services [class*="b-icon-"][class*="events"] {
    color: #285398;
}

.sop.sop .sop-checkout [class*="b-icon-"][class*="ticket"],
.sop.sop .sop-checkout [class*="b-icon-"][class*="two-tickets"],
.sop.sop .sop-checkout [class*="b-icon-"][class*="single-ticket"],
.sop.sop .sop-checkout [class*="b-icon-"][class*="hourglass"],
.sop.sop .sop-checkout [class*="b-icon-"][class*="bag"] {
    color: #285398;
    line-height: 30px
}

.sop.sop .sop-history table.sop-table tbody tr td {
    vertical-align: middle
}

.sop.sop .sop-history .border {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 15px 0 0
}

    .sop.sop .sop-history .border .sop-b-tabs {
        padding: 0 20px;
        display: table-row
    }

        .sop.sop .sop-history .border .sop-b-tabs .b-tab {
            margin: 0;
            padding: 0;
            display: table-cell;
            float: none;
            position: relative;
            background-color: #f7f7f7;
        }

@media only screen and (min-width: 0px) and (max-width: 800px) {
    .sop.sop .sop-history .border {
        margin: 0;
        padding-right: 0;
    }

        .sop.sop .sop-history .border .sop-b-tabs .b-tab {
            display: block;
            width: 100%;
        }
}


.activeTab:after {
    content: '';
    position: absolute;
    left: 100px;
    top: 62px;
    width: 0;
    height: 0;
    color: white;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    clear: both;
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .activeTab:after {
        border-left: 0;
        border-right: 0t;
        border-top: 0;
    }
}

@media (max-width: 557px) {
    .sop.sop .sop-history .border .sop-b-tabs .b-tab.ng-scope {
        float: left
    }
}

.sop.sop .sop-history .border .sop-b-tabs .b-tab a {
    color: #285398;
    text-decoration: none;
    padding: 20px 0px;
    border: 1px solid #e6e6e6;
    display: block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

    .sop.sop .sop-history .border .sop-b-tabs .b-tab a .b-tab__title {
        display: table;
        vertical-align: middle;
        text-align: center;
        position: relative;
        padding: 0;
        color: black;
        font-weight: bold;
        border-bottom: none;
        font-size: 1.25em;
        margin: auto;
    }

        .sop.sop .sop-history .border .sop-b-tabs .b-tab a .b-tab__title:before {
            font-size: 22px
        }

.sop.sop .sop-history .border .sop-b-tabs .b-tab.active a,
.sop.sop .sop-history .border .sop-b-tabs .b-tab:hover a {
    border-bottom: 1px;
    background-color: white;
}

    .sop.sop .sop-history .border .sop-b-tabs .b-tab.active a span,
    .sop.sop .sop-history .border .sop-b-tabs .b-tab:hover a span {
        color: #285398
    }

.sop.sop .sop-schedule .schedule {
    margin-top: 40px;
    padding: 0;
    list-style-type: none
}

    .sop.sop .sop-schedule .schedule .dot {
        position: absolute;
        left: -6px;
        border: 2px solid;
        border-radius: 6px;
        width: 6px;
        height: 6px;
        background-color: #fff;
        -webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease
    }

    .sop.sop .sop-schedule .schedule .bollard {
        padding-left: 15px;
        padding-bottom: 20px;
        clear: both;
        position: relative;
        border-left: 2px solid #000;
        display: block
    }

        .sop.sop .sop-schedule .schedule .bollard:last-child {
            border: none;
            margin-left: 2px
        }

        .sop.sop .sop-schedule .schedule .bollard:focus {
            outline: none !important
        }

            .sop.sop .sop-schedule .schedule .bollard:focus .bollard-name {
                outline: 0px #f48220 dashed !important;
                outline-offset: 3px
            }

        .sop.sop .sop-schedule .schedule .bollard.not-selected-bollard {
            cursor: pointer
        }

        .sop.sop .sop-schedule .schedule .bollard .bollard-name {
            position: relative;
            top: -5px
        }

        .sop.sop .sop-schedule .schedule .bollard.selected-bollard .bollard-name {
            font-weight: bold
        }

        .sop.sop .sop-schedule .schedule .bollard.selected-bollard .dot {
            background-color: #ffbe00
        }

        .sop.sop .sop-schedule .schedule .bollard .schedule-table {
            margin: 14px 0 8px
        }

            .sop.sop .sop-schedule .schedule .bollard .schedule-table thead th,
            .sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td {
                font-weight: normal;
                background: #fff
            }

                .sop.sop .sop-schedule .schedule .bollard .schedule-table thead th:first-child,
                .sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td:first-child {
                    border-right: 1px solid #e6e6e6;
                    width: 1%;
                    text-align: right
                }

            .sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td {
                padding: 2px 0 2px 15px
            }

                .sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td:first-child {
                    padding: 2px 15px 2px 0
                }

            .sop.sop .sop-schedule .schedule .bollard .schedule-table thead th {
                padding: 2px 0 5px 15px
            }

                .sop.sop .sop-schedule .schedule .bollard .schedule-table thead th:first-child {
                    padding: 2px 15px 5px 0
                }

                .sop.sop .sop-schedule .schedule .bollard .schedule-table thead th:first-child,
                .sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td:first-child {
                    border-right: 1px solid #c3c5c6;
                    width: 1%;
                    text-align: right
                }

            .sop.sop .sop-schedule .schedule .bollard .schedule-table .minute {
                display: inline-block;
                width: 4em
            }

                .sop.sop .sop-schedule .schedule .bollard .schedule-table .hour.current,
                .sop.sop .sop-schedule .schedule .bollard .schedule-table .minute.current {
                    font-weight: bold
                }

            .sop.sop .sop-schedule .schedule .bollard .schedule-table .annotation-mark {
                color: #285398
            }

    .sop.sop .sop-schedule .schedule .annotation,
    .sop.sop .sop-schedule .annotation-legend .annotation {
        font-weight: bold;
        color: #285398;
        font-family: "Lato", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif
    }

.sop.sop .sop-schedule .annotation-legend {
    position: relative;
    margin: 5px 0
}

    .sop.sop .sop-schedule .annotation-legend .annotation-legend-description {
        margin-left: 3em
    }

    .sop.sop .sop-schedule .annotation-legend .annotation-legend-symbol {
        position: absolute;
        top: 0;
        left: 0;
        width: 3em
    }

        .sop.sop .sop-schedule .annotation-legend .annotation-legend-symbol .dash {
            float: right
        }

.sop.sop .sop-sidebar .sop-grey-box:only-child {
    margin: 0 0 1.78571em
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop.sop .sop-sidebar .sop-grey-box:only-child {
        background: transparent
    }
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop.sop .sop-sidebar .sop-grey-box:only-child {
        background: transparent
    }
}

@media (max-width: 659px) {
    .sop.sop .sop-f-steps {
        margin: 0 20px
    }
}

.sop.sop .sop-f-steps .f-step {
    margin: 0;
    height: 3.4375em;
    background-color: #cfcfcf;
}

    .sop.sop .sop-f-steps .f-step.active {
        background-color: #ffbe00;
    }

    .sop.sop .sop-f-steps .f-step.done {
        background-color: #ffffff;
    }

    .sop.sop .sop-f-steps .f-step .f-step__number {
        font-family: "Lato";
        font-weight: bold;
        font-size: 1.14286em;
        width: 55px;
        height: 3.4375em;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        position: relative;
        padding: 0;
        color: black
    }

@media only screen and (min-width: 0px) and (max-width: 659px) {
    .sop.sop .sop-f-steps .f-step .f-step__number {
        width: 50px;
    }
}

.sop.sop .sop-f-steps .f-step .f-step__number:after {
    position: absolute;
    top: 0;
    left: 0;
    border: 0px solid #285398;
    display: block;
    width: 47px;
    height: 47px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

@media (max-width: 659px) {
    .sop.sop .sop-f-steps .f-step.b-column {
        float: none;
        width: 100%;
        padding: 20px;
        border: 2px solid #e6e6e6;
        border-bottom: none
    }
}

@media (max-width: 659px) {
    .sop.sop .sop-f-steps .f-step.b-column:last-child {
        border-bottom: 2px solid #e6e6e6
    }
}

.sop.sop .sop-f-steps .f-step .f-step__title {
    display: table-cell;
    height: 100%;
    width: 77%;
    vertical-align: middle;
    padding: 0 0 0 0;
    color: black
}

.font175 .sop.sop .sop-f-steps .f-step .f-step__title {
    font-size: 27px;
    line-height: 37px;
}

@media (max-width: 659px) {
    .sop.sop .sop-f-steps .f-step .f-step__title {
        width: 80%;
    }
}

.sop.sop .sop-f-steps .f-step .f-step__title__arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27.5px 0 27.5px 25px;
    border-color: transparent transparent transparent #CFCFCF;
    vertical-align: middle;
    display: table-cell;
}

@media only screen and (min-width: 0px) and (max-width: 659px) {
    .sop.sop .sop-f-steps .f-step .f-step__title__arrow {
        border: none;
    }
}

.sop.sop .sop-f-steps .f-step .arrow-done {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27.5px 0 27.5px 25px;
    border-color: #ffbe00 transparent #ffbe00 transparent;
    vertical-align: middle;
    display: table-cell;
}

@media only screen and (min-width: 0px) and (max-width: 659px) {
    .sop.sop .sop-f-steps .f-step .arrow-done {
        border-color: transparent;
        border: none;
    }
}

.sop.sop .sop-f-steps .f-step .arrow-white {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27.5px 0 27.5px 25px;
    border-color: #FFFFFF transparent #FFFFFF transparent;
    vertical-align: middle;
    display: table-cell;
}

.sop.sop .sop-f-steps .f-step .arrow-last {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27.5px 0 27.5px 25px;
    border-color: #ffbe00 #ffbe00 #ffbe00 #ffbe00;
    vertical-align: middle;
    display: table-cell;
}

.sop.sop .sop-f-steps .f-step.active .f-step__number {
    background-color: #ffbe00;
    font-weight: bold;
}

.sop.sop .sop-f-steps .f-step.active .f-step__title {
    background-color: #ffbe00;
}

@media only screen and (min-width: 0px) and (max-width: 659px) {
    .sop.sop .sop-f-steps .f-step.active .f-step__title {
        width: 80%;
    }
}

.sop.sop .sop-f-steps .f-step.active .f-step__title__arrow {
    border-color: transparent transparent transparent #ffbe00;
}

@media only screen and (min-width: 0px) and (max-width: 659px) {
    .sop.sop .sop-f-steps .f-step.active .f-step__title__arrow {
        border-color: #ffbe00;
        width: 0%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 376px) {
    .sop.sop .sop-f-steps .f-step.active .f-step__title__arrow {
        border-color: #ffbe00;
        width: 0%;
    }
}

.arrow-done {
    border-color: transparent transparent transparent #FFFFFF;
}

.sop.sop .sop-f-steps .f-step.active .f-step__number:after {
    background-color: #ffbe00;
}

.sop.sop .sop-f-steps .f-step.active .f-step__title {
    color: #000
}

.sop.sop .sop-f-steps .f-step.done .f-step__number {
    color: black;
}

    .sop.sop .sop-f-steps .f-step.done .f-step__number:after {
        border: 0px solid transparent
    }

.sop.sop .sop-f-steps .f-step.done .f-step__title {
    color: black;
}

.sop.sop .sop-b-tabs {
    margin: 0
}

    .sop.sop .sop-b-tabs label.b-tab {
        font-size: 1.25em;
        margin: 0;
        padding: 0 40px 0 0;
        display: table;
        float: left;
        width: auto;
        clear: none
    }

@media (max-width: 608px) {
    .sop.sop .sop-b-tabs label.b-tab {
        float: none;
        width: 100%;
        padding: 0 !important
    }

    .sop.sop .sop-b-tabs {
        padding: 0 0px;
    }
}

@media (max-width: 668px) {
    .sop.sop .sop-b-tabs label.b-tab:last-child {
        padding-right: 0
    }
}

.sop.sop .sop-b-tabs label.b-tab .b-tab__title {
    cursor: pointer;
    color: black;
    padding: 20px 0;
    display: block;
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
    font-weight: bold;
    float: none
}

    .sop.sop .sop-b-tabs label.b-tab .b-tab__title:before {
        font-size: 22px
    }

.sop.sop .sop-b-tabs label.b-tab:last-child {
    padding-right: 0
}

.sop.sop .sop-b-tabs label.b-tab.active .b-tab__title,
.sop.sop .sop-b-tabs label.b-tab:hover .b-tab__title {
}

.sop.sop .sop-b-tabs label.b-tab input[type=radio]:focus + .b-tab__title {
    outline: 0px #f48220 dashed !important;
    outline-offset: 3px
}

.sop.sop .sop-b-tabs fieldset {
    border: none;
    padding: 0;
    margin: 0
}

.sop.sop .sop-photo {
    padding-top: 10px;
}

    .sop.sop .sop-photo .photo__holder {
        position: relative;
        width: 245px;
        height: 155px
    }

    .sop.sop .sop-photo .photo__image {
        position: absolute;
        left: 9px;
        bottom: 9px
    }

.sop.sop .total__agreement {
    padding-left: 15px
}

@media only screen and (max-width: 800px) {
    .sop.sop .total__agreement {
        padding-left: 0
    }
}

@media only screen and (min-width: 0) and (max-width: 620px) {
    .sop.sop .total__agreement {
        width: 100%;
        padding-left: 20px
    }
}

.sop.sop .total__agreement .checkbox-label {
    margin-top: 0
}

@media only screen and (min-width: 0) and (max-width: 620px) {
    .sop.sop .total__sum-column {
        width: 100%
    }
}

.sop.sop .total__sum-wrapper {
    border: 0px #ddd solid;
    padding: 0px 0px;
    margin-right: 10px;
    float: right;
}

@media only screen and (max-width: 800px) {
    .sop.sop .total__sum-wrapper {
        margin-right: 0
    }
}

@media only screen and (min-width: 0) and (max-width: 799px) {
    .sop.sop .total__sum-wrapper {
        margin-right: 0;
        padding-top: 10px;
        float: none;
    }
}

.sop.sop .total__sum-title {
    font-family: "Lato";
    font-weight: 700;
    font-style: normal;
    display: block;
    font-size: 1.3em;
    padding: 15px 5px 0 5px;
}

.sop.sop .total__sum {
    font-family: "Lato";
    font-weight: normal;
    font-style: normal;
    display: block;
    font-size: 1.57143em;
    padding-top: 15px;
}

@media only screen and (min-width: 0) and (max-width: 799px) {
    .sop.sop .total__sum-title {
        padding: 7px 5px 7px 5px;
    }

    .sop.sop .total__sum {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

.sop.sop .total__sum:before,
.sop.sop .total__sum:after {
    color: #ffbe00;
    font-size: 24px;
    padding-right: 20px
}

@media only screen and (min-width: 0) and (max-width: 620px) {
    .sop.sop .total__sum {
        position: relative
    }

        .sop.sop .total__sum:before,
        .sop.sop .total__sum:after {
            position: absolute;
            left: -60px
        }
}

@media (min-width: 800px) {
    .sop.sop .sop-shopping .b-column.shop__item:first-child {
    }
}

@media (min-width: 800px) {
    .sop.sop .sop-shopping .b-column.shop__item:last-child {
    }
}

.sop.sop .sop-shopping .total__sum-column {
    width: auto;
    margin: 0;
}

    .sop.sop .sop-shopping .total__sum-column .total__sum-wrapper {
        margin: 0
    }

.sop.sop .sop-shopping .shop__box {
    margin-bottom: 30px;
    padding: 30px 10px;
    border: 2px solid #e5e5e5;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

    .sop.sop .sop-shopping .shop__box:hover {
        border-color: #ffbe00
    }

        .sop.sop .sop-shopping .shop__box:hover .shop__icon [class*="b-icon-"]:before {
            font-size: 95px
        }

    .sop.sop .sop-shopping .shop__box .shop__icon {
        vertical-align: middle
    }

        .sop.sop .sop-shopping .shop__box .shop__icon [class*="b-icon-"]:before {
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
            font-size: 100px;
            color: #285398
        }

    .sop.sop .sop-shopping .shop__box .shop__desc {
        margin-bottom: 25px
    }

    .sop.sop .sop-shopping .shop__box.single .shop__icon {
        text-align: center
    }

.sop.sop .sop-shopping .sub-tickets-list {
    margin-top: 1em
}

    .sop.sop .sop-shopping .sub-tickets-list .sub-ticket + .sub-ticket {
        padding-top: 1em
    }

.sop.sop .sop-shopping .info-box {
    border: 2px solid #e5e5e5;
    background-color: #ffbe00;
    text-align: center;
    margin-bottom: 25px;
    padding: 10px 10px 0px 10px
}

.sop.sop .sop-table-wrapper.f-section {
    padding-bottom: 0
}

.ie8 .sop.sop .sop-table-wrapper.f-section {
    padding-bottom: 2.85714em
}

.sop.sop .portlet-custom table.sop-table {
    margin: 0;
}

    .sop.sop .portlet-custom table.sop-table tbody th,
    .sop.sop .portlet-custom table.sop-table tbody td {
        border-right: 1px solid #dddddd;
        font-size: 0.85714em;
    }

    .sop.sop .portlet-custom table.sop-table thead th {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
    }

    .sop.sop .portlet-custom table.sop-table thead th,
    .sop.sop .portlet-custom table.sop-table thead td {
        font-size: 0.85714em;
    }

        .sop.sop .portlet-custom table.sop-table tbody th .o-tbtn,
        .sop.sop .portlet-custom table.sop-table tbody td .o-tbtn,
        .sop.sop .portlet-custom table.sop-table thead th .o-tbtn,
        .sop.sop .portlet-custom table.sop-table thead td .o-tbtn {
            font-size: 1.16667em
        }

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop.sop .portlet-custom table.sop-table tbody th .o-tbtn + .o-tbtn,
    .sop.sop .portlet-custom table.sop-table tbody td .o-tbtn + .o-tbtn,
    .sop.sop .portlet-custom table.sop-table thead th .o-tbtn + .o-tbtn,
    .sop.sop .portlet-custom table.sop-table thead td .o-tbtn + .o-tbtn {
        margin-top: 10px
    }
}

.sop.sop .portlet-custom table.sop-table thead tr th {
    padding: 30px 12px
}

.sop.sop .portlet-custom table.sop-table tbody tr td {
    padding: 12px
}

@media only screen and (max-width: 800px) {
    .sop.sop .portlet-custom table.sop-table tbody tr td {
        padding-left: 50%
    }
}

.sop.sop .portlet-custom table.sop-table tbody tr td,
.sop.sop .portlet-custom table.sop-table tbody tr th {
    padding-top: 30px;
    padding-bottom: 20px
}

@media only screen and (max-width: 800px) {
    .sop.sop .portlet-custom table.sop-table tbody tr td,
    .sop.sop .portlet-custom table.sop-table tbody tr:first-child td,
    .sop.sop .portlet-custom table.sop-table tbody tr:last-child td {
        padding: 25px 20px 23px 50%
    }
}

.sop.sop .portlet-custom table.sop-table tbody tr + tr td {
    border-top: 1px #ccc solid
}

.sop.sop .portlet-custom table.checkout-table thead tr th.product-name-header {
    width: 40%
}

.sop.sop .portlet-custom table.checkout-table .prolonged-ticket + div {
    padding-top: 1.25em
}

.sop.sop .login-form .f-article.article--top {
    padding-bottom: 0
}

.sop.sop .login-form .f-section {
    border-bottom: 1px #c3c5c6 solid
}

.sop.sop .login-form .f-row,
.sop.sop .login-form .f-buttons {
    width: 100%
}

@media only screen and (max-width: 999px) {
    .sop.sop .login-form .f-row,
    .sop.sop .login-form .f-buttons {
        width: auto
    }
    .sop .portlet-custom h1,
    .sop .portlet-custom .h1 {
        font-size: 2em;
        line-height: 2em;
        padding: 0em 0em 0.5em 0em;
        margin-left: 25px;
    }
}

.sop.sop .login-form .f-row .six:first-child,
.sop.sop .login-form .f-buttons .six:first-child {
}

@media only screen and (max-width: 800px) {
    .sop.sop .login-form .f-row .six:first-child,
    .sop.sop .login-form .f-buttons .six:first-child {
        padding-right: 0px;
    }
}

.sop.sop .login-form .f-row .six:first-child + .six,
.sop.sop .login-form .f-buttons .six:first-child + .six {
    padding-left: 10px
}

@media only screen and (max-width: 800px) {
    .sop.sop .login-form .f-row .six:first-child + .six,
    .sop.sop .login-form .f-buttons .six:first-child + .six {
        padding-left: 20px
    }
}

@media only screen and (max-width: 800px) {
    .sop.sop .login-form .f-row .six:first-child + .six .o-btn,
    .sop.sop .login-form .f-buttons .six:first-child + .six .o-btn {
        margin-top: 25px
    }
}

.sop.sop .login-form .f-row + .f-row {
    padding-top: 0.71429em
}

.sop.sop .login-form .f-row .f-label {
    text-align: left;
    margin-bottom: 0.71429em
}

.sop.sop .login-form .o-btn {
    width: 160px
}

.font125 .sop.sop .login-form .o-btn, .font150 .sop.sop .login-form .o-btn, .font175 .sop.sop .login-form .o-btn {
    width: 240px
}

.inner {
    width: 60%;
    margin: 0 auto;
}

.sop.sop .login-form .login__lostpass-link {
    display: inline-block;
    margin-top: 21px;
    color: #FFD900;
    cursor:pointer
}

.sop.sop .login-form .f-buttons.f-buttons.f-buttons {
    padding: 2.85714em 0
}

    .sop.sop .login-form .f-buttons.f-buttons.f-buttons:before {
        display: none
    }

.sop.sop .sop-confirmation-message-parent:only-child .sop-confirmation-message {
    margin-bottom: 1em
}

.sop.sop .sop-confirmation-message-parent .sop-confirmation-message {
    margin: 0;
    opacity: 1;
    line-height: 1.2;
    background-color: #f1f1f1;
}

    .sop.sop .sop-confirmation-message-parent .sop-confirmation-message.ng-hide {
        margin: 0;
        opacity: 0;
        line-height: 0
    }

    .sop.sop .sop-confirmation-message-parent .sop-confirmation-message span.b-icon-before-error {
        color: #ea1b27
    }

    .sop.sop .sop-confirmation-message-parent .sop-confirmation-message span.b-icon-before-success {
        color: #1ba600
    }

    .sop.sop .sop-confirmation-message-parent .sop-confirmation-message.ng-hide-add,
    .sop.sop .sop-confirmation-message-parent .sop-confirmation-message.ng-hide-remove {
        -webkit-transition: opacity 0.2s ease, line-height 0.4s ease, margin 0.4s ease;
        -moz-transition: opacity 0.2s ease, line-height 0.4s ease, margin 0.4s ease;
        -o-transition: opacity 0.2s ease, line-height 0.4s ease, margin 0.4s ease;
        transition: opacity 0.2s ease, line-height 0.4s ease, margin 0.4s ease
    }

.sop.sop .sop-loading-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f1f1f1;
    opacity: 1;
    z-index: 700
}

    .sop.sop .sop-loading-container.ng-hide-add,
    .sop.sop .sop-loading-container.ng-hide-remove {
        -webkit-transition: opacity 0.4s ease;
        -moz-transition: opacity 0.4s ease;
        -o-transition: opacity 0.4s ease;
        transition: opacity 0.4s ease
    }

    .sop.sop .sop-loading-container.ng-hide {
        opacity: 0
    }

    .sop.sop .sop-loading-container .loading-inner {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        text-align: center
    }

.sop.sop .sop-history .sop-pagination,
.sop.sop .sop-loyalty .sop-pagination {
    border-top: 1px #ccc solid;
    margin: 0 0 20px;
    padding-top: 20px
}

.sop.sop .sop-history .table-and-pagination-container,
.sop.sop .sop-loyalty .table-and-pagination-container {
    position: relative
}

.sop.sop .sop-history .f-section:first-child + .f-section,
.sop.sop .sop-loyalty .f-section:first-child + .f-section {
    padding-top: 1.42857em
}

body {
    background-color: #f1f1f1
}

.sop.sop {
    background-color: #f1f1f1
}

    .sop.sop a {
        text-decoration: none !important;
    }

.sop .portlet-custom h1,
.sop .portlet-custom .h1 {
    padding: 0.91304em 0em 0.91304em 0em
}

.sop-header {
    background-color: #ffffff
}

.menu-logo {
    margin-top: 2em;
    margin-bottom: 8em;
    cursor: pointer
}

    .menu-logo img {
        padding-top: 5px
    }

    .menu-logo a {
        text-decoration: none;
        background: #285398;
        color: #fff;
        padding: 10px;
        text-align: center;
        line-height: 3em;
        border-radius: 9px;
        height: 41px;
        width: 158px
    }

        .menu-logo a:hover {
            background-color: #3464b3
        }

.tkm-nav {
    font-family: "Lato";
    font-weight: 300;
    border: 1px #f0f0f0 solid;
    overflow: hidden;
    width: auto;
    font-size: 0.9em;
}

    .tkm-nav .icon {
        display: none
    }

    .tkm-nav a {
        display: block;
        position: relative;
        float: none;
        padding: 16px 0px 17px 0px;
        font-size: 1.21429em;
        color: #ffffff;
        font-family: inherit;
        font-weight: bolder;
        font-style: normal;
        overflow: hidden;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
        transition: border-color 0.2s ease, color 0.2s ease;
        z-index: 30;
        text-decoration: none
    }

        .tkm-nav a:hover {
        }

    .tkm-nav li {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        transition: background 0.3s linear;
        padding: 0px 0px 0px 0px;
        width: 20%
    }

        .tkm-nav li:hover {
            color: #fdd501;
        }

        .tkm-nav li:active {
            color: #fdd501;
        }

        .tkm-nav li:last-child a {
            padding: 16px 0px 17px 15px
        }

    .tkm-nav .icon {
        display: none
    }

.nav-lvl1 {
    margin: 0;
    padding: 0;
    background-color: var(--main-color);
}

.sop-basket-link {
    padding: 3em 0em 0.91304em 0em;
    color: #285398;
}

.sop-basket-link-aligned {
    padding-top: 1em;
    padding-bottom: 0.91304em;
    color: #285398;
}

.sop-basket-link a:hover {
    color: #282828;
    text-decoration: none
}

.sop-basket-link-aligned a:hover {
    color: #285398;
    text-decoration: none
}

@media only screen and (max-width: 480px) {
    .font175 .sop-basket-link-aligned {
        padding-top: 1.5em;
    }
}

.bar {
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0
}

.hamburger-menu .opened .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px)
}

.hamburger-menu .opened .bar2 {
    opacity: 0
}

.hamburger-menu .opened .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px)
}

.arrow-link-bg {
    width: 95%;
    width: calc(100%-40px);
    position: relative;
    background: #fff;
    line-height: 100px;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: -10px 8px 27px -8px #ccc;
    margin-bottom: 3%;
    color: #10171f
}

    .arrow-link-bg:hover {
        -webkit-box-shadow: 3px 3px 5px 6px #999;
        -moz-box-shadow: 3px 3px 5px 6px #999;
        box-shadow: -10px 8px 27px -8px #999;
        cursor: pointer;
        color: #285398
    }

        .arrow-link-bg:hover span {
            color: #285398 !important
        }

        .arrow-link-bg:hover img {
            content: url('../img/arrow_buy_hover.png');
        }

    .arrow-link-bg img {
        position: absolute;
        right: 0px;
        top: calc(50% - 25px)
    }

    .arrow-link-bg span {
        margin-left: 5% !important;
        font-size: 1.6em;
    }

.sop .portlet-custom .arrow-link-bg span.h3 {
    padding: 0;
    line-height: unset;
    font-size: 1.6em;
}

@media (max-width: 557px) {
    .font175 .arrow-link-bg img {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .sop .portlet-custom .arrow-link-bg span.h3 {
        padding: 0;
        line-height: unset;
    }
    .font125 .arrow-link-bg img, .font150 .arrow-link-bg img, .font175 .arrow-link-bg img {
        display: none;
    }
    .font125 .arrow-link-bg span, .font150 .arrow-link-bg span, .font175 .arrow-link-bg span {
        white-space: nowrap;
    }
    .sop.sop .section-padded-xxl:not(.no-rwd) {
        padding-top: 35px;
        padding-bottom: 35px
    }
    .sop .portlet-custom .radio-label [type=radio] ~ .sop-ci {
        padding-left: 15px;
    }
    .sop .portlet-custom .custom-select > select {
        font-size: 1em;
    }
    .sop .portlet-custom .custom-select > select.s-large {
            width: 100%
    }
}

.arrow-link-bg span:hover {
    color: #285398 !important
}

.arrow-link-bg::after,
.arrow-link-bg::before {
    content: "";
    position: absolute;
    width: 45px;
    height: 50%;
    left: 100%
}

.arrow-link-bg::after {
    bottom: 0;
    background: linear-gradient(to right bottom, #ffffff 50%, transparent 50%)
}

.arrow-link-bg::before {
    top: 0;
    background: linear-gradient(to right top, #ffffff 50%, transparent 50%)
}

.arrow-link-container {
    width: 100%;
    margin-bottom: 5%;
    display:flex;
}

    .arrow-link-container .arrow-link-button {
        background-image: url("../img/yellow-arrow.png");
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        display: inline-block;
        line-height: 31px
    }

        .arrow-link-container .arrow-link-button:hover {
            background-image: url("../img/blue-arrow.png") !important;
            cursor: pointer
        }

    .arrow-link-container .arrow-link {
        font-family: "Lato";
        display: inline-block;
        vertical-align: middle;
        line-height: 31px;
        margin-bottom: 1%;
        cursor: pointer
    }

        .arrow-link-container .arrow-link:hover .arrow-link-button {
            background-image: url(../img/blue-arrow.png) !important;
            cursor: pointer;
        }

        .arrow-link-container .arrow-link:hover a {
            color: #282828
        }

        .arrow-link-container .arrow-link p {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
        }

        .arrow-link-container .arrow-link:hover p {
            text-decoration: underline;
        }

        .arrow-link-container .arrow-link a {
            color: var(--main-color);
            padding-right: 10px;
            font-size: 1.21429em;
            font-weight: bolder;
            min-width: 108px
        }

@media only screen and (max-width: 1024px) {
    .tkm-nav a {
        border-bottom: 2px solid #f0f0f0
    }

    .tkm-nav li {
        
    }

        .tkm-nav li:hover,
        .tkm-nav a:hover,
        .tkm-nav li:active {
            background-color: #ffd700;
            color: #10171f !important;
        }

    .nav-lvl1 li {
        border-bottom: none
    }

    .hamburger-menu {
        display: block;
        padding-left: 85%;
        cursor: pointer;
    }

    .footer-img-box {
        background-color: #fff;
        display: block;
        justify-content: center;
        width: 90%;
        margin: auto;
        flex-wrap: wrap
    }

        .footer-img-box .footer-img {
            width: 100%;
            height: auto;
            justify-content: center;
            align-items: center;
            text-align: center
        }

        .footer-img-box img {
            width: auto
        }

    .arrow-link-bg {
        font-size: 0.875em
    }

    .arrow-link-container .arrow-link {
        width: 100%
    }
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-3 {
    margin-left: 3px !important;
}

.nav-dot-spacer-yellow {
    background-color: #FFD900 !important;
}

.nav-text-active {
    color: #FFD900 !important;
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .nav-text-active {
        color: white !important;
    }
    .mobile-menu-item {
        display: block !important;
        width:100% !important;
    }
    .desktop-menu-item {
        display:none !important;
    }
}

@media only screen and (min-width: 1025px) {
    .mobile-menu-item {
        display: none !important;
    }
    .desktop-menu-item {
        display: block !important;
    }
    .nav-dot-spacer {
        width: 7px !important;
        height: 14px;
        list-style-type: none;
    }

    .tkm-nav li:hover > a {
        color: #fdd501;
    }
    
    .tkm-nav li {
        width: 188.6px;
        display: inline-block;
    }

    .nav-lvl1 li {
        border-bottom: 0px solid #fff
    }

    .hamburger-menu {
        display: none
    }

    .footer-img-box {
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: auto;
        flex-wrap: wrap
    }

        .footer-img-box .footer-img {
            height: auto;
            justify-content: center;
            align-items: center;
        }

        .footer-img-box img {
            width: auto
        }

    .arrow-link-bg {
        font-size: 1.229em
    }

    .arrow-link-container .arrow-link {
        width: 25%
    }
}

.sop.sop hr {
    background-color: #c3c5c6;
    height: 1px;
    margin: 0;
    padding: 0
}

    .sop.sop hr.b-row-sep {
        margin-left: 20px;
        margin-right: 20px
    }

.sop.sop .sop-grey-box {
    padding: 20px 20px 25px;
    background: #f0f0f0
}

.sop.sop .sop-sidebar-box {
    background-color: #fff
}

    .sop.sop .sop-sidebar-box.with-border {
        border: 2px solid #c3c5c6
    }

    .sop.sop .sop-sidebar-box p {
        margin-bottom: 20px
    }

    .sop.sop .sop-sidebar-box > .b-row {
        margin-bottom: 10px
    }

    .sop.sop .sop-sidebar-box .sidebar-box__subbox {
        padding: 20px 0 20px
    }

        .sop.sop .sop-sidebar-box .sidebar-box__subbox > .b-column > .b-row {
            margin-bottom: 10px
        }

            .sop.sop .sop-sidebar-box .sidebar-box__subbox > .b-column > .b-row:last-child {
                margin-bottom: 0
            }

    .sop.sop .sop-sidebar-box .sidebar-box__heading {
        font-size: 1.5em;
        padding: 18px 0 28px
    }

    .sop.sop .sop-sidebar-box .sidebar-box__title {
        font-family: "Lato";
        font-weight: normal;
        font-style: normal
    }

    .sop.sop .sop-sidebar-box .sidebar-box__phone {
        font-size: 1.28571em;
        font-family: "Lato";
        font-weight: normal;
        font-style: normal
    }

        .sop.sop .sop-sidebar-box .sidebar-box__phone:before,
        .sop.sop .sop-sidebar-box .sidebar-box__phone:after {
            font-size: 25px
        }

    .sop.sop .sop-sidebar-box .sidebar-box__opening-hours {
        margin: -20px 0 20px;
        *zoom: 1
    }

        .sop.sop .sop-sidebar-box .sidebar-box__opening-hours:before,
        .sop.sop .sop-sidebar-box .sidebar-box__opening-hours:after {
            content: " ";
            display: table
        }

        .sop.sop .sop-sidebar-box .sidebar-box__opening-hours:after {
            clear: both
        }

        .sop.sop .sop-sidebar-box .sidebar-box__opening-hours dd {
            margin: 0;
            float: left;
            width: 50%;
            clear: both
        }

        .sop.sop .sop-sidebar-box .sidebar-box__opening-hours dt {
            float: right;
            width: 50%
        }

    .sop.sop .sop-sidebar-box .sidebar-box__hours {
        font-family: "Lato";
        font-weight: normal;
        font-style: normal
    }

    .sop.sop .sop-sidebar-box .btn--skype {
        margin-bottom: 10px
    }

        .sop.sop .sop-sidebar-box .btn--skype:before {
            top: 50%;
            margin-top: -15px
        }

.sop.sop .sop-sidebar .sop-grey-box {
    margin: 1.78571em 0
}

.sop.sop .sop-sidebar .sidebar__box + .sidebar__box {
    margin: 1.78571em 0
}

.sop.sop .sop-sidebar .sidebar__box .linkbox__title {
    font-size: 1.5em;
    padding: 10px 0 0
}

.sop.sop .sop-sidebar .sidebar__box .mobile-store-icons img {
    float: left;
    margin-bottom: 10px;
    margin-right: 14px;
    width: 98px
}

    .sop.sop .sop-sidebar .sidebar__box .mobile-store-icons img:nth-child(2) {
        margin-right: 0
    }

.sop.sop .portlet-custom a {
    font-weight: 700;
    font-style: normal
}

.sop.sop .portlet-custom .dblue-bg a {
    color: #ffbe00
}

.responsive-element {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

    .responsive-element iframe,
    .responsive-element object,
    .responsive-element embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.sop .portlet-custom .reader-only,
.sop .portlet-custom .acc,
.sop .portlet-custom .acc-hide {
    position: absolute !important;
    left: -9999px !important
}

.sop .portlet-custom input:focus,
.sop .portlet-custom textarea:focus,
.sop .portlet-custom select:focus,
.sop .portlet-custom button:focus,
.sop .portlet-custom a:focus {
    outline: 1px transparent dashed !important;
    outline-offset: 3px
}

.acc,
.acc-hide {
    position: absolute !important;
    left: -9999px !important
}

.sop .portlet-custom a:not([class*=b-icon]):focus {
    text-decoration: none
}

.sop .portlet-custom .radio-label [type=radio]:focus ~ .sop-ci {
    border: 0px dashed #f48220;
    width: 35px;
    height: 35px;
    left: -4px;
    border-radius: 37px;
    padding: 0;
    top: -4px
}

    .sop .portlet-custom .radio-label [type=radio]:focus ~ .sop-ci:before {
        border-color: #ffd600;
        top: 3px;
        left: 3px
    }

    .sop .portlet-custom .radio-label [type=radio]:focus ~ .sop-ci:after {
        top: 12px;
        left: 12px
    }

.sop .portlet-custom input,
.sop .portlet-custom select,
.sop .portlet-custom textarea,
.sop .portlet-custom a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.aligned-header {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.uploaded-image {
    max-width: 120px !important;
    max-height: 120px !important;
}

.table-body {
    font-family: "Lato", "Roboto", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight: 400;
}

.linked-account-label {
    font-size: 1.5em !important;
    padding-right: 20px !important;
    text-align: center;
    background-color: white;
    border-radius: 10px 10px 0 0;
    margin-right: 25px !important;
    width: 250px !important;
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
    .linked-account-label {
        width: 100% !important;
    }
}

.linked-account-label:hover {
    font-size: 1.5em !important;
    background-color: white;
    border-radius: 10px 10px 0 0;
    margin-right: 25px !important;
    width: 250px !important;
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
    .linked-account-label:hover {
        width: 100% !important;
    }
}

.linked-account-label.active {
    font-size: 1.5em !important;
    padding-right: 20px !important;
    text-align: center;
    background-color: #285398;
    border-radius: 10px 10px 0 0;
    margin-right: 25px !important;
    width: 250px !important;
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
    .linked-account-label.active {
        width: 100% !important;
    }
}

.font125 .linked-account-label, .font150 .linked-account-label, .font175 .linked-account-label,
.font125 .linked-account-label.active, .font150 .linked-account-label.active, .font175 .linked-account-label.active,
.font125 .linked-account-label:hover, .font150 .linked-account-label:hover, .font175 .linked-account-label:hover {
    font-size: 21px !important;
}

.linked-account-title {
    color: black !important;
}

    .linked-account-title.active {
        color: white !important;
    }

.linked-accounts-spacer {
    height: 2px;
    background-color: #285398;
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .linked-accounts-spacer {
        height: 0;
    }
}

.register-summary-button {
    padding-left: 0px;
}

.required-fields-info {
    position: absolute;
    top: 60px;
    right: 0;
}

.register-step-list {
    padding-left: 0px;
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .register-step-list {
        padding-left: 0px;
        margin-bottom: 15px !important;
    }
}

.font-size-container {
    position: relative;
    white-space:nowrap;
}

.font-size-small {
    cursor: pointer;
    font-size: 15px;
    position: relative;
    padding-top: 15px;
    padding-right: 3px;
    float: right;
    color: var(--main-color);
    user-select: none;
}

.font-size-large {
    cursor: pointer;
    font-size: 30px;
    position: relative;
    float: right;
    color: var(--main-color);
    user-select:none;
}

.terms-and-conditions-toggle {
    margin: 25px 0 25px 0 !important;
    cursor: pointer;
    text-decoration: underline;
    font-family: "Lato";
    color:var(--main-color);
}

.terms-and-conditions {
    margin-bottom: 25px !important;
    margin-top: 10px !important;
}

.register-top-section {
    margin-top: 1.42857em;
}

.register-section [data-name=captcha] {
    padding-left: 65px !important;
}

.my-data-table {
    padding: 0;
    background-color: #fff;
    border-radius: 10px;
}

.fixed-table {
    padding: 0;
    border: none;
}

.fixed-table-spacer {
    max-width: 3px;
    width: 1px;
    padding: 30px;
    border-left: 8px solid #e7e7e7;
}

@media (max-width: 899px) {
    .my-data-table-spacer {
        border-left: 0px !important;
        padding: 12px !important;
    }
}

@media (max-width: 799px) {
    .fixed-table-data {
        display: block;
    }
    .fixed-table-spacer {
        display: block;
        width: 0;
        padding: 0;
        border: none;
    }
    .font125 .my-data-table, .font150 .my-data-table, .font175 .my-data-table {
        word-break: break-all;
    }

    .font125 .my-data-table-buttons, .font150 .my-data-table-buttons, .font175 .my-data-table-buttons {
        width: 100%;
    }

    .sop .medium-six {
        width: 100%;
    }

    .font125 .my-data-table-header .w170, .font150 .my-data-table-header .w170, .font175 .my-data-table-header .w170 {
        width: 80% !important;
    }

    .my-data-two-cols {
        display: block !important;
    }
}

.fixed-table-data {
}

.my-data-table-body {
    border: 0px;
}

.my-data-table-buttons {
    width: 25%;
    text-align: left;
}

.my-data-table-buttons-container {
    font-size: 1.125em;
    padding-left: 40px;
}

@media (max-width: 799px) {
    .my-data-table-buttons {
        width: 50%;
        display: block;
        padding-left: 0px;
    }

    .my-data-table-buttons-container {
        padding-left: 0px;
    }

    .my-data-table-edit-form {
        padding-left: 5%;
        padding-right: 5%;
        width: 90%;
        display: block;
    }

    .my-data-table-header .f-label {
        display: block;
    }
}

@media (max-width: 799px) {
    .my-data-table-spacer {
        padding: 10px;
        border: none;
    }
    .my-data-table-row {
        display: block;
    }
}

.my-data-table-spacer {
    max-width: 3px;
    width: 1px;
    padding: 30px;
    border-left: 8px solid #f1f1f1;
}

.cart-sum-table {
    width: 482px;
    height: 80px;
    border: 1px #ddd solid;
}

@media (max-width: 799px) {
    .cart-sum-label-cell {
        display: block;
        width: 100%;
        border-right: none;
    }
    .my-services-table-data {
        width: 100%;
    }
    .cart-sum-table {
        width: 100%;
    }
    .cart-sum-row {
        display: block;
    }
}

.cart-sum-label-cell {
    text-align: center;
    vertical-align: middle;
    width: 240px;
    min-width: 140px;
    border-right: 2px #ffbe00 solid;
}

.cart-sum-sum-cell {
    background: white;
    vertical-align: middle;
    text-align: center;
    width: 240px;
    min-width: 180px;
}

.my-data-table-header {
    font-size: 1.125em;
    padding-left: 40px;
}

.register-table {
    padding: 0;
}

.register-table-body {
    border: none !important;
}

.register-table-row {
}

.register-table-header {
    width: 25%;
    text-align: left;
}

@media (max-width: 799px) {
    .register-top-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .register-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .register-summary-button {
        padding-left: 15px;
    }

    .required-fields-info {
        position: relative;
    }
    .cart-sum-sum-cell {
        display: block;
        width: 100%;
    }

    .cart-sum-sum-cell {
        padding: 5px 0px !important;
        display: block;
        width: 100%;
    }

    .cart-sum-label-cell {
        padding: 5px 0px !important;
    }
    .my-data-table-header {
        text-align: left;
        padding-left: 0px;
    }

    .my-data-table-buttons {
        padding-left: 21px;
    }
    .register-table {
        display: block;
    }
    .register-table-body {
        display: block;
    }
    .register-table-row {
        display: block;
    }
    .register-table-spacer {
        display: block;
        width: 0;
        padding: 0;
        border: none;
    }
    .register-table-header {
        width: 100%;
        display: block;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        display: flex;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        flex-direction:column;
    }
    .register-table-row-width630 {
        height:130px;
    }
}

.register-table-spacer {
    max-width: 3px;
    width: 1px;
    padding: 30px;
    border-left: 8px solid #e7e7e7;
}

.register-summary-section {
    margin-top: 3em !important;
}

.section-header {
    margin-top: 7px !important;
    font-size: 1.125em !important;
    font-weight:600 !important;
}

.checkout-sum-section {
    margin-top: 30px;
}

.font125 .sop.sop .portlet-custom .checkbox-label [type="checkbox"] ~ .sop-ci:after {
    top: 2px;
    left: 4px;
}

.font150 .sop.sop .portlet-custom .checkbox-label [type="checkbox"] ~ .sop-ci:after {
    top: 0px;
    left: 3px;
}

.font175 .sop.sop .portlet-custom .checkbox-label [type="checkbox"] ~ .sop-ci:after {
    top: -4px;
    left: 2px;
}

.font125 .logo-container, .font150 .logo-container, .font175 .logo-container {
    height: 70px;
}

.font125 .menu-logo img {
    transform: scale(1.25);
    transform-origin: left top;
}

.font150 .menu-logo img {
    transform: scale(1.35);
    transform-origin: left top;
}

.font175 .menu-logo img {
    transform: scale(1.45);
    transform-origin: left top;
}

.font125 .uploaded-image {
    transform: scale(1.25);
    transform-origin: left top;
}

.font150 .uploaded-image {
    transform: scale(1.5);
    transform-origin: left top;
    padding-bottom: 2em;
}

.font175 .uploaded-image {
    transform: scale(1.75);
    transform-origin: left top;
    padding-bottom: 2em;
}


@media (max-width: 370px) {
    .font125 .sop .portlet-custom h3,
    .font125 .sop .portlet-custom .h3 {
        word-break: break-all;
    }

    .font150 .sop .portlet-custom h3,
    .font150 .sop .portlet-custom .h3 {
        word-break: break-all;
    }

    .font175 .sop .portlet-custom h3,
    .font175 .sop .portlet-custom .h3 {
        word-break: break-all;
    }

    .font125 .my-data-table, .font150 .my-data-table, .font175 .my-data-table {
        word-break: break-all;
    }

    .font125 .my-data-table-buttons, .font150 .my-data-table-buttons, .font175 .my-data-table-buttons {
        width: 100%;
    }
}

.my-data-two-cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.sop.sop button.btn-right.o-btn {
    margin-left: 10px;
}

@media (max-width: 480px) {
    .sop.sop button.btn-right.o-btn {
        margin-left: 0px;
    }
}

.captcha-answers {
    padding-left: 40px;
}

.sop-login-btn {
    display: block;
    height: 3em;
    line-height: 1.75em;
    padding-right:20px !important;
}

.additional-info {
    width: 70%;
    margin: 0 auto;
    padding-bottom:5px;
    padding-top:5px;
}

.pointer {
    cursor: pointer;
}

.btn-arrow {
    position: relative;
    left: 150px;
    top: 10px;
    z-index: 1;
}

.uxc-ac-message {
    margin-top:3px;
    margin-left:5px;
}
.uxc-form-label-validation-error {
    color: #DC0000;
    margin-left: 10px;
    font-weight: 600;
}

.float-right {
    float: right;
}


.uxc-checkbox-frame {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .uxc-checkbox-frame input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.uxc-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid var(--checkbox-color);
    border-radius: 4px;
}
.uxc-checkmark-validation-error {
    border: 2px solid var(--checkbox-color-notvalid);
}

.uxc-checkbox-frame:hover input ~ .uxc-checkmark {
    border: 2px solid var(--checkbox-color-light)
}

.uxc-checkbox-frame input:checked ~ .uxc-checkmark {
    background-color: var(--checkbox-color);
}

.uxc-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.uxc-checkbox-frame input:checked ~ .uxc-checkmark:after {
    display: block;
}

.uxc-checkbox-frame .uxc-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-label {
    display: block;
    margin-left: 20px;
    font-size: 1.1rem;
}

.pb-5 {
    padding-bottom: 5px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}

.pl-10 {
    padding-left:10px !important;
}

:root {
    --main-color: #285398;
    --text-color: #10171f;
    --checkbox-color: #285398;
    --checkbox-color-light: #59B4DB;
    --checkbox-color-notvalid: #ea1b27;
    --uxc-calendar-day-picked-color: #ffffff;
    --uxc-calendar-day-picked-bg: #285398;
    --uxc-calendar-day-picked-border: #285398;
    --uxc-calendar-week-day: #898989;
    --uxc-calendar-bg: #ffffff;
    --uxc-calendar-current-day-bg: #eee;
    --uxc-calendar-day-size: 32px;
    --uxc-calendar-day-width: 28px !important;
    --uxc-calendar-day-height: 28px !important;
    --uxc-calendar-width: 340px !important;
    --uxc-calendar-day-hover-color: #285398;
    --uxc-autocomplete-color: #285398;
    --uxc-autocomplete-bg: #fff;
    --uxc-autocomplete-selection-color: #fff;
    --uxc-autocomplete-bgselection-color: #285398;
    --uxc-autocomplete-hover-color: #285398;
    --uxc-autocomplete-bghover-color: #fff;
}

.btn-white {
    background-color: white !important;
    color: #285398 !important;
    border: #fff 1px solid;
}
    .btn-white:hover {
        border:#285398 1px solid;
    }
    .btn-white:focus {
        border: #285398 1px solid;
    }
    .o-btn:focus {
        border: #000000 1px solid;
    }

.btn-white-disabled {
    color: #8e8e8e !important;
}
    .btn-white-disabled:hover {
        border: #fff 1px solid !important;
    }

    .pb-12 {
        padding-bottom: 12px;
    }

.ui-calendar {
    box-shadow: 2px 2px 7px 0px #bbbbbb;
    border: 1px #ddd;
    max-width: 333px;
    min-width: 333px;
}

.ui-calendar-btn {
    padding-left: 8px;
}

.uxc-checkbox-label {
    font-size: 0.875rem;
    font-weight: 400;
}

.img-plus {
    position: relative;
    left: -45px;
    pointer-events: none;
}

.header-menu-background {
    background-color: #285398;
}

.header-menu-nav {
    margin: 0 auto 0 auto !important;
    max-width: 1024px;
}

.grid-header-wrapper {
    display: flex;
    align-items: center;
    column-gap: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.arrow-group {
    display: flex;
    row-gap: 3px;
    flex-direction: column;
}

.arrow-up {
    cursor: pointer;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

.arrow-down {
    cursor: pointer;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}

.uxc-ac-result-frame {
    position: relative;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    border: 1px solid #dbdbdb;
    min-height: 2rem;
    max-height: 30rem;
    overflow-y: auto;
    z-index: 10;
    width: 100%;
    background: #fff;
}

.uxc-ac-item-active > .uxc-city-loc {
    color: #fff !important;
}

.uxc-ac-item-active, .uxc-ac-activeitem:hover, .uxc-ac-activeitem:focus {
    background-color: var(--uxc-autocomplete-bgselection-color);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    color: var(--uxc-autocomplete-selection-color) !important;
    cursor: pointer;
    padding: 6px 2px 6px 5px
}

.uxc-ac-item {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    padding: 6px 2px 6px 5px;
    cursor: pointer;
    background-color: var(--uxc-autocomplete-bg,#fff);
    color: var(--uxc-autocomplete-color, #000);
}
    .uxc-ac-item:hover {
        color: var(--uxc-autocomplete-hover-color) !important;
        background-color: var(--uxc-autocomplete-bghover-color: #285398);
    }


.ticket-price {
    border: 1px solid #c3c5c6;
    border-radius: 5px;
    padding: 4px 12px;
    margin-left: 5px;
}

.prolong-ticket-table {
    padding:6px;
}
.prolong-ticket {
    padding: 2px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 11px 20px 11px 20px;
    margin-bottom: 11px;
}

.prolong-ticket-active {
    border: 1px solid #ddd;
}

    .prolong-ticket-table td {
        padding:2px !important;
    }


.uploaded-image-preview {
    max-width:200px !important;
    padding:10px;
}

.form-label {
    font-weight:700 !important;
}

.mt-20 {
    margin-top:20px !important;
}

.f-label-bold {
    font-weight: 700 !important;
}

.contrast-img {
    width: 27px;
    height: 27px;
    position: relative;
    float: right;
    cursor:pointer;
}

.login-form-box {
    height: 20px;
    width: 100%;
    background-color: #f1f1f1
}

.no-account-box {
    height: 40px;
    width: 100%;
    background-color: white
}
.no-account-box2 {
    height: 60px;
    width: 100%;
    background: white;
    margin-top: -1px
}
.no-account-label {
    margin-left: auto;
    margin-right: auto;
    color: #000;
    font-size: 22px;
    text-align: center;
}
.register-now {
    height: 80px;
    width: 100%;
    background: white;
    text-align: center;
    margin-top: -1px
}
.password-reset {
    cursor:pointer;
    color:var(--main-color);
}

.form-select {
    box-shadow: -3px 4px 7px 0px #bbbbbb !important;
}
    .form-select:focus {
        border:1px solid #000 !important;
    }

.px-3 {
    padding-left:3px;
    padding-right:3px;
}

.color-red {
    color: #DC0000;
}

.register-error {
    float: right;
    padding: 0px 2px 11px 11px;
    font-size: 12pt;
}
@media only screen and (min-width: 1024px) {
    .header-menu-nav {
        display: flex;
        flex-wrap: nowrap;
    }
}
.message-area {
    text-align: center;
    padding: 7px;
    border: 1px solid #e8e8e8;
    background-color: #fff !important;
}
.confirmation-message-error {
    color: red;
}

.buttonlist {
    display:flex;
    row-gap:3px;
    column-gap:2px;
}

@media only screen and (min-width: 0) and (max-width: 1024px) {
    .o-btn-mobile-full {
        width: 100% !important;
        float: none !important;
        margin-top:15px;
    }
    .pl-10-mobile {
        padding-left: 10px !important;
    }
    .pl-25-mobile {
        padding-left: 25px !important;
    }
}

.o-btn-in-list {
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    padding-inline-end: 20px !important;
}

.mb-10 {
    margin-bottom:10px !important;
}
.pt-0 {
    padding-top:0px !important;
}

.pt-5 {
    padding-top: 5px !important;
}
.pt-11 {
    padding-top: 11px !important;
}
.pt-15 {
    padding-top: 15px !important;
}

.payment-link {
    cursor: pointer;
    color: var(--main-color);
}

.partner-item {
    padding: 10px 10px 10px 0px;
}

.partner-item-logo {
    max-height: 100px;
    padding-right: 10px;
}
.partner-category {
    padding: 3px;
    color: #000;
    cursor: pointer;
    font-weight: 400;
}
    .partner-category:hover {
        color: #151515;
    }
.partner-category-selected {
    font-weight:700;
}
.partner-categories {
    width: 30%;
}
.partner-list {
    width:70%;
}
.partners-grid {
    display: flex;
    width: 100%;
    flex-direction: row;
}

@media only screen and (min-width: 0) and (max-width: 1024px) {
    .mobile-px-3 {
        padding-left:3px;
    }
    .partners-grid {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
}
.registration-label {
    font-size: 0.875rem;
    font-weight: 400;
    padding-left: 10px;
    text-wrap: wrap;
    line-height: 1.3em;
    padding-bottom: 15px;
}

.no-wrap-label {
    text-wrap:nowrap;
}

.display-flex-center {
    display: flex;
    align-items: center;
}

.upper-action-bar {
    display: flex;
    flex-direction: row-reverse;
    align-content: center;
    align-items: center;
    column-gap: 5px;
    width:50%;
}

.o-login-btn {
    padding-left: 40px;
    padding-right: 40px;
    min-width: 142px;
    text-align: center;
}

.basket-icon-counter {
    position: relative;
    top: -10px;
    right: -35px;
    font-size: 0.8rem;
    color: var(--text-color);
}

.empty-basket {
    border: 2px dotted;
    border-color: var(--main-color);
    border-radius: 25px;
    padding: 25px;
    text-align: center;
    display: inline;
    padding-right: 25px !important;
    padding-left: 25px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.w-100p {
    width:100% !important;
}
.w-120 {
    width: 120px !important;
}
.w-150 {
    width: 150px !important;
}
.pl-5 {
    padding-left:5px;
}
.navitem-selected {
    color:#fdd501 !important;
}

.navitem {
    cursor: pointer;
    text-align: center;
    border: 2px solid;
    border-color: var(--main-color);
}
    .navitem:focus {
        border:2px solid #fff;
    }

.a {
    color:var(--main-color);
}

.basket-icon {
    flex-shrink:0;
    padding-right:8px;
}

.no-wrap-label {
    text-wrap: nowrap;
}

.ticket-details {
    font-weight: 400;
}
.ticket-name {
    color: var(--main-color);
    font-weight: 600;
    padding-bottom: 5px;
}
.ticket {
    border: 1px solid #ddd;
    padding: 10px 10px 10px 15px;
    border-radius: 10px;
    background: #fefefe;
    min-width: 250px;
}
    .ticket:hover {
        border-color:#bbb;
    }
.ticket-collection {
    display: flex;
    flex-direction: row;
    row-gap: 15px;
    column-gap: 15px;
    flex-wrap: wrap;
    width: 600px;
}

.password-show-btn {
    cursor: pointer;
    position: absolute;
    right: 15px;
    width: 30px;
    bottom: 8px;
}

.login-password-show-btn {
    cursor: pointer;
    position: absolute;
    right: 15px;
    width: 30px;
    top: 8px;
}

.uxc-password-wrapper {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 0.9rem;
    border-radius: 8px;
    height: 35px;
    opacity: 0.8;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

.display-block {
    display:block;
}

.uxc-form-label-validation-error-checkbox {
    display: block;
    margin-left: 0px;
    color: red;
    font-weight: 600;
}
.o-btn-lowheight {
    border-radius: 5px !important;
    font-size: 0.875rem !important;
    min-height: 13px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
}
.o-btn-small {
    padding: 0px 5px 0px 5px !important;
    font-size: 1.1em;
    min-height: 36px !important;
}
.o-btn-sm {
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 120px;
}
.o-btn-disabled {
    background-color: #cecece !important;
    border-color: #b8b8b8 !important;
    color: #000;
}
.btn-disabled {
    background-color: #bebebe !important;
    border-color: #b8b8b8 !important;
    color:#000;
}

.h-400 {
    height:400px;
}

.confirmation-title {
    display: block;
    width: 100%;
    text-align: center;
    font-size:1.7rem !important;
}

.link {
    color:var(--main-color);
}
.uxc-hour {
    color: #323232;
}
.uxc-hour:hover {
    color:var(--main-color) !important;
    border:1px var(--main-color) solid !important;
}
.min-width-0 {
    min-width: 0 !important;
}

.partner-item-frame {
    display:flex;
    flex-direction:row;
}

.partner-col {
    min-width: 50%;
    font-weight: 400;
}

.navitem-selected {
    color:red;
}

.font-700 {
    font-weight:700;
}
.font-500 {
    font-weight: 500;
}

.footer-img2 {
    min-height:200px;
    width:100%;
}
.mt-0 {
    margin-top:0px !important;
}

.wizard-input-text {
    display: flex;
    flex-direction: row;
    column-gap: 5px;
    align-items: center;
}

.w-93p {
    width:93% !important;
}
.app-link {
    color: var(--main-color);
    cursor: pointer;
}

.my-data-child-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}
.wizard-single-choice {
    padding: 12px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: -3px 4px 7px 0px #bbbbbb !important;
}
.subtitle {
    font-size: 1.9rem !important;
    padding-left: 0px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.link-btn-white {
    border:1px solid transparent;
    color:var(--main-color);
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    cursor:pointer;
}
    .link-btn-white:hover {
        border:1px solid var(--main-color);
    }

.py-15 {
    padding-top:15px;
    padding-bottom:15px;
}

.hidden.element {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

.pr-10 {
    padding-right:10px !important;
}

.pt-20 {
    padding-top:20px !important;
}
.pt-30 {
    padding-top: 30px !important;
}

.new-radio {
    --form-control-color: #285398;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 2;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    padding-left:4px;
}

input[type="color"] {
    padding: 0;
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
}

input[type="radio"] {
    display: grid;
    place-content: center;
}

input[type="radio"]::before {
        content: "";
        width: 0.65em;
        height: 0.65em;
        border-radius: 50%;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--form-control-color);
    }

input[type="radio"]:checked::before {
        transform: scale(1);
}

.sop-ci-label {
    font-size:14px;
}

.title-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row;
    column-gap: 15px;
}
.account-switch {
    padding: 0;
    margin-bottom: 0.5em;
}
.link-question {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-height: 50px;
}
.partner-name {
    font-weight:500;
    color:var(--main-color);
}
.relief {
    margin-top:20px;
    font-weight:500;
}
.bg-white {
    background-color:#fff;
}
.text-align-center {
    text-align: center;
}
.main-color {
    color:var(--main-color);
}
.ticket-owners-collection {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding-bottom: 5px;
    padding-left: 20px;
    column-gap: 5px;
}
.ticket-owner {
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 7px;
    cursor:pointer;
}
.ticket-owner-selected {
    background-color: #285398;
    color:#fff;
    border: 1px solid #285398;
}

.file_input_btn:focus {
    border:2px solid black !important;
}

.new-radio:focus-within {
    outline: 1px solid #000000;
}
.upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: normal;
}
.partner-filters-coll {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.page-buttons {
    display: flex;
    column-gap: 5px;
    margin-top: 10px;
    align-items: center;
}
    .page-buttons > .current {
        background-color: #fff;
        border: 1px solid #1d3055;
        color: #1d3055;
    }
        .page-buttons > .current:hover {
            border: 1px solid #3b60a6;
        }

.btn-activated {
    background-color: #4476c7;
}

.terms-link {
    cursor: pointer;
    color: #285398;
}

table.grid-table td:empty {
    display: none;
}