/* Minification failed. Returning unminified contents.
(12410,36): run-time error CSS1034: 
(12410,36): run-time error CSS1042: Expected function, found ','
(12410,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(19182,14): run-time error CSS1031: Expected selector, found '/'
(19182,14): run-time error CSS1025: Expected comma or open brace, found '/'
(23309,35): run-time error CSS1046: Expect comma, found '0'
(23309,39): run-time error CSS1046: Expect comma, found '/'
(23314,35): run-time error CSS1046: Expect comma, found '0'
(23314,39): run-time error CSS1046: Expect comma, found '/'
 */
/*! jQuery UI - v1.9.2 - 2016-09-06
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.slider.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #454545;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #2b2b2b;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: 0 0 0 0;
    padding: 5px;
    background: #666;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.clearfix {
    clear: both;
}

.eupopup-container {
    background-color: rgba(25, 25, 25, 0.9);
    color: #efefef;
    padding: 5px 20px;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    display: none;
    z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.eupopup-container-fixedtop {
    position: fixed;
}

.eupopup-container-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.eupopup-container-bottomleft {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 300px;
}

.eupopup-container-bottomright {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 300px;
}

.eupopup-closebutton {
    font-size: 16px;
    font-weight: 100;
    line-height: 1;
    color: #a2a2a2;
    filter: alpha(opacity=20);
    position: absolute;
    font-family: helvetica, arial, verdana, sans-serif;
    top: 0;
    right: 0;
    padding: 5px 10px;
}

.eupopup-closebutton:hover,
.eupopup-closebutton:active {
    color: #fff;
    text-decoration: none;
}

.eupopup-head {
    font-size: 1.2em;
    font-weight: bold;
    padding: 7px;
    color: #fff;
}

.eupopup-body {
    color: #a2a2a2;
}

.eupopup-buttons {
    padding: 7px 0 5px 0;
}

.eupopup-button_1 {
    color: #f6a21d;
    font-weight: bold;
    font-size: 14px;
}

.eupopup-button_2 {
    color: #f6a21d;
    font-weight: normal;
    font-size: 12px;
}

.eupopup-button {
    margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
    text-decoration: underline;
    color: #f6a21d;
}

body .eupopup-color-inverse {
    color: #000;
    background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
    color: #000;
}

body .eupopup-style-compact {
    text-align: left;
    padding: 8px 30px 7px 20px;
    line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
    display: inline;
    padding: 0;
    margin: 0;
}

body .eupopup-style-compact .eupopup-button {
    margin: 0 5px;
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

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

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

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

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}


/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 12px;
    font-size: 36px;
    font-weight: 700;
    border-radius: 50%;
    transition: 0.2s ease;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
    background-color: #ff0000;
    color: #ff0000;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

/* perfect-scrollbar v0.6.10 */
.ps-container {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden !important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style: none) {
    .ps-container {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
        overflow: auto !important
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling {
    pointer-events: none
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999
}

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    width: 8px
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 8px
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999
}

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #999
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

#smartbanner {
    position: absolute;
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue', sans-serif;
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

#smartbanner, html.sb-animation {
    -webkit-transition: all .3s ease;
}

#smartbanner .sb-container {
    margin: 0 auto;
}

#smartbanner .sb-close {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #070707;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -webkit-font-smoothing: subpixel-antialiased;
}

#smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa;
}

#smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#smartbanner.no-icon .sb-icon {
    display: none;
}

#smartbanner .sb-info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px;
}

#smartbanner .sb-info strong {
    display: block;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 18px;
}

#smartbanner .sb-info > span {
    display: block;
}

#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase;
}

#smartbanner .sb-button {
    position: absolute;
    right: 20px;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #6a6a6a;
    background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
}

#smartbanner .sb-button:active, #smartbanner .sb-button:hover {
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
}

#smartbanner .sb-icon.gloss:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
    border-radius: 10px 10px 12px 12px;
}

#smartbanner.android {
    border-color: #212228;
    background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7');
    border-top: 5px solid #88B131;
    box-shadow: none;
}

#smartbanner.android .sb-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

#smartbanner.android .sb-close:active {
    color: #eee;
}

#smartbanner.android .sb-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000;
}

#smartbanner.android .sb-info strong {
    color: #fff;
}

#smartbanner.android .sb-button {
    min-width: 12%;
    border: 1px solid #DDDCDC;
    padding: 1px;
    color: #d1d1d1;
    background: none;
    border-radius: 0;
    box-shadow: none;
    min-height: 28px
}

#smartbanner.android .sb-button span {
    text-align: center;
    display: block;
    padding: 0 10px;
    background-color: #42B6C9;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB));
    background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
}

#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover {
    background: none;
}

#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span {
    background: #2AC7E1;
}

#smartbanner.windows .sb-icon {
    border-radius: 0px;
}

/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 *
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License:
 */

.easy-autocomplete {
    position: relative
}

.easy-autocomplete input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:hover, .easy-autocomplete input:focus {
    box-shadow: none
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
    border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
    background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
    border-color: #41DB00
}

.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
    background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
    border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
    background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
    border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
    background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
    border-color: #333
}

.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
    background-color: #4d4d4d;
    color: #fff
}

.easy-autocomplete.eac-dark {
    color: #fff
}

.easy-autocomplete.eac-dark input {
    background-color: #404040;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-dark ul {
    border-color: #333
}

.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
    background-color: #404040;
    border-color: #333
}

.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
    background-color: #737373;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass {
    color: #fff
}

.easy-autocomplete.eac-dark-glass input {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
    background-color: rgba(64, 64, 64, 0.8);
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
    border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue {
    color: #fff
}

.easy-autocomplete.eac-blue input {
    background-color: #6d9ed1;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
    border-color: #5A91CB;
    box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
    background-color: #6d9ed1;
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
    background-color: #94b8dd;
    color: #f6f6f6
}

.easy-autocomplete.eac-yellow {
    color: #333
}

.easy-autocomplete.eac-yellow input {
    background-color: #ffdb7e;
    border-color: #333;
    border-radius: 4px;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-yellow ul {
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
    background-color: #ffdb7e;
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
    background-color: #ffe9b1;
    color: #333
}

.easy-autocomplete.eac-purple {
    color: #333
}

.easy-autocomplete.eac-purple input {
    background-color: #d6d1e7;
    border-color: #b8afd5;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-purple ul {
    border-color: #333
}

.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
    background-color: #d6d1e7;
    border-color: #333
}

.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
    background-color: #ebe8f3;
    color: #333
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 12px
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected div {
    font-weight: normal
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: normal;
    word-break: break-all
}

.easy-autocomplete-container ul li b {
    font-weight: bold
}

.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: 0.9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

/*# sourceMappingURL=easy-autocomplete.min.css.map */

@media print {
    body {
        font: normal 12pt Arial, sans-serif;
        color: #000;
        line-height: 1.5;
    }

    a img {
        border: 0;
    }

    a {
        color: #000;
    }

    a:link:after, a:visited:after,
    a:link::after, a:visited::after {
        content: " (" attr(href) ")";
        font-size: smaller;
    }

    .currency-section .intro,
    .currency-calculator,
    .currencySymbol {
        display: none !important;
    }

    .table-header {
        margin: 0 auto !important;
    }

    .table-header td.btm {
        height: 24px !important;
        font-size: 11px !important;
    }

    .table-row .center > tbody > tr > td {
        height: 18px !important;
    }

    .main-table {
        margin-bottom: 0 !important;
    }

    .note-section {
        padding-bottom: 0 !important;
    }

    p,
    td,
    .note-section h3 {
        font-size: 14px !important;
        line-height: 14px !important;
        margin-bottom: 0 !important;
    }

    .note-section p {
        color: #dbdddd !important;
        font-size: 11px !important;
        line-height: 11px !important;
        margin-bottom: 0 !important;
    }

    p {
        margin-bottom: 10px !important;
    }

}

.container:before,
.container:after,
.cf:before,
.cf:after {
    content: '';
    display: table;
}

.container:after,
.cf:after {
    clear: both;
}

.noPadding {
    padding-left: 0;
    padding-right: 0
}

.fll {
    float: left
}

.flr {
    float: right
}

.center {
    text-align: center
}

.col {
    padding-right: 0;
    padding-left: 0;
    float: left;
    position: relative
}

.col_1 {
    width: 3.333333%
}

.col_2 {
    width: 6.666666%
}

.col_3 {
    width: 10%
}

.col_4 {
    width: 13.333333%
}

.col_5 {
    width: 16.666666%
}

.col_6 {
    width: 20%
}

.col_7 {
    width: 23.333333%
}

.col_8 {
    width: 26.666666%
}

.col_9 {
    width: 30%
}

.col_10 {
    width: 33.333333%
}

.col_11 {
    width: 36.666666%
}

.col_12 {
    width: 40%
}

.col_13 {
    width: 43.333333%
}

.col_14 {
    width: 46.666666%
}

.col_15 {
    width: 50%
}

.col_16 {
    width: 53.333333%
}

.col_17 {
    width: 56.666666%
}

.col_18 {
    width: 60%
}

.col_19 {
    width: 63.333333%
}

.col_20 {
    width: 66.666666%
}

.col_21 {
    width: 70%
}

.col_22 {
    width: 73.333333%
}

.col_23 {
    width: 76.666666%
}

.col_24 {
    width: 80%
}

.col_25 {
    width: 83.333333%
}

.col_26 {
    width: 86.666666%
}

.col_27 {
    width: 90%
}

.col_28 {
    width: 93.333333%
}

.col_29 {
    width: 96.666666%
}

.col_30 {
    margin-left: 0;
    width: 100%
}

.hidden {
    display: none !important
}

.txtl {
    text-align: left;
}

.txtr {
    text-align: right;
}

.col_push_2 {
    margin-left: 6.666666%;
}

.col_push_3 {
    margin-left: 10%;
}

.col_push_4 {
    margin-left: 13.333333%;
}

.col_pull_1 {
    margin-right: 3.333333%;
}

@media (max-width: 1023px) {
    .lg_col_1 {
        width: 3.333333%
    }

    .lg_col_2 {
        width: 6.666666%
    }

    .lg_col_3 {
        width: 10%
    }

    .lg_col_4 {
        width: 13.333333%
    }

    .lg_col_5 {
        width: 16.666666%
    }

    .lg_col_6 {
        width: 20%
    }

    .lg_col_7 {
        width: 23.333333%
    }

    .lg_col_8 {
        width: 26.666666%
    }

    .lg_col_9 {
        width: 30%
    }

    .lg_col_10 {
        width: 33.333333%
    }

    .lg_col_11 {
        width: 36.666666%
    }

    .lg_col_12 {
        width: 40%
    }

    .lg_col_13 {
        width: 43.333333%
    }

    .lg_col_14 {
        width: 46.666666%
    }

    .lg_col_15 {
        width: 50%
    }

    .lg_col_16 {
        width: 53.333333%
    }

    .lg_col_17 {
        width: 56.666666%
    }

    .lg_col_18 {
        width: 60%
    }

    .lg_col_19 {
        width: 63.333333%
    }

    .lg_col_20 {
        width: 66.666666%
    }

    .lg_col_21 {
        width: 70%
    }

    .lg_col_22 {
        width: 73.333333%
    }

    .lg_col_23 {
        width: 76.666666%
    }

    .lg_col_24 {
        width: 80%
    }

    .lg_col_25 {
        width: 83.333333%
    }

    .lg_col_26 {
        width: 86.666666%
    }

    .lg_col_27 {
        width: 90%
    }

    .lg_col_28 {
        width: 93.333333%
    }

    .lg_col_29 {
        width: 96.666666%
    }

    .lg_col_30 {
        margin-left: 0;
        width: 100%
    }

    .lg_hidden {
        display: none
    }

    .lg_block {
        display: block !important
    }

    .lg_push_1 {
        margin-left: 3.333333%;
    }

    .lg_push_0 {
        margin-left: 0;
    }

    .lg_pull_0 {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .md_col_1 {
        width: 3.333333%
    }

    .md_col_2 {
        width: 6.666666%
    }

    .md_col_3 {
        width: 10%
    }

    .md_col_4 {
        width: 13.333333%
    }

    .md_col_5 {
        width: 16.666666%
    }

    .md_col_6 {
        width: 20%
    }

    .md_col_7 {
        width: 23.333333%
    }

    .md_col_8 {
        width: 26.666666%
    }

    .md_col_9 {
        width: 30%
    }

    .md_col_10 {
        width: 33.333333%
    }

    .md_col_11 {
        width: 36.666666%
    }

    .md_col_12 {
        width: 40%
    }

    .md_col_13 {
        width: 43.333333%
    }

    .md_col_14 {
        width: 46.666666%
    }

    .md_col_15 {
        width: 50%
    }

    .md_col_16 {
        width: 53.333333%
    }

    .md_col_17 {
        width: 56.666666%
    }

    .md_col_18 {
        width: 60%
    }

    .md_col_19 {
        width: 63.333333%
    }

    .md_col_20 {
        width: 66.666666%
    }

    .md_col_21 {
        width: 70%
    }

    .md_col_22 {
        width: 73.333333%
    }

    .md_col_23 {
        width: 76.666666%
    }

    .md_col_24 {
        width: 80%
    }

    .md_col_25 {
        width: 83.333333%
    }

    .md_col_26 {
        width: 86.666666%
    }

    .md_col_27 {
        width: 90%
    }

    .md_col_28 {
        width: 93.333333%
    }

    .md_col_29 {
        width: 96.666666%
    }

    .md_col_30 {
        margin-left: 0;
        width: 100%
    }

    .md_hidden {
        display: none
    }

    .md_block {
        display: block
    }

    .md_push_0 {
        margin-left: 0;
    }
}

@media (max-width: 639px) {
    .s_col_1 {
        width: 8.33333333333%
    }

    .s_col_2 {
        width: 16.6666666667%
    }

    .s_col_3 {
        width: 25%
    }

    .s_col_4 {
        width: 33.3333333333%
    }

    .s_col_5 {
        width: 41.6666666667%
    }

    .s_col_6 {
        width: 50%
    }

    .s_col_7 {
        width: 58.3333333333%
    }

    .s_col_8 {
        width: 66.6666666667%
    }

    .s_col_9 {
        width: 75%
    }

    .s_col_10 {
        width: 83.3333333333%
    }

    .s_col_11 {
        width: 91.6666666667%
    }

    .s_col_12 {
        margin-left: 0;
        width: 100%
    }

    .s_hidden {
        display: none
    }

    .s_block {
        display: block
    }
}

@media (max-width: 479px) {
    .xs_col_1 {
        width: 8.33333333333%
    }

    .xs_col_2 {
        width: 16.6666666667%
    }

    .xs_col_3 {
        width: 25%
    }

    .xs_col_4 {
        width: 33.3333333333%
    }

    .xs_col_5 {
        width: 41.6666666667%
    }

    .xs_col_6 {
        width: 50%
    }

    .xs_col_7 {
        width: 58.3333333333%
    }

    .xs_col_8 {
        width: 66.6666666667%
    }

    .xs_col_9 {
        width: 75%
    }

    .xs_col_10 {
        width: 83.3333333333%
    }

    .xs_col_11 {
        width: 91.6666666667%
    }

    .xs_col_12 {
        margin-left: 0;
        width: 100%
    }

    .xs_hidden {
        display: none
    }

    .xs_block {
        display: block
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

@font-face {
    font-family: 'Linearicons';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Linearicons.eot');
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Linearicons.eot') format('embedded-opentype'),
    url('/wp-content/themes/hello-theme-child-master/fonts/Linearicons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Linearicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-in:before {
    content: "\e9f0";
}

.icon-koino_cyprus:before {
    content: "\e9ef";
}

.icon-arrow_drop:before {
    content: "\e9ea";
}

.icon-social_fb:before {
    content: "\e9eb";
}

.icon-social_insta:before {
    content: "\e9ec";
}

.icon-social_twitter:before {
    content: "\e9ed";
}

.icon-social_YT:before {
    content: "\e9ee";
}

.icon-home:before {
    content: "\e600";
}

.icon-home2:before {
    content: "\e601";
}

.icon-home3:before {
    content: "\e602";
}

.icon-home4:before {
    content: "\e603";
}

.icon-home5:before {
    content: "\e604";
}

.icon-home6:before {
    content: "\e605";
}

.icon-bathtub:before {
    content: "\e606";
}

.icon-toothbrush:before {
    content: "\e607";
}

.icon-bed:before {
    content: "\e608";
}

.icon-couch:before {
    content: "\e609";
}

.icon-chair:before {
    content: "\e60a";
}

.icon-city:before {
    content: "\e60b";
}

.icon-apartment:before {
    content: "\e60c";
}

.icon-pencil:before {
    content: "\e60d";
}

.icon-pencil2:before {
    content: "\e60e";
}

.icon-pen:before {
    content: "\e60f";
}

.icon-pencil3:before {
    content: "\e610";
}

.icon-eraser:before {
    content: "\e611";
}

.icon-pencil4:before {
    content: "\e612";
}

.icon-pencil5:before {
    content: "\e613";
}

.icon-feather:before {
    content: "\e614";
}

.icon-feather2:before {
    content: "\e615";
}

.icon-feather3:before {
    content: "\e616";
}

.icon-pen2:before {
    content: "\e617";
}

.icon-pen-add:before {
    content: "\e618";
}

.icon-pen-remove:before {
    content: "\e619";
}

.icon-vector:before {
    content: "\e61a";
}

.icon-pen3:before {
    content: "\e61b";
}

.icon-blog:before {
    content: "\e61c";
}

.icon-brush:before {
    content: "\e61d";
}

.icon-brush2:before {
    content: "\e61e";
}

.icon-spray:before {
    content: "\e61f";
}

.icon-paint-roller:before {
    content: "\e620";
}

.icon-stamp:before {
    content: "\e621";
}

.icon-tape:before {
    content: "\e622";
}

.icon-desk-tape:before {
    content: "\e623";
}

.icon-texture:before {
    content: "\e624";
}

.icon-eye-dropper:before {
    content: "\e625";
}

.icon-palette:before {
    content: "\e626";
}

.icon-color-sampler:before {
    content: "\e627";
}

.icon-bucket:before {
    content: "\e628";
}

.icon-gradient:before {
    content: "\e629";
}

.icon-gradient2:before {
    content: "\e62a";
}

.icon-magic-wand:before {
    content: "\e62b";
}

.icon-magnet:before {
    content: "\e62c";
}

.icon-pencil-ruler:before {
    content: "\e62d";
}

.icon-pencil-ruler2:before {
    content: "\e62e";
}

.icon-compass:before {
    content: "\e62f";
}

.icon-aim:before {
    content: "\e630";
}

.icon-gun:before {
    content: "\e631";
}

.icon-bottle:before {
    content: "\e632";
}

.icon-drop:before {
    content: "\e633";
}

.icon-drop-crossed:before {
    content: "\e634";
}

.icon-drop2:before {
    content: "\e635";
}

.icon-snow:before {
    content: "\e636";
}

.icon-snow2:before {
    content: "\e637";
}

.icon-fire:before {
    content: "\e638";
}

.icon-lighter:before {
    content: "\e639";
}

.icon-knife:before {
    content: "\e63a";
}

.icon-dagger:before {
    content: "\e63b";
}

.icon-tissue:before {
    content: "\e63c";
}

.icon-toilet-paper:before {
    content: "\e63d";
}

.icon-poop:before {
    content: "\e63e";
}

.icon-umbrella:before {
    content: "\e63f";
}

.icon-umbrella2:before {
    content: "\e640";
}

.icon-rain:before {
    content: "\e641";
}

.icon-tornado:before {
    content: "\e642";
}

.icon-wind:before {
    content: "\e643";
}

.icon-fan:before {
    content: "\e644";
}

.icon-contrast:before {
    content: "\e645";
}

.icon-sun-small:before {
    content: "\e646";
}

.icon-sun:before {
    content: "\e647";
}

.icon-sun2:before {
    content: "\e648";
}

.icon-moon:before {
    content: "\e649";
}

.icon-cloud:before {
    content: "\e64a";
}

.icon-cloud-upload:before {
    content: "\e64b";
}

.icon-cloud-download:before {
    content: "\e64c";
}

.icon-cloud-rain:before {
    content: "\e64d";
}

.icon-cloud-hailstones:before {
    content: "\e64e";
}

.icon-cloud-snow:before {
    content: "\e64f";
}

.icon-cloud-windy:before {
    content: "\e650";
}

.icon-sun-wind:before {
    content: "\e651";
}

.icon-cloud-fog:before {
    content: "\e652";
}

.icon-cloud-sun:before {
    content: "\e653";
}

.icon-cloud-lightning:before {
    content: "\e654";
}

.icon-cloud-sync:before {
    content: "\e655";
}

.icon-cloud-lock:before {
    content: "\e656";
}

.icon-cloud-gear:before {
    content: "\e657";
}

.icon-cloud-alert:before {
    content: "\e658";
}

.icon-cloud-check:before {
    content: "\e659";
}

.icon-cloud-cross:before {
    content: "\e65a";
}

.icon-cloud-crossed:before {
    content: "\e65b";
}

.icon-cloud-database:before {
    content: "\e65c";
}

.icon-database:before {
    content: "\e65d";
}

.icon-database-add:before {
    content: "\e65e";
}

.icon-database-remove:before {
    content: "\e65f";
}

.icon-database-lock:before {
    content: "\e660";
}

.icon-database-refresh:before {
    content: "\e661";
}

.icon-database-check:before {
    content: "\e662";
}

.icon-database-history:before {
    content: "\e663";
}

.icon-database-upload:before {
    content: "\e664";
}

.icon-database-download:before {
    content: "\e665";
}

.icon-server:before {
    content: "\e666";
}

.icon-shield:before {
    content: "\e667";
}

.icon-shield-check:before {
    content: "\e668";
}

.icon-shield-alert:before {
    content: "\e669";
}

.icon-shield-cross:before {
    content: "\e66a";
}

.icon-lock:before {
    content: "\e66b";
}

.icon-rotation-lock:before {
    content: "\e66c";
}

.icon-unlock:before {
    content: "\e66d";
}

.icon-key:before {
    content: "\e66e";
}

.icon-key-hole:before {
    content: "\e66f";
}

.icon-toggle-off:before {
    content: "\e670";
}

.icon-toggle-on:before {
    content: "\e671";
}

.icon-cog:before {
    content: "\e672";
}

.icon-cog2:before {
    content: "\e673";
}

.icon-wrench:before {
    content: "\e674";
}

.icon-screwdriver:before {
    content: "\e675";
}

.icon-hammer-wrench:before {
    content: "\e676";
}

.icon-hammer:before {
    content: "\e677";
}

.icon-saw:before {
    content: "\e678";
}

.icon-axe:before {
    content: "\e679";
}

.icon-axe2:before {
    content: "\e67a";
}

.icon-shovel:before {
    content: "\e67b";
}

.icon-pickaxe:before {
    content: "\e67c";
}

.icon-factory:before {
    content: "\e67d";
}

.icon-factory2:before {
    content: "\e67e";
}

.icon-recycle:before {
    content: "\e67f";
}

.icon-trash:before {
    content: "\e680";
}

.icon-trash2:before {
    content: "\e681";
}

.icon-trash3:before {
    content: "\e682";
}

.icon-broom:before {
    content: "\e683";
}

.icon-game:before {
    content: "\e684";
}

.icon-gamepad:before {
    content: "\e685";
}

.icon-joystick:before {
    content: "\e686";
}

.icon-dice:before {
    content: "\e687";
}

.icon-spades:before {
    content: "\e688";
}

.icon-diamonds:before {
    content: "\e689";
}

.icon-clubs:before {
    content: "\e68a";
}

.icon-hearts:before {
    content: "\e68b";
}

.icon-heart:before {
    content: "\e68c";
}

.icon-star:before {
    content: "\e68d";
}

.icon-star-half:before {
    content: "\e68e";
}

.icon-star-empty:before {
    content: "\e68f";
}

.icon-flag:before {
    content: "\e690";
}

.icon-flag2:before {
    content: "\e691";
}

.icon-flag3:before {
    content: "\e692";
}

.icon-mailbox-full:before {
    content: "\e693";
}

.icon-mailbox-empty:before {
    content: "\e694";
}

.icon-at-sign:before {
    content: "\e695";
}

.icon-envelope:before {
    content: "\e696";
}

.icon-envelope-open:before {
    content: "\e697";
}

.icon-paperclip:before {
    content: "\e698";
}

.icon-paper-plane:before {
    content: "\e699";
}

.icon-reply:before {
    content: "\e69a";
}

.icon-reply-all:before {
    content: "\e69b";
}

.icon-inbox:before {
    content: "\e69c";
}

.icon-inbox2:before {
    content: "\e69d";
}

.icon-outbox:before {
    content: "\e69e";
}

.icon-box:before {
    content: "\e69f";
}

.icon-archive:before {
    content: "\e6a0";
}

.icon-archive2:before {
    content: "\e6a1";
}

.icon-drawers:before {
    content: "\e6a2";
}

.icon-drawers2:before {
    content: "\e6a3";
}

.icon-drawers3:before {
    content: "\e6a4";
}

.icon-eye:before {
    content: "\e6a5";
}

.icon-eye-crossed:before {
    content: "\e6a6";
}

.icon-eye-plus:before {
    content: "\e6a7";
}

.icon-eye-minus:before {
    content: "\e6a8";
}

.icon-binoculars:before {
    content: "\e6a9";
}

.icon-binoculars2:before {
    content: "\e6aa";
}

.icon-hdd:before {
    content: "\e6ab";
}

.icon-hdd-down:before {
    content: "\e6ac";
}

.icon-hdd-up:before {
    content: "\e6ad";
}

.icon-floppy-disk:before {
    content: "\e6ae";
}

.icon-disc:before {
    content: "\e6af";
}

.icon-tape2:before {
    content: "\e6b0";
}

.icon-printer:before {
    content: "\e6b1";
}

.icon-shredder:before {
    content: "\e6b2";
}

.icon-file-empty:before {
    content: "\e6b3";
}

.icon-file-add:before {
    content: "\e6b4";
}

.icon-file-check:before {
    content: "\e6b5";
}

.icon-file-lock:before {
    content: "\e6b6";
}

.icon-files:before {
    content: "\e6b7";
}

.icon-copy:before {
    content: "\e6b8";
}

.icon-compare:before {
    content: "\e6b9";
}

.icon-folder:before {
    content: "\e6ba";
}

.icon-folder-search:before {
    content: "\e6bb";
}

.icon-folder-plus:before {
    content: "\e6bc";
}

.icon-folder-minus:before {
    content: "\e6bd";
}

.icon-folder-download:before {
    content: "\e6be";
}

.icon-folder-upload:before {
    content: "\e6bf";
}

.icon-folder-star:before {
    content: "\e6c0";
}

.icon-folder-heart:before {
    content: "\e6c1";
}

.icon-folder-user:before {
    content: "\e6c2";
}

.icon-folder-shared:before {
    content: "\e6c3";
}

.icon-folder-music:before {
    content: "\e6c4";
}

.icon-folder-picture:before {
    content: "\e6c5";
}

.icon-folder-film:before {
    content: "\e6c6";
}

.icon-scissors:before {
    content: "\e6c7";
}

.icon-paste:before {
    content: "\e6c8";
}

.icon-clipboard-empty:before {
    content: "\e6c9";
}

.icon-clipboard-pencil:before {
    content: "\e6ca";
}

.icon-clipboard-text:before {
    content: "\e6cb";
}

.icon-clipboard-check:before {
    content: "\e6cc";
}

.icon-clipboard-down:before {
    content: "\e6cd";
}

.icon-clipboard-left:before {
    content: "\e6ce";
}

.icon-clipboard-alert:before {
    content: "\e6cf";
}

.icon-clipboard-user:before {
    content: "\e6d0";
}

.icon-register:before {
    content: "\e6d1";
}

.icon-enter:before {
    content: "\e6d2";
}

.icon-exit:before {
    content: "\e6d3";
}

.icon-papers:before {
    content: "\e6d4";
}

.icon-news:before {
    content: "\e6d5";
}

.icon-reading:before {
    content: "\e6d6";
}

.icon-typewriter:before {
    content: "\e6d7";
}

.icon-document:before {
    content: "\e6d8";
}

.icon-document2:before {
    content: "\e6d9";
}

.icon-graduation-hat:before {
    content: "\e6da";
}

.icon-license:before {
    content: "\e6db";
}

.icon-license2:before {
    content: "\e6dc";
}

.icon-medal-empty:before {
    content: "\e6dd";
}

.icon-medal-first:before {
    content: "\e6de";
}

.icon-medal-second:before {
    content: "\e6df";
}

.icon-medal-third:before {
    content: "\e6e0";
}

.icon-podium:before {
    content: "\e6e1";
}

.icon-trophy:before {
    content: "\e6e2";
}

.icon-trophy2:before {
    content: "\e6e3";
}

.icon-music-note:before {
    content: "\e6e4";
}

.icon-music-note2:before {
    content: "\e6e5";
}

.icon-music-note3:before {
    content: "\e6e6";
}

.icon-playlist:before {
    content: "\e6e7";
}

.icon-playlist-add:before {
    content: "\e6e8";
}

.icon-guitar:before {
    content: "\e6e9";
}

.icon-trumpet:before {
    content: "\e6ea";
}

.icon-album:before {
    content: "\e6eb";
}

.icon-shuffle:before {
    content: "\e6ec";
}

.icon-repeat-one:before {
    content: "\e6ed";
}

.icon-repeat:before {
    content: "\e6ee";
}

.icon-headphones:before {
    content: "\e6ef";
}

.icon-headset:before {
    content: "\e6f0";
}

.icon-loudspeaker:before {
    content: "\e6f1";
}

.icon-equalizer:before {
    content: "\e6f2";
}

.icon-theater:before {
    content: "\e6f3";
}

.icon-3d-glasses:before {
    content: "\e6f4";
}

.icon-ticket:before {
    content: "\e6f5";
}

.icon-presentation:before {
    content: "\e6f6";
}

.icon-play:before {
    content: "\e6f7";
}

.icon-film-play:before {
    content: "\e6f8";
}

.icon-clapboard-play:before {
    content: "\e6f9";
}

.icon-media:before {
    content: "\e6fa";
}

.icon-film:before {
    content: "\e6fb";
}

.icon-film2:before {
    content: "\e6fc";
}

.icon-surveillance:before {
    content: "\e6fd";
}

.icon-surveillance2:before {
    content: "\e6fe";
}

.icon-camera:before {
    content: "\e6ff";
}

.icon-camera-crossed:before {
    content: "\e700";
}

.icon-camera-play:before {
    content: "\e701";
}

.icon-time-lapse:before {
    content: "\e702";
}

.icon-record:before {
    content: "\e703";
}

.icon-camera2:before {
    content: "\e704";
}

.icon-camera-flip:before {
    content: "\e705";
}

.icon-panorama:before {
    content: "\e706";
}

.icon-time-lapse2:before {
    content: "\e707";
}

.icon-shutter:before {
    content: "\e708";
}

.icon-shutter2:before {
    content: "\e709";
}

.icon-face-detection:before {
    content: "\e70a";
}

.icon-flare:before {
    content: "\e70b";
}

.icon-convex:before {
    content: "\e70c";
}

.icon-concave:before {
    content: "\e70d";
}

.icon-picture:before {
    content: "\e70e";
}

.icon-picture2:before {
    content: "\e70f";
}

.icon-picture3:before {
    content: "\e710";
}

.icon-pictures:before {
    content: "\e711";
}

.icon-book:before {
    content: "\e712";
}

.icon-audio-book:before {
    content: "\e713";
}

.icon-book2:before {
    content: "\e714";
}

.icon-bookmark:before {
    content: "\e715";
}

.icon-bookmark2:before {
    content: "\e716";
}

.icon-label:before {
    content: "\e717";
}

.icon-library:before {
    content: "\e718";
}

.icon-library2:before {
    content: "\e719";
}

.icon-contacts:before {
    content: "\e71a";
}

.icon-profile:before {
    content: "\e71b";
}

.icon-portrait:before {
    content: "\e71c";
}

.icon-portrait2:before {
    content: "\e71d";
}

.icon-user:before {
    content: "\e71e";
}

.icon-user-plus:before {
    content: "\e71f";
}

.icon-user-minus:before {
    content: "\e720";
}

.icon-user-lock:before {
    content: "\e721";
}

.icon-users:before {
    content: "\e722";
}

.icon-users2:before {
    content: "\e723";
}

.icon-users-plus:before {
    content: "\e724";
}

.icon-users-minus:before {
    content: "\e725";
}

.icon-group-work:before {
    content: "\e726";
}

.icon-woman:before {
    content: "\e727";
}

.icon-man:before {
    content: "\e728";
}

.icon-baby:before {
    content: "\e729";
}

.icon-baby2:before {
    content: "\e72a";
}

.icon-baby3:before {
    content: "\e72b";
}

.icon-baby-bottle:before {
    content: "\e72c";
}

.icon-walk:before {
    content: "\e72d";
}

.icon-hand-waving:before {
    content: "\e72e";
}

.icon-jump:before {
    content: "\e72f";
}

.icon-run:before {
    content: "\e730";
}

.icon-woman2:before {
    content: "\e731";
}

.icon-man2:before {
    content: "\e732";
}

.icon-man-woman:before {
    content: "\e733";
}

.icon-height:before {
    content: "\e734";
}

.icon-weight:before {
    content: "\e735";
}

.icon-scale:before {
    content: "\e736";
}

.icon-button:before {
    content: "\e737";
}

.icon-bow-tie:before {
    content: "\e738";
}

.icon-tie:before {
    content: "\e739";
}

.icon-socks:before {
    content: "\e73a";
}

.icon-shoe:before {
    content: "\e73b";
}

.icon-shoes:before {
    content: "\e73c";
}

.icon-hat:before {
    content: "\e73d";
}

.icon-pants:before {
    content: "\e73e";
}

.icon-shorts:before {
    content: "\e73f";
}

.icon-flip-flops:before {
    content: "\e740";
}

.icon-shirt:before {
    content: "\e741";
}

.icon-hanger:before {
    content: "\e742";
}

.icon-laundry:before {
    content: "\e743";
}

.icon-store:before {
    content: "\e744";
}

.icon-haircut:before {
    content: "\e745";
}

.icon-store-24:before {
    content: "\e746";
}

.icon-barcode:before {
    content: "\e747";
}

.icon-barcode2:before {
    content: "\e748";
}

.icon-barcode3:before {
    content: "\e749";
}

.icon-cashier:before {
    content: "\e74a";
}

.icon-bag:before {
    content: "\e74b";
}

.icon-bag2:before {
    content: "\e74c";
}

.icon-cart:before {
    content: "\e74d";
}

.icon-cart-empty:before {
    content: "\e74e";
}

.icon-cart-full:before {
    content: "\e74f";
}

.icon-cart-plus:before {
    content: "\e750";
}

.icon-cart-plus2:before {
    content: "\e751";
}

.icon-cart-add:before {
    content: "\e752";
}

.icon-cart-remove:before {
    content: "\e753";
}

.icon-cart-exchange:before {
    content: "\e754";
}

.icon-tag:before {
    content: "\e755";
}

.icon-tags:before {
    content: "\e756";
}

.icon-receipt:before {
    content: "\e757";
}

.icon-wallet:before {
    content: "\e758";
}

.icon-credit-card:before {
    content: "\e759";
}

.icon-cash-dollar:before {
    content: "\e75a";
}

.icon-cash-euro:before {
    content: "\e75b";
}

.icon-cash-pound:before {
    content: "\e75c";
}

.icon-cash-yen:before {
    content: "\e75d";
}

.icon-bag-dollar:before {
    content: "\e75e";
}

.icon-bag-euro:before {
    content: "\e75f";
}

.icon-bag-pound:before {
    content: "\e760";
}

.icon-bag-yen:before {
    content: "\e761";
}

.icon-coin-dollar:before {
    content: "\e762";
}

.icon-coin-euro:before {
    content: "\e763";
}

.icon-coin-pound:before {
    content: "\e764";
}

.icon-coin-yen:before {
    content: "\e765";
}

.icon-calculator:before {
    content: "\e766";
}

.icon-calculator2:before {
    content: "\e767";
}

.icon-abacus:before {
    content: "\e768";
}

.icon-vault:before {
    content: "\e769";
}

.icon-telephone:before {
    content: "\e76a";
}

.icon-phone-lock:before {
    content: "\e76b";
}

.icon-phone-wave:before {
    content: "\e76c";
}

.icon-phone-pause:before {
    content: "\e76d";
}

.icon-phone-outgoing:before {
    content: "\e76e";
}

.icon-phone-incoming:before {
    content: "\e76f";
}

.icon-phone-in-out:before {
    content: "\e770";
}

.icon-phone-error:before {
    content: "\e771";
}

.icon-phone-sip:before {
    content: "\e772";
}

.icon-phone-plus:before {
    content: "\e773";
}

.icon-phone-minus:before {
    content: "\e774";
}

.icon-voicemail:before {
    content: "\e775";
}

.icon-dial:before {
    content: "\e776";
}

.icon-telephone2:before {
    content: "\e777";
}

.icon-pushpin:before {
    content: "\e778";
}

.icon-pushpin2:before {
    content: "\e779";
}

.icon-map-marker:before {
    content: "\e77a";
}

.icon-map-marker-user:before {
    content: "\e77b";
}

.icon-map-marker-down:before {
    content: "\e77c";
}

.icon-map-marker-check:before {
    content: "\e77d";
}

.icon-map-marker-crossed:before {
    content: "\e77e";
}

.icon-radar:before {
    content: "\e77f";
}

.icon-compass2:before {
    content: "\e780";
}

.icon-map:before {
    content: "\e781";
}

.icon-map2:before {
    content: "\e782";
}

.icon-location:before {
    content: "\e783";
}

.icon-road-sign:before {
    content: "\e784";
}

.icon-calendar-empty:before {
    content: "\e785";
}

.icon-calendar-check:before {
    content: "\e786";
}

.icon-calendar-cross:before {
    content: "\e787";
}

.icon-calendar-31:before {
    content: "\e788";
}

.icon-calendar-full:before {
    content: "\e789";
}

.icon-calendar-insert:before {
    content: "\e78a";
}

.icon-calendar-text:before {
    content: "\e78b";
}

.icon-calendar-user:before {
    content: "\e78c";
}

.icon-mouse:before {
    content: "\e78d";
}

.icon-mouse-left:before {
    content: "\e78e";
}

.icon-mouse-right:before {
    content: "\e78f";
}

.icon-mouse-both:before {
    content: "\e790";
}

.icon-keyboard:before {
    content: "\e791";
}

.icon-keyboard-up:before {
    content: "\e792";
}

.icon-keyboard-down:before {
    content: "\e793";
}

.icon-delete:before {
    content: "\e794";
}

.icon-spell-check:before {
    content: "\e795";
}

.icon-escape:before {
    content: "\e796";
}

.icon-enter2:before {
    content: "\e797";
}

.icon-screen:before {
    content: "\e798";
}

.icon-aspect-ratio:before {
    content: "\e799";
}

.icon-signal:before {
    content: "\e79a";
}

.icon-signal-lock:before {
    content: "\e79b";
}

.icon-signal-80:before {
    content: "\e79c";
}

.icon-signal-60:before {
    content: "\e79d";
}

.icon-signal-40:before {
    content: "\e79e";
}

.icon-signal-20:before {
    content: "\e79f";
}

.icon-signal-0:before {
    content: "\e7a0";
}

.icon-signal-blocked:before {
    content: "\e7a1";
}

.icon-sim:before {
    content: "\e7a2";
}

.icon-flash-memory:before {
    content: "\e7a3";
}

.icon-usb-drive:before {
    content: "\e7a4";
}

.icon-phone:before {
    content: "\e7a5";
}

.icon-smartphone:before {
    content: "\e7a6";
}

.icon-smartphone-notification:before {
    content: "\e7a7";
}

.icon-smartphone-vibration:before {
    content: "\e7a8";
}

.icon-smartphone-embed:before {
    content: "\e7a9";
}

.icon-smartphone-waves:before {
    content: "\e7aa";
}

.icon-tablet:before {
    content: "\e7ab";
}

.icon-tablet2:before {
    content: "\e7ac";
}

.icon-laptop:before {
    content: "\e7ad";
}

.icon-laptop-phone:before {
    content: "\e7ae";
}

.icon-desktop:before {
    content: "\e7af";
}

.icon-launch:before {
    content: "\e7b0";
}

.icon-new-tab:before {
    content: "\e7b1";
}

.icon-window:before {
    content: "\e7b2";
}

.icon-cable:before {
    content: "\e7b3";
}

.icon-cable2:before {
    content: "\e7b4";
}

.icon-tv:before {
    content: "\e7b5";
}

.icon-radio:before {
    content: "\e7b6";
}

.icon-remote-control:before {
    content: "\e7b7";
}

.icon-power-switch:before {
    content: "\e7b8";
}

.icon-power:before {
    content: "\e7b9";
}

.icon-power-crossed:before {
    content: "\e7ba";
}

.icon-flash-auto:before {
    content: "\e7bb";
}

.icon-lamp:before {
    content: "\e7bc";
}

.icon-flashlight:before {
    content: "\e7bd";
}

.icon-lampshade:before {
    content: "\e7be";
}

.icon-cord:before {
    content: "\e7bf";
}

.icon-outlet:before {
    content: "\e7c0";
}

.icon-battery-power:before {
    content: "\e7c1";
}

.icon-battery-empty:before {
    content: "\e7c2";
}

.icon-battery-alert:before {
    content: "\e7c3";
}

.icon-battery-error:before {
    content: "\e7c4";
}

.icon-battery-low1:before {
    content: "\e7c5";
}

.icon-battery-low2:before {
    content: "\e7c6";
}

.icon-battery-low3:before {
    content: "\e7c7";
}

.icon-battery-mid1:before {
    content: "\e7c8";
}

.icon-battery-mid2:before {
    content: "\e7c9";
}

.icon-battery-mid3:before {
    content: "\e7ca";
}

.icon-battery-full:before {
    content: "\e7cb";
}

.icon-battery-charging:before {
    content: "\e7cc";
}

.icon-battery-charging2:before {
    content: "\e7cd";
}

.icon-battery-charging3:before {
    content: "\e7ce";
}

.icon-battery-charging4:before {
    content: "\e7cf";
}

.icon-battery-charging5:before {
    content: "\e7d0";
}

.icon-battery-charging6:before {
    content: "\e7d1";
}

.icon-battery-charging7:before {
    content: "\e7d2";
}

.icon-chip:before {
    content: "\e7d3";
}

.icon-chip-x64:before {
    content: "\e7d4";
}

.icon-chip-x86:before {
    content: "\e7d5";
}

.icon-bubble:before {
    content: "\e7d6";
}

.icon-bubbles:before {
    content: "\e7d7";
}

.icon-bubble-dots:before {
    content: "\e7d8";
}

.icon-bubble-alert:before {
    content: "\e7d9";
}

.icon-bubble-question:before {
    content: "\e7da";
}

.icon-bubble-text:before {
    content: "\e7db";
}

.icon-bubble-pencil:before {
    content: "\e7dc";
}

.icon-bubble-picture:before {
    content: "\e7dd";
}

.icon-bubble-video:before {
    content: "\e7de";
}

.icon-bubble-user:before {
    content: "\e7df";
}

.icon-bubble-quote:before {
    content: "\e7e0";
}

.icon-bubble-heart:before {
    content: "\e7e1";
}

.icon-bubble-emoticon:before {
    content: "\e7e2";
}

.icon-bubble-attachment:before {
    content: "\e7e3";
}

.icon-phone-bubble:before {
    content: "\e7e4";
}

.icon-quote-open:before {
    content: "\e7e5";
}

.icon-quote-close:before {
    content: "\e7e6";
}

.icon-dna:before {
    content: "\e7e7";
}

.icon-heart-pulse:before {
    content: "\e7e8";
}

.icon-pulse:before {
    content: "\e7e9";
}

.icon-syringe:before {
    content: "\e7ea";
}

.icon-pills:before {
    content: "\e7eb";
}

.icon-first-aid:before {
    content: "\e7ec";
}

.icon-lifebuoy:before {
    content: "\e7ed";
}

.icon-bandage:before {
    content: "\e7ee";
}

.icon-bandages:before {
    content: "\e7ef";
}

.icon-thermometer:before {
    content: "\e7f0";
}

.icon-microscope:before {
    content: "\e7f1";
}

.icon-brain:before {
    content: "\e7f2";
}

.icon-beaker:before {
    content: "\e7f3";
}

.icon-skull:before {
    content: "\e7f4";
}

.icon-bone:before {
    content: "\e7f5";
}

.icon-construction:before {
    content: "\e7f6";
}

.icon-construction-cone:before {
    content: "\e7f7";
}

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

.icon-pie-chart2:before {
    content: "\e7f9";
}

.icon-graph:before {
    content: "\e7fa";
}

.icon-chart-growth:before {
    content: "\e7fb";
}

.icon-chart-bars:before {
    content: "\e7fc";
}

.icon-chart-settings:before {
    content: "\e7fd";
}

.icon-cake:before {
    content: "\e7fe";
}

.icon-gift:before {
    content: "\e7ff";
}

.icon-balloon:before {
    content: "\e800";
}

.icon-rank:before {
    content: "\e801";
}

.icon-rank2:before {
    content: "\e802";
}

.icon-rank3:before {
    content: "\e803";
}

.icon-crown:before {
    content: "\e804";
}

.icon-lotus:before {
    content: "\e805";
}

.icon-diamond:before {
    content: "\e806";
}

.icon-diamond2:before {
    content: "\e807";
}

.icon-diamond3:before {
    content: "\e808";
}

.icon-diamond4:before {
    content: "\e809";
}

.icon-linearicons:before {
    content: "\e80a";
}

.icon-teacup:before {
    content: "\e80b";
}

.icon-teapot:before {
    content: "\e80c";
}

.icon-glass:before {
    content: "\e80d";
}

.icon-bottle2:before {
    content: "\e80e";
}

.icon-glass-cocktail:before {
    content: "\e80f";
}

.icon-glass2:before {
    content: "\e810";
}

.icon-dinner:before {
    content: "\e811";
}

.icon-dinner2:before {
    content: "\e812";
}

.icon-chef:before {
    content: "\e813";
}

.icon-scale2:before {
    content: "\e814";
}

.icon-egg:before {
    content: "\e815";
}

.icon-egg2:before {
    content: "\e816";
}

.icon-eggs:before {
    content: "\e817";
}

.icon-platter:before {
    content: "\e818";
}

.icon-steak:before {
    content: "\e819";
}

.icon-hamburger:before {
    content: "\e81a";
}

.icon-hotdog:before {
    content: "\e81b";
}

.icon-pizza:before {
    content: "\e81c";
}

.icon-sausage:before {
    content: "\e81d";
}

.icon-chicken:before {
    content: "\e81e";
}

.icon-fish:before {
    content: "\e81f";
}

.icon-carrot:before {
    content: "\e820";
}

.icon-cheese:before {
    content: "\e821";
}

.icon-bread:before {
    content: "\e822";
}

.icon-ice-cream:before {
    content: "\e823";
}

.icon-ice-cream2:before {
    content: "\e824";
}

.icon-candy:before {
    content: "\e825";
}

.icon-lollipop:before {
    content: "\e826";
}

.icon-coffee-bean:before {
    content: "\e827";
}

.icon-coffee-cup:before {
    content: "\e828";
}

.icon-cherry:before {
    content: "\e829";
}

.icon-grapes:before {
    content: "\e82a";
}

.icon-citrus:before {
    content: "\e82b";
}

.icon-apple:before {
    content: "\e82c";
}

.icon-leaf:before {
    content: "\e82d";
}

.icon-landscape:before {
    content: "\e82e";
}

.icon-pine-tree:before {
    content: "\e82f";
}

.icon-tree:before {
    content: "\e830";
}

.icon-cactus:before {
    content: "\e831";
}

.icon-paw:before {
    content: "\e832";
}

.icon-footprint:before {
    content: "\e833";
}

.icon-speed-slow:before {
    content: "\e834";
}

.icon-speed-medium:before {
    content: "\e835";
}

.icon-speed-fast:before {
    content: "\e836";
}

.icon-rocket:before {
    content: "\e837";
}

.icon-hammer2:before {
    content: "\e838";
}

.icon-balance:before {
    content: "\e839";
}

.icon-briefcase:before {
    content: "\e83a";
}

.icon-luggage-weight:before {
    content: "\e83b";
}

.icon-dolly:before {
    content: "\e83c";
}

.icon-plane:before {
    content: "\e83d";
}

.icon-plane-crossed:before {
    content: "\e83e";
}

.icon-helicopter:before {
    content: "\e83f";
}

.icon-traffic-lights:before {
    content: "\e840";
}

.icon-siren:before {
    content: "\e841";
}

.icon-road:before {
    content: "\e842";
}

.icon-engine:before {
    content: "\e843";
}

.icon-oil-pressure:before {
    content: "\e844";
}

.icon-coolant-temperature:before {
    content: "\e845";
}

.icon-car-battery:before {
    content: "\e846";
}

.icon-gas:before {
    content: "\e847";
}

.icon-gallon:before {
    content: "\e848";
}

.icon-transmission:before {
    content: "\e849";
}

.icon-car:before {
    content: "\e84a";
}

.icon-car-wash:before {
    content: "\e84b";
}

.icon-car-wash2:before {
    content: "\e84c";
}

.icon-bus:before {
    content: "\e84d";
}

.icon-bus2:before {
    content: "\e84e";
}

.icon-car2:before {
    content: "\e84f";
}

.icon-parking:before {
    content: "\e850";
}

.icon-car-lock:before {
    content: "\e851";
}

.icon-taxi:before {
    content: "\e852";
}

.icon-car-siren:before {
    content: "\e853";
}

.icon-car-wash3:before {
    content: "\e854";
}

.icon-car-wash4:before {
    content: "\e855";
}

.icon-ambulance:before {
    content: "\e856";
}

.icon-truck:before {
    content: "\e857";
}

.icon-trailer:before {
    content: "\e858";
}

.icon-scale-truck:before {
    content: "\e859";
}

.icon-train:before {
    content: "\e85a";
}

.icon-ship:before {
    content: "\e85b";
}

.icon-ship2:before {
    content: "\e85c";
}

.icon-anchor:before {
    content: "\e85d";
}

.icon-boat:before {
    content: "\e85e";
}

.icon-bicycle:before {
    content: "\e85f";
}

.icon-bicycle2:before {
    content: "\e860";
}

.icon-dumbbell:before {
    content: "\e861";
}

.icon-bench-press:before {
    content: "\e862";
}

.icon-swim:before {
    content: "\e863";
}

.icon-football:before {
    content: "\e864";
}

.icon-baseball-bat:before {
    content: "\e865";
}

.icon-baseball:before {
    content: "\e866";
}

.icon-tennis:before {
    content: "\e867";
}

.icon-tennis2:before {
    content: "\e868";
}

.icon-ping-pong:before {
    content: "\e869";
}

.icon-hockey:before {
    content: "\e86a";
}

.icon-8ball:before {
    content: "\e86b";
}

.icon-bowling:before {
    content: "\e86c";
}

.icon-bowling-pins:before {
    content: "\e86d";
}

.icon-golf:before {
    content: "\e86e";
}

.icon-golf2:before {
    content: "\e86f";
}

.icon-archery:before {
    content: "\e870";
}

.icon-slingshot:before {
    content: "\e871";
}

.icon-soccer:before {
    content: "\e872";
}

.icon-basketball:before {
    content: "\e873";
}

.icon-cube:before {
    content: "\e874";
}

.icon-3d-rotate:before {
    content: "\e875";
}

.icon-puzzle:before {
    content: "\e876";
}

.icon-glasses:before {
    content: "\e877";
}

.icon-glasses2:before {
    content: "\e878";
}

.icon-accessibility:before {
    content: "\e879";
}

.icon-wheelchair:before {
    content: "\e87a";
}

.icon-wall:before {
    content: "\e87b";
}

.icon-fence:before {
    content: "\e87c";
}

.icon-wall2:before {
    content: "\e87d";
}

.icon-icons:before {
    content: "\e87e";
}

.icon-resize-handle:before {
    content: "\e87f";
}

.icon-icons2:before {
    content: "\e880";
}

.icon-select:before {
    content: "\e881";
}

.icon-select2:before {
    content: "\e882";
}

.icon-site-map:before {
    content: "\e883";
}

.icon-earth:before {
    content: "\e884";
}

.icon-earth-lock:before {
    content: "\e885";
}

.icon-network:before {
    content: "\e886";
}

.icon-network-lock:before {
    content: "\e887";
}

.icon-planet:before {
    content: "\e888";
}

.icon-happy:before {
    content: "\e889";
}

.icon-smile:before {
    content: "\e88a";
}

.icon-grin:before {
    content: "\e88b";
}

.icon-tongue:before {
    content: "\e88c";
}

.icon-sad:before {
    content: "\e88d";
}

.icon-wink:before {
    content: "\e88e";
}

.icon-dream:before {
    content: "\e88f";
}

.icon-shocked:before {
    content: "\e890";
}

.icon-shocked2:before {
    content: "\e891";
}

.icon-tongue2:before {
    content: "\e892";
}

.icon-neutral:before {
    content: "\e893";
}

.icon-happy-grin:before {
    content: "\e894";
}

.icon-cool:before {
    content: "\e895";
}

.icon-mad:before {
    content: "\e896";
}

.icon-grin-evil:before {
    content: "\e897";
}

.icon-evil:before {
    content: "\e898";
}

.icon-wow:before {
    content: "\e899";
}

.icon-annoyed:before {
    content: "\e89a";
}

.icon-wondering:before {
    content: "\e89b";
}

.icon-confused:before {
    content: "\e89c";
}

.icon-zipped:before {
    content: "\e89d";
}

.icon-grumpy:before {
    content: "\e89e";
}

.icon-mustache:before {
    content: "\e89f";
}

.icon-tombstone-hipster:before {
    content: "\e8a0";
}

.icon-tombstone:before {
    content: "\e8a1";
}

.icon-ghost:before {
    content: "\e8a2";
}

.icon-ghost-hipster:before {
    content: "\e8a3";
}

.icon-halloween:before {
    content: "\e8a4";
}

.icon-christmas:before {
    content: "\e8a5";
}

.icon-easter-egg:before {
    content: "\e8a6";
}

.icon-mustache2:before {
    content: "\e8a7";
}

.icon-mustache-glasses:before {
    content: "\e8a8";
}

.icon-pipe:before {
    content: "\e8a9";
}

.icon-alarm:before {
    content: "\e8aa";
}

.icon-alarm-add:before {
    content: "\e8ab";
}

.icon-alarm-snooze:before {
    content: "\e8ac";
}

.icon-alarm-ringing:before {
    content: "\e8ad";
}

.icon-bullhorn:before {
    content: "\e8ae";
}

.icon-hearing:before {
    content: "\e8af";
}

.icon-volume-high:before {
    content: "\e8b0";
}

.icon-volume-medium:before {
    content: "\e8b1";
}

.icon-volume-low:before {
    content: "\e8b2";
}

.icon-volume:before {
    content: "\e8b3";
}

.icon-mute:before {
    content: "\e8b4";
}

.icon-lan:before {
    content: "\e8b5";
}

.icon-lan2:before {
    content: "\e8b6";
}

.icon-wifi:before {
    content: "\e8b7";
}

.icon-wifi-lock:before {
    content: "\e8b8";
}

.icon-wifi-blocked:before {
    content: "\e8b9";
}

.icon-wifi-mid:before {
    content: "\e8ba";
}

.icon-wifi-low:before {
    content: "\e8bb";
}

.icon-wifi-low2:before {
    content: "\e8bc";
}

.icon-wifi-alert:before {
    content: "\e8bd";
}

.icon-wifi-alert-mid:before {
    content: "\e8be";
}

.icon-wifi-alert-low:before {
    content: "\e8bf";
}

.icon-wifi-alert-low2:before {
    content: "\e8c0";
}

.icon-stream:before {
    content: "\e8c1";
}

.icon-stream-check:before {
    content: "\e8c2";
}

.icon-stream-error:before {
    content: "\e8c3";
}

.icon-stream-alert:before {
    content: "\e8c4";
}

.icon-communication:before {
    content: "\e8c5";
}

.icon-communication-crossed:before {
    content: "\e8c6";
}

.icon-broadcast:before {
    content: "\e8c7";
}

.icon-antenna:before {
    content: "\e8c8";
}

.icon-satellite:before {
    content: "\e8c9";
}

.icon-satellite2:before {
    content: "\e8ca";
}

.icon-mic:before {
    content: "\e8cb";
}

.icon-mic-mute:before {
    content: "\e8cc";
}

.icon-mic2:before {
    content: "\e8cd";
}

.icon-spotlights:before {
    content: "\e8ce";
}

.icon-hourglass:before {
    content: "\e8cf";
}

.icon-loading:before {
    content: "\e8d0";
}

.icon-loading2:before {
    content: "\e8d1";
}

.icon-loading3:before {
    content: "\e8d2";
}

.icon-refresh:before {
    content: "\e8d3";
}

.icon-refresh2:before {
    content: "\e8d4";
}

.icon-undo:before {
    content: "\e8d5";
}

.icon-redo:before {
    content: "\e8d6";
}

.icon-jump2:before {
    content: "\e8d7";
}

.icon-undo2:before {
    content: "\e8d8";
}

.icon-redo2:before {
    content: "\e8d9";
}

.icon-sync:before {
    content: "\e8da";
}

.icon-repeat-one2:before {
    content: "\e8db";
}

.icon-sync-crossed:before {
    content: "\e8dc";
}

.icon-sync2:before {
    content: "\e8dd";
}

.icon-repeat-one3:before {
    content: "\e8de";
}

.icon-sync-crossed2:before {
    content: "\e8df";
}

.icon-return:before {
    content: "\e8e0";
}

.icon-return2:before {
    content: "\e8e1";
}

.icon-refund:before {
    content: "\e8e2";
}

.icon-history:before {
    content: "\e8e3";
}

.icon-history2:before {
    content: "\e8e4";
}

.icon-self-timer:before {
    content: "\e8e5";
}

.icon-clock:before {
    content: "\e8e6";
}

.icon-clock2:before {
    content: "\e8e7";
}

.icon-clock3:before {
    content: "\e8e8";
}

.icon-watch:before {
    content: "\e8e9";
}

.icon-alarm2:before {
    content: "\e8ea";
}

.icon-alarm-add2:before {
    content: "\e8eb";
}

.icon-alarm-remove:before {
    content: "\e8ec";
}

.icon-alarm-check:before {
    content: "\e8ed";
}

.icon-alarm-error:before {
    content: "\e8ee";
}

.icon-timer:before {
    content: "\e8ef";
}

.icon-timer-crossed:before {
    content: "\e8f0";
}

.icon-timer2:before {
    content: "\e8f1";
}

.icon-timer-crossed2:before {
    content: "\e8f2";
}

.icon-download:before {
    content: "\e8f3";
}

.icon-upload:before {
    content: "\e8f4";
}

.icon-download2:before {
    content: "\e8f5";
}

.icon-upload2:before {
    content: "\e8f6";
}

.icon-enter-up:before {
    content: "\e8f7";
}

.icon-enter-down:before {
    content: "\e8f8";
}

.icon-enter-left:before {
    content: "\e8f9";
}

.icon-enter-right:before {
    content: "\e8fa";
}

.icon-exit-up:before {
    content: "\e8fb";
}

.icon-exit-down:before {
    content: "\e8fc";
}

.icon-exit-left:before {
    content: "\e8fd";
}

.icon-exit-right:before {
    content: "\e8fe";
}

.icon-enter-up2:before {
    content: "\e8ff";
}

.icon-enter-down2:before {
    content: "\e900";
}

.icon-enter-vertical:before {
    content: "\e901";
}

.icon-enter-left2:before {
    content: "\e902";
}

.icon-enter-right2:before {
    content: "\e903";
}

.icon-enter-horizontal:before {
    content: "\e904";
}

.icon-exit-up2:before {
    content: "\e905";
}

.icon-exit-down2:before {
    content: "\e906";
}

.icon-exit-left2:before {
    content: "\e907";
}

.icon-exit-right2:before {
    content: "\e908";
}

.icon-cli:before {
    content: "\e909";
}

.icon-bug:before {
    content: "\e90a";
}

.icon-code:before {
    content: "\e90b";
}

.icon-file-code:before {
    content: "\e90c";
}

.icon-file-image:before {
    content: "\e90d";
}

.icon-file-zip:before {
    content: "\e90e";
}

.icon-file-audio:before {
    content: "\e90f";
}

.icon-file-video:before {
    content: "\e910";
}

.icon-file-preview:before {
    content: "\e911";
}

.icon-file-charts:before {
    content: "\e912";
}

.icon-file-stats:before {
    content: "\e913";
}

.icon-file-spreadsheet:before {
    content: "\e914";
}

.icon-link:before {
    content: "\e915";
}

.icon-unlink:before {
    content: "\e916";
}

.icon-link2:before {
    content: "\e917";
}

.icon-unlink2:before {
    content: "\e918";
}

.icon-thumbs-up:before {
    content: "\e919";
}

.icon-thumbs-down:before {
    content: "\e91a";
}

.icon-thumbs-up2:before {
    content: "\e91b";
}

.icon-thumbs-down2:before {
    content: "\e91c";
}

.icon-thumbs-up3:before {
    content: "\e91d";
}

.icon-thumbs-down3:before {
    content: "\e91e";
}

.icon-share:before {
    content: "\e91f";
}

.icon-share2:before {
    content: "\e920";
}

.icon-share3:before {
    content: "\e921";
}

.icon-magnifier:before {
    content: "\e922";
}

.icon-file-search:before {
    content: "\e923";
}

.icon-find-replace:before {
    content: "\e924";
}

.icon-zoom-in:before {
    content: "\e925";
}

.icon-zoom-out:before {
    content: "\e926";
}

.icon-loupe:before {
    content: "\e927";
}

.icon-loupe-zoom-in:before {
    content: "\e928";
}

.icon-loupe-zoom-out:before {
    content: "\e929";
}

.icon-cross:before {
    content: "\e92a";
}

.icon-menu:before {
    content: "\e92b";
}

.icon-list:before {
    content: "\e92c";
}

.icon-list2:before {
    content: "\e92d";
}

.icon-list3:before {
    content: "\e92e";
}

.icon-menu2:before {
    content: "\e92f";
}

.icon-list4:before {
    content: "\e930";
}

.icon-menu3:before {
    content: "\e931";
}

.icon-exclamation:before {
    content: "\e932";
}

.icon-question:before {
    content: "\e933";
}

.icon-check:before {
    content: "\e934";
}

.icon-cross2:before {
    content: "\e935";
}

.icon-plus:before {
    content: "\e936";
}

.icon-minus:before {
    content: "\e937";
}

.icon-percent:before {
    content: "\e938";
}

.icon-chevron-up:before {
    content: "\e939";
}

.icon-chevron-down:before {
    content: "\e93a";
}

.icon-chevron-left:before {
    content: "\e93b";
}

.icon-chevron-right:before {
    content: "\e93c";
}

.icon-chevrons-expand-vertical:before {
    content: "\e93d";
}

.icon-chevrons-expand-horizontal:before {
    content: "\e93e";
}

.icon-chevrons-contract-vertical:before {
    content: "\e93f";
}

.icon-chevrons-contract-horizontal:before {
    content: "\e940";
}

.icon-arrow-up:before {
    content: "\e941";
}

.icon-arrow-down:before {
    content: "\e942";
}

.icon-arrow-left:before {
    content: "\e943";
}

.icon-arrow-right:before {
    content: "\e944";
}

.icon-arrow-up-right:before {
    content: "\e945";
}

.icon-arrows-merge:before {
    content: "\e946";
}

.icon-arrows-split:before {
    content: "\e947";
}

.icon-arrow-divert:before {
    content: "\e948";
}

.icon-arrow-return:before {
    content: "\e949";
}

.icon-expand:before {
    content: "\e94a";
}

.icon-contract:before {
    content: "\e94b";
}

.icon-expand2:before {
    content: "\e94c";
}

.icon-contract2:before {
    content: "\e94d";
}

.icon-move:before {
    content: "\e94e";
}

.icon-tab:before {
    content: "\e94f";
}

.icon-arrow-wave:before {
    content: "\e950";
}

.icon-expand3:before {
    content: "\e951";
}

.icon-expand4:before {
    content: "\e952";
}

.icon-contract3:before {
    content: "\e953";
}

.icon-notification:before {
    content: "\e954";
}

.icon-warning:before {
    content: "\e955";
}

.icon-notification-circle:before {
    content: "\e956";
}

.icon-question-circle:before {
    content: "\e957";
}

.icon-menu-circle:before {
    content: "\e958";
}

.icon-checkmark-circle:before {
    content: "\e959";
}

.icon-cross-circle:before {
    content: "\e95a";
}

.icon-plus-circle:before {
    content: "\e95b";
}

.icon-circle-minus:before {
    content: "\e95c";
}

.icon-percent-circle:before {
    content: "\e95d";
}

.icon-arrow-up-circle:before {
    content: "\e95e";
}

.icon-arrow-down-circle:before {
    content: "\e95f";
}

.icon-arrow-left-circle:before {
    content: "\e960";
}

.icon-arrow-right-circle:before {
    content: "\e961";
}

.icon-chevron-up-circle:before {
    content: "\e962";
}

.icon-chevron-down-circle:before {
    content: "\e963";
}

.icon-chevron-left-circle:before {
    content: "\e964";
}

.icon-chevron-right-circle:before {
    content: "\e965";
}

.icon-backward-circle:before {
    content: "\e966";
}

.icon-first-circle:before {
    content: "\e967";
}

.icon-previous-circle:before {
    content: "\e968";
}

.icon-stop-circle:before {
    content: "\e969";
}

.icon-play-circle:before {
    content: "\e96a";
}

.icon-pause-circle:before {
    content: "\e96b";
}

.icon-next-circle:before {
    content: "\e96c";
}

.icon-last-circle:before {
    content: "\e96d";
}

.icon-forward-circle:before {
    content: "\e96e";
}

.icon-eject-circle:before {
    content: "\e96f";
}

.icon-crop:before {
    content: "\e970";
}

.icon-frame-expand:before {
    content: "\e971";
}

.icon-frame-contract:before {
    content: "\e972";
}

.icon-focus:before {
    content: "\e973";
}

.icon-transform:before {
    content: "\e974";
}

.icon-grid:before {
    content: "\e975";
}

.icon-grid-crossed:before {
    content: "\e976";
}

.icon-layers:before {
    content: "\e977";
}

.icon-layers-crossed:before {
    content: "\e978";
}

.icon-toggle:before {
    content: "\e979";
}

.icon-rulers:before {
    content: "\e97a";
}

.icon-ruler:before {
    content: "\e97b";
}

.icon-funnel:before {
    content: "\e97c";
}

.icon-flip-horizontal:before {
    content: "\e97d";
}

.icon-flip-vertical:before {
    content: "\e97e";
}

.icon-flip-horizontal2:before {
    content: "\e97f";
}

.icon-flip-vertical2:before {
    content: "\e980";
}

.icon-angle:before {
    content: "\e981";
}

.icon-angle2:before {
    content: "\e982";
}

.icon-subtract:before {
    content: "\e983";
}

.icon-combine:before {
    content: "\e984";
}

.icon-intersect:before {
    content: "\e985";
}

.icon-exclude:before {
    content: "\e986";
}

.icon-align-center-vertical:before {
    content: "\e987";
}

.icon-align-right:before {
    content: "\e988";
}

.icon-align-bottom:before {
    content: "\e989";
}

.icon-align-left:before {
    content: "\e98a";
}

.icon-align-center-horizontal:before {
    content: "\e98b";
}

.icon-align-top:before {
    content: "\e98c";
}

.icon-square:before {
    content: "\e98d";
}

.icon-plus-square:before {
    content: "\e98e";
}

.icon-minus-square:before {
    content: "\e98f";
}

.icon-percent-square:before {
    content: "\e990";
}

.icon-arrow-up-square:before {
    content: "\e991";
}

.icon-arrow-down-square:before {
    content: "\e992";
}

.icon-arrow-left-square:before {
    content: "\e993";
}

.icon-arrow-right-square:before {
    content: "\e994";
}

.icon-chevron-up-square:before {
    content: "\e995";
}

.icon-chevron-down-square:before {
    content: "\e996";
}

.icon-chevron-left-square:before {
    content: "\e997";
}

.icon-chevron-right-square:before {
    content: "\e998";
}

.icon-check-square:before {
    content: "\e999";
}

.icon-cross-square:before {
    content: "\e99a";
}

.icon-menu-square:before {
    content: "\e99b";
}

.icon-prohibited:before {
    content: "\e99c";
}

.icon-circle:before {
    content: "\e99d";
}

.icon-radio-button:before {
    content: "\e99e";
}

.icon-ligature:before {
    content: "\e99f";
}

.icon-text-format:before {
    content: "\e9a0";
}

.icon-text-format-remove:before {
    content: "\e9a1";
}

.icon-text-size:before {
    content: "\e9a2";
}

.icon-bold:before {
    content: "\e9a3";
}

.icon-italic:before {
    content: "\e9a4";
}

.icon-underline:before {
    content: "\e9a5";
}

.icon-strikethrough:before {
    content: "\e9a6";
}

.icon-highlight:before {
    content: "\e9a7";
}

.icon-text-align-left:before {
    content: "\e9a8";
}

.icon-text-align-center:before {
    content: "\e9a9";
}

.icon-text-align-right:before {
    content: "\e9aa";
}

.icon-text-align-justify:before {
    content: "\e9ab";
}

.icon-line-spacing:before {
    content: "\e9ac";
}

.icon-indent-increase:before {
    content: "\e9ad";
}

.icon-indent-decrease:before {
    content: "\e9ae";
}

.icon-text-wrap:before {
    content: "\e9af";
}

.icon-pilcrow:before {
    content: "\e9b0";
}

.icon-direction-ltr:before {
    content: "\e9b1";
}

.icon-direction-rtl:before {
    content: "\e9b2";
}

.icon-page-break:before {
    content: "\e9b3";
}

.icon-page-break2:before {
    content: "\e9b4";
}

.icon-sort-alpha-asc:before {
    content: "\e9b5";
}

.icon-sort-alpha-desc:before {
    content: "\e9b6";
}

.icon-sort-numeric-asc:before {
    content: "\e9b7";
}

.icon-sort-numeric-desc:before {
    content: "\e9b8";
}

.icon-sort-amount-asc:before {
    content: "\e9b9";
}

.icon-sort-amount-desc:before {
    content: "\e9ba";
}

.icon-sort-time-asc:before {
    content: "\e9bb";
}

.icon-sort-time-desc:before {
    content: "\e9bc";
}

.icon-sigma:before {
    content: "\e9bd";
}

.icon-pencil-line:before {
    content: "\e9be";
}

.icon-hand:before {
    content: "\e9bf";
}

.icon-pointer-up:before {
    content: "\e9c0";
}

.icon-pointer-right:before {
    content: "\e9c1";
}

.icon-pointer-down:before {
    content: "\e9c2";
}

.icon-pointer-left:before {
    content: "\e9c3";
}

.icon-finger-tap:before {
    content: "\e9c4";
}

.icon-fingers-tap:before {
    content: "\e9c5";
}

.icon-reminder:before {
    content: "\e9c6";
}

.icon-fingers-crossed:before {
    content: "\e9c7";
}

.icon-fingers-victory:before {
    content: "\e9c8";
}

.icon-gesture-zoom:before {
    content: "\e9c9";
}

.icon-gesture-pinch:before {
    content: "\e9ca";
}

.icon-fingers-scroll-horizontal:before {
    content: "\e9cb";
}

.icon-fingers-scroll-vertical:before {
    content: "\e9cc";
}

.icon-fingers-scroll-left:before {
    content: "\e9cd";
}

.icon-fingers-scroll-right:before {
    content: "\e9ce";
}

.icon-hand2:before {
    content: "\e9cf";
}

.icon-pointer-up2:before {
    content: "\e9d0";
}

.icon-pointer-right2:before {
    content: "\e9d1";
}

.icon-pointer-down2:before {
    content: "\e9d2";
}

.icon-pointer-left2:before {
    content: "\e9d3";
}

.icon-finger-tap2:before {
    content: "\e9d4";
}

.icon-fingers-tap2:before {
    content: "\e9d5";
}

.icon-reminder2:before {
    content: "\e9d6";
}

.icon-gesture-zoom2:before {
    content: "\e9d7";
}

.icon-gesture-pinch2:before {
    content: "\e9d8";
}

.icon-fingers-scroll-horizontal2:before {
    content: "\e9d9";
}

.icon-fingers-scroll-vertical2:before {
    content: "\e9da";
}

.icon-fingers-scroll-left2:before {
    content: "\e9db";
}

.icon-fingers-scroll-right2:before {
    content: "\e9dc";
}

.icon-fingers-scroll-vertical3:before {
    content: "\e9dd";
}

.icon-border-style:before {
    content: "\e9de";
}

.icon-border-all:before {
    content: "\e9df";
}

.icon-border-outer:before {
    content: "\e9e0";
}

.icon-border-inner:before {
    content: "\e9e1";
}

.icon-border-top:before {
    content: "\e9e2";
}

.icon-border-horizontal:before {
    content: "\e9e3";
}

.icon-border-bottom:before {
    content: "\e9e4";
}

.icon-border-left:before {
    content: "\e9e5";
}

.icon-border-vertical:before {
    content: "\e9e6";
}

.icon-border-right:before {
    content: "\e9e7";
}

.icon-border-none:before {
    content: "\e9e8";
}

.icon-ellipsis:before {
    content: "\e9e9";
}

.icon-uni21:before {
    content: "\21";
}

.icon-uni22:before {
    content: "\22";
}

.icon-uni23:before {
    content: "\23";
}

.icon-uni24:before {
    content: "\24";
}

.icon-uni25:before {
    content: "\25";
}

.icon-uni26:before {
    content: "\26";
}

.icon-uni27:before {
    content: "\27";
}

.icon-uni28:before {
    content: "\28";
}

.icon-uni29:before {
    content: "\29";
}

.icon-uni2a:before {
    content: "\2a";
}

.icon-uni2b:before {
    content: "\2b";
}

.icon-uni2c:before {
    content: "\2c";
}

.icon-uni2d:before {
    content: "\2d";
}

.icon-uni2e:before {
    content: "\2e";
}

.icon-uni2f:before {
    content: "\2f";
}

.icon-uni30:before {
    content: "\30";
}

.icon-uni31:before {
    content: "\31";
}

.icon-uni32:before {
    content: "\32";
}

.icon-uni33:before {
    content: "\33";
}

.icon-uni34:before {
    content: "\34";
}

.icon-uni35:before {
    content: "\35";
}

.icon-uni36:before {
    content: "\36";
}

.icon-uni37:before {
    content: "\37";
}

.icon-uni38:before {
    content: "\38";
}

.icon-uni39:before {
    content: "\39";
}

.icon-uni3a:before {
    content: "\3a";
}

.icon-uni3b:before {
    content: "\3b";
}

.icon-uni3c:before {
    content: "\3c";
}

.icon-uni3d:before {
    content: "\3d";
}

.icon-uni3e:before {
    content: "\3e";
}

.icon-uni3f:before {
    content: "\3f";
}

.icon-uni40:before {
    content: "\40";
}

.icon-uni41:before {
    content: "\41";
}

.icon-uni42:before {
    content: "\42";
}

.icon-uni43:before {
    content: "\43";
}

.icon-uni44:before {
    content: "\44";
}

.icon-uni45:before {
    content: "\45";
}

.icon-uni46:before {
    content: "\46";
}

.icon-uni47:before {
    content: "\47";
}

.icon-uni48:before {
    content: "\48";
}

.icon-uni49:before {
    content: "\49";
}

.icon-uni4a:before {
    content: "\4a";
}

.icon-uni4b:before {
    content: "\4b";
}

.icon-uni4c:before {
    content: "\4c";
}

.icon-uni4d:before {
    content: "\4d";
}

.icon-uni4e:before {
    content: "\4e";
}

.icon-uni4f:before {
    content: "\4f";
}

.icon-uni50:before {
    content: "\50";
}

.icon-uni51:before {
    content: "\51";
}

.icon-uni52:before {
    content: "\52";
}

.icon-uni53:before {
    content: "\53";
}

.icon-uni54:before {
    content: "\54";
}

.icon-uni55:before {
    content: "\55";
}

.icon-uni56:before {
    content: "\56";
}

.icon-uni57:before {
    content: "\57";
}

.icon-uni58:before {
    content: "\58";
}

.icon-uni59:before {
    content: "\59";
}

.icon-uni5a:before {
    content: "\5a";
}

.icon-uni5b:before {
    content: "\5b";
}

.icon-uni5c:before {
    content: "\5c";
}

.icon-uni5d:before {
    content: "\5d";
}

.icon-uni5e:before {
    content: "\5e";
}

.icon-uni5f:before {
    content: "\5f";
}

.icon-uni60:before {
    content: "\60";
}

.icon-uni61:before {
    content: "\61";
}

.icon-uni62:before {
    content: "\62";
}

.icon-uni63:before {
    content: "\63";
}

.icon-uni64:before {
    content: "\64";
}

.icon-uni65:before {
    content: "\65";
}

.icon-uni66:before {
    content: "\66";
}

.icon-uni67:before {
    content: "\67";
}

.icon-uni68:before {
    content: "\68";
}

.icon-uni69:before {
    content: "\69";
}

.icon-uni6a:before {
    content: "\6a";
}

.icon-uni6b:before {
    content: "\6b";
}

.icon-uni6c:before {
    content: "\6c";
}

.icon-uni6d:before {
    content: "\6d";
}

.icon-uni6e:before {
    content: "\6e";
}

.icon-uni6f:before {
    content: "\6f";
}

.icon-uni70:before {
    content: "\70";
}

.icon-uni71:before {
    content: "\71";
}

.icon-uni72:before {
    content: "\72";
}

.icon-uni73:before {
    content: "\73";
}

.icon-uni74:before {
    content: "\74";
}

.icon-uni75:before {
    content: "\75";
}

.icon-uni76:before {
    content: "\76";
}

.icon-uni77:before {
    content: "\77";
}

.icon-uni78:before {
    content: "\78";
}

.icon-uni79:before {
    content: "\79";
}

.icon-uni7a:before {
    content: "\7a";
}

.icon-uni7b:before {
    content: "\7b";
}

.icon-uni7c:before {
    content: "\7c";
}

.icon-uni7d:before {
    content: "\7d";
}

.icon-uni7e:before {
    content: "\7e";
}

.icon-copyright:before {
    content: "\a9";
}


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* defaults -----------------------------------*/
:link, a, a:visited {
    color: #000000;
    text-decoration: none;
}

a:hover {
    outline: 0;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    text-decoration: none;
}

a:active {
    outline: 0;
    text-decoration: none;
}

a img, :link img, :visited img {
    border: none;
}

a span {
    cursor: pointer;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

address {
    font-style: italic;
    margin: 0 0 1.5em 0;
}

body {
    background: white;
    color: #222;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 75%;
    line-height: 120%;
    text-align: left;
}

code, kbd, pre, samp {
    font-family: monospace, sans-serif;
}

del {
    text-decoration: line-through;
}

dl {
    margin: 1em 0;
}

dl dd {
    margin-left: 1em;
}

dt {
    font-weight: bold;
}

em, i {
    font-style: italic;
    font-weight: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 110%;
    margin-bottom: 0;
}

/* Typographic scale based on 12px body size */
h1 {
    font-size: 4em;
}

h2 {
    font-size: 2.2667em;
}

h3 {
    font-size: 1.75em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1.333em;
}

h6 {
    font-size: 1.167em;
}

hr {
    border: 0;
    border-top: 1px solid;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

img {
    border: 0;
    vertical-align: middle;
}

ins {
    text-decoration: none;
}

p {
    margin-bottom: 1em;
}

pre {
    overflow: auto;
    line-height: 24px;
}

strong, b {
    font-weight: bold;
    font-style: inherit;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

button, input, select, textarea {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    outline: 0;
}

button, input {
    line-height: normal;
}

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

button,
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
    cursor: pointer;
    overflow: visible;
}

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

legend {
    border: 0;
    white-space: normal;
}

optgroup {
    font-style: normal;
    font-weight: bold;
}

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

q {
    quotes: "‘" "’" "“" "”";
}

/* http://html5doctor.com/blockquote-q-cite/ */
q:before {
    content: "‘";
    content: open-quote;
}

q:after {
    content: "’";
    content: close-quote;
}

q q:before {
    content: "“";
    content: open-quote;
}

q q:after {
    content: "”";
    content: close-quote;
}

blockquote {
    quotes: "“" "”";
    margin: 1em 40px;
}

blockquote p:before {
    content: "“";
    content: open-quote;
}

blockquote p:after {
    content: "";
    content: no-close-quote;
}

blockquote p:last-of-type:after {
    content: "”";
    content: close-quote;
}

blockquote {
    font-style: italic;
    margin: 1em;
}

caption {
    font-weight: bold;
    text-align: left;
    margin-bottom: .2em;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1em;
}

tfoot {
    font-style: italic;
}

thead td, th {
    font-weight: bold;
    vertical-align: top;
}

ol {
    list-style-type: decimal;
    margin: 1em 0;
    padding-left: 2em;
}

ol li {
    list-style: decimal outside;
}

ol ol li {
    list-style-type: lower-alpha;
}

ol ol ol li {
    list-style-type: lower-roman;
}

ul {
    list-style-type: disc;
    margin: 1em 0;
    padding-left: 2em;
}

ul li {
    list-style: disc outside;
}

ul ul li {
    list-style-type: circle;
}

ul ul ul li {
    list-style-type: square;
}

/* helpers ------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
.clearfix:after {
    clear: both;
}

.visuallyhidden {
    position: absolute !important;
    clip: rect(0 0 0 0);
}

/* misc ---------------------------------------*/
img[align="left"],
img[style="float:left;"],
img[style="float: left;"] {
    margin: 0 1em 0.5em 0;
}

img[align="right"],
img[style="float:right;"],
img[style="float: right;"] {
    margin: 0 0 0.5em 1em;
}

body {
    -webkit-text-size-adjust: 100%;
}

/* Mozilla */
@-moz-document url-prefix() {
    button::-moz-focus-inner,
    input[type="image"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner {
        border: 0;
    }
    textarea {
        resize: none;
    }
}

/* Webkit */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        -webkit-appearance: button;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus {
        outline: 0 none;
    }

    textarea {
        resize: none;
    }

    input[type="checkbox"],
    input[type="radio"] {
        vertical-align: -2px;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
    }

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

.popup-wrapper {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.popup-wrapper .show {
    display: block;
}

.popup-container {
    padding: 20px 40px;
    left: 0;
    top: 0;
    position: relative;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    z-index: 100;
}

@media (max-width: 480px) {
    .popup-container {
        padding: 0;
        overflow: auto;
    }
}

.popup-content {
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    background-color: #fff;
    max-width: 820px;
    width: 100%;
    padding: 136px 100px;
    opacity: 0;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*@media (max-width: 1260px) {
	.popup-content {
		padding: 106px 56px;
	}
}*/
@media (max-width: 767px) {
    .popup-content {
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        padding: 100px 45px 56px 45px;
    }
}

@media (max-width: 480px) {
    .popup-content {
        padding: 56px 20px 36px 20px;
    }
}

.popup-content.show {
    opacity: 1;
}

.popup-wrapper .close-wrap .close-txt {
    cursor: pointer;
    position: absolute;
    right: 55px;
    top: 34px;
    font-size: 21px;
    line-height: 22px;
    color: #ff0000;
    padding: 10px 40px 10px 10px;
}

@media (max-width: 480px) {
    .popup-wrapper .close-wrap .close-txt {
        right: 18px;
        top: 6px;
    }
}

.popup-wrapper .close {
    cursor: pointer;
    position: absolute;
    right: 55px;
    top: 44px;
    width: 22px;
    height: 22px;
    border: 2px solid #f2a91d;
    border-radius: 50%;
    padding: 10px;
    opacity: unset;
}

@media (max-width: 480px) {
    .popup-wrapper .close {
        right: 20px;
        top: 15px;
    }
}

.popup-wrapper .close:before, .popup-wrapper .close:after {
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background: #f2a91d;
    border-radius: 2px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.popup-wrapper .close:before {
    top: 3px;
    left: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.popup-wrapper .close:after {
    top: 1px;
    left: 15px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.popup-wrapper .inner-text {
    float: left;
}

.popup-wrapper .item {
    width: 100%;
}

.popup-wrapper .item p {
    font-size: 17px;
    line-height: 19px;
    color: #605f5f;
}

.popup-wrapper .btn-wrapper {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 44px;
}

@media (max-width: 767px) {
    .popup-wrapper .btn-wrapper {
        text-align: center;
        position: static;
        left: 0;
        transform: translateX(0);
    }
}

.popup-wrapper .btn {
    color: #444;
    border: 2px solid #ff0000;
    margin: 0 6px 10px;
    padding: 8px 18px;
    border-radius: 5px;
    line-height: unset;
    font-weight: 500;
    text-align: center;
    min-width: 130px;
}

@media (max-width: 1260px) {
    .popup-wrapper .btn {
        padding: 8px 44px;
    }
}

.popup-wrapper .btn:hover {
    color: #fff;
    background-color: #ff0000;
}

/************************************************************************************************* text break *******/
.info-box {
    word-wrap: break-word;
}

.info-box ul li .phone {
    font-size: 20px;
}

.pop-up-block.term-popup .popup-content {
    max-height: 90vh;
    overflow-y: scroll;
}

/************************************************************************************************* submenu *******/
.main-nav .submenu {
    z-index: 10;
}

/************************************************************************************************* centered text on banner *******/
@media (max-width: 639px) {
    .group .banner figure {
        height: 374px;
    }
}

.popup-content .inner-text .not-allowed {
    color: #ff0000;
}

.term-popup .popup-wrapper .btn-wrapper {
    text-align: center;
    position: static;
    left: 0;
    transform: translateX(0);
}

.term-popup .popup-wrapper .inner-text {
    float: none;
}

.cols-links-wrap {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cols-links {
    width: 100%;
    margin: 0 auto 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cols-links .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 22%;
    flex-basis: 22%;
    margin-top: 15px;
}

.cols-links .col h3 {
    font-size: 36px;
    font-weight: 300;
    color: #ff0000;
    margin-bottom: 30px;
}

.cols-links .col a {
    float: left;
    clear: both;
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #2d3236;
    margin-bottom: 18px;
    transition: 0.3s ease;
}

.cols-links .col a i {
    transition: 0.3s ease;
}

.cols-links .col a:hover {
    color: #ff0000;
}

.cols-links .col a:active {
    color: #ec9f00;
}

.cols-links .col a:hover i {
    transform: translateX(8px);
}

@media (max-width: 992px) {
    .cols-links {
        margin-bottom: 0;
    }

    .cols-links .col {
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .cols-links .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 20px;
    }

    .cols-links .col h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}

/*-----------------------------------------------------------------------------*/
/*---------------------------------- RESET ------------------------------------*/
/*-----------------------------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #000000;
    width: 100%;
    overflow-x: hidden;
    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

html {
    width: 100%;
    overflow-x: hidden;
}

html.open {
    overflow-x: visible;
}

ul, ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    outline: 0;
    display: inline-block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none;
}

input::-moz-focus-inner {
    border: 0;
}

input::-ms-clear {
    display: none;
}

.no_transition {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

header, section, footer, aside, nav, main, article, figure {
    display: block;
}

input,
input[type=search],
input[type=text] {
    font-family: 'Roboto', sans-serif;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

p {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
}

main p a,
main li a {
    color: #ff0000;
    text-decoration: underline;
}

main p a:hover,
main li a:hover {
    text-decoration: none !important;
}

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

/*-----------------------------------------------------------------------------*/
/*-------------------------------- BASIC CSS ----------------------------------*/
/*-----------------------------------------------------------------------------*/

.wrapper:after {
    content: "";
    clear: both;
    display: block;
}

.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.wrapper-1col {
    padding-left: 3.333333%;
    padding-right: 3.333333%;
}

.wrapper-2col {
    padding-left: 6.666666%;
    padding-right: 6.666666%;
}

.wrapper-3col {
    padding-left: 10%;
    padding-right: 10%;
}

.row {
    width: 100%;
    float: left;
}

.flr {
    float: right;
}

/*-----------------------------------------------------------------------------*/
/*------------------------------- SPRITE ICONS --------------------------------*/
/*-----------------------------------------------------------------------------*/
.sprite-icon {
    background: url(../Media/sprite.png) no-repeat scroll;
    display: inline-block;
    vertical-align: middle;
}

.sprite-icon.icon-fb {
    background-position: -1px -1px;
    width: 7px;
    height: 13px;
}

.sprite-icon.icon-twitter {
    background-position: -12px -2px;
    width: 13px;
    height: 10px;
}

.sprite-icon.icon-instagram {
    background-position: -48px -2px;
    width: 13px;
    height: 13px;
}

.sprite-icon.icon-youtube {
    background-position: -29px -2px;
    width: 14px;
    height: 10px;
}

/*-----------------------------------------------------------------------------*/
/*--------------------------------- BUTTONS -----------------------------------*/
/*-----------------------------------------------------------------------------*/

.btn,
.btn:link,
.btn:visited {
    font-size: 15px;
    font-weight: 500;
    color: #444;
    display: inline-block;
    border: 2px solid currentColor;
    border-radius: 5px;
    padding: 8px 18px;
    line-height: 18px;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.btn:hover {
    color: #444;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.btn:active {
    background-color: #ec9f00;
}

.btn.btn-border-orange {
    border-color: #ff0000;
}

.btn.btn-border-orange.login {
    background-color: #ff0000;
}

button [class*=icon],
.btn [class*=icon] {
    font-weight: bold;
    display: inline-block;
}

.btn [class*=icon]:first-child {
    margin-right: 8px;
}

.btn [class*=icon]:last-child {
    margin-left: 8px;
}

.btn.btn-border-orange:active {
    background: #ec9f00;
    border-color: #ec9f00;
}

.btn.arrow-right:after {
    content: "\e93c";
    font-family: 'Linearicons';
    display: inline-block;
    margin-right: -6px;
    margin-left: 8px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.arrow-right:hover:after {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------- HERO ------------------------------------*/
/*-----------------------------------------------------------------------------*/

.banner.banner-text-left figure {
    background-position: right center;
}

.banner figure {
    position: relative;
    height: 547px;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

h2 {
    font-size: 40px;
    font-weight: 500;
    color: #ff0000;
    line-height: 1.2;
    margin-bottom: 10px;
}

h3 {
    font-size: 24px;
    font-weight: normal;
}

.tag {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    display: inline-block;
    padding: 4px 12px 3px;
    border-radius: 4px;
}

.petrol-tag {
    background: #ff0000;
    color: #ffffff;
}

.white-tag {
    background: #ffffff;
    color: #2f5b6f;
}

.banner .tag {
    margin-bottom: 6px;
}

.banner h2 {
    margin-bottom: 13px;
}

.banner figcaption {
    width: 41.9921875%;
    position: relative;
    top: 100px;
    padding-top: 25px;
}

.banner.banner-text-left figcaption {
    width: 46.9921875%;
    position: relative;
    top: 129px;
    padding-top: 25px;
}

.hero .banner figcaption .btn {
    margin-top: 24px;
}


/*-----------------------------------------------------------------------------*/
/*---------------------------------- LOANS ------------------------------------*/
/*-----------------------------------------------------------------------------*/

.loans {
    text-align: center;
    padding: 60px 0 74px;
}

.loans h2 {
    font-weight: normal;
}

.loans .banner h2 {
    font-weight: 500;
    line-height: 1.1;
}

.banner.banner-text-right figcaption {
    text-align: right;
    float: right;
    margin-right: 6.666666%;
}

.loans .banner figure {
    height: 470px;
}

.loans .tab-container {
    margin-top: 40px;
}

.loans-title-carousel .tab-header {
    width: 100%;
    margin: 0;
}

.loans-title-carousel .owl-item {
    text-align: center;
}

.loans .banner figcaption {
    top: 90px;
}

.banner figcaption .btn {
    margin-top: 7px;
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------- TABS ------------------------------------*/
/*-----------------------------------------------------------------------------*/

.tab-container {
    margin-top: 20px;
}

.tab-header {
    display: inline-block;
    margin: 0 19px;
}

.tab-header a {
    position: relative;
}

.tab-header a:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #f7aa3c;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.tab-header.active a:after,
.tab-header a:active:after,
.tab-header a:hover:after {
    transform: scaleX(1);
}

.synced .tab-header a:after {
    height: 2px;
    transform: scaleX(1);
}

.tab-header.active a:hover {
    cursor: default;
}

.tab-content:not(.active) {
    opacity: 0;
    visibility: hidden;
}

.tab-content.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.tab-content-container {
    position: relative;
}

.tab-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .7s linear;
    -moz-transition: all .7s linear;
    -ms-transition: all .7s linear;
    -o-transition: all .7s linear;
    transition: all .7s linear;
}

.loans .tab-content-container {
    height: 470px;
    width: 100%;
}

/*.tab-content.active {
	opacity: 1;
	visibility: visible;
}*/

/*------------------------------------------------------------------------------------*/
/*--------------------------------- BANNER SECTION -----------------------------------*/
/*------------------------------------------------------------------------------------*/

.banner-section ul {
    margin: 26px 0 23px 22px;
    width: 100%;
    float: left;
}

.banner-section ul li {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    list-style: none;
    margin-bottom: 22px;
    float: left;
    width: 50%;
    padding-left: 42px;
    color: #2d261d;
    color: rgba(0, 0, 0, .9);
    letter-spacing: .05em;
    position: relative;
}

.banner-section ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../Media/checkmark.png) center center no-repeat;
    background-size: 100% 100%;
}

.banner-section .banner.banner-text-left figcaption {
    top: 72px;
    width: 50%;
}


.banner.white,
.banner.white h2,
.banner.white p {
    color: #ffffff;
}

.banner.white .btn.btn-border-orange {
    color: #ffffff;
    white-space: nowrap;
}

.banner.banner-text-right figure {
    background-position: left center;
}

.banner.white figure {
    height: 510px;
}

/*------------------------------------------------------------------------------------*/
/*---------------------------------- NOTIFICATIONS -----------------------------------*/
/*------------------------------------------------------------------------------------*/
.notification {
    text-align: center;
    padding: 10px 40px;
    position: relative;
}

.notification b {
    color: #ff0000;
}

.notification p {
    margin: 0;
}

.notification.announcement {
    background: #f4eacd;
}

.notification .view-more {
    display: inline-block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.notification .view-more:hover,
.notification .view-more:active,
.notification .close:hover {
    cursor: pointer;
    color: #ff0000;
}

.notification .close {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.trigger-search {
    display: none;
}

.trigger-search:hover {
    cursor: pointer;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------- LOAN SECTION ----------------------------------*/
/*--------------------------------------------------------------------------------*/

.loan-section .intro {
    text-align: center;
    padding-top: 76px;
    padding-bottom: 5px;
}

.loan-section h2 {
    font-size: 40px;
    font-weight: normal;
    color: #ff0000;
    margin-bottom: 7px;
}

.loan-chars {
    text-align: center;
    background: #f3edda;
    padding: 50px 0 37px;
    font-size: 15px;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 87px;
}

.loan-chars .circle {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-radius: 50%;
    font-size: 40px;
    text-align: center;
    line-height: 75px;
    position: relative;
}

.loan-chars .circle > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loan-chars .circle.orange {
    background: #f7aa3c;
    color: #ffffff;
}

.loan-chars h3 {
    font-size: 23px;
    font-weight: 700;
    color: #ff0000;
    margin: 26px 0 10px;
}

.loan-chars li {
    position: relative;
    margin-bottom: 5px;
}

.loan-chars li:before {
    content: "\e934";
    font-family: 'Linearicons';
    font-size: 12px;
    display: inline-block;
    color: #000000;
    margin-right: 7px;
}

.loan-chars .col:nth-child(2) {
    animation-delay: 0.2s;
}

.loan-chars .col:nth-child(3) {
    animation-delay: 0.4s;
}

.loan-chars .col:nth-child(4) {
    animation-delay: 0.6s;
}

.collapse-row {
    margin-bottom: 60px;
    width: 100%;
    float: left;
}

.collapse-title {
    font-size: 30px;
    color: #ff0000;
    padding: 7px 30px 7px 0;
    border-bottom: 2px solid currentColor;
    width: 100%;
    float: left;
    line-height: 1;
    position: relative;
}

.collapse-title .collapse-arrow {
    float: right;
    display: inline-block;
    font-size: 12px;
    background: #ff0000;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    line-height: 21px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.collapse-title .collapse-arrow .icon-chevron-down,
.collapse-title .collapse-arrow .icon-chevron-down-circle {
    display: inline-block;
    line-height: 21px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.collapse-title .collapse-arrow .icon-chevron-down {
    position: relative;
    left: 1px;
}

.collapse-title.active .icon-chevron-down {
    -webkit-transform-origin: 40% 47%;
    -moz-transform-origin: 40% 47%;
    -ms-transform-origin: 40% 47%;
    -o-transform-origin: 40% 47%;
    transform-origin: 40% 47%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.collapse-title:hover {
    cursor: pointer;
}

.loan-section {
    padding-bottom: 80px;
}

.loan-section .collapse-content {
    padding: 29px 0 0;
    width: 100%;
    float: left;
}

.collapse-content:not(.active) {
    display: none;
}

.loan-section .collapse-content .select-box.area {
    max-width: 310px;
}

.select-box.area:before {
    content: "\e782";
    font-family: 'Linearicons';
    position: absolute;
    top: 50%;
    left: 12px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-box.area .selected {
    padding-left: 30px;
}

.loan-section .collapse-content b {
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 4px;
    display: inline-block;
}

.loan-section .collapse-content p:not(:last-child) {
    margin-bottom: 45px;
    color: #666666;
}

.loan-section .collapse-content a:link,
.loan-section .collapse-content a:visited {
    color: #000000;
    text-decoration: underline;
}

.loan-section .tel,
.loan-section .network,
.loan-section .interested {
    font-size: 13px;
    font-weight: 900;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.loan-section .tel:before,
.loan-section .network:before,
.loan-section .interested:before {
    font-family: 'Linearicons';
    font-size: 20px;
    font-weight: 400;
    vertical-align: baseline;
    display: inline-block;
    margin-right: 4px;
}

.loan-section .tel:before {
    content: "\e76a";
}

.loan-section .network:before {
    content: "\e77a";
}

.loan-section .interested:before {
    content: "\e71a";
}

.loan-section .collapse-content a[href*='tel'] {
    font-size: 20px;
    text-decoration: none;
}

.loan-section .collapse-content a[href*='tel']:not(:last-child):after {
    content: '/';
    display: inline-block;
    margin-left: 5px;
}

.loan-section .collapse-content small {
    font-size: 14px;
    color: #666666;
}

.loan-section .btn.btn-border-orange.arrow-right {
    background: none;
    display: block;
}

.loan-section .btn.btn-border-orange.arrow-right:hover {
    background: #ff0000;
}

.loan-section .btn.btn-border-orange.arrow-right:active {
    background: #ec9f00;
}

.field {
    margin-bottom: 20px;
    margin-right: 35px;
    width: 100%;
    vertical-align: top;
}

.field.no-label {
    margin-top: 20px;
}

.field.field-md,
.field.field-sm {
    display: inline-block;
}

.field.field-md {
    max-width: 266px;
}

.field.field-sm {
    max-width: 116px;
}

.field input,
.select-box .selected {
    background: #e6e8e8;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    padding: 0 20px;
    width: 100%;
}

.field label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #2d3236;
    margin-bottom: 5px;
    padding-left: 15px;
    float: left;
    text-align: left;
}

.field .ibanCal {
    float: none;
}

.field label em {
    color: #6f787f;
    font-style: normal;
}

.interested + small,
.network + small {
    display: block;
    margin-bottom: 15px;
}

.select-box {
    position: relative;
}

.select-box .selected {
    position: relative;
    background: #e6e8e8;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 30px;
    cursor: pointer;
}

.select-box.open .selected {
    border-radius: 5px 5px 0 0;
}

.select-box .selected:before {
    content: '';
    width: calc(100% - 40px);
    height: 1px;
    background: #b3b8bb;
    position: absolute;
    bottom: 0;
    left: 20px;
    opacity: 0;
    visibility: hidden;
}

.select-box.open .selected:before {
    opacity: 1;
    visibility: visible;
}

.select-box .selected:after {
    content: "\e9ea";
    font-family: 'Linearicons';
    font-size: 12px;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-box ul {
    opacity: 0;
    visibility: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border-radius: 0 0 30px 30px;
    background: #e6e8e8;
    padding: 10px 0 15px;
    z-index: 4;
}

.select-box.open ul {
    display: block;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    padding-top: 12px;
}

.select-box li,
.select-box li a:link,
.select-box li a:visited {
    font-size: 14px;
    font-weight: normal;
    color: #687177;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
}

.select-box li a:link,
.select-box li a:visited {
    padding: 11px 0 2px;
    border-bottom: 1px dotted transparent;
    text-decoration: none !important;
}

.select-box li {
    padding-left: 20px;
}

.select-box li:hover a,
.select-box li a:hover,
.select-box li a:active {
    color: #000000;
    border-color: #000000;
}

.hidden-input {
    position: absolute;
    opacity: 0;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.find-store-box,
.loan-calculator {
    background: #eceeee;
    padding: 27px 20px;
    margin-bottom: 10px;
}

.loan-calculator {
    margin-bottom: 0;
}

.find-store-box .select-box ul,
.loan-calculator .select-box ul {
    background: #ffffff;
}

.find-store-box {
    margin-top: 6px;
}

.find-store-box .network,
.loan-calculator .calc {
    font-size: 16px;
    font-weight: 900;
    color: #ff0000;
    display: block;
    margin-bottom: 10px;
    line-height: 1.3;
    margin-left: 10px;
}

.loan-calculator .calc .icon-calculator2 {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.loan-calculator .calc > span:nth-child(2) {
    display: inline-block;
    padding-left: 0;
    width: calc(100% - 50px);
}

.find-store-box small {
    font-size: 14px;
    color: #2d3236;
}

.find-store-box input,
.find-store-box .selected,
.loan-calculator input,
.loan-calculator .select-box .selected {
    background: #ffffff;
}

.find-store-box .select-box {
    margin-top: 25px;
}

.loan-calculator .field label {
    font-weight: 400;
    font-size: 14px;
}

.loan-calculator .calc {
    margin-bottom: 20px;
}

.loan-calculator .explanatory {
    font-size: 11px;
    font-style: italic;
    color: #686d71;
    float: right;
}

.loan-calculator .field input[readonly] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ff0000;
    background: none;
}


.banner figcaption .iconed > [class*='icon'] {
    font-size: 36px;
    color: #ff0000;
    vertical-align: top;
    display: inline-block;
}

.banner figcaption .iconed > span:nth-child(2) {
    display: inline-block;
    width: calc(100% - 100px);
    margin-left: 10px;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------- FAQ SECTION -----------------------------------*/
/*--------------------------------------------------------------------------------*/

.faq-section {
    background-color: #f7fafc;
    padding-bottom: 120px;
}

.faq-banner,
.faq-banner figure {
    height: 350px;
}

.faq-section .tab-content {
    position: relative;
    padding-top: 58px;
}

.faq-section .tab-content:not(.active) {
    display: none;
}

.faq-section .tab-container {
    margin-top: -100px;
    position: relative;
}

.faq-section .tabs-header-container {
    background-color: rgba(247, 250, 252, .8);
    height: 100px;
    text-align: center;
}

.faq-section .tab-header {
    display: inline-table;
    padding: 30px 25px;
    width: 160px;
    font-size: 17px;
    line-height: 18px;
    height: 100px;
    vertical-align: bottom;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.faq-section .tab-header:hover {
    background-color: #f7fafc; /*rgba(247,250,252, .9);*/
}

.faq-section .tab-header.active {
    background-color: #f7fafc;
    font-weight: bold;
}

.faq-section .tab-header span {
    display: table-cell;
    vertical-align: bottom;
}

.faq-section h2 {
    text-align: center;
    padding: 65px 0 35px;
    font-size: 37px;
    color: #050505;
    margin-bottom: 0;
}

.faq-section h2 span {
    margin-right: 16px;
}

.faq-section .search-container {
    padding: 30px;
    background-color: #f1f4f5;
}

.faq-section .search-container .search {
    display: block;
}

.faq-section .search-container .search input {
    width: 100%;
}

.faq-section .search-title {
    font-size: 14px;
    font-weight: 900;
    padding-left: 20px;
    padding-bottom: 10px;
}

.faq-section .search-title span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 5px;
}

.faq-section .tab-content .tab-title {
    font-size: 26px;
    line-height: 38px;
    color: #000000;
    padding-bottom: 20px;
}

.faq-section .collapse-row {
    margin-bottom: 25px;
}

.faq-section .collapse-title {
    font-size: 22px;
    color: #666666;
    line-height: normal;
    font-weight: 300;
    border-bottom: 1px solid #aebdc8;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.faq-section .collapse-title:hover {
    color: #000000;
}

.faq-section .collapse-title.active {
    color: #000000;
    font-weight: normal;
}

.faq-section .collapse-title .collapse-arrow {
    background: none;
    color: #bdc9d2;
    font-size: 21px;
}

.faq-section .collapse-title.active .collapse-arrow {
    /*background: #bdc9d2;
	color: #f7fafc;*/
}

.faq-section .collapse-title.active .icon-chevron-down-circle {
    -webkit-transform-origin: 49% 49%;
    -moz-transform-origin: 49% 49%;
    -ms-transform-origin: 49% 49%;
    -o-transform-origin: 49% 49%;
    transform-origin: 49% 49%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq-section .collapse-content {
    padding: 29px 0 0;
    width: 100%;
    float: left;
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    font-weight: normal;
}

.faq-section .collapse-content p {
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    letter-spacing: normal;
    font-weight: normal;
}

.sec-tab:not(.active) {
    display: none;
}

.faq-section .side-panel {
    padding: 13px 0;
    background-color: #f7ebc3;
    margin-bottom: 5px;
}

.faq-section .side-panel .side-index {
    padding: 15px 30px;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.faq-section .side-panel .side-index span {
    margin-right: 10px;
    font-size: 15px;
    vertical-align: middle;
}

.faq-section .side-panel .side-index.active,
.faq-section .side-panel .side-index:hover {
    background-color: #f7f4e5;
}

.info-box {
    padding: 28px 30px;
    background: #ccd5dc;
    margin-bottom: 5px;
    color: #2d3236;
    font-size: 13px;
}

.info-box .info-title {
    display: block;
    font-size: 14px;
    font-weight: 900;
    padding-bottom: 12px;
    letter-spacing: 0;
}

.info-box .info-title i {
    margin-right: 5px;
    font-size: 16px;
    vertical-align: text-top;
}

.info-box ul li {
    padding: 5px 0;
}

.info-box ul li a {
    font-size: 15px;
    color: #2d3236;
    font-weight: normal;
    -webkit-flex: 1;
    -ms-flex: 1;
    display: flex;
}

.info-box ul li a span {
    text-decoration: underline;
}

.info-box ul li a i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.info-box ul li a:hover i {
    margin-right: 10px;
}

.info-box ul li .phone {
    display: block;
    font-size: 25px;
    color: #000000;
    line-height: normal;
}

.mobile-tabs-header {
    padding: 20px;
    background-color: rgba(247, 250, 252, .8);
}

.mobile-tabs-header .select-box .selected {
    background-color: #ffffff;
}

.mobile-tabs-header .tab-header {
    display: block;
    float: none;
    padding: 5px 20px;
    width: auto;
    height: auto;
    margin: 0;
}

.mobile-tabs-header:not(.root) .select-box .selected {
    background-color: #f7ebc3;
}

.mobile-tabs-header:not(.root) .select-box.open ul {
    background-color: #f7f4e5;
}

.mobile-tabs-header:not(.root) .select-box li {
    padding: 5px 20px;
    cursor: pointer;
}

.mobile-tabs-header:not(.root) .select-box .icon-arrow-right {
    margin-right: 5px;
}

.mobile-tabs-header .select-box ul {
    background: #ffffff;
}

.faq-section .collapse-content,
.faq-section .collapse-content p {
    font-size: 14px;
}


/*--------------------------------------------------------------------------------*/
/*-------------------------------- EKE SECTION -----------------------------------*/
/*--------------------------------------------------------------------------------*/


.eke-section {
    background-color: #f7fafc;
    padding-bottom: 120px;
}

.promo-banner,
.promo-banner figure {
    height: 250px;
    background-position: top center;
}

.eke-section .intro {
    text-align: center;
    padding: 60px 160px;
}

.eke-section h2 {
    font-weight: 400;
}

.eke-section .intro p {
    font-size: 16px;
    color: #605f5f;
    line-height: 22px;
}

.eke-section .intro .subtitle {
    font-weight: 400;
    font-size: 24px;
    line-height: normal;
    color: #000000;
}

.second {
    padding-left: 40px;
}

.eke-section .item {
    margin-bottom: 40px;
    position: relative;
    /* opacity: 1;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease; */
}

.eke-section .item.hidden {
    display: block;
    opacity: 0;
}

.eke-section .item:not(:last-child):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -120px;
    width: 240px;
    height: 1px;
    background-color: #c6c8ca;
}

.eke-section .item .image-container {
    max-width: 100%;
    overflow: hidden;
    /*display: inline-block;*/
    transition: 0.3s ease-out;
}

.eke-section .item .image-container:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
}

.eke-section .item .image-container img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.eke-section .item .image-container img:hover {
    -webkit-transform: translateZ(0) scale(1.1);
    -moz-transform: translateZ(0) scale(1.1);
    -ms-transform: translateZ(0) scale(1.1);
    -o-transform: translateZ(0) scale(1.1);
    transform: translateZ(0) scale(1.1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.eke-section .item .description {
    padding: 20px 20px 40px;
}

.eke-section .item .description span {
    display: block;
}

.eke-section .item .description .category {
    font-size: 11px;
    color: #505050;
    font-style: italic;
    margin-bottom: 10px;
    text-decoration: underline;
}

.eke-section .item .description .item-title {
    font-size: 24px;
    color: #000000;
    line-height: 27px;
    margin-bottom: 5px;
}

.eke-section .item .description .item-intro {
    font-size: 13px;
    color: #605f5f;
    line-height: normal;
    margin-bottom: 18px;
}

.eke-section .categories-box {
    background-color: #f7ebc3;
    padding: 38px 29px;
    margin-bottom: 28px;
}

.eke-section .categories-box .list-item:not(:last-child) {
    margin-bottom: 28px;
}

.eke-section .categories-box .category {
    display: table;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.eke-section .categories-box .category:hover {
    opacity: .7;
}

.eke-section .categories-box .category .icon {
    display: table-cell;
    max-width: 40px;
    vertical-align: middle;
    font-size: 42px;
    color: #000000;
}

.eke-section .categories-box .category .icon-graduation-hat {
    font-size: 28px;
}

.eke-section .categories-box .category .text {
    line-height: 15px;
    display: table-cell;
    padding-left: 30px;
}

.eke-section .categories-box .category .top {
    display: block;
    font-size: 14px;
    color: #16140f;
    font-weight: 900;
    text-decoration: none;
}

.eke-section .categories-box .category .bottom {
    font-size: 13px;
    color: #afa171;
    text-decoration: underline;
}

.eke-section .links ul li {
    max-width: 50%;
}

.eke-section .links ul li:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}

.eke-section .links ul li:not(:last-child):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 164px;
    height: 1px;
    background-color: #c6c8ca;
}

.eke-section .links a:not(.category),
.eke-section .links a:not(.category):link,
.eke-section .links a:not(.category):visited {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.eke-section .links a span {
    position: relative;
    display: inline-block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.eke-section .links a:not(.category):hover span {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.eke-section .links .category,
.eke-section .links .category:link,
.eke-section .links .category:visited {
    font-size: 11px;
    line-height: normal;
    font-style: italic;
    color: #505050;
    text-decoration: underline;
    display: block;
    margin-bottom: 8px;
}


/*------------------------------------------------------------------------------------*/
/*------------------------------------- e-BANKING ------------------------------------*/
/*------------------------------------------------------------------------------------*/

.ebank-section {
    margin-bottom: 62px;
}

.ebank-section .wrapper-2col.rte-block {
    max-width: 1200px;
    padding: 40px 20px 0;
    text-align: left;
}

.ebank-section .rte-block h1,
.ebank-section .rte-block h2 {
    margin-bottom: 30px;
}

.ebank-section .rte-block h3 {
    color: #343F4B;
    font-size: 36px;
    line-height: 33px;
    font-weight: 700;
    margin-bottom: 30px;
}

.ebank-section .rte-block ul {
    margin-left: 20px;
}

.ebank-section .rte-block ul li {
    list-style-type: disc;
    color: #605f5f;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 20px 0;
}

.ebank-section .banner,
.ebank-section .banner figure {
    height: 500px;
    background-position: top center;
}

.ebank-section .banner.banner-text-left figcaption {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    backface-visibility: hidden;
}

.ebank-section .intro {
    text-align: center;
    padding: 60px 130px;
}

.ebank-section h2 {
    font-weight: 400;
    color: #343F4B;
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
}

.ebank-section h2 span {
    margin-right: 10px;
    vertical-align: text-top;
    display: inline-block;
}

.ebank-section .intro p {
    font-size: 16px;
    color: #605f5f;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 0;
}

.ebank-section .basic {
    padding: 0 130px 100px;
}

.ebank-section .basic h3 {
    margin-bottom: 60px;
}

.ebank-section .basic h3 a {
    font-size: 24px;
    color: #000000;
    font-weight: 400;
    line-height: 24px;
}

.ebank-section .basic h3 span {
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    background: #ff0000;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    font-weight: bold;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ebank-section .basic h3 a:hover span {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.ebank-section .advantages ul li {
    display: inline-block;
    text-align: left;
    width: calc(25% - 4px);
    min-width: 232px;
    padding: 0 24px 24px 0;
    vertical-align: top;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ebank-section .advantages ul li .item {
    margin-bottom: 0;
}

.ebank-section .advantages ul li:hover {
    opacity: .8;
}

/*.ebank-section .advantages ul li:nth-of-type(4n) {
	padding-right: 0;
}*/

.ebank-section .advantages .title {
    display: block;
    padding-bottom: 10px;
    color: #005972;
    font-size: 14px;
    font-weight: 900;
    line-height: 26px;
}

.ebank-section .advantages .title .icon {
    font-size: 26px;
    color: #ff0000;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.ebank-section .advantages .title .icon-truck {
    top: -4px;
}

.ebank-section .advantages .title .text {
    display: inline-block;
    vertical-align: middle;
}

.ebank-section .advantages .description {
    font-size: 13px;
    line-height: 16px;
    color: #605f5f;
    font-weight: 400;
    letter-spacing: 0;
}

.ebank-section .advantages .description i {
    margin-left: 5px;
    display: inline-block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ebank-section .advantages ul li:hover .description i {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.ebank-section h3 {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.ebank-section .subtitle {
    font-size: 14px;
    color: #605f5f;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 30px;
}

.ebank-section .first {
    padding-right: 20px;
}

.ebank-section .second {
    padding-left: 20px;
}

.ebank-section .item {
    margin-bottom: 40px;
    position: relative;
}

.ebank-section .item .image-container {
    max-width: 100%;
    overflow: hidden;
}

.ebank-section .item .image-container img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ebank-section .item .image-container img:hover {
    -webkit-transform: translateZ(0) scale(1.1);
    -moz-transform: translateZ(0) scale(1.1);
    -ms-transform: translateZ(0) scale(1.1);
    -o-transform: translateZ(0) scale(1.1);
    transform: translateZ(0) scale(1.1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ebank-section .first .item .description,
.ebank-section .second .item .description {
    padding: 20px 0 0;
    position: relative;
    min-height: 134px;
    /* overflow: hidden; */
}

.ebank-section .item .description span {
    display: block;
}

.ebank-section .item .description .category {
    font-size: 11px;
    color: #505050;
    font-style: italic;
    margin-bottom: 10px;
    text-decoration: underline;
}

.ebank-section .item .description .item-title {
    font-size: 20px;
    color: #005972;
    line-height: normal;
    margin-bottom: 5px;
    display: block;
}

.ebank-section .item .description .item-title span {
    font-size: 25px;
    display: inline-block;
    margin-right: 10px;

}

.ebank-section .item .description .item-title .sub {
    display: block;
    font-size: 16px;
}

.ebank-section .item .description .item-intro {
    font-size: 13px;
    color: #605f5f;
    line-height: normal;
    padding-bottom: 34px;
}

.ebank-section .first .item .description .btn,
.ebank-section .second .item .description .btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

.ebank-section .big {
    margin-top: 30px;
}

.ebank-section .big .item .image-container {
    padding: 55px 20px;
}

.ebank-section .big .item .description .item-intro {
    padding-right: 80px;
    padding-top: 20px;
    font-size: 14px;
    line-height: 18px;
    color: #605f5f;
}

.ebank-section .big .item .description {
    overflow: hidden;
}

.ebank-section .big .item .description .item-title {
    font-size: 26px;
    color: #000000;
    margin-bottom: 0;
}

.info-box .subtitle {
    display: block;
    margin-bottom: 25px;
    color: #2d3236;
    font-size: 13px;
    letter-spacing: 0;
    line-height: normal;
}

.info-box .btn {
    padding: 8px 30px;
}

.info-box.video {
    padding: 28px 20px;
}

.info-box.video .info-title {
    padding-left: 10px;
}

.info-box.video .subtitle {
    padding: 0 10px;
    margin-bottom: 15px;
}

.info-box iframe {
    max-width: 100%;
}

/*------------------------------------------------------------------------------------*/
/*------------------------------------- STORES ---------------------------------------*/
/*------------------------------------------------------------------------------------*/


.stores-section {
    background-color: #f7fafc;
}

.stores-section .intro {
    text-align: center;
    padding: 69px 25px 60px;
    max-width: 825px;
    margin: 0 auto;
}

.stores-section h2 {
    font-weight: 400;
    color: #050505;
    font-size: 37px;
}

.stores-section h2 span {
    margin-right: 10px;
    vertical-align: text-top;
    display: inline-block;
}

.stores-section .intro p {
    font-size: 16px;
    color: #605f5f;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 0;
}

.stores-section .search-container {
    padding: 30px;
    background-color: #f1f4f5;
}

.stores-section .search-container .wrapper {
    max-width: 970px;
    padding: 0 25px;
}

.stores-section .search-container .search {
    display: block;
}

.stores-section .search-container .search input {
    width: 100%;
}

.stores-section .search-title {
    font-size: 14px;
    font-weight: 900;
    padding-left: 20px;
    padding-bottom: 10px;
}

.stores-section .map-wrapper {
    height: 853px;
    position: relative;
}

.stores-section #map {
    height: 100%;
}

.stores-section .sfilters {
    position: absolute;
    top: 0;
    left: 10%;
    height: 100%;
    width: 360px;
    z-index: 1;
    background: rgba(255, 255, 255, .9);
    overflow: hidden;
}

.sfilters .top-group {
    padding: 38px 25px;
    background: #f1f6f8;
    border-bottom: 5px solid #b7cfd0;
    overflow: hidden;
}

.stores-section .sfilters .form,
.stores-section .sfilters form {
    overflow: hidden;
}

.sfilters .top-group .filter-title {
    font-size: 14px;
    line-height: 14px;
    font-weight: 900;
    display: block;
    padding-bottom: 26px;
}

.radiobox, .checkbox {
    overflow: hidden;
    position: relative;
}

.sfilters .checkbox {
    float: left;
    width: 38%;
}

.sfilters .checkbox:nth-of-type(2) {
    width: 62%;
}

input[type=radio],
input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
}

input[type=radio] ~ label,
input[type=checkbox] ~ label {
    position: relative;
}

input[type=checkbox] ~ label {
    padding: 6px 0 6px 30px;
}

input[type=checkbox] ~ label > span {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: middle;
    color: #605f5f;
    font-size: 13px;
}

input[type=radio]:not(:checked) ~ label,
input[type=checkbox]:not(:checked) ~ label {
    cursor: pointer;
}

input[type=radio] ~ label:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #ff0000;
    background: #ffffff;
}

input[type=checkbox] ~ label:before {
    content: '';
    border: 1px solid #bfc4c9;
    background: #ffffff;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

input[type=radio] ~ label:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff0000;
    position: absolute;
    top: -5px;
    left: 9px;
}

input[type=radio] ~ label:after,
input[type=checkbox] ~ label:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

input[type=checkbox] ~ label:after {
    content: "\e934";
    font-family: 'Linearicons';
    font-size: 13px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 3px;
    color: #6b6a6a;
}

input[type=radio]:checked ~ label:after,
input[type=checkbox]:checked ~ label:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.checkbox {
    text-align: left;
    padding: 6px 0;
}

input[type=radio]:checked ~ label:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.results-title {
    display: block;
    padding: 26px 33px;
    color: #000000;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 0.02em;
}

.results-title .count {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.025em;
    display: inline-block;
    margin-right: 14px;
}

.result-item {
    position: relative;
    padding: 19px 59px 19px 29px;
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.result-item:hover {
    border-color: #ec9f00;
}

.result-item .item-title {
    font-size: 13px;
    font-weight: bold;
    color: #007391;
    display: block;
}

.result-item .info {
    font-size: 13px;
    font-weight: normal;
    color: #605f5f;
    display: block;
}

.result-item .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 59px;
    height: 100%;
    background: rgba(241, 199, 75, .3);
    opacity: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.result-item:hover .icon {
    opacity: 1;
}

.result-item .icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 24px;
    margin-top: -12px;
    margin-left: -11.5px;
    background: url(../Media/gmaps.png) no-repeat;
}

.results {
    height: calc(100% - 175px);
}

.results .results-list {
    height: calc(100% - 75px);
    position: relative;
}

.results .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    width: 5px;
}


/* HOMEPAGE GROUP */

.main-header.group .top-bar {
    padding-top: 9px;
}

.top-left-text {
    float: left;
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    padding-left: 20px;
    padding-top: 8px;
}

.updated, .stocks {
    display: inline-block;
}

.updated {
    padding-left: 60px;
    opacity: .5;
    font-size: 12px;
    font-weight: normal;
}

.main-header.group .top-bar .top-right-menu a.btn:link,
.main-header.group .top-bar .top-right-menu a.btn:visited {
    padding-bottom: 6.5px;
    margin-right: 14px;
}

.main-header.group .top-bar a.btn:link,
.main-header.group .top-bar a.btn:visited {
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    font-weight: bold;
    position: relative;
    line-height: 1;
    border-bottom: 2px solid #ff0000;
    border-radius: 5px;
    padding: 6.5px 12px;
    display: inline-block;
    min-width: 155px;
}

.main-header.group .top-bar a.btn:hover {
    border-bottom: 2px solid #ff0000;
    border-radius: 5px;
    color: #ffffff;
}

.main-header.group .top-bar a.btn:active {
    border-bottom: 2px solid #ec9f00;
}

.main-header.group .top-bar a:after {
    display: none;
}

.group .banner figure {
    height: 250px;
}

.group .banner.banner-text-left figcaption {
    position: absolute;
    width: auto;
    top: 50%;
    right: 0;
    padding-top: 0;
    padding-right: 12%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.group .wrapper {
    position: relative;
    height: 100%;
    max-width: 1280px;
}

.group .banner h2 {
    font-size: 34px;
    font-weight: bold;
    text-align: right;
    color: #ffffff;
}

.group .main-nav {
    left: -10px;
}

.news {
    padding: 65px 0 28px;
    background-color: #f0f4f5;
}

.news h2 {
    font-size: 34px;
    letter-spacing: -0.025em;
    font-weight: 600;
    padding-left: 24px;
}

.news-item {
    position: relative;
}

.news-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.news-item:before {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 50%;
    height: 1px;
    background: rgba(0, 0, 0, .1);
}

.news ul {
    padding-right: 45px;
}

.news ul li {
    padding: 10px 0;
}

.news ul li:first-child {
    padding-top: 0;
}

.news ul li:last-child .news-item:before {
    display: none;
}

.news-item .image {
    float: left;
    position: relative;
}

.news-item .image a {
    display: block;
    height: 100%;
    width: 100%;
}

.news-item .image a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14) inset;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.news-item .image a:hover:after {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15) inset;
}

.news-item .item-details {
    overflow: hidden;
    padding-left: 25px;
    padding-top: 10px;
}

.news-item .item-details h3 {
    margin-bottom: 10px;
}

.news-item .item-details h3 a,
.news-item .item-details h3 a:link,
.news-item .item-details h3 a:visited {
    color: #ff0000;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0;
}

.news-item .item-details h3 a span {
    display: inline-block;
    margin-left: 6px;
    color: #ff0000;
    vertical-align: text-top;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.news-item .item-details h3 a:hover span {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.news-item .item-details p {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: normal;
    line-height: normal;
    color: #605f5f;
    letter-spacing: 0;
}

.slider ul {
    padding-right: 0;
}

.slider ul li {
    padding: 0;
}

.slider .caption {
    padding: 20px 0;
}

.slider .caption h3 a,
.slider .caption h3 a:link,
.slider .caption h3 a:visited {
    color: #ff0000;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0;
}

.slider .caption h3 a span {
    display: inline-block;
    margin-left: 6px;
    color: #ff0000;
    vertical-align: text-top;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.slider .caption h3 a:hover span {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.slider .caption p {
    color: #605f5f;
    font-weight: normal;
    font-size: 17px;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 10px;
}

.slider .owl-theme .owl-controls .owl-page span {
    background: none;
    width: 14px;
    height: 14px;
    border: 1px solid #ff0000;
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
    margin: 0 3px;
}

.slider .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ff0000;
}

.slider .owl-theme .owl-controls .owl-page.active span {
    background: #ec9f00;
}

.slider .owl-theme .owl-controls {
    margin-top: 0;
}

.news:not(.latest) .col:first-child {
    float: right;
}

.news.latest {
    background-color: #f6fafd;
}

.news.latest ul {
    padding-right: 0;
    padding-left: 45px;
}

.latest .news-item .image {
    float: right;
}

.latest .news-item .item-details {
    padding-left: 0;
    padding-right: 25px;
}

.latest .news-item:before {
    right: auto;
    left: 0;
}

.news.latest ul li:last-child .news-item:before {
    display: block;
}

.latest .date,
.latest .news-item .item-details .date {
    color: #979797;
    font-size: 11px;
    margin-bottom: 0;
}

.latest .caption {
    padding: 20px 0;
}

.latest .featured h3 {
    margin-bottom: 10px;
}

.latest .featured h3 a,
.latest .featured h3 a:link,
.latest .featured h3 a:visited {
    color: #ff0000;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0;
}

.latest .featured h3 a span {
    display: inline-block;
    margin-left: 6px;
    color: #ff0000;
    vertical-align: text-top;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.latest .featured h3 a:hover span {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.latest .news-item .item-details h3 {
    line-height: 23px;
    margin-bottom: 7px;
}

.tab-section {
    padding: 58px 0;
}

.tab-section h2 {
    text-align: center;
    font-size: 34px;
    letter-spacing: -0.025em;
    font-weight: 600;
}

.tab-section .tabs-header-container {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.tab-section .tab-header.active a {
    font-weight: normal;
}

.tab-section .tab-content {
    position: relative;
    padding-top: 30px;
    overflow: hidden;
    justify-content: center;
    display: none;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.tab-section .tab-content.active {
    display: flex;
}

.tab-section .tab-header {
    margin: 0;
}

.tab-section .tab-header a:link,
.tab-section .tab-header a:visited {
    padding: 0 30px 24px;
    width: 160px;
}

.tab-section .tab-content .col:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 42px;
}

.video-details h4 {
    font-size: 26px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 10px;
    letter-spacing: 0;
    color: #000000;
}

.video-details .quote {
    font-size: 18px;
    color: #687177;
    font-weight: normal;
    font-style: italic;
    text-align: justify;
    line-height: 30px;
    letter-spacing: 0.02em;
}

.video-details .credit {
    position: absolute;
    bottom: auto;
    margin-top: 5px;
    right: 0;
    color: #687177;
    font-size: 14px;
    letter-spacing: 0.02em;
}

.video-details .credit .name {
    font-weight: 900;
}

.yt-video {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.yt-video img {
    width: 100%;
}

.yt-video:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 88px;
    margin-top: -44px;
    margin-left: -44px;
    background-color: rgba(104, 113, 119, .8);
    background-image: url(../Media/play.png);
    background-repeat: no-repeat;
    background-position: 30px 27px;
    border: 2px solid #ff0000;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.yt-video:hover:after {
    background-color: #ff0000;
}

.yt-video:active:after {
    background-color: #ec9f00;
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.history-section {
    padding: 60px 0 70px;
    background-color: #f6fafd;
}

.history-section h2 {
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.history-section .col:first-child {
    padding-right: 40px;
}

.history-section .description {
    font-size: 17px;
    color: #000000;
    line-height: 30px;
    letter-spacing: 0.02em;
    padding-bottom: 15px;
}

.history-section a,
.history-section a:link,
.history-section a:visited {
    color: #ff0000;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0;
}

.history-section a span {
    display: inline-block;
    margin-left: 6px;
    color: #ff0000;
    vertical-align: text-top;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.history-section a:hover span {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

/* CONTACT */

.FormRecaptcha {
    border-top: 1px solid #aebdc8;
    border-bottom: 1px solid #aebdc8;
    padding: 35px 0;
}

.contact.intro {
    text-align: center;
    padding: 75px 40px;
}

.contact h2 {
    font-weight: 400;
    color: #000000;
    font-size: 37px;
}

.contact h2 span {
    margin-right: 10px;
    vertical-align: text-top;
    display: inline-block;
}

.contact.intro p {
    font-size: 16px;
    color: #605f5f;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 0;
}

.contact-info {
    padding: 20px 0;
    font-size: 16px;
    color: #605f5f;
    letter-spacing: 0;
    line-height: 22px;
}

.contact-info .address {
    margin-bottom: 25px;
    display: block;
}

.contact-info a,
.contact-info a:link,
.contact-info a:visited {
    color: #605f5f;
    text-decoration: underline;
}

.contact .row {
    padding: 35px 0;
    /*border-bottom: 1px solid #aebdc8;*/
}

.contact .row:first-child {
    width: calc(100% + 24px);
    border: 0;
}

/*.contact .row:nth-of-type(2) {
	border-top: 1px solid #aebdc8;
}*/

.contact .field:not(.full):nth-of-type(odd) {
    width: calc(50% - 12px);
    /*margin: 0 12px 32px -12px;*/
    position: relative;
}

.contact .field:not(.full):nth-of-type(even) {
    width: calc(50% - 12px);
    /*margin: 0 -12px 32px 12px;*/
    position: relative;
}

.contact .field label,
.form-paragraph {
    font-size: 14px;
    font-weight: normal;
    color: #605f5f;
    margin-bottom: 10px;
}

.contact .field input {
    height: 36px;
    line-height: 31px;
    background: rgba(0, 0, 0, .07);
    border: 2px solid transparent;
    display: block;
}

.contact .field.error input {
    border-color: #ff0000;
}

.contact .field > .error {
    position: absolute;
    top: 72px;
    left: 0;
    padding-left: 15px;
    font-size: 14px;
    color: #ff0000;
    letter-spacing: 0;
    display: none;
    margin-bottom: 0;
    width: 100%;
}

.contact .field.checkboxes {
    position: relative;
}

.contact .field.checkboxes > .error {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0px;
}

.contact .field.error .error {
    display: block;
}

.contact .field.full {
    clear: left;
}

.contact textarea {
    width: 100%;
    height: 142px;
    border: 0;
    border-radius: 5px;
    outline: none;
    resize: none;
    background: rgba(0, 0, 0, .07);
    padding: 10px;
}

.newscheckbox {
    display: inline-block;
    margin-left: 22px;
    color: #605f5f;
    font-size: 14px;
}

.contact .field.checkboxes {
    padding-bottom: 20px;
}

.contact .FormRecaptcha {
    clear: both;
}

.checkboxes .text {
    display: inline-block;
    padding-left: 15px;
    font-size: 14px;
    color: #605f5f;
    padding-top: 5px;
}

.checkboxes .text p {
    font-size: 14px;
}

.captcha label {
    display: block;
    padding-left: 15px;
    font-size: 14px;
    color: #605f5f;
    margin-bottom: 10px;
    white-space: nowrap;
}

.captcha img {
    display: block;
}

.captcha input {
    width: 100%;
    height: 36px;
    line-height: 31px;
    background: rgba(0, 0, 0, .07);
    margin-top: 10px;
    border: 2px solid transparent;
}

.contact .captcha .field:not(.full):nth-of-type(odd) {
    margin-bottom: 0;
}

.contact .newsletter {
    margin-bottom: 35px;
}

.contact .newsletter label {
    font-size: 14px;
    color: #605f5f;
}

.contact .row:last-child {
    border: 0;
    margin-bottom: 60px;
}

.contact .plain-submit {
    outline: none;
    font-size: 15px;
    line-height: 31px;
    height: 36px;
    font-family: 'Roboto', sans-serif;
    background: none;
    font-weight: 500;
    color: #444;
    display: inline-block;
    border: 2px solid #ff0000;
    border-radius: 5px;
    padding: 0px 40px;
    margin-left: -12px;
    text-align: center;
    float: left;
    clear: both;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.contact .plain-submit:hover {
    background: #ff0000;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.contact .plain-submit:active {
    background: #ec9f00;
}


/*Investors Relations */

.group.big .banner figure {
    height: 390px;
    padding: 0;
}

.investors {
    background-color: #f8f9fa;
    padding-bottom: 40px;
}

.investors .intro {
    text-align: center;
    padding: 65px 40px;
}

.investors .intro h2 {
    font-weight: normal;
}

.group.big .banner.banner-text-left figcaption {
    left: 0;
    right: auto;
    padding-left: 12%;
    padding-right: 0;
}

.group.big .banner h2 {
    text-align: left;
}

.group.big .banner p {
    font-size: 16px;
    color: #ffffff;
    line-height: normal;
    letter-spacing: 0.05em;
}

.group.big.hero .banner figcaption .btn.white {
    color: #ffffff;
}

.hubs {
    float: left;
    width: 100%;
}

.hubs h3 {
    margin-bottom: 5px;
}

.hubs h3 a,
.hubs h3 a:link,
.hubs h3 a:visited {
    font-size: 21px;
    font-weight: 300;
    color: #ff0000;
}

.hubs p a,
.hubs p a:link {
    font-size: 17px;
    font-weight: normal;
    line-height: normal;
    color: #605f5f;
    letter-spacing: 0;
}

.hubs p a span {
    display: inline-block;
    margin-left: 6px;
    color: #ff0000;
    vertical-align: text-top;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.hubs p a:hover span {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.hubs .items ul {
    overflow: hidden;
    padding: 0;
}

.hubs .items ul li {
    float: left;
    width: 50%;
    padding-top: 40px;
    padding-right: 20px;
    margin: 0;
}

.hubs .item-details h3 {
    margin: 15px 0 5px;
}

.hubs .item-details p {
    margin-bottom: 0;
}

.results-reports {
    padding: 58px 0;
}

.results-reports h4 {
    font-size: 26px;
    color: #000000;
    font-weight: normal;
    margin-bottom: 40px;
    text-align: center;
}

.results-reports .wrapper {
    max-width: 1260px;
}

.results-reports ul {
    overflow: hidden;
}

.results-reports .items ul li {
    float: left;
    width: 33.33%;
    padding: 0 30px 38px;
}

.results-reports .image {
    position: relative;
}

.results-reports .item .image a {
    position: relative;
    width: 100%;
    padding-bottom: 62%;
    display: block;
    transition: 0.3s ease-out;
}

.image a {
    max-width: 100%;
}

.results-reports .item .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.results-reports .item .image a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14) inset;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.results-reports .item .image a:hover:after {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15) inset;
}

.results-reports .item .item-details {
    padding-top: 15px;
}

.results-reports .item .item-details h3 {
    margin-bottom: 5px;
}

.results-reports .item .item-details h3 a,
.results-reports .item .item-details h3 a:link,
.results-reports .item .item-details h3 a:visited {
    color: #ff0000;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0;
}

.results-reports .item .item-details p a span {
    display: inline-block;
    margin-left: 6px;
    color: #ff0000;
    vertical-align: text-top;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.results-reports .item .item-details p a:hover span {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.results-reports .item .item-details p {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: normal;
    line-height: normal;
    color: #605f5f;
    letter-spacing: 0;
}

.info-box ul li .date {
    display: block;
    color: #818181;
    font-size: 13px;
    padding-top: 5px;
    margin-left: 18px;
}

.side-panel, .centered-panel {
    padding: 13px 0 20px;
    background: #f7ebc3;
    margin-bottom: 5px;
}

.side-panel .tab-container, .centered-panel .tab-container {
    margin-top: 0;
}

.side-panel .tab-content {
    position: static;
    opacity: 1;
    visibility: visible;
    display: none;
    padding: 14px 30px 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.side-panel .tab-content.active, .centered-panel .tab-content.active {
    display: block;
}

.side-panel .tab-header {
    margin: 0;
    padding: 17px 29px;
    font-size: 14px;
    background: rgba(247, 250, 252, .3);
    color: rgba(0, 0, 0, .5);
    font-weight: 900;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.side-panel .tab-header:hover {
    opacity: .8;
}

.side-panel .tab-header span, .centered-panel .tab-header span {
    margin-right: 5px;
}

.side-panel .tab-header.active {
    background: rgba(247, 222, 139, .8);
    color: #000000;
}

.side-panel .tab-content .date, .centered-panel .tab-content .date {
    font-size: 14px;
    color: #2d3236;
    margin-bottom: 15px;
}

.side-panel .tab-content .points .value, .centered-panel .tab-content .points .value {
    font-size: 40px;
    color: #ff0000;
    font-weight: 300;
    margin-right: 15px;
}

.side-panel .tab-content .points .action, .centered-panel .tab-content .points .action {
    font-size: 21px;
    font-weight: normal;
}

.side-panel .tab-content .points span, .centered-panel .tab-content .points span {
    display: inline-block;
    line-height: 40px;
}

.side-panel .tab-content .points .action.down {
    color: #ed1c24;
}

.side-panel .tab-content .points .action.up, .centered-panel .tab-content .points .action.up {
    color: green;
}

.side-panel .tab-content .info, .centered-panel .tab-content .info {
    font-size: 12px;
    line-height: normal;
    color: #2d3236;
    margin-top: 20px;
}

.centered-panel {
    background-color: rgba(255, 0, 0, 0.05);
    text-align: center;
}

.centered-panel .tab-header.active {
    background-color: #ff0000;
    color: #fff;
}

.centered-panel .tab-header {
    margin-bottom: 16px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
    line-height: 32px;
    padding: 5px 25px;
    margin: 10px;
    background-color: #fff;
    border: 1px solid #ff0000;
    color: #ff0000;
    cursor: pointer;
}

.centered-panel .tab-content .points .value {
    font-size: 30px;
    color: #00697e;
}

.centered-panel .tab-content .box-btn {
    position: relative;
}

.centered-panel .tab-content .points .action.down {
    color: #ed1c24;
}

.centered-panel .tab-content {
    position: static;
    opacity: 1;
    visibility: visible;
    display: none;
    padding: 14px 30px 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.hubs .items {
    margin-bottom: 20px;
}

/* Documents */

.breadcrumb {
    padding: 18px 30px;
}

.breadcrumb ul li {
    display: inline-block;
    color: #a0a6aa;
    font-size: 12px;
    font-weight: 300;
}

.breadcrumb ul li.seperator,
.breadcrumb ul li,
.breadcrumb ul li a,
.breadcrumb ul li a:link,
.breadcrumb ul li a:visited {
    color: #666666;
}

.breadcrumb .icon-home2 {
    margin-right: 5px;
}

.documents {
    padding-bottom: 120px;
}

.wrapper-custom {
    max-width: 1024px;
}

.documents .intro {
    text-align: center;
    padding: 20px 30px 60px;
}

.documents h2 {
    font-weight: 400;
    color: #000000;
    font-size: 37px;
}

.documents h2 span {
    margin-right: 10px;
    vertical-align: text-top;
    display: inline-block;
}

.doc .tabs-header-container {
    text-align: center;
    border-bottom: 1px solid #aebdc8;
    padding: 0 50px;
}

.doc .tab-header {
    margin: 0;
    width: 100%;
}

.doc .tab-header a,
.doc .tab-header a:link,
.doc .tab-header a:visited {
    display: block;
    color: rgba(0, 0, 0, .7);
    font-weight: normal;
}

.doc .tab-header.active a,
.doc .tab-header.active a:link,
.doc .tab-header.active a:visited {
    color: #000000;
}

.doc.tab-container {
    margin-top: 0;
    padding: 0 22px;
}

.doc .tab-content {
    position: static;
    opacity: 1;
    visibility: visible;
    display: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.doc .tab-content.active {
    display: block;
}

.documents .content-table:not(:first-child) {
    border-top: 1px solid #aebdc8;
}

.documents .content-table:last-child {
    border-bottom: 1px solid #aebdc8;
}

.documents .content-table-header {
    padding: 40px 50px 18px;
    background-color: #f5f6f6;
}

.documents .content-table-header h3 {
    color: #ff0000;
    font-size: 26px;
    line-height: 26px;
    font-weight: normal;
}

.documents .content-table-header h3 span {
    color: #687177;
    font-size: 14px;
}

.documents .content-table-list {
    padding: 0 50px;
}

.documents .content-table-list ul li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.documents .content-table-list .column-one {
    float: left;
    height: 95px;
    width: 198px;
    margin-right: 40px;
    padding-top: 30px;
    font-size: 14px;
    font-weight: 900;
    border-bottom: 1px solid #aebdc8;
}

.documents .content-table-list ul li:last-child .column-one,
.documents .content-table-list ul li:last-child .column-two {
    border-bottom: 0;
}

.documents .content-table-list .column-two {
    overflow: hidden;
    height: 100%;
    border-bottom: 1px solid #aebdc8;
    flex-grow: 1;
}

.documents .content-table-list .column-two a,
.documents .content-table-list .column-two a:link,
.documents .content-table-list .column-two a:visited {
    font-size: 18px;
    color: #666666;
    font-weight: 300;
    line-height: 20px;
    padding-left: 40px;
    position: relative;
    height: 95px;
    display: flex;
    align-items: center;
}


.documents .content-table-list .column-two a:not(:first-child) {
    border-top: 1px solid #dfe5e9;
}


.documents .content-table-list .column-two a:hover {
    text-decoration: underline;
}

.documents .content-table-list .column-two a span {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    font-size: 20px;
    color: #ff0000;
    vertical-align: middle;
    display: inline-block;
}

.documents .owl-theme .owl-controls {
    margin-top: 0;
}

.documents .owl-theme .owl-controls .owl-buttons div {
    background: none;
    color: #ff0000;
    font-size: 26px;
    opacity: 1;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
}

.documents .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0;
}

.documents .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
}

.documents .owl-theme .owl-controls .owl-buttons div:hover {
    opacity: .8;
}

.documents .owl-theme .owl-controls .owl-buttons div.disabled {
    display: none;
}

/* Content */
.content-page {
    background: #f8f9fa;
}

.content-page .doc.tab-container {
    padding: 0;
    clear: both;
}

.content-page .doc .tabs-header-container {
    padding: 0;
    margin-top: 30px;
}

.content-page .doc.tab-container {
    padding-top: 60px;
}

.content-page .tab-header a:link,
.content-page .tab-header a:visited {
    padding: 0 0 24px
}

.content-page .hubs {
    margin-bottom: 60px;
}

.content-page h2 {
    font-weight: 400;
    color: #ff0000;
    font-size: 40px;
}

.content-page .intro p {
    font-weight: 400;
    color: #605f5f;
    font-size: 16px;
    letter-spacing: 0;
}

.content-page .contact {
    margin-top: 60px;
}

.content-page.documents .content-table-header {
    background-color: #f2f3f4;
}

.dynamic-content h4 {
    font-size: 16px;
    color: #005972;
    margin: 30px 0;
}

.dynamic-content p {
    color: #605f5f;
    font-size: 16px;
    line-height: 1.56rem;
    letter-spacing: 0;
    clear: both;
}

.dynamic-content p a,
.dynamic-content p a:link,
.dynamic-content p a:visited {
    color: #2d3236;
}

.dynamic-content p a i {
    margin-right: 10px;
}

.dynamic-content p a span {
    text-decoration: underline;
    word-break: break-all;
}

.dynamic-content p a:hover span {
    text-decoration: none;
}

.dynamic-content ul li {
    font-size: 16px;
    margin-bottom: 20px;
    color: #605f5f;
}

.dynamic-content ul li span {
    margin-right: 10px;
}

.dynamic-content p img {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.dynamic-content a.btn {
    display: table;
    margin-top: 20px;
}

.dynamic-content .select-box {
    display: inline-block;
    min-width: calc(50% - 20px);
}

.dynamic-content .links-list {
    margin-top: 20px;
}

.dynamic-content .links-list ul li {
    padding: 26px 0;
    border-bottom: 1px solid #aebdc8;
    margin-bottom: 0;
    position: relative;
}

.dynamic-content .links-list ul li a,
.dynamic-content .links-list ul li a:link,
.dynamic-content .links-list ul li a:visited {
    color: #666666;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.22rem;
    padding-left: 40px;
}

.dynamic-content .links-list ul li a:hover .text {
    text-decoration: underline;
}

.dynamic-content .links-list ul li a span {
    display: inline-block;
    vertical-align: middle;
}

.dynamic-content .links-list ul li a .text {
    margin: 0;
}

.dynamic-content .links-list ul li a .icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px;
    font-size: 22px;
    color: #ff0000;
    vertical-align: middle;
    display: inline-block;
}

.dynamic-content .links-list ul li a .small {
    font-size: 14px;
    color: #a9a7a7;
    width: 140px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #999999;
}


/************************************************************/
/********************** IBAN CALCULATOR *********************/
/************************************************************/
.iban-calculator {
    background: url(../Media/iban-calc-bg.jpg) no-repeat scroll center right;
    background-size: cover;
    padding: 100px 0 136px;
}

.iban-calculator .iban-form {
    animation-delay: 0.2s;
}

.iban-calculator .iban-form ~ .iban-form {
    animation-delay: 0.4s;
}

.iban-calculator h2 {
    font-size: 37px;
    color: #ffffff;
    margin-bottom: 35px;
}

.iban-calculator .field-container {
    display: inline-block;
    width: 50%;
    position: relative;
}

.iban-calculator .iban-result {
    display: inline-block;
    width: 49%;
    font-size: 21px;
    font-weight: 900;
    color: #ff0000;
    line-height: 1.267;
    padding-left: 50px;
}

.iban-calculator .iban-result .big {
    font-size: 26px;
}

.iban-calculator .field label {
    font-size: 26px;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.3;
}

.iban-calculator .field label small {
    font-size: 16px;
    margin-top: 10px;
}

.iban-calculator .field label small em {
    font-size: 13px;
    font-style: normal;
    color: #ffffff;
}

.iban-calculator .field label small,
.iban-calculator .field label small em {
    display: block;
}

.iban-calculator p.error,
.iban-calculator span.error {
    font-size: 14px;
    color: #ff0000;
    display: none;
    padding-left: 17px;
    margin-top: 6px;
}

.iban-calculator .error p.error,
.iban-calculator .error span.error {
    display: block;
}

.iban-calculator input[type=text],
.iban-calculator input[type=number] {
    border: 2px solid transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.iban-calculator .error input[type=text],
.iban-calculator .error input[type=number] {
    border-color: #ff0000;
}

.iban-calculator .input {
    margin-top: 10px;
    position: relative;
}

.iban-calculator .input input,
.iban-calculator .input button {
    opacity: .3;
}

.iban-calculator .input.focus input,
.iban-calculator .input.focus button,
.iban-calculator .input input:focus,
.iban-calculator .input button:focus,
.iban-calculator .input input:focus + button {
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.iban-calculator .input input[type=text],
.iban-calculator .input input[type=number] {
    padding-right: 58px;
    font-size: 15px;
    font-weight: normal;
    color: #013f56;
}

.iban-calculator button[type=submit],
.iban-calculator input[type=submit] {
    background: none;
    border: 0;
    outline: 0;
    font-size: 18px;
    color: #000000;
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 11px 20px;
    opacity: 0;
    visibility: hidden;
}

.iban-calculator .input.focus button[type=submit],
.iban-calculator .input.focus input[type=submit] {
    opacity: 1;
    visibility: visible;
}

.iban-calculator button[type=submit] .icon-arrow-right,
.iban-calculator input[type=submit] .icon-arrow-right {
    display: inline-block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.iban-calculator .input.focus button[type=submit]:hover .icon-arrow-right,
.iban-calculator .input.focus input[type=submit]:hover .icon-arrow-right,
.iban-calculator .input input:focus + button[type=submit]:hover .icon-arrow-right,
.iban-calculator .input input:focus + input[type=submit]:hover .icon-arrow-right {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
}

.iban-calculator .row {
    margin-bottom: 25px;
}

.js_clear-iban {
    color: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -35px;
    padding: 11px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: 0;
}

.iban-calculator .input.focus .js_clear-iban,
.iban-calculator .input input:focus ~ .js_clear-iban {
    opacity: 1;
}

.iban-calculator .input.focus .js_clear-iban:hover,
.iban-calculator .input input:focus ~ .js_clear-iban:hover {
    cursor: pointer;
    opacity: .4;
}

.notes-section {
    padding: 30px 15px;
    font-size: 13px;
    line-height: 1.55;
    color: #687177;
    text-align: left;
}

.notes-section li {
    margin-bottom: 20px;
    padding-left: 20px;
}

.loan-calc-section.faq-section {
    padding-bottom: 0;
    text-align: center;
}

.notes-section h6 {
    font-size: 14px;
    font-weight: 900;
    color: #000000;
}

.tooltip {
    position: relative;
}

.tooltip .icon-notification-circle {
    font-size: 17px;
    color: #ff0000;
}

.tooltip-content {
    font-size: 12px;
    color: #687177;
    background: #f2e9cc;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    bottom: 0;
    margin-bottom: 34px;
    min-width: 180px;
    border-bottom: 2px solid transparent;
    line-height: 1.4;
    letter-spacing: .05em;
}

.tooltip-content,
.tooltip-content:after {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip-content:after {
    content: '';
    border-top: 5px solid #ff0000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -7px;
}

.tooltip-trigger {
    display: inline-block;
    padding: 5px;
}

.tooltip-trigger:hover {
    cursor: pointer;
}

.tooltip.open .tooltip-content {
    opacity: 1;
    visibility: visible;
    border-bottom: 2px solid #ff0000;
}

.loan-form .tooltip {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    z-index: 9;
}

.loan-form .row {
    margin-bottom: 30px;
}

.loan-form .field-container {
    background: #eceeee;
    border-radius: 5px;
    position: relative;
    padding: 8px 0;
    text-align: left;
    padding-left: 48px;
}

.loan-form .field {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
}

.loan-form .field.slider {
    width: calc(100% - 210px);
}

.loan-form .radiobox {
    display: inline-block;
    width: 26%;
    text-align: center;
}

/*.loan-form .field:not(.slider) .currency {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}*/

.loan-form .field input {
    background: #ffffff;
}

.loan-form h4 {
    font-size: 14px;
    font-weight: 900;
    color: #2d3236;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 30px;
}

.loan-form .radiobox label {
    font-size: 16px;
    color: #000000;
    min-height: 32px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-top: 10px;
}

.loan-form input[type=radio] ~ label:before {
    position: absolute;
    left: 0;
    top: 3px;
}

.loan-form input[type=radio] ~ label:after {
    top: 12px;
}

.wrapper-4col {
    padding-left: 13.333333%;
    padding-right: 13.333333%;
}

.loan-results,
.loan-results .loan-result-box {
    width: 100%;
    float: left;
}

.loan-results .loan-result-box {
    background: #eceeee;
    border-radius: 4px;
    padding: 29px 24px 17px;
}

.loan-form .loan-results .field {
    max-width: inherit;
}

.loan-form .loan-results .field input {
    background: none;
    font-size: 21px;
    font-weight: 700;
    color: #ff0000;
    height: 20px;
    line-height: 20px;
    padding-left: 14px;
}

.loan-form .loan-results .field label {
    font-size: 14px;
    font-weight: normal;
}

.loan-result-box .col {
    padding-left: 30px;
    width: 50%;
    text-align: left;
    position: relative;
    margin-bottom: 14px;
}

.loan-form .loan-result-box .tooltip {
    right: auto;
    top: 10px;
    left: 0;
}

.loan-form .loan-result-box .row {
    margin-bottom: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 2px solid #ff0000;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    background: #ffffff;
    opacity: 1;
    cursor: pointer;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #ffffff;
    opacity: 1;
    cursor: pointer;
}

.ui-state-default:before {
    content: "\e93e";
    font-family: 'Linearicons';
    color: #ff0000;
    font-size: 19px;
    font-weight: bold;
}

.ui-widget-content {
    border: 0;
    background: #80b5bf;
}

.ui-slider-horizontal {
    height: 2px;
}

.ui-slider-horizontal .ui-slider-range-min {
    background: #ff0000;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -18px;
    margin-left: -18px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    outline: 0;
}

.loan-form .ui-slider-horizontal {
    max-width: 385px;
    overflow: visible;
}

.loan-form .ui-slider-horizontal:before {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 0;
    background: url(../Media/ruler.png) repeat-x scroll;
}

.ui-slider-horizontal .ruler-corners:before,
.ui-slider-horizontal .ruler-corners:after {
    content: '';
    width: 2px;
    height: 10px;
    background: #ff0000;
    position: absolute;
    top: -4px;
}

.ui-slider-horizontal .ruler-corners:before {
    left: 0;
}

.ui-slider-horizontal .ruler-corners:after {
    right: 0;
}

.loan-form .field.field-result {
    padding-left: 40px;
    max-width: 170px;
}

.loan-form .field.field-result .txt {
    font-size: 14px;
    color: #2d3236;
    position: absolute;
    left: 57%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 1px;
}

.loan-form .field.field-result.loan-amount-result .txt {
    left: 60px;
    font-size: 18px;
    margin-top: 0;
}

.loan-form .field.field-result.loan-amount-result input {
    padding-left: 35px;
}

.loan-form {
    max-width: 670px;
    margin: 0 auto;
}

/* SEARCH */

.search-section {
    padding-bottom: 28px;
}

.search-section .intro {
    text-align: center;
    padding: 30px 50px 36px;
}

.search-section h2 {
    font-weight: 400;
    color: #000000;
    font-size: 37px;
    margin-bottom: 40px;
}

.search-section h2 span {
    margin-right: 10px;
    vertical-align: text-top;
    display: inline-block;
}

.search-section .intro p {
    font-size: 24px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 0;
    letter-spacing: 0;
}

.search-section .intro b {
    font-size: 24px;
    color: #ff0000;
}

.search-section .search-container {
    padding: 43px 0 82px;
    background-color: #f5f6f6;
    margin-bottom: -44px;
}

.search-section .search-container .search {
    display: block;
}

.search-section .search-container .search input {
    width: 100%;
}

.search .tabs-header-container {
    text-align: center;
    border-bottom: 1px solid #aebdc8;
    padding: 0 50px;
}

.search .tab-header {
    margin: 0;
    width: 100%;
}

.search .tab-header a,
.search .tab-header a:link,
.search .tab-header a:visited {
    display: block;
    color: rgba(0, 0, 0, .7);
    font-weight: normal;
    font-size: 15px;
    font-weight: 300;
    padding: 5px 0 24px;
}

.search .tab-header.active a,
.search .tab-header.active a:link,
.search .tab-header.active a:visited {
    color: #000000;
    font-weight: normal;
}

.search .tab-header a span {
    font-size: 15px;
}

.search.tab-container {
    margin-top: 0;
    padding: 0 22px;
    width: 100%;
}

.search .tab-content {
    position: static;
    opacity: 1;
    visibility: visible;
    display: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.search .tab-content.active {
    display: block;
}

.search-results {
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
}

.search-results ol {
    margin: 65px 0;
    padding: 0 50px;
    counter-reset: li;
}

.search-results ol li {
    position: relative;
    padding-bottom: 34px;
    margin-bottom: 50px;
    font-size: 24px;
    color: #ff0000;
    font-weight: normal;
    border-bottom: 1px solid #aebdc8;
    list-style: none;
    backface-visibility: hidden;
}

.search-results ol li:before {
    content: counter(li) '.';
    counter-increment: li;
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 5px;
    font-size: 26px;
    color: #ff0000;
    font-weight: normal;
}

.search-results ol li.hidden {
    display: none;
}

.search-results .category {
    position: absolute;
    bottom: 100%;
    left: 0;
    color: #ff0000;
    font-size: 14px;
    font-weight: normal;
}

.search-results .category .tag {
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: .1em;
    padding: 0 10px;
    line-height: 17px;
    vertical-align: text-top;
    margin-left: 10px;
}

.search-results .category .tag.yellow {
    background-color: #ff0000;
}

.search-results .category .tag.blue {
    background-color: #5bafc7;
}

.search-results .category .tag.gray {
    background-color: #b0bbc3;
}

.search-results .category .tag.lightgray {
    background-color: #d0d0d0;
}

.search-results .category .tag.lightblue {
    background-color: #94d3da;
}

.search-results .title {
    letter-spacing: .02em;
    margin-bottom: 10px;
}

.search-results .title a,
.search-results .title a:link,
.search-results .title a:visited {
    font-size: 26px;
    color: #ff0000;
    font-weight: normal;
}

.search-results .title a:hover {
    text-decoration: underline;
}

.search-results .title .date {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    color: #687177;
}

.search-results .details {
    font-size: 18px;
    font-weight: 300;
    color: #666666;
    line-height: 1.22;
    letter-spacing: 0;
    backface-visibility: hidden;
}

.search-results .details a,
.search-results .details a:link,
.search-results .details a:visited {
    color: #ff0000;
}

.search-results .details a span {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.search-results .details a:hover span {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.search-results.no-results {
    padding: 40px 50px 100px;
}

.search-results.no-results h3 {
    font-size: 26px;
    color: #ff0000;
    font-weight: normal;
    margin-bottom: 35px;
}

.search-results.no-results ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 25px;
    font-size: 18px;
    color: #666666;
    font-weight: 300;
}

.search-results.no-results ul li:before {
    content: '\e944';
    position: absolute;
    font-size: 18px;
    color: #2d3236;
    font-family: 'Linearicons';
    position: absolute;
    top: 0;
    left: 0;
}

.search-results.no-results a,
.search-results.no-results a:link,
.search-results.no-results a:visited {
    text-decoration: underline;
    color: #666666;
}

.search-results.no-results a:hover {
    text-decoration: none;
}

.load-more {
    text-align: center;
}

.load-more a,
.load-more a:link,
.load-more a:visited {
    font-size: 12px;
    font-weight: normal;
    color: #979797;
}

.load-more a .icon-plus-circle {
    font-size: 40px;
    color: #ff0000;
    margin-top: 10px;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    backface-visibility: hidden;
}

.load-more a:hover .icon-plus-circle {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.search-section .owl-theme .owl-controls {
    margin-top: 0;
}

.search-section .owl-theme .owl-controls .owl-buttons div {
    background: none;
    color: #ff0000;
    font-size: 26px;
    opacity: 1;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
}

.search-section .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0;
}

.search-section .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
}

.search-section .owl-theme .owl-controls .owl-buttons div:hover {
    opacity: .8;
}

.search-section .owl-theme .owl-controls .owl-buttons div.disabled {
    display: none;
}


/*Home promo*/

.promo-slider .banner figure {
    height: 350px;
    background-position: top center;
}

.promo-slider .banner figure .wrapper {
    height: 100%;
    position: relative;
    max-width: 1040px;
}

.promo-slider .banner.playing figure .wrapper {
    display: none;
}

.promo-slider .banner.playing figure {
    height: auto;
}

.promo-slider .banner.playing #yt_video,
.fix {
    z-index: 9;
}

.promo-slider .banner.banner-text-left figcaption {
    width: 100%;
    padding-top: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    backface-visibility: hidden;
}

.promo-slider .banner h2 {
    font-size: 44px;
    font-weight: 300;
    line-height: 1;
}

.promo-slider .banner p {
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
}

.promo-slider .owl-theme .owl-controls {
    margin: 0;
    position: absolute;
    width: 1040px;
    max-width: 100%;
    height: 0;
    margin-top: -13px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.promo-slider .owl-theme .owl-controls .owl-buttons div {
    background: none;
    color: #ff0000;
    font-size: 26px;
    opacity: 1;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
}

.promo-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -83px;
}

.promo-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -83px;
}

.promo-slider .owl-theme .owl-controls .owl-buttons div:hover {
    opacity: .8;
}

.promo-slider .tabs-header-container .owl-theme .owl-controls .owl-buttons div {
    color: #000000;
}

.promo-slider .close {
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -13px;
    font-size: 26px;
    cursor: pointer;
    color: #ff0000;
    z-index: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.promo-slider .close:hover {
    opacity: .8;
}

/* Promo Inner */
.promo-inner .banner figure {
    height: 470px;
    background-position: top center;
}

.promo-inner .banner figure .wrapper {
    height: 100%;
    position: absolute;
    width: 946px;
    max-width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.promo-inner .banner.banner-text-left figcaption {
    width: 100%;
    padding-top: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.promo-inner .banner h2 {
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
}

.promo-inner .banner p {
    font-size: 26px;
    font-weight: 300;
    line-height: normal;
}

.cards {
    list-style: none;
    margin: -20px 0 0;
    padding: 0 0 0 60px;
    position: relative;
    z-index: 1;
}

.cards li {
    display: inline-block;
    list-style: none;
    padding: 0;
    max-width: 33%;
    margin: 0 -10px;
}

.cards .card-item img {
    transition: 0.2s ease;
}

.cards .card-item:hover img {
    transform: translateY(-20px);
}

.amex {
    background: #fbfafa;
    padding-bottom: 70px;
    text-align: center;
}

.amex p {
    padding: 38px 0;
    margin-bottom: 17px;
    font-size: 18px;
    color: #605f5f;
    line-height: 1.38;
    letter-spacing: 0.02em;
}

.amex .promos li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 96px; /*0 96px 0 50px*/
}

.amex .promos li:first-child {
    border-right: 1px solid #ff0000;
}

.amex .promos .title {
    font-size: 24px;
    color: #005972;
    margin-bottom: 17px;
    font-weight: 900;
    letter-spacing: 0;
}

.amex .promos .description {
    font-size: 18px;
    color: #605f5f;
    letter-spacing: 0.02em;
    line-height: 1.44;
}

.amex .promos .title > span {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
}

.amex .promos .title > span:first-child {
    font-size: 50px;
    color: #ff0000;
    vertical-align: text-bottom;
}

.amex .promos .title .icon-store {
    transform: translateY(-3px);
}

.amex .promos .title .up {
    display: block;
    font-size: 16px;
    line-height: 1;
    transform: translate(2px, 2px);
}

.amex .promos .title .number {
    font-size: 40px;
    letter-spacing: -0.1em;
    text-align: left;
}

.how-section {
    padding-top: 86px;
    background-color: #f1f4f5;
    margin-bottom: 40px;
}

.how-section h4 {
    font-size: 36px;
    font-weight: 300;
    color: #005972;
    margin-bottom: 70px;
    text-align: center;
}

.how-section ul {
    margin-bottom: 82px;
}

.how-section ul li {
    margin-bottom: 30px;
}

.how-section ul li span {
    display: inline-block;
    vertical-align: middle;
}

.how-section ul li .text {
    padding: 0 60px;
    font-size: 16px;
    color: #605f5f;
    line-height: 1.5625;
    max-width: calc(100% - 90px);
}

.how-section .notification.announcement {
    background: #fef6e6;
}

.how-section .notification p {
    color: #605f5f;
}

.contact-section {
    padding: 80px 0;
}

.contact-section.contact .row {
    padding: 35px 0 12px;
}

.contact-section.contact .row:last-child {
    padding: 0;
    margin: 0;
    text-align: center;
}

.subscribe {
    text-align: center;
}

.subscribe h4 {
    font-size: 36px;
    font-weight: 300;
    color: #005972;
    margin-bottom: 45px;
}

.subscribe p {
    font-size: 18px;
    color: #605f5f;
    margin-bottom: 5px;
    letter-spacing: .02em;
    line-height: 1.38;
}

.logos-section {
    text-align: center;
    padding: 58px 0;
    background: #fbfafa;
}

.logos-section p {
    font-size: 18px;
    color: #605f5f;
    margin-bottom: 20px;
    letter-spacing: .02em;
    line-height: 1.38;
}

.logos-section a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
}

.logos-section .logos span:nth-child(2) {
    animation-delay: 0.1s;
}

.logos-section .logos span:nth-child(3) {
    animation-delay: 0.2s;
}

.logos-section .logos span:nth-child(4) {
    animation-delay: 0.3s;
}

.logos-section .logos span:nth-child(5) {
    animation-delay: 0.4s;
}

.logos-section .logos span:nth-child(6) {
    animation-delay: 0.5s;
}

.links-section {
    padding: 54px 0 80px;
    background-color: rgba(255, 0, 0, 0.05);
}

.links-section ul li {
    border-bottom: 1px solid #aebdc8;
}

.links-section a,
.links-section a:link,
.links-section a:visited {
    font-size: 18px;
    font-weight: 300;
    color: #666666;
    line-height: 1.22;
    padding: 24px 5px;
    display: block;
    transition: all .2s ease;
}

.links-section a span {
    font-size: 22px;
    line-height: 1;
    color: #ff0000;
    margin-right: 10px;
    vertical-align: text-top;
    transition: all .2s ease;
}

.links-section ul li a:hover {
    background: #ff0000;
    padding-left: 10px;
    color: #fff;
}

.links-section ul li a:hover span {
    color: #fff;
    transform: scale(1.25);
}

/*Promo video*/

.promo-inner.video .banner figure {
    height: 300px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.promo-inner.video.playing .banner figure {
    height: auto;
}

.intro.video {
    padding-bottom: 120px;
}

.intro.video h2 {
    text-align: center;
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    margin-top: 48px;
}

.intro.video p {
    font-size: 26px;
    font-weight: 300;
    line-height: normal;
    text-align: center;
}

.playVid {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    /*-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
    margin-top: -40.5px;
    margin-left: -40.5px;
    backface-visibility: hidden;
}

.playVid .playicon {
    display: block;
    width: 81px;
    height: 81px;
    border-radius: 50%;
    background: #ff0000 url(../Media/play_black.png) center center no-repeat;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    backface-visibility: hidden;
}

.playVid .text {
    font-size: 14px;
    color: #000000;
    letter-spacing: .02em;
    display: block;
    margin-top: 10px;
    position: absolute;
    top: 100%;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    backface-visibility: hidden;
}

.playVid:hover .playicon {
    opacity: .8;
}

.promo-slider .playVid .playicon,
.cards-section .playVid .playicon {
    background-position: 55% 50%;
}

.promo-slider .playVid:hover .playicon,
.cards-section .playVid:hover .playicon {
    background-color: #ff0000;
    opacity: 1;
}

.promo-slider .playVid:active .playicon,
.cards-section .playVid:active .playicon {
    background-color: #ec9f00;
}

.playVid.lg_hidden {
    position: relative;
    top: auto;
    left: auto;
    /*-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);*/
    margin-top: 0;
    margin-left: 20px;
    vertical-align: middle;
}

.playVid.lg_hidden .playicon {
    width: 38px;
    height: 38px;
    background-size: 50% 50%;
}

.promo-inner #yt_video {
    position: relative;
    width: 100%;
    height: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden;
}

.promo-inner.playing #yt_video {
    padding-bottom: 56.25%;
}

.promo-inner #yt_video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.promo-inner.video .closeVid {
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 36px;
    color: #ff0000;
    z-index: 10;
    cursor: pointer;
    display: none;
    left: auto;
    font-size: 36px;
    margin-left: 0;
}

.promo-inner.video.playing .closeVid {
    display: block;
}

.promo-slider .playVid .playicon {
    border: 2px solid #ff0000;
    background-color: transparent;
}

.promo-slider .fix .owl-item:not(.active) {
    height: 1px;
}

/* CARDS */

.info-box.yellow {
    background-color: #f7ebc3;
    padding: 28px 0
}

.info-box.yellow ul li {
    margin: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.info-box.yellow ul li a:hover i {
    margin-right: 5px;
    transition: all .2s ease;
}

.info-box.yellow ul li:hover {
    background-color: #f7f4e5;
}

.info-box.yellow ul li a {
    font-weight: 900;
    font-size: 14px;
    padding: 15px 30px;
    display: block;
}

.info-box.yellow ul li:hover a .icon-arrow-right {
    margin-right: 10px;
}

/*.info-box.yellow ul li:not(:last-child) {
	margin-bottom: 25px;
}*/

.ebank-section.cards-section .item .description .item-intro {
    padding-bottom: 25px;
    font-size: 16px;
}

.ebank-section.cards-section .first .item .description .btn,
.ebank-section.cards-section .second .item .description .btn {
    position: relative;
}

.ebank-section.cards-section {
    margin-bottom: 0;
}

.pTop {
    padding-top: 52px;
    padding-bottom: 20px;
}

.ebank-section .heros-list .banner,
.ebank-section .heros-list .banner figure {
    height: 17.36vw;
    min-height: 250px;
    position: relative;
    background-position: right center;
}

.heros-list .banner.banner-text-left figcaption {
    padding: 0 40px;
    max-width: 445px;
    z-index: 1;
}

.ebank-section .heros-list .banner figure:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ebank-section .heros-list .banner.blue figure:after {
    background: -moz-linear-gradient(left, rgba(45, 97, 110, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(45, 97, 110, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(45, 97, 110, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d616e', endColorstr='#00ffffff', GradientType=1);

}

.ebank-section .heros-list .banner.yellow figure:after {
    background: -moz-linear-gradient(left, rgba(196, 150, 62, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(196, 150, 62, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(196, 150, 62, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4963e', endColorstr='#00ffffff', GradientType=1);
}

.ebank-section .heros-list .banner.grey figure:after {
    background: -moz-linear-gradient(left, rgba(114, 115, 115, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(114, 115, 115, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(114, 115, 115, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727373', endColorstr='#00ffffff', GradientType=1);
}

.ebank-section .heros-list .banner.purple figure:after {
    background: -moz-linear-gradient(left, rgba(67, 57, 78, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(67, 57, 78, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(67, 57, 78, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43394e', endColorstr='#00ffffff', GradientType=1);
}

.ebank-section .heros-list h2 {
    font-size: 40px;
    font-weight: bold;
}

.info-box.white .btn.btn-border-orange,
.info-box.white p {
    color: #ffffff;
}

.info-box.white h3 {
    color: #ffffff;
    font-size: 36px;
    font-weight: bold;
    margin-top: 8px;
}

.info-box.purple {
    padding: 14px 27px 22px;
    background: url(../Files/banners/cards_bg.png) repeat-x;
    background-size: cover;
}

.heros-list-video-banner {
    animation-delay: 0.2s;
}

.heros-list .playVid {
    z-index: 1;
}

.heros-list .playVid .playicon {
    border: 2px solid #ff0000;
    background-color: transparent;
    background-image: url(../Media/play_white.png);
}

.heros-list .playVid:hover .playicon {
    background-color: #ff0000;
}

.heros-list #yt_video {
    position: relative;
    width: 100%;
    height: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden;
}

.heros-list #yt_video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.heros-list .playing #yt_video {
    padding-bottom: 56.25%;
}

.heros-list .banner.playing figure {
    background-image: none !important;
}

.heros-list .video .closeVid {
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 36px;
    color: #ff0000;
    z-index: 10;
    cursor: pointer;
    display: none;
    left: auto;
    font-size: 36px;
    margin-left: 0;
}

.heros-list .video.playing .closeVid {
    display: block;
}

.ebank-section .heros-list .banner.playing,
.ebank-section .heros-list .banner.playing figure {
    height: auto;
}

.card-section {
    margin-top: 112px;
    padding: 65px 0;
    position: relative;
    background-color: #f7f7f7;
}

.card-section:not(:first-child) {
    margin-top: 145px;
}

.card-section .card-title {
    position: absolute;
    left: auto;
    bottom: 100%;
    padding-left: 50px;
    padding-right: 20px;
    max-width: 50%;
}

.card-section .card-title h2 {
    font-size: 36px;
    font-weight: 300;
    color: #ff0000;
    margin-bottom: 0;
}

.card-section .card-title p {
    font-size: 21px;
    font-weight: 300;
    color: #666666;
    margin-bottom: 10px;
    letter-spacing: 0;
}

.card-section .cards {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: 0;
    margin: 0 0 -25px;
    text-align: right;
    width: 504px;
    max-width: 50%;
}

.card-section .cards li {
    margin: 0 -2px;
    padding: 0 10px;
    max-width: inherit;
    width: 33.33%;
}

.card-section .cards li:nth-child(2) {
    animation-delay: 0.2s;
}

.card-section .cards li:nth-child(3) {
    animation-delay: 0.4s;
}

.card-section .cards li img {
    width: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.card-section h3.col-title {
    color: #ff0000;
    font-size: 18px;
    font-weight: 900;
    border-bottom: 1px solid #ff0000;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.card-section .col_12 {
    padding: 0 40px;
    text-align: center;
}

.card-section .col_6 {
    padding: 0 0 0 40px;
    text-align: center;
}

.card-section .col ul li {
    font-size: 16px;
    color: #666666;
    line-height: 1.4;
    -webkit-flex: 1;
    -ms-flex: 1;
    display: flex;
    margin-bottom: 20px;
    text-align: left;
    align-items: flex-start;
}

.card-section .col ul li i {
    font-size: 16px;
    color: #ff0000;
    display: inline-block;
    margin-right: 20px;
    line-height: 1.4;
}

.card-section .col ul li span {
    display: inline-block;
}

.card-section .subscription {
    display: block;
    font-size: 16px;
    color: #666666;
}

.card-section .cf {
    clear: both;
    text-align: right;
    margin-bottom: -30px;
    margin-right: -20px;
}

.ebank-section.wbg {
    background-color: #ffffff;
}

.small-banners {
    overflow: hidden;
}

.small-banner {
    float: left;
    width: 50%;
}


/* CONTACT BOC */
.contact-boc {
    background-color: #f7fafc;
}

.hero-contact-boc .banner figure {
    height: 249px;
}

.contact-boc .contact.intro {
    padding-bottom: 70px;
}

.contact-boc .contact.intro p {
    max-width: 960px;
    margin: 0 auto
}

.colWrap {
    margin-top: 52px;
    text-align: left;
}

.col_push_1 {
    margin-left: 3.3333333%;
}

.colWrap .col {
    padding-right: 70px;
}

.contact-boc .colWrap .title {
    display: block;
    padding-bottom: 10px;
    color: #005972;
    font-size: 14px;
    font-weight: 900;
    line-height: 26px;
}

.contact-boc .colWrap .title .icon {
    font-size: 26px;
    color: #ff0000;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.contact-boc .colWrap .title .text {
    display: inline-block;
    vertical-align: middle;
}

.contact-boc .colWrap .description {
    font-size: 13px;
    line-height: 16px;
    color: #605f5f;
    font-weight: 400;
    letter-spacing: 0;
}

.contact-boc .colWrap .description i {
    margin-left: 5px;
    display: inline-block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.contact-boc .colWrap a:hover .description i {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.contact-boc .colWrap ul li .phone {
    display: block;
    font-size: 25px;
    line-height: normal;
}

.contact-boc .colWrap ul li {
    font-size: 13px;
    color: #605f5f;
    margin-bottom: 18px;
}

.contact-boc .colWrap ul li:last-child {
    margin-bottom: 0;
}

.contact-boc.contact .contact-info {
    float: left;
    width: 100%;
}

.contact-boc.contact .contact-info .row {
    padding: 0;
    margin-bottom: 0;
}

.contact-boc.contact .select-box .selected {
    font-size: 15px;
    height: 36px;
    line-height: 36px;
}

.contact-boc.contact .select-box li {
    line-height: 1.4;
}

.contact-boc.contact .field.checkboxes {
    margin-bottom: 20px;
}

.contact .field.col_6:not(.full):nth-of-type(even) {
    width: calc(25% - 12px);
}

.contact .row.noPad {
    padding: 0;
    border-top: 0;
}

.contact-boc input[type=checkbox] ~ label:after {
    color: #ff0000;
    font-size: 18px;
    margin-top: -10px;
}

.info-box.yellow-two {
    background-color: #f7ebc3;
}

.info-box.yellow-two .subtitle {
    margin-bottom: 12px;
}

.contact-boc .info-box .info-title,
.contact-boc .info-box .subtitle {
    color: #000000;
}

.contact-boc .subtitle {
    font-size: 14px;
    line-height: 1.2;
    color: #605f5f;
    margin-top: 20px;
}

/*HOME CORP*/

.promo-section {
    padding: 70px 0;
    background-color: #f6f6f7;
}

.promo-section h2 {
    font-size: 37px;
    color: #ff0000;
    line-height: 1.2;
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: -.025em;
}

.promo-section p {
    font-size: 16px;
    color: #000000;
    line-height: 1.375;
    margin-bottom: 40px;
    text-align: center;
    padding: 0 40px;
}

.philosophy {
    padding: 0 22px;
}

.philosophy img,
.philosophy figcaption {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -2px;
}

.philosophy figcaption {
    padding-left: 80px;
}

.philosophy h3 {
    font-size: 36px;
    font-weight: 300;
    color: #ff0000;
    margin-bottom: 20px;
}

.philosophy li {
    font-size: 14px;
    color: #000000;
    line-height: 1.42;
}

.philosophy li:not(:last-child) {
    margin-bottom: 20px;
}

.philosophy li b {
    display: block;
    color: #ff0000;
    font-size: 26px;
    line-height: normal;
    letter-spacing: -.025em;
}

/*Documents Boc*/

.faq-section.documents-boc .side-panel .side-index {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000000;
}

.boc-banner, .boc-banner figure {
    height: 250px !important;
}

.boc-banner.promo-banner-block, .boc-banner.promo-banner-block figure {
    min-height: 250px;
    height: auto !important;
    position: relative;
}

@media (max-width: 767px) {
    .boc-banner.promo-banner-block, .boc-banner.promo-banner-block figure {
        height: 570px !important;
    }
}

.documents-boc.faq-section .tab-content .tab-title {
    padding-bottom: 0;
    line-height: normal;
}

.documents-boc .dynamic-content .links-list ul li a .date {
    display: block;
    color: #000000;
    font-weight: normal;
    line-height: 1.6;
    font-size: 12px;
    margin: 0;
    letter-spacing: 0;
}

.documents-boc .dynamic-content .select-box {
    margin-top: 20px;
    margin-left: -18px;
}

.dynamic-content .select-box ul li {
    margin-bottom: 10px;
}

.documents-boc .select-box .selected {
    height: 36px;
    line-height: 36px;
    font-size: 15px;
}

.dynamic-content .info-box ul li {
    margin-bottom: 0;
}

.documents-boc .sec-tab {
    min-height: 150px;
}

/* Currency */

.currency-section .intro {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 10px;
}

.currency-section h2 {
    font-weight: 400;
    color: #000000;
    font-size: 37px;
}

.currency-section h2 span {
    margin-right: 10px;
    vertical-align: text-top;
    display: inline-block;
}

.currency-calculator {
    padding: 30px 0;
    background: #eaf2f5;
    margin-bottom: 82px;
    text-align: center;
}

.currency-calculator h4 {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.02em;
    margin-bottom: 15px;
    color: #ff0000;
}

.convert {
    display: inline-block;
    vertical-align: middle;
    background-color: #ffffff;
    border-radius: 5px;
    width: 376px;
    text-align: left;
    max-width: 42%;
}

.convert .select-box,
.convert .amount {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    margin: 0 -2px;
}

.convert input {
    display: inline-block;
    border: 0;
    background: none;
    vertical-align: middle;
    text-align: right;
    font-size: 18px;
    width: 100%;
    margin: 0;
    color: #000000;
    padding: 0 10px;
}

.swap {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    font-size: 26px;
    color: #ff0000;
    width: 44px;
    height: 44px;
    padding: 10px;
    border-radius: 50%;
    background-color: #d2e3e8;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
}

.swap:hover {
    background-color: #ff0000;
    color: #d2e3e8;
}

.select-box.currency {
    text-align: left;
    border-right: 2px solid #eaf2f5;
}

.select-box.currency .selected {
    background: #ffffff;
    height: auto;
    line-height: normal;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.select-box.currency .selected span {
    display: block;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
}

.select-box.currency .selected .symbol {
    font-size: 18px;
    line-height: 1;
}

.select-box.currency ul {
    background-color: #ffffff;
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.06);
}

.select-box.currency ul li:not(:last-child) {
    margin-bottom: 10px;
}

.select-box.currency ul .symbol_text {
    display: block;
    font-size: 12px;
}

.select-box.open.currency .selected:before {
    opacity: 0;
    visibility: hidden;
}

.convert .amount {
    background: #ffffff;
    border-radius: 0 30px 30px 0;
    padding-right: 16%;
    max-height: 44px;
}

.main-table {
    width: 100%;
    margin-bottom: 46px;
}

.main-table thead {
    background-color: #f3edda;
    text-align: center;
}

.table-header {
    margin: 70px auto 0;
    width: 1100px;
    max-width: 100%;
    table-layout: fixed;
    font-size: 14px;
    font-weight: 900;
    color: #000000;
}

.table-row {
    border-top: 1px solid #d6d6d6;
}

.table-row:last-of-type {
    border-bottom: 1px solid #d6d6d6;
}

.table-row .center {
    margin: 0 auto;
    width: 1100px;
    max-width: 100%;
    table-layout: fixed;

}

.table-header table,
.table-row .center table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 0;
}

thead .table-header td {
    vertical-align: middle;
}

.table-header td.btm {
    height: 80px;
}

.brdright {
    border-right: 1px solid #fad552;
}

.table-header .small {
    font-size: 13px;
    font-weight: normal;
}

.table-row .center > tbody > tr > td {
    height: 69px;
    color: #687177;
    font-size: 13px;
    vertical-align: middle;
}

.currencySymbol {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #f7aa3c;
    color: #ffffff;
    font-size: 17px;
    line-height: 38px;
    margin-right: 22px;
    font-weight: bold;
    text-align: center;
}

.table-row .center > tbody > tr > td b {
    color: #000000;
    font-weight: bold;
}

.table-row .center > tbody > tr > td:first-child {
    text-align: left;
    padding-left: 6.666666%;
    /*padding-right: 6.666666%;*/
}

.note-section {
    padding-bottom: 60px;
}

.note-section h3 {
    font-size: 14px;
    color: #000000;
    font-weight: 900;
    letter-spacing: .02em;
    margin-bottom: 20px;
}

.note-section p {
    font-size: 13px;
    color: #687177;
    font-weight: normal;
    letter-spacing: .05em;
    margin-bottom: 0;
    line-height: 1.53;
}

.secondary .table-row .center > tbody > tr > td {
    height: 31px;
}

.secondary .table-row {
    border-color: #f0f6f7;
}

.main-table tr:nth-of-type(even) .table-row {
    background-color: #f7f7f7;
}

.secondary .main-table tr:nth-of-type(odd) .table-row {
    background-color: #f7f7f7;
}

.secondary .main-table tr:nth-of-type(even) .table-row {
    background-color: #ffffff;
}

.ulitem ul {
    padding-left: 20px;
}

.ulitem ul li {
    padding: 0;
    margin: 0 0 20px 0;
    list-style-type: circle;
}

.generaltitle {
    margin-bottom: 40px;
}

/*------------------------------------------------------------------------------------*/
/*----------------------------------- Prothesmiakoi ----------------------------------*/
/*------------------------------------------------------------------------------------*/

.proth-section {
    background-color: #f7fafc;
}

.proth-section .banner,
.proth-section .banner figure {
    height: 500px;
    background-position: top center;
}

.proth-section .banner.banner-text-center figcaption {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    backface-visibility: hidden;
    width: 70%;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
}

.proth-section .heros-list .banner,
.proth-section .heros-list .banner figure {
    height: 17.36vw;
    min-height: 250px;
    position: relative;
    background-position: right center;
}

.proth-section .heros-list .banner figure:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.proth-section .heros-list .banner.blue figure:after {
    background: -moz-linear-gradient(left, rgba(45, 97, 110, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(45, 97, 110, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(45, 97, 110, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d616e', endColorstr='#00ffffff', GradientType=1);

}

.proth-section .heros-list .banner.yellow figure:after {
    background: -moz-linear-gradient(left, rgba(196, 150, 62, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(196, 150, 62, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(196, 150, 62, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4963e', endColorstr='#00ffffff', GradientType=1);
}

.proth-section .heros-list .banner.grey figure:after {
    background: -moz-linear-gradient(left, rgba(114, 115, 115, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(114, 115, 115, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(114, 115, 115, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727373', endColorstr='#00ffffff', GradientType=1);
}

.proth-section .heros-list .banner.purple figure:after {
    background: -moz-linear-gradient(left, rgba(67, 57, 78, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(67, 57, 78, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(67, 57, 78, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43394e', endColorstr='#00ffffff', GradientType=1);
}

.proth-section .heros-list h2 {
    font-size: 40px;
    font-weight: 400;
}

.proth-table .proth-row {
    padding: 40px 0 30px;
}

.proth-table .proth-row .title {
    display: block;
    color: #ff0000;
    font-size: 20px;
    font-weight: 700;
    line-height: 12px;
}

.proth-table .proth-row .description {
    display: block;
    color: #828a90;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin: 20px 0;
}

.proth-row .inner-table {
    padding-left: 30px;
}

.proth-row .inner-table .row {
    text-align: center;
}

.proth-row .inner-table .row:first-child {
    border-bottom: 1px solid #dedcd2
}

.proth-row .inner-table .row .col {
    width: 50%;
    padding: 10px 0 16px;
}

.proth-row .inner-table .row .col:first-child {
    border-right: 1px solid #dedcd2
}

.proth-row .inner-table .row .col .col-uppertitle {
    color: #828a90;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    max-height: 22px;
    margin-bottom: 10px;
}

.proth-row .inner-table .row .col .col-title {
    color: #ff0000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    max-height: 22px;
    padding: 0 20px;
}

.proth-row.yellow .inner-table .row .col .col-title {
    color: #ff0000;
}

.proth-row.blue .inner-table .row .col .col-title {
    color: #ff0000;
}

.proth-table .proth-row.yellow {
    background-color: #f8f9fa;
}

.proth-table .proth-row.blue {
    background-color: #eceeee;
}

.proth-table .proth-row .btn.desktop {
    display: inline-block;
}

.proth-table .proth-row .btn.mobile {
    display: none;
}

/* search */
.search-pr .field input {
    height: 44px;
    line-height: 44px;
}

.search-pr .field input::placeholder {
    color: #505050;
}

.ui-widget-content {
    background: #dbdddd;
    border: 0 !important;
    border-radius: 5px;
    overflow: hidden;
}

.ui-menu .ui-menu-item > div {
    padding: 10px 12px;
    font-size: 15px;
}

.ui-menu .ui-menu-item .ui-state-active {
    background: #cacaca !important;
    color: #000;
    border: 0;
    margin: 0;
}

.two-box-wrap {
    max-width: 1200px;
    padding: 20px 20px 40px;
    margin: 0 auto;
    width: 100%;
    font-size: 0;
    text-align: center;
}

.box-item {
    display: inline-block;
    min-height: 275px;
    max-width: 49%;
    width: 100%;
    position: relative;
}

.box-item:not(:last-child) {
    margin-right: 2%;
}

.box-item .video-item {
    height: 275px;
    margin-bottom: 0;
}

.box-item-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.box-item-text-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(19, 18, 18, 0.37);
    width: 100%;
    text-align: left;
    transition: 0.3s ease;
}

.box-item .box-item-link {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    display: block;
    padding: 10px 35px;
    transition: 0.3s ease;
}

.box-item-text-wrap:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.box-item-text-wrap:hover .box-item-link {
    color: #ff0000;
}

.three-box-title {
    /* color: #343F4B;
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 33px; */
    padding: 0 20px;
    margin-bottom: 15px;
    transition: 0.3s ease;
    color: #ff0000;
    font-size: 21px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0;
}

a.three-box-title,
a.three-box-title:visited {
    color: #ff0000;
}

.three-box-text {
    /* color: #8190a5;
	font-size: 16px;
	line-height: 24px;
	padding: 0 20px; */
    color: #605f5f;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    padding: 0 20px;
}

.box-btn {
    color: #fff;
    font-size: 18px;
    background-color: #ff0000;
    border-radius: 5px;
    padding: 10px 15px;
    transition: 0.3s ease;
    position: absolute;
    bottom: 0;
    /*left: 25px;*/
}

.box-btn:hover,
.box-btn:focus {
    color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.box-btn:hover {
    background-color: #ff0000;
}

.box-btn:active {
    background-color: #ec9f00;
}

.box-btn:visited {
    color: #444;
}

.box-btn-color-orange {
    background-color: #ff0000;
}

.box-btn-color-orange:hover,
.box-btn-color-orange:active {
    background-color: #ec9f00;
}

.box-btn-color-blue {
    background-color: #ff0000;
    color: #fff !important;
}

.box-btn-color-blue:hover,
.box-btn-color-blue:active {
    background-color: #003c4c;
    color: #fff !important;
}

.box-btn-color-gray {
    background-color: #a7a9ac;
    color: #fff !important;
}

.box-btn-color-gray:hover,
.box-btn-color-gray:active {
    background-color: #828384;
    color: #fff !important;
}

.box-btn-with-image {
    position: relative;
    padding-left: 56px;
}

.box-btn-with-image img {
    position: absolute;
    top: 5px;
    left: 10px;
    max-width: 40px;
    width: auto;
    max-height: 32px;
    height: auto;
}

.three-box-wrap {
    display: flex;
    max-width: 1240px;
    padding: 20px 20px 40px;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
}

.three-box-wrap .current-accounts-item {
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    padding-bottom: 80px;
}


.three-box-wrap .current-accounts-item .box-btn {
    color: #fff;
    border-radius: 6px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 14px 24px;
    font-size: 16px;
}

.three-box-image-container {
    overflow: hidden;
    margin-bottom: 20px;
}

.three-box-item-image {
    position: relative;
    padding-bottom: 56%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    transition: 0.3s ease;
}

.three-box-wrap .current-accounts-item:hover .three-box-item-image {
    transform: rotate(5deg) scale(1.15);
}

.three-box-wrap .current-accounts-item:hover .box-btn {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.three-box-item {
    display: inline-block;
    padding: 0 25px;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 40px;
}

.three-box-item:nth-child(2) {
    animation-delay: 0.1s;
}

.three-box-item:nth-child(3) {
    animation-delay: 0.2s;
}

/* Banner with buttons */
.banner-with-btns {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.banner-buttons-wrap {
    width: 100%;
    max-width: 1200px;
    padding-left: 6.666666%;
    padding-right: 6.666666%;
    margin: 0 auto;
}

.banner-buttons-content {
    background-color: rgba(255, 255, 255, 0.8);
    max-width: 600px;
    display: inline-block;
    padding: 40px 60px;
    margin-top: 30px;
    margin-bottom: 65px;
}

.banner-buttons-title {
    color: #343F4B;
    font-size: 41px;
    font-weight: bold;
    line-height: 53px;
    text-align: left;
}

.banner-btn-item {
    display: inline-block;
}

.banner-with-btns .hi-icon-wrap {
    text-align: left;
    padding: 30px 0;
    white-space: unset;
}

.banner-with-btns .filter_button {
    text-align: center;
}

.filter_button:nth-child(2) {
    animation-delay: 0.1s;
}

.filter_button:nth-child(3) {
    animation-delay: 0.2s;
}

.filter_button:nth-child(4) {
    animation-delay: 0.3s;
}

.filter_button:nth-child(5) {
    animation-delay: 0.4s;
}

.filter_button:nth-child(6) {
    animation-delay: 0.5s;
}

.filter_button:nth-child(7) {
    animation-delay: 0.6s;
}

.filter_button:nth-child(8) {
    animation-delay: 0.7s;
}

.current-accounts {
    max-width: 1200px;
    padding: 20px 20px 40px;
    margin: 30px auto;
    width: 100%;
}

.current-accounts-items-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 -20px;
}

.current-accounts-item {
    position: relative;
    max-width: 47%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    padding-bottom: 62px;
}

.current-accounts-item.has-icon {
    box-shadow: none;
    padding: 20px 0 40px;
}

.current-accounts-item.has-icon .current-accounts-image-wrap {
    width: 120px;
    height: 120px;
    margin: 0 auto -58px;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    background-color: #fff;
    transition: 0.3s ease;
}

.current-accounts-item.has-icon .current-accounts-image-wrap:before {
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: translate(-50%, -50%) scale(0.3);
    opacity: 0;
    top: 50%;
    left: 50%;
    border-radius: 50%;
}

.current-accounts-item.has-link .current-accounts-image-wrap:hover {
    background-color: #ff0000;
    transform: translateY(-10px);
}

.current-accounts-item.has-icon .current-accounts-image-wrap:hover:before {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 1;
}

.current-accounts-item.has-link .current-accounts-image-wrap:hover .current-account-icon {
    color: #fff;
}

.current-accounts-item.has-icon .current-accounts-item-description {
    text-align: center;
    padding-top: 108px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    background-color: #fff;
    border-radius: 5px;
    margin: 0 20px;
    padding-bottom: 60px;
}

.owl-init-done .current-accounts-item.has-icon .current-accounts-item-description {
    height: calc(100% - 64px);
}

.current-accounts-item.has-icon .current-accounts-item-description ul {
    padding-bottom: 20px;
    display: inline-block;
}

.current-accounts-item.has-icon .current-accounts-item-description ul li {
    text-align: left;
}

.current-accounts-item.has-icon .box-btn-bottom {
    bottom: 60px;
    padding: 0 20px;
    text-align: right;
}

.current-accounts-item.has-icon .box-btn-bottom .box-btn {
    transform: none;
    opacity: 1;
    border-radius: 5px;
}

.current-accounts-item.has-icon .current-accounts-overlay-link {
    display: none;
}

.current-accounts-item.has-icon .current-account-icon-link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 40;
}

.current-accounts-item:not(.has-icon):hover .current-account-image {
    transform: rotate(5deg) scale(1.15);
}

.current-accounts-item:not(.has-icon):hover .box-btn {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.owl-item.owl-init-done,
.owl-init-done .current-accounts-item {
    height: 100%;
}

.current-accounts-image-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
}

.current-accounts-item-description {
    padding: 10px 20px;
}

.current-accounts-overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: 0;
    z-index: 50;
}

.current-accounts-item .box-btn-bottom {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    text-align: right;
}

.current-accounts-item .box-btn {
    border-radius: 6px;
    padding: 14px 24px;
    font-size: 16px;
    position: relative;
    bottom: auto;
    left: auto;
}

.owl-item .current-accounts-item {
    max-width: 100% !important;
}

.current-accounts-title,
.ebank-section .current-accounts-title {
    color: #343F4B;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 20px;
    font-weight: 700;
}

.current-accounts-item-title,
.ebank-section .current-accounts-item-title {
    color: #ff0000;
    font-size: 21px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.current-accounts-item-subtitle {
    display: block;
    padding-bottom: 15px;
    color: #605f5f;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

.current-acc-list {
    position: relative;
    padding-left: 28px;
    padding-bottom: 8px;
    color: #605f5f;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}

.current-acc-list:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 19px;
    background: url(../Media/checkmark.png) center center no-repeat;
    background-size: 100% auto;
}

.current-acc-img {
    max-width: 18px;
    position: absolute;
    top: 3px;
    left: 1px;
}

.current-account-image {
    position: relative;
    padding-bottom: 56.25%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s ease;
}

.current-account-icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ff0000;
    transition: 0.2s ease;
    will-change: width, height;
}

/*
.loans .tab-container {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}

.loans-carousel {
	padding-left: 280px;
}

.loans-carousel.owl-carousel .owl-item .banner {
	margin: 0;
	padding: 0;
}

.loans-carousel.owl-carousel .banner figure {
	height: 500px;
}

.loans-carousel .owl-wrapper-outer {
	padding-top: 0;
}

.loans-title-carousel {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 100%;
	background-color: #ff0000;
	z-index: 20;
}

.loans-title-carousel .owl-wrapper-outer,
.loans-title-carousel .owl-wrapper {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	transform: none !important;
}

.loans-title-carousel .owl-wrapper {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 120px;
}

.loans-title-carousel .owl-wrapper .owl-item {
	width: 100% !important;
	flex: 1 1 25%;
}

.loans-title-carousel .tab-header {
	height: 100%;
	display: table;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.loans-title-carousel .tab-header a {
	height: 100%;
	padding: 20px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	display: table-cell;
}

.loans-title-carousel .synced .tab-header a {
	color: #ff0000;
	background-color: #ff0000;
}

.loans-title-carousel .tab-header a:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.05);
}

.loans-title-carousel .tab-header a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #ff0000;
	transition: 0.2s ease;
}

.loans-title-carousel .tab-header a:hover::before {
	width: 16px;
}

.loans-title-carousel .tab-header a::after {
	position: absolute;
	bottom: 0;
	left: auto;
	right: -40px;
	width: 52px;
	height: 40px;
	background-color: #fff;
	transform: skewX(-45deg);
}

.loans-title-carousel .tab-header a:hover::after {
	transform: translateX(60px) skewX(-45deg);
}

.loans-carousel.owl-theme .owl-controls {
	position: absolute;
	bottom: 20px;
	left: 40px;
	width: 200px;
	height: 80px;
	margin: 0;
	z-index: 40;
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div {
	background: #fff;
	color: #ff0000;
	font-size: 26px;
	opacity: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div span {
	font-weight: 700;
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 26px;
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
	right: 26px;
}

.loans-carousel.owl-theme .owl-controls .owl-buttons div.disabled {
	opacity: 0.3;
	pointer-events: none;
}
	*/
.housing-loans-carousel .owl-item {
    padding: 20px 20px 30px;
}

.housing-loans-carousel .owl-item .current-accounts-item.has-icon {
    margin: 0 -20px;
    max-width: calc(100% + 40px) !important;
}

.housing-loans-carousel .owl-prev {
    position: absolute;
    color: #343F4B !important;
    top: 50%;
    left: -70px;
    opacity: 1 !important;
    font-size: 50px !important;
    transform: translateY(-50%);
}

.housing-loans-carousel .owl-next {
    position: absolute;
    color: #343F4B !important;
    top: 50%;
    right: -70px;
    opacity: 1 !important;
    font-size: 50px !important;
    transform: translateY(-50%);
}

.housing-loans-carousel .owl-pagination {
    margin-top: -30px;
    margin-bottom: 20px;
    position: relative;
}

.category-block-items-wrap {
    display: flex;
    flex-wrap: wrap;
}

.category-block-item {
    max-width: 50%;
    width: 100%;
    padding: 0 50px 60px;
    position: relative;
    margin-bottom: 60px;
}

.product-preview-container-button {
    position: relative;
    padding-top: 14px;
    padding-bottom: 14px;
    float: right;
    margin-right: 50px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.new-feature-block-list-item-icon {
    position: absolute;
    left: 0;
    top: 5px;
    max-width: 18px;
    width: 100%;
}

.redesign-cards-section {
    max-width: 1010px;
    padding: 20px 20px 40px;
    margin: 30px auto;
    width: 100%;
}

.redesign-cards-wrap {
    width: 100%;
}

.redesign-cards-wrap .owl-wrapper-outer {
    padding: 40px 0;
}

.redesign-cards-wrap .owl-prev {
    position: absolute;
    color: #343F4B !important;
    top: 50%;
    left: -90px;
    opacity: 1 !important;
    font-size: 50px !important;
    transform: translateY(-50%);
}

.redesign-cards-wrap .owl-next {
    position: absolute;
    color: #343F4B !important;
    top: 50%;
    right: -90px;
    opacity: 1 !important;
    font-size: 50px !important;
    transform: translateY(-50%);
}

.redesign-cards-item {
    padding: 0 10px;
    position: relative;
    margin-bottom: 24px;
}

.redesign-cards-container {
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
}

.safari .redesign-cards-flipper {
    overflow: hidden;
    border-radius: 20px;
}

.redesign-cards-flipper {
    transition: 0.6s ease;
    transform-style: preserve-3d;
    position: relative;
}

.redesign-cards-front {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    background: linear-gradient(135deg, rgb(249, 249, 249) 0%, rgb(220, 220, 220) 24%, rgb(255, 255, 255) 50%, rgb(214, 214, 214) 79%, rgb(226, 226, 226) 100%);
    padding: 20px 20px 80px;
    box-shadow: 0 4px 12px 0 rgba(5, 2, 174, 0.12);
    border-radius: 20px;
}

.redesign-cards-item.loaded .redesign-cards-front,
.redesign-cards-item.loaded .redesign-cards-container,
.redesign-cards-item.loaded .redesign-cards-flipper,
.redesign-cards-item.loaded .redesign-cards-features {
    height: 100% !important;
}

.redesign-cards-item.loaded .redesign-cards-front,
.redesign-cards-item.loaded .redesign-cards-features {
    transition: 0.6s ease;
}

@media only screen and (min-width: 1200px) {
    .redesign-cards-item.loaded .redesign-cards-front {
        transition: 0.6s ease;
    }

    .redesign-cards-item:hover .redesign-cards-front {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .safari .redesign-cards-item:hover .redesign-cards-front .redesign-card-item-img {
        opacity: 0;
    }

    .redesign-cards-item:hover .redesign-cards-features {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .redesign-cards-item:hover .redesign-cards-item-title {
        color: #fff;
    }

    .redesign-cards-item:hover .redesign-cards-checkbox-wrap {
        color: #fff;
        transition-duration: 0.6s;
    }

    .redesign-cards-item:hover .redesign-cards-checkbox-wrap input:not(:disabled) ~ .checkmark {
        background-color: #ec9f00;
        border-color: rgba(255, 255, 255, 0.8);
    }

    .redesign-cards-item:hover .redesign-cards-checkbox-wrap:hover input:not(:disabled) ~ .checkmark {
        background-color: #ff0000;
    }
}

@media only screen and (max-width: 1199px) {
    .redesign-cards-item.loaded .redesign-cards-features {
        transition: 0.6s ease;
    }

    .redesign-cards-item.revealed .redesign-cards-front {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .safari .redesign-cards-item.revealed .redesign-card-item-img {
        opacity: 0;
    }

    .redesign-cards-item.revealed .redesign-cards-features {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .redesign-cards-item.revealed .redesign-cards-item-title {
        color: #fff;
    }

    .redesign-cards-item.revealed .redesign-cards-checkbox-wrap {
        color: #fff;
        transition-duration: 0.6s;
    }

    .redesign-cards-item.revealed .redesign-cards-checkbox-wrap input:not(:disabled) ~ .checkmark {
        background-color: #ec9f00;
        border-color: rgba(255, 255, 255, 0.8);
    }

    .redesign-cards-item.revealed .redesign-cards-checkbox-wrap:hover input:not(:disabled) ~ .checkmark {
        background-color: #ff0000;
    }
}

.redesign-cards-card {
    margin: 0 -20px;
}

.redesign-cards-card .owl-theme .owl-controls .owl-page span {
    background-color: #fff;
    border: 2px solid #ff0000;
    opacity: 0.8;
}

.redesign-cards-card .owl-theme .owl-controls .owl-page.active span {
    background-color: #ff0000;
}

.redesign-cards-top {
    display: flex;
    padding-top: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.redesign-cards-item .redesign-cards-item-title {
    color: #ff0000;
    font-size: 24px;
    line-height: 30px;
    min-height: 60px;
    margin-bottom: 10px;
    padding-bottom: 0;
    position: relative;
    transition: 0.3s ease;
}

.redesign-cards-item-description {
    padding: 16px 0 2px;
}

.redesign-cards-description p {
    font-size: 14px;
}

.redesign-card-item-img {
    padding: 0 20px;
    max-height: 180px;
    width: auto;
    margin: 0 auto;
    display: block;
    -webkit-transition: opacity 0.2s ease-in-out 0.1s;
    -moz-transition: opacity 0.2s ease-in-out 0.1s;
    -ms-transition: opacity 0.2s ease-in-out 0.1s;
    -o-transition: opacity 0.2s ease-in-out 0.1s;
    transition: opacity 0.2s ease-in-out 0.1s;
}

.redesign-cards-features {
    position: absolute;
    top: 0;
    left: 0;
    padding: 80px 20px;
    width: 100%;
    border-radius: 20px;
    background-image: linear-gradient(135deg, #ff1100 0%, #b50000 24%, #ff0000 50%, #b50000 79%, #ff0000 100%);
    /* display: flex;
	align-items: center; */
    z-index: 2;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-shadow: 0 4px 12px 0 rgba(5, 2, 174, 0.12);
}

.redesign-cards-features .redesign-cards-item-title {
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    font-size: 20px;
}

.redesign-cards-features .redesign-cards-cond-title {
    font-weight: 700;
    margin-bottom: 16px;
    color: #fff;
}

.redesign-cards-features .redesign-cards-list-item {
    color: #fff;
}

.redesign-cards-info {
    padding-bottom: 16px;
}

.redesign-cards-cond-title {
    color: #343F4B;
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 4px;
}

.redesign-cards-list-item {
    font-size: 14px;
    color: #605f5f;
    line-height: 22px;
    font-weight: 400;
    padding-left: 26px;
    padding-bottom: 8px;
    position: relative;
    overflow-wrap: anywhere;
}

.redesign-card-cond-list {
    margin-bottom: 10px;
}

.redesign-cards-list-item .redesign-check-icon {
    position: absolute;
    top: 3px;
    left: 0;
    max-width: 16px;
    width: 100%;
}

.no-left-pad {
    padding-left: 0;
}

.redesign-cards-checkbox-wrap {
    display: none;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    color: #343f4b;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.redesign-cards-checkbox-wrap:only-child {
    margin-bottom: 12px;
}

.redesign-cards-checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: -4px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 2px solid #ff0000;
    border-radius: 4px;
    transition: 0.3s ease;
}

.redesign-cards-btn {
    background-color: #ff0000;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 12px 16px;
    transition: 0.3s ease;
    margin-left: 8px;
}

.redesign-cards-btn:visited {
    color: #444;
}

.redesign-cards-btn:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.redesign-cards-checkbox-wrap:hover input ~ .checkmark {
    background-color: #ec9f00;
}

.redesign-cards-checkbox-wrap input:checked ~ .checkmark {
    background-color: #ff0000;
}

.redesign-cards-checkbox-wrap input:disabled ~ .checkmark {
    background-color: lightgray;
    border-color: gray;
}

.redesign-cards-checkbox-wrap input:disabled ~ .checkmark:after {
    opacity: 1;
    visibility: visible;
    border: none;
    color: gray;
    content: "\d7";
    font-size: 22px;
    position: absolute;
    left: 10px;
    top: 0;
}

.redesign-cards-checkbox-wrap.disabled {
    cursor: not-allowed;
}

.checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    display: block;
}

.redesign-cards-checkbox-wrap input:checked ~ .checkmark:after {
    opacity: 1;
    visibility: visible;
    transform: rotate(45deg);
}

.redesign-cards-checkbox-wrap .checkmark:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(90deg);
}

.redesign-cards-bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 30px;
    width: 100%;
    z-index: 5;
}

.redesign-cards-wrap .owl-controls {
    margin-top: 0;
}


@media (min-width: 1200px) {
    .redesign-cards-wrap .owl-pagination {
        display: none;
    }

    .two-items .owl-wrapper-outer {
        margin: 0 auto;
    }
}

@media (max-width: 1199px) {
    .housing-loans-carousel .owl-prev,
    .housing-loans-carousel .owl-next {
        display: none !important;
    }

    .housing-loans-carousel .owl-pagination {
        margin-top: 40px;
        display: block;
    }

    .redesign-cards-right {
        padding-left: 0;
    }

    .redesign-cards-wrap .owl-buttons {
        display: none;
    }
}

.help-blocks {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    padding: 20px 20px 40px;
}

.help-blocks-wrap {
    display: flex;
    margin: 0 -20px;
    justify-content: center;
}

.help-blocks-title {
    color: #343F4B;
    font-size: 36px;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 30px;
}

.help-wrap {
    padding-top: 63px;
}

.help-block-item {
    position: relative;
    border-radius: 5px;
    text-align: center;
    margin: 0 20px;
    flex: 1 1 25%;
    max-width: calc(25% - 40px);
    transition: 0.3s ease;
}

.help-block-content {
    width: 100%;
    position: relative;
    z-index: 10;
    background-color: #ff0000;
    padding: 30px 20px 60px;
    height: 100%;
    border-radius: 5px;
}

.help-block-item::before {
    content: '';
    display: block;
    position: absolute;
    width: 84%;
    height: 100%;
    top: 0;
    left: 8%;
    transition: 0.3s ease;
    box-shadow: 0 8px 24px 5px rgba(0, 0, 0, 0.45);
}

.help-block-item:hover {
    transform: scale(1.1);
}

.help-block-item:hover::before {
    z-index: -1;
}

.help-block-item .icon {
    color: #fff;
    font-size: 48px;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    margin-bottom: 15px;
    display: inline-block;
}

.help-block-item .icon ~ .help-wrap {
    padding-top: 0;
}
.help-block-item .icon ~ .help-wrap * {
    color:white;
}
.help-text {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    margin: 0 auto 16px;
    padding-top: 4px;
    max-width: 80%;
}

.help-btn-wrap {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    text-align: center;
}

.help-btn {
    background-color: #fff;
    border-radius: 5px;
    color: #ff0000;
    padding: 10px 15px;
    transition: 0.3s ease;
}

.help-btn:visited {
    color: #ff0000;
}

.help-btn:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.help-phone {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    line-height: 18px;
    display: block;
    margin-bottom: 15px;
}

.help-address {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    line-height: 18px;
}

/* home slider */
.home-slider {
    position: relative;
}

.home-slider-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    padding-top: 40px;
    padding-left: 85px;
    padding-bottom: 25%;
    position: relative;
    height: 100%;
}

.home-slider-content {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    max-width: 1480px;
    padding: 0 120px;
    margin: 0 auto;
}

.home-slider-title {
    background-color: rgba(255, 255, 255, 0.8);
    color: #343F4B;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    max-width: 380px;
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
}

.home-slider-btn {
    background-color: #ff0000;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    padding: 0 30px;
    transition: 0.3s ease;
    animation-delay: 0.3s;
}

.home-slider-btn:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
}

.home-slider-btn:visited {
    color: #fff;
}

.home-slider-nav {
    width: 100%;
    background-color: rgba(255, 0, 0, 0.05);
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 -4px 6px rgb(0, 0, 0, 0.2);
}

.home-slider-nav .item:nth-child(2) {
    animation-delay: 0.15s;
}

.home-slider-nav .item:nth-child(3) {
    animation-delay: 0.3s;
}

.home-slider-nav .item:nth-child(4) {
    animation-delay: 0.45s;
}

.home-slider-nav .item:nth-child(5) {
    animation-delay: 0.6s;
}

.home-slider-nav-container {
    display: flex;
    max-width: 1020px;
    margin: 0 auto;
    width: 100%;
}

.home-slider-nav .item {
    flex: 1 1 50%;
    max-width: 100%;
    display: flex;
    padding: 16px 16px 12px;
    align-items: center;
    justify-content: center;
}

.home-slider-nav .item-content {
    text-align: center;
    flex-basis: 100%;
}

.home-slider-nav .item,
.home-slider-nav .nav-item-icon,
.home-slider-nav .nav-item-text {
    transition: 0.3s ease-out;
}

.home-slider-nav .item:hover {
    background-color: #ff0000;
}

.home-slider-nav .item:hover .nav-item-icon {
    color: #fff;
    transform: scale(1.3);
}

.home-slider-nav .item:hover .nav-item-text {
    color: #fff;
}

.home-slider .owl-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: unset;
    margin-top: 0;
}

.home-slider .owl-controls .owl-prev {
    left: 40px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.25);
}

.home-slider .owl-controls .owl-next {
    right: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.home-slider-nav .item h1 {
    font-size: 18px;
}

.home-slider-nav .owl-wrapper-outer {
    padding-top: 0px;
}

.nav-item-icon {
    color: #ff0000;
    display: block;
    font-size: 35px;
    padding-bottom: 10px;
    will-change: transform;
}

.nav-item-text {
    color: #ff0000;
    font-size: 16px;
    line-height: 18px;
    max-width: 156px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.time-check-wrap {
    margin: 0 auto;
    max-width: 1200px;
    padding: 40px 20px;
    width: 100%;
    text-align: left;
}

.time-check-title {
    color: #343F4B;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 30px !important;
}

.time-check-item {
    display: flex;
    list-style-type: none;
    margin-bottom: 14px;
    align-items: center;
    min-height: 58px;
    position: relative;
    padding-left: 42px;
}

.time-text-wrap {
    margin-left: 20px;
}

.time-check-item .check-icon {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
}

.time-check-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    max-width: calc(100% - 630px);
}

.time-check-img {
    width: 100%;
}

.time-check-img img {
    display: block;
    margin: 0 auto;
}

.time-item-text {
    display: block;
    color: #343F4B;
    font-size: 18px;
    line-height: 33px;
    font-weight: 500;
}

.time-item-value,
.time-item-value p {
    display: block;
    color: #605f5f;
    font-size: 18px;
    line-height: 33px;
}

.time-item-value a {
    font-size: inherit;
    line-height: inherit;
    color: #ff0000;
    text-decoration: underline;
}

.time-item-value a:hover {
    text-decoration: none;
}

.accordions-redesign-title {
    color: #343F4B;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 24px;
}

.accordions-redesign-wrap {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 40px;
}

.accordion-btn {
    border: 0;
    outline: 0;
    border-bottom: 1px solid #969FAA;
    background-color: #fff;
    color: #ff0000;
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    padding: 16px 54px 16px 24px;
    transition: 0.3s ease;
}

#pageBreadCrumb {
    text-align: left;
}

.accordion-btn:hover,
.accordion-btn:focus {
    background-color: #ff0000;
    color: #fff;
}

.accordion-btn.acc-open {
    border-color: transparent;
}

.accordion-btn.acc-open .icon-chevron-down {
    transform: rotate(180deg);
}

.accordion-btn .icon-chevron-down {
    position: absolute;
    right: 24px;
    top: 23px;
    font-size: 18px;
}

.accordions-redesign-main-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.accordions-redesign {
    list-style-type: none;
    width: 100%;
}

.accordion-content-wrap {
    border-bottom: 1px solid #ff0000;
    display: none;
    text-align: left;
}

.accordion-content-content {
    color: #605f5f;
    font-size: 17px;
    line-height: 22px;
    padding: 20px 24px;
    overflow-wrap: break-word;
}

.accordion-content-content ul,
.accordion-content-content ol {
    padding-left: 18px;
    margin-bottom: 20px;
}

.accordion-content-content ol li {
    list-style: decimal;
    color: #605f5f;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .accordion-content-content ul li,
    .accordion-content-content ol li {
        font-size: 14px;
    }
}

@media only screen and (max-width: 639px) {
    .accordion-content-content ul li,
    .accordion-content-content ol li {
        font-size: 12px;
    }
}

.acc-description {
    border: 2px solid #ff0000;
    max-width: 850px;
    margin: 0 auto;
    width: 100%;
    padding: 10px;
    margin-bottom: 40px;
}

.acc-description,
.acc-description * {
    color: #605f5f;
    font-size: 16px;
    line-height: 1.2;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .nav-item-icon {
        font-size: 30px;
    }

    .help-text {
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .nav-item-icon {
        font-size: 28px;
    }

    .nav-item-text {
        font-size: 14px;
        line-height: 16px;
    }
}

.help-blocks-vertical .help-blocks-wrap {
    display: inline-block
}

.help-blocks-vertical .help-block-item {
    width: 100%;
}

.help-blocks-vertical .help-btn {
    position: relative;
}

.help-blocks-vertical .help-blocks-wrap {
    display: inline-block
}

.help-blocks-vertical .help-block-item {
    width: 100%;
}

.help-blocks-vertical .help-btn {
    position: relative;
}

.digital-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 15.1%;
    position: relative;
}

.digital-banner-title {
    color: #5A6978 !important;
    font-size: 40px !important;
    font-weight: bold !important;
    line-height: 52px;
    padding-top: 40px;
    padding-left: 150px;
}

.bank-video-module {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 20px;
    width: 100%;
    text-align: left;
}

.bank-video-module-title {
    color: #343f4b !important;
    font-size: 36px !important;
    font-weight: bold !important;
    line-height: 42px;
    padding-bottom: 10px;
}

.bank-video-module-desc {
    padding-bottom: 30px;
}

.bank-app-video {
    margin: 0 auto 20px;
    max-width: 420px;
    width: 100%;
}

.bank-app-video .video-item {
    padding-bottom: 56.25%;
    position: relative;
}

.bank-app-video-title {
    color: #343F4B;
    font-size: 30px !important;
    font-weight: bold !important;
    line-height: 36px;
    text-align: center;
    padding-bottom: 10px;
}

.bank-app-info {
    align-items: center;
    display: flex;
    justify-content: center;
}

.bank-app-ico {
    border-radius: 5px;
    margin: 10px 35px;
    max-width: 140px;
    width: auto;
}

.new-feature-block {
    margin: 40px auto;
    max-width: 1200px;
    text-align: right;
    padding: 0 20px;
    width: 100%;
}

.new-feature-block-icon {
    color: #000;
    display: block;
    font-size: 28px;
    margin-bottom: 10px;
    max-width: 80px;
}

.new-feature-block-title {
    color: #343F4B !important;
    font-size: 36px !important;
    font-weight: bold !important;
    line-height: 42px;
    padding-bottom: 20px;
    text-align: left;
}

.new-feature-block-item-title {
    color: #343F4B !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 33px;
}

.new-feature-block-item-subtitle {
    color: #605f5f;
    font-size: 18px !important;
    line-height: 30px !important;
}

.new-feature-block-list {
    padding: 0 0 40px;
}

.new-feature-block-list-item {
    display: flex;
    color: #605f5f;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}

.new-feature-block-list-item .icon-check-square {
    color: #605f5f;
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 0;
}

.new-feature-block-wrap {
    display: flex;
    margin-bottom: 40px;
}

.new-feature-block-item {
    max-width: 33.333%;
    padding: 0 20px;
    text-align: left;
    width: 100%;
}

.new-feature-block-item:nth-child(2) {
    animation-delay: 0.2s;
}

.new-feature-block-item:nth-child(3) {
    animation-delay: 0.4s;
}

.new-feature-block-btn {
    font-size: 16px;
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 15px;
}

.mobile-bank-video-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    text-align: right;
}

.mobile-bank-video-wrap > div {
    display: flex;
    flex-wrap: wrap;
}

.mobile-bank-video-title {
    color: #343F4B !important;
    font-size: 30px !important;
    font-weight: bold !important;
    line-height: 36px;
    padding-bottom: 30px;
    text-align: left;
}

.mobile-bank-video-item-title {
    color: #343F4B !important;
    font-weight: bold !important;
    font-size: 28px !important;
    line-height: 33px;
    padding-top: 15px;
}

.mobile-bank-videos {
    display: flex;
}

.mobile-bank-parent {
    padding: 0 20px;
    max-width: 33.333%;
    margin-bottom: 30px;
    width: 100%;
    text-align: left;
}

.mobile-block-btn {
    background-color: #ff0000;
    border-radius: 5px;
    color: #fff !important;
    font-size: 16px;
    padding: 5px 15px;
    transition: 0.3s ease;
}

.mobile-block-btn:hover {
    background-color: #dbdddd;
    color: #000;
}

.cards-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 25%;
}

.business-home-page-content .banner figure {
    height: 400px;
}

.title-subtitle-redesign {
    padding: 30px 0;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px 0;
    width: 100%;
}

.title-subtitle-title-redesign {
    color: #343F4B !important;
    font-weight: bold !important;
    font-size: 30px !important;
    line-height: 36px;
}

.title-subtitle-text-redesign {
    color: #605f5f;
    line-height: 22px;
}

.new-list-block {
    padding: 80px 20px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.new-list-block-title {
    color: #343F4B !important;
    font-size: 30px !important;
    line-height: 36px;
    padding-bottom: 25px;
}

.new-list-block-list {
    column-count: 2;
    width: 100%;
}

.new-list-block-item {
    color: #343F4B;
    font-size: 22px;
    line-height: 26px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 30px;
}

.new-list-block-item span {
    position: absolute;
    left: 0;
    top: 3px;
}

.new-list-block-item img {
    width: 25px;
    height: 25px;
}

.working-steps {
    max-width: 1200px;
    margin: 0 auto 20px;
    padding: 30px 20px 0;
    width: 100%;
}

.working-steps-title {
    color: #343F4B !important;
    font-weight: bold !important;
    font-size: 36px !important;
    line-height: 42px;
    margin-bottom: 30px !important;
}

.working-steps-text {
    color: #343F4B !important;
    font-size: 17px;
    line-height: 22px;
}

.time-check-container,
.working-steps-wrap {
    display: flex;
}

.working-steps-list-item {
    font-size: 17px;
    color: #343F4B !important;
    line-height: 22px;
    position: relative;
    padding-left: 50px;
    margin-bottom: 25px;
}

.time-check-list,
.working-steps-list {
    padding-right: 40px;
    max-width: 630px;
    width: 100%;
}

.working-steps-list {
    padding-top: 10px;
}

.working-steps-list:only-child,
.time-check-list:only-child {
    max-width: 100%;
    padding-right: 0;
}

.working-steps-counter {
    background-color: #ff0000;
    border-radius: 100%;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 35px;
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.working-steps-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    max-width: calc(100% - 630px);
}

.working-steps-img {
    width: 100%;
}

.working-steps-image iframe {
    width: 100%;
}

.calculator-with-blocks-wrap {
    max-width: 1200px;
    padding: 40px 20px;
    width: 100%;
    margin: 0 auto;
}

.calculator-blocks-wrap {
    display: flex;
}

.calculator-block {
    flex: 0 0 100%;
    max-width: 100%;
}

.calculator-with-blocks-wrap .calculator-banner .banner.banner-text-left figcaption {
    top: auto !important;
    position: relative !important;
    transform: none !important;
}

.calculator-with-blocks-wrap .calculator-banner .banner figure {
    background-image: none !important;
}

.calc-with-block-btn {
    background-color: #ff0000;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 32px;
    padding: 5px 25px;
    margin: 10px;
}

.calc-with-block-btn:visited {
    color: #fff;
}

.calc-with-block-btn:hover {
    color: #fff !important;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.calc-btn-white {
    background-color: #FFFFFF;
    border: 1px solid #ff0000;
    border-radius: 5px;
    color: #ff0000 !important;
}

.calc-btn-white:hover {
    color: #ff0000 !important;
}

.calculator-block-btns {
    text-align: center;
}

.calculator-blocks-wrap .help-blocks-title {
    color: #343F4B;
    font-weight: bold;
    font-size: 30px;
    line-height: 33px;
}

.calculator-blocks-wrap .help-text {
    color: #343F4B;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
}

.calculator-blocks-wrap .help-blocks-wrap {
    background-color: #F9FAFA;
    border-radius: 29px;
}

.calculator-blocks-wrap .help-blocks-wrap .help-block-item {
    background-color: transparent;
}

.calculator-with-blocks-wrap-title {
    color: #343F4B !important;
    font-weight: bold !important;
    font-size: 36px;
    line-height: 42px;
}

/* Apply now component */

.calculator-with-blocks.centered {
    background-color: rgba(255, 0, 0, 0.05);
}

.calculator-with-blocks.centered .calculator-with-blocks-wrap-title {
    text-align: center;
}

.comparison-preview {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    height: 160px;
    padding: 0 30px;
    display: none;
    background-color: rgba(248, 167, 14, 0.8);
}

.comparison-preview__holder {
    width: 100%;
    display: flex;
    justify-content: center;
    color: white;
    overflow: hidden;
    overflow-x: auto;
    padding: 40px 0 30px;
}

.comparison-preview--open {
    display: flex;
    align-items: center;
}

.comparison-preview__close {
    position: fixed;
    right: 20px;
    bottom: 125px;
    font-size: 32px;
    cursor: pointer;
    z-index: 999;
    transition: 0.3s ease;
}

.comparison-preview__close:hover {
    color: #ff0000;
}

.comparison-preview__card-container {
    display: flex;
    margin-left: 50px;
}

.comparison-preview__card {
    height: 80px;
    margin: 0px 30px;
    flex-shrink: 0;
    position: relative;
    max-width: 350px;
    box-shadow: 0 14px 30px rgba(5, 2, 174, 0.2), 0 8px 16px rgba(5, 2, 174, 0.2);
    border-radius: 10px;
}

.comparison-preview__card-remove {
    position: absolute;
    right: -15px;
    top: -15px;
    height: 29px;
    width: 29px;
    border-radius: 50%;
    cursor: pointer;
    color: #ff0000;
    z-index: 99;
    box-sizing: border-box;
    background-color: #fff;
    transition: 0.3s ease;
}

.comparison-preview__card-remove:hover {
    background-color: #ff0000;
    color: #fff;
}

.comparison-preview__card-image-container {
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.comparison-preview__card-image {
    height: 100%;
    max-width: 100%;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

.comparison-preview__card-remove::after {
    content: "\2716";
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comparison-preview__button {
    background-color: #ff0000;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    padding: 18px 16px;
    font-family: 'Roboto', sans-serif;
    min-width: 150px;
    transition: 0.3s ease;
    margin-right: 30px;
    align-self: center;
}

.comparison-preview__button:hover {
    background-color: #fff;
    color: #ff0000;
}

.card-comparison {
    max-width: 1300px;
    margin: 50px auto;
}

.card-comparison__top {
    text-align: center;
    padding: 10px 80px;
    margin-bottom: 20px;
    position: relative;
}

.card-comparison__back.btn {
    padding: 5px 10px;
    background-color: #ff0000;
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 0 !important;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    transition: 0.3s ease;
    border: 0;
}

.card-comparison__back .icon {
    font-size: 20px;
    color: #fff;
    transition: 0.3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 0 0 2px !important;
}

.card-comparison__back.btn:hover {
    background-color: #ff0000;
    transform: scale(1.2);
}

.card-comparison__back.btn:active {
    background-color: #ec9f00;
}

.card-comparison__back.btn:hover .icon {
    color: #ff0000;
}

.card-comparison__cards-wrap {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.card-comparison__cards {
    font-size: 0;
    white-space: nowrap;
    cursor: move;
    cursor: -moz-grab;
}

@media only screen and (max-width: 1199px) {
    .card-comparison__cards {
        width: 100%;
        overflow-x: auto;
    }
}

.card-comparison__card {
    margin: 0 10px;
    box-shadow: 0 4px 16px 0 rgba(5, 2, 174, 0.12);
    border-radius: 15px;
    position: relative;
    padding-bottom: 44px;
    width: 300px;
    white-space: normal;
    vertical-align: top;
    display: inline-block;
    text-align: left;
}

.card-comparison__card-top-holder {
    width: 100%;
    margin-bottom: 140px;
    transition: 0.3s ease;
}

.card-comparison__card-top-holder.sticky {
    margin-bottom: 0;
}

.card-comparison__card-top-holder.sticky ~ .card-comparison__card-info {
    transform: translateY(140px);
}

.card-comparison__card-top {
    padding: 20px;
    height: 160px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 8;
    transition: 0.3s ease;
}

.card-comparison__card-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    transition: 0.3s ease;
    background: linear-gradient(135deg, rgb(249, 249, 249) 0%, rgb(220, 220, 220) 24%, rgb(255, 255, 255) 50%, rgb(214, 214, 214) 79%, rgb(226, 226, 226) 100%);
    z-index: -1;
}

.card-comparison__card-top.is_stuck {
    border-radius: 0;
    height: 160px;
}

.card-comparison__card-top.is_stuck::before {
    height: 160px;
}

.card-comparison__card-top.is_stuck .card-comparison__card-image-container {
    transform: scale(0.5) translateY(-60px) rotate(10deg);
}

.card-comparison__card-top.is_stuck .card-comparison__card-name {
    transform: translateY(-60px);
}

.card-comparison__card-top.is_stuck .card-comparison__card-description {
    display: none;
}

.card-comparison__card-image-container {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
    transition: 0.3s ease;
    margin-bottom: 10px;
}

.card-comparison__card-image {
    /* width: 100%; */
    border-radius: 10px;
    width: auto;
    max-height: 150px;
    margin: 0 auto;
    display: block;
}

.card-comparison__card-name {
    color: #ff0000;
    font-size: 20px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 28px;
    transition: 0.3s ease;
}

.card-comparison__card-description {
    transition: 0.1s ease;
}

.card-comparison__card-description p {
    color: #4f4f4f;
    font-size: 14px;
    position: relative;
    height: 4.8em;
    overflow: hidden;
    letter-spacing: 0;
}

.card-comparison__card-info {
    padding: 20px;
    transition: 0.3s ease;
}

.card-comparison__info-section {
    margin-bottom: 5px;
}

.card-comparison__info-section-title {
    font-size: 15px;
    border-bottom: 1px solid #ff0000;
    padding: 2px 0 6px;
    color: #000;
    font-weight: 500;
}

.card-comparison-info-subsection {
    margin-top: 10px;
    padding-bottom: 20px;
}

.card-comparison-info-subsection-title {
    margin-bottom: 4px;
    font-weight: normal;
    font-size: 15px;
    color: #000;
}

.card-comparison-info-subsection-text {
    color: #ff0000;
    font-size: 14px;
    display: block;
}

.card-comparison-list-item {
    line-height: 20px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 2px;
}

.card-comparison-list-item-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    max-width: 15px;
    width: 100%;
}

.card-comparison__card-link {
    display: block;
    background-color: rgb(0, 105, 126);
    color: #fff;
    text-align: center;
    padding: 15px 28px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: 700;
    font-size: 15px;
    transition: 0.3s ease;
}

.card-comparison__card-link:hover {
    background-color: #ec9f00;
}

.card-comparison__card-link:active {
    background-color: #ec9f00;
}

.card-comparison__card-link:visited {
    color: #fff;
}

.general-calculator-block-wrapper {
    position: relative;
}

.general-calculator-block-title {
    left: 0;
    top: 0;
    position: absolute;
    color: #343F4B;
    font-size: 36px;
    line-height: 42px;
    padding: 0 20px;
}

.calculator-with-blocks-wrap .general-calculator-block-title {
    display: none;
}

.general-calculator-block {
    margin-top: 40px;
}

.video-item.current-account-image {
    height: initial;
    margin-bottom: 0;
    background-position: center;
    background-size: cover;
}

.video-item.current-account-image .video-item-overlay {
    height: 100%;
}

.current-account-bottom-image-container {
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 25px;
    margin-bottom: 25px;
}

.current-account-bottom-image {
    max-width: 100%;
    max-height: 250px;
}

.current-account-bottom-image-container .box-btn {
    position: relative;
}

.bp-image-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    height: 450px;
    position: relative;
}

.bp-image-banner.small {
    height: 300px;
}

.bp-image-banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    max-width: 1320px;
    padding: 0 40px;
    margin: 0 auto;
    text-align: left;
}

.bp-image-banner-title,
.bp-image-banner-subtitle {
    background-color: rgba(255, 255, 255, 0.8);
    color: #343F4B;
    font-weight: 700;
    line-height: 34px;
    width: 100%;
}

.bp-image-banner-title,
.ebank-section .bp-image-banner-title {
    max-width: 380px;
    font-size: 28px;
    margin-bottom: 30px;
    padding: 10px;
}

.bp-image-banner-subtitle,
.ebank-section .bp-image-banner-subtitle {
    max-width: 480px;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    padding: 5px 10px;
    animation-delay: 0.2s;
}

.bp-image-banner-btn {
    background-color: #ff0000;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    padding: 0 30px;
    transition: 0.3s ease;
    animation-delay: 0.4s;
}

.bp-image-banner-btn:hover,
.bp-image-banner-btn:visited {
    color: #fff;
}

.bp-image-banner-btn:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.logos .promo-inner-section a {
    transition: 0.2s ease;
}

.logos .promo-inner-section a:hover {
    transform: scale(1.25);
}

.ui-draggable-handle {
    -ms-touch-action: initial !important;
    touch-action: initial !important
}

.video-background-banner {
    width: 100%;
    position: relative;
    height: 450px;
}

.video-background-banner.small {
    height: 300px;
}

.video-background-banner-tv {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-background-banner-screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    opacity: 0;
    transition: opacity .5s;
}

.video-background-banner-screen.active {
    opacity: 1;
}

.video-background-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.video-banner-button {
    width: 46px;
    height: 46px;
    background-color: #ff0000;
    position: absolute;
    bottom: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    transition: 0.3s ease-out;
    display: block;
    z-index: 10;
}

.video-banner-button:hover {
    transform: translateY(-3px);
    box-shadow: 0px 12px 24px -5px rgba(0, 0, 0, 0.8);
}

.video-banner-button .icon {
    position: absolute;
    color: #444;
    display: block;
}

.video-banner-play-btn {
    right: 110px;
}

.video-banner-play-btn .icon-play-material {
    top: 3px;
    left: 2px;
    max-width: 42px;
    display: block;
}

.video-banner-play-btn.is-playing .icon-play-material {
    display: none;
}

.video-banner-play-btn .icon-pause-material {
    top: 7px;
    left: 6px;
    max-width: 34px;
    display: none;
}

.video-banner-play-btn.is-playing .icon-pause-material {
    display: block;
}

.video-banner-mute-btn {
    right: 50px;
}

.video-banner-mute-btn .icon {
    top: 6px;
    left: 14px;
    font-size: 34px;
}

.video-banner-mute-btn .icon-mute {
    display: none;
}

.video-banner-mute-btn.is-muted .icon-mute {
    display: block;
}

.video-banner-mute-btn .icon-volume {
    display: block;
}

.video-banner-mute-btn.is-muted .icon-volume {
    display: none;
}

.current-accounts-title.redesign-cards-section-title {
    margin-bottom: 15px;
}

.redesign-cards-section-subtitle {
    font-size: 18px;
    color: #9a9c9c;
    margin-bottom: 20px;
    margin-left: 5px;
    letter-spacing: .02em;
}

/* REVERTED STYLES */

/*-----------------------------------------------------------------------------*/
/*---------------------------------- LOANS ------------------------------------*/
/*-----------------------------------------------------------------------------*/
.loans {
    text-align: center;
    padding: 60px 0 74px;
}

.loans h2 {
    font-weight: normal;
}

.loans .banner h2 {
    font-weight: 500;
    line-height: 1.1;
}

.banner.banner-text-right figcaption {
    text-align: right;
    float: right;
    margin-right: 6.666666%;
}

.loans .banner figure {
    height: 470px;
}

.loans .tab-container {
    margin-top: 49px;
}

.loans-title-carousel .tab-header {
    width: 100%;
    margin: 0;
}

.loans-title-carousel .owl-item {
    text-align: center;
}

.loans .banner figcaption {
    top: 90px;
}

.banner figcaption .btn {
    margin-top: 7px;
}

.loans .owl-theme .owl-controls .owl-buttons div {
    background: none;
    color: #ff0000;
    font-size: 26px;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-90%);
    -moz-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    -o-transform: translateY(-90%);
    transform: translateY(-90%);
}

.loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -83px;
}

.loans .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -83px;
}

.loans .owl-theme .owl-controls .owl-buttons div:hover {
    opacity: .8;
}

.loans .tabs-header-container .owl-theme .owl-controls .owl-buttons div {
    color: #000000;
}

.loans .owl-theme .owl-controls .owl-buttons div.disabled {
    display: none;
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------- TABS ------------------------------------*/
/*-----------------------------------------------------------------------------*/
.tab-header a {
    position: relative
}

.tab-header a:after {
    content: '';
    width: 100%;
    height: 0;
    background: #f7aa3c;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.tab-header a:link,
.tab-header a:visited {
    font-size: 20px;
    font-weight: 300;
    color: #000000;
    display: inline-block;
    padding: 0 6px 24px;
}

.tab-header a:active,
.tab-header a:hover {
    /*font-weight: normal;*/
}

.tab-header.active a:after,
.tab-header a:active:after,
.tab-header a:hover:after {
    height: 2px;
}

.synced .tab-header a:after {
    height: 2px;
}

.tab-header.active a:hover {
    cursor: default;
}

.tab-content:not(.active) {
    opacity: 0;
    visibility: hidden;
}

.tab-content.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.tab-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .7s linear;
    -moz-transition: all .7s linear;
    -ms-transition: all .7s linear;
    -o-transition: all .7s linear;
    transition: all .7s linear;
}

.loans .tab-content-container {
    height: 470px;
    width: 100%;
}

/*------------------------------------------------------------------------------------*/
/*--------------------------------- BANNER SECTION -----------------------------------*/
/*------------------------------------------------------------------------------------*/
.banner-section ul {
    margin: 26px 0 23px 22px;
    width: 100%;
    float: left;
}

.banner-section ul li {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    list-style: none;
    margin-bottom: 22px;
    float: left;
    width: 50%;
    padding-left: 42px;
    color: #2d261d;
    color: rgba(0, 0, 0, .9);
    letter-spacing: .05em;
    position: relative;
}

.banner-section ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../Media/0858-checkmark-circle-blue.png) no-repeat;
}

.banner-section .banner.banner-text-left figcaption {
    top: 72px;
    width: 50%;
}

.banner.white,
.banner.white h2,
.banner.white p {
    color: #ffffff;
}

.banner.white .btn.btn-border-orange {
    color: #ffffff;
    white-space: nowrap;
}

.banner.banner-text-right figure {
    background-position: left center;
}

.banner.white figure {
    height: 510px;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------- LOAN SECTION ----------------------------------*/
/*--------------------------------------------------------------------------------*/
.loan-section .intro {
    text-align: center;
    padding-top: 76px;
    padding-bottom: 5px;
}

.loan-section h2 {
    font-size: 40px;
    font-weight: normal;
    color: #ff0000;
    margin-bottom: 7px;
}

.loan-chars {
    text-align: center;
    background: #f3edda;
    padding: 50px 0 37px;
    font-size: 15px;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 87px;
}

.loan-chars .circle {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-radius: 50%;
    font-size: 40px;
    text-align: center;
    line-height: 75px;
}

.loan-chars .circle.orange {
    background: #f7aa3c;
    color: #ffffff;
}

.loan-chars h3 {
    font-size: 23px;
    font-weight: 700;
    color: #ff0000;
    margin: 26px 0 10px;
}

.loan-chars li {
    position: relative;
    margin-bottom: 5px;
}

.loan-chars li:before {
    content: "\e934";
    font-family: 'Linearicons';
    font-size: 12px;
    display: inline-block;
    color: #000000;
    margin-right: 7px;
}

.collapse-row {
    margin-bottom: 60px;
    width: 100%;
    float: left;
}

.collapse-title {
    font-size: 30px;
    color: #ff0000;
    padding: 7px 30px 7px 0;
    border-bottom: 2px solid currentColor;
    width: 100%;
    float: left;
    line-height: 1;
    position: relative;
}

.collapse-title .collapse-arrow {
    float: right;
    display: inline-block;
    font-size: 12px;
    background: #ff0000;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    line-height: 21px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.collapse-title .collapse-arrow .icon-chevron-down,
.collapse-title .collapse-arrow .icon-chevron-down-circle {
    display: inline-block;
    line-height: 21px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.collapse-title .collapse-arrow .icon-chevron-down {
    position: relative;
    left: 1px;
}

.collapse-title.active .icon-chevron-down {
    -webkit-transform-origin: 40% 47%;
    -moz-transform-origin: 40% 47%;
    -ms-transform-origin: 40% 47%;
    -o-transform-origin: 40% 47%;
    transform-origin: 40% 47%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.collapse-title:hover {
    cursor: pointer;
}

.loan-section {
    padding-bottom: 80px;
}

.loan-section .collapse-content {
    padding: 29px 0 0;
    width: 100%;
    float: left;
}

.collapse-content:not(.active) {
    display: none;
}

.loan-section .collapse-content .select-box.area {
    max-width: 310px;
}

.loan-section .collapse-content b {
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 4px;
    display: inline-block;
}

.loan-section .collapse-content p:not(:last-child) {
    margin-bottom: 45px;
    color: #666666;
}

.loan-section .collapse-content a:link,
.loan-section .collapse-content a:visited {
    color: #000000;
    text-decoration: underline;
}


.loan-section .network:before {
    content: "\e77a";
}

.loan-section .interested:before {
    content: "\e71a";
}

.loan-section .collapse-content a[href*='tel'] {
    font-size: 20px;
    text-decoration: none;
}

.loan-section .collapse-content a[href*='tel']:not(:last-child):after {
    content: '/';
    display: inline-block;
    margin-left: 5px;
}


.banner figcaption .iconed > [class*='icon'] {
    font-size: 36px;
    color: #ff0000;
    vertical-align: top;
    display: inline-block;
}

.banner figcaption .iconed > span:nth-child(2) {
    display: inline-block;
    width: calc(100% - 100px);
    margin-left: 10px;
}

/*--------------------------------------------------------------------------------*/

.slider ul {
    padding-right: 0;
}

.slider ul li {
    padding: 0;
}

.slider .caption h3 a,
.slider .caption h3 a:link,
.slider .caption h3 a:visited {
    color: #ff0000;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0;
}

.slider .caption h3 a span {
    display: inline-block;
    margin-left: 6px;
    color: #ff0000;
    vertical-align: text-top;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.slider .caption h3 a:hover span {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.slider .owl-theme .owl-controls .owl-page span {
    background: none;
    width: 14px;
    height: 14px;
    border: 1px solid #ff0000;
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
    margin: 0 3px;
}

.slider .owl-theme .owl-controls .owl-page.active span {
    background: #ec9f00;
}

.slider .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ff0000;
}

.slider .owl-theme .owl-controls {
    margin-top: 0;
}

.tab-section .tab-content {
    position: relative;
    padding-top: 30px;
    overflow: hidden;
    justify-content: center;
    display: none;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.tab-section .tab-header a:visited {
    padding: 0 30px 24px;
    width: 160px;
}

.owl-buttons .owl-next::before,
.owl-buttons .owl-prev::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 50%;
    background-color: #ec9f00;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 0.25s;
}

.owl-carousel:hover .owl-buttons .owl-next::before,
.owl-carousel:hover .owl-buttons .owl-prev::before,
.owl-carousel.pulsating .owl-buttons .owl-next::before,
.owl-carousel.pulsating .owl-buttons .owl-prev::before {
    animation-name: pulse;
}

@media screen and (max-width: 1199px) {
    .home-slider-content {
        padding-left: 40px;
        padding-right: 40px;
    }

    .home-slider .owl-controls {
        top: auto;
        bottom: 50px;
        transform: none;
    }

    .home-slider-nav {
        position: relative;
        bottom: auto;
        left: auto;
    }
}

@media screen and (max-width: 1024px) {
    .time-check-container,
    .working-steps-wrap {
        display: block;
    }

    .time-check-list,
    .working-steps-list {
        max-width: 100%;
        padding: 30px 0;
    }

    .time-check-image,
    .working-steps-image {
        max-width: 100%;
    }

    .help-block-item {
        flex-basis: 33.333%;
        max-width: calc(33.333% - 40px);
    }
}

@media only screen and (max-width: 1023px) {
    .box-item .box-item-link {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 20px;
    }

    .banner-buttons-wrap {
        padding-left: 3.333333%;
        padding-right: 3.333333%;
    }

    .banner-buttons-content {
        padding: 20px 40px;
    }

    .banner-buttons-title {
        font-size: 32px;
        line-height: 42px;
    }

    .banner-with-btns .hi-icon-wrap {
        padding: 20px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .comparison-preview__card {
        margin-left: 20px;
        margin-right: 20px;
    }

    .comparison-preview__button {
        margin-left: 20px;
    }

    .working-steps {
        margin-bottom: 40px;
    }

    .video-banner-play-btn {
        right: 90px;
    }

    .video-banner-mute-btn {
        right: 30px;
    }
}

@media (max-width: 767px) {
    .ebank-section .rte-block h3,
    .general-calculator-block-title {
        font-size: 25px;
        line-height: 33px;
    }

    .how-section ul li .text {
        max-width: 100%;
    }

    .banner-buttons-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cards-banner {
        padding-bottom: 56.25%;
    }

    .mobile-bank-parent {
        max-width: 100%;
    }

    .mobile-bank-videos {
        display: block;
    }

    .new-feature-block-wrap {
        display: block;
    }

    .new-feature-block-item {
        max-width: 100%;
        margin: 20px 0;
    }

    .bank-app-info {
        display: block;
        text-align: center;
    }

    .digital-banner-title {
        padding-top: 30px;
        padding-left: 20px;
    }

    .home-slider-nav-container {
        flex-wrap: nowrap;
    }

    .home-slider-nav .item {
        flex: 1 1 auto;
        max-width: 50%;
        min-width: 20%;
        padding: 10px 5px;
    }

    .home-slider-nav .nav-item-text {
        font-size: 12px;
        line-height: 14px;
    }

    .home-slider-nav .nav-item-icon {
        font-size: 28px;
    }

    .home-slider-content {
        top: 50%;
        transform: translateY(-50%);
    }

    .home-slider-item {
        padding-bottom: 52%;
    }

    .home-slider .owl-controls {
        display: none !important;
    }

    .home-slider-item {
        padding-left: 20px;
        padding-top: 55px;
    }

    .home-slider-title {
        font-size: 22px;
        line-height: 30px;
    }

    .box-item {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .box-item-link {
        font-size: 18px;
    }

    .three-box-wrap {
        display: block;
    }

    .three-box-item {
        width: 100%;
    }

    .three-box-title {
        font-size: 20px;
    }

    .box-btn {
        font-size: 16px;
    }

    .banner-buttons-content {
        margin: 40px 0;
        padding: 15px 20px;
    }

    .banner-with-btns {
        height: 420px;
    }

    .banner-with-btns .hi-icon-wrap {
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: 4px;
    }

    .banner-with-btns .filter_button {
        width: 70px;
        margin-bottom: 5px;
    }

    .banner-with-btns .filter_button .hi-icon {
        font-size: 20px;
        width: 50px;
        height: 50px;
        margin-bottom: 12px;
    }

    .banner-with-btns .filter_button .hi-icon::before {
        line-height: 46px;
    }

    .banner-buttons-title {
        font-size: 24px;
    }

    .video-banner-play-btn {
        right: 65px;
        bottom: 10px;
    }

    .video-banner-mute-btn {
        right: 10px;
        bottom: 10px;
    }

    .filter_button {
        margin-bottom: 15px;
    }

    .current-accounts-items-wrap {
        display: block;
    }

    .current-accounts-item {
        margin-bottom: 25px;
    }

    .current-accounts-title,
    .ebank-section .current-accounts-title {
        font-size: 25px;
        line-height: 33px;
    }

    .current-accounts-item-title {
        font-size: 21px;
    }

    .current-accounts-item-subtitle {
        font-size: 18px;
    }

    .current-acc-list {
        font-size: 16px;
    }

    .category-block-items-wrap {
        display: block;
    }

    .category-block-item {
        max-width: 100%;
        padding: 0 25px 40px;
    }

    .help-wrap {
        padding-top: 0;
    }

    .help-blocks-title {
        font-size: 25px;
        line-height: 33px;
    }

    .help-blocks-wrap {
        max-width: 240px;
        margin: 0 auto;
        display: block;
    }

    .help-block-item {
        margin: 0 0 25px;
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .help-block-item .icon {
        font-size: 40px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .help-block-content {
        padding: 20px 15px 60px;
        height: auto;
    }

    .help-text {
        font-size: 15px;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .help-phone {
        margin-bottom: 10px;
    }

    .working-steps {
        margin-bottom: 30px;
    }

    .acc-description {
        width: calc(100% - 40px);
    }

    .accordions-redesign-wrap {
        margin-bottom: 20px;
    }

    .accordion-btn {
        font-size: 16px;
        line-height: 22px;
        padding: 10px 40px 10px 0;
    }

    .accordion-btn .icon-chevron-down {
        right: 15px;
        top: 15px;
        font-size: 14px;
    }

    .accordion-content-content {
        padding: 15px 10px;
    }

    .accordion-content-content p:last-child {
        margin-bottom: 0;
    }

    .time-check-title {
        font-size: 25px;
    }

    .working-steps-title {
        font-size: 25px !important;
    }

    .bank-video-module-title {
        font-size: 25px !important;
    }

    .calculator-with-blocks-wrap-title {
        font-size: 25px !important;
    }

    .accordions-redesign-title {
        font-size: 25px;
    }

    .time-check-item .check-icon {
        width: 36px;
        height: 36px;
    }

    .time-check-item {
        padding-left: 30px;
        min-height: 44px;
    }

    .bp-image-banner {
        height: 400px;
    }

    .bp-image-banner-content {
        padding: 0 20px;
    }

    .bp-image-banner-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
        max-width: 100%;
    }

    .bp-image-banner-subtitle {
        font-size: 18px;
        line-height: 26px;
        max-width: 100%;
    }

    .bp-image-banner-btn {
        font-size: 16px;
    }

    .three-box-wrap.housing-loans-carousel {
        padding-left: 0;
        padding-right: 0;
    }

    .housing-loans-carousel .owl-pagination {
        margin-top: 0;
    }

    .product-preview-container-button {
        margin-right: 0;
    }

    .new-feature-block-info {
        height: auto !important;
    }

    .comparison-preview {
        padding: 0 16px;
    }

    .comparison-preview__holder {
        justify-content: flex-start;
    }

    .comparison-preview__card {
        margin-left: 0;
        margin-right: 20px;
        height: 60px;
    }

    .comparison-preview__card-container {
        margin-left: 16px;
    }

    .comparison-preview__button {
        margin-left: 20px;
        min-width: 100px;
        padding: 5px 8px;
        height: 36px;
    }

    .card-comparison__back.btn {
        width: 38px;
        height: 38px;
        font-size: 16px;
        top: 0;
    }

    .card-comparison__top {
        padding: 60px 20px 10px;
    }

    .calc-with-block-btn {
        margin-bottom: 16px;
    }

    .owl-carousel {
        padding-top: 20px;
    }

    .owl-theme .owl-controls {
        margin-top: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .home-slider-slider {
        padding-top: 0;
    }
}

.contact .upload-files-button {
    float: none;
    margin-bottom: 10px !important;
}

.contact .deleteButtonsForm {
    background: transparent;
    border: 0;
    font-weight: 700;
    margin-left: 10px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    60% {
        opacity: 0.25;
        transform: scale(1.25);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

/* END REVERTED STYLES */
.plans {
    text-align: center;
    padding: 70px 0 0 0;
}

.plans h2 {
    font-weight: normal;
}

.filters {

    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    /*max-width: 1200px;*/
    margin: 0 auto;
    padding: 0;
    background-position: top center;
    margin: 0 0 80px 0;
    overflow: hidden;
    position: relative;
    background-image: url('../Files/banners/filter_banner.jpg');
}

/*
	Generic Styling, for Desktops/Laptops
	*/
#table1 table {
    margin: 0 auto;
    margin-bottom: 100px;
    /*white-space: nowrap;*/
    padding-top: 35px;
    width: 100%;

}

/* Zebra striping */
#table1 tr:nth-of-type(even) {
    background: #f7f7f7;
    border-top: solid 1px #c5bfab;
    border-bottom: solid 1px #c5bfab;
}

.table1-header {
    background: transparent;
    font-weight: bold;
    position: relative;
    right: -50px;
    bottom: 15px;
    display: table-cell !important;
    float: none !important;
    /*white-space: nowrap;*/
    text-align: left;
    vertical-align: bottom;
    max-width: 45px;

}

#table1 td {
    padding: 20px 10px;
    /*		border: 1px solid #ccc;
*/
    text-align: center;
    vertical-align: middle;

}

#table_head {
    height: 70px;
    position: relative;
}

#table1 thead {
    border-bottom: solid 1px #c5bfab;
}

#table1 tr > td:first-child {
    text-align: left !important;
    /*padding-left:30px; */
}

/*	#table1 tr > td:first-child span [class*=icon] {
			vertical-align: middle;
	}	*/


.rotate {

    /* Safari */
    -webkit-transform: rotate(-60deg);

    /* Firefox */
    -moz-transform: rotate(-60deg);

    /* IE */
    -ms-transform: rotate(-60deg);

    /* Opera */
    -o-transform: rotate(-60deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    transform-origin: bottom left;

}


/*FILTERS*/
.hi-icon-wrap {
    text-align: center;
    margin: 0 auto;
    display: block;
    white-space: nowrap;
    border: none;
    padding: 72px 0;
}

.hi-icon {
    display: table-cell;
    transition: 0.2s ease;
}

.hi-icon:hover {
    transform: scale(1.2);
}

/* Effect 4 */
.hi-icon-effect-4 .hi-icon {
    font-size: 32px;
    width: 68px;
    height: 68px;
    vertical-align: middle;
    margin-bottom: 20px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.hi-icon-effect-4 .hi-icon:before {
    line-height: 68px;
}

.hi-icon-effect-4 .hi-icon:after {
    top: -4px;
    left: -4px;
    padding: 0;
    z-index: 10;
}

a.hi-icon-effect-4:hover > .hi-icon {
    color: #fff;
    background: #ec9f00;
}

.filter_button {
    width: 90px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.hi-icon,
.hi-icon :link,
.hi-icon :visited {
    color: #000;
    display: inline-block;
    border: 2px solid #ff0000;
    border-radius: 100%;
    text-align: center;
}

.filter_button .btn-border-orange {
    border-color: #ff0000;
    color: #000;
}

.hi-icon .btn-border-orange:active {
    background: #ec9f00;
}

.icon-text {
    font-family: 'Roboto', sans-serif !important;
    font-size: 11px;
    white-space: normal;
    margin-bottom: 0px;
}

.sm-icon {
    float: left;
    vertical-align: middle !important;
}

.sm-icon [class*=icon] span {
    padding-left: 30px;
}

.sm-icon,
.sm-icon :link,
.sm-icon :visited {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    display: inline-block;
}

.koino-cyprus {
    font-size: 35px !important;
}

#text-icon {
    padding-left: 30px;
}

#banner-icon {
    float: left;
    font-size: 40px;
    color: #ff0000;

}

p.slider-info {
    padding: 0 0 0px 60px;
    margin-bottom: 0px;
}

a.enterspace {
    margin-bottom: 44px;
}

a.enterspace .icon-calculator,
a.enterspace .icon-calculator2 {
    will-change: transform;
    transition: 0.2s ease;
}

a.enterspace:hover .icon-calculator,
a.enterspace:hover .icon-calculator2 {
    transform: scale(1.2);
}

.field input {
    width: 95%;
}

.field .ibanCal input {
    width: 100%;
}

.contact .field .small-input {
    width: 50%;
}

@media (max-width: 639px) {
    .contact .field .small-input {
        width: 95%;
    }
}

.contact textarea {
    width: 97%;
    border: 2px solid transparent;
}

.EPiServerForms .Form__Element .Form__Element__Caption {
    width: 95%;
}

.EPiServerForms .Form__Element .Form__Element__Caption.text {
    width: auto;
}

.EPiServerForms .Form__Element {
    margin-bottom: 36px;
}

.contact .field.ValidationFail input,
.contact .field.ValidationFail textarea {
    border-color: #ff0000;
}

.contact .ValidationFail .selectric .label {
    border: 2px solid #ff0000;
}

.contact .ValidationSuccess .selectric .label {
    border-color: transparent;
}

.EPiServerForms .Form__Element .Form__Element__ValidationError {
    display: inline-block;
    padding-left: 15px;
    font-size: 14px;
    color: #ff0000 !important;
}

.contact .field.checkboxes.ValidationFail label:before {
    border-color: #ff0000;
}

.field.ValidationSuccess .Form__Element__ValidationError {
    display: block !important;
    height: 14px;
    text-indent: -9999px;
}

.EPiServerForms .Form__Status .Form__Success__Message {
    background-color: #f7ebc3 !important;
}

.EPiServerForms .FormParagraphText {
    width: 100%;
    float: left;
    text-align: left;
}

/* Form error validation */

.EPiServerForms .Form__Element .form-error-message {
    clear: both;
    padding-left: 0;
    text-align: left;
    margin-bottom: 12px;
}

/*.contact .field>.error {
  position: static;
}*/

.FormChoice--Image__Item {
    position: relative;
    margin-top: 30px;
}

.FormChoice--Image__Item__Caption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -15px;
}

/* Form File Upload validation */

.FormFileUpload__Label,
.FormFileUpload__Span {
    cursor: pointer;
}

.FormFileUpload__Label:hover .FormFileUpload__Input {
    cursor: pointer;
}

.FormFileUpload__Label:hover .FormFileUpload__Span {
    background-color: #ff0000;
    cursor: pointer;
}

.FormFileUpload__Label:active .FormFileUpload__Span {
    background-color: #ec9f00;
}


.FormFileUpload__Span {
    font-size: 15px;
    line-height: 32px;
    height: 36px;
    background: none;
    font-weight: 500;
    color: #000;
    display: inline-block;
    border: 2px solid #ff0000;
    border-radius: 5px;
    padding: 0px 40px;
    text-align: center;
    transition: all .2s ease;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 6px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .FormFileUpload__Span {
        line-height: 30px;
    }
}

.FormFileUpload__Input:hover::before {
    background-color: #ff0000;
}

.FormFileUpload__Input:active::before {
    background-color: #ec9f00;
}

.FormFileUpload__Label {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.FormFileUpload__Label input[type="file"] {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    font-size: 100px;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.uploaded_file_name {
    font-size: 15px;
    color: #000;
}

.uploaded_file_name ul {
    padding-left: 21px;
}

.uploaded_file_name ul li {
    list-style: circle;
    padding: 9px;
}

/* Form improvements */

.field.full.checkboxes.Form__Element.FormChoice {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.field.full.checkboxes.centered.Form__Element.FormChoice {
    justify-content: center;
}

.field.full.checkboxes.left-aligned.Form__Element.FormChoice {
    justify-content: flex-start;
}

.field.full.checkboxes.centered.Form__Element.FormChoice .Form__Element__ValidationError {
    flex-basis: 100%;
}

.field.full.checkboxes.centered.Form__Element.FormChoice .newscheckbox label {
    margin: 0;
}

label.FormChoice--Image__Item {
    will-change: transform;
    transition: 0.3s ease-out;
}

label.FormChoice--Image__Item:hover {
    cursor: pointer;
    filter: grayscale(20%);
    transform: rotateY(25deg);
    /* box-shadow: 0px 0px 3px rgba(150, 150, 150, 0.5); */
}

label.FormChoice--Image__Item img {
    will-change: transform;
}

/*selectric*/
.selectric-wrapper {
    position: relative;
    cursor: pointer;
    height: 35px;
    width: 95%;
    display: inline-block;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    position: relative;
}

.selectric .label {
    border-radius: 18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #000;
    background: rgba(0, 0, 0, .07);
    margin-bottom: 0;
    padding: 7px 20px;
}

.selectric .label:after {
    content: "\e9ea";
    font-family: 'Linearicons';
    font-size: 12px;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.selectric .button {
    display: none;
}

.selectric-open .label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.selectric-open:after {
    content: '';
    width: calc(100% - 40px);
    height: 1px;
    background: #b3b8bb;
    position: absolute;
    bottom: 0;
    left: 20px;
}

.selectric-open {
    z-index: 9999;
}

.selectric-open .selected {
    display: none;
}

.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
    display: none;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: -1;
    background: #e6e8e8;
    border-radius: 18px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}

.selectric-items .selectric-scroll li {
    padding: 8px 20px 10px 20px;
    margin-bottom: 0;
    line-height: 14px;
}

.selectric-items .selectric-scroll li:before {
    display: none;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
    border-radius: 18px 18px 0 0;
}

.selectric-above .selectric .label {
    border-radius: 0 0 18px 18px;
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
}

.selectric-items li {
    display: block;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
    font-weight: normal;
    padding-left: 20px;
    color: #687177;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.selectric-items li.selected {
    background: #fff;
    color: #333333;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444;
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}

.Form__Element.FormFileUpload {
    width: 100%;
}

.ui-datepicker {
    width: 270px !important;
}

.ui-datepicker .ui-state-default:before {
    display: none;
}

.EPiServerForms .Form__Description,
.EPiServerForms .Form__Description p,
.Form__MainBody p,
.Form__Element__Caption {
    margin-bottom: 1rem;
    font-size: 14px;
    color: #605f5f;
    padding-top: 5px;
}

.FormTextbox .Form__Element__ValidationError.error {
    top: auto;
}

@media (min-width: 768px) {
    .one-third-field {
        width: calc(33% - 6px) !important;
        margin: 0 !important;
        margin-bottom: 32px !important;
    }
}

@media (min-height: 1080px) {
    .faq-section .tab-header {
        height: 102%;
    }
}

@media (min-width: 1024px) and (max-width: 1112px) {
    .search input[type=search], .search input[type=text], .search .field input {
        width: 100%;
    }

    .search {
        max-width: 200px;
    }

    .current-accounts-item.has-icon .current-accounts-image-wrap {
        width: 140px;
        height: 140px;
        margin-bottom: -70px;
    }
}

@media (min-width: 1334px) {
    .housing-loans-carousel .owl-pagination {
        display: none;
    }
}

@media (max-width: 1333px) {
    .housing-loans-carousel .owl-buttons {
        display: none;
    }
}

/* Large desktop */
@media (max-width: 1260px) {
    .loans .banner figcaption {
        width: 54%;
    }

    /* .loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -44px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -44px;
    } */
    .ebank-section .intro,
    .ebank-section .basic {
        padding-left: 10%;
        padding-right: 10%;
    }

    .ebank-section .advantages {
        text-align: center;
    }

    .promo-slider .banner.banner-text-left figcaption {
        padding: 0 50px;
    }

    .promo-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 10px;
    }

    .promo-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 10px;
    }

    /*.heros-list .playVid {
        left: calc(50% + 445px/2);
    }*/
    .card-section .card-title h2 {
        font-size: 26px;
    }

    .card-section .col_6 {
        padding-left: 35px;
    }

    .philosophy img,
    .philosophy figcaption {
        max-width: 50%;
    }
}

@media (max-width: 1100px) {
    .table-row .center > tbody > tr > td:first-child {
        padding-left: 40px;
    }

    .table-header,
    .table-row .center {
        table-layout: auto;
        width: 100%;
    }

    .table-row .center > tbody > tr > td,
    .table-header > tbody > tr > td {
        width: 33.33%;
    }
}

@media (max-width: 1024px) {
    .hi-icon-wrap {
        padding: 40px 0;
    }

    .hi-icon-effect-4 .hi-icon {
        font-size: 22px;
        width: 55px;
        height: 55px;
    }

    .hi-icon-effect-4 .hi-icon:before {
        line-height: 55px;
    }

    .newsletter-box [type=submit] {
        left: 84%;
    }

    .philosophy {
        padding: 0;
    }

    .philosophy figcaption {
        padding-left: 50px;
    }
}

/* Tablet */
@media (max-width: 1023px) {
    .wrapper-2col {
        padding-left: 3.3333333%;
        padding-right: 3.3333333%;
    }

    .btn .lg_block {
        display: inline-block;
    }

    .btn .icon-question-circle {
        display: none;
    }

    .banner figcaption {
        width: 60%;
    }

    .banner.banner-text-left figcaption,
    .banner-section .banner.banner-text-left figcaption {
        width: 70%;
    }

    .banner-section .banner.banner-text-left figcaption {
        top: 20px;
    }

    .banner figure,
    .banner.white figure {
        height: 400px;
    }

    .banner.banner-text-left figcaption,
    .banner figcaption,
    .loans .banner figcaption {
        top: 50px;
    }

    h2 {
        font-size: 34px;
    }

    .loans .tab-header {
        margin-left: 11px;
        margin-right: 11px;
    }

    .loans .banner figure,
    .loans .tab-content-container {
        height: 370px;
    }

    .loans .tab-container {
        margin-top: 25px;
        /*height: 370px;*/
    }

    .loans .tab-content-container {
        width: 96%;
        margin-left: 2%;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -40px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -40px;
    }

    .loan-section > .wrapper:not(.intro) {
        padding-left: 25px;
        padding-right: 25px;
    }

    .loan-section .collapse-content p:not(:last-child) {
        margin-bottom: 35px;
    }

    .collapse-row {
        margin-bottom: 50px;
    }

    .find-store-box,
    .loan-calculator {
        width: calc(50% - 12px);
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    .loan-calculator {
        margin-left: 20px;
    }

    .loan-section + .banner-section .banner figure {
        height: 540px;
    }

    .loan-section + .banner-section .banner figcaption {
        top: 90px;
    }

    .banner .iconed {
        margin-top: 40px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div {
        display: none;
    }

    .loans .wrapper-1col {
        padding-left: 2.6041666666666668%;
        padding-right: 2.6041666666666668%;
    }

    .faq-banner, .faq-banner figure {
        height: 350px;
    }

    .faq-section .search-container .search .field {
        display: block;
    }

    .faq-section .search-container .search input[type=search] {
        opacity: 1;
        visibility: visible;
    }

    .faq-section .search-container .search [type=submit] {
        right: 20px;
    }

    .faq-section .search-container .search [type=submit] .icon-magnifier {
        opacity: 1;
    }

    .faq-section .tab-content .wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }

    .faq-section h2 {
        padding: 40px 0 20px;
    }

    .faq-section .side-panel {
        display: none;
    }

    .faq-section .tab-container {
        margin-top: -84px;
    }

    .eke-section .promo-banner figure {
        height: 250px;
    }

    .eke-section .wrapper {
        padding: 25px;
    }

    .eke-section .item .description .item-intro {
        font-size: 14px;
    }

    .ebank-section .banner, .ebank-section .banner figure {
        height: 400px;
    }

    .ebank-section .wrapper {
        padding: 0 25px;
    }

    .ebank-section .intro,
    .ebank-section .basic {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .ebank-section .first,
    .ebank-section .second {
        text-align: center;
    }

    .ebank-section.cards-section .first,
    .ebank-section.cards-section .second,
    .ebank-section.cards-section .item .image-container {
        text-align: left;
    }

    .ebank-section .first .item .description .btn,
    .ebank-section .second .item .description .btn {
        position: static;
    }

    .ebank-section .big {
        padding: 0 25px;
    }

    .stores-section .search-container .search .field {
        display: block;
    }

    .stores-section .search-container .search input[type=search] {
        opacity: 1;
        visibility: visible;
    }

    .stores-section .search-container .search [type=submit] {
        right: 20px;
    }

    .stores-section .search-container .search [type=submit] .icon-magnifier {
        opacity: 1;
    }

    .store-locator {
        padding: 0 25px;
    }

    .stores-section .sfilters {
        top: -1px;
        left: -1px;
        bottom: -1px;
        width: 320px;
        height: calc(100% + 2px);
    }

    .results {
        height: calc(100% - 188px)
    }


    .group .middle-bar .flr .search {
        bottom: -30px;
    }

    .news ul {
        padding-bottom: 20px;
    }

    .news-item:before {
        right: auto;
        left: 235px;
    }

    .news:not(.latest) .col:last-child {
        text-align: left;
    }

    .news.latest .col:nth-of-type(1) {
        text-align: left;
    }

    .slider {
        width: 512px;
        max-width: 100%;
        display: inline-block;
    }

    .news.latest ul {
        padding-left: 0;
        padding-top: 20px;
    }

    .tab-section .tab-content.active {
        display: block;
    }

    .tab-section .tab-content .col:first-child {
        text-align: center;
    }

    .tab-section .tab-content .col:last-child {
        padding: 20px 0 40px;
    }

    .video-details .credit {
        bottom: 0;
        right: 20px;
    }

    .yt-video {
        display: inline-block;
        width: auto;
    }

    .history-section .col:first-child {
        padding-bottom: 40px;
    }

    .news ul li:last-child .news-item:before {
        display: block;
    }

    .latest .news-item .image {
        float: left;
    }

    .latest .news-item .item-details {
        padding-left: 25px;
        padding-top: 10px;
    }

    .latest .news-item:before {
        left: 225px;
    }

    .contact {
        padding-bottom: 60px;
    }

    .contact .wrapper {
        padding: 0 25px;
    }

    .contact .row:first-child {
        width: 100%;
    }

    .contact .field:not(.full):nth-of-type(odd) {
        margin: 0 12px 32px 0;
    }

    .contact .field:not(.full):nth-of-type(even) {
        margin: 0 0 32px 12px
    }

    .contact .field.full,
    .contact .plain-submit {
        margin-left: 0;
    }

    .contact .row:last-child {
        margin-bottom: 35px;
    }

    .investors .wrapper {
        padding: 0 30px;
    }

    .investors .wrapper.intro {
        padding: 30px;
    }

    .investors .side-panel {
        margin-top: 30px;
    }

    .content-page .container .wrapper {
        padding: 0 30px;
    }

    .results-reports .col:last-child {
        padding: 30px;
        max-width: 480px;
    }

    .content-page .container .wrapper .col:last-child {
        max-width: 480px;
    }

    .zz-page-master .content-page .container .wrapper .col:last-child {
        max-width: 100%;
    }

    .find-store-box, .loan-calculator {
        width: 100%;
    }

    .find-store-box {
        margin-bottom: 8px;
    }

    .loan-calculator {
        margin-left: 0;
    }

    .ebank-section .advantages .description {
        font-size: 14px;
    }

    /* update 06-09-2016: start */
    .loan-form .tooltip-content {
        max-width: 160px;
    }

    /* update 06-09-2016: end */
    .search-section .intro {
        padding: 20px 0;
    }

    .search-section h2 {
        margin-bottom: 20px;
    }

    .search-section .search .field {
        display: block;
        width: 100%;
    }

    .search-section .search-container .search input[type=search] {
        opacity: 1;
        visibility: visible;
    }

    .search-section .search-container .search [type=submit] {
        right: 20px;
    }

    .search-section .search-container .search [type=submit] .icon-magnifier {
        opacity: 1;
    }

    .amex .promos li {
        padding: 0 8% 0 0;
    }

    .amex .promos li:last-child {
        padding: 0 0 0 8%;
    }

    .promo-inner .banner.banner-text-left figcaption {
        padding: 0 30px;
    }

    .promo-slider .banner h2 {
        font-size: 32px;
    }

    .promo-slider .banner p {
        font-size: 16px;
    }

    .heros-list .banner.small-banner figcaption {
        max-width: inherit;
        width: 100%;
        left: 0;
        /*text-align: center;*/
        padding: 0 20px;
    }

    .proth-section .banner.banner-text-center figcaption {
        width: 90%;
    }

    .heros-list .banner.small-banner h2,
    .heros-list .banner.small-banner p {
        text-align: left;
    }

    .documents-boc .sec-tab {
        margin-bottom: 40px;
    }

    .proth-row .inner-table .row .col .col-title {
        font-size: 14px;
        padding: 0 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .three-box-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .three-box-item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .three-box-title {
        font-size: 20px;
        line-height: 26px;
    }

    p {
        font-size: 14px;
    }
}

@media (max-width: 959px) {
    .results-reports .items ul li {
        width: 50%;
    }

    /*.promo-slider .playVid {
        top: auto;
        bottom: 20px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }*/
    .playVid.md_hidden {
        display: none;
    }

    .playVid.lg_hidden {
        display: inline-block;
    }
}

@media only screen and (max-width: 767px) {
    .loans .tab-header {
        margin-left: 0;
        margin-right: 0;
    }

    .tab-header {
        float: left;
    }

    .loans .tabs-header-container {
        width: 96%;
        margin-left: 2%;
    }

    .tab-header a:link, .tab-header a:visited {
        padding-bottom: 12px;
        font-size: 18px;
    }

    .loans .tab-content-container {
        margin-top: -10px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div {
        top: -13px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -11px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -11px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div {
        color: #10100f;
        font-size: 22px;
    }

    .loans-carousel .icon-arrow-right-circle:before {
        content: "\e93c";
    }

    .loans-carousel .icon-arrow-left-circle:before {
        content: "\e93b";
    }

    .loan-section .intro {
        padding-top: 35px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .loan-section h2 {
        font-size: 25px;
    }

    .loan-char-box {
        font-size: 12px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .loan-chars .circle {
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 20px;
    }

    .loan-chars h3 {
        font-size: 17px;
        margin-top: 18px;
        margin-bottom: 8px;
    }

    .loan-chars {
        padding-top: 30px;
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .collapse-title {
        font-size: 22px;
    }

    section:not(.loan-section) .collapse-title .collapse-arrow {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 9px;
    }

    section:not(.loan-section) .collapse-title .collapse-arrow .icon-chevron-down {
        width: 9px;
        height: 9px;
    }

    .collapse-row {
        margin-bottom: 35px;
    }


    .loan-section .collapse-content b {
        font-size: 11px;
    }

    .loan-section .collapse-content p:not(:last-child) {
        margin-bottom: 20px;
    }


    .loan-calculator {
        margin-left: 0;
    }

    .find-store-box .network, .loan-calculator .calc {
        font-size: 12px;
        margin-left: 0;
    }

    .field input, .select-box .selected {
        font-size: 14px;
        height: 33px;
        line-height: 33px;
    }

    .loan-calculator .field input[readonly] {
        font-size: 15px;
    }

    .loan-section {
        padding-bottom: 60px;
    }

    .loan-section + .banner-section .banner figure {
        height: 337px;
        min-height: 337px;
    }

    .loan-section + .banner-section {
        height: auto;
        min-height: inherit;
    }

    .loan-section + .banner-section .banner figcaption {
        top: 10px;
    }

    .find-store-box, .loan-calculator {
        padding-left: 14px;
        padding-right: 14px;
    }

    .loan-section .field {
        margin-bottom: 15px;
    }

    .loan-section .collapse-content .field.field-sm,
    .find-store-box .select-box {
        max-width: 266px;
    }

    .loan-section .collapse-content a[href*='tel'] {
        font-size: 14px;
    }

    .loan-section .field.no-label {
        margin-top: 0;
    }

    .loan-section .btn.btn-border-orange.arrow-right {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        max-width: 266px;
    }

    .faq-section .tab-container {
        margin-top: -73px;
    }

    .faq-section .tab-content {
        padding-top: 25px;
    }

    .faq-section .collapse-title.active .icon-chevron-down {
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .eke-section .intro {
        padding: 40px 15px;
    }

    .stores-section .map-wrapper {
        height: auto;
    }

    .stores-section .sfilters {
        position: static;
        width: 100%;
        height: 285px;
    }

    .sfilters .top-group {
        float: left;
        width: 50%;
        height: 100%;
        border: 0;
    }

    .results {
        overflow: hidden;
        height: 100%;
    }

    .sfilters .checkbox,
    .sfilters .checkbox:nth-of-type(2) {
        float: none;
        width: 100%;
    }

    .stores-section #map {
        height: 480px;
    }

    .tab-section .tab-header {
        float: none;
    }

    .top-left-text .updated {
        display: none;
    }

    .main-footer.group .first {
        padding-left: 0;
    }

    .main-footer.group .first a, .main-footer.group .first a:link, .main-footer.group .first a:visited {
        margin-bottom: 10px;
        color: #000;
        font-size: 14px;
    }

    .side-panel .tab-header {
        float: none;
    }

    .doc .tab-header a:link, .doc .tab-header a:visited {
        padding-bottom: 24px;
    }

    .doc .content-table-list {
        margin-bottom: 20px;
    }

    .doc .content-table-list .column-one {
        float: none;
        height: auto;
        padding-bottom: 5px;
    }

    .documents .content-table-list ul li:last-child .column-one {
        border-bottom: 1px solid #aebdc8;
    }

    .documents .content-table-list .column-two a,
    .documents .content-table-list .column-two a:link,
    .documents .content-table-list .column-two a:visited {
        height: auto;
        padding: 10px 0 10px 40px;
    }

    /* update 06-09-2016: start */
    .iban-calculator {
        padding-top: 30px;
        padding-bottom: 66px;
    }

    .iban-calculator .field-container,
    .iban-calculator .iban-result {
        width: 100%;
        display: block;
    }

    .iban-calculator .iban-result {
        padding-left: 0;
        text-align: center;
        font-size: 17px;
    }

    .iban-calculator .iban-result .big {
        font-size: 22px;
    }

    .iban-calculator .field label {
        font-size: 20px;
    }

    .iban-calculator h2 {
        font-size: 28px;
    }

    .iban-calculator .input {
        width: 90%;
    }

    .loan-form .field.slider,
    .loan-form .field.field-result {
        width: 100%;
        display: block;
    }

    .loan-form .ui-slider-horizontal {
        max-width: calc(100% - 48px);
        margin-top: 25px;
    }

    .loan-form .field.field-result {
        margin: 25px auto 0;
        -webkit-transform: translateX(-48px);
        -moz-transform: translateX(-48px);
        -ms-transform: translateX(-48px);
        -o-transform: translateX(-48px);
        transform: translateX(-48px);
    }

    .loan-form .tooltip {
        right: 0;
    }

    .loan-form .field.field-result .txt {
        left: 50%;
        -webkit-transform: translate(35px, -50%);
        -moz-transform: translate(35px, -50%);
        -ms-transform: translate(35px, -50%);
        -o-transform: translate(35px, -50%);
        transform: translate(35px, -50%);
        margin-top: 0;
    }

    .loan-form .field.field-result.loan-amount-result .txt {
        left: 40px;
    }

    .loan-form .field.field-result input {
        text-align: center;
    }

    .loan-form .radiobox {
        display: block;
        width: calc(100% - 48px);
        text-align: left;
        margin: 10px 0;
    }

    .loan-form .tooltip-content {
        left: auto;
        right: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .loan-form .tooltip-content:after {
        right: 9px;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .loan-form .loan-result-box .tooltip-content,
    .loan-form .loan-result-box .tooltip-content:after {
        right: auto;
    }

    .loan-form .loan-result-box .tooltip-content {
        left: 5px;
    }

    .loan-form .loan-result-box .tooltip-content:after {
        left: 3px;
    }

    .loan-form .loan-results .field input {
        font-size: 18px;
    }

    .notes-section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .loan-form .radiobox label {
        font-size: 14px;
    }

    /* update 06-09-2016: end */
    .search.tab-container {
        padding: 0;
    }

    .search-section .search-container {
        padding: 43px 20px 82px
    }

    .amex .promos li {
        display: block;
        padding: 0;
    }

    .amex .promos li:first-child {
        border-right: 0;
        padding-bottom: 40px;
        border-bottom: 1px solid #ff0000;
    }

    .amex .promos li:last-child {
        padding: 0;
        margin-top: 40px;
    }

    .logos-section a {
        margin: 10px;
    }

    .card-section .col_12,
    .card-section .col_6 {
        padding: 0;
    }

    .card-section .col_6 {
        margin-bottom: 20px;
    }

    .small-banner {
        float: none;
        width: 100%;
    }

    .card-section .card-title {
        padding-left: 0
    }

    .newsletter-box [type=submit] {
        left: 80%;
    }

    .card-section .cf {
        text-align: center;
        padding-right: 25px;
    }

    .proth-row .inner-table {
        padding-left: 0;
        margin-top: 20px;
    }

    .proth-row .inner-table .row .col .col-title {
        font-size: 14px;
        max-height: 44px;
        height: 44px;
        padding: 0 5px;
    }

    .proth-table .proth-row .btn.desktop {
        display: none;
    }

    .proth-table .proth-row .btn.mobile {
        display: inline-block;
        margin-top: 25px;
    }

    .proth-table .proth-row .wrapper {
        text-align: center;
    }

    .colWrap .col {
        padding-right: 0;
        margin-bottom: 30px;
    }

    .colWrap .col:last-child {
        margin-bottom: 0;
    }

    .contact-boc .newsletter label {
        display: block;
    }

    .philosophy img,
    .philosophy figcaption {
        display: block;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .philosophy figcaption {
        margin-top: 20px;
    }

    .table-header {
        display: none;
    }

    .table-row .center > tbody > tr > td {
        display: block;
        height: auto;
        width: 100%;
        padding: 0 40px;
    }

    .table-row .center table {
        display: block;
    }

    .table-row .center > tbody > tr > td:first-child {
        display: block;
        padding: 10px 40px;
    }

    .table-row .center table td,
    .table-row .center table tbody,
    .table-row .center table tr {
        display: block;
    }

    .table-row .center .value {
        padding-left: 50%;
        position: relative;
        text-align: right;
        line-height: 30px;
    }

    .table-row .center .value:before {
        content: attr(data-before);
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #fad552;
        line-height: normal;
        padding-top: 5px;
        padding-right: 10px;
        height: 100%;
        box-sizing: border-box;
    }

    .mobile_title td {
        font-size: 14px;
        font-weight: 900;
        color: #000000;
        padding: 10px 0;
        background-color: #f3edda;
    }

    .brdright {
        border: 0;
    }

    .currency-calculator {
        padding: 30px 20px;
    }

    .convert {
        width: 100%;
        max-width: inherit;
    }

    .swap {
        margin: 10px;
    }

    .currency-section h2 {
        font-size: 25px;
    }

    .currency-section .intro {
        padding-top: 40px;
    }

    .main-table tr:nth-of-type(even) .table-row,
    .main-table tr:nth-of-type(odd) .table-row {
        background-color: #ffffff !important;
    }

    .secondary .table-row .center > tbody > tr > td {
        height: auto;
    }
}

@media only screen and (max-width: 685px) {
    .newsletter-box [type=submit] {
        left: 76%;
        margin-top: 7px;
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-2col {
        padding-left: 14px;
        padding-right: 14px;
    }

    .notification {
        padding: 20px 23px;
    }

    .notification p {
        font-size: 13px;
        line-height: 1.3;
    }

    .notification .close {
        top: 16px;
        right: 10px;
    }

    .banner figure, .banner.white figure {
        height: 374px;
    }

    h2 {
        font-size: 25px;
    }

    p {
        font-size: 12px;
    }

    .banner.banner-text-left figcaption,
    .banner-section .banner.banner-text-left figcaption {
        width: 100%;
    }

    .tag {
        font-size: 9px;
    }

    .btn, .btn:link, .btn:visited {
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px;
    }


    /*    .banner-section,
    .banner-section .banner figure,
    .banner-section .banner.white figure {
        height: 100vh;
        min-height: 568px;
    }*/
    .loans {
        padding-bottom: 0;
        /*min-height: 568px;*/
    }

    .banner figcaption {
        width: 100%;
    }

    .banner.banner-text-left figcaption, .banner figcaption, .loans .banner figcaption {
        top: 15px;
    }

    .banner.banner-text-right figcaption {
        margin-right: 20px;
        max-width: 96%;
        padding-left: 20px;
    }

    .banner br {
        display: none;
    }

    .newsletter-box .field {
        max-width: 230px;
    }

    .newsletter-box input[type=email] {
        font-size: 12px;
    }

    .newsletter-box {
        margin-bottom: 26px;
    }

    .product__item-wraplink {
        width: 70%;
        margin: 0 auto;
    }

    .three-box-item {
        padding-left: 0;
        padding-right: 0;
    }

    .loans .tab-content-container {
        height: 339px;
    }

    .loans .banner figure {
        height: calc(100vh - 139px);
        min-height: 339px;
        max-height: 362px;
    }

    .loans-title-carousel {
        padding-right: 30px;
    }

    .loans .wrapper-1col {
        padding-left: 0;
        padding-right: 0;
    }

    .tab-header a:link, .tab-header a:visited {
        font-size: 13px;
    }

    .main-nav .language {
        display: block;
    }

    .banner-section ul li {
        /*padding-left: 6px;*/
        padding-right: 27px;
        word-break: break-word;
        line-height: 1.2;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev,
    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        background: #ffffff;
    }

    .loans-carousel.owl-theme .owl-controls {
        margin: 0;
        height: 0;
    }

    .loans-carousel .banner figcaption {
        width: 100% !important;
        padding: 0 74px;
        top: 40px;
    }

    .loans .banner .btn {
        margin-left: 15px !important;
        margin-right: 0 !important;
    }

    .social-box {
        margin-bottom: 20px;
    }

    .faq-banner, .faq-banner figure {
        height: 320px;
    }

    .faq-section h2,
    .faq-section .tab-content .tab-title {
        font-size: 25px;
    }

    .faq-section .collapse-title {
        font-size: 18px;
    }

    .second {
        padding-left: 0;
    }

    .ebank-section .banner.banner-text-left figcaption {
        padding-right: 40px;
    }

    .ebank-section .first, .ebank-section .second {
        padding: 0;
    }

    .ebank-section .big .item .image-container {
        float: none;
        padding: 20px;
    }

    .ebank-section .big .item .description {
        text-align: center;
    }

    .ebank-section .big .item .description .item-intro {
        padding-right: 0;
        text-align: left;
    }

    .ebank-section .banner, .ebank-section .banner figure {
        height: 374px;
    }

    .ebank-section h2 {
        font-size: 25px !important;
        line-height: 33px !important;
    }

    .ebank-section .basic h3 {
        margin-bottom: 25px;
    }

    .ebank-section .basic h3 a {
        font-size: 20px;
    }

    .results-title {
        padding: 25px;
    }

    .result-item {
        padding: 10px 40px 10px 25px;
    }

    .result-item .icon {
        width: 40px;
    }

    .main-header.group .top-bar {
        height: 47px;
    }

    .main-header.group .middle-bar {
        padding-bottom: 44px;
    }

    .news,
    .history-section {
        padding: 40px 0;
    }

    .contact .field:not(.full):nth-of-type(odd),
    .contact .field:not(.full):nth-of-type(even) {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .contact .field > .error {
        position: static;
        margin-top: 10px;
    }

    .results-reports .items ul li,
    .hubs .items ul li {
        width: 100%;
    }

    .hubs .items ul li:last-child {
        padding-left: 0;
    }

    .group.big .banner.banner-text-left figcaption {
        padding: 0 30px;
    }

    .group.big .banner h2 {
        font-size: 26px;
    }

    .group.big .banner p {
        font-size: 12px;
    }

    .group.big .banner figure {
        height: 330px;
    }

    .documents .content-table-header {
        padding: 30px 20px 10px;
    }

    .documents .content-table-list {
        padding: 0 20px;
    }

    .documents .content-table-header h3 span {
        display: block;
    }

    .dynamic-content p img {
        float: none;
        margin-left: 0;
        display: block;
    }

    .hubs > .image,
    .hubs > .image a {
        max-width: 340px;
        max-height: 210px;
        overflow: hidden;
    }

    .hubs > .image img {
        max-width: 100%;
        height: 210px;
    }

    .group.hero-contact .banner figure {
        height: 150px;
    }

    .group.hero-contact .banner.banner-text-left figure {
        background-position: center center;
    }

    .main-header.group .top-bar a.btn:link, .main-header.group .top-bar a.btn:visited {
        min-width: inherit;
    }

    .top-left-text {
        font-size: 12px;
        padding-left: 0;
    }

    .hubs .s_block {
        margin-top: 15px;
        margin-bottom: -20px;
    }

    .hubs .items ul li {
        padding-right: 0;
    }

    .eke-section .item .image-container {
        max-width: 280px;
        margin: 0 auto;
    }

    .ebank-section .advantages {
        text-align: left;
    }

    .search-section h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .search .tab-header a, .search .tab-header a:link, .search .tab-header a:visited, .search .tab-header a span {
        font-size: 13px;
    }

    .search-results .title a, .search-results .title a:link, .search-results .title a:visited {
        font-size: 20px;
    }

    .search-results .details {
        font-size: 16px;
    }

    .search-results ol {
        margin: 48px 0;
        padding: 0 40px;
    }

    .search-results ol li {
        font-size: 20px;
        margin-bottom: 60px;
    }

    .search-results ol li:before {
        font-size: 20px;
    }

    .search-results .category {
        font-size: 12px;
    }

    .search-results .title .date {
        display: block;
        margin-left: 0;
    }

    .cards {
        padding: 0;
    }

    .how-section {
        padding-top: 40px;
    }

    .how-section h4 {
        margin-bottom: 40px;
        font-size: 25px;
    }

    .how-section ul li span {
        display: block;
    }

    .how-section ul li .text {
        padding: 40px 0 0;
        max-width: 100%;
    }

    .how-section ul {
        margin-bottom: 40px;
    }

    .promo-inner .banner h2 {
        font-size: 30px;
    }

    .promo-inner .banner p {
        font-size: 18px;
    }

    .promo-inner .banner figure {
        height: 374px;
        background-position: 60% center;
    }

    .contact-section {
        padding: 40px 0;
    }

    .subscribe h4 {
        font-size: 25px;
        margin-bottom: 40px;
    }

    .subscribe p {
        /*font-size: 12px;*/
    }

    .logos-section p {
        font-size: 14px;
    }

    .links-section a, .links-section a:link, .links-section a:visited {
        font-size: 14px;
        display: flex;
    }

    .logos-section,
    .links-section {
        padding: 40px 0;
    }

    .intro.video h2 {
        font-size: 30px;
    }

    .intro.video p {
        font-size: 16px;
    }

    .intro.video {
        padding-bottom: 50px;
    }

    .promo-slider .banner h2 {
        font-size: 25px;
    }

    .promo-slider .banner p {
        font-size: 12px;
    }

    .search-results li:before {
        font-size: 20px;
    }

    .search-results.no-results {
        padding: 40px 20px;
    }

    .search-results.no-results h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .search-results.no-results ul li {
        font-size: 16px;
        margin-bottom: 15px;
    }

    /*.promo-slider .playVid .playicon,
    .heros-list .playVid .playicon {
        width: 60px;
        height: 60px;
    }*/
    .promo-slider .playVid .playicon,
    .heros-list .playVid .playicon {
        width: 30px;
        height: 30px;
        background-position: 65% 50%;
    }

    .promo-slider .playVid,
    .heros-list .playVid {
        margin-left: 5px;
    }

    /* .heros-list .playVid {
        left: auto;
        top: auto;
        right: 10px;
        bottom: 10px;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }*/
    .heros-list .banner.banner-text-left figcaption {
        padding: 0 14px;
        width: 100%;
    }

    .ebank-section .heros-list h2 {
        font-size: 30px;
    }

    .ebank-section .heros-list p {
        font-size: 16px;
        padding-right: 25px;
    }

    .card-section .card-title h2 {
        font-size: 25px;
    }

    .card-section .card-title p,
    .card-section .col ul li {
        font-size: 12px;
    }

    .card-section .cards li {
        padding: 0 5px;
    }

    .promo-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -100%;
    }

    .promo-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -100%;
    }

    .promo-slider .banner.banner-text-left figcaption {
        padding: 0 20px;
    }

    .promo-slider .banner figure:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(219, 221, 220, 1) 0%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(219, 221, 220, 1) 0%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to bottom, rgba(219, 221, 220, 1) 0%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdddc', endColorstr='#00ffffff', GradientType=0);
    }

    .how-section .notification p {
        font-size: 16px;
    }

    .small-banner figcaption {
        text-align: left;
    }

    .small-banner h2,
    .small-banner p {
        text-align: left;
    }

    .contact .field.col_6:not(.full):nth-of-type(even) {
        width: 100%;
    }

    .contact-boc .newscheckbox {
        display: table;
    }

    .contact-boc .newscheckbox:first-of-type {
        margin-top: 20px;
    }

    .philosophy h3,
    .philosophy li:not(:last-child) {
        margin-bottom: 20px;
    }

    .promo-section {
        padding: 40px 0;
    }

    .promo-section h2,
    .philosophy h3 {
        font-size: 25px;
    }

    .philosophy figcaption {
        text-align: center;
    }

    .promo-section p,
    .philosophy li {
        font-size: 12px;
    }

    .promo-section p {
        padding: 0;
    }

    .philosophy li b {
        font-size: 16px;
    }

    .philosophy h3, .philosophy li:not(:last-child) {
        margin-bottom: 10px;
    }

    .documents-boc .dynamic-content .select-box {
        width: 100%;
        margin-left: 0;
    }

    .table-row .center > tbody > tr > td:first-child {
        padding: 10px 20px;
        text-align: center;
    }

    .table-row .center > tbody > tr > td {
        padding: 0 20px;
    }

    .currency-calculator {
        margin-bottom: 40px;
    }

    .note-section h3 {
        margin-bottom: 10px;
    }

    .note-section p {
        font-size: 12px;
    }

    .select-box.currency .selected .symbol {
        font-size: 16px;
    }

    .white-grad.banner figure:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(219, 221, 220, 1) 0%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(219, 221, 220, 1) 0%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to bottom, rgba(219, 221, 220, 1) 0%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdddc', endColorstr='#00ffffff', GradientType=0);
    }

    .captcha label {
        white-space: normal;
    }

    .current-accounts-item.has-icon .current-accounts-image-wrap {
        width: 140px;
        height: 140px;
        margin-bottom: -70px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-section ul li {
        width: 100%;
    }

    .notification {
        padding: 20px 30px 20px 16px;
        text-align: left;
    }

    .faq-section .intro {
        padding: 0;
    }

    .info-box {
        padding: 28px 25px;
    }

    .eke-section .item {
        margin-bottom: 25px
    }

    .eke-section .item .description {
        padding-bottom: 25px;
    }

    .eke-section .links ul li {
        max-width: 80%;
    }

    .eke-section .categories-box {
        padding: 25px;
    }

    .ebank-section .basic {
        padding-top: 0;
    }

    .ebank-section .info-box .info-title i {
        float: left;
    }

    .ebank-section .info-box .info-title span {
        display: block;
        overflow: hidden;
    }

    .ebank-section .big {
        padding: 0;
        margin-top: 0;
    }

    .ebank-section .first .item,
    .ebank-section .second .item {
        margin-bottom: 25px;
    }

    .stores-section .sfilters {
        height: auto;
    }

    .stores-section .sfilters .top-group {
        float: none;
        width: 100%;
        height: auto;
        padding: 0 25px 25px;
    }

    .results {
        height: 285px;
    }

    .stores-section #map {
        height: 320px;
    }

    .stores-section .search-container .wrapper {
        padding: 0;
    }

    .stores-section .intro {
        padding: 25px;
    }

    .stores-section h2 {
        font-size: 25px;
    }

    .news-item .image {
        float: none;
        display: inline-block;
    }

    .news-item .item-details {
        padding-left: 0;
    }

    .news-item:before {
        left: 0;
        width: 100%;
    }

    .news ul {
        padding-right: 0;
    }

    .latest .news-item .image {
        float: none;
        display: inline-block;
    }

    .latest .news-item .item-details {
        padding-left: 0;
    }

    .latest .news-item:before {
        left: 0;
        width: 100%;
    }

    .tab-section .tab-header a:link,
    .tab-section .tab-header a:visited {
        width: 100px;
        padding: 0 0 24px
    }

    .contact.intro {
        padding: 35px;
    }

    .investors .tab-header {
        padding: 17px 0;
        width: calc(50% - 2px);
        text-align: center;
    }

    .documents .intro {
        padding: 25px;
    }

    .documents h2 {
        font-size: 25px;
    }

    .top-left-text {
        font-size: 10px;
    }

    .main-header.group .top-bar .top-right-menu a.btn:link, .main-header.group .top-bar .top-right-menu a.btn:visited {
        margin-right: 0;
    }

    /* update 06-09-2016: start */
    .iban-calculator .field label {
        font-size: 17px;
    }

    .iban-calculator .field label small {
        font-size: 14px;
    }

    .iban-calculator h2 {
        font-size: 22px;
    }

    .loan-form .field-container {
        padding-left: 0;
    }

    .loan-form .field.slider {
        margin-left: 23px;
    }

    .loan-form .field.field-result {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        padding-left: 0;
    }

    .loan-form .ui-slider-horizontal {
        margin-top: 15px;
    }

    .loan-form .field.field-result .txt {
        -webkit-transform: translate(17px, -50%);
        -moz-transform: translate(17px, -50%);
        -ms-transform: translate(17px, -50%);
        -o-transform: translate(17px, -50%);
        transform: translate(17px, -50%);
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }

    .loan-form .radiobox {
        width: 100%;
        padding-left: 22px;
    }

    .loan-result-box .col {
        width: 100%;
    }

    /* update 06-09-2016: end */
    .search .tabs-header-container {
        padding: 0 30px;
    }

    .search-results ol {
        padding: 0 28px 0 40px;
    }

    .search-results .category .tag {
        display: table;
        margin: 5px 0;
    }

    .ebank-section .heros-list .banner.playing,
    .ebank-section .heros-list .banner.playing figure {
        min-height: inherit;
    }

    .card-section .card-title {
        padding: 0;
        max-width: inherit;
    }

    .card-section {
        padding-top: 40px;
    }

    .card-section .cards {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 0;
        width: 100%;
        max-width: inherit;
        padding-bottom: 20px;
        text-align: center;
    }

    .ebank-section.cards-section .item .image-container {
        text-align: center;
    }

    .ebank-section.cards-section .item .description {
        text-align: center;
    }

    .ebank-section.cards-section .item .item-title,
    .ebank-section.cards-section .item .item-intro {
        text-align: left;
    }

    .tab-content-container {
        padding-top: 20px;
    }

    .main-header .top-bar .wrapper-2col {
        padding: 0 5px;
    }

    .main-header .top-bar nav li {
        margin: 0 5px;
    }

    .table-row .center .value {
        line-height: 40px;
    }

    .table-row .center .value:before {
        padding-right: 0;
    }

    .convert .select-box {
        width: 60%;
    }

    .convert .amount {
        width: 40%;
    }
}


/* responsive 3 */

@media (max-width: 1260px) {
    .blog-posts .col_21 {
        text-align: center;
        display: inline-block;
        width: 830px;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        float: none;
        text-align: center;
    }

    .blog-posts .col {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .blog-posts .item {
        margin-left: 15px;
        margin-right: 15px;
        vertical-align: top;
    }

    .blog-posts .lg_col_30 {
        margin-left: 0;
        width: 100%;
    }

    .section.tweets-section .nav-arrows .icon-arrow-left-circle {
        left: 25px;
    }

    .section.tweets-section .nav-arrows .icon-arrow-right-circle {
        right: 25px;
    }
}


@media (max-width: 1023px) {
    .banner.banner-text-left figcaption, .banner-section .banner.small.banner-text-left figcaption {
        width: 90%;
    }

    /* .wrapper.bricks {
		width: 700px;
	} */
    .wrapper.bricks .item {
        width: 43.5%;
    }

    /*    .loans-carousel {
        padding-left: 200px;
    }*/
    .loans-carousel .owl-wrapper .owl-item {
        padding: 0;
    }

    .loans-carousel.owl-theme .owl-controls {
        width: 160px;
        left: 20px;
    }

    /*    .loans-carousel .banner figcaption {
        width: 70%;
    }*/
    /*    .loans-title-carousel {
        width: 200px;
    }*/
    .loans-title-carousel .tab-header a {
        font-size: 16px;
    }

    .loans .loans-title-carousel .tab-header {
        margin: 0;
    }

    .loans-title-carousel .tab-header a:hover::before {
        width: 10px;
    }

    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-next,
    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
        background: #fff;
    }

    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 10px;
    }

    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 10px;
    }

    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-next.disabled,
    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev.disabled {
        display: block;
    }
}


@media (max-width: 760px) {

    .wrapper.bricks .item {
        width: 42%;
    }


    /* .section.tweets-section .wrapper {
		width: 100%;
	} */
}

@media (max-width: 767px) {
    .wrapper.bricks {
        width: 100%;
    }

    .wrapper.bricks .item {
        width: 90%;
        margin-left: 0;
        margin-right: 0;
    }

    .section.tweets-section .section-title {
        font-size: 30px;
    }

    .loans-carousel {
        padding-left: 0;
    }

    .loans-title-carousel {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        padding-right: 0;
    }

    .loans-title-carousel .owl-wrapper {
        display: block !important;
        padding-bottom: 0;
    }

    .loans-title-carousel .owl-wrapper-outer,
    .loans-title-carousel .owl-wrapper {
        height: auto !important;
        position: relative !important;
    }

    .loans-title-carousel .owl-wrapper .owl-item {
        width: 100%;
        flex: 0 0 100%;
    }

    .loans-title-carousel .tab-header {
        display: block;
        height: auto;
    }

    .loans-title-carousel .tab-header a {
        width: 100%;
        height: auto;
        display: block;
    }

    /*    .loans-title-carousel .tab-header a::after {
        display: none;
    }*/
    .loans-carousel.owl-theme .owl-controls {
        width: 100%;
        left: 0;
        top: 50%;
        bottom: auto;
        /*transform: translateY(-50%);*/
    }

    /* .bricks-section .load-prev-items,
	.section.tweets-section .wrapper {
		width: 100%;
	} */
}


@media (max-width: 1200px) {
    .box-container {
        /*max-width: 600px;*/
    }

    .box-container.owl-carousel {
        width: 870px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .box-container.owl-carousel .owl-dots.disabled {
        /*display: block !important;*/
        display: block !important;
    }
}


@media (max-width: 767px) {
    .banner-section ul li {
        padding-left: 34px;
    }

    .blog-section .intro {
        text-align: center;
        padding: 40px 15px;
    }

    .box-container .owl-pagination {
        margin-bottom: 20px;
    }

    .box-container.owl-carousel .owl-dots.disabled {
        margin-bottom: 30px;
    }
}

.dynamic-content ul li {
    line-height: 22px;
}

.dynamic-content a:link {
    text-decoration: none;
}

.dynamic-content a:link:hover {
    color: #005972;
}

.dynamic-content p a:link {
    text-decoration: underline;
}

.dynamic-content p a:link:hover {
    color: #005972;
}

ol li {
    color: #605f5f;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 20px 0;
}

/* Link issue in dynamic-content on IE */
.dynamic-content a.arrow-right {
    position: relative;
    text-decoration: none;
}

.dynamic-content a.arrow-right::before {
    content: '';
    position: absolute !important;
    width: calc(100% - 54px);
    height: 1px;
    background-color: #000;
    left: 18px;
    bottom: 9px;
}

.accordionContent ol {
    margin: 1em 0;
    padding-left: 2em;
}

.accordionContent ol li {
    list-style-type: decimal;
    color: #605f5f;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 20px 0;
}

.accordionContent ul {
    margin: 1em 0;
    padding-left: 2em;
}

.accordionContent ul li {
    list-style-type: circle;
    color: #605f5f;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 20px 0;
}

.accordionContent table td {
    padding: 10px;
}

@media (max-width: 639px) {
    .accordionContent ul li {
        font-size: 12px;
    }
}

/*loan page accordion*/
.accordion-item {
    width: 100%;
    float: left;
}

.accordion-item .collapse-row:not(:last-child) {
    margin-bottom: 30px;
}

.wrapper .collapse-title {
    float: none;
    position: relative;
}

.wrapper .collapse-content {
    float: none;
    position: relative;
    padding: 12px 0px;
}

.wrapper .collapse-content * {
    color: black;
}

.documents-boc.faq-section .tab-content .gpp-subtitle {
    font-size: 18px;
    color: #605f5f;
    margin-top: 1.5rem;
    margin-bottom: 2.1rem;
    letter-spacing: .02em;
    line-height: 1.38;
}

.gpp-section {
    padding-top: 58px;
    padding-bottom: 120px;
}

.gpp-section .tab-title {
    font-size: 26px;
    margin-bottom: 10px;
}

.gpp-section .gpp-subtitle {
    font-size: 18px;
    color: #9a9c9c;
    margin-bottom: 40px;
    letter-spacing: .02em;
    line-height: 1.38;
}

.gpp-section table {
    color: #605f5f;
}

.gpp-section table td {
    padding: 10px;
}

/* General Purpose Page Text Changes */
.gpp-section .col.col_push_1 {
    margin: 0px;
    padding: 3.333333%;
}

.gpp-section .col.col_push_1 img {
    margin-left: 0px;
}

.BoxBlueMediumText {
    color: #ff0000 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: left !important;
    padding: unset !important;
}

.RichTextContentNarrow {
    padding: 24px 15px 15px 0px;
}

.RichTextContentNarrow ul {
    padding-left: 40px;
}

.RichTextContentNarrow p a,
.RichTextContentNarrow ul li a {
    color: #ff0000 !important;
    text-decoration: none;
    font-weight: bold;
}

.RichTextContentNarrow p a:hover,
.RichTextContentNarrow ul li a:hover {
    text-decoration: underline !important;
}

.RichTextContentNarrow p img {
    float: none;
    margin-bottom: unset;
}

.dynamic-content .RichTextContentNarrow p a span {
    text-decoration: none;
}

.side-nav.side-panel {
    padding-top: 0;
}

.side-nav.side-panel li {
    padding: 15px 30px;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0.02em;
    font-weight: 900;
    margin: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.side-nav.side-panel a {
    display: flex;
}

.side-nav.side-panel li:hover,
.side-nav.side-panel li.active {
    background-color: #f7f4e5;
}

.side-nav.side-panel .side-heading {
    font-weight: bold;
    text-transform: uppercase;
    background-color: #ff0000;
    color: #ff0000;
    cursor: default;
}

.side-nav.side-panel .side-heading:hover {
    background-color: #ff0000;
}

.side-nav.side-panel .side-heading:active {
    background-color: #ec9f00;
}

.loan-section #characteristics {
    width: 90%;
}

@media (max-width: 1023px) {
    .loan-section #characteristics {
        width: 100%;
    }
}

.notes-section ol li {
    font-size: 13px;
}

.loan-form .field.field-result.euro-result .txt {
    left: 60px;
    font-size: 18px;
    margin-top: 0;
}

.loan-form .field.field-result.euro-result input {
    padding-left: 35px;
}

.newscheckbox, .checkbox {
    overflow: hidden;
    position: relative;
}

.EPiServerForms .newscheckbox {
    display: inline-block;
    text-align: center;
}

.EPiServerForms .newscheckbox label {
    font-size: 16px;
    color: #000000;
    min-height: 32px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-top: 10px;
}

.EPiServerForms input[type=radio] ~ label:before {
    position: absolute;
    left: 0;
    top: 3px;
}

.EPiServerForms input[type=radio] ~ label:after {
    top: 12px;
}

.EPiServerForms a {
    text-decoration: underline;
    color: #005972;
}

.EPiServerForms a:hover {
    color: #000000;
}

@media (max-width: 767px) {
    .loan-form .field.field-result.euro-result .txt {
        left: 40px;
    }
}

.field-result input {
    width: 100%;
}

.ebank-section .banner-section.cf .banner.banner-text-left figcaption {
    -webkit-transform: none;
    transform: none;
    top: 72px;
}

@media (max-width: 1023px) {
    .ebank-section .banner-section.cf .banner.banner-text-left figcaption {
        top: 20px;
    }
}

.card-section .card-title {
    max-width: 520px;
}

@media (min-width: 768px) {
    .card-section .col_10 {
        padding: 0 40px;
    }
}

.confirmation {
    margin: 30px auto 30px auto;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
    line-height: 150%;
}

.confirmation > table {
    width: 50%;
}

@media (max-width: 1023px) {
    .confirmation > table {
        width: 80%;
    }
}

.print-box {
    display: inline-block;
    margin-left: 20px;
}

@media (max-width: 1023px) {
    .print-box {
        display: none;
    }
}

@media print {
    @page {
        margin: 2.5cm;
    }

    .noprint {
        display: none;
    }
}

.iban-calculator .selectric-wrapper {
    width: 100%;
    height: 44px;
    display: none;
}

.iban-calculator .selectric-wrapper.selectric-open {
    width: 99.8%;
}

.iban-calculator .selectric-wrapper .label {
    width: 100%;
    height: 44px;
    line-height: 30px;
    background-color: #fff;
}

.iban-calculator .selectric-items {
    background-color: #fff;
}

.eupopup-container {
    background-color: rgba(0, 105, 126, 0.8);
}

.eupopup-head {
    font-size: 16px;
}

.eupopup-body {
    color: rgba(255, 255, 255, .5);
}

a.eupopup-button_1,
a.eupopup-button_2 {
    color: #f6a21d;
    font-weight: bold;
    font-size: 14px;
}

.eupopup-container-bottomright, .eupopup-container-bottomleft {
    width: 340px;
}

#ccc-content {
    background-color: rgba(0, 105, 126, 1) !important;
}

#ccc-icon.ccc-icon--dark {
    fill: #ff0000 !important;
}

#ccc .checkbox-toggle--slider.checkbox-toggle--dark {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

#ccc .checkbox-toggle--dark .checkbox-toggle-toggle {
    background-color: #fff !important;
}

#ccc-icon, #ccc-info {
    display: none;
}

#ccc a:hover {
    text-decoration: underline;
}

#ccc-button-holder {
    display: inline-flex;
    flex-direction: row-reverse;
}

.ccc-save-button {
    border: none;
    padding: 8px 16px !important;
    padding-left: 0px !important;
    text-decoration: underline;
    color: white;
    font-size: 1em;
    margin: 4px 8px 4px 0;
    font-weight: 400;
    line-height: 1.5em;
    background: transparent;
    cursor: pointer;
}


/* Styles for greek version of the page */
html[lang='el'] #ccc .ccc-notify-button {
    padding: 4px !important;
}

@media only screen and (max-width: 1023px) {
    #ccc-button-holder {
        display: flex;
        flex-direction: column-reverse;
    }

    .ccc-save-button {
        padding-left: 16px !important;
        margin: 0px;
    }
}

.videos-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    margin-bottom: 40px;
    text-align: left;
}

.centered-content .videos-container {
    justify-content: center;
}

.centered-content h2 {
    text-align: center;
}

.left-align-content .videos-container {
    justify-content: flex-start;
}

.videos-wrapper {
    margin-top: 20px;
}

.video-item-wrap {
    width: 48%;
}

.video-item-wrap:nth-child(2n) {
    animation-delay: 0.2s;
}

.video-item-wrap:nth-child(odd) {
    margin-right: 2%;
}

.video-item-wrap .title {
    color: #005972;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: .05em;
    margin-bottom: 20px;
}

.video-item-wrap p {
    font-size: 14px;
    color: #605f5f;
}

.video-item {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 315px;
    position: relative;
    margin-bottom: 10px;
}

.video-item .play-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.video-item .play-video::after {
    content: '';
    display: block;
    width: 81px;
    height: 81px;
    border-radius: 50%;
    background: #ff0000 url(../Media/play_black.png) center center no-repeat;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    backface-visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-item .play-video:hover::after {
    opacity: 0.8;
}

.video-item-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 200;
}

.video-holder {
    position: absolute;
    max-width: 1440px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video-holder iframe,
.video-holder video {
    display: none;
}

.video-close {
    color: #ff0000;
    font-size: 36px;
    position: absolute;
    top: 50px;
    right: 50px;
}

@media screen and (max-width: 767px) {
    .video-item-wrap {
        width: 100%;
    }

    .video-close {
        top: 10px;
        right: 10px;
    }
}

.videos-wrapper h2 {
    font-size: 30px;
}

.calculator-banner .banner.banner-text-left figcaption {
    width: 100%;
}

.calculator-banner #banner-icon {
    margin-right: 10px;
}

.calculator-banner .loan-form {
    max-width: 100%;
    float: left;
}

.calculator-banner .loan-form form,
.calculator-banner .loan-results {
    float: left;
}

.calculator-banner .loan-form form {
    width: 68%;
    margin-right: 2%;
}

.calculator-banner .loan-results {
    width: 30%;
}

.calculator-banner .loan-result-box .col {
    width: 100%;
    margin-bottom: 30px;
}

.calculator-banner .banner.banner-text-left figcaption {
    top: 0;
    background: rgba(236, 238, 238, 0.3);
    overflow: visible;
    padding-left: 2%;
    padding-right: 2%;
    border-radius: 20px;
    float: left;
}

.calculator-banner .banner figure .wrapper {
    padding-top: 1%;
    padding-bottom: 1%;
}

.calculator-banner .loan-form .tooltip {
    left: 8px;
}

.calculator-banner .loan-form .loan-result-box .tooltip {
    left: auto;
    right: 0;
}

.calculator-banner .loan-form .field-container, .calculator-banner .loan-results .loan-result-box {
    background: rgba(236, 238, 238, 0.9);
}

@media screen and (max-width: 767px) {
    .calculator-banner .loan-form form,
    .calculator-banner .loan-results {
        display: block;
    }

    .calculator-banner .loan-form form {
        width: 100%;
        margin-right: 0;
    }

    .calculator-banner .loan-results {
        width: 100%;
    }

    .calculator-banner .loan-result-box .col {
        margin-bottom: 15px;
    }

    .calculator-banner .radiobox {
        display: inline-block;
    }

    .calculator-banner .radiobox.align-vertically {
        width: 80% !important;
    }
}

.calculator-banner .ui-state-default, .calculator-banner .ui-widget-content .ui-state-default, .calculator-banner .ui-widget-header .ui-state-default {
    border: 2px solid #ff0000;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    background: #ffffff;
    opacity: 1;
    cursor: pointer;
}

.calculator-banner .ui-slider-horizontal .ui-slider-handle {
    top: -18px;
    margin-left: -18px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.calculator-banner .ui-slider-horizontal {
    height: 2px;
}

.calculator-banner .ui-widget-content {
    border: 0;
    background: #ff0000;
    overflow: visible;
}

.calculator-banner .calculator-banner-link {
    margin: 0 0 20px 20px;
    font-size: 16px;
    text-decoration: underline;
}

.calculator-banner .calculator-banner-link:hover {
    color: #ff0000;
}

.loan-result-box .col {
    padding-left: 0;
    padding-right: 30px;
}

@media only screen and (max-width: 767px) {
    .loan-form .loan-result-box .tooltip-content, .loan-form .loan-result-box .tooltip-content:after {
        left: auto;
        right: 5px;
    }
}

.loan-form .radiobox {
    text-align: left;
}

.rte-block h3 {
    margin-bottom: 10px;
    color: #005972;
}

.rte-block div {
    font-size: 16px;
    color: #605f5f;
    line-height: 1.5625;
}

.rte-block {
    color: #605f5f;
}

/* Padding in .rte-block table td */
.rte-block table td {
    padding: 10px;
}

.rte-block a, .rte-block a:visited {
    color: #ff0000;
    text-decoration: underline;
}

.rte-block p {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #605f5f;
}

@media only screen and (max-width: 639px) {
    .rte-block p {
        font-size: 16px;
    }
}

.intro.video {
    padding-bottom: 20px;
}

.intro.video h2 {
    margin-top: 20px;
}

.promo-inner-section .links-section {
    padding: 10px 0 60px;
}

.promo-inner-section .contact-section {
    padding: 20px 0;
}

@media only screen and (max-width: 639px) {
    .promo-inner-section span.icon-image {
        text-align: center;
    }
}

.icon-image > span {
    font-size: 80px;
}

.how-section .text ul,
.how-section .text ul li {
    margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
    .how-section ul li .text {
        padding: 20px 0 40px 0;
    }
}

.tag {
    line-height: 1.2;
}

.banner.small.banner-text-left figcaption {
    top: 47px;
}

.banner.small.white figcaption {
    top: 40px;
}

.banner-section .banner.small.banner-text-left figcaption {
    top: 20px;
}

.banner-section ul {
    margin: 13px 0 0px 22px;
}

.banner.small figcaption .btn {
    margin-top: 0;
}

.bricks-section {
    background-color: #eceeee;
    padding-bottom: 80px;
}

.wrapper.bricks {
    padding-top: 60px;
}

.wrapper.bricks .item .description .item-title {
    color: #ff0000;
}

.wrapper.bricks .item .description .item-intro {
    color: #000000;
}

.wrapper .item .description .category {
    font-size: 13px;
    color: #ff0000;
    text-decoration: none;
    font-style: normal;
}

.wrapper.bricks .item {
    width: 30%;
    margin-right: 1.6%;
    margin-left: 1.6%;
}

@media (max-width: 1023px) {
    .wrapper.bricks .item {
        width: 43.5%;
    }
}

@media (max-width: 639px) {
    .wrapper.bricks .item {
        width: 90%;
        margin-left: 0;
        margin-right: 0;
    }
}

.wrapper.bricks .item:hover {
    background-color: #ffffff;
}

.wrapper.bricks .item:not(:last-child):after {
    content: none;
}

.bricks-section .load-prev-items {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    color: #ff0000;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: underline;
    cursor: pointer;
    max-width: 100%;
    background: none;
    border: none;
    display: block;
}

.bricks-section .load-prev-items:hover {
    text-decoration: none;
}

.section.tweets-section {
    height: 620px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.section.tweets-section .wrapper {
    width: 1052px;
    max-width: 100%;
}

.section.tweets-section .section-title {
    color: #ff0000;
    font-family: Roboto;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    padding: 60px 0 45px;
}

.section.tweets-section .section-title a {
    font-weight: 700;
    color: #ff0000;
}

.section.tweets-section .section-title a:hover {
    opacity: 0.8;
}

.section.tweets-section .tweet {
    width: 320px;
    display: inline-block;
    background-color: white;
    border: 2px solid #eceeee;
    min-height: 420px;
    position: relative;
    margin: 0 12px;
}

.section.tweets-section .tweet .content {
    padding: 30px 30px 0;
}

.section.tweets-section .tweet .avatar {
    position: absolute;
    right: 20px;
    top: 175px;
}

.section.tweets-section .tweet .content .title {
    color: #ff0000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
}

.section.tweets-section .tweet .content .link {
    color: #ff0000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 18px;
}

.section.tweets-section .tweet .content .text {
    color: black;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    max-height: 72px;
    overflow: hidden;
}

.section.tweets-section .owl-stage {
    margin: 0 auto;
}

.section.tweets-section .owl-stage-outer {
    overflow: hidden;
}

.section.tweets-section .owl-item {
    float: left;
}

.section.tweets-section .tweet .tweet-icon {
    width: 29px;
    height: 22px;
    display: block;
    background-image: url('../Files/tweets/twitter.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 15px;
}

.section.tweets-section .owl-nav {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.section.tweets-section .nav-arrows {
    position: absolute;
    width: 100%;
    top: 50%;
}

.section.tweets-section .nav-arrows .icon-arrow-left-circle,
.section.tweets-section .nav-arrows .icon-arrow-right-circle {
    position: absolute;
    font-size: 28px;
    color: #ff0000;
    font-weight: 400;
    cursor: pointer;
}

.section.tweets-section .nav-arrows .icon-arrow-left-circle:hover,
.section.tweets-section .nav-arrows .icon-arrow-right-circle:hover {
    opacity: 0.8;
}

.section.tweets-section .nav-arrows .icon-arrow-left-circle {
    left: 0;
}

.section.tweets-section .nav-arrows .icon-arrow-right-circle {
    right: 0;
}

.main-header .header-blog-title {
    color: #ff0000;
    font-size: 31px;
    font-weight: 700;
    line-height: 50px;
    display: inline-block;
    margin-left: 17px;
    padding-left: 20px;
    border-left: 1px solid #d2d5d6;
    position: relative;
    top: -3px;
}

.blog-post-section {
    padding-top: 25px;
}

.blog-post-section p img {
    float: none;
    margin-left: 0;
    height: auto;
}

.blog-post-section .post-content {
    padding: 0 3.33%;
}

.blog-post-section .tab-title {
    font-size: 44px;
}

.blog-info-list {
    margin-bottom: 10px;
    padding: 10px;
    background: #ff0000;
}

.blog-info-list li {
    display: inline-block;
    margin: 0 20px 0 0 !important;
}

.blog-info-list li a {
    color: rgba(255, 255, 255, .65);
    font-size: 12px;
}

.blog-info-list li a:link {
    text-decoration: none;
}

.blog-post-section .gpp-subtitle {
    margin-top: 1.5rem;
    margin-bottom: 2.1rem;
}

.blog-post-section .post-content p {
    text-align: justify;
}


.blog-post-section .share-buttons {
    float: right;
    margin-right: 10px;
}


.blog-post-section .share-buttons span {
    margin-right: 0;
}

.blog-post-section .share-buttons a.at-icon-wrapper {
    margin-right: 10px;
}


.blog-post-section .blog-info-list > ul {
    display: inline-block;
}

.blog-post-section .blog-info-list > .share-buttons {
    transform: translateY(-10px);
}

.blog-post-section .share-buttons-mobile {
    display: none;
}

.blog-post-section .blog-info-list .cat-list:not(:last-child):after {
    content: " \2219 ";
    margin: 0 5px;
    font-weight: bold;
}


.blog-info-list li a:link:hover {
    color: white
}

.blog-post-section .blog-info-list a span {
    cursor: unset;
}

.blog-post-section .info-box.related-posts {
    padding: 20px 27px 22px;
    background: url(../Files/banners/cards_bg_blue.png) repeat-x;
    background-size: cover;
}

.blog-post-section .related-posts .related-posts-heading {
    font-size: 30px;
    color: #fff;
}

.blog-post-section .related-posts .related-post-container {
    margin-top: 20px;
    margin-bottom: 30px;
}

.blog-post-section .related-posts .related-post-container h3 {
    font-size: 20px;
    margin-bottom: 6px;
    color: rgba(256, 256, 256, 0.7);
}

.blog-post-section .related-posts .related-post-container h3:hover {
    font-size: 20px;
    margin-bottom: 6px;
    color: rgba(256, 256, 256, 1);
}

.blog-post-section .related-posts .related-post-container p {
    font-size: 12px;
    text-align: justify;
    color: rgba(256, 256, 256, 0.7);
}

.blog-post-section .related-posts .related-post-container a:link {
    text-decoration: none;
}

.blog-post-section .related-posts .related-post-container .preview-image {
    width: 100%;
}

.blog-post-section .related-posts .related-post-container .preview-image > img {
    width: 100%;
    max-width: 700px;
}

.blog-post-section .related-posts .related-post-container .related-post-info {
    background: none;
    padding: 0;
    margin: 0;
}

.blog-post-section .related-posts .related-post-container .related-post-info ul li a {
    color: rgba(256, 256, 256, 0.7);
    font-size: 12px;
    display: inline;
}

.blog-post-section .related-posts .related-post-container .related-post-info ul li:not(:last-child) {
    margin: 0 10px 0 0 !important;
}

.blog-post-section .related-posts .related-post-container .related-post-info ul li:last-child {
    margin-right: 0 !important;
}

.blog-post-section .related-posts .related-post-container .related-post-info ul li a:link:hover {
    color: rgba(256, 256, 256, 1);
}

.blog-post-section .related-posts .related-post-container .related-post-info ul li a span {
    text-decoration: none;
}

.blog-post-section .related-post-info .cat-list:not(:last-child):after {
    margin: 0;
}

.blog-post-section .no-right-margin {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .blog-post-section .at-style-responsive .at-share-btn {
        padding: 0;
    }

    .blog-post-section .share-buttons {
        display: none;
    }

    .blog-post-section .share-buttons-mobile {
        display: block;
        text-align: right;
    }

    .blog-post-section .blog-info-list .post-time {
        display: none;
    }
}

.bricks-section .banner.banner-text-left figcaption p,
.blog-filtered-section .banner.banner-text-left figcaption p {
    width: 46.9921875%;
}

.bricks-section .banner.banner-text-left figcaption,
.blog-filtered-section .banner.banner-text-left figcaption {
    width: 100%;
    top: 0;
    padding-bottom: 25px;
    padding-top: 40px;
}

.bricks-section .banner figure,
.blog-filtered-section .banner figure {
    height: auto;
}

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

    .banner figure.blog-fixed-background,
    .banner.white figure.blog-fixed-background {
        height: auto;
    }
}

.tweets-section .tweet-img img {
    height: 207.38px;
    width: 100%;
}

.tweets-section .content .text a:link {
    color: #ff0000;
}

.tweets-section .content .text a:link:hover {
    text-decoration: underline;
}

.blog-filtered-section .filtered-posts {
    padding-top: 40px;
}

.blog-filtered-section .filtered-posts > h1 {
    margin-bottom: 20px;
    font-weight: normal;
}

.blog-filtered-section .filtered-posts .blog-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-bottom: 40px;
    border-bottom: 1px solid #a9a9a9;
}

.blog-filtered-section .filtered-posts .blog-post .img-wrap {
    width: 35%;
    position: relative;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.blog-filtered-section .filtered-posts .blog-post .text-wrap .blog-info-list {
    width: 100%
}

.blog-filtered-section .blog-info-list ul li span {
    margin-right: 10px;
    cursor: unset;
}

.blog-filtered-section .filtered-posts .blog-post .post-categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.blog-filtered-section .filtered-posts .blog-post .post-categories .cat-list:not(:last-child) {
    margin-right: 5px;
}

.blog-filtered-section .filtered-posts .blog-post .post-categories .petrol-tag {
    color: rgba(255, 255, 255, .85);
}

.blog-filtered-section .filtered-posts .blog-post .post-categories .petrol-tag:hover {
    color: rgba(255, 255, 255, 1);
}

.blog-filtered-section .filtered-posts .blog-post h3 {
    margin-bottom: 5px;
}

.blog-filtered-section .filtered-posts .blog-post h3 a:link:hover {
    text-decoration: underline;
}

.blog-filtered-section .no-posts {
    font-size: 24px;
    font-style: italic;
    margin: 60px auto 0 auto;
    display: table;
}

.blog-filtered-section .blog-pagination {
    float: left;
    width: 100%;
    font-size: 18px;
}

.blog-filtered-section .filtered-posts .blog-pagination li a {
    color: #ff0000;
}

.blog-filtered-section .filtered-posts .blog-pagination li a > span {
    margin: 0 5px;
}

.blog-filtered-section .filtered-posts .blog-pagination li a:hover {
    color: #00333e;
}

.blog-filtered-section .blog-pagination li.older {
    float: left;
    text-align: left;
    width: 45%;
    padding-left: 5%
}

.blog-filtered-section .blog-pagination li.newer {
    float: right;
    text-align: right;
    width: 45%;
    padding-right: 5%;
}

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

    .blog-filtered-section .filtered-posts .blog-post .text-wrap > p {
        font-size: 12px;
    }

    .blog-filtered-section .filtered-posts .blog-post .text-wrap > h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 639px) {
    .blog-filtered-section .filtered-posts .blog-post {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .blog-filtered-section .filtered-posts .blog-post .img-wrap {
        width: 100%;
        margin-bottom: 10px;
    }

    .blog-filtered-section .filtered-posts .blog-post .text-wrap {
        max-width: 100%;
    }

    .blog-filtered-section .filtered-posts .blog-post .text-wrap > h3 {
        font-size: 22px;
    }
}

.cards .card-item {
    margin: 0 20px;
}

.cards .card-item:nth-child(2) {
    animation-delay: 0.1s;
}

.cards .card-item:nth-child(3) {
    animation-delay: 0.2s;
}

.right-menu-link {
    margin-left: 30px;
}

* Blog page *

/
.eke-section.bricks-section .wrapper.bricks .image-container {
    height: 240px;
}

.eke-section.bricks-section .wrapper.bricks .image-container img {
    width: 100%;
}

/* Blog category page */
.eke-section.blog-filtered-section {
    background-color: #f7f7f7;
}

.filtered-posts .blog-info-list {
    margin-bottom: 0;
}

.filtered-posts .blog-post {
    padding: 20px;
    background-color: #fff;
    border: 0 !important;
    border-radius: 5px;
    transition: 0.3s ease-out;
}

.filtered-posts .blog-post:hover {
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.25);
}

.filtered-posts h1 {
    font-size: 44px;
    font-weight: 700 !important;
    margin-bottom: 20px;
    line-height: 48px;
}

.filtered-posts .text-wrap {
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 32px;
    position: relative;
    width: 63%;
}

.filtered-posts .text-wrap p {
    color: #605f5f;
    font-size: 16px;
    line-height: 1.56rem;
    letter-spacing: 0;
    text-align: justify;
    margin-bottom: 21px;
}

.filtered-posts .text-wrap h3 {
    line-height: 2rem;
    margin-bottom: 15px;
    text-decoration: none !important;
    color: #ff0000;
}

.filtered-posts .text-wrap .blog-info-list {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    padding: 10px auto;
}

.filtered-posts .text-wrap .blog-info-list span {
    color: #605f5f;
    font-size: 14px;
}

@media only screen and (max-width: 768px) {
    .filtered-posts .blog-post {
        padding: 10px;
    }

    .filtered-posts .text-wrap h3 {
        line-height: 1.5rem;
    }

    .filtered-posts .text-wrap {
        padding: 0 0 10px !important;
    }

    .filtered-posts .text-wrap p {
        line-height: 1.3rem;
    }

    .filtered-posts .blog-info-list span,
    .filtered-posts .post-time {
        font-size: 13px;
    }
}

@media only screen and (max-width: 640px) {
    .filtered-posts .text-wrap {
        width: auto;
    }

    .filtered-posts .text-wrap h3,
    .filtered-posts .text-wrap p {
        text-align: justify;
    }

    .blog-filtered-section .filtered-posts .blog-post {
        display: block;
        flex-direction: unset;
    }
}

@media only screen and (max-width: 1023px) {
    .banner-blog-post .container {
        position: relative;
    }
}

@media only screen and (max-width: 550px) {
    .main-header .header-blog-title {
        font-size: 25px;
    }
}

@media only screen and (max-width: 454px) {
    .main-header .header-blog-title {
        font-size: 21px;
    }
}

@media only screen and (max-width: 415px) {
    .main-header .header-blog-title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 380px) {
    .main-header .header-blog-title {
        font-size: 15px;
    }

    .top-bar .fll a:link {
        font-size: 11px;
    }
}

/* Parallax banner on Blog Page */
@media only screen and (min-width: 1024px) {
    .blog-fixed-background {
        height: auto !important;
        min-height: auto !important;
        position: fixed !important;
        z-index: 0;
    }
}

.main-footer,
.gpp-section.blog-post-section {
    position: relative;
    z-index: 1;
}

.blog-fixed-background img {
    width: 100%;
    height: auto;
}

.blog-articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto;
}

.blog-articles .description {
    text-align: left;
    padding: 0px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-articles .description * {
    padding-top: 10px;
}

.blog-articles .description .item-title {
    color: #ff0000 !important;
}

.blog-articles .description .blog-post-categories .category .icon-tag {
    display: inline;
}

.blog-articles .description ul.blog-post-metadata {
    display: flex;
    justify-content: flex-start;
}

.blog-articles .description ul.blog-post-metadata li:first-child {
    list-style-type: none;
    list-style: none;
    margin-right: 25px;
}

.blog-articles .description ul.blog-post-metadata li {
    list-style-type: disc;
    list-style: disc;
}

.blog-articles .item {
    position: relative;
    width: 33.3%;
    height: 512px;
    padding: 20px 10px;
    /*opacity: 0;*/
}

@media only screen and (min-width: 1024px) {
    .blog-articles .item:nth-child(3n + 2) {
        animation-delay: 0.2s;
    }

    .blog-articles .item:nth-child(3n + 3) {
        animation-delay: 0.4s;
    }
}

@media only screen and (max-width: 1023px) {
    .blog-articles .item {
        width: 50%;
        height: 580px;
    }

    .blog-articles .item:nth-child(2n) {
        animation-delay: 0.2s;
    }
}

@media only screen and (max-width: 425px) {
    .blog-articles {
        flex-wrap: wrap;
    }

    .blog-articles .item {
        width: 100%;
        height: 512px;
    }
}

.eke-section .item:not(:last-child):after {
    display: none;
}

.align-center * {
    text-align: center;
}

.align-center figcaption p {
    margin: auto;
    margin-bottom: 20px;
}

.align-left * {
    text-align: left;
}

.align-left figcaption p {
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 20px;
}

.align-right * {
    text-align: right;
}

.align-right figcaption p {
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 20px;
}

.blog-articles figure.image-container {
    position: relative;
    height: 240px;
    transition: 0.2s ease-out;
}

.blog-articles figure.image-container:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
}

.blog-articles figure.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@media only screen and (max-width: 639px) {
    .eke-section .item .image-container {
        max-width: 100%;
        margin: auto;
    }
}

.banner.image-banner.light figcaption .tag {
    background-color: #ff0000;
    color: #ff0000;
}

.banner.image-banner figcaption .btn {
    margin-right: 15px;
}

.banner.image-banner.light figcaption .btn {
    margin-right: 0;
    margin-left: 12px;
    border: 2px solid #ff0000;
}

.banner.image-banner.light figcaption .btn:hover {
    background-color: #ff0000;
    color: #ff0000;
}

/*Carousel*/
.banner.white .btn.btn-border-orange {
    background: rgba(248, 167, 14, 0.65);
}

.banner.white .btn.btn-border-orange:hover {
    background: #ff0000;
}

.banner.white .btn.btn-border-orange:active {
    background: #ec9f00;
}

.banner.white .btn.text-blue {
    color: #ff0000;
}

.banner.white .btn.text-black {
    color: #000000;
}

.banner.white .btn.text-white {
    color: #eceeee;
}

.banner.white .btn.text-yellow {
    color: #ff0000;
}

.banner.white .btn.text-red {
    color: #e61025;
}

.products {
    padding: 60px 0 80px;
}

.products .wrapper {
    text-align: center;
}

.products__item-wrapper {
    text-align: center;
    display: block;
}

.products__heading {
    margin-bottom: 51px;
    font-size: 39px;
    color: #ff0000;
}

.products__heading h4 {
    font-size: 28px;
    color: #ff0000;
    font-weight: normal;
}

.products__item {
    width: 15%;
    margin: 0 8px;
    display: inline-block;
}

.product__item-wraplink {
    text-align: center;
    background-color: #ff0000;
    border-radius: 10px;
    padding: 25px 20px 15px;
    transition: 0.2s ease-out;
    will-change: transform;
    transform-origin: center bottom;
    display: block;
}

.products__item:nth-child(2) {
    animation-delay: 0.1s;
}

.products__item:nth-child(3) {
    animation-delay: 0.2s;
}

.products__item:nth-child(4) {
    animation-delay: 0.3s;
}

.products__item:nth-child(5) {
    animation-delay: 0.4s;
}

.products__item:nth-child(6) {
    animation-delay: 0.5s;
}

.products__item:hover .product__item-wraplink {
    transform: translateY(-10px) scale(1.1);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.35);
}

.products__item .products__item-text {
    color: #fff;
    font-size: 19px;
    line-height: 1;
    margin-bottom: 5px;
    display: block;
}

.products__item .products__item-text b {
    display: block;
}

.products__item img {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

.products__item .product__item-link {
    padding: 8px 10px;
    color: #fff;
    display: block;
}

.products__item-icon {
    font-size: 40px;
    color: #fff;
    margin-bottom: 20px;
    display: block;
}

.centered-icon {
    color: white;
    font-size: 60px;
}

.products__item-icon--image {
    height: 40px;
}

.products__item a.btn {
    color: #000;
    border: 0;
    font-size: 14px;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.products__item a.btn:hover {
    color: #80b5bf;
}

@media screen and (max-width: 1024px) {
    .products__item {
        width: 25%;
        margin-top: 20px;
    }

    .products__heading {
        margin-bottom: 31px;
    }
}

@media screen and (max-width: 767px) {
    .products__item-wrapper {
        display: block;
        margin: 0 20px;
    }

    .products__item {
        display: block;
        width: 100%;
        margin: 20px 0;
    }
}

.banner.boc-banner--insurance,
.banner.boc-banner--insurance figure {
    min-height: 335px !important;
    height: auto !important;
    text-align: center;
}

.banner.boc-banner--insurance figure {
    min-height: 335px !important;
    height: auto !important;
    padding: 20px 0;
}

.banner.boc-banner--insurance figcaption {
    width: 100%;
    top: auto;
    padding: 0;
}

.banner.boc-banner--insurance figcaption .img__holder {
    max-height: 55px;
    max-width: 85px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.banner.boc-banner--insurance figcaption .img__holder img {
    width: 100%;
    height: auto;
}

.banner.boc-banner--insurance figcaption h2 {
    font-size: 41px;
    color: #fff;
    margin-top: 45px;
}

.banner.boc-banner--insurance figcaption a.btn {
    margin-right: 25px;
    border: 2px solid #ff0000;
    color: #fff;
}

.banner.boc-banner--insurance figcaption a.btn:last-child {
    margin-right: 0;
}

.banner.boc-banner--insurance figcaption a.btn:hover {
    background-color: #ff0000;
    color: #ffffff;
}

.promotions {
    padding: 60px 0;
}

.promotions.yellow {
    background-color: #efe2bd;
}

.promotions-wrapper {
    overflow: hidden;
}

.promotions__heading {
    text-align: center;
    font-size: 36px;
    padding: 40px 0;
}

.promotions__item .promotions__text {
    padding-top: 18px;
    color: #ff0000;
    font-weight: 700;
    margin-bottom: 0;
}

.promotions__item .promotions__text:last-child {
    padding-top: 20px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
}

.promotions__item {
    width: 33%;
    text-align: center;
    padding: 20px;
    display: inline-block;
}

.promotions__img-holder {
    width: 72px;
    height: 82px;
    margin: 0 auto;
    position: relative;
}

.promotions__img-holder img {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 10px;
    background-color: #fff;
}

.promotions__img-holder span {
    font-size: 55px;
    padding-top: 12px;
    position: relative;
    z-index: 2;
    color: #ff0000;
    background-color: #fff;
}

.promotions.yellow .promotions__item .promotions__img-holder span {
    background-color: #efe2bd;
}

.promotions.yellow .promotions__item .promotions__img-holder img {
    background-color: #efe2bd;
}

/* white */
.promotions__item:nth-child(3n+2) .promotions__img-holder::after {
    position: absolute;
    content: '';
    height: 1px;
    width: 450%;
    background-color: #ff0000;
    top: 50%;
    left: 103%;
}

.promotions__item:nth-child(3n+2) .promotions__img-holder::before {
    position: absolute;
    content: '';
    height: 1px;
    width: 450%;
    background-color: #ff0000;
    top: 50%;
    right: 103%;
}

/* yellow */
.promotions.yellow .promotions__item:nth-child(3n+2) .promotions__img-holder::after {
    position: absolute;
    content: '';
    height: 1px;
    width: 450%;
    background-color: #ff0000;
    top: 50%;
    left: 103%;
}

.promotions.yellow .promotions__item:nth-child(3n+2) .promotions__img-holder::before {
    position: absolute;
    content: '';
    height: 1px;
    width: 450%;
    background-color: #ff0000;
    top: 50%;
    right: 103%;
}

.promotions__item:last-child .promotions__img-holder::after {
    display: none;
}

.promotions-wrapper {
    text-align: center;
}

.promotions .wrapper {
    text-align: center;
}

.promotions .wrapper .btn {
    margin: 40px 0;
    background-color: #ff0000;
    color: #fff;
    border: 0;
    padding: 10px 20px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

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

    /* white */
    .promotions__item:nth-child(3n+2) .promotions__img-holder::after {
        width: 345%;
    }

    .promotions__item:nth-child(3n+2) .promotions__img-holder::before {
        width: 345%;
    }

    /* yellow */
    .promotions.yellow .promotions__item:nth-child(3n+2) .promotions__img-holder::after {
        width: 345%;
    }

    .promotions.yellow .promotions__item:nth-child(3n+2) .promotions__img-holder::before {
        width: 345%;
    }
}

@media screen and (max-width: 767px) {
    .promotions__item {
        display: block;
        width: 100%;
        padding-bottom: 0;
    }

    .promotions__item .promotions__img-holder::before {
        display: none;
    }

    .promotions__item .promotions__img-holder::after {
        display: none;
    }

    .promotions .wrapper .btn {
        margin: 40px 0;
        background-color: #ff0000;
        color: #fff;
        padding: 10px 20px;
    }
}

.contact {
    padding: 75px 0;
}

.contact__heading {
    text-align: center;
    margin-bottom: 57px;
}

.contact__heading h2 {
    font-size: 36px;
    color: #ff0000;
}

.square-cards.second {
    padding-left: 20px;
}

.square-cards.first {
    padding-right: 20px;
    clear: left;
}

.square-cards .item {
    margin-bottom: 40px;
    position: relative;
}

.square-cards .item .image-container {
    position: relative;
    padding-bottom: 56.25%;
    max-width: 100%;
    overflow: hidden;
    background-color: #ff0000;
    transition: 0.2s ease-out;
}

.square-cards .item .image,
.square-cards .item .image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.square-cards .item .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: 0.3s ease;
}

.square-cards .item .image-link {
    font-size: 0;
    opacity: 0;
}

.square-cards .item .image-container .item-intro {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0 20px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    opacity: 0;
    transform: translate(-40px, -50%);
    transition: 0.2s ease 0s;
}

.square-cards .item .image-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: auto;
    right: -40px;
    width: 52px;
    height: 40px;
    background-color: #fff;
    transform: translateX(60px) skewX(-45deg);
    transition: 0.2s ease 0s;
}

.square-cards .item:hover .image-container {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
}

.square-cards .item:hover .image-container::after {
    transform: translateX(0) skewX(-45deg);
    transition-delay: 0.20s;
}

.square-cards .item:hover .image-container .image {
    transform: translateY(-100%);
}

.square-cards .item:hover .image-container .item-intro {
    opacity: 1;
    transform: translate(0, -50%);
    transition-delay: 0.15s;
}

.square-cards .item .description {
    position: relative;
    min-height: 68px;
    /* overflow: hidden; */
}

.square-cards .item .description .item-title {
    padding: 15px 0 0;
    font-size: 20px;
    color: #005972;
    line-height: normal;
    display: block;
    margin-bottom: 16px;
}

/* .square-cards .item .description .item-intro {
    font-size: 13px;
    color: #605f5f;
    line-height: normal;
    padding-bottom: 50px;
    display: block;
}

.square-cards.first .item .description .btn,
.square-cards.second .item .description .btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

.square-cards .item .image-container img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.square-cards .item .image-container img:hover {
    -webkit-transform: translateZ(0) scale(1.1);
    -moz-transform: translateZ(0) scale(1.1);
    -ms-transform: translateZ(0) scale(1.1);
    -o-transform: translateZ(0) scale(1.1);
    transform: translateZ(0) scale(1.1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
} */

.contact__card {
    width: 100%;
    height: 187px;
    background-color: #ecdfba;
    padding: 50px 28px 50px 24px;
    line-height: 1.8;
    margin-bottom: 10px;
    position: relative;
}

.contact__card .products__item-icon {
    font-size: 60px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
}

.contact__card.email {
    background-color: #ff0000;
    padding: 30px;
}

.contact__card.email .products__item-icon {
    display: block;
    line-height: 1;
}

.contact__card.email .contact__card-details {
    display: block;
    padding-left: 0;
}

.contact__card.email::after {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 100%;
    left: 100%;
    margin-left: -25px;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -25px;
    background: -webkit-linear-gradient(315deg, #fff 50%, transparent 50%);
    background: -o-linear-gradient(315deg, #fff 50%, transparent 50%);
    background: linear-gradient(135deg, #fff 50%, transparent 50%);
}

.contact__card-details {
    display: inline-block;
    padding-left: 20px;
}

.contact__card-name {
    font-size: 19px;
    color: #ff0000;
    margin-bottom: 0;
    letter-spacing: 0;
    font-weight: bold;
}

.email .contact__card-name {
    font-weight: normal;
}

.contact__card-number {
    font-size: 2vw;
    color: #ff0000;
    letter-spacing: 0;
    margin-bottom: 0;
    font-weight: bold;
}

.contact__card-email {
    font-size: 13px;
    color: #ff0000;
    letter-spacing: 0;
    margin-bottom: 0;
    font-weight: 700;
}

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

    .square-cards.first,
    .square-cards.second {
        text-align: center;
    }

    .contact__card-number {
        font-size: 40px;
    }

    .square-cards.first .item .description .btn,
    .square-cards.second .item .description .btn {
        position: static;
    }

    .square-cards .item .description .item-intro {
        padding-bottom: 20px;
    }

}

@media screen and (max-width: 767px) {
    .contact__card {
        text-align: center;
        padding: 20px;
    }

    .contact__card-number {
        font-size: 20px;
    }

    .contact__card-details {
        padding-left: 0;
        display: block;
    }

    .square-cards.second {
        padding-left: 0;
    }

    .square-cards.first {
        padding-right: 0;
    }
}

.contact-section .FormRecaptcha {
    float: left;
    clear: left;
    width: 100%;
}

.contact-section .FormSubmitButton {
    float: left;
}

.rich-text__item {
    width: 100%;
    padding: 30px 20px;
    background-color: #ff0000;
    color: #fff;
    margin-bottom: 10px;
}

.rich-text__item .btn {
    margin-top: 16px;
}

.rich-text__item.yellow {
    background-color: #efe2bd;
    color: #000;
}

.rich-text__item.grey {
    background-color: #ccd5dc;
    color: #000;
}

.rich-text__item-caption {
    display: inline-block;
}

.rich-text__item-caption p {
    font-size: 30px;
}

.rich-text__item a.btn {
    background-color: #ff0000 !important;
    display: inline-block;
}

.rich-text__item ol li {
    color: #fff;
    font-size: 19px;
}

.rich-text__item.yellow ol li {
    color: #000;
    font-size: 19px;
}

.rich-text__item.grey ol li {
    color: #000;
    font-size: 19px;
}

.rich-text__item .rich-text__item-wrap {
    width: 100%;
    display: block;
}

.rich-text__item .rich-text__item-wrap .products__item-icon {
    display: inline-block;
    color: #fff;
    width: 20%;
    font-size: 60px;
}

.rich-text__item.yellow .rich-text__item-wrap .products__item-icon {
    color: #000;
}

.rich-text__item.grey .rich-text__item-wrap .products__item-icon {
    color: #000;
}

.rich-text__item .rich-text__item-wrap .rich-text__item-caption {
    width: 80%;
    float: right;
}

.rich-text__item .rich-text__item-wrap .rich-text__item-caption p {
    font-size: 16px;
    padding-left: 15px;
    text-align: left;
}

/* Promo video */

.promo-inner.video .banner figure {
    height: 300px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.promo-inner.video.playing .banner figure {
    height: auto;
}

.intro.video {
    padding-bottom: 120px;
}

.promo-title-subtitle {
    padding-bottom: 0px;
}

.intro.video h2,
.promo-title-subtitle h2 {
    text-align: center;
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    margin-top: 48px;
}

.intro.video p,
.promo-title-subtitle p {
    font-size: 26px;
    font-weight: 300;
    line-height: normal;
    text-align: center;
}

.playVid {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: -40.5px;
    margin-left: -40.5px;
    backface-visibility: hidden;
}

.playVid .text {
    font-size: 14px;
    color: #000000;
    letter-spacing: .02em;
    display: block;
    margin-top: 10px;
    position: absolute;
    top: 100%;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    backface-visibility: hidden;
}

.playVid:hover .playicon {
    opacity: .8;
}

.promo-slider .playVid .playicon,
.cards-section .playVid .playicon {
    background-position: 55% 50%;
}

.promo-slider .playVid:hover .playicon,
.cards-section .playVid:hover .playicon {
    background-color: #ec9f00;
    opacity: 1;
}

.playVid.lg_hidden {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    margin-left: 20px;
    vertical-align: middle;
}

.playVid.lg_hidden .playicon {
    width: 38px;
    height: 38px;
    background-size: 50% 50%;
}

.promo-inner #yt_video {
    position: relative;
    width: 100%;
    height: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden;
}

.promo-inner.playing #yt_video {
    padding-bottom: 56.25%;
}

.promo-inner #yt_video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.promo-inner.video .closeVid {
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 36px;
    color: #ff0000;
    z-index: 10;
    cursor: pointer;
    display: none;
    left: auto;
    font-size: 36px;
    margin-left: 0;
}

.promo-inner.video.playing .closeVid {
    display: block;
}

.promo-slider .playVid .playicon {
    border: 2px solid #ff0000;
    background-color: transparent;
}

.promo-slider .fix .owl-item:not(.active) {
    height: 1px;
}

@media (max-width: 959px) {
    .playVid.md_hidden {
        display: none;
    }

    .playVid.lg_hidden {
        display: inline-block;
    }
}

.promo-inner #yt_video {
    position: fixed;
    z-index: 20;
    bottom: 0;
    margin: auto;
}

.promo-inner #yt_video iframe {
    z-index: 20;
}

.promo-inner.video .closeVid {
    position: fixed;
    z-index: 21;
}

.not-scrollable {
    overflow: hidden;
}

.not-scrollable .promo-inner #yt_video {
    height: 100vh;
}

.steps {
    padding: 100px 0;
}

.steps.yellow {
    background-color: #efe2bd;
}

.steps.yellow .step__holder {
    background-color: #efe2bd;
}

.steps__heading {
    text-align: center;
    margin-bottom: 60px;
}

.steps__heading h2 {
    font-size: 36px;
    color: #ff0000;
    margin-bottom: 16px;
}

.steps__heading h4 {
    font-size: 18px;
    color: #ff0000;
}

.steps__wrapper {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}

.step__item {
    text-align: center;
    width: 33%;
    display: inline-block;
    position: relative;
}

.step__holder {
    width: 130px;
    height: 100px;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
}

.step__circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #005972;
    position: relative;
    margin: 0 auto;
    display: block;
}

.step__number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ff0000;
    font-size: 34px;
    font-weight: 700;
}

.step__item-text {
    font-size: 19px;
    color: #717375;
    padding-top: 17px;
}

.step__item:nth-child(3n+1) .step__holder {
    position: relative;
    z-index: 4;
}

.step__item:nth-child(3n+2) .step__holder::before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #ff0000;
    width: 220%;
    top: 50%;
    right: 100%;
}

.step__item:nth-child(3n+2) .step__holder::after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #ff0000;
    width: 220%;
    top: 50%;
    left: 100%;
}

.step__item:last-child .step__holder::after {
    display: none;
}

@media screen and (max-width: 976px) {
    .step__item:nth-child(3n+2) .step__holder::before {
        width: 160%;
    }

    .step__item:nth-child(3n+2) .step__holder::after {
        width: 160%;
    }
}

@media screen and (max-width: 767px) {
    .step__item {
        text-align: center;
        width: 100%;
        display: block;
    }

    .step__item:nth-child(3n+2) .step__holder::before {
        display: none;
    }

    .step__item:nth-child(3n+2) .step__holder::after {
        display: none;
    }
}

.section__table {
    width: 100%;
    display: block;
    padding: 50px 0;
    background-color: #f7f7f7;
}

.section__table > p {
    font-size: 16px;
    color: #7b7b7d;
    padding-left: 6.6666%;
}

.section__table .section__title {
    padding-left: 6.6666%;
}

.section__table .section__title h2 {
    font-size: 32px;
    color: #ff0000;
    border-right: 0;
}

.section__table.table > table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}

.section__table.table > table thead tr {
    width: 100%;
}

.section__table.table > table thead tr td {
    font-size: 16px;
    color: #000;
    padding: 20px;
    padding-left: 50px;
    border-right: 1px solid #ff0000;
    line-height: 1.3;
}

.section__table.table > table tbody tr {
    width: 100%;
}

.section__table.table > table tbody tr {
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
}

.section__table.table > table tbody tr:first-of-type {
    border-top: 0;
}

.section__table.table > table tbody tr:nth-child(2n+1) {
    background-color: #fff;
}

.section__table.table > table thead tr td {
    display: table-cell;
}

.section__table.table > table thead tr td {
    padding-left: 6.66666%;
}

.section__table.table > table tbody tr td {
    display: table-cell;
}

.section__table.table > table tbody tr td {
    font-size: 16px;
    color: #000;
    border-right: 1px solid #ff0000;
    padding: 20px 0px;
    line-height: 1.3;
}

.section__table.table > table tbody tr td {
    text-align: center;
}

.section__table.table > table tbody tr td:first-child {
    text-align: left;
    padding-left: 30px;
}

.section__table.table > table tbody tr td:last-child {
    border-right: 0;
}

@media screen and (max-width: 767px) {
    .section__table.table > table thead tr td {
        font-size: 16px;
        color: #000;
        padding: 15px;
        border-right: 1px solid #ff0000;
        line-height: 1.4;
    }

    .section__table.table > table tbody tr td {
        font-size: 16px;
        color: #000;
        border-right: 1px solid #ff0000;
        padding: 15px;
        line-height: 1.4;
    }
}

/* tables border */
table {
    border-style: solid;

}

table * {
    word-break: break-word;
}

.section__doted-table {
    width: 100%;
    display: block;
    padding: 50px 0;
    background-color: #fff;
}

.section__doted-table table.table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}

.section__doted-table .section__doted-title {
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: 70px;
}

.section__doted-table table.table tbody tr {
    width: 100%;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
}

.section__doted-table table.table tbody tr:nth-child(2n+2) {
    background-color: #e4e6e6;
}

.section__doted-table .section__doted-title h2 {
    font-size: 30px;
    color: #ff0000;
}

.section__doted-table table.table thead tr td:first-child {
    font-size: 22px;
    color: #000;
    text-align: left;
    padding-bottom: 20px;
    padding-left: 6.6666%;
    line-height: 1.3;
}

.section__doted-table table.table thead tr td {
    text-align: center;
    font-size: 16px;
    color: #000;
    padding-bottom: 15px;
    line-height: 1.3;
}

.section__doted-table table.table tbody tr td.yellow {
    color: #c0af2c;
}

.section__doted-table table.table tbody tr td {
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 1.3;
}

.section__doted-table table.table tbody tr td:first-child {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 6.6666%;
}

.section__doted-table > p:first-of-type {
    margin-top: 30px;
}

.section__doted-table > p {
    padding-left: 6.66666%;
}

.section__doted-table > span > p {
    padding-left: 6.66666%;
}

.section__doted-table > p > span {
    padding-right: 25px;
}

.yellow-dot {
    color: #c0af2c;
}

.loan-section .intro {
    padding-top: 50px;
}

@media print {
    .loan-section .intro {
        padding-top: 0;
    }
}

.loan-section .no-yell {
    padding-top: 25px;
    margin-bottom: 60px;
}

.loan-section .accordian-heading {
    margin-bottom: 32px;
}

.loan-section .accordian-heading h2 {
    font-size: 32px;
    color: #ff0000;
}

.loan-section .accordian-heading h4 {
    font-size: 16px;
    color: #000;
}

.loan-section .intro-two {
    margin-bottom: 100px;
}

.loan-section .intro-two h2 {
    font-size: 36px;
    color: #ff0000;
}

.loan-section .intro-two p {
    font-size: 22px;
    color: #000;
}

.loan-section .collapse-content strong {
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 4px;
    display: inline-block;
}

.loan-section .collapse-content p {
    margin-bottom: 45px;
    color: #666666;
}

/* Carousel */

.loans__carousel-yellow {
    background-color: #efe2bd;
}

.loans__carousel-yellow .icon-arrow-right-circle,
.loans__carousel-yellow .icon-arrow-left-circle {
    color: #ff0000;
}

.loans__carousel-yellow .tab-header a {
    color: #ff0000;
    font-weight: 400;
}

.loans__carousel-yellow .banner .tag {
    background-color: #ff0000;
    color: #ff0000;
}

.loans .banner .btn {
    color: #fff;
    margin-right: 15px;
}

.loans .banner .btn:last-child {
    margin-right: 0;
}

/* two btns prev and next with arrow left */

.loan-section .btn.btn-border-orange.loan {
    display: inline-block;
}

.loan-section .btn.btn-border-orange.loan:first-of-type {
    margin-right: 25px;
}

.loan-section a.btn.btn-border-orange.arrow-left.loan {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    display: inline-block;
    border-radius: 30px;
    padding: 8px 18px;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
}

.loan-section a.btn.btn-border-orange.arrow-left.loan:before {
    content: "\e943";
    font-family: 'Linearicons';
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.loan-section a.btn.btn-border-orange.arrow-left.loan:hover:before {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
}

/* loan form */

.icon-select-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 25px;
}

.form-select-container {
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 50%;
}

.toggle-select-btn,
.select-form-btn {
    border: 0;
    width: 100%;
}

.form-select-container .form-select-wrap {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 3;
}

.loan-form-wrap .loan-form:not(:first-of-type) {
    display: none;
}

.form-select-container .form-select-wrap li {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.form-select-container .form-select-wrap li::before {
    display: none;
}

.form-select-container button {
    background: rgba(255, 255, 255, 0.97);
    font-size: 20px;
    font-weight: 500;
    color: #ff0000;
    line-height: 1.2;
    padding: 7px 50px 7px 20px;
    text-align: left;
    display: block;
    transition: 0.3s ease-in-out;
    width: 100%;
}

.form-select-container li:first-of-type button {
    display: none;
}

.form-select-container li button:hover {
    color: #ff0000;
}

.form-select-container > button {
    background: transparent;
    border: 1px solid #ff0000;
    border-radius: 5px;
    position: relative;
    font-size: 20px;
}

.form-select-container > button::after {
    content: "\e93a";
    font-family: 'Linearicons';
    font-size: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    transition: .3s ease-in-out;
    right: 20px;
}

.form-select-container > .select-form-btn--active::after {
    transform: rotate(-180deg) translateY(-50%);
    top: 15%;
}

.field-result-wrap {
    display: inline-flex;
}

.loan-form .field-result-wrap .field-result {
    background: #fff;
    max-width: 85px;
    padding-left: 5px;
    padding-left: 0;
}

.field-container .field-result-wrap .field-result.left {
    margin-left: 10px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}

.field-container .field-result-wrap .field-result.right {
    margin-left: -5px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}

.loan-form .field-result-wrap .field-result input {
    padding: 0 10px;
}

.loan-form .field-result-wrap .field-result .txt {
    left: 39%;
}

.loan-form h4 {
    margin-bottom: 6px;
}

.loan-form .subtitle {
    display: block;
    padding-left: 30px;
    margin-bottom: 7px;
    font-style: italic;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .form-select-container {
        min-width: 75%;
    }

    .field-result-wrap {
        background: #fff;
        margin: 0 auto;
        width: 60%;
        margin-top: 25px;
        display: flex;
        justify-content: center;
        border-radius: 30px;
    }

    .loan-form .field-result-wrap .field-result {
        max-width: 170px;
        padding-left: 10px;
        margin: 0;
        display: flex;
        justify-content: space-between;
        transform: none;
        background: transparent;
    }

    .field-container .field-result.left,
    .field-container .field-result.right {
        margin-left: 0;
        margin-top: 0;
    }

    .loan-form .field-result-wrap .field.field-result input {
        text-align: left;
    }

    .loan-form .field-result-wrap .field-result .txt {
        position: relative;
        left: auto;
        transform: none;
        line-height: 0;
        line-height: 33px;
        top: auto;
    }

    .loan-form .radiobox {
        display: inline-block;
    }

    .loan-form .radiobox.align-vertically {
        width: 80% !important;
    }
}

.tab-content-container .loan-form {
    float: left;
    max-width: 100%;
}

.tab-content-container .loan-form form {
    width: 68%;
    margin-right: 2%;
    float: left;
}

.tab-content-container .loan-form .loan-results {
    width: 30%;
}

.loan-result-box .col {
    width: 100%;
}

.loan-form .loan-result-box .tooltip {
    left: auto;
    right: 0;
}

@media only screen and (max-width: 767px) {
    .tab-content-container .loan-form form {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .tab-content-container .loan-form .loan-results {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .loan-form .field-result-wrap .field-result {
        padding-left: 0;
        max-width: 140px;
    }

    .loan-form .field-result-wrap .field-result input {
        padding-left: 5px;
    }

    .loan-form .radiobox {
        display: block;
        width: 100% !important;
        padding-right: 15px;
    }
}


.additional-info .title {
    font-size: 22px;
    color: #ff0000;
    padding-bottom: 15px;
}

.additional-info .title.yellow {
    color: #ff0000;
}

.additional-info .description {
    color: #000;
    padding-bottom: 15px;
}

.additional-info a.btn.btn-border-orange.arrow-right {
    background: #ff0000;
    display: inline-block;
}

.additional-info a.btn.btn-border-orange.arrow-right:first-of-type {
    margin-right: 20px;
}

.additional-info .footnote {
    padding-top: 50px;
}

.additional-info .btn {
    margin-bottom: 16px;
}

.ebank-section .large-video-block {
    height: auto;
}

.figcaption-holder {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.figcaption-holder figcaption {
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
    .figcaption-holder {
        top: auto;
        transform: none;
        padding-top: 50px;
    }
}

.promo-banner-block figcaption {
    top: 0;
    padding-top: 0;
}

.promo-banner-block h2 {
    color: white;
}

@media (max-width: 575px) {
    .carousel-promo {
        min-height: 200px;
        height: 200px !important;
    }
}

.carousel-promo-container {
    padding: 30px 0;
}

.carousel-promo-container .tab-container {
    margin-top: 0px;
}

@media screen and (max-width: 1023px) {
    .bottom-section-buttons {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .bottom-section-buttons .btn {
        max-width: 266px;
        width: 100%;
        margin-bottom: 16px;
    }
}

.range-slider .field-container,
.custom-range-slider .field-container {
    background: rgba(0, 0, 0, .07);
    border-radius: 30px;
    position: relative;
    padding: 8px 0;
    text-align: left;
    padding-left: 48px;
    width: 97%;
}

.range-slider .field {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
}

.range-slider .field.slider {
    width: calc(100% - 210px);
}

.range-slider .ui-slider-horizontal {
    max-width: 385px;
}

.range-slider .ui-slider-horizontal:before {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 0;
    background: url(../Media/ruler.png) repeat-x scroll;
}

.range-slider .ui-slider-horizontal {
    height: 2px;
}

.range-slider .ui-slider-horizontal .ui-slider-range-min {
    background: #ff0000;
}

.range-slider .ui-slider-horizontal .ui-slider-handle {
    top: -18px;
    margin-left: -18px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.range-slider .ui-state-default,
.range-slider .ui-widget-content .ui-state-default,
.range-slider .ui-widget-header .ui-state-default {
    border: 2px solid #ff0000;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    background: #ffffff;
    opacity: 1;
    cursor: pointer;
    outline: none;
}

.range-slider .ui-state-active,
.range-slider .ui-widget-content .ui-state-active,
.range-slider .ui-widget-header .ui-state-active {
    background: #ffffff;
    opacity: 1;
    cursor: pointer;
}

.range-slider .ui-state-default:before {
    content: "\e93e";
    font-family: 'Linearicons';
    color: #ff0000;
    font-size: 19px;
    font-weight: bold;
}

.range-slider .ui-widget-content {
    border: 0;
    background: #80b5bf;
}

.range-slider a:link,
.range-slider a:visited {
    text-decoration: none;
}

.range-slider .field input {
    background: #ffffff;
}

.range-slider .field.field-result {
    padding-left: 40px;
    max-width: 170px;
}

.range-slider label {
    float: none;
}

.custom-range-slider .field-container .radiobox {
    display: inline-block;
    width: 26%;
    text-align: center;
}

.custom-range-slider .field-container .radiobox label {
    font-size: 16px;
    color: #000000;
    min-height: 32px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-top: 10px;
}

.range-slider-container.hidden {
    display: none;
}

.range-slider-input {
    cursor: default;
}

.blog-post-section {
    background-color: #f7f7f7;
    margin-top: 27.4%;
}

.blog-post-section .post-content {
    background: #fff;
    padding-top: 30px;
    margin-right: 20px;
    border-radius: 5px;
}

.blog-post-section .post-content.no-margin {
    margin-top: 0;
}

.blog-post-section .tab-title {
    font-weight: 700;
    margin-bottom: 20px;
}

.blog-post-section hr {
    color: #cacaca;
    margin: 1.25rem auto;
}

.blog-post-section .blog-info-list {
    height: 43px;
}

.blog-post-section .blog-post-category {
    padding: 10px 0 10px 5px !important;
}

.blog-post-section .blog-post-category li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}

.blog-post-section .blog-post-category li:first-child a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

.blog-post-section .blog-post-category li:last-child a:hover {
    color: #005972;
}

.blog-post-section .blog-post-category a:link {
    text-decoration: none;
}

.blog-post-section .blog-info-list {
    margin-top: 80px;
    padding: 0;
    background-color: transparent;
}

.blog-post-section .gpb-subtitle--author {
    font-size: 14px;
    margin: 1.5rem 0px;
    font-weight: bold;
    letter-spacing: 1.2px;
    color: #000000;
}

.blog-post-section .info-box {
    border-radius: 5px;
}

.blog-post-section .share-buttons {
    margin-right: -10px;
}

@media only screen and (min-width: 1024px) {
    .banner-blog-post figure {
        background-attachment: fixed;
    }

    .blog-post-section .post-content {
        margin-top: -125px;
    }

    .blog-post-section .post-content.with-sidebar {
        width: 66.66667%;
    }
}

@media only screen and (max-width: 1023px) {
    .blog-post-section {
        background-color: #fff;
        margin: 0px !important;
    }

    .blog-post-section .post-content {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
    }
}

.icon.pdf {
    width: 25px;
    height: 26px;
    background: url('../Media/icon-pdf.png') no-repeat 0 0;
}

.icon.excel {
    width: 25px;
    height: 26px;
    background: url('../Media/icon-excel.png') no-repeat 0 0;
}

.icon.html {
    width: 25px;
    height: 26px;
    background: url('../Media/icon-html.png') no-repeat 0 0;
}

.icon.zip {
    width: 25px;
    height: 26px;
    background: url('../Media/icon-zip.png') no-repeat 0 0;
}

.icon.mp3 {
    width: 25px;
    height: 26px;
    background: url('../Media/icon-mp3.png') no-repeat 0 0;
}

.filter-by-year {
    padding: 10px 0;
}

.filter-by-year label {
    display: block;
    color: #000;
    font-weight: normal;
    line-height: 1.6;
    font-size: 16px;
    margin: 0;
    letter-spacing: 0;
}

.filter-by-year.field input {
    background: #dbdddd;
    border: 1px solid #dbdddd;
    border-radius: 30px;
    font-size: 15px;
    height: 35px;
    line-height: normal;
    margin-right: 2%;
    padding: 8px 38px 8px 18px;
    width: 70%;

}

.filter-by-year.field input.error {
    border-color: #f00;
}

.filter-by-year .error-text {
    color: #ff0000;
    display: none;
}

.filter-by-year .error-text.visible {
    display: block;
}

.filter-by-year .btn {
    background-color: #fff;
    padding: 8px 18px;
}

.filter-by-year .btn.btn-add {
    max-width: 25%;
}

.filter-data {
    margin-top: 15px;
}

.filter-data .filter-data-item {
    border-top: 1px solid #aebdc8;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 15px;
}

.filter-data .filter-data-item:first-child {
    border-top: 0;
}

.filter-data .filter-data-item:last-child {
    border-bottom: 1px solid #aebdc8;
}

.filter-data-item .year {
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.22rem;
}

.filter-data-item .remove-filter {
    color: #ff0000;
    cursor: pointer;
    font-size: 20px;
    margin-right: 0;
    transition: 0.3s ease;
}

.filter-data-item .remove-filter:hover {
    color: #aebdc8;
}

.filter-by-year .apply-filters {
    display: block;
    margin: 20px auto 0;
}

.filter-by-year .apply-filters.hidden {
    display: none;
}

/* Filter checkboxes */

.field-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.filter-by-year.field {
    display: flex;
    flex-wrap: wrap;
}

.dropdown .icon-chevron-down {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

@media only screen and (min-width: 768px) {
    .dropdown-group {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-radius: 3px;
        padding: 25px 30px;
        background-color: #ccd5dc;
        position: relative;
    }

    .dropdown-group .dropdown {
        border-radius: 3px;
        background-color: #fff;
        border: 0;
    }

    .filter-by {
        margin-right: 30px;
        font-size: 18px;
        font-weight: 300;
    }

    .filter__legend .filter-items {
        padding: 45px 30px 20px;
        position: absolute;
    }

    .filter-apply {
        padding: 33px 31px 41px;
        width: 100%;
        text-align: center;
        display: none;
    }

    .filter-apply .apply-filters {
        width: auto;
    }

    .filter-apply .apply-filters .apply-text-mobile {
        display: none;
    }

    .filter-apply .apply-filters:hover {
        background-color: #efc033;
    }

    .filter-by-year .form-item-wrapper {
        width: 25%;
    }

    .filter-container {
        display: none;
    }

    .dropdown-title {
        display: none;
    }

    .filter__fieldset:not(:last-of-type) {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .filter-container {
        width: 100%;
    }

    .filter-container .filter-container-button {
        width: 100%;
        position: relative;
        padding: 15px 50px 15px 20px;
        border: 0;
        border-radius: 3px;
        font-size: 18px;
        vertical-align: middle;
        background-color: #ccd5dc;
        cursor: pointer;
        text-decoration: none;
    }

    .dropdown-group {
        display: none;
        position: fixed;
        padding-top: 70px;
        background: #eceeee;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        z-index: 20000;
        overflow: hidden;
        overflow-y: auto;
    }

    .apply-text {
        display: none;
    }

    .dropdown-title {
        position: fixed;
        top: 0;
        display: flex;
        align-items: center;
        width: 100%;
        background: #fff;
        height: 70px;
        padding: 0 20px;
        z-index: 1;
        padding-right: 50px;
    }

    .dropdown-title h2 {
        padding: 0;
        font-size: 23px;
        font-weight: 300;
        display: flex;
    }

    .clear-filters {
        position: relative;
        margin-left: 11px;
        font-size: 15px;
        font-weight: 600;
        border: 0;
        padding: 0;
        background: 0 0;
    }

    .dropdown-group .filter-by {
        display: none;
    }

    .filter-close.close.icon {
        position: absolute;
        margin-top: 0;
        margin-left: 0;
        width: 20px;
        height: 20px;
        right: 15px;
        top: 50%;
        webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .filter-close.close.icon:before {
        display: block;
        content: '';
        position: absolute;
        top: 4px;
        left: 3px;
        width: 20px;
        height: 1px;
        background-color: #808080;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
        webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    }

    .filter-close.close.icon:after {
        display: block;
        content: '';
        position: absolute;
        top: 3px;
        left: 16px;
        width: 20px;
        height: 1px;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
        background-color: #808080;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    }

    .filter__legend .filter-items {
        position: static;
        border-bottom: 1px solid #e5e5e5;
        padding: 45px 30px 20px;
    }

    .dropdown-group .dropdown {
        width: 100%;
        background-color: #f7fafc;
        border: 0;
        border-bottom: 1px solid #eceeee;
        text-align: left;
    }

    .filter-by-year .form-item-wrapper {
        width: 100%;
    }

    .filter-by-year .form-item input {
        width: 100% !important;
        margin: 0 !important;
    }

    .filter-apply {
        display: block;
        position: fixed;
        padding: 25px 30px;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        z-index: 20000;
        left: 0;
        bottom: 0;
    }

    .filter-apply .apply-filters {
        width: 100%;
    }
}

.filter__legend .filter-items {
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #eceeee;
}

.dropdown-group .dropdown {
    flex: 0 0 auto;
    display: inline-block;
    position: relative;
    padding: 15px 50px 15px 20px;
    font-size: 18px;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
}

.filter-by-year .form-item label::before {
    font-size: 16px;
    line-height: 1;
    width: 23px !important;
    height: 23px !important;
    border-radius: 3px;
}

.filter-by-year .form-item label::after {
    left: 5px !important;
    color: #006a84 !important;
    font-weight: bold;
    font-size: 16px;
}

.filter-items__checkboxes {
    display: flex;
    flex-wrap: wrap;
}

.filter-by-year .form-item-wrapper {
    margin-bottom: 30px;
}

.filter-by-year .form-item label {
    line-height: normal !important;
    width: 100%;
}

.filter-apply {
    display: none;
    background-color: #eceeee;
    border-top: 1px solid #e5e5e5;
}

.filter-apply .apply-filters {
    display: none;
    margin-top: 0;
    padding: 0 50px;
    height: 60px;
    background-color: #ff0000;
    color: #000;
    border: 0;
    border-radius: 3px;
    font-size: 16px;
}

.filter__legend--open .filter-items {
    display: block;
}

.filter__legend--open .dropdown .icon-chevron-down {
    transform: translateY(-50%) rotate(180deg);
}

/* end filter checkboxes */

@media only screen and (min-width: 768px) {
    .filter-by-year.field input {
        margin-bottom: 10px;
        width: 75%
    }

    .filter-by-year .btn.btn-add {
        max-width: 25%;
    }


    .filter-by-year .error-text {
        position: absolute;
        left: 0;
        bottom: -20px;
    }
}

.dynamic-content a.clear-filters:link {
    text-decoration: none;
}

.filter-by-year input[type=checkbox] ~ label {
    padding: 6px 0 6px 31px;
}

#smartbanner,
#smartbanner.android {
    background: #fff;
    border-top: 5px solid #ff0000;
    height: 110px;
}

#smartbanner .sb-icon {
    width: 45px;
    height: 50px;
    top: 28px;
    left: 14px;
    border-radius: 0;
    box-shadow: none;
    background-size: cover;
    background-position: center;
}

#smartbanner .sb-info,
#smartbanner.android .sb-info,
#smartbanner.android .sb-info strong,
#smartbanner .sb-info strong {
    left: 67px;
    color: #ff0000 !important;
    text-shadow: none;
    font-family: Roboto;
    font-weight: 500;
    top: 30px;
    width: auto;
}

#smartbanner .sb-button,
#smartbanner.android .sb-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
    border: 0 !important;
    padding: 0 !important;
    min-width: auto !important;
    height: 35px;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
}

#smartbanner .sb-button span,
#smartbanner.android .sb-button span {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 17px;
    background: #fff !important;
    color: #005972;
    border: 2px solid #005972;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 18px;
    font-family: Roboto;
}

#smartbanner .sb-close,
#smartbanner.android .sb-close {
    background: none !important;
    text-shadow: none !important;
    box-shadow: none;
    left: auto;
    top: 6px;
    right: 6px;
    font-size: 27px;
    color: #005972;
}

#smartbanner {
    top: 0;
    z-index: 10;
    position: fixed !important
}

/* Image banner */
.owl-wrapper-outer {
    padding-top: 1px;
}

.owl-item > .owl-item > div {
    margin-top: 30px;
    padding: 0 20px;
}

.owl-item > .owl-item > div.banner {
    padding: 0;
}

.only-image-banner .tablet-image,
.only-image-banner .mobile-image,
figure.carousel-promo-item .tablet-image,
figure.carousel-promo-item .mobile-image {
    display: none;
}

.only-image-banner .desktop-image,
figure.carousel-promo-item .desktop-image {
    display: block;
}

/*.only-image-banner.full-image .desktop-image,
.only-image-banner.full-image .tablet-image,
.only-image-banner.full-image .mobile-image {
    position: absolute;
}*/
.only-image-banner.full-image {
    position: relative;
}

.only-image-banner.full-image .banner figcaption .btn {
    margin-top: 0px;
}

.only-image-banner img {
    width: 100%;
    height: auto;
}

.only-image-banner.full-image .banner.image-banner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

figure.carousel-promo-item {
    height: 50vh;
    position: relative;
    width: 100%;
}

figure.carousel-promo-item img {
    margin: 0px auto;
}

.carousel-promo {
    min-height: 450px;
    height: 450px !important;
}

.carousel-promo img {
    object-fit: cover;
    height: 100%;
}

.carousel-promo--small {
    min-height: 200px;
    height: 200px !important;
    display: flex;
}

.carousel-promo--small img {
    height: auto;
    object-fit: none;
}

.only-image-banner.full-image figure {
    height: auto;
}

/*@media screen and (max-width: 1280px) {
    .only-image-banner.full-image figure {
        height: auto;
    }
}*/

@media screen and (max-width: 1023px) {
    .only-image-banner .desktop-image, .only-image-banner .mobile-image, figure.carousel-promo-item .desktop-image, figure.carousel-promo-item .mobile-image {
        display: none;
    }

    .only-image-banner .tablet-image,
    figure.carousel-promo-item .tablet-image {
        display: block;
    }

    .owl-item > .owl-item {
        padding: 0px 35px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -30px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -30px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next,
    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
        display: block;
        top: 50%;
        background: none;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next.disabled,
    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev.disabled {
        display: none;
    }
}

@media (max-width: 639px) {
    .only-image-banner .desktop-image,
    .only-image-banner .tablet-image,
    figure.carousel-promo-item .desktop-image,
    figure.carousel-promo-item .tablet-image {
        display: none;
    }

    .only-image-banner .mobile-image,
    figure.carousel-promo-item .mobile-image {
        display: block;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -5px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -5px;
    }

    /*.only-image-banner.full-image {
        height: 570px;
    }*/
    /*.only-image-banner.full-image .banner figure {
        height: auto;
    }*/

}

.main-header li.current-second-level > a,
.main-header li.current-third-level > a,
.main-header li.current-fourth-level > a,
.main-header li.current-fifth-level > a {
    position: relative;
}

.main-header li.current-third-level > a::after,
.main-header li.current-fourth-level > a::after,
.main-header li.current-fifth-level > a::after {
    background: #ff0000;
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.main-header li.current-fourth-level > a::after,
.main-header li.current-fifth-level > a::after {
    transform: translateY(-80%);
    left: 2px;
}

/* Current page is active in second level navigation */
@media only screen and (max-width: 1023px) {
    li.current {
        border-bottom: 0;
    }

    .main-header li.current-second-level > a::after {
        background: #ff0000;
        position: absolute;
        content: '';
        height: 5px;
        width: 5px;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
    }

    .main-header li.current-second-level,
    .main-header li.current-second-level > a,
    .main-header li.current-third-level,
    .main-header li.current-third-level > a,
    .main-header li.current-fourth-level,
    .main-header li.current-fifth-level > a {
        font-weight: bold;
    }
}

/* END Current page is active in second level navigation */


/* Tab Navigation */
a.focus-visible:focus,
button.focus-visible:focus {
    color: #ff0000 !important;
    text-shadow: 0px 0px 15px #ec9f00;
    z-index: 3;
}

.top-bar a.focus-visible:focus,
.top-bar button.focus-visible:focus {
    color: #fff !important;
    text-shadow: 0px 0px 6px #ec9f00;
    z-index: 3;
}

.middle-bar a.focus-visible:focus {
    color: #ff0000 !important;
    text-shadow: none;
    z-index: 3;
}

.middle-bar button.focus-visible:focus {
    color: #ec9f00 !important;
    text-shadow: none;
}

.middle-bar a.focus-visible:focus img,
.main-footer .logo a.focus-visible:focus img {
    text-shadow: none;
}

.bottom-bar a.focus-visible:focus,
.bottom-bar button.focus-visible:focus {
    color: #000 !important;
    text-shadow: none;
    z-index: 3;
    border-bottom: 1px solid;
}

.bottom-bar a.focus-visible:focus .icon {
    font-weight: bold;
    text-shadow: none;
}

a.btn.focus-visible:focus {
    color: #fff !important;
    box-shadow: 0px 0px 30px #ec9f00;
    background-color: #ec9f00;
    text-shadow: none;
    z-index: 3;
    border: none;
}

a.category.focus-visible:focus {
    font-weight: bold;
    color: #000 !important;
    box-shadow: none;
    background-color: none;
    text-shadow: 0px 0px 15px #ec9f00;
    text-decoration: underline !important;
    z-index: 3;
}

.banner a.category.focus-visible:focus mark {
    color: #fff !important;
    box-shadow: 0px 0px 30px #ec9f00;
    background-color: #ec9f00;
    text-shadow: none;
    z-index: 3;
}

.tab-header a.focus-visible:focus,
.tab-header button.focus-visible:focus {
    color: #000 !important;
    text-shadow: 0px 0px 30px #ec9f00;
    z-index: 3;
}

.tab-header a.focus-visible:focus {
    border-bottom: solid 1px #000;
    text-shadow: none;
    z-index: 3;
}

.products a.focus-visible:focus {
    color: #80b5bf !important;
    text-shadow: none;
}

.main-footer a.focus-visible:focus {
    color: #000 !important;
    text-shadow: 0px 0px 15px #ec9f00;
}

.main-footer a.social-link.focus-visible:focus {
    background-color: #ec9f00;
    box-shadow: 0px 0px 12px #ec9f00;
    text-shadow: none;
}

.breadcrumb a.focus-visible:focus span {
    font-weight: bold;
}

a.focus-visible:focus img {
    border: 1px solid #ec9f00;
}

.blog-articles a.focus-visible:focus .item-title,
.blog-articles a.focus-visible:focus .item-intro {
    text-shadow: 0px 0px 6px #ec9f00;
}

.blog-articles a.category.focus-visible:focus,
.blog-articles a.category.focus-visible:focus span {
    text-shadow: 0px 0px 6px #ec9f00;
    font-weight: bold;
}

.has-submenu a:not(.btn):not(.second-level).focus-visible:focus {
    text-shadow: 0px 0px 15px #ec9f00;
    font-weight: bold !important;
}

.language-box a.focus-visible:focus {
    color: #000000 !important;
    font-weight: bold !important;
}

.categories-box .list-item .category a.focus-visible:focus {
    border: solid #ff0000 1px;
}

.square-cards .buttons {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    width: 100%;
}

.square-cards.first .item .description .buttons .btn,
.square-cards.second .item .description .buttons .btn {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.square-cards.first .item .description .buttons .btn:last-child,
.square-cards.second .item .description .buttons .btn:last-child {
    margin-right: 0;
}

.result-item .info {
    margin-left: 5px;
}

.result-item .info .info-row {
    padding: 2px;
}

/* result-item */
.result-item {
    padding-left: 30px;
}

.result-item .store-icons {
    margin-top: 2px;
}

.result-item .store-icons > img {
    width: 30px;
    height: auto;
    margin-left: 5px
}

@media only screen and (max-width: 639px) {
    .result-item > img {
        top: 10px;
    }
}

/* result-item end*/
.categories-box .list-item .category a:focus {
    border: solid #ff0000 1px;
}

.filter-by-year .btn-orange {
    background: #ff0000;
    border-color: #ff0000;
    margin-bottom: 20px;
}

.filter-by-year .btn-orange:hover {
    background: #fff;
    border-color: #ff0000;
}

.filter-by-year .btn-orange:active {
    border-color: #ec9f00;
}

.filter-by-year-results {
    color: #000;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}

.filter-by-year-results a:link {
    padding-left: 5px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    padding-left: 30px;
    position: relative;
}

.filter-by-year-results a:link::after {
    position: absolute;
    top: 0;
    left: 15px;
    height: 100%;
    content: '';
    width: 1px;
    background: #000;
}

.filter-by-year-results a:hover {
    color: #ff0000;
}

@media (max-width: 767px) {
    .filter-by-year-results,
    .filter-by-year-results a:link {
        font-size: 16px;
    }
}

.pagination {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
    padding: 13px 0;
}

.pagination ul {
    display: inline-block;
    padding: 0 !important;
    margin: 12px 0 12px 0;
}

.pagination ul li {
    display: inline-block;
    padding: 0 !important;
    border: 0;
    margin: 0 0 20px 0;
}

.pagination ul li a {
    font-size: 14px;
    line-height: 18px;
    color: #605f5f;
    padding: 0 3px;
    margin: 0 3px;
}

.pagination ul li a:link {
    text-decoration: none;
}

.pagination ul li a.prev, .pagination ul li a.next {
    color: #ff0000;
}

.pagination ul li a.prev {
    margin-left: 0;
}

.pagination a.selected {
    background-color: #979797;
    color: white;
    border-radius: 50%;
    padding: 6px 14px;
    text-align: center;
}

.convert-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 20px;
}

@media (max-width: 992px) {
    .convert-wrap {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .convert-wrap {
        padding: 0;
    }
}

.categories-box .list-item .category a:focus {
    border: solid #ff0000 1px;
}

.convert-box {
    max-width: 42%;
    display: inline-block;
}

@media (max-width: 992px) {
    .convert-box {
        max-width: 100%;
        width: 100%;
    }
}

.convert {
    background: transparent;
    display: flex;
    max-width: 100%;
}

@media (max-width: 992px) {
    .convert {
        width: 100%;
    }
}

.convert .amount,
.select-box.currency .selected {
    border-radius: 10px;
    border: 1px solid #d6d6d6;
}

.select-box.currency .selected {
    padding-left: 55px;
}

.select-box.currency .country {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
}

.select-box li {
    position: relative;
    padding: 5px 0 5px 55px;
}

.convert .amount {
    padding: 9px 10px;
}

.convert input {
    text-align: left;
}

.select-box.currency {
    border: 0;
}

.select-box.currency.currency-from {
    margin-left: 8px;
}

.convert-box .label {
    display: block;
    color: #000;
    margin-bottom: 7px;
    padding: 0 10px;
    text-align: left;
    font-size: 14px;
}

.swap-icon {
    background: transparent;
    border-radius: 0;
    display: inline-block;
    margin: 0 10px;
    width: 44px;
    height: 44px;
    font-size: 26px;
}

.swap-icon .icon-shuffle {
    line-height: 50px;
}

.swap {
    border-radius: 10px;
    border: 0;
    background: #fcb813;
    width: 42px;
    height: 42px;
    margin-right: 0;
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .swap {
        margin-top: 15px;
    }
}

.convert-results {
    margin-bottom: 20px;
    max-width: 50%;
    margin: 0 auto;
    padding-top: 30px;
}

@media (max-width: 992px) {
    .convert-results {
        max-width: 100%;
        width: 100%;
    }
}

.from-amount,
.to-amount {
    text-align: center;
}

.from-amount {
    margin-bottom: 10px;
    line-height: 22px;
}

.result-amount {
    font-size: 56px;
}

@media (max-width: 992px) {
    .result-amount {
        font-size: 44px;
    }
}

.from-amount .from-currency,
.to-amount .to-currency {
    text-transform: uppercase;
    font-size: 22px;
}

.from-amount {
    font-size: 22px;
}

.from-amount .equal {
    display: inline-block;
    margin-left: 3px;
    font-size: 22px;
}

.to-amount {
    line-height: 56px;
}

@media (max-width: 992px) {
    .to-amount {
        line-height: 44px;
    }
}

.currencySymbol img {
    width: 100%;
    height: auto;
}

.secondary .table-row .center > tbody > tr > td {
    height: 50px;
}

@media (max-width: 767px) {
    .secondary .table-row .center > tbody > tr > td {
        height: auto;
    }
}

@media (min-width: 993px) {
    .convert-to {
        width: 290px;
    }
}

.convert-to .currency-to {
    width: 100%;
}

.currencySymbol {
    background-color: transparent;
}

.currency-input .field-wrap {
    max-width: 1100px;
    padding: 0 30px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.currency-input input {
    width: auto;
    flex: 1 1 auto;
    margin-right: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select,
    textarea,
    input {
        font-size: 16px !important;
    }
}

.currency-section .search-section {
    padding-bottom: 0;
}

.currency-date {
    text-align: center;
    color: #687177;
    margin-bottom: 5px;
}

.currency-calculator {
    margin-bottom: 0;
    background: #fff;
}

.search-section .search-container {
    background-color: #f7f7f7;
}

.currency-section .main-table thead {
    background-color: #f7f7f7;
}

.currency-section .search .field input {
    background: #fff;
}

.currency-section .search-section .search-container {
    padding: 43px 0 60px;
}

.currency-section .table-header {
    margin: 36px auto 0;
}

.convert-box .currency-labels {
    text-align: left;
    white-space: nowrap;
}

.convert-box .currency-labels .label {
    display: inline-block;
    white-space: normal;
}

.convert-box .currency-labels .label.label-amount, .convert-box .currency-labels .label.label-from {
    width: 50%;
}

@media only screen and (max-width: 480px) {
    .convert-box .currency-labels .label.label-amount {
        width: 40%;
    }

    convert-box .currency-labels .label.label-from {
        width: 60%
    }
}

.sitemap {
    padding: 10px 10%;
}

.sitemap h2 {
    text-align: center;
    padding: 20px;
    font-weight: normal;
    font-size: 37px;
}

.sitemap .sitemap-diagram {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
}

.sitemap .tree,
.sitemap .tree ul {
    margin: 0; /* indentation */
    padding: 0;
    list-style: none;
    color: #ff0000;
    position: relative;
}

.sitemap .tree ul {
    margin-left: .5em
}

/* (indentation/2) */

.sitemap .tree ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid;
}

.sitemap .tree li {
    margin: 0;
    padding: 0 1.5em; /* indentation + .5em */
    padding-right: 0px;
    line-height: 2em; /* default list item's `line-height` */
    font-weight: bold;
    position: relative;
}

.sitemap .tree li:before {
    content: "";
    display: block;
    width: 10px; /* same with indentation */
    height: 0;
    border-top: 1px solid;
    margin-top: -1px; /* border top width */
    position: absolute;
    top: 1em; /* (line-height/2) */
    left: 0;
}

.sitemap .tree li:last-child:before {
    background: white; /* same with body background */
    height: auto;
    top: 1em; /* (line-height/2) */
    bottom: 0;
}

.sitemap .tree li {
    list-style-type: none;
}

.sitemap .tree > li {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    padding-left: 0px;
}

.sitemap .tree > li:before {
    display: none;
}

.sitemap .first-level {
    font-size: 15px;
}

.sitemap .tree li a {
    color: #ff0000;
}

.sitemap .tree li a:hover {
    color: #000;
}

.tree li button {
    position: absolute;
    left: -5px;
    top: 3px;
    right: auto;
    border: 1px solid #ff0000;
    background: #fff;
    font-size: 9px;
    border-radius: 20px;
    width: 18px;
    height: 18px;
    padding: 0px;
    color: #ff0000;
    outline: none;
}

.tree li ul.closed {
    display: none;
}

.first-column,
.second-column,
.third-column {
    width: 33%;
}

@media (max-width: 1023px) {
    .first-column,
    .second-column,
    .third-column {
        width: 50%;
    }

    .sitemap {
        margin-top: 25px;
    }
}

.sitemap .mobile {
    display: none;
}

@media (max-width: 639px) {
    .first-column,
    .second-column,
    .third-column {
        width: 100%;
    }

    .first-column,
    .second-column,
    .third-column {
        display: none;
    }

    .sitemap .mobile {
        display: block;
    }
}

.card-calculator-background {
    background-color: rgba(236, 238, 238, 0.3);
    margin-bottom: 20px;
}

.card-calculator {
    margin: 0 10%;
    padding-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .card-calculator {
        margin: 0 5%
    }
}

.Form__Title {
    font-weight: 400;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .Form__Title {
        font-size: 32px;
    }
}

.card-calculator .Form__Description {
    text-align: justify;
    font-weight: 400;
    margin-bottom: 50px;
    font-size: 18px;
}

.card-calculator.result-description {
    text-align: justify;
}

@media screen and (max-width: 992px) {
    .Form__Description {
        font-size: 22px;
    }
}

.card-calculator .field {
    width: 48%;
    margin-right: 4%;
}

@media screen and (max-width: 992px) {
    .card-calculator .field {
        width: 100%;
        margin-right: 0;
    }
}

.card-calculator .field input,
.card-calculator .selectric .label {
    padding: 9px 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #d6d6d6;
    height: 44px !important;
}

.card-calculator .field label {
    float: none;
    display: block;
}

.card-calculator .field input,
.card-calculator .select-box .selected {
    height: 35px;
}

.card-calculator .btn.btn-border-orange {
    border-color: #ff0000;
    background-color: transparent;
    outline: none;
}

.card-calculator .btn.btn-border-orange:hover:not(:disabled) {
    border-color: #ff0000;
    background-color: #ff0000;
}

.card-calculator .btn.btn-border-orange:disabled {
    cursor: not-allowed;
    opacity: .3;
}

.card-calculator .selectric-items {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: auto;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-top: 0;
    width: 100% !important;
}

.card-calculator .selectric-open::after {
    content: none;
}

.card-calculator .selectric-open .label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card-calculator .card-calculator-fields {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.card-calculator .card-calculator-fields .col {
    float: none;
}

.card-calculator .card-calculator-fields .col:nth-child(even) {
    margin-right: 0;
}

.card-calculator .card-calculator-fields .field input,
.card-calculator .card-calculator-fields .selectric-wrapper {
    width: 100%;
}

.card-calculator-result {
    text-align: center;
    display: none;
}

.card-calculator-result h3 {
    font-weight: 400;
    color: #000;
    font-size: 37px;
    line-height: 1.2;
    margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
    .card-calculator-result h3 {
        font-size: 28px;
    }
}

.card-calculator-result p {
    margin-bottom: 30px;
}

.card-calculator-result .card-calculator-currency {
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
}

@media screen and (max-width: 992px) {
    .card-calculator-result .card-calculator-currency {
        font-size: 20px;
        margin-bottom: 5px;
    }
}

.card-calculator-result .card-calculator-amount {
    font-size: 40px;
    display: block;
    margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
    .card-calculator-result .card-calculator-amount {
        font-size: 35px;
        margin-bottom: 5px;
    }
}

.card-calculator-result .card-calculator-value {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    text-decoration: underline;
    text-decoration-color: #ff0000;
}

/* loader on ajax call */

/*Hidden class for adding and removing*/
.lds-dual-ring.hidden {
    display: none;
}

/*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100vh;
    z-index: 999;
    opacity: 1;
    transition: all 0.5s;
}

/*Spinner Styles*/
.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 5% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #ff0000 transparent #ff0000 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.zig-zag-container {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin: 20px;
}

.zig-zag-container .zig-zag-item {
    display: flex;
    padding: 40px;
    align-items: center;
}

.zig-zag-container .zig-zag-item:nth-child(even) {
    flex-direction: row;
    background-color: #ffffff;
}

.zig-zag-container .zig-zag-item:nth-child(odd) {
    flex-direction: row-reverse;
}

.bg-blue .zig-zag-container .zig-zag-item:nth-child(odd) {
    background-color: #ff0000;
}

.bg-yellow .zig-zag-container .zig-zag-item:nth-child(odd) {
    background-color: #ff0000;
}

.bg-grey .zig-zag-container .zig-zag-item:nth-child(odd) {
    background-color: #b0bbc3;
}

.bg-tahunasands .zig-zag-container .zig-zag-item:nth-child(odd) {
    background-color: #FAF7D6;
}

.bg-red .zig-zag-container .zig-zag-item:nth-child(odd) {
    background-color: #ff5454;
}

.bg-lightgray .zig-zag-container .zig-zag-item:nth-child(odd) {
    background-color: #d0d0d0;
}

.bg-lightblue .zig-zag-container .zig-zag-item:nth-child(odd) {
    background-color: #94d3da;
}

.zig-zag-item .btn {
    background-color: #fff;
}

.zig-zag-rte-block {
    width: 70%;
    padding: 0px 30px;
}

.zig-zag-rte-block .rte-block ul,
.zig-zag-rte-block .rte-block ul li {
    list-style-type: disc;
    margin-left: 20px;
}

.zig-zag-rte-block .rte-block ul li,
.zig-zag-rte-block .rte-block ol li {
    color: #605f5f;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 20px 0;
}

.zig-zag-rte-block .text-blue * {
    color: #ff0000;
}

.zig-zag-rte-block .text-black * {
    color: #000000;
}

.zig-zag-rte-block .text-white * {
    color: #eceeee;
}

.zig-zag-rte-block .text-yellow * {
    color: #ff0000;
}

.zig-zag-rte-block .text-gray * {
    color: #b0bbc3;
}

.zig-zag-rte-block .text-lightgray * {
    color: #d0d0d0;
}

.zig-zag-rte-block .text-lightblue * {
    color: #94d3da;
}

.zig-zag-container .zig-zag-item .zig-zag-image-block {
    width: 50%;
    height: 390px;
    position: relative;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 35%);
    border-radius: 5px;
}

.zig-zag-container .zig-zag-item .zig-zag-video-block {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 35%);
    border-radius: 5px;
    background-position: center;
    background-size: cover;
}

.zig-zag-rte-block .rte-block.text-blue ul li,
.zig-zag-rte-block .rte-block.text-blue ol li {
    color: #ff0000;
}

.zig-zag-rte-block .rte-block.text-black ul li,
.zig-zag-rte-block .rte-block.text-black ol li {
    color: #000000;
}

.zig-zag-rte-block .rte-block.text-white ul li,
.zig-zag-rte-block .rte-block.text-white ol li {
    color: #eceeee;
}

.zig-zag-rte-block .rte-block.text-yellow ul li,
.zig-zag-rte-block .rte-block.text-yellow ol li {
    color: #ff0000;
}

.zig-zag-rte-block .rte-block.text-gray ul li,
.zig-zag-rte-block .rte-block.text-gray ol li {
    color: #b0bbc3;
}

.zig-zag-rte-block .rte-block.text-lightgray ul li,
.zig-zag-rte-block .rte-block.text-lightgray ol li {
    color: #d0d0d0;
}

.zig-zag-rte-block .rte-block.text-lightblue ul li,
.zig-zag-rte-block .rte-block.text-lightblue ol li {
    color: #94d3da;
}

@media (max-width: 1023px) {
    .zig-zag-rte-block {
        padding: 12px;
    }
}

@media (max-width: 639px) {
    .zig-zag-container .zig-zag-item:nth-child(even) {
        flex-direction: column;
    }

    .zig-zag-container .zig-zag-item:nth-child(odd) {
        flex-direction: column-reverse;
    }

    .zig-zag-rte-block {
        width: 100%;
        padding: 60px 40px;
    }

    .zig-zag-container .zig-zag-item .zig-zag-image-block {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    [data-animate],
    .data-animate {
        opacity: 0;
        transform: translateY(100px);
        animation-duration: 0.8s;
        animation-iteration-count: 1;
        animation-timing-function: cubic-bezier(.39, .575, .565, 1);
        animation-fill-mode: forwards;
    }

    [data-animate].animated,
    .data-animate.animated {
        animation-name: fadeUp;
    }

    [data-animate-left],
    [data-animate-right] {
        opacity: 0;
        animation-duration: 0.8s;
        animation-iteration-count: 1;
        animation-timing-function: cubic-bezier(.39, .575, .565, 1);
        animation-fill-mode: forwards;
    }

    [data-animate-left] {
        transform: translateX(-100px);
    }

    [data-animate-left].animated {
        animation-name: fadeLeft;
    }

    [data-animate-right] {
        transform: translateX(100px);
    }

    [data-animate-right].animated {
        animation-name: fadeRight;
    }

    div[data-epi-block-info] [data-animate],
    div[data-epi-block-info] .data-animate,
    div[data-epi-block-info] [data-animate-left],
    div[data-epi-block-info] [data-animate-right] {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.no-pointer {
    cursor: default;
}

.ebank-section .first {
    clear: left;
}

.links h4 {
    margin-bottom: 10px;
}

/* Left align children content */
.left-aligned * {
    text-align: left;
}

/* Mobile Menu Fixed */
@media only screen and (max-width: 350px) {
    .logo {
        max-width: 45%;
    }
}

/*Left align title*/
.title-left {
    text-align: left;
}

.contact .row {
    padding: 20px 0 0 0;
}

/* Form style improvments */
.contact-boc .newscheckbox:first-of-type {
    margin-top: 0;
}

.newscheckbox.checkbox {
    width: 100%;
}

.checkboxes.left-aligned .text {
    margin-bottom: 0;
}

.checkboxes.centered:not(.left-aligned) .text {
    min-width: 0;
}

@media only screen and (max-width: 639px) {
    .checkboxes.centered .text {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .checkboxes.centered:not(.left-aligned) .text {
        text-align: center;
    }
}

@media only screen and (min-width: 640px) {
    .newscheckbox.checkbox:first-of-type {
        margin-top: 15px;
    }
}

/* Input fields fix */
.Form__Element.FormStep.Form__Element--NonData {
    display: flex;
    flex-wrap: wrap;
}

/* Progress bar */
.EPiServerForms .Form__MainBody .Form__Element.FormStep {
    overflow: hidden;
}

.modal-container .EPiServerForms .Form__MainBody .Form__Element.FormStep {
    overflow: visible;
}

.EPiServerForms .Form__MainBody .FormStep__Title {
    margin-bottom: 15px;
}

.EPiServerForms .Form__MainBody .Form__Element__Caption {
    padding-left: 0;
}

.EPiServerForms .Form__MainBody .checkbox {
    margin-left: 0;
}

.EPiServerForms .Form__MainBody .checkboxes {
    margin-left: 0;
}

.EPiServerForms .Form__MainBody .checkbox label::after {
    font-size: 14px;
    margin-top: -7px;
    left: 2px;
    color: #ff0000;
}

.EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action {
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    display: inline-block;
    border: 2px solid #ff0000;
    background-image: none;
    background-color: transparent;
    border-radius: 30px;
    padding: 8px 18px;
    text-align: center;
    transition: all .2s ease;
    height: auto;
    width: 115px;
    font-family: 'Roboto', sans-serif;
}

@media screen and (max-width: 574px) {
    .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action {
        width: 90px;
        font-size: 11px;
        padding: 3px;
    }
}

.EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action:not(:disabled):hover {
    background: #ff0000;
}

.EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action:not(:disabled):active {
    background: #ec9f00;
}

.EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar {
    border: 2px solid #ff0000;
    border-radius: 9px;
}

@media screen and (max-width: 767px) {
    .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar {
        width: calc(100% - 236px);
    }
}

@media screen and (max-width: 574px) {
    .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar {
        width: calc(100% - 186px);
        height: 14px;
    }
}

.EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Progress {
    background-color: #ff0000;
    border-radius: 9px;
}

@media screen and (max-width: 574px) {
    .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Progress {
        height: 100%;
    }
}

@media screen and (max-width: 1023px) {
    .EPiServerForms .Form__MainBody .Form__Element {
        margin-left: 0 !important;
    }
}

/*Paging*/
.pagination {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
    padding: 13px 0;
}

.pagination ul {
    display: inline-block;
    padding: 0 !important;
}

.pagination ul li {
    display: inline-block;
    padding: 0 !important;
}

.pagination ul li a {
    font-size: 14px;
    line-height: 18px;
    color: #605f5f;
    padding: 0 3px;
    margin: 0 3px;
}

.pagination ul li a.prev,
.pagination ul li a.next {
    color: #ff0000;
}

.pagination ul li a.prev {
    margin-left: 0;
}

.pagination ul li a.next {
    margin-right: 0;
}

.pagination ul li a.disabled {
    color: #979797 !important;
    cursor: pointer;
}

.pagination a.selected {
    background-color: #979797;
    color: white;
    border-radius: 50%;
    padding: 6px 14px;
    text-align: center;
}

@media screen and (max-width: 1023px) {
    .EPiServerForms .Form__MainBody .Form__Element {
        margin-left: 0 !important;
    }
}

.bg-white {
    background-color: #fff;
}

/* needed in order to reuse the modal popup*/

.modal-wrapper {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modal-wrapper .show {
    display: block;
}

.modal-container {
    left: 0;
    top: 0;
    position: relative;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    z-index: 100;
}

@media (max-width: 480px) {
    .modal-container {
        padding: 0;
        overflow: auto;
    }
}

.modal-content {
    /* -webkit-transition: 0.2s linear;
    transition: 0.2s linear;*/
    display: none;
    background-color: #fff;
    max-width: 680px;
    width: 100%;
    padding: 86px 60px 0;
    opacity: 0;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 100px);
    overflow-y: auto;
}

@media only screen and (min-width: 768px) and (max-width: 961px) {
    .modal-content {
        max-width: calc(100% - 40px);
        left: 20px;
        transform: translate(0, -50%);
    }
}

.modal-content.show {
    opacity: 1;
    display: block;
}

.modal-content .close-wrap .close-txt {
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 34px;
    font-size: 21px;
    line-height: 22px;
    color: #ff0000;
    padding: 10px 40px 10px 10px;
}

.modal-content.contact h2 {
    font-size: 30px;
}

.modal-content .close {
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 44px;
    width: 22px;
    height: 22px;
    border: 2px solid #f2a91d;
    border-radius: 50%;
    padding: 10px;
    opacity: unset;
}

@media (max-width: 767px) {
    .modal-content {
        padding: 56px 20px 36px 20px;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        transform: none;
    }

    .modal-content .close {
        right: 20px;
        top: 15px;
    }

    .modal-content .close-wrap .close-txt {
        right: 18px;
        top: 6px;
    }

    .modal-content.contact h2 {
        font-size: 22px;
    }
}

.modal-content .close:before, .modal-content .close:after {
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background: #f2a91d;
    border-radius: 2px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.modal-content .close:before {
    top: 3px;
    left: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.modal-content .close:after {
    top: 1px;
    left: 15px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.modal-content .inner-text {
    float: left;
}

.modal-content .item {
    width: 100%;
}

.modal-content .item p {
    font-size: 17px;
    line-height: 19px;
    color: #605f5f;
}

.modal-content .btn-content {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 44px;
}

@media (max-width: 767px) {
    .modal-content .btn-content {
        text-align: center;
        position: static;
        left: 0;
        transform: translateX(0);
    }
}

.modal-content .btn {
    color: #b1b4b6;
    border: 2px solid #f2a91d;
    margin: 0 6px 10px;
    padding: 8px 54px;
    border-radius: 30px;
    line-height: unset;
    font-weight: bold;
}

@media (max-width: 1260px) {
    .modal-content .btn {
        padding: 8px 44px;
    }
}

.modal-content .btn:hover {
    color: #fff;
    background-color: #f2a91d;
}

/************************************************************************************************* text break *******/
.info-box {
    word-wrap: break-word;
}

.info-box ul li .phone {
    font-size: 20px;
}

/************************************************************************************************* submenu *******/
.main-nav .submenu {
    z-index: 10;
}

/************************************************************************************************* centered text on banner *******/
@media (max-width: 639px) {
    .group .banner figure {
        height: 374px;
    }
}

.online-product-category-container {
    padding-top: 30px;
}

.category-btn {
    background-color: #ffffff;
    height: 50px;
    width: 110px;
    font-family: inherit;
    align-content: center;
    border: 2px solid #ff0000;
    border-radius: 5px;
    margin: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
}

.category-btn.selected {
    background-color: #ff0000;
}

.category-container {
    text-align: center;
}

#all-products {
    position: relative;
}

#all-products .three-box-wrap {
    position: relative;
    height: 100%;
}