/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

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%
}

body {
    margin: 0
}

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: #a4c422;
}

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

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

.register-step-background {
    position: absolute;
    top: 0;
    left: 0;
/*    width: 101%;*/
    width: 100.12%;
/*     height: 55px; */
/* height: 3.4375em; */
height: 3.92857em;
    background-color: #CFCFCF;
}
/* .font125 .register-step-background, .font150 .register-step-background { */
/*     height: 64px;	 */
/* } */

.register-step-background-active {
    position: absolute;
    top: 0;
    left: 0;
/*    width: 101%;*/
    width: 100%;
/*     height: 55px; */
    background-color: #CFCFCF;
}
/* .font125 .register-step-background-active, .font150 .register-step-background-active { */
/*     height: 64px;	 */
/* } */

@media only screen and (min-width: 0) and (max-width: 659px) {
    .register-step-background-active {
        background-color: #a4c422;
    }
}

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

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

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

.login-form {
    /*background-color: #d9d9d9;*/
    background-color: #dadfe5;
    /*background-color: rgb(0 48 71 / 70%);*/
    border: 0px !important;
    width: 70% !important;
}

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

.login-form .login-terms-and-conditions-toggle {
    height:30px;
    width:100%;
    background-color: #ffffff;
    text-align:center;
    color: #000000;
    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;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
    .login-form .f-label {
		margin-left: 25px
	}
}

@media only screen and (min-width: 0) and (max-width: 800px) {
    .login-form {
        width: 100% !important;
        border: 0px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.o-btn-white2 {
    background-color: #005e8a !important;
    color: #ffffff !important;
}

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

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

.sop.sop .login-form .f-label {
    color: #000000;
/*     height: 1.875em; */
    width: 100%;
    padding: 0px;
}

@font-face {
    font-family: "fontello";
    font-weight: normal;
    font-style: normal;
    src: url("../font/fontello.eot?t=12345682");
    src: local("?"), url('../font/fontello.eot?#iefix') format('embedded-opentype'), url('../font/fontello.svg?t=12345682#fontello') format('svg'), url('../font/fontello.woff?t=12345682') format('woff'), url('../font/fontello.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "geogrotesque_regularregular";
    font-weight: normal;
    font-style: normal;
    src: url("../font/geo-rg-webfont.eot?t=12345682");
    src: local("?"), url('../font/geo-rg-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-rg-webfont.svg?t=12345682#geogrotesque_regularregular') format('svg'), url('../font/geo-rg-webfont.woff?t=12345682') format('woff'), url('../font/geo-rg-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "geogrotesqueregular_italic";
    font-weight: normal;
    font-style: normal;
    src: url("../font/geo-rgit-webfont.eot?t=12345682");
    src: local("?"), url('../font/geo-rgit-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-rgit-webfont.svg?t=12345682#geogrotesqueregular_italic') format('svg'), url('../font/geo-rgit-webfont.woff?t=12345682') format('woff'), url('../font/geo-rgit-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "lato-v11-latin_latin-ext-700";
    font-weight: normal;
    font-style: normal;
    src: url("../font/lato-v11-latin_latin-ext-700.eot?t=12345682");
    src: local("?"), url('../font/lato-v11-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), url('../font/lato-v11-latin_latin-ext-700.svg?t=12345682#lato-v11-latin_latin-ext-700') format('svg'), url('../font/lato-v11-latin_latin-ext-700.woff?t=12345682') format('woff'), url('../font/lato-v11-latin_latin-ext-700.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "lato-v11-latin_latin-ext-regular";
    font-weight: normal;
    font-style: normal;
    src: url("../font/lato-v11-latin_latin-ext-regular.eot?t=12345682");
    src: local("?"), url('../font/lato-v11-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), url('../font/lato-v11-latin_latin-ext-regular.svg?t=12345682#lato-v11-latin_latin-ext-regular') format('svg'), url('../font/lato-v11-latin_latin-ext-regular.woff?t=12345682') format('woff'), url('../font/lato-v11-latin_latin-ext-regular.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "lato-v11-latin_latin-ext-300";
    font-weight: normal;
    font-style: normal;
    src: url("../font/lato-v11-latin_latin-ext-300.eot?t=12345682");
    src: local("?"), url('../font/lato-v11-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), url('../font/lato-v11-latin_latin-ext-700.svg?t=12345682#lato-v11-latin_latin-ext-700') format('svg'), url('../font/lato-v11-latin_latin-ext-300.woff?t=12345682') format('woff'), url('../font/lato-v11-latin_latin-ext-300.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "geogrotesqueregular_italic";
    font-weight: normal;
    font-style: normal;
    src: url("../font/geo-rgit-webfont.eot?t=12345682");
    src: local("?"), url('../font/geo-rgit-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-rgit-webfont.svg?t=12345682#geogrotesqueregular_italic') format('svg'), url('../font/geo-rgit-webfont.woff?t=12345682') format('woff'), url('../font/geo-rgit-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "lato-v11-latin_latin-ext-900";
    font-weight: normal;
    font-style: normal;
    src: url("../font/lato-v11-latin_latin-ext-900.eot?t=12345682");
    src: local("?"), url('../font/lato-v11-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), url('../font/lato-v11-latin_latin-ext-900.svg?t=12345682#lato-v11-latin_latin-ext-900') format('svg'), url('../font/lato-v11-latin_latin-ext-900.woff?t=12345682') format('woff'), url('../font/lato-v11-latin_latin-ext-900.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "geogrotesquemedium_italic";
    font-weight: normal;
    font-style: normal;
    src: url("../font/geo-mdit-webfont.eot?t=12345682");
    src: local("?"), url('../font/geo-mdit-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-mdit-webfont.svg?t=12345682#geogrotesquemedium_italic') format('svg'), url('../font/geo-mdit-webfont.woff?t=12345682') format('woff'), url('../font/geo-mdit-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "lato-v11-latin_latin-ext-900";
    font-weight: normal;
    font-style: normal;
    src: url("../font/lato-v11-latin_latin-ext-900.eot?t=12345682");
    src: local("?"), url('../font/lato-v11-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), url('../font/lato-v11-latin_latin-ext-900.svg?t=12345682#lato-v11-latin_latin-ext-900') format('svg'), url('../font/lato-v11-latin_latin-ext-900.woff?t=12345682') format('woff'), url('../font/lato-v11-latin_latin-ext-900.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "geogrotesquemedium_italic";
    font-weight: normal;
    font-style: normal;
    src: url("../font/geo-mdit-webfont.eot?t=12345682");
    src: local("?"), url('../font/geo-mdit-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-mdit-webfont.svg?t=12345682#geogrotesquemedium_italic') format('svg'), url('../font/geo-mdit-webfont.woff?t=12345682') format('woff'), url('../font/geo-mdit-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "Roboto Light";
    font-weight: 300;
    font-style: normal;
    src: url("../font/roboto-light-webfont.eot?t=12345682");
    src: local("?"), url('../font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-light-webfont.svg?t=12345682#robotolight') format('svg'), url('../font/roboto-light-webfont.woff?t=12345682') format('woff'), url('../font/roboto-light-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "Roboto Light Italic";
    font-weight: 300;
    font-style: italic;
    src: url("../font/roboto-lightitalic-webfont.eot?t=12345682");
    src: local("?"), url('../font/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-lightitalic-webfont.svg?t=12345682#robotolight_italic') format('svg'), url('../font/roboto-lightitalic-webfont.woff?t=12345682') format('woff'), url('../font/roboto-lightitalic-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    src: url("../font/roboto-regular-webfont.eot?t=12345682");
    src: local("?"), url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-regular-webfont.svg?t=12345682#robotoregular') format('svg'), url('../font/roboto-regular-webfont.woff?t=12345682') format('woff'), url('../font/roboto-regular-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "Roboto Italic";
    font-weight: 400;
    font-style: italic;
    src: url("../font/roboto-italic-webfont.eot?t=12345682");
    src: local("?"), url('../font/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-italic-webfont.svg?t=12345682#robotoitalic') format('svg'), url('../font/roboto-italic-webfont.woff?t=12345682') format('woff'), url('../font/roboto-italic-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "Roboto Medium";
    font-weight: normal;
    font-style: normal;
    src: url("../font/roboto-medium-webfont.eot?t=12345682");
    src: local("?"), url('../font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-medium-webfont.svg?t=12345682#robotomedium') format('svg'), url('../font/roboto-medium-webfont.woff?t=12345682') format('woff'), url('../font/roboto-medium-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "Roboto Medium Italic";
    font-weight: normal;
    font-style: italic;
    src: url("../font/roboto-medium-italic-webfont.eot?t=12345682");
    src: local("?"), url('../font/roboto-medium-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-medium-italic-webfont.svg?t=12345682#robotomedium_italic') format('svg'), url('../font/roboto-medium-italic-webfont.woff?t=12345682') format('woff'), url('../font/roboto-medium-italic-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "Roboto Bold";
    font-weight: normal;
    font-style: normal;
    src: url("../font/roboto-bold-webfont.eot?t=12345682");
    src: local("?"), url('../font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-bold-webfont.svg?t=12345682#robotobold') format('svg'), url('../font/roboto-bold-webfont.woff?t=12345682') format('woff'), url('../font/roboto-bold-webfont.ttf?t=12345682') format('truetype')
}

@font-face {
    font-family: "Roboto Bold";
    font-weight: normal;
    font-style: normal;
    src: url("../font/roboto-bold-webfont.eot?t=12345682");
    src: local("?"), url('../font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-bold-webfont.svg?t=12345682#robotobold') format('svg'), url('../font/roboto-bold-webfont.woff?t=12345682') format('woff'), url('../font/roboto-bold-webfont.ttf?t=12345682') format('truetype')
}

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

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .g-left {
        float: none !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-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
}

.sop .g-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.4em
}

.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 (min-width: 0) and (max-width: 480px) {
    .sop.sop .small-g-text-left {
        text-align: left
    }
}

@media only screen and (max-width: 800px) {
    .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;
/*     margin-left: -20px; */
/*     margin-right: -20px */
}

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

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

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop .b-row {
/*         margin-left: -20px; */
/*         margin-right: -20px */
        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 .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
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .sop .b-row[class*="b-implode"][class*="-right"] {
        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
}

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

@media only screen and (min-width: 0) and (max-width: 480px) {
    .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
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .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*="-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
}

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

@media only screen and (min-width: 0) and (max-width: 480px) {
    .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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 1px;
/*     padding: 0 20px; */
    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: 20px; */
/*         padding-right: 20px */
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .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: 801px) and (max-width: 1000px) {
    .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: #005e8a !important
}

.sop .portlet-custom a {
    color: #000000
}

.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: #000000 !important;
    /*background-color: #a4c422;*/
}

.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-v11-latin_latin-ext-700", "Roboto", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    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: 14px */
        font-size: 0.875em;
    }
}

.font-size-fixed {
/*     font-size: 14px */
    font-size: 0.875em;
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .font-size-fixed {
/*         font-size: 14px */
    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-v11-latin_latin-ext-700"
}

.sop .portlet-custom .cf-b {
    font-family: "lato-v11-latin_latin-ext-700"
}

.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-v11-latin_latin-ext-700";
    font-size: 3.28571em;
    padding: 0em 0em 0.91304em 0em;
    line-height: 0.95652em;
    font-weight: normal;
    color: #10171f;
    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
    }
}

@media only screen and (max-width: 800px) {
    .sop .portlet-custom h1,
    .sop .portlet-custom .h1 {
        padding: 0em 0em 0.65625em 0em
    }
}

@media only screen and (max-width: 480px) {
    .sop .portlet-custom h1,
    .sop .portlet-custom .h1 {
        font-size: 1.57143em;
        line-height: 2em
    }
}

@media only screen and (max-width: 480px) {
    .sop .portlet-custom h1,
    .sop .portlet-custom .h1 {
        padding: 0em 0em 0.5em 0em
    }
}

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

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

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

@media only screen and (max-width: 800px) {
    .sop .portlet-custom h2,
    .sop .portlet-custom .h2 {
        padding: 0em 0em 0.65217em 0em
    }
}

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

@media only screen and (max-width: 480px) {
    .sop .portlet-custom h2,
    .sop .portlet-custom .h2 {
        padding: 0em 0em 0.44444em 0em
    }
}

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

.sop .portlet-custom h3,
.sop .portlet-custom .h3 {
    font-family: "lato-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700";
    font-size: 1em
}

.sop .portlet-custom h4,
.sop .portlet-custom .h4 {
    font-family: "lato-v11-latin_latin-ext-700";
    font-size: 1.2em;
    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-v11-latin_latin-ext-700";
    font-size: 1em
}

.sop .portlet-custom h5,
.sop .portlet-custom .h5 {
    font-family: "lato-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700";
    font-size: 1em
}

.sop .portlet-custom h6,
.sop .portlet-custom .h6 {
    font-family: "lato-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700";
    font-size: 1em
}

.sop .portlet-custom .h-reset {
    font-size: 1em;
    font-weight: normal;
    font-style: none;
    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-v11-latin_latin-ext-700";
    font-weight: normal;
    font-style: normal
}

.sop.sop .portlet-custom .hl-big {
    font-family: "lato-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700";
    font-weight: 300;
    font-style: normal
}

.sop.sop .portlet-custom .cf,
.sop.sop .portlet-custom .cf-r {
    font-family: "lato-v11-latin_latin-ext-700";
    font-weight: 400;
    font-style: normal
}

.sop.sop .portlet-custom .cf-b {
    font-family: "lato-v11-latin_latin-ext-700";
    font-weight: normal;
    font-style: normal
}

.sop.sop .portlet-custom .cf-li {
    font-family: "lato-v11-latin_latin-ext-700";
    font-weight: 300;
    font-style: italic
}

.sop.sop .portlet-custom .cf-i,
.sop.sop .portlet-custom .cf-ri {
    font-family: "lato-v11-latin_latin-ext-700";
    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
}

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

.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 .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%;
    /*max-height: 75px;*/
    max-height: 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/blue-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-right"].transaction-icon:hover: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 {
    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 [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: #a4c422;
}

.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-bottom-color: #ffd600;
}

.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-v11-latin_latin-ext-700", 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: 16px */
        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: 15px; */
    font-size: 0.9375em;
    color: #6b6b6b;
    font-family: lato-v11-latin_latin-ext-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: 16px */
        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: 15px; */
    font-size: 0.9375em;
    color: #6b6b6b;
    font-family: lato-v11-latin_latin-ext-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: 16px */
        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: 15px; */
    font-size: 0.9375em;
    color: #6b6b6b;
    font-family: lato-v11-latin_latin-ext-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: 16px */
        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: 15px; */
    font-size: 0.9375em;
    color: #6b6b6b;
    font-family: lato-v11-latin_latin-ext-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: 16px */
        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-v11-latin_latin-ext-700";
    font-size: 1em;
    color: #10171f
}

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

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

.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: 1.2em;
    font-weight: normal;
    color: #10171f;
    cursor: pointer;
    display: inline-block;
    font-weight: 14;
    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: 14 */
     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: 14; */
     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: 14 */
     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: 14 */
     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 .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
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom form .b-row.f-row[class] {
        margin-bottom: 10px
    }
}

.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 .bottom-spacer {
    padding-bottom: 20px;
    border-bottom: 1px solid #c3c5c6;
}

.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: 15px; */
     font-size: 0.9375em;
    z-index: 4
}

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

.sop.sop .sop-form {
    border: 0px #e6e6e6 solid;
    /*padding: 0 20px;*/
    margin-left: -20px;
    margin-right: -20px;
    /*background-color: #005e8a*/
}

/* @media only screen and (min-width: 0px) and (max-width: 800px) { */
/*     .sop.sop .sop-form { */
/*         margin-left: 0; */
/*         margin-right: 0; */
/*         border: none */
/*     } */
/* } */
@media only screen and (min-width: 0px) and (max-width: 800px) {
    .sop.sop .sop-form {
        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-v11-latin_latin-ext-700";
    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-section-title {
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0.5em;
}

.sop.sop .sop-form .f-captcha__refresh {
    margin-top: 10px;
    display: inline-block
}

.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
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .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-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: 15px;
    display: block;
    font-family: "lato-v11-latin_latin-ext-regular", "Roboto", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    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: 40px; */
    height: 2.5em;
    /*box-shadow: -3px 4px 7px 0px #d9d9d9;*/
}

.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: 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.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: 9px;
    font-size: 1em;
    color: #007834;
    padding: 11px 0px 11px;
    text-transform: uppercase;
    font-family: "lato-v11-latin_latin-ext-700";
    font-weight: normal;
    font-style: normal
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop.sop .portlet-custom .input-postfix .input-postfix__content {
/*         font-size: 16px */
     font-size: 1em;
    }
}

.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-v11-latin_latin-ext-700";
    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: 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.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-v11-latin_latin-ext-700";
    font-weight: 400;
    font-style: normal
}

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

.sop.sop .portlet-custom .custom-fileinput__button {
    border: none;
    background-color: #005e8a;
    padding: 9px 10px 10px 27px !important;
    line-height: 42px
}

.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;
}

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

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

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

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

.sop .portlet-custom hr[class*=b-sep-transparent-bottom] {
    padding: 0 !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
    }
}

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

.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: #474747;*/
    color: #fff;
    background: #0f7cbb;
    text-align: left
}

.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-top: 1px #ccc solid */
    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: 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 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: 14px; */
    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: 16px */
    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-high-contrast.ie9 .sop.sop .custom-select:after {
    content: url("../img/ie8/select-contrast.png") !important;
    background-color: transparent !important
}

.header-menu-background {
    /*background-color: #d9d9d9;*/
    background-color: #0f7cbb;
    /*background-color: rgb(0 48 71 / 70%);*/
}

.header-menu-nav {
    margin: 0 auto 0 auto !important;
    max-width: 1054px;
}

.sop-high-contrast.ie9 .sop.sop .sop-header li.sop-header__tools-language .custom-select:after {
    content: url("../img/ie8/arrow-down-contrast.png") !important
}

.sop-high-contrast.ie9 .sop.sop .radio-label .sop-custom-input.sop-radio {
    background-image: url("../img/ie8/radio-contrast.png") !important
}

.sop-high-contrast.ie9 .sop.sop .checkbox-label .sop-custom-input {
    border-color: #ff0 !important
}

.sop-high-contrast.ie9 .sop.sop .checkbox-label .sop-custom-input.sop-checkbox {
    background-color: #000 !important
}

.sop-high-contrast.ie9 .sop.sop .checkbox-label .sop-custom-input.sop-checkbox.sop-checked .sop-checkbox-inner:before {
    color: #ff0
}

.sop-high-contrast.ie9 .sop.sop .sop-cms ul li:before {
    background: url(../img/ie8/bullet-contrast.png) no-repeat center center
}

.sop-high-contrast.ie9 .fontresizer-200 .sop.sop .sop-header li.sop-header__tools-language .custom-select:after {
    content: url("../img/ie8/arrow-down-bigger-contrast.png") !important
}

.sop-high-contrast {
    background: #000
}

.sop-high-contrast body {
    background: #000
}

.sop-high-contrast .sop.sop {
    background-color: #000 !important
}

.sop-high-contrast .sop.sop * {
    background-image: none;
    background-color: transparent;
    border-color: #7e7e7e !important
}

.sop-high-contrast .sop.sop a,
.sop-high-contrast .sop.sop a:hover {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop a:before,
.sop-high-contrast .sop.sop a:after,
.sop-high-contrast .sop.sop a:hover:before,
.sop-high-contrast .sop.sop a:hover:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop h1,
.sop-high-contrast .sop.sop .h1,
.sop-high-contrast .sop.sop h2,
.sop-high-contrast .sop.sop .h2,
.sop-high-contrast .sop.sop h3,
.sop-high-contrast .sop.sop .h3,
.sop-high-contrast .sop.sop h4,
.sop-high-contrast .sop.sop .h4,
.sop-high-contrast .sop.sop h5,
.sop-high-contrast .sop.sop .h5,
.sop-high-contrast .sop.sop h6,
.sop-high-contrast .sop.sop .h6,
.sop-high-contrast .sop.sop p,
.sop-high-contrast .sop.sop li,
.sop-high-contrast .sop.sop label {
    color: #fff !important
}

.sop-high-contrast .sop.sop input,
.sop-high-contrast .sop.sop textarea,
.sop-high-contrast .sop.sop select {
    color: #fff;
    background-color: #000 !important;
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop input::-webkit-input-placeholder,
.sop-high-contrast .sop.sop textarea::-webkit-input-placeholder,
.sop-high-contrast .sop.sop select::-webkit-input-placeholder {
    color: #fff !important
}

.sop-high-contrast .sop.sop input:-moz-placeholder,
.sop-high-contrast .sop.sop textarea:-moz-placeholder,
.sop-high-contrast .sop.sop select:-moz-placeholder {
    opacity: 1 !important;
    color: #fff !important
}

.sop-high-contrast .sop.sop input::-moz-placeholder,
.sop-high-contrast .sop.sop textarea::-moz-placeholder,
.sop-high-contrast .sop.sop select::-moz-placeholder {
    opacity: 1 !important;
    color: #fff !important
}

.sop-high-contrast .sop.sop input:-ms-input-placeholder,
.sop-high-contrast .sop.sop textarea:-ms-input-placeholder,
.sop-high-contrast .sop.sop select:-ms-input-placeholder {
    color: #fff !important
}

.sop-high-contrast .sop.sop input.error,
.sop-high-contrast .sop.sop textarea.error,
.sop-high-contrast .sop.sop select.error {
    border-color: #ff3ef9 !important
}

.sop-high-contrast .sop.sop input.error::-webkit-input-placeholder,
.sop-high-contrast .sop.sop textarea.error::-webkit-input-placeholder,
.sop-high-contrast .sop.sop select.error::-webkit-input-placeholder {
    color: #ff3ef9 !important
}

.sop-high-contrast .sop.sop input.error:-moz-placeholder,
.sop-high-contrast .sop.sop textarea.error:-moz-placeholder,
.sop-high-contrast .sop.sop select.error:-moz-placeholder {
    opacity: 1 !important;
    color: #ff3ef9 !important
}

.sop-high-contrast .sop.sop input.error::-moz-placeholder,
.sop-high-contrast .sop.sop textarea.error::-moz-placeholder,
.sop-high-contrast .sop.sop select.error::-moz-placeholder {
    opacity: 1 !important;
    color: #ff3ef9 !important
}

.sop-high-contrast .sop.sop input.error:-ms-input-placeholder,
.sop-high-contrast .sop.sop textarea.error:-ms-input-placeholder,
.sop-high-contrast .sop.sop select.error:-ms-input-placeholder {
    color: #ff3ef9 !important
}

.sop-high-contrast .sop.sop input.error+.placeholder,
.sop-high-contrast .sop.sop textarea.error+.placeholder,
.sop-high-contrast .sop.sop select.error+.placeholder {
    color: #ff3ef9 !important
}

.sop-high-contrast .sop.sop input+.checked-valid:before,
.sop-high-contrast .sop.sop input+.checked-valid:after,
.sop-high-contrast .sop.sop input+button+.checked-valid:before,
.sop-high-contrast .sop.sop input+button+.checked-valid:after,
.sop-high-contrast .sop.sop textarea+.checked-valid:before,
.sop-high-contrast .sop.sop textarea+.checked-valid:after,
.sop-high-contrast .sop.sop textarea+button+.checked-valid:before,
.sop-high-contrast .sop.sop textarea+button+.checked-valid:after,
.sop-high-contrast .sop.sop select+.checked-valid:before,
.sop-high-contrast .sop.sop select+.checked-valid:after,
.sop-high-contrast .sop.sop select+button+.checked-valid:before,
.sop-high-contrast .sop.sop select+button+.checked-valid:after {
    color: #fff
}

.sop-high-contrast .sop.sop .msg.error {
    color: #ff3ef9
}

.sop-high-contrast .sop.sop .input-postfix span {
    color: #fff
}

.sop-high-contrast .sop.sop .input-postfix input.error+.checked-valid+.input-postfix__content {
    color: #ff3ef9
}

.sop-high-contrast .sop.sop select {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .custom-select:after {
    color: #ff0;
    background: #000 !important
}

.sop-high-contrast .sop.sop .o-btn {
    border-color: transparent !important;
    background-color: #ff0 !important
}

.sop-high-contrast .sop.sop .o-btn:before,
.sop-high-contrast .sop.sop .o-btn:after {
    color: #000 !important
}

.sop-high-contrast .sop.sop .o-btn span {
    color: #000 !important
}

.sop-high-contrast .sop.sop .o-btn:hover:before,
.sop-high-contrast .sop.sop .o-btn:hover:after {
    color: #000 !important
}

.sop-high-contrast .sop.sop hr {
    background-color: #7e7e7e !important
}

.sop-high-contrast .sop.sop .g-border-thick-r,
.sop-high-contrast .sop.sop .g-border-thick-l,
.sop-high-contrast .sop.sop .g-border-thick-t,
.sop-high-contrast .sop.sop .g-border-thick-b {
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop table.sop-custom-table th,
.sop-high-contrast .sop.sop .sop-cms table th,
.sop-high-contrast .sop.sop table.sop-cms table th {
    background-color: #222 !important
}

.sop-high-contrast .sop.sop table.sop-custom-table th,
.sop-high-contrast .sop.sop .sop-cms table th,
.sop-high-contrast .sop.sop table.sop-custom-table td,
.sop-high-contrast .sop.sop .sop-cms table td,
.sop-high-contrast .sop.sop table.sop-cms table th,
.sop-high-contrast .sop.sop table.sop-cms table td {
    color: #fff
}

.sop-high-contrast .sop.sop .link__arrow,
.sop-high-contrast .sop.sop .link__arrow:hover {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .link__arrow:before,
.sop-high-contrast .sop.sop .link__arrow:after,
.sop-high-contrast .sop.sop .link__arrow:hover:before,
.sop-high-contrast .sop.sop .link__arrow:hover:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-picture-link-text {
    color: #ff0;
    background-color: #181818;
    border: 1px solid
}

.sop-high-contrast .sop.sop .sop-picture-link-text:before,
.sop-high-contrast .sop.sop .sop-picture-link-text:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-header [class*=b-icon-]:before,
.sop-high-contrast .sop.sop .sop-header [class*=b-icon-]:after,
.sop-high-contrast .sop.sop .sop-header [class*=b-icon-]:hover:before,
.sop-high-contrast .sop.sop .sop-header [class*=b-icon-]:hover:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-header .o-btn:before,
.sop-high-contrast .sop.sop .sop-header .o-btn:after {
    color: #000 !important
}

.sop-high-contrast .sop.sop .sop-header .custom-select:after {
    background-color: #000 !important
}

.sop-high-contrast .sop.sop .sop-header .sop-header__title-normal {
    display: none
}

.sop-high-contrast .sop.sop .sop-header .sop-header__title-contrast {
    display: block
}

.sop-high-contrast .sop.sop .sop-footer {
    border-top: 1px solid #7e7e7e
}

.sop-high-contrast .sop.sop .sop-footer,
.sop-high-contrast .sop.sop .sop-footer .l-row {
    background-color: #181818 !important
}

.sop-high-contrast .sop.sop .sop-footer .sop-footer__list [class*=b-icon-]:before,
.sop-high-contrast .sop.sop .sop-footer .sop-footer__list [class*=b-icon-]:after,
.sop-high-contrast .sop.sop .sop-footer .sop-footer__list [class*=b-icon-]:hover:before,
.sop-high-contrast .sop.sop .sop-footer .sop-footer__list [class*=b-icon-]:hover:after {
    color: #fff !important
}

.sop-high-contrast .sop.sop .sop-footer .sop-list a:before {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-footer__go-top:hover:after,
.sop-high-contrast .sop.sop .sop-footer__go-top:after {
    color: #ff0 !important
}


.sop-high-contrast .sop.sop .sop-translate {
    border-top: 1px solid #7e7e7e
}

.sop-high-contrast .sop.sop .sop-translate,
.sop-high-contrast .sop.sop .sop-translate .l-row {
    background-color: #181818 !important
}

.sop-high-contrast .sop.sop .sop-translate .sop-translate__list [class*=b-icon-]:before,
.sop-high-contrast .sop.sop .sop-translate .sop-translate__list [class*=b-icon-]:after,
.sop-high-contrast .sop.sop .sop-translate .sop-translate__list [class*=b-icon-]:hover:before,
.sop-high-contrast .sop.sop .sop-translate .sop-translate__list [class*=b-icon-]:hover:after {
    color: #fff !important
}

.sop-high-contrast .sop.sop .sop-translate .sop-list a:before {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-translate__go-top:hover:after,
.sop-high-contrast .sop.sop .sop-translate__go-top:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-breadcrumbs-row {
    background-color: #222 !important
}

.sop-high-contrast .sop.sop .sop-side-menu a {
    height: 45px
}

.sop-high-contrast .sop.sop .sop-side-menu li.active>.menu__item-wrapper,
.sop-high-contrast .sop.sop .sop-side-menu li.active-parent>.menu__item-wrapper {
    background-color: transparent !important;
    border: 7px solid #ff0 !important
}

.sop-high-contrast .sop.sop .sop-side-menu .menu__item-wrapper {
    border: 7px solid transparent !important;
    transition: border-color 0.2s ease
}

.sop-high-contrast .sop.sop .sop-side-menu .menu__item-wrapper:hover {
    background-color: transparent !important;
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop .link__arrow>span {
    color: #ff0
}

.sop-high-contrast .sop.sop .link__arrow>span:before,
.sop-high-contrast .sop.sop .link__arrow>span:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-link-boxes {
    border-top: 1px solid #7e7e7e
}

.sop-high-contrast .sop.sop .sop-link-boxes,
.sop-high-contrast .sop.sop .sop-link-boxes .l-row {
    background-color: #222
}

.sop-high-contrast .sop.sop .sop-link-boxes .link-box__link {
    background-color: #222
}

.sop-high-contrast .sop.sop .sop-link-boxes .link-box__link:hover {
    background-color: #000
}

.sop-high-contrast .sop.sop .sop-link-boxes [class*=b-icon-]:before,
.sop-high-contrast .sop.sop .sop-link-boxes [class*=b-icon-]:after,
.sop-high-contrast .sop.sop .sop-link-boxes [class*=b-icon-]:hover:before,
.sop-high-contrast .sop.sop .sop-link-boxes [class*=b-icon-]:hover:after {
    color: #fff !important
}

.sop-high-contrast .sop.sop .sop-expandable-boxes,
.sop-high-contrast .sop.sop .sop-expandable-boxes .l-row {
    background-color: #222
}

.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-icon:before,
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-icon:after {
    color: #ff0 !important
}

.fontresizer-200 .sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item {
    word-break: break-word
}

.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item>a {
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important
}

.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item>a.active,
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item>a:hover {
    border-left: 1px solid #7e7e7e !important;
    border-right: 1px solid #7e7e7e !important;
    background-color: #000
}

.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item+.expandable-boxes__item>a {
    border-left: 1px solid #7e7e7e !important
}

.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-content {
    background-color: #000
}

.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-contact [class*=b-icon]:before,
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-contact [class*=b-icon]:after,
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-contact [class*=b-icon]:hover:before,
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-contact [class*=b-icon]:hover:after {
    color: #fff !important
}

.sop-high-contrast .sop.sop .sop-login-box {
    background: #2e2e2e !important
}

.sop-high-contrast .sop.sop .sop-login-box [class*=b-icon-before-block]:before,
.sop-high-contrast .sop.sop .sop-login-box [class*=b-icon-before-block]:after,
.sop-high-contrast .sop.sop .sop-login-box [class*=b-icon-before-block]:hover:before,
.sop-high-contrast .sop.sop .sop-login-box [class*=b-icon-before-block]:hover:after {
    color: #fff !important
}

.sop-high-contrast .sop.sop .sop-login-box a span {
    color: #ff0
}

.sop-high-contrast .sop.sop .sop-gallery .gallery__pager {
    background-color: #000;
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-gallery .gallery__pager li {
    background-color: transparent !important;
    padding: 16px 18px 9px 15px !important;
    border: 7px solid transparent !important
}

.sop-high-contrast .sop.sop .sop-gallery .gallery__pager li.active,
.sop-high-contrast .sop.sop .sop-gallery .gallery__pager li:hover {
    border: 7px solid #ff0 !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__btn-wrapper {
    margin: 5px
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1 {
    border-color: #2e2e2e !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.selected {
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.js-hover,
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.nav__li--focus {
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.js-hover .nav__li--lvl1-link,
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.nav__li--focus .nav__li--lvl1-link {
    background-color: #000 !important;
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1-link {
    border-color: transparent !important;
    /*-webkit-box-shadow: none !important;*/
    /*-moz-box-shadow: none !important;*/
    /*box-shadow: none !important*/
}

.sop-high-contrast .sop.sop .sop-nav .nav__lvl2,
.sop-high-contrast .sop.sop .sop-nav .nav__child--lvl2 {
    background-color: #000 !important;
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl2:hover .nav__li--lvl2-link,
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl2.js-hover .nav__li--lvl2-link,
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl2.nav__li--focus .nav__li--lvl2-link {
    border: 7px solid transparent !important;
    border-color: #ff0 !important;
    padding: 0 13px
}

.sop-high-contrast .sop.sop .sop-nav .nav__child--lvl2 {
    padding: 0;
    border: 13px solid
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl2-label {
    background-color: #000 !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3-label:hover {
    background-color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3-link {
    background-color: transparent !important;
    color: #ff0 !important;
    padding: 0 14px
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3-link:hover {
    border: 7px solid #ff0 !important;
    border-top-width: 8px !important;
    padding: 0 7px
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3-link:hover.g-border-b {
    border-bottom-width: 8px !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3:hover {
    background-color: transparent !important
}

.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3:first-child .nav__li--lvl3-link:hover {
    border-top-width: 6px !important
}

.sop-high-contrast .sop.sop .sop-nav .sop-nav__article {
    padding: 30px
}

.sop-high-contrast .sop.sop .sop-nav .sop-nav__article:before,
.sop-high-contrast .sop.sop .sop-nav .sop-nav__article:after {
    color: #fff
}

.sop-high-contrast .sop.sop .sop-tabs .tabs__item-link {
    border-color: #2e2e2e !important
}

.sop-high-contrast .sop.sop .sop-tabs .tabs__item-link.active,
.sop-high-contrast .sop.sop .sop-tabs .tabs__item-link:hover {
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-pagination__prev a:before,
.sop-high-contrast .sop.sop .sop-pagination__prev a:after,
.sop-high-contrast .sop.sop .sop-pagination__next a:before,
.sop-high-contrast .sop.sop .sop-pagination__next a:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-pagination__item a {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-pagination__item a:hover,
.sop-high-contrast .sop.sop .sop-pagination__item a.page-selected {
    color: #000 !important
}

.sop-high-contrast .sop.sop .sop-pagination__item a:before,
.sop-high-contrast .sop.sop .sop-pagination__item a:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-cms,
.sop-high-contrast .sop.sop .sop-cms p,
.sop-high-contrast .sop.sop .sop-cms li,
.sop-high-contrast .sop.sop .sop-cms span,
.sop-high-contrast .sop.sop .sop-cms a {
    color: #fff
}

.sop-high-contrast .sop.sop .sop-cms ul li:before {
    background: #fff
}

.ie8 .sop-high-contrast .sop.sop .sop-cms ul li:before {
    background: url(../img/ie8/bullet-contrast.png) no-repeat center center
}

.sop-high-contrast .sop.sop .sop-datepicker__wrapper .ui-datepicker {
    background-color: #000 !important
}

.sop-high-contrast .sop.sop .sop-datepicker__wrapper .ui-datepicker-header {
    background-color: #2e2e2e !important
}

.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar th {
    background-color: #222 !important
}

.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar th span {
    color: #fff !important
}

.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td {
    background-color: transparent !important
}

.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-unselectable span {
    color: #fff !important
}

.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-current-day {
    background-color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-current-day a {
    color: #000 !important
}

.sop-high-contrast .sop.sop button.ui-datepicker-trigger,
.sop-high-contrast .sop.sop button.ui-datepicker-trigger:after {
    color: #ff0
}

.sop-high-contrast .sop.sop .datepicker input.error+.checked-valid+button.ui-datepicker-trigger,
.sop-high-contrast .sop.sop .datepicker input.error+.checked-valid+button.ui-datepicker-trigger:after {
    color: #ff3ef9
}

.sop-high-contrast .sop.sop .sop-dictionary .dictionary__alphabet-list li span a {
    border-color: transparent !important
}

.sop-high-contrast .sop.sop .sop-dictionary .dictionary__alphabet-list li span a:hover {
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop form [class*=b-icon-]:before,
.sop-high-contrast .sop.sop form [class*=b-icon-]:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .radio-label .sop-ci:before,
.sop-high-contrast .sop.sop .checkbox-label .sop-ci:before {
    background-color: #000 !important;
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop .radio-label .sop-ci-label,
.sop-high-contrast .sop.sop .checkbox-label .sop-ci-label {
    color: #ff0
}

.sop-high-contrast .sop.sop .checkbox-label .sop-ci:after {
    color: #ff0 !important
}

.sop-high-contrast .sop.sop .radio-label .sop-ci:after {
    background-color: #ff0 !important
}

.sop-high-contrast .sop.sop .condition-list .condition .description {
    color: #ff3ef9 !important
}

.sop-high-contrast .sop.sop .condition-list .condition.checked .description {
    color: #fff !important
}

.sop-high-contrast .sop.sop .o-skiplinks__link:focus {
    background-color: #2e2e2e
}

.sop-high-contrast .sop.sop .tabs__item-content li:hover {
    background-color: #2e2e2e
}

.sop-high-contrast .sop.sop .sop-content-list ul li:hover {
    background-color: #2e2e2e
}

.sop-high-contrast .sop.sop .sop-content-list ul li.active {
    background-color: #2e2e2e !important
}

.sop-high-contrast .sop.sop .error__white-bg {
    background: #000 !important
}

.sop-high-contrast .sop.sop .error__gray-bg {
    background: #2e2e2e !important
}

.sop-high-contrast .sop.sop .search__match-word {
    color: #2e2e2e
}

.sop-high-contrast .sop.sop .btn-grey span::before {
    color: #000 !important
}

.sop-high-contrast .sop.sop .sop-audio-player a,
.sop-high-contrast .sop.sop .sop-audio-player a:hover {
    background-color: #ff0
}

.sop-high-contrast .sop.sop .sop-audio-player a:before,
.sop-high-contrast .sop.sop .sop-audio-player a:after,
.sop-high-contrast .sop.sop .sop-audio-player a:hover:before,
.sop-high-contrast .sop.sop .sop-audio-player a:hover:after {
    color: #000 !important
}

.sop-high-contrast .sop.sop .sop-header__search-button:hover {
    background: #000 !important;
    border-color: #ff0 !important
}

.sop-high-contrast .sop.sop .sop-header__search-button::before {
    color: #000 !important
}

.sop-high-contrast .sop.sop .sop-header__search-button::before:hover {
    color: #ff0
}

.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: 14; */
    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: 16; */
    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: 14px !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;
    -ms-border-radius: 0;
    -o-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-v11-latin_latin-ext-700";
    font-weight: bold;
    text-transform: none;
    outline: none;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    vertical-align: top;
    margin: 0em 0em 0em 0em
}

.sop .portlet-custom .o-btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-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-v11-latin_latin-ext-700";
    font-weight: bold;
    text-transform: none;
    outline: none;
    position: relative;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
    vertical-align: top;
    margin: 0em 0em 0em 0em;
/*     font-size: 16px; */
    font-size: 1em;
    padding: 10px 20px 10px;
    line-height: 35px;
    /*background-color: #464945;*/
    color: #ffffff;
    background-color: #005e8a !important;
    text-align: left;
    /*border: 2px solid #a4c422;*/
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none;
    padding-right: 40px;
    border-radius: 25px;
    /*box-shadow: -2px 2px 7px 0px #d9d9d9;*/
    border-width: 0px;
}

.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: #a4c422 !important;
    color: #000000 !important;
}

.edit-register-btn {
    font-family: "lato-v11-latin_latin-ext-700" !important;
    font-style: normal !important;
/*     font-size: 14px !important; */
    font-size: 1em !important;
/*     font-size: 1.14286em !important;  */
    background-color: white !important;
    color: #ffffff !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: #a4c422 !important;
    color: #000000;
    /*border: 2px inherit red;*/
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    /*box-shadow: -2px 2px 7px 0px #4476c7;*/
    text-decoration: none
}

.sop .portlet-custom .o-btn.disabled,
.sop .portlet-custom .o-btn:disabled {
    background-color: #f7f7f7;
    color: #0b1e34;
    border: 2px solid #f7f7f7;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none
}

.sop .portlet-custom .o-btn:before,
.sop .portlet-custom .o-btn: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;
    margin-left: 15px;
}

.sop .portlet-custom .o-btn:after {
    display: none
}

.sop .portlet-custom .o-btn:before {
    position: absolute;
/*     font-size: 14px; */
    font-size: 0.875em;
    line-height: 1em;
    top: 50%;
    margin-top: -6px;
    right: 16px;
    content: "\e819"
}

.font125 .sop .portlet-custom .o-btn:before, .font150 .sop .portlet-custom .o-btn:before, .font175 .sop .portlet-custom .o-btn:before {
    margin-top: -10px;
}

.sop .portlet-custom .o-btn.no-icon {
    padding-right: 20px
}

.sop .portlet-custom .o-btn.no-icon:after,
.sop .portlet-custom .o-btn.no-icon:before {
    content: '';
    display: none
}

.sop .portlet-custom .o-btn.submit {
    background-color: #464945;
    color: #ffffff;
    text-align: left;
    /*border: 2px solid #a4c422;*/
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none;
    border-radius: 25px;
    /*box-shadow: -2px 2px 7px 0px #d9d9d9;*/
}

.sop .portlet-custom .o-btn.submit:hover,
.sop .portlet-custom .o-btn.submit:focus,
.sop .portlet-custom .o-btn.submit:active,
.sop .portlet-custom .o-btn.submit.hover {
    background-color: #464945;
    color: #000000;
    border: 2px inherit red;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none;
    text-decoration: none
}

.sop .portlet-custom .o-btn.submit.disabled,
.sop .portlet-custom .o-btn.submit:disabled {
    background-color: #f7f7f7;
    color: #0b1e34;
    border: 2px solid #f7f7f7;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none
}

.sop .portlet-custom .o-btn.cancel {
    background-color: #fff;
    /*color: #005e8a;*/
    text-align: left;
    border: 1px solid #e6e6e6;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none
}

.sop .portlet-custom .o-btn.cancel:hover,
.sop .portlet-custom .o-btn.cancel:focus,
.sop .portlet-custom .o-btn.cancel:active,
.sop .portlet-custom .o-btn.cancel.hover {
    background-color: #fafafa;
    color: #000000;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: -2px 5px 4px -1px rgba(68, 118, 199, 0.4);*/
    text-shadow: none;
    text-decoration: none;
}

.sop .portlet-custom .o-btn.cancel.disabled,
.sop .portlet-custom .o-btn.cancel:disabled {
    background-color: #f0f0f0;
    color: #c3c5c6;
    border: 2px solid #e6e6e6;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none
}

.sop .portlet-custom .o-btn.secondary {
    background-color: #a4c422;
    color: #005e8a;
    text-align: left;
    border: 2px solid #a4c422;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none
}

.sop .portlet-custom .o-btn.secondary:hover,
.sop .portlet-custom .o-btn.secondary:focus,
.sop .portlet-custom .o-btn.secondary:active,
.sop .portlet-custom .o-btn.secondary.hover {
    background-color: #fff;
    color: #0b1e34;
    border: 2px inherit red;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none;
    text-decoration: none
}

.sop .portlet-custom .o-btn.secondary.disabled,
.sop .portlet-custom .o-btn.secondary:disabled {
    background-color: #f7f7f7;
    color: #0b1e34;
    border: 2px solid #f7f7f7;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
    text-shadow: none
}

.sop .portlet-custom .o-btn.huge {
/*     font-size: 16px; */
    font-size: 1em;
    padding: 0 20px 0;
    line-height: 50px
}

.sop .portlet-custom .o-btn.large {
/*     font-size: 18px; */
    font-size: 1.125em;
    padding: 0 15px 0;
    line-height: 40px
}

.sop .portlet-custom .o-btn.small {
/*     font-size: 12px; */
    font-size: 0.75em;
    padding: 0 5px 0;
    line-height: 2px
}

.sop .portlet-custom .o-btn.tiny {
/*     font-size: 10px; */
    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;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.sop .portlet-custom .o-btn.round {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-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: 15
    }
}

.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 #005e8a;
    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: #005e8a !important;
}

.sop .portlet-custom .checkbox-label [type=checkbox]:checked~.sop-ci:before {
    border-color: #005e8a;
}

.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: #005e8a;
    /*outline: 1px dashed #f48220;*/
    outline-offset: 3px
}

.sop .portlet-custom .checkbox-label [type=checkbox][disabled]~.sop-ci:before {
    border-color: #005e8a;
    background: #e6e6e6;
    cursor: default
}

.sop .portlet-custom .checkbox-label [type=checkbox][readonly]~.sop-ci:before {
    border-color: #005e8a;
    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
}

.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
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom .radio-label [type=radio]~.sop-ci {
        padding-left: 15
    }
}

.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;
    -ms-border-radius: 25px;
    -o-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;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
    width: 11px;
    height: 11px;
    left: 9px;
    top: 9px;
    background: #005e8a;
    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: #005e8a;
/*     font-size: 15px; */
    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: #005e8a;
    background: #e6e6e6;
    cursor: default
}

.sop .portlet-custom .radio-label [type=radio][readonly]~.sop-ci:before {
    border-color: #005e8a;
    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 #005e8a;
    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: 15px; */
    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;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    background: #f7f7f7;
    border: 2px solid #005e8a
}

.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;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
    width: 11px;
    height: 11px;
    left: 9px;
    top: 9px;
    background: #005e8a;
    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: #005e8a;
/*     font-size: 15px; */
    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) {
    /*box-shadow: -3px 4px 7px 0px #d9d9d9;*/
    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: 1.5714em;
    right: 20px;
    bottom: 2px;
    background: white;
    pointer-events: none;
    color: #0133a9;
}

.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: 8px; */
    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
}

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

.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
}

@media only screen and (min-width: 0) and (max-width: 480px) {
    .sop .portlet-custom .custom-select>select.s-large {
        width: 100%
    }
}

.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: 14px; */
    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: 14; */
    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: 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-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-size: 17px; */
    font-weight: normal;
/*     font-size: 17px; */
    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: 14; */
    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: 13px; */
    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: 13px; */
    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: #005e8a;
    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: 20px;
}

.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-v11-latin_latin-ext-700";
        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-v11-latin_latin-ext-700";
        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-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700";
    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: #005e8a;
    border: 2px solid #005e8a;
}

.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-ticet__discount {
    width: 100%;
    box-sizing: border-box
}

.sop.sop .portlet-custom #sop-form-shopping .sop-ci-label.sop-ticet__discount span:first-child {
    color: #005e8a
}

.sop.sop .portlet-custom #sop-form-shopping .sop-ci-label.sop-ticet__discount span:last-child {
    float: right;
    padding-left: 1em;
    padding-top: 10px;
}

.sop.sop .ticket-price {    border: 1px solid #c3c5c6; border-radius:5px; padding: 8px 15px; }
.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: 481px) and (max-width: 635px) {
   .sop.sop .ticket-price {    border: none; padding: 0; }
}

.sop.sop .portlet-custom .radio-label,
.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-ticet__discount span, .font175 .sop-ticet__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: #005e8a;
}

.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 */
    height: 3.5714em;
}

.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-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
/*     font-size: 17px */
    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-v11-latin_latin-ext-700", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
/*     font-size: 17px; */
    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-v11-latin_latin-ext-700", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
/*     font-size: 17px; */
    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: 14px; */
    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: 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.sop .portlet-custom .o-btn {
    line-height: 26px;
    font-size: 1.14286em;
    font-weight: normal;
    min-height: 40px;
    min-width: 40px;
    padding-right: 50px;
    -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:after {
    right: 16px
}

.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-v11-latin_latin-ext-700";
    font-weight: normal;
    font-style: normal;
    padding-right: 10px;
    color: #005e8a;
    font-size: 1em
}

.sop.sop .portlet-custom .o-tbtn2 {
    font-family: "lato-v11-latin_latin-ext-regular";
    font-weight: normal;
    font-style: normal;
    padding-right: 10px;
    color: #005e8a;
    font-size: 1.16667em;
    background: none;
    border: none;
}

.sop.sop .portlet-custom .o-tbtn2:after {
    content: "\e832";
    font-family: "fontello";
/*     background-color: #FFD600; */
    border-radius: 100%;
/*     padding: 4px 7px 4px 7px; */
    margin-left: 10px;
    color: #005e8a;
    font-size: 1.3em;
    text-decoration: none !important;
}

.sop.sop .portlet-custom .o-tbtn2:hover:after {
    display: inline-block;
    content: "\e832";
    font-family: "fontello";
/*     background-color: #005e8a; */
    border-radius: 100%;
/*     padding: 4px 7px 4px 7px; */
    margin-left: 10px;
    color: #a4c422;
    font-size: 1.3em;
    text-decoration: none !important;
}

.o-tbtn2:hover {
    background-color: #005e8a;
    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: 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.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: #f4f4f4;
    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: #005e8a;
    font-size: 1em;
    font-family: "lato-v11-latin_latin-ext-700";
    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: #005e8a;
    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-v11-latin_latin-ext-700";
    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: 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.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: #005e8a;
    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: #a4c422;
}

.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;
/*         margin-top: 20px; */
        padding-top: 20px;
        border-bottom: 1px #c3c5c6 solid;
        background-color: #ffffff;
    }
}

.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 {
    /*  color:#fff !important;
  background-color: #005e8a !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-bottom: 60px;
        margin: 0 auto;
    }
}

.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: #005e8a;
    font-weight: bold
}

.sop.sop .sop-main .sop-form [class*="btn-group-"][class*="vertical"] button {
    display: block;
    background: #fff;
    color: #005e8a;
    border: 2px solid #e6e6e6;
    margin-bottom: 4px;
/*     font-size: 11px */
    font-size: 0.6875em;
}

.sop.sop .sop-main .sop-form [class*="btn-group-"][class*="vertical"] button:hover {
    border-color: #a4c422;
    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 .custom-fileinput__button {
    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;
    /*box-shadow: -2px 2px 7px 0px #d9d9d9;*/
    border-radius: 25px;
    width: 160px;
/*    padding-left: 50px !important;*/
    background: url("/img/plus.png") no-repeat 90% center;
}

.font125 .sop.sop .sop-main .sop-form .custom-fileinput__button,
.font150 .sop.sop .sop-main .sop-form .custom-fileinput__button {
    width: 200px;
}


.sop.sop .sop-main .sop-form .custom-fileinput__image {
    position: absolute;
    top: 8px;
    right: 50px;
}

.sop.sop .sop-main .sop-form .custom-fileinput__button.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 (max-width: 635px) {
    .sop.sop .sop-header .sop-basket {
        padding: 0;
        padding-top: 0 !important
    }

}

@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: 635px) {
    .sop.sop .sop-header .sop-basket .sop-basket__link {
        line-height: 32px;
        float: right;
        padding: 0
    }
}

.sop.sop .sop-header .sop-basket .sop-basket__link a:after {
    font-size: 42px
}

@media (max-width: 635px) {
    .sop.sop .sop-header .sop-basket .sop-basket__link a:after {
        padding: 0
    }
}

.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: #005e8a;
    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 (max-width: 800px) {
    .sop.sop .sop-my-data .fb-twitter-buttons .six:first-child+.six .o-btn {
        margin-top: 25px
    }
}

.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: #005e8a;
}

.sop.sop .sop-my-events [class*="b-icon-"][class*="ticket"],
.sop.sop .sop-my-events [class*="b-icon-"][class*="two-tickets"],
.sop.sop .sop-my-events [class*="b-icon-"][class*="hourglass"],
.sop.sop .sop-my-events [class*="b-icon-"][class*="bag"],
.sop.sop .sop-my-events [class*="b-icon-"][class*="single-ticket"],
.sop.sop .sop-my-events [class*="b-icon-"][class*="active"],
.sop.sop .sop-my-events [class*="b-icon-"][class*="inactive"],
.sop.sop .sop-my-events [class*="b-icon-"][class*="park-and-ride"],
.sop.sop .sop-my-events [class*="b-icon-"][class*="events"] {
    color: #005e8a;
}

.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: #005e8a;
    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: 1054px) {
    .activeTab:after {
        border-left: 0;
        border-right: 0;
        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: #005e8a;
    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: #005e8a
}

.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: #a4c422;
}

.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: #005e8a
}

.sop.sop .sop-schedule .schedule .annotation,
.sop.sop .sop-schedule .annotation-legend .annotation {
    font-weight: bold;
    color: #005e8a;
    font-family: "lato-v11-latin_latin-ext-700", 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: 55px; */
height: 3.4375em;
    background-color: #cfcfcf;
}
.sop.sop .sop-f-steps .f-step.active {
    background-color: #a4c422;
}
.sop.sop .sop-f-steps .f-step.done {
    background-color: #ffffff;
}

.sop.sop .sop-f-steps .f-step .f-step__number {
    font-family: "lato-v11-latin_latin-ext-700";
    font-weight: bold;
    font-size: 1.14286em;
    width: 55px;
/*     height: 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 #005e8a;
    display: block;
    width: 47px;
    height: 47px;
    /*content: '';*/
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-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: #a4c422 transparent #a4c422 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: #a4c422 #a4c422 #a4c422 #a4c422;
    vertical-align: middle;
    display: table-cell;
}

.sop.sop .sop-f-steps .f-step.active .f-step__number {
    background-color: #a4c422;
    font-weight: bold;
}

.sop.sop .sop-f-steps .f-step.active .f-step__title {
    background-color: #a4c422;
}

@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 #a4c422;
}

@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: #a4c422;
        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: #a4c422;
        width: 0%;
    }
}

.arrow-done {
    border-color: transparent transparent transparent #FFFFFF;
}

.sop.sop .sop-f-steps .f-step.active .f-step__number:after {
    background-color: #a4c422;
}

.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 {
/*     padding: 0 20px; */
    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: 635px) {
    .sop.sop .total__sum-wrapper {
        margin-right: 0;
        padding-top: 10px;
        float: none;
    }
}

.sop.sop .total__sum-title {
    font-family: "lato-v11-latin_latin-ext-700";
    font-weight: normal;
    font-style: normal;
    display: block;
    font-size: 1.3em;
    padding: 15px 5px 0 5px;
}

/* @media only screen and (min-width: 0) and (max-width: 635px) { */
/*     .sop.sop .total__sum-title { */
/*         padding-left: 0 */
/*     } */
/* } */

.sop.sop .total__sum {
    font-family: "lato-v11-latin_latin-ext-700";
    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: 635px) {
	.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: #a4c422;
    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 {
/*        padding-left: 0*/
    }
}

@media (min-width: 800px) {
    .sop.sop .sop-shopping .b-column.shop__item:last-child {
/*        padding-right: 0*/
    }
}

.sop.sop .sop-shopping .total__sum-column {
    width: auto;
    margin: 0H
}

.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: #a4c422;
}

.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: #005e8a
}

.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: #a4c422;
    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: 1em;
}

.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*/
    border-bottom: 1px #dadfe5 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.sop .login-form .f-row .six:first-child,
.sop.sop .login-form .f-buttons .six:first-child {
/*     padding-right: 10px */
}

@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: 20px */
           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: #000000;
}

.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: 1em 0 0;
    opacity: 1;
    line-height: 1.2;
    background-color: #f4f4f4;
}

.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: #ffffff;
    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: #ffffff;
}

.sop.sop {
    background-color: #f4f4f4;
}

.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;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background-image: url('/img/okm/ostroda_header_background.jpg');*/
}

.menu-logo {
    margin-top: 2em;
    margin-bottom: 8em;
    cursor: pointer;
}

.menu-logo img {
    /*padding-top: 5px;*/
    padding-bottom: 20px;
}

.menu-logo a {
    text-decoration: none;
    /*background: #464945;*/
    background: #005e8a;
    color: #fff;
    padding: 10px;
    text-align: center;
    line-height: 3em;
    border-radius: 25px;
    height: 41px;
    width: 158px;
}

.menu-logo a:hover {
    background-color: #a4c422;
    color: #000000;
}

.tkm-nav {
    font-family: "lato-v11-latin_latin-ext-300";
    /*border: 1px #f0f0f0 solid;*/
    overflow: hidden;
    width: auto;
    /*margin-top: 2%;*/
    /*font-size: 0.9em;*/
    border: 1px #0f7cbb solid;
    font-size: 1.2em;
}

.tkm-nav .icon {
    display: none
}

.tkm-nav a {
    display: block;
    position: relative;
    float: none;
    /*padding: 16px 0px 17px 0px;*/
    font-size: 1.2em;
    /*color: #000000;*/
    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;
    padding: 18px 0px 22px 0px;
    color: #fff;
    border-bottom: 10px #0f7cbb solid;
    --border-color: white;
    --border-width: 5px;
    --bottom-distance: 0px; /* you can increase this */
    /*display: inline-block;*/
    background-image: linear-gradient(var(--border-color), var(--border-color));
    background-size: 0% var(--border-width);
    background-repeat: no-repeat;
    transition: background-size 0.3s;
    margin: 5px 0;
}

.tkm-nav a:hover {
    /*color: #FDD501;
    border-left:3px #FED700 solid;
    border-right:3px #FED700 solid;*/
    border-bottom: 10px white solid;
    transition: all 0.5s linear;
}

.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:first-child a {
    padding: 16px 35px 17px 16px
}

.tkm-nav li:hover {
    color: #a4c422;
}

.tkm-nav li:active {
    color: #a4c422;
}

.tkm-nav li:last-child a {
    padding: 16px 10px 17px 15px
}

.tkm-nav .icon {
    display: none
}

.nav-lvl1 {
    margin: 0;
    padding: 0;
    /*background-color: #464945;*/
}

.sop-basket-link {
    padding: 3em 0em 0.91304em 0em;
    color: #005e8a;
}

.sop-cart {
    background-image: url(../img/okm/cart.png);
    background-repeat: no-repeat;
    background-position-x: 20px;
    padding-top: 25px;
    background-size: 33px 27px;
    font-size: 1.2em;
}

.sop-cart:hover {
    background-image: url(../img/okm/cart_hover.png);
}

.sop-basket-link-aligned {
    padding-top: 1em;
    padding-bottom: 0.91304em;
    color: #005e8a;
}

.sop-basket-link a:hover {
    color: #282828;
    text-decoration: none
}

.sop-basket-link-aligned a:hover {
    color: #005e8a;
    text-decoration: none
}

@media only screen and (max-width: 480px) {
	.font175 .sop-basket-link-aligned {
        padding-top: 1.5em;
    }
}
.bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    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: #005e8a
}

.arrow-link-bg:hover span {
    color: #005e8a !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;
/*     white-space: nowrap;    */
}
.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;   
	}	
}
.arrow-link-bg span:hover {
    color: #005e8a !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: 1%
}

.arrow-link-container .arrow-link-button {
    background-image: url("../img/blue-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/yellow-arrow.png") !important;
    cursor: pointer
}

.arrow-link-container .arrow-link {
    font-family: "lato-v11-latin_latin-ext-700";
    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);
    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: #005e8a;
    padding-right: 10px;
    font-size: 1.5em;
    font-weight: bolder;
    min-width: 108px
}

@media only screen and (max-width: 1054px) {
    .tkm-nav a {
        border-bottom: 0px solid #f0f0f0;
        border-top: 0px solid #f0f0f0;
        margin-bottom: 0px;
    }
    .tkm-nav li {
        width: 100%;
        display: none
    }
    .tkm-nav li:hover,
    .tkm-nav a:hover,
    .tkm-nav li:active {
        background-color: #a4c422;
        color: #10171f;
        border-bottom: none
    }
    .nav-lvl1 li {
        border-bottom: none
    }
    .hamburger-menu {
        display: block;
        padding-left: 85%
    }
    .footer-img-box {
        background-color: #fff;
        display: block;
        justify-content: center;
/*         width: 100%; */
        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
    }
    .ml-15 {
        margin-left: 15px
    }
}

.nav-dot-spacer-yellow {
    /*background-color: #FFD900 !important;*/
    background-color: #0f7cbb;
}

.nav-text-active {
    color: #ffffff !important;
    border-bottom: 10px white solid !important;
}

@media only screen and (min-width: 0px) and (max-width: 1025px) {
    .nav-text-active {
        color: white !important;
    }
}

@media only screen and (min-width: 1025px) {
    .nav-dot-spacer {
        width: 7px !important;
        height: 14px;
        list-style-type: none;
    }
    .tkm-nav li:hover>a {
        /*color: #FFD900;*/
        color: #ffffff;
    }
    /*.tkm-nav li:hover + .nav-dot-spacer {
      background-color:#FFD900;
    }*/
    /*.tkm-nav li:hover ~ .nav-dot-spacer {
      background-color:#FFD900;
    }*/
    .tkm-nav li {
        width: 158px;
        display: inline-block !important;
    }
    .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 {
/*         width: 25%; */
        height: auto;
        justify-content: center;
        align-items: center;
/*         text-align: center */
    }
    .footer-img-box img {
        width: auto
    }
    .arrow-link-bg {
        font-size: 1.229em
    }
    .arrow-link-container .arrow-link {
        width: 25%
    }
    .ml-10 {
        margin-left: 0px
    }
    .ml-15 {
        margin-left: 0px
    }
}

.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-v11-latin_latin-ext-700";
    font-weight: normal;
    font-style: normal
}

.sop.sop .sop-sidebar-box .sidebar-box__phone {
    font-size: 1.28571em;
    font-family: "lato-v11-latin_latin-ext-700";
    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-v11-latin_latin-ext-700";
    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-family: "lato-v11-latin_latin-ext-700";
    font-weight: normal;
    font-style: normal
}

.sop.sop .portlet-custom .dblue-bg a {
    color: #a4c422
}

.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 .custom-select>select:focus {
    /*outline: 1px dashed #f48220 !important*/
}

.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-v11-latin_latin-ext-regular", "Roboto", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.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: #005e8a;
    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: #005e8a;
}

@media only screen and (min-width: 0px) and (max-width: 1054px) {
    .linked-accounts-spacer {
        height: 0;
    }
}

.register-summary-button {
    padding-left: 0px;
}

@media (max-width: 635px) {
    .register-summary-button {
        padding-left: 15px;
    }
}

.required-fields-info {
    position: absolute;
    top: 60px;
    right: 0;
}

@media (max-width: 635px) {
    .required-fields-info {
        position: relative;
        padding-right: 15px;
    }
}

.register-step-list {
    padding-left: 0px;
}

@media only screen and (min-width: 0px) and (max-width: 1054px) {
    .register-step-list {
        padding-left: 0px;
        margin-bottom: 15px !important;
    }
}

.font-size-container {
    position: relative;
    padding-right: 10px;
}

.font-size-small {
    cursor: pointer;
    font-size: 15px;
/*     font-size: 0.9375em; */
    position: relative;
    padding-top: 15px;
    padding-right: 3px;
    float: right;
    color: #005e8a;
}

.font-size-large {
    cursor: pointer;
    font-size: 30px;
    position: relative;
    float: right;
    color: #005e8a;
}

.terms-and-conditions-toggle {
    margin: 25px 0 25px 0 !important;
    cursor: pointer;
    text-decoration: underline;
    font-family: "lato-v11-latin_latin-ext-700";
}

.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;
}
	
@media (max-width: 635px) {
	.register-top-section {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.register-section {
	    padding-left: 15px;
	    padding-right: 15px;
	}
}


.my-data-table {
    padding: 0;
    spacing: 0;
    background-color: #fff;
    border-radius: 10px;
}

.fixed-table {
    padding: 0;
    spacing: 0;
    border: none;
}

.fixed-table-spacer {
    max-width: 3px;
    width: 1px;
    padding: 30px;
    border-left: 8px solid #dadfe5;
}

@media (max-width: 635px) {
    .fixed-table-spacer {
        display: block;
        width: 0;
        padding: 0;
        border: none;
    }
}

.fixed-table-data {}

@media (max-width: 635px) {
    .fixed-table-data {
        display: block;
/*         padding-left: 10px; */
/*         width: 130%; */
    }
}

.my-data-table-body {
    border: 0px;
}

.my-data-table-buttons {
    width: 25%;
    text-align: left;
    background-color: #dadfe5;
}
.my-data-table-buttons-container {
/* 	font-size:18px; */
    font-size: 1.125em;
	padding-left:40px;
}

@media (max-width: 635px) {
    .my-data-table-buttons {
        min-width: 200px;
        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;
	}
}

.my-data-table-row {}

@media (max-width: 635px) {
    .my-data-table-row {
        display: block;
    }
}

.my-data-table-spacer {
    max-width: 3px;
    width: 1px;
    padding: 30px;
    border-left: 8px solid #ffffff;
    background-color: #fff;
}

@media (max-width: 635px) {
    .my-data-table-spacer {
        padding: 10px;
        border: none;
    }
}

.my-services-table-data {}

@media (max-width: 635px) {
    .my-services-table-data {
        width: 100%;
    }
}

.cart-sum-table {
    width: 482px;
    height: 80px;
    border: 1px #ddd solid;
}

@media (max-width: 635px) {
    .cart-sum-table {
        width: 100%;
    }
}

.cart-sum-row {}

@media (max-width: 635px) {
    .cart-sum-row {
        display: block;
    }
}

.cart-sum-label-cell {
    text-align: center;
    vertical-align: middle;
    width: 240px;
    min-width: 140px;
    border-right: 2px #a4c422 solid;
}

@media (max-width: 635px) {
    .cart-sum-label-cell {
        display: block;
        width: 100%;
        border-right: none;
    }
}

.cart-sum-sum-cell {
    background: white;
    vertical-align: middle;
    text-align: center;
    width: 240px;
    min-width: 180px;

}

@media (max-width: 635px) {
    .cart-sum-sum-cell {
        display: block;
        width: 100%;
    }
}
@media (max-width: 635px) {
    .cart-sum-sum-cell {
        padding: 5px 0px !important;
        display: block;
        width: 100%;
    }
    .cart-sum-label-cell {
        padding: 5px 0px !important;
    }
}

.my-data-table-header {
    font-size: 1.125em;
    padding-left: 40px;
/*     text-align: center; */
}

@media (max-width: 635px) {
    .my-data-table-header {
        text-align: left;
/*         padding-left: 30px; */
        padding-left: 0px;
    }
	.my-data-table-buttons {
	    padding-left: 21px;
	}      
}

@media (max-width: 480px) {
  
}
.register-table {
    padding: 0;
    spacing: 0;
}

@media (max-width: 635px) {
    .register-table {
        display: block;
    }
}

.register-table-body {
    border: none !important;
}

@media (max-width: 635px) {
    .register-table-body {
        display: block;
    }
}

.register-table-row {}

@media (max-width: 635px) {
    .register-table-row {
        display: block;
    }
}

.register-table-header {
    width: 25%;
    text-align: left;
    background-color: #dadfe5;
    font-size: 1.2em;
}

@media (max-width: 635px) {
    .register-table-header {
        width: 100%;
        display: block;
    }
}

.register-table-spacer {
    max-width: 3px;
    width: 1px;
    padding: 30px;
    border-left: 8px solid #dadfe5;
}

@media (max-width: 635px) {
    .register-table-spacer {
        display: block;
        width: 0;
        padding: 0;
        border: none;
    }
}

.register-title {
/*     margin-left: -20px !important; */
}

.register-summary-section {
    margin-top: 3em !important;
}

.register-section-header {
    margin-top: 15px !important;
    font-size: 1.125em !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;
    background-color: #fff;
}

@media (max-width: 635px) {
	.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: 50%;
    }
	.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;
	}
	
}

.sop.sop button.btn-right.o-btn {
	margin-left: 10px;
}
@media (max-width: 480px) {
	.sop.sop button.btn-right.o-btn {
	    margin-left: 0px;
    }
}

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

.sop .portlet-custom .f-section-line:before {
    content: '';
    display: block;
    position: relative;
    height: 1px;
    background: #c3c5c6;
    left: 0px;
    right: 0px;
    top: 0;
    margin-bottom:1.42857em;
}

.captcha-answers {
    padding-left: 40px;
}
a.sop-login-btn {
	display: block;
	height: 3em;
	line-height: 1.75em;
	
}
.additional-info {
	width: 70%;
	margin: 0 auto;
}

.title-top-bar {
    background-color: #fff;
    width: 100%;
    max-width: 1010px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    font-size: 36px;
    text-align: center;
    display: block;
}

.lang-bar {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}

.logo-img-top {
    min-width: 250px;
}

.jurney-planner-menu {
    position: absolute;
    display: none;
    background-color: #0f7cbb;
    color: white;
    z-index: 999;
    border: 1px solid #0f7cbb;
    max-width: 160px;
}

.jurney-planner-menu > li {
    display: block;
    cursor: pointer;
}

li:hover .jurney-planner-menu {
    display: block;
}

.footer-wrapper {
    display: block;
    width: 100%;
    background: #ffffff;
    height: 30px;
}

.footer-contact {
    display: table;
    background: #ffffff;
    color: black;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    text-align: end;
}

.verticalLine {
    border-right: thin solid #d9d9d9;
    width: 160px;
    text-align: center;
    margin: 0px;
    position: relative;
    padding: 0;
    display: inline-block;
    color: black;
    text-decoration-color: black;
}

.lang-header {
    text-align: end;
    padding-top: 15px;
    padding-right: 5px;
}